/*
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
*/

/* MEMU DASHBOARD */


.layout-footer-fixed .wrapper .main-footer {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1032;
}
.main-footer {
    background: #3c3c3b !important;
    border-top: 1px solid #dee2e6;
    color: #dcdcdc;
    padding: 1rem;
    text-align: center;
}
.footer_img {
    height: 30px;
}

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




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



.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: 30% !important;
        width: 100%;
        margin: 0 auto;
    }
}
.opening_balance{

    color: red;
}
.closing_balance{

    color: green;
}

.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: #3c3c3b;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    /* min-height: 300px !important; */
    padding: .5rem;
    position: relative;
    color: #fff;
}
.layout-top-nav .wrapper .brand-image {
    height: 40px;
}

.info-box .info-box-number {
    display: block;
    font-weight: 700;
    font-size: 1.5rem;
    padding-top: 7px;


}
.bg-warning {
    background-color: #ffcc00!important;
}
/*.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #ffcc00 !important;
    color: #3c3c3b;

}*/
.select2-container--default .select2-results>.select2-results__options {
    max-height: 400px;
    overflow-y: auto;

}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff !important;
    font-weight: 600 !important;
    line-height: 24px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: 4px !important;
    position: absolute;
    top: 50%;
    width: 0;
}
.btn-warning:hover {
    color: #ffcc00 !important;
    background-color: #757575!important;
    border-color: #757575 !important;
}
.remote_img_padding{

    padding: 5px;
    height: 440px !important;

}

.card_height{

    height: 450px !important;
}
.edit_btn{

    width: 6vh !important;
}
.label_pad_top{

    padding-top: 5px;
}


.main-header {
    border-bottom: none;
    z-index: 1024;
    background-color: #3c3c3b;
}
.main-footer {
    background: #1e1f21;
    border-top: none;
    color: #dcdcdc;
    padding: 1rem;
    text-align: center;
}
.txt_col_copy {
    color: #757575;
}
.search-btn{

    width: 10vh;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: 80px !important;
    padding: 10px;
    text-align: center;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;

    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: .25rem;

}
.select2-container--default .select2-selection--single {
    background-color: #3c3c3b !important;
    border:1px solid #aaa;
    border-radius: 4px;
    color: #fff;
}

.datepicker_control{

    color: #fff !important;
    background-color: #3c3c3b !important;
}
.export-icon{
    width: 30px; 
    height: 30px;
}
.export-place {
    float: right;
    margin-top: 0px;
}

.unit_tab{
    position: absolute;
    right: 10px;
    bottom: 5px;
}

.bg-mn{
    background-color: #C89C50;
}
.bg-cw{
    background-color:  #e9ecef;
}
.bg-vw{
    background-color:  #ffcc00;
}
.bg-tn{
    background-color: #1CFFB1;
}
/*.bg-alarm{
    background-color: #EF4F4F;
}*/
.navbar-light .btn-navbar, .navbar-light .form-control-navbar {
    background-color: #f2f4f6;
    border: 0;
}

.bg-sn{
    background-color: #7dd6e4;
}
.small-box {
    border-radius: .25rem;
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    display: block;
    margin-bottom: 0px;
    position: relative;
    border: 1px solid #757575;
    height: 300px;
    border-radius: 5px;
    margin: 5px auto;
}
.content-header {
    padding: 5px .5rem;
}
/* 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;
}
.tooltip.left {
    margin-left: -10px;
}

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

.engine_hr_img{
    width: 70%;
    position: absolute;
    left: 45px;
}

.gauge_img{
    width: 92%;
    position: absolute;
    left: 12px;
    top: 9px;
}

.info-box-height{

    height: 50px;

}

.bg_HydraulicOilLeve{

    background-color: #17B881;
}
.bg_fanspeed{
    background-color: #DC3545;
}

.set_font_tab{
    font-size: 35px !important;
    position: absolute;
    bottom: 12px;
}


.rightremote_btn{/*dent around button*/
    display: inline-block;
    position: absolute;
    text-decoration: none;
    color: rgba(3, 169, 244, 0.54);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    top: 10px;
    left: 10px;
    z-index: 1;

    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.16);
}

