/* ******** GREEN THEME ******** */
body > .header .logo {font-family: 'Source Sans Pro', sans-serif; font-weight:bold; }
.skin-blue .left-side { background:#C4E7E5;}
.skin-blue .navbar { background-color: #4d6b6a !important; }
.skin-blue .logo { background-color:#000101; color: #f9f9f9; }

 
.skin-blue .sidebar > .sidebar-menu > li { border-top: 1px solid #6f8685 !important; border: none; }
.skin-blue .sidebar a { color: #000000; }
.skin-blue .sidebar > .sidebar-menu > li:first-of-type > a { border-top: 1px solid #90b3c6; }
.skin-blue .sidebar > .sidebar-menu > li > a:hover, .skin-blue .sidebar > .sidebar-menu > li.active > a { color: #dcfefc; background:#4d6b6a ; }
.skin-blue .logo:hover { background-color: #000101; }
.skin-blue .sidebar > .sidebar-menu > li:first-of-type { border-top: none !important; }
.skin-blue .sidebar { border:none; }
.skin-blue .navbar .nav > li > a:hover, .skin-blue .navbar .nav > li > a:active, .skin-blue .navbar .nav > li > a:focus, .skin-blue .navbar .nav .open > a, .skin-blue .navbar .nav .open > a:hover, .skin-blue .navbar .nav .open > a:focus {
    background: none repeat scroll 0 0 #4D6B6A;
    color: #F6F6F6;
}
.bg-light-blue { background-color: #4D6B6A !important; }
.navbar-nav > .user-menu > .dropdown-menu > li.user-header { background: none repeat scroll 0 0 #4D6B6A; }
/* ******** END GREEN THEME ******** */
.cursor_pointer{cursor: pointer;}
.form-error { color:#FF0000; font-size:13px;  }
.mandatory{ color:#FF0000; font-size:12px; }
.readonly { background-color: #ffffff !important; cursor: pointer !important; }
.modal-content { background-clip: padding-box; background-color: #FFFFFF;  border: 1px solid rgba(0, 0, 0, 0.2);  border-radius: 6px;  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
                 margin-top: 35% !important;  outline: 0 none;  position: relative; }
.greenstyle{ color: #00a65a; font-weight: bold; }
.bluestyle{ color: #00f; font-weight: bold; }
.redstyle{ color: #FF0000; font-weight: bold; }
.yellowstyle{ color: #b27100; font-weight: bold;}

/********* POPUP ALERT BOX STYLE*********/
.modal-content { background-color: #E8F9F8; }
.bootbox-body { color: #1678AD; font-size: 16px; }
/********* POPUP ALERT BOX STYLE*********/

.sub_title{ color: #405958; font-size: 16px; font-weight: bold;}
.form-control { background-color: #FFFFFF; background-image: none; border: 1px solid #CCCCCC; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
                color: #555555; display: block; font-size: 14px; height: 30px; line-height: 1.42857; padding: 2px 5px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
                vertical-align: middle; width: 100%;
}

/************** Guest Panel *******************/
.serach-div { width: 42%; }
.serach-div .form-control { width: 50%; margin-left: 15px; width: 70%; }
#search{ float: left; }
.serach-div #searchpost { padding-bottom: 3px; padding-top: 3px; }
.err_msg  { color:red; font-size: 13px; height: 15px;  margin-left: 15px; margin-top: 10px;  }
.clear { clear:both; margin:0px; padding:0px; line-height:0px;}
.err_msg  p{ margin-left: 15px; margin-top:-10px; }
/************* End Guest Panel ****************/   

/******************* Accordion ****************/
.form-inline .form-group { margin-right:10px; }
.well-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(66, 139, 202);
    border-color: rgb(53, 126, 189);
}
.glyphicon { margin-right:5px; }
/******************* Accordion ****************/
textarea.form-control {
    height: auto;
    resize: none;
}
col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:13px;padding-left:12px!important}

.space_bw_td_and_sorting_image{ padding-right: 17px;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    background-color : #4d6b6a;
    color: #fff;
}

.nav-tabs li a{
    /*    background: #dcfefc;*/
    color: #000;
}
.nav > li > a:hover, .nav > li > a:focus {
    background-color : #4d6b6a;
    color: #fff;
}


.glyphicon.glyphicon-flag.blue {
    color: #994C19;
    cursor: pointer;
}

.glyphicon.glyphicon-flag.red {
    color: red;
    cursor: pointer;
}
.action_default{ color: #4a8cb2; }
.action_grey{ color: #afaeae; }
.action_danger{ color: #FF7F44; }
.action_green{ color: #518951; }
.action_gold{ color: #E0B34C; }
.action_orange{ color: #FF7E00; }
.action_red{ color: #FF0000; }
.terms_condition_text{ color: #6497ba; font-size: 18px; }

#grouptype > option {
    border-right: 2px solid #ddd;
}
.created_schedule_title{ text-align: center; }
.left {
    float: left;
}
.left-5 { margin-right: 5px;}
.white-txt { color: #fff; font-size:14px; line-height: 14px;}
.save-btn {position: absolute;
           bottom: 0px;
           right: 0px;
           cursor: pointer;
           /*border: #cccccc solid 1px;*/
           padding-left: 7px;
           /*background-color: #ededed;*/
           font-family: 'Source Sans Pro', sans-serif;
           color: green;
           font-size: 14px;
}
.schedule-notes{ color: red; text-align: center; }
.col-align-center{ text-align: center;}
.fc-view.fc-view-month.fc-grid {
    overflow-x: scroll !important;
}

@media (max-width:800px){
    .employeeTable table{
        width:100% !important;
    }    
}

/*
#example1 { width: 717px; table-layout: fixed;  border-collapse: collapse;}
#example1 tbody {  display: block; overflow: auto; width:730px; height: 300px;}
#example1 td:nth-child(2), .fixed_headers th:nth-child(2) { }
#example1 th, #example1 td {
  padding: 5px;
  text-align: left;
 
}*/

.employee_exist .bootbox-body{color :red;}


/*Custom modal design starts*/
.custom-modal-ui .modal-header {
    text-align: center;
    background-color: #E8F9F8;
    border: none;
    padding: 20px;
}
.custom-modal-ui .modal-body {
     padding: 20px;
     background-color: #fff;
}
.custom-modal-ui .form-inputs-full {
    margin-bottom: 15px;
}
.custom-modal-ui .form-inputs-full label {
    width: 100%;
}
.custom-modal-ui .modal-content {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: none;
    border: none;
    background-color: #fff;
}
.custom-modal-ui .modal-header .modal-title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
.custom-modal-ui .modal-footer {
    background-color: #E8F9F8 !important;
    border: none;
    margin: 0px;
    padding: 20px;
    text-align: left;
    display: flex;
    align-items: center;
}
.custom-modal-ui .btn {
    background-color: #10477f;
    border: none;
    border-radius: 50px;
    padding: 10px 25px;
    font-size: 14px;
}
.custom-modal-ui .btn-cancel {
    /*background-color: #c2f3f0;*/
    /*color: #0B9279;*/
    background-color: #de5151;
    color: #ffffff;
    box-shadow: none;
    font-weight: bold;
    border-radius: 50px;
    padding: 10px 25px;
}
.custom-modal-ui .modal-footer .btn-cancel {
    margin-left: auto;
}
.custom-modal-ui .btn-primary {
    background-color: #10477f;
    border: none;
    border-radius: 50px;
    padding: 10px 25px;
    font-size: 14px;
}
.custom-modal-ui .btn-cancel:hover,
.custom-modal-ui .btn-cancel:focus {
    background-color: #f35959;
}
.custom-modal-ui .form-control {
    border-radius: 10px !important;
    min-height: 40px;
    border-color: #ebecf3;
    background: #fff;
    box-shadow: none;
    padding: 6px 12px;
}
.custom-modal-ui .form-control:focus {
    background: #fff;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.12);
}
.custom-modal-ui #notes {
    height: auto !important;
}
.custom-modal-ui label .mandatory {
    display: none;
}
.custom-modal-ui .date-group {
    display: flex;
    align-items: center;
    gap: 15px;
}
.custom-modal-ui .date-group .form-control {
    width: auto !important;
    max-width: 120px;
}
.custom-modal-ui .date-group .bootstrap-timepicker {
    width: auto !important;
}
.custom-modal-ui .modal-header .close {
    /*background: #de5151;*/
    opacity: 1;
    /*width: 30px;*/
    /*height: 30px;*/
    /*border-radius: 50px;*/
    box-shadow: none;
    text-shadow: none;
    color: #919191;
    font-size: 26px;
    margin: 0;
    line-height: 30px;
}
.custom-modal-ui .btn-full {
    width: 100%;
}
.custom-modal-ui .btn {
    min-height: 40px;
}
.custom-modal-ui .readonly {
    background-color: #f2f2f2 !important;
}
.custom-modal-ui .bootbox-close-button {
    display: none;
}
.custom-modal-ui .view-text {
    font-weight: 600;
    line-height: 24px;
    background: #efefef;
    border: none;
}
.custom-modal-ui .delete-availability {
    background: #e9e9e9;
    padding: 15px 0px 10px 0px !important;
    border-radius: 15px;
}
.custom-modal-ui .delete-availability .form-control {
    margin-bottom: 15px;
}
.custom-modal-ui .modal-body-title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

/*Backend JS Modals CSS starts*/
.facebox-modal-ui {
    /*top: 0 !important;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
    z-index: 1030;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 25px;
}
.facebox-modal-ui::before {
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    content: '';
    left: 0;
    top: 0;
    position: fixed;
}
.facebox-modal-ui .modal-body-title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}
.facebox-modal-ui .body .content {
    width: 100% !important;
}
.facebox-modal-ui .modal-header {
    text-align: center;
    background-color: #E8F9F8;
    border: none;
    padding: 20px;
}
.facebox-modal-ui .modal-header .modal-title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
.facebox-modal-ui .modal-header .close {
    opacity: 1;
    box-shadow: none;
    text-shadow: none;
    color: #919191;
    font-size: 26px;
    margin: 0;
    line-height: 30px;
}
.facebox-modal-ui .popup {
    margin: 10px;
}
.facebox-modal-ui .popup .b,
.facebox-modal-ui .popup .tl,
.facebox-modal-ui .popup .tr,
.facebox-modal-ui .popup .bl,
.facebox-modal-ui .popup .br {
    background: #fff !important;
    display: none;
}
.facebox-modal-ui .popup .body {
    border-radius: 20px !important;
    padding: 0px !important;
    overflow: hidden;
    border: none !important;
}
.facebox-modal-ui .popup .body .content {
    padding: 0px;
}
.facebox-modal-ui .popup .modal-header .modal-title {
    margin-bottom: 0px !important;
    padding: 0px !important;
}
.facebox-modal-ui .popup .modal-header .title-small {
    display: block; 
    font-size: 18px; 
    color: #10477f;
}
.facebox-modal-ui .popup .modal-header .title-small.m-0 {
    margin: 0px;
}
.facebox-modal-ui .popup .modal-body {
    padding: 20px;
    border-collapse: initial !important;
}
.facebox-modal-ui .popup .footer {
    border: none !important;
    margin: 0px !important;
    padding: 20px !important;
    background-color: #E8F9F8 !important;
    border: none;
    margin: 0px;
    padding: 20px;
    height: auto;
}
.facebox-modal-ui .popup .btn {
    border: none;
    border-radius: 50px;
    padding: 10px 25px;
    font-size: 14px;
}
.facebox-modal-ui .popup .btn-primary {
    background-color: #10477f;
}
.facebox-modal-ui .popup .footer .btn-cancel {
    opacity: 1;
    margin-left: auto;
    background-color: #de5151;
    color: #ffffff;
    box-shadow: none;
    font-weight: bold;
    border: none;
    border-radius: 50px;
    padding: 10px 25px;
    font-size: 14px;
}
.facebox-modal-ui .popup .btn-cancel {
    background-color: #de5151;
    color: #ffffff;
    box-shadow: none;
    font-weight: bold;
    border: none;
    border-radius: 50px;
    padding: 10px 25px;
    font-size: 14px;
}
.facebox-modal-ui .popup .footer .btn button {
    border: none;
    background: none;
    color: #fff;
}
.facebox-modal-ui .popup .footer .btn-cancel i {
    display: none;
}
.facebox-modal-ui .popup .footer .close {
    float: none !important;
}
.facebox-modal-ui .popup .form-control {
    border-radius: 10px !important;
    min-height: 40px;
    border-color: #ebecf3;
    background: #fff;
    box-shadow: none;
    padding: 6px 12px;
}
.facebox-modal-ui .popup .form-control:focus {
    background: #fff;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.12);
}
.facebox-modal-ui .popup .form-control.disabled {
    background: #eee;
    border: none;
    line-height: 25px;
}
.facebox-modal-ui .popup .modal-text {
    font-size: 15px;
    color: #222;
}
.facebox-modal-ui .popup .view-text {
    font-weight: 600;
    line-height: 24px;
    background: #efefef;
    border: none;
}
/*Backend JS Modals CSS ends*/

@media screen and (max-width: 767px) {
    .custom-modal-ui .modal-header {
        padding: 12px;
    }
    .custom-modal-ui .modal-header .modal-title {
        font-size: 18px;
    }
    .custom-modal-ui .modal-body {
        padding: 12px;
    }
}
/*Custom modal design ends*/



/*Registration pages starts*/
.register-page-header {
    padding: 25px !important;
    box-shadow: none !important;
}
.register-page-header .page-title {
    font-size: 26px;
    font-weight: bold;
    color: #4d6b6a;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}
.custom-form-box {
    background: #fff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 40px;
    font-family: 'Poppins', sans-serif !important;
    border: none;
}
.custom-form-box .page-header {
    font-size: 22px;
    font-weight: bold;
    color: #111111;
    margin-bottom: 25px;
    border: none;
    margin-top: 0;
    padding: 0px 0px 0px 10px;
    font-family: 'Poppins', sans-serif;
}

.custom-form-box label {
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 10px;
}
.custom-form-box .form-control {
    border-radius: 10px !important;
    min-height: 50px;
    border-color: #ebecf3;
    background: #fff;
    box-shadow: none;
    padding: 6px 12px;
}
.custom-form-box .btn-primary {
    background-color: #10477f;
    border: none;
    border-radius: 50px;
    padding: 10px 25px;
    font-size: 14px;
    margin-right: 15px;
}
.custom-form-box .btn-cancel {
    background-color: #de5151;
    color: #ffffff;
    box-shadow: none;
    font-weight: bold;
    border: none;
    border-radius: 50px;
    padding: 10px 25px;
    font-size: 14px;
}
.custom-form-box .form-text {
    font-size: 16px;
    color: #10b3b2;
    line-height: 25px;
    margin: 0px 0px 10px;
    display: block;
    text-decoration: none;
}
.custom-form-box .form-check {
    display: inline-block;
}
.custom-form-box .form-check:not(:last-child) {
    margin-right: 10px;
}
.custom-form-box .register-actions {
    text-align: center;
    margin-top: 25px;
}
.bootbox.custom-modal-ui .modal-header {
    min-height: 50px;
}
.bootbox.custom-modal-ui .modal-body .close {
    position: absolute;
    right: 15px;
    top: -32px;
    min-width: initial;
    background: none !important;
    color: #919191 !important;
    font-size: 26px;
    padding: 0;
    line-height: 30px;
}
.bootbox.custom-modal-ui .modal-footer .btn-cancel {
    order: 2;
}
.bootbox.custom-modal-ui .modal-footer .btn:focus {
    outline: none;
}

.modal-table-responsive {
    table-layout: auto !important;
}
.modal-table-responsive .date-field {
    width: 100px;
    vertical-align: middle;
}
.custom-modal-inner::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 99;
}
.modal-row-flex {
    display: flex;
    align-items: center;
}
/*Registration page ends*/

/*FAQ page starts*/
.faq-wrapper .page-header {
    padding: 0px;
}
.faq-wrapper .FAQ {
    border-color: #ebecf3;
    border-radius: 10px;
    padding: 15px;
}
.faq-wrapper .faq-box-title p {
    font-size: 16px;
    font-weight: 600;
    color: #07b6b5;
}
.faq-wrapper .faq-text {
    font-size: 13px;
    line-height: 22px;
    color: #666;
    padding: 0px;
}
.faq-wrapper .font-size {
    background: #dbffff;
    color: #07b6b5;
    padding: 15px;
    border-radius: 10px;
    display: inline-block;
    margin-right: 10px;
}
/*FAQ page ends*/





@media screen and (max-width: 991px) {
    .modal-row-flex {
        display: block;
    }
}