html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    min-width: 100%;
    width: 100%;
    background-color: white;
    /*font-size:62.5%;*/
    overflow-x: hidden;
}

@font-face {
	font-family:FontAwesome;
	src: url(../fontawesome/fonts/fontawesome-webfont.eot) format('embedded-opentype'), url(../fontawesome/fonts/fontawesome-webfont.woff) format('woff'), url(../fontawesome/fonts/fontawesome-webfont.ttf) format('truetype');
	font-style:normal;
}
@font-face {
    font-family: FontAwesomeNonCff;
   src: url(../fontawesome/fonts/fontawesome-webfont.eot) format('embedded-opentype'), url(../fontawesome/fonts/fontawesome-webfont.woff) format('woff'), url(../fontawesome/fonts/fontawesome-webfont.ttf) format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'Yantramanav-Light';
    src: url('../fonts/Yantramanav-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Yantramanav-Light.ttf') format('truetype');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Yantramanav-Light.ttf') format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Yantramanav-Light.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Yantramanav-Regular.ttf') format('truetype');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Yantramanav-Regular.ttf') format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Yantramanav-Regular.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Yantramanav-Medium.ttf') format('truetype');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Yantramanav-Medium.ttf') format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Yantramanav-Medium.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Yantramanav-Bold.ttf') format('truetype');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Yantramanav-Bold.ttf') format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Yantramanav-Bold.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/Yantramanav-Black.ttf') format('truetype');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/Yantramanav-Black.ttf') format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/Yantramanav-Black.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.sidebar-disabled .menu-toggle {
    display: none;
}

.column-container {
    position: relative;
    width: 100%;
    /*height: 100%;*/
    height: calc(100% - 30px);
    z-index: 0;
}

#header {
    position: fixed;
    margin-left: 0px !important;
    padding: 0px;
    width: 100%;
    /*z-index: 1002;*/
}

.collapsible-sidebar {
    position: absolute;
    height: 100%;
    width: 40%;
    top: 0px;
    left: -40%;
    bottom: 0px;
    background-color: #f5f7fa;
    -webkit-transition: left .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);
    -o-transition: left .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);
    transition: left .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);
    overflow: hidden;
    z-index: 1000;
}

#dataGrid {
    z-index: 1000;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: lightgray;
}

.main-content {
    position: absolute;
    height: 100%;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: lightgray;
    /*z-index: 1001;*/
    -webkit-transition: all .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);
    -o-transition: all .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);
    transition: all .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);
    background: #efefef
}

#footer-container {
    position: absolute;
    bottom: 0px;
    left: 51px;
    right: 0px;
}

.toggled .collapsible-sidebar {
    left: 0px;
}


.toggled .main-content {
    right: 0%;
    width: 60%;
}

.toggled.expanded .collapsible-sidebar {
    width: 100%;
}

.collapsible-sidebar.animate-width {
    -webkit-transition: left .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1), width .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1) !important;
    -o-transition: left .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1), width .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1) !important;
    transition: left .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1), width .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1) !important;
}

.toggled.expanded .main-content {
    right: -100%;
}

    .toggled.expanded .main-content > div {
        /*display: none;*/
    }

.top-disabled #wrapper {
    top: 51px;
}

.top-toggled #wrapper {
    top: 64px;
}

.top-toggled .info-container {
    top: -51px;
    border-bottom: none;
}

.top-toggled .expand-more {
    display: block;
}

.expand-more {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: lightgray;
    position: relative;
    height: 16px;
    background: #f5f7fa;
    padding: 0px;
    display: none;
}

    .expand-more .expander {
        padding: 0px !important;
        top: 0px !important;
        bottom: 0px !important;
    }

.info-container > .row > [class*=col-] {
    padding-right: 10px;
    padding-left: 10px;
}

    .info-container > .row > [class*=col-]:first-child {
        padding-left: 0px;
    }

.info-panel {
    padding: 0px !important;
    margin: 10px auto 10px auto;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.info-container {
    display: block;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: lightgray;
    position: fixed;
    top: 51px;
    padding-left: 52px;
    background-color: #f5f7fa;
    width: 100%;
    -webkit-transition: all .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);
    -o-transition: all .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);
    transition: all .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);
}

    .info-container .expander {
        padding: 5px;
        font-weight: bold;
        position: absolute;
        bottom: 11px;
        right: 0px;
        -webkit-transition: all .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);
        -o-transition: all .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);
        transition: all .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);
    }

    .info-container .expander {
        cursor: pointer;
    }

#Map {
    /*-webkit-transition: all .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);
    -o-transition: all .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);
    transition: all .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);*/
}

.status-icon {
    width: 5%;
}

.toggled.expanded .status-icon {
    width: 10%;
}

.asset-name {
    width: 35%;
    word-wrap: break-word;
    white-space: normal;
}

.toggled.expanded .asset-name {
    width: 30%;
}

.last-comm-time {
    width: 30%;
}

.toggled.expanded .last-comm-time {
}

.speed {
    width: 26%;
    display: none;
}

.toggled.expanded .speed {
    display: table-cell;
}

.plateNumber {
    width: 26%;
    display: none;
}

.toggled.expanded .plateNumber {
    display: table-cell;
}

.dpt_name {
    width: 26%;
    display: none;
}

.toggled.expanded .dpt_name {
    white-space: normal;
    display: table-cell;
}

.city_name {
    width: 26%;
    display: none;
}

.toggled.expanded .city_name {
    white-space: normal;
    display: table-cell;
}

.reg_name {
    width: 26%;
    display: none;
}

.toggled.expanded .reg_name {
    white-space: normal;
    display: table-cell;
}

.drv_name {
    width: 26%;
    white-space: normal;
    display: none;
}

.toggled.expanded .drv_name {
    display: table-cell;
}

.log_port {
    width: 26%;
    display: none;
}

.toggled.expanded .log_port {
    display: table-cell;
}

.actions {
    width: 40%;
}

.toggled.expanded .actions {
    width: 35%;
}

.zone-placemark-date {
    width: 30%;
    display: none;
}

.toggled.expanded .placemark {
    display: table-cell;
}

.zone-placemark-dpt_name {
    width: 26%;
}

.toggled.expanded .zone-placemark-dpt_name {
    width: 30%;
}

.GPS-icon {
    width: 10%;
}

.toggled.expanded .GPS-icon {
    width: 15%;
}

#dataGrid {
    -webkit-transition: all .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);
    -o-transition: all .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);
    transition: all .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);
}

.toggled .dx-datagrid-table-fixed {
    table-layout: auto;
}

.toggled.expanded .dx-datagrid-table-fixed {
    table-layout: fixed;
}

.top-toggled .sidebar-container {
    padding-top: 63px;
}

#Map {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.loadingPage {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 199911;
    opacity: 0.91;
    /*display: table;*/
}

    .loadingPage .preloader-cycle {
        width: 100%;
        height: 100%;
        /*display: table-cell;
        vertical-align: middle;
        text-align: center;*/
    }

        /*@media only screen and (min-width : 1824px) {
    .loadingPage .preloader-cycle .cycle {
        left: 43%;
        top: 30%;
        width: 352px;
        height: 352px;
        position: absolute;
    }

    .loadingPage .loading-logo {
        left: 44%;
        top: 37%;
        width: 256px;
        position: absolute;
    }
}

@media only screen and (min-width : 1224px) and (max-width:1823px) {
    .loadingPage .preloader-cycle .cycle {
        left: 47%;
        top: 30%;
        width: 256px;
        height: 256px;
        position: absolute;
    }

    .loadingPage .loading-logo {
        left: 47%;
        top: 37%;
        width: 184px;
        position: absolute;
    }
}*/

        .loadingPage .preloader-cycle .cycle {
            left: 47%;
            top: 45%;
            width: 100px;
            height: 100px;
            margin-left: 0px;
            margin-top: 0px;
            position: absolute;
        }

    .loadingPage .loading-logo {
        left: 50%;
        top: 50%;
        position: absolute;
        width: 150px;
        margin-left: -70px;
        margin-top: -55px;
        font-size: 36px;
        display: none
    }

/*Machines Talk Color*/
.preloader-cycle.color-style .cycle:before {
    border-top-color: #2f3482 !important;
}

.preloader-cycle.color-style .cycle {
    border-top-color: #7bc57a !important;
}

    .preloader-cycle.color-style .cycle:after {
        border-top-color: #43b9a1 !important;
    }

/*Mobily Color*/
.mobily.preloader-cycle.color-style .cycle:before {
    border-top-color: #89C4FA !important;
}

.mobily.preloader-cycle.color-style .cycle {
    border-top-color: #89C4FA !important;
}

    .mobily.preloader-cycle.color-style .cycle:after {
        border-top-color: #89C4FA !important;
    }



@keyframes ScaleAndFade {
    from {
        transform: scale(1);
        opacity: 0.5;
    }

    to {
        transform: scale(1.05);
        opacity: 1;
    }
}

@keyframes Scale {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.2);
    }
}

.grow {
    animation-name: ScaleAndFade;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}

.menu-toggle.zoom-hover span, .menu-toggle-right.zoom-hover span, .menu-dropdown.zoom-hover span, .sidebar li.zoom-hover {
    -webkit-transition: all .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);
    -o-transition: all .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);
    transition: all .5s cubic-bezier(0.35, 0, 0.25, 1), translate .5s cubic-bezier(0.35, 0, 0.25, 1);
}

    .menu-toggle.zoom-hover span:hover, .menu-toggle-right.zoom-hover span:hover, .menu-dropdown.zoom-hover span:hover, .sidebar li.zoom-hover:hover {
        transform: scale(1.3);
    }

    .menu-dropdown.zoom-hover span:hover, .menu-toggle.zoom-hover span:hover, .menu-toggle-right.zoom-hover span:hover {
        transform: scale(1.3);
    }

/*.grow:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }*/

#f1_container {
    position: absolute;
    width: 250px;
    height: 50px;
    z-index: 1;
    top: 0px;
    left: 0px;
}

#f1_container {
    perspective: 1000;
}

#f1_card {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: all 1.0s linear;
}

#f1_container:hover #f1_card {
    transform: rotateY(180deg);
}

