.blockUI.blockMsg.blockPage {
    border: none !important;
    background: none !important;
}
.blockUI,.blockOverlay{
    cursor:default !important;
        opacity: 0.8 !important;
}

#btnChange{
    margin-bottom: 8px;
}

.required {
    color: red;
}

html {
    height: 100%;
}
.mSubscription{
    font-size: 32px;
    color: white;
}

.clear {
    clear: both;
}

.clearfix:after {
    clear: both;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
#aNext{
    float:right !important;
}
#aPrevious{
    float:left !important;
}
.cursorPoniter {
    cursor: pointer;
}
.enalbeAutoPayImage {
    float: right;
    margin-top: 1px;
    margin-right: 20px;
}
/* 1. Reset
***************************************************************/
* {
    border: 0 none;
    outline: 0;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}


/*--- padding and margin---*/

.p-xxxs {
    padding: 0 !important;
}

.p-x-s {
    padding: 0 10px;
}

.p-tb-s {
    padding: 10px 0 !important;
}

.p-x-r {
    padding-right: 10px !important;
}

.p-b-s {
    padding-bottom: 0 !important;
}

.p-tb-s {
    padding: 20px 0 !important;
}

.p-t-m {
    padding-top: 30px !important;
}

.m-t-xs {
    margin-top: 0 !important;
}

.m-t-s {
    margin-top: 20px !important;
}

.m-t-sm {
    margin-top: 40px !important;
}

.m-b-xs {
    margin-bottom: 15px !important;
}

.m-b-s {
    margin-bottom: 20px !important;
}

.m-b-sm {
    margin-bottom: 40px !important;
}

.m-b-m {
    margin-bottom: 40px !important;
}

.m-t-elg {
    margin-top: 70px !important;
}

.borbottom-none {
    border-bottom: none !important;
}
.zindex999
{
    z-index:999!important;
}

/*--- padding and margin---*/

html,
body,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
fieldset,
{
    margin: 0px auto;
    padding: 0px;
    border: 0;
    outline: 0;
    font-size: 100%;
}

a,
img a {
    text-decoration: none !important;
    border: 0;
    outline: 0 !important;
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}

a,
button,
input {
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}

:focus {
    outline: 0px;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

ol,
ul,
li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
}


/*******************************
  dashboard CSS
*******************************/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

/*----- common class----*/

.border-rn {
    border-right: none !important;
}

.upparcase {
    text-transform: uppercase;
}

.italic {
    font-style: italic;
}

.m-t-minus {
    margin-top: -10px !important;
}

.gray {
    background: #ddd !important;
}

.a-color {
    color: #3192e9 !important;
}

label.input-label {
    font-size: 16px;
    color: #000;
    font-weight: 400;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
textarea,
select {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16);
    height: inherit !important;
    font-size: 14px !important;
    width: 100%;
    color: #555555 !important;
    padding: 10px 15px !important;
    border-radius: 0 !important;
    z-index: 1 !important;
}

input[type="text"]:focus,
input[type="text"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
textarea:focus,
textarea:active,
select:focus,
select:active {
    border: solid 1px #3192e9 !important;
}

select {
    padding: 11px 25px 11px 15px !important;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16) !important;
}

label.input-label strong {
    color: #000;
}

input[type='password'].input-form {
    padding-right: 35px;
}

input[type='text'].icon {
    padding-right: 35px;
}

textarea {
    resize: vertical;
}

.search-common input[type="text"] {
    padding-right: 45px !important;
}

.search-common .input-group-btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    width: 40px;
}

.search-common .input-group-btn a {
    color: #979797;
    font-size: 16px;
    padding: 9px 12px;
}

.mlr10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.refresh-common,
.filter-common {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16);
    background: #fff;
    padding: 10px 15px !important;
    text-align: center;
    position: relative;
    float: right;
    border: solid 1px #ccc;
    color: #979797;
    display: block;
    font-size: 14px !important;
}


/*-- image center ------*/

.centered-image {
    width: 100%;
    height: 100%;
    border-radius: 50% !important;
}

.Round-figure {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}


/*-- dropdown ----*/

.dropdown_open {
    background: #ffffff;
    position: absolute;
    right: 0;
    border-radius: 0;
    top: 0;
    opacity: 0;
    transition: all 0.3s;
    z-index: 9;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    transform-origin: right top;
    transform: scale(0);
}

.dropdown_open.open {
    opacity: 1;
    transform: scale(1);
    border-radius:13px;
}

.dropdown_open>li>a {
    color: #000;
    display: block;
    padding: 12px 20px;
    border-bottom: solid 1px #ddd;
    font-size: 15px;
}

.dropdown_open>li:last-child a {
    border-bottom: none;
}

.dropdown_open>li>a:hover,
.dropdown_open>li>a:active {
    /*color: #3192e9;
    background: #f3f4f7;*/
}

.dropdown_open.activehover>li>a:hover {
    background: rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.87);
}

.dropdown_open>li.active>a {
    color: #3192e9;
    background: #3192e9;
}


/*-- dropdown end------*/


/*-- button ------*/

.btn-dash {
    background: #3192e9;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 8px 25px;
    text-transform: initial;
    border-radius: 0;
    display: inline-block;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}

.btn-dash:hover{
     color: #fff;
    background: #4a92e1 !important;
    cursor: pointer;
}
.btn-dash:active,
.btn-dash:focus {
    color: #fff;
    background: #0e599c;
    cursor: pointer;
}


/*-- button ------*/


/*-- radio btn------*/

input[type="radio"] {
    display: none;
}

input[type="radio"]+label>span {
    background: rgba(0, 0, 0, 0) url(../../images/uncheck.png) no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    margin: -1px 6px 0 0;
    position: relative;
    vertical-align: middle;
    width: 25px;
    top: 3px;
}

input[type="radio"]:checked+label>span {
    background: url(../../images/check.png) no-repeat;
    width: 25px;
    height: 25px;
    top: 2px;
    position: relative;
}

input[type="radio"]:checked+label {
    color: #000;
    font-weight: 600;
}

input[type="radio"]:checked+label>label {
    color: #ff6464;
    position: relative;
    font-weight: 600 !important;
}

input[type="radio"]+label>label {
    position: relative !important;
    font-weight: normal !important;
    display: inline;
}


/*-- radio btn- end -----*/


/*-- checkbox-----*/

.checkbox-input {
    opacity: 0;
    position: absolute;
}

.checkbox-input,
.checkbox-label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.checkbox-label {
    position: relative;
    margin: 0 0 0 0;
}

.checkbox-input+.checkbox-label:before {
    content: '';
    background-color: #fff;
    border: 2px solid #3192e9;
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
}


/* .checkbox-input:checked+.closedTask:before {
    content: '';
    background-color: #977a2a !important;
    background: url(../../images/taskclosed.png) no-repeat !important;
    border: none;
    width: 24px;
} */

.checkbox-input:checked+.checkbox-label:before {
    content: '';
    background-color: transparent;
    background: url(../../images/checked.png) no-repeat;
    border: none;
    width: 24px;
}


/*-- checkbox--end ---*/


/*----- addional css- common selectpicker with search css ----------------- */

.moduleMember .select2-container {
    border: none !important;
    box-shadow: none !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: solid 1px #ccc !important;
    border-radius: 0 !important;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16);
    height: 42px !important;
    padding: 6px 10px;
}


/* .select2-container {
    border: solid 1px #ccc !important;
    font-size: 14px !important;
    padding: 6px 30px 6px 12px;
    color: #979797;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16) !important;
    height: auto !important;
    border-radius: 0 !important;
} */


/* .select2-container--below {
    border: solid 1px #ccc !important;
    font-size: 14px !important;
    padding: 6px 30px 6px 12px;
    color: #979797;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16) !important;
    height: auto !important;
    border-radius: 0 !important;
} */


/* .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none !important;
    border-radius: 0 !important;
}

.select2-container--default .select2-selection__rendered {
    text-align: left !important;
    padding: 0 !important;
    color: #979797 !important;
} */

.select2-container--default .select2-selection__arrow {
    height: auto !important;
    top: 14px !important;
    overflow: visible !important;
}

span.select2-selection__choice__remove {
    height: 20px;
    margin-right: 5px !important;
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: solid 1px #ccc !important;
    border-radius: 0 !important;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16);
    cursor: text;
    padding: 8px 10px;
}

li.select2-selection__choice {
    border-radius: 0 !important;
    font-size: 12px;
}

.profile-edit-detail .form-group {
    margin-bottom: 0;
}

.select2-container--default .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: normal !important;
    font-size: 22px !important;
    position: relative;
    top: 3px;
    line-height: 1 !important;
}

.select2-container--default .select2-selection__arrow b {
    border-color: #979797 transparent transparent transparent !important;
    border-style: solid;
    border-width: 7px 6px 0 6px !important;
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 0;
    margin: 3px 0 0 -10px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3192e9 !important;
    color: #fff;
}

.select2-results__option {
    padding: 8px 12px !important;
    user-select: none;
    -webkit-user-select: none;
    font-size: 14px;
}

.select2-search--dropdown {
    display: block;
    padding: 0 0 0px 0;
    border-bottom: solid 1px #ddd;
}

.select2-search--dropdown {
    display: block;
    padding: 0 !important;
}

li.select2-results__option.select2-results__message {
    color: #9c9b9b;
    font-size: 18px;
    text-align: center;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none !important;
    padding: 8px !important;
}


/* .select2-container--open .select2-selection--single {
    border: none !important;
} */

.select2-container--open .select2-selection__arrow b {
    border-color: #3192e9 transparent transparent transparent !important;
}

.select2-container {
    width: 100% !important;
}


/*---- common selectpicker css end ---- */


/*-- datepicker -- */

#startDatepicker,
#dueDatepicker,
#reminderDateTimePicker,
#divDueDate,
#divStartDate {
    position: relative;
    width: 100%;
}

#startDatepicker .input-group-addon,
#dueDatepicker .input-group-addon,
#reminderDateTimePicker span,
#divDueDate .input-group-addon,
#divStartDate .input-group-addon {
    background: transparent;
    position: absolute;
    right: 0;
    z-index: 9;
    font-size: 18px;
    border: none;
    height: 30px;
    width: 50px;
    top: 6px;
    text-align: center;
}

input#reminderDueDate,
#reminderTaskDueDate,
#reminderTaskStartDate,
#dueDate,
#txtStartDate {
    padding-right: 50px !important;
}


/*-- datepicker --end  */


/*--- bullet point coomon ---*/

.bullet-wraper {
    cursor: pointer;
    position: relative;
    background-color: transparent;
    width: 40px;
    height: 50px;
    z-index: 9;
}

.bullet-wraper span {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    background: #b8b8b8;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.bullet-wraper span:before,
.bullet-wraper span:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: #b8b8b8;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.bullet-wraper span:before {
    top: -8px;
}

.bullet-wraper span:after {
    top: 8px;
}


/*--- bullet point coomon end ---*/


/*-------------------------------------------- common class- end ---------------------------------*/
/*body {
    font-family: 'Roboto', sans-serif;
    position: relative;
    min-height: 100%;
    background: #ebebeb;
    padding-right: 0 !important;
    line-height: 1.5;
    overflow-x: hidden;
    overflow-y: auto;
}*/

.wraper-dashboard {
    height: 100%;
    padding: 0 0 100px 0;
    overflow: hidden;
}

.body-background {
    position: relative;
    height: auto;
}

.body-background:before {
    background: #000000;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}


/*--- left menu---*/

.sideNav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 160px;
    height: 100%;
}

.sidenav-inner {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #173f64;
}

nav.rnavbar-left ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

nav.rnavbar-left ul li {
    display: block;
    border-bottom: solid 1px #12304c;
}

nav.rnavbar-left ul li a {
    padding: 0 30px;
    font-size: 18px;
    position: relative;
    color: #517ca3;
    height: 110px;
    vertical-align: middle;
    display: table-cell;
    width: 160px;
}

nav.rnavbar-left ul li.active a,
nav.rnavbar-left ul li a:hover,
nav.rnavbar-left ul li a:focus,
nav.rnavbar-left ul li a:active {
    color: #fff;
}

nav.rnavbar-left ul li.active a .nav-ico,
nav.rnavbar-left ul li a:hover .nav-ico,
nav.rnavbar-left ul li a:focus .nav-ico,
nav.rnavbar-left ul li a:active .nav-ico {
    opacity: 1;
    filter: alpha(opacity=1);
}

nav.rnavbar-left ul li.active a:before {
    background: #3192e9;
}

nav.rnavbar-left ul li a:before {
    content: '';
    position: absolute;
    left: 0;
    width: 5px;
    top: 0;
    bottom: 0;
    background: #173f64;
}

nav.rnavbar-left ul li a span {
    display: block;
    text-align: center;
}

nav.rnavbar-left ul li a span.nav-txt {
    padding-top: 10px;
}

nav.rnavbar-left ul li a span.nav-ico {
    padding: 5px 0 0 0;
    opacity: .2;
    filter: alpha(opacity=20);
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}

.dashboard-nav a img {
    width: 25px;
}

.dashboard-nav a .dashboard_2,
.dashboard-nav a .dashboard_5 {
    width: 25px !important;
}

.rnavbar-left .user-mobile {
    display: none;
}

.showonly-mobile {
    display: none !important;
}


/*--- left menu end---*/


/*---top menu --*/

header.main-header {
    position: fixed;
    top: 0;
    left: 160px;
    right: 0;
    z-index: 99;
}

.logo-header {
    padding: 0 30px;
    display: table;
    width: 100%;
    margin: 0;
    z-index: 9;
    background: #fff;
    position: relative;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
}

.logo-header .logo-wrap {
    float: left;
    padding: 10px 0;
}

.logo-header a {
    display: block;
}

.logo-header label {
    font-size: 16px;
    color: #555555;
    font-weight: 100;
}

.logo-wrap img {
    width: 61px;
    border: 1px solid #00000063;
    height: 59px;
    border-radius: 29px;
}

.social {
    float: right;
}

.social>li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.social>li a {
    color: #000000;
    position: relative;
}

.social li.comment>a {
    display: table;
    padding: 10px 0;
    width: 100%;
}

.user-desktop {
    width: 60px;
    height: 60px;
    overflow: hidden;
    display: block;
    border-radius: 50%;
    position: relative;
    margin: 0 0 0 15px;
    border: solid 1px #e2e2e2;
}

.social>li a .user img {
    width: 100%;
    min-height: 100%;
    height: auto;
    left: 50%;
    position: relative;
    transform: translatex(-50%);
    -webkit-transform: translatex(-50%);
    min-width: 100%;
}

.badge-notify {
    position: absolute;
    top: -1px;
    left: 26px;
    background: #ff715a;
    border-radius: 4px;
    padding: 3px 5px;
    font-weight: normal;
    font-size: 11px;
}
.whiteBoard_icon{
    height:36px!important;
    width:36px!important;
}
.social>li a .hide-in {
    display: none;
}


/*--------*/

.dash-header {
    border-bottom: solid 1px #ddd;
    background: #fff;
}


/*---top menu end--*/


/*---right menu --*/

.sideNav-Right-disnone {
    display: none;
}

.sideNav-Right {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
    width: 270px;
    height: 100%;
    padding: 80px 0 0 0;
}

.sideNav-Right-inner {
    position: relative;
    width: 100%;
    height: 100%;
    background: #173f64;
}

.right-sidenav {
    height: 100%;
    position: relative;
    padding: 55px 0 10px 0;
}

.right-sidenav .msg-alert {
    color: #5090c9;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
    top: 0;
    font-size: 16px;
    padding: 18px 20px 16px;
}

.right-sidenav .msg-alert .badge-msg {
    background: #5090c9;
    border-radius: 30px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    margin: 0 0 0 6px;
    padding: 4px 8px;
    position: relative;
    top: -2px;
}

.right-sidenav li {
    position: relative;
}

