.main-header strong{
    color: #fff;
     font-size: 22px;
     font-weight: 600;
}
.btn-custom{     padding: 9px 25px;
    line-height: normal;}
 .sign-up-wrrpaer{
    background: url(../images/sign-up-bg.jpg);
     background-repeat: no-repeat;
     background-size: cover;
    font-family: 'Roboto', sans-serif;
}
/*.login-wrrapar{
    background: url(../images/loginbg.jpg);
     background-repeat: no-repeat;
     background-size: cover;
}
*/
 .sign-up-wrrpaer .sign-up-inner{
     width: 500px;
     max-width: 100%;
     margin:0 auto;
    padding: 50px 0
}
 .sign-up-wrrpaer .sign-up-inner h2{
     color: #fff;
     text-align: center;
     font-size: 34px;
     font-weight: 600;
     margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
}
 .sign-up-wrrpaer .signup--form-wrap{
     background: rgba(0,0,0,0.6);
     padding: 25px;
    ;
}
 .sign-up-wrrpaer .head-form {
     text-align: center
}
 .sign-up-wrrpaer .head-form h3{
     color: #fff;
     font-size: 26px;
     margin-bottom: 20px;
}
 .sign-up-wrrpaer .head-form img{
     width: 178px;
     margin-bottom: 20px;
}
 .sign-up-wrrpaer .signup--form-wrap form .form-control{
    background: none;
     border: none;
     border-bottom: 1px solid #ebebeb;
     color: #fff;
    padding: 5px;
     height: 40px;
}
 .sign-up-wrrpaer .signup--form-wrap form .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #fff;
}
 .sign-up-wrrpaer .signup--form-wrap form .form-control::-moz-placeholder {
    /* Firefox 19+ */
     color: #fff;
}
 .sign-up-wrrpaer .signup--form-wrap form .form-control:-ms-input-placeholder {
    /* IE 10+ */
     color: #fff;
}
 .sign-up-wrrpaer .signup--form-wrap form .form-control:-moz-placeholder {
    /* Firefox 18- */
     color: #fff;
}
 .sign-up-wrrpaer .signup--form-wrap form .checkbox label {
    color: #fff;
}
 .signup--form-wrap form .checkbox [type=checkbox]+label:before, .signup--form-wrap form .checkbox [type=checkbox]:not(.filled-in)+label:after{
}
 .signup--form-wrap form .btn-success{
    background: #00bfec;
     border-radius: 0px;
     padding: 7px 40px;
     text-align: center ;
     color: #fff;
    font-size: 16px;
}
 .sign-up-wrrpaer .social-login{
     margin-top: 30px;
}
 .sign-up-wrrpaer .social-login .btn{
     padding:10px 15px 10px 45px ;
     border-radius: 0px;
    margin-bottom: 10px;
}
 .sign-up-wrrpaer .social-login .btn-facebook{
    background: #17233b;
}
 .sign-up-wrrpaer .social-login .btn-google{
    background: #611616;
}
 .sign-up-wrrpaer .social-login .btn-social>:first-child{
     border: none;
     left: 7px;
     top: 5px;
}
 .login-wrrapar .social-login .btn-social>:first-child {
     left: 6px;
     top: 0;
     padding-right: 6px;
    line-height: 40px;
}
 .login-wrrapar p a{
     color: #fff
}
 .login-wrrapar .social-login .btn {
     padding: 10px 31px 10px 45px;
}
 .login-wrrapar .form-group{
     padding-left: 30px;
}
 .login-wrrapar .email{
    background: url(../images/email.png);
     background-repeat: no-repeat;
     background-position: left;
     background-size: 20px;
}
 .login-wrrapar .pass{
    background: url(../images/password.png);
     background-repeat: no-repeat;
     background-position: left;
     background-size: 20px;
}
 .login-wrrapar .send-btn{
    text-align: center;
     margin-top: 15px;
}
 .login-wrrapar .social-login{
     border-bottom: 1px solid #ccc;
     border-top: 1px solid #ccc;
     padding-top: 25px;
}
 .login-wrrapar p.reg-now {
    color: #fff;
     font-size: 16px;
     text-align: center;
     margin-top: 15px;
}
 .login-wrrapar p.reg-now a{
    color: #00ceff
}
 .login-wrrapar .social-login p{
    color: #fff;
     font-size: 16px;
}
 .login-wrrapar .social-login{
    text-align: center
}
 .login-wrrapar .social-login .btn{
    display: inline-block
}
 .login-wrrapar .social-login .btn-twitter{
    background: #00bfec;
}
 .login-wrrapar .social-login .btn-facebook{
    background: #3b5999;
}
 .login-wrrapar .social-login .btn-google{
    background: #f93535;
}
 .login-wrrapar .social-login .btn-social>:first-child{
}

/***********/

