

html, body{
    font-size:12px!important
}

body{
    border-top: #2471A3 2px solid;
}
.k-dirty {
    border-style: hidden !important;
}
.scrollable-area::-webkit-scrollbar {
    width:7px
}
.jsgrid-grid-body {
    overflow-x: hidden !important;
    overflow-y: scroll;
}
.jsgrid-grid-header {
    overflow-x: hidden !important;
    padding-right:10px !important;
}
.jsgrid-header-row>.jsgrid-header-cell {
    background-color: #707070 !important;
    color: #fff;
    font-weight: normal;
    background: #777!important;
    font-size: 12px;
    font-weight: bold !important;
    text-align-last: left;
    padding: 0 0 0 1%!important;
  }
  
  .jsgrid-row>.jsgrid-cell {
    /* background-color: #9C9A99!important; */
    text-align-last:  left;
    background-color: #7F8C8D !important;
    background-color: #5a5a5a;
  }
  
  .jsgrid-alt-row>.jsgrid-cell {
    background-color: #336699 !important;
    text-align-last: left;
  }
  .jsgrid-cell {
    border: 0px solid !important;
    border-left: 1px solid #f3f3f3 !important;
    font-size: 11px;
    color: #fff;
    padding: 0 0 0 1%!important;
    word-break: break-all;
}
.jsgrid-alt-row.active>td{
    background-color: #C0C0C0 !important;
    color: #1A1A1A;
}
.jsgrid-row.active>td{
    background-color: #C0C0C0 !important;
    color: #1A1A1A;
}
.jsgrid-alt-row:hover>td{
    background-color: #DFDFDF !important;
    color: #1A1A1A;
}
.jsgrid-row:hover>td{
    background-color: #DFDFDF !important;
    color: #1A1A1A;
}
.jsgrid-align-center, .jsgrid-align-center input, .jsgrid-align-center select, .jsgrid-align-center textarea {
    text-align-last: center !important;
}

.left-map-panel-noHeigth {
    width: calc(33% - 12px);
    background: #7d7d7d;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    z-index: 2;
    margin-top: 80px;
}

.btn-via {
    border-radius: 6px !important;
    width: 84px !important;
}

.k-grid table tr{
    text-align-last:left ;
    font-size:10px;
 }
 .k-grid table tr.k-state-selected,
 .k-grid table tr.k-state-selected:hover
 
 {
     background: #FF931e;
     color: #333;
     
 }
 
 .k-grid th.k-header
 {
     background:#b3b3b3 !important
 }
 
 .k-grid th.k-header .k-link
 {
     color:#333;
     font-size:12px
 }


.btn{
    font-size: 11px;
    padding: 2px 4px;
    background: #565656;
    border-radius: 0;
    border: none;
    color: #fff !important;
    font-weight: bold;
}

button#last_1_hour_dead_time {}

.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary,
.btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .dropdown-toggle.btn-success,
.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default,
.btn-info.active, .btn-info:active, .btn-info:focus, .btn-info:hover, .open .dropdown-toggle.btn-info,
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary.focus:active, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus,
.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success.focus:active, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus,
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default.focus:active, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus,
.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info.focus:active, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus
{
    color: #fff;
    background: #2471A3;
}


.menuHeader {
    width: 217px;
    height: 35px;
    z-index: 20;
    /*top: 5px;*/
    right: 15px;
    background: #2471A3;
}

.menuHeader .leftOpen a{
    display: block;
    width: 43px;
    height: 28px;
    margin-top: 5px;
    text-align: center;
    border-right: 2px solid #ffffff;
}

.menuHeader .leftOpen{
    width: 43px;
    height: 35px;
    float: left;
}

.menuHeader .rightOpen{
    width: 174px;
    height: 35px;
    float: right;
}

.menuHeader .rightOpen .logout_container{
    width: 44px;
    height: 35px;
    display: inline-table;
    text-align: center;
    padding: 5px 11px;
}


.business-user-name{
    text-align: center;
    color: #ffffff;
    float: left;
    width: 130px;
}

.business-name{
    font-size: 12px;
}


a#userProfile,
a#userProfile:hover,
a#userProfile:active,
a#userProfile:link,
a#userProfile:focus{
    font-size: 9px;
    line-height:9px;
    display: table;
    color: #FFFFFF;
    width: 100%;
    text-decoration: none;
}

.dataTableHead {
    background-color: #707070 !important;
    color: #fff;
    text-align-last: left;
    border-top: 1px solid !important;
}

.menuFooter {
    z-index: 1100;
    width: 100%;
    height: 0px;
    bottom: 0;
    background: #2471a3;
    color: #333333;
}

.menuFooter .tableFooter_Toggle{
    position: absolute;
    width: 35px;
    height: 23px;
    background: #7d7d7d;
    right: 12px;
    top: -23px;
}

#cbp-spmenu-s4{
    overflow: visible;
}

#cbp-spmenu-s4 .tableFooter_Toggle{
    position: absolute;
    width: 35px;
    height: 23px;
    font-size:1.4em;
    background: #7d7d7d;
    right: 22px;
    top: -23px;
    cursor: pointer;
}

#cbp-spmenu-s4 .tableFooter_Toggle a, #cbp-spmenu-s4 .tableFooter_Toggle a:hover,
#cbp-spmenu-s4 .tableFooter_Toggle a:active, #cbp-spmenu-s4 .tableFooter_Toggle a:link,
#cbp-spmenu-s4 .tableFooter_Toggle a:focus{
    background: transparent;
    color: #2471A3;
    padding: 0;
}

#cbp-spmenu-s4 .tableFooter_Toggle a:hover{
    /*opacity: .5;*/
}

#tableHistoric{
    /* background: #1a1a1a; */
    /*color: #333333;*/
}

#tableHistoric tbody{
    border-style: none;
}

#tableHistoric table td{
    background: #1a1a1a;
    border: 1px solid #b3b3b3;
    color: #b3b3b3;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    text-align: left !important;
}

#general-information tbody > tr.active > td,
#line-information tbody > tr.active > td,
#tableHistoric tbody > tr.active > td {
    /* background-color: #DFDFDF !important; */
    color: #1A1A1A;
}


.openFooter{
    color: #2471A3;
    opacity:.8;
    font-size:1.9em;
    margin:0;
    font-weight:300;
    text-align:center;
    cursor: pointer;
}

.openFooter:hover{
    /*opacity:.5;*/
    color: #2471A3;
}

.bkg-image {
    background:url('../img/index/42327469_ml2.jpg')no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.btn-left-right{
    background-color: #333333 !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
    font-size: 16px !important;
    padding: 5px 10px;
}

/**/
/*push menus*/
.cbp-spmenu h3 {
    background-color: #4b6bac;
}

#cbp-spmenu-s1 {
    background-color: #4b6bac;
}

#cbp-spmenu-s2 {
    background-color: #4b6bac;
}

#cbp-spmenu-s3 {
    background-color: #4b6bac;
}

#cbp-spmenu-s4 {
    background-color: #2471A3;
}

#cbp-spmenu-s5 {
    background-color: #4b6bac;
}

#collapseRastreo .row:nth-child(even) {
    background-color: #D5D5D5;
    color: black;
}

#collapseRastreo .row:nth-child(odd) {
    background-color: white;
    color: black;
}

.scrollable-area {
    overflow: auto;
    height: 122px;
    overflow-x: hidden;
}

.multiselect-container {
    width: 100% !important;
}

.singinpanel {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.signin-info {
    margin-top: 30px;
    margin-right: 20%;
}

#all_user {
    position:relative;
}

.uname, .pword {
    background: transparent !important;
    border: none;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #B3B3B3;
    width: 100%;
    border-radius: 0;
    padding-right: 40px;
    color: #B3B3B3;
}

.uname:hover,
.uname:active,
.uname:focus,
.pword:hover,
.pword:active,
.pword:focus{
    box-shadow: none;
    border-color: #B3B3B3;
    color: #B3B3B3;
}

#img_user, #img_pass {
    margin-left: 90%;
    position:absolute;
}

#all_pass {
    position:relative;
}

.signinpanel .btn-primary {
    color: #000000;
    background-color: #b3b3b3;
    border-color: #b3b3b3;
    /*border-radius: 15px;*/
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    font-size: 14px;
    line-height: 26px;
    font-weight: bold;
}

.signinpanel .btn-primary:hover {
    background-color: #b3b3b3;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.uname::-webkit-input-placeholder {
    color: #b3b3b3;
    font-size: medium;
}

.pword::-webkit-input-placeholder {
    color: #b3b3b3;
    font-size: medium;
}

.uname:-moz-placeholder {
    color: #b3b3b3;
    font-size: medium;
}

.pword:-moz-placeholder {
    color: #b3b3b3;
    font-size: medium;
}

.uname::-moz-placeholder {
    color: #b3b3b3;
    font-size: medium;
}

.pword::-moz-placeholder {
    color: #b3b3b3;
    font-size: medium;
}

/********************** Personalizing **************************************/

.client-body-container {
    margin-left: 82px;
    /*margin-top: 25px;*/
    /*height: calc(100% - 26px);*/
    height: 100%;
    width: calc(100% - 82px);
}

.second-top-line *{
    display: inline;
    margin: 2px 0 0 0;
}

.active-menu-option{
    float: left;
    width: 65px;
    height: 40px;
    background-color: #848386;
}