.face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    text-align: center;
}

    .face.back {
        display: block;
        transform: rotateY(180deg);
        box-sizing: border-box;
        /*padding: 10px;*/
        color: white;
        text-align: center;
        background-color: transparent;
    }

.sidebar.compact li {
    cursor: pointer;
}

.sidebar-container {
    position: fixed;
    /*height: 100%;*/
    /*width: 190px;*/
    bottom: 30px;
    border-right: 0px solid lightgray;
    overflow: hidden;
    padding-top: 150px; /*modified by sahil*/
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    z-index: 100;
    background-color: white !important;
}

@media only screen and (max-width: 928px) {
    .info-container {
        display: none;
    }

    .sidebar-container {
        padding-top: 51px !important;
    }

    #wrapper {
        top: 51px !important;
    }
}

@media only screen and (max-width: 938px) {
    #wrapper {
        bottom: 45px !important;
    }

    .toggled .collapsible-sidebar {
        left: 0px;
        z-index: 1001;
        width: 100%;
    }

    .toggled .main-content {
        right: 0%;
        width: 100% !important;
        z-index: 1000;
    }
}

@media only screen and (max-width: 438px) {
    #header {
        position: absolute !important;
        min-width: 360px !important;
    }

    html, body {
        min-width: 360px !important;
    }

    #wrapper {
        min-width: 360px !important;
    }

    #footer-container {
        min-width: 360px !important;
    }

    .sidebar-container {
        position: absolute !important;
    }
}

/*@media only screen and (min-width: 439px) {*/
.toolbar {
    position: absolute !important;
    right: 0px !important;
    z-index: 10000 !important;
}
/*}*/

/*Border Guard Dashboard*/
.info-panel-BG {
    padding: 0px !important;
    margin: 8px auto 8px auto;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
    background-color: #ffffff;
    color: #ffffff;
    cursor: pointer;
}

.info-panel-group {
    padding: 0px !important;
    margin: 8px auto 8px auto;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
    /*background-color: rgba(0, 0, 0, 0.05);*/
}

.info-panel-group-BG {
    padding: 0px !important;
    /*margin: 3px auto 0px auto;*/
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    /*box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);*/
    background-color: #ffffff;
    color: #ffffff;
    cursor: pointer;
    border-right: solid rgba(0, 0, 0, 0.15) 1px;
}



/* 26 July 2017 */
.mapcontainer {
    top: 100px !important;
    left: 0px !important;
    bottom: 120px !important;
}

.info-container {
    top: auto !important;
    bottom: 30px;
    z-index: 101;
    background: #f1f4f9;
    padding-left: 0px;
    padding-right: 20px;
    left: 0px;
}

.sidebar-container {
    padding-top: 5px;
    width: 25%;
    border: 0px;
    position: relative;
    float: right;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
}

.sidebar.compact {
    width: 100%;
}

.sidebar li {
    display: inline-block;
    width: 14%;
}

.sidebar-container .sidebar {
    margin-top: 0px !important;
}

.align-center {
    text-align: center;
    width: 30px;
    float: left;
    color: #fff;
    position: relative;
    background: #fff;
}

.app-bar {
    height: 44px;
}

.app-bar-element {
    /*margin-top: 7px;*/
}

    .app-bar-element span::before, .fa-question-circle, .fa-cogs {
        color: #333;
    }

    .app-bar-element:hover {
        background: none !important;
    }

.app-bar.black {
    background: #fff !important;
}

.app-bar-element .fa, [class^="mif-"], [class*=" mif-"], [class^="mif-"]::before, [class*=" mif-"]::before {
    /*font-size: 20px;*/
}

.mif-list::before {
    font-size: 14px;
}

.mif-loop2::before {
    font-size: 16px;
}

.fa-eraser::before {
    font-size: 18px;
}

.fa-eraser {
    margin-top: 16px !important;
}

.mif-menu::before {
    font-size: 24px;
}

.fa-question-circle {
    font-size: 24px !important;
}

.fa-cogs {
    font-size: 24px !important;
}

.app-bar-element #toggle-quicksettings-dropdown .fa {
    margin-top: 10px;
}

.app-bar-element span .fa-question-circle {
    margin-top: 10px;
    color: #3cb55b;
    font-size: 24px !important;
    font-family: FontAwesome !important;
}

#moduleContainer .app-bar-element {
    margin-top: 1px;
}

    #moduleContainer .app-bar-element img {
        width: 74%;
    }

.sidebar.compact .counter {
    border-radius: 50% !important;
    min-width: 21px !important;
    padding: 2px;
}

#mnuLeftItemMenu .fa-th {
    font-size: 20px;
    margin-top: 14px;
    margin-left: -11px;
    cursor: pointer;
}

#expand-dropdown-menu {
    background: #d8e9f9;
    padding: 0px 22px 10px 22px;
    margin-left: 1%;
}

.info-panel {
    background: #fff !important;
    box-shadow: 2px 2px 5px #ccc;
}

.info-container .uppercase {
    color: #666;
}

.info-container .info-panel .count h3 {
    color: #3cb55b;
    font-size: 26px;
    margin-top: 6px;
}

.info-container .info-panel > [class*="col-"] {
    float: right !important;
    padding: 10px 13px 0px 13px;
}

.info-container .info-panel .mif-automobile::before {
    color: #3cb55b;
    font-size: 40px;
}

.info-container .info-panel .mif-earth::before {
    color: #003d77;
    font-size: 40px;
}

.info-container .info-panel .mif-mail::before {
    color: #12afcb;
    font-size: 40px;
}

.app-bar-element .mif-earth::before {
    color: #003d77;
}

.app-bar-element .fa-cogs::before {
    color: #666;
}

.app-bar-drop-container {
    margin-top: 0px !important;
}

#header {
    margin-top: 55px;
}

.mapheader {
    /*margin-top: 55px !important;*/
    z-index:-1 !important
}

.navigation-left {
    position: relative;
    /*z-index: 9991;*/
}

    .navigation-left #tiles {
        display: block !important;
        margin-top: 0px !important;
        width: 50px;
        height: 700px;
        background: white;
        position: fixed;
    }
    /*.navigation-left .tile .tile-label {display:none;}*/
    .navigation-left .tile {
        margin: 0px;
        background: none !important;
        box-shadow: inset 0 0 0px #FFFFCC;
    }

        .navigation-left .tile:hover {
            outline: none !important;
        }

    .navigation-left .tile-container {
        background: none !important;
    }

    .navigation-left .tile .tile-content {
        position: static;
    }

.tile-container li {
    display: block;
    width: 100px;
    float: left;
}

[dir="rtl"] .tile-container li {
    float: right !important;
}

.tile-container {
    overflow-x: auto
}

.tiles3 .container {
    text-align: center;
    /*width: max-content !important;*/
    padding: 0px;
}

.navigation-left-inner {
    position: relative;
    z-index: 999;
}

    .navigation-left-inner #tiles {
        display: block !important;
        margin-top: 55px !important;
        width: 50px;
        height: 700px;
        background: #003d77;
        position: relative;
    }

    .navigation-left-inner .tile .tile-label {
        display: none;
    }

    .navigation-left-inner .tile {
        margin: 0px;
        background: none !important;
        box-shadow: inset 0 0 0px #FFFFCC;
        top: 25px;
    }

        .navigation-left-inner .tile:hover {
            outline: none !important;
        }

    .navigation-left-inner .tile-container {
        background: none !important;
    }

    .navigation-left-inner .tile .tile-content {
        position: static;
    }

    .navigation-left-inner .tile .iconic img.icon {
        width: 30px !important;
        height: 30px !important;
        left: 40px !important;
    }

.info-container .uppercase {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: normal;
    font-family: Tahoma;
}

#toggle-languages-dropdown .fa-globe {
    color: #003d77;
    font-size: 24px;
    margin-top: 10px;
    font-family: FontAwesome !important;
}

/*.mapcontainer .main-content {width:100% !important;}*/
.toggled .collapsible-sidebar {
    opacity: 0.9; /*z-index:100111;*/
}

#tabs-Location {
    overflow: hidden !important;
}

#lblUserDispalyName {
    color: #333;
}

.profiledropdown {
    width: 280px !important;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0 0 5px #888;
    z-index: -1 !important;
    margin-right: 5px;
    margin-left: -230px;
}

    .profiledropdown #imgProfile {
        width: 100px !important;
        height: 100px !important;
    }

    .profiledropdown .margin20 {
        margin: 13px 0px 5px 0px !important;
    }

.app-bar.black .app-bar-drop-container {
    border: 0px !important;
}

.v-menu.context li a, .d-menu.context li a {
    padding: 5px 10px;
}

.toggle #toggle-quickMenu-dropdown {
    display: none;
}

.mapsettingsicon .app-bar-drop-container {
    margin-left: -150px;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
    padding: 5px;
}

.mapsettingsicon .v-menu {
    direction: rtl;
    text-align: right;
    float: right;
}

.collapsibleSearchBox {
    padding: 5px !important;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
}

.serach-expand {
    top: 10px !important;
}

.app-bar-drop-container {
    box-shadow: 0 0 4px #b6b6b6;
    z-index: -1 !important;
}

.sidemenuinnerpage {
    position: fixed !important;
}

.navigation-left-inner #tiles::before {
    display: none !important;
}

.inner-wrapper {
    left: 230px !important; /*top:70px !important;*/
}

.sidemenuinnerpage {
    width: 210px !important;
}

