/* ------------------------------------------------------ */
/* ############### 1. GOOGLE FONTS IMPORT ############### */
/* ------------------------------------------------------ */
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300ita‌​lic,400italic,500,500italic,700,700italic,900italic,900);

/* font definition 
@font-face {
  font-family: Lato;
  src: url('../fonts/Lato-Regular.eot');
  font-weight: normal;
  font-style: normal;*/

body {
    margin: 0;
    font-family: Lato !important;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.5;
    font-size: 13px;
    position: relative;
    color: #464d5d;
    background-color: #f2f2f2 !important;
}

.bodymain {
    background-color: #fff;
}

strong {
    font-weight: 500;
}

a, a:hover, a:focus {
    color: #19b9e7;
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    font-size: 13px;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

h1, h2 {
    margin-top: 10px;
    font-size: 38px;
    font-weight: 100;
    color: #555;
    line-height: normal;
    font-family: Lato !important;
}

h3 {
    font-size: 22px;
    font-weight: 300;
    color: #555;
    line-height: 30px;
    font-family: Lato !important;
}

img {
    max-width: 100%;
}

::-moz-selection {
    background: #19b9e7;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #19b9e7;
    color: #fff;
    text-shadow: none;
}


.btn-link-1 {
    display: inline-block;
    height: 50px;
    margin: 5px;
    padding: 16px 20px 0 20px;
    background: #19b9e7;
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active {
        outline: 0;
        opacity: 0.6;
        color: #fff;
    }

    .btn-link-1.btn-link-1-facebook {
        background: #4862a3;
    }

    .btn-link-1.btn-link-1-twitter {
        background: #55acee;
    }

    .btn-link-1.btn-link-1-google-plus {
        background: #dd4b39;
    }

    .btn-link-1 i {
        padding-right: 5px;
        vertical-align: middle;
        font-size: 20px;
        line-height: 20px;
    }

.btn-link-2 {
    display: inline-block;
    height: 50px;
    margin: 5px;
    padding: 15px 20px 0 20px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .btn-link-2:hover, .btn-link-2:focus,
    .btn-link-2:active, .btn-link-2:active:focus {
        outline: 0;
        opacity: 0.6;
        background: rgba(0, 0, 0, 0.3);
        color: #fff;
    }

    .btn-link-2 i {
        padding-right: 5px;
        vertical-align: middle;
        font-size: 20px;
        line-height: 20px;
    }


/***** Top content *****/

.inner-bg {
    padding: 20px 0 80px 0;
}

.top-content .text {
    color: #fff;
}

    .top-content .text h1 {
        color: #fff;
    }

.top-content .description {
    margin: 20px 0 10px 0;
}

    .top-content .description p {
        opacity: 0.8;
        font-size: 24px;
    }

    .top-content .description a {
        color: #fff;
    }

        .top-content .description a:hover,
        .top-content .description a:focus {
            border-bottom: 1px dotted #fff;
        }

.form-box {
    margin-top: 50px;
}

.form-top {
    overflow: hidden;
    padding: 0 25px 0px 25px;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    text-align: left;
    position: relative;
}

    .form-top::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 220px;
        background: #dadada;
        right: 20px;
        top: 35px;
    }

.form-top-left {
    float: left;
    width: 85%;
    padding-top: 20px;
}

    .form-top-left h3 {
        margin-top: 0;
        color: #063767;
        font-size: 45px;
        font-weight: bold;
    }

        .form-top-left h3.b_color_heading {
            color: #0096d5;
        }

    .form-top-left p {
        opacity: 0.8;
        color: #fff;
    }

.form-top-right {
    float: left;
    width: 25%;
    padding-top: 5px;
    font-size: 30px;
    color: #fff;
    line-height: 100px;
    text-align: right;
    opacity: 0.3;
}

.loginpage .form-box a {
    color: #333;
}

    .loginpage .form-box a:hover {
        color: #333;
    }

.form-bottom {
    padding: 15px 25px 30px 25px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    text-align: left;
}

    .form-bottom form textarea {
        height: 100px;
    }

    .form-bottom form button.btn {
        width: 100%;
    }

    .form-bottom form .input-error {
        border-color: #19b9e7;
    }

.social-login {
    margin-top: 35px;
}

    .social-login h3 {
        color: #fff;
    }

.social-login-buttons {
    margin-top: 25px;
}

.middle-border {
    min-height: 300px;
    margin-top: 80px;
    border-right: 1px solid #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.6);
}


/***********Header*********/

header {
    background-color: #054779;
    height: 58px;
}

/***********Heder*********/


/***** Footer *****/

footer {
    color: #fff;
    position: absolute;
    bottom: -12px;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #063767;
    text-align: center;
    margin: 15px 0 0 0;
}

    footer .footer-border {
        width: 200px;
        margin: 0 auto;
    }

    footer p {
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        margin: 0px;
        background: #67727d;
        padding: 8px 0;
    }

    footer a {
        color: #fff;
    }

        footer a:hover, footer a:focus {
            color: #fff;
            border-bottom: 1px dotted #fff;
        }



/***** Media queries *****/

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (max-width: 767px) {

    .middle-border {
        min-height: auto;
        margin: 65px 30px 0 30px;
        border-right: 0;
        border-top: 1px solid #fff;
        border-top: 1px solid rgba(255, 255, 255, 0.6);
    }

    .backBg {
        background-color: white !important;
        width: 100% !important;
    }

    .signUp {
        position: absolute !important;
        bottom: -63px !important;
        width: 90% !important;
    }

        .signUp .whiteTxt {
            color: #ed4444 !important;
        }
}

@media (max-width: 415px) {

    h1, h2 {
        font-size: 32px;
    }
}

.image-upload > input {
    display: none;
}

.image-upload img {
    width: 140px;
    cursor: pointer;
    border-radius: 100px;
}

    .image-upload img:hover {
        opacity: 0.5;
        background-image: url(../../Assets/Images/capture.png);
    }

.rfv {
    /*background-color: #fcfbb0;*/
    background-color: #fefefe;
    color: #ec2327 !important;
    font-size: 12px;
    padding: 5px 24px;
    font-weight: normal !important;
    display: inline-block;
    border-radius: 2px;
    background: url(../../Assets/Images/info-icon.png) #fff;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    height: 20px !important;
    background-position: 3px center;
    line-height: 8px;
    position: relative;
    top: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.rfvDocs {
    /*
    background-color: #fefefe;
    padding: 5px 24px;
    background: url(../../Assets/Images/info-icon.png) #fff;
    */
    color: #ec2327 !important;
    font-size: 12px;
    font-weight: normal !important;
    display: inline-block;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    height: 20px !important;
    background-position: 3px center;
    line-height: 12px;
    position: relative;
    top: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.linkschedule {
    color: #ec2327 !important;
    text-decoration-color: green;
}

.textschedule {
    color: #008c25 !important;
    text-decoration-color: green;
}

.rfvSuccess {
    background-color: #fcfbb0;
    color: #116a00 !important;
    font-size: 12px;
    padding: 5px 24px;
    font-weight: normal !important;
    display: inline-block;
    border-radius: 2px;
    background: url(../../Assets/Images/green-icon.png) #fff;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    height: 20px !important;
    background-position: 3px center;
    line-height: 8px;
}

.loginprimary {
    border-radius: 2px;
    background-color: #0096d5;
    width: 100%;
    padding: 10px;
    color: #fff;
    font-weight: 600;
}


/* The side navigation menu */
.collapsed-menu .sidenav {
    /*height: 100%;
    width: 0; 
    position: fixed;
    z-index: 100; 
    top: 58px;
    left: 0;
    background-color: #063767 ;
    overflow-x: hidden; 
    padding-top: 60px; 
    transition: 0.5s; 
    text-align:left;
    border-right:2px outset #ccc;
    z-index:9999!important;*/
    position: fixed;
    top: 60px;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: 50px;
    background-color: #063767;
    transition: all 0.2s ease-in-out;
}

.sidenav {
    position: fixed;
    top: 58px;
    left: -17%;
    bottom: 0;
    z-index: 100;
    width: 17%;
    background-color: #063767;
    transition: all 0.2s ease-in-out;
}
/* The navigation menu links */
/*.sidenav a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 33px 0 7px;
        height: 37px;
        line-height: 37px;
        letter-spacing: 0.2px;
        color: #fff;
        font-size: 14px;
        position: relative;
    }
        .sidenav a::after {
            position: absolute;
            content: "";
            width: 0;
            left: 40px;
            padding: 20px 0;
            top: 0px !important;
            z-index: 123;
            transition: width 1s;
            background: #3c8dbc;
        }
        .sidenav a:hover::after {
            position: absolute;
            content: "";
            width: 120px;
            height: 30px;
            left: 40px;
            top: 10px;
            z-index: 123;
            background: #0096d5;
        }
        .sidenav a i {
            margin-right: 15px;
            font-size: 18px;
            margin: 0 34px 0 0;
        }
        
        .sidenav a:hover, .offcanvas a:focus {
            color: #fff;
            background: #0096d5;
        }

    /* Position and style the close button (top right corner) 
    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 5px;
        font-size: 36px;
        margin-left: 50px;
    }*/

.collapsed-menu .rightCnt {
    transition: all 0.2s ease-in-out;
    margin: 0 0 0 55px;
}

.rightCnt {
    transition: all 0.2s ease-in-out;
    margin: 0 0 0 0;
    padding: 0 30px;
}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {
        z-index: 9999 !important;
    }
    /*.sidenav a {font-size: 10px; font-weight:400; color:#adb5bd;}*/
}

.menu-button {
    color: #868e96;
    font-size: 20px;
}

.update-card-body h4 {
    color: #0096d5;
    font-size: 14px;
    margin-top: -5px;
}

.update-card-body p {
}

.clientmaster-container {
    margin: 5% 15%;
}

.dashboardmaster-container {
    margin: 5% 15%;
}

    .dashboardmaster-container .pull-left .card {
        border: none;
        width: 210px;
    }

    .dashboardmaster-container .pull-left > a {
        width: 205px;
        height: 100px;
        border: 0px solid #ccc;
        padding: 0px;
        margin: 10px;
        display: block
    }

    .dashboardmaster-container img {
        width: 70px;
        margin-top: 5px;
        padding-bottom: 5px;
    }

.dashboardmaster-container_reports {
    margin: 0;
}

    .dashboardmaster-container_reports .pull-left .card {
        border: none;
        width: 300px;
        text-align: center;
    }

    .dashboardmaster-container_reports .pull-left > a {
        width: 250px;
        height: 100px;
        border: 0px solid #ccc;
        padding: 0px;
        margin: 10px;
        display: block;
    }

    .dashboardmaster-container_reports img {
        width: 70px;
        margin-top: 5px;
        padding-bottom: 5px;
    }

#MainContent_txtRemarks {
    line-height: 18px;
}

table#MainContent_rdlCabavailabilityBlog tr td, #MainContent_rdlAvailability tr td {
    padding: 0px 10px;
}

#MainContent_CheckBoxList1 {
}

    #MainContent_CheckBoxList1 tr td, #MainContent_rdlWorkDays tr td {
        padding: 2px 5px;
        text-align: center;
        line-height: 20px;
    }

.grayborder {
    border: 1px solid #d5d5d5;
    background-color: #fefefe;
}

table#MainContent_rdlCabAvailability label, #MainContent_rdlAvailability label {
    margin-left: 5px;
}

.margin_chart {
    margin: 20px;
    padding: 20px;
}

.RadTabStrip .rtsLink, .RadTabStripVertical .rtsLink {
    line-height: 12px;
    padding-top: 10px !important;
}

.client-tile {
    width: 100%;
    height: 100px;
    border: none;
    text-align: center;
    padding: 0px 0;
    position: relative;
    margin: 0;
}
/*

.client-active {
    border-left: 4px solid #15cc5a;
}

.client-inactive {
    border-left: 4px solid #e43e45;
}*/


.clientmaster-container a:first-child img {
    width: 42px;
}

.client-title {
    color: #555555;
    font-weight: 600;
    font-size: 13px;
    width: 100%;
    text-align: center;
    z-index: 1234567;
    margin: 30px 0 0 0;
    position: absolute;
    /*font-weight: normal;*/
}

.graybox {
    background: none;
    font-size: 13px; /*border-bottom:1px solid #e5e5e5*/
    ;
}

.searchblog {
    background-color: #f3f3f3 !important;
    font-size: 13px;
    border-bottom: none;
    padding-right: 0 !important;
}

input[type="search"] {
    border: 1px solid #ccc;
    width: 30%;
    padding: 2px 5px;
    font-size: 13px;
    color: #333;
}

.text-right {
    text-align: right;
}

.blueborder {
    border-left: 1px solid #0096d5
}

.lblclientDetails {
    text-align: left;
    line-height: 30px;
    font-size: 14px;
}

    .lblclientDetails h4 {
        /*color:#0096d5;*/ color: #063767 !important;
        font-size: 13px;
        padding: 2px;
        font-weight: 700;
    }

.input-group {
    width: 100%;
}



/* Custom Rad Grid*/
.RadGrid_MetroTouch {
    border: none !important;
    font-family: Lato !important;
    font-size: 12px;
}

    .RadGrid_MetroTouch .rgHeader {
        border-right: none !important;
        border: none !important;
        text-align: left !important;
        line-height: normal;
        padding: 10px 8px !important;
        vertical-align: middle !important;
        border-bottom: 1px solid #cccccc !important;
    }

.rgMasterTable {
    border: none !important;
}

.RadGrid .rgMasterTable {
    border: 1px solid #e0e0e0 !important;
    font-family: Lato !important;
}

.RadGrid_MetroTouch .rgMasterTable {
    font-family: Lato !important;
    border: none !important;
    font-size: 13px !important;
}

