/*Font Import by Asith*/
/*@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,400i,500,500i,600,600i,700,700i,800,900');*/

@font-face {
    font-family: 'numberOnly';
    /*font-weight: 100;*/
    src: local('Gadugi');
    unicode-range: U+30-39;
}

body {
    padding-top: 50px;
    padding-bottom: 0px !important;
    font-family: 'numberOnly', 'Poppins', sans-serif;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 45px;
    right: 30px;
}

.col-center-block {
    float: none;
    display: block;
    margin: 0 auto;
    /* margin-left: auto; margin-right: auto; */
}
/*--- Bootstrap overrides ---*/
/*.table th, td{
    border-radius: 3px;
}*/
.table th {
    /*background: #4888C2 !important;*/
    /*color: white;*/
    color: #ffffff;
    background-color: #3276b1 !important;
    border-color: #285e8e !important;
}

.table td {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

    .table td p {
        padding: 0px;
        margin: 0px;
    }

.table a {
    margin-bottom: 2px;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background: rgba(215, 235, 255, 0.75) !important;
}

.page-header {
    margin-top: 20px;
}

.alert-danger-custom {
    border-color: #b94a48;
    margin-top: 20px;
    margin-bottom: 10px;
}

.modal-dialog {
    left: auto;
}

.font-massive {
    font-size: 20px;
    text-align: center;
    padding: 5px;
}

.progress-massive {
    height: 30px;
    text-align: center;
}

.content-body {
    position: relative;
    overflow: auto;
    height: calc( 100vh - 51px );
}

.content-body .k-grid:not(.ignoreWindowAutoHeight) .k-grid-content {
    height: calc(100vh - 230px) !important;
}

.environmentBar {
    top: 0;
    position: fixed;
    height: 30px;
    background-color: #374456;
    text-align: center;
    padding-top: 2px;
}
/*#divTabsBooking .panel-body {
    min-height: calc(50vh) !important;
}*/

#assignmentAddModal .modal-lg {
    width: 1200px;
}

#assignmentAddModal input.k-textbox {
    width: 96%;
}

#divTabsBooking .k-grid-content {
    height: calc(50vh - 24.33px) !important;
}

#divAssignmentSummary .autoHeightForScroll .k-grid-content {
    height: auto !important;
}

#AssignmentGrid .k-grid-content {
    height: calc(100vh - 145.8px - 255px) !important
}

#AssignmentEquipmentsGridSummary {
    /* Subtract the header size */
    height: calc(50vh + 144px);
    overflow: scroll;
    overflow-x: hidden;
    margin-bottom: 0px;
}

#AssignmentEquipmentsGrid .k-grid-content {
    /* Subtract the header size */
    height: calc(50vh + 43px) !important;
}

#divAssignmentSummary{
    width: 100%;
}

#AssignmentFilesGrid .k-grid-content {
    height: calc(50vh + 22px) !important
}

.paticipant-grid-label {
    min-width: 122px !important;
    width: 122px !important;
    margin-left: 2px !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

/* Subtract the header size */
/*.content-body .panel-body {
    height: calc(100vh - 120px);
}*/
/* Subtract the header size */
/*.content-body #panel-Assignment .panel-body {
    
    height: calc(100vh - 130px);
}*/

.content-body .panel-body .k-grid:not(.ignoreWindowAutoHeight) .k-grid-content {
    /* Subtract the header size */
    height: calc(100vh - 242px) !important;
}

.k-grid.ignoreWindowAutoHeight .k-grid-content-locked {
    height: auto !important;
}

.k-grid-content-custom {
    height: calc(100vh - 220px) !important;
}

/*External Employee grid contend height change*/
#grdExternalEmployee > div.k-grid-content {
    height: calc(100vh - 183px) !important;
}


/*Data Entry new project grid contend height change*/
#ProjectGrid > div.k-grid-content {
    height: calc(100vh - 230px) !important;
}

/*project account Bonus Consultant grid contendheight change*/
#grid > div.k-grid-content {
    height: calc(100vh - 270px) !important;
}

/*project account Forecasting Details grid contend height change*/
#activityGrid > div.k-grid-content {
    height: calc(100vh - 275px) !important;
}


#ForingGrid > div.k-grid-content-locked {
    height: 572px;
}

#ForingGrid > div.k-grid-content {
    height: calc(100vh - 415px) !important;
}

