@font-face {
    font-family: roboto-light;
    src: url('fonts/roboto-light.ttf');
}

body{
    margin: 0;
    padding: 0;
    overflow-x:hidden;
    clear: both;
    /*font: menu;*/
    /*font-family: sans-serif !important;*/

}
p{
    /*    line-height: 1.75;
        font-size: 18px;
        font-family: sans-serif !important;*/

}
img {
    max-width: 100%;
}
h1 , h2 , h3 , h4 , h5 , h6 {
    color: #000;
    text-decoration: none;
    /*font-family: sans-serif !important;*/
}
table#example strong,table#DataTables_Table_0 strong,table#DataTables_Table_2 strong,
div#DataTables_Table_1_wrapper strong {
    margin: 5px 0px;
    display: inline-block;
}
.result td a {
    margin: 3px 0px;
}
img#loader, img.loader, img#department_loader, img.success_loader, img#taxyear_loader {
    height: 37px;
    margin: 0px 27px;
}
div#attendance_details_summary p {
    margin-bottom: 0px;
    font-size: 16px;
    color: #0bb197;
}
.mfp-hide, .mfp-preloader {
    display: none!important;
}
.selecthour {
    margin-top: 25px;
}
.viewemployee a {
    color: #0bb197!important;
    font-size: 12px;
    padding-left: 0px;
}
.table-details hr,table#example hr,table#DataTables_Table_2{
    margin-top: 5px;
    margin-bottom: 5px;
    /*border: 0;*/
    border: 1px solid rgba(0,0,0,.1);
}
section{
    float: left;
    clear: both;
    width: 100%;
}
.box-shadow{
    background-color: #fff;
    border:1px solid #ccc;
    box-shadow: 2px 3px 4px #ccc;
    min-height: 90px;
}
.start-div {
    float: left;
}

.update_role_interfaces {
    float: inline-end;
}

#shiftRefresh,#shift-info .shift-detail a,div#viewupdateshift a,#viewmodifyshift,.edit-employee,#viewupdateshift,.search-shift{
    font-size: 12px;
    color: #fff;
    background-color: #0bb197;
    padding: 5px 8px;
    float: unset;
    border: none;
    border-radius: 3px;
    margin: unset;
    outline: none;
    display: inline-block;
}
#shiftRefresh:hover,#shift-info .shift-detail a:hover,div#viewupdateshift a:hover,.search-shift:hover,
#viewmodifyshift input:hover,.edit-employee:hover,input#viewupdateshift:hover{
    background-color: #0bb197;
    color: #fff;
    text-decoration: none;
    opacity: unset;
    cursor: pointer;
}
div#RefreshBttn {
    font-size: 12px;
}
a:hover {
    text-decoration: none;
    opacity: 0.8;
    cursor: pointer;
}

#wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.sidebar {
    width: 5rem !important;
}
.sidebar .nav-item .nav-link {
    display: block;
    width: 100%;
    text-align: center;
}
.bg-gradient-primary {
    background-color: #0bb197;
    /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #4e73df), to(#224abe)); */
    /* background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%); */
    /* background-size: cover;*/
}
.btn-primary {
    color: #fff;
    background-color: #0bb197 !important;
    border-color: #0bb197;
}
navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.top-menubar {
    padding-top: 14px;
}
.noti-dot {
    background-color: white !important;
    top: 14px !important;
    right: 0px !important;
}
.sidebar-dark hr.sidebar-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin: 0px 15px;
}
.sidebar .nav-item span{
    font: menu;
    font-size: 11px;
}
.label_panding-request-red{
    font-size: 10px !important;
}
nav.navbar.navbar-expand.navbar-light.bg-white.topbar.static-top.shadow {
    width: 100%;
}
.text-sm-right {
    text-align: right !important;
}
.topbar {
    position: relative;
    top: -10px;
}
.employe-system p {
    color: #0bb197;
    font-size: 18px;
}
.shadow {
    -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
div#txt {
    /*    background-color: #cccccc;
        padding: 4px 10px;
        border-radius: 4px;
        font-size: 12px;*/
    /*font-family: sans-serif;*/
}
.text-gray-600 {
    color: #858796 !important;
    font-size: 12px;
}
ul.navbar-nav.ml-auto {
    padding-top: 14px;
}
.sidebar .nav-item .nav-link .img-profile, .topbar .nav-item .nav-link .img-profile {
    height: 2rem;
    width: 2rem;
}
.sidebar .nav-item .nav-link {
    text-align: center;
    padding: 12px 5px;
    color: #fff;
    display: grid;
    border-radius: 5px;
}
.sidebar .nav-item .nav-link:hover{
    /*    background-color: unset;*/
}
.checkAll, .uncheck {
    background-color: #0bb197;
    background-position: right 0px;
    background-repeat: no-repeat;
    border-radius: 3px;
    color: #fff !important;
    /*padding: 5px 35px 5px 4px;*/
    font-weight: unset !important;
    font-size: 12px;
    display: inline-block;
}
.total-amount {
    font-weight: normal;
    color: #678197;
    text-align: left;
    border: 1px solid #e5eff8;
    padding: .3em 1em;
    background-color: whitesmoke;
    display: inline-block;
    font-size: 12px;
    width: 100%;
    padding: 2px 5px;
}
.form-group {
    margin-bottom: 5px !important;
}
a#userDropdown {
    padding-top: 0px;
}
.dropdown-toggle::after{
    visibility: hidden;
}
.dd-style{
    float: left;
    position: relative;
}
.topbar .topbar-divider {
    width: 0;
    border-right: 1px solid #e3e6f0;
    height: calc(4.375rem - 2rem);
    margin: auto 1rem;
    margin-top: -5px;
}
div#bttn_getattendance {
    padding-top: 25px !important;
}
.rounded-circle {
    border-radius: 50% !important;
}

.small-nav-bar ul li.active {
    color: #fff;
    background-color: #0bb197;
}
.sidebar #sidebarToggle {
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    margin-bottom: 1rem;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.2);
    margin-top: 8px;
}
.sidebar.toggled #sidebarToggle::after {
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
    margin-left: 0.25rem;
}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-addon:last-child {
    border-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: #0bb197;
    color: #fff;
    width: 29px;
    /*    padding: 7px 0px 0px 0px;*/
}
form.form-horizontal .input-group-addon:last-child {
    padding: 0px 0px 0px 0px;
}
.btn_reports {
    padding: 0px 5px!important;
    font-size: 10px!important;
    color: #fff !important;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}
.sidebar li.nav-item {
    padding: 3px 7px;
}
.sidebar li.nav-item:hover,.sidebar li.nav-item.active{
    /*    background-color: #7470FB;*/
}
ul#accordionSidebar a.nav-link.active {
    /*background-color: #7470FB;*/
    background-color: #040498;
}