/*.top-dark-lines{*/
    /*height: 40px;*/
    /*width: calc(100% + 20px);*/
    /*font-weight: bold;*/
    /*font-size: 18px;*/
    /*color: #ffffff;*/
    /*padding: 11px 0 11px 20px;*/
    /*background: url("../img/lines.png") repeat-x scroll 0 0;*/
    /*margin: 0 0 10px -10px;*/
/*}*/
.timer_container{
    position: absolute;
    right: 0;
    top: 35px;
    z-index: 19;
}

.timer_container a#toggle_timer{
    display: block;
    width: 174px;
    height: 10px;
    top: 37px;
    position: absolute;
    right:15px;
    background: rgb(179, 179, 179) none repeat scroll 0% 0%;
    text-align: right;
    padding-right: 10px;
    color: #2471A3;
    font-size: 1.6em;
    transition: .2s linear;
}

.timer_container a#toggle_timer i{
    position: absolute;
    top: -6px;
    right: 10px;
}

.dashboard-timer{
    text-align: center;
    background: #7d7d7d;
    font-size: 1em;
    padding-top: 12px;
    color: #fff;
    top: 35px;
    right: 15px;
    position: fixed;
    width: 174px;
    height: 38px;
    transition: .2s linear;
}

.perfil-img{
    margin-top: 8px;
}
.profile-container{
    display: inline-block;
    width: 50px;
    height: 40px;
    text-align: center;
    border-right: 1px solid #ffffff;
    margin-top: 2px;
    margin-left: 280px;
    transition: all .2s ease-out 0s;
}

div.botton-line{
    height: 3px;
    margin: 20px 0 0 -20px;
    position: absolute;
    width: 90%;
    background: -webkit-linear-gradient(left, #ffffff, #ffffff 70%, #4b6bac 100%);
    background: -o-linear-gradient(left, #ffffff, #ffffff 70%, #4b6bac 100%);
    background: -moz-linear-gradient(left, #ffffff, #ffffff 70%, #4b6bac 100%);
    background: linear-gradient(left, #ffffff, #ffffff 70%, #4b6bac 100%);
}

.left-map-panel{
    width: calc(33% - 12px);
    /*float: left;*/
    /*border-right: 10px solid #333333;*/
    /*padding: 0 10px 0 10px;*/
    background: #7d7d7d;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /*height: calc(100% - 106px);*/
    height: calc(100% - 82px);
    position: absolute;
    z-index: 2;
    /*overflow: hidden;*/
    margin-top: 80px;
}

.left-map-panel .nav > li,
.left-map-panel .nav ul li a{
    position: inherit;
}

#toggle_left_map_panel div{
    width: 22px;
    height: 36px;
    position: absolute;
    right: -22px;
    background: #7d7d7d;
    color: #2471A3;
    font-size: 22px;
    padding: 5px;
}

/*a#toggle_left_map_panel .tabs-open{
    background: #333333  url("../img/client-menu/close_10.png") no-repeat scroll 50% 50%;
}

a#toggle_left_map_panel .tabs-closed{
    background: #1A1A1A  url("../img/client-menu/open_10.png") no-repeat scroll 50% 50%;
}*/

.map2adaptWindow {
    width: 55%;
    float: right;
    height: 1050px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* estilos de la parte izquierda del mapa*/
.tables-container{
    /*background-color: #7691C9;*/
    /*padding: 6px;*/
    /*border-radius: 12px;*/
    /* border: 1px solid #000000; */
    height: 30%;
    overflow: hidden;
}

.tables-admin-container{
    height: 100%;
    border-right: 6px solid #b3b3b3;
    padding: 0 0 6px 0;
}

.input-search-container{
    float: right;
    margin-top: 6px;
    padding-right: 6px;
}
.heigthModal{
    height: 200px;
}

 .input-search-container input[type="text"]{
     display: inline;
     width: 150px;
     border: 2px solid #333333;
     /*border-radius: 15px;*/
     margin: 0;
     padding: 0 32px 0 5px;
     /*background: -webkit-linear-gradient(right, #7691C9, #7691C9 36px, #000000 36px, #000000 37px, #ffffff 37px, #ffffff 100%);*/
     /*background: -o-linear-gradient(right, #7691C9, #7691C9 36px, #000000 36px, #000000 37px, #ffffff 37px, #ffffff 100%);*/
     /*background: -moz-linear-gradient(right, #7691C9, #7691C9 36px, #000000 36px, #000000 37px, #ffffff 37px, #ffffff 100%);*/
     /*background: linear-gradient(right, #7691C9, #7691C9 36px, #000000 36px, #000000 37px, #ffffff 37px, #ffffff 100%);*/
}

.input-search-container .fa{
    display: inline;
    font-size: 16px;
    color: #000000 !important;
    font-size: 16px !important;
    padding: 5px 15px 8px 6px;
    -webkit-padding-before: 6px;
    -webkit-padding-end: 15px;
    -webkit-padding-after: 8px;
    -webkit-padding-start: 6px;
    vertical-align: text-bottom;
    margin-left: -35px;
}

strong {
    font-weight: bold !important;
}

.tables-container .tab-pane,
.tables-admin-container .tab-pane{
    height: 100%;
    overflow: hidden;
    /* border: 1px solid #b3b3b3; */
    /*border-radius: 0 12px 12px 12px;*/
}

.tables-container .tab-pane thead th,
.tables-admin-container .tab-pane thead th,
.tables-details-container .tab-pane thead th,
.tables-admin-details-container .tab-pane thead th,
.tables-admin-details-container .table-contaniner thead th,
.table-header thead th{
    background: #777 !important;
    font-size: 13px;
    font-weight: bold !important;
    text-align-last: left;
    color: #fff;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

.tables-container .table-striped > tbody > tr > td,
.tables-admin-container .table-striped > tbody > tr > td,
.tables-details-container .table-striped > tbody > tr > td,
.tables-admin-details-container .table-striped > tbody > tr > td{
    font-size: 12px;
    text-align:left !important
}

/*.tables-container .table-striped > tbody > tr:nth-child(2n) > td,*/
/*.tables-container .table-striped > tbody > tr:nth-child(2n) > th,*/
/*.tables-admin-container .table-striped > tbody > tr:nth-child(2n) > td,*/
/*.tables-admin-container .table-striped > tbody > tr:nth-child(2n) > th,*/
/*.tables-details-container .table-striped > tbody > tr:nth-child(2n) > td,*/
/*.tables-details-container .table-striped > tbody > tr:nth-child(2n) > th,*/
/*.tables-admin-details-container .table-striped > tbody > tr:nth-child(2n) > td,*/
/*.tables-admin-details-container .table-striped > tbody > tr:nth-child(2n) > th,*/
/*.tables-details-container tfoot td*/
.tables-container .table-striped > tbody > tr > td,
.tables-container .table-striped > tbody > tr > th,
.tables-admin-container .table-striped > tbody > tr > td,
.tables-admin-container .table-striped > tbody > tr > th,
.tables-details-container .table-striped > tbody > tr > td,
.tables-details-container .table-striped > tbody > tr > th,
.tables-admin-details-container .table-striped > tbody > tr > td,
.tables-admin-details-container .table-striped > tbody > tr > th,
.tables-details-container tfoot td{
    background-color:#a4a4a4 !important;
    color: #fff !important;
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    /* border: 1px solid #777; */
    border-right: 1px solid #707070;
}

.table-striped td {
    color: #b3b3b3;
    font-size: 11px;
}

.table thead > tr > th{
    font-size: 12px;
    color: #333333;
}

.tables-container .nav-tabs,
.tables-admin-container .nav-tabs,
.tables-details-container .nav-tabs,
.tables-admin-details-container .nav-tabs{
    overflow: hidden;
    background-color: #2471A3;
    border-radius: 0;
}

.tables-container ul.nav li a,
.tables-admin-container ul.nav li a,
.tables-details-container ul.nav li a,
.tables-admin-details-container ul.nav li a{
    color: #1a1a1a;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    border-radius: 0;
    position: inherit;
    padding: 18px 25px;
    margin: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#query_reports_tabs_child ul.nav-tabs > li {
    width: calc(100% / 8);
}

#tab-configuration_li_child ul.nav-tabs > li {
    width: calc(100% / 7);
}

.tables-container ul.nav li.active a,
.tables-admin-container ul.nav li.active a,
.tables-details-container ul.nav li.active a,
.tables-admin-details-container ul.nav li.active a{
    background: #7d7d7d;
    color: 7d7d7d;
    padding: 18px 25px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.tables-container .tab-content,
.tables-admin-container .tab-content,
.tables-details-container .tab-content,
.tables-admin-details-container .tab-content{
    background-color: #7d7d7d;
    box-shadow: none;
    height: calc(100% - 35px);
    /*border-radius: 0 12px 12px 12px;*/
    padding: 10px 10px 0 10px;
}

.tables-details-container{
    height: calc(70% - 16px);
    overflow: hidden;
    border-top: 6px solid #b3b3b3;
}

.tables-admin-details-container{
    height: 100%;
    overflow: hidden;
    padding: 0 0 6px 0;
}

/*.tables-details-container ul.nav li a{*/
    /*font-size: 11px;*/
    /*position: inherit;*/
/*}*/

.tables-details-container .tab-content,
.tables-admin-details-container .tab-content{
    height: calc(100% - 35px);
    /*border: 1px solid #000000;*/
    /*border-radius: 0 12px 12px 12px;*/
    overflow: hidden;
    padding: 10px 10px 0 10px;
}

.black_round_border {
    border: 1px solid #FFF;
    /*border-radius: 12px 12px 12px 12px;*/
    overflow: hidden;
}

.tables-details-container .tab-content .tab-pane{
    /*padding: 6px;*/
    height: 100%;
}

.tables-details-container .line-information-container,
.tables-details-container .unit-info-container{
    height: 100%;
}

.tables-details-container h5, .radio label, .checkbox label, label{
    color: #fff;
    /* background: #777!important; */
}

.radio label, .checkbox label, label{
    color: #fff !important;
    font-size: 12px;
}

.multiselect-container label{
    color: #000000 !important;
}

.table-header{
    /*border: 0px solid #b3b3b3;
    border-bottom: none;
    border-radius: 12px 12px 0 0; 
    background: #b3b3b3 !important;
    color: #fff;
    overflow: hidden;
    padding: 0;*/
    border: 1px solid #fff;
    border-bottom: none;
    /* border-radius: 12px 12px 0 0; */
    background: #707070 !important;
    color: #b3b3b3;
    overflow: hidden;
    padding: 0;
    z-index: 1;
}
.table-header .table{
    margin: -2px 0px !important;
}

.tables-details-container #line-information, .calc50_25 /*by leo*/{
    /*height: calc(50% - 46px);*/
    height: 50%;
}

.tables-details-container #georutas-container, .calc50_10 /*by leo*/{
    height: calc(50% - 26px);
    /*padding: 10px 0 0 0;*/
}

.tables-details-container .route-button{
    padding-top: 3%;
}

.tables-details-container .table-georutas, .calc100_35 /*by leo*/{
    height: calc(100% - 58px);
}

.general-information-container{
    height: calc(100% - 96px);
}
#general-information{
    height: calc(100% - 26px);
}

.dead_time-container{
    height: calc(100% - 132px);
}

#dead_time-information{
    height: calc(100% - 23px);
}

.border-rounded{
    /* border: 1px solid #b3b3b3; */
    /*border-top: none;*/
}

.export_container .btn-default{
    padding-top: 3px;
    padding-bottom: 3px;
    margin: 0 3px;
}

.tables-details-container .tab-content .tab-pane i{
    height: 20px;
}

.tables-details-container .tab-content .tab-pane .fa{
    font-size: 18px;
    color: #41D69E;
}

.general-filters div, .dead-filters div{
    margin: 0 0 6px 0;
}

.general-filters input,
.general-filters .col-md-6,
.general-filters .col-xs-12{
    position: inherit;
}

.general-filters input[type=text].form-control{
    height: 25px;
    padding-top: 0;
    padding-bottom: 0;
}

.general-filters .filter_button, .dead-filters .filter_button{
    width: calc(32% - 3px);
    margin-left: 2%;
}

.general-filters .filter_button:first-child, .dead-filters .filter_button:first-child{
    margin-left: 0;
}

/*.general-filters .run_filter, .dead-filters .run_filter, .geocercas-filters .run_filter, .georutas-filters .run_filter{
    background: #ffffff;
    border-color: #385d8a;
    color: #000000;
    min-width: 30%;
}*/


/*********** dashboard *************************************/
.dashboard-container, .administration-container{
    width: 100%;
    padding: 15px 15px 15px 15px;
    height: 100%;
}

.administration-container{
    padding: 0;
}

.dashboard-container .dashboard_section{
    height: 51%;
    padding-left: 1px;
    padding-right: 1px;
    padding-bottom: 6px;
    padding-top: 1px;
}

.dashboard-container .dashboard_section canvas{
    height: calc(100% - 100px);
}

.graphic-panel-heading{
    background: #2471A3;
    color: #ffffff;
    height: 44px;
    font-size: 20px;
    padding: 12px 4px 2px;
}

/*********** administration *************************************/


.panel-body{
    padding: 10px;
    /*height: calc(100% - 49px);*/
    height: calc(100% - 58px);
    background: #7d7d7d;
    border-radius: 0;
    position: relative;
}

input.form-control, select.form-control{
    height: 25px;
}

.dropdown{
    text-align: center;
}
.grid-view i.fa {
    color: #000
    !important;
}
.grid-view i.fa:hover {
    color: #FFF !important;
}

.grid-view i.fa.inactive {
    color: #b3b3b3 !important;
}

.dropdown i {
    font-size: 16px;
    margin-left: 2px;
}
.dropdown a {
    padding: 2px 0;
}

#tab-dashboard, #tab-administration, #tab-field_test, #tab-administration_clients{
    background: #7d7d7d;
}

