/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 20, 2019, 2:24:04 PM
    Author     : MOBA
*/

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
}

table.dataTable thead .sorting_asc::after {
    content: '\21C2';
    float: right;
    color: #757575;

}

table.dataTable thead .sorting_desc::after {
    content: '\21BE';
    float: right;
    color: #757575;
}

table.dataTable thead .sorting::after{
    content: '\21C2';
    float: right;
    color: #dee2e6;
}

.mb-1{
    display: none;
}
.mb-4{
    display: none;
}
.page-item.active .page-link {
    z-index: 1;
    color: #3c3c3b;
    background-color: #ffcc00;
    border-color: #ffcc00;
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #3c3c3b;
    background-color: #fff;

}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #ffcc00;
    color: #fff;
}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover {
    background-color: #ffcc00;
    color: #fff;
}
.info-box .info-box-icon {
    border-radius: 0.25rem;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.875rem;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding-left: 8px;


    margin-top: 7px;
}
.bg-moba {
    background-color: #3c3c3b;
}

.bg_extra{
    background-color: #5A79A5;
}
th{
    font-weight: 500;
    text-align: center;
    font-size: 25px;
}
td {
    max-width: 90px;
    white-space: normal;
    overflow: hidden;
    text-align: center;
}

.plus{
    color: #ffcc00;
}
.plus:hover{
    color: #3c3c3b;
}
.layout-footer-fixed .wrapper .main-footer {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1032;
}
.widget-user .widget-user-image {
    left: 14%;
    margin-left: -45px;
    position: absolute;
    top: 0px;
}
.widget-user .widget-user-header {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    height: 50px;

    text-align: center;
    color: #3c3c3b;
}
.widget-user .card-footer {
    padding-top: 10px !important;
}
.widget-user .widget-user-image>img {
    border: none;
}
.form-control-navbar+.input-group-append {
    margin-left: 0;
    background-color: #d6d4cc;
}
.bg-moba {
    background-color: #9cc2e1 !important;
}
.bg_moba_icon{
    background-color: #f1f0ee !important;
    padding: 0px 6px;
    border-radius: 3px;
    color: #3c3c3b;
    width: 50px !important;
    font-weight: 600;
}
.search_bg{

    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: transparent;
}

.icon_inactive{

    color: red;
}
.icon_igon{

    color: green;
}
.icon_mainconnect{

    color: #506F86;
}
.icon_active{

    color: green;
}
.icon_stop{

    color: red;
}
.icon_geofence{

    color: #df6589;
}
.bg-moba-grey{

    background-color: #ce8e8e;
    color: #fff !important;
}

.alerts_icon{

    width: 24px;
}

.layout-footer-fixed .wrapper .main-footer {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1032;
}
.layout-top-nav .wrapper .brand-image {
    height: 60px !important;
}
.ho-mainicon{
    width: 50px !important;
    height: auto;
}
.ho-table-vehicleicon{
    color:#5778c1;
}
.ho-table-equicon{
    color:#00a4cc;
}
.ho-table-plateicon{
    color:#0063b2;
}
.ho-table-datetimeicon{
    color:#08b9c1;
}
.ho-table-locationicon{
    color:#9571ea;
}
.ho-table-gpsicon{
    color:#333d79;
}
.ho-table-hmricon{
    color:#447af3;
}
.ho-table-speedicon{
    color:#e94b3c;
}
.ho-table-fuelicon{
    color:#339e66;
}
.ho-table-statusicon{
    color:#ad2b79;
}
.ho-table-siteicon{
    color:#949494;
}

td a{
    color: #3c3c3b;
    text-decoration: none;
    background-color: transparent;

}


.main-footer {
    background: #3c3c3b !important;
    border-top: 1px solid #dee2e6;
    color: #dcdcdc;
    padding: 1rem;
    text-align: center;
}
.footer_img {
    height: 30px;
}
.bg-warning {
    background-color: #b3b3b5 !important;
}
.icon-size{

    font-size: 21px !important;
}
.card-tab {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: .25rem;
    height: 235px;
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    margin-bottom: 1rem;
}

.a_greycolor{

    color: #3c3c3b;

}
.a_greycolor:hover{

    color: #fff;

}

.a_whitecolor{
    color: #fff;
}
.a_whitecolor:hover{
    color: #3c3c3b;
}


body {
    overflow: hidden;
}

