body {
    padding-top: 0px;
    padding-bottom: 0px;
    /*-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
    /*font-family: 'Conv_avenirltstd-light';*/
     font-family: 'Poppins', sans-serif;
    position:relative;
}

a,inline_btn_area1
a:active,
a:focus,
button,
button:focus,
button:active,
.btn,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus {
    outline: none;
    outline: 0;
}
 input::-moz-focus-inner {
 border: 0;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}
li a:hover {
    text-decoration:none;
}
.no-resize {
    resize:none !important;
}
input[type="file"].form-control {
    height:auto !important;
}

/********************************************************
********************************************************/
.pad0T {
    padding-top: 0px !important;
}
.pad0R {
    padding-right: 0px !important;
}
.pad0B {
    padding-bottom: 0px !important;
}
.pad0L {
    padding-left: 0px !important;
}
.pad0A {
    padding: 0px !important;
}
/********************************************************
********************************************************/
.pad5T {
    padding-top: 5px !important;
}
.pad5R {
    padding-right: 5px !important;
}
.pad5B {
    padding-bottom: 5px !important;
}
.pad5L {
    padding-left: 5px !important;
}
.pad5A {
    padding: 5px !important;
}
/********************************************************
********************************************************/
.pad10T {
    padding-top: 10px !important;
}
.pad10R {
    padding-right: 10px !important;
}
.pad10B {
    padding-bottom: 10px !important;
}
.pad10L {
    padding-left: 10px !important;
}
.pad10A {
    padding: 10px !important;
}
/********************************************************
********************************************************/
.pad15T {
    padding-top: 15px !important;
}
.pad15R {
    padding-right: 15px !important;
}
.pad15B {
    padding-bottom: 15px !important;
}
.pad15L {
    padding-left: 15px !important;
}
.pad15A {
    padding: 15px !important;
}
/********************************************************
********************************************************/
.pad20T {
    padding-top: 20px !important;
}
.pad20R {
    padding-right: 20px !important;
}
.pad20B {
    padding-bottom: 20px !important;
}
.pad20L {
    padding-left: 20px !important;
}
.pad20A {
    padding: 20px !important;
}
/********************************************************
********************************************************/
.pad30T {
    padding-top: 30px !important;
}
.pad30R {
    padding-right: 30px !important;
}
.pad30B {
    padding-bottom: 30px !important;
}
.pad30L {
    padding-left: 30px !important;
}
.pad30A {
    padding: 30px !important;
}
/********************************************************
********************************************************/
.pad40T {
    padding-top: 40px !important;
}
.pad40R {
    padding-right: 40px !important;
}
.pad40B {
    padding-bottom: 40px !important;
}
.pad40L {
    padding-left: 40px !important;
}
.pad40A {
    padding: 40px !important;
}
/********************************************************
********************************************************/
.mrg0T {
    margin-top: 0px !important;
}
.mrg0R {
    margin-right: 0px !important;
}
.mrg0B {
    margin-bottom: 0px !important;
}
.mrg0L {
    margin-left: 0px !important;
}
.mrg0A {
    margin: 0px !important;
}
/********************************************************
********************************************************/
.mrg5T {
    margin-top: 5px !important;
}
.mrg5R {
    margin-right: 5px !important;
}
.mrg5B {
    margin-bottom: 5px !important;
}
.mrg5L {
    margin-left: 5px !important;
}
.mrg5A {
    margin: 5px !important;
}
/********************************************************
********************************************************/
.mrg10T {
    margin-top: 10px !important;
}
.mrg10R {
    margin-right: 10px !important;
}
.mrg10B {
    margin-bottom: 10px !important;
}
.mrg10L {
    margin-left: 10px !important;
}
.mrg10A {
    margin: 10px !important;
}
/********************************************************
********************************************************/
.mrg15T {
    margin-top: 15px !important;
}
.mrg15R {
    margin-right: 15px !important;
}
.mrg15B {
    margin-bottom: 15px !important;
}
.mrg15L {
    margin-left: 15px !important;
}
.mrg15A {
    margin: 15px !important;
}
/********************************************************
********************************************************/
.mrg20T {
    margin-top: 20px !important;
}
.mrg20R {
    margin-right: 20px !important;
}
.mrg20B {
    margin-bottom: 20px !important;
}
.mrg20L {
    margin-left: 20px !important;
}
.mrg20A {
    margin: 20px !important;
}
/********************************************************
********************************************************/
.mrg30T {
    margin-top: 30px !important;
}
.mrg30R {
    margin-right: 30px !important;
}
.mrg30B {
    margin-bottom: 30px !important;
}
.mrg30L {
    margin-left: 30px !important;
}
.mrg30A {
    margin: 30px !important;
}
/********************************************************
********************************************************/
.mrg40T {
    margin-top: 40px !important;
}
.mrg40R {
    margin-right: 40px !important;
}
.mrg40B {
    margin-bottom: 40px !important;
}
.mrg40L {
    margin-left: 40px !important;
}
.mrg40A {
    margin: 40px !important;
}
/********************************************************
********************************************************/
.font_10 {
    font-size: 10px !important;
}
.font_12 {
    font-size: 12px !important;
}
.font_14 {
    font-size: 14px !important;
}
.font_16 {
    font-size: 16px !important;
}
.font_18 {
    font-size: 18px !important;
}
.font_20 {
    font-size: 20px !important;
}
.font_24 {
    font-size: 24px !important;
}
.font_28 {
    font-size: 28px !important;
}
.font_32 {
    font-size: 32px !important;
}
/********************************************************
********************************************************/
.bg_img_page{
    background: url(../img/bg_img.png) no-repeat center center;
    background-size: cover;
        min-height: 420px;
}

/** Generated by SB **/
@font-face {
    font-family: 'Poppins', sans-serif;
    src: url('../fonts/AvenirLTStd-Medium.eot');
    src: local('☺'), url('../fonts/AvenirLTStd-Medium.woff') format('woff'), url('../fonts/AvenirLTStd-Medium.ttf') format('truetype'), url('../fonts/AvenirLTStd-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** Generated by FG **/
@font-face {
    font-family: 'Conv_avenirltstd-light';
    src: url('../fonts/avenirltstd-light.eot');
    src: local('☺'), url('../fonts/avenirltstd-light.woff') format('woff'), url('../fonts/avenirltstd-light.ttf') format('truetype'), url('../fonts/avenirltstd-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins', sans-serif;
    src: url('../fonts/AvenirLTStd-Book.eot');
    src: local('☺'), url('../fonts/AvenirLTStd-Book.woff') format('woff'), url('../fonts/AvenirLTStd-Book.ttf') format('truetype'), url('../fonts/AvenirLTStd-Book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** Generated by SB **/
@font-face {
    font-family: 'Poppins', sans-serif;
    src: url('../fonts/aeh-webfont.eot');
    src: local('☺'), url('../fonts/aeh-webfont.woff') format('woff'), url('../fonts/aeh-webfont.ttf') format('truetype'), url('../fonts/aeh-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.reg{
    color:red;
}


 
/*
#logi_area .logi_logo{
    width: 276px;
    height: auto;
    display: block;
    margin: 20px auto 25px auto;
    
}

#logi_area .logi_logo img{
    width: 276px;
}

#logi_area .logi_sec{
    width: 427px;
    height: auto;
    background:rgba(166,166,166, 0.1);
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
    margin: 0 auto;
    padding: 5px;
    
}

#logi_area .logi_sec .log_form{
    width: 100%;
    height: auto;
    /*background: #fff;
    border-radius: 10px;
    padding: 1px 20px 20px;
}
*/
/*88888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888*/

/*
.tabsection_map {
    position: absolute;
    top: 70px;
    left: 15px;
    width: 400px;
    max-height: 91%!important; 
    background: #fff;
    z-index: 9;
    padding: 0 0 24px 0;
    min-width: 400px;
    min-height:85% !important;
}
*/

.stellarnav > ul > li {
    display: block;
    padding: 0 2px;
}
.overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#e6e6e6;
    text-align:center;
    z-index:99999;
    padding:14% 0 0 0;
}

.overlay img{
    width:370px;
}

.incident_tab{
    padding-left:10px;
}
.incident_tab a.tab_incident {
    background: #000;
    padding: 11px 15px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}

.incident_tab a.tab_incident.active{
    background: #fad122;
    padding: 11px 15px;
    color: #000;
    text-decoration: none;
    display: inline-block;
}

.tabsection_map {
    position: absolute;
    top: 137px;
    left: 5px;
    width: 500px;
    max-height: 57% !important;
    background: #fff;
    z-index: 9;
    padding: 0px 0 14px 0;
    /* min-width: 400px; */
    /* min-height: 85% !important; */
    -webkit-box-shadow: 0px 0px 19px 0px rgba(133,133,133,1);
    border-radius: 10px;
}

#tabs ul#user-nav-tabs li{
    width:33.3%;
}

#tabs ul#user-nav-tabs li a{
    width:100%;
    background: #fce78f;
    padding: 10px 0;
    text-align: center;
    display: block;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
}

#tabs ul#user-nav-tabs li:first-child a{
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}

#tabs ul#user-nav-tabs li:last-child a{
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}

.nav-tabs{
    border-bottom:0!important;
}


#tabs ul#user-nav-tabs li.active a{
    background:#fad122;
    position: relative;
}

#tabs ul#user-nav-tabs li.active a:after{
    position:absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background:#fce78f;
    height: 4px;
    content: "";
}

#tabs { margin: 0; }
#content { margin: 0; }

#content2,
#content3 { display: none; }

#companyStateList option{
    border-bottom: 1px solid #ccc;
    padding: 9px 0;
}

#companyStateList option.active {
    border-bottom: 1px solid #ccc;
    background: #eee;
    padding-left:15px;
    padding-right:15px;
}

.btn-video-control {
    background: #fad122;
    margin: 5px 0 0 0;
    padding: 0 10px;
    height: 25px;
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

#bt1 {
    position: absolute;
    top: 68px;
    right: 19px;
    border: #ccc solid 1px;
    background: #6ac7c2;
    color: #000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 10px;
    text-align: center;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

b.vehicle-info-text{font-size:13px!important; font-weight: 400; font-family: 'Poppins', sans-serif;}

#bt2 {
    position: absolute;
    top: 14px;
    right: 10px;
    border: #ccc solid 1px;
    background: #6ac7c2;
    color: #000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 10px;
    text-align: center;
    padding: 0;
    margin: 0;
    cursor: pointer;
    z-index: 999;
}

#bt3 {
    position: absolute;
    top: 14px;
    right: 10px;
    border: #ccc solid 1px;
    background: #6ac7c2;
    color: #000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 10px;
    text-align: center;
    padding: 0;
    margin: 0;
    cursor: pointer;
    z-index: 999;
}


#bt4 {
    position: absolute;
    top: 10px;
    right: 10px;
    border: #ccc solid 1px;
    background: #6ac7c2;
    color: #000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 10px;
    text-align: center;
    padding: 0;
    margin: 0;
    cursor: pointer;
    z-index: 999;
}

#bt5 {
    position: absolute;
    top: 10px;
    right: 10px;
    border: #ccc solid 1px;
    background: #6ac7c2;
    color: #000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 10px;
    text-align: center;
    padding: 0;
    margin: 0;
    cursor: pointer;
    z-index: 999;
}

.map_legend {
    position: absolute;
    right: 15px;
    top: 60px;
    z-index: 999;
    min-width: 300px !important;
    background: #fff;
    padding: 0 10px 10px 10px;
    min-height: 160px !important;
}

/*
.gmnoprint{
    width: 173px!important;
    right: 0!important;
    margin: 0 auto!important;
}
*/

.arrow_map_l {
    position: absolute;
    top: 18px;
    left: 3px;
    width: 158px;
    height: auto;
    border-radius: 0;
    text-align: center;
    background: #fff;
    z-index: 99;
    cursor: pointer;
    padding: 5px 25px 5px 5px;
    border-radius: 50px;
}

.arrow_map_l i{
    font-size: 20px;
    padding: 5px 0 0 0;
    color: #fad122;
}

.arrow_map_r {
    position: absolute;
    top: 18px;
    right: 7px;
    width: 128px;
    border-radius: 0;
    text-align: center;
    background: #fff;
    z-index: 9;
    padding: 5px 0;
    cursor: pointer;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #000;
}
.arrow_map_r i{
    font-size: 20px;
    padding: 5px 0 0 0;
    color: #fad122;
}

/*
    .arrow_map_r input[type="button"] {
        width: 100%;
        padding: 7px 8px;
        text-align: center;
        color: #fff;
        font-size: 15px;
        font-family: 'Poppins', sans-serif;
        background: #6ac7c2;
        border: 0;
        outline: none;
        cursor: pointer;
    }

    .arrow_map_r i{
        font-size: 20px;
        padding: 5px 0 0 0;
    }
*/

/*
.gm-fullscreen-control{
    top: -10px !important;
    right: 0 !important;
    left: 216px !important;
    width: 50px !important;
    margin: 0 auto !important;
}
*/

/*#resizable1{
    height: auto !important;
}*/

#swal2-content {
    display: block !important;
    position: absolute;
    top: 15px;
}

.swal2-icon {
    margin: 5.25em auto 1.875em !important;
}

#content h3{
    display: block;
color: #fff;
font-family: 'Poppins', sans-serif;
    padding: 15px;
    margin: 0;
    font-size: 12px;
    background: #383741;
    
}

.clearfix{
    clear:both;
}
.car_tracker {
    padding: 0 6px 0 0;
    list-style: none;
    position: absolute;
    top: 48px;
    right: 6px;
    display: block;
    z-index: 99;
    width: 31%;
}


.car_tracker .wazeContentArea{
    min-height: 150px !important;
/*  min-width: 490px !important;*/
}

.car_tracker .dashboard_bottom_box{
    cursor:default;
}

.car_tracker .vehicleLatestFeed{
    height: 370px;
    overflow: hidden;
}


/*
.gm-control-active{
    float: left !important;
}
*/
.gmnoprint > div[draggable="false"] {
/*
    width: 80px !important;
    height: 40px !important;
    left: -20px !important;
    position: relative;
    bottom: 40px !important;
    background: #000;
*/
    width: 35px !important;
    /* height: 40px !important; */
    left: -32px !important;
    position: relative;
    bottom: 90px;
    background: #000 !important;
    color: #fff !important;
    font-size: 20px;
}




.vehicle_tracker_dropdown .gmnoprint > div[draggable="false"] {
    width: 35px !important;
    /* height: 40px !important; */
    left: -32px !important;
    position: relative;
    bottom: 58px;
    background: #000 !important;
    color: #fff !important;
    font-size: 20px;
}                                                              

.vehicle_tracker_dropdown button.gm-fullscreen-control {
    border: 0px!important;
    margin: 10px!important;
    padding: 0px!important;
    text-transform: none!important;
    appearance: none!important;
    position: absolute!important;
    cursor: pointer!important;
    user-select: none!important;
    border-radius: 2px!important;
    height: 35px!important;
    width: 35px!important;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px!important;
    overflow: hidden!important;
    right: 37px!important;
    top: 243px!important;
    background: #000!important;
}

.vehicle_tracker_dropdown .gm-svpc {
    left: -32px!important;
    top: -208px!important;
    width: 34px!important;
}

button.gm-fullscreen-control {
    border: 0px!important;
    margin: 10px!important;
    padding: 0px!important;
    text-transform: none!important;
    appearance: none!important;
    position: absolute!important;
    cursor: pointer!important;
    user-select: none!important;
    border-radius: 2px!important;
    height: 35px!important;
    width: 35px!important;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px!important;
    overflow: hidden!important;
    right: 37px!important;
    top: 331px!important;
    background: #000!important;
}

.vehicle-feed .gmnoprint > div[draggable="false"] {
    width: 35px !important;
    /* height: 40px !important; */
    left: -32px !important;
    position: relative;
    bottom: 86px;
    background: #000 !important;
    color: #fff !important;
    font-size: 20px;
}

.vehicle-feed button.gm-fullscreen-control {
    border: 0px!important;
    margin: 10px!important;
    padding: 0px!important;
    text-transform: none!important;
    appearance: none!important;
    position: absolute!important;
    cursor: pointer!important;
    user-select: none!important;
    border-radius: 2px!important;
    height: 35px!important;
    width: 35px!important;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px!important;
    overflow: hidden!important;
    right: 37px!important;
    top: 239px!important;
    background: #000!important;
}


.vehicle-feed .gm-svpc {
    left: -32px!important;
    top: -188px!important;
    width: 34px!important;
}

.gm-svpc{
    background:#000!important;
}


#heatMap .gmnoprint > div[draggable="false"] {
    width: 35px !important;
    height: 40px !important;
    left: -32px !important;
    position: relative;
    bottom: 250px!important;
}

#heatMap .gmnoprint > div[draggable="false"] > button {
    width: 35px!important;
    background: #000 !important;
    margin: 1px 0 0 0 !important;
}

.locationtracker_r_panel .locationrightpanel{
    width: 83% !important;
    margin-left: 17.5%;
}

.locationtracker_r_panel .track_location_sec {
    padding: 0;
    width: 17.5%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    border-right: #000 1px solid;
    z-index: 99;
}

.locationtracker_r_panel .track_location {
    background: #fff;
    padding: 10px 0;
    position: relative;
    left: 0;
    height: 100%;
}

.tabforcartracker{
    border:1px solid #ccc;
}

.tabforcartracker #tabs ul#user-nav-tabs li.active a {
    background: #fff;
    text-align: left;
}


.tabforcartracker .nav-tabs{
    border-bottom: 0;
}

.tabforcartracker #bt1{
    top:26px;
    
}

.tabforcartracker{
    padding-bottom:0!important;
    width: 400px;
}

/*
.breadcrumb_page .wazeContentArea{
    border:1px solid #ccc;
}
*/

.ui-draggable-dragging{
    pointer-events: none;
}

/*
.breadcrumb_page_right > .map_sec_area.breadcrumb_page {
    width: 100%;
    height: 1154px!important;
}
*/

.l_l_o {
    position: absolute;
    left: 50%;
    width: 300px;
    top: 7px;
    margin-left: -411px;
    z-index: 9;
}

.v_t_dropdown .maptext{
    top:37px!important;
}

.breadcrumb_page_right{
    padding-bottom: 0 !important;
}

.breadcrumb_page #resizable2{
    min-height: 150px !important;
}

.headernotify {
    z-index: 999 !important;
    left: -55px !important;
    top: 50px !important;
}

.no-border{
    border: 0!important;
}

.dashboard-three .dashboard_bottom_box h3 {
    background: #fad122;
    color: #000;
    width: 100%;
    padding: 5px 5px 5px 15px;
}

.dashboard-three .dashboard_bottom_box table tr th{
    background:#fff;
    color: #000;
}

.showmapmapsec {
    position: absolute;
    /* top: 400px; */
    left: 0;
    z-index: 99;
    width: 176px;
    top: 10px;
    right: 0;
    margin: 0 auto;
}
.showmapmapsec .maptext {
    width: 145px;
    height: auto;
    background: #fff;
    border-radius: 0;
    border: 0;
    padding: 10px;
    float: left;
    display: none;
    position: absolute;
    top: 40px;
}

.dashboardlocationtracker{
    height: 37vh !important;
}

.dashboardlocationtracker .track_location{
    height: auto !important;
}

/*
.trk_page #resizable1{
    right: 0px!important;
}

.dashboardmapheight #resizable1{
    right: 0px!important;
}
*/

.v_t_dropdown .maptext2{
    top:40px;
}

.ui-resizable-resizing{
    right: 6px !important;
}

/*13-07-2020*/
.dashboardlocationtracker .list_area{
    height: 38vh !important;
}
.ui-resizable-e{
    right: 0 !important;
    z-index: 9999 !important;
    left: auto !important;
}
    
    .form-goview option {
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
        color: #000;
}

.dashboard-three {
    padding: 0 5px 0 0;
    list-style: none;
    position: absolute;
    top: 56px;
    right: 6px;
    display: block;
    z-index: 99;
    width: 31%;
/*    overflow: hidden;*/
/*  background: #fff;*/
}

.crossbtnoff{
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 999;
}

.crossbtnoff img{
    cursor: pointer;
}

.ui-resizable-handle {
    background: #fad122;
    border: 1px solid #fad122;
    width: 10px !important;
    height: 10px !important;
    z-index: 2!important;
    top: 0px;
    bottom: auto;
    margin: auto;
    left: 0;
}

.table-responsive.vehicleLatestFeed{
    overflow-x:initial!important;
}

.container {
    max-width: 100%!important;
}

.notify-area{
    background:#fce78f;
}


/**************************************************************************************************/

































.reg{color:red;}

.stellarnav ul li a img{
    width:auto!important;
}

.stellarnav ul li a span img.tabicon_img1{display:inline-block;}
.stellarnav ul li a span img.tabicon_img1_hover{display:none;}

.stellarnav ul li a:hover, .stellarnav ul li.active a{
    color:#000!important;
}

.stellarnav ul li a:hover span img.tabicon_img1, .stellarnav ul li.active a span img.tabicon_img1{display:none;}
.stellarnav ul li a:hover span img.tabicon_img1_hover, .stellarnav ul li.active a span img.tabicon_img1_hover{display:inline-block;}


#logi_area .logi_sec .log_form h3{
    font-size: 31px;
    color: #757575;
    text-align: center;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 3px;
    font-family: 'Poppins', sans-serif;
}
#logi_area .logi_sec .log_form p{
    font-size: 13px;
    color: #757575;
    text-align: center;
    font-weight: 600;
    margin-bottom: 10px;
    font-family: 'Conv_avenirltstd-light';
}

#logi_area .logi_sec .log_form p strong{
    font-family: 'Poppins', sans-serif;
}

#logi_area .logi_sec .log_form label{
    font-size: 13px;
    color: #757575;
    text-align: center;
    font-weight: 300;
    margin-bottom: 0;
    font-family: 'Conv_avenirltstd-light';
}

#logi_area .logi_sec .log_form p a{
    color: #eabe09;
    text-decoration: none;
}

#logi_area .logi_sec .log_form p a:hover{
    color: #757575;
}



#logi_area .logi_sec .log_form .field-icon {
  float: right;
    margin-left: 0;
    margin-top: -32px;
    position: relative;
    z-index: 2;
    right: 10px;
    color: #d3d3d3;
}
 
#logi_area .logi_sec .log_form .form-control{
    height: 48px;
    border-radius: 6px;
    border: 1px solid #e1e1e1;
}

#logi_area .logi_sec .log_form .form-control:focus {
    border-color: #fad023;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(250,208,35,.075), 0 0 8px rgba(250,208,35,.075);
    box-shadow: inset 0 1px 1px rgba(250,208,35,.075), 0 0 8px rgba(250,208,35,.075);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}

.insident_list {
    position: absolute;
    bottom: 48px;
    left: 3px;
    width: 148px;
    height: auto;
    border-radius: 0;
    text-align: center;
    background: #fff;
    z-index: 99;
    cursor: pointer;
    padding: 5px 25px 5px 5px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #000;
}

.insident_list i {
    font-size: 20px;
    padding: 5px 0 0 0;
    color: #fad122;
}

.inci_list_panel {
    list-style: none;
    position: fixed;
    bottom: 150px;
    left: 110px;
    display: block;
    z-index: 9999;
    width: 90%;
    height: 223px;
    background: #fff;
    padding: 15px 0 0 0;
    -webkit-box-shadow: 0px -3px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -3px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px -3px 12px -8px rgba(0,0,0,0.75);
}

.incident_list.current_incident{
    padding-left:5px;
    padding-right: 5px;
}


#logi_area .logi_sec .log_form .form-control.email_bg{
    background-color: #eeeeee;
    border: 1px solid #eeeeee;
}

#logi_area .logi_sec .log_form .form-control.password_bg{
    /*background-color: #fff;*/
    border: 1px solid #e1e1e1;
}


.login_page .forgot_txt{
    font-size: 15px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    
}
.login_page .forgot_txt a{
    color: #00397c;
    text-decoration: none;
    font-weight: 700;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
#logi_area .logi_sec .log_form .forgot_txt a:hover{
    color: #4a4a4a;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

#logi_area .logi_sec .log_form .agree_txt{
    font-size: 18px;
    font-weight: 600;
    color: #4a4a4a;
    font-family: 'Poppins', sans-serif;
    
}
#logi_area .logi_sec .log_form .agree_txt a{
    color: #00397c;
    text-decoration: none;
    font-weight: 700;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
#logi_area .logi_sec .log_form .agree_txt a:hover{
    color: #4a4a4a;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.btn-log {
    width: 100%;
    height: 42px;
    display: block;
    background: #fad023;
    color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-family: 'Poppins', sans-serif;
    border: #fad023 1px solid;
    padding: 10px 35px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 20px;
}
.btn-log:focus, .btn-log:hover {
    background: #fad121;
    color: #fff;
    border: #fad121 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

#logi_area .logi_sec .log_form h4{
    font-size: 20px;
    font-weight: 600;
    color: #888;
    font-family: 'Poppins', sans-serif;
    margin-top: 0;
}

#logi_area .logi_sec .log_form h4 a{
    color: #00397c;
    text-decoration: none;
    font-weight: 700;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
#logi_area .logi_sec .log_form h4 a:hover{
    color: #888;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

#logi_area .logi_sec .log_form .email {
  position: relative;
  width: 100%;
}

#logi_area .logi_sec .log_form .email svg {
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 50%;
  width: 20px;
  height: 20px;
  fill: none;
  margin: 3px 0 0 0;
}
#logi_area .logi_sec .log_form .email svg polyline,
#logi_area .logi_sec .log_form .email svg path {
  stroke: #D1D7E3;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke .3s ease 0s;
}
#logi_area .logi_sec .log_form .email svg path {
  stroke-dasharray: 64;
  stroke-dashoffset: 127;
  transition: stroke-dasharray .8s ease .8s, stroke-dashoffset .8s ease .5s;
}
#logi_area .logi_sec .log_form .email svg polyline {
  stroke-dasharray: 18;
  stroke-dashoffset: 18;
  transition: stroke-dashoffset .5s ease 0s;
}
#logi_area .logi_sec .log_form .email.success svg polyline,
#logi_area .logi_sec .log_form .email.success svg path {
  stroke: #69DD95;
}
#logi_area .logi_sec .log_form .email.success svg path {
  stroke-dasharray: 46;
  stroke-dashoffset: 150;
  transition: stroke-dasharray .6s ease 0s, stroke-dashoffset .8s ease .3s, stroke .3s ease .6s;
}
#logi_area .logi_sec .log_form .email.success svg polyline {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset .5s ease .6s, stroke .3s ease .6s;
}

.forgot_txt {
    margin-bottom: 13px;
    display: block;
    float: left;
    width: 100%;
}
#logi_area .logi_sec .log_form .form-group{
    margin-bottom: 10px;
}
#logi_area, #besic_info {
/*    min-height: 650px;*/
    position: relative;
    /*padding-bottom: 135px;*/
    
}

#logi_area .logi_logo{
    width: 276px;
    height: auto;
    display: block;
    margin: 20px auto 25px auto;
    
}

#logi_area .logi_logo img{
    width: 276px;
}

#logi_area .logi_sec{
    width: 427px;
    height: auto;
    background:rgba(166,166,166, 0.1);
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
    margin: 0 auto;
    padding: 5px;
    
}

#logi_area .logi_sec .log_form{
    width: 100%;
    height: auto;
    /*background: #fff*/;
    border-radius: 10px;
    padding: 25px;
}




#logi_area .logi_sec .log_form h3{
    font-size: 31px;
    color: #757575;
    text-align: center;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    position: relative;
    padding-bottom: 10px;
}

#logi_area .logi_sec .log_form h3:after{
    width: 31px;
    height: 2px;
    background: #098182;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
#logi_area .logi_sec .log_form p{
    font-size: 13px;
    color: #757575;
    text-align: center;
    font-weight: 600;
    margin-bottom: 10px;
    font-family: 'Conv_avenirltstd-light';
}

#logi_area .logi_sec .log_form p strong{
    font-family: 'Poppins', sans-serif;
}

#logi_area .logi_sec .log_form label{
    font-size: 13px;
    color: #757575;
    text-align: center;
    font-weight: 300;
    margin-bottom: 10px;
    font-family: 'Conv_avenirltstd-light';
}

#logi_area .logi_sec .log_form p a{
    color: ##fad122;
    text-decoration: none;
}

#logi_area .logi_sec .log_form p a:hover{
    color: #757575;
}



#logi_area .logi_sec .log_form .field-icon {
  float: right;
    margin-left: 0;
    margin-top: -32px;
    position: relative;
    z-index: 2;
    right: 10px;
    color: #d3d3d3;
}
 
#logi_area .logi_sec .log_form .form-control{
    height: 48px;
    border-radius: 6px;
    border: 1px solid #e1e1e1;
}

#logi_area .logi_sec .log_form .form-control:focus {
    border-color: #fad023;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(250,208,35,.075), 0 0 8px rgba(250,208,35,.075);
    box-shadow: inset 0 1px 1px rgba(250,208,35,.075), 0 0 8px rgba(250,208,35,.075);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}



#logi_area .logi_sec .log_form .form-control.email_bg{
    background-color: #eeeeee;
    border: 1px solid #eeeeee;
}

#logi_area .logi_sec .log_form .form-control.password_bg{
    /*background-color: #fff;*/
    border: 1px solid #e1e1e1;
}


.login_page .forgot_txt{
    font-size: 15px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    
}
.login_page .forgot_txt a{
    color: #00397c;
    text-decoration: none;
    font-weight: 700;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
#logi_area .logi_sec .log_form .forgot_txt a:hover{
    color: #4a4a4a;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

#logi_area .logi_sec .log_form .agree_txt{
    font-size: 18px;
    font-weight: 600;
    color: #4a4a4a;
    font-family: 'Poppins', sans-serif;
    
}
#logi_area .logi_sec .log_form .agree_txt a{
    color: #00397c;
    text-decoration: none;
    font-weight: 700;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
#logi_area .logi_sec .log_form .agree_txt a:hover{
    color: #4a4a4a;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.btn-log {
    width: 100%;
    height: 42px;
    display: block;
    background: #fad122;
    color: #000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-family: 'Poppins', sans-serif;
    border: #fad122 1px solid;
    padding: 10px 35px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 20px;
}
.btn-log:focus, .btn-log:hover {
    background: #000;
    color: #fff;
    border: #000 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

#logi_area .logi_sec .log_form h4{
    font-size: 20px;
    font-weight: 600;
    color: #888;
    font-family: 'Poppins', sans-serif;
    margin-top: 0;
}

#logi_area .logi_sec .log_form h4 a{
    color: #00397c;
    text-decoration: none;
    font-weight: 700;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