.innertitle {
    display: inline-block;
    position: relative;
    z-index: 9;
    background: linear-gradient(to right, #30357d 0%, #6ab65f 100%) !important;
    margin-top: 18px;
}

    .innertitle .title {
        font-size: 0.8rem;
        margin-left: 15px;
        /*margin-bottom: 10px;*/
        margin-top: 10px;
        color: white;
        /*display: none;*/
    }

#pnlButtons {
    margin-top: -4px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    margin-right: 20px;
}

    #pnlButtons li {
        float: right;
        margin: 4px !important;
        /*margin-top: 12px !important;*/
        /*background-color: transparent !important*/
    }

        #pnlButtons li a:hover {
            text-decoration: underline !important
        }

    /*#pnlButtons #addBtn {
        padding: 6px 0px;
        border-radius: 5px;
        background: #003d76;
    }*/

    /*#pnlButtons #editBtn {
        padding: 6px 0px;
        border-radius: 5px;
        background: #40b25a;
    }*/

    #pnlButtons #addBtn,#editBtn,#saveBtn,#deleteBtn,#cancelBtn,#traceWorkOrderBtn,#printBtn {
        padding: 6px 0px;
        border-radius: 5px;
        /*background: #f35959;*/
    }

    /*#pnlButtons #saveBtn {
        padding: 6px 0px;
        border-radius: 5px;
        background: #007390;
    }*/

    /*#pnlButtons #cancelBtn {
        padding: 6px 0px;
        border-radius: 5px;
        background: #9599a4;
    }*/

[dir="rtl"] #pnlButtons #cancelBtn,
[dir="rtl"] #pnlButtons #saveBtn,
[dir="rtl"] #pnlButtons #deleteBtn,
[dir="rtl"] #pnlButtons #editBtn,
[dir="rtl"] #pnlButtons #addBtn {
    padding: inherit !important;
    padding-right: 6px !important;
}

#rightColumn #assignBtn {
    padding: 6px 15px;
    border-radius: 5px;
    background: #036cce;
    display: inline-block;
    cursor: pointer;
}

#rightColumn #addBtn {
    padding: 6px 15px;
    border-radius: 5px;
    background: #003d76;
    display: inline-block;
    cursor: pointer;
}

#rightColumn #editBtn {
    padding: 6px 15px;
    border-radius: 5px;
    background: #40b25a;
    display: inline-block;
    cursor: pointer;
}

#rightColumn #saveBtn {
    padding: 6px 15px;
    border-radius: 5px;
    background: #007390;
    display: inline-block;
    cursor: pointer;
}

#rightColumn #cancelBtn {
    padding: 6px 15px;
    border-radius: 5px;
    background: #9599a4;
    display: inline-block;
    cursor: pointer;
}

#rightColumn #deleteBtn {
    padding: 6px 15px;
    border-radius: 5px;
    background: #f35959;
    display: inline-block;
    cursor: pointer;
}

#rightColumn #exportBtn {
    padding: 6px 15px;
    border-radius: 5px;
    background: #6a0acc;
    display: inline-block;
    cursor: pointer;
}

#rightColumn .app-bar-element .fa, #rightColumn [class^="mif-"], #rightColumn [class*=" mif-"], #rightColumn [class^="mif-"]::before, #rightColumn [class*=" mif-"]::before {
    font-size: 11px !important;
    margin-right: 5px;
}

#rightColumn #list-tile-container {
    position: static;
}

.app-bar-menu .icon {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.app-bar-element .fa, [class^="mif-"], [class*=" mif-"], [class^="mif-"]::before, [class*=" mif-"]::before {
    /*font-size: 16px;*/
    margin-top: 2px;
}

.H_l_top .H_l_anchor .H_ctl {
    display: none;
}

/* updated version css */

body, body *, html, div, a, p, span, h1, h2, h3, h4, h5, h6, h7, h8, h9, table, td, tr, th, ul, li, ol, input, button, submit, textarea, select {
    font-family: 'Yantramanav', sans-serif !important;
}

.fa {
    font-family: FontAwesome !important;
}

.fa-eye, .fa-plus-circle, .fa-trash-o, .fa-search,.fa-map {
    color: #333;
}

.dx-datebox-calendar .dx-dropdowneditor-icon, .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon, .dx-checkbox-icon, .dx-icon {
    font-family: DXIcons !important;
}

.navigation-left #tiles {
    width: 100%;
    height: 55px;
}

.navigation-left .tile {
    width: 12% !important;
}

.tooltip .tooltiptext {
    margin-left: 0px !important;
    position: relative !important;
}

.navigation-left .tile .tile-content {
    text-align: center;
}

.tile-text {
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: 10px 0px;
    float: left;
    color: #292a2e;
    font-weight: bold;
    font-size: 12px;
}

.tile-img {
    float: left;
    width: 100%;
    text-align: center;
}

    .tile-img .icon {
        width: 30px;
        height: 30px;
    }

.tile-iconholder {
    margin-top: 10px;
}

#lastLocBtn img, #liveTrackBtn img, #stopActionsBtn img, #assetRefreshBtn img, #assetMapClearBtn img, #wastebinRefreshBtn img {
    width: 75%;
}

.collapsible-sidebar {
    top: 0px !important;
}

.inner-navigation #tiles {
    margin-top: -50px !important;
}

.inner-navigationTree {
    top: 100px !important;
}

#tiles #moduleContainer {
    width: 210px;
    float: left;
    margin-top: 10px;
    background: #fff !important;
    padding: 5px 0px;
    margin-top: 0px;
}

#moduleContainer {
    text-align: center;
}

    #moduleContainer img {
        width: 80%;
    }

.navireport #tiles {
    margin-top: 0px !important;
}

[dir="ltr"] .sidebar-container {
    background: #eeeeee !important;
    border-right: none !important;
}

.sidemenuinnerpage .listview-outlook .list .list-content {
    color: #2b2b2b;
    font-size: 0.8rem !important;
}

.sidemenuinnerpage .listview-outlook .list {
    border-bottom: 0px !important;
}

    .sidemenuinnerpage .listview-outlook .list:hover {
        background: #003465 !important;
    }

.sidemenuinnerpage #navigationTree > .list-group > .list-group-content {
    background: #265a8a !important;
    /*border-radius: 0px 0px 5px 5px;*/
}

.sidemenuinnerpage .listview-outlook .list-group .list-group-toggle {
    background: linear-gradient(to right, #30357d 0%, #6ab65f 100%) !important;
    padding: 5px 5px 4px 4px;
    /*border-radius: 5px 5px 0px 0px;*/
}

.sidemenuinnerpage .dropdown-toggle {
    color: white !important;
    /* font-weight: bold; */
    line-height: 1.5rem !important;
}

.sidemenuinnerpage #navigationTree a.list.active {
    background: white !important;
}

.listview-outlook .list-group .list-group-toggle::before {
    right: 20px;
    top: 8px;
    left: auto;
    content: '〈';
    color: white;
    font-size: 17px;
    border: 0px !important;
    font-weight: bold;
}

.listview-outlook .list-group.collapsed .list-group-toggle::before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 30px !important;
    right: 30px;
}

#toggle-quicksettings-dropdown {
    display: none !important;
}

/*#listColumn .userList .dxeListBox_Moderno {height:auto !important;}*/
 .dxeListBox_Moderno td.dxeT {
    border-bottom: 1px solid #ccc;
    color: #333 !important;
    font-size: 0.9em;
}

[dir="rtl"] .dxeListBox_Moderno td.dxeT {
    font-size: 1em !important;
}

.dxeListBox_Moderno td.dx-wrap {
    border-bottom: 1px solid #ccc;
    color: #333 !important;
    font-size: 0.9em;
}

[dir="rtl"] .dxeListBox_Moderno td.dx-wrap {
    font-size: 1em !important;
}

.dxeListBoxItem_Moderno {
    border-bottom: 1px solid #ccc;
}

.dxeListBoxItemRow_Moderno .dxh1s {
    background: #e8f2fb !important;
}

.titleDiv .TitleCheckbox {
    display: block;
    margin-top: 8px;
    font-size: 0.8rem !important;
    color: white !important
}

.searchBox {
    top: 10px !important;
}

.titleDiv .dxeBase_Moderno .dxichTextCellSys label {
    font-size: 0.8rem;
    text-transform: capitalize;
    /* font-weight: bold; */
    color: white;
}

#header .sidebar-container {
    background: transparent !important;
    top: 0px !important;
}
/*.driverList, .itemsList {top:60px !important;}*/

.inner-wrapper {
    left: 210px !important;
}

    .inner-wrapper .column-container #listColumn {
        border-right: 0px !important;
        margin-top: 17px;
    }

.itemTitleContainer {
    background: none !important;
}

#detailsColumn {
    background: #efefef;
    /*border-left: 10px solid #fff;*/
    overflow: hidden !important;
    padding: 0px !important;
}

.main-content {
    border-top: 1px solid #ccc;
}

.itemImageContainer, .itemImageContainer .list-tile {
    width: 40px !important;
    height: 40px !important;
}

    .itemImageContainer .list-tile span {
        font-size: 20px;
    }

#detailsColumn .itemTitleContainer {
    position: absolute;
    float: none;
    margin-left: 8px;
    left: 0 !important;
    padding-left: 0px !important;
    border-bottom: 1px solid #c4c4c4;
    height: 33px !important;
    margin-right: 0px;
    /* width: 95%; */
    background: linear-gradient(to right, #30357d 0%, #6ab65f 100%) !important;
    /* border-radius: 5px 5px 0px 0px; */
    right: 10px;
    top: 17px;
    z-index: 10000;
}

.detailContainer fieldset, #middleColumn fieldset, #detailsColumn fieldset {
    background: #fff;
    box-shadow: 0px 0px 0px 0px #fff !important;
    margin-top: 0px;
    /*padding: 10px 20px;*/
    /*padding-bottom: 20px !important;*/
}

.detailContainer #DetailsPlaceHolder_divDisplay fieldset {
    margin-bottom: 0px !important;
}

.detailContainer {
    /* top: 60px !important; */
    right: 8px !important;
    left: 8px !important;
    top: 45px !important;
    bottom: 0px !important;
    /* height: 100%; */
    overflow-y: auto;
    overflow-x: hidden;
}

    .detailContainer fieldset legend, #middleColumn fieldset legend, #detailsColumn fieldset legend {
        padding: 9px;
        border-bottom: 1px solid #ccc;
        float: left;
        margin-bottom: 5px;
        background: linear-gradient(to right, #30357d 0%, #6ab65f 100%) !important;
        color: white !important;
        font-size: 0.8rem !important;
    }

.text-value, .text-value td.dxic, .dxeButtonEditButton_Moderno, .dxeTextBox_Moderno, .dxeButtonEdit_Moderno, .dxeIRadioButton_Moderno, .dxeRadioButtonList_Moderno, .dxeCheckBoxList_Moderno {
    border-radius: 5px;
}