.capa_noInsetEdit{
    position: absolute;
    height: calc(100% + 12px);
    width: 100%;
    background: rgba(180, 180, 180, 0.74) none repeat scroll 0% 0%;
    z-index: 12;
    /*margin: -6px;*/
}

.capa_noInsetEdit input{
    margin: 7px 0 0 7px;
}

i.inactive{
    color: rgba(10, 10, 10, 0.59);
}

/**********************************************************************************************************************/
/************************************************Estilo de los modal***************************************************/
/**********************************************************************************************************************/
.modal-content{
    border-radius: 0;
    background-color: #7d7d7d;
}

.modal-header {
    color: #fff !important;
    border-radius: 0;
    padding: 5px 10px 5px 70px !important;
    border-bottom: none;
    min-height: 39px;
    /* background: #2471A3 linear-gradient(to right, #000 0, #000 65px, #2471A3 65px, #2471A3 100%) !important; */
    background: #ff931e -webkit-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: #ff931e -o-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: #ff931e -moz-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: #5D6D7E !important;
}

.modal-confirm-del .modal-header{
    background: #ff931e;
    background: url("../img/dialogs/logout_yellow.png"), linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/logout_yellow.png"), -moz-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/logout_yellow.png"), -o-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/logout_yellow.png"), -webkit-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: 25px 60%, 0 0;
}


.modal-confirm-status .modal-header{
    background: #ff931e;
    background: url("../img/dialogs/status.png"), linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/status.png"), -moz-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/status.png"), -o-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/status.png"), -webkit-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: 25px 60%, 0 0;
}

.modal-select-unit-group .modal-header, #modalGroupDevice .modal-header, #modalImages .modal-header, #modal_device_trazar .modal-header{
    background: #ff931e;
    background: url("../img/tabs/unit.png"), linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/tabs/unit.png"), -moz-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/tabs/unit.png"), -o-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/tabs/unit.png"), -webkit-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: 15px 60%, 0 0;
}

#modalFindPointByAddress .modal-header{
    background: #ff931e;
    background: url("../img/dialogs/address.png"), linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/address.png"), -moz-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/address.png"), -o-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/address.png"), -webkit-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: 26px 60%, 0 0;
}

.modal-ruta-optima .modal-header{
    background: #ff931e;
    background: url("../img/dialogs/optim_route.png"), linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/optim_route.png"), -moz-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/optim_route.png"), -o-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/optim_route.png"), -webkit-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: 25px 60%, 0 0;
}

.modal-select-unit-group .modal-footer .btn-accept, .modal-select-event .modal-footer .btn-accept{
    background: #1a1a1a url("../img/dialogs/select.png") no-repeat scroll 50% 50%;
}

.modal-select-event .modal-header{
    background: #ff931e;
    background: url("../img/dialogs/events.png"), linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/events.png"), -moz-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/events.png"), -o-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/events.png"), -webkit-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: 23px 60%, 0 0;
}

.modal-loading #loading.modal-header{
    background: #ff931e;
    background: url("../img/dialogs/loading.png"), linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/loading.png"), -moz-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/loading.png"), -o-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/loading.png"), -webkit-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: 23px 60%, 0 0;
}

#loading.modal-header{
    background: #ff931e;
    background: url("../img/dialogs/loading.png"), linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/loading.png"), -moz-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/loading.png"), -o-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background: url("../img/dialogs/loading.png"), -webkit-linear-gradient(to right, #000 0, #000 65px, #ff931e 65px, #ff931e 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: 23px 60%, 0 0;
}

.modal-title {
    color: #fff;
    font-weight: 700;
}

.modal .close {
    color: #000;
    font-weight: 700;
    font-size: 45px;
    line-height: .4em;
    opacity: 1;
    text-shadow: none;
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
}

.modal-footer {
    border-top: none;
    position: relative;
    height: 50px;
    padding: 0 !important;
}

.modal-footer .btn-accept, .modal-footer .btn-cancel{
    position: absolute;
    height: 48px;
    width: 34px;
    background: #1a1a1a;
    cursor: pointer;
}

.modal-footer .btn-accept{
    right: 44px;
    background: #1a1a1a url("../img/dialogs/accept.png") no-repeat scroll 50% 50%;
}

.modal-footer .btn-cancel{
    right: 10px;
    background: #1a1a1a url("../img/dialogs/cancel.png") no-repeat scroll 50% 50%;
}

.modalContainerBox .grid-view thead tr th {
   background: #777;
   color: #fff;
}

.modalContainerBox .grid-view tbody tr td {
   background: #000;
}

.modalContainerBox .grid-view td img{
    margin: 0 0 0 6px;
}

.modal.in .modal-dialog{
    min-width: 432px;
}