#logi_area .logi_sec .log_form h4 a:hover{
    color: #888;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

#logi_area .logi_sec .log_form .email {
  position: relative;
  width: 100%;
}

#logi_area .logi_sec .log_form .email svg {
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 50%;
  width: 20px;
  height: 20px;
  fill: none;
  margin: 3px 0 0 0;
}
#logi_area .logi_sec .log_form .email svg polyline,
#logi_area .logi_sec .log_form .email svg path {
  stroke: #D1D7E3;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke .3s ease 0s;
}
#logi_area .logi_sec .log_form .email svg path {
  stroke-dasharray: 64;
  stroke-dashoffset: 127;
  transition: stroke-dasharray .8s ease .8s, stroke-dashoffset .8s ease .5s;
}
#logi_area .logi_sec .log_form .email svg polyline {
  stroke-dasharray: 18;
  stroke-dashoffset: 18;
  transition: stroke-dashoffset .5s ease 0s;
}
#logi_area .logi_sec .log_form .email.success svg polyline,
#logi_area .logi_sec .log_form .email.success svg path {
  stroke: #69DD95;
}
#logi_area .logi_sec .log_form .email.success svg path {
  stroke-dasharray: 46;
  stroke-dashoffset: 150;
  transition: stroke-dasharray .6s ease 0s, stroke-dashoffset .8s ease .3s, stroke .3s ease .6s;
}
#logi_area .logi_sec .log_form .email.success svg polyline {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset .5s ease .6s, stroke .3s ease .6s;
}

.forgot_txt {
    margin-bottom: 30px;
    display: block;
    float: left;
    width: 100%;
}
#logi_area .logi_sec .log_form .form-group{
    margin-bottom: 10px;
}

.edit-btn i{
    margin-top:5px !important;
}

.other-page-section{
    padding-bottom: 70px;
}

.location-tracker-cover{
    height: 88% !important;
}
/********************************************************
********************************************************/
footer {
    background: rgba(74,74,74,0.9);
    height: auto;
    padding-top: 9px;
    padding-bottom: 4px;
    position: fixed;
    width: auto;
    bottom: 0;
    z-index: 999;
    right: 0;
}

footer p{
    font-size: 15px;
    color: #fff;
    text-align: center;
    margin-bottom: 0;
    font-family: 'Conv_avenirltstd-light';
    padding: 0 10px;
}

footer p .footer_logo{
        position: relative;
    top: -5px;
    margin-left: 8px;
        width: 100px;
}

.sec_between{
    justify-content: space-between;
}

.sec_between h3 a{
    margin-left:15px;
}


/********************************************************
********************************************************/
header{
    background: url(../img/header_bg.png) no-repeat center top;
    padding-top: 0;
    padding-bottom: 0;
}

header.inner_header{
    background: url(../img/header_bg.png) no-repeat center top #ebebea;
    padding-top: 0;
    padding-bottom: 0;
/*  height: 63px;*/
z-index: 9999;
}

header.inner_header .previw_area{
    margin-top:15px;
}

/*
header .main_logo_sec{
        display: inline-block;
    width: 275px;
    margin-left: 15px;
    vertical-align: middle;
}
*/

header .main_logo_sec {
/*
    display: inline-block;
    width: 283px;
    margin-left: 15px;
    vertical-align: middle;
    height: 50px;
*/
    display: inline-block;
    width: 110px;
    margin-left: 4px;
    vertical-align: middle;
    height: 35px;
    padding-right: 15px;
}



.dropdown-menu {
    right: 0;
    left: auto;
    top: 22px !important;
}

.dropdown-toggle::after{
    display: none;
}


.info_list{
    padding: 0;
    margin: 0px 13px 0px 0;
    list-style: none;
}

header.inner_header .info_list {
    padding: 0;
    margin: 15px 13px 12px 99px;
    list-style: none;
}

.info_list li{
    display: inline-flex;
}

.info_list li a{
    display: block;
    padding: 0 4px;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    color: #707070;
        
}

/********************************************************
********************************************************/
/** Generated by SB **/
@font-face {
    font-family: 'Conv_AvenirLTStd-Black';
    src: url('../fonts/AvenirLTStd-Black.eot');
    src: local('☺'), url('../fonts/AvenirLTStd-Black.woff') format('woff'), url('../fonts/AvenirLTStd-Black.ttf') format('truetype'), url('../fonts/AvenirLTStd-Black.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*#besic_info {
    margin-top: 9.2vh;
}*/
#besic_info {
    margin-top: 0;
    /*height: 100vh;*/
    padding-top: 80px;
    overflow-y: auto;
}

.headline {
    margin-top: -10px;
    margin-bottom: 0;
    text-align: center;
}

.headline h2{
    font-size: 30px;
    font-family: 'Conv_AvenirLTStd-Black';
    color: #747474;
    margin-top: 0;
    margin-bottom: 9px;
    text-transform: uppercase;
    
}
.headline p{
    font-size: 20px;
    color: #747474;
    text-align: center;
    margin-bottom: 10px;
    font-family: 'Conv_avenirltstd-light';
}

.tab_sec_area{
    width: 100%;
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    /*background: #fff*/;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    margin-bottom: 40px;
}

/* Style the tab */
.tab {
  float: left;
  /*background-color: #fff;*/
  width: 30%;
  height: auto;
}

.list_tab{
    padding: 0;
    margin: 0;
    list-style: none;
}
.list_tab li{
    background: #fad122;
    border-bottom: #47a1a1 1px solid;
    padding: 52px 52px 52px 55px;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    cursor: pointer;
}


.list_tab li:last-child{
    border-bottom: transparent 1px solid;
}