.right-sidenav li a {
    padding: 15px 0 15px 20px;
    width: 100%;
    float: left;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.right-sidenav li a .user {
    position: relative;
    overflow: hidden;
    padding: 0 35px 0 0;
}

.right-sidenav ul li.active a:before {
    background: #3192e9;
}

.right-sidenav li.active a {
    background: rgba(12, 45, 75, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(12, 45, 75, 1)), color-stop(26%, rgba(12, 45, 75, 1)), color-stop(91%, rgba(23, 63, 100, 1)), color-stop(100%, rgba(23, 63, 100, 1)));
    background: -webkit-linear-gradient(left, rgba(12, 45, 75, 1) 0%, rgba(12, 45, 75, 1) 26%, rgba(23, 63, 100, 1) 91%, rgba(23, 63, 100, 1) 100%);
    background: -o-linear-gradient(left, rgba(12, 45, 75, 1) 0%, rgba(12, 45, 75, 1) 26%, rgba(23, 63, 100, 1) 91%, rgba(23, 63, 100, 1) 100%);
    background: -ms-linear-gradient(left, rgba(12, 45, 75, 1) 0%, rgba(12, 45, 75, 1) 26%, rgba(23, 63, 100, 1) 91%, rgba(23, 63, 100, 1) 100%);
    background: linear-gradient(to right, rgba(12, 45, 75, 1) 0%, rgba(12, 45, 75, 1) 26%, rgba(23, 63, 100, 1) 91%, rgba(23, 63, 100, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0c2d4b', endColorstr='#173f64', GradientType=1);
}

.right-sidenav li a:before {
    content: '';
    position: absolute;
    left: 0;
    width: 5px;
    top: 0;
    bottom: 0;
    background: #173f64;
}

.right-sidenav li a:after {
    content: '';
    position: absolute;
    left: 0;
    width: 50px;
    top: 0;
    bottom: 0;
    background: #255886;
    height: 1px;
    margin: 0 20px;
}

.right-sidenav li:first-child a:after {
    display: none;
}

.right-sidenav li figure {
    margin: 0 10px 0 0;
    height: 50px;
    width: 50px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.right-sidenav li figure img {
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: relative;
    transform: translateX(-50%);
    width: 100%;
}

.right-sidenav .name {
    color: #3192e9;
    font-size: 16px;
    padding: 5px 0 0 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.right-sidenav .msg {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    font-size: 13px;
    color: #7dbefb;
}

.right-sidenav .time {
    color: #3f79af;
    position: absolute;
    right: 9px;
    bottom: 0px;
    font-size: 13px;
}

.right-sidenav .notread-msg {
    position: absolute;
    right: 7px;
    top: 4px;
}

.right-sidenav .user span.dots {
    background: #fff;
    border-radius: 50%;
    height: 6px;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    position: relative;
    width: 6px;
    float: right;
    margin: 5px 2px;
}

.right-sidenav .online .msg {
    color: #7dbefb;
}

.right-sidenav .online .name {
    color: #ffffff;
}

.right-sidenav .online:before {
    background: #8eef30;
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: 7px;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 7px;
}


/*---center  --*/

.center-section {
    margin: 0 auto;
    min-height: 100%;
    position: relative !important;
    z-index: inherit;
    padding: 52px 0px 0px 160px;
    overflow: initial !important;
}

.column-grid .column {
    background: #ffffff;
        position: relative;
    border-radius: 4px;
    margin: 0 auto 20px;
    display: block;
    width: 100%;
    box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.45);
}

.center-section .column-grid {
    text-align: center;
    padding: 15px 20px 40px;
}

.column-grid .column figure {
    position: relative;
    border-radius: 0;
    overflow: hidden;
    height: 200px;
}

.column-grid .column figure img {
    width: 100%;
    height: 100%;
}

.column-grid .column .content {
    position: relative;
}

.column-grid .column .content .icon {
    border: 4px solid #ffffff;
    border-radius: 50%;
    color: #fff;
    height: 80px;
    width: 80px;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    top: -40px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.column-grid .column .blue {
    background: #3192e9;
}

.column-grid .column .blue img {
    width: 35px;
}

.column-grid .column .yellow {
    background: #ffb636;
}

.column-grid .column .yellow img {
    width: 28px;
}

.column-grid .column .green {
    background: #96ba1b;
}

.column-grid .column .green img {
    width: 25px;
}

.column-grid .column .red {
    background: #fd5a66;
}

.column-grid .column .red img {
    width: 35px;
}

.column-grid .column .violet {
    background: #9f5edc;
}

.column-grid .column .violet img {
    width: 28px;
}

.column-grid .column .pink {
    background: #db396e;
}

.column-grid .column .pink img {
    width: 40px;
}

.column-grid .column .content p {
    color: #0f0f0f;
    font-size: 18px;
    padding: 55px 0 25px;
    text-transform: uppercase;
}

.column-grid .column .content span {
    color: #9c9b9b;
}


/*----------- comment box---*/

.comment-onclick {
    right: 5px;
    width: 300px;
    top: 50px;
    max-height: 400px;
}

li#header_notification_bar {
    padding: 20px 15px;
}

li#plus-menuclick {
    padding: 20px 10px;
}

li.search {
    padding: 20px 10px;
}

ul.comment-onclick:before {
    content: "";
    right: 66px;
}

.comment-onclick figure {
    border-radius: 50%;
    float: left;
    height: 60px;
    overflow: hidden;
    width: 60px;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
}

.comment-onclick>li a.edit {
    color: #979797;
    border: none;
}

.comment-onclick .detail {
    padding: 10px 0 10px 5px;
}

.comment-onclick>li a {
    margin: 0;
    color: #000000;
    display: block;
}

.comment-onclick>li:nth-child(2) a {
    /*border-top: solid 1px #ddd;*/
}

.comment-onclick .btn-dash {
    display: block;
    text-align: center;
    margin: 15px auto;
    padding: 12px 6.8em;
    border-radius: 2px;
}

.comment-onclick p {
    font-size: 14px;
    font-weight: 500;
    color: #3192e9;
    margin: 0;
}

.comment-onclick p span {
    color: rgba(0, 0, 0, 0.76);
    text-transform: uppercase;
    font-size: 13px;
}

.button100 {
    padding: 20px;
    width: 100%;
}

.plus-menu {
    width: 170px;
}

ul.plus-menu:before {
    content: "";
    right: 14px;
}

.plus-menu li a {
    font-size: 18px;
}

.search .icon {
    position: relative;
    z-index: 9;
}

.search .icon>button {
    background: transparent;
}

.dash-search input[type=search] {
    width: 0px;
    padding: 10px 50px 10px 10px;
    color: transparent;
    background: transparent;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    right: 0;
    border: solid 2px transparent;
    top: 6px;
}

.dash-search input[type=search].in {
    width: 400px;
    color: #000;
    cursor: auto;
    border-color: #659be6;
    box-shadow: 0 0 8px 2px #e4ecf7;
}

.dash-search::-webkit-input-placeholder {
    color: #979797;
    font-style: italic;
}

.dash-search::-moz-placeholder {
    color: #979797;
    font-style: italic;
}

.dash-search:-ms-input-placeholder {
    color: #979797;
    font-style: italic;
}

.dash-search:-moz-placeholder {
    color: #979797;
    font-style: italic;
}


/*----------- comment box end---*/

footer.footer {
    background: #ebebeb none repeat scroll 0 0;
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 1;
    bottom: 0;
    margin-bottom: 0 !important;
}

footer.padding-dashboard {
    padding: 10px 270px 10px 160px;
}

.footer p {
    color: #acacac;
    font-size: 16px;
    margin: 10px 0 0 0;
}

footer.footer a {
    color: #acacac;
}

.full-height-scrollbar {
    height: 100%;
    overflow: hidden;
}

.full-height-scrollbar-messege {
    max-height: 300px;
    overflow: hidden;
}

.Dash-txt {
    padding: 20px 25px;
    position: relative;
}

.Dash-txt .phead-name {
    position: relative;
    font-size: 18px;
    padding: 0px 0 0 30px;
    color: #323232;
    text-transform: uppercase;
}

.Dash-txt .heading-icons {
    position: absolute;
    left: 0;
    line-height: 1.4;
}

.heading-icons img {
    width: 18px;
}

.hide-in-desktop {
    padding: 0 !important;
}

.plus-menu.showadd {
    display: block;
    transition: all ease-in .5s;
    -moz-transition: all ease-in .5s;
    -ms-transition: all ease-in .5s;
    -o-transition: all ease-in .5s;
    -webkit-transition: all ease-in .5s;
}


/*----- notification dropdown menu---- */

.notification-toggle-inner {
    position: relative;
    overflow: auto;
    padding: 45px 0 0 0;
}

.notification-toggle {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.3);
    position: absolute;
    right: 0;
    width: 380px;
    min-width: 100%;
    top: 0;
    z-index: 999;
    opacity: 0;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    transform-origin: right top;
    transform: scale(0);
    transition: all 0.2s ease;
}

.notification-toggle.open {
    opacity: 1;
    transform: scale(1);
}

.notification-toggle li:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: rgba(0, 0, 0, 0.05);
}

.notification-toggle .nt-heading {
    font-size: 18px;
    background: #3192e9;
    border-radius: 0;
    color: #fff;
    padding: 10px 20px;
    position: absolute;
    top: 0;
    width: 100%;
}

.notification-toggle .nt-footer a {
    font-size: 14px !important;
    color: #3192e9;
    text-transform: uppercase;
    background: #ffffff;
    display: block;
    padding: 16px;
    text-align: center;
    border-radius: 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.38);
}

.notification-toggle .nt-footer a:hover {
    color: #ffffff;
    background: #3192e9;
}

.notification-toggle li {
    position: relative;
}

.notification-toggle li.post-msg {
    background: #ffffff;
}

.notification-toggle .notification-ul {
    position: relative;
}

.notification-toggle li:first-child::before {
    top: 40px;
}

.notification-toggle li:last-child::before {
    height: 40px;
}

.notification-toggle figure {
    margin: 0 15px 0 0;
    border-radius: 50%;
    height: 50px;
    overflow: hidden;
    width: 50px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.notification-toggle figure img {
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: relative;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    width: 100%;
}

.notification-toggle .message {
    position: relative;
    overflow: hidden;
    padding: 5px 0 0 0;
}

.notification-toggle .message p>strong {
    font-weight: 400;
}

.notification-toggle .message p {
    color: rgba(0, 0, 0, 0.87);
    font-size: 15px;
    line-height: 1.1;
    font-weight: 400;
    margin: 0;
}

.notification-toggle .message p span {
    color: #3192e9;
}

.notification-toggle .message span.time {
    font-size: 12px;
    color: #a1a1a1;
    line-height: 1.1;
}

.notification-toggle .message a {
    font-size: 16px;
    padding: 4px 6px;
    margin: 3px 5px 7px 0;
    display: inline-block;
    border-radius: 4px;
    border: solid 2px;
}

.notification-toggle .message a.Communication {
    border-color: #3192e9;
    color: #3192e9;
}

.notification-toggle .message a.Communication:hover {
    border-color: #3192e9;
    color: #edf6ff;
    background: #3192e9;
}

.notification-toggle .message a.outcome {
    border-color: #ff5c5c;
    color: #ff5c5c;
}

.notification-toggle .message a.outcome:hover {
    border-color: #ff5c5c;
    color: #edf6ff;
    background: #ff5c5c;
}


/*----- notification dropdown menu---- */


/*----- notification page---- */

footer.inner-footer {
    padding: 10px 10px 10px 195px;
}

.notification {
    background: #ebebeb none repeat scroll 0 0;
    margin: 0 auto;
    min-height: 100%;
    padding: 80px 0 0 160px;
    position: relative;
    z-index: 1;
}

.notification-inner {
    position: relative;
    padding: 15px 40px 0 100px;
}

.notification-inner:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 60px;
    background: #c3cbcc;
    width: 2px;
    height: 100%;
}

.nt-time-alert {
    color: #979797;
    background: #fff;
    font-size: 18px;
    border-radius: 4px;
    display: inline-block;
    padding: 7px 0;
    width: 260px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    position: relative;
    left: -75px;
}

.nt-time-alert.today {
    color: #f0385f;
}

.message-notif {
    margin: 15px 0 30px 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}

.message-notif li .border {
    border-bottom: solid 1px #ddd;
    padding: 20px 0;
}

.message-notif li:first-child {
    border-radius: 6px 6px 0 0;
}

.message-notif li:last-child {
    border-radius: 0 0 6px 6px;
}

.message-notif li:last-child .border {
    border-bottom: none;
}

.message-notif li {
    position: relative;
    padding: 15px 15px 10px 60px;
    background: #ffffff;
    padding: 0 30px;
}

.message-notif li:before {
    position: absolute;
    content: '';
    top: 30px;
    bottom: 0;
    left: -45px;
    background: #ffffff;
    width: 0;
    height: 0;
    padding: 4px;
    border: solid 2px #c5d4dd;
    border-radius: 50%;
}

.message-notif figure {
    margin: 0 20px 0 0;
    border-radius: 50%;
    height: 55px;
    overflow: hidden;
    position: relative;
    width: 55px;
    float: left;
}

.message-notif figure img {
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: relative;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    width: 100%;
}

.message-notif .justnow .border:before {
    background: #f0385f;
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: 7px;
    left: 86px;
    position: absolute;
    top: 25px;
    width: 7px;
}

.message-notif .msg {
    position: relative;
    overflow: hidden;
    padding: 4px 0;
}

.message-notif .msg p {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    margin: 0px 0 3px 0;
    overflow: hidden;
}

.message-notif .msg p a {
    color: #3192e9;
    text-decoration: underline;
}

.message-notif .msg span {
    font-size: 16px;
    font-weight: 500;
    color: #a1a1a1;
}

.message-notif .justnow {
    background: #edf6ff;
}

.message-notif .msg .btnbox a {
    font-size: 17px;
    padding: 4px 25px;
    margin: 15px 20px 0 0;
    display: inline-block;
    border-radius: 4px;
    border: solid 2px;
    text-decoration: none;
}

.message-notif .msg .btnbox a.comm {
    border-color: #3192e9;
    color: #3192e9;
}

.message-notif .msg .btnbox a.comm:hover {
    border-color: #3192e9;
    color: #edf6ff;
    background: #3192e9;
}

.message-notif .msg .btnbox a.outcome {
    border-color: #ff5c5c;
    color: #ff5c5c;
}

.message-notif .msg .btnbox a.outcome:hover {
    border-color: #ff5c5c;
    color: #edf6ff;
    background: #ff5c5c;
}


/*----- notification dropdown menu ---- */


/*----- profile page---- */

.profile {
    background: #ebebeb none repeat scroll 0 0;
    margin: 0 auto;
    min-height: 100%;
    padding: 80px 0 0 160px;
    position: relative !important;
    z-index: 1;
    overflow: inherit !important;
}

.profile-inner {
    padding: 15px 20px;
    position: relative;
}

.profile-inner-left {
    float: left;
}

.profile-inner-right {
    float: left;
}

.profile-user-detail {
    background: #ffffff;
    margin: 0 auto 15px;
    text-align: center;
}

.profile-user-detail.padding {
    padding: 30px 35px;
}

.profile .shadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

.profile-user-detail figure {
    height: 120px;
    margin: 0 auto;
    position: relative;
    width: 120px;
}

.profile-user-detail figure img {
    height: auto;
    left: 50%;
    top: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    width: 100%;
    border-radius: 50%;
}

.profile-image-upload {
    height: 120px;
    width: 120px;
    margin: 0 auto;
    position: relative;
}

.profile-user-detail .camera-icon {}

.profile-user-detail .camera-icon>a {
    background: #3192e9;
    border-radius: 50%;
    border: solid 2px #fff;
    height: 45px;
    width: 45px;
    position: absolute;
    bottom: -5px;
    cursor: pointer;
    right: -5px;
    padding: 5px;
}

.profile-user-detail span input[type=file] {
    position: absolute;
    z-index: 99;
    opacity: 0;
    width: 45px;
    right: -5px;
    height: 45px;
    bottom: -5px;
    cursor: pointer;
}

.profile-user-detail .camera-icon>a>img {
    width: 18px;
    background: #3192e9;
    padding: 6px 0;
}

.profile-user-detail h1 {
    font-size: 16px;
    color: #3192e9;
    text-transform: uppercase;
    margin: 0;
    padding: 20px 0 5px 0;
}

.profile-user-detail h1.edit-pf-name {
    color: #797878;
    text-align: left;
    padding: 20px 0 10px 0;
    margin-top: 0;
}

.profile-user-detail h2.edit-pf-name {
    color: #797878;
    text-align: left;
    margin: 15px 0 0 0;
    font-size: 16px;
    border-top: solid 1px #ddd;
    padding: 15px 0;
}

.profile-user-detail p {
    font-size: 15px;
    color: #000000;
    margin: 0;
}

.profile-user-detail p.edit-pf-namep {
    text-align: left;
}

.profile-user-detail p span {
    font-weight: 600;
}

.profile-user-detail .btn-profile {
    margin: 20px 0 0 0;
}

.profile-form {
    background: #ffffff;
    margin: 0 auto;
    max-width: 100%;
}

.profile-form .inner {
    padding: 0 15px 20px;
}

.profile-form .bor-left {
    border-right: solid 1px #ddd;
}

.profile-form .content {
    padding: 10px 0;
    position: relative;
    border-bottom: solid 1px #ddd;
    min-height: 54px;
}

.profile-form .data {
    padding-left: 140px;
    position: relative;
    padding-right: 15px;
}

.profile-form .data label {
    color: #8a8a8a;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: normal;
    width: 140px;
    display: block;
    overflow: hidden;
    margin: 0;
    font-size: 16px;
    line-height: 2.1;
    padding: 0 10px;
}

.profile-form .data span {
    font-size: 16px;
    line-height: 2.1;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-form .data>ul>li {
    list-style-type: disc;
    padding: 4px 5px;
    margin: 0 0 0 20px;
}


/*---------- edit profile------------*/

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    color: #848383;
    vertical-align: middle;
    border-top: 6px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.btn-Orion-Const {
    font-size: 16px;
    font-weight: 600;
    padding: 7px 10px;
    border-radius: 4px;
    color: #636161;
    margin: 10px 0;
    width: 100%;
    text-align: left;
}

.btn-Orion-Const span {
    float: right;
}

li.select-result {
    background: #7b7b7b;
    border-radius: 12px;
    color: #fff;
    width: 90%;
    padding: 3px 20px;
    font-size: 15px;
    margin: 10px 0 0 0;
    position: relative;
}

.select-result>a {
    color: #fff;
    padding: 0 20px;
    position: absolute;
    right: 0;
    overflow: hidden;
}

.profile-edit-detail.padding {
    padding: 30px 20px;
}

.camera-icon-aarow {
    display: none;
}

.profile-form .btn-edit-profile {
    padding: 0;
}

.profile-form .btn-edit-profile>a {
    display: block;
    padding: 11px;
}

.btn-edit-profile-add {
    background: #3192e9;
}

.btn-edit-profile-close,
.btn-dash.cancel {
    background: #ff6464;
    margin-left: 5px;
    margin-right: 5px;
}

.btn-edit-profile-close:hover,
.btn-dash.cancel:hover {
    background: #f34242;
}

.profile-form button.btn.dropdown-toggle.btn-default {
    border: solid 2px #dddddd;
    box-shadow: none;
    font-size: 16px;
    background-image: none;
    background: #ffffff;
    padding: 4px 10px;
    font-style: italic;
}

.dropdown-menu>li>a:hover,
.profile-form .dropdown-menu>li>a:focus,
.profile-form .dropdown-submenu:hover>a,
.profile-form .dropdown-submenu:focus>a {
    background-color: #e4e8e8;
    background-image: none;
    color: #505050;
    text-decoration: none;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

button.btn.dropdown-toggle.btn-default {
    border: solid 1px #ccc;
    box-shadow: none;
    font-size: 14px;
    background-image: none;
    background: #ffffff;
    padding: 10px 10px;
    font-style: normal;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16);
    border-radius: 0;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #ffffff;
    border-color: #dddddd;
}


/*--------------- chat box-----------------*/

.chatheader .main {
    background: #173f64;
    color: #fff;
    margin: 0;
    padding: 15px 15px;
    position: relative;
}

.chatheader h1 {
    margin: 0;
    font-size: 16px;
    padding: 0 20px;
    position: relative;
}

.chatheader h1:before {
    background: #8eef30;
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 8px;
}

.chatheader .main>a {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    padding: 14px;
}

.chatheader .main>a img {
    width: 15px;
}

.chatheader .submain {
    background: #3192e9;
}

.chatheader .submain {
    position: relative;
}

.chatheader .submain h2 {
    background: #ffffff;
    color: #000;
    margin: 0;
    font-size: 16px;
    padding: 15px 110px 13px 15px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chatheader .submain h2::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: #3192e9;
}


/*.chatheader .submain .btn-section::before {
    background: url(../images/border-chat.png);
    position: absolute;
    content: '';
    top: 0px;
    left: -40px;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
}*/

.chatheader .submain .btn-section {
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px 0;
    background: #3192e9;
    border-radius: 0 0 0 6px;
}

.chatheader .submain .btn-section li {
    display: inline;
    border-right: solid 1px #266fb1;
    padding: 5px 15px;
}

.chatheader .submain .btn-section li:last-child {
    border-right: none;
}

.chatheader .submain .btn-section li img {
    width: 18px;
}

.midcenter {
    width: 100%;
    padding: 90px 50px 50px 15px;
    position: relative;
}

.midcenter .chat-msg {
    position: relative;
    padding: 15px 10px 0px 0;
}

.midcenter .chat-msg h3 {
    font-size: 15px;
    color: #3192e9;
    margin: 0;
    padding: 0 70px 0px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.midcenter .chat-msg p {
    font-size: 13px;
    color: #000000;
    margin: 2px 0 0 0;
}

.midcenter .chat-msg span.time {
    color: #b4b4b4;
    font-size: 11px;
    position: absolute;
    right: 0;
    top: 0;
}

.midcenter .chat-msg .data {
    position: relative;
    overflow: hidden;
    padding: 0 0 0 10px;
}

.midcenter .chat-msg figure {
    width: 35px;
    height: 35px;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    float: left;
    border: solid 1px #e2e2e2;
}

.midcenter .chat-msg>figure>img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    width: 100%;
    min-height: 100%;
}

.full-height-chat {
    max-height: 350px;
    overflow: hidden;
}

.full-height-chat #mCSB_4_scrollbar_vertical {
    right: 69px;
}

.chatfooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 9;
    height: 50px;
    padding: 0 50px 0 0;
}

.chatfooter textarea {
    background: #edf5fc none repeat scroll 0 0;
    color: #9eadbc !important;
    padding: 5px 50px 2px 10px !important;
    resize: none;
    width: 100%;
    box-shadow: none;
}

.chatfooter>a {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    padding: 20px 60px 20px 0px;
    opacity: 0.3;
}

.chatfooter textarea:focus {
    border-color: transparent !important;
}

.chatfooter>a>img {
    width: 25px;
}

.aside-col {
    position: absolute;
    right: 0;
    height: 100%;
    bottom: 0px;
    padding: 92px 0 0 0;
    background: #e9e9e9;
    width: 50px;
}

.aside-col ul {
    width: 50px;
    overflow: hidden;
    z-index: 99;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 0 60px 0;
}

.aside-col li.active>a,
.createnew-model .number .bullet .active>a {
    background: #3192e9;
    color: #ffffff;
    font-size: 14px;
}

.aside-col .add>a {
    background: #e9e9e9 !important;
    color: #717f8d;
    border: solid 2px #99a9b8;
}

.aside-ul li>a,
.aside-col .add>a,
.createnew-model .number .bullet a {
    background: #99a9b8;
    color: #717f8d;
    width: 40px;
    height: 40px;
    display: block;
    margin: 5px auto;
    font-size: 16px;
    position: relative;
    border-radius: 50%;
    text-align: center;
    padding: 10px 0;
}

.aside-col .add {
    position: absolute;
    bottom: 0;
    padding: 2px 5px;
    background: #e9e9e9;
    z-index: 99;
    right: 0;
}

.aside-col .add>a>span img {
    width: 12px;
    position: relative;
    top: -5px;
}


/*<!------------- new chat model---------->*/

.chat-modelpopup {
    width: 500px;
    max-width: 95%;
}

.chat-modelpopup .modal-content {
    padding: 30px;
}

.chat-modelpopup h1 {
    font-size: 24px;
    color: #000;
    position: relative;
    text-align: center;
    padding: 15px 0 20px 0;
    text-transform: capitalize;
    margin: 0;
}

.chat-modelpopup h1::after {
    position: absolute;
    content: '';
    bottom: 0;
    width: 65px;
    height: 4px;
    background: #3192e9;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.chat-modelpopup p {
    font-size: 18px;
    color: #000;
    text-align: center;
    padding: 25px 0 15px 0;
    font-weight: 500;
}

.chat-modelpopup .footer {
    text-align: center;
}

.addnew-chat-modal .footer {
    margin-top: 20px;
}


/*<!-------------Create new chat model---------->*/

.createnew-model {
    background: rgba(229, 244, 244, 0.73);
    border-radius: 8px;
    width: 730px;
    max-width: 95%;
}

.createnew-model .modal-content {
    background: rgba(229, 244, 244, 0.73);
    border-radius: 8px;
    padding: 0 20px 20px;
}

.createnew-model .createnewfooter::before {
    position: absolute;
    content: '';
    bottom: 20px;
    background: url(../images/screw.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: left bottom;
    left: 0;
}

.createnew-model .createnewfooter::after {
    position: absolute;
    content: '';
    bottom: 20px;
    right: 0px;
    background: url(../images/screw.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 25px;
    height: 25px;
}

.createnewfooter {
    text-align: right;
    padding: 25px 60px 25px 0;
    width: 100%;
    position: relative;
}

.createnewfooter .btn-edit-profile-add {
    color: #fff;
    background: #8eb3bc;
    border: solid 2px #8eb3bc;
}

.createnewfooter .btn-edit-profile-add:hover {
    background: #d4e7e7;
}

.createnewfooter .btn-edit-profile-close {
    color: #fff;
    background: #b5dada;
    border: solid 2px #b5dada;
}

.createnewfooter .btn-edit-profile-close:hover {
    background: #d4e7e7;
}

.createnew-model .header img {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
}

.createnew-model .header {
    position: relative;
    padding: 5px 0 10px 30px;
}

.createnew-model .header h1 {
    color: #000000;
    font-size: 20px;
    position: relative;
    width: 100%;
    padding: 0 35px 0 30px;
    font-weight: 600;
}


/*
.createnew-model .header::before {
    position: absolute;
    content: '';
    top: 20px;
    left: 0px;
    background: url(../../images/screw.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: top left;
}

.createnew-model .header::after {
    position: absolute;
    content: '';
    top: 20px;
    right: 0px;
    background: url(../images/screw.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: top right;
}*/

.createnew-model .content.left h2 {
    position: absolute;
    top: 0;
    background: rgba(229, 244, 244, 0.73);
    margin: 0;
    padding: 15px;
    font-size: 16px;
    color: #000;
    width: 100%;
    z-index: 99;
    font-weight: 600;
}

.createnew-model .content.left h2 a {
    color: #000;
}

.full-height-checkbox {
    padding: 10px 35px 15px 20px;
    height: 430px;
    overflow-x: hidden;
    overflow-y: auto;
}

.createnew-model .check:last-child {
    border-bottom: none;
}

.full-height-newchat .checkbox-input:checked+.checkbox-label span {
    color: #000;
}

.createnew-model .check {
    padding: 20px 0px;
    border-bottom: solid 1px #b5d0d7;
    position: relative;
}

.createnew-model .content {
    position: relative;
}

.createnew-model .content.left {
    border: solid 2px #8eb3bc;
    border-radius: 6px 0 0 6px;
}

.createnew-model .content.right {
    border: dotted 2px #8eb3bc;
    border-left: none;
    border-radius: 0 6px 6px 0;
}

.createnew-model .content.right ul {
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    height: 60px;
}

.full-height-checkbox #mCSB_6_scrollbar_vertical {
    right: 15px;
}

.full-height-circlechatbox #mCSB_7_scrollbar_vertical {
    right: 15px;
}

.createnew-model .content figure {
    width: 40px;
    height: 40px;
    position: absolute;
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
    top: -8px;
    left: 0;
}

.createnew-model .content figure img {
    width: 100%;
    height: 100%;
}

.createnew-model .check span {
    padding-left: 50px;
}

.createnew-model span.select2-selection.select2-selection--multiple {
    padding: 10px 15px;
}

.createnew-model .content.left .form-group {
    padding: 5px 160px 0 20px;
}

.createnew-model .check .delete {
    background: #8bafb8;
    display: inline-block;
    color: #fff;
    padding: 4px 15px;
    border-radius: 4px;
    font-size: 14px;
    text-transform: capitalize;
    position: absolute;
    right: 0;
    cursor: pointer;
}

.createnew-model .check .delete:hover {
    background: #627d84;
}

.createnew-model .content.left .button {
    background: #8bafb8;
    border: solid 1px #ddd;
    padding: 15px 10px;
    color: #fff;
    border-radius: 2px;
    font-size: 15px;
    position: absolute;
    right: 10px;
    top: 7px;
}


/* .createnew-model .content span {
    padding: 0 0 0 80px;
    font-size: 15px;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
} */

.createnew-model .content span {
    font-size: 15px;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
}

input[type=checkbox]:checkbox .checkbox-label span {
    color: #000;
}

.createnew-model .content.right h2 {
    font-size: 18px;
    margin: 0;
    padding: 0 0 10px 0;
    font-weight: 600;
}

.createnew-model .content.right h2 a {
    color: #fff;
}

.createnew-model .content.right .inner {
    background: #8eb3bc;
    padding: 15px 15px 0 10px;
    position: absolute;
    width: 100%;
    z-index: 99;
    top: 0;
    left: 0;
}

.createnew-model .content.right .inner figure {
    top: 0;
    left: 0;
    position: relative;
}

.createnew-model .content.right .inner li {
    display: inline-block;
    margin-right: 5px;
}

.createnew-model .content.right .circle-label span {
    padding: 0 0 0 30px !important;
    overflow: hidden;
    display: block;
    font-size: 15px;
}

.createnew-model .content.right .check {
    border-bottom: solid 2px #b5d0d7;
    padding: 12px 0;
}

.createnew-model .content.right .check input {
    background: rgba(229, 244, 244, 0.73);
    border: none;
}

.createnew-model .content.right .check:last-child {
    border-bottom: none;
}

.createnew-model .content.right .circle-check {
    padding: 100px 35px 0 25px;
    height: 430px;
}

.createnew-model .content.right .addnew {
    position: absolute;
    bottom: 0;
    padding: 2px 12px;
    background: #e9e9e9;
    z-index: 99;
}


/*.createnew-model .number .bullet a {
    background: url(../../images/round-backg.png) no-repeat;
    background-color: transparent;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 8px 0;
    border-radius: 50%;
    position: relative;
    margin: 10px auto;
    background-size: 40px;
}

.createnew-model .number .bullet .active>a {
    background: url(../../images/active-box.png) no-repeat;
    color: #fff;
}*/

.createnew-model .number ul.bullet {
    padding: 0 0 45px 0px;
}

.createnew-model .numbering-chat {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 10px 95px 10px;
}

.createnew-model .number .addnew {
    position: absolute;
    bottom: 0;
    z-index: 99;
}


/*.createnew-model .number .bullet .active>a span {
    color: #fff;
}

.createnew-model .number .bullet a>span {
    padding: 0;
    color: #000;
    font-size: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}*/

.createnew-model .number a>span {
    padding: 0;
}

.bodybackground-chat::before {
    background: rgba(0, 0, 0, 0.60);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.bodybackground-chat {
    height: auto;
    position: relative;
}


/*---------------- model -- box--------*/

.modal-newcreate {
    width: 500px;
    max-width: 95%;
    margin-top: 100px;
}


/* .modal {
    z-index: 9999;
} */

.modal-newcreate .inner {
    padding: 15px 30px 30px;
}

.modal-newcreate h1,
#create-team h4 {
    font-size: 18px;
    color: #000;
    position: relative;
    text-align: center;
    padding: 15px 0 15px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 600;
}

.modal-newcreate h1::after,
#create-team h4::after {
    position: absolute;
    content: '';
    bottom: 0;
    width: 65px;
    height: 4px;
    background: #3192e9;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.modal-newcreate .footer {
    text-align: center;
}

.module-header {
    background: #fff;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

.module-header .inner {
    padding: 12px 30px 0;
    position: relative;
}

.module-header .head {
    padding: 0 0 0 35px;
    position: relative;
}

.module-header .head .icon {
    position: absolute;
    top: 0;
    left: 0;
}

.module-header .head .icon img {
    width: 20px;
}

.module-header .head h1 {
    font-size: 18px;
    color: #000000;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.module-header p {
    font-size: 15px;
    color: #ff6464;
}

.module-header .navmenu>li {
    display: inline-block;
}

.module-header .navmenu>li>a {
    position: relative;
    font-size: 14px;
    color: #979797;
    text-transform: uppercase;
    padding: 10px 15px 0;
    display: block;
}

.module-header .navmenu>li:first-child a {
    padding-left: 0;
}

.module-header .navmenu>li>a::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    /*background: #f0385f;*/
    transition: width .3s;
    margin: 15px 0 -1px 0;
}

.module-header .navmenu>li>a:hover::after {
    width: 100%;
    transition: width .3s;
    -moz-transition: width .3s;
    -webkit-transition: width .3s;
}

.module-header .navmenu>li.active>a {
    color: #f0385f;
}

.module-header .navmenu>li.active>a::after {
    width: 100%;
}

.module-header .filter {
    position: relative;
    padding: 0 0 0 70px;
}

.module-header .filter a {
    font-size: 20px;
    color: #979797;
}

.module-header .filter .catg {
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px 0;
}

.module {
    position: relative;
}

.module-col {
    padding: 20px;
}

.module-col h3 {
    color: #323232;
    font-size: 18px;
    padding: 10px 0;
    text-transform: uppercase;
    margin: 0;
}

.module-file-col .inner {
    background: #fff;
    border-radius: 6px;
    padding: 5px;
    margin: 0 !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.module-file-col {
    position: relative;
    margin: 0px 10px;
}

.module-file-sec {
    padding: 10px 0;
}

.module-file-col .bullet-wraper {
    position: absolute;
    right: 0;
    top: 0;
}

.module-file-col figure {
    text-align: center;
    background: #cce2ed;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    height: 170px;
    width: 100%;
}

.module-file-col figure img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    width: 80px;
    max-height: 80px;
}

.module-file-col h4 {
    color: #323232;
    font-size: 18px;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.module-file-col ul {
    padding: 0 25px 0 0;
}

.module-file-col li {
    color: #979797;
    font-size: 14px;
    display: inline-block;
    position: relative;
    padding: 0 8px;
}

.module-file-col li:first-child {
    padding-left: 0;
}

.module-file-col li:first-child:before {
    display: none;
}

.module-file-col .data .in {
    position: relative;
}

.module-file-col .data a {
    color: #323232;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.module-file-col .data {
    padding: 15px 15px;
    overflow: hidden;
}

.module-file-col .heart {
    position: absolute;
    right: 0;
    bottom: 0;
}

.module-file-col .heart>img {
    width: 20px;
}

.module-file-col .innerplus {
    height: 255px;
    margin: 0;
    background: #f2f2f2;
    border-radius: 6px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.module-file-col .innerplus a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.module-file-col .innerplus a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    width: auto;
}

.module-file-upload {
    position: relative;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    padding: 20px;
    background: #f2f2f2;
    text-align: center;
    display: block;
}

.module-file-upload input#fileupload {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
}

.module-file-upload p {
    font-size: 16px;
    color: #9c9b9b;
    margin: 0;
}

.file-outer.gallary {
    height: 485px;
    margin: 20px 0 60px;
    overflow-y: auto;
    overflow-x: hidden;
}

.modulefile-type {
    margin: 15px 0;
    position: relative;
}

.modulefile-type .in {
    background: #ffffff;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px 2px rgba(218, 218, 218, 0.83);
}

.modulefile-type .pdf a {
    width: 40px;
    float: left;
    margin: 0 15px 0 0;
    height: 45px;
    overflow: hidden;
    vertical-align: middle;
    display: table-cell;
}

.modulefile-type .pdf img {
    width: 100%;
    max-height: 100%;
}

.modulefile-type h4 {
    color: #323232;
    font-size: 16px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.5;
}

.modulefile-type li {
    color: #979797;
    font-size: 14px;
    float: left;
    position: relative;
}

.modulefile-type li span {
    color: #3192e9;
}

.modulefile-type li:before {
    content: '|';
    position: relative;
    padding: 0 5px;
    top: 0;
    left: 0;
}

.modulefile-type .right li:before {
    display: none;
}

.modulefile-type li:first-child:before {
    display: none;
}

.modulefile-type .right {
    float: right;
}

.modulefile-type .right li a {
    padding: 10px 10px;
    display: block;
}

.modulefile-type .right li a.delete-file {
    font-size: 18px;
    line-height: 1.3;
    color: #f45555;
}

.modulefile-type .right li a.viewDocumentLink {
    font-size: 15px;
    padding: 11px 4px;
    color: #337ab7;
}

.modulefile-type .right li a.show-details img {
    width: 24px;
}

.modulefile-type .right li a.star {
    font-size: 18px;
    padding: 9px 0 0 0;
}

.modulefile-type .right li a.download-file img {
    width: 20px;
}

.modulefile-type .right a.dots {
    padding: 20px 10px;
}