.dxgvControl_Metropolis .dxgvHSDC, .dxgvControl_Metropolis .dxgvHSDC .dxgvTable_Metropolis .dxgvHeader_Metropolis {
    background: #deefff;
    border: 0px;
    padding: 5px;
}

.dxgvEditFormDisplayRow_Metropolis td.dxgv, .dxgvDataRow_Metropolis td.dxgv, .dxgvDataRowAlt_Metropolis td.dxgv, .dxgvSelectedRow_Metropolis td.dxgv, .dxgvFocusedRow_Metropolis td.dxgv {
    padding: 10px !important;
}

.dxeButtonEdit_Moderno td.dxic, .dxeTextBox_Moderno td.dxic {
    padding: 0px 2px 0px 7px !important;
}

.dxichTextCellSys {
    padding-top: 40px !important;
    font-size: 20px;
}

.shadow .row .align-center {
    width: auto;
    float: none;
}

.dxgvGroupPanel_Metropolis {
    background: #deefff;
    border-bottom: 0px !important;
}

.dxgvFilterRow_Metropolis, .dxgvHEC {
    background: #deefff;
}

    .dxgvFilterRow_Metropolis td.dxgv, .dxgvEditFormDisplayRow_Metropolis td.dxgv, .dxgvDataRow_Metropolis td.dxgv, .dxgvDataRowAlt_Metropolis td.dxgv, .dxgvSelectedRow_Metropolis td.dxgv, .dxgvFocusedRow_Metropolis td.dxgv {
        border: 0px !important;
    }

.dxgvDataRow_Metropolis .dxgvHEC {
    background: #fff;
}

#tiles {
    display: block !important;
    margin-top: 0px !important;
    width: 100%;
    height: 55px;
    background: #f3f4f9;
    position: fixed;
    z-index: 5 !important;
}

    #tiles .tile {
        width: 100% !important;
        float: none !important;
    }

        #tiles .tile .tile-label {
            color: #333;
            width: 100%;
            text-align: center;
            left: 0 !important;
            bottom: 17px;
            font-weight: normal;
            font-size: 0.8rem;
        }

    #tiles .tile {
        margin: 0px;
        background: none !important;
        box-shadow: inset 0 0 0px #FFFFCC;
    }

        #tiles .tile:hover {
            outline: none !important;
        }

    #tiles .tile-container {
        background: none !important;
        width: calc(100% - 350px);
        display: inline-block;
    }

    #tiles .tile .tile-content {
        position: static;
        text-align: center;
    }

    #tiles .tile-content.iconic .icon {
        left: auto !important;
        width: 30px;
        height: 30px;
        position: relative;
        margin-left: 0px;
        margin-top: -38px;
        display: none
    }

#header, .headernew {
    z-index: 5 !important;
    /*box-shadow: 0 0 5px #ccc;*/
}

.sidemenumargintop, .wrappermargin {
    margin-top: 55px;
}

.wrappermargin {
    margin-top: 4px;
}

.titlenomargin {
    margin-left: 0px !important;
    text-align: left;
    float: left;
}

.rightbtns {
    float: right;
    /*margin-top: 6px;
    margin-bottom: 1px;*/
    cursor: pointer;
    margin-bottom: 0px;
}

    .rightbtns #exportBtn .d-menu {
        right: 20px;
        left: auto;
    }

    .rightbtns #exportBtn {
        background: #003d76;
        border-radius: 5px;
        padding: 6px 15px;
        margin-right: 5px !important;
        display: inline-block;
    }

        .rightbtns #exportBtn .dropdown-toggle::before {
            border-color: #fff;
        }

        .rightbtns #exportBtn .d-menu a {
            color: #333 !important;
        }

    .rightbtns #showBtn {
        background: #007390;
        border-radius: 5px;
        padding: 6px 15px;
        margin-right: 5px !important;
        display: inline-block;
    }

    .rightbtns #printBtn {
        background: #50bea1;
        border-radius: 5px;
        padding: 6px 15px;
        margin-right: 5px !important;
        display: inline-block;
    }
      .rightbtns #graphBtn {
        background: #50bea1;
        border-radius: 5px;
        padding: 6px 15px;
        margin-right: 5px !important;
        display: inline-block;
    }
    .rightbtns #cancBtn {
        background: #a7cf3a;
        border-radius: 5px;
        padding: 6px 15px;
        margin-right: 5px !important;
        display: inline-block;
    }

    .rightbtns #sendBtn {
        background: #5867dd;
        border-radius: 5px;
        padding: 6px 15px;
        margin-right: 5px !important;
        display: inline-block;
    }

    .rightbtns #shedulerBtn {
        background: #35b8e0;
        border-radius: 5px;
        padding: 6px 15px;
        margin-right: 5px !important;
        display: inline-block;
    }
    .rightbtns #showHeatMapBtn {
        background: #35b8e0;
        border-radius: 5px;
        padding: 6px 15px;
        margin-right: 5px !important;
        display: inline-block;
    }
    .rightbtns #addBtn {
        background: #003d76;
        border-radius: 5px;
        padding: 6px 15px;
        margin-right: 5px !important;
        display: inline-block;
    }

    .rightbtns #editBtn {
        background: #40b25a;
        border-radius: 5px;
        padding: 6px 15px;
        margin-right: 5px !important;
        display: inline-block;
    }

    .rightbtns #saveBtn {
        background: #34bfa3;
        border-radius: 5px;
        padding: 6px 15px;
        margin-right: 5px !important;
        display: inline-block;
    }

    .rightbtns #cancelBtn {
        background: #666;
        border-radius: 5px;
        padding: 6px 15px;
        margin-right: 5px !important;
        display: inline-block;
    }

    .rightbtns #deleteBtn {
        background: #f35959;
        border-radius: 5px;
        padding: 6px 15px;
        margin-right: 5px !important;
        display: inline-block;
    }

    .rightbtns li .icon {
        margin-right: 5px !important;
    }

    .rightbtns li {
        background-color: transparent !important
    }

        .rightbtns li:hover {
            text-decoration: underline
        }

.wrappermargin .column-container {
    background: #efefef;
}

.dxichTextCellSys {
    font-size: 14px;
    font-weight: normal;
    padding-top: 0px !important;
}

#pnlButtons #btnControl {
    background: #62b0d7;
    border-radius: 5px;
    padding: 6px 15px;
    margin-right: 5px !important;
    display: inline-block;
}

#pnlButtons #btnControlImm {
    background: #0090d9;
    border-radius: 5px;
    padding: 6px 15px;
    margin-right: 5px !important;
    display: inline-block;
}

#pnlButtons #btnEnable {
    background: #34bfa3;
    border-radius: 5px;
    padding: 6px 15px;
    margin-right: 5px !important;
    display: inline-block;
}

#pnlButtons #btnDisable {
    background: #afafaf;
    border-radius: 5px;
    padding: 6px 15px;
    margin-right: 5px !important;
    display: inline-block;
}

#pnlButtons #btnControlLock {
    background: #fbb05e;
    border-radius: 5px;
    padding: 6px 15px;
    margin-right: 5px !important;
    display: inline-block;
}

#pnlButtons #btnLock {
    background: #f35959;
    border-radius: 5px;
    padding: 6px 15px;
    margin-right: 5px !important;
    display: inline-block;
}

#pnlButtons #btnUnlock {
    background: #0aa699;
    border-radius: 5px;
    padding: 6px 15px;
    margin-right: 5px !important;
    display: inline-block;
}

#pnlButtons #btnChangePassword {
    background: #5ed1c7;
    border-radius: 5px;
    padding: 6px 15px;
    margin-right: 5px !important;
    display: inline-block;
}

#pnlButtons #btnSend {
    background: #1f3853;
    border-radius: 5px;
    padding: 6px 15px;
    margin-right: 5px !important;
    display: inline-block;
}

#addBtn a, #editBtn a, #saveBtn a, #cancelBtn a, #deleteBtn a {
    color: #fff;
    text-decoration: none;
    padding: 6px 15px;
}
#addBtnRoute a, #editBtnRoute a, #saveBtnRoute a, #cancelBtnRoute a, #deleteBtnRoute a {
    color: #000000;
    text-decoration: none;
}


#pnlButtons ul {
    list-style: none;
}

.dxbButton_Moderno div.dxb {
    color: #333;
    font-weight: bold;
}

#detailsColumn .col-md-12 .itemTitleContainer {
    top: 0px !important;
}

#detailsColumn .col-md-12 .itemImageContainer {
    top: 10px !important;
}

#detailsColumn .col-md-12 .detailContainer {
    top: 0px !important;
    position: relative;
    width: 100%;
    left: 0px !important;
}

.wrapperleftfull {
    left: 0px !important;
    margin-top: 55px;
}

    .wrapperleftfull .collapsible-sidebar {
        top: 0px !important;
    }

    .wrapperleftfull .column-container {
        margin-top: 0px;
        max-height: 100% !important;
    }

.wrappermapfull {
    left: 0px !important;
    top: 130px !important;
}

    .wrappermapfull .column-container {
        margin-top: 0px;
        height: 84%;
    }

.wrapperleftfull .column-container #tabs-TripRoute {
    margin-top: 5px;
}

a {
    outline: none !important;
}

.assetmapmargin {
    margin-top: 140px !important;
}

    .assetmapmargin span {
        line-height: 13px !important;
    }

    .assetmapmargin .app-bar-drop-container {
        right: 0px !important;
        left: auto !important;
    }

.leasinginfocontainer .info-panel .count h3 {
    margin-top: 0px !important;
}

.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-activeTab, .dxtcLite_Moderno > .dxtc-stripContainer .dxtc-tab, .dxtcLite_Moderno > .dxtc-stripContainer .dxtc-activeTab {
    border-radius: 5px 5px 0px 0px;
    background: #333;
}

    .dxtcLite_Moderno > .dxtc-stripContainer .dxtc-activeTab span, .dxtcLite_Moderno > .dxtc-stripContainer .dxtc-tab span, .dxtcLite_Moderno > .dxtc-stripContainer .dxtc-activeTab span {
        font-size: 16px !important;
        color: #fff;
    }