.list_tab li h4{
    font-size: 23px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    margin-bottom: 8px;
}
.list_tab li p{
    font-size: 14px;
    color: #000;
    line-height: 1.4;
    font-family: 'Conv_avenirltstd-light';
}
.list_tab li:hover, .list_tab li.active{
    /*background: #fff*/;
    border-bottom: #fff 1px solid;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}


.list_tab li:hover h4, .list_tab li.active h4, .list_tab li:hover p, .list_tab li.active p{
    color: #fff;

}


.list_tab li.basic .ico_area{
    width: 59px;
    height: 59px;
    background: url(../img/tab_sprite_img.png) 0 -62px;
     -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
}
.list_tab li.basic:hover .ico_area, .list_tab li.basic.active .ico_area{
    background: url(../img/tab_sprite_img.png) 0 0;
     -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
}

.list_tab li.company .ico_area{
    width: 59px;
    height: 59px;
    background: url(../img/tab_sprite_img.png) 0 -312px;
     -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
}
.list_tab li.company:hover .ico_area, .list_tab li.company.active .ico_area{
    background: url(../img/tab_sprite_img.png) 0 -246px;
     -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
}

.list_tab li.info .ico_area{
    width: 59px;
    height: 59px;
    background: url(../img/tab_sprite_img.png) 0 -183px;
     -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
}
.list_tab li.info:hover .ico_area, .list_tab li.info.active .ico_area{
    background: url(../img/tab_sprite_img.png) 0 -123px;
     -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
}

.list_tab li.zone .ico_area{
    width: 59px;
    height: 59px;
    background: url(../img/tab_sprite_img.png) 0 -449px;
     -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
}
.list_tab li.zone:hover .ico_area, .list_tab li.zone.active .ico_area{
    background: url(../img/tab_sprite_img.png) 0 -380px;
     -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
}




/* Style the tab content */
.tabcontent {
  float: left;
  padding: 30px 15px;
  width: 70%;
  border-left: none;
  height: auto;
}
.tabcontent .headline{
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: left;
}
.tabcontent h3{
    font-size: 23px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 21px;
    position: relative;
}

.tabcontent h3:after{
    width: 34px;
    height: 7px;
    background: #fad122;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
}



form label{
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    color: #000;
}
.form-control {
    display: block;
    width: 100%;
    height: 46px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    font-family: 'Poppins', sans-serif;
    background-color: rgba(255,255,255,1);
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -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;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}
textarea.form-control {
    height: 120px;
}
select.form-control:not([size]):not([multiple]) {
   height: 46px;
}

.form-control:focus {
    border-color: #fad122;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(250,209,34,.075), 0 0 8px rgba(250,209,34,.6);
    box-shadow: inset 0 1px 1px rgba(250,209,34,.075), 0 0 8px rgba(250,209,34,.6);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}


.btn-round {
    background: #fad122 !important; 
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #fad122 1px solid;
    padding: 6px  8px 6px 20px;
    font-size: 20px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 20px;
    letter-spacing: 1.5px;
    
}
.btn-round:focus, .btn-round:hover {
    background: #000;
    color: #fff;
    border: #000 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}

.btn-round .btn-img{
    width: 26px;
    height: 26px;
    border-radius: 30px;
    margin-left: 7px;
    float: right;
    padding: 3px 0 0 0;
}

.btn-round .btn-txt{
    margin-top: 3px;
    display: inline-block;
}

/**********/
.btn-round_small {
    background: #fad122;
    color: #000;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
/*  border: #000 1px solid;*/
    padding: 5px  15px 5px 15px;
    font-size: 12px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 0;
    font-weight: bold;
    
}
.btn-round_small:focus, .btn-round_small:hover {
    background: #000;
    color: #fff;
    border: #000 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}

.btn-round_small .btn-img{
    width: 18px;
    height: 18px;
    border-radius: 30px;
    margin-left: 7px;
    float: right;
    margin-top: 1px;
}

.btn-round_small .btn-txt{
    margin-top: 3px;
    display: inline-block;
}


.bashboard_basic_panel{
    text-align:center;
    padding: 205px 0;
    width: 100%;
}

.bashboard_basic_panel h1{
    font-family: 'Poppins', sans-serif;
    font-size: 50px;
}


/**************/
.btn-round-normal {
    background: #fad122;
    color: #000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #fad122 1px solid;
    padding: 6px  20px 6px 20px;
    font-size: 15px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 20px;
    letter-spacing: 1.5px;
    
}
.btn-round-normal:focus, .btn-round-normal:hover {
    background: #000;
    color: #fff;
    border: #000 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}
/*
.stellarnav ul li:nth-child(3) a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 10px;
    margin: 0 auto;
}
*/

.stellarnav ul li.has-sub a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 10px;
    margin: 0 auto;display: none;
}

.dashboard-three-inner{
    padding-left:0 !important;  
}



/************/
.btn-round-gray {
    background: #717171;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #717171 1px solid;
    padding: 6px  20px 6px 20px;
    font-size: 18px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 20px;
    letter-spacing: 1.5px;
    
}
.btn-round-gray:focus, .btn-round-gray:hover {
    background: #000;
    color: #fff;
    border: #000 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}
/**************/
.btn-round-light {
    background: #6dc7c0;
    color: #000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #6dc7c0 1px solid;
    padding: 6px  20px 6px 20px;
    font-size: 18px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 20px;
    letter-spacing: 1.5px;
    
}
.btn-round-light:focus, .btn-round-light:hover {
    background: #000;
    color: #fff;
    border: #000 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}

/*******************/

.btn-round-normalblac {
    background: #000;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #000 1px solid;
    padding: 6px  20px 6px 20px;
    font-size: 18px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 20px;
    letter-spacing: 1.5px;
    
}
.btn-round-normalblac:focus, .btn-round-normalblac:hover {
    background: #fad122;
    color: #000;
    border: #fad122 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}
/********************************************************
********************************************************/
#company_sec .choose_list .choose_sec p{
    margin-bottom: 0;
    text-align: center;
}

.choose_list{
    padding: 0;
    margin: 0 0 25px 0;
    list-style: none;
}

.choose_list li{
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    
}

 .choose_sec{
    width: 180px;
    height: auto;
    
}
 .choose_sec .choose_area{
    width: 112px;
    height: 100px;
    position: relative;
    border: #fad122 1px solid;
    border-radius: 8px;
     padding: 5px;
}
.choose_sec .choose_area .close{
    width: 15px;
    height: 15px;
    position: absolute;
    right: 5px;
    top: 5px;
    opacity: .3;
    line-height: 0;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
        
}
.choose_sec .choose_area:hover .close{
    opacity: 1;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;  
}



.pic{
     display: none;
       }
       
 .newbtn{
         cursor: pointer;
      }
      .blah{
  width: 60px;
    height: 60px;
    margin: 15px 20px;
/*    border-radius: 50%;*/
    
}

.choose_sec input[type="file"] {
    display: none;
}
.choose_sec .custom-file-upload1 {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}  


.btn-choose {
    background: #fad122;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #0d8586 1px solid;
    padding: 6px 12px 6px;
    font-size: 12px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 10px;
    letter-spacing: .4px;
}
.btn-choose:focus, .btn-choose:hover {
    background: #000;
    color: #fff;
    border: #000 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

.or_txt{
    color: #bbbbbb;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    padding: 0 40px;
    display: block;
        position: relative;
    top: -12px;
}

.drag_sec{
    width: 370px;
    height: 145px;
    padding: 0;
    border: #d9d9d9 2px dashed;
    border-radius: 10px;
    
}

/**********************/
.choose-file {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.choose-file input[type=file] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 3em;
}
.choose-file label {
    border: none;
    padding: 15px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    margin-top: 37px;
    width: 100%;
    font-size: 23px;
    font-family: 'Poppins', sans-serif;
    color: #b9b8b8;
}
.choose-file:hover label {border-color:#333}

.required{
    color: #f82121;
}

/********************************************************
********************************************************/
/** Generated by SB **/


.menu_area span.ico_area {
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

.map_sec_area{
    width: 100%;
    /*max-height: 646px;*/
/*      height: 98vh;*/
    overflow: hidden;
    display: block;
    margin: 15px 0 25px 0;
/*  border: #000 1px solid;*/
    border-radius: 0;
    position: relative;
    padding: 0;
}

.map_sec_area iframe{
    width: 100%;
    height: 100%;
    /*height: 646px;*/
}

.map_sec_area .map_sec {
    padding: 0;
    width: 167px;
    height: auto;
    position: absolute;
    left: 346px;
    right: auto;
    top: 10px;
/*    box-shadow: 0px 2px 2px #ccc;*/
}

.map_sec_area .map_sec:before {
    width: 1px;
    height: 30px;
    background: #e1e1e1;
    position: absolute;
    top: 5px;
    left: 0;
    content: "";
    z-index: 999;
}

.map_sec_area .map_sec:after {
    width: 15px;
    height: 15px;
    content: "\f107";
    font-family: 'FontAwesome';
    text-align: center;
    line-height: 15px;
    color: black;
    font-size: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
}

.map_sec_area .map_sec .map_slect {
    width: 200px;
    display: inline-block;
}

.map_sec_area .map_sec .map_txt{
    width: auto;
    display: inline-block;
    float: right;
}

.map_sec_area .map_sec1 {
    padding: 0;
    margin-bottom: 0;
    width: 167px;
    height: 40px;
    position: absolute;
    left: 178px;
    right: 0px;
    top: 10px;
/*  box-shadow: 0px 2px 2px #ccc;*/
}

/*
.map_sec_area .map_sec1::before {
    width: 1px;
    height: 30px;
    background: #e1e1e1;
    position: absolute;
    top: 5px;
    left: 0;
    content: "";
    z-index: 999;
}
*/


.map_sec_area .map_sec2 {
    padding: 25px 25px 0 25px;
    margin-bottom: 0;
    width: 220px;
    height: auto;
    position: absolute;
    left: 55px;
    right: 0px;
/*  bottom: 50px;*/
}

.btn-View {
    /*background: #fff*/;
    color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Poppins', sans-serif;
    border: #fff 1px solid;
    padding: 6px 20px 6px;
    font-size: 13px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 10px;
    letter-spacing: .4px;
}
.btn-View:focus, .btn-View:hover {
    background: #fad121;
    color: #000;
    border: #fad121 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

.hamburger_area1 {
    background: #fce78f;
    display: inline-block;
    padding: 10px;
    vertical-align: middle;
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 9;
    
}

.previw_area{
    width: auto;
    height: auto;
    margin-bottom: 0;
    /*margin-top: 23px;*/
    position: relative;
    padding: 0 5px 0 16px;
}


.previw_area .previw_list{
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.previw_area .previw_list li {
    width: auto;
    padding: 0 10px 0 0;
    margin: 0px 3px 0 3px;
    display: inline-flex;
    text-align: left;
    vertical-align: top;
    background: #fff;
    border-radius: 50px;
}



.previw_area .previw_list li a{
    width: 100%;
    display: block;
    cursor: pointer;
}


.previw_area .previw {
    width: 100%;
    height: auto;
    display: block;
    /* background: #fff; */
    padding: 0; 
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

/*
.previw_area .previw:hover{
    background: #fad122;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
*/




.previw_area .previw .ico_area {
    width: 4vw;
    height: 8vh;
    /* background: #fad122; */
    line-height: 0;
    text-align: center;
    /* border-radius: 50%; */
    overflow: hidden;
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}

.previw_area .previw .ico_area img {
    width: 96%;
    padding: 0;
}

.previw_area .previw h3{
    font-size: 1.2vw;
    color: #2c2a2a;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Poppins', sans-serif;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    float: left;
    background: url(../img/number_bg.png)no-repeat 0 0;
    width: 56px;
    height: 31px;
    text-align: center;
    padding: 4px 0 0 0;

}

.previw_area .previw p{
      font-size: 12px;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    float: left;
    padding: 5px 0 0;
    font-weight: 600;
    margin: 0;
}
/*
.previw_area .previw:hover h3{
    color: #fff;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.previw_area .previw:hover p{
    color: #fff;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
*/
.previw_area .previw .previw_txt{
    width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
    top: 0;
}

.incident_current_area{
    width: 100%;
    height: 52vh;
    display: block;
        padding: 5px;
    margin: 0 0 15px 0;
    border: #000 1px solid;
    border-radius: 0;
    position: relative;
    /*background: #fff*/;
    overflow: hidden;
}

.dashboard_style_btn {
    margin-top: 0;
    font-size: 12px;
    padding: 6px 6px 6px 6px!important;
    font-weight: 400;
}

.incident_current_area .headline{
    width: 100%;
    height: auto;
    text-align: left;
    padding: 11px 13px 5px;
    margin: 0;
}
.incident_current_area .headline .ico_img{
    width: 43px;
    height: 43px;
    background: #fbd123;
    display: inline-block;
    padding: 8px;
    border-radius: 50%;
    float: left;
    margin-right: 8px;
}

.incident_current_area .headline .ico_img img{
    width: 100%;
}

/************/
.incident_current_area .headline .ico_img1{
    width: 40px;
    height: 40px;
    background: #dd570e;
    display: inline-block;
    padding: 8px;
    border-radius: 50%;
    float: left;
    margin-right: 8px;
}

.incident_current_area .headline .ico_img1 img{
    width: 100%;
}


.incident_current_area .headline h3{
    /*font-size: 18px;*/
    font-size: 1.33vw;
    color: #000;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    display: inline-block;
}

.incident_current_area .headline .list-sort{
    padding: 0;
    margin: 9px 0;
    list-style: none;
    display: inline-block;
    float: right;
}

.incident_current_area .headline .list-sort li{
    display: inline-block;
    padding: 0 5px;
    margin: 0;
}

.incident_current_area .headline .list-sort li a{
    font-size: 12px;
    color: #575757;
   text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

.incident_current_area .headline .list-sort li a:hover{
    color: #fbd123;
}

.incident_current_area .headline .list-sort li a img{
    position: relative;
    top: -2px;
}
.incident_current_area .table_area{
    width: 100% !important;
}

.incident_current_area .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #dee2e6;
    background: #f3f3f3;
    font-size: 14px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    
    
}
.incident_current_area .table tbody td {
    font-size: 12px;
    color: #282828;
   font-family: 'Poppins', sans-serif;
    font-weight: 600;
    
}

.vehicle_bg{
    width: 32px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
}
.vehicle_bg.green_bg{
    background: #70b335;
}
.text_green{
    color: #70b335;
}
.vehicle_bg.red_bg{
    background: #e83d3a;
}

.text_red{
    color: #e83d3a;
}

.vehicle_bg.yell_bg{
    background: #fcb62e;
}
.text_yell{
    color: #fcb62e;
}
.vehicle_bg.blue_bg{
    background: #0989d8;
}
.blue_yell{
    color: #0989d8;
}






.table tbody td a{
    text-decoration: none;
}

.table tbody td a.btn{
    color: #fff;
    margin: 0 2px;
}

.dataTables_filter{
    top:-54px!important;
}


.incident_current_area .table-bordered td, .incident_current_area .table-bordered th {
    border: 1px solid #eaeaea;
    padding: 5px 8px;
    
}
.incident_current_area .table-striped tbody tr:nth-of-type(even) {
    background-color: #fbfbfb;
}
.incident_current_area .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f3f3f3;
}

.Dispatched_Area{
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 40px 0;
    border-radius: 0;
    position: relative;
    /*background: #fff*/;
/*  border: #000 1px solid;*/
    padding: 5px;
}


.Dispatched_Area .headline{
    width: 100%;
    height: auto;
    text-align: left;
    padding: 5px 25px 5px;
    margin: 0;
    /*background: #fff*/;
}
.Dispatched_Area .headline .ico_img{
    width: 26px;
    height: 27px;
    display: inline-block;
    float: left;
    margin-right: 8px;
    margin-top: -3px;
    position: relative;
}

.Dispatched_Area .headline h3{
    /*font-size: 23px;*/
    font-size: 1.7vw;
    color: #000;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
}

.btn-yell {
    background: #fad122;
    color: #000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Conv_AvenirLTStd-Black';
    border: #fad122 1px solid;
    padding: 6px  18px 6px 18px;
    font-size: 14px;
    text-decoration: none;
    /*font-weight: bold;*/
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
        
}
.btn-yell:focus, .btn-yell:hover {
    background: #000;
    color: #fff;
    border: #000 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}
/*****************/
.btn-yell1 {
    background: #fad122;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #fad122 1px solid;
    padding: 6px  18px 6px 18px;
    font-size: 14px;
    text-decoration: none;
    /*font-weight: bold;*/
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
}
.btn-yell1:focus, .btn-yell1:hover {
    background: #000;
    color: #fff;
    border: #000 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}

.btn-white {
    /*background: #fff*/;
    color: #000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Conv_AvenirLTStd-Black';
    border: #fff 1px solid;
    padding: 6px  18px 6px 18px;
    font-size: 14px;
    text-decoration: none;
    /*font-weight: bold;*/
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
        
}
.btn-white:focus, .btn-white:hover {
    background: #fad122;
    color: #fff;
    border: #fad122 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}


.btn_list {
    padding: 0;
    margin: 3px 30px 0 0;
    list-style: none;
}

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

.Dispatched_Area .table thead th {
    vertical-align: bottom!important;
    border-bottom: 1px solid #eaeaea!important;
    background: #f3f3f3!important;
    font-size: 13px!important;
    color: #000!important;
    font-family: 'Poppins', sans-serif!important;
    font-weight: 600;
}

.Dispatched_Area .table tbody td {
    font-size: 13px!important;
    color: #000!important;
   font-family: 'Poppins', sans-serif!important;
    font-weight: 600!important;
    
}

.table-bordered td, .table-bordered th {
    border: 1px solid #eaeaea;
}

.table td, .table th {
    border-top: 1px solid #eaeaea;
}
/********************************************************
********************************************************/
.form_sec_area{
    width: 100%;
    height: auto;
    /*background: #fff*/;
    margin-bottom: 20px;
    padding: 20px;
    
}
/*
.form_sec_area form{
    padding: 20px 0;
    border: #000 1px solid;
}
*/


.form_sec_area .headline{
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: left;
    
}
.form_sec_area h3{
    font-size: 28px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 21px;
    position: relative;
    border-bottom: #e9e9e9 1px solid;
}

.form_sec_area h3:after{
    width: 34px;
    height: 7px;
    background: #fad122;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
}

.form_sec_area .map_sec_area{
    width: 100%;
    max-height: 167px;
    overflow: hidden;
    display: block;
    margin: 15px 0;
    border: #ddd 1px solid;
    border-radius: 8px;
    position: relative;
}

.form_sec_area .map_sec_area iframe{
    width: 100%;
    height: 167px;
}


/********************************************************
********************************************************/
/*.shift_page{
    padding-bottom: 40px;
}*/
.shift_page .table_sec_area{
    position: relative;
    
}
.shift_page .table_sec_area .headline{
    margin-top: 0;
    margin-bottom: 13px;
    text-align: left;
    
}
.shift_page .table_sec_area h3{
    font-size: 1.6vw;
    font-family: 'Poppins', sans-serif;
    color: #000;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    position: relative;

}

.shift_page .table_sec_area h3:after{
    width: 34px;
    height: 7px;
    background: #fad122;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
}

.shift_page .table_sec_area .headline .sec_between{
        border-bottom: #e9e9e9 0px solid;
}

.custom-search-input {
        margin: 0 6px 0 0;
    margin-top: 10px;
    padding: 0;
    }
 
    .custom-search-input .search-query {
        width: 292px;
        height: 31px;
        border: #e9e9e9 1px solid;
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 17px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        color: #000;
        font-size: 13px;
    font-family: 'Poppins', sans-serif;
        margin-bottom: 0;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }
 
    .custom-search-input button {
    border: 0;
    padding: 4px 13px;
    margin-top: 2px;
    position: absolute;
    right: 2px;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 50px;
    color: #fff;
    z-index: 99;
    background: #2a2a2a;
    font-size: 15px;
}

.custom-search-input button:focus{
    outline: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom-search-input .input-group>.custom-select:not(:last-child), .custom-search-input .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
 
    .search-query:focus + button {
        z-index: 3;   
    }
/********************************************************
********************************************************/
#shift_table_filter, #operator_table_filter, #vehicle_table_filter, #route_table_filter, #incident_table_filter, #assist_table_filter, #beats_table_filter, #reprts_table_filter, #trucknumber_table_filter {
    position: absolute;
    width: 292px;
    float: right;
    margin-right: 8px;
    padding-top: 4px;
    right: 13px;
    top: -3px!important;
}

.dataTables_filter {
    position: absolute;
    width: 292px;
    float: right;
    margin-right: 8px;
    padding-top: 4px;
    right: 14px!important;
    top: -6px !important;
}

#trucknumber_table_filter{
    right: 190px;
}

#shift_table_filter label, #operator_table_filter label, #vehicle_table_filter label, #route_table_filter label,  #incident_table_filter label, #assist_table_filter label, #beats_table_filter label, #reprts_table_filter label, #trucknumber_table_filter label {
    font-size: 0;
    position: relative;
}
 
    #shift_table_filter input, #operator_table_filter input, #vehicle_table_filter input, #route_table_filter input,  #incident_table_filter input, #assist_table_filter input, #beats_table_filter input, #reprts_table_filter input, #trucknumber_table_filter input {
        width: 292px;
        height: 31px;
        border: #e9e9e9 1px solid;
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 17px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        color: #a8a8a8;
        font-size: 13px;
    font-family: 'Poppins', sans-serif;
        margin-bottom: 0;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }

#shift_table_filter label:after, #operator_table_filter label:after, #vehicle_table_filter label:after, #route_table_filter label:after,  #incident_table_filter label:after, #assist_table_filter label:after, #beats_table_filter label:after, #reprts_table_filter label:after, #trucknumber_table_filter label:after{
    width: 11px;
    height: 11px;
    background: url(../img/search_ico.png) no-repeat center center;
    content: "";
    position: absolute;
    right: 12px;
   top: 0;
    bottom: 0;
    z-index: 99;
    pointer-events: none;
    margin: auto;
}

.shift_table_area{
    width: 100%;
    height: auto;
    border-bottom: #f0f0f0 1px solid;
    position: relative;
    padding: 0 0 100px 0;
}
.shift_table_area .table thead th {
    vertical-align: middle;
    border-bottom: 0px solid #f0f0f0;
    background: #fad122;
    font-size: 14px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    
}

.shift_table_area .table tbody td {
    font-size:13px;
/*    color: #a8a8a8;*/color:#000;
   font-family: 'Poppins', sans-serif;
    font-weight: 600;
    vertical-align: middle;
    word-break:break-all;
    
}

.sec_between h3{
    font-size: 1.5vw;
}
.delt-btn:hover{
    color: #fff!important;
}
.shift_table_area .table tbody td a{
/*  color: #a8a8a8;*/
    color: #000;
    text-decoration: none;
    margin: 2px 2px;
}

.shift_table_area .table tbody td a.btn-gray:nth-child(1){
/*  background:green;*/
    background: #fad122;
    border: 0;
    color: #000;
}

.shift_table_area .table tbody td a.btn-gray:nth-child(1):hover{
    background:#000!important;
    border: 0;
    color: #fff!important;
}

.shift_table_area .table tbody td a.btn-gray:nth-child(2){
/*  background:#f29216;*/
    background: #fad122;
    border: 0;
    color: #000;
}

.shift_table_area .table tbody td a.btn-gray:nth-child(2):hover{
    background: #000!important;
    border: 0;
    color: #fff!important;
}

/*
.shift_table_area .table tbody td a.btn-gray:nth-child(2):hover{
    color:#000!important;
}
*/

.shift_table_area .table tbody tr:hover{
    background:#eee;
}

.shift_table_area .table tbody td a.btn-gray:nth-child(3){
/*  background:red;*/
    background: #fad122;
    border: 0;
    color: #000;
}

.shift_table_area .table tbody td a.btn-gray:nth-child(3):hover{
/*  background:red;*/
    background: #000;
    border: 0;
    color: #fff!important;
}

.shift_table_area .table tbody td a.btn-gray:nth-child(4){
/*  background:red;*/
    background: #fad122;
    border: 0;
    color: #000;
}

.shift_table_area .table tbody td a.btn-gray:nth-child(4):hover{
/*  background:red;*/
    background: #000;
    border: 0;
    color: #fff!important;
}
.shift_table_area .table tbody td a:hover{
    color: #fad122;
}

.shift_table_area .table th{
        padding: 8px 13px;
}
.shift_table_area .table td{
        padding: 6px 13px;
        border-top: 1px solid #f0f0f0;
}

#infowindow-content #place-icon{display:none;}

.dataTables_info{
    float:left;
    padding: 0 0 50px 0;
}

.dataTables_paginate.paging_simple_numbers{
    padding:10px 0 0 0;
}


/**********/
.btn-gray {
    background: #fad122;
    color: #000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #fad122 1px solid;
    padding: 5px  15px 4px 15px;
    font-size: 13px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 0;
    font-weight: bold;
    
}
.btn-gray:focus, .btn-gray:hover {
    background: #000;
    color: #000 !important;
    border: #000 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}
.locationtrackerpanel {
    width: 97.5% !important;
    margin-left: 17.5% !important;
}

.track_location_page .vehiclefeed{
    width:100%;
    margin-right: 15px;
}

#locationTracker{
    margin-bottom:10px;
}

/**********/
.btn-trash{
    background: #fad122;
    color: #000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #fad122 1px solid;
    padding: 5px  15px 4px 15px;
    font-size: 13px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 0;
    font-weight: bold;
    
}
.btn-trash:focus, .btn-trash:hover {
    background: #000;
    color: #fff !important;
    border: #000 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}

/********************************************************
********************************************************/
.form_sec_area .form_sub_head h4{
    font-size: 17px;
    font-family: 'Conv_avenirltstd-light';
    color: #fad122;
    margin-bottom: 15px;
    margin-top: 0;
    position: relative;
    display: inline-block;
}

.form_sec_area .form_sub_head h4:after{
    width: 13px;
    height: 3px;
    background: #fad122;
    border: #e9e9e9 1px solid;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -20px;
    margin: auto;
}

.form_sec_area form label {
    font-size: 1vw;
    font-family: 'Poppins', sans-serif;
/*    color: #737373;*/
    color: #000;
    display: block;
}

.form_sec_area .color_list{
    padding: 0;
    margin-bottom: 0 0 15px 0;
    list-style: none;
}
.form_sec_area .color_list li{
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.form_sec_area .color_list li a{
    width: 27px;
    height: 27px;
    border: #b5b5b5 1px solid;
    border-radius: 50%;
    display: block;
}

.form_sec_area .color_list li a.color_whi{
    /*background: #fff*/;
}
.form_sec_area .color_list li a.color_yell{
    background: #fce78f;
}
.form_sec_area .color_list li a.color_blac{
    background: #000;
}
.form_sec_area .color_list li a.color_gra{
    background: #f1f1f1;
}
.form_sec_area .color_list li a.color_red{
    background: #d44646;
}
.form_sec_area .color_list li a.color_par{
    background: #541dbb;
}
.form_sec_area .color_list li a.color_gree{
    background: #4abb34;
}
.form_sec_area .color_list li a.color_sky{
    background: #11b9e9;
}

.form_sec_area .color_list li a.color_txt{
    width: auto;
    height: auto;
    border: #b5b5b5 0px solid;
    border-radius: 50%;
    font-size: 11px;
    font-family: 'Poppins', sans-serif;
    color: #949494;
    margin-left: 10px;
}
.form_sec_area .with_txt{
    position: relative;
}
.form_sec_area .with_txt .form-control{
    width: 110px;
    display: inline-block;
}

.form_sec_area .with_txt .include_txt{
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    color: #737373;
}
.form_sec_area .with_txt .custom-search-input{
    margin-top: 0;
}
.form_sec_area .with_txt .custom-search-input .search-query {
        height: 40px;
    border: #d9d9d9 1px solid;
    
}

.form_sec_area .with_txt .custom-search-input {
    width: 88%;
    display: inline-block;
}

.form_sec_area .with_txt .custom-search-input button{
    right: 15px;
}

.form_sec_area .with_txt1 .form-control{
     width: 88%;
    display: inline-block;
}

/********************************************************
********************************************************/
.add_route_btn{
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    color: #737373;
    display: block;
    text-decoration: none;
}

.add_route_btn:hover{
    color: #fad122;
    text-decoration: none;
}

a.remove_field {
   width: 18px;
    height: 18px;
    background: red;
    color: #fff;
    font-size: 11px;
    display: block;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 9px;
    line-height: 17px;
}


.form_sec_area .map_list{
    padding: 0;
    margin: 30px 0 15px 0;
    list-style: none;
}
.form_sec_area .map_list li{
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.form_sec_area .map_list li a{
    width: 36px;
    height: 36px;
    /*border: #41c2f3 1px dashed;*/
    border-radius: 50%;
    display: block;
}

.form_sec_area .map_list li a img{
    width: 100%;
}

.form_sec_area .map_list li a.color_txt{
    width: auto;
    height: auto;
    border: #b5b5b5 0px solid;
    border-radius: 50%;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    color: #737373;
    text-decoration: none;
    margin-left: 10px;
}
.form_sec_area .with_txt1 .custom-search-input {
    width: 100%;
}

.form_sec_area .with_txt1 .custom-search-input .search-query
{
    height: 40px;
}

/********************************************************
********************************************************/
#besic_info .shift_table_area h4{
    font-size: 21px;
    font-family: 'Poppins', sans-serif;
    color: #737373;
    margin-bottom: 21px;
    margin-top: 0;
    position: relative;
}

.inline_btn_area{
    text-align: right;
}





.inline_btn_area .btn{
        font-size: 16px;
    padding: 8px 20px;
    margin-top: 26px;
}
.inline_btn_area1 p{
    display: inline-block;
    margin-right: 15px;
}
.inline_btn_area1 .map_sec_area{
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    width: 100%;
    max-height: 539px;
    overflow: hidden;
}

.inline_btn_area1 .map_sec_area iframe {
    width: 100%;
    height: 539px;
}

.btn-round_small_nar {
    background: #fad122;
    color: #000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #fad122 1px solid;
    padding: 5px  19px 5px 19px;
    font-size: 13px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 0;
    font-weight: bold;
    
}
.btn-round_small_nar:focus, .btn-round_small_nar:hover {
    background: #000;
    color: #fff;
    border: #000 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}

.btn-round_small_narblac {
    background: #000;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #000 1px solid;
    padding: 5px  19px 5px 19px;
    font-size: 13px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 0;
    font-weight: bold;
    
}
.btn-round_small_narblac:focus, .btn-round_small_narblac:hover {
    background: #fad122;
    color: #000;
    border: #fad122 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}
.inline_btn_area1{
    text-align: right;
}
.inline_btn_area1 .btn {
    font-size: 14px;
    padding: 8px 13px;
    margin-top: 28px;
}
.inline_btn_area2{
    text-align: left;
}

.inline_btn_area2 p{
    display: inline-block;
    margin-right: 15px;
}
.inline_btn_area2 .map_sec_area{
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    width: 100%;
    max-height: 539px;
    overflow: hidden;
}
.map_sec_area_hist {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    width: 100%;
/*    max-height: 526px;*/
    height: 80vh;
    overflow: hidden;
}

.map_sec_area_hist iframe {
    width: 100%;
    height: 100%;
}

.truck_table_area{
    margin-top: 20px;
}
.truck_table_area .table thead th {
    vertical-align: bottom;
    border-bottom: 0px solid #f0f0f0;
    background: #e9e9e9;
    font-size: 14px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    
}

.truck_table_area .table tbody td {
    font-size: 13px;
    color: #5e5e5e;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    vertical-align: middle;
    background: #e9e9e9;
    
}
.truck_table_area .table tbody td a{
    color: #5e5e5e;
    text-decoration: none;
}

.truck_table_area .table tbody td a:hover{
    color: #fad122;
}
.truck_table_area .table tbody tr.table_date_area td{
    background: #c1c1c1;
    color: #fff;
    
}

.truck_table_area .table th{
        padding: 8px 13px;
}
.truck_table_area .table td{
        padding: 6px 13px;
        border-top: 1px solid #f0f0f0;
}
/**********/
.btn-view {
    background: #fad122;
    color: #000!important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #fad122 1px solid;
    padding: 4px  15px 3px 15px;
    font-size: 13px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 0;
    font-weight: bold;
    
}


.btn-view:focus, .btn-view:hover {
    background: #000;
    color: #fff !important;
    border: #000 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}

.inline_btn_area3{
    text-align: left;
}
.inline_btn_area3 .btn{
        font-size: 16px;
    padding: 8px 20px;
    margin-top: 28px;
}

/********************************************************
********************************************************/

#besic_info.live_feed_page {
   
}

#livefeedleftpanel {
    min-height: 1636px;
    padding: 8px 0 0 0;
}

.left_panel{
    width: 100%;
    /*min-height: 652px;*/
    background: #483f42;
}


.left_panel .search_area{
    width: 100%;
    height: auto;
    padding: 8.5px 7px;
    background: #483f42;
}

.left_panel .search_area .custom-search-input {
    margin: 0 0 0 0;
    margin-top: 0;
    padding: 0;
}

.left_panel .search_area .custom-search-input .search-query {
    height: 35px;
}

.left_panel .search_area .custom-search-input button {
    top: 0;
}

.left_panel .camera_list{
    padding: 26px 0 0 0;
    margin: 0 0 0 20px;
    list-style: none;
    border-left: #fff 1PX dotted;
    
}

.left_panel .camera_list > a{
    padding: 0;
    margin: 0 0 0 0;
}

.left_panel .camera_list a, .left_panel label{
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}

.left_panel .camera_list input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.left_panel .camera_list label {
  position: relative;
  cursor: pointer;
margin-bottom: 0;
}

/*
.left_panel .camera_list label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #7c7c7e;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 6px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  background: #088180;
  border-radius: 3px;
}
*/

.left_panel .camera_list input:checked + label:after {
  content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: -15px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.camera_list > li > label:before{
    left: -20px;
}

.left_panel .camera_list li > ul{
    list-style: none;
    padding: 0;
    margin: 0 0 20px 6px;
    border-left: #fff 1px dotted;
    position: relative;
}
.left_panel .camera_list li > ul li{
    padding: 5px 0 5px 45px;
    position: relative;
}

.left_panel .camera_list li > ul:after{
    width: 2px;
    height: 13px;
    background: #483f42;
    content: "";
    position: absolute;
    left: -1px;
    bottom: 0;
}

.left_panel .camera_list li > ul li a{
    display: block;
}
.left_panel .camera_list li > ul li:after{
    width: 19px;
    height: 16px;
    background: url(../img/camera_ico.png) no-repeat;
    content: "";
    position: absolute;
    left: 22px;
    top: 9px;
}

.left_panel .camera_list li > ul li:before{
    width: 22px;
    height: 1px;
    border-bottom: #fff 1px dotted;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}


.left_panel label{
    width: 100%;
    display: block;
    
}

.left_panel .camera_list > li{
    padding: 0 0 0 13px;
    position: relative;
}
.left_panel .camera_list > li:after{
    width: 13px;
    height: 9px;
    background: url(../img/trauck_ico.png) no-repeat;
    content: "";
    position: absolute;
    left: 13px;
    top: 5px;
}

/********************************************************
********************************************************/
.camera_panel .nav-tabs {
    border-bottom: 1px solid #e2e2e2;
    width: 100%;
    background: #e2e2e2;
    position: relative;
    /*display: none;*/
}

.camera_panel .nav-tabs:after{
    width: 15px;
    height: 52px;
/*    background: #e2e2e2;*/
    content: "";
    position: absolute;
    left: -15px;
    top: 0;
}

.camera_panel .nav-tabs .nav-item.show .nav-link, .camera_panel .nav-tabs .nav-link.active {
    color: #000;
    /*background-color: #fff;*/
    border-color: transparent;
}

.camera_panel .nav-tabs .nav-link {
    border: 0 solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: block;
    padding: 15px 20px;
    color: #000;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

a.short_by {
    display: block;
    padding: 14px 16px;
    color: #000;
    position: absolute;
    right: 20px;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    text-decoration: none;
}
a.short_by:hover {
    display: block;
    padding: 14px 16px;
    color: #000;
    position: absolute;
    right: 20px;
    /*background: #fff*/;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.list-camera{
    padding: 0;
    margin: 0;
    list-style: none;
    display: table;
}

    .list-camera li {
    width: 210px;
    height: auto;
    padding: 0;
    margin: 0;
    display: inline-table;
}
.list-camera li a{
    display: block;
    border: #000 1px solid;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.list-camera li a:hover{
    border: #823936 1px solid;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.list-camera li a img{
    width: 100%;
}

.showon_map{
    width: 100%;
    /*max-height: 495px;*/
    overflow: hidden;
}

.showon_map img{
    width: 100%;
}



/********************************************************
********************************************************/

.page_nav_area {
    position: relative;
    margin: 35px 0 0 0;
}

.page_nav_area:after{
    width: 80%;
    height: 1px;
    background: #d1d1d1;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 23px;
    margin: auto;
    
}



.page_nav_area .page_nav{
    padding: 10px;
    margin: 0;
    list-style: none;
    /*background: #fff*/;
    z-index: 9;
}

.page_nav_area .page_nav li{
    padding: 0;
    margin: 0;
    display: inline-block;
}
.page_nav_area .page_nav li a{
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    text-decoration: none;
    padding: 2px 9px;
    background: rgba(250,209,33, 0);
    border-radius: 50%;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    display: block;
}
.page_nav_area .page_nav li a:hover{
    background: rgba(250,209,33, 1);
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.page_nav_area .page_nav li a i{
    color: #fad121;
    font-size: 20px;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.page_nav_area .page_nav li a:hover i{
    color: #000;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}


.sec.gmnoprint > div[draggable="false"]{
    justify-content: center;
}

.left_panel .camera_list {
   /* height: 536px;*/
}

/******************************03-03-2020********************************/

.vehiclefeed{
    padding: 10px 0 30px 0;
    margin-top: 0;
}

.vehiclefeed h3{
    font-size: 18px;
    color:#000;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
        display: inline-block;
}

.vehiclefeed img{
    width: 100%;
    height: 45%;
}

.dashboard_tab{
    border: 1px solid #f7f7f7!important;
}

.dashboardtab_container{
    padding: 0!important;
    
}
.dashboard_tab{
    border-radius: 0 !important;
    padding-bottom: 15px;
}
.dashboard_tab li{

    width: 50%;
    display: inline-block;
    text-align: center;
    border-radius: 0 !important;
    
}

.dashboard_tab li a {
    background-color: #fff!important;
    border: #000 1px solid !important;
    border-radius: 0;
    color: #000;
    font-size: .99vw;
}

.dashboard_tab li a.active{
    background-color: #fbd123!important;
     border: #000 1px solid !important;
    border-radius: 0;
}

.map_indicate_view{
    padding-bottom: 33px;
}

.map_indicate_view ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

.map_indicate_view ul li{
    font-size: .95vw;
    float: left;
    margin: 0 13px 0 0;
}

.map_indicate_view ul li span{
        width: 35px;
    height: 35px;
line-height: 24px;
    text-align: center;
    padding: 4px 0 0 0;
}

.map_indicate_view ul li:nth-child(1){
    color: #70b335;
    
}

.map_indicate_view ul li:nth-child(1) span{
    display: inline-block;
    border-radius: 50%;
    background: #70b335;
    vertical-align: middle;
}

.map_indicate_view ul li:nth-child(2){
    color: #e83d3a;
    
}

.map_indicate_view ul li:nth-child(2) span{
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #e83d3a;
    vertical-align: middle;
}

.map_indicate_view ul li:nth-child(3){
    color: #fcb62e;

}

.map_indicate_view ul li:nth-child(3) span{
    display: inline-block;
    border-radius: 50%;
    background: #fcb62e;
    vertical-align: middle;
}

.map_indicate_view ul li:nth-child(4){
    color: #0989d8;

}

.map_indicate_view ul li:nth-child(4) span{
    display: inline-block;
    border-radius: 50%;
    background: #0989d8;
    vertical-align: middle;
}

.map_indicate_view ul li:nth-child(5){
    color: #dd570e;

}

.map_indicate_view ul li:nth-child(5) span{
    display: inline-block;
    border-radius: 50%;
    background: #dd570e;
    vertical-align: middle;
}

.map_indicate_view ul li:nth-child(6){
    color: #000;
    
}

.map_indicate_view ul li:nth-child(6) span{
    display: inline-block;
    border-radius: 50%;
    background: #000;
    vertical-align: middle;
}

.maptext_area{
    position: relative;
    width: 100%;
    min-height: 0;
}
.maptext {
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 0;
    border: 0;
    padding: 8px;
    float: none;
    display: block;
    position: relative;
    top: 0;

}

.iframe_map_detail .maptext{
    background:#fff !important;
}

.maptext label{
    font-size: 12px;
    margin-bottom: 5px;
    display: block;
}

.goview_btn{
    float: right;
/*  margin-top: 40px;*/
/*  border: #000 1px solid;*/
    /*background: #fff*/;
}

.goview_btn a{
    padding: 7px 10px;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}

.form-goview {
    width: 169px;
    height: 40px;
    border: 0;
    border-right-color: 0;
    border-radius: 0;
    line-height: 24px;
    padding: 0 7px;
    cursor: pointer;
    color: #827f7f;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    padding-left: 15px;
}

.form-goview:focus{
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-maptext {
    width: 100%;
    height: 40px;
    border: 0;
    border-radius: 0;
    line-height: 24px;
    font-size: 18px;
    padding: 0 7px;
    margin-top: 10px;
    cursor: pointer;
    font-weight: normal;
    text-align: center;
    color: #000;
    font-family: 'Roboto', sans-serif;
}

.form-maptext:focus{
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.cardetails{
    position: absolute;
    bottom: 220px;
    left: 0;
    right: 0;
    width: 33px;
    margin: 0 auto;
}

.cardetails_box{
    width: 304px;
    height: 220px;
    border-radius:5px;
    box-shadow: 1px 1px 2px #ccc;
    padding: 15px;
    top: -250px !important;
    left: -130px !important;
    transform:none !important;
    position: absolute !important;
}

.cardetails_box:after{
    width: 43px;
    height: 26px;
    background: url(../img/cardetails_bottom_arrow.png) no-repeat 0 0;
    position: absolute;
    bottom: -22px;
    right: 80px;
    content: "";
}

.cardetails_box p{
    padding: 0;
    margin: 0;
    color: #000;
    font-size: 16px;
}

.cardetails_box p span{
    display: inline-block;
    width: 150px;
}

.fullmap_page{
    margin: 0;
    border-radius: 0;
}

.fullmap_l{
    position: absolute;
    top: 110px;
    left: 15px;
    /*background: #fff*/;
}

.fullmap_l_check{
    float: left;
    padding-right: 30px;
}

.fullmap_l_check label{
    font-size: 12px;
    color: #000;
    padding: 12px 10px;
    vertical-align: middle;
    margin-bottom: 0;
}

.fullmap_l_select{
    float: left;
    border-left: #ccc solid 1px;
    border-right: #ccc solid 1px;
    padding: 0 20px;
}

.fullmap_l_select select{
    border: 0;
    height: 43px;
    font-size: 12px;
    color: #000;
}

.fullmap_l_select_state_view a{
    /*background: #fff*/;
    padding: 12px 10px;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    display: block;
}

.fullmap_l_select_state_view{
    float: left;
}

.fullmap_r{
    float: right;
}

.fullmap_rdrop_down{
    float: left;
    margin: 90px 0 0 10px;
}

.fullmap_rdrop_down a{
    /*background: #fff*/;
    padding: 12px 12px;
    color: #000;
    font-size: 13px;
    font-weight: normal;
    display: block;
    border-radius: 5px;
    text-decoration: none;
}

.fullmap_rdrop_down a img{
    padding-left: 30px;
}

.statusdropdown_map{
    top: 0 !important;
}

.statusdropdown_map a{
    border-radius:0;
}



/********************************************************
********************************************************/

.menu_area {
    width: 515px;
    height: auto;
    position: fixed;
    left: 0;
    top: 61px;
    bottom: 0;
    z-index: 9999;
    pointer-events: none;
    padding-bottom: 25px;
}

.left_menu_area{
    width: 305px;
    height: auto;
}

.menu_area.open {
    left: -115px;
}

.main_content_area {
    margin-left: 104px;
    overflow: hidden;
    position: relative;
    padding-bottom: 0;
    /*min-height: 800px;*/
}

.main_content_area .container{
    min-height: 565px;
    position: relative;
}


.Dispatched_Page .main_content_area .container{
    min-height: 100px !important;
}


#single_map iframe{
    height: 110px !important;
}

#singelmapbreadcamb iframe{
    height:auto !important;
}


.main_content_area.open{
    margin-left: 0;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    
}

.vehicleLatestFeed_breadcamb{
    height:auto!important;
}

/*.main_content_area.open .previw_area .previw p {
    font-size: 10px;
}*/

.main_content_area.open .map_indicate_view ul li {
    margin: 0 7px 0 0;
}

.left_menu_area {
    margin-bottom: 0;
    /*height: calc(100% - 40px)!important;*/
}

.main_content_area.open footer {
    margin-left: 0;
    width: 100%;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}





/********************************************************
********************************************************/
a.hamburger_area {
    background: #000;
    display: inline-block;
    padding: 24px 46px;
    vertical-align: middle;
}


/* Icon 1 */

#nav-icon2, #nav-icon3 {
  width: 13px;
  height: 13px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}



#nav-icon2 span, #nav-icon3 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: #595232;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even), #nav-icon3 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd), #nav-icon3 span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2), #nav-icon3 span:nth-child(1), #nav-icon3 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4), #nav-icon3 span:nth-child(3), #nav-icon3 span:nth-child(4) {
  top: 4px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6), #nav-icon3 span:nth-child(5), #nav-icon3 span:nth-child(6) {
  top: 8px;
}
/*****************/
#nav-icon2 span:nth-child(1),#nav-icon2 span:nth-child(6), #nav-icon3.open span:nth-child(1),#nav-icon3.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2 span:nth-child(2),#nav-icon2 span:nth-child(5), #nav-icon3.open span:nth-child(2),#nav-icon3.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1), #nav-icon3.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

#nav-icon2.open span:nth-child(2), #nav-icon3.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

#nav-icon2.open span:nth-child(3), #nav-icon3.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4), #nav-icon3.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5), #nav-icon3.open span:nth-child(5) {
  left: 5px;
  top: 4px;
}

#nav-icon2.open span:nth-child(6), #nav-icon3.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 4px;
}

/**************/

.main_content_area .col-lg-7.col-md-12{
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
.main_content_area .col-lg-7.col-md-12.open{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;

    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
.main_content_area .col-lg-5.col-md-12{
    right: 0;
    display: block;
    position: relative;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

.main_content_area .col-lg-5.col-md-12.open{
    right: 0;
    display: none !important;
    position: absolute;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}


/********************************************************
********************************************************/
.form-cam{
    width: 125px;
    height: 24px;
    border: #000 1px solid;
    border-radius: 0;
    float: right;
    line-height: 24px;
    font-size: 13px;
    padding: 0 7px;
    margin-top: 6px;
}

.form-cam:focus{
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nav-tabs .nav-link {
    border: 1px solid #000;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


/********************************************************
                    30-03-2020
********************************************************/


/********************************************************
********************************************************/
/*************************30-03-2020*******************************
********************************************************/
/*.selectstate{
    height: 34px;
}

.selectstates ul{
    margin: 0;
    list-style: none;   
}

.selectstates ul li{
    float: left;
    width: 20%;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    padding-bottom: 15px;
}

.selectstates{
    border: #e9e9e9 1px solid;
    padding: 15px 0 0 0;
}

.selectstates ul li label{
    display: inline!important;
}

.dispatched_table a.view{
    margin-bottom: 10px;
}*/

    /*************************30-03-2020*******************************
********************************************************/
.input_fields_wrap .selectstate{
 height: 34px;
}

.input_fields_wrap .selectstates ul{
 margin: 0;
 list-style: none; 
width: 100%;
    float: left;
}

.input_fields_wrap .selectstates ul li{
 float: left;
 width: 20%;
 font-size: 15px;
 font-family: 'Poppins', sans-serif;
 color: #000;
 padding-bottom: 15px;
}

.input_fields_wrap .selectstates ul li:first-child{
    width:100%;
    padding: 0 0 15px 0;
    color: #fad122;
}

.input_fields_wrap .selectstates ul li:first-child label{   
    color: #fad122;
}

.input_fields_wrap .selectstates{
/* border: #e9e9e9 1px solid;*/
 padding: 15px 0 0 0;
 width: 99.99%;
}

#selectedStates{
    list-style:none;
}

.input_fields_wrap .selectstates ul li label{
 display: inline!important;
}

.dispatched_table a.view{
 margin-bottom: 10px;
}

.comming_soon{
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 15px 0;
    border: #000 1px solid;
    border-radius: 0;
    position: relative;
    /*background: #fff*/;
    overflow: hidden;
    text-align: center;
}

.comming_soon h1{
    padding: 150px 0;
    margin: 0;
    color: #000;
    font-weight: 500;
    font-size: 30px;
}

/********************************************************
                01-04-2020
********************************************************/

.track_vehicle_sec{
    padding: 0;
    width: 25%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}
.track_vehicle_sec.breadcrumb_sec{
    width: 35%;
}


.track_vehicle_head{
    /*background: #fff*/;
    cursor: pointer;
    padding: 10px;
}

.track_vehicle_head h3, .track_vehicle_head a{
    display: inline-block;
    margin-left: 15px;
}

.track_vehicle_head h3{
    font-size: 28px;
    font-family: 'Poppins', sans-serif;
    color: #737373;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    position: relative;
}

.track_vehicle_sec .track_vehicle{
    width: 100%;
    height: auto;
}

/* Icon 1 */

#nav-icon4 {
  width: 13px;
  height: 13px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}



#nav-icon4 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: #595232;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon4 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon4 span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon4 span:nth-child(1), #nav-icon4 span:nth-child(2) {
  top: 0px;
}

#nav-icon4 span:nth-child(3), #nav-icon4 span:nth-child(4){
  top: 4px;
}

#nav-icon4 span:nth-child(5), #nav-icon4 span:nth-child(6){
  top: 8px;
}

#nav-icon4.open span:nth-child(1),#nav-icon4.open span:nth-child(6){
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon4.open span:nth-child(2),#nav-icon4.open span:nth-child(5){
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon4.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

#nav-icon4.open span:nth-child(2){
  left: calc(50% - 5px);
  top: 7px;
}

#nav-icon4.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(5){
  left: 5px;
  top: 4px;
}

#nav-icon4.open span:nth-child(6){
  left: calc(50% - 5px);
  top: 4px;
}


.track_vehicle .form-control-borderless {
    border: none;
}

.track_vehicle .form-control-borderless:hover, .track_vehicle .form-control-borderless:active, .track_vehicle .form-control-borderless:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.track_vehicle{
    background: #efefef;/*#f7f7f7*/
    padding: 10px 7px;
    position: relative;
    left: 0;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

.track_vehicle.open{
    position: relative;
    left: -420px;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

.track_vehicle_sec.breadcrumb_sec .track_vehicle.open {
    left: -472px;
}


.track_vehicle .card-body {
    
    padding: 10px;
    
}
.track_vehicle .card{
    border: 0;
}

.btn-asset {
    /*background: #fff*/;
    color: #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;
    border: #fff 1px solid;
    padding: 5px  15px 5px 15px;
    font-size: 13px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 10px;
    font-weight: bold;
    
}
.btn-asset:focus, .btn-asset:hover {
    background: #fad122;
    color: #000 !important;
    border: #fad122 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}
.track_vehicle .list_area{
    width: 100%;
    height: auto;
    /*background: #fff*/;
    margin-top: 10px;
    padding: 20px
}

.list_area .track_list{
    padding: 0;
    margin: 0;
    list-style: none;
}

.list_area .track_list li{
    position: relative;
    padding-right: 20px;
        padding-bottom: 15px
}

.list_area .track_list li .img_line_up{
    width: 15px;
    height: 15px;
    content: "";
    background: url(../img/img_line_up.png) no-repeat center center;
    position: absolute;
    right: 0;
    top: 3px;
    
}
.list_area .track_list li .img_green_down{
    width: 15px;
    height: 15px;
    content: "";
    background: url(../img/img_green_down.png) no-repeat center center;
    position: absolute;
    right: 0;
    top: 3px;
    
}

.list_area .track_list li .img_p_down{
    width: 15px;
    height: 15px;
    content: "";
    background: url(../img/img_p_down.png) no-repeat center center;
    position: absolute;
    right: 0;
    top: 3px;
    
}


.list_area .track_list li .img_round_down{
    width: 15px;
    height: 15px;
    content: "";
    background: url(../img/img_round_down.png) no-repeat center center;
    position: absolute;
    right: 0;
    top: 3px;
    
}


.list_area .track_list li a{
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    color: #737373;
    display: block;
    position: relative;
    padding: 5px 20px 5px 30px;
    
}

.list_area .track_list li a .ico_img{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    content: "";
    background: url(../img/ico_img_bg.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 5px;
    overflow: hidden;
    text-align: center;
        
    
}

.list_area .track_list li a .ico_img img{
    width: 20px;
    height: 12px;
    margin: 0 auto;
}

.list_area .track_list li a .badge{
    background: #4f4f4f;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    padding: 5.5px;
    border-radius: 50%;
}



.list_area .track_list li a h4{
    font-size: 16px;
    line-height: 1;
    margin-bottom: 0;
}

.card p{
    margin-bottom: 0;
}

.breadcrumbs_list{
    width: 100%;
    height: auto;
    padding: 8px;
    /*background: #fff*/;
    margin-top: 10px;
}

.bread_list{
    padding: 0;
    margin: 0;
    list-style: none;
} 

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

.bread_list li a{
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    color: #737373;
    display: block;
    position: relative;
    padding: 3px;
    text-align: center;
}

.bread_list li a span{
    display: block;
    text-align: center;
}

.bread_list li a span img{
    margin-right: 15px;
}

.breadcrumbs_area {
    width: 100%;
    height: auto;
    padding: 0;
    margin-top: 10px;
}

.breadcrumbs_area table tr td{
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    color: #737373;
    padding: 15px 5px;
    /*background: #fff*/;
    text-align: center;
}

.breadcrumbs_area table tr th{
    font-size: 17px;
font-family: 'Poppins', sans-serif;
color: #000;
padding: 0 5px;
background: transparent;
text-align: center;
}


.breadcrumbs_area table tr.dark_bg td{
    padding: 0;
    background: #efefef;
}


/********************************************************
********************************************************/
.justify-content-between p{
    padding-left: 15px;
    margin-bottom: 0;
    margin-top: 16px;
    color: #737373;
}

.justify-content-between .btn_sec_area{
    padding-right: 15px;
}

.justify-content-between .btn_sec_area .btn-round{
    margin-top: 0;
}

.btn-preview {
    /*background: #fff*/;
    color: #000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #fff 1px solid;
    padding: 6px  8px 6px 20px;
    font-size: 20px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    letter-spacing: 1.5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    margin-left: 15px;
}
.btn-preview:focus, .btn-preview:hover {
    /*background: #fff*/;
    color: #000;
    border: #fff 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}

.btn-preview .btn-img {
    width: 26px;
    height: 26px;
    border-radius: 30px;
    margin-left: 7px;
    float: right;
    overflow: hidden;
}

.colo_list{
    padding: 0;
    margin: 0;
    list-style: none;
}

.colo_list li{
    padding: 0;
    margin: 0 0 30px 0;
}

.colo_list li span{
    width: 44%;
    display: inline-block;
    
}
.colo_list li .Choose {
    background: #fad122;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #118284 1px solid;
    padding: 6px  20px 6px 20px;
    font-size: 15px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    letter-spacing: 1.5px;
    
    margin-left: 15px;
}
.colo_list li .Choose:focus, .colo_list li .Choose:hover {
    background: #000;
    color: #fff;
    border: #000 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}


/***************************/

.color-wrapper {
        position: relative;
        /*width: 250px;
        margin: 20px auto;*/
    }

    /*.color-wrapper p {
        margin-bottom: 5px;
    }*/

    input.call-picker {
        border: 1px solid #AAA;
        color: #666;
        text-transform: uppercase;
        float: left;    
        outline: none;
      padding: 10px;
      text-transform: uppercase;
      width: 85px;
    }

.color-picker {
    width: 150px;
    background: #F3F3F3;
    height: 81px;
    padding: 5px;
    border: 5px solid #fff;
    box-shadow: 0px 0px 3px 1px #DDD;
    position: absolute;
    top: -22px;
    right: 170px;
    z-index: 999;
}

    .color-holder {
    
    }

    .color-picker .color-item {
        cursor: pointer;
        width: 10px;
        height: 10px;
        list-style-type: none;
        float: left;
        margin: 2px;
        border: 1px solid #DDD;
    }

    .color-picker .color-item:hover {
        border: 1px solid #666;
        opacity: 0.8;
        -moz-opacity: 0.8;
        filter:alpha(opacity=8);
    }

/******************/
input.call-picker1 {
        border: 1px solid #AAA;
        color: #666;
        text-transform: uppercase;
        float: left;    
        outline: none;
      padding: 10px;
      width: 85px;
    }

    .color-picker1 {
        width: 150px;
        background: #F3F3F3;
        height: 81px;
        padding: 5px;
        border: 5px solid #fff;
        box-shadow: 0px 0px 3px 1px #DDD;
        position: absolute;
        bottom: 0;
        right: 168px;
    }

.color-holder1 {
    
    }

    .color-picker1 .color-item {
        cursor: pointer;
        width: 10px;
        height: 10px;
        list-style-type: none;
        float: left;
        margin: 2px;
        border: 1px solid #DDD;
    }

    .color-picker1 .color-item:hover {
        border: 1px solid #666;
        opacity: 0.8;
        -moz-opacity: 0.8;
        filter:alpha(opacity=8);
    }

    /*############### 06062020################*/
    input.call-picker2 {
        border: 1px solid #AAA;
        color: #666;
        text-transform: uppercase;
        float: left;    
        outline: none;
      padding: 10px;
      text-transform: uppercase;
      width: 85px;
    }

    .color-picker2 {
        width: 150px;
        background: #F3F3F3;
        height: 81px;
        padding: 5px;
        border: 5px solid #fff;
        box-shadow: 0px 0px 3px 1px #DDD;
        position: absolute;
        bottom: 0;
        right: 165px;
    }

.color-holder1 {
    
    }

    .color-picker2 .color-item {
        cursor: pointer;
        width: 10px;
        height: 10px;
        list-style-type: none;
        float: left;
        margin: 2px;
        border: 1px solid #DDD;
    }

    .color-picker2 .color-item:hover {
        border: 1px solid #666;
        opacity: 0.8;
        -moz-opacity: 0.8;
        filter:alpha(opacity=8);
    }
/********************************************************
********************************************************/
.view_area .nav-tabs {
    border-bottom: 1px solid #e2e2e2;
    width: 100%;
    /*background: #fff*/;
    position: relative;
}



.view_area .nav-tabs .nav-item.show .nav-link, .view_area .nav-tabs .nav-link.active {
    color: #fcb62e;
    /*background-color: #fff;*/
    border-bottom: 4px solid #fcb62e
}

.view_area .nav-tabs .nav-link {
    border: 0 solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: block;
    padding: 15px 20px;
    color: #000;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}

.view_area .list-camera {
   
    display: block;
    text-align: center;
}
.Dispatched_Incidents_area{
    margin-bottom: 40px;
}





/********************************************************
********************************************************/
/********************02-04-2020************************************
********************************************************/
.viewgap{
 margin: 0 0 10px 0;
 vertical-align: top;
}

.shifttimefield{
 padding-right: 0;
}

.upload-field-customized {
  width: 100%;
  /*background: #fff*/;
  position: relative;
  cursor: pointer;
  border: 2px dashed #d9d9d9;
  padding: 5px 5px 0 5px;
  height: auto;
}
.upload-field-customized input[type="file"] {
  position: absolute;
  width: 100%;
  height: 120px;
  opacity: 0;
  cursor: pointer;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.upload-field-customized span {
    text-align: center;
    width: 100%;
    display: block;
    height: 210;
    line-height: 20px;
    padding: 0;
    word-break: break-all;
}
.upload-field-customized span img{
  width: 100%;
    height: 100%;
}

.upload-field-customized span i{
 font-size: 60px;
 color: #ccc;
 margin-top: 30px;
}


/**************************03-04-2020******************************
********************************************************/
.pre_ops_modal .modal-dialog{
 max-width: 880px;
}

.pre_ops_modal .modal-dialog h5{
 padding: 0;
 margin: 0;
 color: #000;
 font-family: 'Poppins', sans-serif;
 font-size: 20px;
 font-weight: normal;
}

.pre_ops_modal .modal-dialog h3{
 padding: 0 0 15px 0;
 margin: 0;
 color: #000;
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 font-weight: normal;
}

.pre_ops_summery h6{
 padding: 0 0 0px 0;
 margin: 0;
 color: #000;
 font-family: 'Poppins', sans-serif;
 font-size: 20px;
 font-weight: normal;}

.pre_ops_modal .modal-dialog h3:after{
 display: none;
}

.pre_ops_modal .modal-dialog table tr td{
 padding: 15px 0;
 border-bottom: 1px solid #ccc;
}

.pre_ops_modal .modal-dialog table tr td i{
 font-size: 20px;
}

.pre_ops_summery{
 padding: 30px 0 0 0;
}

.pre_ops_summery table{
 margin-bottom: 30px;
}
/********************************************************
********************************************************/
.header_form_area {
    background: #4a4a4a;
    padding: 3px 10px 3px 10px;
}

.header_form_area .select_area .form-control{
    border-radius: 0;
    border: transparent 1px solid;
    border-bottom-color: #fff ;
    background: transparent;
    color: #fff;
    padding-left: 0;
    height: 30px;
}





.header_form_area .select_area .form-control option{
    color: black;
}


.header_form_area .select_area .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.header_form_area .select_area .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.header_form_area .select_area .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.header_form_area .select_area .form-control:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.header_form_area .select_area .form-control:focus{
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.header_form_area .select_area .date_sec{
    position: relative;
}

.header_form_area .select_area .date_sec:before{
    width: 20px;
    height: 20px;
        content: "\f073";
    color: white;
    font-family: 'FontAwesome';
    font-size: 17px;
    position: absolute;
    left: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
}


.header_form_area .select_area .date_sec2::before {
    width: 20px;
    height: 20px;
    content: "\f017";
    color: white;
    font-family: 'FontAwesome';
    font-size: 26px;
    position: absolute;
    left: 18px;
    top: -16px;
    bottom: 0;
    margin: auto;
}



.header_form_area .select_area .date_sec .form-control, .header_form_area .select_area .date_sec2 .form-control{
    padding-left: 30px;
}

.header_form_area .select_area .btn-round {
    border: #fad122 1px solid;
    padding: 6px 20px 6px 20px;
    font-size: 15px;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    margin-top: 11px;
    color: #000;
}
 .header_form_area .select_area .btn-round:hover, .header_form_area .select_area .btn-round:focus {
    border: #000 1px solid;
     background: #000!important;
 
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    margin-top: 11px;
     color: #fff!important;
}
.header_form_area .search_sec{
    padding-top: 17px;
}
.header_form_area .search_sec .form-control{
    height: 30px;
}
.header_form_area .btn-search{
    background: #fad122;
    color: black;
    border: #fad122 1px solid;
    border-radius: 0 20px 20px 0;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}
.header_form_area .btn-search:hover{
    /*background: #fff*/;
    color: black;
    border: #fff 1px solid;
    border-radius: 0 20px 20px 0;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}

.track_location_sec {
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    background: #fff;
/*  border-right: #000 1px solid;*/
    z-index: 99;
}

.track_location_sec.location_tracker_lpanel{
    padding: 0;
    width: 218px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    border-right: #000 1px solid;
    z-index: 9;
}

.track_location_sec.trk_page {
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    /*background: #fff*/;
    border-right: #000 1px solid;
        z-index: 99;
}

.track_location{
    background: #fff;
    padding: 10px 0;
    position: relative;
    left: 0;
    border-radius:10px;

}

.bread_map_panel{
    width:100% !important;
    margin-left: 0 !important;
}

.location_list, .active_incident_list{
    padding: 0;
    margin: 0;
    list-style: none;
    overflow-y: auto;
}

.location_list li, .active_incident_list li{
    padding: 0;
    margin: 0;
    /*display: flex;
    align-items: center;*/
}
.location_list li .sub-menu li{
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.location_list li .sub-menu li a{
    padding-left: 30px;
    display: flex;
    align-items: center;
    gap:5px;
    text-transform: capitalize;
}
.location_list li .sub-menu{
    list-style: none;
}

.location_list li a, .active_incident_list li a{
    padding: 5px 15px 5px 50px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    color: #000!important;
    display: block;
    position: relative;
    border-bottom: #c9c9c9 1px solid;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    height: 49px;
}
.location_list li a:hover, .active_incident_list li a:hover{
    
    color: #fad122;
    
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.location_list li a .locat_img,  .active_incident_list li a .locat_img{
    width: 58px;
    height: 28px;
    position: absolute;
    left: 5px;
    top: -34px;
    bottom: 0;
    margin: auto;
}

.location_list li a .locat_img img, .active_incident_list li a .locat_img img{
    width:70%;
    margin-top: 10px;
}

.location_list li a .arrow_R, .active_incident_list li a .arrow_R{
    width: 28px;
    height: 28px;
    position: absolute;
    right: 15px;
    top: 12px;
    bottom: 0;
    margin: auto;
}

.location_list li a .txt_up, .active_incident_list li a .txt_up{
    display: block;
    color: #000;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
}

.map_sec_area.track_location_page {
    margin: 0;
    min-height: 100vh;
}

.vehicle_tracker_dropdown .map_sec_area.track_location_page {
    margin: 0;
    height: 116vh !important;
}

.vehicle_tracker_dropdown .showmapbreadcamb {
    width: 100%;
    height: 116vh !important;
}

.map_sec_area.track_location_page.breadcrumb_page {
    margin: 0;
    height: 90.8vh;
}

.map_sec_area.track_location_page.mainlocationtracker{
    margin: 0;
    /*height: 800px;*/
    min-height: 800px;
}

.track_location_page .iframe_area{
    width:100%;
    /*min-height: 700px;*/
/*  padding-bottom: 40px;*/
        
    margin-left: 0%;
/*  margin-bottom: 40px;*/
}

.track_location_page .iframe_area.trk_page{
    width: 80%;
    /*min-height: 700px;*/
/*  padding-bottom: 40px;*/
        
    margin-left: 20%;
/*  margin-bottom: 40px;*/
}
.map_sec_area.track_location_page iframe {
    width: 100%;
    height: 155;
    height: auto;
    border:0;
    padding: 10px 0;
}
.track_location_page .videobox .fourewindow {
    height: calc(260px + 160px);
}
.track_location_page .videobox .fourewindow iframe{
    height:calc(100% - 160px) !important;
}
.track_location_page .videobox .ninewindow {
    height:calc(180px + 190px) ;
}
.track_location_page .videobox .ninewindow iframe{
    height:calc(100% - 190px) !important;
}
.vehicleLatestFeed .vehicle-map iframe {
    padding: 0;
}

#vehicleLocationsTable{
    margin:0!important;
}

.vehiclefeed.locationtrackervideo{
    height: 300px!important;
}

.vehiclefeed.locationtrackervideo iframe{
     width: 100%;
    height: 290px!important;
    height: auto;
    border:#ccc solid 1px;
    padding: 5px;
}

.track_location_page .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #eaeaea;
    background: #fad122;
    font-size: 14px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    
}

.track_location_page .table tbody td {
    font-size: 13px;
    color: #000;
   font-family: 'Poppins', sans-serif;
    font-weight: 600;
    padding: 12px;  
}

.track_location_page .table tbody th{
    font-size: 14px;
}

.track_location_page .vehiclefeed{
    padding-top: 0;
}
.track_location_page .vehiclefeed h3{
    margin-top: 0;
    /*display: none;*/
}
.track_location_page .vehiclefeed .form-cam {
   /* width: 100%;*/
    height: 26px;
    margin: 7px 0 0 0;
}
.track_location_page .vehiclefeed select{
    margin-top: 0;
    margin-bottom: 10px;;
    
}

.map_nv{
    margin-bottom: 40px;
}



/*
.table-bordered td, .table-bordered th {
    border: 1px solid #eaeaea;
}

.table td, .table th {
    border-top: 1px solid #eaeaea;
}*/
/*************************13:16*****************************/
.stepwizard-step p {
    margin-top: 0px;
    color:#666;
 font-family: 'Poppins', sans-serif;
 font-size: 20px;
 color: #000;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.setup-content .panel-heading h3{
 color: #000;
 font-size: 20px;
 border-bottom: 0;
}
.setup-content h3:after{
 display: none;
}

.stepwizard a.btn-success{colo:#fad122!important;}

.stepwizard-step button[disabled] {
    /*opacity: 1 !important;
    filter: alpha(opacity=100) !important;*/
}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
    opacity:1 !important;
    color:#000;
 font-family: 'Poppins', sans-serif;
 background: #ccc;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content:" ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
 font-family: 'Poppins', sans-serif;
}

.btn-circle.btn-success{
 background: #fad122 !important;
 color: #000;
}

.btn-circle.btn-default{
 background: #ccc;
 color: #000;
}

.setup-content{
 border: 1px solid #ccc;
 padding: 20px;
 margin-bottom: 30px;
}

.vehiclelabel1 label{
 padding: 10px 0 0 0;
}


              .vehiclefile2 .upload-field-customized {
 width: 100%;
 /*background: #fff*/;
 position: relative;
 cursor: pointer;
 border: 0;
 height: 43px;
}

.vehiclefile2 .upload-field-customized span {
 text-align: center;
 width: 100%;
 display: block;
 height: 50px;
 line-height: 50px;
 padding: 5px 0 0 0;
}

.vehiclefile2 .upload-field-customized span i {
 font-size: 33px;
 color: #ccc;
}

.vehiclefile2 .upload-field-customized input[type="file"] {
 position: absolute;
 width: 100%;
 height: 50px;
 opacity: 0;
 cursor: pointer;
 left: 0px;
 top: 0px;
 z-index: 10;
}

#step-4 table{
 padding-top: 10px;
}

#step-4 table tr td{
 padding: 5px 0;
}

.fuel_body_top{
 float: right;
    padding-bottom: 15px;
/*  display: none;*/
}

/*.dt-buttons{display:none;}*/
.fuel_body_top_box{
 float: left;
 width: 207px;
}

.fuel_body_top_box{
 padding-right: 15px;
}

.fuel_body_top_box input.hasDatepicker, .fuel_body_top_box select{
 height: 30px!important;
 width: 63%;
 display: inline!important;
}

.fuel_body_top_box .form-group{
 margin-bottom: 0;
}

.fuelmodal .modal-dialog{
 max-width: 700px!important;
}

.fuelslip{
 text-align: center;
}

.textinputbottomtext{
 display: block;
 font-size: 14px;
 padding: 5px 0;
}

.view_page_area .form-group{
    margin-bottom: 30px
}

/**********/
.btn-deny {
    background: red;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #ed0276 1px solid;
    padding: 5px  14px 4px 14px;
    font-size: 12px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 0;
    font-weight: bold;
    
}
.btn-deny:focus, .btn-deny:hover {
    background: #fad122;
    color: #000 !important;
    border: #fad122 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}
/**********/
.btn-accept {
    background: #08d2a0;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #08d2a0 1px solid;
    padding: 5px  14px 4px 14px;
    font-size: 12px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 0;
    font-weight: bold;
    
}
.btn-accept:focus, .btn-accept:hover {
    background: #fad122;
    color: #000 !important;
    border: #fad122 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    
}

.fuel_body_top_box #datepicker2{
 height: 30px!important;
 width: 54%;
 display: inline!important;
}

/********************************************************
********************************************************/
.view_inspect_area .table.table-non-border td, .table.table-non-border th {
    border-top: 0px solid #eaeaea;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 0px solid #dee2e6;
    background: #fad122;
}

.table.table-header{
    margin-top: 30px;
    margin-bottom: 25px;
}
.table.table-header thead th h4{
    margin-bottom: 0;
}

.Inspection_Summery .head{
    background: #f5f5f5; 
    padding: 15px;
    margin-bottom: 30px;
}

.Inspection_Summery .head h4{
    margin-bottom: 0;
    margin-top: 0;
}

.Inspection_Summery h5{
    margin-bottom: 10px;
    margin-top: 20px;
}

.Inspection_Summery .Summery_list{
    padding: 0;
    margin: 0;
    list-style: none;
}

.Inspection_Summery .Summery_list li{
    padding: 0;
    margin: 0;
}

.Inspection_Summery .Summery_list li a{
    color: #000;
    text-decoration: none;
    margin-bottom: 7px;
    font-size: 13px;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.Inspection_Summery .Summery_list li a:hover{
    color: #fad122;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.Inspection_Summery .comment_area{
    padding: 0;
    border: #ddd 1px solid;
    font-size: 13px;
}


/********************************************************
********************************************************/
.questions_area{
    border: #000 1px solid;
}
.questions_area .questions_list{
    padding: 0;
    margin: 0;
    list-style: none;
}

.questions_area .questions_list li{
    padding: 15px 15px;
    margin: 0;
    border-bottom: #eaeaea 1px solid;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    color: #000;
}

.company-profile-tabs li a {
    padding: 11px 60px;
    display: inline-block;
    background: #f1f1f1;
    color: #000;
}
ul.nav.nav-tabs.company-profile-tabs {
    margin-bottom: 30px;
    border: none;
}

.company-profile-tabs li a{
    background:#eceaea;
    margin-right: 2px;
}

.company-profile-tabs li a.active, .company-profile-tabs li a:hover {
    background: #fad122;
    color: #fff;
}

ul.route-list li a {
    display: inline-block;
    padding: 8px 22px;
    background: #ccc;
    margin: 0 2px;
    color: #000;
}
ul.route-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}
.pro-drop {
    width: 300px;
    text-align: center;
}
.profile-pic {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
    position: relative;
}
.profile-pic img {
    width: 100%;
    height: 100%;
/*    object-fit: cover;*/
}
.pic-input span {
    position: absolute;
    bottom: 0px;
    left: 32px;
    color: #000;
    background: #fde3e3;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pic-input input[type="file"] {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;
}
.pic-input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.my-acc p {
    margin: 0 0 6px 0;
    font-size: 14px;
}
.my-acc h3 {
    font-size: 15px;
    color: blue;
    margin: 7px 0 0 0;
}
a.mange-pro {
   background: #fad122;
color: #000!important;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
font-family: 'Poppins', sans-serif;
border: #fad122 1px solid;
padding: 10px 10px 10px 10px!important;
font-size: 18px;
text-decoration: none;
transition-duration: 1s;
-webkit-transition-duration: 1s;
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
letter-spacing: 1.5px;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
}

a.mange-pro:hover{
    background: #000;
    color:#fff!important;
}

.pro-drop{
    position: absolute;
    will-change: transform;
    top: 40px !important;
    right: 0px!important;
    left: auto!important;
}
/********************************************************
********************************************************/
.notification_area{
    text-align: left;
    padding: 0 15px;
    
}

.notification_area .noti-footer {
    text-align: center;
    padding: 8px 0 0px;
}

.notification_area .noti-footer a{
    display:inline-block;
}

.notification_area a{
    color: #000 !important;
}
.notification_area a:hover{
    color: #fad122 !important;
}


.notification_area .noti-body{
    border-top: #e7e7e7 1px solid;
    border-bottom: #e7e7e7 1px solid;
    
}

.notification_area .noti-body ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

.notification_area .noti-body ul li{
    padding: 5px 0 5px 60px;
    width: 100%;
    margin: 0;
    border-bottom: #e7e7e7 1px solid;
    display: block;
    position: relative;
    
}

.notification_area .noti-body ul li p strong{
    font-size: 11px;
    color: #000;
}

.notification_area .noti-body ul li p strong a{
    font-size: 11px;
    padding: 0;
    display: inline-block;
}

.notification_area .noti-body ul li p{
    font-size: 11px;
    color: #000;
    margin-bottom: 5px;
}

.notification_area .noti-body ul li p.date{
    color: #ababab;
}


.notification_area .noti-body ul li:hover{
    background: #f4f4f4;
}

.notification_area .noti-body ul li .noti_img{
    width: auto;
    height: 50px;
    border-radius: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 7px;
}

.noti-head {
    padding: 2px 0 5px;
}
/********************************************************
********************************************************/

#helf_accordion .card {
    border-radius: 0;
    border: 0px solid rgba(0,0,0,.125);
}
#helf_accordion .card .card-header{
        /*background-color: #fff;*/
}
#helf_accordion .card .card-header a{
    display: block;
    position: relative;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0;
}

#helf_accordion .card .card-body p, #helf_accordion .card .card-body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: 1.5;
}



#helf_accordion .card .card-header a.card-link.collapsed:after {
    font-family: 'FontAwesome';
    content: "\f055";
    color:#fad122;
    position:absolute;
    bottom:-1px;
    top:0px;
    right:0;
}
#helf_accordion .card .card-header a.card-link:after {
    font-family: 'FontAwesome';
     content: "\f056";
    position:absolute;
    bottom:-1px;
    top:0px;
    right:0;
}

#helf_accordion .card .card-body {
    /*background: #fff*/;
}


#helf_accordion .panel-default > .panel-heading + .panel-collapse > .panel-body .list-inline li {
    width:100%;
}

.help_inquery_list{
    padding: 0;
    margin: 0 0 40px 0;
    list-style: none;
}

.help_inquery_list li{
    padding: 0;
    margin: 0 0 10px 0;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
}
.help_inquery_list li a{
    /*background: #fff*/;
    display: block;
    padding: 10px 10px 10px 50px;
    position: relative;
    color: #737373;
    
}

.help_inquery_list li a .inqu_img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 10px;
    top: 7px;
    text-align: center;
    line-height: 30px;
}

/*********************************************************16-03-2021***********************************/

.footer_right{
    float: right;
}

.dashboardtab2{
    background: #383741;
}

.dashboardtab2 h3{
    display: inline-block!important;
    background: none !important;
    text-align: center !important;
    width: 49%;
}

.dashboardtab2 h3.active{
    background: #fad122 !important;
    color: #000 !important;
}



/*********************************************************16-03-2021***********************************/

.help_inquery_list li a .inqu_img img{
    width: 90%;
    height: 90%;
}
.help_inquery_list li a h5{
font-size: 16px;
    font-family: 'Poppins', sans-serif;

}

.help_inquery_list li a p{
font-size: 13px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
}

.help_inquery_head{
    /*background: #fff*/;
    display: block;
    padding: 10px 10px 10px 50px;
    position: relative;
    color: #737373;
    
}

.help_inquery_head .inqu_img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 10px;
    top: 7px;
    text-align: center;
    line-height: 30px;
}

.help_inquery_head .inqu_img img{
    width: 90%;
    height: 90%;
}
.help_inquery_head h4{
font-size: 22px;
    font-family: 'Poppins', sans-serif;

}
/*

@media (min-width: 768px) {

    .brand-pills > li > a {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    
    li.brand-nav.active a:after{
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 9px solid #428bca;
        position: absolute;
        top: 50%;
        margin-top: -20px;
        left: 100%;
        z-index: 2;
    }
}*/
/********************************************************
********************************************************/
.Operator_Time .fuel_body_top {
    position: relative;
    margin-bottom: 10px;
    width: auto;
    display: inline-block;
}
.Operator_Time .fuel_body_top_box{
    font-size: 12px;
}
.Operator_Time .fuel_body_top_box .form-group label{
    display: block ;
    width: 100%;
    margin-bottom: 5px;
}

.Operator_Time .fuel_body_top_box #datepicker2, .Operator_Time .fuel_body_top_box input.hasDatepicker, .Operator_Time  .fuel_body_top_box select {
    height: 30px!important;
    width: 100%;
    display: inline!important;
    border-radius: 30px;
    border: 1px solid #d9d9d9;
    padding: 0 10px;
    
}
.Operator_Time .fuel_body_top_box {
    width: 111px;
    padding-right: 7px;
}

.Operator_Time .fuel_body_top_box1{
     float: left;
    width: 175px;
        padding-top: 12px;
}
.Operator_Time .fuel_body_top_box1 .custom-search-input .search-query {
    width: 100%;
    height: 31px;
    border: 1px solid #d9d9d9;
}
.min_height_sec{
    min-height: 650px;
}

/********************************************************
********************************************************/
.Trip_replay_page .Trip_replay_sec{
    border: #000 1px solid;
        padding-top: 40px;
    margin-bottom: 40px;
}

.Trip_replay_page .map_sec_area {
    width: 100%;
/*    max-height: 480px;*/
    height: 68vh;
    overflow: hidden;
    display: block;
    margin: 15px 0 25px 0;
    border: #000 1px solid;
    border-radius: 0;
    position: relative;
}

.Trip_replay_page .map_sec_area iframe{
    height: 100%;
    width: 100%;
}

.Trip_replay_page .cardetails_box {
    width: 277px;
    height: 113px;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #f5dc5b;
    padding: 15px;
    top: -132px !important;
    left: -130px !important;
    transform: none !important;
    position: absolute !important;
}

.Trip_replay_page .Trip_left{
    margin-bottom: 30px;
}

.Trip_replay_page .Trip_left .head{
    border-bottom: #fad122 1px solid;
    margin-bottom: 20px;
}

.Trip_replay_page .Trip_left .head h3{
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    color: #000000;
    margin-bottom: 10px;
    margin-top: 0;
    padding-bottom: 0;
    position: relative;
}

.Trip_replay_page .Trip_left .head h3:after{
    display: none;
}
.Trip_replay_page .Trip_left .form-control {
    height: 38px;
    border-radius: 0;
}
.Trip_replay_page .Trip_left .btn-round-normal {
   
    padding: 6px 25px 6px 25px;
    font-size: 15px;
   margin-bottom: 15px;
    margin-top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.Trip_replay_page .Trip_left .table_head{
    background: #c1c1c1;
    padding: 10px;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
}
.Trip_replay_page .Trip_left #Trip_accordion {
    width: 100%;
}

.Trip_replay_page .Trip_left #Trip_accordion table{
    margin-bottom: 0;
}


.Trip_replay_page .Trip_left #Trip_accordion .card {
    border-radius: 0;
    border: 0px solid rgba(0,0,0,.125);
}
.Trip_replay_page .Trip_left #Trip_accordion .card .card-header {
    background-color: #f4f4f4;
    border-radius: 0;
    position: relative;
    padding: 9px 10px;
}
.Trip_replay_page .Trip_left #Trip_accordion .card .card-header a{
    display: block;
    position: relative;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

.Trip_replay_page .Trip_left #Trip_accordion .card .card-body p, .Trip_replay_page .Trip_left #Trip_accordion .card .card-body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: 1.5;
}

.Trip_replay_page .Trip_left #Trip_accordion .btn-view{
    margin-bottom: 7px;
}

.Trip_replay_page .Trip_left #Trip_accordion .card .card-header a.card-link.collapsed:after {
    font-family: 'FontAwesome';
    content: "\f055";
    color:#000;
    position:absolute;
    bottom:0;
    top:0px;
    right:0;
    height: 25px;
    margin: auto;
}


.empty_feed_info{
    font-size:17px;
}

.search_area h3{
    font-size: 16px;
}


.Trip_replay_page .Trip_left #Trip_accordion .card .card-header a.card-link:after {
    font-family: 'FontAwesome';
     content: "\f056";
    position:absolute;
    bottom:0;
    top:0px;
    right:0;
    height: 25px;
    margin: auto;
}
.Trip_replay_page .Trip_left #Trip_accordion .card .card-body {
    /*background: #fff*/;
    padding: 0;
}