/*Employyee timesheet Details grid contend height change*/
#EmployeeTimesheetsGrid > div.k-grid-content {
    height: calc(100vh - 350px) !important;
}
/*.content-body .modal .k-grid-content {
    height: initial !important;
    max-height: calc( 100vh - 427px );
}*/

/*.content-body .modal .tab-pane .k-grid-content {
    min-height: 90px !important;
}*/

#bookingAddModal .k-grid-content {
    min-height: 100px !important;
}

/*
--------------------------------------------
#AnalyticsGrid > .content-body .k-grid-content {
    height: auto !important;
}

#AnalyticsGrid > .content-body .panel-body .k-grid-content {
    height: 300px !important;
}

#AnalyticsGrid > .k-grid-content {
    height: 300px !important;
}

#AnalyticsProjectGrid > .content-body .k-grid-content {
    height: 260px !important;
}

#AnalyticsProjectGrid > .content-body .panel-body .k-grid-content {
    height: 260px !important;
}

#AnalyticsProjectGrid > .k-grid-content {
    height: 260px !important;
}

#AnalyticsRevenueGrid > .content-body .k-grid-content {
    height: 300px !important;
}

#AnalyticsRevenueGrid > .content-body .panel-body .k-grid-content {
    height: 300px !important;
}

#AnalyticsRevenueGrid > .k-grid-content {
    height: 300px !important;
}

#MonthInvoiceLineCountGrid > .content-body .k-grid-content {
    height: 305px !important;
}

#MonthInvoiceLineCountGrid > .content-body .panel-body .k-grid-content {
    height: 300px !important;
}

#MonthInvoiceLineCountGrid > .k-grid-content {
    height: 300px !important;
}

#MonthInvoiceLineCostGrid > .content-body .k-grid-content {
    height: 305px !important;
}

#MonthInvoiceLineCostGrid > .content-body .panel-body .k-grid-content {
    height: 300px !important;
}

#MonthInvoiceLineCostGrid > .k-grid-content {
    height: 300px !important;
}
#MonthInvoiceLineRevenueGrid > .content-body .k-grid-content {
    height: 305px !important;
}

#MonthInvoiceLineRevenueGrid > .content-body .panel-body .k-grid-content {
    height: 300px !important;
}

#MonthInvoiceLineRevenueGrid > .k-grid-content {
    height: 300px !important;
}
#DamagesProjectGrid > .content-body .k-grid-content {
    height: 305px !important;
}

#DamagesProjectGrid > .content-body .panel-body .k-grid-content {
    height: 300px !important;
}

#DamagesProjectGrid > .k-grid-content {
    height: 300px !important;
}
*/

.equal .panel {
    height: 100%;
    width: 100%;
}

.equal {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 20px;
}

.form-group {
    margin-bottom: 3px;
}

/*.form-group .control-label {
        padding-top: 1px;
    }*/


.modal-open .modal {
    margin-left: 0px !important;
}

.modal-footer {
    padding: 10px !important;
}

.navbar-nav > .active > a {
    color: #fff;
    background-color: #080808;
}

.label {
    min-width: 80px;
    display: block !important;
    margin-bottom: 3px;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #c0c0c0;
    opacity: 0.75;
}
/*--- Bootstrap overrides ---*/
.tr-alternative {
    background: rgba(215, 235, 255, 0.75) !important;
}

.border-bottom-splitter {
    border-top-style: solid;
    border-top-width: 2px;
}
/*--- SB Admin theme overrides ---*/
#page-wrapper {
    margin-left: 54px !important;
    padding: 0 !important;
    z-index: 1010;
}

/*.sidebar {
    width: 200px !important;
}*/

.side-nav {
    left: 0px !important;
    margin-left: 0px !important;
}

    .side-nav > li > ul > li > a {
        display: block;
        padding: 10px 15px 10px 38px;
        text-decoration: none;
        color: #999;
    }

    .side-nav li .active > a,
    .side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
        background-color: #000 !important;
        color: #fff;
    }

.navbar-top-links li a {
    min-height: 0px !important;
}

.theme-box {
    position: absolute;
    top: 0;
    right: 0px;
    display: inline-flex;
}

.theme-box-mobile {
    position: absolute;
    top: 0;
    right: 35px;
    display: inline-flex;
}

    .theme-box .k-header {
        background-color: transparent !important;
    }

/*---Employee --> employee management --> edit employee Popup---*/
.popcPanelb .form-horizontal .col-md-12 .form-group .container-fluid .row {
    padding-bottom: 15px;
}


/*--- SB Admin theme overrides ---*/
/*--- Kendo UI overrides ---*/
.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}