#MiddlePlaceHolder_tabZoneManagement_btnUpload {
    background: #1f3853;
    border-radius: 5px;
    padding: 8px 15px;
    margin-right: 5px !important;
    display: inline-block;
    color: #fff;
    text-align: center;
}

.middlepnlbtns {
    margin-top: -10px !important;
    z-index: 1011 !important;
}

.car-icon {
    margin-left: 16px;
    /*opacity: 0.6;*/
}

    .car-icon img {
        width: 30%;
    }

.sidebar.compact .counter {
    /*opacity: 0.6;*/
}

.carall {
    opacity: 1.0;
}

    .carall img {
        width: 60%;
        margin-top: 3px;
    }

.mif-list1 img, .mif-list1 img:hover {
    margin-left: -15px;
    width: 19px;
    margin-top: -6px;
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
}

.info-panel .icon {
    color: #333;
    padding: 10px 20px !important;
}

    .info-panel .icon h6 {
        font-size: 20px;
    }

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    padding: 5px !important;
}

#divFindLocation, #popupLiveTracking, #popupSaveGeo, #popupSaveLandMark {
    height: auto !important;
}

    #divFindLocation .panel-body {
        padding: 10px;
    }

.custom-Borders {
    border: 0px !important;
}

.nomd-logo-container img {
    display: none;
}

#header .app-bar .app-bar-element img {
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
    opacity: 0.6;
}

    #header .app-bar .app-bar-element img:hover {
        opacity: 1.0;
    }

#mnuLeftItemMenu .fa-th, #mnuLeftItemMenu .fa-th:hover {
    -moz-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
}

#header .app-bar .app-bar-element .fa {
    opacity: 0.6;
}

    #header .app-bar .app-bar-element .fa:hover {
        opacity: 1.0;
    }

.top-toggled .sidebar-container {
    padding-top: 10px !important;
}

.top-toggled .info-container {
    top: auto !important;
    bottom: -60px !important;
}

.info-container .expand-more .expander .mif-expand-more {
    background: #f1f4f9;
    position: absolute;
    bottom: 84px;
    padding: 0px 5px;
    border-radius: 10px;
}

    .info-container .expand-more .expander .mif-expand-more::before {
        font-size: 24px;
        color: #333;
    }

.top-toggled .mapcontainer #Map {
    padding-bottom: 0px !important;
}

.container {
    width: 1170px !important;
}

#moduleContainer img {
    opacity: 1.0 !important;
}

.align-center1 {
    text-align: center;
    width: 30px;
    float: left;
    color: #fff;
    position: relative;
    padding: 0px 22px 0px 22px !important
}

    .align-center1 a {
        line-height: 37px;
        color: #2086bf;
    }

.mif-expand-less::before {
    content: "\e64b" !important;
}

.info-container .expand-more .mif-expand-more::before {
    content: "\e64a" !important;
}

#popupSaveGeo .custom-Borders .row .col-md-8 #drpDepartment-button,
#popupSaveLandMark .custom-Borders .row .col-md-8 #drpLandMarkDepartment-button {
    background: #fff !important;
    border: 1px solid #ccc !important;
}

.driverList, .itemsList, .titleDiv {
    position: absolute;
}
/*.itemsList {top:10% !important;}*/
#footer-container .mt-logo-container, .stc-logo-container {
    display: none;
}

.copyright-container, .nomd-logo-container {
    height: 30px !important;
    padding-top: 5px !important;
}

.driverList, .itemsList {
    /*overflow: hidden; 
    position: absolute !important;
    top: 84px !important;*/
    overflow: hidden;
    position: absolute !important;
    top: 70px !important;
}
/*.driverList {overflow:auto;}*/
.findLocation > .panel-body li {
    border: 0px !important;
    font-size: 18px !important;
    padding-top: 0px !important;
}
/*.dxeListBox_Moderno div.dxlbd {height:530px !important; overflow-x:hidden !important;}*/
.asset-wrapper .titleDiv #ListPlaceHolder_TitleCheckbox {
    display: block !important;
    margin-top: -2px;
}

.asset-wrapper .titleDiv .TitleCheckbox .dx-nowrap {
    font-size: 0.8rem;
    line-height: 45px;
}

.asset-wrapper #ListPlaceHolder_TitleCheckbox_S_D {
    margin-top: -10px;
    width: 0.8rem;
    height: 0.8rem;
}

.asset-wrapper .itemImageContainer {
    background: none !important;
}
/*.asset-wrapper .itemsList {margin-top:-20px !important;}*/
.asset-wrapper #listColumn .searchBox {
    margin-top: -79px;
}

#rightList {
    border-left: solid 0px black !important;
}

.wrappermargin #middleColumn {
    /*height: 90% !important;*/
    overflow-x: hidden !important;
    padding: 0px !important;
   
}

.dashboardtiles #tiles {
    margin-top: 0px !important;
}

.dashboard-wrapper {
    margin-top: 0px;
}
    /*.dashboard-wrapper .itemsList, .dashboard-wrapper .itemsList {top:70px !important; height:95% !important;}
.dashboard-wrapper .itemsList .frames #ListPlaceHolder_itemsUpdatePanel {margin-top:-35px !important;}*/
    .dashboard-wrapper .itemsList .frames #drivers_frame #ListPlaceHolder_itemsList #ListPlaceHolder_itemsList_D {
        margin-top: 20px;
        overflow-x: hidden !important;
        width: 100% !important;
    }

    .dashboard-wrapper #listColumn {
        padding-left: 10px !important;
    }

    .dashboard-wrapper #detailsColumn {
        width: 83%;
    }

    .dashboard-wrapper .tabcontrol .tabs li.active a {
        background: #1a6297 !important;
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4) !important;
        border-radius: 5px 5px 0px 0px;
        font-size: 14px;
    }

    .dashboard-wrapper .tabcontrol .tabs li:not(.active) a.theme-color {
        font-size: 14px;
    }
/*.dashboard-wrapper .detailContainer {height:86%;}*/
.calendar .calendar-header a {
    background: #1a6297;
}

.chart-value h1, .chart-value-with-unit .value, .chart-value-with-unit .unit {
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4) !important;
}

.text-green {
    color: #50bc6b !important;
}

.text-red {
    color: #ea0606 !important;
}

.text-blue {
    color: #1a6297 !important;
}

.text-dark-blue {
    color: #013b66 !important;
}

.dashboard-wrapper #detailsColumn .ibox {
    padding-top: 3px;
}
/*.dashboard-wrapper .tabcontrol .frames .frame {padding:0px 0px !important;}*/
.dashboard-wrapper .itemsList .frames #ListPlaceHolder_itemsUpdatePanel #ListPlaceHolder_assetList { /*height:auto !important;*/
    position: relative;
    z-index: 9;
}
/*.wrappermargin #middleColumn .dxgvControl_Metropolis .dxgvCSD {height:440px !important;}*/
.wizard2 .step.next {
    border: 8px solid #1a5084 !important;
    margin-right: 5px;
    border-radius: 20px;
}

.action-bar .button {
    background: #4eb267 !important;
    border: 1px solid #2e9f4a;
}

.nomd-logo-container {
    display: none;
}

.copyright-container {
    right: 0px !important;
}

.info-container .info-panel .icon {
    padding: 10px 0px !important;
}

#backtrip-action-bar {
   color:#000000 !important;
}

.text-value, .text-value td.dxic, .dxeButtonEditButton_Moderno, .dxeTextBox_Moderno, .dxeButtonEdit_Moderno, .dxeIRadioButton_Moderno, .dxeRadioButtonList_Moderno, .dxeCheckBoxList_Moderno {
    margin: 0px;
}

#detailsColumn #DetailsPlaceHolder_UpdatePanel2 {
    overflow: auto;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
}

.dxpcLite_Metropolis .dxpc-header, .dxdpLite_Metropolis .dxpc-header {
    color: #333 !important;
}

.dxmLite_Metropolis .dxm-popup .dxm-hovered, .dxmLite_Metropolis .dxm-popup .dxm-hovered a.dx {
    background: #53ba6a !important;
}

.dashboard-wrapper .col-md-2 {
    width: 17% !important;
}

.titleDiv {
    padding-top: 10px !important;
}

#assetMapSettings, #routeShowBufferSettings {
    margin-top: 2px;
}

#toggle-userprofile-dropdown > span {
    padding-right: 0px;
}

.profiledetailscol {
    /*height: 90%;*/
    padding-left: 10px !important;
    padding-right: 10px !important;
    z-index: 100000
}

.menu {
    display: none;
}

.userList {
    top: 80px !important;
}

.searchBox {
    top: 40px !important;
}

.top-toggled #wrapper {
    bottom: 45px !important;
}

#DetailsPlaceHolder_messageRow {
    width: 100%;
    float: left;
}

.top-toggled #tabs {
    height: 100%;
}

    .top-toggled #tabs .ui-tabs-panel {
        height: 93% !important;
    }

.searchBox .button {
    height: 22px;
}

    .searchBox .button .mif-search {
        margin-top: 2px;
    }

.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-activeTab {
    background: #3baa57 !important;
}

    .dxtcLite_Moderno > .dxtc-stripContainer .dxtc-activeTab a {
        color: #fff !important;
    }

.filterBox {
    top: 47px !important;
}

.asset-wrapper .filterBox {
    top: 34px !important;
}

#DetailsPlaceHolder_messageRow #DetailsPlaceHolder_lblMessageStatus div {
    border-radius: 5px;
}

.itemTitleContainer .item-margintop, .item-margintop {
    margin-top: 5px !important;
}

.detailContainer fieldset .dxeListBox_Moderno .dxlbd {
    height: auto !important;
    max-height: 140px !important;
}

.dxeTextBox_Moderno, .dxeButtonEdit_Moderno, .dxeIRadioButton_Moderno, .dxeRadioButtonList_Moderno, .dxeCheckBoxList_Moderno {
    margin-bottom: 0px !important;
}

.drpItem {
    margin-top: 10px !important;
    padding-left: 0px !important;
}

.dxpc-contentWrapper .col-md-9 table {
    float: left;
    width: 80%;
}