.Trip_replay_page .Trip_left #Trip_accordion .panel-default > .panel-heading + .panel-collapse > .panel-body .list-inline li {
    width:100%;
}
/********************************************************
*******************************************************
***************************07-04-2020**********************************/
.rolespopup{
 max-width: 800px !important;
}

.rolespopup .modal-title{
 text-align: center;
}



.rolespopup .selectstates{
 border: 0;
}

.rolespopup .selectstates label{
 position: relative;
 padding-left: 15px;
}

.rolespopup .selectstates label:before{
 position: absolute;
 top: 5px;
 left: 0;
 background: #ccc;
 width: 10px;
 height: 10px;
 content: "";
}

.inspectiontebleformet tr th{
 padding:15px;
 border-bottom:1px solid #ccc;
 font-size: 20px;
 background: #fbfbfb;
}

.inspectiontebleformet tr td{
 padding:15px;
 border-bottom:1px solid #ccc;
 font-size: 20px;
}

.inspectiontebleformet tr td{
 font-size: 16px;
}



.inspectiontebleformet .upload-field-customized {
 width: 57%;
 background: none;
 position: relative;
 cursor: pointer;
 border: 0;
 height: 40px;
}

.inspectiontebleformet .upload-field-customized input[type="file"] {
 position: absolute;
 width: 100%;
 height: 40px;
 opacity: 0;
 cursor: pointer;
 left: 0px;
 top: 0px;
 z-index: 10;
}

.inspectiontebleformet .upload-field-customized span {
 text-align: center;
 width: 100%;
 display: block;
 height: 50px;
 line-height: 40px;
 padding: 0 0 0 0;
 font-size: 18px;
 color: #fad122;
}
/********************************************************
********************************************************/
.map_sec_area #nav-icon3 {
    color: #000;
}
.map_sec_area #nav-icon3 i{
    position: relative;
    top: -4px;
}

.map_sec_area #nav-icon3 i:before{
    content: "\f178";
    font-family:'FontAwesome';
}

.map_sec_area #nav-icon3.open i:before{
        content: "\f00d";
    font-family:'FontAwesome';
}

/********************************************************
********************************************************/
#nav-icon2 {
    color: #000;
}
#nav-icon2 i{
    position: relative;
    top: -6px;
    color: #fff;
    font-size: 30px;
    left: -4px;
}

#nav-icon2 i:before{
        content: "\f00d";
    font-family:'FontAwesome';
}