/* Preloader */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    /* change if the mask should have another color then white */
    z-index: 999999;
    /* makes sure it stays on top */
}
#status {
    width: 100px;
    height:100px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    background-image: url(../img/footer_moba.png);
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    /* is width and height divided by two */
}
.notification {
    width: 60px;
    height: inherit;
    color: #ffcc00;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.notification::after {
    min-width: 20px;
    height: 20px;
    content: attr(data-count);
    background-color: #ed657d;
    font-family: monospace;
    font-weight: bold;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: 5px;
    transition: .3s;
    opacity: 0;
    transform: scale(.5);

    color: white;
}
.notification.show-count::after {
    opacity: 1;
    transform: scale(1);
}

.notification::before {
    content: "\f0f3";
    font-family: "FontAwesome";
    display: block;
    font-size: 20px;
}

.navbar-moba{
    background-color: #3c3c3b !important;
    color: #fff !important;
}


.notification.notify::before {
    animation: bell 1s ease-out;
    transform-origin: center top;
}
@keyframes bell {
    0% {
        transform: rotate(35deg);
    }
    12.5% {
        transform: rotate(-30deg);
    }
    25% {
        transform: rotate(25deg);
    }
    37.5% {
        transform: rotate(-20deg);
    }
    50% {
        transform: rotate(15deg);
    }
    62.5% {
        transform: rotate(-10deg)
    }
    75% {
        transform: rotate(5deg)
    }
    100% {
        transform: rotate(0);
    }
}

@media only screen and (max-width: 1024px) {
    .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .col-md-2 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .col-md-3 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .col-md-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .col-md-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .col-md-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}


.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da !important;
    padding: .46875rem .75rem !important;
    height: calc(2.25rem + 2px) !important;
}

.card-success:not(.card-outline) .card-header {
    background-color: transparent;
}

.bg-gradient-success .btn-tool, .bg-success .btn-tool, .card-success:not(.card-outline) .btn-tool {
    color: #3c3c3b;
}

figure {

    padding: 10px;
    margin: 0px;
    height: 300px;
}

.content-wrapper {
    background: #E9E9E9 !important;
}
/*.main-header {
    border-bottom: none;
    z-index: 1034;
    background-color: #3c3c3b;
}*/
.main-header {
    width: 100%;
    height: 70px;
    width: 100%;
    z-index: 1024;
    background: white url("../images/bg_header_light.png") no-repeat center center;
    /*      background: white url("../img/bg_road_head.png") no-repeat center center;*/
    /*       background: white url("../img/bg_header3.png") no-repeat center center;
             background: white url("../img/bg_short.png") repeat center center;
              background: white url("../img/bg_header_2.png") no-repeat center center;
        background: white url("../img/Group 10679.png") no-repeat center center;
                background: white url("../img/bg_header.png") no-repeat center center;*/
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-color: #dee2e6;


    /*    opacity: 0.8;
      line-height: 2.8em;*/

}
.main-footer {
    background: #1e1f21;
    border-top: none;
    color: #dcdcdc;
    padding: 1rem;
    text-align: center;
}

.info-box {
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    border-radius: .25rem;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    min-height: 70px;
    padding: .5rem;
    position: relative;
    color: #fff;
}
.info-box .info-box-number {
    display: block;
    font-weight: 700;
    font-size: 1.2rem;
}
.info-box .info-box-content {
    -ms-flex: 1;
    flex: 1;
    padding: 25px 15px !important;
}

.info_box1{
    color: #17a2b8;
    font-size: 20px;
}
.info_box2{

    color: #dc3545;
    font-size: 20px;
}
.info_box3{
    color: #28a745;
    font-size: 20px;
}
.info_box4{
    color: #ffcc00;
    font-size: 20px;
}
.info_box5{
    color: #ff9643;
    font-size: 20px;
}
.info_box6{

    color: #d87323;
    font-size: 20px;
}
.bg-warning {
    background-color: #ffcc00!important;
}
.bg-moba {
    background-color: #ff9643 !important;
}
.bg_extra {
    background-color: #d87323;
}

.info-box-icon  img{

    height: 35px !important;
}

.page-header {
    padding: 20px 15px;
    background: #2d3035;
    color: #8a8d93;
    margin-bottom: 30px;
}
.card.card-img-holder .card-img-absolute {
    /*                position: absolute;
                    top: 0;
                    right: 0;
                    height: 100%;*/
    position: absolute;
    top: 75px;
    right: 33px;
    height: 30%;
}

.bg-moba-color {
    background-color: rgba(60, 60, 59, 0.2) !important;
}