.dxpc-contentWrapper .col-md-9 {
    padding-right: 0px !important;
}

#detailsColumn #DetailsPlaceHolder_UpdatePanel2 fieldset .col-xs-8 .dxeListBox_Moderno {
    height: auto !important;
}

    #detailsColumn #DetailsPlaceHolder_UpdatePanel2 fieldset .col-xs-8 .dxeListBox_Moderno .dxlbd {
        height: auto !important;
        max-height: 140px !important;
    }

.shadow #DetailsPlaceHolder_lstAsset_D, .shadow #DetailsPlaceHolder_lstAsset2_D {
    height: auto !important;
    max-height: 400px !important;
    min-height: 360px !important;
}

#DetailsPlaceHolder_UpdatePanel5 #DetailsPlaceHolder_UpdatePanel2 {
    overflow: hidden !important;
}

.message-item {
    color: #fff !important;
    height: 25px !important;
    top: 0px !important;
}

.dxpc-contentWrapper .col-md-9 .dxpcDropDown_Moderno .dxpc-content .dxeListBox_Moderno .dxlbd,
.dxpc-contentWrapper .dxeListBox_Moderno .dxlbd {
    height: auto !important;
    max-height: 180px !important;
    overflow-x: hidden !important;
}

.frames .searchBox {
    top: 5px !important;
}

.dxpc-ddSys .dxpc-content {
    padding-left: 10px !important;
}

.dxbButtonSys.dxbTSys {
    background: #4f9ce8 !important;
}

.dxbButtonHover_Moderno {
    background: #286090 !important;
    color: #fff !important;
}

span.dx-vam, span.dx-vat, span.dx-vab, a.dx-vam, a.dx-vat, a.dx-vab {
    /*color: white; This line is commented because the filter menu in all the grid's becomes not visible due to white color*/
    font-size: 13px !important;
}

.dxeCalendarHeader_Moderno {
    padding: 3px !important;
    margin: 3px !important;
}

.dxeCalendarFooter_Moderno {
    padding: 5px !important;
}

.dxeCalendarDay_Moderno {
    padding: 0px !important;
}

.dxeCalendarButton_Moderno, .dxeColorEditButton_Moderno {
    padding: 3px 10px 3px !important;
    background: #ccc !important;
}

#rightList .itemList2 #RightListPlaceHolder_itemList2UpdatePanel {
    height: auto !important;
}

#DetailsPlaceHolder_txtNotes, #DetailsPlaceHolder_txtNotes textarea, .shadow #DetailsPlaceHolder_txtNotes,
.shadow #DetailsPlaceHolder_txtNotes textarea {
    height: 100px !important;
}

.dxeDateEditClockCell_Moderno {
    padding: 0px 5px 0 !important;
}

.dxeDateEditTimeEditCell_Moderno {
    padding: 4px 10px 4px !important;
}

.dxgvTitlePanel_Metropolis .dxbButtonSys {
    background: none !important;
}

.calendar .calendar-cell.sel-month {
    width: 50% !important;
}

.calendar-grid .calendar-row .calendar-cell {
    margin: 0px !important;
}

.calendar-grid .calendar-header .calendar-row .calendar-cell {
    margin: 0px !important;
    color: #333;
}

#wrapper {
    bottom: 30px !important;
}

#tiles ul li a.selected, #tiles ul li a.active {
    border-bottom: 2px solid #1a5084;
}

.dxeCalendar_Moderno td.dxMonthGridWithWeekNumbers {
    padding: 0px !important;
}

.dxeCalendarDayHeader_Moderno {
    padding: 0px 4px !important;
}

.dashboard-wrapper #listColumn .itemsList {
    top: 10px !important;
}

.dashboard-wrapper .tabcontrol {
    padding-top: 0px;
}

    .dashboard-wrapper .tabcontrol .tabs {
        position: absolute;
        z-index: 99;
    }

    .dashboard-wrapper .tabcontrol .frames #assets_frame, .dashboard-wrapper .tabcontrol .frames #drivers_frame {
        margin-top: 40px;
        overflow: hidden;
    }
        /*.dashboard-wrapper .tabcontrol .frames #drivers_frame table.dxeListBox_Moderno {height:auto !important;}*/
        .dashboard-wrapper .tabcontrol .frames #drivers_frame .titleDiv {
            top: 0px;
        }

    .dashboard-wrapper .tabcontrol .frames .titleDiv {
        height: 30px !important;
    }

.dashboard-wrapper .itemsList .frames #drivers_frame #ListPlaceHolder_itemsListUpdatePanel {
    margin-top: 0px !important;
}

.dxeListBox_Moderno div.dxlbd {
    height: 470px;
    width: 100% !important;
}

#ListPlaceHolder_itemsList_D {
    width: 100% !important; /*height:100% !important;*/
}

.dxpc-mainDiv .dxpc-contentWrapper .row {
    padding-bottom: 0px;
}

/*.dxpc-mainDiv .dxpc-headerContent .dxpc-headerText {
    color: #333;
}*/

#DetailsPlaceHolder_UserpopControl_PW-1 {
    top: 15% !important;
}

.shadow .col-md-6 .col-md-8 .dxeListBox_Moderno #DetailsPlaceHolder_lstAsset_D,
.shadow .col-md-6 .col-md-8 .dxeListBox_Moderno #DetailsPlaceHolder_lstAsset2_D {
    min-height: 200px !important;
}

.shadow .col-md-6 .col-md-1 {
    margin-top: -80px;
}

.dxeTrackBar_Moderno, .dxeIRadioButton_Moderno, .dxeButtonEdit_Moderno, .dxeTextBox_Moderno, .dxeRadioButtonList_Moderno, .dxeCheckBoxList_Moderno, .dxeMemo_Moderno, .dxeListBox_Moderno, .dxeCalendar_Moderno, .dxeColorTable_Moderno {
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .dxeListBox_Moderno div.dxlbd {
        /*border: 2px solid #fff !important;*/
    }

    .dxeListBox_Moderno #ListPlaceHolder_assetList_D {
        width: 100% !important;
        overflow-x: hidden !important;
    }

.top-disabled .asset-wrapper #rightList {
    border-right: 0px !important;
}

.filterBox .dxeRoot_Moderno #RightListPlaceHolder_DropDownEdit2_CC .dxeButtonEditSys {
    width: auto;
}

.wrapperleftfull .column-container .main-content #Map {
    height: 100% !important;
}

.dx-datagrid .dx-sort-down, .dx-datagrid .dx-sort-up {
    font: 14px/1 DXIcons !important;
}

.dashboard-wrapper .driverList, .dashboard-wrapper .itemsList {
    left: 0px !important;
    right: 15px !important;
}

.profiledetailscol .detailContainer .shadow .col-md-8 #DetailsPlaceHolder_lstPages, .profiledetailscol .detailContainer .shadow .col-md-8 #DetailsPlaceHolder_lstPages #DetailsPlaceHolder_lstPages_D {
    width: 260px !important;
    height: 250px !important;
}

.H_ui .H_ib_body .content fieldset {
    padding: 0px 10px !important;
}

#toggle-userprofile-dropdown > span {
    display: none !important;
}

.hideheader, .reportheader {
    display: none;
}

.mapheader .app-bar .hidelogo, .mobilelogo {
    display: none !important;
}
/*.top-disabled #wrapper {top:0px;}*/
.tripheader {
    margin-top: 55px !important;
}

.dxWeb_edtCheckBoxUnchecked_Moderno, .dxWeb_edtCheckBoxChecked_Moderno {
    /*width: 14px;
    height: 14px;*/
}

.dxWeb_edtCheckBoxChecked_Moderno {
    /*background-position: -236px -116px;*/
}

.righttopbuttons {
    position: relative;
    z-index: 5;
    /*background: #fff;*/
    float: right;
    padding-left: 10px;
    margin-top: 4px;
}

.v-menu {
    overflow: hidden;
}