.rgMasterTable tr th {
    background-color: #fff !important;
    font-size: 13px;
    color: #555555 !important;
    font-family: Lato !important;
}

    .rgMasterTable tr th a {
        font-size: 13px;
        color: #555 !important;
        font-weight: 600;
    }

.rgMasterTable thead {
    border: none !important;
}

.RadGrid .rgRow {
    background-color: #f8f8f8 !important;
}

.rgPager {
    background-color: #f5f5f5;
    font-family: Lato !important;
}

.RadGrid .rgPager table {
    font-family: Lato !important;
}


.RadGrid .rgAltRow {
    background: #ffffff !important;
}

    .RadGrid .rgAltRow .rgHoveredRow {
        background: #f2f2f2 !important;
    }

    .RadGrid .rgRow td a, .RadGrid .rgAltRow td a {
        padding: 0px 0px !important;
        opacity: 1;
        color: #19b9e7;
        font-size: 13px;
        text-decoration: none;
        font-weight: normal;
    }

        .RadGrid .rgRow td a:hover, .rgAltRow td a:hover {
            padding: 0px 0px !important;
            opacity: 1.0;
            color: #19b9e7;
        }

.RadGrid_MetroTouch .rgRow td .Grid_Space10, .rgAltRow .Grid_Space10 {
    text-align: left !important;
    font-family: Lato !important;
}

.RadGrid .rgAltRow .rgHoveredRow td {
    background: #fff !important;
}


/*.RadGrid .rgHoveredRow {
    background-color: none !important;
}

.RadGrid_MetroTouch .rgHoveredRow {
    background: none !important;
}*/

.RadGrid_MetroTouch .rgAltRow .rgHoveredRow {
    background: #fff !important;
}

.RadGrid_MetroTouch .rgAltRow {
    background: #f2f2f2;
}

.RadGrid_MetroTouch .rgEditRow {
    background: #fff !important;
}

    .RadGrid_MetroTouch .rgEditRow .rgHoveredRow {
        background: #fff !important;
    }

.RadGrid .rgHoveredRow .rgRow td a, .RadGrid .rgHoveredRow .rgAltRow a {
    color: #fff;
}

.RadGrid_MetroTouch .rgRow td, .RadGrid_MetroTouch .rgAltRow td {
    border-top: 1px solid #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
    border-left: none !important;
    font-size: 13px;
    color: #555 !important;
    border-right: none !important;
    font-weight: 500;
    vertical-align: middle !important;
    padding: 8px 8px !important;
    line-height: normal;
    text-align: left !important;
}

    .RadGrid_MetroTouch .rgRow td:first-child, .RadGrid_MetroTouch .rgAltRow td:first-child {
        border-left: none !important;
    }

    .RadGrid_MetroTouch .rgRow td.Grid_Space10, .RadGrid_MetroTouch .rgAltRow td.Grid_Space10 {
        text-align: left !important;
        line-height: 20px;
        color: #555555;
        font-family: Lato !important;
    }

#ctl00_MainContent_gvCustomers_ctl00 tr td.Grid_Space10 {
    height: 40px;
}


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

.whiteTxt {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    padding-left: 5px;
}

.bodymargin {
    padding: 6px 20px;
    line-height: 30px;
}

legend {
    color: #063767 !important;
}

#demo-container div.row {
    font-size: 13px;
    padding: 6px;
}

    #demo-container div.row .form-control {
        height: 36px;
        margin: 7px 0 0 0;
        display: inline-block;
        width: 300px;
        box-shadow: 0px 0px 1px 0px rgba(140,140,140,0.9) !important;
    }


/*Rad Button styles*/
.RadButton_submit.rbSkinnedButton, .RadButton_Default .rbDecorated, .RadButton_Default.rbVerticalButton, .RadButton_Default.rbVerticalButton .rbDecorated, .RadButton_Default .rbSplitRight, .RadButton_Default .rbSplitLeft {
    margin: 0 0 0 0;
    color: #fff;
    height: 34px;
    border-radius: 0;
    line-height: 31px;
    padding: 0 20px;
}



    .RadButton_submit.rbSkinnedButton:focus, .RadButton_Default:focus .rbDecorated:focus, .RadButton_Default.rbVerticalButton:focus, .RadButton_Default.rbVerticalButton:focus .rbDecorated:focus, .RadButton_Default:focus .rbSplitRight:focus, .RadButton_Default:focus .rbSplitLeft:focus {
        background-color: #063767;
    }

    .RadButton_cancel.rbSkinnedButton, .RadButton_Default .rbDecorated, .RadButton_Default.rbVerticalButton, .RadButton_Default.rbVerticalButton .rbDecorated, .RadButton_Default .rbSplitRight, .RadButton_Default .rbSplitLeft {
        background: #ff8585;
        margin: 0 0 0 0;
        float: right;
        color: #fff;
        height: 33px;
        border-radius: 5px;
        padding: 0 20px;
    }

.RadButton_Default .rbDecorated {
    font-family: Lato !important;
    font-size: 13px;
    color: #0096d5 !important;
}

.rbDecorated {
    display: block;
    height: 30px !important;
    padding-left: 6px;
    padding-right: 10px;
    border: 0px none;
    text-align: center;
    background-position: right -88px;
    overflow: visible;
    background-color: transparent;
    outline: 0px none;
    color: #FFF !important;
    cursor: pointer;
}

.RadButton, .rbDecorated, rcbInput {
    font-size: 13px;
    font-family: Lato !important;
}

.RadButton_Default, rcbInput {
    font-family: Lato !important;
    font-size: 13px;
}

.RadButton, .RadButton .rbPrimaryIcon, .RadButton .rbSecondaryIcon {
    cursor: pointer;
}

.rbSkinnedButton {
    text-align: center;
    white-space: nowrap;
}

.rbDecorated {
    font-size: 13px !important;
    font-weight: bold !important;
}

.ShowProfilePic {
    border-radius: 100px;
    height: 150px;
    width: 150px;
    border: 2px solid #ccc;
}

.RadUpload_MetroTouch .ruFileWrap {
    height: 150px !important;
}

.ruFileWrap .ruStyled {
    height: 150px !important;
}

#ctl00_MainContent_tpicStartTime_dateInput, #ctl00_MainContent_tpicEndTime_dateInput {
    font-size: 13px;
}

.RadCalendarTimeView_MetroTouch td {
    font-size: 13px;
}

.spacer {
    margin-left: 10px;
}

.leftNvemargin {
    margin-left: -20px;
}

.leftNvemargin10 {
    margin-left: -10px;
}

.topmargin {
    margin-top: 20px;
}

.RadComboBox_MetroTouch .rcbFocused .rcbReadOnly .rcbInput {
    font-size: 13px !important;
    color: #555 !important;
    font-family: Lato !important;
}

a.fa-check, a.fa-times {
    border-radius: 30px;
    background-color: #ccc;
    border: 1px solid #333;
    padding: 6px;
    height: 28px;
    width: 28px;
    text-decoration: none !important;
}

    a.fa-check:hover, a.fa-times:hover {
        background-color: #fff;
        border: 1px solid #ccc;
        text-decoration: none !important;
    }

.RadComboBox_MetroTouch .rcbInput, .RadInput_MetroTouch .riTextBox {
    /*font-size: 13px !important;
    font-family: Lato !important;*/
    color: #333 !important;
    font: 500 13px Lato !important;
    font-family: Lato !important;
}

.RadComboBox_MetroTouch .rcbEmptyMessage {
    color: #333 !important;
    font: 500 13px Lato !important;
    font-family: Lato !important;
}

.btnwidth {
    width: 150px !important;
}

.RadGrid a {
    color: #0096d5;
    text-decoration: none;
}

    .RadGrid a:hover {
        text-decoration: underline;
    }

.RadGrid_MetroTouch .rgHeader .rgSortAsc {
    background: url(../../Assets/Images/sprite.png) !important;
    background-repeat: no-repeat;
    height: 21px;
    width: 21px !important;
    background-position: -13px 4780px !important;
}

.RadGrid_MetroTouch .rgHeader .rgSortDesc {
    background: url(../../Assets/Images/sprite.png) !important;
    background-repeat: no-repeat;
    height: 21px;
    width: 21px !important;
    background-position: -13px 4730px !important;
}

.rbSkinnedButton {
    vertical-align: top !important;
}

.RadGrid_MetroTouch .rgFooter {
    display: none;
}

.RadGrid_MetroTouch .rgPager table {
    font-family: Lato !important;
    font-size: 13px !important;
}

.RadGrid .rgNumPart a.rgCurrentPage span, .RadGrid .rgNumPart a.rgCurrentPage:hover span {
    color: #fff !important;
}

.RadComboBoxDropDown_MetroTouch .rcbHovered {
    font-size: 13px !important;
}

#MainContent_btnInitInsert {
    font-weight: 600;
    font-size: 16px;
}

.RadTabStripTop_MetroTouch .rtsLevel1 {
    border-bottom: 0px solid #0096d5 !important;
}

.tileSettings {
    display: none;
    opacity: 0.8;
    padding-top: 30px;
}

.client-tile:hover .tileSettings {
    display: block;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    padding: 10px;
    background-color: #f5f5f5;
    color: #fff;
    width: 100%;
    height: 100%;
    -webkit-animation: slide-down .3s ease-out;
    -moz-animation: slide-down .3s ease-out;
    opacity: 0.9;
    padding-top: 30px;
    z-index: 999999;
}

.tileSettings > span > a {
    padding: 10px 0px;
    display: inline;
    border-radius: 2px;
    margin: 0px 10px;
    z-index: 9999;
    background-color: #054779;
    opacity: 1.0;
}

    .tileSettings > span > a:hover {
        background-color: #054779;
        opacity: 0.9;
    }

    .tileSettings > span > a .fa {
        width: 40px;
        height: 40px;
        color: #fff;
    }



.titles {
    background-color: #c0c0c0;
    text-align: center;
    color: #fff;
    font-weight: 700;
    margin-top: -5px;
    border-bottom: 1px solid #999;
    font-size: 12px;
    height: 30px;
}

    .titles:after {
        content: '';
        display: block;
        position: absolute;
        left: 45%;
        top: 100%;
        width: 0;
        height: 0;
        border-top: 8px solid #999999;
        border-right: 8px solid transparent;
        border-bottom: 0 solid transparent;
        border-left: 8px solid transparent;
        /*
	border-top: 20px solid darkcyan;
	border-right: 100px solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 100px solid transparent;*/
    }

#ctl00_MainContent_ctl00_MainContent_xlsUploadCustomersPanel {
    margin-left: -28px;
}

.RadDropDownList_MetroTouch .rddlDefaultMessage {
    font-style: normal !important;
    font-size: 13px !important;
}

.RadDropDownList_MetroTouch .rddlFakeInput {
    font-size: 13px !important;
}

.RadDropDownList_MetroTouch .rddlInner {
    background-color: #fff !important;
}

.RadDropDownList_MetroTouch .rddlFocused {
    background-color: #0096d5 !important;
}

.RadUpload_MetroTouch .ruFakeInput {
    display: none;
}

.steps-nos {
    line-height: 24px;
    border-radius: 30px;
    border: 2px solid #0096d5;
    background-color: #fff;
    color: #063767;
    height: 30px;
    width: 30px;
    vertical-align: middle;
    margin-top: 2px;
    font-weight: bold;
}

.clientmaster-container > div {
    width: 190px;
    display: inline-block;
    /* display: inline; */
    margin: 14px;
    float: left;
    margin-bottom: 0px;
}

#divGreeting img, #imgSideMenuProfilePic {
    height: 30px;
    width: 30px;
    border-radius: 40px;
    margin: 0 0 0 10px;
}

/*#mySidenav img {
    margin-top: 10px;
}*/

.assignCabTitle {
    font-family: Lato;
    color: #063767;
    margin-left: 20px;
    font-weight: bold;
}

.cab-employeecount {
    background-color: #063767;
    padding: 5px 10px;
    border-radius: 20px;
    color: #fff;
}

.addemployeetocab {
    padding: 20px;
    font-weight: bold;
    color: #063767;
    cursor: pointer;
    background-color: #fff;
}

    .addemployeetocab:hover {
        background-color: #f6f6f6;
    }


.pull-left .tile-title {
    margin-top: 18px;
}

    .pull-left .tile-title .count {
        color: black;
    }

#MainContent_rblselectclienttype label {
    padding: 0px 5px;
}

#MainContent_rblselectclienttype tr td {
    padding: 5px 10px;
}

.rcbItem, .rddlItem {
    font-size: 13px;
    color: #333;
}

.RadCalendar .rcRow td {
    font-size: 13px;
}

.RadCalendar_MetroTouch .rcMain .rcRow a, .RadCalendar_MetroTouch .rcMain .rcRow span {
    line-height: 28px;
}

.uploadblocks > div {
    border: 1px solid #dedede;
    text-align: center;
    height: 180px;
    margin: 10px;
    width: 23%;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.19);
}

}

.uploadblocks {
    text-align: center;
    margin: 0px auto;
}

    .uploadblocks .steps-nos {
        border: none !important;
        width: 50px;
    }

.uploadblocks_Shifts > div {
    text-align: center;
    height: 180px;
    margin: 10px;
    width: 23%;
}

.uploadblocks_Shifts {
    text-align: center;
    margin: 0px auto;
}

    .uploadblocks_Shifts .steps-nos {
        border: none !important;
        width: 50px;
    }

    .uploadblocks_Shifts h3 {
        color: #063767;
        font-weight: bold;
        font-size: 14px;
        margin: 0 0 15px 0;
        text-align: center;
    }

.RadUpload {
    width: 265px !important;
    text-align: left;
}

.RadUpload_MetroTouch .ruUploadProgress {
    font-size: 14px;
    color: #575757;
    background: none !important;
    margin-right: 10px !important;
    padding-left: 10px !important;
}

.RadUpload .ruFileWrap {
    display: inherit !important;
}