.k-grid .k-grid-header .k-header {
    white-space: normal;
    vertical-align: top;
}

.k-grid td .k-button {
    /*margin-bottom: 1px;*/
    padding: 1px 3px;
}

.k-grid td {
    vertical-align: top !important;
    padding: 2px !important;
}

/*.k-grid tbody tr {
    height: 26px !important;
}*/

.k-grid {
    font-size: 12px !important;
}

.k-dirty {
    margin: -2px 0 0 -2px !important;
}

.k-tooltip {
    min-width: 150px !important;
}

.k-no-data {
    height: 100px;
}

.k-loading-image {
    margin-top: 15px;
}

.k-dropdown {
    width: 244px;
}

input.k-textbox {
    width: 244px;
}

span.k-datepicker {
    width: 244px;
}

span.k-timepicker {
    width: 244px;
}

span.k-combobox {
    width: 100%;
}

span.k-numerictextbox {
    width: 244px;
}

.toolbar {
    float: right;
}
/*.k-button{
    width :100px
}*/

/*Kendo grid page size*/
.k-grid .k-grid-pager .k-pager-sizes .k-dropdown .k-input {
    width: 30px;
}
/*--- Kendo UI overrides ---*/
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
/*--- form panel styles ---*/
.cPanel {
    margin-bottom: 0px;
}

.ccPannel{
    padding-top:1em;
}

.cPanelh {
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
}

.cPanelb {
    padding: 0px;
}

.cPanelbb {
    padding: 15px !important;
}

/*--- form panel styles ---*/
/*--- pop up form panel styles ---*/
.popcPanelb {
    padding: 20px;
}
/*--- pop up form panel styles ---*/
dt, dd {
    vertical-align: top !important;
}
/**/
.fa-fw {
    margin-right: 5px;
}

/* Start Toast styles*/

.toast-close-button {
    opacity: 1 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
    filter: alpha(opacity=100) !important;
}

.toast-error {
    background-color: red !important;
}

.toast-info {
    background-color: #1eb3de !important;
}

.toast-progress {
    opacity: 1.0 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
    filter: alpha(opacity=100) !important;
}

#toast-container > div {
    width: 100% !important;
    margin-left: 0 !important;
    opacity: 1.0 !important;
}

.toast-bottom-center {
    margin-left: 25% !important;
    margin-right: 25% !important;
    width: 50% !important;
}
/* End Toast styles*/

.dashboard-picture {
    height: 55px;
    ;
}

.navbar-fixed-top {
    border-width: 0 0 !important;
}

/*by Asith*/
.content-body {
    padding-top: 15px;
}

.navbar {
    background-color: #374456;
    height: 55px !important;
}

.main-menu ul li i {
    height: 55px;
}

.main-menu ul li div {
    height: 55px;
    width: 60px;
}

/* REMOVE If Dont Want*/
.g-plus {
    background-color: #dd4b39 !important;
    border-color: #dd4b39 !important;
}

    .g-plus badge {
        color: #dd4b39 !important;
    }
/* REMOVE If Dont Want*/

/*SB-Admin overwrite*/


.nav-tabs > li > .tab {
    /*color: #374456b3;*/
    color: #374456;
    min-width: 100px;
    text-align: center;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    font-weight: 500;
    background-color: transparent !important;
}

.nav-tabs > li > .tab:hover, .nav-tabs > li > .tab:focus {
    color: #000000;
}
/*Tab Font Color Reset*/

.nav > li > a:hover, .nav > li > a:focus {
    color: #ffffff;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #374456 !important;
    border-color: #374456 !important;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent !important; /* before #374456*/
}

.navbar-top-links .dropdown-menu li a {
    color: #374456 !important;
    font-family: 'Poppins', sans-serif;
}

.navbar-inverse .navbar-toggle {
    border-color: #374456;
}

    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background-color: #374456;
    }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #374456;
}

#nav-pills {
    font-family: Poppins;
}

.form-group {
    padding: 5px !important;
}

.k-block, .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-pager-wrap, .k-toolbar, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #ffffff;
}

.panel .text-left {
    color: #ffffff;
}

.panel h2 small {
    color: #ffffff;
}

.panel .col-xs-3 {
    float: right;
}

.button-footer {
    padding-bottom: 20px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: transparent;
    color: white;
    text-align: center;
}


/*Default Panel Color Overide*/