/* Responsive Mobile */
@media only screen and (max-width: 767px) {
    .app-bar-element.moduleColored, .app-bar-element.moduleColored:hover {
        width: 100%;
        cursor: pointer;
        position: absolute;
        top: 10px;
        background: none !important;
    }

    #header .mif-menu {
        padding: 5px 8px;
        border-radius: 5px;
        text-align: center;
        background-color: #217346 !important;
        margin-left: 10px;
        float: left;
    }

    .mapheader, #header {
        margin-top: 0px !important;
    }

        #header .mif-menu::before {
            color: #fff !important;
        }

        #header .command-pull-close {
            position: absolute;
            top: 0px;
            left: -5px;
            cursor: pointer;
            z-index: 9;
        }

            #header .command-pull-close span {
                background: #fff;
                padding: 10px !important;
                border-radius: 5px;
            }

        #header .app-bar-divider {
            display: none !important;
        }

        #header .command-pull .app-bar-drop-container {
            top: 30px;
        }

        #header .app-bar a.app-bar-element, #header .app-bar .toggle {
            z-index: 9;
        }

        #header .app-bar .profiledropdown {
            width: auto !important;
            margin-top: 0px !important;
        }

    .top-disabled #wrapper {
        top: 60px !important;
    }

    #detailsColumn .col-md-12 .itemImageContainer {
        left: 0px !important;
    }

    #detailsColumn .col-md-12 .itemTitleContainer {
        left: 40px !important;
        margin-right: 0px !important;
        width: auto !important;
        margin-left: 0px;
    }

    #pnlButtons {
        margin-right: 0px;
    }

    #detailsColumn {
        border-left: 0px;
        margin-bottom: 0px !important;
    }

    #wrapper {
        overflow-y: auto !important;
    }

    .inner-wrapper .column-container #listColumn { /*display:block !important;*/
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
        position: relative;
        height: 100% !important;
        width: 95%;
    }

        .inner-wrapper .column-container #listColumn #listContainer {
            width: 97%;
        }

    .userList {
        top: 70px !important;
    }

    #ListPlaceHolder_itemsList_D {
        width: 100% !important;
    }

    .itemTitleContainer .itemTitle, .itemsTitleContainer .itemsCount {
        font-size: 14px !important;
    }

    #header .app-bar #moduleContainer {
        display: block !important;
    }

        #header .app-bar #moduleContainer img {
            width: 140px;
            float: left;
            margin-left: 40px;
            margin-top: -5px;
        }

    #tiles {
        display: none !important;
    }

    #header .app-bar-element .mif-menu { /*margin-top:-4px;*/
        cursor: pointer;
        position: relative;
        z-index: 99999;
    }

    .headernew .app-bar-element .mif-menu {
        margin-top: 4px;
    }
    /*.reportheader .app-bar-element .mif-menu {margin-top:-50px !important;}*/
    .headernew .command-pull .app-bar-drop-container {
        top: 48px !important;
    }

    .wrappermargin {
        margin-top: 0px !important;
    }

    .sidebar-container {
        display: block !important;
        height: 10px;
    }

        .sidebar-container #content-1 {
            display: none;
        }

    [dir="ltr"] .sidebar-container {
        background: none !important;
        border: 0px !important;
    }

    .navigation-left {
        z-index: 999;
    }

        .navigation-left #tiles {
            width: 100% !important;
            height: auto;
        }

            .navigation-left #tiles .tile-container .container {
                width: 100% !important;
            }

            .navigation-left #tiles .tile-container li {
                display: inline-block;
                width: 49%;
                margin-bottom: 5px;
            }

            .navigation-left #tiles .tile {
                width: 100% !important;
            }

    .inner-navigation #tiles {
        margin-top: 0px !important;
    }
    /*.menu {margin-left:220px; margin-top:23px; display:block; position:relative; z-index:8; cursor:pointer;}*/
    .menu {
        margin-left: 220px;
        margin-top: 23px;
        display: block;
        position: relative;
        z-index: 8;
        cursor: pointer;
    }

        .menu .fa {
            color: #fff !important;
        }

        .menu a {
            background: #003d76;
            border-radius: 5px;
            padding: 9px 10px;
        }

    .detailContainer {
        right: 0px !important;
        left: 0px !important;
    }

    #navi {
        display: none;
    }

    .dashboard-wrapper #detailsColumn {
        width: 100%;
    }

    .dashboardtiles #tiles {
        margin-top: 60px !important;
    }

    .webkit .dashboard-wrapper {
        margin-top: 0px;
    }

    .list-group-content {
        display: none !important;
    }

    .dashboard-wrapper #listColumn {
        margin-left: 0px;
        width: 80% !important;
    }

    #listColumn #listContainer {
        width: 100% !important;
    }

    .dashboard-wrapper .itemsList .frames #ListPlaceHolder_itemsList #ListPlaceHolder_itemsList_D {
        margin-top: 10px !important;
    }

    .dashboard-wrapper #listColumn .itemsList #itemsTab {
        padding-top: 20px;
    }

    #overflow-button, #overflow-button-collapse {
        position: absolute !important;
        display: block !important;
    }

    .inner-wrapper #overflow-button.moduleColored, .inner-wrapper #overflow-button-collapse.moduleColored,
    .dashboard-wrapper #overflow-button.moduleColored, .dashboard-wrapper #overflow-button-collapse.moduleColored {
        background: #378159 !important;
    }

    .navireport {
        top: 60px;
    }

    .copyright-container {
        display: block !important;
        color: #666 !important;
        width: 100%;
        left: 0px !important;
    }

    #header .sidebar-container {
        background: none !important;
    }

    .mapheader {
        min-width: 100% !important;
        background: #fff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    }

    #header {
        min-width: 100% !important;
    }

    .mapheader .app-bar #assetMapClearBtn {
        margin-top: 20px;
        position: absolute;
        left: 34%;
        z-index: 8 !important;
    }

    .mapheader .app-bar #assetRefreshBtn, .mapheader .app-bar #stopActionsBtn,
    .mapheader .app-bar #liveTrackBtn, .mapheader .app-bar #lastLocBtn {
        margin-top: 20px;
        z-index: 8 !important;
    }

    .mapheader #moduleContainer .branding img, .tripheader .app-bar #moduleContainer .branding img {
        margin-top: -15px !important;
    }

    .mapcontainer #assetMapSettings, #routeShowBufferSettings {
        margin-top: 60px !important;
    }

    .mif-list1 img, .mif-list1 img:hover {
        margin-left: -13px;
    }

    .mapcontainer #Map {
        padding-bottom: 0px !important;
        margin-top: 53px;
        height: 89.6% !important;
        overflow-y: hidden !important;
    }

    #wrapper {
        bottom: 30px !important;
    }

    #tabs {
        margin-top: 57px;
    }

    .mapnavi #tiles {
        margin-top: 110px !important;
    }

    .wrapperleftfull .column-container .collapsible-sidebar #tabs {
        margin-top: 0px;
    }

    .mapheader .app-bar .sidebar-container {
        top: 56px !important;
        left: 175px !important;
        height: 50px;
        width: 200px;
        z-index: 8;
    }

    #lastLocBtn {
        margin-left: -40px;
    }

    #liveTrackBtn {
        margin-left: -13px;
    }

    .mapheader .app-bar #assetRefreshBtn, .mapheader .app-bar #stopActionsBtn, .mapheader .app-bar #liveTrackBtn, .mapheader .app-bar #lastLocBtn {
        padding: 0px 3px !important;
    }

    .loadingPage .preloader-cycle .cycle {
        left: 35%;
        top: 40%;
    }

    #expand-menu, #expand-menu-Mobile {
        margin-top: 56px;
    }

    .mif-list1 img, .mif-list1 img:hover {
        margin-left: -16px;
        margin-top: -3px;
    }

    .car-icon img {
        width: 50%;
    }

    .carall img {
        width: 90%;
    }

    #overflow-button, #overflow-button-collapse {
        width: 23px !important;
    }

    .v-menu {
        margin-top: 0px;
    }

    #expand-dropdown-menu {
        top: -37px;
        z-index: 9999;
    }

    .shadow .col-xs-8 table {
        width: 100% !important;
    }

    .dxeButtonEditSys.dxeButtonEdit_Moderno {
        width: 190px !important;
    }

    #footer-container {
        position: static;
    }

    #DetailsPlaceHolder_divDisplay, #DetailsPlaceHolder_UpdatePanel2 {
        margin-bottom: 30%;
    }

    .dxeDropDownWindow_Moderno table {
        width: 310px !important;
        margin-left: -10px;
    }

    .shadow .row, .shadow .row .col-xs-2 {
        padding-left: 0px !important;
        width: 100%;
        margin-bottom: 10px;
    }

        .shadow .row .col-xs-4 {
            padding-left: 0px !important;
        }

    .dxpc-contentWrapper .col-md-9 .dxeButtonEditSys {
        width: 80% !important;
    }

    .shadow .row .col-xs-3 {
        width: 100% !important;
        margin-bottom: 5px;
    }

    .wizard2 .step.next {
        height: 90% !important;
    }

    .dxeCalendarDayHeader_Moderno {
        padding: 0px 2px !important;
    }

    .dxeDateEditTimeEditCell_Moderno .dxeButtonEditSys.dxeButtonEdit_Moderno {
        width: 130px !important;
    }

    #selectedDepartment {
        line-height: 50px;
    }

    .dashboard-wrapper .itemsList .frames #drivers_frame #ListPlaceHolder_itemsListUpdatePanel {
        margin-top: 15px !important;
    }

    .dashboard-wrapper .itemsList .frames #ListPlaceHolder_itemsList #ListPlaceHolder_itemsList_D {
        height: 400px !important;
    }

    #geoDeleteBtn, #geoShowBtn {
        margin-top: 20px;
    }

    #geoFindLocBtn {
        margin-top: 20px;
        margin-left: -4px;
    }

    #geoShowBtn {
        margin-left: -40px;
    }

    #geoCreateBtn {
        margin-top: 20px;
        margin-left: -8px;
    }

    .dx-datagrid-headers {
        padding-right: 0px !important;
    }

    #header .sidebar-container {
        top: 57px !important;
    }

    .dashboard-wrapper .driverList, .dashboard-wrapper .itemsList {
        margin-left: 20px;
    }

    .dx-datagrid-content {
        width: 90%;
    }

        .dx-command-select .dx-editor-cell .dx-cell-focus-disabled, .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
            width: 0px !important;
            min-width: 0px !important;
        }

    .hideheader, .reportheader {
        display: block;
    }

    .righttopbuttons .app-bar-menu.collapsible, .righttopbuttons .app-bar-element.collapsible {
        display: block !important;
    }

    #tiles .tile-container {
        width: 100%;
    }

    #expand-dropdown-menu {
        margin-left: 0%;
    }

    .righttopbuttons {
        padding-left: 0px;
        background: none;
    }

    #moduleContainer {
        display: block !important;
        z-index: 9999;
        width: 200px;
        margin-top: 5px;
        margin-left: -5px;
    }

    .mif-more-horiz, #tiles #moduleContainer {
        display: none !important;
    }

    .mobilelogo {
        display: block !important;
    }

        .mobilelogo #moduleContainer a img {
            margin-top: -17px;
            margin-left: 64px;
        }

        .mobilelogo #moduleContainer a {
            position: relative;
            z-index: 9;
            pointer-events: none;
            cursor: default;
        }

    .mobilemenu {
        margin-top: 23px;
        margin-left: -20px;
        position: absolute;
    }

    .headernew .app-bar .app-bar-element {
        width: 100%;
    }

    .tripmenu {
        margin-top: 37px;
    }

    .tripwrapper {
        margin-top: 33px !important;
    }

    .tripheader .topbtnbuttons {
        margin-top: 47px !important;
    }

    .grid .row > .cell, .grid .row[class*=cells] > .cell, .grid .row > .cell[class*=colspan], .grid .row[class*=cells] > .cell[class*=colspan] {
        width: auto;
    }
}


/* High Resolutions */

@media only screen and (max-width: 928px) {
    .sidebar-container {
        padding-top: 10px !important;
    }
}

@media only screen and (min-width:1024px) and (max-width:1150px) {
    /*.wrappermargin #middleColumn .dxgvControl_Metropolis .dxgvCSD {height:160px !important;}
.detailContainer {height:160px !important;}
.dxeListBox_Moderno div.dxlbd {height:270px !important;}*/
}