#nav-icon2.open i:before{
        content: "\f0c9";/*    content: "\f0c9";*/
    font-family:'FontAwesome';
}

.arrow_sec{
    position: relative;
    pointer-events: none;
}

.arrow_sec .form-maptext{
    margin-top: 0;
    pointer-events: visible;
}

.arrow_sec:after{
    width: 15px;
    height: 15px;
    content: "\f107";
    font-family: 'FontAwesome';
    text-align: center;
    line-height: 15px;
    color: black;
    font-size: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
}




.table td, .table th {
    padding: 8px;
}
/********************************************************
                08-04-2020
********************************************************/
button.remove-field{
 width: 40px;
 height: 40px;
 background: #fad122;
 border: 0;
 margin-top: 28px;
    color: #fff;
}

button.add-field{
 background: #fad122;
 border: #fad122 1px solid;
 padding: 6px 20px 6px 20px;
 font-size: 18px;
 margin-top: 20px;
 margin-bottom: 20px;
 border-radius: 30px;
    color: #000;
}

.multi-field{
 position: relative;
}

.multi-field button.remove-field{
 position: absolute;
 top: 0;
 right: 0;
}
/********************************************************
********************************************************/
.page_nav_area.camera_view_area{
    position: relative;
    margin: 35px 0 0 0;
    background: #d1d1d1;
}
.page_nav_area .page_nav.camera_view{
    padding: 10px;
    margin: 0;
    list-style: none;
    background: transparent;
    z-index: 9;
}

.page_nav_area .page_nav.camera_view li a {
    padding: 0;
    margin: 0 4px;
    border-radius: 0;
}




/*************************09-04-2020*********************************/
.notificationspopup {
    min-width: 800px;
}

.helppopup .modal-dialog{
    max-width: 800px;
}


/************************************TAB*********************************************************/
.setrule_tab{
    width: 100%;
}

.tabs {
  max-width: 100%;
}

.tabs-nav{
    padding:0;
    margin: 0;
    list-style: none;
}


.tabs-nav li {
  float: left;
  width: 33.3%;
}
.tabs-nav li:first-child a {
  border-right: 0;
  border-top-left-radius: 6px;
}
.tabs-nav li:last-child a {
  border-top-right-radius: 6px;
}
.tabs-nav li a {
  background: #eaeaed;
  border: 1px solid #cecfd5;
  color: #000;
  display: block;
  font-weight: 600;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
}
.tabs-nav li a:hover {
  color: #000;
  background: #fad122;
}
.tabs-nav li.tab-active a {
  background: #fad122;
  border-bottom-color: transparent;
  color: #000;
  cursor: default;
}
.tabs-stage {
  border: 1px solid #cecfd5;
  border-radius: 0 0 6px 6px;
  border-top: 0;
  clear: both;
  padding: 24px 30px;
  position: relative;
  top: -1px;
}

.tabs-stage1 .form_sec_area{
    padding:0;
}

.tabs-stage .form_sec_area .form-group{
    margin-bottom: 20px;
}


/******************************NO OFF*************************************/
.toggle-label {
    position: relative;
    display: block;
    width: 150px;
    height: 40px;
    margin-top: 8px;
    border: 1px solid #808080;
    margin: 0;
}
.toggle-label input[type=checkbox] { 
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.toggle-label input[type=checkbox]+.back {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ed1c24;
  transition: background 150ms linear;  
}
.toggle-label input[type=checkbox]:checked+.back {
  background: #00a651; /*green*/
}

.toggle-label input[type=checkbox]+.back .toggle {
  display: block;
  position: absolute;
  content: ' ';
  background: #fff;
  width: 50%; 
  height: 100%;
  transition: margin 150ms linear;
  border: 1px solid #808080;
  border-radius: 0;
}
.toggle-label input[type="checkbox"]:checked + .back .toggle {
    margin-left: 75px;
}
.toggle-label .label {
  display: block;
  position: absolute;
  width: 50%;
  color: #000;
  line-height: 37px;
  text-align: center;
  font-size: 15px;
}
.toggle-label .label.on { left: 0px; }
.toggle-label .label.off { right: 0px; }

.toggle-label input[type=checkbox]:checked+.back .label.on {
  color: #fff;
}
.toggle-label input[type=checkbox]+.back .label.off {
  color: #fff;
}
.toggle-label input[type=checkbox]:checked+.back .label.off {
  color: #000;
}

.emailnotofication_sender label{
    float:left;
    margin-right: 25px;
    margin-bottom: 15px;
}

.btn-img .fa-search, .btn-img .fa-file-o{
    padding-top: 5px;
}

.dt-buttons button[type="button"]{
    background: #fad122 !important;
    color: #000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #fad122 1px solid;
    padding: 6px 20px 6px 20px;
    font-size: 13px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 0;
    letter-spacing: 1.5px;
    cursor: pointer;
    font-weight: 600;
}

.dt-buttons button[type="button"]:hover{
    background: #000!important;
    color: #fff;
    border: #000 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}



/********************************************************
a.selflink, a.dispatchlink{
    font-size: .80vw;
    color: #737373;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    display: inline-block !important;
    width: auto !important;
}

span.slash{
    display:inline;
}

.camera_box_list {
    float: left;
    margin-left: -8px;
    position: relative;
    width: 100%;
}

.camera_box_list .dropdown {
    position: absolute;
    right: 15px;
    top: 19px;
    background: rgba(252, 231, 143, 1);
    padding: 0px 11px;
    border-radius: 5px;
}

.blank_video_container{
    width:360px!important;
    height: 259px!important;
    border: #000 solid 1px!important;
    margin-bottom: 6px!important;
    float: left;
    margin-right: 6px;
}

.btn-img .fa-search{
    padding-top:5px;
}

.peropsdata_table table tbody tr td{
    padding-top:10px !important; 
    padding-bottom:10px !important; 
}

.btn-img .fa-file-o{
    padding:5px;
}

.peropsdata_table .dt-buttons{
    float: right;
    margin-top: -58px;
}


.tabs1 {
  width: 100%;
  border-radius: 5px 5px 5px 5px;
   font-family: 'Poppins', sans-serif;
    padding: 0 10px;
}
ul#tabs-nav1 {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
  overflow: auto;
}
ul#tabs-nav1 li {
    float: left;
    font-weight: normal;
    margin-right: 2px;
    padding: 8px 0px;

    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    font-size: .99vw;
    border-bottom: #ccc solid 1px;
    width: 24.5%;
    text-align: center;
}
ul#tabs-nav1 li:hover,
ul#tabs-nav1 li.active {
  border-bottom: #fad121 solid 1px;
}
#tabs-nav1 li a {
  text-decoration: none;
  color: #000;
}
.tab-content1 {
    font-family: 'Poppins', sans-serif;
    height: 100px;
    
}

.select_state_close{
    background: #000;
    color: #fad122;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #fad122 1px solid;
    padding: 6px 20px 6px 20px;
    font-size: 18px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 0;
    letter-spacing: 1.5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);

}

.select_state_close:hover {
    background: #fad122;
    color: #000;
    border: #000 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}



.select_state_save{
    background: #fad122;
    color: #000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #fad122 1px solid;
    padding: 6px 20px 6px 20px;
    font-size: 18px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 0;
    letter-spacing: 1.5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);

}

.select_state_save:hover {
    background: #000;
    color: #fad122;
    border: #000 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}


.chanel_left{
    position:fixed;
    width: 14.3%;
}

.videoContainer16 .srceen_video iframe {
    height: 204px !important;
    border: 0;
    width: 100%;
    margin: -5px 0;
    text-align: center;
}

.videoContainer48 .srceen_video iframe {
    height: 169px !important;
    border: 0;
    width: 100%;
    margin: -5px 0;
    text-align: center;
}
********************************************************/

.left_panel .camera_list li > ul li.channel_active a{color:#fad122;}
.left_panel .camera_list li > ul li.channel_inactive a{color:#fad122;}

/*previous code line no: 2930*/

.left_panel .camera_list li > ul li.channel_active::after {
    width: 26px;
    height: 26px;
    background: url(../img/camera__active_ico.png) no-repeat 4px 8px #fff;
    content: "";
    position: absolute;
    left: 12px;
    top: 3px;
    border-radius: 50%;
}
.left_panel .camera_list li > ul li.channel_inactive::after {
    width: 26px;
    height: 26px;
    background: url(../img/camera__inactive_ico.png) no-repeat 4px 8px #fff;
    content: "";
    position: absolute;
    left: 12px;
    top: 3px;
    border-radius: 50%;
}

.left_panel .camera_list li.channel_main_active label{color:#fad122;}
.left_panel .camera_list li.channel_main_inactive label{color:#fad122;}

/*previous code line no: 2965*/

.left_panel .camera_list > li.channel_main_active:after {
    width: 13px;
    height: 9px;
    background: url(../img/trauck_active_ico.png) no-repeat;
    content: "";
    position: absolute;
    left: 13px;
    top: 8px;
}

.left_panel .camera_list > li.channel_main_inactive:after {
    width: 13px;
    height: 9px;
    background: url(../img/trauck__inactive_ico.png) no-repeat;
    content: "";
    position: absolute;
    left: 13px;
    top: 5px;
}

.left_panel .camera_list li i {
    position: absolute;
    top: 0;
    left: -7px;
    font-size: 15px;
    color: #fff;
}

.left_panel .camera_list > li {
    padding: 0 0 15px 33px;
    position: relative;
}

.location_list li a.car_list_active{
    background: #eceaea;
}

.gm-ui-hover-effect{
    background:none !important;
}

.hip-pagination {
    position: relative;
    top: 0;
    left: 0;
    width: 186px;
    margin: 0 auto;
}

.hip-pagination a:nth-child(1) {
    position: absolute;
    top: -1px;
    left: 32px;
    z-index: 999;
}

.hip-pagination a:nth-child(2) {
    position: absolute;
    top: -2px;
    right: 32px;
    z-index: 999;
}

.gm-style-iw-d
{
    overflow:hidden !important;
}

#fullviewModal .modal-dialog {
    max-width: 857px;
    margin: 1.75rem auto;
}

.header_form_area form{
    margin:0;
}

#__searchit1{
    width:100%;
    font-size: 14px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    border: 1px solid #d9d9d9;
    height: 36px;
    padding-left: 10px;
}

#__searchitWrapper1{
    z-index: 9999!important;
}

#tripVehicleId{
    height:250px !important;
}

.addOption{
    margin-top:30px;
    width: 36px;
}

.removeOption{
    margin-top:30px;
    color: #fff;
    background-color: #fad122;
    border-color: #fad122; 
    width: 36px;
}

table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after{bottom:11px;}

#speed_type{
    margin-top: 10px;
}

#repeated_min, #trigger_min{
    margin-bottom:10px;
}

.choose_color_panel span{
    width: 100%!important;
}


#uploadimageModal .modal-dialog {
    max-width: 810px;
}

.croppie-container{
    width: 722px!important;
}

.dropdown-menu.show{
    transform: none!important;
}

#activeQList{
    list-style:none;
    padding-left: 0;
}

a.table_toplink{
    font-size:15px;
    display: inline-block;
    color: #000;
    text-decoration: underline;
    margin-bottom: 15px;
}


#headertop1 .modal-dialog, #headertop2 .modal-dialog, #headertop3 .modal-dialog, #headertop4 .modal-dialog {
        max-width: 55% !important;
    }

.page-item.active .page-link{
    
    background-color: #fad122;
    border-color: #fad122;
}

.multi_delete{
    color: #fff;
    margin-top: 3px;
    display: inline-block;
}

.map_sec_area .map_sec2 {
    padding: 0;
    margin-bottom: 0;
    width: 171px;
    height: auto;
    position: absolute;
    left: 512px;
    right: 158px;
/*  box-shadow: 0px 2px 1px #ccc;*/
    /* bottom: 6px; */
}

.map_sec_area .map_sec2::before {
    width: 1px;
    height: 30px;
    background: #e1e1e1;
    position: absolute;
    top: 10px;
    left: 7px;
    content: "";
    z-index: 999;
}

.maptext label {
    font-size: 11px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

.form-goview option {
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.iframe_map_detail .maptext2 {
    background: #fff !important;
}

.maptext_area2 {
    position: relative;
    width: 100%;
    min-height: 0;
}

.arrow_sec2 {
    position: relative;
    pointer-events: none;
}

.arrow_sec2:after {
    width: 15px;
    height: 15px;
    content: "\f107";
    font-family: 'FontAwesome';
    text-align: center;
    line-height: 15px;
    color: black;
    font-size: 16px;
    position: absolute;
    top: 6px;
    bottom: 0;
    right: 10px;
    margin: auto;
}

.gm-control-active{
    bottom:40px !important;
}

.gmnoprint{
    bottom:40px !important;
}

.vehicle_tracker_dropdown .gmnoprint{
    bottom:57px !important;
}

#rtipReplay .gmnoprint {
    bottom: 71px !important;
    right: 60px !important;
}

#locationTracker .gmnoprint {
    bottom: 71px !important;
    right: 80px !important;
    z-index: 0 !important;
    width: 0 !important;
}

#right_map .gmnoprint {
    bottom: 71px !important;
    right: 80px !important;
}

.heat_map_details_r#right_map .gmnoprint {
    bottom: 71px !important;
    right: 80px !important;
}

.heat_map_details_r#right_map .gmnoprint > div[draggable="false"] {
    left: 8px !important;
    top: -21px;
}

#single_map .gmnoprint {
    bottom: 71px !important;
    right: 80px !important;
}

.heat_map_details_r#right_map .gmnoprint .gm-svpc{
    left: 8px !important;
    top: -60px !important;
}



.form-maptext2 {
    width: 100%;
    height: 40px;
    border: 0;
    border-radius: 0;
    line-height: 24px;
    padding: 0 7px;
    margin-top: 5px;
    pointer-events: visible;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    outline: none;
}

.maptext2 {
        width: 100%;
    height: auto;
    background: #fff;
    border-radius: 0;
    border: 0;
    padding: 0;
    float: none;
    display: block;
    position: relative;
    top: 0; 
}

.maptext2 label {
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
    text-transform: capitalize;
}

.purple{
    width: 40px;
    height: 18px;
    display: inline-block;
}

.purple img{
    width:100%!important;
}

.gray{
    width: 40px;
    height: 18px;
    display: inline-block;
}

.gray img{
    width:100%!important;
}

.red{
    width: 40px;
    height: 18px;
    display: inline-block;
}

.red img{
    width:100%!important;
}

.yellow{
    width: 40px;
    height: 18px;
    display: inline-block;
}

.yellow img{
    width:100%!important;
}

.blue{
    width: 40px;
    height: 18px;
    display: inline-block;
}

.blue img{
    width:100%!important;
}

select#companyStateList::-ms-expand {   display: none; }
select#companyStateList{
    -webkit-appearance: none;
    appearance: none;
}
/*
@-moz-document url-prefix(){
    .ui-select{border: 1px solid #CCC; border-radius: 4px; box-sizing: border-box; position: relative; overflow: hidden;}
  .ui-select select#companyStateList { width: 110%; background-position: right 30px center !important; border: none !important;}
*/
    
    
    #sosViewModall .modal-dialog{
        max-width:1000px;
    }

    .breadcambtabpanel #tabs ul#user-nav-tabs{border-bottom:0;}
    .breadcambtabpanel #tabs ul#user-nav-tabs li a {
    text-align: left;
}
    .breadcambtabpanel #tabs ul#user-nav-tabs li.active a{
        background:#fff!important;
    }
    
    
.swal2-modal, .modal-dialog, .tabsection_map, .dashboard-three {
/*    box-shadow: 2px 2px 30px #000;*/
    z-index: 99;
}

    .fixed-top{
        z-index: 99;        
    }
    
    .notification-heder{
        left:-200px!important;
        top: 63px !important;
    }




/********************************************************
********************************************************/

.tracker_dash_page .map_sec_area {
    width: 100%;
     height: 1120px;
    
}

.tracker_dash_page .iframe_map_detail{
    width: 100%;
    height: auto;
    position: relative;    
    margin-bottom: 20px;
    margin-top: 4px;
/*
    resize: both;
    overflow-y: hidden;
*/
}

/*
.tracker_dash_page .iframe_map_detail:after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../img/map_arrow.png) no-repeat 0 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    
}
*/

table.dataTable {
    border: black 1px solid;
}

.modal-body .form_sec_area {
    padding: 0;
}

.modal-body .form_sec_area form {
    padding: 20px 30px;
}

.Trip_replay_page .Trip_left #Trip_accordion .card .card-body .table td, .Trip_replay_page .Trip_left #Trip_accordion .card .card-body .table th {
    padding: 7px;
}


.map_sec_area.breadcrumb_page {
    width: 100%;
/*    height: auto;*/
}

.breadcrumbs_sec{
    background: #efefef;
    padding-top: 15px;
    padding-bottom: 15px;
    
}

.breadcrumbs_sec1{
    background: #efefef;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
}

.breadcrumbs_sec1:before{
    width: 8px;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #f7f7f7;
}


.breadcrumbs_sec1 .breadcrumbs_area table tr th {
    font-size: 17px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    padding: 0 5px;
    background: transparent;
    text-align: center;
}

.breadcrumbs_sec1 .breadcrumbs_area table tbody tr {
/*    border: #000 1px solid;*/
}

.breadcrumbs_sec1 .breadcrumbs_area table tbody tr.dark_bg {
    border: #000  0px solid;
}

.camera_box_list {
    float: left;
    margin-left: 0;
    position: relative;
    width: 100%;
}

.cam_dropdown button{background-color:transparent; padding: 0;}
.cam_dropdown ul.dropdown-menu {
    width: 150px;
    padding: 0;
    top: -2px !important;
    left: -153px !important;
}

.cam_dropdown ul.dropdown-menu li{
    padding:5px 15px;
    border-bottom:1px solid #ccc;
}

.cam_dropdown ul.dropdown-menu li a{
    color:#000;
}


.camera_box_list .dropdown {
    position: absolute;
    right: 0;
    top: 9px;
    /* background: rgba(252, 231, 143, 1); */
    padding: 0px 11px;
    border-radius: 5px;
    z-index: 9;
}

.camera_box_list .dropdown i{
    color: red;
    font-size: 20px;
}

#tableOperationArea_info{
    float: left;
    padding-bottom: 30px;
    padding-top: 29px;
}

#tableOperationArea_paginate{
    float:right;
    padding-bottom: 30px;
    padding-top: 20px;
}

.gm-style-iw.gm-style-iw-c{
    background:#3d4049;
    color: #fff;
    width: 200px;
    
}

.view_password{
    position:relative;
}

.view_password_icon {
    position: absolute;
    right: 20px;
    top: 14px;
}

.view_password_icon a i{color:#000;}

.gm-style .gm-style-iw-t::after {
    background: linear-gradient(45deg,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%);
    box-shadow: -2px 2px 2px 0 rgba(178,178,178,.4);
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%,-50%) rotate(-45deg);
    width: 15px;
}

.locationTrackerTable{
    margin-top:15px;
}

#ui-id-1 {
    width: 205.125px;
    display: none;
    left: 114px;
    top: 62px;
    height: 300px!important;
    overflow-y: scroll!important;
}

.vehiclefeed img{
    height:83%
}


.vehiclefeed img {
    height:300px;
}

#feedBackDemo{
    height: 20vh;
    margin-top: 5px;
}

.locationtrackervideo img{
    height:82%;
}

.vehicleLatestFeed h3, .wazeContentArea h3{
    font-size: 18px;
    color: #000;
    margin-top: 0;
    margin-bottom:0;
    font-family: 'Poppins', sans-serif;
    display: inline-block;
}

.csvSample a{
    background: #fad122;
    color: #000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #fad122 1px solid;
    padding: 5px 15px 4px 15px;
    font-size: 13px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    font-weight: bold;
    margin-top: 15px;
}

#vehicleCsv{
    border: 1px solid #ccc;
    padding: 5px;
}

#vehicleAddCSV{
    text-align:center;
}

#vehicleAddCSV .modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 15px 0 0;
}

#vehicleAddCSV .select_state_close, #vehicleAddCSV .select_state_Save{
    background: #fad122;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #fad122 1px solid;
    padding: 5px 15px 4px 15px;
    font-size: 13px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    font-weight: bold;
    margin-top: 15px;
}


/*******************************************************************************/

#preopsfilter .modal-dialog {
    max-width: 820px;
    margin: 100px auto;
}

.filter_modal_button{
    background: #fad122 !important;
    color: #000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #fad122 1px solid;
    padding: 10px 20px 10px 20px;
    font-size: 13px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 0;
    letter-spacing: 1.5px;
    cursor: pointer;
}

.reg{
    color:red;
}


.survay_popup_l h2{
    padding:0 0 10px 0;
    margin: 0;
    color: #000;
    font-size: 23px;
}

.survay_popup_l p{
    padding:0 0 30px 0;
    margin: 0;
    color: #000;
    font-size: 16px;
}

.survay_popup_l ul{
    padding:0;
    margin: 0;
    list-style: none;
}

.survay_popup_l ul li{
    font-size:30px;
}


.location_list li a.car_list_active{
    background:#dbd9d9 !important;
}





.ui-resizable-se
{
    right: 0px!important;
    bottom: 0px!important;
    z-index: 0!important;
}

.ui-resizable-nw{
    left: 0!important;
    top: 0!important;
    z-index: 0!important;
}

.ui-resizable-ne {
    right: 0!important;
    top: 0!important;
    z-index: 0!important;
}

.ui-resizable-sw {
    left:0px!important;
    bottom: 0px!important;
    z-index: 0!important;
}

.ui-rotatable-handle 
{
    background: #f5dc58;
    border: 1px solid #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    
    height:        10px;
    left:          50%;
    margin:        0 0 0 -5px;
    position:      absolute;
    top:           -5px;
    width:         10px;
}
.ui-rotatable-handle.ui-draggable-dragging
{
    visibility:  hidden;
}

.locationrightpanel{
    width:83% !important;
}


#video_view_container.box_view_container_4 .blank_video_container {
   width: 23.4% !important;
/*    height: 187px !important;*/
    margin-right: 6px;
}



.company_logo_preview{
    width:283px !important;
}

.company_logo_preview img{
    margin:15px 0!important;
    width: 100%;
}

.company_banner_preview{
    width:283px !important;
    height: 191px!important;
}

.company_banner_preview img{
    margin:0!important;
    width: 100%;
    height: 100%;
    
}
    
    
/********************************************************************************************************/
    .choose_list li p{
        text-align:left!important;
    }
    
    .company-color-picker{
        top: -32px;
        right: -70px;
    }
    
    .company-color-picker1{
        bottom: -27px;
        right: -71px;
        z-index: 999;
    }
    
    .company-color-picker2{
        bottom: -18px;
        right: -71px;
        z-index: 99;
    }
    
    .locationtracker_table {
        margin-top: 15px;
        border-bottom: #ccc solid 1px;
    }
    
    #vehicleInfo{
    padding:10px 0 0 0; 
}

#vehicleInfo p{
    padding:0 0 5px 0;
    margin: 0;
    width: 100%;
}

#vehicleInfo p b{
    background: #fad122;
    color: #fff;
    width: 30%;
    padding: 5px 5px;
    display: inline-block;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

#vehicleInfo p span{
    background: #fff;
    color: #000;
    width: 70%;
    padding: 5px 5px;
    display: inline-block;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
    
.play_prev_btn {
    background: #fad122 !important;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #fad122 1px solid;
    padding: 3px 20px 3px 20px;
    font-size: 13px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    letter-spacing: 1.5px;
}


.play_prev_btn:hover{
    background: #000 !important;
    color: #fff;
}
    
#companyStateList option {
    border-bottom: 1px solid #ccc;
    padding: 9px 0;
}
    
    


#video_view_container .blank_video_container {
    width: 326px;
    height: 222px !important;
    margin-bottom: 6px !important;
    margin-right: 0;
    float: left;
}
    
    .srceen_video {height:224px;}
    
.hip-item {
    padding: 0!important;
}

.srceen_video iframe {
    height: 229px !important;
    border: 0;
    width: 100%;
    margin: -5px 0;
    text-align: center;
}

.notify-area {
    border: 1px solid #fbd123!important;
    float: right!important;
    width: 25px!important;
    text-align: center!important;
    border-radius: 50%!important;
    height: 25px!important;
    color: #000!important;
    font-size: 11px!important;
    padding: 5px 0 0 0!important;
}

.header-notofy-area {
    position: absolute;
    left: 44px;
    top: 2px;
    background: #fad122;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    padding: 1px 0 0 0;
    color: #000;
    font-size: 12px;
    font-weight: 500;
}

.map_sec1 {
    position: absolute;
/*    top: 400px;*/
    left: 50px;
    z-index: 99;
    width: 176px;
    bottom: 0;
}

.hummingbird-treeview, .hummingbird-treeview * {
    font-size: 12px!important;
}

/****************************************
             06-06-2020
****************************************/
#video_view_container {
    padding-bottom: 20px;
    padding-left: 10px;
}


.main_logo_sec img{
    width: 155px !important;
    
}
    
.feed_vehicle_info table.map_vehicle_info {
    width: 100%;
    border: 1px solid #ccc;
}
    
.feed_vehicle_info table tr th {
    vertical-align: bottom;
    border-bottom: 1px solid #eaeaea;
    background: #fad122;
    font-size: 14px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 12px;
    border-right: 1px solid #fff;
}
    
.feed_vehicle_info table tr td {
    font-size: 14px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    padding: 12px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
    
    
.feed_view {
    width: 100% !important;
}
    
#video_feed_modal {
    height: 500px;
    width: 700px;
}

.camera_box_list {
    width: 100%;
    height: auto;
/*    overflow: hidden;*/
}


.camera_box_list img {
    width: 100%;
    height: 100%;
}
    
    
#video_view_container.box_view_container_1 .blank_video_container {
    width: 97% !important;
    height: 430px !important;
}


#video_view_container.box_view_container_9 .blank_video_container {
    width: 32% !important;
    height: 200px !important;
}

#video_view_container.box_view_container_16 .blank_video_container {
   width: 24% !important;
    height: 143px !important;
}
#video_view_container.box_view_container_48 .blank_video_container {
   width: 16% !important;
    height: 97px !important;
}

iframe html body img{
    width: 100% !important;
    height: 100% !important;
}


.srceen_video iframe img, .srceen_video iframe html body img{
    width: 100% !important;
    height: 100% !important;
}

.table-responsive.vehicleLatestFeed {
    padding: 0;
    /* border: #ddd 1px solid; */
    min-height: auto;
    overflow-y: hidden!important;
    /* overflow: inherit!important; */
    /* resize: both; */
    border-radius:10px;
}



.track_location_page .vehiclefeed {
    padding: 0;

/*  background: #fff;*/

}

.track_location_page .vehiclefeed :hover{
    cursor: move;
}


.track_location_page .locationtrackervideo{
     padding: 5px;
    border: #ddd 1px solid;
    height: 350px!important;
    background: #fff;
    width: 69%;
}

.wazeContentArea {
    padding: 5px;
    border: #ddd 1px solid;

    background: #fff;

}



.vehicleLatestFeed{
    background:#fff;
}

.dashboardLowerBottom {
    height: 40px;
}
.dashboard-three {
/*
    padding: 0;
    list-style: none;
    position: absolute;
    top: 138px;
    right: 0;
    display: block;
    z-index: 9;
    width: 621px;
    height: auto !important;
    left: 49px;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
*/

    padding: 0;
    list-style: none;
    position: absolute;
    top: 228px;
    right: 7px;
    display: block;
    z-index: 9;
    width: 621px;
    height: auto !important;
    left: auto;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;

}




.dashboard-three li:last-child{
    padding-top:3px;
    text-align: center;
}

.dashboard-three li {
    width: 50%;
    display: inline-block;
    float: left;
   
}
.dashboard_bottom_box{
    width:100%!important;
    float: left;
    margin:0;
    position: relative;
    overflow: visible !important;

}



.stop_drag{
    inset:0 !important;
}

.stellarnav {
    position: relative;
    z-index: 99;
    line-height: normal;
    width: 105px;
    background: #fad122;
    pointer-events: visible;
}
.stellarnav a {
    color: #777;
}
.stellarnav ul {
    margin: 0;
    padding: 0;
    text-align: left;
    background: #313131;
}
.stellarnav li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    line-height: normal;
    vertical-align: middle;
}
.stellarnav li a {
    padding: 15px;
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 11px;
    font-family: 'Lato', sans-serif;
    box-sizing: border-box;
    font-weight: 400;
    letter-spacing: 1px;
/*
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
*/
    font-weight: 400;
    text-align: center;
}

/*.stellarnav ul li:last-child > a{*/
/*  background: #000;*/
/*}*/

.stellarnav ul ul li:last-child > a{
    background:none;
}

/*.stellarnav li:last-child > a:hover{*/
/*  background: #000;*/
/*}*/
    
    
/* main level */



.stellarnav li a:hover, .stellarnav > ul > li.active > a{
    background: #fad122;
}

.stellarnav ul li:nth-child(6) ul{
    top:0px!important;
}
/*
    commented on 25-02
.stellarnav ul li:nth-child(6) ul{*/
/*  top:-120px!important;*/
/*}*/

.stellarnav ul li:nth-child(3) ul{
    /*top:-50px!important;*/
}

.stellarnav ul li:nth-child(6) ul ul{
    top:0!important;
}

/* first level dd */
.stellarnav ul ul {
    top:0;
    width: 200px;
    position: absolute;
    z-index: 9999;
    text-align: left;
    display: none;
    background: #e3d6a1;
    left: 100%;
    
}
.stellarnav li li {
    display: block;
/*  border-bottom: #000 1px solid;*/
}

.stellarnav li li a{
    text-align: left;
    padding: 8px 15px;
    font-weight: 600;
}
/* second level dd */
.stellarnav ul ul ul {
    top: 0; /* dd animtion - change to auto to remove */
    left: 200px;
}
.stellarnav > ul > li:hover > ul > li:hover > ul {
    opacity: 1;
    visibility: visible;
    top: 0;
}
/* .drop-left */
.stellarnav > ul > li.drop-left > ul {
    right: 0;
}
.stellarnav li.drop-left ul ul {
    left: auto;
    right: 220px;
}
/* light theme */
.stellarnav.light {
    background: #313131;
    /*height: 128vh;*/
    /*height: calc(100% - 40px);*/
    padding-top: 0;
    height:100%;
}
/* hide scrollbar but allow scrolling */
.stellarnav.light {
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
  /*overflow-y: scroll; */
}

.stellarnav.light::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}


.stellarnav.light a {
    color: #fff;
}

.stellarnav.light ul ul {
    background: #fad122;
}