.sidebar #sidebarToggle::after {
    font-weight: 900;
    content: '\f104';
    font-family: 'Font Awesome 5 Free';
    margin-right: 0.1rem;
    color: rgba(255, 255, 255, 0.5);
}
.small-nav-bar ul li {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #eee;
    width: 19%;
    text-align: center;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #0bb197;
}
.small-nav-bar ul li a {
    color: #000;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
}

.small-nav-bar .nav>li>a:focus,.small-nav-bar .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
    color: #000;
}
.small-nav-bar ul li.active{
    color: #fff;
    background-color: #0bb197;
}
.small-nav-bar ul li .active a{
    color: #fff;
    background-color: #0bb197;
}
.small-nav-bar ul{
    list-style: none;
    display: inline-block;
    width: 100%;
}
.small-nav-bar-right i{
    padding: 5px 0px;
}

.small-nav-bar-right ul{
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
li.border:hover {
    box-shadow: 3px 3px 4px #c5c1c1;
}

.employe-system p{
    color: #0bb197;
    font-size: 18px;
    /*font-family: sans-serif;*/
}
.small-nav-bar-right ul li{
    display: inline-block;
    padding: 2px 5px;
    margin: 0px 0px;
    border-radius: 5px;
    background-color: #eee;
    color: #0bb197;
    font-size: 12px;
}
.notifications {
    padding: 8px 10px 8px 10px;
    font-size: 12px;
    background-size: 25px;
}
.result td a {
    color:#0bb197;
}
.nav-border .form-group input.form-control{
    font-size: 12px !important;
    height: 30px;
    padding: 2px 10px;

}
.add-feedback label {
    font-size: 12px;
}
.shiftreportimage {
    float: left;
    margin-left: 0;
    padding: 5px 10px 5px 5px;
}
.small-nav-bar-right ul li:hover{
    opacity: 0.9;
}

.small-nav-bar-right ul a{
    padding: 0px 5px;
    font-size: 10px;
    color: #0bb197;
}

.small-nav-bar-right ul a:hover{
    text-decoration: none;
    opacity: unset;
}
/*button#view_requests_status {
    margin-left: 3px;
}*/
.input_container ul {
    width: 90%;
    padding: 0px;
    border: 1px solid #eaeaea;
    position: absolute;
    z-index: 9;
    background: #f3f3f3;
    list-style: none;
}
div#txt {
    /*    background-color: #cccccc;
        padding: 3px 8px;
        border-radius: 4px;
        font-size: 10px;*/
    /* font-family: sans-serif; */
    /*    margin: 0px 0px 0px 0px;
        border: unset;
        vertical-align: top;*/
}
.header-tp {
    padding-top: 5px;
}
.d-lg-block {
    padding: calc(40px / 2) 0 !important;
}
.dripicons-stopwatch {
    font-size: 15px;
}
.clocktxt {
    position: relative !important;
    top: -3px !important;
    left: 5px !important;
    padding-left: 0 !important;
    font-size: 12px !important;
    line-height: 0 !important;
    color: var(--bs-body-color) !important;
}
.d-md-block {
    padding-left: 14px !important;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}
input#datepicker33,input#datepicker44{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 1px solid #ccc;
    width: 100%;
    padding:0px 5px;
    font-size: 12px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 30px;
}
a.btn.btn-primary.btn-sm.get_reports {
    font-size: 12px;
}
.row.nav-border.mb-1 input#datepicker33, .row.nav-border.mb-1 input#datepicker44 {
    width: 100%;
}
.table-responsive.currency-table.top {
    position: unset;
    left: -8%;
    width: 100%;
}

input.btn.btn-primary {
    box-shadow: 2px 2px 5px #c5c1c1;
    box-shadow: unset;
    font-size: 10px;
    padding: 3px 5px;
    font-weight: unset;
    line-height: unset;
    border-radius: 3px;
}
.bttn_format input.btn.btn-primary{
    box-shadow: unset;
    font-size: 12px;
    padding: 0px 8px;
    font-weight: unset;
    line-height: unset;
    border-radius: 3px;
    height: 28px;
    border: unset;
    color: #fff;
    width: auto;

}
.leaves i{
    padding: 0px 4px 0px 0px;
    font-size: 14px;
    position: relative;
    top: 1px;
}
a {
    color: #0bb197;
}
i.fa.fa-file-excel-o{
    color: green;
}
.work-duration-msg {
    background-color: #d2f6db;
    color: #4eae62;
    border-radius: 6px;

}
/*.work-duration-msg{
    background-color: #03a9f442;
    color: #0037fffa;
    border-radius: 6px;
    min-height: 32px;
}*/
table.dataTable thead .sorting_asc {
    background: unset !important;
}
/*.td-height{
    height:50px;
}*/
.td-height-bottom{
    height:100px;
}
.absent {
    background-color: #ffc0cb70;
    color: red;
    border-radius: 6px;

}
.dowload-report {
    background-color: #80808026;
    color: #000;
    border-radius: 6px;

}
.nav-border{
    border-bottom: 1px solid #c1bfbf;
    margin: 0px 0px 3px 0px;
    font-size: 12px;
}
.col-12.pt-3.nav-border.form-group {
    padding-bottom: 10px;
}
.border {
    margin: 3px 1px;
    background-image: none;
    border: 1px solid #a9a9a9 !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #0bb197;
}
.topbar #sidebarToggleTop {
    background-color: #eaecf4;
}