#cbp-spmenu-s4 #TituloRastreo{
    position: absolute;
    height: 36px;
    width: 55px;
    background: #7d7d7d url("../img/tabs/rastreo.png") no-repeat scroll 50% 50%;
    left: 37px;
}

#cbp-spmenu-s4 #TituloRastreoXSL{
    position: relative;
    height: 34px;
    width: 34px;
    background: #7d7d7d url("../img/action_izq/excel_inactive.png") no-repeat scroll 50% 50%;
    right: 50px;
    background-size: 70% 70%;
    top:-34px;
}
#cbp-spmenu-s4 #RastreoVehiculo{
    position: absolute;
    height: 20px;
    width: auto;
    left: 20px;
    top: -10px;
    font-size: 16px;
    font-weight: bold;
    background: -webkit-gradient(linear, left top, left bottom, from(#2471A3), to(#1a1a1a), color-stop(1.5, #2471A3), color-stop(1.5, #1a1a1a));
    color: #b3b3b3;
}
#cbp-spmenu-s4 #TituloRastreoPDF{
    position: relative;
    height: 34px;
    width: 34px;
    background: #7d7d7d url("../img/action_izq/pdf_inactive.png") no-repeat scroll 50% 50%;
    right: 50px;
    background-size: 70% 70%;
    top: -34px;
}

#cbp-spmenu-s4 #general_graphics, #cbp-spmenu-s4 #death_time_graphics {
    position: relative;
    height: 23px;
    width: 35px;
    background: #7d7d7d;
    right: 37px;
    padding: 7px;
    color: #2471A3 !important;
    top: -23px;
    right: 50px;
}  

#cbp-spmenu-s4 .menu_action_footer{
    position: absolute;
    bottom: 1px;
    width: 30px;
    background: #1a1a1a;
    left: 37px;
    margin: 0;
    padding: 0;
}

#button_actions_container_user .save{
    background: url("../img/action_izq/save_inactive.png") no-repeat scroll 50% 50%;
    background-size: 90% 97%;
}


#button_actions_container_user .save:hover{
    background: url("../img/action_izq/save.png") no-repeat scroll 50% 50%;
    background-size: 90% 97%;
}
#button_actions_container_admin_reportes .save,
#button_actions_container_admin_notif .save,
#button_actions_container_admin_puntos .save,
#button_actions_container_admin_georutas .save,
#button_actions_container_admin_geocercas .save,
#button_actions_container_grupos .save,
#button_actions_container_unidad .save{
    background: url("../img/action_izq/save_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_admin_puntos .save:hover,
#button_actions_container_admin_georutas .save:hover,
#button_actions_container_admin_geocercas .save:hover,
#button_actions_container_grupos .save:hover,
#button_actions_container_unidad .save:hover{
    background: url("../img/action_izq/save.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

#button_actions_container_user .new{
    background: url("../img/action_izq/new_inactive.png") no-repeat scroll 50% 50%;
    background-size: 90% 85%;
}
#button_actions_container_user .new:hover{
    background: url("../img/action_izq/new.png") no-repeat scroll 50% 50%;
    background-size: 90% 85%;
}

#button_actions_container_user .clear{
    background: url("../img/action_izq/clear_inactive.png") no-repeat scroll 50% 50%;
    background-size: 90% 89%;
}

#button_actions_container_user .clear:hover{
    background: url("../img/action_izq/clear.png") no-repeat scroll 50% 50%;
    background-size: 90% 89%;
}

#button_actions_container_action,
#button_actions_container_agenda,
#button_actions_container_user{
    bottom: 26px;
    /* background: #1a1a1a; */
    left: 26px;
    margin: 0;
    padding: 0;
}

#button_actions_container_user a,
#button_actions_container_user input,
#button_actions_container_user button,
#button_actions_container_user .izq_checkbox,
#button_actions_container_user .izq_newcheckbox,
.menu_action_footer .export_pdf,
.menu_action_footer .export_excel{
    height: 30px;
    display: block;
    width: 35px;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    float: right;
}

#button_actions_container{
    position: absolute;
    bottom: 26px;
    width: 35px;
    /* background: #1a1a1a; */
    left: 26px;
    margin: 0;
    padding: 0;
}
#button_actions_container_report{
    position: relative;
    width: 90%;
    left: 34px;
}

#button_actions_container_agenda button,
#button_actions_container a,
#button_actions_container_report a,
#button_actions_container_action input,
#button_actions_container_report input,
#button_actions_container_report button,
#button_actions_container input,
#button_actions_container button,
#button_actions_container_action .izq_checkbox,
#button_actions_container_report .izq_checkbox,
#button_actions_container .izq_checkbox,
#button_actions_container_action .izq_newcheckbox,
#button_actions_container_report .izq_newcheckbox,
#button_actions_container .izq_newcheckbox,
.menu_action_footer .export_pdf,
.menu_action_footer .export_excel{
    height: 30px;
    display: block;
    width: 35px;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}

#button_actions_container .new{
    background: url("../img/action_izq/new_inactive.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
}
#button_actions_container .new:hover{
    background: url("../img/action_izq/new.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
}

#button_actions_container .send{
    background: url("../img/action_izq/send_inactive.png") no-repeat scroll 50% 50%;
}
#button_actions_container .send:hover{
    background: url("../img/action_izq/send.png") no-repeat scroll 50% 50%;
}
#button_actions_container_agenda .save{
    background: url("../img/action_izq/save_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_agenda .save:hover{
    background: url("../img/action_izq/save.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_report .action_izq_excel,
#button_actions_container .action_izq_excel,
.menu_action_footer .export_excel{
    background: url("../img/action_izq/excel_inactive.png") no-repeat scroll 50% 50%;
    background-size: 60% 60%;
}
#button_actions_container_report .action_izq_excel:hover,
#button_actions_container .action_izq_excel:hover,
.menu_action_footer .export_excel:hover{
    background: url("../img/action_izq/excel.png") no-repeat scroll 50% 50%;
    background-size: 60% 60%;
}

#button_actions_container .action_izq_pdf,
.menu_action_footer .export_pdf{
    background: url("../img/action_izq/pdf_inactive.png") no-repeat scroll 50% 50%;
    background-size: 60% 60%;
}
#button_actions_container .action_izq_pdf:hover,
.menu_action_footer .export_pdf:hover{
    background: url("../img/action_izq/pdf.png") no-repeat scroll 50% 50%;
    background-size: 60% 60%;
}

#button_actions_container .action_izq_pdf,
.menu_action_footer .export_pdf{
    background: url("../img/action_izq/pdf_inactive.png") no-repeat scroll 50% 50%;
    background-size: 60% 60%;
}
#button_actions_container .action_izq_pdf:hover,
.menu_action_footer .export_pdf:hover{
    background: url("../img/action_izq/pdf.png") no-repeat scroll 50% 50%;
    background-size: 60% 60%;
}

#button_actions_container #rutaOptima{
    background: url("../img/action_izq/ruta_optima_inactive.png") no-repeat scroll 50% 50%;
    background-size: 60% 60%;
}
#button_actions_container #rutaOptima:hover{
    background: url("../img/action_izq/ruta_optima.png") no-repeat scroll 50% 50%;
    background-size: 60% 60%;
}

#button_actions_container #cleanOptimeRoute,
#button_actions_container #clear_filter,
#button_actions_container #clear_filter_dead_time,
#button_actions_container #clear_map_points,
#button_actions_container #clear_info_unit,
#button_actions_container .clear,
#button_actions_container_report .clear{
    background: url("../img/action_izq/clear_inactive.png") no-repeat scroll 50% 50%;
    background-size: 60% 60%;
}
#button_actions_container #cleanOptimeRoute:hover,
#button_actions_container #clear_filter:hover,
#button_actions_container #clear_filter_dead_time:hover,
#button_actions_container #clear_map_points:hover,
#button_actions_container #clear_info_unit:hover,
#button_actions_container .clear:hover,
#button_actions_container_report .clear:hover{
    background: url("../img/action_izq/clear.png") no-repeat scroll 50% 50%;
    background-size: 60% 60%;
}

#button_actions_container #run_filter,
#button_actions_container #run_filter_dead_time,
#button_actions_container #run_filter_monitor,
#button_actions_container .search{
    background: url("../img/action_izq/consultar_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_report .search{
    background: url("../img/action_izq/consultar_inactive.png") no-repeat scroll 50% 50%;
    background-size: 60% 60%;
}
#inLineHis{
    background: url("../img/action_izq/actualizar_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#inLineHis:hover{
    background: url("../img/action_izq/actualizar.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container #run_filter:hover,
#button_actions_container #run_filter_dead_time:hover,
#button_actions_container #run_filter_monitor:hover,
#button_actions_container .search:hover{
    background: url("../img/action_izq/consultar.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
}
#button_actions_container_report .search:hover{
    background: url("../img/action_izq/consultar.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
}
#button_actions_container_action .izq_checkbox label,
#button_actions_container .izq_checkbox label,
#button_actions_container .izq_newcheckbox label{
    display: inline-block;
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 25px;
}

#button_actions_container_action .izq_checkbox input[type="checkbox"],
#button_actions_container .izq_checkbox input[type="checkbox"],
#button_actions_container .izq_newcheckbox input[type="checkbox"]{
    display: none;
}
#button_actions_container_action .izq_checkbox input[type="checkbox"] + label,
#button_actions_container .izq_checkbox input[type="checkbox"] + label {
    background: url("../img/action_izq/traza.png") no-repeat scroll 50% 50%;
    background-size: 70% 80%;
}
#button_actions_container_action .izq_checkbox input[type="checkbox"]:checked + label,
#button_actions_container .izq_checkbox input[type="checkbox"]:checked + label {
    background: url("../img/action_izq/traza_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 80%;
}