.message-div hr{margin: 15px auto}
.message-div h4{ color: #000;}
.message-div  p {color: #000;}
.message-div .box-header p{ margin: 0px;}
.message-div .box-header p strong{font-weight: 600;}
/*****calnderpage- design *************/
 #calendar .fc-view-container{
    border-left:1px solid #ddd;
     border-right: 1px solid #ddd
}
 #calendar .fc-view-container th.fc-day-header {
     background: none;
     font-weight: 600;
}
 .add-event-section form input, .add-event-section fornselect{
     height: 50px;
     background: #f7f8fa;
    border: 1px solid #f3f3f3
}
 .add-event-section .input-group .input-group-addon{
    background:#f7f8fa;
     border-right: none;
    border-color: #f3f3f3
}
 .add-event-section .input-group input.form-control{
     border-left: none;
}
 .add-event-section form textarea{
    height: 150px;
    background: #f7f8fa ;
    border: 1px solid #f3f3f3
}
 .add-event-section .select2 .select2-selection ,.add-event-section .select2 .select2-selection__rendered {
     height: 50px;
     line-height:44px;
    background: #f7f8fa ;
    overflow: hidden
}
 .add-event-section .select2 .select2-selection {
    border: 1px solid #f3f3f3
}
 .add-event-section .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 46px;
}
 .add-event-section .customfile-sec{
    overflow: hidden;
}
 .add-event-section .customfile-sec input{
    font-size: 0px;
     background: url(../images/upload-bg.png);
     height: 220px;
     width: 220px;
    background-size: cover;
     text-indent: -35px;
}
 .add-event-section form input.btn {
    background: #004661;
     border-radius: 0px;
     border: none;
    font-size: 20px;
     padding: 10px 50px;
}
 .rsvp li a i {
     display: none;
}
 .rsvp li.rsvp-active a i {
     display: inline;
}
/************profile page ************/
 .profile-page-section .nav-tabs-custom .nav-tabs li{
    margin:0 0 -1px 0px;
}
 .profile-page-section .nav-tabs-custom .nav-tabs li a:hover,.profile-page-section .nav-tabs-custom .nav-tabs li a.active{
    border-bottom: 1px solid #006ebc;
     color: #20a9df
}
 .profile-page-section .nav-tabs-custom .nav-tabs li a{
    border-top:none;
    border-left:none;
     border-right:none;
     border-bottom: 1px solid rgba(0,0,0,0);
     padding: 15px 30px;
     font-size: 17px;
}
 .profile-page-section ul.about-list{
     list-style: none;
     margin-top: 30px;
}
 .profile-page-section ul.about-list li{
    padding-left: 36px;
     position: relative
}
 .profile-page-section ul.about-list li:before{
     position: absolute;
     left: 0;
    top: -4px;
     font-family:FontAwesome;
     font-size: 24px;
}
 .profile-page-section ul.about-list li h3{
     color: #000;
     font-size: 24px;
     margin-top: 0px;
     margin-bottom: 20px;
     text-transform: uppercase
}
 .profile-page-section ul.about-list li p{
    color: #000;
     font-size: 16px;
     margin-bottom: 20px;
    font-weight: 200
}
 .profile-page-section ul.about-list li p strong{
     font-size: 18px;
    text-transform: uppercase;
     font-weight: 400
}
 .profile-page-section ul.about-list li.about-icon:before{
     content:"\f2b9"
}
 .profile-page-section ul.about-list li.social-icon:before{
    content: "\f007"
}
 .profile-page-section ul.about-list li.sortinfo-icon:before{
     content: "\f05a"
}
 .profile-page-section .social-info ,.profile-page-section .about-info,.profile-page-section .sortinfo-icon{
    margin-bottom: 20px;
}
 .profile-page-section .sortinfo-icon p{
     line-height: 28px;
     font-weight: 200
}
 .profile-page-section .photogallery #gallery-content-center a{
     margin-bottom: 15px;
     display: block;
}
/************discussion page ************/
 .all-descusion .event-butns ul{
    list-style: none;
     padding: 0px;
     margin: 0px;
    float: right
}
 .all-descusion .event-butns ul li a{
     padding: 5px 20px;
     background: #00acc1;
     color: #fff;
     font-size: 15px;
    display: inline-block;
}
 .all-descusion .event-butns ul li ul.dropdown-menu {
    margin: 0px;
    padding: 0px;
}
 .all-descusion .event-butns ul li ul.dropdown-menu li{
     padding: 0px;
     margin: 0px;
}
 .all-descusion .event-butns ul li ul.dropdown-menu li a{
     background: none;
     color:#00acc1;
     display: block;
     padding:6px 8px;
}
 .discussionsec .discussion-box .row{
     margin: 0px;
}
 .discussionsec .discussion-box{
     padding: 10px;
     background: #fff;
     box-shadow: 0 0 3px #ccc;
     margin-bottom: 20px;
}
.main-taskbox-outer.discussion-box{ border-left: 4px solid #0000ff }
.main-taskbox-outer  .cuatombtton-group{margin-top: 20px; }
.main-taskbox-outer  .cuatombtton-group button.btn.btn-info{ margin-left: 0px;  }
.tasklistpage   .cuatombtton-group button.btn ,.tasklistpage   .cuatombtton-group  a.tasks-edit{  margin: 0px 8px;
    height: 34px;
    border: none; border-radius: 0px;
    outline: none;
    -webkit-appearance: none;}

  .tasklistpage  h3 i.groupicon{ height: 30px; width: 30px;border-radius: 100%; background: #fff; font-size: 16px; text-align:center; line-height: 28px; }

.tasklistpage  .custom-add-task  .multiselctcs .multiselect.btn{
     height: 50px;
    color: #455a64;
    border-radius: 0;
    border: none;}
.tasklistpage  .inner-heading{ margin: 0px;  }
.tasklistpage .meta-info {    padding: 0; margin-bottom:0px;}
.tasklistpage .meta-info i{ color: #004661 }
.tasklistpage .meta-info span{ color: #000; font-size: 14px;  }
.tasklistpage  .status-box p{ font-size: 16px }
.tasklistpage   .status-box p strong{ font-weight: 600; }

  .tasklistpage   #taskeditpopup select.blockselect{height: 40px; background: none; border: 1px solid #d2d6de;width: 100%; }

.main-taskbox-outer .custom-add-task .multiselctcs .multiselect.btn:after{margin-left: 0pc;}
iframe.popupframe body .row .col-md-2.col-sm-6 {-ms-flex: 0 0 50%;
        flex: 0 0 50%;width: 50%;
    max-width: 50%;}
.main-taskbox-outer .tasktitlemain {
    margin: -10px -10px 15px;
    padding: 10px;
    background: #ecf4ff;
}
 .discussionsec .discussion-box .dis-mem-profile {
    text-align: left
}
 .discussionsec .discussion-box .dis-mem-profile h4{
     font-size: 14px;
     float: left;
     margin:12px 10px 0;
    color: #004661;
}
 .discussionsec h3 {
    margin-bottom: 15px
}
 .discussionsec h3 a{
     font-size: 22px;
     color: #004661
}
 .discussionsec .discussion-box .dis-detail p{
     line-height: 26px;
     font-size: 14px;
     color: #000 ;
    float: left
}
 .discussionsec .discussion-box .all-descuiondetail img{
    margin: 0;
     width: 50px;
     box-shadow: 0 2px 2px 0 rgba(169, 169, 169, .14), 0 3px 1px -2px rgba(169, 169, 169, .2), 0 1px 5px 0 rgba(169, 169, 169, .12);
     float: left;
}
 .discussionsec .discussion-box .all-descuiondetail .dis-detail{
    float: left;
     margin-top: 12px;
     margin-left: 10px;
}
 .discussionsec .discussion-box .all-descuiondetail .dis-detail .badge{
    display: inline-block;
    padding: 5px 21px;
}
 .discussionsec .discussion-box .dis-detail .comeent-tag{
    text-align: right;
     margin-left: 20px;
    float: left
}
 .discussionsec .pagination li.disabled span{
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     display: inline-block;
     min-width: 25px;
     padding: .4em 1em;
     margin: 0 3px;
     text-decoration: none;
     cursor: pointer;
     color: #00acc1;
     border: 1px solid transparent;
     border-radius: 2px;
}
 .discussionsec .pagination li a{
    color:#00acc1
}
 .discussionsec .pagination li a:hover, .discussionsec .pagination li.active span {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     display: inline-block;
     min-width: 25px;
     padding: .4em 1em;
     margin: 0 3px;
     text-decoration: none;
     cursor: pointer;
     color: #fff;
     border: 1px solid transparent;
     border-radius: 2px;
     background: #00acc1!important
}
 .pagination li.disabled span{
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     display: inline-block;
     min-width: 25px;
     padding: .4em 1em;
     margin: 0 3px;
     text-decoration: none;
     cursor: pointer;
     color: #00acc1;
     border: 1px solid transparent;
     border-radius: 2px;
}
 .pagination li a{
    color:#00acc1
}
 .pagination li a:hover, .pagination li.active span {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     display: inline-block;
     min-width: 25px;
     padding: .4em 1em;
     margin: 0 3px;
     text-decoration: none;
     cursor: pointer;
     color: #fff;
     border: 1px solid transparent;
     border-radius: 2px;
     background: #00acc1!important
}
 .recentlist{
     margin-top: 30px;
}
 .discussionsec .discussion-box .dis-detail .comeent-tag p a{
     color: #656565
}
 ul.c-list.directors-list li {
    padding: 10px;
     border-bottom: 1px solid #ccc;
}
 ul.c-list.directors-list li:last-child{
    border: none;
}
 ul.mpack-list {
    padding: 10px 0
}
 ul.mpack-list li{
     padding: 0 5px;
}
 ul.mpack-list li .mpack-detail img{
     border: 4px solid #ccc
}
/****--------add discusion-----------*/
 .adddiscussion .add-event-form input, .theme-input, .adddiscussion .add-event-form select.theme-input, select.form-control.theme-input{
     height: 50px;
     background: #f7f8fa;
     border: 1px solid #f3f3f3;
}

select.form-control.theme-input{height: 50px !important;}

.theme-input, .adddiscussion .add-event-form select.theme-input{

     background: #f7f8fa url(../images/ar1.png) no-repeat 98% center;
	background-size: 2% auto;

}



 .adddiscussion .add-event-form input.btn, .theme-input input.btn {
     background: #004661;
     border-radius: 0px;
     border: none;
     font-size: 20px;
     padding: 10px 50px;
}

 .adddiscussion .add-event-form .optionBox label , .add-event-section .optionBox label{
     font-size: 15px;
}
 .adddiscussion .add-event-form .optionBox .block,.add-event-section .optionBox .block {
     padding: 10px;
     border-top: 1px solid #ccc;
}
 .adddiscussion .add-event-form .optionBox .block .popup_selector{
     background: #004661;
     border-radius: 0px;
     border: none;
     font-size: 14px;
     padding: 11px 27px;
     display: inline-block;
     color: #fff;
}
 .adddiscussion .add-event-form .optionBox .block .popup_selector i{
    margin-left: 8px;
}
 .adddiscussion .add-event-form .optionBox .block input {
    background: none;
     border: none;
     height: auto;
     width: 65%;
}
 .adddiscussion .add-event-form .optionBox .block .add-block {
     text-align: center
}
 .adddiscussion .add-event-form .optionBox .block .add-block span.add{
     border-radius: 25px;
     background-color: #33bf7a;
     border: none;
     height: 39px;
     width: 39px;
     margin: 0 auto;
     font-size: 30px;
     text-align: center;
     line-height: 40px;
     cursor: pointer;
     padding: 0px;
     display:block;
     color: #fff;
}
 .mp-block .add-block {
     text-align: center;
     padding: 10px;
}
 .mp-block .add-block span.add-pack{
     border-radius: 25px;
     background-color: #33bf7a;
     border: none;
     height: 39px;
     width: 39px;
     margin: 0 auto;
     font-size: 30px;
     text-align: center;
     line-height: 40px;
     cursor: pointer;
     padding: 0px;
     display:block;
     color: #fff;
}
 .adddiscussion .add-event-form .optionBox .block span.remove {
     float: right;
     border-radius: 8px;
     background-color: #ff5722;
     border: none;
     font-size: 20px;
     text-align: center;
     line-height: 34px;
     cursor: pointer;
     padding: 2px 18px;
     display: inline-block;
     color: #fff;
     margin-top: 4px;
}
 .adddiscussion .add-event-form .optionBox .block .popup_selector i{
    margin-left: 8px;
}
 .add-event-section .optionBox input {
    background: none;
     border: none;
     height: auto;
     width: 65%;
}
 .add-event-section .optionBox .add-block {
     text-align: center
}
 .add-event-section .optionBox .add-block span.add{
     border-radius: 25px;
     background-color: #33bf7a;
     border: none;
     height: 39px;
     width: 39px;
     margin: 0 auto;
     font-size: 30px;
     text-align: center;
     line-height: 40px;
     cursor: pointer;
     padding: 0px;
     display:block;
     color: #fff;
}
 .add-event-section .optionBox .block span.remove {
     float: right;
     border-radius: 8px;
     background-color: #ff5722;
     border: none;
     font-size: 20px;
     text-align: center;
     line-height: 34px;
     cursor: pointer;
     padding: 2px 18px;
     display: inline-block;
     color: #fff;
     margin-top: 4px;
}
 .add-event-section .optionBox .popup_selector{
     background: #004661;
     border-radius: 0px;
     border: none;
     font-size: 14px;
     padding: 11px 27px;
     display: inline-block;
     color: #fff;
}
 .single-discussion .dicusion-btn{
    text-align: right;
     padding-right: 10px;
}
 .single-discussion .dicusion-btn ul{
     list-style: none;
     padding: 0px;
}
 .single-discussion .dicusion-btn ul li {
     list-style: none;
     display: inline-block;
}
 .single-discussion .dicusion-btn ul li a {
     padding:7px 20px;
     background: #00acc1;
     color: #fff;
     font-size: 15px;
     box-shadow: none;
     cursor: pointer;
    display: inline-block;
}
 .single-discussion .all-descuiondetail{
    margin-bottom: 15px;
}
 .single-discussion .discussion-box .discusiondetail p{
    display: block;
    float: none;
}
 .single-discussion .discusiondetail .image-gallery .img-inner{
     background: #f2f2f2;
     padding: 4px;
}
 .single-discussion .discusiondetail .image-gallery .img-inner a{
     display: block
}
 .single-discussion .discusiondetail .image-gallery .img-inner img{
     width: 100%;
}
 .single-discussion .discusiondetail .image-gallery .col-sm-1{
    padding-left: 5px ;
     padding-right: 5px;
}
 .single-discussion .dicusion-btn ul li a:hover{
    color: #fff;
}
 .single-discussion input.btn {
     background: #004661;
     border-radius: 0px;
     border: none;
     font-size: 20px;
     padding: 10px 50px;
}
 .single-meeting .comentbox .col-sm-12{
     padding: 0px;
}
 .single-meeting .comentbox .delbtn {
    text-align: right;
     display: block;
     width: 100%;
}
 .single-meeting .comentbox a.btn {
     margin-right: 15px;
     background: #ff5722;
     text-align: center;
     color: #fff;
     padding:8px 25px;
     font-size: 14px;
     border: none;
     box-shadow: none;
     border-radius: 0px;
}
 .single-meeting .comentbox .dicussion-reply{
     padding: 15px;
     margin-bottom: 20px;
}
 .rsvp{
    margin-bottom: 15px;
}
 .rcvpinner{
     padding: 10px;
}
 .rsvp h4.yes ,.rsvpoption ul.rsvplist li p.yes{
     color: #26c6da
}
 .rsvp h4.no, .rsvpoption ul.rsvplist li p.no {
    color: #fa8181
}
 .rsvp h4.maybe,.rsvpoption ul.rsvplist li p.maybe {
    color: #fcc525
}
 .rsvpoption ul.rsvplist{
    list-style: none;
     padding: 0px;
}
 .rsvpoption ul.rsvplist li{
    padding:10px;
     font-size: 15px;
     color: #000;
     background: #fafafa;
     border-bottom: 1px solid #f2f2f2;
}
 .rsvpoption ul.rsvplist li h4 p {
     display: inline-block;
     float: right;
     margin: 0px;
}
 .rsvpoption ul.rsvplist li h4 {
     margin: 0px;
}
 .discussionsec .discussion-box.innerdb{
}
 .taskbox-inner{
     padding:10px;
     background: #fafafa;
     margin-left: 30px;
     width: 100%;
}
 .tasklistpage ul.nav-eve-list{
     list-style: none;
    padding: 0px;
}
 .tasklistpage ul.nav-eve-list li a{
     display: block
}
 .tasklistpage ul.nav-eve-list li a:hover{
     background: none;
}
 .tasklistpage h3 a{
     text-transform: capitalize
}
 .tasklistpage ul.top-action-button li ul.dropdown-menu li{
    display: block;
     margin: 0px;
     padding: 0px;
}
 .tasklistpage ul.top-action-button li ul.dropdown-menu li a{
     display:block
}
 .tasklistpage .discussion-box .discussion-box{
     border: none;
     box-shadow: none;
     padding: 0px
}
 .tasklistpage .discussion-box form textarea{
     margin-bottom: 15px;
}
 .tasklistpage .discussion-box form input, .tasklistpage .discussion-box select {
     height: 50px;
     background: #f7f8fa;
     border: 1px solid #f3f3f3;
     width: 100%;
}
 .tasklistpage .discussion-box form label{
     display: block;
     font-size: 15px;
     color: #000;
}
 .tasklistpage .discussion-box form input.btn {
     display: inline-block;
     border: none;
     border-radius: 0px;
     margin-left: 5px;
    background: #004661 ;
     color: #fff;
     margin-top: 16px;
    width: auto
}
 .tasklistpage .discussion-box form input.btn.btn-success{
     background: #8bc34a
}
 .tasklistpage button.del{
    background: #ff5722;
     color: #fff;
     border: none;
     padding: 8px 15px;
     margin-bottom: 20px;
}
 .tasklistpage a.tasks-edit{
    background: #004661;
     color: #fff;
     border: none;
     padding: 8px 15px;
     margin-bottom: 20px;
}
 .tasklistpage h2,.tasklistpage h2 a{
     font-size: 18px;
     text-transform: capitalize;
     color: #000;
}
 .tasklistpage .modal-danger .modal-header h4{
    color: #fff;
     font-size: 18px;
}
 .side-wedget{
     margin-bottom: 15px;
    border: 1px solid #ccc;
}
 .side-wedget h3{
    padding: 10px;
     color:#fff;
     background:#26c6da;
     font-size: 18px;
     margin: 0px;
}
 .side-wedget ul.agenda-list {
    padding: 0px;
     list-style: none
}
 .side-wedget ul.agenda-list li{
     border-bottom: 1px solid #ccc;
     padding-bottom: 10px;
     margin-bottom: 10px;
}
 .side-wedget ul.agenda-list li:last-child{
    border: none;
}
 .side-wedget ul.agenda-list li .agenda-detail{
     padding: 10px;
}
 .side-wedget ul.agenda-list li .agenda-detail h4{
     font-size: 16px;
     color: #000;
     margin-bottom: 0px;
}
 .side-wedget ul.agenda-list li .agenda-detail a.btn{
     float: right;
     color: #ff5722;
     padding: 0px;
    font-size: 19px;
}
 .side-wedget ul.agenda-list li .agenda-detail small p {
     display: inline-block;
    margin-bottom: 0px;
}
 .ekko-lightbox .modal-header.hide{
    display: block!important
}
 .ekko-lightbox .modal-header.hide .modal-title{
     display: none;
}
 .comments .comments-section{
     padding: 10px 0;
     margin-bottom: 15px;
     border: 1px solid #f2f2f2;
     background: #fafafa;
     border-radius: 10px;
}
 .comments .comments-section .commentsimg img{
    border-radius: 0px;
    margin: 0px;
}
 .single-discussion .optionBox label{
     font-size: 15px;
}
 .single-discussion .optionBox .block {
     padding: 10px;
     border-top: 1px solid #ccc;
}
 .single-discussion .optionBox .block .popup_selector{
     background: #004661;
     border-radius: 0px;
     border: none;
     font-size: 14px;
     padding: 11px 27px;
     display: inline-block;
     color: #fff;
}
 .single-discussion .optionBox .block .popup_selector i{
    margin-left: 8px;
}
 .single-discussion .optionBox .block input {
    background: none;
     border: none;
     height: auto;
     width: 65%;
}
 .single-discussion .optionBox .block .add-block {
     text-align: center
}
 .single-discussion .optionBox .block .add-block span.add{
     border-radius: 25px;
     background-color: #33bf7a;
     border: none;
     height: 39px;
     width: 39px;
     margin: 0 auto;
     font-size: 30px;
     text-align: center;
     line-height: 40px;
     cursor: pointer;
     padding: 0px;
     display:block;
     color: #fff;
}
 .single-discussion .optionBox .block span.remove {
     float: right;
     border-radius: 8px;
     background-color: #ff5722;
     border: none;
     font-size: 20px;
     text-align: center;
     line-height: 34px;
     cursor: pointer;
     padding: 2px 18px;
     display: inline-block;
     color: #fff;
     margin-top: 4px;
}
 .all-descusion .modal-danger .modal-header , .single-discussion .modal-primary .modal-header {
    background:#2e7394;
    border: none
}
 .all-descusion .modal-danger .modal-footer, .all-descusion .modal-danger .modal-body , .single-discussion .modal-primary .modal-footer, .single-discussion .modal-primary .modal-body {
    background: #fff!important;
    border: none
}
 .all-descusion .modal-danger .modal-body h2, .single-discussion .modal-primary .modal-body h2{
     color: #000
}
 .all-descusion .modal-danger .modal-footer form, .single-discussion .modal-primary .modal-footer form{
     float: right
}
 .all-descusion .modal-danger .btn , .single-discussion .modal-primary .btn {
    background: #2e7394;
     color: #fff;
     border: none;
     padding: 10px 25px;
     font-size: 15px;
}
 .all-descusion .modal-danger form .btn, .single-discussion .modal-primary form .btn {
    background: #ff5722
}
 .modal-primary .modal-header {
    background:#2e7394;
    border: none
}
 .modal-primary .modal-footer, .modal-primary .modal-body {
    background: #fff!important;
    border: none
}
 .modal-primary .modal-body h2{
     color: #000
}
 .modal-primary .modal-footer form{
     float: right
}
 .modal-primary .btn {
    background: #2e7394;
     color: #fff;
     border: none;
     padding: 10px 25px;
     font-size: 15px;
}
 .modal-primary form .btn {
    background: #ff5722
}
 a.delbtrn {
     padding: 12px 34px;
     background: #e00505;
     color: #fff;
     font-size: 15px;
     box-shadow: none;
     cursor: pointer;
     display: inline-block;
     float: right;
     outline: none;
     border: none;
     border-radius: 0px;
}
 .meetingpage .optionBox label{
     font-size: 15px;
}
 .meetingpage .optionBox .input-group-addon{
     border: none;
}
 .meetingpage.adddiscussion .add-event-form .optionBox .block span.remove {
     margin-top: -34px;
    z-index: 9999999;
     position: relative;
}
 .meetingpage .recentlist .lis-eve-inner{
     padding: 10px;
}
 #cboxOverlay{
     position: fixed;
     top: 0px;
     left: 0px;
     background: rgba(0,0,0,0.4);
     height: 100%;
     width: 100%;
     z-index: 99999
}
 #colorbox{
    left: 50%!important;
     top: 50%!important;
     transform: translate(-50%, -50%)!important;
     z-index: 99999999999;
     position: fixed!important;
}
 #cboxWrapper #cboxContent #cboxLoadedContent iframe{
     width: 100%;
     height: 420px;
}
 #cboxWrapper #cboxContent #cboxLoadedContent{
    height: 427px!important;
}
 #cboxWrapper #cboxContent #cboxClose{
     background-color: #004661;
     padding: 6px 18px;
    display: inline-block;
     color: #fff;
     font-size:14px;
     border: none;
}
 .doc-center-wrap .sor-chk{
    float: left;
     margin-bottom: 0px;
     height: 19px;
     font-size: 0px;
     padding-left: 18px;
}
 .doc-center-wrap table th{
     font-size: 14px;
     font-weight: 400;
}
 .doc-center-wrap table td.filename a i{
    color: #3acccc;
     margin-right: 5px;
}
 .doc-center-wrap table td.filename a i.fa-folder{
    color: #fde66b
}
 .doc-center-wrap table td.filename a {
     color: #000;
     font-size: 14px;
}
 .doc-center-wrap table td {
     font-weight: 500;
     font-size: 14px;
     color: #000
}
 .doc-center-wrap .file-infowrap {
     border-bottom: 1px solid #f3f3f3;
}
 .doc-center-wrap .file-infowrap ,.doc-center-wrap .file-infowrap-table{
    padding: 15px;
}
 .doc-center-wrap .col-lg-3 {
     border: 1px solid #f3f3f3
}
 .doc-center-wrap .col-lg-9{
     border-top: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3
}
 .doc-center-wrap .folder-structure {
    margin-top: 15px;
}
 .doc-center-wrap .btn_section{
     padding: 10px 0 20px;
}
 .doc-center-wrap .btn_section button.btn {
     border-radius: 0px;
     padding: 10px 30px;
    border: none;
}
 .doc-center-wrap .btn_section button.btn i {
     margin-right: 8px;
}
 .doc-center-wrap .btn_section button.upload{
    background: #2e81cf
}
 .doc-center-wrap .btn_section button.down{
    background: #2db730
}
 .doc-center-wrap .btn_section button.new-folder{
    background: #edcf31
}
 .file-tree{
     color:inherit
}
 .file-tree a{
     color:inherit;
     text-decoration:none
}
 .file-tree a:hover{
     color:inherit
}
 .file-tree .placeholder{
     margin-left:10px!important;
     border:1px solid #428bca
}
 .file-tree ol.tree{
     padding:0;
     margin:0;
     list-style-type:none;
     border-left:none
}
 .file-tree ol.tree ol{
     padding:0;
     margin:0 0 0 30px;
     list-style-type:none
}
 .file-tree ol.tree li{
     position:relative;
     padding:0;
     margin:0
}
 .file-tree ol.tree li div{
     margin:0;
     line-height:26px;
     cursor:pointer
}
 .file-tree ol.tree li.folder>div>span{
     padding-right:8px;
     padding-left:15px;
     cursor:pointer
}
 .file-tree ol.tree li.folder>div>span:before{
     font-family:'Glyphicons Halflings';
     content:"\e117";
     color: #f9e05b
}
 .file-tree ol.tree li.folder.mjs-nestedSortable-expanded>div>span:before{
     font-family:'Glyphicons Halflings';
     content:"\e118"
}
 .file-tree ol.tree li.folder.selected>div{
     color:#fff;
     background:#428bca
}
 .file-tree ol.tree li.file>div>a>span,.file-tree ol.tree li.file>div>span{
     padding-right:8px
}
 .file-tree ol.tree li.file>div>a>span:before,.file-tree ol.tree li.file>div>span:before{
     padding-left:15px;
     font-family:'Glyphicons Halflings';
     content:"\e022"
}
 .file-tree ol.tree li.file.selected>div{
     color:#fff;
     background:#428bca
}
 .file-tree ol.tree li.mjs-nestedSortable-collapsed>ol{
     display:none
}
 .file-tree.sortable ol.tree li.file>div>a>span,.file-tree.sortable ol.tree li.file>div>span,.file-tree.sortable ol.tree li.folder>div>span{
     cursor:move
}
 .eventlist-page ul.top-action-button{
     list-style: none;
     padding: 0px;
     margin: 0px;
}
 .eventlist-page ul.top-action-button li{
     list-style: none ;
    display: inline-block;
     margin-left: 10px;
}
 .eventlist-page ul.top-action-button li.filter-active a ,.eventlist-page ul.top-action-button li:hover a{
    background: #045761;
     border: 1px solid #045761;
     color: #fff
}
 .eventlist-page ul.top-action-button li a{
     padding: 5px 15px;
     border: 1px solid #ccc;
     color: #000
}
 .eventlist-page .event-date{
     margin-left: 10px;
     margin-right: 10px;
    text-align: center;
    padding: 8px;
     background: #00acc1;
}
 .eventlist-page .event-date h3.day{
     margin: 0px;
     padding: 10px;
     color: #fff;
     font-size: 33px;
     font-weight: 600;
}
 .eventlist-page .event-date h4.mnth{
     padding: 20px;
     color: #00acc1;
     margin: 0px;
     background: #fff
}
 .evelst-wrap .lis-eve-inner{
     margin-bottom: 15px;
     padding: 10px 0;
    border: 1px solid #f2f2f2;
}
 .evelst-wrap .event-butns {
     text-align: right;
     padding-right: 10px;
}
 .evelst-wrap .event-butns ul.nav-eve-list {
     list-style: none ;
     padding: 0px;
}
 .evelst-wrap .event-butns ul.nav-eve-list li{
     list-style: none;
    display: inline-block;
}
 .evelst-wrap .event-butns ul.nav-eve-list li a{
     padding: 5px 20px;
     background: #00acc1;
     color: #fff;
     font-size: 15px;
}
 .evelst-wrap .event-butns ul.nav-eve-list li ul li{
     display: block;
     margin: 0px;
}
 .evelst-wrap .event-butns ul.nav-eve-list li ul li a{
     display:block;
    background:none;
     color: #00acc1;
    padding: 5px 10px;
}
 .evelst-wrap .event-butns ul.nav-eve-list li ul li a.del{
     background: none;
     border: none;
}
 .eventlist-page .eve-detail .title-eve {
     margin-bottom: 15px;
}
 .eventlist-page .eve-detail .title-eve a{
    font-size: 26px;
    text-transform: capitalize ;
    color: #000;
}
 .eventlist-page .modal-danger .modal-header {
    background:#2e7394;
    border: none
}
 .eventlist-page .modal-danger .modal-footer, .eventlist-page .modal-danger .modal-body {
    background: #fff!important;
    border: none
}
 .eventlist-page .modal-danger .modal-body h2{
     color: #000
}
 .eventlist-page .modal-danger .modal-footer form{
     float: right
}
 .eventlist-page .modal-danger .btn {
    background: #2e7394;
     color: #fff;
     border: none;
     padding: 10px 25px;
     font-size: 15px;
}
 .eventlist-page .modal-danger form .btn {
    background: #ff5722
}
/************Event Deatil Page***************/
 .eventdetail-page ul.top-action-button{
     list-style: none;
     padding: 0px;
     margin: 0px;
}
 .eventdetail-page ul.top-action-button li{
     list-style: none ;
    display: inline-block;
     margin-left: 10px;
}
 .eventdetail-page ul.top-action-button li a ,.eventdetail-page ul.top-action-button li:hover a{
    background: #045761;
     border: 1px solid #045761;
     color: #fff
}
 .eventdetail-page ul.top-action-button li a{
     padding: 6px 15px;
     border: 1px solid #ccc;
     color: #000;
     background: none;
     display: block;
}
 .eventdetail-page .event-date{
     margin-left:0px;
     margin-right: 10px;
    text-align: center;
    padding: 8px;
     background: #00acc1;
}
 .eventdetail-page .event-date h3.day{
     margin: 0px;
     padding: 10px;
     color: #fff;
     font-size: 33px;
     font-weight: 600;
}
 .eventdetail-page .event-date h4.mnth{
     padding: 20px;
     color: #00acc1;
     margin: 0px;
     background: #fff
}
 .eventdetail-page .lis-eve-inner{
     margin-bottom: 15px;
     padding: 10px 0;
    border: 1px solid #f2f2f2;
}
 .eventdetail-page .event-butns {
     text-align: right;
     padding-right: 10px;
}
 .eventdetail-page .event-butns ul.nav-eve-list {
     list-style: none ;
     padding: 0px;
}
 .eventdetail-page .event-butns ul.nav-eve-list li{
     list-style: none;
    display: inline-block;
}
 .eventdetail-page .event-butns ul.nav-eve-list li a{
     padding: 5px 20px;
     background: #00acc1;
     color: #fff;
     font-size: 15px;
}
 .eventdetail-page .event-butns ul.nav-eve-list li ul li{
     display: block;
     margin: 0px;
}
 .eventdetail-page .event-butns ul.nav-eve-list li ul li a{
     display:block;
    background:none;
     color: #00acc1;
    padding: 5px 10px;
}
 .eventdetail-page .event-butns ul.nav-eve-list li ul li a.del{
     background: none;
     border: none;
}
 .eventdetail-page .eve-detail .title-eve {
     margin-bottom: 15px;
}
 .eventdetail-page .eve-detail .title-eve a{
    font-size: 26px;
    text-transform: capitalize ;
    color: #000;
}
 .eventdetail-page .modal-primary .modal-header {
    background:#2e7394;
    border: none
}
 .eventdetail-page .modal-primary .modal-footer, .eventdetail-page .modal-primary .modal-body {
    background: #fff!important;
    border: none
}
 .eventdetail-page .modal-primary .modal-body h2{
     color: #000
}
 .eventdetail-page .modal-primary .modal-footer form{
     float: right
}
 .eventdetail-page .modal-primary .btn {
    background: #2e7394;
     color: #fff;
     border: none;
     padding: 10px 25px;
     font-size: 15px;
}
 .eventdetail-page .modal-primary form .btn {
    background: #ff5722
}
 .eventdetail-page .row.desctabsection .nav-tabs {
    border: none
}
 .eventdetail-page .row.desctabsection .nav-tabs .nav-item a{
     color: #000;
     font-size: 15px;
     background: #f7f7f7;
}
 .eventdetail-page .row.desctabsection .nav-tabs .nav-item a.nav-link.active {
    color: #fff;
     border-bottom-color: #00acc1;
     background-color: #00acc1;
}
 .eventdetail-page .row.desctabsection{
     margin-left: 0px;
     margin-top: 30px;
}
 .eventdetail-page .row.desctabsection .tab-content {
    padding: 15px;
}
 .eventdetail-page .sidebar{
     border-top: 0px;
}
 .eventdetail-page .sidebar .sdiebar-weget{
     background: #fff;
     border: 1px solid #ccc;
     margin-bottom: 15px;
}
 .eventdetail-page .sidebar .sdiebar-weget h5{
     font-size: 17px;
     font-weight: 600;
     color: #fff;
    padding:8px 14px;
     background-color: #00acc1;
}
 .eventdetail-page .sidebar .sdiebar-weget .wdget-detail{
    padding: 10px;
}
 .discussionsec .title-rsvp {
     padding: 10px
}
 .discussionsec .title-rsvp strong{
     line-height: 22px;
     margin-right: 5px;
     font-size: 18px;
}
 .discussionsec .title-rsvp h4{
     display: inline-block
}
 .eventdetail-page .sidebar .sdiebar-weget .wdget-detail ul.rsvp{
    list-style: none ;
    padding: 0px;
     margin: 0px;
}
 .eventdetail-page .sidebar .sdiebar-weget .wdget-detail ul.rsvp li{
     margin-bottom: 5px;
     list-style: none;
}
 .eventdetail-page .sidebar .sdiebar-weget .wdget-detail p, .eventdetail-page .sidebar .sdiebar-weget .wdget-detail ul.rsvp li a{
     font-size: 14px;
}
 .eventdetail-page .sidebar .sdiebar-weget .wdget-detail ul.rsvp li a{
    padding:6px;
     display: inline-block
}
 .eventdetail-page .sidebar .sdiebar-weget .wdget-detail ul.user-pro {
    list-style: none;
    padding-left: 0px;
     margin: 0px;
}
 .eventdetail-page .sidebar .sdiebar-weget .wdget-detail ul.user-pro li .userpro-list-wrap{
     background: #f7f7f7;
     padding: 5px;
     border-radius: 6px;
     text-align: center;
}
 .eventdetail-page .tab-content > .active{
    opacity: 1;
}
 .eventdetail-page .sidebar .sdiebar-weget .wdget-detail ul.user-pro li .userpro-list-wrap h4{
     margin: 0px;
     padding: 4px 0 ;
     font-size: 14px;
}
/**************organiztion page ***********/
 .organiztionheader{
    text-align: center;
}
 .organiztionheader{
     padding: 40px;
}
 .organiztionheader h2{
    font-size: 24px;
     color: #000
}
 .organiztionheader p{
     font-size: 15px;
     line-height: 26px;
     color: #333
}

 .adddiscussion .createbtn {text-align:center; margin-bottom:10px;}
 .organiztionheader a.create,.adddiscussion .createbtn  a.create{
    padding: 10px 21px;
     margin-top: 20px;
     background: #00c5f3;
     font-weight: 400;
     font-size: 18px;
     -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
     box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
     display: inline-block;
    color: #ffffff;
}
 .orgsec .org-box{
     border: 1px solid #ccc;
     margin-bottom: 15px;
}
 .orgsec .org-box h3.org-name{
     padding:10px 5px;
    text-align: center;
     color: #fff;
     background: #014750;
     margin: 0px;
}
 .orgsec .org-box .org-detail{
     padding:10px 15px
}
 .orgsec .org-box .org-detail ul.org0list{
    padding: 0px;
     margin: 0px;
     list-style: none
}
 .orgsec .org-box .org-detail ul.org0list li .img-bx{
    text-align: center;
     width: 40px;
     height: 40px;
     float: left;
     margin-right: 10px;
     border-radius: 100%;
     overflow: hidden;
}
 .orgsec .org-box .org-detail ul.org0list li{
     margin-bottom: 15px;
}
 .orgsec .org-box .orgimg{
    margin-bottom: 15px;
     height: 150px;
     overflow: hidden;
     position: relative;
}
 .orgsec .org-box .org-detail ul.org0list li .img-bx i {
     font-size: 20px;
     color: #333;
    display: block;
     line-height: 40px;
}
 .orgsec .org-box .org-detail ul.org0list li p{
     font-size: 15px;
    margin-bottom: 0px;
}
 .orgsec .org-box .org-detail ul.org0list li p.memberc{
     line-height: 37px;
}
 .orgsec .org-box .org-detail ul.org0list li p strong{
    display: block
}
 .orgsec .org-box .org-detail ul.org0list li p .count{
     border-radius: 100%;
    float: right;
     height: 30px;
     width: 30px;
     line-height: 32px;
     text-align: center;
     display: block;
    background:#00c5f3;
     color: #fff
}
 .orgsec .org-box a.btn{
    padding: 5px 10px;
     text-align: center;
     background: #8bc34a;
     font-weight: 400;
     border-radius: 0px;
     font-size: 18px;
    display:block;
    color: #ffffff;
}
 .all-organizations .modal-content .modal-header {
    background:#2e7394;
    border: none
}
 .all-organizations .modal-content .modal-header h5{
     color: #fff;
}
 .all-organizations .modal-content .modal-footer,.all-organizations .modal-content .modal-body {
    background: #fff!important;
    border: none
}
 .all-organizations .modal-content .modal-body h2{
     color: #000
}
 .all-organizations .modal-content .modal-body .add-org-form label{
     display: block;
     color: #000;
}
 .all-organizations .modal-content .btn-primary {
    background: #2e7394;
     color: #fff;
     border: none;
     padding: 10px 25px;
     font-size: 15px;
}
 .all-organizations .modal-content .btn-secondary {
    background: #8bc34a;
    color: #fff!important;
     border: none;
     padding: 10px 25px;
     font-size: 15px;
}
 .all-organizations .modal-content .modal-body .add-org-form input{
     width: 100%;
     height: 35px;
     border: 1px solid #ccc;
     padding: 5px;
     border-radius: 0px;
    margin-bottom: 10px;
}
 .all-organizations .modal-content .modal-body .add-org-form .form-control{
     height: auto;
     border: none;
     padding: 0px;
}
 .create-orgsec h3{
     color: #00acc1;
     text-align: center
}
 .create-orgsec input{
    height: 50px;
     background: #f7f8fa;
    border: 1px solid #f3f3f3
}
 .create-orgsec input.btn{
    padding: 5px 40px;
     text-align: center;
    border: 1px solid #8bc34a;
     background: #8bc34a;
     border-radius: 0px;
     font-weight: 400;
    font-size: 16px;
    color: #ffffff;
}
 .organiztionstep .box-header h3{
     color: #00acc1
}
 .organiztionstep .box-header p{
     font-size: 16px;
     color: #000;
}
 .organiztionstep .add-org-form select, .organiztionstep .add-org-form input{
     height: 50px;
     width: 100%;
     background: #f7f8fa;
     border: 1px solid #f3f3f3;
}
 .organiztionstep .add-org-form input.btn {
     background: #004661;
     border-radius: 0px;
     border: none;
     font-size: 20px;
     padding: 10px 50px;
     width: auto
}
 .organiztionstep .add-org-form input.btn:hover{
    background: #000
}
 .organiztionstep .add-block {
     text-align: center
}
 .organiztionstep .add-block span.add{
     border-radius: 25px;
     background-color: #33bf7a;
     border: none;
     height: 39px;
     margin: 0 auto;
     font-size: 22px;
     text-align: center;
     line-height: 40px;
     cursor: pointer;
     padding: 7px 27px;
     color: #fff;
}
 .organiztionstep .remove {
     text-align: right
}
 .organiztionstep .remove span {
    border-radius: 100%;
     background-color: #ff5722;
     border: none;
     font-size: 16px;
     text-align: center;
     line-height: 32px;
     cursor: pointer;
     padding: 1px 10px;
     display: inline-block;
     color: #fff;
     margin-top: 0px;
     margin-bottom: 10px;
}
 .organiztionstep .next-pre-btn a{
     border-radius: 25px;
     background-color: #f79a27;
     border: none;
     margin: 0 auto;
     font-size: 14px;
     text-align: center;
     line-height: normal;
     cursor: pointer;
     display: inline-block;
     padding: 6px 15px;
     color: #fff;
}
 .organiztionstep .next-pre-btn a.btn{
     background-color:#33bf7a
}
 .organiztionfinish p{
     font-size: 16px;
     color: #000;
}
 .organiztionfinish .orginfofull a.btn{
    padding: 5px 40px;
     text-align: center;
    border: 1px solid #8bc34a;
     background: #8bc34a;
     border-radius: 0px;
     font-weight: 400;
    font-size: 16px;
    color: #ffffff;
}
 .organiztionfinish h3{
     color: #000;
}
 .organiztionfinish .actionbtns h3{
     margin:0 0 15px
}
 .organiztionfinish .actionbtns a{
     display: block;
    padding: 10px 21px;
     margin-bottom: 20px;
     background: #00acc1;
     font-weight: 400;
     font-size: 18px;
     -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
     box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
     text-align: center;
     color: #ffffff;
}
 .organiztionfinish .box-body{
     padding-top: 30px;
     padding-bottom: 30px;
}
 .organiztionfinish .actionbtns a:hover{
     background: #000
}
/**********custom header**********/
 .page-custom-header{
     text-align: center
}
 .page-custom-header h2 {
     font-size: 24px;
     color: #000;
}
 .page-custom-header p {
     font-size: 15px;
     line-height: 26px;
     color: #333;
}
 .page-custom-header a.btncustom {
     padding: 10px 21px;
     margin-top: 20px;
     background: #00c5f3;
     font-weight: 400;
     font-size: 18px;
     -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
     box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
     display: inline-block;
     color: #ffffff;
}
 .director .add-event-form input {
     width: 100%;
     padding: 8px;
}
 .director .add-event-form input.btn.btn-success{
    width:auto;
}
/**********agenda page ************/
 .agendaheader{
    padding: 0px;
     box-shadow: none;
}
 .agena-wrrpaer .agendabox-inner{
     background: #fff;
    padding: 15px;
}
 .agena-wrrpaer .agendabox-inner .icon i{
     width: 80px;
     height: 80px;
     text-align: center;
     font-size: 26px;
     background: #00c5f3;
     line-height: 80px;
     color: #fff;
     border-radius: 100%;
     margin-bottom: 15px;
}
 .agena-wrrpaer .agendabox-inner .content-inner{
    min-height:154px;
}
 .agena-wrrpaer .agendabox-inner h4{
     color: #000;
}
 .agena-wrrpaer .agendabox-inner p{
     font-size: 14px;
     line-height: 23px;
     color: #333;
}
 .agena-wrrpaer .agendabox-inner .button_bottom a{
     padding: 10px 21px;
     margin-top: 15px;
     background: #00c5f3;
     font-weight: 400;
     font-size:16px;
     -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
     box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
     display: inline-block;
     color: #ffffff;
}
 .add-agenda-form .popup_selector {
     background: #004661;
     border-radius: 0px;
     border: none;
     font-size: 14px;
     padding: 11px 27px;
     display: inline-block;
     color: #fff;
}
 .add-agenda-form button.btn {
     background: #004661;
     border-radius: 0px;
     border: none;
     font-size: 14px;
     padding: 11px 27px;
     display: inline-block;
     color: #fff;
}
 .add-agenda-form .btnsection{
    text-align: center;
     margin-top: 30px;
}
 .add-agenda-form button.btn.addeventsave{
    background: #26c6da
}
 .add-agenda-form button.btn.addeventfinish{
    background:#333
}
 .directors-page .info-director{
     padding: 10px;
     background: #f9f9f9;
     border: 1px solid #f2f2f2 ;
}
 .directors-page .info-director p{
     font-size: 14px;
     color: #000
}
 .directors-page .info-director p span{
    font-weight: 600;
     width: 29%;
     display: inline-block
}
 .directors-page .btn-sect {
     text-align: left
}
 .directors-page .btn-sect a{
    padding: 6px 15px;
     font-weight: 400;
     font-size:15px;
     display: inline-block;
     color: #ffffff;
}

  .directors-page .tables-users .dirimg {
    text-align: center;
    text-transform: capitalize;
     background:none;
     padding: 0
}
 .directors-page .tables-users ul.card-controls .dropdown a.bars i{ font-size: 20px; }