.modulefile-type .right span {
    position: absolute;
    content: '';
    background: #b8b8b8;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.modulefile-type .right span:before,
.modulefile-type .right span:after {
    position: absolute;
    content: '';
    background: #b8b8b8;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.modulefile-type .right span:before {
    top: 10px;
}

.modulefile-type .right span:after {
    top: -10px;
}


/*--- dropdown------*/

.module-file-dropdown {
    width: 230px;
    right: 25px;
    top: 0;
    position: absolute !important;
    padding: 0 !important;
}

.module-file-dropdown:before {
    content: "";
    right: 8px;
}

.module-file-dropdown li {
    display: block;
}

.module-file-dropdown li:before {
    display: none;
}


/*------------ modal box for folder detail---------------*/

.model-for-folderdetail {
    width: 350px;
}

.model-for-folderdetail .modal-content {
    overflow: hidden;
}

.model-for-folderdetail .txt {
    overflow: hidden;
    position: relative;
}

.model-for-folderdetail .txt li {
    font-size: 18px;
}

.model-for-folderdetail figure {
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    float: left;
    margin: 0 15px 0 0;
}

.model-for-folderdetail figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.model-for-folderdetail .first .in {
    padding: 30px 0 20px 0;
}

.model-for-folderdetail .first {
    background: #f6f6f6;
    padding: 15px 35px;
}

.model-for-folderdetail .first h2 {
    color: #000000;
    font-size: 22px;
    margin: 15px 0 0 0;
}

.model-for-folderdetail .first figure {
    width: 70px;
    height: 70px;
    background: #cce2ed;
}

.model-for-folderdetail .first figure img {
    width: 45px;
}

.model-for-folderdetail .second {
    background: #ffffff;
    padding: 15px 35px;
}

.model-for-folderdetail .second .in {
    padding: 5px 0 20px 0;
}

.model-for-folderdetail .second h3 {
    color: #3192e9;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
}

.model-for-folderdetail .second p {
    color: #000000;
    margin: 0;
    font-size: 20px;
}

.model-for-folderdetail .second span {
    color: #979797;
    font-size: 18px;
}

.model-for-folderdetail .second figure {
    width: 50px;
    height: 50px;
}

.model-for-folderdetail .second figure img {
    width: 100%;
    height: 100%;
}


/*--------------------- project detail--------------*/

.projectDetail .in {
    background: #fff;
    border-radius: 6px;
    padding: 20px 10px 15px;
    margin: 15px;
    box-shadow: 0 0 7px 0px rgba(78, 77, 77, 0.15);
}

.projectDetail .column {
    border-right: dotted 2px #ddd;
    padding: 0 10px;
    border-left: dotted 2px #ddd;
}

.projectDetail .formtxt.pd {
    padding-left: 140px;
    position: relative;
}

.projectDetail .formtxt label {
    color: #979797;
    font-size: 16px;
    padding: 6px 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: normal;
    width: 130px;
    display: block;
    overflow: hidden;
}

.projectDetail .formtxt label.range {
    padding: 0 !important;
}

.projectDetail figure.image {
    overflow: hidden;
    width: 100%;
    margin: 0 0 25px;
    position: relative;
    max-height: 160px;
    border: none;
}

.projectDetail figure.image img {
    max-width: 100%;
    max-height: 100%;
}

.projectDetail .buttonsub {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
}

.projectDetail .buttonsub .schedule {
    width: auto;
    padding-right: 25px;
    padding-left: 25px;
}

.projectDetail .buttonsub .save {
    background: #173f64;
    width: auto;
    padding-right: 25px;
    padding-left: 25px;
}

.RangeSlider-drive .slider-track {
    background: #dbdbdb;
    background-image: none;
    box-shadow: none;
    height: 4px !important;
}

.RangeSlider-drive .slider-handle.min-slider-handle.round {
    background: #3192e9;
    width: 15px;
    height: 15px;
    margin-top: 0 !important;
}

.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
    margin-top: -1px !important;
    background-image: none;
    box-shadow: none;
    background: #3192e9;
    width: 15px;
    height: 15px;
}

.RangeSlider-drive .slider-selection {
    background: #3192e9;
    background-image: none;
    box-shadow: none;
}

.RangeSlider-drive .slider-tick {
    background: #dbdbdb;
    width: 15px;
    height: 15px;
}

.RangeSlider-drive .tooltip-inner {
    background-color: #ef5151;
    padding: 5px 15px;
    border-radius: 0px;
    font-size: 15px;
}

.RangeSlider-drive .tooltip.top .tooltip-arrow {
    bottom: -9px;
    margin-left: -10px;
    border-width: 9px 9px 0;
    border-top-color: #ef5151;
}

.RangeSlider-drive .slider .tooltip.top {
    margin-top: -50px;
    padding: 0;
    opacity: 9;
    z-index: 9;
}

.RangeSlider-drive .slider-tick.in-selection {
    background: #3192e9;
    width: 15px;
    height: 15px;
    margin-top: 0 !important;
}

.RangeSlider-drive .tooltip-inner:after {
    display: inline-block;
    content: '% Done';
}

.RangeSlider-drive .slider.slider-horizontal {
    width: 100%;
}

.RangeSlider-drive .range-persentage {
    position: relative;
}

.RangeSlider-drive .range-persentage span {
    background: #707070;
    content: "";
    height: 12px;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
}

.project-discus {
    background: #ffffff;
    box-shadow: 0 0 8px 1px rgba(14, 14, 14, 0.11);
    margin: 15px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.project-discus h1,
.project-discus h2,
.project-discus h3 {
    font-size: 16px;
}

.project-discus .listing {
    background: #3192e9;
    height: 100%;
    padding: 60px 1px 15px 0;
    position: relative;
}

.project-discus .listing .head {
    padding: 20px 15px;
    border-bottom: solid 1px #1c72bf;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.project-discus .listing h1 {
    margin: 0;
    color: #ffffff;
    padding: 0 30px 0 0;
    position: relative;
    font-size: 18px;
    text-transform: uppercase;
}

.project-discus .listing h1 img {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
}

.project-discus figure {
    height: 40px;
    width: 40px;
}

.project-discus .listing .col {
    display: inline-block;
    width: 100%;
    padding: 15px;
}

.project-discus .listing .col.active {
    background: #2f82cd;
}

.project-discus .listing .col:hover {
    background: #2f82cd;
}

.project-discus .listing .txt {
    overflow: hidden;
    padding: 0 0 0 10px;
}

.project-discus .listing h2 {
    margin: 8px 0 0 0;
    color: #ffffff;
}

.project-discus .listing p {
    color: #a9d6ff;
    margin: 0;
}

.project-discus .full-content-height {
    height: 400px;
}

.project-discus .sec-height {
    height: 540px;
}


/*.project-discus .full-content h2{
	color: #000000;
    position: relative;
    
    padding: 20px;
    border-bottom: solid 1px #ddd;
    margin: 0 0 0 0;
}*/

.project-discus .fix-head .input-space {
    padding: 8px 45px 8px 5px;
    border-bottom: solid 1px #ddd;
    height: 60px;
    background: #fff;
}

.project-discus .fix-head input {
    position: relative;
    top: 0;
    left: 0;
    height: 42px !important;
    font-size: 20px !important;
    color: #000;
    border: none !important;
}

.project-discus .full-content .nav {
    width: 45px;
    height: 59px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    transition: all ease-in .5s;
    -moz-transition: all ease-in .5s;
    -ms-transition: all ease-in .5s;
    -o-transition: all ease-in .5s;
    -webkit-transition: all ease-in .5s;
}

.project-discus .full-content .nav:hover {
    background: #3192e9;
    transition: all ease-in .5s;
    -moz-transition: all ease-in .5s;
    -ms-transition: all ease-in .5s;
    -o-transition: all ease-in .5s;
    -webkit-transition: all ease-in .5s;
}

.project-discus .full-content .nav span {
    position: absolute;
    top: 0;
    right: 0;
    background: #000000;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin: 27px 20px;
}

.project-discus .full-content .nav span::before,
.project-discus .full-content .nav span::after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    background: #000000;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.project-discus .full-content .nav span::before {
    top: 10px
}

.project-discus .full-content .nav span::after {
    top: -10px
}

.project-discus .full-content .navdropdown {
    background: #fff;
    z-index: 99;
    border-radius: 4px;
    box-shadow: 0 0 8px 1px rgba(49, 49, 49, 0.37);
    position: absolute;
    right: 0;
    top: 60px;
    width: 150px;
    display: none;
}

.project-discus .full-content .navdropdown:before {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 10px 12px;
    content: "";
    display: inline-block;
    height: 0;
    right: 12px;
    margin: 0 0 0 -15px;
    position: absolute;
    top: -11px;
}

.project-discus .full-content .navdropdown>li>a {
    color: #000;
    font-size: 16px;
    display: block;
    padding: 8px 20px;
    border-bottom: solid 1px #ddd;
}

.project-discus .full-content .navdropdown>li:first-child a:hover {
    border-radius: 4px 4px 0 0;
}

.project-discus .full-content .navdropdown>li:last-child a:hover {
    border-radius: 0 0 4px 4px;
}

.project-discus .full-content .navdropdown>li a:hover {
    background: #3192e9;
    color: #ffffff;
}