#button_actions_container .izq_newcheckbox input[type="checkbox"] + label {
    background: url("../img/action_izq/follow_inactive.png") no-repeat scroll 50% 50%;
    background-size: 50% 50%;
}

#button_actions_container .izq_newcheckbox input[type="checkbox"]:checked + label {
    background: url("../img/action_izq/follow.png") no-repeat scroll 50% 50%;
    background-size: 50% 50%;
}

/*Estilo para los botones dentro del tab general*/
#button_actions_container_tab{
    bottom: 26px;
    background: #1a1a1a;
    left: 26px;
    margin: 0;
    padding: 0;
}

#button_actions_container_tab a,
#button_actions_container_tab input,
#button_actions_container_tab button,
#button_actions_container_tab .izq_checkbox,
#button_actions_container_tab .izq_newcheckbox,
.menu_action_footer .export_pdf,
.menu_action_footer .export_excel{
    height: 30px;
    display: block;
    width: 31px;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    float: left;
}

#button_actions_container_tab .new{
    background: url("../img/action_izq/new_inactive.png") no-repeat scroll 50% 50%;
}
#button_actions_container_tab .new:hover{
    background: url("../img/action_izq/new.png") no-repeat scroll 50% 50%;
}

#button_actions_container_tab .send{
    background: url("../img/action_izq/send_inactive.png") no-repeat scroll 50% 50%;
}
#button_actions_container_tab .send:hover{
    background: url("../img/action_izq/send.png") no-repeat scroll 50% 50%;
}

#button_actions_container_tab .save{
    background: url("../img/action_izq/save_inactive.png") no-repeat scroll 50% 50%;
}
#button_actions_container_tab .save:hover{
    background: url("../img/action_izq/save.png") no-repeat scroll 50% 50%;
}

#button_actions_container_tab .action_izq_excel,
.menu_action_footer .export_excel{
    background: url("../img/action_izq/excel_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_tab .action_izq_excel:hover,
.menu_action_footer .export_excel:hover{
    background: url("../img/action_izq/excel.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

#button_actions_container_tab .action_izq_pdf,
.menu_action_footer .export_pdf{
    background: url("../img/action_izq/pdf_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_tab .action_izq_pdf:hover,
.menu_action_footer .export_pdf:hover{
    background: url("../img/action_izq/pdf.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

#button_actions_container_tab .action_izq_pdf,
.menu_action_footer .export_pdf{
    background: url("../img/action_izq/pdf_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_tab .action_izq_pdf:hover,
.menu_action_footer .export_pdf:hover{
    background: url("../img/action_izq/pdf.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

#button_actions_container_tab #rutaOptima{
    background: url("../img/action_izq/ruta_optima_inactive.png") no-repeat scroll 50% 50%;
}
#button_actions_container_tab #rutaOptima:hover{
    background: url("../img/action_izq/ruta_optima.png") no-repeat scroll 50% 50%;
}

#button_actions_container_tab #cleanOptimeRoute,
#button_actions_container_tab #clear_filter,
#button_actions_container_tab #clear_filter_dead_time,
#button_actions_container_tab #clear_map_points,
#button_actions_container_tab #clear_info_unit,
#button_actions_container_tab .clear{
    background: url("../img/action_izq/clear_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_tab #cleanOptimeRoute:hover,
#button_actions_container_tab #clear_filter:hover,
#button_actions_container_tab #clear_filter_dead_time:hover,
#button_actions_container_tab #clear_map_points:hover,
#button_actions_container_tab #clear_info_unit:hover,
#button_actions_container_tab .clear:hover{
    background: url("../img/action_izq/clear.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

#button_actions_container_tab #run_filter,
#button_actions_container_tab #run_filter_dead_time,
#button_actions_container_tab #run_filter_monitor,
#button_actions_container_tab .search{
    background: url("../img/action_izq/consultar_inactive.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
}
#button_actions_container_tab #run_filter:hover,
#button_actions_container_tab #run_filter_dead_time:hover,
#button_actions_container_tab #run_filter_monitor:hover,
#button_actions_container_tab .search:hover{
    background: url("../img/action_izq/consultar.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
}


#button_actions_container_tab .izq_checkbox label,
#button_actions_container_tab .izq_newcheckbox label{
    display: inline-block;
    cursor: pointer;
    position: relative;
    width: 30px;
    height: 25px;
}

#button_actions_container_tab .izq_checkbox input[type="checkbox"],
#button_actions_container_tab .izq_newcheckbox input[type="checkbox"]{
    display: none;
}

#button_actions_container_tab .izq_checkbox input[type="checkbox"] + label {
    background: url("../img/action_izq/traza_inactive.png") no-repeat scroll 50% 50%;
}

#button_actions_container_tab .izq_checkbox input[type="checkbox"]:checked + label {
    background: url("../img/action_izq/traza.png") no-repeat scroll 50% 50%;
}

#button_actions_container_tab .izq_newcheckbox input[type="checkbox"] + label {
    background: url("../img/action_izq/follow_inactive.png") no-repeat scroll 50% 50%;
}

#button_actions_container_tab .izq_newcheckbox input[type="checkbox"]:checked + label {
    background: url("../img/action_izq/follow.png") no-repeat scroll 50% 50%;
}

/*Estilo para los botones dentro del tab dead_time*/
#button_actions_container_dead_time{
    bottom: 26px;
    background: #1a1a1a;
    left: 26px;
    margin: 0;
    padding: 0;
}

#button_actions_container_dead_time a,
#button_actions_container_dead_time input,
#button_actions_container_dead_time button,
#button_actions_container_dead_time .izq_checkbox,
#button_actions_container_dead_time .izq_newcheckbox,
.menu_action_footer .export_pdf,
.menu_action_footer .export_excel{
    height: 30px;
    display: block;
    width: 31px;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    float: left;
}

#button_actions_container_dead_time .new{
    background: url("../img/action_izq/new_inactive.png") no-repeat scroll 50% 50%;
}
#button_actions_container_dead_time .new:hover{
    background: url("../img/action_izq/new.png") no-repeat scroll 50% 50%;
}

#button_actions_container_dead_time .send{
    background: url("../img/action_izq/send_inactive.png") no-repeat scroll 50% 50%;
}
#button_actions_container_dead_time .send:hover{
    background: url("../img/action_izq/send.png") no-repeat scroll 50% 50%;
}

#button_actions_container_dead_time .save{
    background: url("../img/action_izq/save_inactive.png") no-repeat scroll 50% 50%;
}
#button_actions_container_dead_time .save:hover{
    background: url("../img/action_izq/save.png") no-repeat scroll 50% 50%;
}