.sidebar.toggled {
    width: 0 !important;
    overflow: hidden;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 110%;
}
.input-group.date {
    max-width: unset;
}
.input-group-addon {
    padding: 7px 4px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.glyphicon-time:before {
    content: "\e023";
}
/*<!-- Work Duration -->*/
.work-duration {
    background-color: #ffc0cb70 !important;
    color: red !important;
    /*border-radius: 6px;*/

}

.logged-in-as {
    background-color: beige !important;
    color: brown !important;
    /*border-radius: 6px;*/

}
.timing-restriction {
    background-color: gainsboro !important;
    color: darkblue !important;
    /*border-radius: 6px;*/

}
.shift-timing-restriction {
    background-color: antiquewhite !important;
    color: chocolate !important;
    /*border-radius: 6px;*/
}
.break-allowed {
    background-color: aliceblue !important;
    color: cornflowerblue !important;
    /*border-radius: 6px;*/

}
.extra-duration {
    background-color: papayawhip !important;
    color: darkorange !important;
    /*border-radius: 6px;*/

}
.container-fluid .row {
    margin-bottom: 3px;
}

.leaves p {
    font-size: 10px;
    /*padding: 3px;*/
    text-align: center;
    margin-bottom: 0px !important;
}
.approve-leave {
    background-color: #03a9f442 !important;
    color: #0037fffa !important;
    /*border-radius: 6px;*/
}
.absent {
    background-color: #ffc0cb70 !important;
    color: red !important;
    /*border-radius: 6px;*/
}
.dowload-report {
    background-color: #80808026 !important;
    color: #000 !important;
    /*border-radius: 6px;*/
}
#punctuality_details, #requests_source, #details {
    display: none;
}

.att-card {
    margin-bottom: 0 !important;
    height: 80% !important;
    padding-top: 7px !important;
}

/*Tables*/
.attendance_summary {
    border-top: 1px solid #e5eff8;
    border-right: 1px solid #e5eff8;
    font-size: 11px;
}
.table {
    width: 100%;
    margin-bottom: 1rem;
    /*color: #858796;*/
    color: #000;
}

th.column1.table-heading {
    text-align: center;
    width: 100%;
    font-size: 16px;
    /* border-right: 1px solid #e5eff8; */
    color: #0bb197;
    background: #f4f9fe;
}
.attendance_summary {
    border-top: 1px solid #e5eff8;
    border-right: 1px solid #e5eff8;
    font-size: 11px;
}
form.form-horizontal label {
    font-size: 12px;
    margin-bottom: 2px;
    margin-top: 5px;
}
.form-control{
    display: block;
    width: 100% !important;
    padding: 5px 10px;
    font-size: 12px !important;
    height: 30px !important;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.attendance_summary .btn-view-details {
    font-size: 10px;
    padding: 1px 5px !important;
    margin-left: 14px;
    height: unset !important;
    border-radius: 4px;
}
.attendance_summary th, .leaves_summary th, .holidays_source a {
    font-weight: normal;
    color: #678197;
    text-align: left;
    border: 1px solid #ddd;
    padding: 2px 8px;
    background: #f9fcfe;
}
div#holidays_source th {
    /*    text-align: center;*/
}
.ip-rest-btn {
    margin-top: 25px;
}
.attendance_summary td, .leaves_summary td {
    border: 1px solid #ddd;
    color: #678197;
    padding: .3em 1em;
    text-align: center;
    background-color: #fff;
    font-size: 11px;

}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th,.table>tbody>tr {
    padding: 5px 4px;
    line-height: inherit;
    /*vertical-align: middle;*/
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 12px;
    /*font-family: sans-serif;*/
}
table.dataTable thead th, table.dataTable thead td {
    vertical-align: middle;
    padding: 5px 5px;
    border-bottom: 1px solid #ccc !important;
    background-color: #0bb197 !important;
    color: #fff !important;
}
table#get_salary_detail span,table#get_salary_detail strong{
    display: inline-block;
    margin: 3px 0px;
    font-size: 10px;
}
.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
    border: 1px solid #ccc;
    outline: none;
}
.add-feedback{
    background-color: #e4dfdf8f;
    padding: 20px;
}
i.fa.fa-pencil {
    color: #0bb197;
}
.section-one.result h2 {
    font-size: 22px;
    margin: 10px 0px 10px 0px;
}
div#content h3{
    font-size: 22px;
}
.section-one h2 {
    font-size: 22px;
}
.col-lg-12.appi-res h2{
    font-size: 22px;
}
.leaves-detail>tr{
    border-right: 1px solid #ddd;
}
span.shiftreportimage img {
    border-radius: 50%;
}
th.column1.table-heading strong {
    padding-left: 5px;
}
.attendance_summary .btn-view-details{
    font-size: 10px;
    padding: 0px 5px !important;
    margin-left: 5px;
    height: unset !important;
    border-radius: 3px;
    border: unset;
    transition: unset;
    -webkit-appearance: unset;
    vertical-align: unset;
}
a.btn.btn-primary.btn-sm.get_reports{
    font-size: 10px;
    padding: 0px 5px;
    /*margin-left: 5px;*/
    height: unset !important;
    border-radius: 3px;
    border: unset;
    transition: unset;
    -webkit-appearance: unset;
    vertical-align: unset;
}
.leaves_summary th {
    font-size: 11px;
}
.modify_break,.btn_reports,.btn_reports.attendance-modify {
    padding: 3px 5px 4px 5px!important;
    font-size: 10px!important;
    line-height: unset !important;
    border: unset !important;
    vertical-align: unset !important;
}
div#leaves_source a.btn.btn-primary.btn-sm.get_reports.modify_break{
    padding: 1px 5px!important;
}
.header-btn{
    padding: 3px 8px !important;
    font-size: 10px !important;
    transition: unset !important;
    border: unset !important;
    vertical-align: top!important;
}
.attendance-table table{
    width: 100%;
    box-shadow: 1px 1px 3px #ccc;
}
div#content-wrapper {
    width: 100%;
}
/*Shift Details*/
.workdropdown.shift-department label {
    width: 100%;
}
.shift-department label {
    width: 100%;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 3px;
}
div#DataTables_Table_0_length {
    float: left;
    font-size: 12px;
    color: #000;
    font-weight: bold;
}
div#DataTables_Table_0_length label{
    margin-bottom: 0px;
}
div#DataTables_Table_0_filter {
    float: right;
    font-size: 12px;
    color: #000;
    font-weight: bold;
}
.dataTables_filter input.form-control{
    padding: 4px 5px !important;
}

div#DataTables_Table_0_filter label span {
    padding: 5px 5px 5px 0px;
}
/*div#DataTables_Table_0_filter label {
    display: flex;
}*/