/*YELLOW*/
.panel-yellow {
    border-color: #FFC107 !important;
}

    .panel-yellow > .panel-heading {
        border-color: #FFC107 !important;
        color: #DCA709 !important;
        background-color: #FFC107 !important;
    }

    .panel-yellow .panel-footer {
        color: #ffffff;
        background-color: #DCA709 !important;
        border-top: 1px solid #DCA709;
    }


/*GREEN*/
.panel-green {
    border-color: #7abb4c !important;
}

.text-success {
    color: #7abb4c !important;
}

.panel-green > .panel-heading {
    border-color: #7abb4c !important;
    color: #4C9D34 !important;
    background-color: #7abb4c !important;
}

.panel-green .panel-footer {
    color: #ffffff;
    background-color: #4C9D34;
    border-top: 1px solid #4C9D34;
}

/*RED*/
.panel-red {
    border-color: #dc3545 !important;
}

    .panel-red > .panel-heading {
        border-color: #9e2531 !important;
        color: #9e2531 !important;
        background-color: #dc3545 !important;
    }

    .panel-red .panel-footer {
        color: #ffffff;
        background-color: #9e2531 !important;
        border-top: 1px solid #9e2531 !important;
    }

/*BLUE*/
.panel-blue {
    border-color: #007bff !important;
}

    .panel-blue > .panel-heading {
        border-color: #007bff !important;
        color: #25557d !important;
        background-color: #007bff !important;
    }

.panel-primary {
    border-color: #007bff !important;
}

    .panel-primary > .panel-heading {
        border-color: #007bff !important;
        color: #024fa2 !important;
        background-color: #007bff !important;
    }

    .panel-primary .panel-footer {
        border-color: #024fa2 !important;
        color: #ffffff !important;
        background-color: #024fa2 !important;
    }



/*-------*/
.main-menu li:hover > a,
nav.main-menu li.active > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,
.dashboard-page nav.dashboard-menu ul.active li {
    color: #ffffff;
    font-weight: 500;
    background-color: #1e252f;
}

.add-padding {
    padding-left: 15px;
}

/*.submenu li{
    padding-left:20px !important;
}*/

.submenu li {
    border-left: solid #27303e 4px;
    margin-left: 00px !important;
    padding-left: 15px !important;
}

.mainmenu > li:hover > a {
    border-left: solid #ffffff 4px !important;
}

.submenu li:hover a {
    border-left: solid #ffffff 4px !important;
    background-color: #1e252f !important;
}

.mainmenu li:hover .submenu {
    background-color: #27303e;
}


.main-menu {
    background-color: #2e3846;
    height: 100vh !important;
    overflow-y: auto !important;
    padding-top: 66px !important;
    border: none !important;
}

    .main-menu li > a {
        color: #a4d2b0 !important;
    }

    .main-menu:hover, nav.main-menu.expanded {
        width: 250px !important;
    }

.main-menu {
    width: 50px !important;
    transition: width 0.4s !important;
}

.main-menu .nav-text {
    font-family: 'Poppins', sans-serif !important;
    padding-left: 8px !important;
    color: #ffffff;
    width: 195px !important;
}

.main-menu .fa-sidebar {
    width: 55px;
    color: #ffffff;
}

.main-menu .mCSB_inside > .mCSB_container {
    margin-right: 0 !important;
}

#page-wrapper {
    border: none !important;
}

.navbar-top-links li a {
    color: #ffffff !important;
}

.body-dashboard {
    font-family: 'Poppins', sans-serif;
}

.navbar-nav > li > a {
    line-height: 30px !important;
}

/*-----------------------------*/


/*.equal .panel {
    height: 100%;
    width: 100%;
}

.equal {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 20px;
    
}*/

/*-----------------------------*/


/*.div-equal-height .row{
    display: table; 
    width: 100%; 
}

.equal-height .panel{
    float: none;
    display: table-cell;
    vertical-align: top;
}*/


/*-----------------------------*/

/*.equal-height .panel-default {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}
.div-equal-height .row{
    overflow: hidden;
}*/

/*-----------------------------*/

/*.equal-height {
    margin-bottom: 20px;
}*/

/*#panel-Assignment > div.panel-body.cPanelb > div > div > div > div > div > div > div > span.k-combobox{
    width: 215px;
}*/