.stellarnav.desktop li.has-sub ul li a:hover{background:#fce78f!important;}


.stellarnav.light li a {
    color: #fff;
}


.stellarnav.light li ul li a{
    color:#000;
}



/* dark theme */
.stellarnav.dark {
    background: rgba(0, 0, 0, 1);
}
.stellarnav.dark a {
    color: #FFF;
}
.stellarnav.dark ul ul {
    background: rgba(0, 0, 0, 1);
}
.stellarnav.dark li a {
    color: #FFF;
}
/* sticky nav */
.stellarnav.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}
/* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/
body.stellarnav-noscroll-x {
    overflow-x: hidden;
}
/* general styling */
.stellarnav li.has-sub > a:after {
    content: '';
    margin-left: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000;
    display: inline-block;
}
.stellarnav li li.has-sub > a:after {
    margin-left: 0;
    float: right;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
    position: relative;
    top: 4px;
}
.stellarnav li.drop-left li.has-sub > a:after {
    float: left;
    margin-right: 10px;
    border-left: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #fff;
}
.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after {
    display: none;
}
.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile {
    display: none;
    text-transform: uppercase;
    text-decoration: none;
}
.stellarnav .dd-toggle {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 48px;
    height: 48px;
    text-align: center;
    z-index: 9999;
    border: 0;
}
.stellarnav.desktop li.has-sub a {
    padding-right: 5px;
}
.stellarnav.desktop.hide-arrows li.has-sub a {
    padding-right: 15px;
}
.stellarnav.mobile > ul > li > a.dd-toggle {
    padding: 0;
}
.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile {
    display: none;
}
/* svg icons */
.stellarnav svg {
    fill: currentColor;
    width: 1em;
    height: 1em;
    position: relative;
    top: 2px;
}
/* svg icons */

.stellarnav a.dd-toggle .icon-plus {
    box-sizing: border-box;
    transition: transform 0.3s;
    width: 12px;
    height: 100%;
    position: relative;
    vertical-align: middle;
    display: inline-block;
}
.stellarnav a.dd-toggle .icon-plus:before {
    content: '';
    display: block;
    width: 12px;
    height: 0px;
    border-bottom: solid 3px #777;
    position: absolute;
    top: 50%;
    transform: rotate(90deg);
    transition: width 0.3s;
}
.stellarnav a.dd-toggle .icon-plus:after {
    content: '';
    display: block;
    width: 12px;
    height: 0px;
    top: 50%;
    border-bottom: solid 3px #777;
    position: absolute;
}
.stellarnav li.open > a.dd-toggle .icon-plus {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.stellarnav.light a.dd-toggle .icon-plus:before {
    border-color: #000;
}
.stellarnav.light a.dd-toggle .icon-plus:after {
    border-color: #000;
}
.stellarnav.dark a.dd-toggle .icon-plus:before {
    border-color: #FFF;
}
.stellarnav.dark a.dd-toggle .icon-plus:after {
    border-color: #FFF;
}
.stellarnav .icon-close {
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    position: relative;
    display: inline-block;
}
.stellarnav .icon-close:before {
    content: '';
    display: block;
    width: 12px;
    height: 0px;
    border-bottom: solid 3px #777;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
}
.stellarnav .icon-close:after {
    content: '';
    display: block;
    width: 12px;
    height: 0px;
    top: 50%;
    border-bottom: solid 3px #777;
    position: absolute;
    transform: rotate(-45deg);
}
.stellarnav.light .icon-close:before {
    border-color: #000;
}
.stellarnav.light .icon-close:after {
    border-color: #000;
}
.stellarnav.dark .icon-close:before {
    border-color: #FFF;
}
.stellarnav.dark .icon-close:after {
    border-color: #FFF;
}
/* mobile nav */
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu {
    padding: 15px;
    box-sizing: border-box;
}
.stellarnav .menu-toggle span.bars {
    display: inline-block;
    margin-right: 7px;
    position: relative;
    top: 3px;
}
.stellarnav .menu-toggle span.bars span {
    display: block;
    width: 15px;
    height: 2px;
    border-radius: 6px;
    background: #777;
    margin: 0 0 3px;
}
.stellarnav .full {
    width: 100%;
}
.stellarnav .half {
    width: 50%;
}
.stellarnav .third {
    width: 33%;
    text-align: center;
}
.stellarnav .location-btn-mobile.third {
    text-align: center;
}
.stellarnav .location-btn-mobile.half {
    text-align: right;
}
.stellarnav.light .third, .stellarnav.light .half {
    border-left: 1px solid rgba(0, 0, 0, .15);
}
.stellarnav.light.left .third, .stellarnav.light.left .half {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}
.stellarnav.light.right .third, .stellarnav.light.right .half {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}
.stellarnav.light .third:first-child, .stellarnav.light .half:first-child {
    border-left: 0;
}
.stellarnav.dark .third, .stellarnav.dark .half {
    border-left: 1px solid rgba(255, 255, 255, .15);
}
.stellarnav.dark.left .third, .stellarnav.dark.left .half {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}
.stellarnav.dark.right .third, .stellarnav.dark.right .half {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}
.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle {
    border-bottom: 0;
}
.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle {
    border-bottom: 0;
}
.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child {
    border-left: 0;
}
.stellarnav.light .menu-toggle span.bars span {
    background: #000;
}
.stellarnav.dark .menu-toggle span.bars span {
    /*background: #fff;*/
}
.stellarnav.mobile {
    position: static;
}
.stellarnav.mobile.fixed {
    position: static;
}
.stellarnav.mobile ul {
    position: relative;
    display: none;
}
.stellarnav.mobile.active {
    padding-bottom: 0;
}
.stellarnav.mobile.active > ul {
    display: block;
}
.stellarnav.mobile ul {
    text-align: left;
}
.stellarnav.mobile > ul > li {
    display: block;
}
.stellarnav.mobile > ul > li > a {
    padding: 15px;
}
.stellarnav.mobile ul {
    background: rgba(221, 221, 221, 1);
}
.stellarnav.mobile ul ul {
    position: relative;
    opacity: 1;
    visibility: visible;
    width: auto;
    display: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}
.stellarnav.mobile ul ul ul {
    left: auto;
    top: auto;
}
.stellarnav.mobile li.drop-left ul ul {
    right: auto;
}
.stellarnav.mobile li a {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}
.stellarnav.mobile > ul {
    border-top: 1px solid rgba(255, 255, 255, .15);
}
.stellarnav.mobile.light li a {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}
.stellarnav.mobile.light > ul {
    border-top: 1px solid rgba(0, 0, 0, .15);
}
.stellarnav.mobile li a.dd-toggle {
    border: 0;
}
.stellarnav.mobile.light li a.dd-toggle {
    border: 0;
}
.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile {
    display: inline-block;
}
.stellarnav.mobile li.call-btn-mobile {
    border-right: 1px solid rgba(255, 255, 255, .1);
    box-sizing: border-box;
}
.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile {
    display: inline-block;
    width: 50%;
    text-transform: uppercase;
    text-align: center;
}
.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full {
    display: block;
    width: 100%;
    text-transform: uppercase;
    border-right: 0;
    text-align: left;
}
.stellarnav.mobile.light ul {
    background: rgba(255, 255, 255, 1);
}
.stellarnav.mobile.dark ul {
    background: rgba(0, 0, 0, 1);
}
.stellarnav.mobile.dark ul ul {
    background: rgba(255, 255, 255, .08);
}
.stellarnav.mobile.light li.call-btn-mobile {
    border-right: 1px solid rgba(0, 0, 0, .1);
}
.stellarnav.mobile.top {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}
.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after {
    display: none;
}
/* left and right positions */
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 280px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.stellarnav.mobile.right > ul {
    right: 0;
}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu {
    display: inline-block;
    text-align: right;
}
.stellarnav.mobile.left > ul {
    left: 0;
}
.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half {
    text-align: center;
}
.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third {
    text-align: center;
}
.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half {
    text-align: center;
}
.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third {
    text-align: center;
}
.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third {
    text-align: left;
}
.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span {
    display: none;
}
/* left and right positions */

/* mega dd */
.stellarnav.desktop li.mega ul ul {
    background: none;
}
.stellarnav.desktop li.mega li {
    display: inline-block;
    vertical-align: top;
    margin-left: -4px;
}
.stellarnav.desktop li.mega li li {
    display: block;
    position: relative;
    left: 4px;
}
.stellarnav.desktop li.mega ul ul {
    width: auto;
}
.stellarnav.desktop > ul > li.mega {
    position: inherit;
}
.stellarnav.desktop > ul > li.mega > ul {
    width: 100%;
}
.stellarnav.desktop > ul > li.mega > ul li.has-sub ul {
    display: block;
    position: relative;
    left: auto;
}
.stellarnav.desktop > ul > li.mega > ul > li {
    padding-bottom: 15px;
    box-sizing: border-box;
}
.stellarnav.desktop li.mega li li a {
    padding: 5px 15px;
}
.stellarnav.desktop li.mega li.has-sub a:after {
    display: none;
}
.stellarnav.desktop > ul > li.mega > ul > li > a {
    color: yellow;
}
#resizable3 .form-cam {
    height: 34px;
    margin-bottom: 10px;
}
/* mega dd */
    
/**************************************************************************************************************************/    
br.clear
{
    clear: both;
}

div.code
{
    background-color:#293730;
    color:white;
    padding:3px;
    border:2px solid #50534f;
    font-size:10pt;

    min-height: 150px;

    position:absolute;
    overflow:auto;
    width:480px;
    height:320px;
    z-index:9999;
    border-radius:10px;

    display:none;
    opacity:0.95;
}

div.demo-close {
    position:absolute;
    right:5px;
    top:5px;
    background-image:url('data:text/javascript;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABi5JREFUeNq0WG9IVFkUP/Mc0y1b/7SyqcMm/quULbJyXdTID01kQcviiuCWLbK0/WE1aqUv0ZdWwcjoSxtCpEFFsUZEiBlYfthaF0vWKP9kJkRREZW7uuaMb+6eez1v9sz1TaOxXfjx3rtz7zm/e+6555w7DvivORgMQhjByRDGngaNl00gfAgTMcmek+zbpDE+Gm9BNWcQIhaJcIY52reTkQamRCr2Mni0b5ONB7YQJZAT4ZawCEhEIiIY5jBLcctYVpAEJhjeMkt6aY7JiKn5ThuLOElZBJH4yAYRmnVAs4okMM4QTk++rXxr/WQgCBGpdB4hir2nIZYhUhCJiBiS8QbxFDGE6EEMIsYI4SSfEwHmL9JCDofmlNwaksB8xMeEZERhRkaGOzc3FyTy8vIgJSVFSXv48CHcunVL4ebNmzA4ONiG3dcRw4i/CH8jRslKb8mCk8yxFeu5tMKFtGK58nzERkQZ4rjL5RJVVVWir69P8Pb69Wvx4sWLgL779++L3bt3i8TERLny4yRjI8m0rLqQdM5lllPWkBaIR3yGyEJ8iSgiIU05OTni7NmzSpHX6xUtLS1i165dQjueorS0VDQ3N4uJiQk1trGxUWRnZ8vfmkhWEcnOIl3xpDvCOtmSWSztfwZiFWIdolSuShJpb29Xwu/cuSNwa6aR0LF+/XqB26TmXLt2zSJ0nGSuIx0ZpDOWWUf5Rjz5xOeIAsRXiP1ya86cOaOEtrW1ibCwsJBELBiGIc6dO6fmymdCQoLs30+yC0hXMumOIutANCIBkU6M3WTSq5WVlUpYd3e3cDgcMybCceXKFSVj586d8vsqyXaTrnTSHU0HB+IQLkQmIg+xGXEwLS1NOeL4+LiQW8UVFBcXi23btk1TnJWVJWpra0VMTIy/z+l0ipcvX4q7d++K5ORk2XeQdOSRThdxkFsFn5C5lsujiyhBNJd9W6ZWdOnSpQCFmzZt8p+a06dP+/vXrFkjXr16pfqlg/M5hw8fVv0lJSXyu5l0FJLOZOIwz9ACnpUGUnK/yFXxA09HQJTCowwej0e9b9myBZAQrF27FpA0xMbGqv7R0dGAOQ0NDYBc1Dg61uFa4vVH5k9p71YjNiDKEc9v374txsbGbP1gz549Agn5LSS30moY8GwdfWhoSHR2dsr356RjA+lMJw7zDS03Wc8Y9BkYGRkBu3b06FGorq4GjDnqOzJS+Z6KvAUFBWCa5rQ5GBhh8eLFQIHO0HQqGPCOZifUar29vYDBLaDv0aNHQef4fD4I1QxmSh97vnnw4AHgqbCd5Ha74fz58xAVFTWV7cRUvisrK4PGxibbOTGxcYosJVSfpnMqNrFOH6tHnsqEJ5XhsQ4QmpSUBBcuXIDo6Gj1Lcft27fP79Tl5VvhyJH6aWt2uZIAIzhQZrf0BFR9hlYqWvXIUEdHh//E8CZPhEVE+kh+fj7U19fD3r0/+X1oVc7qgDnbt2+H+biw9us3gEoMr1aOWoTsg96iRYtET0+PyspxcXEBJ6Ourk4cO3ZMhXze/3XxN6KxqUksW54d0N/9Z4+4d++eSE1NDRn0gqaDiooKdVxxW94rFUj8XFOrZPxYWTWjdBA0UcbHx4tTp04pYTU1NbMmsvW7CjE5aaryI2GqtgmZKN9ZQixdulRcvnzZX5/MlMihQzUYGL2itbVVZK9cOeMSImRxtWTJEnHy5ElF6PHjx+LAgQPT/MjC9z/sEL19/WqstMhsiiuHdi+KJJZRVPdGU8TMW7BgwY6ioiLAVAArVqxQR/nJkyfQ398PMsykpqYAboU6NZih4cSJBrh48Vd49uzZLzj/N4ovI1QLy+T1D9XB1r3KN+uCHIskN64WCgsLVVGemZkJmItgYGAAurq64PqNDvij83cYHh6edUFud4P8EFeVUfY+TiQ87IZp8nuTj11z9XuNSZPekmml4N5ZXuLGNWt49CuKRUYwYabNbU9X8L7XWw+zhh55/XdtwRO1ljh5qvCQ0P/j4m/a/RPh1K6ZfMsE2yZLwQf9S0T3EQfrM7Q/BLijG1phBEEsarJ3n37R14wwjYzdH0d2laD+G9gEQNuaxY5EKDJ2lgr2DjYnUIR4t23/CjAAmrjeP8+8dvgAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-position:top right;
    cursor:pointer;
    display:block;
    width:36px;
    height:36px;
    z-index:10000;
    color:#005d01;
}

div.demo
{
    border-top:1px inset #454545;
    padding: 8px;
    /*width:100%;*/
    min-height: 220px;
}


/************************ EXAMPLE 1 ************************/

/* default speedometer face style */
div.default-gauge {
    width:150px;
    height:160px;
    border:1px solid #232;
    border-radius:10px;
    overflow:hidden;
    background-color:#121;
    cursor:pointer;
}

div.metal-border {
    float:left;
    margin-right:10px;
    width:153px;
    height:164px;
    padding:5px;
    cursor:pointer;

    position:relative;

    background: -moz-linear-gradient(
        top,
        #ffffff 0%,
        #ebebeb 50%,
        #dbdbdb 50%,
        #b5b5b5);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#ffffff),
        color-stop(0.50, #ebebeb),
        color-stop(0.50, #dbdbdb),
        to(#b5b5b5));

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 15px;

    border: 1px solid #949494;

    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,1);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,1);
    box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,1);

    text-shadow:
        0px -1px 0px rgba(000,000,000,0.2),

        0px 1px 0px rgba(255,255,255,1);
}


/* fan-shaped speedometer */
div.speedometer-half,
div.metal-border.speedometer-half div.example {
    height:90px;
}
div.metal-border.speedometer-half
{
    height:95px;
}

div.speedometer-3quarters,
div.metal-border.speedometer-3quarters div.example {
    height:150px;
}
div.metal-border.speedometer-3quarters
{
    height:155px;
}

/* white speedometer */
div.metal-border div.example {
    border:1px solid #232;
    border-radius:10px;
    background-color: #ffffff;

    background: -moz-linear-gradient(
        top,
        #878787 0%,
        #dedede 50%,
        #dedede 50%,
        #adaaad);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#878787),
        color-stop(0.50, #dedede),
        color-stop(0.50, #dedede),
        to(#adaaad));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #949494;
    -moz-box-shadow:
        0px 1px 0px rgba(000,000,000,0.5),
        inset 1px 1px 3px rgba(13,13,13,1);
    -webkit-box-shadow:
        0px 1px 0px rgba(000,000,000,0.5),
        inset 1px 1px 3px rgba(13,13,13,1);
    box-shadow:
        0px 1px 0px rgba(000,000,000,0.5),
        inset 1px 1px 3px rgba(13,13,13,1);
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.2),
        0px 1px 0px rgba(255,255,255,1);
}

div.gauge-value,
div.gauge-percentage,
div.gauge-status {
    position:absolute;
}

#example1B div.gauge-value {
    top:72px;
    right:15px;
    width:75px;
    text-align:right;
    font-size:10pt;
    color:#000;
}


/********************************************************************Livefeed********************************************************/

.vehicle-feed #show_map_div{
    height:105vh;
}

        
    .vehicle-feed #livefeedleftpanel {
    /*min-height: 573px !important;*/
}


/********************************************************************Livefeed********************************************************/








#example1B div.gauge-percentage {
    top:35px;
    width:150px;
    font-size:32pt;
    font-weight:bold;
    color:#000;
    text-align:center;
    opacity:0.2;
}

#example1D div.gauge-value {
    top:60px;
    right:15px;
    width:75px;
    font-size:22pt;
    color:#000;
    text-align:right;
}

#example1E div.gauge-status {
    top:120px;
    left:38px;
    width:80px;
    padding:5px 3px 2px 3px;
    font-size:9pt;
    text-align:center;
    vertical-align:bottom;
    border-radius:8px;
    -moz-box-shadow:
        0px 1px 0px rgba(000,000,000,0.5),
        inset 1px 1px 3px rgba(13,13,13,1);
    -webkit-box-shadow:
        0px 1px 0px rgba(000,000,000,0.5),
        inset 1px 1px 3px rgba(13,13,13,1);
    box-shadow:
        0px 1px 0px rgba(000,000,000,0.5),
        inset 1px 1px 3px rgba(13,13,13,1);
}

#example1E div.gauge-status.normal,
#example1E div.gauge-overlay.normal {
    background-color:#009b0b;
    color:#aef9b6;
    text-shadow:none;
}

#example1E div.gauge-status.warning,
#example1E div.gauge-overlay.warning {
    background-color:#efeb00;
    color:#81610b;
    text-shadow:none;
}

#example1E div.gauge-status.critical,
#example1E div.gauge-overlay.critical {
    background-color:#c60217;
    color:#f9c9d5;
    text-shadow:none;
}

#example1E div.gauge-overlay {
    opacity:0.25;
    border-radius:70px;
    width:122px;
    height:122px;
    position:absolute;
    top:20px;
    left:20px;
}

#example1E div.gauge-percentage {
    top:90px;
    width:150px;
    font-size:12pt;
    text-align:center;
    color:#565656;
    opacity:0.5;
}

#example1G div.gauge-value {
    top:110px;
    right:20px;
    width:120px;
    font-size:16pt;
    color:#000;
    text-align:right;
}

div.demo div.example {
    float:left;
    margin-right:10px;
}

div.demo div.code {
    font-family: Consolas;
    font-size:9pt;
    margin-right:10px;
    padding-left:5px;
    background-color:#292929;
}
    
    
    
/****************************************************************************************************************************/
    .highcharts-exporting-group{
        display:none;
    }
    
    #highcharts-k7iz8jr-0{
        position: relative;
overflow: hidden;
width: 230px!important;
height: 200px;
text-align: left;
line-height: normal;
z-index: 0;
user-select: none;
left: -39.967px!important;
top: 0.116669px;
    }
    
    .highcharts-credits{
        display:none;
    }
    
    
#compass {
/*    float:left;*/
    position:relative;
    display: inline-block;
}
#gauge1 {
    position:absolute!important;
    z-index: 999;
    top: 0;
    left: 0;
}
#gauge {
    position: absolute !important;
    z-index: 999;
    bottom: -159px;
    right: 160px;
}
#main {
    height: 500px;
}

/* By Chayan*/
.view_password{
    position:relative;
}

.view_password_icon {
    position: absolute;
    right: 20px;
    top: 14px;
}

.view_password_icon a i{color:#000;}

.vehicleAdd_modal input[type="file"]{
    width:100%;
    border: #ccc solid 1px;
}

.select_state_close, .select_state_Save{
    background: #fad122;
    color: #000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    border: #fad122 1px solid;
    padding: 5px 15px 4px 15px;
    font-size: 13px;
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    margin-top: 0;
    font-weight: bold;
}

.vehicleAdd_modal #frmServiceTypesCsv{
    margin-bottom:0;
}

/*
.ui-datepicker{
    top:550px!important;
}
*/

canvas{
    width:100% !important;
}


.shift_page{
    margin-top:75px!important;
}

.table_list_inspection {
    width: 100%;
}

.inspection_table_listing {
    border: 1px solid #ccc;
}

.inspection_table_listing tr td {
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    padding: 5px 10px;
    font-size: 16px;
}

.preop-vehicle-table tr th{
    background:none;
}

.preops_view_bottom {
    /* border: 1px solid #ccc; */
    width: 100%;
    padding: 0 15px 15px 0;
}

.custom-field-search{
    width:25%;
    float: left;
    font-size: 13px;
    margin-bottom: 4px;
}

.heat_map_details_l{
    padding:20px 0 40px 0;
}

.heat_map_details_l table{
    width: 100%;
    border: #ccc solid 1px;
}

.heat_map_details_l table tr th{
    color:#000;
    font-size: 16px;
    font-weight: bold;
    border-right:#ccc solid 1px;
    border-bottom:#ccc solid 1px;
    padding: 10px;
}

.heat_map_details_l table tr td{
    color:#000;
    font-size: 14px;
    font-weight: bold;
    border-right:#ccc solid 1px;
    border-bottom:#ccc solid 1px;
    padding: 10px;
}

.heat_map_details_l h3{ 
    font-size: 1.6vw;
    font-family: 'Poppins', sans-serif;
    color: #000;
    margin-bottom: 0;
    margin-top: 20px;
    padding-bottom: 20px;
    position: relative;
}

.heat_map_details_l h3:after{
    display:none;
}

.heat_map_details_r{
    border: 1px solid #ccc;
    padding: 5px;
    margin-top: 20px;
}

.news_panel{
    padding-bottom:15px;
    background: #f1f1f1;
    padding: 10px;
    margin: 10px 0 0 0;
}

.news_panel h4{
    padding: 5px 0 5px 0 !important;
    margin: 0;
    font-size: 16px!important;
     font-family: 'Poppins', sans-serif;
    color: #000;
}

.news_panel h4 a{
    padding:0;
    margin: 0;
    font-size: 16px;
     font-family: 'Poppins', sans-serif;
    color: #000;
    text-decoration: underline;
}

.news_panel p{
    padding:0;
    margin: 0;
    font-size: 14px;
     font-family: 'Poppins', sans-serif;
    color: #000;

}


.view_inspect_area .table.table-non-border td {
    border-top: 0px solid #eaeaea;
    font-size: 14px;
    padding-left:10px;
}

.peropscommenttable tr th h4 {
    font-size: 18px;
}

.Inspection_Summery .head h4 {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 18px;
}

.Inspection_Summery h5 {
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 17px;
}

.inspection_table_listing tr td {
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    padding: 5px 10px;
    font-size: 14px;
}


/******************************************27-08-2020******************************************************/


.viewformdesign .form-control{
    border:#f9f9f9 solid 1px!important;
}

.form_sec_area.viewformdesign form label{
    font-size:16px;
    background: none;
    padding: 5px 10px;
    margin: 0;
}

.viewformdesign .form-control:disabled{
    background-color:transparent;
    border: #fff solid 1px!important;
      -webkit-appearance: none;
    appearance: none;
    font-size: 14px;
    padding: 5px 10px;
    height: 25px;
}

.viewformdesign textarea.form-control:disabled{
    height: 85px!important;
}

.viewformdesign select.form-control:not([size]):not([multiple]){
    height: 35px;
}

.viewformdesign .viewformdesign textarea.form-control:disabled{
    height:100px!important;
}

.viewformdesign .textinputbottomtext{
    padding-left:10px;
}

.viewformdesign .form-group-view{
    background:none;
/*  border: 1px solid #e8e8e8;*/
    padding-bottom: 5px;

}

.viewformdesign .upload-field-customized {
    width: 97%;
    /* background: #fff; */
    position: relative;
    cursor: pointer;
    border: 2px dashed #d9d9d9;
    padding: 5px 5px 5px 5px;
    height: 200px;
    margin: 0 auto 10px auto;
}

.map-button{
    margin-bottom:15px;
}

.map-button .btn-round-normal{
    cursor:pointer;
}

#heatMap{
    margin-bottom:90px;
}

#heatMapinfo{
    font-family: 'Poppins', sans-serif;
    color: #737373;
    color: #000;
    font-size: 1vw;
    padding: 0 15px 0 0;
}

.my-acc h3{
    padding:0;
    margin: 0;
    color:#000;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
}

.speed_compass{
    width: 330px;
    height: 200px;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 999;
}


/* ------------------- Compass ---------------------------- */
    #compass {
/*
    width: 150px;
    height: 150px;
    background-image:url('http://i.imgur.com/44nyA.jpg');
    position: relative;
    background-size:100%;
*/
   /* -webkit-box-shadow: 0px 0px 19px 0px rgba(133,133,133,1);
    -moz-box-shadow: 0px 0px 19px 0px rgba(133,133,133,1);
    box-shadow: 0px 0px 19px 0px rgba(133,133,133,1);*/
/*  border-radius:50%;*/
    }


#compass {
/*
    width: 150px;
    height: 150px;
*/
    /* background-image: url('http://i.imgur.com/44nyA.jpg'); */
/*
    background: url(../img/compass.png) no-repeat;
    position: relative;
    background-size: 137%;
*/
    /* -webkit-box-shadow: 0px 0px 19px 0px rgba(133,133,133,1); */
/*
    border-radius: 50%;
    background-position: -26px;
    position: absolute;
    bottom: -170px;
    right: 10px;
*/
    
    width: 150px;
    height: 150px;
    /* background-image: url(http://i.imgur.com/44nyA.jpg); */
    background: url(../img/compass.png) no-repeat;
    position: relative;
    background-size: 137%;
    /* -webkit-box-shadow: 0px 0px 19px 0px rgba(133,133,133,1); */
    border-radius: 50%;
    background-position: -26px;
    position: absolute;
    bottom: -172px;
    right: 10px;
}





/*

    #arrow {
            border-color: transparent #C00 transparent transparent;
            border-style: solid;
            border-width: 10px 50px 0px 0;
            height: 0;
            width: 0;
            position: absolute;
            left: 25px;
            top: 68px;
            -webkit-transform-origin: center right;
            -moz-transform-origin: center right;
            -ms-transform-origin: center right;
            transform-origin: center right;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            transition: all 1s ease;
    }
*/


#arrow {    
    background: url(../img/Needle1.png) no-repeat;
    height: 16px;
    width: 142px;
    position: absolute;
    left: 4px;
    right: 0;
    top: 63px;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    background-size: 82%;
    background-position: center;
}


.map-marker i {
    color: red;
    font-size: 25px;
    margin-left: 11px;
}

.incidentimagesbox{
    padding:34px 0 0 0;
}

.incidentimages_b{
    height: 324px;
}

.incidentimages_b img{
    width: 50%;
    /*height: 100%;*/
}

.gm-svpc{
    left: -32px!important;
    top: -278px!important;
    width: 34px!important;
}

.gm-style-cc{
    display:none!important;
    visibility: hidden!important;
    z-index: -99999!important;
}


#map_tripreplay{
    width:100%;
    height: 500px;
}

#AllRoute{
    margin-bottom:50px;
}

#vehicleLocationsTable tr th{
    padding:3px!important;
    font-size: 14px!important;
}

#vehicleLocationsTable tr td{
    padding:3px!important;
    font-size: 13px!important;
}

/*
#vehicle-map .gm-control-active.gm-fullscreen-control{
    width:20px!important;
    height: 22px!important;
}
*/

#heatMap{
    margin:0 auto;
}

.form-group #edit_file, .form-group #edit_file1, .form-group #edit_file2, .form-group #edit_file3 {
    width:100%!important;
    height: auto;
}

.ui-datepicker.ui-widget{
    z-index:9999!important;
    top: 333.617px!important;
}

#help_data_div{
    padding-bottom:60px;
}

.sos-view {
    background: #fad122;
    border: #ccc solid 1px;
    margin-bottom: 10px;
}

.sos-view p {
    color: #000;
    padding: 10px;
    margin: 0;
}

.sosViewModalV{
    background: #ffffff;
    border: #e8e8e8 solid 1px;
    margin-bottom: 10px;
}

.sospopupdetaisl{
    padding:15px;
}


/*
.channel_list{
    position:absolute!important;
}
*/
/* Added on 05-10*/
.hip-item-hidden, .hip-item-out {
    display: block !important;
}

.vehicleQtytable table{
    width:100%;
    /* border:#ccc solid 1px; */
}

.vehicleQtytable table tr th{
    vertical-align: middle;
    /* border-bottom: 0px solid #f0f0f0; */
    /* background: #fad122; */
    font-size: 16px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    padding: 10px;
}

.vehicleQtytable table tr td{
    /* border-right:#ccc solid 1px;
    border-bottom:#ccc solid 1px; */
    padding: 10px;
}

.multiselect{
    display: block;
    width: 100%;
    height: 46px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    font-family: 'Poppins', sans-serif;
    background-color: rgba(255,255,255,1);
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -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;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}


/* Multiple select By Cs */

.multiselect-container.dropdown-menu.show{
    top: 37px !important;
    left: 0px;
    transform: translate3d(15px, 73px, 0px);
    width: 400px;
}
span.multiselect-native-select {
  position: relative
}
span.multiselect-native-select select {
  border: 0!important;
  clip: rect(0 0 0 0)!important;
  height: 1px!important;
  margin: -1px -1px -1px -3px!important;
  overflow: hidden!important;
  padding: 0!important;
  position: absolute!important;
  width: 1px!important;
  left: 50%;
  top: 30px
}
.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0
}
.multiselect-container .input-group {
  margin: 5px
}
.multiselect-container>li {
  padding: 0
}
.multiselect-container>li>a.multiselect-all label {
  font-weight: 700
}
.multiselect-container>li.multiselect-group label {
  margin: 0;
  padding: 3px 20px 3px 20px;
  height: 100%;
  font-weight: 700
}
.multiselect-container>li.multiselect-group-clickable label {
  cursor: pointer
}
.multiselect-container>li>a {
  padding: 0
}
.multiselect-container>li>a>label {
  margin: 0;
  height: 100%;
  cursor: pointer;
  font-weight: 400;
  padding: 3px 0 3px 30px
}
.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
  margin: 0
}
.multiselect-container>li>a>label>input[type=checkbox] {
  margin-bottom: 5px
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
  padding: 3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
  margin-left: -20px;
  margin-right: 0
}