.card-img-set{
    position: absolute;
    top: 95px;
    right: 11px;
    height: 22%;
}

.block {
    padding: 10px;
    background: transparent;
    color: #8a8d93;
}
.chart1{
    width:100%;
    display:block;
    overflow:hidden;
    margin:0 auto;
    padding: 30px 50px;
    color: #fff;
    border-radius:4px;
}

.barGraph{
    height: 540px;
    width: 790px
}
svg {
    width: 100%;
    height: 100%;
    position: center;
}
text{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.toolTip {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: absolute;
    display: none;
    width: auto;
    height: auto;
    background: none repeat scroll 0 0 white;
    border: 0 none;
    border-radius: 8px 8px 8px 8px;
    box-shadow: -3px 3px 15px #888888;
    color: black;
    font: 12px sans-serif;
    padding: 5px;
    text-align: center;
}
.legend {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 60%;
}
text {
    font: 10px sans-serif;
}
.axis text {
    font: 10px sans-serif;
}
.axis path {
    fill: none;
    stroke: #000;
}
.axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}

#chart_div {
    background-color: #ffcc00 !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .col-md-2 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

.container-chart {
    width: 80%;

}
canvas{

    width:100% !important;
    height: 350px !important;

}

.bg-header{

    background-color: #242526 !important;
}

.total-waste{

    color: #E16161;
}

.total-zones{
    color: plum;
}

.total-wards{
    color: #0E9D47;
}
.total-house{
    color: #3D9BD3;
}
.route-overview{
    color: #ffcc00;
}
.vehicle-details{
    color: #fff;
}
.card-bg{

    background-color: transparent !important;
}

.nav-item a{
    color: #fff;
}

.card-success:not(.card-outline) .card-header {
    background-color: transparent;
}

.bg-gradient-success .btn-tool, .bg-success .btn-tool, .card-success:not(.card-outline) .btn-tool {
    color: #3c3c3b;
}

figure {

    padding: 10px;
    margin: 0px;
    height: 300px;
}
.navbar-light {
    background-color: #3c3c3b;
}
.content-wrapper {
    background: #E9E9E9;
}
/*.main-header {
    border-bottom: none;
    z-index: 1034;
}*/
.main-footer {
    background: #1e1f21;
    border-top: none;
    color: #dcdcdc;
    padding: 1rem;
    text-align: center;
}

.info-box {
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    border-radius: .25rem;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    /*                min-height: 300px !important;*/
    padding: .5rem;
    position: relative;
    color: #fff;
}


.info_box1{
    color: #17a2b8;
    font-size: 20px;
}
.info_box2{

    color: #dc3545;
    font-size: 20px;
}
.info_box3{
    color: #28a745;
    font-size: 20px;
}
.info_box4{
    color: #ffcc00;
    font-size: 20px;
}
.info_box5{
    color: #ff9643;
    font-size: 20px;
}
.info_box6{

    color: #d87323;
    font-size: 20px;
}
.bg-warning {
    background-color: #ffcc00!important;
}
.bg-moba {
    background-color: #ff9643 !important;
}
.bg_extra {
    background-color: #d87323;
}

.info-box-icon  img{

    height: 50px !important;
    max-width: none !important;
}

.page-header {
    padding: 20px 15px;
    background: #2d3035;
    color: #8a8d93;
    margin-bottom: 30px;
}
.card.card-img-holder .card-img-absolute {
    /*                position: absolute;
                    top: 0;
                    right: 0;
                    height: 100%;*/
    position: absolute;
    top: 62px;
    right: 22px;
    height: 40%;
}

.bg-moba-color {
    background-color: rgba(60, 60, 59, 0.2) !important;
}


.card-img-set{
    position: absolute;
    top: 95px;
    right: 11px;
    height: 22%;
}

.block {
    padding: 10px;
    background: transparent;
    color: #8a8d93;
}