.RadUpload_MetroTouch .ruButton {
    font-size: 13px !important;
    padding: 0px 0 !important;
    border-radius: 3px !important;
    text-align: left;
    background: #f2f2f2 !important;
    font-family: 'Roboto' !important;
    box-shadow: 0px 1px 6px #00000029 !important;
    width: 140px;
    margin: 0 2px 0 20px;
    text-align: center;
    z-index: 123 !important;
}

.RadUpload_MetroTouch input.ruButton.ruRemove {
    background: url('../Images/close_btn2.png') no-repeat center center !important;
    width: 18px !important;
    height: 18px !important;
    margin: 6px 0 0 0;
    top: 35px !important;
    position: absolute !important;
    left: 45% !important;
    background-position: center center !important;
}

    .RadUpload_MetroTouch input.ruButton.ruRemove:hover {
        background: url('../Images/close_btn2.png') no-repeat center center !important;
        width: 18px !important;
        height: 18px !important;
        margin: 6px 0 0 0;
        top: 35px !important;
        position: absolute !important;
        left: 45% !important;
        background-position: center center !important;
    }

.RadUpload_MetroTouch .ruRemove {
    border: none !important;
    box-shadow: none !important;
    background: none !important;
}

ruUploadProgress ruUploadSuccess {
    margin-left: 0% !important;
}

.RadUpload_MetroTouch .ruRemove {
    background: url('../Images/close_btn2.png') no-repeat left top !important;
    background-position: 0 !important;
}

    .RadUpload_MetroTouch .ruRemove:hover {
        background: url('../Images/close_btn2.png') no-repeat left top !important;
        background-position: 0 !important;
    }

.ruFileWrap .ruStyled {
    margin-left: -50px !important;
}

.infotxt {
    font-size: 13px;
    line-height: 16px;
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
    margin: 45px 0 0 0;
}

.tabline {
    border-top: 1px solid #19b9e7;
}

.errorMsgforSteps {
    display: inline-flex;
    width: 200px;
}


.aspNetDisabled {
    color: #d3d3d3 !important;
    text-decoration: none !important;
}

.scheduleTable {
    border: 1px solid #0096d5;
}

    .scheduleTable tr th {
        line-height: 24px;
        padding: 10px;
        background-color: #0096d5;
        color: #fff;
        font-size: 13px;
        text-align: left;
    }

    .scheduleTable tr td {
        text-align: left;
        font-size: 13px;
        padding: 0px 10px;
    }

.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow_MetroTouch .rwTitleRow .rwTopRight {
    background-color: #fff !important;
    color: #0096d5 !important;
    text-align: left !important;
}

.RadWindow_MetroTouch .rwTable .rwTitlebarControls em {
    color: #0096d5 !important;
}

.RadWindow_MetroTouch .rwCloseButton {
    background-color: #fb5252;
    border-radius: 15px;
}

.button-main {
    background-color: #0096d5;
    border: 1px solid #0096d5 !important;
    border-radius: 2px;
    padding: 5px 10px !important;
    font-weight: 600;
    font-size: 14px !important;
    color: #fff !important;
    width: 100%;
}

.navbar {
    border-radius: 0px !important;
}

html .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    height: 36px;
}

tr.billingHeader th {
    background-color: #0096d5;
    padding: 10px;
    color: #fff;
    font-weight: bold;
}

.shadetabs {
    padding: 10px 0 13px 0;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: -5px;
    list-style-type: none;
    text-align: left;
    z-index: -10;
    width: 90%;
}

#MainContent_pnlFilterSection {
    padding: 20px 0 0 0;
    position: relative;
}

.shadetabs li {
    display: inline;
    margin: 0px -10px 0px 4px;
}

    .shadetabs li a {
        color: #666666;
        font-weight: bold;
        padding: 9px 10px;
        border-radius: 0;
        font-size: 13px;
    }

        .shadetabs li a:visited {
            color: #063767;
            font-weight: bold;
        }

        /*.shadetabs li a:hover {
            text-decoration: none;
            color: #063767;
        }*/

        .shadetabs li a.selected { /*selected main tab style */
            background: none !important;
            color: #063767;
            border-top: none;
            border-left: none;
            border-right: none;
            border-bottom: 3px solid #063767 !important;
            font-weight: bold;
            position: relative;
        }

            .shadetabs li a.selected:hover { /*selected main tab style */
                text-decoration: none;
            }

.shadetabs1 li a {
    text-decoration: none;
    position: relative;
    z-index: 1;
    padding: 13px 55px;
    margin-right: 3px;
    color: #fff;
    background: #f9f9f9;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#ctl00_MainContent_rdeditgrid_C_RBDScheduletype tr td label, #ctl00_MainContent_rdeditgrid_C_rdbtndates tr td label {
    margin-right: 10px;
}

/*
 * Component: Box
 * --------------
 */
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

    .box.box-primary {
        border-top-color: #3c8dbc;
    }

    .box.box-info {
        border-top-color: #00c0ef;
    }

    .box.box-danger {
        border-top-color: #dd4b39;
    }

    .box.box-warning {
        border-top-color: #f39c12;
    }

    .box.box-success {
        border-top-color: #00a65a;
    }

    .box.box-default {
        border-top-color: #d2d6de;
    }

    .box.box-delay {
        border-top-color: #e2197c;
    }

    .box.box-overspeed {
        border-top-color: #5f62ac;
    }

    .box.box-gps {
        border-top-color: #ffad38;
    }

    .box.box-network {
        border-top-color: #19b9e7;
    }

    .box.box-idle {
        border-top-color: #063767;
    }

    .box.collapsed-box .box-body,
    .box.collapsed-box .box-footer {
        display: none;
    }

    .box .nav-stacked > li {
        border-bottom: 1px solid #f4f4f4;
        margin: 0;
    }

        .box .nav-stacked > li:last-of-type {
            border-bottom: none;
        }

    .box.height-control .box-body {
        max-height: 300px;
        overflow: auto;
    }

    .box .border-right {
        border-right: 1px solid #f4f4f4;
    }

    .box .border-left {
        border-left: 1px solid #f4f4f4;
    }

    .box.box-solid {
        border-top: 0;
    }

        .box.box-solid > .box-header .btn.btn-default {
            background: transparent;
        }

        .box.box-solid > .box-header .btn:hover,
        .box.box-solid > .box-header a:hover {
            background: rgba(0, 0, 0, 0.1);
        }

        .box.box-solid.box-default {
            border: 1px solid #d2d6de;
        }

            .box.box-solid.box-default > .box-header {
                color: #444444;
                background: #d2d6de;
                background-color: #d2d6de;
            }

                .box.box-solid.box-default > .box-header a,
                .box.box-solid.box-default > .box-header .btn {
                    color: #444444;
                }

        .box.box-solid.box-primary {
            border: 1px solid #3c8dbc;
        }

            .box.box-solid.box-primary > .box-header {
                color: #ffffff;
                background: #3c8dbc;
                background-color: #3c8dbc;
            }

                .box.box-solid.box-primary > .box-header a,
                .box.box-solid.box-primary > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid.box-info {
            border: 1px solid #00c0ef;
        }

            .box.box-solid.box-info > .box-header {
                color: #ffffff;
                background: #00c0ef;
                background-color: #00c0ef;
            }

                .box.box-solid.box-info > .box-header a,
                .box.box-solid.box-info > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid.box-danger {
            border: 1px solid #dd4b39;
        }

            .box.box-solid.box-danger > .box-header {
                color: #ffffff;
                background: #dd4b39;
                background-color: #dd4b39;
            }

                .box.box-solid.box-danger > .box-header a,
                .box.box-solid.box-danger > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid.box-warning {
            border: 1px solid #f39c12;
        }

            .box.box-solid.box-warning > .box-header {
                color: #ffffff;
                background: #f39c12;
                background-color: #f39c12;
            }

                .box.box-solid.box-warning > .box-header a,
                .box.box-solid.box-warning > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid.box-success {
            border: 1px solid #00a65a;
        }

            .box.box-solid.box-success > .box-header {
                color: #ffffff;
                background: #00a65a;
                background-color: #00a65a;
            }

                .box.box-solid.box-success > .box-header a,
                .box.box-solid.box-success > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid.box-overspeed {
            border: 1px solid #5f62ac;
        }

            .box.box-solid.box-overspeed > .box-header {
                color: #ffffff;
                background: #5f62ac;
                background-color: #5f62ac;
            }

                .box.box-solid.box-overspeed > .box-header a,
                .box.box-solid.box-overspeed > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid.box-delay {
            border: 1px solid #e2197c;
        }

            .box.box-solid.box-delay > .box-header {
                color: #ffffff;
                background: #e2197c;
                background-color: #e2197c;
            }

                .box.box-solid.box-delay > .box-header a,
                .box.box-solid.box-delay > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid.box-gps {
            border: 1px solid #ffad38;
        }

            .box.box-solid.box-gps > .box-header {
                color: #ffffff;
                background: #ffad38;
                background-color: #ffad38;
            }

                .box.box-solid.box-gps > .box-header a,
                .box.box-solid.box-gps > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid.box-network {
            border: 1px solid #19b9e7;
        }

            .box.box-solid.box-network > .box-header {
                color: #ffffff;
                background: #19b9e7;
                background-color: #19b9e7;
            }

                .box.box-solid.box-network > .box-header a,
                .box.box-solid.box-network > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid.box-idle {
            border: 1px solid #063767;
        }

            .box.box-solid.box-idle > .box-header {
                color: #ffffff;
                background: #063767;
                background-color: #063767;
            }

                .box.box-solid.box-idle > .box-header a,
                .box.box-solid.box-idle > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid > .box-header > .box-tools .btn {
            border: 0;
            box-shadow: none;
        }

        .box.box-solid[class*='bg'] > .box-header {
            color: #fff;
        }

    .box .box-group > .box {
        margin-bottom: 5px;
    }

    .box .knob-label {
        text-align: center;
        color: #333;
        font-weight: 100;
        font-size: 12px;
        margin-bottom: 0.3em;
    }

    .box > .overlay,
    .overlay-wrapper > .overlay,
    .box > .loading-img,
    .overlay-wrapper > .loading-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .box .overlay,
    .overlay-wrapper .overlay {
        z-index: 50;
        background: rgba(255, 255, 255, 0.7);
        border-radius: 3px;
    }

        .box .overlay > .fa,
        .overlay-wrapper .overlay > .fa {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -15px;
            margin-top: -15px;
            color: #000;
            font-size: 30px;
        }

        .box .overlay.dark,
        .overlay-wrapper .overlay.dark {
            background: rgba(0, 0, 0, 0.5);
        }

.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
    content: " ";
    display: table;
}

.box-header:after,
.box-body:after,
.box-footer:after {
    clear: both;
}

.box-header {
    color: #444;
    display: block;
    padding-left: 10px;
    position: relative;
}

    .box-header.with-border {
        border-bottom: 1px solid #f4f4f4;
        padding: 5px;
    }

.collapsed-box .box-header.with-border {
    border-bottom: none;
}

.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}

.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
    margin-right: 5px;
}

.box-header > .box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}

    .box-header > .box-tools [data-toggle="tooltip"] {
        position: relative;
    }

    .box-header > .box-tools.pull-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .box-header > .box-tools .dropdown-menu > li > a {
        color: #444 !important;
    }

.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    color: #97a0b3;
}

    .open .btn-box-tool,
    .btn-box-tool:hover {
        color: #606c84;
    }

    .btn-box-tool.btn:active {
        box-shadow: none;
    }

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}

.no-header .box-body {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.box-body > .table {
    margin-bottom: 0;
}

.box-body .fc {
    margin-top: 5px;
}

.box-body .full-width-chart {
    margin: -19px;
}

.box-body.no-padding .full-width-chart {
    margin: -9px;
}

.box-body .box-pane {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
}

.box-body .box-pane-right {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
}

.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #ffffff;
}

.chart-legend {
    margin: 10px 0;
}

@media (max-width: 991px) {
    .chart-legend > li {
        float: left;
        margin-right: 10px;
    }
}

.box-comments {
    background: #f7f7f7;
}

    .box-comments .box-comment {
        padding: 8px 0;
        border-bottom: 1px solid #eee;
    }

        .box-comments .box-comment:before,
        .box-comments .box-comment:after {
            content: " ";
            display: table;
        }

        .box-comments .box-comment:after {
            clear: both;
        }

        .box-comments .box-comment:last-of-type {
            border-bottom: 0;
        }

        .box-comments .box-comment:first-of-type {
            padding-top: 0;
        }

        .box-comments .box-comment img {
            float: left;
        }

    .box-comments .comment-text {
        margin-left: 40px;
        color: #555;
    }

    .box-comments .username {
        color: #444;
        display: block;
        font-weight: 600;
    }

    .box-comments .text-muted {
        font-weight: 400;
        font-size: 12px;
    }

.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-default,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-default-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-overspeed,
.bg-delay,
.bg-gps,
.bg-gps-active,
.bg-network,
.bg-idle,
.bg-network-active,
.bg-idle-active,
.bg-sos,
.bg-sos-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    color: #fff !important;
}

.bg-gray {
    color: #000;
    background-color: #d2d6de !important;
}

.bg-gray-light {
    background-color: #f7f7f7;
}

.bg-black {
    background-color: #111111 !important;
}

.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
    background-color: #dd4b39 !important;
}

.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
    background-color: #f39c12 !important;
}

.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
    background-color: #00c0ef !important;
}

.bg-blue {
    background-color: #0073b7 !important;
}

bg-default {
    background-color: #3c8dbc !important;
}

.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
    background-color: #3c8dbc !important;
}

.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
    background-color: #00a65a !important;
}

.bg-overspeed {
    background-color: #5f62ac !important;
}

.bg-delay {
    background-color: #e2197c !important;
}

.bg-gps {
    background-color: #ffad38 !important;
}