.project-discus .fig-sec {
    background: #c5e4ff;
    padding: 10px 10px;
    line-height: 0;
    max-width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.project-discus .fig-sec .cross {
    background: #ff3535;
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 50%;
    right: -2px;
    bottom: -8px;
    display: none;
}

.project-discus .fig-sec .cross img {
    width: 10px;
}

.project-discus .fig-sec a {
    display: inline-block;
    position: relative;
    margin: 0 2px;
}

.project-discus .form-control[readonly] {
    background-color: transparent;
    border-color: transparent;
}

.project-discus .form-control[readonly]:focus {
    background-color: transparent;
    border-color: transparent !important;
}

.project-discus .showon-edit {
    background: #fff;
    z-index: 99;
    position: absolute;
    right: 0;
    width: 100%;
    padding: 20px;
    display: none;
}

.project-discus .fig-sec .add {
    background: #2f82cd;
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}

.project-discus .fig-sec .add:hover {
    background: #1b5c96;
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}

.project-discus .fig-sec .add img {
    width: 15px;
}

.project-discus .detail-msg {
    padding: 20px 10px;
    border-bottom: solid 1px #ddd;
    margin: 0 10px 0 0;
}

.project-discus .reply-user {
    margin-left: 50px;
}

.project-discus .detail-msg .sec {
    position: relative;
    overflow: hidden;
    padding: 0 0 0 15px;
}

.project-discus .detail-msg .sec p {
    padding: 5px 0;
    font-size: 14px;
    color: #979797;
    margin: 0;
}

.project-discus .detail-msg h3 {
    margin: 0;
    color: #000000;
    padding: 0;
}

.project-discus .detail-msg span {
    position: absolute;
    top: 0;
    right: 0;
    color: #979797;
    font-size: 13px;
}

.project-discus .detail-msg {
    font-size: 18px;
    color: #000;
}

.project-discus .detail-msg ul {
    padding: 0 0 10px 30px;
}

.project-discus .detail-msg li {
    padding: 5px 0;
    list-style-type: disc;
}

.project-discus .detail-msg a {
    color: #fff;
    padding: 4px 10px;
    display: inline-block;
    background: #3192e9;
    border-radius: 2px;
    font-size: 12px;
}

.project-discus .detail-msg a:hover {
    background: #173f64;
}

.project-discus .detail-msg a i.fa {
    padding: 0 10px 0 0;
}

.project-discus .detail-msg .file .circle {
    float: right;
    background: #3192e9;
    color: #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: relative;
    font-size: 20px;
}

.project-discus .detail-msg .file .dwnld-file label {
    font-size: 16px;
    color: #979797;
    font-weight: normal;
}

.project-discus .detail-msg .file img {
    width: auto;
    padding: 0 10px 0 0;
}

.project-discus .full-content .inner {
    position: relative;
    margin: 0 10px 10px;
    min-height: 100%;
}

.project-discus .addfile {
    font-size: 14px;
    color: #7e7e7e;
    background: #efefef;
    display: block;
    padding: 18px 15px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.project-discus .full-content .inner {
    padding: 148px 0 57px 0;
    height: 100%;
    position: relative;
}

.project-discus .fix-head {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

.create-discussion .content {
    padding: 20px 0;
}

.create-discussion input[type="text"],
.create-discussion button.btn.dropdown-toggle.btn-default {
    color: #979797;
    font-style: italic;
}

.search-discussion input[type="search"] {
    background: #f1f1f1;
    font-size: 16px;
    color: #979797;
    padding: 12px 20px;
    border-radius: 35px;
    width: 100%;
}

.search-discussion figure {
    width: 45px;
    height: 45px;
    position: absolute;
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
    top: -11px;
    left: 30px;
}

.search-discussion .check {
    padding: 20px 20px 20px;
    margin: 10px 20px 10px 0;
}

.search-discussion .list {
    padding: 20px 20px;
}

.search-discussion .list .height {
    height: 300px;
    overflow: hidden;
}

.search-discussion .check span {
    padding: 0 0 0 90px;
    font-size: 18px;
    color: #979797;
    font-weight: normal;
    overflow: hidden;
    display: block;
}

li.select-result-modal {
    background: #62727f;
    border-radius: 20px;
    color: #fff;
    padding: 4px 30px 4px 15px;
    font-size: 15px;
    margin: 10px 2px 0;
    float: left;
    position: relative;
}

#discusion-append {
    max-height: 200px;
    width: 100%;
    overflow-x: hidden;
}

.select-result-modal>a {
    color: #fff;
    padding: 0 10px;
    position: absolute;
    right: 0;
    overflow: hidden;
}

.search-discussion .check.active {
    background: #e3f2ff;
}

.show-editwraper {
    background: rgba(0, 0, 0, 0.69);
    bottom: 0;
    z-index: 99;
}


/*Notification CSS*/

.toast-title {
    font-weight: 700;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.toast-message a,
.toast-message label {
    color: #fff;
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none;
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

.toast-close-button:focus,
.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: .8;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

#toast-container>:hover {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}

#toast-container>.toast-info {
    background-image: url(/Content/data:image/png;
 base64, iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important;
}

#toast-container>.toast-error {
    background-image: url(/Content/data:image/png;
 base64, iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important;
}

#toast-container>.toast-success {
    background-image: url(/Content/data:image/png;
 base64, iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf/3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important;
}

#toast-container>.toast-warning {
    background-image: url(/Content/data:image/png;
 base64, iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important;
}

#toast-container.toast-bottom-center>div,
#toast-container.toast-top-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #51a351;
}

.toast-error {
    background-color: #bd362f;
}

.toast-info {
    background-color: #2f96b4;
}

.toast-warning {
    background-color: #f89406;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}


/*----------- project - module - task ----------------*/

.moduleTask {
    padding: 20px;
}

.module-task-tabs {
    padding: 10px;
}

.module-task-tabs>ul>li {
    display: inline-block;
    position: relative;
    margin: 5px 2px;
}

.module-task-tabs>ul>li>a {
    font-size: 14px;
    color: #656c88;
    display: block;
    padding: 4px 10px;
    border: solid 2px #656c88;
    border-radius: 2px;
}

.module-task-tabs>ul>li.active>a {
    background: #656c88;
    color: #fff;
    text-transform: uppercase;
    padding-left: 40px;
}

.module-task-tabs>ul>li>a:hover {
    background: #656c88;
    color: #fff;
}

.module-task-tabs>ul>li.active>a:before {
    position: absolute;
    content: '';
    top: 40%;
    left: 20px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffffff;
}


/*--- tabs end---*/

.moduletask .dropdwn-task.select {
    display: block;
}

.moduletask .dropdwn-task {
    z-index: 999;
    width: 230px;
}

.moduletask .dropdwn-task:before {
    right: 8px;
}


/*------- dropdown end---*/

.moduletask .normal-col .head {
    background: #c4f9f0;
    color: #21685c;
}

.moduletask .normal-col .bullet span {
    background: #88cfc3;
}

.moduletask .normal-col .bullet span:before,
.moduletask .normal-col .bullet span:after {
    background: #88cfc3;
}

.moduletask .normal-col .mid-sec {
    background: #a8ece0;
    /* Old browsers */
    background: -moz-linear-gradient(top, #a8ece0 0%, #a9ece1 16%, #c4f9f0 59%, #c4f9f0 59%, #c4f9f0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a8ece0 0%, #a9ece1 16%, #c4f9f0 59%, #c4f9f0 59%, #c4f9f0 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a8ece0 0%, #a9ece1 16%, #c4f9f0 59%, #c4f9f0 59%, #c4f9f0 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a8ece0', endColorstr='#c4f9f0', GradientType=0);
    /* IE6-9 */
}

.moduletask .normal-col .progress {
    background: #88cfc3;
}

.moduletask .normal-col .status p {
    color: #21685c;
}

.moduletask .normal-col .status label {
    color: #21685c;
}

.moduletask .normal-col .mid-sec .col-grd {
    border-bottom: solid 1px #21685c;
}

.moduletask .normal-col .mid-sec a.image img,
.moduletask .normal-col .mid-sec a.image span.n {
    color: #21685c;
}

.moduletask .normal-col .mid-sec a.image {
    background: #88cfc3;
}

.moduletask .normal-col .dropdwn-task>li a:hover {
    background: #21685c;
    color: #c4f9f0;
}

.moduletask .normal-col .head::before {
    background: rgba(0, 0, 0, 0) url("../../images/borderpin-normal.png") no-repeat scroll left top / 20px auto;
}

.checkbox-input.task.normal:checked+.checkbox-label.task.normal:before {
    background-color: #8ed3c8;
}

.moduletask .col {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 5px 2px rgba(14, 14, 14, 0.2);
    margin: 5px auto 60px;
    max-width: 100%;
    min-height: 100%;
    position: relative;
    width: 100%;
}

.moduletask .head {
    background: #fdf596;
    color: #6e671a;
    font-size: 16px;
    padding: 12px 15px;
    position: relative;
}

.moduletask .head span.h {
    color: #e94537;
}

.moduletask .bullet-wraper {
    position: absolute;
    right: 0;
    top: 0;
}

.moduletask .bullet-wraper span {
    background: #afa63f;
}

.moduletask .bullet-wraper span:before,
.moduletask .bullet-wraper span:after {
    background: #afa63f;
}

.moduletask .bullet-wraper:hover {
    background: rgba(199, 189, 73, 0.74);
}

.moduletask .normal-col .bullet:hover {
    background: rgba(33, 104, 92, 0.65);
}

.moduletask .mid-sec {
    padding: 0 10px;
    min-height: 344px;
}

.moduletask .mid-sec,
.overview-wrap-rfis .owner-wraper-inner {
    background: -moz-linear-gradient(90deg, rgba(253, 245, 150, 1) 0%, rgba(253, 245, 150, 1) 54%, rgba(243, 234, 130, 1) 89%, rgba(241, 232, 125, 1) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 232, 125, 1)), color-stop(11%, rgba(243, 234, 130, 1)), color-stop(46%, rgba(253, 245, 150, 1)), color-stop(100%, rgba(253, 245, 150, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(253, 245, 150, 1) 0%, rgba(253, 245, 150, 1) 54%, rgba(243, 234, 130, 1) 89%, rgba(241, 232, 125, 1) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(253, 245, 150, 1) 0%, rgba(253, 245, 150, 1) 54%, rgba(243, 234, 130, 1) 89%, rgba(241, 232, 125, 1) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(253, 245, 150, 1) 0%, rgba(253, 245, 150, 1) 54%, rgba(243, 234, 130, 1) 89%, rgba(241, 232, 125, 1) 100%);
    /* ie10+ */
    background: linear-gradient(0deg, rgba(253, 245, 150, 1) 0%, rgba(253, 245, 150, 1) 54%, rgba(243, 234, 130, 1) 89%, rgba(241, 232, 125, 1) 100%);
    /* w3c */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f1e87d', endColorstr='#fdf596', GradientType=0);
    /* ie6-9 */
}

.moduletask-c {
    padding: 0 10px;
}

.moduletask .mid-sec .col-grd {
    padding: 12px 0;
    border-bottom: solid 1px #c7bd49;
}

.moduletask .mid-sec .col-grd:last-child {
    border-bottom: none;
}

.moduletask .mid-sec label {
    margin: 0;
    padding: 0 0 0 10px;
    font-weight: 600;
}

#tasklist-div {
    padding: 0 40px;
}

.moduletask .owl-prev,
.moduletask .owl-next {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
}

.moduletask .owl-next {
    right: 0;
}

.moduletask .owl-prev {
    left: 0;
}

.moduletask .col-grd {
    font-size: 13px;
    color: #000000;
}

.moduletask .checkid label {
    padding: 0;
    width: 25px;
    height: 25px;
}

.moduletask .mid-sec a.image {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    background: #977a2a;
    font-size: 16px;
}

.moduletask .mid-sec a.image img,
.moduletask .mid-sec a.image span.n {
    color: #f9ef7a;
}

.moduletask .checkid span {
    margin: 0 0 0 35px;
    font-size: 14px;
    color: #000;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: block;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.line-through {
    text-decoration: line-through;
}

.checkbox-input.normal:checked+.checkbox-label.normal:before {
    background-color: #21685c;
    background-position: 5px 6px;
    border-radius: 2px;
}

.checkbox-input.task:checked+.checkbox-label.task span,
.checkbox-input.normal:checked+.checkbox-label.normal span {
    text-decoration: line-through;
}

.moduletask .status {
    padding: 5px 30px 0 35px;
}

.moduletask .status p {
    font-size: 14px;
    color: #977a2a;
    margin: 0;
}

.moduletask .status li:before {
    position: relative;
    content: '|';
    top: 0;
    left: 0;
    padding: 0 10px;
}

.moduletask .status li:first-child:before {
    display: none;
}

.moduletask .status label {
    padding: 0 0 0 10px;
    position: relative;
    top: -6px;
    color: #977a2a;
    font-size: 14px;
}

.moduletask .status a {
    color: #977a2a;
}


/*
.moduletask .head::before {
    position: absolute;
    content: '';
    top: -15px;
    left: 48%;
    background: url(../../images/boardPin.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 28px;
    background-position: top left;
    background-size: 20px;
}*/

.emailreminder-modal .header {
    position: relative;
    border-bottom: solid 1px #ddd;
    padding: 25px 20px;
}

.emailreminder-modal h2 {
    font-size: 22px;
    color: #000;
    position: relative;
    padding: 0 0 0 45px;
    text-transform: uppercase;
    margin: 0;
}

.emailreminder-modal .header img {
    position: absolute;
    top: 0;
    left: 0;
}

.emailreminder-modal .content {
    padding: 25px;
}

.emailreminder-modal .content .in {
    position: relative;
    padding: 0 0 0 155px;
}

.emailreminder-modal .content label {
    color: #8a8a8a;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: normal;
    width: 155px;
    overflow: hidden;
    padding: 8px 0;
    margin: 0;
    font-size: 18px;
}

.emailreminder-modal .content textarea {
    border: solid 2px #ddd;
    width: 100%;
    height: 140px;
    resize: none;
    border-radius: 4px;
    padding: 15px;
    font-size: 16px;
}


/*-----add new task-------------*/

.modal-newtaskedit {
    width: 800px;
    max-width: 100%;
}

.modal-newtaskedit .head {
    position: relative;
    border-bottom: solid 1px #ddd;
    padding: 25px 20px;
}

.modal-newtaskedit h2 {
    font-size: 22px;
    color: #000;
    position: relative;
    padding: 0 0 0 45px;
    text-transform: uppercase;
    margin: 0;
}

.modal-newtaskedit .head img {
    position: absolute;
    top: 0;
    left: 0;
}

.modal-newtaskedit .data {
    padding: 20px 25px;
}

.modal-newtaskedit .inner {
    position: relative;
    padding: 0 0 0 125px;
}

.modal-newtaskedit .inner p {
    color: #8a8a8a;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: normal;
    width: 125px;
    overflow: hidden;
    padding: 8px 0;
    margin: 0;
    font-size: 18px;
}

.modal-newtaskedit .inner p.pdl {
    padding-left: 10px;
}

.modal-newtaskedit label.checklabel {
    color: #8a8a8a;
    margin: 0;
    font-size: 18px;
    padding: 8px 0;
    font-weight: normal;
}

.modal-newtaskedit input.form-control,
.modal-newtaskedit button.btn.dropdown-toggle.btn-default {
    font-size: 18px;
    color: #000000;
    padding: 8px;
}

.modal_openbtn_with_plus {
    font-size: 14px;
    background: #3192e9;
    color: #ffffff;
    padding: 8px 20px;
    position: relative;
    border-radius: 0;
}

.modal_openbtn_with_plus:hover,
.modal_openbtn_with_plus:active {
    background: #0e599c;
    color: #fff;
}


/*---------------- task data modal----------- */

.modal-taskdata {
    width: 1024px;
    max-width: 97%;
}

.modal-taskdata .header {
    border-bottom: dotted 2px #ddd;
    padding: 20px;
}

.modal-taskdata .header h2 {
    margin: 0;
    font-size: 26px;
    color: #000000;
    font-family: 'sloppy_handregular';
}

.modal-taskdata .footer {
    border-top: dotted 2px #ddd;
    padding: 20px;
}

.mid-fullheight {
    border-left: dotted 2px #ddd;
    border-right: dotted 2px #ddd;
    padding: 10px;
    position: relative;
}

.modal-taskdata .midsec {
    height: 100%;
    padding: 0 0 230px 0;
    position: relative;
}

.modal-taskdata .left {
    font-size: 18px;
    color: #000000;
    padding: 20px;
}

.modal-taskdata .left p span {
    text-decoration: underline;
}

.modal-taskdata .left ul {
    padding: 0 0 0 18px;
}

.modal-taskdata .left ul li {
    list-style-type: disc;
    padding: 10px 0;
}

.modal-taskdata .right {
    font-size: 18px;
    padding: 20px;
}

.modal-taskdata .right .pd {
    padding: 0 0 15px 0;
}

.modal-taskdata .right p {
    color: #323232;
    margin: 0;
}

.modal-taskdata .right label {
    color: #000000;
    font-weight: normal;
    margin: 0;
}

.modal-taskdata .right label a {
    color: #3192e9;
}

.modal-taskdata .progbar .progress {
    background: #dfdfdf;
    height: 7px;
}

.modal-taskdata .progbar label {
    position: relative;
    right: -5px;
    top: -8px;
}

.modal-taskdata figure {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    float: left;
    margin-right: 20px;
}

.modal-taskdata .midsec .in {
    padding: 10px 20px;
}

.modal-taskdata .midsec .cont {
    position: relative;
    overflow: hidden;
}

.modal-taskdata .midsec h2 {
    color: #000000;
    font-size: 20px;
    margin: 0;
    overflow: hidden;
    padding: 0 100px 5px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modal-taskdata .midsec span.time {
    font-size: 16px;
    color: #969696;
    position: absolute;
    top: 0;
    right: 0;
}

.modal-taskdata .midsec p {
    font-size: 18px;
    color: #000000;
}

.modaltask-mCustom {
    position: relative;
    overflow: hidden;
    height: 230px;
}

.modal-taskdata .hiderdiv {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: none;
    background: #fff;
    border: solid 2px #66afe9;
    border-radius: 4px;
    padding: 0 15px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.modal-taskdata .hide-attatchbtn .drag-drop {
    border: dotted 1px #ddd;
    border-radius: 6px;
    padding: 8px;
    font-size: 15px;
    color: #000;
    position: relative;
    cursor: pointer;
}

.modal-taskdata .hide-attatchbtn .drag-drop img {
    float: left;
    padding: 0 10px 0 0;
}

.modal-taskdata .hide-attatchbtn p {
    padding: 5px 0 0 0;
    font-size: 16px;
    color: #000;
}

.modal-taskdata .hide-attatchbtn a {
    color: #3192e9;
}

.modal-taskdata .hide-attatchbtn a.cancle {
    position: absolute;
    background: #3192e9;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    overflow: hidden;
    display: block;
    right: 0;
}

.modal-taskdata .hide-attatchbtn a.cancle img {
    width: 12px;
}

.modal-taskdata .hide-attatchbtn .cke_bottom {
    padding: 6px 8px 2px;
    position: relative;
    border-top: 1px solid #d1d1d1;
    background: #f8f8f8;
    display: none;
}

.modal-taskdata .hide-attatchbtn a.cke_button {
    background: #e8e8e8;
    border-radius: 6px;
    color: #fff;
    margin: 0 2px;
}

.modal-taskdata .hide-attatchbtn div#cke_2_contents {
    border-radius: 6px;
    border: solid 1px #ddd;
    margin: 0 0 5px 0;
}

.modal-taskdata .hide-attatchbtn input#fileupload {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    cursor: pointer;
}

.modal-taskdata .hide-attatchbtn div#cke_editor2 {
    border: none;
}

.modal-taskdata .hide-attatchbtn span#cke_2_top {
    background-color: transparent;
    border-bottom: transparent;
}

.modal-taskdata .addfile {
    font-size: 19px;
    color: #7e7e7e !important;
    background: #efefef;
    display: block;
    border-radius: 6px;
    padding: 17px 15px;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 99;
    left: 0;
}

.footer-figure figure {
    height: 50px;
    width: 50px;
}

.modal-taskdata .footer-figure h2 {
    margin: 0;
    font-size: 18px;
    color: #000;
    padding: 15px 0;
}

.modal-taskdata .footer-figure h2 span {}

.modal-taskdata .download-icon .circle {
    float: right;
    background: #3192e9;
    color: #fff;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    position: relative;
    font-size: 22px;
}

.modal-taskdata .download-file label,
.modal-taskdata .show-pdf label {
    font-size: 18px;
    font-weight: normal;
    color: #000;
    padding: 0 0 0 10px;
}

.modal-taskdata .show-pdf label {
    color: #e2574c;
}

.modal-taskdata .show-pdf .pdf {
    width: 30px;
    margin: 0 0 0 10px;
}


/*-------- progress bar--------*/

.progress {
    overflow: hidden;
    height: 8px;
    margin-bottom: 5px;
    background-color: #dddddd;
    box-shadow: none;
    background-image: none;
}

.moduletask .progress {
    height: 4px;
}

.progress-bar-striped {
    background-image: none;
    background-color: #3192e9;
}

.progress.active .bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress .bar {
    width: 0%;
    height: 100%;
    color: #ffffff;
    float: left;
    font-size: 12px;
    text-align: center;
    background-color: #589814;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}


/*------------ project.css---------------*/

.project-header {
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.project-header .padding {
    padding: 10px 20px;
    position: relative;
}

.project-header .proj-head {
    position: relative;
    padding: 5px 0 0 55px;
    color: #323232;
    font-size: 16px;
    text-transform: uppercase;
    margin: 8px 0 0 0;
}

.project-header .proj-head .heading-icons {
    position: absolute;
    left: 0;
    top: 0;
}

.project-header .proj-head .heading-icons>img {
    width: 22px;
}

.project-navbar {
    background: #fff;
    padding: 15px 15px;
    position: relative;
}

.for-task-project {
    padding: 10px 20px 0;
}

.for-task-project li {
    margin-bottom: 5px;
}

.for-task-project a.btnAddComman {
    margin-left: 0;
    right: 0;
    top: -59px;
    background-image: none;
    background: #3192e9;
    border: none;
    border-radius: 0;
    font-size: 16px;
    padding: 10px 25px;
}

.for-task-project li.filter {
    position: relative;
    width: 170px;
    margin-left: 10px;
}

.for-task-project .sort-by {
    position: absolute;
    left: 12px;
    top: 8px;
    font-size: 16px;
    color: #979797;
}

.project-navbar>li {
    display: inline-block;
}

.project-navbar>li>a {
    position: relative;
    font-size: 14px;
    color: #a4a4a4;
    text-transform: uppercase;
    padding: 10px 10px;
    display: block;
}

.project-navbar>li.active>a {
    color: #f0385f;
}

.project-navbar>li:first-child a {
    /*padding-left: 0;*/
}

.project-navbar-filter {
    position: relative;
    padding: 18px 0 0 100px;
    display: table;
    width: 100%;
}

.project-navbar-filter a.sort {
    position: absolute;
    left: 0;
    padding: 6px 0;
    font-size: 18px;
    color: #a4a4a4;
    font-weight: normal;
    z-index: 99;
}

.project-navbar-filter .btn-group.bootstrap-select {
    font-style: normal;
    position: relative;
    top: 8px;
}

.project-navbar-filter button.btn.dropdown-toggle.btn-default {
    padding: 6px 30px 6px 10px;
    font-style: normal;
}

.project-top-gap {
    padding: 115px 0px 0;
}

.column-grid .project-column {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 28px;
    box-shadow: 0 0 8px 2px #dadada;
    display: block;
    margin: 15px auto 0;
    position: relative;
}

.project-column .dropdown_open {
    width: 180px;
}

.project-column .bullet-wraper {
    position: absolute;
    right: 0;
    top: -6px;
    z-index: 12;
}

.project-column .bullet-wraper:hover {
    /*background: rgba(0, 0, 0, 0.40);*/
}

.column-grid .project-column figure {
    width: 100%;
    min-height: 200px;
    position: relative;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}

.column-grid .project-column figure::before {
    /*background: rgba(14, 14, 14, 0.60);*/
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 100%;
    width: 100%;
    z-index: 1;
}
.highlighedProjectName{
        text-align: left!important;
    height: 39px!important;
    padding: 12px 10px!important;
    background-color:#333333;
    opacity:0.8;
    top:0px!important;
    font-size:14px!important;
}

.column-grid .project-column figure>.banner>img {
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    max-height: 100%;
}

.project-figurelist {
    position: absolute;
    color: #fff;
    z-index: 1;
    min-height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}

.project-figurelist span {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 5px;
    margin: 25px 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
}

.project-figurelist span::before,
.project-figurelist span::after {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
}

.project-figurelist span::before {
    top: 10px;
}

.project-figurelist span::after {
    top: -10px;
}

.project-figurelist .nav-image {
    bottom: 0;
    padding: 5px 10px;
    position: absolute;
}

.project-figurelist .nav-image ul>li {
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    background: #3192e9;
    font-size: 16px;
    height: 50px;
    width: 50px;
    margin-right: 2px;
}

.project-figurelist .nav-image ul>li>img {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    height: 100%;
}

.project-figurelist .nav-image ul>li>p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.project-figurelist .nav-heart {
    bottom: 0;
    padding: 14px 15px;
    position: absolute;
    right: 0;
}

.project-figurelist>h1 {
    bottom: 65px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    text-align: left;
    font-size: 16px;
    margin: 0;
    padding: 15px 10px;
}

.column-grid .project-userlist {
    position: relative;
    padding: 15px 5px;
    background: #fff;
    margin: 0 0 10px 0;
    box-shadow: 0 0 8px 2px #dadada;
}

.project-userlist ul>li {
    color: #323232;
    width: 32.5%;
    display: inline-block;
}

.project-userlist p {
    font-size: 20px;
    margin: 0;
    color: #3d3d3d;
}

.project-userlist label {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    color: #3d3d3d;
}


/*------------model css -----------*/

.model-project-filter .modal-content {
    border-radius: 14px;
    border: solid 1px rgba(0, 0, 0, 0.2);
    box-shadow: none;
}

.model-project-filter .header {
    padding: 10px 10px;
    border-bottom: solid 1px #ddd;
}

.model-project-filter .header h1 {
    position: relative;
    padding: 0 0 0 30px;
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    margin: 8px 0;
}

.model-project-filter .header img {
    position: absolute;
    top: 0;
    left: 0;
}

/*.model-project-filter .header a {
    position: absolute;
    right: 20px;
    top: 0;
    padding: 20px 10px;
    color: #8a8a8a;
    font-size: 14px;
    text-transform: uppercase;
}*/

.model-project-filter .footer {
    padding: 15px 20px;
    border-top: solid 1px #ddd;
    width: 100%;
    text-align: right;
}

.model-project-filter .text-area label {
    color: #8a8a8a;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: normal;
    font-size: 16px;
    width: 190px;
    margin: 0;
}

.model-project-filter .text-area label.range {
    top: -5px;
}

.model-project-filter .text-area {
    position: relative;
    margin: 0 0 15px 0;
    padding: 0 0 0 190px
}

.model-project-filter .text-area.righttext-area {
    padding: 0 0 0 70px !important;
}

.model-project-filter .mid-content h2 {
    position: relative;
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    margin: 15px 0;
    font-weight: 600;
}

.model-project-filter .mid-content .left {
    border-right: solid 1px #ddd;
    padding: 0 20px;
}

.model-project-filter .mid-content .right {
    padding: 0 0 0 20px;
}


/*------checkbox----*/

.model-project-filter .checkbox-box>label,
.model-project-filter .checkbox-box-filter>label {
    position: relative;
    font-weight: normal;
    cursor: pointer;
    padding: 2px 0 2px 10px;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*------checkbox----*/

.model-project-filter .dropdown-menu.open {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
    border: solid 2px rgba(49, 146, 233, 0.63);
    margin: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    z-index: 9999;
}

.model-project-filter .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 2px 3px rgba(49, 146, 233, 0.63) !important;
    box-shadow: inset 0 2px 3px rgba(49, 146, 233, 0.63) !important;
    border: solid 2px rgba(49, 146, 233, 0.63) !important;
}

.model-project-filter .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

.model-project-filter .bootstrap-select.btn-group .dropdown-menu li a {
    display: block;
    color: #8a8a8a;
    font-size: 18px;
    padding: 8px 20px;
}

.model-project-filter .bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.model-project-filter .dropdown-menu>li>a:hover,
.profile-form .dropdown-menu>li>a:focus,
.profile-form .dropdown-submenu:hover>a,
.profile-form .dropdown-submenu:focus>a {
    background-color: #e4e8e8;
    background-image: none;
    text-decoration: none;
    color: #000 !important;
    font-weight: 600;
    background: #e8e8e8;
}

.model-project-filter button.btn.dropdown-toggle.btn-default {
    padding: 6px 60px 6px 10px;
    font-style: normal;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    -webkit-box-shadow: inset 0 3px 5px transparent;
    box-shadow: inset 0 3px 5px transparent;
    border: solid 2px rgb(232, 232, 232);
}

.model-project-filter .btn-group.bootstrap-select:focus,
.model-project-filter .btn-group.bootstrap-select:active {
    box-shadow: 0 0 10px 0px rgba(49, 146, 233, 0.28);
}

.model-project-filter .btn-group.open .dropdown-toggle:hover .bs-caret .caret,
.model-project-filter .btn-group.open .dropdown-toggle:focus .bs-caret .caret,
.model-project-filter .btn-group.open .dropdown-toggle:active .bs-caret .caret {
    color: #3192e9;
}

.model-project-filter .slider-track {
    background: #dbdbdb;
    background-image: none;
    box-shadow: none;
    height: 4px !important;
}

.slider-handle.min-slider-handle.round {
    background: #3192e9;
    width: 15px;
    height: 15px;
}

.model-project-filter .slider-selection {
    background: #3192e9;
    background-image: none;
    box-shadow: none;
}

.model-project-filter .slider-tick {
    background: #dbdbdb;
    width: 15px;
    height: 15px;
}

.model-project-filter .tooltip-inner {
    background-color: #ef5151;
    padding: 5px 15px;
    border-radius: 0px;
    font-size: 16px;
}

.model-project-filter .tooltip.top .tooltip-arrow {
    bottom: -4px;
    margin-left: -10px;
    border-width: 9px 9px 0;
    border-top-color: #ef5151;
}

.model-project-filter .slider .tooltip.top {
    margin-top: -50px;
}

.model-project-filter .slider-tick.in-selection {
    background: #3192e9;
    width: 15px;
    height: 15px;
}

.model-project-filter .tooltip-inner:after {
    display: inline-block;
    content: '% Done';
}

.model-project-filter .slider.slider-horizontal {
    width: 100%;
}

.model-project-filter .range-persentage {
    position: relative;
}

.model-project-filter .range-persentage span {
    background: #707070;
    content: "";
    height: 12px;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
}

.modal-backdrop {
    z-index: 1040 !important;
}

.tagTestContainer .tag {
    color: #ffffff;
    background: #4a92e1 !important;
    font-size: 14px;
    font-weight: normal;
    padding: 9px 20px 10px 15px !important;
    display: inline-block;
    border-radius: 5px;
    height:40px;
    margin-right: 3px;
}

.tagTestContainer .tag i {
    color: #fff;
    border-radius: 50%;
    top: 3px;
    left: 8px;
}

.no-project-found {
    color: #a4a4a4;
    font-size: 14px;
    padding-top: 20px;
}

select#changethefilteroption {
    float: right;
    cursor:pointer !important;
}

#overview #changethefilteroption {
    width: 170px;
}


/*---------------- module member page css--------------------------------------------------------------------*/

.moduleMember {
    padding: 0 !important;
}

.moduleMember-inner {
    position: relative;
    padding-left: 0;
    height: 685px;
    margin: 20px;
    background: #fff;
    border-radius: 0 4px 4px 0;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.moduleMember-inner.in {
    padding-left: 280px;
}

.moduleMember-inner.in .member-check {
    transform: translate3d(0, 0, 0);
}

.mfull-height,
.mfull-height-Md {
    height: 440px;
}
/*.mfull-height{
     height: 410px !important;
}*/

.mfull-height .mfull-pd {
    padding: 0 5px 0 0;
}

.member-check {
    background: #1d4b75;
    padding: 180px 10px 5px 10px;
    width: 280px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px 0 0 4px;
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.member-check .head {
    position: absolute;
    margin: 15px 0 0 0;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 25px 0 10px;
}

.moduleMember h2 {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    padding: 9px 125px 9px 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0px;
}

.moduleMember h2.pdl {
    margin: 0 0 10px 0;
}

.moduleMember .check-wrp {
    color: #c4d0db;
    font-size: 16px;
    text-align: center;
    padding: 8px 20px;
    cursor: pointer;
    margin: 15px 0 10px 0;
    display: block;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.38);
}

.member-check .btn-group.bootstrap-select {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px !important;
    margin-right: 25px;
}

.member-check .caret {
    color: #517ca3;
}

.member-check button.btn.dropdown-toggle.btn-default:focus .caret,
.member-check button.btn.dropdown-toggle.btn-default:active .caret {
    color: #000;
}

.member-check button.btn.dropdown-toggle.btn-default:focus,
.member-check button.btn.dropdown-toggle.btn-default:active {
    background-color: #fff;
    color: #000;
}

.member-check .bootstrap-select.btn-group .dropdown-menu li a:hover {
    background-color: #3192e9;
    color: #fff;
}

.member-check button.btn.dropdown-toggle.btn-default {
    background-color: transparent;
    text-shadow: none;
    color: #517ca3;
    font-size: 14px;
    padding: 5px 30px 5px 5px;
    border-color: #517ca3;
}

.member-check .team-members-block {
    padding: 10px 10px;
    background: #fff;
    margin: 0 0 8px 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.member-check .checkbox-input+.checkbox-label:before {
    top: 10px;
}

.member-check figure {
    width: 40px;
    height: 40px;
    position: absolute;
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
    left: 30px;
}

.member-check .checkbox-label .txt {
    padding: 10px 0 7px 80px;
    font-size: 16px;
    color: #000000;
    font-weight: normal;
    overflow: hidden;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.member-check .checkbox-label .txt p {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.moduleMember-detail {
    position: relative;
    height: 100%;
    padding: 135px 15px 10px 20px;
}

.moduleMember a#btnSaveMemberRole:hover {
    background: #173f64;
    color: #fff;
    border-color: #173f64;
}

.moduleMember .selectrapper {
    position: relative;
    padding-right: 60px;
}

.moduleMember a#btnSaveMemberRole {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    border: dotted 1px;
    padding: 5px 15px;
    background: #1d4b75;
}

.moduleMember-detail .head {
    padding: 15px 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.moduleMember-detail .check-wrp {
    color: #9c9b9b;
    padding: 15px 20px;
}

.moduleMember-detail h2 {
    color: #000;
}

.moduleMember-detail figure {
    width: 60px !important;
    height: 60px !important;
    overflow: hidden;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    background: #3192e9;
}

.moduleMember-detail h3 {
    color: #3192e9;
    font-size: 16px;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.moduleMember-detail p {
    color: #000000;
    font-size: 14px;
    margin: 0;
}

.moduleMember-detail .taggle {
    position: absolute;
    right: 0;
    width: 45px;
    border-left: solid 1px #ddd;
    top: 50%;
    bottom: 0;
    cursor: pointer;
    transform: translateY(-50%);
}

.moduleMember-detail .taggle span {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    background: #ccc;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: 58px 20px;
}

.moduleMember-detail .taggle span:before,
.moduleMember-detail .taggle span:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: #ccc;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.moduleMember-detail .taggle span:before {
    top: 10px;
}

.moduleMember-detail .taggle span:after {
    top: -10px;
}

.moduleMember-detail li.dropdown {
    padding: 10px 35px 10px 15px;
    margin: 5px 0 15px -3px;
    position: relative;
    border-left: solid 10px #3192e9;
    display: table;
    width: 100%;
    box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.62);
}

.moduleMember-detail label.txt-truncut {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #9c9b9b;
    font-weight: normal;
    font-size: 14px;
}

.moduleMember-detail .image .col {
    width: 150px;
    text-align: center;
    float: left;
    padding: 0 10px;
    margin: 10px 0 0 0;
}

.moduleMember .member_ul {
    right: 0 !important;
    top: 0;
}

.moduleMember-detail .image {
    float: left;
    width: 100%;
}

.mfull-height-Md #mCSB_5_scrollbar_vertical {
    right: -12px;
}

.moduleMember-detail .list {
    /*padding-bottom: 10em;*/
}

.mfull-height-Md .mCSB_inside>.mCSB_container {
    margin-right: 30px;
}

.mfull-height-Md .mCSB_scrollTools {
    width: 30px;
}

.mfull-height-Md .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}

.mfull-height-Md .mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
}


/* Create new form */

.modal-newcreate_for_team,
.createnewmember-model {
    margin-top: 10px;
}

.modal-newcreate_for_team .content {
    padding: 6px 10px;
}


/* Add New Member */

.createnewmember-model {
    background: rgba(229, 244, 244, 0.73);
    border-radius: 8px;
    width: 750px;
    max-width: 95%;
}

.member-model {
    padding-top: 15px;
}

.member-model .content {
    border-bottom: none;
    padding: 9px 10px;
}

.member-model .footer {
    padding-right: 24px;
    overflow: hidden;
}

.createnewmember-model .head {
    position: relative;
    border-bottom: solid 1px #ddd;
    padding: 25px 20px;
}

.createnewmember-model .head h2 {
    font-size: 22px;
    color: #000;
    position: relative;
    padding: 0 0 0 45px;
    text-transform: uppercase;
    margin: 0;
}

.createnewmember-model .head img {
    position: absolute;
    top: 0;
    left: 0;
}

.createnewmember-mode .member-model .footer {
    padding-right: 24px;
}


/* interior design team */

.pop-action-btn span {
    margin-right: 16px;
}

.pop-action-btn span:last-child {
    margin-right: 0px;
}

.pop-action-btn span.lightred {
    color: #ff6464;
}

.team-model .inner {
    padding: 24px 22px 0;
}

.team-model .modal-content {
    box-shadow: none;
    border-radius: 0;
    border-width: 5px 0 0 0;
    border-color: #3192e9;
    border-style: solid;
}

.model-424 {
    width: 424px;
    max-width: 95%;
}

.model-382 {
    width: 382px;
    max-width: 95%;
}


/*.interiorTeam-container {
	padding: 0 22px;
}*/

.team-model h3 {
    font-size: 22px;
    margin-top: 0;
}

.team-members h4 {
    color: #3192e9;
    font-size: 20px;
    margin-top: 18px;
}

.team-model .interior-content p {
    margin: 15px 0;
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

.interiorMembers {
    padding: 5px 0 10px 0px;
}

.interiorMembers .image {
    text-align: left;
    margin-top: 0;
}

.figure-image-list ul {
    overflow: hidden;
    margin-left: -18px;
}

.figure-image-list ul li {
    float: left;
    padding-left: 18px;
    padding-bottom: 14px;
}

.interiorMembers figure {
    width: 61px;
    height: 60px;
    position: relative;
    background: transparent;
}

.interiorMembers figure:last-child {
    margin-right: 0;
}

.interiorMembers figure .action-btn-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    background: rgba(0, 0, 0, 0.65);
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: none;
    border-radius: 50%;
    overflow: hidden;
    z-index: 9;
}

.interiorMembers figure .action-btn-hover i.fa {
    color: #fff;
    font-size: 14px;
    margin-top: 24px;
}

.interiorMembers figure .action-btn-hover span:last-child {
    margin-right: 0px;
}

.interiorMembers figure:hover .action-btn-hover {
    display: block;
}


/* individualPerson-detail */

.individualPerson-container {
    padding: 0;
}

.m-l22-r22 {
    margin-left: -22px;
    margin-right: -22px;
}

.individualPerson-detail table {
    width: 100%;
    table-layout: fixed;
}

.individualPerson-detail table tr td {
    border: 1px solid #ddd;
    padding: 12px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
}

.individualPerson-detail table tr td:first-child {
    border-left: none;
}

.individualPerson-detail table tr td:last-child {
    border-right: none;
}

.individualPerson-detail table tr td span {
    font-size: 24px;
    display: block;
    margin-bottom: 4px;
}

.message-notif.person-identity li:before {
    display: none;
}

.team-model.model-382 .inner {
    padding: 22px;
    position: relative;
}

.team-model.model-382 .inner:before {
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    content: '';
    top: 68px;
    left: -19px;
}

.team-model.model-382 .modal-content {
    border: none;
}

.team-members .teams-menu {
    padding-left: 26px;
}

.team-members .teams-menu li {
    position: relative;
    font-size: 16px;
    color: #000;
    line-height: 22px;
}

.team-members .teams-menu li:before {
    content: '';
    width: 4px;
    height: 2px;
    background: #000;
    position: absolute;
    top: 10px;
    left: -10px;
}

.individualPerson-container .person-identity {
    margin: 0 0 30px 0;
    box-shadow: none;
}

.individualPerson-container .person-identity li {
    padding: 0;
}

.individualPerson-container .person-identity figure {
    height: 80px;
    width: 80px;
    margin: 0;
}

.individualPerson-container .person-identity .msg p {
    overflow: inherit;
    padding-left: 20px;
}

.individualPerson-container .person-identity .msg p span {
    display: block;
    color: #000;
}

.individualPerson-container .person-identity .msg p span.in-name {
    font-size: 22px;
}

.individualPerson-container .person-identity .msg p span.in-designation {
    font-size: 16px;
    margin-top: -6px;
}

.individualPerson-container .person-identity .msg p a {
    text-decoration: none;
    margin-left: -8px;
}

.individualPerson-container .view-all-list {
    margin-left: 29px;
    margin-top: 5px;
    background: none;
    color: #9c9b9b;
    font-size: 16px;
}

.individualPerson-container a.download {
    margin: 1px 0 0 4px;
    display: inline-block;
    vertical-align: middle;
    color: #9c9b9b;
}

.interiorMembers .pop-action-btn span input[type=file] {
    position: absolute;
    z-index: 99;
    opacity: 0;
    width: 14px;
    height: 14px;
    right: 0;
    bottom: 0;
    cursor: pointer;
    overflow: hidden;
}


/*----------- chhose image in banner------- */

.upload-imagesec .right {
    overflow: hidden;
    position: relative;
}

h3.heading {
    color: #000000;
    font-size: 18px;
    margin: 0;
    padding: 10px 0;
}

input.browse-input {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    cursor: pointer;
}

.browse-button {
    background: #aaaaaa;
    color: #ffffff;
    font-size: 14px;
    border: solid 1px #aaaaaa;
    position: relative;
}

.upload-imagesec .remove {
    color: #747474;
    background-color: transparent;
    border: solid 1px #747474;
    font-size: 14px;
}

.menuCompanyFile {
    display: table;
    width: 100%;
}

.menuCompanyFile {
    padding-top: 15px !important;
}

.project-rfi {
    padding-top: 150px !important;
}

input#searchTask {
    display: none;
}