/*Tables Details*/
.table-details{
    border: 1px solid #ddd;
    margin-bottom: 0px !important;
}
.table-details th {
    background: url(images/sort_both.png) no-repeat center right;
}
.table-details th {
    font-size: 15px;
    font-weight: unset;
    padding: 5px 5px 5px 5px !important;
    /*font-family: sans-serif;*/
    border: unset;
}
.table-details thead,table#example thead,table.table.table-bordered.table-striped thead{
    color: #fff;
    background-color: #0bb197 !important;
    text-align: center;
}

.table-details td p{
    font-size: 13px;
    margin: 0px;
    padding: 3px 5px;
}
.table-details td{
    border-top: unset !important;
    border-bottom: unset;
    padding: 5px 5px !important;
}
.table-details tr{
    border-top: unset !important;
    border-bottom: unset;
    border-left: 1px solid #ddd;
}
p.modified {
    padding-top: 10px !important;
}
.modified a {
    background-color: #9bffdf;
    color: #0bb197;
    padding: 5px 5px;
    border-radius: 4px;
    font-size: 11px;
}
.view-log a {
    background-color: #0bb197;
    color:#fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 11px;
}
p.view-log {
    margin: 6px 0px 0px 0px !important;
}
i.fa.fa-exclamation-circle {
    color: #0bb197;
    font-size: 15px;
}
.table-details.table.table-striped tbody tr:nth-of-type(even) {
    background-color: #eff9f9 !important;
}
span.viewshift a {
    background-color: #0bb197;
    color: #fff !important;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 8px;
    margin: 3px 0px;
    display: inline-block;
}
.table-details.table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff !important;
}

div#DataTables_Table_0_info {
    float: left;
    font-size: 13px;
    /*font-family: sans-serif;*/
}
div#DataTables_Table_0_paginate {
    float: right;
    font-size: 13px;
    /*font-family: sans-serif;*/
}
a.current {
    padding: 2px 10px;
    color: #333 !important;
    border: 1px solid #cacaca;
    background-color: #fff;
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
    margin: 0px 3px;
}

/*Login Page CSS*/
.navbar-header h1{
    font-size: 25px;
    color: #0bb197;
}
.login-bg{
    background-color: #d6d4d433;
}
nav.navbar.navbar-default.nav_bar.topbar {
    background-color: #fff;
    box-shadow: 2px 3px 4px #d2c8c8;
    padding: 4px 30px 0px 30px;
}
.header-logo {
    width:140px;
}
.section-one.admin-form {
    border: 1px solid #ced4da;
    margin-top: 0px;
    background-color: #f9f9f9;
    max-width: unset;
    width: 100%;
    border-radius: .25rem;
}
.section-one.admin-form h1{
    text-align: center;
    font-size: 30px;
    background-color: #2da3e7;
    /*font-family: sans-serif;*/
    color: #ffff;
    padding: 8px 0px;
}
div#content .form-group.get_employees input.employees-clear {
    background-color: #0bb197;
    border: unset;
    color: #fff;
    font-size: 12px;
    padding: 0px 8px !important;
    border-radius: 3px;
    margin-top: 0px;
    height: 29px;
    width: auto;
}
.box{
    padding: 14px;
}
table#employee-table span {
    display: inline-block;
    margin: 3px 0px;
}
input#login_submit {
    padding: 6px 25px;
}
.forget_pass a{
    font-weight: normal;
}
.sidebar {
    padding:0px;
}
li.nav-item.dropdown.no-arrow {
    position: unset;
    left: unset;
    display: unset;
    background: unset;
    width: unset;
    padding: unset;
    border-radius:unset;
    z-index: unset;
}
/**************** Employees Page CSS***********************/
.employees-heading h1{
    color: #000;
    font-size: 24px;
}
.form-group.get_employees input.employees-clear {
    background-color: #0bb197;
    border: unset;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px !important;
    border-radius: 3px;

}
.bttn_format {
    padding-top: 0px !important;
    margin-left: 0px !important;
}
.link-add {
    margin-top: 10px !important;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}
i.fa.fa-plus-circle {
    margin: 0px 0px 0px 5px;
}
.employee-form-1 label{
    font-size: 12px;
}
.employee-form-1 .form-control{
    font-size: 12px;
}
.employee-form-1 select.form-control:not([size]):not([multiple]){
    height: unset;
    padding: 7px 5px;
}
.add-employee a,.add-shifts a{
    font-size: 16px;
    color: #0bb197;
    font-weight: 700;
    float: right;
}
.result input, .result textarea, .result select {
    margin-bottom: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 12px;
    padding: 0px 5px;
}
.form-group.answer input {
    font-size: 12px;
}
.result textarea{
    padding: 5px 5px;

}
.top {
    padding-top: 5px;
}
table#example textarea{
    width:100%;
}
input#files{
    border: none;
    font-size: 12px;
}
.add-feedback textarea {
    font-size: 12px;
    padding: 5px;
    height: 150px !important;
    width: 400px;
    float: left;
}
.add-feedback input.btn.btn-primary {
    font-size: 12px;
    padding:6px 15px;
}
div#DataTables_Table_0_length select,div#DataTables_Table_0_filter input,.dataTables_length select,
.dataTables_filter input{
    padding: 2px 10px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 26px;
    margin-bottom: 0px;
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 200px;
    margin: auto;
}
.bonusdiv {
    padding-top: 0px;
}
.dataTables_length,.dataTables_filter{
    font-size: 14px;
    font-weight: bold;
}
.add-employee {
    /*margin-top: 20px;*/
    /*width: fit-content !important;*/
    top: 16px;
}
.row.employeefilter input,.row.employeefilter select,input#password {
    padding: 2px 10px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 30px;
}
.employeefilter {
    padding-top: 0px;
    padding-bottom: 0px !important;
}
.employeefilter select,.text-box input,.employeefilter input{
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: none;
    outline: none;
    font-size: 12px;
    padding:0px 5px;
    width: 100%;
    color: #000;
}
.checkall a {
    text-decoration: none;
    padding: 3px 5px !important;
    text-align: center;
    font-weight: unset !important;
    font-size: 10px;
}
table#example span,table#DataTables_Table_0 span,table#DataTables_Table_2 span {
    display: inline-block;
    margin: 5px 0px;
    font-size: 12px;
    font-weight: unset;
}
div#shifts-tab-content span{
    display: inline-block;
    margin: 5px 0px;
    font-size: 12px;
    font-weight: unset;
}
li.checkall-list {
    display: inline-block !important;
}
.section-one.result label {
    font-size: 12px;
    margin-bottom: 1px;
    margin-top: 5px;
}
.text-box input::placeholder{
    color: #000;
}