.bg-network {
    background-color: #19b9e7 !important;
}

.bg-idle {
    background-color: #063767 !important;
}

.bg-sos {
    background-color: #cf0101 !important;
}

.bg-navy {
    background-color: #001f3f !important;
}

.bg-teal {
    background-color: #39cccc !important;
}

.bg-olive {
    background-color: #3d9970 !important;
}

.bg-lime {
    background-color: #01ff70 !important;
}

.bg-orange {
    background-color: #ff851b !important;
}

.bg-fuchsia {
    background-color: #f012be !important;
}

.bg-purple {
    background-color: #605ca8 !important;
}

.bg-maroon {
    background-color: #d81b60 !important;
}

.bg-gray-active {
    color: #000;
    background-color: #b5bbc8 !important;
}

.bg-black-active {
    background-color: #000000 !important;
}

.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    background-color: #d33724 !important;
}

.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
    background-color: #db8b0b !important;
}

.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
    background-color: #00a7d0 !important;
}

.bg-blue-active {
    background-color: #005384 !important;
}

.bg-default-active {
    background-color: #3c8dbc !important;
}

.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
    background-color: #357ca5 !important;
}

.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
    background-color: #008d4c !important;
}

.bg-overspeed-active {
    background-color: #5f62ac !important;
}

.bg-delay-active {
    background-color: #e2197c !important;
}

.bg-delay-gps {
    background-color: #ffad38 !important;
}

.bg-network-active {
    background-color: #19b9e7 !important;
}

.bg-idle-active {
    background-color: #063767 !important;
}

.bg-sos-active {
    background-color: #cf0101 !important;
}

.bg-navy-active {
    background-color: #001a35 !important;
}

.bg-teal-active {
    background-color: #30bbbb !important;
}

.bg-olive-active {
    background-color: #368763 !important;
}

.bg-lime-active {
    background-color: #00e765 !important;
}

.bg-orange-active {
    background-color: #ff7701 !important;
}

.bg-fuchsia-active {
    background-color: #db0ead !important;
}

.bg-purple-active {
    background-color: #555299 !important;
}

.bg-maroon-active {
    background-color: #ca195a !important;
}

.count {
    font-weight: bold;
}

/*----------------------------------------------- ~~:~~:-- New UI Style From Here --:~~:~~ ------------------------------------------------------*/
.logo1 {
    display: inline-block;
    margin: 0 0 0 0;
    height: 55px;
    line-height: 55px;
    width: 230px !important;
}

    .logo1 img {
        max-width: 100%;
        height: 55px;
    }

.row-sm {
    margin-left: -10px;
    margin-right: -10px;
}

.dashboardmaster_Cnt {
    margin: 0;
    width: 98%;
}

    .dashboardmaster_Cnt .row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

.overflow-hidden {
    overflow: hidden;
}

.bg-bg {
    border-radius: 6px;
    background: #fff;
    float: left;
    width: 100%;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.19);
}

    .bg-bg:hover {
        box-shadow: 0 0 45px 0 rgba(130, 112, 112, 0.53);
        transition: all 0.4s ease;
        margin-top: 0;
    }
/*.bg-bg1{
	background-color: #ff844e;	
	box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.48);
}
.bg-bg2{
	background-color: #079e3b;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.48);	
}
.bg-bg3{
	background-color: #0096d5;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.48);	
}
.bg-bg4{
	background-color: #00b297;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.48);	

}
.bg-bg5{
	background-color: #1d2939;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.48);	
}
.bg-bg6{
	background-color: #134a82;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.48);	
}*/
.rounded {
    border-radius: 3px !important;
}

.dash_mainCnt {
    padding: 15px 25px 25px 25px;
    align-items: center !important;
    min-height: 125px;
    display: inline-block !important;
    float: none;
    width: 100%;
}

    .dash_mainCnt img {
        width: auto;
        max-width: 100%;
        padding: 0;
        margin: 0;
    }

.row-sm > div {
    padding-left: 10px;
    padding-right: 10px;
}

.dashboardmaster_Cnt .row-sm > div {
    width: 100%;
}

.mg-t-20 {
    margin-top: 28px;
    padding-right: 14px;
    padding-left: 14px;
}

.toggle_icon {
    float: left;
    margin: 0;
    width: 50px;
    padding: 0 0 0 15px;
    height: 60px;
    cursor: pointer;
    line-height: 55px;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    background: #063767;
}

#mainNav {
    /*height: 60px;*/
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: #fff;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.16);
    /*display: flex;*/
    align-items: center;
    padding: 0px 0;
    justify-content: space-between;
    transition: all 0.2s ease-in-out;
    border: none;
}

.right_nav {
    margin: 5px 0 0 0;
}

#breadcrum {
    position: fixed;
    z-index: 1234;
    left: 300px;
    top: 0;
}

#MainContent {
    background: red;
}

#body {
    background: #f2f2f2;
    height: auto !important;
    height: 100%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-height: 108vh;
}

.iconBlog {
    padding: 0;
    display: inline-block;
    float: left;
    margin: 18px 0 0 0;
}

.icon_title {
    padding: 0;
    font-size: 18px;
    color: #777777;
    display: inline-block;
    font-weight: bold;
    margin: 15px 0 0 10px;
    font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
}

ul.nav-wizard li {
    margin-top: 15px;
    padding: 0 0 0 23px !important;
}

#breadcrum ul.nav-wizard li a {
    color: #343a40 !important;
    font-size: 12px;
    margin: 0 0 0 0;
    font-weight: 500;
    background: none !important;
}

#breadcrum ul.nav-wizard li.active a {
    background: none !important;
}

label.sidebar-label {
    color: #b9b9b9;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 10px;
}

#divGreeting span, #divGreeting span img {
    position: relative;
}

    #divGreeting span img::after {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #23BF08;
        content: "";
        z-index: 12;
        position: absolute;
        top: 0;
        right: 0;
    }

ul.nav-wizard li:first-child {
    padding: 0 !important;
    display: none;
}

    ul.nav-wizard li:first-child a {
        font-size: 22px !important;
    }

.p_circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #23BF08;
    position: absolute;
    display: inline-block;
    right: 5px;
    bottom: 5px;
    border: 2px solid #fff;
}

.fa-bell-o:before {
    color: #868e96;
}

.right_nav li {
    position: relative;
    margin: 0 15px;
    padding: 0;
}

    .right_nav li .notification_count {
        width: 15px;
        height: 15px;
        background: #054779;
        border-radius: 50%;
        position: absolute;
        top: 12px;
        right: -5px;
        color: #fff !important;
        line-height: 15px;
        font-size: 8px;
        text-align: center;
        padding: 0;
    }

.bg_analytics {
    border-radius: 6px;
    background: #fff;
    float: left;
    width: 100%;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.19);
}

.bg-bg span {
    display: none;
}

.dash_mainCnt .icon_title .count {
    display: block;
    float: right;
    margin: 0 0 0 5px;
}

.p_0 {
    padding: 0 !important;
}

.topBlog {
    width: 97%;
    display: none;
    margin: 0 0 0 3%;
}

.collapsed-menu .topBlog ul li.circle {
    margin: 0 40px;
}

.topBlog ul li.circle {
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    line-height: 100px;
    text-align: center;
    cursor: pointer;
    margin: 0 5%;
}

.topBlog ul li.circle_trip {
    position: relative;
    animation-name: floating;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-delay: 2s;
    top: 0;
    padding: 0 0 0 0;
    /*top: -20px;
    background: #079e3b;
    color: #fff;*/
}

    .topBlog ul li.circle_trip a {
        color: #000;
    }

.topBlog ul li.circle_sos {
    position: relative;
    animation-name: floating;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-delay: 2s;
    padding: 0 0 0 0;
    color: red;
    top: -70px;
    /*background: #1d2939;
    color: #fff;
    top: -90px;*/
}

    .topBlog ul li.circle_sos a {
        color: red;
    }

.topBlog ul li.circle_lateBoarding {
    position: relative;
    animation-name: floating;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-delay: 5s;
    padding: 0 0 0 0;
    top: 0;
    color: #fb3fa6;
    /*top: 10px;
    color: #FFF;
    background: #fb3fa6;*/
}

    .topBlog ul li.circle_lateBoarding a {
        color: #fb3fa6;
    }

.topBlog ul li.circle_delay {
    position: relative;
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-delay: 3s;
    padding: 0 0 0 0;
    color: gray;
    top: -70px;
    /*background: #f98c3c;
    top: -90px;
    color: #FFF;*/
}

    .topBlog ul li.circle_delay a {
        color: gray;
    }

.topBlog ul li.circle_speeding {
    position: relative;
    animation-name: floating;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-delay: 4s;
    padding: 0 0 0 0;
    top: 0;
    color: purple;
    /*top: -20px;
    color: #fff;
    background: #0096d5;*/
}

    .topBlog ul li.circle_speeding a {
        color: purple;
    }

@keyframes floating {
    0% {
        box-shadow: 0 5px 15px 0px rgba(0,0,0,0.2);
        transform: translatey(0px);
    }

    50% {
        box-shadow: 0 5px 15px 0px rgba(0,0,0,0.3);
        transform: translatey(-5px);
    }

    100% {
        box-shadow: 0 5px 15px 0px rgba(0,0,0,0.2);
        transform: translatey(0px);
    }
}

.dashboardHeading {
    color: #343a40 !important;
    margin: 90px 0 -10px 8px;
    font-weight: 500;
    font-size: 22px !important;
}

.dashboardHeading1 {
    color: #555555 !important;
    margin: 90px 0 15px 0;
    font-weight: 500;
    text-align: center;
    display: none;
    font-size: 22px !important;
}

.description_blog {
    display: flex;
    font-size: 14px;
    color: #777777;
    margin: 12px 0 -10px 60px;
}

.bg-bg5 .description_blog {
    margin: 12px 0 -10px 60px;
}

.bg-bg1 .description_blog {
    margin: 12px 0 -10px 70px;
}

.bg-bg6 .description_blog {
    margin: 12px 0 -10px 83px;
}

.lblPlaceholder {
    line-height: 30px;
}

.search_ta {
    padding: 8px 10px !important;
}

.bg_new {
    border-radius: 0;
    background: #fff;
    width: 240px;
    float: left;
    box-shadow: none;
    margin: 25px;
    border: none;
    position: relative;
    padding: 15px 0;
    z-index: 0;
}

.add_client {
    width: 97%;
}

.client-active::before {
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 240px;
    background: #33a351;
    content: "";
    height: 5px;
    border-radius: 0;
}

.client-inactive::before {
    position: absolute;
    left: 0px;
    bottom: -15px;
    width: 240px;
    background: #e44134;
    content: "";
    height: 5px;
    border-radius: 0;
}

.displaynone {
    display: none;
}

#p_dropdwn {
    margin: 0 0 0 0;
    padding: 0;
    left: -45px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

    #p_dropdwn::after {
        /*position:absolute;
    left:0;
    top:0;
    width:20px;
    height:20px;
    content:'';
    border-left: 20px solid transparent;
  border-right: 20px solid transparent;  
  border-top: 20px solid #f00;*/
    }

    #p_dropdwn a {
        display: block;
        width: 100%;
        color: #063767;
        text-align: center;
    }

        #p_dropdwn a:hover {
            background: #19b9e7;
            color: #fff;
        }

.rightArrow {
    font-size: 16px;
    color: #a5a5a5;
    font-weight: bold;
    margin: 0 0 0 0;
    position: relative;
    top: 5px;
    left: 2px;
}

#newTabs .container-fluid {
    padding: 30px;
}

#newTabs {
    margin: 0 0px 0px;
    display: inline-block;
    width: 100%;
    position: relative;
}

    #newTabs .tab-content {
        width: 100%;
        float: left;
        background: #fff;
        /*border: 1px solid #f2f2f2;*/
        margin: -1px 0 0 0;
        box-shadow: none;
    }

    #newTabs .nav-pills > li {
        margin: 0px 0px 0px 4px;
    }

        #newTabs .nav-pills > li.active > a {
            background: none !important;
            color: #063767;
            border-top: none;
            border-left: none;
            border-right: none;
            border-bottom: 3px solid #063767 !important;
            font-weight: bold;
            position: relative;
        }

        #newTabs .nav-pills > li > a {
            color: #666666;
            font-weight: bold;
            padding: 9px 10px;
            border-radius: 0;
            font-size: 13px;
        }

    #newTabs .form-control, {
        border-radius: 0px;
        padding: 4px 12px;
        height: 36px;
        font-size: 13px;
        color: #333;
        border: 1px solid #f2f2f2 !important;
        box-shadow: 0px 0px 5px 0 rgba(51, 50, 51, 0.18) !important;
    }

#MainContent_txtShiftName {
    margin: 0 0 8px 0;
}

.tabsContentnew {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #f2f2f2;
    margin: -1px 0 0 0;
    box-shadow: none;
}

.add_employee_tab .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    background: #053e6e !important;
    color: #fff;
    border-top: 1px solid #053e6e;
    border-right: 1px solid #053e6e;
    border-left: 1px solid #053e6e;
    border-radius: 8px 8px 0px 0px;
    font-weight: 600;
}

.add_employee_tab .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected {
    background: #fff !important;
    color: #053e6e;
    border-top: 1px solid #d8d8d8 !important;
    border-right: 1px solid #d8d8d8 !important;
    border-left: 1px solid #d8d8d8 !important;
    box-shadow: 2px -1px 8px -4px rgba(51, 50, 51, 0.7) !important;
    border-radius: 8px 8px 0px 0px !important;
    border-bottom: none;
}

.add_employee_tab .RadTabStrip .rtsLI {
    margin: 0 -10px 0 25px;
}

.add_employee_tab .RadTabStrip .rtsUL, .add_employee_tab .RadTabStrip .rtsLevel, .add_employee_tab .RadTabStrip .rtsLI {
    overflow: visible;
}