.profile-form label.error-class {
    color: #f90a0a;
    position: absolute;
    right: 25px;
    z-index: 1;
    top: 8px;
}

#UserEmail-error {
    top: 22px;
    right: 34px;
}

.profile-user-detail .btn-group.bootstrap-select {
    width: 100% !important;
}

#documents select#changethefilteroption {
    max-width: 170px;
    float: right;
    margin: 0 20px 0 0;
}

#projects.innerProject .proj-head {
    display: none;
}

#projects.innerProject .project-top-gap {
    padding: 50px 0px 0;
}

#projects.innerProject .project-header .padding {
    padding: 0 !important;
}

#documents .module-col {
    padding-top: 0;
}

.modal:before {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    content: '';
}

.modal-backdrop.fade.in {
    display: none;
}

#modalBody a.add_more_file,
#modalBody .add_more_file_discussion_modal {
    font-size: 16px;
    text-decoration: underline;
    color: #3192e9;
    border: solid 2px;
    border-radius: 4px;
    padding: 4px 20px;
    text-align: center;
    width: 150px;
    clear: both;
}

.discussion_dropzone {
    margin: 20px 0;
}

#modalBody a.add_more_file:hover,
#modalBody .add_more_file_discussion_modal:hover {
    color: #ffffff;
    background: #3192e9;
}

.dropzone .dz-default.dz-message {
    height: 60px !important;
    background-size: 230px auto !important;
    margin-left: -140px !important;
    margin-top: -35px !important;
}

.discussion_dropzone .dz-default {
    font-size: 16px;
    color: #767676;
}

#modalBody .content.m-t-sm {
    margin-top: 0 !important;
}

.profiledata .error-class {
    color: #fb0c0c;
    right: 0;
}


/*------------- eye-icon- modal ----company files--------------*/

#upload-cover-image-modal .modal-dialog,
#modalPopupReminderMe .modal-dialog,
#notification .modal-dialog,
#modalConfirmYesNo .modal-dialog,
#newChatConfirmation .modal-dialog,
#modalPopupReminderMail .modal-dialog,
.bootbox-confirm .modal-dialog,
.bootbox-alert .modal-dialog {
    width: 400px;
    margin: 100px auto;
}


/* #fileDetails .modal-header,
#upload-cover-image-modal .modal-header,
#folderDetails .modal-header,
#modalPopupReminderMe .modal-header,
#notification .modal-header,
#modalConfirmYesNo .modal-header,
#newChatConfirmation .modal-header,
#modalPopupReminderMail .modal-header,
#send-email .modal-header {
    background: #3192e9;
    color: #fff;
    padding: 15px 20px;
} */