#fornewdashboard{
    margin-top:0;
}

.arrow_map_l_newdashboard, .arrow_map_r_newdashboard{
    top:78px;
}

.l_l_onewdashboard{
    top:78px;
}

/*.righttab{
    position: absolute;
    top: 86px;
    right: 92px;
    width: auto;
    height: 300px;
}*/
.righttab {
    position: absolute;
    top: 86px;
    right: 54px;
    width: auto;
    height: auto;
}
.righttab ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 26px;
    /* float: right; */
    /* margin-right: -56px; */
}
/*.righttab ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 26px;
    float: right;
    margin-right: -36px;
    }*/
    /* .righttab ul.tabs li{
        background: none;
        color: #222;
        display: inline-block;
        padding: 0 0 18px 0;
        cursor: pointer;
    } */
    .righttab ul.tabs li{
        background: none;
        color: #222;
        display: inline-block;
        margin: 0 0 4px 0;
        cursor: pointer;
        background: #fad122;
        padding: 3px;
        border-radius: 5px;
    }

    .righttab ul.tabs li.current{
        
    }

.righttab .tab-content {
    display: none;
    background: #fff;
    padding: 8px;
    width: 186px;
    float: left;
    border-radius: 10px;
    position: absolute;
    right: 0px;
}

    .righttab .tab-content.current{
        display: inherit;
    }

.operation-area-layer{
    font-size: 12px;
    display: block;
    padding: 5px 0;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    position: relative;
}
.operation-area-layer.active:after{
    position: absolute;
    top: 10px;
    right: 0;
    background: #efc203;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: "";
}



.deviceidboxpanel_top{
    background: #fce78f;
    padding: 12px 0 7px 33px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
}



.deviceidboxpanel_top h4{
    padding: 0;
    margin: 0;
    color: #000000;
    font-size: 17px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

.deviceidboxpanel_top h4 span{
    background:#fad122;
    padding: 5px;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    color: #000;
    margin-left: 5px;
    border-radius:5px;
    font-family: 'Poppins', sans-serif;
    
}

.deviceidboxpanel_top b{
    font-size:9px;
    display: block;
    color: #000;
    padding: 5px 0 0 0;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

#draggable-pointer{
    padding:10px;
}

.deviceidboxpanel_bottom{
    padding:10px 0 0 25px;
    
}

.deviceidboxpanel_bottom_box{
    border-bottom: #fad122 solid 1px;
    padding: 8px 10px;
}

.deviceidboxpanel_bottom span{
    padding:0;
    margin: 0;
    display: block;
    color: #000;
    font-size: 14px;
}

.deviceidboxpanel_bottom p{
    padding:0;
    margin: 0;
    display: block;
    color: #000;
    font-size: 14px;
}

.gmnoprint > div[draggable="false"] > div {
    display:none;
}

.gmnoprint > div[draggable="false"] > button{
    width:35px!important;
}

.mainlocationtracker button.gm-fullscreen-control {
    right: 77px!important;
    top: 237px!important;
}

/*Dashboard waze box by cp by cs*/
#tab-2 h3.wazealert_heading{
    font-size:16px;
    color:#fad122;
    border-bottom:1px solid #ccc;
    padding-bottom:5px;
}

#tab-2 span.operation-area-layer_1{
    display:block !important;
}

#tab-2 span.operation-area-layer_1 label{
    font-size:12px !important;
}



/* end only demo styles */

.radio-custom {
    opacity: 0;
    position: absolute;   
}

.radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.radio-custom-label {
    position: relative;
}

.radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-right: 5px;
    text-align: center;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 0%;
}

.radio-custom:checked + .radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #fad122;
}

.radio-custom:focus + .radio-custom-label {
  outline: 1px solid #ddd; /* focus style */
}


.feed-f-screen {
    position: absolute;
    z-index: 9999;
    right: 6px;
    top: 12px;
    cursor: pointer;
    color: #fad122;
    background: #000;
    padding: 5px;
    border-radius: 5px;
}





/*End*/

@media only screen and (min-width:1400px) and (max-width:1600px) {

    .vehicle_tracker_dropdown .gmnoprint > div[draggable="false"]{
        bottom: 243px !important;
    }



        .gmnoprint > div[draggable="false"] {
    width: 35px !important;
    /* height: 40px !important; */
    left: -32px !important;
    position: relative;
    bottom: 20vh!important;
    background: #000 !important;
    color: #fff !important;
    font-size: 20px;
    /* position: absolute; */
}

.vehicle-feed  .gmnoprint > div[draggable="false"] {
    width: 35px !important;
    /* height: 40px !important; */
    left: -32px !important;
    position: relative;
    bottom: 17vh!important;
    background: #000 !important;
    color: #fff !important;
    font-size: 20px;
    /* position: absolute; */
}

.vehicle-feed button.gm-fullscreen-control {
    border: 0px!important;
    margin: 10px!important;
    padding: 0px!important;
    text-transform: none!important;
    appearance: none!important;
    position: absolute!important;
    cursor: pointer!important;
    user-select: none!important;
    border-radius: 2px!important;
    height: 35px!important;
    width: 35px!important;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px!important;
    overflow: hidden!important;
    right: 37px!important;
    top: 241px!important;
    background: #000!important;
}

.vehicle-feed .gm-svpc {
    left: -32px!important;
    top: -266px!important;
    width: 34px!important;
}

.gm-svpc {
    left: -32px!important;
    top: -349px!important;
    width: 34px!important;
}
    
.main_logo_sec img {
    width: 126% !important;
}
.vehicle-feed #show_map_div {
    height: 83vh;
}

.mainlocationtracker button.gm-fullscreen-control {
    right: 77px!important;
    top: 323px!important;
}

.mainlocationtracker .gm-svpc {
    left: -32px!important;
    top: -229px!important;
    width: 34px!important;
}


}

@media only screen and (min-width:1601px) and (max-width:1800px) {
        .gmnoprint > div[draggable="false"] {
    width: 35px !important;
    /* height: 40px !important; */
    left: -32px !important;
    position: relative;
    bottom: 23vh!important;
    background: #000 !important;
    color: #fff !important;
    font-size: 20px;
    /* position: absolute; */
}

.vehicle_tracker_dropdown .gmnoprint > div[draggable="false"] {
    width: 35px !important;
    /* height: 40px !important; */
    left: -32px !important;
    position: relative;
    bottom: 36vh!important;
    background: #000 !important;
    color: #fff !important;
    font-size: 20px;
    /* position: absolute; */
}

.gm-svpc{
    left: -32px!important;
    top: -441px!important;
    width: 34px!important;
}
    
.main_logo_sec img {
    width: 136% !important;
}

.vehicle-feed .gmnoprint > div[draggable="false"] {
    width: 35px !important;
    /* height: 40px !important; */
    left: -32px !important;
    position: relative;
    bottom: 13vh!important;
    background: #000 !important;
    color: #fff !important;
    font-size: 20px;
    /* position: absolute; */
}

.vehicle-feed .gm-svpc {
    left: -32px!important;
    top: -277px!important;
    width: 34px!important;
}

.mainlocationtracker button.gm-fullscreen-control {
    border: 0px!important;
    margin: 10px!important;
    padding: 0px!important;
    text-transform: none!important;
    appearance: none!important;
    position: absolute!important;
    cursor: pointer!important;
    user-select: none!important;
    border-radius: 2px!important;
    height: 35px!important;
    width: 35px!important;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px!important;
    overflow: hidden!important;
    right: 77px!important;
    top: 283px!important;
    background: #000!important;
}

.mainlocationtracker .gm-svpc {
    left: -32px!important;
    top: -229px!important;
    width: 34px!important;
}


    
}

@media only screen and (min-width:1800px) and (max-width:1920px) {

    .vehicle_tracker_dropdown .gmnoprint > div[draggable="false"] {
        width: 35px !important;
        /* height: 40px !important; */
        left: -32px !important;
        position: relative;
        bottom: 37vh!important;
    }
        .gmnoprint > div[draggable="false"] {
    width: 35px !important;
    /* height: 40px !important; */
    left: -32px !important;
    position: relative;
    bottom: 25vh!important;
    background: #000 !important;
    color: #fff !important;
    font-size: 20px;
    /* position: absolute; */
}

.mainlocationtracker button.gm-fullscreen-control {
    border: 0px!important;
    margin: 10px!important;
    padding: 0px!important;
    text-transform: none!important;
    appearance: none!important;
    position: absolute!important;
    cursor: pointer!important;
    user-select: none!important;
    border-radius: 2px!important;
    height: 35px!important;
    width: 35px!important;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px!important;
    overflow: hidden!important;
    right: 77px!important;
    top: 283px!important;
    background: #000!important;
}


.vehicle-feed .gmnoprint > div[draggable="false"] {

    top: -101px;
    position: absolute;
}

.vehicle-feed .gm-svpc {
    left: -32px!important;
    top: -266px!important;
    width: 34px!important;
}


.gm-svpc {
    left: -32px!important;
    top: -496px!important;
    width: 34px!important;
}







    .main_logo_sec img {
    width: 146% !important;
}

.vehicle-feed #show_map_div{
    height:74vh;
}

        
    .vehicle-feed #livefeedleftpanel {
    min-height: 843px !important;
}

.mainlocationtracker .gm-svpc {
    left: -32px!important;
    top: -229px!important;
    width: 34px!important;
}
}

@media only screen and (min-width:1930px) and (max-width:2200px) {
        .gmnoprint > div[draggable="false"] {
    width: 35px !important;
    /* height: 40px !important; */
    left: -32px !important;
    position: relative;
    bottom: 16vh!important;
    background: #000 !important;
    color: #fff !important;
    font-size: 20px;
    /* position: absolute; */
}
    header .main_logo_sec img {
    width: 156% !important;
}
}

@media only screen and (min-width:2201px){
        .gmnoprint > div[draggable="false"] {
    width: 35px !important;
    /* height: 40px !important; */
    left: -32px !important;
    position: relative;
    bottom: 24vh!important;
    background: #000 !important;
    color: #fff !important;
    font-size: 20px;
    /* position: absolute; */
}
}



/********************************************************
********************************************************/
/********************************************************
********************************************************/
@media only screen and (min-width:1500px) and (max-width:1899px) {
.dashboard-three {
    padding: 0;
    list-style: none;
    position: absolute;
    top: auto;
    left: auto;
    display: block;
    z-index: 9;
    width: 621px;
    height: auto !important;
    right: 14px;
    margin: 0;
    background: #fff;
    border-radius: 10px;
    bottom: 103px;
    
}
    
    header{
        background-size:cover;
    }
    
    header.inner_header {
    background-size:initial ;
}
    
    .previw_area .previw p {
    font-size: 0.8vw;
    }
    

    
    header.inner_header .previw_area .previw p {
    font-size: 12px;
    }
    
/*
.insident_list {
    position: absolute;
    bottom: 19px;
    }
    
.gm-control-active {
    bottom: 15px !important;
}
    
.gmnoprint > div[draggable="false"]{
    bottom:15px!important;
}
*/
    
.inci_list_panel {   
    bottom: 147px;
    }
    
.insident_list {
    position: absolute;
    bottom: 101px;
    }
    
#vehicleLocationsTable tr th{
    padding:3px!important;
    font-size: 12px!important;
}
    
    
}
/********************************************************
********************************************************/
/*@media (min-width:1200px){.container{max-width:100%}}*/

@media only screen and (min-width:1900px) and (max-width:2999px) {

    #feedBackDemo{
        height:20vh;
    }   


    
.form_sec_area.viewformdesign form label {
    font-size: 23px;
    background: none;
    padding: 5px 10px;
    margin: 0;
}
    
.viewformdesign .form-control:disabled {
    background-color: transparent;
    border: #fff solid 1px !important;
    -webkit-appearance: none;
    appearance: none;
    font-size: 21px;
    padding: 5px 20px;
    height: 30px;
}
    
    
    
.viewformdesign select.form-control:not([size]):not([multiple]) {
    height: 60px!important;
}
    
.maptext2 {
        width: 100%;
    height: auto;
    background: #fff;
    border-radius: 0;
    border: 0;
    padding: 10px;
    float: none;
    display: block;
    position: relative;
    top: 0;
    left: 0
}
    
/*#besic_info {
    margin-top: 8vh;
}*/
    
.dashboard-three {
    height: auto!important;
    width: 621px;
}
    
    .dashboard-three .slimScrollDiv{
        height: 807px!important;
    }   
    
.dashboard-three .slimScrollDiv .dashboard-three-inner{
        height: 807px!important;
    }   
    
    
    .heat_map_details_l table tr th {
    font-size: 22px;
}
    
        .heat_map_details_l table tr td {
    font-size: 19px!important;
}
    
    
    .custom-field-search input[type="checkbox"]{
        width:17px;
        height:17px;
        margin: 3px 0 0 0;
    }
    
    .custom-field-search{
        font-size: 18px;
    }

.shift_page {
    margin-top: 10vh!important;
}   
    
    .btn-round_small .btn-img {
    margin-top: -1px;
}
    
    .btn-round_small {

    padding: 4px 15px 8px 15px;
    font-size: 16px;
}
    
    .left_panel .search_area .custom-search-input .search-query {
    height: 41px;
}

    .notificationspopup, .fuelmodal .modal-dialog, .sospopup .modal-dialog {
    min-width: 1200px;
}
    
.helppopup .modal-dialog {
    min-width: 990px;
}
    
    .notificationspopup #exampleModalLabel, .notificationspopup #exampleModalLabel2{
        font-size: 50px;
    }
    
    .notificationspopup .modal-body p{
        font-size: 40px;
    }
    
    textarea.form-control{
        height: 200px;
    }
    
    
    
    
    .company-profile-tabs li a {
            font-size: 60px;
        }
    
    .choose_sec p{
        font-size: 45px;
    }
    
    .choose_sec{
        width: 332px;
    }
    
    .choose_sec .choose_area {
    width: 322px;
    height: 160px;
}
    
.drag_sec {
    width: 510px;
}

    .blah {
    width: 170px;
    height: 130px;
}
    
.colo_list li span {
    font-size: 40px;
}
    
    .helppopup label{
        font-size: 23px;
    }
    
    /*********************************************/
    
.justify-content-between p {
    font-size: 60px;
}
    
.colo_list li .Choose {
    font-size: 43px;
}
    
.form_sec_area h3 {
    font-size: 65px;
}
    
    .form_sec_area h5{
        font-size: 3.25rem;
        
    }
    
button.add-field {
    font-size: 19px!important;
}
    
.multi-field button.remove-field {
    right: 150px;
}
    
    .view_inspect_area .table.table-non-border td{
        font-size: 40px;
    }
    
.table.table-header thead th h4 {
    margin-bottom: 0;
    font-size: 52px;
}
    
    .form_sec_area table tr td{
        font-size: 45px;
    }
    
    .Inspection_Summery h4{
        font-size: 52px;
    }
    
    .Inspection_Summery .Summery_list li a{
        font-size: 43px;
    }
    
.Inspection_Summery .comment_area {
    font-size: 49px;
}
    
    .left_panel .camera_list a, .left_panel label{
        font-size: 24px;
    }
    
#livefeedleftpanel {
    min-height: 3725px;
}
    
.camera_panel .nav-tabs .nav-link {
    padding: 15px 90px;
    font-size: 26px;
}
    
    .list-camera li{
        width: 340px;
    }
    
    .tab-content{
        width: 100%;
    }
    
    form label{
        font-size: 36px;
    }
    
    .Trip_replay_page .Trip_left .form-control{
        height: 88px;
    }
    
    .Trip_replay_page .Trip_left .btn-round-normal{
        font-size: 35px;
        margin-bottom: 20px;
    }
    
    .table_head table tr th, .table_head table tr td{
        font-size: 35px;
    }
    .Trip_replay_page .Trip_left #Trip_accordion .card .card-header a{
        font-size: 35px;
    }
    
    .card-body table tr td{
        font-size: 35px;
    }
    
.dataTables_filter input {
    font-size: 22px !important;
}
    
.dt-buttons button[type="button"] {
    font-size: 20px;
}
    
.fuel_body_top {
    float: right;
    padding-bottom: 15px;
    padding-top: 0;
}
    
.previw_area .previw .ico_area img {
    width: 92%;
    padding: 0;
}
    
.shift_table_area .table tbody td a {
    /* color: #a8a8a8; */

    text-decoration: none;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 17px;
    border: 0;


    
}
    
    .shift_table_area .table tbody td a:hover{color:#000!important;}
    
.fuel_body_top_box #datepicker2 {
    height: 42px !important;
    width: 54%;
    display: inline !important;
}
    
.list_tab li p {
    font-size: 23px;
    }

#logi_area .logi_sec {
    width: 600px;
    }
    
#logi_area .logi_sec .log_form label {
    font-size: 26px;
    }
    
    .forgot_txt .pull-left, .forgot_txt .pull-right{
        font-size:22px;
    }
    
    .log_form p strong{
        font-size:20px;
    }
    
#logi_area .logi_sec .log_form .form-control {
    height: 68px;
}
    
.btn-log {
    height: 62px;
    padding: 10px 35px;
    font-size: 26px;
}
    
.custom-search-input button {
    font-size: 20px;
}
    
.upload-field-customized {
    width: 100%;
    /*background: #fff*/;
    position: relative;
    cursor: pointer;
    border: 1px solid #d9d9d9;
    height: 190px;
}

.upload-field-customized span {
    padding: 0px 0 0 0;
    height: 97%;
}
    
    .vehicle_text{
        font-size:0.9vw;
    }
    
.form_sec_area .form_sub_head h4 {
    font-size: 1.2vw;
}
    
.shift_table_area .table td {
    padding: 10px 13px;

}
    
table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after {
    bottom: 0.7em !important;
    }
    
    #myModalMenuInfo .modal-dialog{     
        max-width:35%!important;
    }
    
    #myModalMenuInfo .modal-dialog .modal-header h4{
        font-size: 1.3vw;
    }
    
    #myModalMenuInfo .modal-dialog #menu_content{
        font-size: 1vw;
    }
    
    #defaultState .modal-footer button{
        font-size: 1vw;
    }
    .previw_area .previw .previw_txt {
    width: 100%;
    }
    
.previw_area .previw {
    height: auto;
    padding-top: 0;
    padding-bottom:0;
}
    
    .previw_area .previw p{
        font-size:13px;
        vertical-align: middle;
    }
    
    header.inner_header .previw_area .previw p {
        font-size: 12px;
        vertical-align: middle;
    }
    
    header.inner_header .info_list {
    padding: 0;
    margin: 15px 13px 12px 120px;
    list-style: none;
}
    
    #feedUrlframe{
        width: 100%;
        height: 14vh!important;
    }
    
    .previw_area .previw h3{
        font-size: 1vw;
        height: 31px;
        padding: 5px 0 0 0;
    }
    

.previw_area {

    padding: 0 5px 0 0;
}
    
iframe.trackerDashboardFeed {
    border: 0;
    padding: 0 10px;
    width: 100% !important;
    height: 25.5vh !important;
}
iframe.trackerDashboardFeed canvas {
    width: 100% !important;
    height: 100% !important;
}
    
.headline {
/*    margin-top: 28px;*/
    margin-bottom: 13px;
    text-align: center;
}
    
    .dt-buttons{
        padding:0 0 15px 0;
    }
    
.header-notofy-area {
    position: absolute;
    right: 0;
    top: -11px;
    background: #fad122;
    width: 24px!important;
    height: 24px!important;
    border-radius: 50%;
    text-align: center;
    padding: 1px 0 0 0;
    color: #000;
    font-size: 16px!important;
}
    
    #reciept_src{
        margin-top:47px;
    }
    
.textinputbottomtext {
    font-size: 23px;
}
    
    .sospopupdetaisl{
        font-size:1vw;
    }
    
    .ui-datepicker-div{
        top:10px !important;
        left: 100px !important;
    }
    
    .track_location_page{
        height:auto !important;
    }
    

    
    
.header_form_area .select_area .btn-round {
    margin-top: 21px;
}
    
#__searchit1 {
    width: 100%;
    font-size: 21px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    border: 1px solid #d9d9d9;
    height: 61px;
    padding-left: 10px;
}
    
.insident_list {
    position: absolute;
    bottom: 48px;
    left: 3px;
    width: 148px;
    height: auto;
    border-radius: 0;
    text-align: center;
    background: #fff;
    z-index: 99;
    cursor: pointer;
    padding: 5px 25px 5px 5px;
    border-radius: 50px;
}
    
}

@media only screen and (min-width:3000px) and (max-width:4999px) {
    .notificationspopup, .fuelmodal .modal-dialog, .sospopup .modal-dialog {
    min-width: 1600px;
}
    
    .helppopup .modal-dialog {
    min-width: 1700px;
}
    
    .notificationspopup #exampleModalLabel, .notificationspopup #exampleModalLabel2{
        font-size: 50px;
    }
    
    .notificationspopup .modal-body p{
        font-size: 40px;
    }
    
    textarea.form-control{
        height:200px;
    }
    
    .company-profile-tabs li a {
            font-size: 60px;
        }
    
    .choose_sec p{
        font-size: 45px;
    }
    
    .choose_sec{
        width: 332px;
    }
    
        .choose_sec .choose_area {
    width: 322px;
    height: 160px;
}
    
.drag_sec {
    width: 510px;
}
    
.blah {
    width: 170px;
    height: 130px;
}
    
.colo_list li span {
    font-size: 40px;
}
    
    .helppopup label{
        font-size: 49px;
    }
    
    /*********************************************/
    
.justify-content-between p {
    font-size: 60px;
}
    
.colo_list li .Choose {
    font-size: 43px;
}
    
.form_sec_area h3 {
    font-size: 35px;
}
    
    .form_sec_area h5{
        font-size: 3.25rem;
        
    }
    
button.add-field {
    font-size: 48px;
}
    
.multi-field button.remove-field {
    right: 150px;
}
    
    .view_inspect_area .table.table-non-border td{
        font-size: 40px;
    }
    
.table.table-header thead th h4 {
    margin-bottom: 0;
    font-size: 52px;
}
    
    .form_sec_area table tr td{
        font-size: 45px;
    }
    
    .Inspection_Summery h4{
        font-size: 52px;
    }
    
    .Inspection_Summery .Summery_list li a{
        font-size: 43px;
    }
    
.Inspection_Summery .comment_area {
    font-size: 49px;
}
    
    .left_panel .camera_list a, .left_panel label{
        font-size: 52px;
    }
    
#livefeedleftpanel {
    min-height: 3725px;
}
    
.camera_panel .nav-tabs .nav-link {
    padding: 15px 90px;
    font-size: 45px;
}
    
    .list-camera li{
        width: 340px;
    }
    
    .tab-content{
        width: 100%;
    }
    
    form label{
        font-size: 36px;
    }
    
    .Trip_replay_page .Trip_left .form-control{
        height: 88px;
    }
    
    .Trip_replay_page .Trip_left .btn-round-normal{
        font-size: 35px;
        margin-bottom: 20px;
    }
    
    .table_head table tr th, .table_head table tr td{
        font-size: 35px;
    }
    .Trip_replay_page .Trip_left #Trip_accordion .card .card-header a{
        font-size: 35px;
    }
    
    .card-body table tr td{
        font-size: 35px;
    }
    
    
}

@media only screen and (min-width:5000px) and (max-width:7999px) {
    .notificationspopup, .fuelmodal .modal-dialog, .sospopup .modal-dialog, .helppopup .modal-dialog {
    min-width: 1500px;
}
    
    
    
    .notificationspopup #exampleModalLabel, .notificationspopup #exampleModalLabel2{
        font-size: 40px;
    }
    
    .notificationspopup .modal-body p{
        font-size: 30px;
    }
    
    textarea.form-control{
        height: 200px;
    }
    
    .company-profile-tabs li a {
            font-size: 60px;
        }
    
    .choose_sec p{
        font-size: 45px;
    }
    
    .choose_sec{
        width: 332px;
    }
    
        .choose_sec .choose_area {
    width: 322px;
    height: 160px;
}
    
.drag_sec {
    width: 510px;
}
    
.blah {
    width: 170px;
    height: 130px;
}
    
.colo_list li span {
    font-size: 40px;
}
    
    /*********************************************/
    
.justify-content-between p {
    font-size: 60px;
}
    
.colo_list li .Choose {
    font-size: 43px;
}
    
.form_sec_area h3 {
    font-size: 65px;
}
    
    .form_sec_area h5{
        font-size: 3.25rem;
        
    }
    
button.add-field {
    font-size: 48px;
}
    
.multi-field button.remove-field {
    right: 150px;
}
    
    .view_inspect_area .table.table-non-border td{
        font-size: 40px;
    }
    
.table.table-header thead th h4 {
    margin-bottom: 0;
    font-size: 52px;
}
    
    .form_sec_area table tr td{
        font-size: 45px;
    }
    
    .Inspection_Summery h4{
        font-size: 52px;
    }
    
    .Inspection_Summery .Summery_list li a{
        font-size: 43px;
    }
    
.Inspection_Summery .comment_area {
    font-size: 49px;
}
    
    .left_panel .camera_list a, .left_panel label{
        font-size: 52px;
    }
    
#livefeedleftpanel {
    min-height: 3725px;
}
    
.camera_panel .nav-tabs .nav-link {
    padding: 15px 90px;
    font-size: 45px;
}
    
    .list-camera li{
        width: 340px;
    }
    
    .tab-content{
        width: 100%;
    }
    
    form label{
        font-size: 36px;
    }
    
    .Trip_replay_page .Trip_left .form-control{
        height: 88px;
    }
    
    .Trip_replay_page .Trip_left .btn-round-normal{
        font-size: 35px;
        margin-bottom: 20px;
    }
    
    .table_head table tr th, .table_head table tr td{
        font-size: 35px;
    }
    .Trip_replay_page .Trip_left #Trip_accordion .card .card-header a{
        font-size: 35px;
    }
    
    .card-body table tr td{
        font-size: 35px;
    }
    
    .helppopup label{
        font-size: 23px;
    }
}





/********************************************************
********************************************************/
@media (min-width:1200px){.container{max-width:100%;}}

@media only screen and (min-width:1400px) and (max-width:1899px) {


}

@media only screen and (min-width:1900px) and (max-width:2999px) {

.incident_tab a.tab_incident {
    background: #000;
    padding: 5px 15px;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
}
    
.Dispatched_Area .table thead th {
    vertical-align: bottom!important;
    border-bottom: 1px solid #eaeaea!important;
    background: #f3f3f3!important;
    font-size: 20px!important;
    color: #000!important;
    font-family: 'Poppins', sans-serif!important;
    font-weight: 600;
}

.Dispatched_Area .table tbody td {
    font-size: 18px!important;
    color: #000!important;
   font-family: 'AvenirLTStd-Book'!important;
    font-weight: 600!important;
    
}   
    
    .form-maptext2{
        margin-top: 5px;
    }
    

.map_sec_area .map_sec::before {
    left: -9px;
}
    
    
    
    .btn-round_small {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    font-weight: bold;
}
    
    .fuel_body_top_box select {
        height: 37px !important;
    }
    .form-control{
        font-size:18px;
    }
    
    .stellarnav li a{
        font-size:15px!important;
    }

 .map_sec_area {
    width: 100%;
  height: 84.8vh!important;
}
    
    
 .map_sec_area.track_location_page.breadcrumb_page {
    width: 100%;
  height: 90vh !important;
}
    
    a.table_toplink {
    font-size: 18px;
    }
    
    #headertop1 .modal-dialog, #headertop2 .modal-dialog, #headertop3 .modal-dialog, #headertop4 .modal-dialog {
        max-width: 50% !important;
    }
    
    #headertop1 .modal-dialog .modal-header h5, #headertop2 .modal-dialog .modal-header h5, #headertop3 .modal-dialog .modal-header h5, #headertop4 .modal-dialog .modal-header h5 {
    font-size: 1.3vw;
}
    
/*
    .header_box_popup p{
        font-size:20px!important;
    }
*/
    
    .date_sec, #vehicleList, .date_sec2{
        margin-top:7px;
    }
    /*.info_list {*/
    /*margin: 21px 13px 18px 0;*/
    /*}*/
    .header_form_area {
    margin-top: 0;
    /*height: 72px;*/
    /*padding: 0px 10px 10px 10px;*/
}
    
    .btn-img i{
        padding:10px 0 0 0;
    }

    .header_form_area .select_area .date_sec2::before{top:-30px;}
    /*.stellarnav.light {*/
   
    /*padding: 20px 0 0 0;*/
    /*}*/
    
    .no-vehicle-found{
        padding-top:100px;
    }

        .btn-round{
        font-size:20px!important;
    }
    
    .tabcontent h3 {
    font-size: 33px;
    }
    .srceen_video {
    width: 100%;
    height: 262px;
    margin-bottom: 30px;
    }
    .camera_box_list .dropdown i {
    color: red;
    font-size: 28px;
}
    
    .camera_box_list .dropdown {
    position: absolute;
    right: 30px;
    top: 9px;
/*    background: rgba(252, 231, 143, 1);*/
    padding: 0px 11px;
    border-radius: 5px;
    z-index: 999;
}
    
    #resizable3 .form-cam {
    height: 49px!important;
    margin-bottom: 10px;
}
    
#video_view_container.box_view_container_4 .blank_video_container {
    width: 18.4% !important;
/*    height: 257px !important;*/
}
    
    #preopsfilter .modal-dialog{
    max-width: 1170px;
}
    
    .filter_modal_button{
        font-size:25px;     
        }
    
    
    .notificationspopup, .fuelmodal .modal-dialog, .sospopup .modal-dialog {
    min-width: 1200px;
}
    
.helppopup .modal-dialog {
    min-width: 990px;
}
    
    .notificationspopup #exampleModalLabel, .notificationspopup #exampleModalLabel2{
        font-size: 1.2vw;
    }
    
    .notificationspopup .modal-body p{
        font-size: 1vw;
    }
    
    textarea.form-control{
        height: 200px;
    }
    
    
    
    
    .company-profile-tabs li a {
            font-size: 25px;
        }
    
    .choose_sec p{
        font-size: 29px;
    }
    
    .choose_sec{
        width: 332px;
    }
    
    .choose_sec .choose_area {
    width: 322px;
    height: 160px;
}
    