.directors-page .tables-users ul.card-controls .dropdown a.bars,
.directors-page .tables-users  ul.card-controls li a {
    color: #000;
   font-size: 14px;
    opacity: 1;
}
table.table tr th{text-align: left!important}
table.table tr td .card-controls{-webkit-box-direction: normal;
flex-direction: row;}
a.resetbtn.btn-flat.btn-info{height: 51px;
background: #015b7d;
color: #fff;
border-radius: 0;
line-height: 38px;
padding: 7px 27px;}
.directors-page table.tables-users ,.directors-page .tables-users tr,.directors-page table.tables-users td,
.directors-page table.tables-users  th{border:1px solid #dedede; box-sizing:border-box; vertical-align: middle;}
.directors-page table.tables-users  th{background:#015b7d; color: #fff;}
.directors-page table.tables-users .assign-button a{color: #015b7d; font-weight: 600; }
.directors-page table.tables-users .assign-button a:hover{background:none}
.directors-page table p ,.directors-page table h4{margin: 0px; font-size: 13px;}
.directors-page .tables-users .dirimg  img{
    display: block; max-width: inherit;
     margin: 0;
     border-radius: 100%;
     border: 2px solid #fff;
     box-shadow: 0 0 3px #c6c6c6;
     width: 80px;
     height: 80px;
}
 .directors-page .dirimg {
    text-align: center;
    text-transform: capitalize;
     background: #015b7d;
     padding: 10px 0
}
 .directors-page .dirimg img{
    display: block;
     margin: 0 auto;
     border-radius: 100%;
     border: 4px solid #fff;
     box-shadow: 0 0 3px #c6c6c6;
     width: 120px;
     height: 120px;
}
 .directors-page .info-director{
    padding: 0px;
     margin-bottom:0px;
}
 .directors-page .dir-detail{
     padding: 15px 10px;
}
 .directors-page .dirimg h4{
     font-weight: 600;
     margin: 10px 0;
     color: #fff;
}
 .directors-page .btn-sect .del {
     background: #ff5722;
}
 .directors-page .btn-sect .edit{
     background: #84c637;
}
 .directors-page .btn-sect .view {
     background: #2e7394;
}
 .directors-page .director-list-box .btn-sect a{
    display: block;
     margin-bottom: 5px;
    font-weight: 600;
}
 .directors-page .director-list-box .btn-sect .del {
     color: #ff5722;
     background: none;
}
 .directors-page .director-list-box .btn-sect .edit{
     color: #84c637;
     background: none;
}
 .directors-page .director-list-box .btn-sect .view {
     color: #2e7394;
     background: none;
}
 .director-list-box .box .info-director {
     margin-bottom: 0px;
}
 .info-director ul.card-controls .dropdown a.bars, .director-list-box ul.card-controls li a{
     color: #fff;
    font-size: 20px;
     opacity: 1;
}
 .director-list-box ul.card-controls .dropdown-menu a{

     font-size: 14px; margin: 0px; border-radius: 0px; background: #fafafa; color: #000
}
 .director-list-box ul.card-controls .dropdown-menu a:hover{background: #fdfdfd}
 .director-list-box ul.card-controls .dropdown-menu{border:none;}

 #director-organizations #org-data select, #add-director-organizations #org-list select{
     width: 100%;
}
 #director-organizations #org-data ,#add-director-organizations #org-list {
     margin-bottom: 15px;
}
 .director-list-box .btn-sect{
    border-top: 1px solid #ccc;
     padding-top: 13px;
     margin-top: 22px;
}
 #director-organizations #org-data .org-name {
    padding: 8px;
     background: #f2f2f2;
     margin-bottom: 5px;
}
 #director-organizations #org-data{
     height: 200px;
     overflow-x: hidden;
     overflow-y: scroll
}
/*
#add-kam-client .modal-content .modal-header,
.discussionsec .modal-content .modal-header,
 .directors-page .modal-content .modal-header {
    background:#2e7394;
    background:#926cf2;
    border: none ;
    color: #fff
}


#add-kam-client .modal-content .modal-header h3,
.discussionsec .modal-content .modal-header h3,
 .directors-page .modal-content .modal-header h3{
     color: #fff;
}
#add-kam-client .modal-content .modal-body,
#add-kam-client .modal-content .modal-footer,
.discussionsec .modal-content .modal-footer,
.discussionsec .modal-content .modal-body,
 .directors-page .modal-content .modal-footer, .directors-page .modal-content .modal-body {
    background: #fff!important;
    border: none
}
#add-kam-client .modal-content .modal-body h2,
.discussionsec .modal-content .modal-body h2,
 .directors-page .modal-content .modal-body h2{
     color: #000
}
#add-kam-client .modal-content { padding:0 0 15px 0}
#add-kam-client .modal-content .btn { margin-top: 15px;}
#add-kam-client .modal-content .btn,
.discussionsec .modal-content .btn,
 .directors-page .modal-content .btn {
    background: #8bc34a;
     color: #fff;
     border: none;
     padding: 10px 25px;
     font-size: 15px;
    float: left
}
 .directors-page .modal-content .btn.btn-default,
.discussionsec .modal-content .btn.btn-default{background: #ff0000}
 .directors-page .modal-content .btnyes {
    background: #ff5722;
    color: #fff!important;
     border: none;
     padding: 10px 25px;
     font-size: 15px;
}
*/