text{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.toolTip {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: absolute;
    display: none;
    width: auto;
    height: auto;
    background: none repeat scroll 0 0 white;
    border: 0 none;
    border-radius: 8px 8px 8px 8px;
    box-shadow: -3px 3px 15px #888888;
    color: black;
    font: 12px sans-serif;
    padding: 5px;
    text-align: center;
}

text {
    font: 10px sans-serif;
}
.axis text {
    font: 10px sans-serif;
}




@media (min-width: 768px) and (max-width: 1024px) {
    .col-md-2 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

.btn-app{

    background-color: #ececec;

}

.t_sites{

    border-bottom: 3px solid #d4b958;
    color: #d4b958;
}
.t_balance{

    border-bottom: 3px solid #fed842;
    color: #fed842;
}
.t_dispense{

    border-bottom: 3px solid #b8bf96;
    color: #b8bf96;
}
.t_bowser{

    border-bottom: 3px solid #5a79a5;
    color: #5a79a5;
}
.t_pump{

    border-bottom: 3px solid #f87e7e;
    color: #f87e7e;
}

.t_vehicle{

    border-bottom: 3px solid #3d3d3b;
    color: #605c5c;
}
.t_wise_dispense{

    height: 75px;
/*    height: 60px;*/
    color: #3c3c3b;
    font-weight: 600;

}

.t_dis_img{

    width: 50px !important;
}

.fix_card_size{


    color: #3c3c3b;
    padding: 4px 10px !important;
}

.box_icon_set{

    border-radius: 0.25rem;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.875rem;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding-left: 8px;
    margin-top: 0px;
}

.ic_1{

    color: #ffcc00;
}
.ic_2{

    color: #3c3c3b;
}

.ic_3{

    color: tomato;
}

.ic_4{

    color: #0063b2;
}

.card_header_title {
    float: left;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0px;
}

.o_text{

    font-weight: normal;
    top: 47px;
    position: absolute;
    left: 100px;
}

.txt_pad_left{
    /*padding-left: 10px;*/
    font-size: 20px !important;
}

.txt_pad_top{
    padding-top: 10px;
    padding-left: 10px;
    font-size: 20px !important;
    position: absolute;
}

.info-box-icon1 img {
    height: 70px !important;

}
.modal_header_bg{

    background-color: #ffcc00;
}

.modal_ic_set{
    padding-right: 5px;
    color: #FFCC00;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: 85px;
    padding: 10px;
    text-align: center;
}

.fix_card_size1 {
    color: #3c3c3b;
    padding: 4px 10px !important;
}
.row_bg{

    background-color: #ffcc00;
}
.btn_set_col{

    background-color: #3c3c3b;
    color: #fff;
}

.t_head_bg{
    background-color: #f5f4f4;
}
.m_head_bg{

    background-color: #dae2b3;
}
.d_head_bg{

    background-color: #9ba2a0;
}
.r_head_bg{

    background-color: #fed842;
}
.txt_col_copy{

    color: #757575;
}
.pad_tle{
    padding-right: 16px;
}


.site_header {
    background-color: #e9e9e9;
}


.ho-table-remainingfuel{

    color: tomato;
}
.ho-table-d_fuel{
    color: #ffcc00;
}
.ho-table-current_reading{

    color: #3c3c3b;
}
.ho-table-prev_reading{
    color: #757575;
}
.ho-table-Average{

    color: #3acc6d;
}
.ho-table-Measurement{
    color: #49bfb4;
}
.ho-table-gas_station{
    color: #ea8080;
}
.ho-table-Indicator{
    color: #cac480;
}
.ho-table-Measuring{
    color: #d6d6d6;
}
.ho-table-Created{
    color: #8ca8b5;
}
.ho-table-file{
    color: #ffad33;
}
.table td, .table th{
    padding:0.3rem;
}

.tab_pump{

    color: #5778c1;
}
.tab_dispense{
    color: #3c3c3b;
}
.tab_contact{
    color: #339e66;
}
.tab_vehicle{
    color: #1d7579;
}
.export-place{
    float: right;
    margin-top: 0px;
}
.export-icon{
    width: 30px;
    height: 30px;
}
.search-btn{

    width: 10vh !important;
}
#map_container {
    position: relative;
    padding-top: 51%;
    width: 100%;
    margin: 0 auto;
}

#map {
    position: absolute;
    width: 100%;
    height: 95%;
    top: 0;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #ffffff;
    background-color: #ffcc00 !important;
    font-weight: 600;
}


.nameset{
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    width: 100px;
}
.driver_info{
    color: #3c3c3b;
    font-size: 15px;
}
.padtext{

    padding-right: 5px;
}
.popup {
    position: absolute;
    left: 0;
    opacity: 0;
    transition: all ease 1s;
    padding: 6px;
    background-color: #ffffff;
    z-index: 1;
    border-radius: 3px;
    color: #3c3c3b;
    border: 1px solid #c5c5c5;
    box-shadow: 2px 2px grey;
}