#button_actions_container_dead_time .action_izq_excel,
.menu_action_footer .export_excel{
    background: url("../img/action_izq/excel_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_dead_time .action_izq_excel:hover,
.menu_action_footer .export_excel:hover{
    background: url("../img/action_izq/excel.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

#button_actions_container_dead_time .action_izq_pdf,
.menu_action_footer .export_pdf{
    background: url("../img/action_izq/pdf_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_dead_time .action_izq_pdf:hover,
.menu_action_footer .export_pdf:hover{
    background: url("../img/action_izq/pdf.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

#button_actions_container_dead_time .action_izq_pdf,
.menu_action_footer .export_pdf{
    background: url("../img/action_izq/pdf_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_dead_time .action_izq_pdf:hover,
.menu_action_footer .export_pdf:hover{
    background: url("../img/action_izq/pdf.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

#button_actions_container_dead_time #rutaOptima{
    background: url("../img/action_izq/ruta_optima_inactive.png") no-repeat scroll 50% 50%;
}
#button_actions_container_dead_time #rutaOptima:hover{
    background: url("../img/action_izq/ruta_optima.png") no-repeat scroll 50% 50%;
}

#button_actions_container_dead_time #cleanOptimeRoute,
#button_actions_container_dead_time #clear_filter,
#button_actions_container_dead_time #clear_filter_dead_time,
#button_actions_container_dead_time #clear_map_points,
#button_actions_container_dead_time #clear_info_unit,
#button_actions_container_dead_time .clear{
    background: url("../img/action_izq/clear_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_dead_time #cleanOptimeRoute:hover,
#button_actions_container_dead_time #clear_filter:hover,
#button_actions_container_dead_time #clear_filter_dead_time:hover,
#button_actions_container_dead_time #clear_map_points:hover,
#button_actions_container_dead_time #clear_info_unit:hover,
#button_actions_container_dead_time .clear:hover{
    background: url("../img/action_izq/clear.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

#button_actions_container_dead_time #run_filter,
#button_actions_container_dead_time #run_filter_dead_time,
#button_actions_container_dead_time #run_filter_monitor,
#button_actions_container_dead_time .search{
    background: url("../img/action_izq/consultar_inactive.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
}
#button_actions_container_dead_time #run_filter:hover,
#button_actions_container_dead_time #run_filter_dead_time:hover,
#button_actions_container_dead_time #run_filter_monitor:hover,
#button_actions_container_dead_time .search:hover{
    background: url("../img/action_izq/consultar.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
}


#button_actions_container_dead_time .izq_checkbox label,
#button_actions_container_dead_time .izq_newcheckbox label{
    display: inline-block;
    cursor: pointer;
    position: relative;
    width: 30px;
    height: 25px;
}

#button_actions_container_dead_time .izq_checkbox input[type="checkbox"],
#button_actions_container_dead_time .izq_newcheckbox input[type="checkbox"]{
    display: none;
}

#button_actions_container_dead_time .izq_checkbox input[type="checkbox"] + label {
    background: url("../img/action_izq/traza_inactive.png") no-repeat scroll 50% 50%;
}

#button_actions_container_dead_time .izq_checkbox input[type="checkbox"]:checked + label {
    background: url("../img/action_izq/traza.png") no-repeat scroll 50% 50%;
}

#button_actions_container_dead_time .izq_newcheckbox input[type="checkbox"] + label {
    background: url("../img/action_izq/follow_inactive.png") no-repeat scroll 50% 50%;
}

#button_actions_container_dead_time .izq_newcheckbox input[type="checkbox"]:checked + label {
    background: url("../img/action_izq/follow.png") no-repeat scroll 50% 50%;
}
/*Estilo para los botones dentro del tab geoshape*/
#button_actions_container_admin_reportes,
#button_actions_container_admin_notif,
#button_actions_container_admin_puntos,
#button_actions_container_admin_georutas,
#button_actions_container_admin_geocercas,
#button_actions_container_grupos,
#button_actions_container_unidad,
#button_actions_container_rutas,
#button_actions_container_georutas,
#button_actions_container_geoshape{
    bottom: 26px;
    background: #1a1a1a;
    left: 26px;
    margin: 0;
    padding: 0;
}
#button_actions_container_admin_reportes button,
#button_actions_container_admin_notif button,
#button_actions_container_admin_puntos button,
#button_actions_container_admin_georutas button,
#button_actions_container_admin_geocercas button,
#button_actions_container_grupos button,
#button_actions_container_unidad button,
#button_actions_container_rutas button,
#button_actions_container_georutas a,
#button_actions_container_georutas input,
#button_actions_container_georutas button,
#button_actions_container_georutas .izq_checkbox,
#button_actions_container_georutas .izq_newcheckbox,
#button_actions_container_georutas .izq_checkbox_agrupa,
#button_actions_container_geoshape a,
#button_actions_container_geoshape input,
#button_actions_container_geoshape button,
#button_actions_container_geoshape .izq_checkbox,
#button_actions_container_geoshape .izq_newcheckbox,
.menu_action_footer .export_pdf,
.menu_action_footer .export_excel{
    height: 30px;
    display: block;
    width: 31px;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    float: left;
}

#button_actions_container_geoshape .new{
    background: url("../img/action_izq/new_inactive.png") no-repeat scroll 50% 50%;
}
#button_actions_container_geoshape .new:hover{
    background: url("../img/action_izq/new.png") no-repeat scroll 50% 50%;
}

#button_actions_container_geoshape .send{
    background: url("../img/action_izq/send_inactive.png") no-repeat scroll 50% 50%;
}
#button_actions_container_geoshape .send:hover{
    background: url("../img/action_izq/send.png") no-repeat scroll 50% 50%;
}

#button_actions_container_geoshape .save{
    background: url("../img/action_izq/save_inactive.png") no-repeat scroll 50% 50%;
}