.show-entries label{
    font-size: 14px;
}
.show-entries select.form-control:not([size]):not([multiple]){
    height: unset;
}
.show-entries .form-control{
    display: unset;
    width: unset;
}
.table-details td strong {
    padding: 0px 3px 0px 0px;
    margin: 3px 0px;
    display: inline-block;
}
.employees-table td strong{
    color: #0bb197;
    margin: 3px 0px;
    display: inline-block;
}
.dept-pos {
    padding-left: 0px;
}
.employees-table td span{
    color: #000;
    margin: 3px 0px;
    display: inline-block;
}
input#bttn-employee-status-861 {
    margin-left: 5px;
}

.not-found {
    margin-left: 29px !important;
}
/****************Add Employees Page CSS***********************/
.edit-info p{
    color: #000;
    margin-bottom: 0px;
    font-size: 20px;
}
.table-responsive.history-table th {
    color: #fff;
}
.col-12.px-0.employes-add-tabs h4,.section-one.result h4 {
    font-size: 18px;
}
.dataTables_wrapper .dataTables_paginate {
    font-size: 12px;
}
.dataTables_wrapper .dataTables_info {
    font-size: 12px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    padding: 2px 10px !important;
}
.employes-add-tabs h2 {
    font-size: 18px;
    color: #0bb197;
}
.update-info input{
    font-size: 14px;
}
.nav-fill .nav-item {
    /* -webkit-box-flex: 1; */
    -ms-flex:unset;
    flex: unset;
    text-align: center;
}
nav > .nav.nav-tabs{
    border: none;
    color:#0bb197;
    /* background: #ececec;*/
    border-radius:0;
    margin-bottom: 5px;

}
.employes-add-tabs nav > div a.nav-item.nav-link.active{
    padding: 3px 26px;
}
.employes-add-tabs nav > div a.nav-item.nav-link{
    padding: 3px 26px;
}
nav > div a.nav-item.nav-link.active {
    border: none;
    padding: 3px 8px;
    color: #fff;
    background: #0bb197;
    border-radius: 0;
    border-radius: 5px;
}
nav > div a.nav-item.nav-link{
    padding: 3px 8px;
    color: #0bb197;
    font-size: 12px !important;
    background: #fff;
    font-weight: 500;
    border: 1px solid #dee2e6!important;
    border-radius: 5px;
    display: inline-block;
    margin: 0px 2px 0px 0px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

nav > div a.nav-item.nav-link.active:after{
    content: "";
    position: relative;
    bottom: -51px;
    right: 30%;
    /* left: -33%; */
    border: 15px solid transparent;
    border-top-color: #0bb197;
    display: none;
}
.employes-add-tabs nav > div a.nav-item.nav-link.active:after {
    bottom: -51px;
    right: 20%;
}
.tab-content{
    background: #fdfdfd;
    /* line-height: 25px; */
    /* border: 1px solid #ddd;*/
    padding: 0px 0px;
}

.employee-form{
    padding: 10px 15px;
    width: 100%;
}
.employee-form label,.assets-form label{
    font-size: 14px;
    width: 100%;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus{
    background: #0bb197;
    color:#fff;
    transition:background 0.20s linear;
}
input#datepicker,#datepicker1,#datepicker2,#datepicker_promotion,#datepicker_transfer,
#datepicker_rejoin,input#incrementmonth,input#datepicker_effectivedate,input#PurchasedDate,input#datepicker3{
    width: 100% !important;
    flex: unset;
    height: 35px;
}

.upload-image label{
    font-weight: bold;
}
.vehicle-info{
    color: #0bb197;
}
a#referred_by_link {
    padding: 5px 10px;
}
.refer-by{
    color: #131186;
    font-size: 16px;
}
.refered{
    font-weight: bold;
    font-size: 16px;
}
.next-btn-pad{
    background-color: #ececec;
    padding: 20px 0px;
}
.mandatory {
    color: red!important;
    background-color: unset;
}
#shift-info .shift-detail a{
    font-size: 25px;
    color: #0bb197;
}
#shift-info .shift-details,#les-rule h4 {
    color: #0bb197;
    font-size: 22px;
}
.shift-table,.history-table{
    font-size: 13px;
}
.shift-table th,.history-table th{
    color: #0bb197;
    font-size: 16px;
    text-align: center;
}
.shift-table td,.history-table td{
    color: #000;
}
td.offdaysformat {
    text-align: center;
}
#shift-info h2.shift-history{
    color: #0bb197;
    font-size: 22px;
}
.currentshift,.currentshift a{
    font-weight: bold;
    color: green!important;
}
.currentshift td a,.currentshift td{
    font-weight: bold;
    color: green!important;
}
tr#listItem_1 td a,#listItem_15 td a {
    color: #000;
}
.error {
    color: red;
    font-size: 12px;
}
/****************Shifts Page CSS***********************/
.shift-color a{
    color: #000;
}
.name{
    font-weight: bold;
}
.add-shifts-btn input[type="submit"] {
    background-color: #0bb197;
    border: unset;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    padding: 6px 13px;
}
.update-info.text-center.text-sm-right input {
    font-size: 12px;
}

/****************Add Shifts Page CSS***********************/
input.shift-time,form.form-horizontal select{
    background-color: #fff !important;
    height: 35px;
    font-size: 12px;
}
form.form-horizontal select{
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 5px;
    height: 30px;
}

.add-shifts-table tr th
.add-shifts-table tr th{
    color: #0bb197 !important;
    font-size: 15px;
    text-align: center;
    font-weight: 700;

}
.success {
    background-size: 25px;
    border: 1px solid;
    clear: both;
    color: #4f8a10;
    cursor: pointer;
    margin: 5px 0;
    font-size: 14px;
    padding: 10px 10px 10px 15px;
}
span.input-group-addon {
    background-color: #0bb197 !important;
}
.add-shifts-table .input-group-addon,.add-shifts-table .form-control:disabled, .form-control[readonly]{
    background-color: unset;
}
.add-shifts-table select {
    font-size: 14px;
    padding: 2px 5px;
    margin: 3px 0px;
}
.add-shifts-table tr td,.add-shifts-table tr th{
    padding: .75rem !important;
    color: #000;
    text-align: center;
}
.add-shifts-table tr.trformat th{
    color:#000;
}