.tabsContentnew .tabline {
    border: none !important;
}

.select_date_range {
    margin-top: 0;
    width: 300px;
    z-index: 999999;
    float: right;
}

    .select_date_range .RadPicker, .select_date_range.riSingle {
        width: 40% !important;
    }

    .select_date_range .daterange {
        padding: 3px 0 0 10px;
        height: 37px;
        display: inline-block;
        margin: 0px 0px 0 0;
        float: left;
        width: 190px;
        border: 1px solid #cdcdcd;
    }

#ctl00_MainContent_RadMonthYearPicker1_wrapper {
    width: 100% !important;
}

.tabsContentnew .uploadblocks_Shifts > div {
    width: 22%;
}

.uploadblocks img {
    margin: 0 0 16px 0;
}

.uploadblocks_Shifts img {
    margin: 0 0 16px 0;
}

.uploadblocks .RadUpload {
    width: 205px !important;
}

.newTabs {
    display: inline-block;
    width: 100%;
}

.bodymargin.tablescroll {
    /*border-top: 1px solid #ffffff;
    border: 1px solid #eaeaea;*/
    padding: 0;
}

.client-card {
    min-height: 75px;
    border: 1px solid #e6e6e6;
}

.cal_icon {
    position: absolute;
    right: 13px;
    top: 0;
}

.daterangepicker.ltr {
    width: 50%;
}

.datePiker_ta {
    position: relative;
    width: 195px;
    float: left;
    height: 37px;
    line-height: 37px;
}

.search_button {
    height: 37px;
    line-height: 37px;
    padding: 0 !important;
    width: 100px;
}

.modifytrip_tsbs_input {
    margin: 18px 0 0 0;
    display: inline-block;
}

.cancelBtn {
    background: #ff8585;
    margin: 0 0 0 0;
    float: right;
    color: #fff;
    height: 33px;
    border-radius: 5px;
    padding: 0 20px;
}

    .cancelBtn:hover {
        background: #ff8585;
    }

.btn-mandatory {
    border-radius: 0px;
}

.RadGrid_MetroTouch .rgRow td {
    font-size: 13px !important;
    font-weight: normal !important;
    font-family: Lato !important;
    text-align: left !important;
    vertical-align: middle !important;
}

.labl_name {
    margin: 0 0 5px 0;
    display: inline-block;
}

.loginCnt {
    background-color: #fff;
    width: 70%;
    display: flex;
    margin: 10rem auto 0;
    border-radius: .625rem;
    padding: 50px 0 0 0;
    position: relative;
}

/*.loginCnt:before, .loginCnt:after {
        z-index: -1;
        position: absolute;
        content: "";
        bottom: 15px;
        left: 10px;
        width: 50%;
        top: 80%;
        max-width: 300px;
        background: #777;
        -webkit-box-shadow: 0 15px 10px #777;
        -moz-box-shadow: 0 15px 10px #777;
        box-shadow: 0 15px 10px #777;
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }

    .loginCnt:after {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg);
        right: 10px;
        left: auto;
    }*/

.RadInput_MetroTouch.riSingle .riTextBox {
    font-size: 13px;
    font-family: Lato !important;
    font-weight: 500 !important;
}

.RadComboBox_MetroTouch .rcbEmptyMessage {
    color: #333 !important;
    font-weight: normal !important;
    font-style: normal !important;
}

.saveBtn {
    margin: 0 0 0 0;
    color: #fff;
    height: 33px;
    border-radius: 0;
    background: #054779 !important;
    border: 1px solid #054779 !important;
    padding: 0 20px;
    width: auto !important; /*130px;*/
}

.updateBtn {
    background: #054779 !important;
    border: 1px solid #054779 !important;
    margin: 0 0 0 0;
    color: #fff;
    height: 33px;
    border-radius: 0 !important;
    float: none;
    padding: 0 20px;
}

.floatnone {
    float: none !important;
}

#mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
    font-size: 14px;
}

.calander_ta {
    border-radius: 0px;
    padding: 10px 10px;
    height: auto;
    font-size: 13px;
    color: #333;
    border: 1px solid #e0e0e0;
    width: 90%;
    box-shadow: none !important;
    float: left;
}

.dateicon {
    padding: 0;
    vertical-align: baseline;
    border: 1px solid #cdcdcd;
    cursor: pointer;
    margin: 0 0 0 -5px;
    display: inline-block;
    background: url(../Images/calendar_icon_new.png) no-repeat center center #eaeaea;
    height: 38px;
    width: 30px;
}

#newTabs .addLocationTbl .form-control, #newTabs .addLocationTbl input {
    border-radius: 0px;
    padding: 4px 12px;
    height: 36px;
    font-size: 13px;
    color: #555555;
    border: 1px solid #d4d4d4b3;
    box-shadow: none;
}

#newTabs .addLocationTbl tr td {
    padding: 8px 8px;
}

#newTabs .addLocationTbl tr {
    background: #fff;
}

    #newTabs .addLocationTbl tr:nth-child(odd) {
        background: #f2f2f2;
    }

#MainContent_divPerEmpPackage h4 strong {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 15px 0;
    display: block;
}

#MainContent_txtKms7A, #MainContent_txtKms12A {
    border-radius: 0px;
    padding: 4px 12px;
    height: 36px;
    font-size: 13px;
    color: #333;
    border: 1px solid #cacaca;
    box-shadow: 0px 0px 5px 0 rgba(51, 50, 51, 0.18) !important;
}

#ctl00_MainContent_ddlPaymentPack {
    width: 50% !important;
}

#ctl00_MainContent_ddlTripType {
    width: 50% !important;
}

#MainContent_txtEscortTripCost {
    width: 50% !important;
}

.addLocation_dateRange select {
    border-color: #cdcdcd;
    color: black;
    background-color: #f9f9f9;
    padding: 10px 20px 10px 10px;
    margin: 0 5px;
}

.addLocationTbl thead {
    background: #fff;
    font-size: 14px;
    color: #054779 !important;
    font-weight: 600;
}

    .addLocationTbl thead tr td span strong {
        font-size: 14px;
        color: #054779 !important;
        font-weight: 600;
        font-size: 14px;
    }

.whistlemetricks_content_wrapper {
    background: none;
}

html .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    color: #666666 !important;
    font-weight: bold;
    padding: 9px 10px !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 13px;
    background: none !important;
}

html .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected {
    background: none !important;
    color: #063767 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 3px solid #063767 !important;
    font-weight: bold;
    position: relative;
}

}

.RadTabStripVertical .rtsLI {
    display: inline-block !important;
    margin: 0px 5px 0px 15px !important;
    overflow: initial !important;
}

.addLocationTbl {
    margin: 16px;
    border: none;
}

    .addLocationTbl .addLocationTbl_heading1 td {
        background: #d8d8d8;
    }

    .addLocationTbl tr:hover {
        background: #e8e8e8;
        /*border-bottom: 1px solid #ccc;*/
    }

#MainContent_pnlEmptyGraph {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 0 0 20px 0;
}

#MainContent_Lateboarding .RadTabStrip .rtsLI {
    margin: 10px 7px;
}

#MainContent_pnlBillSummary .dateicon {
    position: absolute;
    right: -7px;
    top: 0;
}

.triprequest_content_wrapper {
    background: none;
}

    .triprequest_content_wrapper .RadTabStrip .rtsLI {
        margin: 0 10px 0 10px;
        overflow: initial;
        display: inline-block;
    }

#MainContent_pnlAddLocation .RadButton_cancel.rbSkinnedButton, #MainContent_pnlAddCabs .RadButton_cancel.rbSkinnedButton, #MainContent_PanelAddDriver .RadButton_cancel.rbSkinnedButton {
    float: right;
}

#ctl00_MainContent_RadTabStrip1 .rtsLevel1 .rtsLink {
    font-family: 'FontAwesome' !important;
}

#ctl00_MainContent_RadTabStrip1 .rtsLevel1 .rtsLink {
    font-family: 'FontAwesome' !important;
}

#shiftsList {
    overflow: auto;
    height: 330px;
}

#OntimeDelayDetailBlog {
    position: absolute;
    top: 80%;
    left: 45%;
    text-align: left;
    font-size: 13px;
}

    #OntimeDelayDetailBlog span {
        display: inline-block;
        margin: 5px 0;
        font-size: 12px;
        font-weight: bold;
    }

/*#MainContent_RadPageView3 {
    box-shadow: 0px 1px 3px 2px #e2e2e2;
}*/

#ctl00_MainContent_PieChart {
    position: relative;
}

    #ctl00_MainContent_PieChart::after {
        position: absolute;
        right: 0;
        top: 35%;
        height: 100px;
        background: #e2e2e2;
        width: 1px;
        content: "";
    }

.boxShadow {
    box-shadow: 0px 1px 3px 2px #e2e2e2;
}
/*#
#MainContent_RadPageView2 {
   box-shadow: 0px 1px 3px 2px #e2e2e2; 
   padding:15px;
}*/

.export_excel {
    margin: 0 0 0 35px !important;
    height: 20px;
}

.upper-case {
    text-transform: uppercase;
}

.lower-case {
    text-transform: lowercase;
}

.captialize-case {
    text-transform: capitalize;
}

.currentDayMetricsDashboard {
    padding: 0;
    margin: 60px 0 0 0;
    display: inline-block;
    width: 100%;
    min-height: 500px;
}

    .currentDayMetricsDashboard h2 {
        padding: 10px 0 10px 0;
        color: #343a40;
        font-weight: 500;
        font-size: 14px;
        text-align: center;
    }

/*---------------New Dashboard Css Start Here-------------------*/

.TripPerformanceBlog {
    background: #fff;
    box-shadow: 0px 0px 3px 2px #dededec4;
    /*display: inline-block;*/
    padding: 20px;
}

.TripPerformancepanels {
    box-shadow: 0px 0px 3px 2px #dededec4;
    padding: 20px;
}

.tripHeading {
    padding: 20px 0 0 0;
    color: #063767;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    font-size: 22px;
}

.TripsBlog {
    padding: 0;
    border-right: 1px solid #cacaca;
}

    .TripsBlog:last-child {
        border: none;
    }

    .TripsBlog label {
        font-size: 13px;
        font-weight: bold;
        color: #666666;
    }

    .TripsBlog h3 {
        padding: 0px 0 0 0;
        color: #343a40;
        font-weight: bold;
        line-height: normal;
        margin: 0;
        font-size: 30px;
    }

.TripCart {
    width: 60px;
    height: 60px;
    background: red;
}

.tripsCount {
    /*display: inline-block;*/
    float: left;
    margin: 0 0 0 0px;
    /*width: 27%;*/
    text-align: center;
}

    .tripsCount h3 {
        text-align: center;
    }

.tripChart {
    margin: 15px 0px 0px 0px;
    /*width: 61%;
    display: inline-block;*/
    text-align: center;
}

.cabUtilizationBlogMain {
    padding: 0;
    margin: 20px 0;
}

.cabUtilizationBlog {
    background: #fff;
    box-shadow: 0px 0px 3px 2px #dededec4;
    padding: 10px 0 0px 0;
}

.cabUtilizationBlog2 {
    width: 96%;
}

.main_heading1 {
    padding: 0px 0 10px 20px;
    color: #063767;
    font-weight: bold;
    line-height: normal;
    text-align: left;
    margin: 0;
    border-bottom: 1px solid #e2e2e2;
    font-size: 16px;
}

.cabUtilizationChart {
    /*padding: 0px 0;
    width: 180px;*/
    float: left;
}

.cabUtilizationBlog ul {
    padding: 10px 20px;
    background: #f4f4f4;
    display: inline-block;
    width: 100%;
    margin: 0;
}

    .cabUtilizationBlog ul li {
        list-style: none;
        padding: 1px;
        border-bottom: 1px solid #ffffff;
    }

        .cabUtilizationBlog ul li .alert_sos {
            width: 15px;
            height: 15px;
            background: #e62536;
            display: inline-block;
            vertical-align: middle;
        }

        .cabUtilizationBlog ul li label {
            font-size: 15px;
            font-weight: bold;
            color: #333333;
            padding-left: 10px;
            padding-top: 7px;
            vertical-align: middle;
        }

        .cabUtilizationBlog ul li span {
            float: right;
            font-size: 14px;
            color: #333333;
            padding-top: 2px;
        }

        .cabUtilizationBlog ul li .alert_network {
            background: #51B0AC;
        }

        .cabUtilizationBlog ul li .alert_location {
            background: #BF9100;
        }

        .cabUtilizationBlog ul li .alert_speed {
            background: #a687c0;
        }

        .cabUtilizationBlog ul li .alert_delay {
            background: #f1478e;
        }

        .cabUtilizationBlog ul li .alert_idle {
            background: #a2a1a6;
        }

        .cabUtilizationBlog ul li .alert_Geofense {
            background: #FF8112;
        }

        .cabUtilizationBlog ul li .alert_IVR {
            background: #ff4c4d;
        }

.tripCount2 {
    background: url(../../Assets/Images/tirpCount2_bg.png) repeat-x left top !important;
    box-shadow: 0px 0px 3px 2px #dededec4;
    padding: 30px 30px 2px 30px;
    width: 47%;
    border: none;
    display: inline-block;
    margin: 0 2px 10px 2px;
    text-align: center;
}

    .tripCount2 strong {
        font-size: 14px;
        font-weight: 700;
        color: #666666;
    }

    .tripCount2 h2 {
        padding: 0px 0 0px 0;
        color: #343a40;
        font-weight: bold;
        font-size: 30px;
        text-align: center;
    }

.documentValidity .TripPerformanceBlog {
    width: 100%;
}

.documentValidity .tripsCount {
    margin: 0;
    border-right: 1px solid #e2e2e2;
}

.TripsBlog2 {
    margin: 0 0 0 80px;
}

.documentValidity .TripsBlog2 .tripsCount {
    margin: 0 0 0 30px;
    border: none;
}