/* style 6 */
 .filebtnscutom .inputfile-6 + label {
     color: #004661;
}
 .filebtnscutom .inputfile {
     width: 0.1px;
     height: 0.1px;
     opacity: 0;
     overflow: hidden;
     position: absolute;
     z-index: -1;
}
 .filebtnscutom strong i{
     margin-right: 10px;
}
 .filebtnscutom label{
     margin: 0px;
}
 .filebtnscutom .inputfile-6 + label {
     border: 1px solid #f3f3f3;
     background-color: #f7f8fa;
     padding: 0;
}
 .filebtnscutom .inputfile-6:focus + label, .filebtnscutom .inputfile-6.has-focus + label, .filebtnscutom .inputfile-6 + label:hover {
     border-color: #f3f3f3;
}
 .filebtnscutom .inputfile-6 + label span, .filebtnscutom .inputfile-6 + label strong {
     padding: 0.625rem 1.25rem;
    /* 10px 20px */
}
 .filebtnscutom .inputfile-6 + label span {
     width: 50%;
     min-height: 40px;
     display: inline-block;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     vertical-align: top;
}
 .filebtnscutom .inputfile-6 + label strong {
     height: 100%;
     color: #fff;
     background-color: #056e7b;
     display: inline-block;
}
 .filebtnscutom .inputfile-6:focus + label strong, .filebtnscutom .inputfile-6.has-focus + label strong, .filebtnscutom .inputfile-6 + label:hover strong {
     background-color: #056e7b;
}
.searchfomr form {}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header .userimgt  img{width: 100%; height: 100%; border-radius: 0px; margin: 0px; }
.navbar-nav>.user-menu>.dropdown-menu>li.user-header .userimgt{ float: left; height: 60px; width: 60px; overflow: hidden; border-radius: 100%;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p{ padding-left: 68px;}
.sidebar-menu .user-profile > a img{height: 30px;}

@media screen and (max-width: 680px){
     .pull-right.searchfomr{float: none}}
 @media screen and (max-width: 50em) {
     .filebtnscutom .inputfile-6 + label strong {
         display: block;
    }
}
 .commetteepage form textarea{
    width: 100%;
    padding: 10px;
}
 .commetee-page .lis-eve-inner{
     border: none;
}
 .commetee-page .lis-eve-inner table ,.commetee-page .lis-eve-inner table tr,.commetee-page .lis-eve-inner table td,.commetee-page .lis-eve-inner table th{
     border: 1px solid #f2f2f2;
     border-collapse: collapse;
     padding: 10px;
}
 .commetelist-wrap .commette-detail{
     padding: 0px;
     border: 1px solid #f2f2f2 ;
     margin-bottom: 15px;
}
 .commetelist-wrap .commette-detail h3{
    background: #00c5f3;
     padding: 5px 10px;
     margin: 0px;
     color: #fff;
     text-transform: uppercase;
     font-size: 18px;
     text-align: center
}
 .commetelist-wrap .commette-detail p{
     color: #000;
     font-size: 14px;
}
 .commetelist-wrap .commette-detail p.mem-cont span{
     color: #00c5f3;
     font-weight: 600;
     font-size: 16px;
    float: right;
     border-top: 1px solid #f2f2f2;
     padding: 10px 0;
}
 .commetelist-wrap .commette-detail a{
     display: inline-block;
     margin-bottom: 0;
     padding: 7px 20px;
     text-align: center;
     color: #fff;
     border-radius: 25px;
     font-size: 15px;
}
 .commetelist-wrap .commette-detail a.edit{
    background:#8bc34a;
     float: left
}
 .commetelist-wrap .commette-detail a.del{
     background: #ff5722;
     float: right
}
 .commetelist-wrap .maincomm-info{
     padding: 10px;
     background: #f9f9f9;
}
 .org-user-wrap .org-user-inner{
     background: #f9f9f9;
     border: 1px solid #f2f2f2 ;
     margin-bottom: 20px;
}
 .org-user-wrap .org-user-inner h3{
    background: #00c5f3;
     padding: 5px 10px;
     margin: 0px;
     color: #fff;
     text-transform: uppercase;
     font-size: 18px;
     text-align: center
}
 .org-user-wrap .org-user-inner p span{
     margin-right: 6px;
}
 .org-user-wrap .org-user-inner p{
     color: #000;
     font-size: 14px;
    text-align: center
}
 .org-user-wrap .org-user-inner .btns {
    text-align: center
}
 .org-user-wrap .org-user-inner .btns a {
     text-align: center;
     background: #2e7394;
    padding: 6px 15px;
     font-weight: 400;
     font-size:15px;
     display: inline-block;
     color: #ffffff;
}
 .org-user-wrap .org-user-inner .org-detail{
     padding: 15px;
}
 .single-director .info-director {
     padding: 15px;
}
 .single-director .info-director p{
     margin-bottom: 10px;
}
 .single-director .img-director {
     background: #f2f2f2;
     padding: 10px;
}
 .single-director .img-director img{
     width: 100%;
}
 .sahreholder-page .sahreholderwrap .sahreholder-inner {
     padding: 15px 0;
     border: 1px solid #ccc;
     margin-bottom: 20px;
     background: #fff;
}
 .sahreholder-page .sahreholderwrap .sahreholder-inner p{
     color: #000;
     font-size: 14px;
     padding: 0 15px;
}
 .sahreholder-page .sahreholderwrap .sahreholder-inner p strong{
     width: 30%;
     display: inline-block
}
 .sahreholder-page .sahreholderwrap .sahreholder-inner .btn-section {
    text-align: center;
     padding-top: 10px;
     border-top: 1px solid #ccc;
}
 .sahreholder-page .sahreholderwrap .sahreholder-inner .btn-section a{
     font-weight: 600;
     margin-right: 15px;
     font-size: 15px;
    text-transform: capitalize
}
 .sahreholder-page .sahreholderwrap .sahreholder-inner .btn-section .del {
     color: #ff5722;
}
 .sahreholder-page .sahreholderwrap .sahreholder-inner .btn-section .edit{
     color: #84c637;
}
 .sahreholder-page .sahreholderwrap .sahreholder-inner .btn-section .view {
     color: #2e7394;
}
 .sahreholder-page .modal-danger .modal-header {
    background:#2e7394;
    border: none
}
 .sahreholder-page .modal-danger .modal-footer, .sahreholder-page .modal-danger .modal-body {
    background: #fff!important;
    border: none
}
 .sahreholder-page .modal-danger .modal-body h2{
     color: #000
}
 .sahreholder-page .modal-danger .modal-footer form{
     float: right
}
 .sahreholder-page .modal-danger .btn {
    background: #2e7394;
     color: #fff;
     border: none;
     padding: 10px 25px;
     font-size: 15px;
}
 .sahreholder-page .modal-danger form .btn {
    background: #ff5722
}
 .shre-create form input{
     width: 100%;
     padding: 10px;
}
 .shre-create form input.send{
    width: auto;
     color: #fff;
     background: #004661;
     border-radius: 0px;
     border: none;
     font-size: 20px;
     padding: 10px 50px;
}
 .shareholder-single p{
     color: #000;
     font-size: 14px;
     padding: 0 15px;
}
 .shareholder-single p strong{
     width: 25%;
     display: inline-block
}
 .all-notification-page .notifiation-wrap ul.noti-list{
     padding: 0px;
     list-style: none
}
 .all-notification-page .notifiation-wrap ul.noti-list li.noti{
    background: #fff;
     box-shadow: 0 0 3px #ccc ;
    padding: 8px;
     margin-bottom: 10px;
}
 .all-notification-page .notifiation-wrap ul.noti-list li.unread{
     background-color: #edf2fa;
}
 .all-notification-page .notifiation-wrap ul.noti-list li.noti:hover{
     box-shadow: 0 0 5px #ccc;
     background-image: linear-gradient(rgba(29, 33, 41, .04), rgba(29, 33, 41, .04));
     text-decoration: none;
}
 .all-notification-page .notifiation-wrap ul.noti-list .noti-icon{
     text-align: center
}
 .all-notification-page .notifiation-wrap ul.noti-list .noti-icon a{
     display: block;
     text-align: center
}
 .all-notification-page .notifiation-wrap ul.noti-list .noti-icon a img{
    width: 80%;
    margin: 0 auto
}
 .all-notification-page .notifiation-wrap ul.noti-list .noti-messg h4 a{
     font-size: 18px;
     color: #000;
}
 .all-notification-page .notifiation-wrap ul.noti-list .noti-messg h4{
     margin-bottom: 0px;
     margin-top: 9px;
}
 .all-notification-page .notifiation-wrap ul.noti-list .noti-messg p{
     margin-bottom: 0px;
     font-size: 12px
}
/**************custom select css***********/
 .multiselctcs span.multiselect-native-select {
     position: relative;
}
 .multiselctcs span.multiselect-native-select select {
     border: 0!important;
     clip: rect(0 0 0 0)!important;
     height: 1px!important;
     margin: -1px -1px -1px -3px!important;
     overflow: hidden!important;
     padding: 0!important;
     position: absolute!important;
     width: 1px!important;
     left: 50%;
     top: 30px
}
 .multiselctcs .multiselect-container {
     position: absolute;
     list-style-type: none;
     margin: 0;
     width: 247px;
     padding: 8px;
}
 .multiselctcs .multiselect-container .input-group {
     margin: 5px
}
 .multiselctcs .multiselect-container>li {
     padding: 0
}
 .multiselctcs .multiselect-container>li>a.multiselect-all label {
     font-weight: 700
}
 .multiselctcs .multiselect-container>li.multiselect-group label {
     margin: 0;
     padding: 3px 20px 3px 20px;
     height: 100%;
     font-weight: 700
}
 .multiselctcs .multiselect-container>li.multiselect-group-clickable label {
     cursor: pointer
}
 .multiselctcs .multiselect-container>li>a {
     padding: 0
}
 .multiselctcs .multiselect-container>li>a>label {
     margin: 0;
     height: 100%;
     cursor: pointer;
     font-weight: 400;
     padding: 3px 0 3px 30px
}
 .multiselctcs .multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
     margin: 0
}
 .multiselctcs .multiselect-container>li>a>label>input[type=checkbox] {
     margin-bottom: 5px
}
 .multiselctcs .btn-group>.btn-group:nth-child(2)>.multiselect.btn {
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px
}
 .multiselctcs .form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
     padding: 3px 20px 3px 40px
}
 .multiselctcs .form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
     margin-left: -20px;
     margin-right: 0
}
 .multiselctcs .col-md-12{
    padding: 0px;
}
 .multiselctcs .multiselect-container>li label.checkbox:before, .multiselctcs .multiselect-container>li label.checkbox:after {
     content: '';
     position: absolute;
     top: auto;
     left: 8px;
     width: 18px;
     height: 18px;
     z-index: 0;
     border: 2px solid #5a5a5a;
     border-radius: 1px;
     margin-top: 2px;
     -webkit-transition: .2s;
     -o-transition: .2s;
     transition: .2s;
}
 .multiselctcs{
     position: relative
}
 .multiselctcs .multiselect-container>li.active label:after, .multiselctcs .multiselect-container>li.active label:before {
     top: auto;
     left:8px;
     width: 12px;
     height: 22px;
     border-top: 2px solid transparent;
     border-left: 2px solid transparent;
     border-right: 2px solid #26c6da;
     border-bottom: 2px solid #26c6da;
     -webkit-transform: rotate(40deg);
     -ms-transform: rotate(40deg);
     transform: rotate(40deg);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-transform-origin: 100% 100%;
     -ms-transform-origin: 100% 100%;
     transform-origin: 100% 100%;
}
 .multiselctcs .multiselect.btn{
     width: 100%;
}
 .multiselctcs .multiselect.btn span.multiselect-selected-text{
     display: inline-block;
     width: 98%;
}
 .meetingPackBox .mp-block{
     margin-bottom: 15px;
}
.messagePackBox .mp-block{ margin-bottom: 20px;}
 .messageaddblock .mp-block .remove{
     margin-top: -34px;
     z-index: 9999999;
     position: relative;
     float: right;
     border-radius: 8px;
     background-color: #ff5722;
     border: none;
     font-size: 20px;
     text-align: center;
     line-height: 34px;
     cursor: pointer;
     padding: 2px 18px;
     display: inline-block;
     color: #fff;
}
 .upload-img-sec .popup_selector {
     background: #004661;
     border-radius: 0px;
     border: none;
     font-size: 14px;
     padding: 15px 27px;
     display: inline-block;
     color: #fff;
}
 .upload-img-sec input {
     background: none;
     border: none;
     height: auto;
     width:50%;
}
 .upload-img-sec small {
     font-size: 80%;
     font-weight: normal;
     margin-left: 5px;
}
 .uploaded-img{
     height: 70px;
     overflow: hidden;
     position: relative
}
 .uploaded-img img{
    overflow: hidden
}