.add-shifts-table tr th{
    color:#fff;
}

.bootstrap-timepicker-widget table td input {
    width: 25px;
    margin: 0;
    text-align: center;
    font-size: 12px;
}
.bootstrap-timepicker-widget.dropdown-menu.open {
    display: inline-block;
    width: 200px;
}
.bootstrap-timepicker-widget table td a {
    border: 1px transparent solid;
    width: 100%;
    display: inline-block;
    margin: 0;
    font-size: 12px;
    padding: 0px 0;
    outline: 0;
    color: #333;
}
/****************Assets Page CSS***********************/
.my-assets a{
    font-size: 15px;
    font-weight: bold;
    color: #0bb197;
    display: flow-root;
    text-decoration-line: underline;
}
i.fa.fa-laptop {
    font-size: 50px;
}

.form-group.answer {
    width: 100%;
    margin: 0px 16px;
}
/****************Add Assets Page CSS***********************/
.form-group.answer {
    width: 100%;
    margin: 0px 16px;
}
/****************ShiftsReports Page CSS***********************/
.employee-detail {
    float: right;
}
.dummy-image{
    float: left;
}
span.user-absent {
    margin-right: 5px;
}
p.viewemployee a {
    font-size: 11px;
    border-right: 1px solid;
    padding: 0px 2px 0px 0px;
}
.user-absent i.fa.fa-user {
    color: red;
}
/****************Role Page CSS***********************/
.role-tabs ul{
    list-style: none;
    width: 100%;
    padding-left: 0px;
}
.role-tabs ul li {
    display: inline-block;
    padding: 10px 30px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #ccc;
    background: #8a8686 none repeat scroll 0 0;
    box-shadow: 0 2em 0.33em -0.5em #b3b1b1 inset;
    color: #fff;
    margin: 5px 0px;
}

.role-tabs ul li a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
}
.role-tabs ul li.active  {
    background: #0bb197;
    color: #fff;
    box-shadow: unset;
}
.role-tabs ul li.active a  {
    color: #fff;
}
.role-tabs ul li:hover {
    color: #fff;
    background: #0bb197;
    box-shadow: unset;

}
.role-tabs ul li:hover a {
    color: #fff;
}
/****************Add Feedback Page CSS***********************/
.add-feedback {
    background-color: #ebebeb;
    border: 1px solid #ccc;
}

div#DataTables_Table_0_paginate a {
    color: #000;
    margin: 0px 0px;
    padding: 1px 8px;
    font-size: 12px;
}
.profile-data{
    float: right;
}
.summary-detail{
    float: left;
}
table td .disabled {
    background-color: #9E9E9E!important;
    border-color: #9E9E9E!important;
}
/****************shiftstatscst Page CSS***********************/
.nav > li > a {
    position: relative;
    display: block;
    padding: 5px 15px;
    font-weight: unset !important;
    font-size: 14px;
}
ul#form_requests_tab > li > a,ul#pending_requests_tab > li > a{
    padding: 3px 8px;
    font-size: 12px;
}
ul#form_requests_tab >li > a:hover,ul#pending_requests_tab > li > a:hover{
    background-color: #0bb197;
}
ul#form_requests_tab > li.active > a, ul#form_requests_tab> li.active > a:hover,
ul#form_requests_tab > li.active > a:focus,
ul#pending_requests_tab > li.active > a, ul#pending_requests_tab> li.active > a:hover,
ul#pending_requests_tab > li.active > a:focus
{
    background-color: #0bb197;
    border-radius: 3px;
}
ul#attendance_tabs li > a,ul#salary_tabs li > a{
    font-size: 12px;
    padding: 3px 8px;
}
ul#shifts_stats_tabs li a {
    font-size: 12px;
    padding: 2px 10px;
}
ul#shifts_stats_tabs li a:hover,ul#shifts_stats_tabs li a:focus,ul#shifts_stats_tabs li.active a{
    background-color: #0bb197;
}
.nav > li > a:hover{
    background-color: #0bb197;
    text-decoration: none;
    color: #fff;
}
/*ul#emp_list_name {
    background-color: unset;
    border: unset;
}*/
table.table-details.table.table-striped.table-bordered.admin-table h1{
    margin: 0px;
}
input#shift_stats_date{
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
    border:1px solid #ccc;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#schedule_tabs .nav > li > a {
    position: relative;
    display: block;
    padding: 6px 15px;
    font-size: 15px;
}
.panel-info {
    border-color: #bce8f1;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.top h5 {
    font-size: 12px;
}
.label-danger {
    background-color: #d9534f;
}
.label-success {
    background-color: #5cb85c;
}
.label-primary {
    background-color: #0bb197;
}
.afternoon-schedule {
    padding: 2px !important;
    color: #5cb85c;
    margin: -1px;
}
.evening-schedule {
    padding: 2px !important;
    color: #0bb197;
    margin: -1px;
}
.morning-schedule {
    padding: 2px !important;
    color: #d9534f;
    margin: -1px;
}
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #0bb197;
    border-radius: 3px;
}
ul#salary_tabs > li.active > a, ul#salary_tabs > li.active > a:hover,
ul#salary_tabs > ul#salary_tabs > a:focus,
ul#attendance_tabs > li.active > a, ul#attendance_tabs > li.active > a:hover,
ul#attendance_tabs >li.active > a:focus,ul#attendance_tabs li > a:hover,ul#salary_tabs li > a:hover{
    background-color: #0bb197;
}
.btn-top-pt,.bttn_format{
    padding-top: 25px !important;
    width: fit-content !important;
}
.employeefilter label {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 3px;
}
.workdropdown.shift-department select {
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: none;
    outline: none;
    font-size: 12px;
    padding: 0px 5px;
    width: 100%;
    color: #000;
}
.departments {
    width: 100%;
}
.row.next-btn-pad {
    display: none;
}
.reports label, .appi-res label {
    font-size: 12px;
    margin-bottom: 1px;
    margin-top: 5px;
}