#button_actions_container_geoshape .save:hover{
    background: url("../img/action_izq/save.png") no-repeat scroll 50% 50%;
}
#button_actions_container_georutas .action_izq_excel,
#button_actions_container_geoshape .action_izq_excel,
.menu_action_footer .export_excel{
    background: url("../img/action_izq/excel_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

#button_actions_container_georutas .action_izq_excel:hover,
#button_actions_container_geoshape .action_izq_excel:hover,
.menu_action_footer .export_excel
{
    background: url("../img/action_izq/excel.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

#button_actions_container_georutas .getCloseUnitSerch{
    background: url("../img/action_izq/radar_inactive24.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_georutas .getCloseUnitSerch:hover
{
    background: url("../img/action_izq/radar24.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_georutas .geoReferences{
    background: url("../img/action_izq/georeferencias_inactive.png") no-repeat scroll 50% 50%;
    background-size: 85% 85%;
}
#button_actions_container_georutas .geoReferences:hover
{
    background: url("../img/action_izq/georeferencias.png") no-repeat scroll 50% 50%;
    background-size: 85% 85%;
}
#button_actions_container_georutas .action_izq_pdf,
#button_actions_container_geoshape .action_izq_pdf,
.menu_action_footer .export_pdf{
    background: url("../img/action_izq/pdf_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_georutas .action_izq_pdf:hover,
#button_actions_container_geoshape .action_izq_pdf:hover,
.menu_action_footer .export_pdf:hover{
    background: url("../img/action_izq/pdf.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_rutas #rutaOptima,
#button_actions_container_geoshape #rutaOptima{
    background: url("../img/action_izq/ruta_optima_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_rutas #rutaOptima:hover,
#button_actions_container_geoshape #rutaOptima:hover{
    background: url("../img/action_izq/ruta_optima.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_admin_reportes .clear,   
#button_actions_container_admin_notif .clear,
#button_actions_container_admin_puntos .clear,
#button_actions_container_admin_georutas .clear,
#button_actions_container_admin_geocercas .clear,
#button_actions_container_grupos .clear,
#button_actions_container_unidad .clear,
#button_actions_container_rutas #cleanOptimeRoute,
#button_actions_container_geoshape #cleanOptimeRoute,
#button_actions_container_geoshape #clear_filter,
#button_actions_container_geoshape #clear_filter_dead_time,
#button_actions_container_geoshape #clear_map_points,
#button_actions_container_geoshape #clear_info_unit,
#button_actions_container_geoshape .clear{
    background: url("../img/action_izq/clear_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_admin_reportes .clear:hover,
#button_actions_container_admin_notif .clear:hover,
#button_actions_container_admin_puntos .clear:hover,
#button_actions_container_admin_georutas .clear:hover,
#button_actions_container_admin_geocercas .clear:hover,
#button_actions_container_grupos .clear:hover,
#button_actions_container_unidad .clear:hover,
#button_actions_container_rutas #cleanOptimeRoute:hover,
#button_actions_container_geoshape #cleanOptimeRoute:hover,
#button_actions_container_geoshape #clear_filter:hover,
#button_actions_container_geoshape #clear_filter_dead_time:hover,
#button_actions_container_geoshape #clear_map_points:hover,
#button_actions_container_geoshape #clear_info_unit:hover,
#button_actions_container_geoshape .clear:hover{
    background: url("../img/action_izq/clear.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

#button_actions_container_geoshape #run_filter,
#button_actions_container_geoshape #run_filter_dead_time,
#button_actions_container_geoshape #run_filter_monitor,
#button_actions_container_geoshape .search{
    background: url("../img/action_izq/consultar_inactive.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
}
#button_actions_container_geoshape #run_filter:hover,
#button_actions_container_geoshape #run_filter_dead_time:hover,
#button_actions_container_geoshape #run_filter_monitor:hover,
#button_actions_container_geoshape .search:hover{
    background: url("../img/action_izq/consultar.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
}

#button_actions_container_georutas .izq_checkbox label,
#button_actions_container_georutas .izq_newcheckbox label,
#button_actions_container_geoshape .izq_checkbox label,
#button_actions_container_georutas .izq_checkbox_agrupa label,
#button_actions_container_geoshape .izq_newcheckbox label{
    display: inline-block;
    cursor: pointer;
    position: relative;
    width: 30px;
    height: 30px;
}

#button_actions_container_georutas .izq_checkbox input[type="checkbox"],
#button_actions_container_georutas .izq_checkbox_agrupa  input[type="checkbox"],
#button_actions_container_georutas .izq_newcheckbox input[type="checkbox"],
#button_actions_container_geoshape .izq_checkbox input[type="checkbox"],
#button_actions_container_geoshape .izq_newcheckbox input[type="checkbox"]{
    display: none;
}
#button_actions_container_georutas .izq_checkbox input[type="checkbox"] + label,
#button_actions_container_geoshape .izq_checkbox input[type="checkbox"] + label {
    background: url("../img/action_izq/traza.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

#button_actions_container_georutas .izq_checkbox input[type="checkbox"]:checked + label,
#button_actions_container_geoshape .izq_checkbox input[type="checkbox"]:checked + label {
    background: url("../img/action_izq/traza_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

#button_actions_container_georutas .izq_newcheckbox input[type="checkbox"] + label,
#button_actions_container_geoshape .izq_newcheckbox input[type="checkbox"] + label {
    background: url("../img/action_izq/follow_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

#button_actions_container_georutas .izq_newcheckbox input[type="checkbox"]:checked + label,
#button_actions_container_geoshape .izq_newcheckbox input[type="checkbox"]:checked + label {
    background: url("../img/action_izq/follow.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

/*Estilo para los botones dentro del tab points_reports*/
#button_actions_container_points_reports{
    bottom: 26px;
    background: #1a1a1a;
    left: 26px;
    margin: 0;
    padding: 0;
}

#button_actions_container_points_reports a,
#button_actions_container_points_reports input,
#button_actions_container_points_reports button,
#button_actions_container_points_reports .izq_checkbox,
#button_actions_container_points_reports .izq_newcheckbox,
.menu_action_footer .export_pdf,
.menu_action_footer .export_excel{
    height: 30px;
    display: block;
    width: 31px;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    float: left;
}

#button_actions_container_points_reports .new{
    background: url("../img/action_izq/new_inactive.png") no-repeat scroll 50% 50%;
}
#button_actions_container_points_reports .new:hover{
    background: url("../img/action_izq/new.png") no-repeat scroll 50% 50%;
}

#button_actions_container_points_reports .send{
    background: url("../img/action_izq/send_inactive.png") no-repeat scroll 50% 50%;
}
#button_actions_container_points_reports .send:hover{
    background: url("../img/action_izq/send.png") no-repeat scroll 50% 50%;
}

#button_actions_container_points_reports .save{
    background: url("../img/action_izq/save_inactive.png") no-repeat scroll 50% 50%;
}
#button_actions_container_points_reports .save:hover{
    background: url("../img/action_izq/save.png") no-repeat scroll 50% 50%;
}

#button_actions_container_points_reports .action_izq_excel,
.menu_action_footer .export_excel{
    background: url("../img/action_izq/excel_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_points_reports .action_izq_excel:hover,
.menu_action_footer .export_excel:hover{
    background: url("../img/action_izq/excel.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

#button_actions_container_points_reports .action_izq_pdf,
.menu_action_footer .export_pdf{
    background: url("../img/action_izq/pdf_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_points_reports .action_izq_pdf:hover,
.menu_action_footer .export_pdf:hover{
    background: url("../img/action_izq/pdf.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

#button_actions_container_points_reports .action_izq_pdf,
.menu_action_footer .export_pdf{
    background: url("../img/action_izq/pdf_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_points_reports .action_izq_pdf:hover,
.menu_action_footer .export_pdf:hover{
    background: url("../img/action_izq/pdf.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

#button_actions_container_points_reports #rutaOptima{
    background: url("../img/action_izq/ruta_optima_inactive.png") no-repeat scroll 50% 50%;
}
#button_actions_container_points_reports #rutaOptima:hover{
    background: url("../img/action_izq/ruta_optima.png") no-repeat scroll 50% 50%;
}

#button_actions_container_points_reports #cleanOptimeRoute,
#button_actions_container_points_reports #clear_filter,
#button_actions_container_points_reports #clear_filter_dead_time,
#button_actions_container_points_reports #clear_map_points,
#button_actions_container_points_reports #clear_info_unit,
#button_actions_container_points_reports .clear{
    background: url("../img/action_izq/clear_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}
#button_actions_container_points_reports #cleanOptimeRoute:hover,
#button_actions_container_points_reports #clear_filter:hover,
#button_actions_container_points_reports #clear_filter_dead_time:hover,
#button_actions_container_points_reports #clear_map_points:hover,
#button_actions_container_points_reports #clear_info_unit:hover,
#button_actions_container_points_reports .clear:hover{
    background: url("../img/action_izq/clear.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

#button_actions_container_points_reports #run_filter,
#button_actions_container_points_reports #run_filter_dead_time,
#button_actions_container_points_reports #run_filter_monitor,
#button_actions_container_points_reports .search{
    background: url("../img/action_izq/consultar_inactive.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
}
#button_actions_container_points_reports #run_filter:hover,
#button_actions_container_points_reports #run_filter_dead_time:hover,
#button_actions_container_points_reports #run_filter_monitor:hover,
#button_actions_container_points_reports .search:hover{
    background: url("../img/action_izq/consultar.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
}


#button_actions_container_points_reports .izq_checkbox label,
#button_actions_container_points_reports .izq_newcheckbox label{
    display: inline-block;
    cursor: pointer;
    position: relative;
    width: 30px;
    height: 25px;
}

#button_actions_container_points_reports .izq_checkbox input[type="checkbox"],
#button_actions_container_points_reports .izq_newcheckbox input[type="checkbox"]{
    display: none;
}

#button_actions_container_points_reports .izq_checkbox input[type="checkbox"] + label {
    background: url("../img/action_izq/traza_inactive.png") no-repeat scroll 50% 50%;
}

#button_actions_container_points_reports .izq_checkbox input[type="checkbox"]:checked + label {
    background: url("../img/action_izq/traza.png") no-repeat scroll 50% 50%;
}

#button_actions_container_points_reports .izq_newcheckbox input[type="checkbox"] + label {
    background: url("../img/action_izq/follow_inactive.png") no-repeat scroll 50% 50%;
}

#button_actions_container_points_reports .izq_newcheckbox input[type="checkbox"]:checked + label {
    background: url("../img/action_izq/follow.png") no-repeat scroll 50% 50%;
}

/*estilo de la lista de seleccion de dias*/
#days_list{
    display: none;
    position: absolute;
    background: #1a1a1a;
    z-index: 99999;
    border: 1px solid #000000;
}

#show_days:hover #days_list, #show_days:active #days_list{
    display: block;
}

ul#days_list li{
    width: auto;
}


/*estilos personalizados del mapa*/
.H_ib_content {
    height: 8em !important;
    min-width: 10em !important;
}

.H_ib_close {
    right: .2em !important;
}

.H_ib_body {
    background-color: #2471A3!important;
    color: #a4a4a4;
}

.H_ib_tail svg path {
    fill: #2471A3 !important;
}

.H_ui .fa{
    font-size: 15px;
    color: BLACK;
}

.H_ui p{
    margin-bottom: 2px;
    color: #fff;
}

.H_ui .font-16-px{
    font-size: 12px;
    margin: 0px 0px 0px 10px;
}

.H_ui .overRideBtn {
    height: 30px;
    width: 30px;
}

.H_ui .errorFont, .H_ui .greenFont {
    color: #1a1a1a;
}

.bkg-error, .bkg-blue, bkg-white, .bkg-green, .H_ib_body .btn {
    background-color: #a4a4a4 !important;
    color: #ffffff;
}

.H_ib_close {
    fill: #000000 !important;
    display: block;
    font-size: 0.8em !important;
    position: absolute !important;
    right: 5px !important;
    top: -1px !important;
    cursor: pointer !important;
}

/*posicionando los botones del mapa*/
.H_ui .H_l_top {
    top: 88px !important;
}

.H_l_vertical .H_scalebar {
    top: 0px;
    position: absolute;
    right: 42px;
}
.H_zoom .H_btn:first-child{
    border-radius: 13px 13px 0px 0px !important;
}
.H_zoom .H_btn:last-child{
    border-radius: 0px !important;
}

table{
    table-layout: fixed;
}

td{
    /*text-align:left !important;*/
}

th{
    text-align:left !important;
}

a#account_add_contact, a#account_add_contact:hover, a#account_add_contact:link, a#account_add_contact:active, a#account_add_contact:focus,
a.account_del_contact, a.account_del_contact:hover, a.account_del_contact:link, a.account_del_contact:active, a.account_del_contact:focus,
a#client_add_contact, a#client_add_contact:hover, a#client_add_contact:link, a#client_add_contact:active, a#client_add_contact:focus,
a.client_del_contact, a.client_del_contact:hover, a.client_del_contact:link, a.client_del_contact:active, a.client_del_contact:focus{
    color: #ff931e;
    cursor: pointer;
}


.table tbody>tr>td, .table tbody>tr>th, .table tfoot>tr>td, .table tfoot>tr>th, .table thead>tr>td, .table thead>tr>th {
    border-color: #eee !important;
    padding: 1px 2px 1px 2px !important;
    vertical-align: baseline !important;
}

.nano > .nano-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: -9px !important;
    bottom: 0;
    left: 0;
}
.nano .nano-pane {
    background: #333333 !important;
    width: 10px !important;
    right: 0px !important;
    margin: 3px 0px 0px 5px !important;
}



nano > .nano-content-action {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: -2px;
    right: 0;
    bottom: 0;
    left: 0;
}
.table-header-action {
    border: 2px solid #b3b3b3;
    /* border-radius: 12px 12px 0 0; */
    background: #b3b3b3 !important;
    color: #b3b3b3;
    overflow: hidden;
    padding: 0;
    z-index: 1;
    height: 20px;
    top: 0px;
}
.deviceText{
    display: flex;
    justify-content: center;
    padding-right: 10px;
    top: -9px;
    position: relative;
}
.pointText{
    display: flex;
    justify-content: center;
    padding-right: 10px;
    top: 1px;
    position: relative;
}


.deviceText p {
    background: #2a2a2a;
    padding: .3em .6em .3em;
    text-shadow: 0px 0px 0px;
    font-weight: normal !important;
    color: #D0D3D4;
    border-radius: 0.3em;
    white-space: nowrap;
}
.pointText p {
    background: #2a2a2a;
    padding: .3em .6em .3em;
    text-shadow: 0px 0px 0px;
    font-weight: normal !important;
    color: #D0D3D4;
    border-radius: 0.3em;
    white-space: nowrap;
}

.unit-info-container .col-xs-6 span.info {
    /* font-weight: bold !important; */
    /* color: black !important; */
}
.btn-successM {
    color: #fff;
    background-color: #04b45f;
    border-color: #04b45f;
}
.btn-dangerM {
    color: #fff;
    background-color: #db2721;
    border-color: #db2721;
}
.btn-success:hover {
    color: #ffffff;
    background-color: #4cae4c ;
    border-color: #4cae4c;
}

fieldset, legend {
    padding: 0px 0px 2px 0px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px !important;
}

.dropdown-menu>li>a {
    padding: 2px 15px;
}
.dropdown-menu>li>a:hover {
    font-weight: bolder;
     color: #2471A3;
}

.button-dropdown-via{
    width: 70%;
    float: right;
    top: -3.5px;
    position: relative;
}
.label-dialog{
    color: #FF931e;
    font-weight: bold;
    float: left;
    position: relative;
    top: 2px;
    padding-right: 6.5%;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: black;
    text-decoration: none;
    background-color: #F1F1F1;
    outline: 0;
}

#button_actions_container .cancel {
    background: url(../img/action_izq/cancel_inactive.png) no-repeat scroll 50% 50%;
    background-size: 80% 80%;
}

#button_actions_container .save{
    background: url("../img/action_izq/save_inactive.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
    float: left;
}
#button_actions_container .save:hover{
    background: url("../img/action_izq/save.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
    float: left;
}


#button_actions_container .cancel:hover{
    background: url("../img/action_izq/cancel_active.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
}


#button_actions_container_tab .combustible {
    background: url("../img/action_izq/gasolina_inactive.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
}
.buttonImport {
    background: url("../img/action_izq/import_inactive.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
    border: 0;
    width: 27px;
    height: 27px;
    padding-bottom: 10px;
    float: right;
}
.buttonImport:hover {
    background: url("../img/action_izq/import_active.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
    border: 0;
    width: 27px;
    height: 27px;
    padding-bottom: 10px;
    float: right;
}

#notif_details .table-striped>tbody>tr:nth-child(2n+1)>td, .table-striped>tbody>tr:nth-child(2n+1)>th,#notif_details tbody>tr>td {
    background-color: black;
}

.buttonAdd{
    background: url("../img/action_izq/addInactive.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
    border: 0;
    width: 27px;
    height: 27px;
    padding-bottom: 10px;
    float: right;
}
.buttonAdd:hover{
    background: url("../img/action_izq/addActive.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
    border: 0;
    width: 27px;
    height: 27px;
    padding-bottom: 10px;
    float: right;
    
}

.buttonShowActions{
    background: url("../img/action_izq/open_actions_inactive.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
    border: 0;
    width: 30px;
    height: 30px;
    padding-bottom: 10px;
    float: right;
    top: 3px;
    position: relative;
}
  
.buttonShowActions:hover{
    background: url("../img/action_izq/open_actions_active.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
    border: 0;
    width: 30px;
    height: 30px;
    padding-bottom: 10px;
    float: right;
    top: 3px;
    position: relative;
}

.buttonShowReports{
    background: url("../img/action_izq/open_reports_inactive.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
    border: 0;
    width: 30px;
    height: 30px;
    padding-bottom: 10px;
    float: left;
    top: 3px;
    position: relative;
}
  
.buttonShowReports:hover{
    background: url("../img/action_izq/open_reports_active.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
    border: 0;
    width: 30px;
    height: 30px;
    padding-bottom: 10px;
    float: left;
    top: 3px;
    position: relative;
}

.buttonShowClients{
    background: url("../img/action_izq/open_clients_inactive.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
    border: 0;
    width: 40px;
    height: 40px;
    padding-bottom: 10px;
    float: left;
    position: relative;
}
  
.buttonShowClients:hover{
    background: url("../img/action_izq/open_clients_active.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
    border: 0;
    width: 40px;
    height: 40px;
    padding-bottom: 10px;
    float: left;
    position: relative;
}
.buttonAddUnit{
    background: url("../img/action_izq/new_inactive_car.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
    border: 0;
    width: 40px;
    height: 40px;
    padding-bottom: 10px;
    float: left;
    position: relative;
}
  
.buttonAddUnit:hover{
    background: url("../img/action_izq/new_car.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
    border: 0;
    width: 40px;
    height: 40px;
    padding-bottom: 10px;
    float: left;
    position: relative;
}
#button_actions_container_tab .combustible:hover{
    background: url("../img/action_izq/gasolina.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
}
td>a>i.fa {
    font-size: 15px;
    top: 2px;
    position: relative;
    left: 1px;
}
td>div>a>i.fa {
    font-size: 15px;
    top: 2px;
    position: relative;
    left: 1px;
}
td>a>i.fa:hover {
    color: #2471A3;
    font-size: 15px;
    top: 2px;
    position: relative;
    left: 1px;
}
td>div>a>i.fa:hover {
    color: #2471A3;
    font-size: 15px;
    top: 2px;
    position: relative;
    left: 1px;
}

/* formularios sin class has success*/
#form_action_grupos .control-label,
#form_action_unidades .control-label  {
    color: #b3b3b3;
}
#form_action_grupos .form-control,
#form_action_unidades .form-control  {
    border:2px solid #cccccc !important
}
#button_actions_container .newcar{
    background: url("../img/action_izq/new_inactive_car.png") no-repeat scroll 50% 50%;
    background-size: 75% 80%;
}
#button_actions_container .newcar:hover{
    background: url("../img/action_izq/new_car.png") no-repeat scroll 50% 50%;
    background-size: 75% 80%;
}
#tab-units_l2_details >div>div>a{
    cursor: pointer
}

#tab-units_l2_details >div>div>a>i.fa{
    font-size: 20px;
    color: #000 ! important;
}

#actionsUnitAdmin .table-striped>tbody>tr:nth-child(2n+1)>td,
.table-striped>tbody>tr:nth-child(2n+1)>th,
#actionsUnitAdmin tbody>tr>td {
    background-color: black;
    margin: 0;
    color: white;
    font-weight: bold;
}

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;

}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 200px;
}
.img-slider{
    height: 10% !important;
    width: 15% !important;
    left: 42.5% !important;
    top: -5px !important;
}
#quote-carousel .carousel-control.left {
    /*left: -60px;*/
}
#quote-carousel .carousel-control.right {
    /*right: -60px;*/
}
#quote-carousel .carousel-indicators { 
    right: 30px;
    left: 293px;
    top: 47px;
    width: 83%;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 4px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#quote-carousel .carousel-indicators .active {
    background: #FFF;
    width: 75px;
    height: 75px;
    border-radius: 50px;
    border-color: #2471A3 !important;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 70%;
    height: 30%;
    top: 35%;
    position: relative;
    left: 15%;
}
.carousel-inner {
    min-height: 300px;
    top: -20px !important;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

#button_actions_container_points_reports .addUnidades {
    background: url("../img/action_izq/unidades_inactive.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
}

#button_actions_container_points_reports .addUnidades:hover {
    background: url("../img/action_izq/unidades_active.png") no-repeat scroll 50% 50%;
    background-size: 80% 80%;
}
.multiSelectDrop .btn-group button {
    width: 100%;
    background: #2471A3 !important;
    color: #fff !important;
}
.jGrowl-notification-notif {
    display: flow-root !important;
}

.menu-izq-client .nav.nav-tabs {
    background-color: #2471A3 !important;
}

.H_btn, .H_rdo li {
    border-radius: 2em;
    color: #fff;
    padding: .4em;
    -webkit-transform: translate3d(0, 1, 0);
}
.unit-info-container .col-xs-6 {
    font-weight: bold;
    /* color: black; */
}
.unit-info-container .col-xs-6 span.info {
    font-weight: lighter;
}
.jsgrid-nodata-row>.jsgrid-cell {
    background: #7d7d7d!important;
}
.table-striped>tbody>tr:nth-child(2n)>td,.table-striped>tbody>tr:nth-child(2n)>td>a>div{
    color: #fff !important;
    background: #336699 !important;
}

.table-striped>tbody>tr:nth-child(2n+1)>td, .table-striped>tbody>tr:nth-child(2n+1)>td>a>div{
     background: #7F8C8D !important;   
     color: #fff !important;
}

#tableHistoric table tr:nth-child(2n+1)>td{
   background: #7F8C8D !important;   
     color: #fff !important;
}
#tableHistoric table tr:nth-child(2n)>td{
    color: #fff !important;
    background: #336699 !important;
}


legend {
    width: 100%;
    margin-bottom: 20px;
    /*font-size: 21px;*/
    line-height: inherit;
    border-bottom: 1px solid #e5e5e5;
    /*background: #5D6D7E;*/
}

#tab-units_l2_details >div>div>a>i.fa:hover
 {
    font-size: 20px;
    color: #fff !important;
}
.table thead>tr>th{
   background: #777 !important;
    font-size: 13px;
    font-weight: bold !important;
    text-align-last: left;
    color: #fff; 
}

select, textarea {
    font-family: Arial,sans-serif!important;
    color: #191919;
    
}

body, input {
    font-family: Arial,sans-serif!important;
     color: #FFF;
}
.btn-default .caret {
    border-top-color: #fff;
}

#button_actions_container_georutas .izq_checkbox_agrupa input[type="checkbox"] + label {
    background: url("../img/action_izq/ungroup.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}

#button_actions_container_georutas .izq_checkbox_agrupa input[type="checkbox"]:checked + label {
    background: url("../img/action_izq/group.png") no-repeat scroll 50% 50%;
    background-size: 70% 70%;
}