/*** General ***/
.hide {
    display:none !important;
}
.alert-modal .modal-header {
    background-color:#c82333;
    border-color:#c82333;
    color:#fff;
}


/*** Login ***/
body.form-membership .form-wrapper form .form-control {
    margin-bottom: 0rem;
}
body.form-membership .form-wrapper .logo {
    margin-bottom:0px;
}

/*** Users group colors ***/
.user-color-0 {
    color:#0d80f3;
}  
.user-color-1 {
    color:#fac400;
}  
.user-color-2 {
    color:#fc3b4c;
}  
.user-color-3 {
    color:#d696bb;
}  
.user-color-4 {
    color:#12cf13;
}  
.user-color-5 {
    color:#ff7e2a;
} 
.user-color-6 {
    color:#7646fe;
}   
.user-color-7 {
    color:#20cdf5;
} 
.user-color-8 {
    color:#d4a88d;
} 
.user-color-9 {
    color:#ff5ca1;
} 

/*** Chat Rooms ***/
.layout .content .sidebar-group .chatsidebar {
    display: flex !important;
}
.layout .content .sidebar-group .sidebar .item-active {
    background-color:#f9f9f9;
}
.layout .content .sidebar-group .sidebar .list-group-item .users-list-body p {
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
}
.layout .content .sidebar-group .sidebar .list-group-item {
    padding: 18px 20px;
}
#page-state {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #3db16b;
    border-radius: 100%;
    margin-left: 2px;
}

/*** FORM ***/
.toast-error {
    background-color: #bd362f !important;
}
.toast-success {
    background-color:#3DB16B !important;
}
input.help-block-error {
    border:1px solid #bd362f !important;
}
.dz-image {
    background-size:cover !important;
}
#save_chat_form .images-area, #save_user_form .images-area {
    padding:0px !important;
    border-radius:100%;
}
.images-area .dz-preview {
    margin:0px;
}
#save_chat_form  .images-area .dz-preview .dz-image, #save_user_form .images-area .dz-preview .dz-image {
    width:160px;
    height:160px;
    border-radius:100% !important;
}
.remove-image {
    position:absolute;
    top:0px;
    left:0px;
    z-index:9999;
}
.template-preview .info-text {
    font-size:12px;
    margin-top:5px;
    float:left;
    text-align:center;
}
.images-area .removefile_btn {
    position:absolute;
    top:0px;
    left:0px;
    z-index:9999;
}
#save_user_form .dz-message {
    margin:0px;
}
#user-image-group {
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
}

/*** CHAT ***/
.message-content small {
    display:block;
}
.avatar-group figure.avatar {
    margin-right: 0.1rem!important;
}
.layout .content .chat .chat-footer {
    border-top: 2px solid #e1e1e1;
    padding-top: 20px;
    position: relative;
}
#message-files {
    position: absolute;
    width: 100%;
    bottom: 270px;
    left:0px;
    height:0px;
    display:none;
}
#message-files  .images-area .dz-preview .dz-image {
    margin:5px;
    border-radius:0% !important;
}
.messages .file img {
    height:120px ; 
    width:auto ;
}
.messages figure.avatar.avatar-lg {
    height: 5.2rem;
    width: 100%;
    margin-bottom:5px;
    background-color: #ffed4a;
}
.messages figure.avatar.avatar-lg i{
    color:#fff !important;
}
.icon_doc {
   background-color: #6cb2eb !important  
}
.icon_pdf {
    background-color: #e3342f !important
 }
 .icon_xls {
    background-color: #38c172 !important;
 }
 #contact-information {
     margin-left:20px;
 }
 .emptychat {
    background-color:#fff;
    padding:20px;
 }
 .admin-message {
     width:100%;
     max-width:100% !important;
     margin-left:0px !important;
 }
 .layout .content .chat .chat-body .messages .admin-message .message-content {
    background-color: #0abb874f !important;
}
.message-content .admin-user {
    font-weight: 600;
    color: #000;
}

/*** CALENDAR ***/
.layout .content .calendar {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .layout .content .calendar .calendar-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 2px solid #e1e1e1;
    padding-bottom: 20px;
}

.layout .content .calendar .calendar-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 20px 0;
}

/*** FAQ ***/
.layout .content .faqs {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .layout .content .faq {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .layout .content  .faqs-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 2px solid #e1e1e1;
    padding-bottom: 20px;
}

.layout .content .faqs-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 20px 0;
    display: flex;
    flex-direction: row;
}
.faqs-header form {
    margin-bottom:0px;
}
.faqs-header h5 {
    margin-bottom:0px;
    padding-top:10px;
}
#faqs-view {
    width:100%;
}

.faq-item {
    float:left;
 
}
.faq-item>div {
    float:left;
    background:#fff;
    padding:20px;    
    width:100%;
    margin-bottom:20px;
}
.faq-item .faq-header {
    border-bottom:1px solid #ddd;
    margin-bottom:10px;
}
.faq-item .faq-header {
    border-bottom:1px solid #ddd;
    height: 58px;
}
.faq-item .faq-body {
    min-height:70px;
}
.faq-item .faq-footer small {
    padding:10px 0px;
    color:#7d7d7d;
}
.faq-item .faq-footer i {
    margin:0px 5px;
}
#faq-view {
    width:100%;
}
.faq-body h6 {
    font-size:1.1em;
}
.faq-body small {
    color:#918f8f !important;
    font-size:0.7em;
}

.comment-item .faq-body p {
    min-height:auto !important;
}
.faq-header .btn-default, .faq-footer .btn-default {
    border:1px solid #ddd;
    margin-right:3px;
}
.faq-text a {
    color:#3db16b !important;
    font-weight: bold;
}





/*** Admin Panel ***/
.adminpage {
    width:100%;
    background:#fff;
    padding:30px;
}
#changeadmin_form .dropdown-menu {
    max-height: 100% !important;
    overflow:auto !important;
}