.rightremote_btn .imgh {
    position: absolute;
    content: '';
    width: 60px;
    height: 45px;
    line-height: 60px;
    vertical-align: middle;
    left: 10px;
    top: 18px;
    color: #3c3c3b;
    border-radius: 50%;
    font-size: 30px;
    /*    background-image: -webkit-linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
        background-image: linear-gradient(#2f2f2e 0%, #3a3a39 100%);*/
    /* text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66); */
    /* box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19); */

}
.rightremote_btn .fa:active{
    background-image: -webkit-linear-gradient(#efefef 0%, #d6d6d6 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
    border-bottom: solid 2px #d8d8d8;
}

/* Set Gauge */
.gauge_top_icon{
    top: 31px;
    left: 115px;
}
.gauge_left_icon{
    top: 115px;
    left: 34px;
}
.gauge_right_icon{
    top: 115px;
    left: 200px;
}
.gauge_bottom_icon{
    top: 196px;
    left: 115px;
}
.gauge_center_icon{
    top: 115px;
    left: 118px;
}
.enginhr_set_value{
    position: absolute;
    top: 39%;
    left: 48%;
    transform: translate(-50%, -50%);
    font-size: 1.5rem;
    color: #ffcc00;
    z-index: 1;
    font-weight: bold;
}
.set_rpm{
    color: #fff;
    position: absolute;
    bottom: 13px;
    left: 141px;
}
.set_percent{
    color: #fff;
    position: absolute;
    bottom: 13px;
    left: 141px;
}
.gauge2{
    width: 400px !important;
    bottom: 15px;
    position: relative;
    right: 48px;

}

.ect{

    width: 100% !important;
    bottom: 0px;
    position: relative;
    right: 3px;
    top: 18px;
}

.gauge1{
    width: 365px !important;
    bottom: 11px;
    position: relative;
    right: 34px;
}

.degree_cel{
    color: #fff;
    position: absolute;
    bottom: 35px;
    font-size: 25px;
    left: 182px;
}



canvas{
    width: 329px !important;
    bottom: 6px;
    position: relative;
    right: 20px;
}
#preview-textfield{
    position: absolute;
    top: 220px;
    left: 0px;
    right: 0;
    text-align: center;
    font-size: 2em;
    font-weight: 700;
    color: #ffc107;
    font-family: 'Amaranth', sans-serif;
}
#preview-textfield1{
    position: absolute;
    top: 150px;
    left: 16px;
    right: 0;
    text-align: center;
    font-size: 1.7em;
    font-weight: 700;
    color: #fff;
    font-family: 'Amaranth', sans-serif;
}
#preview-textfield3{
    position: absolute;
    top: 221px;
    left: 2px;
    right: 15px;
    text-align: center;
    font-size: 2em;
    font-weight: 700;
    color: #fff;
    font-family: 'Amaranth', sans-serif;
}
#preview-textfield4{
    position: absolute;
    top: 221px;
    left: 2px;
    right: 10px;
    text-align: center;
    font-size: 2em;
    font-weight: 700;
    color: #fff;
    font-family: 'Amaranth', sans-serif;
}
#preview-textfield2{
    position: absolute;
    top: 152px;
    left: 11px;
    right: 0;
    text-align: center;
    font-size: 1.7rem;
    font-weight: 700;
    color: #fff;
    font-family: 'Amaranth', sans-serif;
}
.engine_hr_text{
    color: #fff;
}

.map_card_div{
    height: 460px;
    width: 100%;
}

#bg-alarm{
    background-color: #EF4F4F;
}

//** show sorting icon for datatable **////
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;
}

.dataTables_scrollBody thead tr[role="row"]{
    visibility: collapse !important;
}


.dataTables_scrollBody {
    transform:rotateX(180deg);
}
.dataTables_scrollBody table {
    transform:rotateX(180deg);
}

.dataTables_info, .dataTables_paginate {
    padding-top: 10px;
}

.cursorClass {cursor: pointer}

.moba-list>li {
    font-family: "Font Awesome 5 Free";
    /*content: "\f054";*/
    margin: 0 20px;
    padding: 0 38px 0 2px;
    /*color: #fc0;*/
    /*line-height: inherit;*/
}
.fa-color{
    color:#fc0;
}