.label_panding-tabs-red {
    background: red none repeat scroll 0 0;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 0;
    color: white;
    font-size: 10px !important;
    padding: 1px 4px 4px 8px;
    position: absolute;
    right: 0;
    top: 0;
}
.label_panding-tabs-green {
    background: limegreen none repeat scroll 0 0;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 0;
    color: white;
    font-size: 10px;
    padding: 1px 4px 4px 8px;
    position: absolute;
    right: 0;
    top: 0;
}
.panding-tabs-text {
    padding: 0 10px;
}
.show-appi-record h3 {
    font-size: 22px;
    text-align: left;
    float: left;
}
.appli-records h3 {
    font-size: 18px !important;
    float: left;
    color: red;
    padding: 0px !important;
    margin-left: -15px;
}
.hrformstab {
    padding-left: 0px !important;
    padding-right: 9px !important;
    font-size: 14px;
}
/*input.btn.btn-primary.btn-sm.get_reports.modify_break.view_requisition_stats,a.btn.btn-primary.btn-sm.get_reports {
    font-size: 10px !important;
    padding: 3px 8px !important;
}*/

/* datepicker css */

.ui-datepicker {
    text-align: center;
}

.ui-datepicker-trigger {
    margin: 0 0 0 5px;
    vertical-align: text-top;
}

.ui-datepicker {
    /*font-family: Open Sans, Arial, sans-serif;*/
    margin-top: 2px;
    padding: 0 !important;
    border-color: #ced4da !important;
}

.ui-datepicker {
    width: 256px;
}

.openemr-calendar .ui-datepicker {
    width: 191px;
}

.ui-datepicker table {
    width: 256px;
    table-layout: fixed;
}

.openemr-calendar .ui-datepicker table {
    width: 191px;
    table-layout: fixed;
}

.ui-datepicker-header {
    background-color: #fff !important;
    background-image: none !important;
    border-radius: 0;
    border: 0 !important;
}

.openemr-calendar .ui-datepicker-header {
    background-color: #e6f7f9 !important;
    border-width: 1px;
    border-color: #c9f0f5;
    border-style: solid;
}

.ui-datepicker-title {
    line-height: 35px !important;
    margin: 0 10px !important;
}

.openemr-calendar .ui-datepicker-title {
    line-height: 20px !important;
}

.ui-datepicker-prev span {
    display: none !important;
}

.ui-datepicker-next {
    text-align: center;
}

.ui-datepicker-next span {
    display: none !important;
}

.ui-datepicker-prev {
    background-color: transparent !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAuUlEQVQokXXRsUtCYRAA8J8pDQ1CVIgIgtBU2NDiZIuDS4uLf6WDS1O0tLREEE8icBNKS3lTs8/B78XHw3dwcHA/juOuqjzucYJVrQQMcYctvo4OgEFIeMK6iPphCjzjEWLUC3vACx7yRo5uMUIFr5gii1EL41AvMIkBVPGH04DrSLEsIvjEOZq4wi9+iijDR0ANXOMbmxjlcIY2LtANO6YxymGCDs5wg/ciYv+KBJeY4+2A+Y9j4Y47RtUkrNXeDxUAAAAASUVORK5CYII=') !important;
    height: 12px !important;
    width: 7px !important;
    margin: 14px 12px;
    display: inline-block;
    left: 0 !important;
    top: 0 !important;
}

.openemr-calendar .ui-datepicker-prev {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAuUlEQVQokXXRsUtCYRAA8J8pDQ1CVIgIgtBU2NDiZIuDS4uLf6WDS1O0tLREEE8icBNKS3lTs8/B78XHw3dwcHA/juOuqjzucYJVrQQMcYctvo4OgEFIeMK6iPphCjzjEWLUC3vACx7yRo5uMUIFr5gii1EL41AvMIkBVPGH04DrSLEsIvjEOZq4wi9+iijDR0ANXOMbmxjlcIY2LtANO6YxymGCDs5wg/ciYv+KBJeY4+2A+Y9j4Y47RtUkrNXeDxUAAAAASUVORK5CYII=') !important;
    height: 14px !important;
    width: 9px !important;
    margin: 5px !important;
}

.ui-datepicker-next {
    cursor: pointer;
}

.ui-datepicker-prev {
    cursor: pointer;
}

.ui-datepicker-next {
    background-color: transparent !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAtElEQVQYlXXQsUpCcRQH4I97EQyHa1pgIEE0hBGYL+BjNLRFjxXh4rM4F21BS4S4FAgqQioOngt/RM/6+zi/w4EanlA4MDkecYsO3vG/D8a4Rx03eMMqBQt8oodTXAdalwBm+IpNDVxG3aYEMMU3ujjDBT5SAH9R2cE58mwPFOgneJSCGp7RjLoXTEtQjbCFOV7xCxkqdp9sYxnhpFyb4QFXdh8c4Cc9Ko++OwzjFwfn5FiwBVeuI/K2UCkSAAAAAElFTkSuQmCC') !important;
    height: 12px !important;
    width: 8px !important;
    margin: 14px 12px;
    display: inline-block;
    right: 0 !important;
    top: 0 !important;
}

.openemr-calendar .ui-datepicker-next {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAtElEQVQYlXXQsUpCcRQH4I97EQyHa1pgIEE0hBGYL+BjNLRFjxXh4rM4F21BS4S4FAgqQioOngt/RM/6+zi/w4EanlA4MDkecYsO3vG/D8a4Rx03eMMqBQt8oodTXAdalwBm+IpNDVxG3aYEMMU3ujjDBT5SAH9R2cE58mwPFOgneJSCGp7RjLoXTEtQjbCFOV7xCxkqdp9sYxnhpFyb4QFXdh8c4Cc9Ko++OwzjFwfn5FiwBVeuI/K2UCkSAAAAAElFTkSuQmCC') !important;
    height: 14px !important;
    width: 8px !important;
    margin: 5px;
}

.ui-datepicker-month {
    border-radius: 2px;
    /*    background-color: #3985a0;*/
    width: 110px !important;
    height: 22px;
    /*font-family: Open Sans !important;*/
    color: #3985a0;
    font-size: 16px !important;
    font-weight: 600;
    text-align: left;
    border: none !important;
    margin-right: 17px !important;
    vertical-align: text-top;
    font: menu;
}