.TripsBlog2 label {
    font-size: 10px;
}

.TripsBlog2 h3 {
    font-size: 14px;
}

.TripPerformanceBlog2 {
    margin: 20px 0 0 0;
}

.main_heading2 {
    padding: 20px 0 15px 20px;
}

.TripPerformanceBlog3 {
    width: 100%;
    padding: 15px;
}

    .TripPerformanceBlog3 .tripsCount {
        margin: 0;
    }

    .TripPerformanceBlog3 .TripsBlog2 label {
        font-size: 10px;
        float: left;
    }

    .TripPerformanceBlog3 .TripsBlog2 h3 {
        float: right;
    }

    .TripPerformanceBlog3 .TripsBlog2 .tripsCount {
        width: 22%;
        margin: 0 20px 0 0;
    }

    .TripPerformanceBlog3 .TripsBlog03 label {
        font-size: 16px;
    }

    .TripPerformanceBlog3 .TripsBlog03 h3 {
        font-size: 20px;
    }

    .TripPerformanceBlog3 .TripsBlog03 .tripsCount {
        margin: 0 40px 0 0;
        border-right: 1px solid #ccc;
        width: 20%;
    }

.bulk {
    padding: 10px 0 0px 0;
}

.documentValidity {
    width: 96%;
    margin: 10px 0 0 0;
}

.cabUtilizationBlog2 .TripsBlog04 label {
    font-size: 12px;
}

.cabUtilizationBlog2 .TripsBlog04 h3 {
    font-size: 18px;
}

.cabUtilizationBlog2 .TripsBlog .tripsCount {
    margin: 0 0 0 10px;
    width: 23%;
}

.cabUtilizationBlog2 .TripsBlog04 .tripsCount {
    margin: 0 0 0 0px;
    width: 32%;
}

.ontimeChart {
    padding: 0px;
    text-align: center;
    display: inline-block;
    margin: 0 0 0 0;
}

.cabUtilizationBlog3 {
    margin: 10px 0 0 0;
}

.tripChart_legends {
    /*width: 220px;
    display: inline-block;*/
    margin: 10px 0 0 0;
}

.cabUtilizationBlog ul li .alert_legend {
    width: 15px;
    height: 15px;
    background: #063767;
}

.cabUtilizationBlog ul li .alert_legend2 {
    width: 15px;
    height: 15px;
    background: #0096d5;
}

.cabUtilizationBlog .tripChart_legends ul {
    background: none;
}

    .cabUtilizationBlog .tripChart_legends ul li span {
        float: right;
        font-size: 20px;
        font-weight: bold;
        color: #333333;
    }

.cabUtilizationBlog .TripsBlog .tripsCountd {
    margin: 10px 10px 13px 10px;
    text-align: center;
    border-right: 1px solid #e2e2e2;
}

.cabUtilizationBlog .TripsBlog .tripsCounte {
    margin: 10px 10px 20px 10px;
    text-align: center;
}

    .cabUtilizationBlog .TripsBlog .tripsCounte label {
        font-size: 14px !important;
        text-align: center;
    }

    .cabUtilizationBlog .TripsBlog .tripsCounte h3 {
        font-size: 16px !important;
        text-align: center;
    }

.cabUtilizationBlog .TripsBlog .tripsCountz {
    margin: 10px 10px 20px 10px;
    text-align: center;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    font-size: 16px !important;
    text-align: center;
    color: #343a40;
    font-weight: bold;
    line-height: normal;
}

.tripCount2 .empcount {
    font-size: 10px !important;
}

.ontimeBlog {
    background: #fff;
}

/*Billing*/
.billingMainCnt {
    background: #f8f8f8;
    display: inline-block;
    width: 100%;
    padding: 30px 0 30px 0;
}

.selectpicker_active {
    border-bottom: 0px solid #fff !important;
}

.selectpickerinactive {
    border-top: 2px solid #e43e45 !important;
    border-left: 2px solid #e43e45 !important;
    border-right: 2px solid #e43e45 !important;
}

.selectpickeractive {
    border-top: 2px solid #15cc5a !important;
    border-left: 2px solid #15cc5a !important;
    border-right: 2px solid #15cc5a !important;
}

.selectpicker {
    background: #f2f2f2;
    border: none;
    padding: 20px;
    width: 230px;
    border-radius: 0;
}

    .selectpicker:focus, .selectpicker:visited {
        border: none !important;
        outline: none !important;
    }

    .selectpicker option:focus, .selectpicker option:visited {
        border: none !important;
        outline: none !important;
    }

.addCustomerBtn {
    width: 150px;
    height: 36px;
    background: #063767;
    display: inline-block;
    line-height: 36px;
    color: #fff;
    padding: 0px;
    text-align: center;
    border: none !important;
}

    .addCustomerBtn i {
        color: #063767;
        width: 27px;
        height: 27px;
        border-radius: 50%;
        float: left;
        background: #fff;
        font-size: 14px;
        text-align: center;
        line-height: 30px;
        margin: 5px 0px 0 10px;
    }

.labelbold {
    font-size: 14px;
    font-weight: bold;
}

.addMore {
    margin: 0 0 0 10px;
    padding: 5px !important;
}

.tripPackageBlog .addMore {
    position: absolute;
    .employeeDetails right: -45px;
    top: 45%;
}
/*-------------- NEW menuitem CSS STARTS HERE --------------*/
.mainNewCnt {
    margin: 65px 0 50px 0;
    position: relative;
}

#MainContent_btnEndtrips, #MainContent_btnNotify {
    margin: 5px 0 0 0;
    display: inline-block;
    font-weight: bold;
    background: none !important;
    color: #0397d5;
    font-size: 13px !important;
    padding: 5px 10px;
}

.RadComboBox table td.rcbInputCell {
    background: #f2f2f2;
    border: none;
    padding: 0 20px;
}

    .RadComboBox table td.rcbInputCell:hover {
        border: none !important;
        background: #f2f2f2;
    }

.RadComboBox_MetroTouch .rcbFocused .rcbInputCell {
    background: #f2f2f2 !important;
}

.RadComboBox_MetroTouch .rcbArrowCell {
    background: #f2f2f2 !important;
    border: 0 !important;
    height: 38px !important;
}

.RadComboBox_MetroTouch .rcbHovered .rcbInputCell {
    background-color: #f2f2f2 !important;
}

.RadGrid .rgPager .RadComboBox {
    width: 110px !important;
}

/*.RadComboBox .rcbReadOnly .rcbInput{
    width: 60px !important;
}*/

.RadInput_MetroTouch.riSingle .riTextBox {
    background: #ffffff;
}

.single_Cal {
    background: #ffffff;
    border: 1px solid #d2d2d2;
    padding: 2px 2px;
    width: 80%;
}

/*#ctl00_MainContent_xlsUploadRoutes .ruButton {
    background: #e8e8e8 !important;
}

#ctl00_MainContent_xlsUploadCustomerShifts .ruButton {
    background: #e8e8e8 !important;
}*/

.searchBlog {
    float: right;
    width: 380px;
    margin: 10px 0 0 0;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 36px;
    line-height: 36px;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    right: 10px;
    top: 1px;
    margin: 0 0 0 0;
}

.form-group.has-search {
    width: 220px;
    float: right;
    position: relative;
}

.addCustomerBtn {
    width: 150px;
    height: 35px;
    background: #063767;
    display: inline-block;
    line-height: 30px;
    color: #fff;
    padding: 2px;
    text-align: center;
}

    .addCustomerBtn i {
        color: #063767;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        float: left;
        background: #fff;
        font-size: 14px;
        text-align: center;
        line-height: 27px;
        margin: 3px 7px 0 10px;
    }

.has-search .form-control {
    padding-left: 10px;
    border: 1px solid #f3f3f3;
}

.pd-0 {
    padding: 0;
}

fieldset {
    border: none !important;
    padding: 0;
}

#MainContent_pnlClientDetails label, #MainContent_pnlAddVendors label, #MainContent_pnlEditEmployee label, #MainContent_PanelAddShift label, #MainContent_pnlAddLocation label, #addConfiguration label {
    padding: 5px 0 20px 0;
    color: #555555;
}

.RadComboBox_MetroTouch .rcbReadOnly .rcbInputCell {
    border: none !important;
    border-right: 0 !important;
    color: #333;
    background-color: #f2f2f2 !important;
}

.RadComboBox_MetroTouch .rcbReadOnly .rcbArrowCellRight {
    border-color: #e6e6e6 !important;
    border-left: none !important;
    background: #f2f2f2;
}

.topNAvBlog {
    margin: 0 0 0 0;
}

.add_customer {
    color: #666666;
    font-weight: bold;
    padding: 9px 10px;
    border-radius: 0;
    font-size: 13px;
    border-bottom: 3px solid #063767 !important;
}

.exitBtn {
    color: #e44134;
    font-weight: bold;
    font-size: 13px;
    border: none;
    float: right;
}

.topNAvBlog {
    margin: 0 0 -5px 0;
    width: 100%;
    display: inline-block;
}

.recommendSpan {
    position: absolute;
    right: 15px;
    top: 10px;
}

.logoPreview {
    width: 250px;
    height: 145px;
    line-height: 145px;
    text-align: center;
    position: absolute;
    border: 1px solid #dadada;
    left: 225px;
    top: -50px;
}

    .logoPreview span {
        font-size: 14px;
        color: #a2a2a2;
    }

.exitBtnBlog {
    position: absolute;
    right: 20px;
    top: 8px;
}

.saveBtnNew {
    color: #5cad76;
    font-weight: bold !important;
    font-size: 13px;
    margin: 1px 15px 0 0;
    display: inline-block;
}

.mr-15 {
    margin-right: 15px;
}

.exitBtnBlog span#ctl00_MainContent_btnCancel, #ctl00_MainContent_RadButton1 {
    color: #e44134;
    font-weight: bold;
    font-size: 16px;
    float: right;
    background: none;
    border: none;
    margin: -3px 0 0 0;
}

.exitBtnBlog .rbDecorated {
    color: #e44134 !important;
}

.commandButton {
    margin: 0 auto;
    width: 171px;
}

.radioBtnTbl {
    width: 150px;
}

    .radioBtnTbl td {
        width: 50%;
    }

#MainContent_PanelConfig .rgMasterTable tr {
    border: none !important;
    background: #ffffff;
}

    #MainContent_PanelConfig .rgMasterTable tr th {
        background: #fff !important;
        border-bottom: 1px solid #ccc !important;
        text-align: left !important;
    }

    #MainContent_PanelConfig .rgMasterTable tr:nth-child(odd) {
        background: #f2f2f2;
    }

    #MainContent_PanelConfig .rgMasterTable tr td {
        border: none !important;
        padding: 8px;
        text-align: left;
    }

.emp_details {
    padding: 20px 0;
}

    .emp_details h4 {
        font-size: 14px;
        color: #063767;
        font-weight: bold;
    }

    .emp_details p {
        margin: 0;
        padding: 5px 0 5px 0;
        font-size: 12px;
    }

.emp_detialsUploadBlog .emp_details {
    padding: 10px 30px 20px;
    background: #f2f2f2;
    margin: 20px 0 20px 0;
    border: 1px solid #d4d4d4;
}

    .emp_detialsUploadBlog .emp_details h3 {
        color: #063767;
        font-weight: bold;
        font-size: 14px;
        margin: 0 0 15px 0;
        text-align: center;
    }

.brown_bg {
    background: #f3f3f3;
    color: #063767;
    box-shadow: 0px 0px 3px 2px #e4e4e4;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.emp_details h4 {
    font-size: 14px;
    color: #063767;
    font-weight: bold;
}

.addCustomerBtn21 {
    width: 150px;
    margin: 25px 0 0 0;
}

.display_none {
    display: none;
}

#MainContent_btnAddClientUser {
    width: 130px;
    height: 37px;
    background: #063767;
    display: inline-block;
    line-height: 37px;
    color: #fff;
    padding: 0px 15px 0 0;
    text-align: center;
    margin: 0 0 0 0;
    border: none;
    border-radius: 0;
}

    #MainContent_btnAddClientUser i {
        color: #fff;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        float: left;
        font-size: 25px;
        text-align: center;
        line-height: 30px;
        margin: 4px 0 0 10px;
        padding: 0;
    }

.mg-t-100 {
    margin-top: 100px;
}

#MainContent_rblselectclienttype input[type=radio] {
    margin: 8px 6px 0 0;
    float: left;
}

.right_nav .caret {
    color: #343a40;
    margin: 0 0 0 5px;
    border-width: 0px 1px 1px 0px;
    border: solid #555;
    border-width: 0px 1px 1px 0px;
    display: inline-block;
    padding: 3px;
    transform: rotate(40deg) !important;
    -webkit-transform: rotate(-45deg);
    vertical-align: middle;
}

span#lblUsername {
    font-size: 13px;
    font-weight: bold;
    margin: 0 15px;
    float: inherit;
}

span#lblRole {
    position: absolute;
    right: 37px;
    top: 33px;
    text-align: right;
    font-size: 11px;
}

.notify_bell .fa-bell-o {
    font-size: 18px;
    margin: 14px 2px 0 0;
    display: inline-block;
    float: left;
}

