/*
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;  */
    color: #ffcc00;
}

.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; */
    background: linear-gradient(to top, #FF0000, #EE4B2B) !important;
    /* background: linear-gradient(to top, #2D71D5, #153D62) !important; */
    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: linear-gradient(to bottom, #FF0000, #EE4B2B) !important;
    /* background: linear-gradient(to bottom, #2D71D5, #153D62) !important; */
    /* background: #3c3c3b !important; */
    /* background: white url("../images/bg-nycpark.jpg") 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: 80px;
    padding: .5rem;
    position: relative;
    color: #fff;
}

.info-box .info-box-number {
    display: block;
    font-weight: 700;
    font-size: 1.5rem;
}

.info-box .info-box-content {
    -ms-flex: 1;
    flex: 1;
    padding: 0px 10px !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: 50px !important;
}

.tab-txt {
    font-size: 20px !important;
}

.tab-txt-color {
    color: #757575 !important;
}

.t-border-btm-1 {
    border-bottom: 3px solid #22af8e;
}

.t-border-btm-2 {
    border-bottom: 3px solid #c78888;
}

.t-border-btm-3 {
    border-bottom: 3px solid #fbba00;
}

.t-border-btm-4 {
    border-bottom: 3px solid #fed842;
}

.t-border-btm-5 {
    border-bottom: 3px solid #6495ed;
}

.t-border-btm-6 {
    border-bottom: 3px solid #78a15a;
}

.t-border-btm-7 {
    border-bottom: 3px solid #22af8e;
}

.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 {
    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;
    color: #3c3c3b;
    font-weight: 600;
}

.t_dis_img {
    width: 50px !important;
}

.fix_card_size {
    color: #3c3c3b;
    padding: 15px 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: 54%;
    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;
}

.set_text_WD,
.set_text_td_3 {
    color: #ffcc00 !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;
}

li.user-header.bg-warning {
    background-color: #FF0000!important;
    color: #fff !important;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #FF0000!important;
    border-color: #FF0000!important;
}

.card-warning:not(.card-outline) .card-header {
    background-color: #FF0000!important;
    color: #fff;
}

.mdl-bg-yellow {
    background-color: #FF0000!important;
    color: #fff;
}