/* Header */
.navbar-vec { background: #ffffff; }
.navbar-vec .navbar-header { background: #1D0D38; }
.navbar-vec .navbar-header .brand-text { color: #464855; }
.navbar-vec .navbar-nav li { line-height: 1; }
.navbar-vec .navbar-nav .nav-link { color: #1D0D38; }
.navbar-vec .navbar-nav .nav-link:hover { color: #1D0D38; }
.navbar-vec .navbar-nav .active.nav-link { background-color: rgba(0, 0, 0, 0.03); }
.navbar-vec .navbar-nav .disabled.nav-link { color: #6B6F82; }
.navbar-vec .search-input .input { color: #F9FAFD; }
.navbar-vec .search-input .input::placeholder { color: #F9FAFD; }
.navbar-vec .search-input.open .input { color: #F9FAFD; border-bottom: 1px solid #F9FAFD; }
@media (max-width:767.98px) {
  .navbar-vec .navbar-header .navbar-nav .nav-link { color: #ffffff; }
  .navbar-vec .navbar-container .navbar-nav .nav-link { color: #6B6F82; }
}

/* Menu */
.main-menu { z-index: 1000; position: absolute; display: table-cell; }
.main-menu.menu-vec { color: #6B6F82; background: #1D0D38; border-right: 1px solid #E4E7ED; }
.main-menu.menu-vec .main-menu-header { padding: 20px; }
.main-menu.menu-vec .main-menu-header .menu-search { background: #e6e6e6; padding: 0.5rem 1rem; color: #545766; }
.main-menu.menu-vec .main-menu-header .menu-search:focus { border-color: #d9d9d9; }
.main-menu.menu-vec .navigation { background: #1D0D38 }
.main-menu.menu-vec .navigation .navigation-header { color: #6B6F82; padding: 30px 20px 8px 20px; }
.main-menu.menu-vec .navigation .navigation-header span { font-weight: 500; }
.main-menu.menu-vec .navigation li a { color: #d0d0d0; transition: all 0.2s ease; }
.main-menu.menu-vec .navigation li a i, .main-menu.menu-vec .navigation li a span, .main-menu.menu-vec .navigation li a img { transition: all 0.2s ease; }
.main-menu.menu-vec .navigation li a span { display: inline-block; }
.main-menu.menu-vec .navigation li a span.menu-sub-title { color: #bdbfc9; }
.main-menu.menu-vec .navigation li.hover > a, .main-menu.menu-vec .navigation li.open > a, .main-menu.menu-vec .navigation li.active > a { color: #FFFFFF; }
.main-menu.menu-vec .navigation > li { padding: 0; }
.main-menu.menu-vec .navigation > li > a { padding: 12px 30px 12px 18px; }
.main-menu.menu-vec .navigation > li > a .label { margin-top: 4px; margin-right: 5px; }
.main-menu.menu-vec .navigation > li > a i { position: relative; top: 3px; }
.main-menu.menu-vec .navigation > li.open > a { color: #ffffff; background-color: #180f33; border-right: 4px solid #0ABFBC; }
.main-menu.menu-vec .navigation > li.open .hover > a { transform: translateX(-4px); }
.main-menu.menu-vec .navigation > li:not(.open) > ul { display: none; }
.main-menu.menu-vec .navigation > li.hover > a, .main-menu.menu-vec .navigation > li:hover > a, .main-menu.menu-vec .navigation > li.active > a { color: #ADADB2; }
.main-menu.menu-vec .navigation > li.hover > a > i, .main-menu.menu-vec .navigation > li:hover > a > i, .main-menu.menu-vec .navigation > li.active > a > i { transform: translateX(6px); }
.main-menu.menu-vec .navigation > li.hover > a > span, .main-menu.menu-vec .navigation > li:hover > a > span, .main-menu.menu-vec .navigation > li.active > a > span { transform: translateX(4px); }
.main-menu.menu-vec .navigation > li.hover > a > span, .main-menu.menu-vec .navigation > li:hover > a > img, .main-menu.menu-vec .navigation > li.active > a > img { transform: translateX(4px); }
.main-menu.menu-vec .navigation > li.hover > a.mm-next, .main-menu.menu-vec .navigation > li:hover > a.mm-next, .main-menu.menu-vec .navigation > li.active > a.mm-next { background-color: inherit; }
.main-menu.menu-vec .navigation > li.active > a { color: #6B6F82; font-weight: 700; background: #f0f0f0; }
.main-menu.menu-vec .navigation > li .active { background: #f0f0f0; }
.main-menu.menu-vec .navigation > li .active > a { color: #85899b; font-weight: 700; background: #f0f0f0; }
.main-menu.menu-vec .navigation > li .active .hover > a { background: whitesmoke; }
.main-menu.menu-vec .navigation > li ul { padding: 0; margin: 0; font-size: 1rem; }
.main-menu.menu-vec .navigation > li ul li { color: #6B6F82; background: transparent; }
.main-menu.menu-vec .navigation > li ul li > a { padding: 8px 18px 8px 54px; }
.main-menu.menu-vec .navigation > li ul .has-sub:not(.open) > ul { display: none; }
.main-menu.menu-vec .navigation > li ul .open > a { color: #6B6F82; }
.main-menu.menu-vec .navigation > li ul .open > ul { display: block; }
.main-menu.menu-vec .navigation > li ul .open > ul li > a { padding: 8px 18px 8px 64px; }
.main-menu.menu-vec .navigation > li ul .open > ul .open > ul { display: block; }
.main-menu.menu-vec .navigation > li ul .open > ul .open > ul li > a { padding: 8px 18px 8px 74px; }
.main-menu.menu-vec .navigation > li ul .hover > a, .main-menu.menu-vec .navigation > li ul:hover > a { color: #74798d; }
.main-menu.menu-vec .navigation > li ul .active { background: transparent; }
.main-menu.menu-vec .navigation > li ul .active > a { color: #85899b; font-weight: 700; }
.main-menu.menu-vec .navigation > li ul .active .hover > a { background-color: transparent; }
.main-menu.menu-vec .navigation > li > ul { background: #241b3e; }
.main-menu.menu-vec ul.menu-popout { background: #FFFFFF; }
.main-menu.menu-vec ul.menu-popout li a { color: #6B6F82; }
.main-menu.menu-vec ul.menu-popout li a span.menu-sub-title { color: #bdbfc9; }
.main-menu.menu-vec ul.menu-popout .has-sub:not(.open) > ul { display: none; }
.main-menu.menu-vec ul.menu-popout .open > a { color: #6B6F82; }
.main-menu.menu-vec ul.menu-popout .open > ul { display: block; }
.main-menu.menu-vec ul.menu-popout .open > ul .open { background: #e8e8e8; }
.main-menu.menu-vec ul.menu-popout .open > ul .open > ul { display: block; background: #e8e8e8; }
.main-menu.menu-vec ul.menu-popout .hover > a, .main-menu.menu-vec ul.menu-popout:hover > a { color: #74798d; }
.main-menu.menu-vec ul.menu-popout .active { font-weight: 700; }
.main-menu.menu-vec ul.menu-popout .active > a { color: #85899b; }
.main-menu.menu-vec ul.menu-popout .active .hover > a, .main-menu.menu-vec ul.menu-popout .active:hover > a { background-color: transparent; }
.main-menu.menu-bordered.menu-vec .navigation > li { border-top: 1px solid #E4E7ED; }

/* Menu Collapsed */
body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > span.menu-title, body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title { right: -260px; width: 260px; font-weight: 600; color: #fff; text-transform: uppercase; text-align: left; background-color: #1D0D38; border-color: #1D0D38; padding: 14px 20px; }

/* Datatables */
table.dataTable thead tr {
	color: #ffffff;
	background-color: #241b3e;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(248, 240, 255, 0.5);
}

table.dataTable button.action {
	padding: 5px;
	width: 28px;
}

.page-item .page-link {
  color: #0ABFBC !important;
  border: 1px solid #0ABFBC !important;
}

.page-item.active .page-link {
  color: #fff !important;
  background-color: #0ABFBC !important;
  border-color: #0ABFBC !important;
}

.page-item.disabled .page-link {
  color: #427272 !important;
  border-color: #427272 !important;
}

.dataTables_processing.card {
  border-radius: 3px;
  background-color: #eee;
  box-shadow: 0 10px 18px 0 rgba(62, 57, 107, 0.2)  !important;
}

table.dataTable select.btn-dt-filter:invalid {
  color: #6B6F82;
}

/* Botones */
.btn-primary {
	border-color: #079391 !important;
	background-color: #0ABFBC !important;
	color: #fff !important;
}

.btn-primary:hover {
  color: #fff !important;
  border-color: #079391 !important;
  background-color: #0cadaa !important;
}

/*
.btn-primary:focus {
	background-color: red !important;
}*/

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff !important;
  background-color: #33bfbc !important;
  border-color: #079391 !important;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #079391 !important;
  border-color: #16cecb !important;
}


.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #079391 !important;
  border-color: #16cecb !important;
}

.btn-primary:not(:disabled):not(.disabled):focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  border-color: #079391 !important;
  background-color: #0cadaa !important;
}

.btn-danger {
    border-color: #FF394F !important;
    background-color: #FF3145 !important;
    color: #ffffff !important;
}

/* Colores */
.bg-info.bg-lighten-1 {
	border-color: #0ABFBC;
}

html body.bg-full-screen-image {
  background: url(../../../images/vecfleet.jpg) no-repeat center center fixed;
  background-size: cover;
}

.video-login-bg {
  position: fixed;
  object-fit: cover;
  width: 100vw;
  height: 100vh;
}

.date-picker-placeholder {
  color:  rgba(59, 71, 129, .6) !important;
}

.date-picker-min-height{
    height: 10px;
}

.is-invalid > .Select-control {
  border: 1px solid red !important;
}

.is-invalid .is-focused > .Select-placehold {
    border-color: #FF4961 !important;
    box-shadow: 0 0 0 0.2rem rgb(255 73 97 / 25%) !important;
}
.Select-control {
  border: 1px solid #cacfe7 !important;
  color: #3b4781 !important;
}

.Select-placeholder {
  color: #a4abcf !important;
}

.Select-placeholder,
.Select--single > .Select-control .Select-val {
  line-height: 40px !important;
}
.Select-input {
  height: 40px !important;
}
/*COMBUSTIBLES FILTER PERÍODO*/
.select-periodo-filter{
    border-bottom: 1px solid #949494 !important;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: rgb(148, 148, 148) !important;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;;    
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-radius: 0px;
    text-align: left;
    padding: 0px;
}

.select-periodo-filter .Select-control{
    border: none !important;
}

.Select.select-periodo-filter.has-value.Select--single >.Select-control .Select-value .Select-value-label{
    color: rgba(0, 0, 0, 0.87) !important;
}

.select-periodo-filter .Select-value{
    padding: 0px !important;
    margin-top: 11px;
}

.select-periodo-filter .Select-arrow{
    margin-top: 25px;
}
/*FIN COMBUSTIBLES FILTER PERÍODO*/

.select-periodo{
  padding-left: 5px;
  padding-right: 5px;
}

.select-periodo .Select-menu-outer{
  min-height: 320px !important;
  min-width:260px;
  line-height: 26px  !important;
}

.select-periodo-filter .Select-menu {
    min-height: 350px;
}

.select-periodo .Select-menu-outer .Select-menu{
  min-height: 320px !important;
}

.Select-menu-outer .Select-menu .is-focused, .Select-menu-outer .Select-menu .is-selected{
  background-color: #9febe9!important;
}

.Select-menu-outer{
  z-index: 1050!important;
}

.select-adjuntos .Select-menu {
  min-height: 298px;
}

.select-region .Select-menu-outer{
  min-height: 200px !important;
}

.Select-menu {
  max-height: 398px;
}

.form-horizontal .card{
  border-left-color: #00c0bd;
  border-left-style: solid;
  border-left-width: 5px;
}

form .form-section {
  color: #00c0bd;
  line-height: 3rem;
  margin-bottom: 20px;
  border-bottom: 2px solid #6b6f82;
  font-weight: 500;
}

.form-value {
  background-color: #00c0bd24;
  padding-left: 15px;
  height: 40px;
}

.form-value-grow {
    background-color: #00c0bd24;
    padding-left: 15px;
}

.form-value-detalle {
    background-color: #00c0bd24;
    padding: 15px;
    text-align: justify;    
}
.field-message {
  padding-top: 5px;
  padding-left: 15px;
}

.bootstrap-duallistbox-container .btn-outline-secondary {
  color: #fff !important;
  background-color: #00bfbd !important;
  border-color: #00bfbd !important;
  font-weight: bold;
}

.bootstrap-duallistbox-container .btn-outline-secondary:hover {
  color: #fff !important;
  background-color: #00a3a0 !important;
  border-color: #00a3a0 !important;
  font-weight: bold;
}

.bootstrap-duallistbox-container .filter.placeholder {
  color: #aaa;
}

.bootstrap-duallistbox-container option {
  height: 30px;
  padding-top: 5px;
  border-bottom: 1px solid #ccc;
}

.bootstrap-duallistbox-container select option:hover, .bootstrap-duallistbox-container select option:focus,
.bootstrap-duallistbox-container select option:active, .bootstrap-duallistbox-container select option:checked
{
    background: linear-gradient(#3b4781,#3b4781);
    background-color: #3b4781 !important; /* for IE */
    color:white;
}

.bootstrap-duallistbox-container:not(.moveonselect) select {
  overflow-y: auto;
}

.content-header-title i{
  font-size: 1.2em;
}

.content-header-title .la{
  font-size: 1.4em;
}

.ficha::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f328";
}

.form-section .la {
  font-size: 1.3em;
}

.modal-mh {
  max-height: calc(100vh - 212px);
  overflow-y: auto;
}

.bg-fleet{
  background-color: #00c0bd !important;
}


.btn-fleet {
  border-color: #00c0bdda !important;
  background-color: #00c0bd !important;
  color: #FFFFFF !important;
}

.btn-fleet-bg-green {
  border-color: #27D094 !important;
  background-color: #27D094 !important;
  color: #FFFFFF !important;
}

.btn-fleet-bg-yellow {
  /* border-color: #F2E97F !important;
  background-color: #F2E97F !important; */
  border-color: #fbc02d !important;
  background-color: #fbc02d !important;
  color: #FFFFFF !important;
}

.btn-fleet-bg-red {
  border-color: #FF4961 !important;
  background-color: #FF4961 !important;
  color: #FFFFFF !important;
}

.ovf-x-hidden{
  overflow-x: hidden;
}

.ovf-visible{
  overflow: visible;
}

.btn-icon .fa {
  font-size: 1.4rem !important;
}

.btn-icon-add{
  font-size: 2.7rem !important;
  padding-top: 0px;
  padding-bottom: 0px;
}

.text-fleet {
  color: #00c0bd !important;
}

.text-fleet-disabled {
  color: lightgray !important;
}

.Select--multi .Select-value {
  background-color: #00c0bd17 !important;
  border: 1px solid #00c0bd !important;
  color: #00c0bd !important;
}

.font-size-3-5rem {
  font-size: 3.5rem !important;
}

.icon-modal-title {
  font-size: 1.7rem !important;
}

.thead-fleet {
  color: #ffffff;
  background-color: #474789;
}


.header-card {
  color: #00c0bd;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  flex: 1;
  margin: 0 -20px;
  line-height: 40px;
}

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

.header-card > * {
  margin: 0 20px;
}

.header-card .divider {
  width: 1px;
  margin: 6px 0;
  padding: 0px 1px;
  background: #ccc !important; 
}

.header-card .item {
  flex: 0 1 auto;
}

.header-card .item-container {
  display: flex;
  flex-direction: column;
  line-height: 40px !important;
}

.header-card .item.title-item {
  font-size: 17px;
  font-weight: 450 !important;
  white-space: nowrap;
}

.header-card .item.text-item {
  font-size: 16px;
  font-weight: 420 !important;
  color: black !important;
  display: flex;
  text-transform: none;
}

.btn-float-sm {
  padding: 7px;
} 

.btn-float-sm > i{
  font-size: 1.5rem !important;
}


.btn-float-sm:hover {
  color: #fff !important;
}

.ticket-buttons {
  position: absolute;
  top: 15px;
  right: 20px;
}


.Select.has-value.Select--single > .Select-control-invalid .Select-value .Select-value-label, .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #3b4781 !important;
}

.bg-gradient-directional-correctivo {
  background-color: #67b7dc;
}

.bg-gradient-directional-preventivo {
  background-color: #4dc4bc;
}

.bg-gradient-directional-vencimiento {
  background-color: #fe9657;
}

.bg-gradient-directional-en-taller {
  background-color: #7a7ae5;
}

.bg-gradient-directional-gestoria {
  background-color: #f7c361;
}

.paleta-preventivo{
    background-color: #4dc4bc;
    color: #fff !important;
}

.paleta-correctivo{
    background-color: #67b7dc;
    color: #fff !important;
}

.paleta-vencimiento{
    background-color: #fe9657;
    color: #fff !important;
}

.paleta-en-taller{
    background-color: #7a7ae5;
    color: #fff !important;
}

.paleta-gestoria{
    background-color: #f7c361;
    color: #fff !important;
}

.paleta-combustible{
    background-color: #dc6967;
    color: #fff !important;
}

.paleta-infracciones{
    background-color: #616c6f;
    color: #fff !important;
}

.bs-callout-info {
  background-color: #f4f4fd;
}

.bg-yellow {
  background-color: rgb(241, 234, 127);
}

.buttonAsLink {
  background:none!important;
  color:inherit;
  border:none;
  padding:0!important;
  font: inherit;
  cursor: pointer;
}

/* Nav */
.nav.nav-tabs.nav-topline .nav-item a.nav-link.active {
  box-shadow: inset 0 3px 0 #00c0bd;
  color: #00c0bd;
  border-top-color: #00c0bd;
}

.nav.nav-tabs.nav-topline .nav-item a.nav-link:hover {
  color: #00c0bd;
}

/*Menu Periodo para dashboard*/
.dd-wrapper{
  border: 1px solid;
  padding: 8px;
  font-weight: 700;
}

.drilldown{
  margin-left: 10px;
  max-width: 48%;
  padding: 0px;
}

.radar-card{
  margin: 10px;
  max-width: 48%;
  padding: 0px;
}

.select-tipo{
  padding:0px !important;
  float: right !important;
  margin-left: auto;
  padding-bottom: 10px;
}

.table td .barras{
  padding: 0px !important;
  width: 13px;
  height: 13px;
  min-width: 13px;
  max-width: 13px;
  min-height: 13px;
  max-height: 13px;
  border: 1px solid white;
}

.barras .nav-link{
  padding: 0px !important;
  width: 13px;
  height: 12px;
  min-width: 13px;
  max-width: 13px;
  min-height: 12px;
  max-height: 12px;
}

.dashboard-title{
  display: inline-flex;
}

.dashboard-title i{
  font-size: 1.25rem;
  margin: 5px auto 5px 4px;
}

.button-popover{
  background: transparent;
  border: none;
  position:relative;
  margin: auto 0;
}

.bs-popover-top{
  left: 0.4rem !important;
}

.popover{
  min-width: 276px;
}

.icon-file-check{
  width:50px;
  height: 50px;
  margin: -5px;
}

.icon-247{
  width:70px;
  height: 70px;
  margin:-11px;
}

.icon-kms-litros, .icon-litros-consumidos, .icon-gasto-total, .icon-costo-litros, .icon-inmovilizado{
  width:90px;
  margin:-11px;
}

.icon-fuera-de-servicio, .icon-comodato{
    width:60px;
    margin:-11px;
}

.icon-cantidad-infracciones, .icon-gasto-total-infracciones, .icon-gasto-pendiente, .icon-abonadas-sin-ld{
  width:90px;
  margin:-11px;
}

.icon-inmovilizado{
  margin-top: -24px;
}

.icon-sin-reporte{
  width: 65px;
  height: 65px;
  margin: -11px;
}

.switch-factura{
  padding-right:10px;
  margin-top:5px;
}

.card-x-dia, .card-x-dia .card-header-x-dia{
  background: #f4f5fa;
}

.card-x-periodo, .card-x-periodo .card-header-x-periodo{
  background: #f4f5fa;
}

.swal-input-two{
  margin-top: 1rem;
}

/*.menu-title.combustible:before{
  content: url('../../../images/combustibles/surtidor.svg');
  height: 1.6em;
}*/
img.combustible:hover {
  transform: translateX(6px);
  transition: all 0.2s ease;
}
img.combustible{
  /* background: url(../../../images/combustibles/surtidor.svg) no-repeat -3%; */
  margin-right:12px;
  width:1.4em
  /* width: 1.6em;margin-right: 0.4em;*/
}
img.llanta:hover {
  transform: translateX(6px);
  transition: all 0.2s ease;
}
img.llanta{
  margin-right:12px;
  width:1.3em;
}
img.llanta-desgaste{
  margin-right:12px;
  width:2.4em;
}
img.infracciones:hover {
  transition: all 0.2s ease;
  transform: translateX(4px);
}
img.infracciones{
    width: 2.2em;
    margin-right: 0.4em;
    margin-left: -0.4em;
}

.filtros-periodo{
  padding-top: 10px;
  padding-left: 10px;
}

.combustibles-precio-gris{
  color: rgb(104, 102, 102);
}

.combustibles-precio-baja, .combustibles-carga-rojo, .combustibles-tooltip{
    color: #e45463;
}

.combustibles-tooltip-gris{
  color: #bdbaba;
}

.combustibles-tooltip-amarillo{
  color: #FAD201;
}

.combustibles-precio-alta, .combustibles-carga-verde{
    color: #77d294;
}

.infracciones-precio-verde{
  color: #6ab34d;
}

.infracciones-precio-rojo{
  color: #e22121;
}

.infracciones-precio-amarillo{
  color: #FAD201;
}

.infracciones-precio-gris{
  color: rgb(104, 102, 102);
}

.infracciones-precio{
  font-size: 2rem !important;
  padding-top:7px;
  padding-right: 4px;
  padding-left: 10px;
}

.combustibles-carga-verde, .combustibles-carga-rojo, .combustibles-tooltip, .combustibles-tooltip-gris, .combustibles-tooltip-amarillo{
  font-size: 2.5rem !important;
  padding-top: 3px !important;
  padding-right: 4px;
  padding-left: 10px;
 /* position: absolute;*/

}

.combustibles-carga-verde, .combustibles-carga-rojo{
  height: 100%;
}

.combustibles-precio-alta, .combustibles-precio-baja, .combustibles-precio-gris{
  font-size: 2rem !important;
  padding-left: 10px;
  padding-top: 0.12em;
}

.combustibles-litros-icon{
  margin-left: auto;
  margin-right: 0;
  margin-top: -0.4rem;
}

.map-popover{
  height: 195px !important;
  width: 93% !important;
}

.datepicker-on-select{
  /*margin-left:10px;
  display: inline-flex;
  position:relative;*/
}

.card-body-comb-invalidas{
  padding-top: 0px;
  padding-bottom: 0px;
  cursor: pointer;
}

.layout-version{
  color:white;
  display: inline-block;
  position: relative;
  top: 10px;
}

.login-version{
  color: #b5badd;
  padding-left: 20px;
}

.brand-text img{
  display: inline-block;
}

tbody .avatar-plus-detail .dt-user-avatar-more{
    display: inline-block;
    vertical-align: middle;
}

tbody .avatar-plus-detail i{
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
    cursor: pointer;
}

.moviles-detalle-controles-card .card-body{
   display: inherit;
}

.moviles-detalle-iconos{
    width: 100%;
    margin: 0 auto;
}

.redirect{
  cursor: pointer;
}

.cursorDefault{
  cursor: default;
}
.moviles-detalle-iconos-card{
    margin: 10px;
    margin-right: 0px;
    width: 14%;
    background: #f4f5fa;
}

.moviles-detalle-controles-title{
  background-color: #c9d2dc;
  padding: 5px;
  border-radius: 12px;
}

.moviles-detalle-controles-title .title-controles{
  color: white;
  padding: 8px;
  font-weight: 800;
  font-size: 2rem;
}

.card-title-costo-total{
    font-weight: 800!important;
    font-size: 2rem!important;
}

.moviles-detalle-card-gasto{
    background: #f4f5fa;
    display: inline-block;
    vertical-align: top;
    padding: 10px 0;
    border-radius: 0;
    border-right: 1px solid lightgray;
    padding-bottom: 0;
    margin-bottom: 0;
   /* max-width: 25vw;*/
}

.cards-alerts-1{
  min-width: 100%;
}

.cards-alerts-2{
  min-width: 50%;
}

.cards-alerts-3{
  min-width: 33.3%;
}

.cards-4, .cards-alerts-4{
  min-width: 25%;
}

.cards-5, .cards-alerts-5{
  min-width: 20%;
}

@media (min-width: 768px) and (max-width: 1199.98px) { 
  .cards-alerts-4{
    min-width: 50%;
  }
}

.swal-validar-combustibles{
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.45;
  color: #6B6F82;
  text-align: left;
}


.bt-icon-select{
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.fontawesome-font {
  font-family: 'FontAwesome', 'Open Sans';
}

.width-1vw {
  max-width: 1vw;
}

.filter-reset{
  height: 21px;
  margin-bottom:5px;
}

.filter-reset:hover{
  filter: brightness(42%);
}

.ultima-actualizacion{
  height: 21px;
  margin-bottom:5px;
}

.ultima-actualizacion:hover{
  filter: brightness(42%);
}

.ultima-actualizacion-hide {
  display: none !important;
}

.main-menu.menu-vec .navigation > li:hover > a >img{
  opacity: 0.85;
}

.grey-color {
  color: rgb(212, 210, 210);
}

.show > #iconosDrop {
  display: flex;
}
.min-height-150 {
  min-height: 150px
}

.fa-1_4x {
    font-size: 1.4em !important;
}

.formularios-show-detail {
  position: relative;
  right: 4px;
  top: 5px;
}

.btn-filter-icon{
  background-color: #fff;
  border: 1px solid #dedcdc;
}

.overflow-wrap-normal {
  overflow-wrap: normal !important;
}

.swal-wide{
  width: 900px !important;
}

.swal2-title {
  padding: 10px !important;
}

.swal2-content{
  padding: 0 30px !important;
}

.popup-option {
  padding: 0.5rem;
  cursor: pointer;
}

.popup-option:hover {
  background-color: silver;
}

.popup-option:focus {
  background-color: lightblue;
}

.customScroll{
  overflow-y: auto !important;
  /* text-overflow: inherit; */
  white-space: normal;
}

.customScroll::-webkit-scrollbar {
  width: 6px;
}

.customScroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px gray; 
  /* -webkit-box-shadow: inset 0 0 6px rgb(104, 102, 102);  */
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.customScroll::-webkit-scrollbar-thumb {
  -webkit-border-radius: 100px;
  background: grey;
  /* border: 6px solid rgb(104, 102, 102); */
}

.disable-click {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
}

.clickable {
  pointer-events: visible !important;
}

.unclickable:not(.clickable) {
  pointer-events: none;
}

.gap-3 {
  gap: 1rem !important;
}

.min-height-35 {
  min-height: 35em !important;
}

/*-------------------------------------------------------*/
@media (max-width:650px) {
    .row.buttons-grid {
        display: flex;
    }
    .combustibles-resultados{
        display: none;
    }

    .combustibles-reporte-invalidas{
        margin-bottom: 3rem;
    }

    .combustibles-reporte-invalidas-centro{
        border: 3px #f4f5fa solid;
    }

    .combustibles-resultados-texto{
        width: 100px;
    }
}