@import url(../fonts/fonts.css);

body {
    background: #eff2f2;
    font-family: 'robotoregular', sans-serif;
    margin: 0;
    /* padding-bottom: 60px; */
    overflow-x: hidden;
    color: #0b0b0b;
}

html {
    position: relative;
    min-height: 100%;
    background: #eff2f2;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #0b0b0b;
    font-family: 'robotobold', sans-serif;
    margin: 10px 0;
}

h1 {
    line-height: 43px;
}

h2 {
    line-height: 35px;
}

h3 {
    line-height: 30px;
}

h3 small {
    color: #444444;
}

h4 {
    line-height: 22px;
}

h4 small {
    color: #444444;
}

h5 {
    font-size: 15px;
}

h5 small {
    color: #444444;
}

p {
    line-height: 1.6;
}

* {
    outline: none !important;
}

b {
    font-weight: 600;
}

a:hover {
    outline: 0;
    text-decoration: none;
}

a:active {
    outline: 0;
    text-decoration: none;
}

a:focus {
    outline: 0;
    text-decoration: none;
}

.container {
    width: 90%;
}

.container2 {
    width: 90%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.admin_info-text.pull-left {
    max-width: 200px;
    white-space: normal;
    word-break: break-all;
}
#topnav .topbar-main .container {
    width: 90%;
}

.card-box2 .dashboard_subadmin.row .col-sm-7 {
    width: 55%;
}

.text-muted {
    /* font-family: 'robotomedium'; */
    /*color: #fff !important; REMOTE WHITE COLOR ITS CONFLICTS WITH SWEEET ALERT POPUP MESSAGE*/

}

.text-primary {
    color: #9efffe !important;
}

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

.m-r-15 {
    margin-right: 15px !important;
}

.btn.btn-custom2 {
    border: 1px solid #b7b9b8;
    background: url("../images/btn-grdnt.png") center repeat-x;
    background-size: contain;
    border-radius: 5px !important;
    color: #0b0b0b;
    /*text-transform: capitalize;*/
    padding: 3px 14px;
}

.btn.btn-custom2 span {
    margin-right: 7px;
    margin-left: 0 !important;
}

.btn.btn-custom3 {
    border: 1px solid #b7b9b8;
    background: url("../images/btn-grdnt2.png") center repeat-x;
    background-size: contain;
    border-radius: 5px !important;
    color: #0b0b0b;
    text-transform: capitalize;
    padding: 3px 14px;
}

.btn.btn-custom3 span {
    margin-right: 7px;
    margin-left: 0 !important;
}
@media (min-width: 1200px) {
    .container2 {
        width: 1115px;

    }
    .dataTables_container .container {
        width: 90%;
    }
}

@media (min-width: 1200px) {

    .container {
        width: 1115px;
    }
}

@media (min-width: 1024px) {

    .container {
        width: 1021px;
    }
}

@media (max-width: 991px) {
    .container {
        width: auto;
    }

    #topnav .topbar-main .container {
        width: auto;
    }

    .container2 {
        width: auto;
    }

}
@media (min-width: 320px) and (max-width: 420px) {
    .full-width-mob {
        width: 100%
    }
}

.permission_container{ display: inline-block;}

.clrLeft{clear:left;}
.clrRight{clear:left;}

.bootstrap-datetimepicker-widget.dropdown-menu > ul{
    padding-left:0;
}
.hours_minutes_calc_worked_break{
    font-size:12px;
    font-weight:bold;
}

.gray-outline{
    outline: #595959 2px  solid !important;
}
.meal_state_highlight{
    outline: #595959 2px  solid !important;
    padding:0 5px;
    margin:0 5px;
}
.all_meal_rest_breaks_tbl_div thead th{
    font-size: 12px;
    text-align: center;
    vertical-align: middle !important;
}

.all_meal_rest_breaks_tbl_div{
    padding:0 !important;
}
.all_meal_rest_breaks_tbl_div tbody > tr:last-child > td{
    border:1px solid #abaeb6 !important;
}
.meal_break_period_timepicker input, .meal_break_period_timepicker input:focus{
    /*border:none;*/
}
table.all_meal_rest_breaks_tbl>thead>tr>th, table.all_meal_rest_breaks_tbl>tbody>tr>td{padding:5px !important; font-size:12px;white-space: inherit;}
table.all_meal_rest_breaks_tbl td .form-group{
    margin-bottom:0;
}

/*.all_meal_rest_breaks_tbl_DIV {*/
    /*max-height: 400px;*/
    /*overflow-y: auto;*/
    /*overflow-x: visible;*/
/*}*/
.tableheight {
    height: 10em;
}

.table-container{
    width: 100%;
    height: 100%;
    overflow: scroll;
    zoom: 0.9;
}
.footer-btn{
    color: #fff;
    text-decoration: underline !important;
}