.equal-height .height {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.div-equal-height .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.div-equal-height {
    margin-bottom: 20px;
}

.dropdown-user {
    min-width: 200px;
    padding: 5px;
}

.k-primary:hover{
    color:#000000;
}

/**Menu Animation**/

.open-caret {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transition: all 0.25s ease-out;
}

.down-caret {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    display: inline-block;
    margin-left: 6px;
    top: -3px;
    position: relative;
    transform: rotate(0deg);
    transition: all 0.25s ease-in;
}


/* ANIMATED X */
.navbar-toggle.x .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -ms-transform-origin: 10% 10%;
    transform-origin: 10% 10%;
}

.navbar-toggle.x .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
}

.navbar-toggle.x .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    -ms-transform-origin: 10% 90%;
    transform-origin: 10% 90%;
}


/* ANIMATED X COLLAPSED */
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
/* END ANIMATED X */

/* Media Start*/

/********************DESKTOP********************/
@media only screen and (min-device-width : 1365px) and (max-device-width : 1439px) {
    .main-menu li > a {
        font-size: 12px !important;
    }
}


/********************MOBILE********************/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        background-color: #374456;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-family: 'Poppins', sans-serif;
        color: #ffffff;
    }

    .navbar-brand > img {
        height: 28px;
    }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        background-color: transparent !important;
    }

    .navbar .navbar-collapse .nav li ul li a {
        color: #ffffff;
        font-family: 'Poppins', sans-serif !important;
    }

    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 500px;
    }

    .nav > li > a:hover, .nav > li > a:focus {
        color: #ffffff !important;
        background-color: #1e252f;
    }

    .nav > li > a:hover, .nav > li:active {
        background-color: #1e252f !important;
    }

    .main-menu .nav-text {
        color: #ffffff !important;
        font-family: 'Poppins', sans-serif !important;
    }

    .modal-dialog {
        margin-top: 1em !important;
    }

    #newTimesheetFrm {
        padding-left: 30px;
    }

    .div-equal-height .row {
        display: block;
    }

    #AssignmentGrid > div.k-grid-header > div > table > thead > tr > th {
        width: 90px;
    }

    #AssignmentGrid > div.k-grid-content.km-widget.km-native-scroller > table > tbody > tr > td {
        width: 100px;
    }

    #AssignmentGrid > div.k-grid-header > div > table > thead > tr > th > a.k-grid-filter {
        display: none;
    }

    #gridAssignmentReportData > div.k-grouping-header {
        display: none;
    }

    #gridQBonus > div.k-grid-content.km-widget.km-native-scroller {
        height: calc(100vh - 290px) !important;
    }

    /*#gridAssignmentReportData > div.k-grid-header > div > table > thead > tr > th {
        width: 100px !important;
    }

    #gridAssignmentReportData > div.k-grid-content.km-widget.km-native-scroller > table > tbody > tr > td {
        width: 120px !important;
    }*/

    /*#gridAssignmentReportData > div.k-grid-header > div > table > thead > tr > th > a.k-grid-filter {
        display: none;
    }*/

    span.k-combobox {
        width: 100%;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        background-color: #374456;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-family: 'Poppins', sans-serif;
        color: #ffffff;
    }

    .navbar-brand > img {
        height: 28px;
    }

    .modal-dialog {
         margin-top: 4em !important; 
    }

    #newTimesheetFrm {
        padding-left: 30px;
    }

    navbar .navbar-collapse .nav li ul li a {
        color: #ffffff;
        font-family: 'Poppins', sans-serif !important;
    }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        background-color: transparent;
    }
}

/* Tabs (portrait and landscape) ----------- */
        @media only screen and (min-device-width : 322px) and (max-device-width : 1024px) {
            div-equal-height .row {
                display: block;
            }
        }

.k-multiselect.k-header {
    border-radius: 4px;
}

.k-autocomplete .k-input, .k-multiselect-wrap, .k-textbox > input {
    border-radius: 4px !important;
}

.copyright {
    position: absolute;
    bottom: 15px;
}

@media only screen and ( max-width: 991px ) {
    .copyright {
        position: relative;
        bottom: 0;
    }
}

@media only screen and ( min-width: 992px ) and ( max-height: 768px ) {
    .copyright {
        position: relative;
        bottom: 0;
    }
}

.inOperativeEmployee {
    color: red;
}

.inActiveActivity {
    font-style: inherit;
}

.inActiveActivityInternalEmps {
    font-style:inherit;
}

.inActiveActivityExternalEmps {
    font-style: inherit;
}
.vehicleNotApplicableInt {
    color: red;
}

.vehicleNotApplicableExt {
    color: red;
}

.label-danger-rejected {
    background-color: #6b5454;
}