.active_side_menu{

    background-color: #ffcc00;
}
.site_link_a{

    color: #d4b958;
}
.balance_link_a{

    color: #ffcc00;
}
.dispense_link_a{

    color: #9ba07f;
}
.bowser_link_a{

    color: #5a79a5;
}
.pump_link_a{

    color: #f87e7e;
}
.vehicle_link_a{

    color: #757575;
}

body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header{
    margin-left: 0px !important;
}




.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: 77px;
    padding: 10px;
    text-align: center;
}

.set_text_td, .set_text_td_1{
    color: #3c3c3b !important;

}
.set_text_md, .set_text_td_2{
    /*    color: #8e908d  !important;*/
    color: #3c3c3b !important;
    font-weight: 500 !important;
    font-size: 22px !important;
    margin-top: 11px !important;

}
.set_text_WD, .set_text_td_3{
    /*    color: #ffcc00  !important;*/
    color: #3c3c3b !important;
    font-weight: 500 !important;

}
.set_text_TBT, .set_text_td_4{
    color: #f87e7e  !important;

}
.gm-style-iw {

    min-width: 200px !important;
    left: 0px !important;
    background-color: #ffcc00;
    box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
    border: 1px solid rgba(72, 181, 233, 0.6);
    border-radius: 2px 2px 10px 10px;
}
#iw-container {
    margin-bottom: 10px;
}
#iw-container .iw-title {

    font-weight: 700;
    padding: 10px;
    background-color: #757575 !important;
    color: white;
    margin: 0;
    border-radius: 2px 2px 0 0;
}

.iw-pad{

    padding-right: 10px;
}
#iw-container .iw-content {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    margin-right: 1px;
    padding: 0px 5px 20px 15px;

    overflow-y: auto;
    overflow-x: hidden;
}
.iw-content img {
    float: right;
    margin: 0 5px 5px 10px;
}
.iw-subTitle {
    font-size: 16px;
    font-weight: 700;
    padding: 5px 0;
}
.iw-bottom-gradient {
    position: absolute;
    width: 326px;
    height: 25px;
    bottom: 10px;
    right: 18px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

/* menu */
nav.float-action-button {
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 1em;
}

a.buttons {
    box-shadow: 0 5px 11px -2px rgba(0, 0, 0, 0.18), 0 4px 12px -7px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 1.5em;
    padding: 1px 0 0 0;
    text-align: center;
    display: block;
    margin: 20px auto 0;
    position: relative;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
}

a.buttons:active,
a.buttons:focus,
a.buttons {
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    text-decoration: none;
}

a.buttons:not(:last-child) {
    width: 50px;
    height: 50px;
    margin: 20px auto 0;
    opacity: 0;
    font-size: 1.4em;
    padding-top: 8px;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}

a.buttons.main-button > i:first-child {
    position: relative;
    margin-top: 10px;
}

a.buttons:not(:last-child) {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 20px auto 0;
}

a.buttons:nth-last-child(1) {
    -webkit-transition-delay: 25ms;
    transition-delay: 25ms;
    background-color: #ffcc00;
    /* Button color */
}

a.buttons:not(:last-child):nth-last-child(2) {

    /* Facebook color */
}

.menu_home_bg{

    -webkit-transition-delay: 50ms;
    transition-delay: 20ms;
    background-color: #4fbb93;
}


.menu_master_daata_bg{
    -webkit-transition-delay: 75ms;
    transition-delay: 40ms;
    background-color: #4d668a;

}

.menu_reports_bg{

    -webkit-transition-delay: 100ms;
    transition-delay: 60ms;
    background-color: #ff6262;
}

.menu_stock_transfer_bg{
    -webkit-transition-delay: 125ms;
    transition-delay: 80ms;
    background-color: #8a906e;
    /* Google plus color */
}

.menu_average_bg{

    -webkit-transition-delay: 150ms;
    transition-delay: 100ms;
    background-color: #0e8a8a;
}
.menu_control_center_bg{

    -webkit-transition-delay: 175ms;
    transition-delay: 120ms;
    background-color: #3c3c3b;
}

.menu_dssr_bg{

    -webkit-transition-delay: 200ms;
    transition-delay: 140ms;
    background-color: #ffcc00;
}
.tooltip.left {
    margin-left: -10px;
}

.t_dis_unit{

    border-bottom: 3px solid #f8bf7e;
    color: #f8bf7e;

}
.t_dis_unit_link_a {
    color: #f8bf7e;
}
.t_tag_a{
    color: #ffcc00;
}
.t_tag{

    border-bottom: 3px solid #ffcc00;
    color: #ffcc00;

}
.t_Equipment {
    border-bottom: 3px solid #a6abab;
    color: #605c5c;
}

.t_equ_type {
    border-bottom: 3px solid #adadad;
    color: #adadad;
}
.t_equ_link_a{
    color: #adadad;
}

.card_head_height{

    height: 50px !important;
}

.content-header {
    padding: 5px .5rem;
}

.crd_body_pad{

    padding: 0.5rem;
}
.float_img_set{

    padding-top: 5px;
}
/*label {
    display: inline-flex;
    margin-bottom: .5rem;

}*/


.btn_trans_bg{

    background: transparent;
    border: none;

}

.show_menu{

    display: block !important;
}
.hide_menu{

    display: none !important;
}
.tbl{
    text-align:center;
    color: #3c3c3b;
    width: 100%;
    border: 2px solid #00000020;
}

thble{
    padding:8px;
    font-size: 15px;
    width: 100%;
}

.tdble {
    max-width: 100%;
    white-space: normal;
    overflow: hidden;
    text-align: center;
    padding: 6px;
    font-weight: 700;

}
.fon_bold{

    font-weight: 700;
}

.bordernone_active{

    border: none !important;
}
.toggle-icon1{
    cursor: pointer;
}
@media all and (min-width: 1920px){

    #map_container {
        position: relative;
        padding-top: 37% !important;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }
}