.modal-header {
    /*background: #3192e9;*/
    border:none !important;
    color: #fff;
    padding: 15px 20px;
}

#fileDetails .modal-title,
#upload-cover-image-modal .modal-title,
#folderDetails .modal-title,
#modalPopupReminderMe .modal-title,
#notification .modal-title,
#modalConfirmYesNo .modal-title,
#newChatConfirmation .modal-title,
#modalPopupReminderMail .modal-title,
#send-email .modal-title {
    font-size: 16px;
    display: block;
}

#notification .modal-body,
#modalConfirmYesNo .modal-body,
#newChatConfirmation .modal-body,
.bootbox-body {
    font-size: 18px;
    color: #767676;
    text-align: center;
    padding: 40px 20px;
}

#notification .btn,
#modalConfirmYesNo .btn,
#newChatConfirmation .btn,
.bootbox-confirm .btn,
.bootbox-alert .btn{
    font-size: 16px;
    background: #3192e9;
    color: #ffffff;
    padding: 12px 30px;
    position: relative;
    border: none;
    line-height: 1;
    min-width: 120px;
    font-weight: normal;
    border-radius: 0;
}

#notification .btn:hover,
#modalConfirmYesNo .btn:hover,
#newChatConfirmation .btn:hover,
.bootbox-confirm .btn-default:hover,
.bootbox-alert .btn-default:hover {
    background: #0e599c;
}

.modal-header .close {
    float: right;
    font-size: 21px;
    line-height: 1;
    color: #000;
    filter: alpha(opacity=20);
    opacity: .2;
    border:none !important;
}

.modal-header .close span {
    display: none;
}

#btnNoConfirmYesNo {
    background: #ff6464 !important;
}

#fileDetails .modal-title label,
#folderDetails .modal-title label {
    font-weight: normal;
    margin: 0;
}

#fileDetails .modal-header .close,
#upload-cover-image-modal .modal-header .close,
#folderDetails .modal-header .close {
    margin-top: 0;
    font-size: 25px;
    color: #ffffff;
}

#fileDetails .col-md-8,
#folderDetails .col-md-8 {
    font-size: 16px;
    color: #000;
    padding-bottom: 10px;
}

#modalPopupReminderMe label,
#modalPopupReminderMail label {
    color: #767676;
    font-size: 16px;
    font-weight: normal;
}

#modalPopupReminderMe #taskRemindTo {
    color: #3192e9;
}

#modalPopupReminderMe .btn,
#modalPopupReminderMail .btn {
    font-size: 18px;
    background: #3192e9;
    color: #ffffff;
    padding: 8px 20px;
    position: relative;
    margin: 5px;
    border-color: transparent;
}

#btnRemindMeCancel,
#btnreminderCancel {
    background: #ff6464 !important;
}

#modalPopupReminderMe .modal-footer .form-group {
    margin-bottom: 0 !important;
}


/*.modal-dialog {
    margin: 90px auto 30px;
}*/


/*  ------------------- search ------------------- */

.search-outer .nav-tabs {
    background: #fff;
}

.search-outer .nav-tabs li a {
    font-size: 16px;
    color: #000;
    padding: 12px 30px;
    position: relative;
    border: none;
}

.search-outer .nav-tabs li.active a {
    border: none;
}

.search-outer .nav-tabs>li>a::after {
    content: '';
    display: block;
    width: 0;
    height: 4px;
    background: #3192e9;
    transition: width .3s;
    margin: 0;
    bottom: 0px;
    position: absolute;
    left: 0;
}

.search-outer .nav-tabs>li.active>a::after {
    width: 100%;
}

.tab-content {
    padding: 15px 20px;
}

.search-dropdown-btn {
    background: #fff;
    padding: 6px 30px 6px 12px;
    font-size: 16px;
    border: solid 2px #ddd;
    border-radius: 4px;
    position: relative;
    width: 200px;
    text-align: left;
}

.search-dropdown-btn:focus {
    border: solid 2px #3192e9;
    box-shadow: none;
}

.search-dropdown-btn:after {
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: .3em solid;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: .25rem;
    margin-right: .25rem;
    vertical-align: middle;
    width: 0;
    right: 0;
    position: absolute;
    margin: 10px;
}

.search-outer .allSearch,
.search-outer .fileSearch {
    width: 200px;
    margin: 0;
    padding: 8px 0;
    border: solid 2px #ddd;
    border-radius: 0 0 6px 6px;
    border-top: none;
}

.search-outer .listfilter a {
    display: block;
    font-size: 16px;
    color: #a4a4a4;
    padding: 6px 15px;
    font-weight: normal;
    margin: 0;
}

.search-outer .listfilter a:hover {
    background: #3192e9;
    color: #fff;
}

input#txtSearchAll,
#txtSearchFiles,
#txtSearchRfi,
#txtSearchTask,
#txtSearchProjects {
    border: solid 2px #ddd;
    padding: 6px 15px;
    font-size: 16px;
    height: inherit;
    max-width: 200px;
}

#txtSearchAll:focus,
#txtSearchFiles:focus,
#txtSearchRfi:focus,
#txtSearchTask:focus,
#txtSearchProjects:focus {
    border: solid 2px #3192e9;
    box-shadow: none;
}

.search-block {
    background: #fff;
    border: solid 1px #ddd;
    box-shadow: 0 0 10px -2px rgba(10, 10, 10, 0.29);
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 12px 20px;
    position: relative;
    display: table;
    width: 100%;
}

.search-block .img-block {
    max-width: 70px;
    overflow: hidden;
    display: inline-block;
    float: left;
    margin-left: 12px;
}

.search-block .img-block img {
    width: 100%;
    height: 100%;
}

.search-block a.btn-star-block {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    font-size: 16px;
}

.search-block .content-block {
    float: left;
    padding-left: 15px;
    font-size: 15px;
    color: #000;
}

.search-block .content-block .title {
    font-size: 16px;
    padding-bottom: 5px;
    display: block;
}

.search-block .content-inner .mb1 {
    position: relative;
    padding-left: 170px;
    display: block;
}

.search-block .content-inner .mb1 span {
    color: #767676;
}

.content-inner label {
    position: absolute;
    font-weight: normal;
    color: #000;
    margin: 0;
    left: 0;
    top: 0;
    width: 165px;
    overflow: hidden;
}

.apndselect-val {
    padding: 8px;
}

.apndselect-val img {
    width: 15px;
}

div#divNoRecord {
    font-size: 16px;
    color: #d8d5d5;
    padding-top: 15px;
}

.full-message-reply-discuss {
    padding: 0 25px 0 0;
}

#lblreplytousername {
    color: #767676;
    font-size: 16px;
    font-weight: normal;
}

.full-message-reply-discuss {
    padding: 0 25px 0 0;
    margin-bottom: 25px;
}

#projectname-error,
#projectGroup-error {
        position: absolute;
    left: 140px;
    padding: 0;
    z-index: 9;
    color: #ff0000;
    width: auto;
    top: 40px;
}
#projectname-error,
#status-error {
    position: absolute;
    left: 140px;
    padding: 0;
    z-index: 9;
    color: #ff0000;
    width: auto;
    top: 40px;
}
.projectDetail.createProject .form-group{
    margin-bottom:30px;
}
#projectname-error i.fa,
#projectGroup-error i.fa {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    color: #ea0606;
}

::-webkit-input-placeholder {
    color: #b0b0b0;
}

::-moz-placeholder {
    color: #b0b0b0;
}

:-ms-input-placeholder {
    color: #b0b0b0;
}

:-moz-placeholder {
    color: #b0b0b0;
}

#create-team .modal-header {
    padding: 0;
    border-bottom: none;
    background: #fff !important;
}

#create-team label {
    font-size: 18px;
    font-weight: normal;
    color: #979797;
}


/*------------- -----------------*/

.bootbox-confirm .btn-default,.bootbox-alert .btn-default {
    background: #ff6464 !important;
    float: right;
    margin-left: 10px;
}


/*------------overview section under rfi mudule ---*/

.moduleRFI .dropdown_open {
    top: 0;
    width: 220px;
    right: 0;
}

.moduleRFI .dropdown_open:before {
    right: 18px;
}

.overview-wrap-rfis .filter-section {
    padding: 15px 15px 0;
}

.overview-wrap-rfis #filter {
    margin-right: 10px;
    margin-bottom: 10px;
}

.overview-wrap-rfis .refresh-common,
.overview-wrap-rfis .search-common {
    margin-bottom: 10px;
}

.overview-wrap-rfis .navmenu-rfis li {
    display: inline-block;
}

.overview-wrap-rfis .navmenu-rfis li a {
    position: relative;
    font-size: 18px;
    color: #979797;
    text-transform: uppercase;
    padding: 12px 10px;
    display: block;
}

.overview-wrap-rfis .navmenu-rfis li.active a,
.overview-wrap-rfis .navmenu-rfis li a:hover {
    color: #f0385f;
}

.overview-wrap-rfis #rfi-list-div {
    text-align: center;
    padding: 0 60px 30px;
}

.overview-wrap-rfis .owl-prev,
.overview-wrap-rfis .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.overview-wrap-rfis .owl-prev {
    left: 25px;
}

.overview-wrap-rfis .owl-next {
    right: 25px;
}

.overview-wrap-rfis .tagTestContainer {
    padding-left: 15px;
}

.overview-wrap-rfis .RFITile {
    background: -moz-linear-gradient(90deg, rgba(253, 245, 150, 1) 0%, rgb(239, 229, 111) 54%, rgba(243, 234, 130, 1) 89%, rgb(173, 163, 48) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 232, 125, 1)), color-stop(11%, rgba(243, 234, 130, 1)), color-stop(46%, rgba(253, 245, 150, 1)), color-stop(100%, rgba(253, 245, 150, 1)));
    background: -webkit-linear-gradient(90deg, rgba(253, 245, 150, 1) 0%, rgb(239, 229, 111) 54%, rgba(243, 234, 130, 1) 89%, rgb(173, 163, 48) 100%);
    background: -o-linear-gradient(90deg, rgba(253, 245, 150, 1) 0%, rgb(239, 229, 111) 54%, rgba(243, 234, 130, 1) 89%, rgb(173, 163, 48) 100%);
    background: -ms-linear-gradient(90deg, rgba(253, 245, 150, 1) 0%, rgb(239, 229, 111) 54%, rgba(243, 234, 130, 1) 89%, rgb(173, 163, 48) 100%);
    background: linear-gradient(0deg, rgb(251, 244, 160) 0%, rgb(239, 229, 111) 54%, rgba(243, 234, 130, 1) 89%, rgb(173, 163, 48) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f1e87d', endColorstr='#fdf596', GradientType=0);
}

.overview-wrap-rfis .owner-wraper-inner {
    padding: 0 10px;
    margin: 0 0 -1px 0;
}

.overview-wrap-rfis .RFITile {
    margin: 30px 0 15px 0;
    box-shadow: rgba(14, 14, 14, 0.2) 0px 0px 5px 2px;
    display: inline-block;
    text-align: left;
    position: relative;
    width: 100%;
}

.overview-wrap-rfis .RFITile figure {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    float: left;
    margin-right: 10px;
}

.overview-wrap-rfis label {
    position: relative;
    margin: 0;
    padding: 0 0 0 10px;
    font-weight: 600;
    font-size: 15px;
}

.overview-wrap-rfis label.created-owner {
    padding: 8px 0 0 0;
    text-transform: uppercase;
}

.overview-wrap-rfis .RFITile .col-grd:last-child {
    border-bottom: none;
}

.overview-wrap-rfis .owner-wraper {
    position: relative;
}

.overview-wrap-rfis .owner-wraper {
    background: #fdf596;
    color: #6e671a;
    font-size: 16px;
    padding: 8px 30px 8px 15px;
    position: relative;
}

.overview-wrap-rfis .bullet-wraper {
    position: absolute;
    right: 0;
    top: 0;
    height: 56px;
}

.overview-wrap-rfis .col-grd {
    padding: 12px 0;
    border-bottom: solid 1px #c7bd49;
    color: #000000;
    font-size: 16px;
}

.overview-wrap-rfis .bullet-wraper span {
    background: #6d6728;
}

.overview-wrap-rfis .progress-bar-striped {
    background-color: #589814;
}

.overview-wrap-rfis .progress {
    height: 4px;
}

.overview-wrap-rfis .bullet-wraper span:before,
.overview-wrap-rfis .bullet-wraper span:after {
    background: #6d6728;
}

.rfis-overview-dropdown {
    top: 107px;
}

.rfis-overview-dropdown:before {
    display: none;
}


/*-- sort and filter undar rfis-- */

#filter-rfi-modal .modal-dialog {
    width: 900px;
}

#filter-rfi-modal h4 {
    position: relative;
    font-size: 18px;
    text-transform: uppercase;
}

#filter-rfi-modal .modal-body {
    padding: 0 15px;
}


/*-- sort and filter undar rfis-end- */


/*-- edit - detail undar rfis-- */

.detail-wraper-under-rfi .detail-centerwraper,
.detail-wraper-under-task .centerwraper {
    background: #fff;
    margin: 20px;
    box-shadow: 0 0 9px -2px rgba(0, 0, 0, 0.39);
    border-radius: 4px;
    padding: 20px;
}

.detail-wraper-under-rfi .select2.select2-container,
.detail-wraper-under-task .select2.select2-container {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
    border: solid 1px #ccc;
}


/*-- edit - detail undar rfis--end  */


/*------------overview section under rfi mudule end ---*/


/*-- team share section - under rfis -- */

.team-share-block {
    padding-top: 25px;
    margin-bottom: 70px;
}

.team-share-block_center {
    background: #fff;
    margin: 15px 15px 0;
    box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

.team-share-block_center h3 {
    font-size: 16px;
    margin: 0;
    padding: 15px;
    display: block;
    text-transform: uppercase;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #979797;
    border-bottom: solid 1px #ddd;
}

.member-block-not-share h3 {
    color: #517ca3;
}

.team-block-panel-outer {
    padding: 68px 0 20px 0;
    position: relative;
}

.member-block-not-share {
    background: #173f64;
    color: #fff;
    width: 340px;
    float: left;
    border-radius: 4px 0 0 0;
}

.team-share-block_center .img-block {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    float: left;
}

.member-block-share .img-block {
    margin: 0 auto;
    float: none;
}

.team-share-block_center .btn-block {
    font-weight: normal;
    font-size: 16px;
    padding: 23px 0 23px 15px;
    margin: 0;
    width: auto;
    color: #979797;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.member-block-share label {
    padding: 5px !important;
    color: #979797;
}

.member-block-not-share label {
    color: #517ca3 !important;
}

.member-block-not-share .team-block {
    height: 350px;
}

.member-block-share .team-block {
    height: 350px;
}

.team-block-not-share .team-inner,
.team-block-share .team-inner {
    min-height: 180px;
}

.team-block-not-share .team-block-panel,
.team-block-share .team-block-panel {
    height: 400px;
}

.member-block-not-share .team-members-block {
    background: rgb(19, 50, 78);
    padding: 10px 20px;
    margin-bottom: 7px;
    border-left: solid 4px #3192e9;
}

.team-block .team-members-block .img-block:hover .action-block {
    display: block;
}

.team-block .team-members-block .img-block .action-block {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    bottom: 0;
    width: 100%;
    padding: 20px 0;
    text-align: center;
}

.team-block .team-members-block .img-block .action-block a {
    color: #fff;
    font-size: 22px;
    padding: 0 3px;
}

.team-block .team-members-block .img-block img {
    z-index: 0;
}

.member-block-share {
    overflow: hidden;
}

.member-block-share .team-members-block {
    width: 200px;
    text-align: center;
    display: inline-block;
    padding: 10px 10px;
    margin: 10px 10px;
    box-shadow: 2px 2px 1px -2px rgba(0, 0, 0, 0.33);
    float: left;
}

.team-block-panel-inner {
    display: block;
    font-size: 20px;
    text-align: center;
    width: 100%;
    color: #979797;
    line-height: 15;
}

.team-block-not-share,
.team-block-share {
    width: 50%;
    float: left;
}

.team-block-share .team-share-block_center {
    margin-left: 10px;
}

.team-block-not-share .team-share-block_center {
    margin-right: 10px !important;
}

.team-share-block_center h4 {
    background: #173f64;
    display: block;
    padding: 16px 120px 16px 20px;
    margin: 0;
    width: 100%;
    color: #517ca3;
    font-size: 20px;
    position: relative;
}

.team-share-block_center .team-title {
    position: relative;
}

.team-share-block_center .permission-block a {
    padding: 10px 4px;
    display: inline-block;
}

.team-share-block_center .permission-block {
    position: absolute;
    right: 10px;
    font-size: 24px;
    top: 0;
}

.team-block-not-share .team-block,
.team-block-share .team-block {
    padding-bottom: 20px;
}

.team-block-not-share .team-members-block,
.team-block-share .team-members-block {
    padding: 18px 20px 0;
}

.member-block-share .team-block {
    text-align: center;
}


/*-- team share section - under rfis end-- */


/*--- rfis -- undar member -- */

#task-member-list-div {
    text-align: center;
}

#task-member-list-div .people-block {
    box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.75);
    padding: 30px;
    border-radius: 4px;
    width: 260px;
    text-align: center;
    margin: 0 10px 10px;
    background: #fff;
    display: inline-block;
    position: relative;
}

#task-member-list-div .people-block a#editMember {
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    border: solid 1px #ddd;
}

#task-member-list-div .bottom-block span {
    font-size: 18px;
    color: #979797;
    padding-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

#task-member-list-div span.badge {
    font-size: 16px;
    font-weight: normal;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 10px 0;
    background: #173f64;
}

#task-member-list-div a.badges-wrap {
    position: absolute;
    top: -4px;
    right: -4px;
}

div#divnorfi {
    color: #979797;
    font-size: 18px;
}


/*-- member view permission modal --*/

thead#headPermission th:last-child {
    width: 50%;
}

thead#headPermission th {
    font-size: 18px;
    padding: 8px 10px;
    color: #000;
}

h4.modal-title {
    font-size: 16px;
    text-transform: uppercase;
}