.conversation-page  .box-header{ background: #fafafa;}
.conversation-page  .titleof-message { text-align: center}
.conversation-page  .titleof-message h3{
    margin: 0 0 10px;
    text-transform: capitalize;
    color: #015b7d;}
.conversation-page  .conversation-box h4{    text-align: center;
    background: #015b7d;
    color: #fff;
    padding: 11px;
    margin-bottom: 14px;
}

.conversation-page  .conversation-locksingle{ padding: 10px; margin-bottom: 20px; box-shadow: 0 0 3px #ccc; background: #fafafa}
.conversation-page  .conversation-locksingle p{margin-bottom: 5px;}
.conversation-page  .conversation-locksingle .rating-box{   float: right;margin:  36px 10px;
    text-align: center;
}
.conversation-page  .optionboxs label{display: block;}
.conversation-page  .optionboxs select{width: 50%;  margin-bottom: 15px;  height: 50px;
    background: #f7f8fa;
    border: 1px solid #f3f3f3;}
.conversation-page  .conversation-locksingle .rating-box b{ display: block; margin-bottom: 10px;}
.approve{border: 2px solid #8ad500}
.rejected{border: 2px solid #ed1c24}
.like{border: 2px solid #31d2f7}
/**********sahrecapital pages cssss */

.share-capitalpages table ,.share-capitalpages table tr,.share-capitalpages table td ,.share-capitalpages table tr th{ border: 1px solid #ccc; border-collapse: collapse; padding: 8px;}
.share-capitalpages table thead{ background: #00b4da}
.share-capitalpages table thead tr th{ text-transform: capitalize; color: #fff; }
.share-capitalpages table tr td{text-transform: capitalize; color: #000;}
.share-capitalpages table  input.del{     background: url(../images/trash.png);
background-repeat: no-repeat; background-position: center center; height: 20px; width: 20px; font-size: 0px;
    text-align: center;    position: relative;
    top: -6px;border: none;
}
.share-capitalpages table  td.operations a{ display: inline-block; margin: 0 10px; font-size: 16px;}
.share-capitalpages table  td.operations form{ display: inline-block; }
.share-capitalpages  form a.btn-send{    padding: 8px 23px;
    text-align: center;
    background: #8bc34a;
    font-weight: 400;
    border-radius: 0px; border: none;
    font-size: 16px;text-transform: uppercase;
    color: #ffffff;}

.share-capitalpages  form button.btn-send{    padding: 8px 23px;
    text-align: center;
    background: #8bc34a;
    font-weight: 400;
    border-radius: 0px; border: none;
    font-size: 16px;text-transform: uppercase;
    color: #ffffff;}

.permissionpage form label {text-transform: capitalize}
.rating-status-section{margin-bottom:15px;}

.files-management  .box-body .embed-responsive-item,iframe.embed-responsive-item {border:none;}
.btn-success.backbtn {
    background-color: #015b7d;
    border-color: #015b7d;
    color: #fff;
    clear: both;
    float: none;
    margin-bottom: 14px;
    padding: 0px 40px;
}
.gridfolder{padding: 10px;margin-bottom:15px;min-height: 144px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fffafa;transition:0.5s all ease
}
.gridfolder .item-caption .name {
    word-wrap: break-word;
}
.gridfolder .folder-icon .img-files{ max-height: 69px;
    overflow: hidden;
    margin-bottom: 9px;}
.gridfolder:hover{background: #fff;box-shadow:0 0 3px #ccc;transition:0.5s all ease}
.gridfolder .item-caption .name a{color:#000}
.gridfolder .folder-icon i.fa {
    font-size: 50px;
    color: #FFC107;
}


.ekko-lightbox.modal .modal-dialog{margin: 10px;
 left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);width:100%;}
.ekko-lightbox.modal .modal-header{padding:0 10px;}
.ekko-lightbox.modal .modal-body{padding:10px}
.ekko-lightbox.modal .modal-header h4{display:none}
table.ratingtable tr td  {font-size: 14px;}
table.ratingtable tr td  br{display: none;}
@media (max-width: 480px) { .directors-page .info-director p span{display: block; width: 100%;} }


/* file sharing style */
.b-0{border:none;}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover {
    color: #fff;
    border-color: transparent;
    border-bottom-color: #926cf2;
    background-color: #926cf2;
}

  ul.modtabs{width:100%; padding:0; margin:0; border-bottom:solid 2px rgba(0, 0, 0, 0.2); float:left;}
 ul.modtabs li{float:left; padding:2px 5px; border-bottom:solid 2px transparent; margin-bottom:-4px;}
 ul.modtabs li a{text-decoration:none; text-transform:uppercase;}
 ul.modtabs li.ui-tabs-active{border-bottom:solid 2px rgba(136, 191, 38, 1); margin-bottom:-2px !important;}
 ul.modtabs li.ui-tabs-active a, .modtabs ul li a:hover{color:rgba(136, 191, 38, 1);}
 ul.modinnertabs{width:100%; padding:0; margin:0; float:left; background:#f4f4f4;}
 ul.modinnertabs.ui-tabs-nav li{float:left; padding:5px 5px; }
 ul.modinnertabs.ui-tabs-nav li.ui-tabs-active{margin:0px;}
 .xcb{float:left; width:100%; box-sizing:border-box; padding:10px; background:#fff !important;}

 ul.sidebar-menu li.active ul { background: #f8f8f8;}

 /* task page style */

.task_top_part .taskright{list-style:none; margin:0; padding:0;}
 .task_top_part .taskright li{display:inline-block; padding:5px 0px 5px 5px; width:auto;}
 .task_top_part .taskright li a{text-decoration:none;}
 .task_top_part .taskright li a.btn-default{background:#f1f1f1; color:#2d2d2d;}
 .task_top_part .taskright li a:hover{background:#9164eb; color:#fff;}
.taskdg_list .box-header button{color:#fff; padding:0px 5px;}
.taskdg_list .box-header{padding:0.8rem;}
.taskdg_list .box-header .box-tools, .taskdg_list .box-header .bxtol{position:relative; left:inherit; top: inherit; right: inherit;}
.taskdg_list .box-header .box-tools.pull-right{padding-top:5px;}
.taskdg_list .box-header h5{line-height:25px;}
.taskdg_list.box{box-shadow:none;}
.taskrecord a{float:left; padding-right:8px; font-size:0.9rem;}
.taskrecord a .fa{font-size:1.12rem;}
.taskrecord a.completetask{border:solid 1px #e9e9e9; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; padding:5px 5px 0px; text-align: center; margin-top: -4px;
	position:relative; z-index:9; background:#fff; width:30px; height:30px; margin-right:-8px;}
.taskrecord .personame{background:#e9e9e9; padding-left:10px; -webkit-border-top-right-radius:20px; -moz-border-top-right-radius:20px; -o-border-top-right-radius:20px; border-top-right-radius:20px; margin-right:10px; margin-left:-6px; -webkit-border-bottom-right-radius:20px; -moz-border-bottom-right-radius:20px; -o-border-bottom-right-radius:20px; border-bottom-right-radius:20px;}
.taskrecord .hovershow{visibility:hidden;}
.taskrecord:hover .hovershow{visibility:visible;}
.taskrecord a.completetask.re_completetask{background:#74d348; color:#fff;}
.taskrecord a .fa{opacity:0.5; filter:alpha(opacity = 50); margin-top:3px;}
.taskrecord a .fa-angle-down{font-size:1.7rem; margin-top:-2px;}
.taskrecord:hover a .fa{opacity:1; filter:alpha(opacity = 100);}
.taskrecord a.completetask.re_completetask i.fa{opacity:1; filter:alpha(opacity = 100);}
.taskdg_list .box-body{padding:0 0px;}
.taskrecord a:hover{color:#9164eb;}
.taskrecord{padding:10px 15px 5px; border-bottom:solid 1px #f1f1f1; cursor:pointer;}
.taskrecord .col-md-11{position:relative;}
.taskrecord .col-md-11 .tasklogtime{position:absolute; right:0px; top:2px;}
.taskrecord .taskcomment{position:relative;}
.taskrecord .taskcomment b{position:absolute; color:#fff; font-size:10px; left: 4px; top: 0px;}
.content-wrapper{display:inline-block; padding-bottom:15px; width:100%; margin-top:0px;}
.task_top_part .taskright li ul li.dropdown-item{display:block; margin:0px; padding:5px;}
.task_top_part .taskright li ul li.dropdown-item:hover {background:rgba(145, 100, 235, 1); color:#fff;}
.task_top_part .taskright li ul li.dropdown-item:hover a{background:transparent; color:#fff;}
.task_top_part .taskright li ul li.dropdown-item:hover .dropdown-menu.dropdownhover-left li a{background:#fff; color:#2d2d2d;}
.task_top_part .taskright li ul li.dropdown-item:hover .dropdown-menu.dropdownhover-left li a{background:transparent;}
.task_top_part .taskright li ul li.dropdown-item:hover .dropdown-menu.dropdownhover-left li:hover {background:rgba(145, 100, 235, 1); color:#fff;}
.task_top_part .taskright li ul li.dropdown-item:hover .dropdown-menu.dropdownhover-left li:hover a{background:transparent; color:#fff;}
.dropdown-item.show ul.dropdown-menu{display:block;}
.dropdown-item.show ul.dropdown-menu li a, .dropdown-item.show ul.dropdown-menu li{background:#fff;}
.dropdown-item.show ul.dropdown-menu li:hover a, .dropdown-item.show ul.dropdown-menu li:hover{background:rgba(136, 191, 38, 1);}



.task_top_part .taskright li ul li.dropdown-item:hover .dropdown-menu.dropdownhover-left li a .fa-check-circle-o:before {
    content: "\f10c";
}

.task_top_part .taskright li ul li.dropdown-item:hover .dropdown-menu.dropdownhover-left li:hover a .fa-check-circle-o:before {
    content: "\f05d";
}



.boxcc{
        float:right;
        overflow: hidden;
        background: #f1f1f1; position:fixed; right:0; display:none; top:134px; height:100%;
    }
    /* Add padding and border to inner content
    for better animation effect */
    .boxcc-inner{
        width: 400px;
        padding: 10px;

    }
.customtab2 + .tab-content .box .box-header{background:none; border:none; padding:0px 0 10px; margin-bottom:0px;}
.customtab2 + .tab-content .box{border:none; box-shadow:none;}
.customtab2 + .tab-content .box .box-header .box-subtitle{font-size:16px; color:#222; }
.customtab2 + .tab-content .box .box-header > .box-tools{top:0px; right:0px;}
.customtab2 + .tab-content .box{border-bottom:solid 1px #ddd; padding-bottom:10px; margin-bottom:10px;}
.boxcc-inner input[type="text"]{background:rgba(255, 255, 255, 0.9); border:none; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px;}

.boxcc-inner [type=checkbox] + label {
    font-weight: 300;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin-top: 10px;
    line-height: 23px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

.boxcc-inner .demo-checkbox label{margin-bottom:0px;}

.boxcc-inner > h6{display: inline-block;
    float: right;
    margin-right: 10px;
    margin-top: 9px;}

.main-header .navbar{
background: #926cf2 !important;
background: -moz-linear-gradient(left,  #926cf2 0%, #90a9f6 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #926cf2 0%,#90a9f6 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #926cf2 0%,#90a9f6 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#926cf2', endColorstr='#90a9f6',GradientType=1 ) !important; /* IE6-9 */
}
.sidebar-mini .main-header .navbar .nav > li > a, .sidebar-mini .main-header .navbar .sidebar-toggle{color:#fff;}

	.form-group.row{display:flex; flex-direction:column; margin:0px;}
	.form-group.row label, .form-group.row label + .col-xs-10{width:100%;}

	.tsf-controls {box-sizing:border-box; padding:15px;}
	.multiple input[type="checkbox"], .multiple input[type="radio"]{width:auto; left:inherit; position:inherit; opacity:1; display:inline-block; margin-right:5px;}
	.multiple [type=radio]:checked, .multiple [type=radio]:not(:checked){position:relative; left:inherit; opacity:1; margin-right:5px;}

	.modtabs{list-style:none; margin:0; padding:0;}

	.modtabs li a{border-bottom:solid 2px transparent; margin-bottom:-4px; display:inline-block;}

	.modtabs li:hover a, .modtabs li.active a{border-bottom:solid 2px #926cf2; color:#926cf2; margin-bottom:-4px;}

	.taskrecord .col-md-11{position:relative;}
.timetooltip{display:none; width:250px; position:absolute; top:-82px; left:-120px; transition:0.5s linear; opacity:1; padding:0;}

.timetooltip .tooltip-inner, .commentlistbox .tooltip-inner, .veyetooltip .tooltip-inner, .subtasktooltip .tooltip-inner, .prioritytooltip .tooltip-inner, .progresstooltip .tooltip-inner, .columntooltip .tooltip-inner{background:#f5f5f5; width:100%; max-width:100%; color:#2d2d2d; float:left; padding:6px; -webkit-box-shadow:4px 4px 15px 2px rgba(0, 0, 0, 0.2); box-shadow:4px 4px 15px 2px rgba(0, 0, 0, 0.2);}

.timetooltip .arrow, .commentlistbox .arrow, .veyetooltip .arrow, .subtasktooltip .arrow, .prioritytooltip .arrow, .progresstooltip .arrow, .columntooltip .arrow{left:49%;}

.taskglist{list-style:none; margin:0; padding:0;}
.taskglist li{float:left; padding:0; margin:0 4px; width:auto; position:relative;}

.timetooltip.bs-tooltip-top .arrow::before, .commentlistbox.bs-tooltip-top .arrow::before, .veyetooltip.bs-tooltip-top .arrow::before, .subtasktooltip.bs-tooltip-top .arrow::before, .prioritytooltip.bs-tooltip-top .arrow::before, .progresstooltip.bs-tooltip-top .arrow::before, .columntooltip.bs-tooltip-top .arrow::before{border-top-color:#f5f5f5; border-width: 8px 8px 0;}

.timepopbtn strong{ float:left; line-height:35px; padding:0 5px;}
.timetooltip p{font-weight:400;}
.timepopbtn a.btn:hover {color:#fff;}
.timepopbtn a.btn-primary:hover{background:#7460ee; border-color:#7460ee;}

.commentlistbox{display:none; width:400px; position:absolute; top:-295px; left:-193px; transition:0.5s linear; opacity:1; padding:0;}
.commentlistbox .media-body{max-height:200px; overflow:auto; overflow-x:hidden; border-bottom:solid 0.5px #ccc;}
.commentlistbox .media > p span{background:#9164eb; color:#fff; display:inline-block; text-align:center; font-size:1.5rem; font-weight:600; padding:10px;}
.commentlistbox p{font-weight:400; font-size:1rem;}
.comtlink a{float:none; display:inline-block; padding:0 13px 0 0px; font-weight:500; font-size:0.8rem;}
.commentboxclick{position:relative;}
.commentboxclick b{position:absolute; z-index:9; top:-1.5px; left:3px; color:#fff; font-weight:400; font-size:0.8rem;}
.commentlistbox .tooltip-inner > p small{font-weight:500;  color:#aaa;}

.veyetooltip{display:none; width:300px; position:absolute; top:-243px; left:-144px; transition:0.5s linear; opacity:1; padding:0;}

.veyetooltip .emplink{list-style:none; margin:0 0 0 10px; padding:0; display:flex; flex-direction:column;}
.veyetooltip .emplink li{margin-bottom:1px;}
.veyetooltip .emplink li span, .veyetooltip .emplink li small{display:inline-block; padding:5px; font-weight:400;}
.veyetooltip .emplink li span.rounded{text-transform:uppercase; -webkit-border-radius:60px !important; -moz-border-radius:60px !important; border-radius:60px !important; font-size:0.8rem; font-weight:600; padding:0px 3px 2px; color:#fff; letter-spacing:1px; width:25px; height:25px; text-align:center;}
.veyetooltip .card-body{padding:0.8rem 1.25rem; max-height:170px; overflow:auto; overflow-x:hidden;}
.veyetooltip .timepopbtn a, .veyetooltip .timepopbtn strong{float:inherit; display:inline-block;}

/* add sub task */

.subtasktooltip	{display:none; width:500px; position:absolute; top:-220px; left:-243px; opacity:1; padding:0;}
.subtasktooltip .datepicker{background:#fff; border-radius:3px; padding:0px;}
.subtasktooltip .datepicker	.table-condensed thead{background:#9164eb;}
.subtasktooltip .datepicker	.table-condensed thead th{background:#9164eb; border-radius:0px; font-weight:500; color:#fff;}
.subtasktooltip .datepicker	.table-condensed tr td{font-weight:400; font-size:0.9rem;}

/* prioritytooltip */

.prioritytooltip {display:none; width:150px; position:absolute; top:-162px; left:-70px; opacity:1; padding:0;}
.prioritytooltip .prioritylist{list-style:none; margin:0; padding:0; display:flex; flex-direction:column;}
.prioritytooltip .prioritylist li{flex:0 0 100%; max-width:100%; padding:5px 10px; font-weight:500; position:relative;}
.prioritytooltip .prioritylist li:hover{background:#e5e5e5;}
.prioritytooltip .prioritylist li input.priorcheck{width:100%; height:100%; position:absolute; opacity:0; top:0; left:0; cursor:pointer;}

/* progresstooltip */
.progresstooltip {display:none; width:250px; position:absolute; top:-119px; left:-125px; opacity:1; padding:0;}
.columntooltip {display:none; width:250px; position:absolute; top:-196px; left:-119px; opacity:1; padding:0;}
ul.colmnlist{list-style:none; margin:0; padding:0; display:flex; flex-direction:column}
ul.colmnlist li{flex:0 0 100%; max-width:100%; padding:5px 5px; font-weight:500;}
ul.colmnlist li:hover{background:#e8e8e8;}
ul.colmnlist li span{display:inline-block; -moz-border-radius:30px; -webkit-border-radius:30px; -o-border-radius:30px; border-radius:30px; width:8px; height:8px; margin-right:8px;}
.tooltip{font-weight:400;}

.slidecontainermn {
  width: 100%;
}

.slidermn {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slidermn:hover {
  opacity: 1;
}

.slidermn::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #4CAF50;
  cursor: pointer;
}

.slidermn::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #4CAF50;
  cursor: pointer;
}


.multiselect-native-select .multiselect-container [type=checkbox]:checked, .multiselect-native-select .multiselect-container [type=checkbox]:not(:checked){position:relative; left:inherit; opacity: 1;}

.multiselect-native-select .multiselect-container>li>a>label{padding: 3px 20px 3px 0px;}
.multiselect-native-select .multiselect-container li label b{padding:8px 0px; font-size: 15px; color: #000;}
#example-getting-started1 + .btn-group {width:100%; display:inline-block;}
#example-getting-started1 + .btn-group button{width:100%; overflow:hidden;}
#addmilestoneclone .modal-dialog{max-width:800px; width:800px;}
#addmilestoneclone .modal-dialog [type=checkbox]:checked, #addmilestoneclone .modal-dialog [type=checkbox]:not(:checked){position:relative; left:inherit; opacity: 1;}
.datepicker .datepicker-days .table-condensed{width:100%;}

#edit_milestone_modal .modal-dialog{max-width:800px; width:800px;}
#edit_milestone_modal .modal-dialog [type=checkbox]:checked, #edit_milestone_modal .modal-dialog [type=checkbox]:not(:checked){position:relative; left:inherit; opacity: 1;}

.cal-en-der{display:flex; flex-direction:column; width:100%; background:#e9e9e9; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:10px 0;}
.cal-en-der h5{-moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -o-border-top-left-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -o-border-top-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px;}
.cal-en-der h4{font-size:1.8rem; font-weight:600;}

.dropdown-item.dropdown.open .dropdown-menu{display:block;}

.dropdown-item.dropdown .dropdown-toggle::after{border:none;}
.bxtol.dropdown .dropdown-toggle:after{border:none;}


.sortnx + .dropdown-menu a .fa-check-circle-o:before {
	content: "\f10c";
   }

.sortnx + .dropdown-menu a:hover .fa-check-circle-o:before, .sortnx + .dropdown-menu a:focus .fa-check-circle-o:before {
	content: "\f05d";
 }

.taskdg_list .box-header .dropdown.open .dropdown-menu .dropdown .dropdown-menu{display:none;}
.taskdg_list .box-header .dropdown.open .dropdown-menu .dropdown.open .dropdown-menu{display:block;}
.podbox .media > a img{-moz-border-radius:60px; -o-border-radius:60px; -webkit-border-radius:60px; border-radius:60px; width:60px; height:60px;}
.podbox .media{padding:10px 15px 10px 15px; border-bottom:solid 1px #e2e2e2; position: relative; overflow: hidden;}
.podbox{background:#f1f1f1; float:left; padding:0px 0px 0px 0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position: relative; width:100%; box-sizing: border-box;
 margin-bottom:30px;}
.podbox .media .media-body{padding-top:10px;}
.podescription{width:100%; box-sizing: border-box; float:left; padding:15px 15px 0px 15px;}

.podbox .bdg{
    position: absolute;
    display: inline-block;
    right: -65px;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4),inset 0 5px 15px rgba(255,255,255,0.2);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.4),inset 0 5px 15px rgba(255,255,255,0.2);
    -khtml-box-shadow: 0 0 2px rgba(0,0,0,0.4),inset 0 5px 15px rgba(255,255,255,0.2);
	box-shadow: 0 0 2px rgba(0,0,0,0.2),inset 0 5px 15px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    top: 5px;
    width: 95px;
    padding: 14px 10px 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.xpodspace{margin-top:50px;}
.podbox a:hover{color:#919ff6; text-decoration:none;}
.xpodspace .col-md-3{max-width:20%; flex:0 0 20%;}

#EditPod .modal-dialog{max-width:800px; width:800px;}

.assigned_project_list{list-style: none; margin:0; padding:0; display: flex; flex-direction: column;}
.assigned_project_list li{max-width:100%; flex: 0 0 100%; padding:5px 0;}
.assigned_project_list > li a{line-height: 18px;}

.assigned_jinn{list-style:none; margin:10px -15px 0 -15px; padding:5px 0 0; display:flex; flex-direction:row; border-top:solid 1px #ddd;}
.assigned_jinn li{max-width:20%; flex:0 0 20%; padding:5px; text-align:center;}
.assigned_jinn li a{display:inline-block; width:50px; height:50px; line-height: 49px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; overflow:hidden; border:solid 1px #ccc;}



.xcretpod ul{margin:0; padding:0; list-style: none;}
.xcretpod ul li{float:left; width:100%; box-sizing:border-box; padding:2.5px 5px; margin:0;}
.assigned_jinn li .xcretpod ul li a{text-decoration: none; color:#2d2d2d; width:100%; overflow:visible; border:none; line-height: 45px;}
.assigned_jinn li .xcretpod ul li a span{overflow: hidden;
    /* display: inline-block; */
    float: left;
    width: 50px; margin-right:10px;
    height: 50px;
    border-radius: 50%;
    border: solid 1px #ccc;}

.assigned_jinn li .dropdown-toggle::after{border:none;}
.asndprojectx{display:none; width:auto; min-width:300px; padding:5px; min-height:50px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:solid 1px #ddd;}
.adtasknew{display:none; margin-top:30px;}

.fa-progtime:before{content:url(../images/icontimer.png); width:14px; height:18px;}
#whowhen .select2-container--default .select2-selection--single{border-radius:0px;}
#whowhen .select2-container .select2-selection--single{height:36px;}

#whowhen .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:32px;}

.priv_seachsection{list-style: none; margin:0; padding:0;}
.priv_seachsection li{float:left; width:100%; box-sizing:border-box; padding:5px; font-size:0.9rem;}
.priv_seachsection li input[type="search"]{width:100%; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; min-height:50px; border:solid 1px #ccc;}
.priv_seachsection li input[type="search"]{width:100%; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; min-height:50px; border:solid 1px #ccc;}
.priv_seachsection li .middl_line{position:relative; margin-bottom:0px;}
.priv_seachsection li .middl_line small{display:inline-block; background:#fff; padding:5px; position:relative; z-index: 2;}
.priv_seachsection li .middl_line:before{content:""; width:100%; height:1.5px; background:#ccc; position: absolute; left:0; top:12px; z-index: 1;}
.priv_seachsection li.secn_roli input[type="checkbox"]{opacity:1; left:0px; margin-right:5px; position: relative;}
#privacy .dropdown-menu{min-width:300px;}
.globaldropdescription ul{list-style:none; margin: 0 0 0 16px; padding:0; max-height:150px; overflow:scroll; overflow-x:hidden;}
.priv_seachsection li.secn_roli .globalslideToggle{min-height:150px;}

.pr_boxmain [type=radio]:checked + label, .pr_boxmain [type=radio]:not(:checked) + label{padding-left:28px;}

.pr_boxmain div{border:solid 1px #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#f1f1f1; margin-right:20px; padding: 8px 8px 0px 5px;}

/* input type range */

input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #f1f1f1, 0px 0px 1px #f1f1f1;
  background: #9164eb;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #ccc, 0px 0px 1px #ccc;
  border: 1px solid #ccc;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -12px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #9164eb;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #9164eb;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #9164eb;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #9164eb;
}
input[type=range]:focus::-ms-fill-upper {
  background: #9164eb;
}

.estima_time{display:flex; flex-direction: row;}
.estima_time .et1 input{display: inline-block; }
.estima_time .et2{padding:10% 10px 0;}


/* Add task follower tab */
.flowernew_co .searchbox{position: relative; margin:0;}
.flowernew_co .searchbox:before{font: normal 18px/1 FontAwesome; content: "\f002"; color:#e6e6e6; position: absolute; left: 10px; top: 21%;}
.flowernew_co .searchbox input{padding-left:33px;}
.flowernew_co .searhlist{list-style:none; margin:0px; padding:5px 0px 5px 0px; border:solid 1px #ccc;}
.flowernew_co .searhlist li label{margin:0 5px 0 0;}
.flowernew_co .searhlist li label input{position: inherit; left:0px; opacity:1;}
.flowernew_co .searhlist li{display:flex; flex-direction: row; padding:5px 10px 5px 10px;}
.flowernew_co .searhlist li .chk_show, .mktasksave{display:none;}
.flowernew_co .searhlist li.im .chk_show{display:block;}
.flowernew_co .searhlist li > label{max-width:40%; flex:0 0 40%;}


/* dependencies */
.persentedtask{list-style:none; margin:22px 0 0; padding:0; max-height:250px; overflow:auto; overflow-x:hidden;}
.persentedtask li{padding:6px 0px; display:inline-block; width:100%; box-sizing: border-box;}
#dependencies .select2-container .select2-selection--single{height:38px;}
.xtas_list{list-style:none; margin:0px 0 0; padding:0; max-height:250px; overflow:auto; overflow-x:hidden;}
.xtas_list li{padding:6px 0px; display:flex; flex-direction: row; align-items:center; }
.xtas_list li h5{margin:0; padding-left:15px;}
.xtas_list li h5 small{font-size:73%; font-weight:400;}
.xtas_list li input[type="checkbox"]{opacity:1; left:0px; position:inherit;}




/* Control Sidebar Filter */

.filter-sidebar {
	width: 430px;
	right: -430px;
}

#control-sidebar-filter #answer-5 li {
	padding: 5px 0;
}

#control-sidebar-savedfilter .suggested-filters {
	font-size: .85rem;
}

#control-sidebar-savedfilter .suggested-filters a {
	color: #926cf2;
}

#control-sidebar-savedfilter .saved-filter li {
	padding-bottom: 10px;
}

#control-sidebar-savedfilter .saved-filter li > a {
	background-color: #fff;
	border: 1px solid #eee;
	display: block;
	padding: 10px;
}

#control-sidebar-savedfilter .saved-filter li > a:hover {
	background-color: #fcfcfc;
	color: inherit;
}

#control-sidebar-savedfilter .no-saved-filter {
	border-bottom: 1px solid #ddd;
	padding: 15px 0 25px;
}

#control-sidebar-savedfilter .no-saved-filter p  {
	margin-bottom: 0;
}


#control-sidebar-savedfilter .create-saved-filter {
	padding: 25px 0 15px;
}

#control-sidebar-savedfilter .create-saved-filter .black {
	color: #000;
}

#control-sidebar-savedfilter .create-saved-filter li {
	padding-bottom: 10px;
}


#control-sidebar-savedfilter .learn-saved-filter {
	background-color: #ecf0f4;
	padding: 15px;
	font-size: 0.85rem;
	margin: 0;
	line-height: 1.5;
}

#control-sidebar-savedfilter .learn-saved-filter a {
	color: #926cf2;
}

.milestones-box {
	background-color: #fff;
}

.milestones-box .box {
	max-width: 350px;
	margin: 0 auto;
	border: none;
	box-shadow: none;
	text-align: center;
	padding: 40px 0;
}

.milestones-box .box h4 {
	color: #333;
	font-size: 1.5rem;
}

.milestones-box .box .btn {
	border: none;
}

.milestones-box .box .btn:hover {
	background-color: #3f2880;
}


/* /Control Sidebar Filter */


.splphotM .col-md-6{position:relative;}

.box_grid_n .fx-card-item{padding-bottom:5px;}
.xptooltip p{margin-bottom:5px; color:#fff;}
.xptooltip {
    display: none;
    position: absolute;
    top: -132px;
    width: 260px;
    background: rgba(0, 0, 0, 0.8);
    left: -80%; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
    padding: 8px;
    z-index: 999;
}

.smpledit .xptooltip{display:block;}
.gridvfile div > h4, .listvfile div > h4{margin:20px 0 15px;}

.images{display:flex; flex-wrap: wrap;}

.images .pic {
    background-color: #F5F7FA;
    align-self: center;
    text-align: center;
    padding: 40px 0;
    text-transform: uppercase;
    color: #848EA1;
    font-size: 12px;
    cursor: pointer; width:20%;
}

.images .img {
    width: 20%;
    height: 93px;
    background-size: cover;
    margin-right: 10px;
    background-position: center;
    display: flex;
    align-items: center; margin:10px;
    justify-content: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.images .img .fa-trash{font-size:18px; color:#000; visibility: hidden;}
.images .img:hover .fa-trash{visibility: visible;}

#addfiles .modal-dialog{width:800px; max-width:800px;}

#adpeople11 .btn.btn-toggle {
    margin: 0 0rem 0 11rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
}



#adpeople11 .btn-toggle:before, #adpeople11 .btn-toggle:after {
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}
#adpeople11 .btn-toggle:after{display:none;}
#adpeople11 .btn-toggle:before {
    content: 'Observer'; opacity: 0.5;
    left: -6rem; text-decoration:line-through;
}

#adpeople11 .btn-toggle:after {
    content: 'On';
    right: -6rem;
    opacity: .5;
}

#adpeople11 .btn-toggle:before, #adpeople11 .btn-toggle:after {
    color: #6b7381;
}


#adpeople11 .btn-toggle.active:before {
    opacity: 1; text-decoration:none;
}

#adpeople11 .btn-toggle.active:after {
    opacity: 1;
}


#adpeople11 .btn-primary:active, #adpeople11 .btn-primary.active, #adpeople11 .show > .btn-primary.dropdown-toggle {
    background-color: #9080f5 !important;
    border-color: #9080f5 !important;
    color: #fff;
}

#adpeople11 .btn-toggle > .handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left .25s;
}

#adpeople11 .btn-toggle.active > .handle {
    left: 1.6875rem;
    transition: left .25s;
}

.speld11 div, .speld11 > input{position:relative; max-width:44%; margin-right:10px;}

#adpeople11 .heading_t{font-size:18px; margin:15px 0;}
#adpeople11 .heading_t a{visibility:hidden; font-size:13px;}
#adpeople11 .heading_t:hover a{visibility:visible;}
#adpeople11 .modal-dialog, #adrole11 .modal-dialog{max-width:800px; width:800px;}


.sampl11{list-style:none; margin:0; padding:0; display: flex; flex-wrap: wrap; flex-direction: row;}
.sampl11 li{max-width:32%; margin:5px; flex:0 0 32%;}
.sampl11 li .badge img, .sampl11 li .badge {width:16px; height:16px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; text-align: center; padding:0; font-size:10px;}
.sampl11 li .badge{margin-right:10px; margin-top:-1px; line-height: 16px;}
.sampl11 li input + label:before, .sampl11 li input + label:after{top:5px;}

.gridvfile .fx-element-overlay .fx-card-item .fx-overlay-1{height:77%;}

/*.timelist11 table tr td:last-child a{visibility: hidden;}*/
.timelist11 table tr td:last-child a{visibility: visible; margin:0 2px;}
.timelist11 table tr td{position: relative;}
.timelist11 table tr td input[type="checkbox"]{left:0; width:100%; height:100%; cursor: pointer;}
.timelist11 table tr td input[type="checkbox"]:checked + a i.fa-times-circle:before{content:"\f058"; color:#59C894;}
.timelist11 table{border-radius:5px;}
.timelist11 table tr th{background:#f1f1f1;}

#logtime11 .modal-dialog, #addlinkstat .modal-dialog{width:1000px; max-width:1000px;}
#logtime11 .modal-body > .row .col-md-2{padding:0 5px;}
#logtime11 .modal-body > .row .col-md-2 .d-flex p{padding:0 5px;}
#logtime11 .modal-body .select2-container .select2-selection--single{height:36px;}
#logtime11 .modal-body .lplock{position: relative;}
#logtime11 .modal-body .lplock input{opacity:0; width:100%; height:100%; position: absolute; left:0; top:0; cursor:pointer;}
#logtime11 .modal-body .lplock input:checked + i.fa-lock:before{content:"\f13e";}
#logtime11 .modal-body .amsify-suggestags-list{width:94% !important;}
.adtpeople .optionlink .col-12{border-top:solid 1px #ccc; padding-top:8px; padding-bottom:8px;}
.adtpeople .optionlink .col-md-3{border-left:solid 1px #ccc; padding-top:8px; padding-bottom:8px;}

.adtpeople .optionlink ul{list-style: none; margin:0; padding:0; display:flex; flex-direction: row;}
.adtpeople .optionlink ul li{padding:0 5px;}
.adtpeople .optionlink .col-md-9 ul li{padding:0 7px;}
.adtpeople .podescription{min-height:180px;}
.adtpeople .podescription i.fa-mobile{font-size:20px;}
.xpyc1 li{position:relative;}
.xpyc1 li .popupXpil{position: absolute; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; visibility:hidden; z-index:99; min-width:170px; left:-80%; bottom:28px;}
.xpyc1 li:hover a + .popupXpil{visibility:visible;}
.popupXpil ul li{float:left; width:100%; padding:2px 7px !important; box-sizing:border-box; font-size:11px;}
.adtpeople .optionlink ul li .popupXpil ul{flex-direction: column;}
.xpyc1 li .popupXpil:after{width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff; content:""; position:absolute; left:14.5%; bottom:-6px;}
.row.optionlink{margin-left:0px;}
.row.optionlink > .col-md-9{padding-left:5px;}
.probxx11 option:before{border-left:solid 2px #000;}
#addriskentry .modal-dialog{width:900px; max-width:900px;}
.min_height650{min-height:650px;}
.outrdivn_comm .media-body p{margin:0px 0 5px;}
.outrdivn_comm .media-body div{margin:10px 0;}
.outrdivn_comm .box-tools ul{list-style:none; margin:0; padding:0; display:flex; flex-direction: row;}
.outrdivn_comm .box-tools ul li{padding:5px 8px;}
.inn_repeatcomm{border-bottom:solid 1px #ccc; padding:15px 0 10px;}

.wishlk a{background:url(/public/images/likepp.png) no-repeat; display:inline-block; width:30px; height:30px; margin:2px 8px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);}
.wishlk a:hover{-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);}
.wishlk a.lik{background-position:0px 0px;}
.wishlk a.dislik{background-position:-28px 0px;}
.wishlk a.heart{background-position:-53px 0px;}
.wishlk a.smli{background-position:-82px 0px;}
.wishlk a.wowl{background-position:-113px 0px;}
.ntified p img{float:left; border-radius:50%; width:30px; height:30px; margin-right:10px;}
.ntified p{width:100%; float:left; padding:5px 10px; line-height: 30px; margin-bottom: 5px;}
.tab_ac{list-style:none; margin:0; padding:0; display:flex; position:absolute; right:0; top:-5px;}
.tab_ac li{margin:0; padding:0;}

.sr_filter .form-group{margin:8px 10px;}
.sr_filter .form-group .select2-container .select2-selection--single{height:38px; border-radius: 0; border-color: #ddd;}


/* kunal style for invoice */

.width100
{
    width: 100%;
}
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single
{
    padding: 8px 12px;
}
.Invoice-data-table button
{
    background: none;
    border:none;
}
.Invoice-data-table
{
    overflow-y: hidden;
    margin-top: 1rem;
}
.Invoice-data-table button:after
{
    display: none;
}
.Invoice-data-table .dropdown-menu
{
    transition: none !important;
}
.table-total span
{
    display: inline-block;
    width: 150px;
    text-align: left;
}

/* kunal style for invoice close */


.img_round_100{width: 50px; height: 50px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}

.perm_box{border:1px solid rgba(97, 106, 120, 0.07); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; float:left;}

.perm_box ul{list-style:none; margin:0 0 20px; padding:0; display:inline-block; width:100%;}
.perm_box ul li{float:left; width:100%; box-sizing: border-box; padding:10px 0; border-bottom:1px solid rgba(97, 106, 120, 0.07);}
.perm_box ul li span{float:left;}
.perm_box ul li label{float:right; margin-top: 5px;}
#people_setting .modal-dialog{max-width:800px; width:800px;}
#edit_peopprof .modal-dialog{max-width:922px; width:922px;}

/*   upload   */

.imagePreview {
    width: 100%;
    height: 180px;
    background-position: center center;
  background:url(http://cliquecities.com/assets/no-image-e3699ae23f866f6cbdf8ba2443ee5c4e.jpg);
  background-color:#fff;
    background-size: 100% 100%;
  background-repeat:no-repeat;
    display: inline-block;
  box-shadow:0px -3px 6px 2px rgba(0,0,0,0.2);
}
.imgUp label.btn-primary
{
  display:block;
  border-radius:0px;
  box-shadow:0px 4px 6px 2px rgba(0,0,0,0.2);
  margin-top:-5px;
}
.imgUp
{
  margin-bottom:15px;
}
.del
{
  position:absolute;
  top:0px;
  right:15px;
  width:30px;
  height:30px;
  text-align:center;
  line-height:30px;
  background-color:rgba(255,255,255,0.6);
  cursor:pointer;
}
.imgAdd
{
  width:30px;
  height:30px;
  border-radius:50%;
  background-color:#4bd7ef;
  color:#fff;
  box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);
  text-align:center;
  line-height:30px;
  margin-top:0px;
  cursor:pointer;
  font-size:15px;
}

.controls .select2-container .select2-selection--single{height:36px;}

/* setting box html */
.xboxnsetting{width:100%; float:left; height:auto; background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; border:solid 1px #eee; margin:5px 0; box-sizing:border-box; padding:10px; }

.xupdset1 .flex-row{padding:8px 0px;}
.xupdset1 .flex-row .xs_edit a{visibility: hidden;}
.xupdset1 .flex-row:hover .xs_edit a{visibility: visible;}
.xupdset1 .flex-row:hover{background:#f9f9f9;}
.xupdset2 ul{list-style:none; margin:0px; padding:0px; display:flex; flex-direction: row; flex-wrap: wrap;}
.xupdset2 ul li{flex:0 0 50%; max-width:50%; padding-left:30px; padding-right:30px;}
.setupimgx1{width:80%; height:80px; overflow:hidden; background:#f1f1f1;}

.pl-upd{display:none;}

.tables-users.table-responsive tr td div ul li a.del{position:relative; left:inherit; right:inherit; top:inherit; width:100%; text-align:left; height:auto;}

#podjinnprofile .modal-dialog{max-width:700px; width:700px;}

.whowhen_co .col-md-3 .form-group .task_work_should_do + .btn-group{width:100%; display:inline-block;}
.whowhen_co .col-md-3 .form-group .task_work_should_do + .btn-group > .btn{width:100%; flex:inherit; background:transparent; text-align:left;}
.whowhen_co .col-md-3 .form-group .task_work_should_do + .btn-group > .btn:after{float:right; margin-top:9px;}

.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:22px !important;}

/***************Antima Css************/
.section-content{ padding-top: 30px }
.reviewBoxWrap, .JinnRateBoxWrap{padding: 10px; border: 1px solid  #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.projectName{display:flex; flex-direction:row;}
.projectName span{flex:0 0 14%; max-width:14%;}
.projectName h4{flex:0 0 86%; max-width:86%; font-size:18px; font-weight:500;}
.AboutProject{min-height:100px;}
.AboutProject h4{ border-bottom:1px solid #ccc; padding-bottom: 10px; font-size:15px;}

.btnWrap{text-align: right;}
.titleWrap{ font-size:16px; line-height:20px; width: 40%;}
.ratebtn{ background-color: #926cf2; color:#fff; }
.ratebtn:hover{ background-color: #000 }
.ratingInner  > div{display:inline-block; font-size: 16px; font-weight: 400; margin-bottom:15px;}
.starWrap{ width: 59% }

.ratingInner textarea{vertical-align: bottom}
#ratingSubmitmodal{ background-color: #eee; margin-top:100px;}
.RateInfoIcon{width: 20px; height: 20px;background:#000; border-radius: 100%; color: #fff; line-height:20px;display: inline-block; text-align: center;}
.RateInfoIcon i{ line-height: 20px; }
.RateInfoIcon:hover{ background-color: #926cf2; color: #fff }


.ActionData.show{display: block}
.ActionWrap{ position: relative; }
.ActionWrap i{cursor: pointer; width: 30; height:30; display: block;}
.ActionData{display: none; position: absolute; top:100%; right:0px; width: 200px; padding: 0px 0; border: 1px solid #ccc; background:#fff; border-radius: 3px;}
.ActionData ul li{ list-style: none; display: block;}
.ActionData ul {padding: 0px;}
.ActionData ul li a{ display: block; padding: 10px;border-bottom:1px solid #000; }

.ActionData ul li:last-child a{border-bottom: none}
.dashboardbtn{margin-top:20px }
.dashboardbtn button{ font-size: 18px }
.dashboardbtn .resetBtn{ margin-top: -5px !important; border-radius:0 !important; }
.section-content { padding-top:30px; }

.formSubmitAlert{ position: absolute; top:40%; }
.incluserWrap{ height: 50px }


.userIcon i{ font-size: 40px; }
.clientRatingRow div{ font-size: 16px; line-height: 20px; background-color: #000 }

#ViewJinnRatingTable .clientName{ margin-right: 20px; display: inline-block; }
#ViewJinnRatingModal .modal-dialog{ max-width: 100% !important;width:100% !important;}

#editimelog .modal-dialog {
    max-width: 800px;
    width: 800px;
}
	.selecthei35 .select2-container .select2-selection--single{height:35px; line-height: 35px;}
	.selecthei35 .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:28px !important;}
	.selecthei35 .select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top:1px;}
	.lockunlock{position:relative;}
	.lockunlock input[type="checkbox"]{opacity:0; position: absolute; width:100%; height:100%; left:0px !important;  cursor:pointer; }
	.lockunlock input[type="checkbox"] + .fa-lock{margin-top: 34px; font-size: 20px;}
	.lockunlock input[type="checkbox"]:checked + .fa-lock:before{content:"\f13e";}

	.setrt, .setrtuser{position:relative; padding:9px 5px 5px 5px;}
	.setrt input[type="checkbox"], .setrtuser input[type="checkbox"]{position:absolute; opacity:0; width:100%; height:100%;}
	.setrt input[type="checkbox"] + i{color:#333;}
	.setrt input[type="checkbox"]:checked + i{color:#926cf2;}
.setrtuser input[type="checkbox"] + i{color:#333;}
	.setrtuser input[type="checkbox"]:checked + i{color:#926cf2;}
	#setrate ul{list-style:none; margin:0; padding:0;}
	#setrate ul li{float:left; width:100%; box-sizing:border-box; padding:5px 0;}
	#setrate .modal-footer{width:100%;}

	#setrate .userpic{display:inline-block; width:30px; height:30px; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; background:#f1f1f1; color:#333; text-align: center;
    line-height: 31px;}

.proftab a.nav-item{color:#bbb;}
#nav-whistory ul{list-style: none; margin:0; padding:0; display:flex; flex-direction: column;}
#nav-whistory ul li{background:#fff; margin-bottom:1px; padding:8px; border-bottom:solid 1px #eee; display:inline-block; -webkit-transition:0.5s linear; transition:0.5s linear; cursor: pointer;}
#nav-whistory ul li a{color:#333;}

#nav-whistory ul li:first-child{border-top-left-radius:3px; border-top-right-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-top-left-radius:3px; -moz-border-top-right-radius:3px;}
#nav-whistory ul li:last-child{border-bottom-left-radius:3px; border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-bottom-left-radius:3px; -moz-border-bottom-right-radius:3px; border-bottom:none;}

 #nav-whistory ul li:hover{background:#333; color:#fff;}
#nav-whistory ul li:hover a{color:#fff;}

#nav-Rewards ul{list-style:none; margin:0; padding:0; display:flex; flex-direction: row; flex-wrap: wrap;}
#nav-Rewards ul li{max-width:18.7%; flex:0 0 18.7%; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#fff; text-align: center; margin:5px; padding:10px 0;}
.serviceblg{list-style: none; margin:0; padding:0; display:flex; flex-direction: row; flex-wrap: wrap;}
.serviceblg li span{margin:4px 5px 4px 0px; padding:8px; display:inline-block; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#f1f1f1;}

#profile_pag .modal-dialog{width:900px; max-width:900px;}

#profile_pag .modal-dialog h5 small, #profile_pag .modal-dialog small{font-size:80%; font-weight:400;}

.color_theme_yellow{color:#7460ee;}
.color_bbb{color:#bbb;}

.socailprof a{display:inline-block; background:#f1f1f1; border-radius:20px; padding:0px 8px; text-align:center; width:30px; height:30px; line-height: 30px; margin:1px 2px 0; color:#2d2d2d;}
.srating{float:left; width:100%;}
.srating strong, .srating span{float:left;}
.srating span{margin:9px 0 0 5px;}

#nav-tabContent{background:#f8f8f8; padding:15px;}

.proftab .nav-tabs .nav-item.show .nav-link{
    color: #495057;
    background-color: #f8f8f8;
    border-color: #dee2e6 #dee2e6 #f8f8f8;
}

.proftab .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #f8f8f8;
    }

.proftbsxmodi .taskright{margin:15px 0 0 0;}
.navig_profile{margin-top:10px; padding:0;}
.navig_profile ul{list-style:none; margin:0; padding:0; border-bottom:solid 1px #eee; float:left; width:100%;}
.navig_profile ul li{float:left;}
.navig_profile ul li a{float:left; padding:10px 15px; border-bottom:solid 2px transparent; margin-bottom:-2px;}
.navig_profile ul li.active a, .navig_profile ul li:hover a{border-bottom:solid 2px #7460ee;}
.xpermissions ul{list-style: none; margin:0; padding:0;}
.xpermissions ul li{float:left; width:100%; box-sizing: border-box; padding:8px 0; }
.locliz{list-style:none; margin:20px 0 0 0; padding:0;}
.locliz li{border-bottom:solid 1px #ccc; padding:8px 0;}
.locliz li p{margin:0;}
.locliz li p:first-child{width:30%;}

#task_detail_content .modal-header{padding:20px 30px;}
#task_detail_content .modal-title {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}
#task_quick_view .modal-dialog {
    margin-top: 60px;
}


#task_detail_content .taskrecord .taskglist li a span.pendingTask i{margin:0px !important;}

#task_detail_content .taskrecord .taskglist li a span.pendingTask{width:30px; height:30px; line-height:23px; margin-top:-6px;}

#task_detail_content .filesec h4 + .row{margin:0;}
.hbgnavyblue .panel-body .col-md-10 h5, .hbgnavyblue .panel-body .col-md-8 h5{font-size:14px; font-weight:500;}
.hbgnavyblue .panel-body .user_avatar_section img{-webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;}
.hbgnavyblue span.comp_task{display:inline-block; width:25px; height:25px; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; border:solid 1px rgba(0, 0, 0, 0.2); background:#74d348;
	margin-top:-10px; color:#fff;}
.hbgnavyblue span.incom_task{display:inline-block; width:25px; height:25px; -moz-border-radius:50px; -webkit-border-radius:50px; margin-top:-10px; border-radius:50px; border:solid 1px rgba(0, 0, 0, 0.2);
	background:#fff; color:#333;}

.xm_imghover{position:relative; transition:0.5s linear; -webkit-transition:0.5s linear;}

.xm_imghover .user_avatar_section{position:absolute; top:0; }
.xm_imghover .user_avatar_section + button{display:none;}
.xm_imghover:hover .user_avatar_section{display:none;}
.xm_imghover:hover .user_avatar_section + button{display:block;}
.btn-themepurple {
    background-color: #7460ee;
    border-color: #7460ee;
    color: #fff;
}

#task_quick_view .modal-dialog.smdialo{margin-top:0;}


.setting-modal .modal-header div:first-child {
    flex: 0 0 12%;
    max-width: 12%;
}

.setting-modal .modal-header span {
    width: 40px;
    height: 40px;
    background: #f1c40f;
    color: #fff;
    border: 1px solid #999;
    text-align: center;
    display: block;
    font-size: 18px;
    line-height: 40px;
	}
.setting-modal .modal-header div:nth-child(2) {
    flex: 0 0 88%;
    max-width: 88%;
}

.setting-modal .modal-header h5 {
    font-size: 16px;
    font-weight: 500;
	margin: 0px 0 0;
}

.setting-modal .modal-header p {
    color: #666; margin-bottom: 0px;
}

.setting-modal .modal-header {
    background: #d9d9d9;
    padding: 10px;
}

.setting-modal .modal-header .close {
    position: absolute;
    font-size: 12px;
    right: 10px;
    margin: 0;
}

.setting-modal .modal-body {
    background: #f2f2f2;
	padding: 1rem 0;
}


.ssmodi .del{ position:inherit; top:inherit; right:inherit;}

.ssmodi .edit{display:inline-block; padding:0 5px;}

.ssmodi .dropdown-menu {
    position: static;
     top: inherit;
    left: inherit;
    display: block;
    float: none;
     min-width: inherit;
    padding: 0px;
    margin: 0px;
    font-size: 1rem;
    color: #333;
     text-align: right;
    list-style: none;
    background-color: transparent;
    box-shadow:none;
   border: none;
    border-radius:none;
}


.select2themeheight .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
}


.select2themeheight .select2-container .select2-selection--single {height: 35px;}

.select2themeheight .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 29px !important;
}

.select2themeheight .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 32px;
}

.select2themeheight.box-body{position:relative;}

.select2themeheight .loader {
    border: 16px solid #e9e6e6;
    border-top: 16px solid #7460ee;
    border-radius: 50%;
    position: absolute;
    width: 50px;
	background:rgba(0, 0, 0, 0.3); z-index:9;
    top: 25%;
    height: 50px;
    left: 50%;
    animation: spin 2s linear infinite;
}



.add-event-form.adjustthemeform input{  display: block;
    width: 100%; height:auto;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.4;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: none;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}


.add-event-form.adjustthemeform input.btn{background: #7460ee; width:auto;
   border-radius: 4px;
    border: none;
    font-size: inherit;
    display: inline-block;
    margin-top: 10px; color:#fff;
    padding: 8px 15px;
}

.updt27_select2 .select2-container .select2-selection--single .select2-selection__rendered, .updt27_select2 .select2-container .select2-selection--multiple .select2-selection__rendered{min-height:50px; line-height:50px !important; margin-top:0;}
.updt27_select2 .select2-container .select2-selection--single, .updt27_select2 .select2-container .select2-selection--multiple{height: 50px; background: #f7f8fa; border: 1px solid #f3f3f3; padding:0; border-radius:0px;}
.updt27_select2 .select2-container--default .select2-selection--single .select2-selection__arrow{height:50px;}
.updt27_select2 .select2-container .select2-search--inline .select2-search__field{margin-top:0px; min-height: 50px;}
.updt27_select2 .select2-container .select2-selection--multiple .select2-selection__rendered{line-height: inherit !important; padding:0px 5px; min-height: auto;}
.updt27_select2 .select2-container--default .select2-selection--multiple .select2-selection__choice{padding:5px; margin-top:5px;}


 .adddiscussion .add-event-form input.btnsdf {
	 display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: all 0.15s ease-in-out;
	 background-color: #ffb22b;
    border-color: #ffb22b; width:auto; height:auto;
	font-size: 15px;
    padding: 7px 20px;
    line-height: 32px;
}

a.text-light, .text-light{color:#cdd2d6 !important;}
a.text-light:hover{color:#7460ee !important;}

.media-body.xplpopup > p{text-align:right;}

.main-sidebar.darkHeader{position:fixed; top:0; left:0;}

.main-header.darkHeader{position:fixed; top:0; left:0; width:100%;}

.listylenone.resultlist1 li a{line-height: normal; padding:1px 5px 0;}
.listylenone.resultlist1 li a:hover, .listylenone.resultlist1 li a:focus, .listylenone.resultlist1 li.active a{padding:1px 5px 0; background:#909cf5; border-color:#909cf5;}
.resultlist2 li a:hover, .resultlist2 li a:focus, .resultlist2 li.active a{color:#909cf5;}


#productListing > h2{color:#909cf5 !important;}
.taskdg_list .box-header{border-radius:3px;}
#userListForAddPeople #userListForChat li .new-conversation-img-status, #divGroupListForChat #groupListForChat li .new-conversation-img-status{float:left;}

#userListForAddPeople #userListForChat li .add-user-contact-name, #divGroupListForChat #groupListForChat li .add-user-contact-name{float:left; padding-top:10px;}
.adddiscussion .add-event-form input.btn.creatclint{display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25;

    transition: all 0.15s ease-in-out;
    background: #927af3;
    border-radius: 3px;
    border: none; margin-top:10px;
}

.updt27_datepick .input-group .form-control{min-height:50px; background: #f7f8fa; border: 1px solid #f3f3f3;}
.updt27_datepick .input-group .input-group-addon {min-height: 50px; background: #f7f8fa; border: 1px solid #f3f3f3;}

.bck_f{background:#f1f1f1;}
.invoic_emp .table tr td{font-size:14px;}
.invoic_emp .table tr td h5, .invoic_emp .table tr td h4{font-size:16px;}

a[data-toggle="control-sidebar"], .globalcontsidebar.filter-sidebar{display:none !important;}

#mySelect + .dashboardcode-bsmultiselect ul li.badge span{color:#333;}
#mySelect2 + .dashboardcode-bsmultiselect ul li.badge span{color:#333;}

#task_approval .approve_screenshot_form .screen-check-wrap .my_class .form-check-label:before, #task_approval .approve_screenshot_form .screen-check-wrap .my_class .form-check-label:after{display:none;}
.tablesmlfonts th, .tablesmlfonts td{font-size:14px;}

.splt.d-flex > p{max-width:5%; flex:0 0 5%;}
.splt.d-flex > p strong{font-size:1.2rem;}
.progress-list{margin-top:3px;}
.progress-list li {
    display: inline-block;
    width: 5px;
    height: 15px;
    background: #ccc;
}

.blue-progress {
    background: #7460ee !important;
}

.slpt select.select2 + span.select2{width:100% !important;}
.JinnRateBoxWrap .btnWrap {
	text-align: left;
}





/* Responsive */

@media only screen and (min-width: 991px){
.table-responsive.table-large-scroll {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

	#summary .modal-dialog { width: 60%; max-width: 100%; }
	#summary .modal-dialog .table-responsive{display: block; width: 100%; overflow-x: auto;}

}




@media only screen and (min-width: 1700px){
.taskrecord .col-md-1, .adtasknew .col-md-1 {-ms-flex: 0 0 4.2%; flex: 0 0 4.2%; max-width: 4.2%;}
.taskrecord .col-md-11, .adtasknew .col-md-11 {
    -ms-flex: 0 0 95.666667%;
    flex: 0 0 95.666667%;
    max-width: 95.666667%;
}


}