.drag_sec {
    width: 510px;
}

    .blah {
    width: 170px;
    height: 130px;
}
    
.colo_list li span {
    font-size: 23px;
}
    
    .helppopup label{
        font-size: 23px;
    }
    
    /*********************************************/
    
.justify-content-between p {
    font-size: 60px;
}
    
.colo_list li .Choose {
    font-size: 20px;
}
    
    .add_more_div h3{
        font-size:28px!important;
    }
    
.form_sec_area h3 {
    font-size: 45px;
}
    
    .form_sec_area h5{
        font-size: 22px;
        
    }
    
button.add-field {
    font-size: 48px;
}
    
.multi-field button.remove-field {
   right: 80px;
top: 17px;
}
    
    .view_inspect_area .table.table-non-border td{
        font-size: 24px;
    }
    
.table.table-header thead th h4 {
    margin-bottom: 0;
    font-size: 24px;
}
    
.Inspection_Summery .head h4 {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 24px;
}
    
    .form_sec_area table tr td{
        font-size: 22px;
    }
    
    .Inspection_Summery h4{
        font-size: 52px;
    }
    
    .Inspection_Summery .Summery_list li a{
        font-size: 20px;
    }
    
.Inspection_Summery .comment_area {
    font-size: 26px;
}
    
    .left_panel .camera_list a, .left_panel label{
        font-size: 18px;
        text-decoration: none;
    }
    
#livefeedleftpanel {
    min-height: 1425px;
}
    
.camera_panel .nav-tabs .nav-link {
    padding: 15px 90px;
    font-size: 26px;
}
    
    .list-camera li{
        width: 340px;
    }
    
    .tab-content{
        width: 100%;
    }
    
    form label{
        font-size: 22px;
    }
    
    .Trip_replay_page .Trip_left .form-control{
        height: 68px;
    }
    
    .Trip_replay_page .Trip_left .btn-round-normal{
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .table_head table tr th, .table_head table tr td{
        font-size: 20px;
    }
    .Trip_replay_page .Trip_left #Trip_accordion .card .card-header a{
        font-size: 1vw;
    }
    
    .card-body table tr td{
        font-size: 1vw;
    }
    
    .dataTables_filter {
    position: absolute;
    width: 300px;
    float: right;
    margin-right: 8px;
    padding-top: 4px;
right: 23px !important;
top: -6px !important;
}
    
        .dataTables_filter input {
    width: 294px !important;
    height: 50px !important;
    }
    
    
    .dataTables_info{
        font-size:1.4rem;
        
    }
    .pagination li{
        font-size:1.5rem !important;
    }
    
    .shift_table_area .table th {
    padding: 15px 13px;
        padding-right: 13px;
}
    
        .sec_between h3{
        font-size: 1.4vw;
        
    }
    
        
    .table tr th{font-size:19px !important;}
    .table tr td{font-size:18px !important; padding: 15px 0;}
    
        .dt-buttons button{
        font-size:20px;
        padding: 15px 30px;
    }
    
.map_sec_area .map_sec {
    padding: 0;
    width: 158px;
    height: auto;
    position: absolute;
    left: 355px;
    right: auto;
    top: 10px;
    /* box-shadow: 0px 2px 2px #ccc; */
}
    
.map_sec_area .map_sec2 {
    left: 490px !important;
    width: 143px;
}
    
.shift_table_area .table tbody td {
    font-size: 0.9vw;
    }
.form_sec_area form label {
    font-size: 1.1vw;
    font-family: 'Poppins', sans-serif;
}
    
.maptext_area {
    position: relative;
    width: 100%;
    min-height: 0;
    z-index: 9999;
}
    
.map_indicate_view ul li {
    font-size: .95vw;
    float: left;
    margin: 0 35px 0 0;
}

    .blank_video_container {
    width: 700px !important;
/*  height: 339px !important;*/
/*  border: #000 solid 1px !important;*/
    margin-bottom: 6px !important;
    float: left;
    margin-right: 6px;
}
    
    #video_view_container .blank_video_container {
    width: 371px !important;
    margin-bottom: 6px !important;
    margin-right: 6px;
    }
    
    .btn-img img{
        width:36px;
        
    }
    
    .sec_between a img{
        width:30px;
        margin: 2px 0 0 0;
    }
    
    .footer_logo{
        width:120px !important;
    }
    
    .extratime_heading{
    padding:20px 0 0 0;
}
    
.selectstate_modal{
    max-width:810px !important;
}
    
.selectstate_modal label{
    font-size: 26px;
}
    
.hip-pagination {
    position: relative;
    top: 0;
    left: 0;
    width: 136px;
    margin: 0 auto;
}

.hip-pagination a img{
    width:114%;
}

.hip-pagination a:nth-child(1) {
    position: absolute;
    top: -2px;
    left: -3px;
    z-index: 999;
}

.hip-pagination a:nth-child(2) {
    position: absolute;
    top: -2px;
    right: 8px;
    z-index: 999;
}
    
.videoContainer4 {
    width: 49.1%;
    border: 1px solid #000;
    height: auto;
    display: inline;
    margin: 0 1px 2px 1px;
    padding: 6px;
    min-height: 200px;
}
    
    .videoContainer4 .srceen_video iframe {
    height: 693px !important;
    border: 0;
    width: 100%;
    margin: -5px 0;
    text-align: center;
}
    
.videoContainer4 img.shrinkToFit {
    width: 100% !important;
    height: 100% !important;
}
    
.Operator_Time .fuel_body_top {
    padding-bottom: 20px;
}
    
.shift_page .table_sec_area .headline {
/*    margin-top: 20px;*/
    margin-bottom: 13px;
    text-align: left;
}
    
    table.dataTable thead .sorting::before{
        bottom:0.7em;
        
    }
    
.stellarnav ul ul ul {
    top: 0;
    left: 200px!important;
}
    
.shift_page .table_sec_area h3 {
    font-size: 28px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    margin-bottom: 0;
    margin-top: 15px;
    }
    
    .shift_page .table_sec_area h3 small{
        font-size:19px;
    }
    
    .map_sec_area{
        height:84.8vh!important;
    }
    
    .map_sec_area.track_location_page {
    margin: 0;
    height: 100vh !important;
}
    
    #preopsreports_table_filter{
        top:0 !important;
    }
    
.left_panel .camera_list > li.channel_main_active::after {
    width: 23px;
    height: 12px;
    background: url(../img/trauck_active_ico.png) no-repeat;
    content: "";
    position: absolute;
    left: 13px;
    top: 6px;
    background-size: cover;
}
    
.left_panel .camera_list > li {
    padding: 0 0 15px 44px;
    position: relative;
}
    
.breadcrumbs_area table tr td, .breadcrumbs_area table tr th {
    font-size: 0.9vw;
}
    
.breadcrumbs_sec1 .breadcrumbs_area table tr th {
    font-size: 1.1vw;
}
    
    .iframe_area.trk_page h5{
        font-size: 1.2vw;
    }
    
.color-picker {
    width: 310px;
    background: #F3F3F3;
    height: 161px;
    padding: 5px;
    border: 5px solid #fff;
    box-shadow: 0px 0px 3px 1px #DDD;
    position: absolute;
    top: -100px;
    right: 381px;
}
    
.color-picker1 {
    width: 310px;
    background: #F3F3F3;
    height: 161px;
    padding: 5px;
    border: 5px solid #fff;
    box-shadow: 0px 0px 3px 1px #DDD;
    position: absolute;
    top: 80px;
    right: 381px;
    z-index: 999;
}
    
    .color-picker2 {
    width: 310px;
    background: #F3F3F3;
    height: 161px;
    padding: 5px;
    border: 5px solid #fff;
    box-shadow: 0px 0px 3px 1px #DDD;
    position: absolute;
    top:-10px;
    right: 0;
}
    
.color-picker .color-item, .color-picker1 .color-item, .color-picker2 .color-item {
    cursor: pointer;
    width: 25px;
    height: 25px;
    list-style-type: none;
    float: left;
    margin: 2px;
    border: 1px solid #DDD;
}
    
#ui-id-1 {
    left: 234px!important;
}
    
.ui-menu .ui-menu-item {
    font-size: 25px!important;
}

    #vehicleLocationsTable tr th{
        font-size: 0.9vw;
        padding-left: 10px;
        
    }
    
.vehicleLatestFeed h3, .wazeContentArea h3{
    font-size: 20px;
}
    
.track_location_page .vehiclefeed {
    padding: 5px;
/*  border: #ddd 1px solid;*/
/*  min-height: 546px;*/
/*  height: 355px !important;*/
}
    
.vehiclefeed.locationtrackervideo {
    padding: 5px;
    border: #ddd 1px solid;
    min-height: 546px;
}

.tabsection_map {
    width: 628px;
}
    .wazeContentArea, .vehicleLatestFeed {
    min-height: auto!important;
}
    
.csvSample a {
    padding: 5px 15px 4px 15px;
    font-size: 21px;
    margin-top: 15px;
}
    
#vehicleAddCSV .select_state_close, #vehicleAddCSV .select_state_Save {
    font-size: 19px;
}
    
    #vehicleAddCSV input[type="file"]{
        font-size:22px;
    }
    
    .text-right .btn-img img, .btn_sec_area .btn-img img{
        width:26px;
    }
.small, small {
    font-size: 31%;
}
    
/*
.inci_list_panel {
    list-style: none;
    position: fixed;
    bottom: 126px;
    left: 147px;
    display: block;
    z-index: 99;
    width: 92%; 
    height: 250px;
    background: #fff;
    padding: 15px 0;
}
*/
    
.inci_list_panel {
    list-style: none;
    position: absolute;
    bottom: 94px;
    left: 4px;
    display: block;
    z-index: 99;
    width: 92%;
    height: 250px;
    background: #fff;
    padding: 15px 0;
}
    

    
.arrow_sec2::after {
    bottom: -5px;
}
    
.map_sec_area .map_sec::after {
    width: 15px;
    height: 15px;
    content: "\f107";
    font-family: 'FontAwesome';
    text-align: center;
    line-height: 15px;
    color: black;
    font-size: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2px;
    margin: auto;
}
    
.form-goview option {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}
    
.map_sec_area .map_sec2::before {
    width: 1px;
    height: 30px;
    background: #e1e1e1;
    position: absolute;
    top: 10px;
    left: 23px;
    content: "";
    z-index: 999;
}
    
}

@media only screen and (min-width:3000px) and (max-width:4999px) {
    


    .inci_list_panel {  
        left: 141px;     
    }


    .notificationspopup, .fuelmodal .modal-dialog, .sospopup .modal-dialog {
    min-width: 1600px;
}
    
    .helppopup .modal-dialog {
    min-width: 1700px;
}
    
    .notificationspopup #exampleModalLabel, .notificationspopup #exampleModalLabel2{
        font-size: 50px;
    }
    
    .notificationspopup .modal-body p{
        font-size: 40px;
    }
    
    textarea.form-control{
        height:200px;
    }
    
    .company-profile-tabs li a {
            font-size: 60px;
        }
    
    .choose_sec p{
        font-size: 45px;
    }
    
    .choose_sec{
        width: 332px;
    }
    
        .choose_sec .choose_area {
    width: 322px;
    height: 160px;
}
    
.drag_sec {
    width: 510px;
}
    
.blah {
    width: 170px;
    height: 130px;
}
    
.colo_list li span {
    font-size: 40px;
}
    
    .helppopup label{
        font-size: 49px;
    }
    
    /*********************************************/
    
.justify-content-between p {
    font-size: 60px;
}
    
.colo_list li .Choose {
    font-size: 43px;
}
    
.form_sec_area h3 {
    font-size: 35px;
}
    
    .form_sec_area h5{
        font-size: 3.25rem;
        
    }
    
button.add-field {
    font-size: 48px;
}
    
.multi-field button.remove-field {
    right: 150px;
}
    
    .view_inspect_area .table.table-non-border td{
        font-size: 40px;
    }
    
.table.table-header thead th h4 {
    margin-bottom: 0;
    font-size: 52px;
}
    
.Inspection_Summery .head h4 {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 52px;
}
    
    .form_sec_area table tr td{
        font-size: 45px;
    }
    
    .Inspection_Summery h4{
        font-size: 52px;
    }
    
    .Inspection_Summery .Summery_list li a{
        font-size: 43px;
    }
    
.Inspection_Summery .comment_area {
    font-size: 49px;
}
    
    .left_panel .camera_list a, .left_panel label{
        font-size: 52px;
    }
    
#livefeedleftpanel {
    min-height: 3725px;
}
    
.camera_panel .nav-tabs .nav-link {
    padding: 15px 90px;
    font-size: 45px;
}
    
    .list-camera li{
        width: 340px;
    }
    
    .tab-content{
        width: 100%;
    }
    
    form label{
        font-size: 36px;
    }
    
    .Trip_replay_page .Trip_left .form-control{
        height: 88px;
    }
    
    .Trip_replay_page .Trip_left .btn-round-normal{
        font-size: 35px;
        margin-bottom: 20px;
    }
    
    .table_head table tr th, .table_head table tr td{
        font-size: 35px;
    }
    .Trip_replay_page .Trip_left #Trip_accordion .card .card-header a{
        font-size: 35px;
    }
    
    .card-body table tr td{
        font-size: 35px;
    }
    
    .dataTables_filter {
    position: absolute;
    width: 292px;
    float: right;
    margin-right: 8px;
    padding-top: 4px;
right: 705px!important;
    top: -119px!important;
}
    
        .dataTables_filter input {
    width: 362px !important;
    height: 81px !important;
    }
    
    
        .dataTables_info{
        font-size:2rem;
        
    }
    
        .pagination li{
        font-size:2rem !important;
    }
    
    .shift_table_area .table th {
    padding: 28px 13px;
        padding-right: 13px;
}
    
        .sec_between h3{
        font-size: 4.75rem;
        
    }
    
        
    .table tr th{font-size:50px;}
    .table tr td{font-size:38px; padding: 15px 0;}
    
        .dt-buttons button{
        font-size:30px;
        padding: 15px 30px;
    }
    
    
.map_sec_area .map_sec {
    padding: 0 25px;
    width: 100%;
    height: auto;
    position: absolute;
    left: auto;
    right: 110px;
    top: -39px;
    z-index: 9999;
}
    
    .peropsdata_table table tbody tr td{
    padding-top:10px !important; 
    padding-bottom:10px !important; 
}
    
.shift_table_area .table tbody td {
    font-size: 0.9vw;
    }
    
 .form_sec_area form label {
    font-size: 1.5vw;
    font-family: 'Poppins', sans-serif;
} 
    
.maptext_area {
    position: relative;
    width: 100%;
    min-height: 414px;
}
    
.blank_video_container {
    width: 700px !important;
    height: 339px !important;
    border: #000 solid 1px !important;
    margin-bottom: 6px !important;
    float: left;
    margin-right: 6px;
}
    
.showon_map {
    width: 100%;
    height: 108vh;
}
    
.sec_between a img {
    width: 50px;
}
    

    
}

@media only screen and (min-width:5000px) and (max-width:7999px) {

    .notificationspopup, .fuelmodal .modal-dialog, .sospopup .modal-dialog, .helppopup .modal-dialog {
    min-width: 1500px;
}
    
    .peropsdata_table table tbody tr td{
    padding-top:10px !important; 
    padding-bottom:10px !important; 
}
    
    
    
    .notificationspopup #exampleModalLabel, .notificationspopup #exampleModalLabel2{
        font-size: 40px;
    }
    
    .notificationspopup .modal-body p{
        font-size: 30px;
    }
    
    textarea.form-control{
        height: 200px;
    }
    
    .company-profile-tabs li a {
            font-size: 60px;
        }
    
    .choose_sec p{
        font-size: 45px;
    }
    
    .choose_sec{
        width: 332px;
    }
    
        .choose_sec .choose_area {
    width: 322px;
    height: 160px;
}
    
.drag_sec {
    width: 510px;
}
    
.blah {
    width: 170px;
    height: 130px;
}
    
.colo_list li span {
    font-size: 40px;
}
    
    /*********************************************/
    
.justify-content-between p {
    font-size: 60px;
}
    
.colo_list li .Choose {
    font-size: 43px;
}
    
.form_sec_area h3 {
    font-size: 65px;
}
    
    .form_sec_area h5{
        font-size: 3.25rem;
        
    }
    
button.add-field {
    font-size: 48px;
}
    
.multi-field button.remove-field {
    right: 150px;
}
    
    .view_inspect_area .table.table-non-border td{
        font-size: 40px;
    }
    
.table.table-header thead th h4 {
    margin-bottom: 0;
    font-size: 52px;
}
    
    .form_sec_area table tr td{
        font-size: 45px;
    }
    
    .Inspection_Summery h4{
        font-size: 52px;
    }
    
    .Inspection_Summery .Summery_list li a{
        font-size: 43px;
    }
    
.Inspection_Summery .comment_area {
    font-size: 49px;
}
    
    .left_panel .camera_list a, .left_panel label{
        font-size: 52px;
    }
    
#livefeedleftpanel {
    min-height: 3725px;
}
    
.camera_panel .nav-tabs .nav-link {
    padding: 15px 90px;
    font-size: 45px;
}
    
    .list-camera li{
        width: 340px;
    }
    
    .tab-content{
        width: 100%;
    }
    
    form label{
        font-size: 36px;
    }
    
    .Trip_replay_page .Trip_left .form-control{
        height: 88px;
    }
    
    .Trip_replay_page .Trip_left .btn-round-normal{
        font-size: 35px;
        margin-bottom: 20px;
    }
    
    .table_head table tr th, .table_head table tr td{
        font-size: 35px;
    }
    .Trip_replay_page .Trip_left #Trip_accordion .card .card-header a{
        font-size: 35px;
    }
    
    .card-body table tr td{
        font-size: 35px;
    }
    
    .helppopup label{
        font-size: 23px;
    }
    
    .dataTables_filter {
    position: absolute;
    width: 292px;
    float: right;
    margin-right: 8px;
    padding-top: 4px;
right: 705px!important;
    top: -119px!important;
}
    
    .dataTables_filter input {
    width: 362px !important;
    height: 81px !important;
    }
    
    .dataTables_info{
        font-size:2rem;
        
    }
    
        .pagination li{
        font-size:3rem !important;
    }
    
    .shift_table_area .table th {
    padding: 28px 13px;
        padding-right: 13px;
}
    
    .sec_between h3{
        font-size: 4.75rem;
        
    }
    
    .table tr th{font-size:50px;}
    .table tr td{font-size:38px; padding: 15px 0;}
    
    .dt-buttons button{
        font-size:50px;
        padding: 15px 30px;
    }
    
    .map_sec_area .map_sec {
    padding: 0 25px;
    width: 100%;
    height: auto;
    position: absolute;
    left: auto;
    right: 110px;
    top: -39px;
    z-index: 9999;
}

    .hamburger_area1{
        padding: 0;
    }
    
.shift_table_area .table td {
    padding: 25px 13px;
    border-top: 1px solid #f0f0f0;
}
    
.form_sec_area form label {
    font-size: 1.1vw;
    font-family: 'Poppins', sans-serif;
}
    
.maptext_area {
    position: relative;
    width: 100%;
    min-height: 654px;
}
    


    
}


    

/* Fallback for slow javascript load */
@media only screen and (max-width : 768px) {
.stellarnav {
    overflow: visible;
    display: block;
    z-index: 9999;
}
.stellarnav ul {
    position: relative;
    display: none;
}
}

/* mobile nav */
@media only screen and (max-width : 420px) {
.stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span {
    display: none;
}
}

#custom_search_table{
    padding-bottom: 30px;
}

#custom_search_table{
    overflow-x: scroll!important;
}
#customreport_table_wrapper{
    overflow-x: scroll!important;
}
#custom_search_table .form-control.form-control-sm{
    margin-top: 4px;
}

.vehicle_tracker_dropdown .arrow_sec{
    position: absolute;
    top:0;

}

.vehicle_tracker_dropdown .arrow_sec2{
    position: absolute;
    top:0;
}

.ui-resizable-handle.ui-resizable-e{
    display:none !important;
}

.dashboard-inc.incident_list table tr th{
    font-size: 14px !important;
    font-weight: 700;
}

.vehicle-feed #livefeedleftpanel{
    min-height: 779px;
}
.preview-inspection-image{
    margin-top: 30px;
    position: relative;
}

.preview-inspection-image span{
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fad122;
    font-size: 15px;
    cursor: pointer;
}

.inspection-preview-img {
    width: 100%;
    height: 222px;
    border: 2px dashed #d9d9d9;
    margin-bottom: 20px;
}
.inspection-preview-img img{
    width: 100%;
}

.inspection-preview-img .preview-inspection-image {
    margin-top: 0;
    position: relative;
    margin: 0 auto;
}

/**************
.feed-f-screen {
    position: absolute;
    z-index: 9999;
    right: 6px;
    top: 17px;
    cursor: pointer;
    color: #fad122;
    background: #000;
    padding: 5px;
    border-radius: 5px;
}
*********/


/*************************************04-10-2021**********************************/

.page-location-tracker.active{
    background: #000 !important;
}
.videobox {
    border: #ccc solid 1px;
    width: 100%;
    height: auto;
    margin: 30px 0 0 0;
    padding: 0 0 30px 0;
}
.track_location_page .videobox{
    padding: 5px 5px 0;
    justify-content: space-between;
}
.track_location_page .videobox .col-lg-6{
    flex: 0 0 calc(50% - 2.5px);
    max-width: calc(50% - 2.5px);
}
.track_location_page .videobox .col-lg-4{
    flex: 0 0 calc(33.333333% - 2.5px);
    max-width: calc(33.333333% - 2.5px);
}
.track_location_page .videobox .col-lg-4.singlewindow{
    flex: 0 0 100%;
    max-width: 100%;
}
/*.map_sec_area.track_location_page iframe{
    height: 405px !important;
}*/

.videobox iframe {
    /*height: 65vh !important;*/
    height: 100% !important;
    object-fit: cover
}

.singlewindow{
/*    margin-bottom: 5px;*/
}

.timingbottombox {
    width: 66%;
    background: #313131;
    padding: 15px;
    margin: 30px 0 80px 0;
}

.minbox{
    margin-bottom:20px;
}
.minbox:last-child{
    margin-bottom:0px;
}

.minbox span{
    background:#fad121;
    padding: 5px 10px;
    color:#000;
    font-size: 14px;
    display: inline-block;
    width:50px;
    text-align: center;
}
.minbox ul {
    padding: 10px 0 0 15px;
    margin: 0;
    list-style: none;
    display: inline-block;
    width: calc(100% - 55px);
}

.minbox ul li{ 
    float:left;
    width:1.645%;
    background:#fff;
    height:15px;
    border-right:#ccc solid 1px;
    position:relative;
    cursor: pointer;
}

.minbox ul li b {
    position: absolute;
    top: -16px;
    left: 0;
    color: #fad121;
    background: none;
    font-size: 10px;
}

.minbox ul li.rangeactive{
    background:#fad121;
}

.hourbox ul li{
    width:4.1%;
}
.remote-play-list{
    list-style: none;
    padding: 0 15px;
}
.remote-play-list li{
    padding: 7px 0px;
    border-top: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* ---------------------------- */
.range-slider {
    margin: 10px 0 10px 0%;
  }
  
  .range-slider {
    width: 100%;
  }
  
  .range-slider__range {
    -webkit-appearance: none;
    width: calc(100% - (43px));
    height: 10px;
    border-radius: 5px;
    background: #d7dcdf;
    outline: none;
    padding: 0;
    margin: 0;
  }
  .range-slider__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #2c3e50;
    cursor: pointer;
    -webkit-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
  }
  .range-slider__range::-webkit-slider-thumb:hover {
    background: #fad122;
  }
  .range-slider__range:active::-webkit-slider-thumb {
    background: #fad122;
  }
  .range-slider__range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 50%;
    background: #2c3e50;
    cursor: pointer;
    -moz-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
  }
  .range-slider__range::-moz-range-thumb:hover {
    background: #fad122;
  }
  .range-slider__range:active::-moz-range-thumb {
    background: #fad122;
  }
  .range-slider__range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #fad122;
  }
  
  .range-slider__value {
    display: inline-block;
    position: relative;
    width: 30px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    background: #2c3e50;
    padding: 5px 10px;
    margin-left: 8px;
  }
  .range-slider__value:after {
    position: absolute;
    top: 8px;
    left: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #2c3e50;
    border-bottom: 7px solid transparent;
    content: "";
  }
  
  ::-moz-range-track {
    background: #d7dcdf;
    border: 0;
  }
  
  input::-moz-focus-inner,
  input::-moz-focus-outer {
    border: 0;
  }

  .rangebox{
      padding:0 5px;
      border-bottom: 1px solid #ccc;
  }

  .remote-play-list li span{
      display:inline-block;
      width:85px;
  }

  .iframe_area.location-tracker-replay{
    margin-left:430px !important;
}

.custom-tabs {
    background: #ffea92;
    width: 335px;
    border-radius: 30px;
    display: flex;
    align-items: center;
}
.custom-tabs li {
    flex: 1;
}
.custom-tabs li a {
    display: block;
    text-align: center;
    color: #000;
    padding: 11px 17px;
}
.custom-tabs li a.active.show {
    background: #fad122;
    border-radius: 30px;
}
  @media only screen and (min-width: 1900px) and (max-width: 2999px){
      
.header-notofy-area {
    position: absolute;
    right: -45PX;
    top: -17px;
    background: #fad122;
    width: 18px!important;
    height: 18px!important;
    border-radius: 50%;
    text-align: center;
    padding: 1px 0 0 0;
    color: #000;
    line-height: 8px;
    font-size: 12px!important;
    left: auto;
}
.stellarnav ul li a img.tabicon_svg, .stellarnav ul li a img.tabicon_svg_hover {
    width: 25%!important;
}
.stellarnav li a {
font-size: 12px!important;
}
    /*.track_location_sec.location_tracker_lpanel {
        width: 300px !important;
    }
    .location-vehicle-list{
        left: 311px !important;
    }*/

    .iframe_area.location-tracker-replay{
        margin-left:650px !important;
    }

    .minbox ul li b {
            font-size: 13px;
    }

    .map_sec_area.track_location_page iframe {
        height: 775px ;
    }

    .videobox {
        border: #ccc solid 1px;
        width: 100%;
        height: auto;
        margin: 30px 0 0 0;
    }
  }
  
  
  
  
  .managementtimeline{
    margin: 0px 0px;
    padding: 0px 0px;
    position: relative;
    width: 100%;
   }
.managementtimeline .nav-tabs {
    border-bottom: 0 !important;
    width: 100%;
    margin: 0px 0px;
    padding: 0px 0px;
    background: #000;
    }
.managementtimeline .nav > li > a {
  position: relative;
  display: block;
  padding: 20px 31px;
  color: #fff;
  }

.managementtimeline .nav > li > a:focus, .nav > li > a:hover {
    color: #000;
    background-color: #FAD122;
    }
.managementtimeline .nav-tabs > li.active > a, .managementtimeline .nav-tabs > li.active > a:focus, .managementtimeline .nav-tabs > li.active > a:hover {
    color: #000;
    background-color: #FAD122;
   }
.managementtimeline .tab-content{
    margin: 0px 0px;
    padding: 0px 0px;
    position: relative;
    width: 100%;
   }
.incidentlist-head {
      margin: 0px 0px;
      padding: 15px 17px;
      position: relative;
      background: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: space-between;
      }
.incidentlist-head h2 {
    margin: 0px 0px;
    padding: 0px 0px;
    text-align: left;
    font: normal normal 500 18px/20px Poppins;
    letter-spacing: 0px;
    color: #000000;
    }
.incidentlistright .form-control {
    display: block;
    width: 100%;
    height: auto !important;
    padding: 5px 2px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    font-family: 'Poppins', sans-serif;
    background-color: transparent;
    background-image: none;
    border-bottom: 1px solid #a8a8a8;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -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;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}
.incidentlistright {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 12px;
   }
.managementtimeline .table thead th {
    vertical-align: bottom;
    border-bottom: 0px solid #dee2e6;
    background: #fff;
    font-size: 13px;
    font-weight: 400;
    }
.managementtimeline .table td, .table th {
    font-size: 13px;
    font-weight: 400;
   }
.managementtimeline .table td a {
    color: #1e9e00;
   }
.managementtimeline .bg-light{
    background:#f5f5f5;
    }
.managementtimelinecard{
  margin: 0px 0px;
  padding: 0px 0px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
   }
.managementtimelinecard h4 {
  margin: 0px 0px;
  padding: 0px 0px;
  text-align: left;
  font: normal normal 500 21px/20px Poppins;
  letter-spacing: 0px;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 15px;
  }
.managebtn {
    border-radius: 31px;
    border: #fad122 1px solid;
    margin: 0px 0px;
    padding: 9px 21px;
}
    
.chartcard {
    font-size: 14px;
    border: #D4D4D4 1px solid;
    border-radius: 5px;
    padding: 10px 12px;
}
.feedinfo.table-responsive table td{
    font-size:12px;
}
.feedinfo.table-responsive table{
    margin:0;
}

/*=============== NEW FIXING ============*/
.singlewindow{
     min-height:calc(400px + 125px);
}
.videobox .singlewindow iframe{
    height:calc(100% - 125px) !important;
}
.fourewindow{
     height: 310px;
     margin-bottom:5px;
}
.videobox .fourewindow iframe{
    height:calc(100% - 100px) !important;
}


.ninewindow{
     height: 160px;
     margin-bottom:5px;
}
.videotrackerrow {
    display: flex;
}
.videotrackerSidebarWrap {
    display: flex;
}
.videotrackerSidebar {
    width: 200px;
    position: relative;
}
.videotrackerBd {
    width: calc(100% - 400px);
    padding: 0 15px;
    box-sizing: border-box;
}

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

.videobox-inner{
    position: relative;
}
.videobox-inner .downloadBTn{
    position: absolute;
    left: 10px;
    top: 10px;
}
.videobox .videobox-inner iframe {
    border: 1px solid #eeeeee;
    margin: 10px 0 0;
    outline: none;
    box-shadow: none;
}

.videobox-inner .downloadBTn .btn{
    font-size: 14px;
}

.minbox ul {
    padding: 10px 0 0 15px;
    margin: 0;
    list-style: none;
    display: inline-flex;
    width: calc(100% - 55px);
}
.minbox ul li{
    float: inherit;
    flex: 1;
}
.fixed-top .sec_between {
    align-items: center;
}
.slimScrollDiv{
    /*height: 100vh !important;*/
}
.left_menu_area {
    height: 100vh !important;
}