.table tbody tr {
    font-size: 15px;
}

.modal-content {
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.table thead th {
    font-size: 14px;
    padding: 8px 10px;
    background: #f5f5f5;
    color: rgba(0, 0, 0, 0.65);
    font-weight: 400;
}

.table-bordered {
    border: none;
    padding: 15px 0 0;
}

.information-block h3 {
    margin: 0;
    font-size: 16px;
    color: #000;
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    color: #979797;
    font-size: 15px;
    font-weight: normal;
    border: none;
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 0;
}


/*-- member view permission modal end --*/

.table .inner-block {
    display: none;
    padding: 15px 0 0;
}


/*--- rfis -- undar member end-- */

.moduleMember-detail .head>h2 {
    padding: 10px 8px 8px 20px;
}

.moduleMember-detail a.bullet-wraper {
    position: absolute;
    top: 8px;
    left: 18px;
    width: 8px;
    display: block;
}

.member-check .checkbox-label .txt p {
    font-size: 13px;
}

.team-block .taggle {
    height: 100%;
    width: 35px;
    text-align: center;
    vertical-align: middle;
    border: 0;
    background: #f8f8f8;
    right: 0;
    top: 0;
    transform: none;
}

.team-block .taggle span {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 0 0 0;
}

.notification-bullet {
    position: relative;
    padding: 15px 10px 15px 70px;
    background: #fff;
}

ul#comment-onclick li:first-child {
    text-align: center;
    padding: 5px;
    height:50px;
    margin: 0px !important;
    font-family: sans-serif;
    background: #f5f5f5 !important;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}

ul#comment-onclick li:first-child figure {
    position: absolute;
}

.comment-onclick .detail p:first-child {
    font-size: 18px;
    line-height: 1.1;
}

.comment-onclick .detail p:first-child {
    font-size: 18px;
    line-height: 1.1;
}

ul.ulnav-top-fil {
    overflow: hidden;
}

ul.ulnav-top-fil li {
    display: inline-block;
    margin: 0 5px;
}

ul.ulnav-top-fil li>a {
    display: block;
    padding: 10px 5px;
    color: #979797;
}

ul.ulnav-top-fil li {
    float: left;
    margin: 0 5px;
}

ul.ulnav-top-fil span:first-child {
    padding: 10px 5px 0 0;
}

ul.ulnav-top-fil span {
    float: left;
}

.wrap_tab_top {
    overflow: hidden;
    background: #fff;
    padding: 15px 25px;
}

.tagTestContainer.clearfix.mb10 {
    text-align: left;
}

#create-task h4,
#create-rfi h4 {
    margin: 0;
    padding: 4px 0 0 0;
    font-size: 20px;
    text-transform: uppercase;
}

.module-file-sec .dropdown_open {
    padding: 0 !important;
    width: 240px;
    right: 0;
    margin: 0 auto;
}

.dropdown_open li {
    display: block;
    padding: 0;
}

.module-file-sec .dropdown_open li:before {
    display: none;
}

.project-details-select .input-group-addon {
    display: inline-block;
    padding: 13px;
    width: 50px;
    border-radius: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    border: none;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.40);
}

.project-details-select .input-group-addon:hover,
.project-details-select .input-group-addon:focus,
.project-details-select .input-group-addon:active {
    background: #3192e9;
    color: #fff;
}

.overview-wrap-rfis .Active .owner-wraper {
    background: #c4f9f0;
    color: #3a4a47;
}

.overview-wrap-rfis .Active .bullet-wraper span:before,
.overview-wrap-rfis .Active .bullet-wraper span:after,
.overview-wrap-rfis .Active .bullet-wraper span {
    background: #3a4a47;
}

.overview-wrap-rfis .Active .owner-wraper-inner {
    background: #a8ece0;
    background: -moz-linear-gradient(top, #a8ece0 0%, #a9ece1 16%, #c4f9f0 59%, #c4f9f0 59%, #c4f9f0 100%);
    background: -webkit-linear-gradient(top, #a8ece0 0%, #a9ece1 16%, #c4f9f0 59%, #c4f9f0 59%, #c4f9f0 100%);
    background: linear-gradient(to bottom, #a8ece0 0%, #a9ece1 16%, #c4f9f0 59%, #c4f9f0 59%, #c4f9f0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a8ece0', endColorstr='#c4f9f0', GradientType=0);
}

.overview-wrap-rfis .Active .col-grd {
    border-bottom: solid 1px #98c1b9;
}

.overview-wrap-rfis .Resolved .owner-wraper {
    background: #9cebaf;
    color: #3a4a47;
}

.overview-wrap-rfis .Resolved .bullet-wraper span:before,
.overview-wrap-rfis .Resolved .bullet-wraper span:after,
.overview-wrap-rfis .Resolved .bullet-wraper span {
    background: #9cebaf;
}

.overview-wrap-rfis .Resolved .owner-wraper-inner {
    background: #8dd399;
    background: -moz-linear-gradient(top, #8dd399 0%, #9cebaf 100%);
    background: -webkit-linear-gradient(top, #8dd399 0%, #9cebaf 100%);
    background: linear-gradient(to bottom, #8dd399 0%, #9cebaf 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8dd399', endColorstr='#9cebaf', GradientType=0);
}

.overview-wrap-rfis .Resolved .col-grd {
    border-bottom: solid 1px #72b782;
}

.overview-wrap-rfis .Closed .owner-wraper {
    background: #ffb1b1;
    color: #3a4a47;
}

.overview-wrap-rfis .Closed .bullet-wraper span:before,
.overview-wrap-rfis .Closed .bullet-wraper span:after,
.overview-wrap-rfis .Closed .bullet-wraper span {
    background: #3a4a47;
}

.overview-wrap-rfis .Closed .owner-wraper-inner {
    background: #e8a2a2;
    background: -moz-linear-gradient(top, #e8a2a2 0%, #ffb1b1 100%);
    background: -webkit-linear-gradient(top, #e8a2a2 0%, #ffb1b1 100%);
    background: linear-gradient(to bottom, #e8a2a2 0%, #ffb1b1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e8a2a2', endColorstr='#ffb1b1', GradientType=0);
}

.overview-wrap-rfis .Closed .col-grd {
    border-bottom: solid 1px #d48e8e;
}

.moduletask .NotStarted .head {
    background: #ffb1b1;
    color: #3a4a47;
}

.moduletask .NotStarted .bullet-wraper span:before,
.moduletask .NotStarted .bullet-wraper span:after,
.moduletask .NotStarted .bullet-wraper span {
    background: #3a4a47;
}

.moduletask .NotStarted .mid-sec {
    background: #e8a2a2;
    background: -moz-linear-gradient(top, #e8a2a2 0%, #ffb1b1 100%);
    background: -webkit-linear-gradient(top, #e8a2a2 0%, #ffb1b1 100%);
    background: linear-gradient(to bottom, #e8a2a2 0%, #ffb1b1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e8a2a2', endColorstr='#ffb1b1', GradientType=0);
}

.moduletask .NotStarted .col-grd {
    border-bottom: solid 1px #d48e8e;
}

.moduletask .NotStarted .status p,
.moduletask .NotStarted .status label {
    color: #000;
}

.moduletask .Completed .head {
    background: #9cebaf;
    color: #3a4a47;
}

.moduletask .Completed .bullet-wraper span:before,
.moduletask .Completed .bullet-wraper span:after,
.moduletask .Completed .bullet-wraper span {
    background: #9cebaf;
}

.moduletask .Completed .mid-sec {
    background: #8dd399;
    background: -moz-linear-gradient(top, #8dd399 0%, #9cebaf 100%);
    background: -webkit-linear-gradient(top, #8dd399 0%, #9cebaf 100%);
    background: linear-gradient(to bottom, #8dd399 0%, #9cebaf 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8dd399', endColorstr='#9cebaf', GradientType=0);
}

.moduletask .Completed .col-grd {
    border-bottom: solid 1px #72b782;
}

.moduletask .Completed .status p,
.moduletask .Completed .status label {
    color: #000;
}


/*--- Project -- Add Group Shailesh Budakoti-- */

a#btnGroupSubmit,
a#btnCancel,
#btnsendEmail,
#btnPermissionsSave {
    font-size: 16px;
    background: #3192e9;
    color: #ffffff;
    padding: 12px 30px;
    position: relative;
    border: none;
    line-height: 1;
    min-width: 120px;
    font-weight: normal;
    border-radius: 0;
}

a#btnCancel {
    background: #ff6464;
    margin-left: 10px;
}

#project-list-div {
    justify-content:center;
    display:flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.project-block-outer{
   width:100%;
}

#create-rfi .error-class,
#create-task .error-class {
    z-index: 9 !important;
    position: relative;
}

#send-email .select2-container--default .select2-selection--multiple,
#sendMailForm .select2-container--default .select2-selection--multiple,
#sendTaskForm .select2-container--default .select2-selection--multiple {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16);
    border: solid 1px #ccc !important;
}


/* .detail-wraper-under-rfi .select2-container {
    z-index: 999 !important;
} */

.right-sidenav .msg-alert .circle {
    position: absolute;
    right: 15px;
}

.right-sidenav .msg-alert .circle img {
    opacity: 0.5;
    width: 15px;
}

.addnew-discussion-modal,
.addnew-chat-modal,
.Createnew-modal {
    top: 80px;
}

.form-group.formtxt.pd.project-details-select {
    padding-right: 65px;
}

.tooltip {
    z-index: 1;
}


#schedule {
    border-radius:28px;     
}
.tilebgcolor{
    background-color:#7efee8;width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.schedulename{
    background-color: #333333;
    font-size:10px !important;
    text-transform: uppercase; 
    line-height: 0;
    text-align:center;
    opacity: 0.8;
}
.percent {
    font-size: 10px !important;
    font-weight: 300;
    display: inline-block;
    position: relative;
    left: 4%;
    color: #15ddc1;   
}

#contextMenu {
    position: absolute;
    display:none;
    cursor:pointer;  
    z-index: 20;
}

.chkManager{
  background-color: #fff;  
  float:right;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  left: 0;
  top: 0;
  width: 20px;
  z-index: 4;
}
.chkSuperintendent{
  background-color: #fff;  
  float:right;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  left: 0;
  top: 0;
  width: 20px;
  z-index: 4;
}
 
#opentemplatetask{
    padding: 7px;
    border-bottom: 1px solid #c8c8c8;
    border-bottom-width: thin;
    width: 319px;
    float: left;
    height: 40px;
    margin-left: -15px;
}

#schedule_dropdown
{
    display: block;
    position: relative;
    margin-bottom: 5px;
    border-radius: 10px !important;
    height: 203px;
    width: 291px;
    font: inherit;
    font-size: 14px;
    color: #696969 !important;
    background-color: #f5f5f5;
}
#status_dropdown_submenu,#manager_dropdown_submenu,#superintendent_dropdown_submenu
{
    padding: 0px;
    padding-left:7px;
    margin-top: 10px;
}

.checkbox {
  padding-left: 20px; }
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555; }
.checkbox input[type="checkbox"] {
    opacity: 0; }
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 0;
    outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c"; }
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }
.checkbox.checkbox-circle label::before {
    border-radius: 50%; }
.checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #0977b6;
    border-color:#0977b6; }
.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff; }
 
 .radio-custom {
    opacity: 10;
    position: absolute; 
 }
.radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
 .radio-custom-label {
    position: relative;
}
.radio-custom + .radio-custom-label:before {
    content: '';
    background: white;
    border: 1px solid #cccccc;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 0px;
    text-align: center;
}
.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}
.radio-custom:checked + .radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color:white;
    background: #4d94bd;
    border: 2px solid #4d94bd;
}

.saveProjectRoles{
    float: right;
    margin-top: -23px;
    margin-right: 0px;
    font-size: 16px !important;
    cursor:pointer;
}
.backToHome
{
    float:left;
    font-size: 16px !important;
    background-color:transparent
}
#myModalLabel{
    text-align:center;
    margin-right: 47px;
}
#statusModal,#managerModal,#superintendentModal{
    top: 20%;
    left: 20%;
} 

.inner-addon {
  position: relative;
}
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }


/*-------------------- -------------------*/
#Switch-OrganisationList {
    position: absolute;
    top: 100%;
    left: 5px;
    margin-top: 4px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
    height: 580px; 
    overflow-y: scroll; 
    width: 480px;
}

/*------------------- -------------------*/


::-webkit-scrollbar,-moz-scrollbar {
    width: 0px;
    background: transparent; 
}

#projectName{
   height: 35px !important;
   padding: 7px !important;
   width:100%;
   border:1px solid #e8e8e8;
   color: black;
   font-size: 18px !important;
   text-transform: uppercase; 
   text-overflow: ellipsis;
   white-space: nowrap;
}
#txtSearchModal{
  height: 35px !important;
  padding: 15px 0px 12px 30px !important;
}

@media screen and (min-width: 4880px) {
    .column-grid #bannerImage {
        height: 810px !important;
    }
}

@media screen and (max-width: 1680px) {
     .column-grid #bannerImage{
        height: 200px !important;
    }
}
@media screen and (max-width: 2880px) {
     .column-grid #bannerImage {
        height: 270px !important;
    }
}

@media screen and (max-width: 3880px) {
     .column-grid #bannerImage {
        height: 274px !important;
    }
}

@media screen and (min-width: 4880px) {
     .column-grid #bannerImage  {
        height: 810px !important;
    }
}

.button {
    border-color: transparent;
    background-color: #f8f8f8;
    color: #444;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 12px;
    min-width: 52px;
    min-height: 47px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    vertical-align: top;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 42px;
    cursor: pointer;
}
.header-style a:last-child{
    position: absolute;
    top: 8px;
    right: 20px;
    bottom: 5px;
}
.button.button-stable {
    border-color: transparent;
    background-color: #f8f8f8;
    color: #444;
}
.bar .button, .bar button {
    z-index: 1;
    padding: 0 8px;
    min-width: initial;
    min-height: 31px;
    font-weight: 400;
    font-size: 13px;
    line-height: 32px;
}
.title {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    margin: 0 10px;
    min-width: 30px;
    height: 43px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 500;
    line-height: 44px;
}

.modalRightBtn {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #4a92e1 !important;
    padding-right: 10px !important;
    background: transparent !important;
}
.header-style {
    background-color: #f5f5f5 !important;
    border-top-left-radius: 14px !important;
    border-top-right-radius: 14px !important;
}
.filterModalHeader {
    background: #ebebeb;
}

.projectSortOrder{
    width:30%; 
    float:left;
}

.projectFilterContainer{
    margin-top:40px;
}
.projectFilterContainerHeader{
    font-size:20px;
    color:#4a92e1!important;
}
.nav-tabs{
    border-bottom:0px;
    width: 63%;
    margin-left: auto
}
.nav-tabs > li{
    border: 1px solid #4a92e1 !important;
    height: 30px;
    width: 20%;
    text-align-last: center;
}
.nav-tabs > li:first-child{
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.nav-tabs > li:last-child{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.nav-tabs>li>a{
    margin-right: 0px;
    border-radius: 0px;
    padding-top: 6px;
}
.nav-tabs>li.active>a{
    border:0px;
}
.nav-tabs>li>a{
    border:0px;
    height:100%;    
    color:black;
}

.nav-tabs>li.active>a{
    background-color:#4a92e1 !important;
    color:white !important;
}

.nav-tabs>li:active{
    background-color: #4a92e1 !important;   
}
.nav-tabs>li>a:hover{
    background-color:inherit;
}

.tab-content{
    padding:0px;
}

#FilterContainer{
    margin-top:10px;
}
#SortTab{
    margin-top:15px;
}

.genericHeaderStyle{
     color:#4a92e1 !important;
     font-size: 17px !important;     
     font: inherit;
     font-weight: 600;
     margin-top: 10px;
     left: 23%;
     width: 50%;
}

.filterProject-percentComplete{
    margin-top: 43px !important;
}
.footerSession{
    font-size:12px !important;
}
.license{
        padding: 5px 0 0 0;
}
.footer_link{
    font-size:14px !important;
    cursor:pointer;
    color:#acacac !important;
}
.footer_link:hover{
    color:#0081e7 !important;
}
.socialIcon:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .socialIcon {
     -webkit-transform: scale(0.8);
     /* Browser Variations: */
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
     font-size: 2em !important;
 }
 #social-fb:hover {
     color: #3B5998;
 }
 #social-tw:hover {
     color: #4099FF;
 }
 #social-gp:hover {
     color: #d34836;
 }
 #social-em:hover {
     color: #f39c12;
 }
 .helpLink{
     font-size:15px;
     color:#7f7f7f;
 }
 .helpLink:hover{
       color:#3192e9;
 }
 .arrowIcons{
     color:#3192e9;
 }
 .textAlign{
     text-align:center;
 }
 .tabSpace{
     padding-left:40px !important;
 }

@media screen and (max-width: 767px) {
    
    .position {
        position: -webkit-sticky !important;
        position: sticky !important;
    }

}
@media screen and (max-width: 480px) {
    
    .position {
        position: -webkit-sticky !important;
        position: sticky !important;
    }
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
        border: 1px solid #4a92e1 !important;
}
.orionHelpContent {
    border: 1px solid #acacac;
    border-radius: 10px;
    text-align: center;
    margin: 0 auto;
    width: 25%;
    padding: 5px;
    top: 100px;
    height: auto;
    margin-top: 10px;
}
.footer-help-page {
    position: relative !important;
}

@media screen and (max-width: 600px) {
    .orionHelpContent {
        margin-top: 30px;
    }
}



@media screen and (min-width: 374px) and (min-height: 570px) {
    .footer-help-page {
        position: fixed !important;
    }
}

@media screen and (min-width: 400px) and (min-height: 656px) {
    .orionHelpContent {
        position: relative;
    }
}

    @media screen and (max-width: 770px) {
        .orionHelpContent {
            width: 55%;
        }
    }

    .orionhelpLink {
        font-size: 15px;
        color: #333;
    }

        .orionhelpLink:hover {
            color: #3192e9;
        }

    .inlineLinks {
        display: inline-block;
        text-align: left;
        margin-top: 25px;
    }

    .inlineAlignment {
        padding: 15px;
    }