.opening_balance{
    color: green;
}
.closing_balance{
    color: red;
}
.closing_balance_formula{
    color: blue;
}
.modal {
    position: fixed;
    top: 0;
    left: 0;

    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.col-form-label {
    padding-top: 0px !important;
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.img_box{
    width: 5vh;
}

.label_pad{
    padding-left: 14.5px;
}
.fa_icon_set{
    font-size: 1.5rem !important;
    padding-top: 6px !important;
}

.fa_balance_level{
    padding-left: 10.5px;
    color: green;
}
/*.site_header {
    background-color: #e9e9e9 !important;
}*/


/* Request */

.set-title-text-left{
    font-size: 0.9rem !important;

    color: #757575;
}
.set-title-text-right{
    font-size: 0.9rem !important;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #757575;
    position: absolute;
    right: 2px;
}
.set-infobox-height{
    height: 135px;/*125px;*/
}
.set-content-text{
    color: #757575;
    position: absolute;
    left: 6px;
    font-size: 15px !important;
    font-weight: normal !important;
    text-align: left;
}
.date_time_icon{
    color: #FFCC00;
    padding-right: 5px;
}
.set-title-text-center{
    color: #757575;
    position: absolute;
    left: 215px;
    font-size: 15px !important;
    font-weight: normal !important;
    text-align: left;

}
.set-footer-btn{
    position: absolute;
    bottom: 0px;
    height: 19px;
    font-weight: 700;
    border: none;
    background-color: transparent;
}
.check_btn_right{
    background-color: #20DB5F;
}

.set_eye_icon{
    font-size: 20px !important;
    color: #757575;
    font-weight: 700;
    padding-right: 5px;
}
.set_check_icon{
    font-size: 20px !important;
    color: #fff;

}
.set-bottom-text{
    position: absolute;
    bottom: 5px;
    font-size: 12px !important;
    color: #757575;
}
.id_color{

    color: #20DB5F;
}
.crd-body{
    padding: 0rem !important;
}
.mdl-size{
    max-width: 90% !important;
}
/* Request Page */

.tab-height-infobox{

    height: 65px !important;
    min-height: 65px !important;

}

.info-box-icon .set-img-icon-tab{
    height: 50px !important;
    max-width: none !important;
    padding-bottom: 5px;
}
.info-box .set-text-value-tab {
    display: block;
    font-weight: 700;
    font-size: 2rem;
    position: absolute;
    top: 9px;
}
.approved_req{
    border-bottom: 3px solid #4ACB4E;
    color: #4ACB4E;
}
.approved_req_link_a {
    color: #4ACB4E;
}

.pending_req_link_a {
    color: #ffcc00;
}
.pending_req{
    border-bottom: 3px solid #ffcc00;
    color: #ffcc00;
}
.mid_approved_req{
    border-bottom: 3px solid #FB7C00;
    color: #FB7C00;
}
.mid_approved_text{
    color: #FB7C00;
}
.verified_tic_text{
    color: #5a79a5;
}
.edit-tab{
    color: #0062cc;
}

.tab-text-header{
    font-size: 1.2rem;
}

.comment-tab{
    color: #0062cc;
}
.td-set-pad{
    padding-right: 2px;
}