@media only screen and (min-width:1151px) and (max-width:1278px) {
    /*.wrappermargin #middleColumn .dxgvControl_Metropolis .dxgvCSD {height:220px !important;}
.detailContainer {height:210px !important;}
.dxeListBox_Moderno div.dxlbd {height:330px !important;}*/
}

@media only screen and (min-width:1024px) and (max-width:1366px) {
    /*.dxeListBox_Moderno div.dxlbd {overflow-y:hidden !important;}
.detailContainer {height:340px !important;}
.dxeListBox_Moderno div.dxlbd {height:340px !important;}
.dashboard-wrapper .detailContainer {height:340px !important;}*/
    .dxeListBox_Moderno #ListPlaceHolder_assetList_D {
        /*width: 97% !important;*/
    }

    .dxpc-contentWrapper .col-md-9 table {
        float: left;
        width: 90%;
        margin-left: -10px !important;
    }
}

@media only screen and (min-width:1279px) and (max-width:1280px) {
    /*.dxeListBox_Moderno div.dxlbd {height:390px !important;}
.wrappermargin #middleColumn .dxgvControl_Metropolis .dxgvCSD {height:270px !important;}
.detailContainer {height:380px !important;}
.dashboard-wrapper .detailContainer {height:390px !important;}*/
}

@media only screen and (min-width:1365px) and (max-width:1368px) {
    /*.detailContainer {height:360px !important;}
.wrappermargin #middleColumn .dxgvControl_Metropolis .dxgvCSD {height:270px !important;}*/
    /*.detailContainer {height:390px !important;}
.dashboard-wrapper .detailContainer {height:410px !important;}
#detailsColumn #DetailsPlaceHolder_UpdatePanel2 {height:100% !important;}*/
    /*.profiledetailscol {height:410px;}*/
    .dxeListBox_Moderno div.dxlbd {
        width: 100% !important; /*height:400px !important;*/
    }

    #ListPlaceHolder_itemsList_D {
        width: 100% !important; /*height:355px !important;*/
    }
    /*.dashboard-wrapper .dxeListBox_Moderno div.dxlbd {height:355px !important;}
#rightList .itemList2 .dxeListBox_Moderno #RightListPlaceHolder_itemsList2_D {height:325px !important;}*/
}

@media only screen and (min-width:1367px) and (max-width:1398px) {
    /*.dxeListBox_Moderno div.dxlbd {height:340px !important;}
.wrappermargin #middleColumn .dxgvControl_Metropolis .dxgvCSD {height:280px !important;}*/
}

@media only screen and (min-width:1399px) and (max-width:1400px) {
    /*.dxeListBox_Moderno div.dxlbd {height:410px !important;}
.wrappermargin #middleColumn .dxgvControl_Metropolis .dxgvCSD {height:400px !important;}*/
}

@media only screen and (min-width:1401px) and (max-width:1440px) {
    /*.dxeListBox_Moderno div.dxlbd {height:450px !important;}
.wrappermargin #middleColumn .dxgvControl_Metropolis .dxgvCSD {height:320px !important;}
.detailContainer {height:440px;}*/
}

@media only screen and (min-width:1441px) and (max-width:1600px) {
    /*.dxeListBox_Moderno div.dxlbd {height:auto !important; max-height:460px !important;}*/
    /*.detailContainer {height:510px !important;}
.wrappermargin #middleColumn .dxgvControl_Metropolis .dxgvCSD {height:370px !important;}
.dashboard-wrapper .detailContainer {height:500px !important;}*/
    .mif-list1 img, .mif-list1 img:hover {
        margin-left: -15px !important;
    }
    /*#ListPlaceHolder_itemsList_D {height:450px !important;}
.dxeListBox_Moderno div.dxlbd {height:500px !important;}
.dashboard-wrapper #assets_frame .dxeListBox_Moderno div.dxlbd {height:inherit !important;}
.dashboard-wrapper #drivers_frame .dxeListBox_Moderno div.dxlbd {height:450px !important;}
#rightList .itemList2 .dxeListBox_Moderno #RightListPlaceHolder_itemsList2_D {height:420px !important;}*/
}

@media only screen and (min-width:1599px) and (max-width:1602px) {
    /*.detailContainer {height:490px !important;}
.dashboard-wrapper .detailContainer {height:550px !important;}
.wrappermargin #middleColumn .dxgvControl_Metropolis .dxgvCSD {height:365px !important;}*/
    .dashboard-wrapper .itemsList .frames #drivers_frame #ListPlaceHolder_itemsListUpdatePanel {
        margin-top: 0px !important;
    }
}

@media only screen and (min-width:1601px) and (max-width:1679px) {
    /*.dxeListBox_Moderno div.dxlbd {height:470px !important;}
.wrappermargin #middleColumn .dxgvControl_Metropolis .dxgvCSD {height:410px !important;}
.wrappermargin #middleColumn {height:89% !important;}*/
    .mif-list1 img, .mif-list1 img:hover {
        margin-left: -13px !important;
    }
}

@media only screen and (min-width:1679px) and (max-width:1685px) {
    /*.wrappermargin #middleColumn .dxgvControl_Metropolis .dxgvCSD {height:540px !important;}*/
    .mif-list1 img, .mif-list1 img:hover {
        margin-left: -13px !important;
    }
}

@media only screen and (min-width:1686px) and (max-width:1800px) {
    /*.detailContainer {height:540px;}*/
}

@media only screen and (min-width:1801px) and (max-width:1920px) {
    /*.detailContainer {height:640px;}
.dxeListBox_Moderno div.dxlbd {height:640px !important;}
.wrappermargin #middleColumn .dxgvControl_Metropolis .dxgvCSD {height:540px !important;}*/
    .mif-list1 img, .mif-list1 img:hover {
        margin-left: -13px !important;
    }
    /*.profiledetailscol {height:670px;}
#ListPlaceHolder_itemsList_D {height:700px !important;}*/
}

@media only screen and (min-width:1921px) and (max-width:3000px) {
    /*.detailContainer {height:800px;}
.dxeListBox_Moderno div.dxlbd {height:890px !important;}
.wrappermargin #middleColumn .dxgvControl_Metropolis .dxgvCSD {height:700px !important;}*/
    .mif-list1 img, .mif-list1 img:hover {
        margin-left: -13px !important;
    }
}

@media only screen and (min-width:3001px) and (max-width:5000px) {
    /*.detailContainer {height:1150px;}
.dxeListBox_Moderno div.dxlbd {height:1260px !important;}
.wrappermargin #middleColumn .dxgvControl_Metropolis .dxgvCSD {height:1000px !important;}*/
}

@media only screen and (min-width:5001px) and (max-width:8000px) {
    /*.detailContainer {height:2100px;}
.dxeListBox_Moderno div.dxlbd {height:2260px !important;}
.wrappermargin #middleColumn .dxgvControl_Metropolis .dxgvCSD {height:1850px !important;}*/
}

.dxeCalendarHeader_Metropolis {
    background-color: #265583 !important;
    color: white !important;
}

.dxeCalendarSelected_Metropolis {
    background-color: #265583 !important;
}

.dxeCalendarToday_Metropolis {
    border: 1px solid #265583 !important;
}

.dxeCalendarWeekend_Metropolis {
    /*color: #265583 !important;*/
}

#MiddlePlaceHolder_tabZoneManagement_btnPlmUpload {
    background: #1f3853;
    border-radius: 5px;
    padding: 8px 15px;
    margin-right: 5px !important;
    display: inline-block;
    color: #fff;
    text-align: center;
}

.dxpcLite_Moderno .dxpc-header, .dxdpLite_Moderno .dxpc-header {
    background: #265583 !important;
}

.dxpc-mainDiv .dxpc-headerContent .dxpc-headerText {
    /*color: white;*//*Commented this line because of the field chooser header issue in many pages*/
    font-size: 10px;
}
#usrAccountSetting_popupSchedule_PWH-1T{
    color: white;
}

#usrAccountSetting_popupSchedule_usrAccountSetting_btnUpload {
    background: #4f9ce8;
    border-radius: 5px;
    padding: 8px 15px;
    margin-right: 5px !important;
    display: inline-block;
    color: #fff;
    text-align: center;
}

#usrAccountSetting_popupSchedule_usrAccountSetting_btnSave {
    background-color: #4f9ce8 !important;
    font-family: 'Yantramanav', sans-serif !important;
    color: white !important;
}

.sidemenuinnerpage #navigationTree a.list.active .list-content {
    font-weight: bold;
    color: #01518c !important;
}

.sidemenuinnerpage #navigationTree a.list:not(.active):hover .list-content {
    color: white;
}

/*.list.hover-module:last-of-type {
    border-radius: 0px 0px 5px 5px;
}*/

#tiles ul li a.selected .tile-label, #tiles ul li a.active .tile-label {
    color: #01518c !important;
    font-weight: bold !important;
}

#tiles ul:not(.v-menu) li a:not(.active):hover {
    border-bottom: 2px solid #1a5084;
}

#tiles ul li a:not(.active):hover .tile-label {
    bottom: 15px !important
}

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

/*.dxeListBoxItemRow_Moderno {
    height:50px
}

.dxeListBoxItem_Moderno.dxeC, .dxeListBoxItem_Moderno.dxeC + .dxeListBoxItem_Moderno.dxeC, .dxeListBoxItem_Moderno.dxeMI {
    display:none
}*/

/*fieldset.shadow:last-of-type .row {
    margin-bottom:10px!important;
}*/


.profiledetailscol {
    position: absolute;
    left: 0px;
    right: 0px;
    width: auto;
    top: 10px;
}

#pnlButtons li{
    background:transparent!important
}
[dir="rtl"] .detailContainer fieldset row{
    padding-right:15px!important;
}
.carousel-menu-active {
    border-bottom: 2px solid #1a5084;
}
#lblUserEmail{
    overflow-wrap:break-word;
}
#btnExportRTF
{
    display: none !important;
}
#btnExportCSV
{
    display: none !important;
}
#MiddlePlaceHolder_DropDownEdit_DDD_selectButton_0{
	width :100px;
	text-align:center;
}
.ui-menu .ui-menu-item
{
	color:black;
}