.form-bottom input:-webkit-autofill,
.form-bottom input:-webkit-autofill:hover,
.form-bottom input:-webkit-autofill:focus {
    border: 1px solid #dadada;
    -webkit-text-fill-color: #333333;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

.form-bottom input {
    border: 1px solid #dadada !important;
    padding: 25px 10px;
    display: inline-block;
    margin: 5px 0;
}

    .form-bottom input[type=submit] {
        padding: 15px 10px;
        margin: 30px 0 0 0;
    }

.client-techtitle {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0 0 0 0;
    font-size: 12px;
    height: 32px;
    color: #555555;
}

.bg_new .client-tile img {
    display: inline-block;
    height: 70px;
}

.grayBg {
    background: #f3f3f3;
}

.topSelectionBlog {
    padding: 15px 25px 15px 0 !important;
    background: #fff;
}

.g_Tabs {
    padding: 0;
    margin: 0 auto 15px;
    width: 190px;
}

html .RadTabStrip_MetroTouch .rtsTxt {
    font-family: Lato !important;
}

.topInstructionsBlog {
    display: inline-block;
    width: 100%;
    padding: 10px 10px 20px 0;
    margin: 0;
    background: #fff;
}

    .topInstructionsBlog ul {
        float: left;
    }

        .topInstructionsBlog ul li {
            float: left;
            display: inline-block;
            padding: 0 10px;
            font-size: 13px
        }

.orangeSqure {
    width: 15px;
    height: 15px;
    display: inline-block;
    float: left;
    margin: 1px 10px 0 0;
    background: #f9b84b;
}

.redSqure {
    width: 15px;
    height: 15px;
    margin: 1px 10px 0 0;
    float: left;
    display: inline-block;
    background: #ff7b57;
}

.blue-font {
    color: #0096d5 !important;
    font-weight: bold;
}

ul.nav-wizard li:after {
    position: absolute;
    top: 20px;
    z-index: 10;
    content: '';
    right: -15px;
    display: block;
    border: solid #555;
    border-width: 0px 1px 1px 0px;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    vertical-align: middle;
}

.rgMasterTable tr.rgNoRecords {
    font-size: 13px;
    font-family: Lato !important;
    border: 1px solid #fff !important;
}

.wd-brand {
    background: #fff;
    padding: 10px;
    position: relative;
    border: 1px solid #efefef;
}

.emp_details {
    padding: 20px 0;
}

    .emp_details h4 {
        font-size: 16px;
        color: #063767;
        font-weight: bold;
    }

    .emp_details p {
        margin: 0;
        padding: 5px 0 5px 0;
        font-size: 12px;
    }

.MianCnt {
    display: inline-block;
    width: 100%;
}

.locationBlog {
    padding: 0px 15px;
    border: 1px solid #dedede;
}

.locationAdrees1 .emp_details {
    padding: 12px 30px 12px 30px;
    background: #f2f2f2;
    margin: 12px 0 12px 0;
    border-left: 4px solid #33a351;
}

.emp_details h4 {
    font-size: 16px;
    color: #063767;
    font-weight: bold;
}

.emp_details p {
    margin: 0;
    padding: 5px 0 5px 0;
    font-size: 12px;
}

.BtnBlog1 {
    width: 160px;
    margin: 12px 0 0 0;
}

    .BtnBlog1 a {
        background: #f2f2f2;
        border: 1px solid #ececec;
        font-size: 13px;
        color: #666666;
        display: block;
        margin: 0 0 20px 0;
        box-shadow: 0px 2px 2px 1px #84848433;
        padding: 10px;
    }

.location1 h6 {
    font-size: 14px;
    font-weight: bold;
}

.emp_details p strong {
    font-weight: bold;
}

.emp_details p a {
    color: #008cd1;
    float: right;
}

.locationAdrees1 .emp_details_in {
    border-left: 4px solid #e44134;
}

.RadPicker_MetroTouch .rcCalPopup {
    background-color: #eaeaea !important;
    width: 34px;
    height: 36px !important;
    margin: 0 0 0 -1px !important;
}

.RadComboBox .rcbArrowCell a {
    padding: 0 20px 0 20px !important;
}

.RadComboBox .rcbInput {
    padding: 2px 10px !important;
    font: 500 13px Lato !important;
    font-family: Lato !important;
}

#MainContent_btnAddCabs {
    height: 35px;
    border-radius: 0 !important;
    line-height: 21px !important;
    float: left;
}

    #MainContent_btnAddCabs i.fa.fa-plus-circle {
        padding: 0;
        font-size: 22px;
        display: inline-block;
        line-height: normal;
        margin: 0px 0 0 0;
        float: left;
    }

/*.bg_new:first-child {
    display: none;
}*/

#ctl00_MainContent_btnSaveVendor, #ctl00_MainContent_btnSaveshift, #ctl00_MainContent_rdbACSave {
    background: #f2f2f2 !important;
    border: 1px solid #ececec !important;
    font-size: 13px;
    color: #666666 !important;
    /*display: block;*/
    margin: 0 0 20px 0;
    /*box-shadow: 0px 2px 2px 1px #84848433 !important;*/
    padding: 2px !important;
    color: #5cad76 !important;
}

/*#ctl00_MainContent_btnSaveVendor .rbDecorated, #ctl00_MainContent_btnSaveshift .rbDecorated, #ctl00_MainContent_rdbACSave .rbDecorated {
    color: #666666 !important;
}*/

.tripHeading {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 15px 0;
    display: block;
    color: #555555;
}

    .tripHeading strong {
        font-weight: bold;
    }

.addLocationTbl tr th {
    padding: 8px 8px !important;
    font-size: 13px !important;
    background: #fff;
    color: #555;
    color: #555;
    font-weight: bold !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ccc;
}

    .addLocationTbl tr th strong {
        font-weight: bold !important;
    }

.addLocationTbl tr td {
    padding: 8px 8px !important;
    font-size: 13px !important;
    color: #555;
    border: none;
}

    .addLocationTbl tr td h5 {
        font-size: 13px !important;
    }

/*#divGreeting {
    padding: 0 0 7px 0;
    margin: 8px 0 0 -10px;
}*/

.dropdown-menu li.navigation-dropdown {
    margin: 0 10px !important;
}

.dropdown-menu li > a.navigation-dropdown-link {
    padding: 3px 10px !important;
}

.shiftRouteBlog {
    width: 91%;
    display: inline-block;
    padding: 0;
    margin: 25px 25px 0 25px;
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .shiftRouteBlog p {
        font-size: 13px;
        color: #555;
    }

    .shiftRouteBlog ul.routeTime_new {
        padding: 0;
        margin: 0;
        display: inline-block;
        position: relative;
        z-index: 12345;
    }

        .shiftRouteBlog ul.routeTime_new li {
            padding: 5px 0 5px 0;
            margin: 0;
            font-size: 13px;
            display: inline-block;
            color: #555;
            list-style: none;
        }

            .shiftRouteBlog ul.routeTime_new li b {
                float: left;
            }

            .shiftRouteBlog ul.routeTime_new li .route_radio_ta {
                display: inline-block !important;
                margin: 3px 4px 0 4px !important;
            }

            .shiftRouteBlog ul.routeTime_new li span {
                display: inline-block;
                float: left;
                margin: 0 10px 0 0;
            }

.route_radio_ta {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.route_select_time {
    display: inline-block;
    padding: 0 10px 0 0px;
    margin: 0 10px 0 0;
    border-right: 1px solid #555;
}

.route_tripCount {
    display: inline-block;
    margin: 0;
    padding: 0;
}

}

.route_radio_ta {
    display: inline-block !important;
}

.selectpicker02 {
    width: 100px;
}

.addIconPic {
    margin: 9px 0 0 35px;
}

select.selectpicker.selectpicker02:focus {
    border: none;
    outline: none;
}

.mg-t-20 {
    margin-top: 20px;
}

.vehicleDetails {
    margin: 7px 0 15px 15px;
    padding: 0 0 10px 0;
    border-bottom: 2px solid #0096d5;
}

    .vehicleDetails li {
        padding: 3px 0;
        margin: 0;
        font-size: 14px;
        font-weight: bold;
        list-style: none;
        color: #095b8b;
    }

        .vehicleDetails li strong {
            width: 49%;
            color: #095b8b;
        }

.employeeDetails {
    margin: 0px 0 0 15px;
    background: url(../../Assets/Images/tracking-icons/employee_bg.png) repeat-y 90px top;
}

    .employeeDetails:last-child {
        margin: 0 0 10px 0 !important;
    }

        .employeeDetails:last-child .pickUPPlace {
            margin: 0px 0 0px 0 !important;
        }

.employeeName {
    min-width: 165px;
    height: 30px;
    background: #095b8b;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    border-radius: 0;
    line-height: 30px;
    padding: 0 10px;
    text-align: left;
}

.historyActive .employeeName {
    background: #367327;
}

.employeeDetails ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .employeeDetails ul li {
        padding: 0;
        margin: 15px 0;
        line-height: normal;
        list-style: none;
        display: inline-block;
    }

        .employeeDetails ul li .tripTIme {
            font-size: 14px;
            width: 96px;
            display: inline-block;
            color: #454545;
            background: url(../../Assets/Images/tracking-icons/dotPic.png) no-repeat right 5px;
        }

.tripLocation {
    width: 152px;
    display: inline-block;
    color: #454545;
    vertical-align: top;
    float: right;
    margin: -2px -35px 17px 0;
}

.Menu_New {
    padding: 0;
    margin: 0;
    display: inline-block;
    width: auto;
}

    .Menu_New ul {
        padding: 0;
        margin: 0;
        display: inline-block;
        width: auto;
    }

        .Menu_New ul li {
            padding: 0;
            margin: 0;
            display: inline-block;
            width: 50px;
            position: relative;
            text-align: center;
        }

            .Menu_New ul li:last-child {
                display: none;
            }

            .Menu_New ul li a {
                padding: 10px 12px;
                margin: 0;
                display: inline-block;
                float: left;
                width: 50px;
                text-align: center;
                background: #063767;
                transition: width 1s;
            }

                .Menu_New ul li a:hover {
                    background: #fff;
                }

                .Menu_New ul li a img {
                    padding: 0;
                    margin: 0;
                    display: inline-block;
                }

                .Menu_New ul li a .normal_a {
                    display: inline-block;
                }

                .Menu_New ul li a .hovered_a {
                    display: none;
                }

                .Menu_New ul li a:hover .normal_a {
                    display: none;
                }

                .Menu_New ul li a:hover .hovered_a {
                    display: inline-block;
                }

.tooltipNew {
    position: absolute;
    z-index: 1070;
    display: none;
    font-style: normal;
    font-weight: 400;
    left: 50px;
    top: 1px;
    background: #139ed8;
    height: 40px;
    padding: 0 10px 0 10px;
    line-height: 40px;
    width: auto;
    text-align: left;
    transition: width 1s;
}

.Menu_New ul li:hover .tooltipNew {
    display: block;
    min-width: 115px !important;
    transition: width 1s;
}

.tooltipNew span {
    color: #fff;
    font-size: 13px;
}

.Menu_New ul li:hover a {
    background: #fff;
}

    .Menu_New ul li:hover a .normal_a {
        display: none;
    }

    .Menu_New ul li:hover a .hovered_a {
        display: inline-block;
    }

.shiftDetails3 {
    display: inline-block;
    width: 100%;
    font-size: 13px;
    margin: 20px 0 0 0;
}

    .shiftDetails3 h6 {
        font-size: 16px;
        color: #555;
    }

        .shiftDetails3 h6 a {
            float: right;
        }

    .shiftDetails3 p {
        width: 100%;
        display: inline-block;
        margin: 10px 0 0 0;
    }

    .shiftDetails3 h6 b {
        color: #063767;
    }

.vehicleDetails03 {
    margin: 7px 0 8px 15px;
    border-bottom: 3px solid #0096d5 !important;
    position: relative;
}

    .vehicleDetails03::after {
        position: absolute;
        left: 33%;
        bottom: -12px;
        content: "";
        width: 4px;
        height: 12px;
        background: #0096d5;
    }

    .vehicleDetails03 li {
        padding: 0;
    }

#cabhistory .pickUPPlace {
    margin: 0 0 10px 0;
    border-bottom: 3px solid #0899d6;
}

.shiftRouteBlog2 .pickTime {
    margin: 0 0 0 20px;
}

.shiftRouteBlog2 .employeeName {
    margin: 0 0 0 20px;
}

.shiftRouteBlog2 .tripAddress {
    padding: 0 30px 0 10px;
}

.btnBlog2 {
    display: inline-block;
    width: 100%;
}

    .btnBlog2 .saveBtn {
        width: 100px;
        color: #fff;
        background: #33a351 !important;
        display: inline-block;
        float: left;
        border: none !important;
        font-size: 13px !important;
        outline: none !important;
    }

    .btnBlog2 .cancelBtn {
        color: #fff;
        background: #e44134 !important;
        display: inline-block;
        float: left;
        border: none !important;
        font-size: 13px !important;
        outline: none !important;
    }

.btnBlog2 {
    display: inline-block;
    width: 100%;
    margin: 20px 0 0 20px;
}

.exitBtnBlogRight {
    position: absolute;
    right: 0px;
    top: 12px;
}

.saveBtnRight {
    color: #5cad76;
    font-weight: 600 !important;
    font-size: 13px;
    margin: 0px 15px 0 0;
    border: none !important;
    background: none !important;
    /* display: inline-block; */
}

.exitBtnRight {
    color: #e44134;
    font-weight: 600 !important;
    font-size: 13px;
    border: none;
    float: right;
    margin: 0 0 0 0;
    background: none !important;
}

.form-group span {
    color: #555555;
}

.wd-brand img {
    max-width: 100%;
    /*height: 130px;*/
}

.upLoad_SheduleTrip {
    color: #555555;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    margin: 20px 0 20px 10px;
    display: block;
    text-align: center;
}

.tripPackageSelection {
    margin: 0 0 0 -30px;
}

.billingLbel label {
    color: #555 !important;
}

.rePorts_icon {
    position: absolute;
    right: 20px;
    top: 7px;
    height: 20px;
}

#MainContent_btnExportInvoice, #MainContent_btnExportExcel {
    height: 20px;
}

.mg-t-10 {
    margin-top: 10px;
}

.pl-20 {
    padding-left: 20px !important;
}

.form-control, .RadComboBoxDropDown label {
    font-size: 13px !important;
    font-weight: normal !important;
    font-family: Lato !important;
}