.openemr-calendar .ui-datepicker-month {
    /*font-family: Open Sans, Arial, sans-serif;*/
    color: rgba(34, 34, 34, 0.87);
    font-size: 12px !important;
    font-weight: 700;
    text-align: center;
    transform: scaleX(1.0029)
}

.ui-datepicker-year {
    border-radius: 2px;
    /*        background-color: #3985a0;*/
    width: 61px !important;
    height: 22px;
    border: none !important;
    /*font-family: Open Sans !important;*/
    color: #3985a0;
    font-size: 16px !important;
    font-weight: 600;
    text-align: left;
    vertical-align: text-top;
    font: menu;
}

.openemr-calendar .ui-datepicker-year {
    /*font-family: Open Sans, Arial, sans-serif;*/
    color: rgba(34, 34, 34, 0.87);
    font-size: 12px !important;
    font-weight: 700;
    text-align: center;
    transform: scaleX(1.0029)
}

.ui-datepicker-month option,
.ui-datepicker-year option {
    color: #3985a0 !important;
    background-color: #fff !important;
    /*font-family: Open Sans !important;*/
    font-size: 14px !important;
    font-weight: 600;
}

.ui-datepicker-month option[selected],
.ui-datepicker-year option[selected] {
    background-color: #e5edf0 !important;
}

.ui-datepicker .ui-state-hover {
    /*background: none !important;*/
    border: 0 !important;
}

.ui-datepicker td {
    vertical-align: top;
}

.ui-datepicker .ui-state-default {
    border-radius: 2px;
    border-color: #edebeb !important;
    background: white !important;
    width: 24px;
    height: 24px;
    padding: 0 !important;
    line-height: 24px;
    text-align: center !important;
    /* font-family: Open Sans, Arial, sans-serif; */
    color: #707070;
    font-size: 12px;
    font-weight: 400 !important;
    margin: 7px 0 0 4px;
    font: menu;
    border: 0 !important;
}

.ui-datepicker .ui-state-default.ui-state-highlight{
    border-color: #dcdcdc;
    background-color: #cff3f8 !important;
    color: #3e9aba !important;
}

.openemr-calendar .ui-state-default {
    font-size: 10px;
    margin: 0;
}

.ui-datepicker td {
    width: 33px;
}

.openemr-calendar .ui-datepicker td {
    width: 26px;
}

.openemr-calendar .ui-state-default {
    width: 26px;
    height: 20px;
    line-height: 20px;
}
.ui-state-default.ui-state-hover {
    border-color: #dcdcdc;
    background-color: #cff3f8 !important;
}

.ui-datepicker .ui-state-active {
    border-color: #dcdcdc;
    background-color: #cff3f8 !important;
    color: #3e9aba !important;
    border-radius: 20px;
    height: 17px;
}

.ui-datepicker-calendar thead tr th {
    /*font-family: Open Sans, Arial, sans-serif;*/
    /*    color: #549fa8;*/
    font-size: 12px;
    font-weight: 400;
    padding: 0.45em 0.3em !important;
    /*   width: 15px !important; */
    font: menu;
}

.openemr-calendar .ui-datepicker-calendar thead tr th {
    font-size: 10px;
}

.ui-datepicker-close {
    display: none;
}

.ui-datepicker thead {
    background-color: #f5f5f5;
}

.openemr-calendar .ui-datepicker thead {
    background: none;
}

.ui-state-default.ui-datepicker-current {
    float: none !important;
    /*font-family: Open Sans, Arial, sans-serif;*/
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    border-width: 0 !important;
    border: none;
    vertical-align: top;
    margin: 0 !important;
    background-color: transparent !important;
}

.ui-datepicker-buttonpane.ui-widget-content {
    text-align: center;
    background-color: #3e9aba;
    margin: 0 !important;
    height: 28px;
    padding: 0 !important;
}

.openemr-calendar .ui-datepicker-year {
    background-color: transparent;
}

.openemr-calendar .ui-datepicker-month {
    background-color: transparent;
}

.openemr-calendar .ui-state-default {
    border: 0 !important;
}

.openemr-calendar .ui-datepicker-month {
    margin-right: 10px !important;
}



/****************Media Queries***********************/
@media (max-width: 992px) {
    .small-nav-bar ul li {
        width:unset;
        text-align: center;
        padding: 3px 6px;
    }

}
@media (min-width: 768px){
    .sidebar.toggled {
        overflow: visible;
        width: 12.5rem !important;
    }
    .sidebar {
        width: 5rem !important;
    }
}
@media (min-width: 767px){
    .summary-detail {
        float: unset;
    }
    .profile-data {
        float: unset;
    }
}
@media (max-width: 767px){
    .sidebar {
        width: 4rem !important;
        position: absolute;
        z-index: 999;
        height: 100%;
    }
    .sidebar li.nav-item {
        padding: 3px 0px;
    }
    .top-menubar {
        padding-top: 0px;
    }
}
@media (max-width:575px) {
    div#bttn_getattendance {
        padding-top: 24px !important;
    }
    .add-feedback textarea{
        width: 100%;
    }
    div#DataTables_Table_0_length,div#DataTables_Table_0_filter {
        float: none;
        text-align: center;
        margin: 5px 0px;
    }
    div#DataTables_Table_0_filter label {
        display:unset;
    }
    .show-entries select.form-control,.show-entries input.form-control {
        width: 50% !important;
    }
    .show-entries label{
        width: 45%;
        display: inline-block !important;
        text-align: right;
    }
    .dataTables_filter input.form-control {
        padding: 4px 5px !important;
        width: 50%;
        margin: auto;
    }
    nav > div a.nav-item.nav-link.active:after {
        display: none;
    }
    .small-nav-bar-right,ul#attendance_tabs {
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;

    }

}
@media (max-width:480px) {
    .small-nav-bar ul li {
        width: 100%;
        text-align: center;
        padding: 3px 6px;
    }
    nav > div a.nav-item.nav-link {
        width: 100%;
    }
    .small-nav-bar-right ul li{
        text-align: center;
        margin: 3px 0px;
        padding: 2px 4px;
    }

    .small-nav-bar-right ul {
        padding: 0px 19px 0px 3px;
    }
    .navbar-header h1 {
        font-size: 20px;
    }
    .header-logo {
        width: 128px;
    }
    nav.navbar.navbar-default.nav_bar.topbar {
        padding: 4px 4px 0px 4px;
    }
    .section-one.admin-form {
        width: 100%;
    }
}