.fieldset label {
    color: #555 !important;
}

.grayBg {
    background: #f2f2f2;
    padding: 10px 0 0 0px;
}

    .grayBg input[type=checkbox] {
        margin: 4px 10px 0 10px;
        float: left;
    }

.m-l-10 {
    margin-left: 10px;
}

.padding20 {
    padding: 20px;
}

.noRecords {
    font-size: 13px !important;
    font-weight: normal !important;
    font-family: Lato !important;
}

.bell_icon img {
    width: 20px;
}

.rightNav li.nav-item {
    color: #868e96;
    font-size: 13px;
    text-align: center;
    border-bottom: 1px solid #868e9663;
}

    .rightNav li.nav-item:last-child {
        border: none;
    }

.empty_ta {
    border-radius: 0px;
    padding: 8px 12px;
    /* height: 36px; */
    font-size: 13px;
    color: #333;
    border: 1px solid #e0e0e0;
    box-shadow: none !important;
    box-shadow: 0px 0px 1px 0px rgba(140,140,140,0.9) !important;
    background: #f2f2f2;
}

#MainContent_pnlmanagecabs .grayBg {
    padding: 7px 0 0 0;
}

html .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    background: none !important;
    background-color: #F2F2F2 !important;
    border-color: #063767 !important;
}

select {
    background-color: #f2f2f2 !important;
}

.availabilityBlog {
    background: #f2f2f2;
    padding: 20px 0px 20px 0;
    margin: 0 0 20px 0;
}

    .availabilityBlog label {
        color: #555 !important;
        margin: 0 0 0 10px;
    }

.bdr_right {
    border-right: 1px solid #ccc;
}

button, input, select, textarea {
    font: 500 13px Lato !important;
    font-family: Lato !important;
    color: #555;
}

span.ruUploadProgress.ruUploadFailure {
    padding: 0 0 0 0 !important;
    text-align: center;
}

.RadUpload_MetroTouch .ruFileWrap .ruUploadSuccess {
    margin: 0 0 0 -17px !important;
    text-align: center;
}

.RadGrid td {
    font-size: 13px;
    font-weight: 500;
    font-family: Lato !important;
    color: #555555 !important;
}

.metricksDelay_ul {
    padding: 0 0 0 25px;
}

    .metricksDelay_ul li {
        display: inline-block;
        font-size: 13px;
        padding: 0 0 0 20px;
    }

        .metricksDelay_ul li strong {
            font-weight: bold;
        }

.customLegend {
    font-size: 13px !important;
}

#addClientDetails .inputSpan span {
    font-size: 13px !important;
    margin: 4px 0 0 0;
    display: inline-block;
}

.cabNumber {
    font-size: 13px;
    display: inline-block;
    margin: 5px 0 0 0;
}

.saveText {
    color: #5cad76 !important;
    display: inline-block;
    margin: 10px 0 0 0;
    font-weight: bold;
}

#MainContent_PanelBilling .selectpicker {
    padding: 0 !important;
}

#popup_success_box {
    display: none; /* Hide the DIV */
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    margin-left: 0;
    background: #00000080;
}

#popup_Approve_box {
    display: none; /* Hide the DIV */
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    margin-left: 0;
    background: #00000080;
}

.newPopup {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    margin-left: 0;
    background: #00000080;
}

.modelNew {
    background: #FFFFFF;
    padding: 30px;
    font-weight: bold;
    width: 400px;
    height: auto;
    position: relative;
    border-radius: 0;
    margin: 13% auto 0;
}

.popHeader {
    display: inline-block;
    width: 100%;
}

    .popHeader img {
        width: 40px;
        float: left;
    }

    .popHeader h4 {
        font-size: 22px;
    }

    .popHeader p {
        width: 100%;
        font-size: 13px;
        float: left;
    }

.popupCnt {
    display: inline-block;
    width: 100%;
    margin: 10px 0 0 0;
    text-align: center;
}

.buttonblog {
    width: 50%;
    margin: 15px auto 0;
}

.pop_saveBtn {
    border-radius: 0;
    height: 30px;
    line-height: 17px;
    background-color: #054779;
}

.pop_cancelBtn {
    background-color: #e44134;
    border-radius: 0;
    height: 30px;
    line-height: 17px;
    border: 1px solid #e44134;
}

    .pop_cancelBtn:hover {
        background-color: #e44134 !important;
        border: 1px solid #e44134 !important;
    }

.close_x {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #696868;
    font-weight: bold;
}

.popCnt1 label {
    text-align: left;
    display: inline-block;
    padding: 0 0 10px 0;
    float: left;
}

.popCnt1 input {
    display: inline-block;
    float: left;
    width: 99%;
}

.pd-b-10 {
    padding-bottom: 10px;
}

.pd-b-15 {
    padding-bottom: 15px;
}

.pd-b-20 {
    padding-bottom: 20px;
}

.pd-b-30 {
    padding-bottom: 30px;
}

.pd-t-20 {
    padding-top: 20px;
}

.colorRed {
    color: #e44134;
}

.colorGray {
    color: #555 !important;
}

.popUp_ta {
    padding: 5px 10px;
    border-radius: 0;
    color: #333;
    border: 1px solid #e0e0e0;
    box-shadow: none !important;
}

    .popUp_ta:focus {
        padding: 5px 10px;
        color: #333;
        border-radius: 0;
        border: 1px solid #e0e0e0;
        box-shadow: none !important;
    }

#activityDiv {
    width: 320px;
    height: 465px;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    box-shadow: 3px 0px 3px 0px #88888875;
    background-color: white;
    z-index: 12;
    position: absolute;
}

.mg-b-50 {
    margin-bottom: 50px;
}

.emp_transport_heading {
    width: 88%;
    font-size: 14px;
    position: relative;
    color: #063767;
    margin: 20px 0 20px 0;
    font-weight: bold;
}

.grayBg2 {
    background: #f2f2f2 !important;
}

.emp_transport_cnt {
    margin: 0 0 0 10px;
}

.emp_transport_heading::after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    padding: 0;
    background: #063767;
    top: 8px;
    left: 120px;
}

.emp_transport_cnt ul {
    margin: 15px 0 0 0;
    padding: 0;
}

    .emp_transport_cnt ul li {
        margin: 0 32px 30px 0;
        width: 223px;
        display: inline-block;
        height: 85px;
        background: #fff;
        position: relative;
        vertical-align: middle;
        text-align: center;
        line-height: 85px;
    }

        .emp_transport_cnt ul li::after {
            position: absolute;
            content: "";
            width: 10px;
            bottom: 0;
            height: 10px;
            background: #3a9d4a;
            left: 0;
        }

        .emp_transport_cnt ul li.active::after {
            background: #db4137;
        }

        .emp_transport_cnt ul li img {
            max-width: 100%;
        }

        .emp_transport_cnt ul li .e_title {
            width: 100%;
            font-size: 13px;
            position: absolute;
            right: 10px;
            height: 10px;
            top: 5px;
            text-align: right;
            line-height: 10px
        }

.tab_nav li .notification_count {
    width: 20px;
    height: 20px;
    background: #054779;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: -12px;
    color: #fff !important;
    line-height: 18px;
    font-size: 10px;
    text-align: center;
    padding: 0;
}

.sheduleNotif_blog {
    width: 250px;
    position: absolute;
    display: inline-block;
}

.eliteTripBlog1 {
    background: #fff;
    box-shadow: 0px 0px 3px 2px #dededec4;
    padding: 15px;
    margin: 15px 0;
    border-radius: 3px;
}

    .eliteTripBlog1 h5 {
        font-size: 12px;
        color: #063767;
        width: 100%;
        font-weight: bold;
        display: inline-block;
        position: relative;
        margin: 0;
        padding: 0;
    }

    .eliteTripBlog1 .no_days {
        font-size: 11px;
        color: #464d5d;
        font-weight: normal;
        display: inline-block;
        float: right;
        text-align: right;
    }

    .eliteTripBlog1 span {
        font-size: 12px;
        color: #464d5d;
        font-weight: normal;
        display: inline-block;
        width: 100%;
        margin: 1px 0;
    }

        .eliteTripBlog1 span .enroute_color {
            font-size: 12px;
            color: #0196d5;
            font-weight: normal;
            margin: 0;
            display: inline-block;
        }

.eliteTripDetailsblog {
    background: #fff;
    box-shadow: 0px 0px 3px 2px #dededec4;
    padding: 15px;
    border-radius: 3px;
}

    .eliteTripDetailsblog .eliteTripBlog2 {
        box-shadow: none;
        padding: 0;
        margin: 10px 0 0 0;
    }

    .eliteTripDetailsblog h3 {
        font-size: 16px;
        color: #063767;
        width: 90px;
        margin: 0;
        padding: 0;
        font-weight: bold;
        display: inline-block;
        border-bottom: 2px solid #063767;
        position: relative;
    }

        .eliteTripDetailsblog h3::after {
            position: absolute;
            width: 380px;
            left: -15px;
            top: 31px;
            height: 1px;
            background: #ccc;
            content: "";
        }

.collapsed-menu .eliteTripDetailsblog h3::after {
    width: 363px;
}

.green_color {
    color: forestgreen;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    display: inline-block;
}

.vehicleNum {
    padding: 0 0 0 43px;
}

.eliteTripBlog3 h5::after {
    position: absolute;
    width: 230px;
    left: 125px;
    top: 9px;
    height: 1px;
    background: #ccc;
    content: "";
}

.eliteTripDetailsblog h6 {
    font-size: 13px;
    margin: 0;
    padding: 10px 0;
    font-weight: bold;
}

.gridSuccess {
    color: #116a00 !important;
    font-size: 13px;
    font-weight: bold !important;
}

.trip_progressBar {
    width: 100%;
    display: inline-block;
    padding: 0;
    margin: 0;
    position: relative;
}

.progressBar_ul {
    width: 100%;
    display: inline-block;
    padding: 0;
    margin: 0;
}

    .progressBar_ul li {
        position: relative;
        width: 100px;
        list-style: none;
        display: inline-block;
    }

        .progressBar_ul li::after {
            width: 100%;
            position: absolute;
            content: "";
            left: 0px;
            top: -5px;
            height: 1px;
            border: 1px dashed #d4d4d4;
        }

        .progressBar_ul li.act_line::after {
            border: 1px dashed #0096d5;
        }

        .progressBar_ul li:first-child {
            width: 10px;
        }

        .progressBar_ul li.act_line .bottomLbl::after {
            background: #0096d5;
        }

        .progressBar_ul li .bottomLbl {
            position: absolute;
            bottom: -20px;
            font-size: 11px;
            color: #666666;
            right: -20px;
        }

            .progressBar_ul li .bottomLbl::after {
                width: 9px;
                position: absolute;
                content: "";
                left: 0;
                top: -8px;
                height: 9px;
                background: #d4d4d4;
                border-radius: 50%;
                z-index: 12;
            }

        .progressBar_ul li:first-child .bottomLbl {
            left: 0;
            top: -23px;
        }

        .progressBar_ul li:last-child .bottomLbl {
            right: -10px;
        }

        .progressBar_ul li:first-child .bottomLbl::after {
            background: #06ad53;
            top: 15px;
            left: 1px;
        }

        .progressBar_ul li:last-child .bottomLbl::after {
            background: #e73c22;
        }

        .progressBar_ul li .bottomLbl .startTime {
            position: absolute;
            top: -21px;
            font-size: 9px;
            left: -63px;
        }

        .progressBar_ul li .bottomLbl .endTime {
            position: absolute;
            bottom: 0px;
            left: -63px;
            font-size: 9px;
        }

.RadWindow .rwListItem:last-child {
    background: url(../Images/close_btn2.png) no-repeat center center !important;
}

.RadWindow_MetroTouch li.rwListItem .rwCommandButton {
    background: url('../Images/close_btn2.png') no-repeat center center !important;
}

h6.exHeading {
    padding: 0 !important;
    font-size: 12px;
    margin: 0 !important;
}

#Elite_Transport {
    padding: 10px 20px;
}

#Emp_Transport .content-wrapper {
    margin: 0px 0 0 0;
    width: 100%;
    /*background:#fff;*/
}

.eliteTrip_a {
    width: 355px;
    overflow: hidden;
    margin: 0 0 0 5px;
    display: inline-block;
    box-shadow: none;
}

.eliteTrip_b {
    width: 355px;
    overflow: hidden;
    margin: 0 0 0 5px;
    display: inline-block;
    box-shadow: none;
}

.eliteTrip_c {
    width: 355px;
    overflow: hidden;
    margin: 0 0 0 5px;
    display: inline-block;
    box-shadow: none;
}

.elitBlog {
    box-shadow: 0px 0px 3px 2px #dededec4;
    margin: -5px 6px 10px 3px;
    border-radius: 8px;
    overflow-x: hidden;
}

.eliteTrip_a h4 {
    font-size: 16px;
    color: #063767;
    font-weight: bold;
    display: inline-block;
    position: relative;
    margin: 0 0 10px 0;
    padding: 0;
    border-bottom: 2px solid rgb(6, 55, 103);
}

    .eliteTrip_a h4::after {
        position: absolute;
        width: 411px;
        left: -26px;
        top: 25px;
        height: 1px;
        background: #e0e0e0;
        content: "";
    }

.elitBlog .eliteTripBlog1 h5 {
    font-size: 13px;
}

.tripsCount h3 a span {
    text-decoration: underline;
    font-weight: normal !important;
}

.TripsBlog h3 {
    margin: 0;
}

    .TripsBlog h3 a {
        color: #666666;
        font-weight: bold;
        line-height: normal;
        margin: 0;
        text-decoration: underline;
        font-size: 23px;
    }
.right_bdr {
    border-right: 1px solid #e2e2e2;
}
.Vehicles_cabUtilizationBlog .TripsBlog .tripsCountd{
    border:none;
}