.nuevo_centrado {
	height: 40px;
	line-height: 40px;
}

.nuevo_icono {
	margin-left:10px;
	margin-right:2px;
}

.pr50{
    padding-right: 50px;
}
.mr50{
    margin-right: 5px !important;
}
.radioYes{
    position: relative;float:left;
}
.radioNo{
    position: relative;float:left;margin-left: 10px;
}
/*.input25{
    width:25%;
}
.input50{
    width:50%;
}
.input25{
    width:25%;
}
#tipo_chosen{
    max-width:50%;
}*/
#resultado{
        float: right;
}
.resultado{
    float: right;margin-top:2px;
}
.block_right {
    float: right !important;
    margin-right: 10px !important;
    text-align:right;
}
.block_right2 {
    margin-right: 10px !important;
    text-align:right;
}
.box-header-p8 .block_right {
    margin-top: -7px !important;
}
.block_left {
    position:relative;
    float: left !important;
    margin-right: 10px !important;
}
.block_center {
    position: relative;
    margin-left: 60px !important;
    margin-top: -15px !important;
}
.block_center2 {
    position: relative;
    margin-left: 60px !important;
    margin-top: -20px !important;
}
.block_center3 {
    position: relative;
    margin-left: 35px !important;
    margin-top: -20px !important;
    border-right: 0px !important;
}
.ayuda{
    /*float: right;*/
    margin-left: 10px;
    position: relative;
}

.textarea{
    width: 100%; overflow: hidden; word-wrap: break-word; resize: horizontal; height: 139px;
}
.shortSelect{
    max-width:50%;
}
.social {
    padding-bottom: 10px;
}
.glyphicons{
    padding-bottom: 10px;
    padding-left: 25px;
    margin: -10px 5px 0 0;
}
.box-header-p8{
    padding:16px;
}
/* fixes menu mensajes */
.messagefix{
    float: left; 
    max-width: 190px; 
    position: relative; 
    display: block; 
    min-width: 190px; 
    margin-left: 48px;
    color:#ef9866;
}
.headerfix{
    display: block;
    float: left;
    max-width: 190px;
    min-width: 190px;
    position: relative;
    color:#ef9866;
}
.avatarfix{
    display: block;
    float: left;
    max-width: 50px;
    position: relative;
    color:#ef9866;
}
.iconleft{
    margin-left:5px;
    
}
.navbar-toggle .icon-bar {
    background: none repeat scroll 0 0 #FFFFFF;
}

.pr50{
    padding-right: 50px;
}
.radioYes{
    position: relative;float:left;
}
.radioNo{
    position: relative;float:left;margin-left: 10px;
}
/*.input25{
    width:25%;
}
.input50{
    width:50%;
}
.input25{
    width:25%;
}
#tipo_chosen{
    max-width:50%;
}*/
#resultado{
        float: right;
}
.resultado{
    float: right;margin-top:2px;
}
.block_right {
    float: right !important;
    margin-right: 10px !important;
}
.box-header-p8 .block_right {
    margin-top: -7px !important;
}
.block_left {
    position:relative;
    float: left !important;
    margin-right: 10px !important;
}
.ayuda{
    /*float: right;*/
    margin-left: 10px;
    position: relative;
}
.ayudaLabel{
    /*float: right;*/
    margin-left: 10px;
    position: relative;
    margin-bottom: 5px;
    z-index:999;
}
.textarea{
    width: 100%; overflow: hidden; word-wrap: break-word; resize: horizontal; height: 139px;
}
.shortSelect{
    max-width: 300px;
}
.social {
    padding-bottom: 10px;
}
.glyphicons{
    padding-bottom: 10px;
    padding-left: 25px;
    margin: -10px 5px 0 0;
}
.box-header-p8{
    padding:16px;
}
/* fixes menu mensajes */
.messagefix{
    float: left; 
    max-width: 190px; 
    position: relative; 
    display: block; 
    min-width: 190px; 
    margin-left: 48px;
    color:#ef9866;
}
.headerfix{
    display: block;
    float: left;
    max-width: 190px;
    min-width: 190px;
    position: relative;
    color:#ef9866;
}
.avatarfix{
    display: block;
    float: left;
    max-width: 50px;
    position: relative;
    color:#ef9866;
}
.iconleft{
    margin-left:5px;
    
}
.navbar-collapse {
    overflow-x: hidden;
}
.hideBlock{
    visibility:hidden;
}
.showBlock{
    visibility:visible;
}
#sidebar-left {
    padding: 0px !important;
}
.navbar-toggle {
margin-right:1px;   
}
/*.col-sm-1 {
    width: 5.333%;
}*/
.sidebar-nav > ul {
    margin: 0 0px;
}
    .navbar-brand {
        background-image: url('/images/barrita.png');
       background-color: #ef9866;
    }
    .navbar {
        background-image: url('/images/barrita.png');
       background-color: #ef9866;
    }
    a#main-menu-toggle {
        background-image: url('/images/barrita.png');
       background-color: #ef9866;
    }
    .header-nav a.btn {
        background-image: url('/images/barrita.png');
       background-color: #ef9866;
    }
    .header-nav a.btn:hover, .header-nav a.btn:focus {
        background-image: url('/images/barrita.png');
       background-color: #ef9866;
    }
    .navbar-brand:hover{
        background-image: url('/images/barrita.png');
       background-color: #ef9866;
    }
    .navbar-brand.noBg {
        background-image: url('/images/barrita.png');
       background-color: #ef9866;
    }
    a#main-menu-toggle.close {
        background-image: url('/images/barrita.png') !important;
       background-color: #ef9866;
    }
    .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
        background-image: url('/images/barrita.png') !important;
       background-color: #ef9866;
    }
    .footer2 {
        background-image: url('/images/barrita2.png') !important;
       background-color: #ef9866;
    }

footer {
    background: none repeat scroll 0 0 #ef9866;
}
.blue{color:#fec97d}
.btn:hover, .btn:focus {
    color: #333333;
}
/*a#main-menu-toggle.close {
    background: none repeat scroll 0 0 #ef9866;
}*/


.navbar-collapse {
padding-left: 0;   
padding-right: 0px;
}

#my-image {
    bottom: 60px;
    left: 10px;
    position: absolute;
}
a {
    color: #34383C;
}

thead td a,thead th a {
color: #ef9866;
}
a:hover, a:focus {
    color: #34383C;
    text-decoration: underline;
}
a:focus {
    outline: thin dotted;
    outline-offset: -2px;
}
.box .box-header {
    color: #34383C;
    font-size: 13px;
    
}
.box .nuevo_centrado{
    padding-top: 0px;
}
.login-box .header, .register-box .header {
    background: none repeat scroll 0 0 #FFFFFF;
}
.btn-primary {
    background: none repeat scroll 0 0 #fec97d;
    color: #FFFFFF;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #fead4a;
    border-color: #fead4a;
    color: #FFFFFF;
}
.box-scanner-min{
    min-height:auto;
}
.box-scanner-max{
    min-height:730px;
    
}
.input43{
    max-width:43px;
    position:relative;
    float:left;
}
.input54{
    max-width:60px;
    position:relative;
    float:left;
}
.input80{
    max-width:95px;
    position:relative;
    float:left;
}
.input450{
    max-width:450px;
    position:relative;
    float:left;
}
.input145 {
    float: left;
    margin-right: 5px !important;
    max-width: 22%;
    position: relative;
}
.underline{
    text-decoration:underline;
}
.dateleft{
    max-width:102px;
    min-width:102px;
    float: left;
}
.caption{
    text-align:left;
    border-bottom:0 none !important;
    padding-top: 3px;
    margin-left: -10px;
    margin-right: -10px;
    border:1px solid #DBDEE0 !important;
}
label {
    font-weight: normal;
}
/*redisenio*/
a:hover {
	/*color: #006699;*/
	/*text-decoration: none;*/
}
.content {
	max-width: 200px;
	min-heigth: 200px;
	border: 0px solid #ef9866;
	background: #E9EBEC;
        font-weight:normal;
/*	padding: 0px;
	margin: 0px auto;*/
font-family:'Lato',sans-serif;
}
/*
a[title]:hover::before {
	content: attr(title);
	position: absolute;
        font-family:'Lato',sans-serif;
	white-space: nowrap;
	font-weight:normal;
	background: #E9EBEC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ef9866;
	
	padding: 3px 10px;
}
*/
.tooltip {
	position: relative;
	float: right;
}

.tooltip:hover::before {
	content: attr(data-tooltip);
	position: absolute;
	/*top: -40px;*/
	white-space: nowrap;
	
	background: #fec97d;
	/*color: #000;*/
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ef9866;
	
	padding: 3px 10px;
}
input[type=\"file\"]{
    max-width:50%;
}

.linea_input{
    /*border-bottom: 1px dashed #808080;*/
    padding-bottom: 15px;
}

th {
font-weight: normal;
}
.modal-body{
    background:white;
}
.modal-footer{
    background:white;
}
/*fixes form*/
.controls{
    float:right;
    width:74%;
    /*margin-top: 5px;*/
}
.control-label{
    width: 24%;
    text-align:left !important;
    
}
div form-group:nth-child(odd){
background: #000000;
color: #FFFFFF;
}

div form-group:nth-child(even){
background: #FFFFFF;
color: #000000;
}

.control-group2:nth-child(odd), 
.form-group2:nth-child(odd){ 
   background:#FFFFFF; 
}

.control-group:nth-child(odd), 
.form-group:nth-child(odd){ 
   background:#F9F9F9; 
}
@media (min-width:768px){
    .short-input {
        max-width: 50%;
    }
    .sz1 {
        /*margin: 0 auto !important;*/
        text-align:left;
        /*border:1px solid blue;*/
        margin-left:0px !important;
    }

}
@media (max-width:768px){
    .short-input {
        max-width: 100%;
    }
    .sz1 {
        margin: 0 auto !important;
        text-align:center;
        /*border:1px solid red;*/
        
    }
}
@media (min-width:768px) and (max-width:993px){
    a[alt]:hover::before {
	content: attr(alt);
	position: absolute;
	/*top: 0px;*/
        font-family:'Lato',sans-serif;
	white-space: nowrap;
	font-weight:normal;
	background: #E9EBEC;
	color: #000;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ef9866;
	
	padding: 3px 10px;
	left: 20px;
    }
}
.chosen-single, select-chosen{
    min-width: 260px;
}

.controls input[type=\"text\"],
.controls input[type=\"file\"],
.controls select,
.controls textarea
{
    margin-top:5px;
}
.dotted_td_right {
    border-color: #c1d593;
    border-radius: 3px;
    border-style: solid;
}
.fondo_blanco{
    background:white !important;
}
.ctrl_full{
    width:100%;   
}
.mt30{
    margin-top: 30px !important;
}
.mt8{
    margin-top: 8px !important;
}
.mt15{
    margin-top: 15px !important;
}
.active, .active:hover {
    margin-top: 0 !important;
}
.nav.main-menu > li {
    margin-top: 0;
}
.input-group input[type=\"text\"]{
    margin-top:0px;
}
.sidebar-nav > ul {
    font-size: 13px !important;
}
.form-horizontal .control-label {
    margin-left: 5px;
}
.mt5{
    margin-top:5px;
}
.mt2{
    margin-top:2px;
}
.mt3{
    margin-top:3px;
}
.mt10{
    margin-top:10px;
}
#factura1{
    max-width:65px;
}
.date-picker{
    min-width:105px;
}
.btn-print {
    background: none repeat scroll 0 0 #428BCA;
    color: #FFFFFF;
}
.icon_admin_dashboard{
    float: right !important;
    position: relative !important;
    margin-right: -10px !important;
    border-left: 0px solid #dbdee0 !important;
    padding-left: 5px !important;
    margin-top: 1px !important;
    cursor:pointer;
}
.cursor{cursor:pointer;}
.caption_sin_pad{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.none{
    display:none;
}
.certificadoAnmat{
    max-width: 100px;
    position: relative;
    float: left;
}
.hide_border{
    border:0px;
}
#producto .form-control:focus {
    box-shadow: none;
}
.left{
    position: relative !important;
    float:left;
}
#container_lote .controls {
    width: 100%;
}
#container_productos .ui-autocomplete-input {
    margin-top: 5px;
    padding: 0;
}
.clear_margin_caption {
    margin-left: 0;
    margin-right: 0px;
}
.breadcrumb > li {
    text-transform: uppercase;
}
.newGreen{
    color:#ef9866;
}
.bold{
    #font-weight: bold;
}
.must{
    color:red;
}
.page-todo .task.high-right {
    border-right: 2px solid #ff5454;
}
.page-todo .priority.high span{
    float:right;
}
.page-todo .task .time .date {
    font-size: 10px;
}
.page-todo .task-list {
    height: 100%;
    padding: 0 15px;
}
#container_ticket{
    padding-left: 14px;
    padding-right: 14px;
}
.clear{
    clear:both;
}
.page-todo .task .time{
    width: 20%;
}
.center {
    text-align: center;
}
.mtbtn {
  margin-top: 6px !important;
  margin-left: 10px;
}
.switch {
    height: 20px;
    width: 56px;
}
.switch_big {
    height: 35px;
    width: 100px;
    margin-left: 2px;
    margin-top: 2px;
}

#contenedor {
    display: table;
    border: 0px solid #000;
    width: 10px;
    text-align: center;
    margin: 0 auto;
}
#contenidos {
    display: table-row;
}
#columna1, #columna2, #columna3 {
    display: table-cell;
    border: 0px solid #000;
    vertical-align: middle;
    padding: 2px;
}
.header-nav a.btn.account .avatar img {
    width: auto;
}
.header-nav a.btn.account .avatar {
    width: auto;
    float: right;
    padding-right: 10px;
}
.btn-primary {
    background: none repeat scroll 0 0 #fec97d;
}
.box .box-content {
    padding: 0px;
}
.box-header .nav-tabs li a{
    border-right: 1px solid #ced1d4;
}
.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td{
    vertical-align: middle;
}
th{
    #font-weight: bold !important;
}
select.select_paginador {
    min-height: 34px;
    border: 1px solid #ddd;
}
.navbar a,.white {
    color: white;
}
/* DESKTOP */
@media (min-width: 768px){
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: 0px;
    }
}
/* TABLET */
@media (max-width: 767px){
    .navbar-brand {
        text-align: left !important;
    }
}
.ventana_tiempo{
    width: 50%;
    position: relative;
    float: left !important;
}
/* map */
#map {  
    height: 300px;  
    width: 100%;  
    margin: 0;  
    padding: 0;  
}  
div#search {
    width: 450px;
    border: 0px solid #CCC;
    float: left;
    position: relative;
}
.box-header .nav-tabs li.active>a {
    background: #fead4a;
}
.searchDatePicker{
    max-width: 50%;
    float: left !important;
    position: relative;
}
.chosen-container {
    min-width: 185px;
    width: 100% !important;
    margin-top: 5px;
}
.icheckbox_square-orange{
    max-width: 22px;
    /*background: red;*/
    display: inline-block;
}
.modal-header{
    background: #fec97d;
}
.p0{
    padding: 0px;
}
.plr0{
    padding-left: 0px;
    padding-right:  0px;
}
.dd-handle {
    min-height: 30px !important;
    height: auto;
}
.removeItemNestable{
    position: absolute;
    right: 5px;
    top: 5px;
}
.navbar-brand span{
    font-family: Cabin, sans-serif;
}
.bloqueado{
    color: #CCC;
    font-style: italic;
}
@media (min-width: 768px){
    .modal-dialog {
        width: 1000px;
        margin: 30px auto;
    }
}
#modal_bodyConflictos{
    height: auto;
    max-height: 400px;
    overflow-y: auto;
}
input[type=checkbox]{
    opacity: 0 !important;
}
._3buttons{
    width: 140px;
}
.asignar_chofer{
    display: none;
}
.btn-con_signacion_chofer{
    margin-left: 20px;
    margin-top: 2px;
}
.p30{
    padding-right: 30px !important;
}
#feed {
    background: #e9ebec;
    top: 0;
    right: 0;
    position: relative !important;
    height: 100%;
    border-left: 1px solid #dbdee0;
}
#feed ul#timeline {
    margin: 15px 0px 0px 10px;
}

.btn i {
    margin-top: 2px !important;
}
.fa {
    display: inline-block !important;
    font-family: FontAwesome !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.isfeed {
    background: #e9ebec;
    top: 0;
    right: 0;
    position: relative !important;
    height: 100%;
    border-left: 1px solid #dbdee0;
}
.isfeed ul#timeline {
    margin: 15px 0px 0px 10px;
}
.isfeed ul#timeline {
    margin: 10px 0 0 10px;
    list-style: none;
    border-left: 1px solid #dbdee0;
}
.isfeed ul#timeline li {
    position: relative;
    margin: 0 0 20px -20px;
    font-size: 12px;
}
.isfeed ul#timeline li i {
    position: absolute;
    top: -4px;
    left: -36px;
    padding: 5px 0;
    font-size: 15px;
    width: 30px;
    text-align: center;
}

.route-driver-detail {
    clear: both;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
}

.route-driver-detail:before,
.route-driver-detail:after,
.route-driver-timeline:before,
.route-driver-timeline:after,
.route-driver-timeline ul#timeline:before,
.route-driver-timeline ul#timeline:after {
    content: " ";
    display: table;
}

.route-driver-detail:after,
.route-driver-timeline:after,
.route-driver-timeline ul#timeline:after {
    clear: both;
}

.route-driver-timeline {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding-right: 0 !important;
}

.route-driver-timeline ul#timeline {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

.route-driver-timeline ul#timeline > li {
    clear: both;
    display: block;
    float: none !important;
    height: auto !important;
    min-height: 0 !important;
}

.route-driver-timeline ul#timeline > li .title,
.route-driver-timeline ul#timeline > li .row,
.route-driver-timeline ul#timeline > li .row.desc {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}
.isNotfeed{
    margin-top: 2px !important;
    position: absolute;
    top: -4px;
    left: -36px;
    background: red;
    padding: 5px 0;
    font-size: 15px;
    width: 30px;
    text-align: center;
}
.btn-xs, .btn-group-xs>.btn {
    padding: 3px 5px !important;
}
table.table{
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}
.container_cierre_mediodia{
    width: 25px;
    position: relative;
    float: right;
    /*background: red;*/
    max-height: 22px;
}
.showHideRoute{
    padding-top: 5px;
    padding-right: 10px;
}

.div_demo {
  width: 450px;
  /* Center vertically and horizontally */
  position: absolute;
  top: 50%;
  left: 45%;
  padding-top: 15px;
  margin: -25px 0 0 -25px;
  color: #FFFFFF
}

#tabla_choferes {
	height: 300px;
	width: 100%;
	border: 0px solid #ddd;
	background: #ffffff;
	overflow-y: scroll;
}

#listado_choferes {
	height: auto;
}

.notfound{
  display: none;
}

/* Minimal login refresh - reversible block */
.oc-login-page {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    padding: 0 !important;
}

.oc-login-overlay {
    align-items: center;
    background: rgba(18, 24, 32, 0.42);
    display: flex;
    justify-content: center;
    min-height: 100vh;
    padding: 32px 16px;
}

.oc-login-card {
    background: #FFFFFF;
    border: 1px solid rgba(24, 32, 42, 0.08);
    border-radius: 8px !important;
    box-shadow: 0 18px 48px rgba(18, 24, 32, 0.22);
    margin: 0 auto !important;
    max-width: 390px;
    padding: 32px 30px 24px !important;
    width: 100%;
}

.oc-login-brand {
    margin: 0 0 26px;
    text-align: center;
}

.oc-login-logo {
    height: auto;
    max-height: 72px;
    max-width: 240px;
    object-fit: contain;
    width: auto;
}

.oc-login-alert {
    border-radius: 6px;
    font-size: 13px;
    margin: 0 0 18px;
    padding: 10px 12px;
}

.oc-login-form fieldset {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.oc-login-form .form-group {
    margin: 0 0 14px;
}

.oc-login-form .row {
    margin-left: 0;
    margin-right: 0;
}

.oc-login-field {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.oc-login-field .form-control {
    background: #FFFFFF;
    border: 1px solid #D8DEE6 !important;
    border-right: 0 !important;
    border-radius: 6px 0 0 6px !important;
    box-shadow: none !important;
    color: #27313D;
    font-size: 14px;
    height: 44px !important;
    padding: 0 12px !important;
}

.oc-login-field .form-control:focus {
    border-color: #fec97d !important;
}

.oc-login-field .input-group-addon {
    background: #FFFFFF !important;
    border: 1px solid #D8DEE6 !important;
    border-left: 0 !important;
    border-radius: 0 6px 6px 0 !important;
    color: #7A8594;
    height: 44px !important;
    min-width: 44px;
}

.oc-login-submit {
    background: #fec97d !important;
    border: 1px solid #fec97d !important;
    border-radius: 6px !important;
    color: #FFFFFF !important;
    font-size: 14px;
    font-weight: 600;
    height: 44px;
    margin: 4px 0 0 !important;
}

.oc-login-submit:hover,
.oc-login-submit:focus {
    background: #fead4a !important;
    border-color: #fead4a !important;
    color: #FFFFFF !important;
}

.oc-login-forgot {
    color: #506070;
    display: block;
    font-size: 13px;
    margin: 18px 0 0;
    text-align: center;
}

.oc-login-forgot:hover,
.oc-login-forgot:focus,
.oc-login-legal a:hover,
.oc-login-legal a:focus {
    color: #fec97d;
    text-decoration: none;
}

.oc-login-legal {
    border-top: 1px solid #EEF1F4;
    color: #8A94A3;
    font-size: 12px;
    margin-top: 22px;
    padding-top: 18px;
    text-align: center;
}

.oc-login-legal a {
    color: #6B7583;
}

@media (max-width: 479px) {
    .oc-login-overlay {
        padding: 18px 12px;
    }

    .oc-login-card {
        padding: 26px 20px 22px !important;
    }

    .oc-login-logo {
        max-height: 62px;
        max-width: 210px;
    }
}

/* Login route-map background - reversible block */
.oc-login-page {
    background-color: #EEF2F6 !important;
    background-image:
        linear-gradient(180deg, rgba(255, 255, 255, 0.38), rgba(238, 242, 246, 0.72)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='900' viewBox='0 0 1440 900'%3E%3Crect width='1440' height='900' fill='%23EEF2F6'/%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M-80 170 C180 110 250 310 470 250 S810 75 1050 155 S1290 345 1510 250' stroke='%239AA6B2' stroke-width='2.5' opacity='.42'/%3E%3Cpath d='M-40 620 C170 520 320 680 530 575 S880 390 1090 475 S1290 640 1500 560' stroke='%239AA6B2' stroke-width='2.5' opacity='.36'/%3E%3Cpath d='M120 880 C250 660 420 720 540 520 S780 250 980 315 S1260 215 1420 70' stroke='%238E9AA8' stroke-width='2.5' opacity='.32'/%3E%3Cpath d='M230 165 L360 245 L515 225 L675 310 L820 255 L980 325 L1125 300 L1265 385' stroke='%23FEAD4A' stroke-width='4' opacity='.30'/%3E%3Cpath d='M190 430 L340 390 L485 470 L650 430 L780 510 L965 455 L1110 535 L1285 490' stroke='%23FEAD4A' stroke-width='4' opacity='.24'/%3E%3C/g%3E%3Cg fill='%23FFFFFF' stroke='%238E9AA8' stroke-width='2.2' opacity='.78'%3E%3Ccircle cx='230' cy='165' r='6'/%3E%3Ccircle cx='515' cy='225' r='6'/%3E%3Ccircle cx='820' cy='255' r='6'/%3E%3Ccircle cx='1125' cy='300' r='6'/%3E%3Ccircle cx='340' cy='390' r='5'/%3E%3Ccircle cx='650' cy='430' r='5'/%3E%3Ccircle cx='965' cy='455' r='5'/%3E%3Ccircle cx='1285' cy='490' r='5'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.oc-login-overlay {
    background: rgba(245, 247, 250, 0.12) !important;
}

.oc-login-card {
    box-shadow: 0 18px 44px rgba(35, 45, 58, 0.16) !important;
}

/* Header visual refresh - reversible block */
.navbar {
    background: #ef9866 !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.16);
}

.navbar-brand,
.navbar-brand:hover,
.navbar-brand:focus,
.navbar-brand.noBg {
    align-items: center;
    background: transparent !important;
    background-image: none !important;
    color: #FFFFFF !important;
    display: flex;
    gap: 9px;
    justify-content: flex-start;
    line-height: 40px;
    padding: 0 14px !important;
    text-align: left;
    text-decoration: none;
}

.navbar-brand:hover,
.navbar-brand:focus {
    background: transparent !important;
    gap: 9px;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.navbar-brand .navbar-brand-mark {
    display: inline-block;
    flex: 0 0 auto;
    height: 24px;
    margin: 0 !important;
    max-width: 28px;
    object-fit: contain;
    transform: none !important;
    width: auto;
}

.navbar-brand:hover .navbar-brand-mark,
.navbar-brand:focus .navbar-brand-mark {
    height: 24px;
    margin: 0 !important;
    max-width: 28px;
    transform: none !important;
    width: auto;
}

.navbar-brand span {
    color: #FFFFFF !important;
    font-family: Cabin, sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navbar-brand:hover span,
.navbar-brand:focus span {
    margin: 0 !important;
    transform: none !important;
}

a#main-menu-toggle,
a#main-menu-toggle.close {
    background: rgba(0, 0, 0, 0.10) !important;
    background-image: none !important;
    color: #FFFFFF !important;
}

a#main-menu-toggle:hover,
a#main-menu-toggle:focus {
    background: rgba(0, 0, 0, 0.20) !important;
}

.header-nav {
    background: transparent !important;
}

.header-nav a.btn,
.header-nav a.btn:hover,
.header-nav a.btn:focus,
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background: transparent !important;
    background-image: none !important;
    color: #FFFFFF !important;
}

.header-nav a.btn.account {
    align-items: center;
    border-left: 1px solid rgba(255, 255, 255, 0.18);
    display: flex;
    gap: 8px;
    height: 40px;
    margin: 0;
    max-width: 260px;
    padding: 4px 14px !important;
}

.header-nav a.btn.account:hover,
.header-nav a.btn.account:focus {
    background: rgba(0, 0, 0, 0.16) !important;
}

.header-nav a.btn.account .avatar {
    flex: 0 0 28px;
    float: none;
    height: 28px;
    padding-right: 0;
    width: 28px;
}

.header-nav a.btn.account .avatar img {
    background: transparent !important;
    border-radius: 0;
    height: 28px !important;
    margin: 0 !important;
    max-width: 28px;
    object-fit: contain;
    opacity: 1 !important;
    padding: 0;
    transform: none !important;
    width: 28px !important;
}

.header-nav a.btn.account .user {
    display: block;
    flex: 1 1 auto;
    line-height: 14px;
    margin-top: 0;
    min-width: 0;
    text-align: left;
}

.header-nav a.btn.account .user .hello,
.header-nav a.btn.account .user .name {
    color: #FFFFFF !important;
    display: block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-nav a.btn.account .user .hello {
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
}

.header-nav a.btn.account .user .name {
    font-size: 11px;
    line-height: 14px;
    margin-top: 0 !important;
    opacity: 0.78;
}

.div_demo {
    color: #FFFFFF;
    font-weight: 600;
    text-shadow: none;
}

@media (max-width: 767px) {
    .navbar .container {
        min-height: 40px;
        position: relative;
    }

    .navbar-brand,
    .navbar-brand:hover,
    .navbar-brand:focus {
        float: none !important;
        height: 40px;
        left: 0 !important;
        margin: 0 !important;
        max-width: calc(100% - 74px);
        position: absolute !important;
        padding-right: 8px !important;
        top: 0 !important;
        transform: none !important;
        width: calc(100% - 74px) !important;
        z-index: 1;
    }

    .navbar-brand span {
        font-size: 14px;
    }

    .navbar-brand .navbar-brand-mark {
        height: 22px;
    }

    .navbar-brand:hover .navbar-brand-mark,
    .navbar-brand:focus .navbar-brand-mark {
        height: 22px;
    }

    .navbar-toggle {
        display: block;
        height: 40px;
        margin: 0;
        padding: 9px 12px;
        position: absolute;
        right: 8px;
        top: 0;
        width: 44px;
        z-index: 1001;
    }
}

@media (min-width: 992px) {
    .navbar-brand,
    .navbar-brand:hover,
    .navbar-brand:focus {
        padding-left: 50px !important;
    }
}

/* Professional minimal UI refresh points 1-5 - reversible block */
body {
    color: #2F3844;
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
    font-size: 13px;
    letter-spacing: 0;
}

a {
    color: #2F3844;
}

h1,
h2,
h3,
h4,
h5,
h6,
.box .box-header h2 {
    color: #202A36;
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 0;
}

#content {
    background: #F5F7FA;
}

.container .breadcrumb,
.breadcrumb {
    background: #F5F7FA;
    border-bottom: 1px solid #E3E8EF;
    color: #697586;
    min-height: 42px;
}

.breadcrumb > li,
.breadcrumb > li a {
    color: #526071;
    font-size: 12px;
}

.breadcrumb > .active {
    color: #202A36;
}

.navbar {
    background: #ef9866 !important;
    background-image: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10) !important;
    box-shadow: 0 1px 6px rgba(17, 24, 39, 0.14);
}

.navbar a,
.navbar a:hover,
.navbar a:focus {
    text-decoration: none;
}

.navbar-brand,
.navbar-brand:hover,
.navbar-brand:focus,
.navbar-brand.noBg {
    background: transparent !important;
    background-image: none !important;
    color: #FFFFFF !important;
}

a#main-menu-toggle,
a#main-menu-toggle.close,
.header-nav a.btn,
.header-nav a.btn:hover,
.header-nav a.btn:focus {
    background-image: none !important;
}

.box {
    background: #FFFFFF;
    border: 1px solid #E1E6EE;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
    margin-bottom: 22px;
    overflow: hidden;
}

.box .box-header {
    background: #FFFFFF;
    border-bottom: 1px solid #E6EAF0;
    color: #202A36;
    height: auto;
    min-height: 44px;
}

.box .box-header h2 {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 12px 14px;
}

.box .box-header h2 i {
    border-right: 0;
    color: #7A8594;
    height: auto;
    margin: 0 8px 0 0;
    padding: 0;
    width: auto;
}

.box .box-header h2 .break {
    display: none;
}

.box .box-header .box-icon i {
    border-left: 1px solid #E6EAF0;
    color: #7A8594;
    height: 44px;
    padding: 14px 0;
    width: 42px;
}

.box .box-header .box-icon i:hover {
    background: #F8FAFC;
    color: #202A36;
}

.box .box-content {
    background: #FFFFFF;
    padding: 14px;
}

.box .box-content[style*="display: none"] {
    padding: 14px;
}

.box .box-content > form > table.table,
.box .box-content > table.table:first-child {
    border-collapse: separate;
    border-spacing: 0 10px;
}

.box .box-content > form > table.table > tbody > tr > td,
.box .box-content > table.table:first-child > tbody > tr > td {
    border: 0;
    padding: 4px 8px;
    vertical-align: middle;
}

.form-control,
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select {
    border-color: #D7DEE8;
    border-radius: 5px;
    box-shadow: none;
    color: #2F3844;
}

.form-control:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
select:focus {
    border-color: #fec97d;
    box-shadow: 0 0 0 2px rgba(94, 159, 204, 0.14);
    outline: 0;
}

.input-group-addon {
    background: #F8FAFC;
    border-color: #D7DEE8;
    color: #7A8594;
}

.chosen-container .chosen-single,
.chosen-container-multi .chosen-choices {
    background: #FFFFFF !important;
    border-color: #D7DEE8 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    color: #2F3844;
}

.table {
    background: #FFFFFF;
    color: #2F3844;
    font-size: 12px;
}

.table > thead > tr > th {
    background: #F8FAFC;
    border-bottom: 1px solid #DDE4EE !important;
    color: #526071;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
    border-color: #E8EDF3;
    padding: 9px 10px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #FBFCFE;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th,
.table > tbody > tr:hover > td {
    background-color: #F4F8FC;
}

.table .btn,
.table .btn-sm,
.table .btn-xs {
    border-radius: 4px;
    box-shadow: none;
}

.btn {
    border-radius: 5px;
    box-shadow: none;
    font-weight: 500;
    letter-spacing: 0;
}

.btn-primary {
    background: #fec97d !important;
    border-color: #fec97d !important;
    color: #FFFFFF !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #fead4a !important;
    border-color: #fead4a !important;
    color: #FFFFFF !important;
}

.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-default,
.btn-inverse {
    border-width: 1px;
}

.nav-tabs > li > a {
    border-radius: 0;
    color: #526071;
}

.box-header .nav-tabs li a {
    border-left: 1px solid #E6EAF0;
    color: #526071;
    font-size: 13px;
}

.box-header .nav-tabs li.active > a {
    background: #F8FAFC;
    color: #202A36;
}

@media (max-width: 767px) {
    .box {
        border-radius: 5px;
        margin-bottom: 16px;
    }

    .box .box-content {
        padding: 10px;
    }

    .box .box-content > form > table.table,
    .box .box-content > table.table:first-child {
        border-spacing: 0 8px;
    }

    .table thead > tr > th,
    .table tbody > tr > td {
        padding: 8px;
    }
}

/* Professional minimal UI refresh points 7-10 - reversible block */
#sidebar-left {
    background: #EEF2F6;
    border-right: 1px solid #DDE4EE;
}

.sidebar-nav > ul {
    background: transparent;
    font-size: 13px !important;
    margin: 0;
}

.nav.main-menu > li {
    margin-top: 0;
}

.nav.main-menu > li > a,
.nav.main-menu > li > ul > li > a,
.nav.main-menu > li > ul > li > ul > li > a,
.nav.main-menu > li > ul > li > ul > li > ul > li > a {
    background: transparent;
    border-bottom: 1px solid #DDE4EE;
    color: #526071;
    font-weight: 500;
    padding: 0;
}

.nav.main-menu > li > a:hover,
.nav.main-menu > li > ul > li > a:hover,
.nav.main-menu > li > ul > li > ul > li > a:hover,
.nav.main-menu > li > ul > li > ul > li > ul > li > a:hover,
.nav.main-menu > li.active > a,
.nav.main-menu > li > ul > li.active > a,
.nav.main-menu > li > ul > li > ul > li.active > a,
.nav.main-menu > li > ul > li > ul > li > ul > li.active > a {
    background: #FFFFFF;
    color: #202A36;
}

.nav.main-menu > li > a > i,
.nav.main-menu > li > ul > li > a > i,
.nav.main-menu > li > ul > li > ul > li > a > i,
.nav.main-menu > li > ul > li > ul > li > ul > li > a > i {
    border-right: 1px solid #DDE4EE;
    color: #7A8594;
    margin-right: 10px;
    width: 40px;
}

.nav.main-menu > li > a:hover > i,
.nav.main-menu > li.active > a > i {
    color: #fec97d;
}

.nav.main-menu > li > a .text,
.nav.main-menu > li > ul > li > a .text,
.nav.main-menu > li > ul > li > ul > li > a .text {
    color: inherit;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.nav.main-menu > li > a .chevron {
    color: #9AA4B2 !important;
    top: 1px;
}

#sidebar-left.minified {
    background: #EEF2F6;
}

#sidebar-left.minified .sidebar-nav > ul > li > a,
#sidebar-left.minified .sidebar-nav > ul > li > a:hover {
    width: 40px;
}

#sidebar-left.minified .sidebar-nav > ul > li > a .text,
#sidebar-left.minified .sidebar-nav > ul > li:hover > a .text {
    background: #FFFFFF;
    border: 1px solid #DDE4EE;
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.12);
    color: #202A36;
    left: 39px;
    padding: 10px 14px;
}

#sidebar-left.minified .sidebar-nav > ul > li:hover > ul {
    background: #FFFFFF;
    border: 1px solid #DDE4EE;
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.12);
    left: 39px;
}

#sidebar-left.minified .sidebar-nav > ul > li:hover > ul > li > a {
    align-items: center;
    display: flex;
}

#sidebar-left.minified .sidebar-nav > ul > li:hover > ul > li > a .text {
    line-height: normal;
}

#main-menu-min {
    border-bottom-color: #DDE4EE;
    margin: 24px 0;
}

#main-menu-min i {
    background: #DDE4EE;
    color: #526071;
}

.oc-login-card {
    box-shadow: 0 22px 60px rgba(17, 24, 39, 0.24);
}

.oc-login-submit {
    text-transform: none;
}

.oc-login-field .form-control::placeholder {
    color: #8A94A3;
}

#map_camino,
#mapmobile {
    border: 1px solid #DDE4EE;
    border-radius: 6px;
    overflow: hidden;
}

#map_camino {
    min-height: 520px;
}

#mapmobile {
    min-height: 420px;
}

.legenda_mapa {
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #DDE4EE;
    border-radius: 6px;
    color: #526071;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
    margin: 12px 0 18px;
    padding: 10px 12px;
}

.legenda_mapa img {
    height: 30px;
    object-fit: contain;
    width: auto !important;
}

.panel-body {
    background: #FFFFFF;
}

.showHideRoute {
    align-items: center;
    display: flex;
    gap: 6px;
    padding: 5px 10px 0 0;
}

.showHideRoute .btn,
.showHideRoute a.btn {
    min-width: 34px;
}

.camino-workflow-table {
    border: 1px solid #E8EDF3;
    border-radius: 6px;
    overflow: hidden;
}

.camino-workflow-table > thead > tr > th {
    background: #F8FAFC;
}

#container_reasignar_paradas .box {
    margin-top: 10px;
}

.box-footer {
    background: #FFFFFF;
    border-top: 1px solid #E6EAF0;
    padding: 12px 14px;
}

@media (max-width: 991px) {
    #content {
        padding: 18px;
    }

    .container #content {
        padding: 18px;
    }

    .box .box-header h2 {
        max-width: calc(100% - 46px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .box-header .nav-tabs {
        clear: both;
        float: none;
        width: 100%;
    }

    .box-header .nav-tabs li a {
        border-top: 1px solid #E6EAF0;
    }

    .table-responsive,
    .box-content {
        overflow-x: auto;
    }

    .table {
        min-width: 720px;
    }
}

@media (max-width: 767px) {
    body {
        background: #F5F7FA;
    }

    #content,
    .container #content {
        padding: 10px;
    }

    #sidebar-left {
        background: #FFFFFF;
        border-bottom: 1px solid #DDE4EE;
        border-right: 0;
    }

    .sidebar-nav > ul {
        background: #FFFFFF;
    }

    .nav.main-menu > li > a,
    .nav.main-menu > li > ul > li > a,
    .nav.main-menu > li > ul > li > ul > li > a,
    .nav.main-menu > li > ul > li > ul > li > ul > li > a {
    }

    .nav.main-menu > li > a > i,
    .nav.main-menu > li > ul > li > a > i,
    .nav.main-menu > li > ul > li > ul > li > a > i,
    .nav.main-menu > li > ul > li > ul > li > ul > li > a > i {
    }

    .box .box-header {
        min-height: 42px;
    }

    .box .box-header h2 {
        font-size: 13px;
        line-height: 18px;
        padding: 12px 10px;
    }

    .box .box-header .box-icon i {
        height: 42px;
        padding: 13px 0;
    }

    .box .box-content > form > table.table,
    .box .box-content > table.table:first-child {
        min-width: 0;
        width: 100%;
    }

    .box .box-content > form > table.table > tbody > tr,
    .box .box-content > table.table:first-child > tbody > tr {
        display: block;
    }

    .box .box-content > form > table.table > tbody > tr > td,
    .box .box-content > table.table:first-child > tbody > tr > td {
        display: block;
        padding: 5px 0;
        width: 100%;
    }

    .form-control,
    .input-group,
    .chosen-container {
        max-width: 100%;
        width: 100% !important;
    }

    .searchDatePicker {
        max-width: 100%;
        width: 100%;
    }

    .pull-right {
        float: none !important;
        margin: 8px 0;
        text-align: left;
        width: auto;
    }

    .btn,
    .btn-sm,
    .btn-xs {
        margin-bottom: 4px;
        white-space: normal;
    }

    #map_camino,
    #mapmobile {
        border-radius: 5px;
        min-height: 360px;
    }

    .legenda_mapa {
        align-items: flex-start;
        display: block;
        font-size: 12px;
        line-height: 20px;
    }

    .legenda_mapa img {
        height: 24px;
        margin: 3px 6px 3px 0;
    }

    .showHideRoute {
        clear: both;
        justify-content: flex-start;
        padding: 6px 10px 8px;
    }

    .oc-login-overlay {
        align-items: flex-start;
        padding-top: 32px;
    }
}

@media (max-width: 479px) {
    .table {
        font-size: 11px;
        min-width: 640px;
    }

    .box .box-content {
        padding: 9px;
    }

    #map_camino,
    #mapmobile {
        min-height: 320px;
    }
}

/* Point 1 final header polish - reversible block */
header.navbar {
    background: #ef9866 !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: 0 1px 6px rgba(17, 24, 39, 0.14);
    min-height: 40px;
}

header.navbar > .container {
    min-height: 40px;
    position: relative;
}

header.navbar .navbar-brand,
header.navbar .navbar-brand:hover,
header.navbar .navbar-brand:focus,
header.navbar .navbar-brand.noBg {
    align-items: center;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box;
    color: #FFFFFF !important;
    display: flex;
    gap: 9px;
    height: 40px !important;
    line-height: 40px !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    text-align: left !important;
    text-decoration: none !important;
    transform: none !important;
}

header.navbar .navbar-brand .navbar-brand-mark,
header.navbar .navbar-brand:hover .navbar-brand-mark,
header.navbar .navbar-brand:focus .navbar-brand-mark {
    display: inline-block;
    flex: 0 0 auto;
    height: 24px;
    margin: 0 !important;
    max-height: 24px;
    max-width: 28px;
    object-fit: contain;
    padding: 0 !important;
    transform: none !important;
    width: auto;
}

header.navbar .navbar-brand span,
header.navbar .navbar-brand:hover span,
header.navbar .navbar-brand:focus span {
    color: #FFFFFF !important;
    display: block;
    font-family: Cabin, "Roboto", Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 40px;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    text-overflow: ellipsis;
    transform: none !important;
    white-space: nowrap;
}

header.navbar a#main-menu-toggle,
header.navbar a#main-menu-toggle.close,
header.navbar a#main-menu-toggle:hover,
header.navbar a#main-menu-toggle:focus {
    background: rgba(0, 0, 0, 0.10) !important;
    background-image: none !important;
    color: #FFFFFF !important;
    height: 40px;
    left: 0;
    top: 0;
    transform: none !important;
    width: 40px;
}

header.navbar .header-nav {
    background: transparent !important;
}

header.navbar .header-nav a.btn,
header.navbar .header-nav a.btn:hover,
header.navbar .header-nav a.btn:focus,
header.navbar .navbar .nav li.dropdown.open > .dropdown-toggle,
header.navbar .navbar .nav li.dropdown.active > .dropdown-toggle {
    background: transparent !important;
    background-image: none !important;
    color: #FFFFFF !important;
    transform: none !important;
}

header.navbar .header-nav a.btn.account,
header.navbar .header-nav a.btn.account:hover,
header.navbar .header-nav a.btn.account:focus {
    align-items: center;
    background: transparent !important;
    border-left: 1px solid rgba(255, 255, 255, 0.18);
    display: flex;
    gap: 8px;
    height: 40px !important;
    margin: 0 !important;
    max-width: 260px;
    padding: 4px 14px !important;
    transform: none !important;
}

header.navbar .header-nav a.btn.account .avatar {
    flex: 0 0 28px;
    float: none !important;
    height: 28px;
    margin: 0 !important;
    padding: 0 !important;
    width: 28px !important;
}

header.navbar .header-nav a.btn.account .avatar img {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block;
    height: 28px !important;
    margin: 0 !important;
    max-height: 28px;
    max-width: 28px;
    object-fit: contain;
    opacity: 1 !important;
    padding: 0 !important;
    transform: none !important;
    width: 28px !important;
}

header.navbar .header-nav a.btn.account .user {
    flex: 1 1 auto;
    line-height: 14px;
    margin: 0 !important;
    min-width: 0;
    padding: 0 !important;
    text-align: left;
}

header.navbar .header-nav a.btn.account .user .hello,
header.navbar .header-nav a.btn.account .user .name {
    color: #FFFFFF !important;
    display: block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

header.navbar .header-nav a.btn.account .user .hello {
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
}

header.navbar .header-nav a.btn.account .user .name {
    font-size: 11px;
    line-height: 14px;
    margin-top: 0 !important;
    opacity: 0.78;
}

@media (min-width: 768px) {
    header.navbar .navbar-brand,
    header.navbar .navbar-brand:hover,
    header.navbar .navbar-brand:focus {
        padding-left: 50px !important;
        padding-right: 14px !important;
    }
}

@media (max-width: 767px) {
    header.navbar .navbar-brand,
    header.navbar .navbar-brand:hover,
    header.navbar .navbar-brand:focus {
        float: none !important;
        left: 0 !important;
        margin-left: 0 !important;
        max-width: calc(100% - 74px);
        padding-left: 14px !important;
        padding-right: 8px !important;
        position: absolute !important;
        top: 0 !important;
        width: calc(100% - 74px) !important;
        z-index: 1;
    }

    header.navbar .navbar-brand .navbar-brand-mark,
    header.navbar .navbar-brand:hover .navbar-brand-mark,
    header.navbar .navbar-brand:focus .navbar-brand-mark {
        height: 22px;
        max-height: 22px;
    }

    header.navbar .navbar-brand span,
    header.navbar .navbar-brand:hover span,
    header.navbar .navbar-brand:focus span {
        font-size: 14px;
    }

    header.navbar .navbar-toggle,
    header.navbar .navbar-toggle:hover,
    header.navbar .navbar-toggle:focus {
        background: transparent !important;
        border: 0 !important;
        display: block;
        height: 40px;
        margin: 0 !important;
        padding: 9px 12px !important;
        position: absolute;
        right: 8px;
        top: 0;
        transform: none !important;
        width: 44px;
        z-index: 1001;
    }
}

/* Form controls stacking fix - reversible block */
.box,
.box .box-content,
.camino-workflow-table,
#container_reasignar_paradas,
#container_reasignar_paradas .box,
#container_reasignar_paradas .box-content,
#section_nueva_asignacion,
#section_paradas_pendientes {
    overflow: visible !important;
}

.form-group,
.input-group,
.chosen-container,
.select2-container,
.searchDatePicker,
.camino-workflow-table td {
    position: relative;
}

.form-control,
input,
select,
textarea,
.chosen-container,
.select2-container {
    position: relative;
    z-index: 20;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus,
.chosen-container-active,
.chosen-container.chosen-with-drop,
.select2-container-active,
.select2-dropdown-open {
    z-index: 10050 !important;
}

.chosen-container .chosen-drop,
.chosen-container-single .chosen-drop,
.chosen-container-active .chosen-drop,
.chosen-container.chosen-with-drop .chosen-drop,
.select2-drop,
.select2-drop-active,
.select2-drop-mask {
    z-index: 10060 !important;
}

/* Chofer form specialty select opens upward - reversible block */
.chofer-especialidad-group .chosen-container .chosen-drop,
.chofer-especialidad-group .chosen-container-single .chosen-drop {
    top: auto !important;
    bottom: 100% !important;
    border-top: 1px solid #D7DEE8 !important;
    border-bottom: 0 !important;
    border-radius: 3px 3px 0 0 !important;
    margin-bottom: -1px !important;
}

/* Table/action headers white background - reversible block */
.box .box-header,
.box-header,
.box-header .nav-tabs,
.box-header .nav-tabs li,
.box-header .nav-tabs li a,
.box-header .nav-tabs li.active > a,
.box-header .nav-tabs li.active > a:hover,
.box-header .nav-tabs li.active > a:focus,
.table > thead > tr > th,
.table > thead > tr > td {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
}

.box-header .btn,
.box-header a.btn,
.box-header .nav-tabs li a {
    box-shadow: none;
}

/* Tables horizontal separators only - reversible block */
.table,
.table-bordered {
    border: 0 !important;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td,
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
    border: 0 !important;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    background: #FFFFFF !important;
    border: 0 !important;
    border-bottom: 1px solid #DDE4EE !important;
    color: #526071;
    font-size: 11px;
    font-weight: 600;
    padding: 10px 12px;
    text-transform: uppercase;
}

.table > tbody > tr > th,
.table > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td {
    border: 0 !important;
    border-bottom: 1px solid #E8EDF3 !important;
    padding: 10px 12px;
}

.table > tbody > tr:hover > td,
.table-bordered > tbody > tr:hover > td {
    background: #F6F9FC !important;
}

/* Active tabs emphasis for Caminos/Paradas - reversible block */
.box-header .nav-tabs,
.box-header #recent.nav-tabs {
    border-bottom: 1px solid #DDE4EE !important;
}

.box-header .nav-tabs > li > a,
.box-header #recent.nav-tabs > li > a {
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    color: #6B7787 !important;
    font-weight: 600;
    margin-bottom: -1px;
    transform: none !important;
}

.box-header .nav-tabs > li > a:hover,
.box-header .nav-tabs > li > a:focus,
.box-header #recent.nav-tabs > li > a:hover,
.box-header #recent.nav-tabs > li > a:focus {
    background: #F6F9FC !important;
    border-bottom-color: #B8C5D6 !important;
    color: #2F3B49 !important;
    transform: none !important;
}

.box-header .nav-tabs > li.active > a,
.box-header .nav-tabs > li.active > a:hover,
.box-header .nav-tabs > li.active > a:focus,
.box-header #recent.nav-tabs > li.active > a,
.box-header #recent.nav-tabs > li.active > a:hover,
.box-header #recent.nav-tabs > li.active > a:focus {
    background: #F6F7F8 !important;
    border: 0 !important;
    border-bottom: 3px solid #7C848D !important;
    color: #34383C !important;
    font-weight: 700;
    transform: none !important;
}

.box-header .nav-tabs > li.active > a i,
.box-header #recent.nav-tabs > li.active > a i {
    color: #7C848D !important;
}

/* Professional minimal consolidation - 10 points reversible block */
body,
#content {
    color: #34383C;
}

a {
    color: #34383C;
}

a:hover,
a:focus {
    color: #202A36;
}

.box {
    background: #FFFFFF !important;
    border: 1px solid #E1E6EE !important;
    box-shadow: none !important;
}

.box .box-header,
.box-header {
    background: #FFFFFF !important;
    border-bottom: 1px solid #E6EAF0 !important;
    box-shadow: none !important;
    color: #34383C;
}

.box .box-header h2,
.box-header h2,
.box .box-header h2 i,
.box-header h2 i {
    color: #34383C !important;
}

.box .box-content {
    background: #FFFFFF !important;
}

.form-control,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="date"],
input[type="time"],
select,
textarea,
.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices,
.select2-container .select2-choice {
    background: #FFFFFF !important;
    border: 1px solid #D7DEE8 !important;
    box-shadow: none !important;
    color: #2F3844 !important;
}

.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
select:focus,
textarea:focus,
.chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices,
.select2-container-active .select2-choice {
    border-color: #9AA4B2 !important;
    box-shadow: 0 0 0 2px rgba(154, 164, 178, 0.16) !important;
    outline: 0 !important;
}

label,
.control-label,
.help-block {
    color: #526071;
}

.btn,
a.btn,
button.btn {
    border-radius: 3px !important;
    box-shadow: none !important;
    font-weight: 600;
    text-shadow: none !important;
    transform: none !important;
}

.btn:hover,
.btn:focus,
a.btn:hover,
a.btn:focus,
button.btn:hover,
button.btn:focus {
    box-shadow: none !important;
    transform: none !important;
}

.btn-default,
.btn-secondary,
.btn.btn-default,
a.btn-default {
    background: #FFFFFF !important;
    border-color: #D7DEE8 !important;
    color: #34383C !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.btn.btn-default:hover,
a.btn-default:hover {
    background: #F8FAFC !important;
    border-color: #B8C5D6 !important;
    color: #202A36 !important;
}

.btn-info,
a.btn-info {
    background: #7C848D !important;
    border-color: #7C848D !important;
    color: #FFFFFF !important;
}

.btn-info:hover,
.btn-info:focus,
a.btn-info:hover,
a.btn-info:focus {
    background: #6B7583 !important;
    border-color: #6B7583 !important;
}

.btn-success,
a.btn-success {
    box-shadow: none !important;
}

.btn-warning,
a.btn-warning {
    background: #FEAD4A !important;
    border-color: #FEAD4A !important;
    color: #FFFFFF !important;
}

.btn-danger,
a.btn-danger,
button.btn-danger,
span.btn-danger {
    background: #FFFFFF !important;
    border-color: #D9534F !important;
    color: #D9534F !important;
}

.table .btn,
.table a.btn,
.box-header .btn,
.box-header a.btn {
    line-height: 1.2;
    padding: 5px 8px !important;
}

.table,
.table-bordered,
.table-striped {
    background: #FFFFFF !important;
    color: #34383C;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th {
    color: #34383C;
    vertical-align: middle !important;
}

.table > tbody > tr:hover > td,
.table-bordered > tbody > tr:hover > td,
.table-striped > tbody > tr:hover > td {
    background: #F8FAFC !important;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background: #FFFFFF !important;
}

.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
    background: #FBFCFE !important;
}

#sidebar-left,
.sidebar-nav,
.sidebar-nav > ul,
.nav.main-menu {
    background: #F5F7FA !important;
}

.nav.main-menu > li > a,
.nav.main-menu > li > ul > li > a,
.nav.main-menu > li > ul > li > ul > li > a {
    background: transparent !important;
    border-color: #E6EAF0 !important;
    color: #526071 !important;
    text-shadow: none !important;
}

.nav.main-menu > li > a:hover,
.nav.main-menu > li > a:focus,
.nav.main-menu > li.active > a,
.nav.main-menu > li.open > a,
.nav.main-menu > li > ul > li > a:hover,
.nav.main-menu > li > ul > li.active > a,
.nav.main-menu > li > ul > li.open > a {
    background: #FFFFFF !important;
    color: #202A36 !important;
}

.nav.main-menu > li.active > a,
.nav.main-menu > li > ul > li.active > a {
    border-left: 3px solid #7C848D !important;
    font-weight: 700;
}

.nav.main-menu i,
.btn i,
.box-header i,
.table i {
    text-shadow: none !important;
}

.nav.main-menu > li > a i,
.nav.main-menu > li > ul > li > a i {
    color: #7C848D !important;
}

.dropdown-menu,
.chosen-container .chosen-drop,
.select2-drop,
.datepicker,
.modal-content {
    border: 1px solid #DDE4EE !important;
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.12) !important;
}

.modal-header,
.modal-footer {
    background: #FFFFFF !important;
    border-color: #E6EAF0 !important;
}

.alert {
    border-radius: 3px !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.label,
.badge {
    border-radius: 3px !important;
    font-weight: 600;
    text-shadow: none !important;
}

/* Hide Chosen retina sprite in par_id combo - reversible block */
#par_id_chosen.chosen-container-single .chosen-search input[type="text"],
#par_id_chosen.chosen-container-single .chosen-single abbr,
#par_id_chosen.chosen-container-single .chosen-single div b,
#par_id_chosen.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
    background-image: none !important;
    background-repeat: repeat !important;
    background-size: auto !important;
}

/* Button hierarchy: global actions vs table actions - reversible block */
.table .btn,
.table a.btn,
.table button.btn,
.camino-workflow-table .btn,
.camino-workflow-table a.btn,
.camino-workflow-table button.btn {
    background: #FFFFFF !important;
    border: 1px solid #D7DEE8 !important;
    box-shadow: none !important;
    color: #34383C !important;
    line-height: 1.2;
    min-height: 28px;
    padding: 5px 8px !important;
    text-shadow: none !important;
}

.table .btn:hover,
.table .btn:focus,
.table a.btn:hover,
.table a.btn:focus,
.table button.btn:hover,
.table button.btn:focus,
.camino-workflow-table .btn:hover,
.camino-workflow-table .btn:focus,
.camino-workflow-table a.btn:hover,
.camino-workflow-table a.btn:focus,
.camino-workflow-table button.btn:hover,
.camino-workflow-table button.btn:focus {
    background: #F8FAFC !important;
    border-color: #B8C5D6 !important;
    color: #202A36 !important;
}

.table .btn i,
.table a.btn i,
.table button.btn i,
.camino-workflow-table .btn i,
.camino-workflow-table a.btn i,
.camino-workflow-table button.btn i {
    color: inherit !important;
}

.table .btn-success,
.table a.btn-success,
.table button.btn-success,
.camino-workflow-table .btn-success,
.camino-workflow-table a.btn-success,
.camino-workflow-table button.btn-success {
    border-color: #78CD51 !important;
    color: #3E8E28 !important;
}

.table .btn-success:hover,
.table .btn-success:focus,
.table a.btn-success:hover,
.table a.btn-success:focus,
.table button.btn-success:hover,
.table button.btn-success:focus,
.camino-workflow-table .btn-success:hover,
.camino-workflow-table .btn-success:focus,
.camino-workflow-table a.btn-success:hover,
.camino-workflow-table a.btn-success:focus,
.camino-workflow-table button.btn-success:hover,
.camino-workflow-table button.btn-success:focus {
    background: #F3FAEF !important;
    border-color: #5EAD3F !important;
    color: #2F741F !important;
}

.table .btn-danger,
.table a.btn-danger,
.table button.btn-danger,
.table span.btn-danger,
.camino-workflow-table .btn-danger,
.camino-workflow-table a.btn-danger,
.camino-workflow-table button.btn-danger,
.camino-workflow-table span.btn-danger {
    background: #FFFFFF !important;
    border-color: #D9534F !important;
    color: #D9534F !important;
}

.table .btn-danger:hover,
.table .btn-danger:focus,
.table a.btn-danger:hover,
.table a.btn-danger:focus,
.table button.btn-danger:hover,
.table button.btn-danger:focus,
.table span.btn-danger:hover,
.table span.btn-danger:focus,
.camino-workflow-table .btn-danger:hover,
.camino-workflow-table .btn-danger:focus,
.camino-workflow-table a.btn-danger:hover,
.camino-workflow-table a.btn-danger:focus,
.camino-workflow-table button.btn-danger:hover,
.camino-workflow-table button.btn-danger:focus,
.camino-workflow-table span.btn-danger:hover,
.camino-workflow-table span.btn-danger:focus {
    background: #FFF5F5 !important;
    border-color: #C9302C !important;
    color: #C9302C !important;
}

.table .btn-warning,
.table a.btn-warning,
.table button.btn-warning,
.camino-workflow-table .btn-warning,
.camino-workflow-table a.btn-warning,
.camino-workflow-table button.btn-warning {
    border-color: #FEAD4A !important;
    color: #C77717 !important;
}

.table .btn-warning:hover,
.table .btn-warning:focus,
.table a.btn-warning:hover,
.table a.btn-warning:focus,
.table button.btn-warning:hover,
.table button.btn-warning:focus,
.camino-workflow-table .btn-warning:hover,
.camino-workflow-table .btn-warning:focus,
.camino-workflow-table a.btn-warning:hover,
.camino-workflow-table a.btn-warning:focus,
.camino-workflow-table button.btn-warning:hover,
.camino-workflow-table button.btn-warning:focus {
    background: #FFF8EF !important;
    border-color: #E89A31 !important;
    color: #9F5F12 !important;
}

.table .btn-info,
.table a.btn-info,
.table button.btn-info,
.table .btn-primary,
.table a.btn-primary,
.table button.btn-primary,
.camino-workflow-table .btn-info,
.camino-workflow-table a.btn-info,
.camino-workflow-table button.btn-info,
.camino-workflow-table .btn-primary,
.camino-workflow-table a.btn-primary,
.camino-workflow-table button.btn-primary {
    border-color: #9AA4B2 !important;
    color: #526071 !important;
}

.table .btn-info:hover,
.table .btn-info:focus,
.table a.btn-info:hover,
.table a.btn-info:focus,
.table button.btn-info:hover,
.table button.btn-info:focus,
.table .btn-primary:hover,
.table .btn-primary:focus,
.table a.btn-primary:hover,
.table a.btn-primary:focus,
.table button.btn-primary:hover,
.table button.btn-primary:focus,
.camino-workflow-table .btn-info:hover,
.camino-workflow-table .btn-info:focus,
.camino-workflow-table a.btn-info:hover,
.camino-workflow-table a.btn-info:focus,
.camino-workflow-table button.btn-info:hover,
.camino-workflow-table button.btn-info:focus,
.camino-workflow-table .btn-primary:hover,
.camino-workflow-table .btn-primary:focus,
.camino-workflow-table a.btn-primary:hover,
.camino-workflow-table a.btn-primary:focus,
.camino-workflow-table button.btn-primary:hover,
.camino-workflow-table button.btn-primary:focus {
    background: #F6F7F8 !important;
    border-color: #7C848D !important;
    color: #34383C !important;
}

.table .btn-inverse,
.table a.btn-inverse,
.table button.btn-inverse,
.camino-workflow-table .btn-inverse,
.camino-workflow-table a.btn-inverse,
.camino-workflow-table button.btn-inverse {
    border-color: #7C848D !important;
    color: #34383C !important;
}

.box-header .btn-default,
.box-header a.btn-default,
.box-header button.btn-default,
.pull-right .btn-default,
.pull-right a.btn-default,
.pull-right button.btn-default {
    background: #FFFFFF !important;
    border-color: #D7DEE8 !important;
    color: #34383C !important;
}

.box-header .btn-default:hover,
.box-header .btn-default:focus,
.box-header a.btn-default:hover,
.box-header a.btn-default:focus,
.box-header button.btn-default:hover,
.box-header button.btn-default:focus,
.pull-right .btn-default:hover,
.pull-right .btn-default:focus,
.pull-right a.btn-default:hover,
.pull-right a.btn-default:focus,
.pull-right button.btn-default:hover,
.pull-right button.btn-default:focus {
    background: #F8FAFC !important;
    border-color: #B8C5D6 !important;
    color: #202A36 !important;
}

/* Minimal refinement layer - reversible block */
#content {
    background: #F8FAFC;
}

.breadcrumb {
    background: transparent !important;
    border: 0 !important;
    color: #526071;
    font-size: 12px;
    margin-bottom: 18px;
    padding-left: 0 !important;
}

.breadcrumb > li,
.breadcrumb > li > a,
.breadcrumb > .active {
    color: #526071 !important;
    font-weight: 600;
}

.box .box-header h2,
.box-header h2 {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.box .box-header h2 .break,
.box-header h2 .break {
    display: none;
}

.box .box-header h2 i,
.box-header h2 i {
    color: #7A8594 !important;
    margin-right: 6px;
}

.box .box-content .row,
.box-content .row {
    margin-left: -10px;
    margin-right: -10px;
}

.box .box-content [class*="col-"],
.box-content [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.form-group,
.control-group {
    margin-bottom: 12px;
}

label,
.control-label {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 4px;
}

.help-block,
.help-inline {
    color: #7A8594;
    font-size: 12px;
}

.form-control,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="date"],
input[type="time"],
select,
textarea {
    border-radius: 3px !important;
    min-height: 32px;
}

textarea {
    line-height: 18px;
}

.input-group-addon {
    background: #F8FAFC !important;
    border-color: #D7DEE8 !important;
    color: #7A8594 !important;
    text-shadow: none !important;
}

.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices,
.select2-container .select2-choice {
    background: #FFFFFF !important;
    background-image: none !important;
    border-radius: 3px !important;
    min-height: 32px;
}

.chosen-container-single .chosen-single {
    line-height: 30px;
}

.chosen-container-single .chosen-single span {
    color: #2F3844;
    line-height: 30px;
}

.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-single abbr,
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close,
.select2-search input,
.select2-search-choice-close,
.select2-container .select2-choice abbr,
.select2-container .select2-choice .select2-arrow b {
    background-size: auto !important;
    background-repeat: no-repeat !important;
}

.chosen-container .chosen-results li,
.select2-results .select2-result-label {
    color: #34383C;
    line-height: 18px;
    padding: 7px 8px;
}

.chosen-container .chosen-results li.highlighted,
.select2-results .select2-highlighted {
    background: #F6F7F8 !important;
    background-image: none !important;
    color: #202A36 !important;
}

.chosen-container .chosen-results li.group-result {
    color: #526071;
    font-size: 12px;
    font-weight: 700;
    padding-top: 10px;
    text-transform: uppercase;
}

.chosen-container .chosen-results li.disabled-result {
    color: #9AA4B2;
}

.searchDatePicker {
    max-width: none;
}

.box-header .btn,
.box-header a.btn,
.box-header button.btn,
.pull-right .btn,
.pull-right a.btn,
.pull-right button.btn {
    margin-left: 4px;
}

.btn {
    border-radius: 3px !important;
    letter-spacing: 0;
}

.btn.btn-sm,
.btn-sm {
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px !important;
}

.btn.btn-xs,
.btn-xs {
    min-height: 24px;
    padding: 3px 6px !important;
}

.btn i {
    margin-right: 4px;
}

.btn-xs i,
.table .btn i,
.camino-workflow-table .btn i {
    margin-right: 0;
}

.btn:only-child i,
.btn-xs i:only-child,
.table .btn i:only-child {
    margin-right: 0;
}

.table {
    font-size: 12px;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    letter-spacing: 0;
    line-height: 16px;
    white-space: nowrap;
}

.table > tbody > tr > th,
.table > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td {
    line-height: 18px;
}

.table .label,
.table .badge {
    font-size: 10px;
    padding: 8px 8px;
}

.table .btn + .btn,
.table a.btn + a.btn,
.camino-workflow-table .btn + .btn,
.camino-workflow-table a.btn + a.btn {
    margin-left: 3px;
}

.modal-content {
    border-radius: 4px !important;
}

.modal-header {
    padding: 12px 16px;
}

.modal-header h3,
.modal-header h4,
.modal-title {
    color: #202A36;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.modal-body {
    color: #34383C;
    padding: 16px;
}

.modal-footer {
    padding: 12px 16px;
}

.dropdown-menu > li > a {
    color: #34383C;
    font-size: 12px;
    padding: 7px 12px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: #F8FAFC !important;
    color: #202A36 !important;
}

.alert {
    border: 1px solid transparent;
    font-size: 13px;
}

.alert h2,
.alert h3,
.alert h4 {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.alert-success {
    background: #F3FAEF !important;
    border-color: #DDEFD5 !important;
    color: #2F741F !important;
}

.alert-danger,
.alert-error {
    background: #FFF5F5 !important;
    border-color: #F1C7C5 !important;
    color: #A94442 !important;
}

.alert-warning {
    background: #FFF8EF !important;
    border-color: #F7D9B0 !important;
    color: #9F5F12 !important;
}

.alert-info {
    background: #F6F7F8 !important;
    border-color: #DDE4EE !important;
    color: #526071 !important;
}

.label-info,
.badge-info {
    background: #7C848D !important;
}

.label-success,
.badge-success {
    background: #5EAD3F !important;
}

.label-warning,
.badge-warning {
    background: #E89A31 !important;
}

.label-danger,
.label-important,
.badge-danger,
.badge-important {
    background: #D9534F !important;
}

hr {
    border-top-color: #E8EDF3;
}

@media (max-width: 767px) {
    .box .box-content {
        padding: 10px;
    }

    .box-header .pull-right,
    .pull-right {
        margin-top: 8px;
    }

    .box-header .btn,
    .box-header a.btn,
    .box-header button.btn {
        margin-bottom: 4px;
    }
}

/* Minimal footer polish - reversible block */
footer.footer2,
.footer2 {
    background: #FFFFFF !important;
    border-top: 1px solid #E8EDF3 !important;
    box-shadow: none !important;
    color: #526071 !important;
    font-size: 12px;
    line-height: 18px;
    margin: 0 !important;
    min-height: 42px;
    padding: 12px 24px !important;
    text-shadow: none !important;
}

footer.footer2 .row,
.footer2 .row {
    align-items: center;
    display: flex;
    margin-left: 0;
    margin-right: 0;
}

footer.footer2 [class*="col-"],
.footer2 [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

footer.footer2 a,
footer.footer2 a:visited,
.footer2 a,
.footer2 a:visited {
    color: #526071 !important;
    font-weight: 600;
    text-decoration: none !important;
}

footer.footer2 a:hover,
footer.footer2 a:focus,
.footer2 a:hover,
.footer2 a:focus {
    color: #202A36 !important;
    text-decoration: none !important;
}

footer.footer2 .text-right,
.footer2 .text-right {
    color: #526071 !important;
}

/* Content title spacing from sidebar - reversible block */
#content > .breadcrumb,
.container #content > .breadcrumb {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#content.sidebar-minified > .breadcrumb,
.container #content.sidebar-minified > .breadcrumb {
    margin-left: 0 !important;
}

/* Clear title hierarchy - reversible block */
#content > .breadcrumb,
.container #content > .breadcrumb {
    align-items: center;
    display: flex;
    min-height: 34px;
}

#content > .breadcrumb > li,
#content > .breadcrumb > li > a,
#content > .breadcrumb > .active,
.container #content > .breadcrumb > li,
.container #content > .breadcrumb > li > a,
.container #content > .breadcrumb > .active {
    color: #202A36 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
}

.box .box-header h2,
.box-header h2 {
    color: #34383C !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
}

.box .box-header h2 a,
.box-header h2 a {
    color: #34383C !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.box .box-header h2 i,
.box-header h2 i {
    color: #7A8594 !important;
    font-size: 14px !important;
}

/* Refined section title - reversible block */
#content > .breadcrumb,
.container #content > .breadcrumb {
    border-bottom: 0 !important;
    margin-bottom: 12px !important;
    min-height: 30px;
    padding-bottom: 2px !important;
}

#content > .breadcrumb > li,
#content > .breadcrumb > li > a,
#content > .breadcrumb > .active,
.container #content > .breadcrumb > li,
.container #content > .breadcrumb > li > a,
.container #content > .breadcrumb > .active {
    color: #2F3844 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 18px !important;
}

@media (max-width: 767px) {
    footer.footer2,
    .footer2 {
        padding: 10px 12px !important;
        text-align: center;
    }

    footer.footer2 .row,
    .footer2 .row {
        display: block;
    }

    footer.footer2 .text-right,
    .footer2 .text-right {
        text-align: center !important;
    }
}

/* Camino detalle clean background and route toggles - reversible block */
#feed,
.isfeed,
#feed ul#timeline,
.isfeed ul#timeline,
#feed ul#timeline li,
.isfeed ul#timeline li,
#feed ul#timeline li[style],
.isfeed ul#timeline li[style],
#feed ul#timeline li .title,
.isfeed ul#timeline li .title,
#feed ul#timeline li .row,
.isfeed ul#timeline li .row,
#feed ul#timeline li .row.desc,
.isfeed ul#timeline li .row.desc,
#feed ul#timeline li [id^="container_actions_"],
.isfeed ul#timeline li [id^="container_actions_"] {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
}

.box .box-header {
    position: relative;
}

.box .box-header .showHideRoute {
    align-items: center;
    display: flex;
    gap: 4px;
    height: 40px;
    margin: 0 42px 0 0 !important;
    max-height: 40px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.box .box-header .showHideRoute a[id^="ButtonNodeRouteShow_"],
.box .box-header .showHideRoute a[id^="ButtonNodeRouteHide_"],
.box .box-header .showHideRoute a[id^="ButtonNodeRouteShowReasignados_"],
.box .box-header .showHideRoute a[id^="ButtonNodeRouteHideReasignados_"],
.box .box-header .showHideRoute a[id^="ButtonNodeRouteToggle_"],
.box .box-header .showHideRoute a[id^="ButtonNodeRouteToggleReasignados_"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    line-height: 1 !important;
    margin: 0 !important;
    min-height: 28px;
    min-width: 28px;
    padding: 0 8px !important;
}

.box .box-header .box-icon {
    position: relative;
    z-index: 3;
}

.box .box-content {
    position: relative;
    z-index: 1;
}

/* Camino detalle action buttons minimal style - reversible block */
[id^="div_acciones_"] {
    align-items: center;
    display: inline-flex !important;
    flex-wrap: wrap;
    gap: 4px;
    vertical-align: middle;
}

[id^="div_acciones_"] .btn,
[id^="div_acciones_"] button.btn,
[id^="div_acciones_"] a.btn,
[id^="div_cambiar_"] .btn,
[id^="div_confirmada_"] .btn,
[id^="div_cancelada_"] .btn,
a[class*="parada_foto_"] {
    align-items: center;
    background: #FFFFFF !important;
    border: 1px solid #D7DEE8 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    color: #526071;
    display: inline-flex !important;
    font-size: 12px !important;
    height: 26px !important;
    justify-content: center;
    line-height: 1 !important;
    margin: 0 !important;
    min-height: 26px !important;
    min-width: 26px !important;
    padding: 0 6px !important;
    text-shadow: none !important;
    transform: none !important;
    vertical-align: middle;
}

[id^="div_acciones_"] .btn:hover,
[id^="div_acciones_"] .btn:focus,
[id^="div_cambiar_"] .btn:hover,
[id^="div_cambiar_"] .btn:focus,
[id^="div_confirmada_"] .btn:hover,
[id^="div_confirmada_"] .btn:focus,
[id^="div_cancelada_"] .btn:hover,
[id^="div_cancelada_"] .btn:focus,
a[class*="parada_foto_"]:hover,
a[class*="parada_foto_"]:focus {
    background: #F8FAFC !important;
    border-color: #B8C5D6 !important;
    color: #202A36 !important;
    outline: 0 !important;
}

[id^="div_acciones_"] .btn:before,
[id^="div_cambiar_"] .btn:before,
[id^="div_confirmada_"] .btn:before,
[id^="div_cancelada_"] .btn:before,
a[class*="parada_foto_"]:before {
    margin: 0 !important;
}

[id^="div_acciones_"] .btn-success,
[id^="div_confirmada_"] .btn-success {
    border-color: #78CD51 !important;
    color: #3E8E28 !important;
}

[id^="div_acciones_"] .btn-success:hover,
[id^="div_acciones_"] .btn-success:focus,
[id^="div_confirmada_"] .btn-success:hover,
[id^="div_confirmada_"] .btn-success:focus {
    background: #F3FAEF !important;
    border-color: #5EAD3F !important;
    color: #2F741F !important;
}

[id^="div_acciones_"] .btn-danger,
[id^="div_cancelada_"] .btn-danger {
    background: #FFFFFF !important;
    border-color: #D9534F !important;
    color: #D9534F !important;
}

[id^="div_acciones_"] .btn-danger:hover,
[id^="div_acciones_"] .btn-danger:focus,
[id^="div_cancelada_"] .btn-danger:hover,
[id^="div_cancelada_"] .btn-danger:focus {
    background: #FFF5F5 !important;
    border-color: #C9302C !important;
    color: #C9302C !important;
}

[id^="div_acciones_"] .btn-info,
[id^="div_acciones_"] .btn-inverse,
[id^="div_cambiar_"] .btn-inverse {
    border-color: #9AA4B2 !important;
    color: #526071 !important;
}

[id^="div_acciones_"] .btn-info:hover,
[id^="div_acciones_"] .btn-info:focus,
[id^="div_acciones_"] .btn-inverse:hover,
[id^="div_acciones_"] .btn-inverse:focus,
[id^="div_cambiar_"] .btn-inverse:hover,
[id^="div_cambiar_"] .btn-inverse:focus {
    background: #F6F7F8 !important;
    border-color: #7C848D !important;
    color: #34383C !important;
}

a[class*="parada_foto_"],
[id^="div_acciones_"] .btn-warning {
    border-color: #FEAD4A !important;
    color: #C77717 !important;
}

a[class*="parada_foto_"]:hover,
a[class*="parada_foto_"]:focus,
[id^="div_acciones_"] .btn-warning:hover,
[id^="div_acciones_"] .btn-warning:focus {
    background: #FFF8EF !important;
    border-color: #E89A31 !important;
    color: #9F5F12 !important;
}

/* Paradas header buttons aligned with table info buttons - reversible block */
#lnk_consolidar,
#lnk_excel {
    background: #FFFFFF !important;
    border: 1px solid #9AA4B2 !important;
    box-shadow: none !important;
    color: #526071 !important;
    text-shadow: none !important;
}

#lnk_consolidar i,
#lnk_excel i {
    color: #526071 !important;
}

#lnk_consolidar:hover,
#lnk_consolidar:focus,
#lnk_excel:hover,
#lnk_excel:focus {
    background: #F6F7F8 !important;
    border-color: #7C848D !important;
    color: #34383C !important;
}

#lnk_consolidar:hover i,
#lnk_consolidar:focus i,
#lnk_excel:hover i,
#lnk_excel:focus i {
    color: #34383C !important;
}

/* Sidebar typography aligned with table headers - reversible block */
.nav.main-menu > li > a,
.nav.main-menu > li > ul > li > a,
.nav.main-menu > li > ul > li > ul > li > a,
.nav.main-menu > li > ul > li > ul > li > ul > li > a,
#sidebar-left.minified .sidebar-nav > ul > li > a .text,
#sidebar-left.minified .sidebar-nav > ul > li:hover > a .text {
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 16px !important;
    text-transform: uppercase !important;
}

/* Page, panel and tab title typography alignment - reversible block */
#content > .breadcrumb,
.container #content > .breadcrumb,
#content > .breadcrumb > li,
#content > .breadcrumb > li > a,
#content > .breadcrumb > .active,
.container #content > .breadcrumb > li,
.container #content > .breadcrumb > li > a,
.container #content > .breadcrumb > .active,
.box .box-header h2,
.box-header h2,
.box .box-header h2 a,
.box-header h2 a,
.box .box-header h2 a[onclick*="arrow-buscador"],
.box-header h2 a[onclick*="arrow-buscador"],
.box-header .nav-tabs > li > a,
.box-header #recent.nav-tabs > li > a {
    font-family: "Roboto", Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

#content > .breadcrumb > li,
#content > .breadcrumb > li > a,
#content > .breadcrumb > .active,
.container #content > .breadcrumb > li,
.container #content > .breadcrumb > li > a,
.container #content > .breadcrumb > .active {
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
}

.box .box-header h2,
.box-header h2,
.box .box-header h2 a,
.box-header h2 a,
.box .box-header h2 a[onclick*="arrow-buscador"],
.box-header h2 a[onclick*="arrow-buscador"] {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
}

.box .box-header h2 a[onclick*="arrow-buscador"] i,
.box-header h2 a[onclick*="arrow-buscador"] i {
    font-size: 13px !important;
    line-height: 18px !important;
}

.box-header .nav-tabs > li > a,
.box-header #recent.nav-tabs > li > a {
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    text-transform: none !important;
}

/* App button compact standard - reversible block */
#content .btn,
#content a.btn,
#content button.btn,
#content input.btn,
.modal .btn,
.modal a.btn,
.modal button.btn,
.modal input.btn {
    border-radius: 3px !important;
    display: inline-block !important;
    font-family: inherit;
    font-size: 12px !important;
    font-weight: normal !important;
    height: auto !important;
    line-height: 1.5 !important;
    margin-bottom: 0;
    min-height: 0 !important;
    padding: 1px 5px !important;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

#content .table tbody .btn,
#content .table tbody a.btn,
#content .table tbody button.btn,
#content .camino-workflow-table .btn,
#content .camino-workflow-table a.btn,
#content .camino-workflow-table button.btn {
    background: #FFFFFF !important;
    border: 1px solid #D7DEE8 !important;
    box-shadow: none !important;
    color: #34383C !important;
    font-size: 12px !important;
    height: auto !important;
    line-height: 1.2 !important;
    min-height: 28px !important;
    padding: 5px 8px !important;
    text-shadow: none !important;
}

#content [id^="div_acciones_"] .btn,
#content [id^="div_acciones_"] button.btn,
#content [id^="div_acciones_"] a.btn,
#content [id^="div_cambiar_"] .btn,
#content [id^="div_confirmada_"] .btn,
#content [id^="div_cancelada_"] .btn,
#content a[class*="parada_foto_"] {
    align-items: center;
    background: #FFFFFF !important;
    border: 1px solid #D7DEE8 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    color: #526071;
    display: inline-flex !important;
    font-size: 12px !important;
    height: 26px !important;
    justify-content: center;
    line-height: 1 !important;
    margin: 0 !important;
    min-height: 26px !important;
    min-width: 26px !important;
    padding: 0 6px !important;
    text-shadow: none !important;
    transform: none !important;
    vertical-align: middle;
}

#content .table tbody .btn-success,
#content .table tbody a.btn-success,
#content .table tbody button.btn-success,
#content .table tbody span.btn-success {
    background: #78CD51 !important;
    border-color: #78CD51 !important;
    color: #FFFFFF !important;
}

#content .table tbody .btn-danger,
#content .table tbody a.btn-danger,
#content .table tbody button.btn-danger,
#content .table tbody span.btn-danger {
    background: #FFFFFF !important;
    border-color: #D9534F !important;
    color: #D9534F !important;
}

#content .table tbody .btn-danger i,
#content .table tbody a.btn-danger i,
#content .table tbody button.btn-danger i,
#content .table tbody span.btn-danger i,
.btn-danger i,
a.btn-danger i {
    color: #D9534F !important;
}

.btn-danger:hover,
.btn-danger:focus,
a.btn-danger:hover,
a.btn-danger:focus,
#content .table tbody .btn-danger:hover,
#content .table tbody .btn-danger:focus,
#content .table tbody a.btn-danger:hover,
#content .table tbody a.btn-danger:focus,
#content .table tbody button.btn-danger:hover,
#content .table tbody button.btn-danger:focus,
#content .table tbody span.btn-danger:hover,
#content .table tbody span.btn-danger:focus {
    background: #FFF5F5 !important;
    border-color: #C9302C !important;
    color: #C9302C !important;
}

.btn-danger:hover i,
.btn-danger:focus i,
a.btn-danger:hover i,
a.btn-danger:focus i,
#content .table tbody .btn-danger:hover i,
#content .table tbody .btn-danger:focus i,
#content .table tbody a.btn-danger:hover i,
#content .table tbody a.btn-danger:focus i,
#content .table tbody button.btn-danger:hover i,
#content .table tbody button.btn-danger:focus i,
#content .table tbody span.btn-danger:hover i,
#content .table tbody span.btn-danger:focus i {
    color: #C9302C !important;
}

#content .table tbody .btn-info,
#content .table tbody a.btn-info,
#content .table tbody button.btn-info,
#content .table tbody span.btn-info {
    background: #67C2EF !important;
    border-color: #67C2EF !important;
    color: #FFFFFF !important;
}

#content .table tbody .btn-inverse,
#content .table tbody a.btn-inverse,
#content .table tbody button.btn-inverse,
#content .table tbody span.btn-inverse {
    background: #444444 !important;
    border-color: #444444 !important;
    color: #FFFFFF !important;
}

#content .table tbody .btn-warning,
#content .table tbody a.btn-warning,
#content .table tbody button.btn-warning,
#content .table tbody span.btn-warning {
    background: #FABB3D !important;
    border-color: #FABB3D !important;
    color: #FFFFFF !important;
}

/* DataTables paginator neutral gray - reversible block */
#content .dataTables_paginate.paging_bs_normal,
#content .dataTables_paginate.paging_bs_normal .pagination {
    color: #526071 !important;
}

#content .dataTables_paginate.paging_bs_normal .pagination > li > a,
#content .dataTables_paginate.paging_bs_normal .pagination > li > span,
#content .dataTables_paginate.paging_bs_normal a.paginate_button,
#content .dataTables_paginate.paging_bs_normal span.paginate_button {
    background: #FFFFFF !important;
    border: 1px solid #D7DEE8 !important;
    box-shadow: none !important;
    color: #526071 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    min-height: 0 !important;
    padding: 4px 8px !important;
    text-shadow: none !important;
}

#content .dataTables_paginate.paging_bs_normal .pagination > li > a:hover,
#content .dataTables_paginate.paging_bs_normal .pagination > li > a:focus,
#content .dataTables_paginate.paging_bs_normal a.paginate_button:hover,
#content .dataTables_paginate.paging_bs_normal a.paginate_button:focus {
    background: #F8FAFC !important;
    border-color: #B8C5D6 !important;
    color: #34383C !important;
}

#content .dataTables_paginate.paging_bs_normal .pagination > .active > a,
#content .dataTables_paginate.paging_bs_normal .pagination > .active > span,
#content .dataTables_paginate.paging_bs_normal .paginate_button.current {
    background: #7C848D !important;
    border-color: #7C848D !important;
    color: #FFFFFF !important;
}

#content .dataTables_paginate.paging_bs_normal .pagination > .disabled > a,
#content .dataTables_paginate.paging_bs_normal .pagination > .disabled > span,
#content .dataTables_paginate.paging_bs_normal .paginate_button.disabled {
    background: #F1F3F5 !important;
    border-color: #E1E6EC !important;
    color: #9AA4B2 !important;
    cursor: default !important;
}

/* Save action alignment - reversible block */
#content .panel-footer {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border-top: 1px solid #E8EDF3 !important;
    box-shadow: none !important;
    text-align: right !important;
}

/* Table actions alignment - reversible block */
#content .table th.text-right,
#content .table td.text-right {
    text-align: right !important;
    padding-right: 14px !important;
}

#content .table td.text-right .btn,
#content .table td.text-right .label {
    margin-left: 4px !important;
    margin-right: 0 !important;
}

/* Paradas form action buttons - reversible block */
#content #nueva_parada_form .parada-form-actions .btn,
#content #nueva_parada_form .parada-form-actions input.btn {
    border-radius: 3px !important;
    font-size: 12px !important;
    height: auto !important;
    line-height: 1.5 !important;
    min-height: 0 !important;
    padding: 1px 5px !important;
}

#content #show_parada .view-parada-cancel {
    border-radius: 3px !important;
    font-size: 12px !important;
    height: auto !important;
    line-height: 1.5 !important;
    min-height: 0 !important;
    padding: 1px 5px !important;
}

/* Global tabs and search title typography - reversible block */
#content .box-header .nav-tabs > li > a,
#content .box-header #recent.nav-tabs > li > a,
#content .box-header h2 a[onclick*="arrow-buscador"],
#content .box-header h2 a[href="#"][onclick*="arrow-buscador"] {
    font-family: "Inter", "Source Sans 3", "Lato", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

#content .box-header .nav-tabs > li.active > a,
#content .box-header .nav-tabs > li.active > a:hover,
#content .box-header .nav-tabs > li.active > a:focus,
#content .box-header #recent.nav-tabs > li.active > a,
#content .box-header #recent.nav-tabs > li.active > a:hover,
#content .box-header #recent.nav-tabs > li.active > a:focus {
    font-size: 12px !important;
    font-weight: 600 !important;
}

#content .box-header .nav-tabs > li > a i.fa,
#content .box-header #recent.nav-tabs > li > a i.fa,
#content .box-header h2 a[onclick*="arrow-buscador"] i.fa {
    font-family: FontAwesome !important;
    font-size: inherit !important;
    font-weight: normal !important;
}

/* Compact form fields and internal form tables - reversible block */
#content form .form-control,
#content form input[type="text"],
#content form input[type="password"],
#content form input[type="email"],
#content form input[type="number"],
#content form input[type="search"],
#content form input[type="file"],
#content form select,
#content form textarea {
    border: 1px solid #D7DEE8 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    color: #34383C !important;
    font-family: "Inter", "Source Sans 3", "Lato", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

#content form input[type="text"],
#content form input[type="password"],
#content form input[type="email"],
#content form input[type="number"],
#content form input[type="search"],
#content form select,
#content form .form-control {
    min-height: 30px !important;
    padding: 4px 8px !important;
}

#content form textarea,
#content form textarea.form-control {
    min-height: 68px !important;
    padding: 6px 8px !important;
    resize: vertical;
}

#content form input:focus,
#content form select:focus,
#content form textarea:focus,
#content form .form-control:focus,
#content .chosen-container-active .chosen-single,
#content .chosen-container-active .chosen-choices,
#content .select2-container-active .select2-choice {
    border-color: #B8C5D6 !important;
    box-shadow: 0 0 0 2px rgba(82, 96, 113, 0.08) !important;
    outline: none !important;
}

#content form label,
#content form .control-label,
#content form table.table > tbody > tr > td:first-child {
    color: #526071 !important;
    font-family: "Inter", "Source Sans 3", "Lato", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}

#content form table.table:not([id]) > tbody > tr > td,
#content form table.table[id$="_form"] > tbody > tr > td,
#content form.search table.table > tbody > tr > td,
#content form.nav-form table.table > tbody > tr > td {
    border-top: 0 !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    vertical-align: middle !important;
}

#content form table.table:not([id]),
#content form.search table.table,
#content form.nav-form table.table {
    margin-bottom: 10px !important;
}

#content .chosen-container,
#content .select2-container {
    font-family: "Inter", "Source Sans 3", "Lato", Arial, sans-serif !important;
    font-size: 12px !important;
}

#content .chosen-container-single .chosen-single,
#content .select2-container .select2-choice {
    background: #FFFFFF !important;
    border: 1px solid #D7DEE8 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    color: #34383C !important;
    font-size: 12px !important;
    height: 30px !important;
    line-height: 28px !important;
    padding-left: 8px !important;
}

#content .chosen-container-multi .chosen-choices {
    background: #FFFFFF !important;
    border: 1px solid #D7DEE8 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    min-height: 30px !important;
    padding: 2px 4px !important;
}

#content .chosen-container .chosen-results li,
#content .select2-results .select2-result-label {
    font-size: 12px !important;
    line-height: 1.45 !important;
    padding: 5px 8px !important;
}

#content .icheckbox_square-orange,
#content .iradio_square-orange {
    transform: scale(0.88);
    transform-origin: left center;
}

#content form input[disabled],
#content form select[disabled],
#content form textarea[disabled],
#content form .form-control[disabled],
#content form input[readonly],
#content form textarea[readonly],
#content form .form-control[readonly] {
    background: #F8FAFC !important;
    color: #7C8794 !important;
}

/* Neutral table striping - reversible block */
#content .table-striped > tbody > tr:nth-child(odd) > td,
#content .table-striped > tbody > tr:nth-child(odd) > th,
#content .table-striped > tbody > tr:nth-child(even) > td,
#content .table-striped > tbody > tr:nth-child(even) > th,
#content .table > tbody > tr > td,
#content .table > tbody > tr > th {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
}

#content .table > tbody > tr:hover > td,
#content .table > tbody > tr:hover > th,
#content .table-striped > tbody > tr:hover > td,
#content .table-striped > tbody > tr:hover > th,
#content .table-hover > tbody > tr:hover > td,
#content .table-hover > tbody > tr:hover > th {
    background: #F8FAFC !important;
    background-color: #F8FAFC !important;
}

#content .table > tbody > tr > td,
#content .table > tbody > tr > th,
#content .table > thead > tr > th,
#content .table > tfoot > tr > td {
    border-color: #E8EDF3 !important;
}

/* Neutral form row striping - reversible block */
#content .form-group,
#content .control-group,
#content .form-group:nth-child(odd),
#content .form-group:nth-child(even),
#content .control-group:nth-child(odd),
#content .control-group:nth-child(even),
#content .form-group2:nth-child(odd),
#content .form-group2:nth-child(even),
#content .control-group2:nth-child(odd),
#content .control-group2:nth-child(even) {
    background: transparent !important;
    background-color: transparent !important;
}

#content .box-content > .form-group,
#content .box-content form > .form-group,
#content .box-content .form-horizontal > .form-group {
    border-bottom: 0 !important;
}

/* Paginator selector alignment - reversible block */
#content .box-content > .text-right .dataTables_paginate.paging_bs_normal,
#content .table > tfoot .text-right .dataTables_paginate.paging_bs_normal {
    clear: both !important;
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 12px !important;
    padding-top: 10px !important;
}

#content .table > tfoot .text-right .dataTables_paginate.paging_bs_normal {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#content .table > tfoot > tr > td {
    padding-bottom: 10px !important;
    padding-top: 12px !important;
}

#content .box-content > .text-right .dataTables_paginate.paging_bs_normal .pagination,
#content .table > tfoot .text-right .dataTables_paginate.paging_bs_normal .pagination {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    margin: 0 !important;
}

#content .box-content > .text-right .dataTables_paginate.paging_bs_normal .pagination > li,
#content .table > tfoot .text-right .dataTables_paginate.paging_bs_normal .pagination > li {
    align-items: center !important;
    display: flex !important;
}

#content .box-content > .text-right .dataTables_paginate.paging_bs_normal .pagination > li > a,
#content .box-content > .text-right .dataTables_paginate.paging_bs_normal .pagination > li > span,
#content .table > tfoot .text-right .dataTables_paginate.paging_bs_normal .pagination > li > a,
#content .table > tfoot .text-right .dataTables_paginate.paging_bs_normal .pagination > li > span {
    height: 30px !important;
    line-height: 20px !important;
    min-height: 30px !important;
    padding: 5px 10px !important;
}

#content .box-content > .text-right .dataTables_paginate.paging_bs_normal .select_paginador,
#content .table > tfoot .text-right .dataTables_paginate.paging_bs_normal .select_paginador {
    background-color: #FFFFFF !important;
    border: 1px solid #D7DEE8 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    color: #526071 !important;
    font-family: "Inter", "Source Sans 3", "Lato", Arial, sans-serif !important;
    font-size: 12px !important;
    height: 30px !important;
    line-height: 20px !important;
    margin-left: 8px !important;
    min-height: 30px !important;
    padding: 4px 24px 4px 8px !important;
    vertical-align: middle !important;
}

/* Cliente list mobile layout - reversible block */
@media (max-width: 767px) {
    #content .cliente-list-responsive,
    #content .cliente-list-responsive > tbody,
    #content .cliente-list-responsive > tfoot {
        display: block !important;
        width: 100% !important;
    }

    #content .cliente-list-responsive > thead {
        display: none !important;
    }

    #content .cliente-list-responsive > tbody > tr {
        background: #FFFFFF !important;
        border: 1px solid #E8EDF3 !important;
        border-radius: 4px !important;
        display: flex !important;
        flex-direction: column !important;
        margin: 0 0 10px 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        width: 100% !important;
    }

    #content .cliente-list-responsive > tbody > tr > td {
        align-items: flex-start !important;
        border: 0 !important;
        border-bottom: 1px solid #E8EDF3 !important;
        display: flex !important;
        gap: 10px !important;
        justify-content: space-between !important;
        min-height: 34px !important;
        padding: 8px 10px !important;
        text-align: right !important;
        white-space: normal !important;
        width: 100% !important;
        word-break: break-word !important;
    }

    #content .cliente-list-responsive > tbody > tr > td:last-child {
        border-bottom: 0 !important;
    }

    #content .cliente-list-responsive > tbody > tr > td:before {
        color: #526071 !important;
        content: attr(data-label);
        flex: 0 0 42% !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
        text-align: left !important;
        text-transform: uppercase !important;
    }

    #content .cliente-list-responsive > tbody > tr > td > a,
    #content .cliente-list-responsive > tbody > tr > td > span {
        max-width: 58% !important;
    }

    #content .cliente-list-responsive > tbody > tr > td.cliente-list-name {
        order: 1 !important;
    }

    #content .cliente-list-responsive > tbody > tr > td.cliente-list-actions {
        align-items: center !important;
        justify-content: flex-start !important;
        order: 2 !important;
        text-align: left !important;
    }

    #content .cliente-list-responsive > tbody > tr > td.cliente-list-actions:before {
        flex: 0 0 auto !important;
        margin-right: 8px !important;
    }

    #content .cliente-list-responsive > tbody > tr > td.cliente-list-actions .btn {
        margin: 0 4px 0 0 !important;
    }

    #content .cliente-list-responsive > tbody > tr > td.cliente-list-actions > a {
        max-width: none !important;
    }

    #content .cliente-list-responsive > tbody > tr > td.cliente-list-vigencia {
        order: 3 !important;
    }

    #content .cliente-list-responsive > tbody > tr > td.cliente-list-plan {
        order: 4 !important;
    }

    #content .cliente-list-responsive > tbody > tr > td.cliente-list-creditos {
        order: 5 !important;
    }

    #content .cliente-list-responsive > tbody > tr > td.cliente-list-demo {
        order: 6 !important;
    }

    #content .cliente-list-responsive > tfoot > tr,
    #content .cliente-list-responsive > tfoot > tr > td {
        display: block !important;
        width: 100% !important;
    }

    #content .cliente-list-responsive > tfoot .text-right {
        text-align: left !important;
    }

    #content .cliente-list-responsive > tfoot .dataTables_paginate.paging_bs_normal,
    #content .cliente-list-responsive > tfoot .dataTables_paginate.paging_bs_normal .pagination {
        justify-content: flex-start !important;
    }
}

/* Admin list mobile layout - reversible block */
@media (max-width: 767px) {
    #content .admin-list-responsive,
    #content .admin-list-responsive > tbody,
    #content .admin-list-responsive > tfoot {
        display: block !important;
        width: 100% !important;
    }

    #content .admin-list-responsive > thead {
        display: none !important;
    }

    #content .admin-list-responsive > tbody > tr {
        background: #FFFFFF !important;
        border: 1px solid #E8EDF3 !important;
        border-radius: 4px !important;
        display: flex !important;
        flex-direction: column !important;
        margin: 0 0 10px 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        width: 100% !important;
    }

    #content .admin-list-responsive > tbody > tr > td {
        align-items: flex-start !important;
        border: 0 !important;
        border-bottom: 1px solid #E8EDF3 !important;
        display: flex !important;
        gap: 10px !important;
        justify-content: space-between !important;
        min-height: 34px !important;
        padding: 8px 10px !important;
        text-align: right !important;
        white-space: normal !important;
        width: 100% !important;
        word-break: break-word !important;
    }

    #content .admin-list-responsive > tbody > tr > td:last-child {
        border-bottom: 0 !important;
    }

    #content .admin-list-responsive > tbody > tr > td:before {
        color: #526071 !important;
        content: attr(data-label);
        flex: 0 0 38% !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
        text-align: left !important;
        text-transform: uppercase !important;
    }

    #content .admin-list-responsive > tbody > tr > td > a,
    #content .admin-list-responsive > tbody > tr > td > span {
        max-width: 62% !important;
    }

    #content .admin-list-responsive > tbody > tr > td.admin-list-user {
        order: 1 !important;
    }

    #content .admin-list-responsive > tbody > tr > td.admin-list-actions {
        align-items: center !important;
        justify-content: flex-start !important;
        order: 2 !important;
        text-align: left !important;
    }

    #content .admin-list-responsive > tbody > tr > td.admin-list-actions:before {
        flex: 0 0 auto !important;
        margin-right: 8px !important;
    }

    #content .admin-list-responsive > tbody > tr > td.admin-list-actions > a {
        margin: 0 4px 0 0 !important;
        max-width: none !important;
    }

    #content .admin-list-responsive > tbody > tr > td.admin-list-email {
        order: 3 !important;
    }

    #content .admin-list-responsive > tbody > tr > td.admin-list-profile {
        order: 4 !important;
    }

    #content .admin-list-responsive > tbody > tr > td.admin-list-date {
        order: 5 !important;
    }

    #content .admin-list-responsive > tfoot > tr,
    #content .admin-list-responsive > tfoot > tr > td {
        display: block !important;
        width: 100% !important;
    }

    #content .admin-list-responsive > tfoot .text-right {
        text-align: left !important;
    }

    #content .admin-list-responsive > tfoot .dataTables_paginate.paging_bs_normal,
    #content .admin-list-responsive > tfoot .dataTables_paginate.paging_bs_normal .pagination {
        justify-content: flex-start !important;
    }
}

/* Global table-no-more mobile layout - reversible block */
@media (max-width: 767px) {
    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive),
    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tbody,
    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tfoot {
        display: block !important;
        width: 100% !important;
    }

    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > thead {
        display: none !important;
    }

    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tbody > tr {
        background: #FFFFFF !important;
        border: 1px solid #E8EDF3 !important;
        border-radius: 4px !important;
        display: flex !important;
        flex-direction: column !important;
        margin: 0 0 10px 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        width: 100% !important;
    }

    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tbody > tr > td {
        align-items: flex-start !important;
        border: 0 !important;
        border-bottom: 1px solid #E8EDF3 !important;
        display: flex !important;
        gap: 10px !important;
        justify-content: space-between !important;
        min-height: 34px !important;
        padding: 8px 10px !important;
        text-align: right !important;
        white-space: normal !important;
        width: 100% !important;
        word-break: break-word !important;
    }

    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tbody > tr > td:last-child {
        border-bottom: 0 !important;
    }

    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tbody > tr > td:before {
        color: #526071 !important;
        content: attr(data-label);
        flex: 0 0 40% !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
        text-align: left !important;
        text-transform: uppercase !important;
    }

    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tbody > tr > td > a,
    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tbody > tr > td > span,
    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tbody > tr > td > div {
        max-width: 60% !important;
    }

    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tbody > tr > td.oc-mobile-actions {
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }

    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tbody > tr > td.oc-mobile-actions:before {
        flex: 0 0 auto !important;
        margin-right: 8px !important;
    }

    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tbody > tr > td.oc-mobile-actions > a,
    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tbody > tr > td.oc-mobile-actions > span,
    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tbody > tr > td.oc-mobile-actions > div {
        margin: 0 4px 0 0 !important;
        max-width: none !important;
    }

    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tbody > tr > td.oc-mobile-row-full {
        display: block !important;
        text-align: left !important;
    }

    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tbody > tr > td.oc-mobile-row-full:before {
        content: none !important;
    }

    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tfoot > tr,
    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tfoot > tr > td {
        display: block !important;
        width: 100% !important;
    }

    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tfoot .text-right {
        text-align: left !important;
    }

    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tfoot .dataTables_paginate.paging_bs_normal,
    #content .table-no-more.oc-mobile-cards:not(.cliente-list-responsive):not(.admin-list-responsive) > tfoot .dataTables_paginate.paging_bs_normal .pagination {
        justify-content: flex-start !important;
    }
}

/* Mobile sidebar vertical alignment - reversible block */
@media (max-width: 767px) {
    .sidebar-nav > ul.nav.main-menu > li > a,
    .sidebar-nav > ul.nav.main-menu > li > ul > li > a,
    .sidebar-nav > ul.nav.main-menu > li > ul > li > ul > li > a,
    .sidebar-nav > ul.nav.main-menu > li > ul > li > ul > li > ul > li > a {
        align-items: center !important;
        display: flex !important;
        min-height: 60px !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .sidebar-nav > ul.nav.main-menu > li > a > i,
    .sidebar-nav > ul.nav.main-menu > li > ul > li > a > i,
    .sidebar-nav > ul.nav.main-menu > li > ul > li > ul > li > a > i,
    .sidebar-nav > ul.nav.main-menu > li > ul > li > ul > li > ul > li > a > i {
        align-items: center !important;
        align-self: stretch !important;
        display: flex !important;
        flex: 0 0 58px !important;
        justify-content: center !important;
        margin-right: 14px !important;
        min-height: 60px !important;
    }

    .sidebar-nav > ul.nav.main-menu > li > a .hidden-tablet,
    .sidebar-nav > ul.nav.main-menu > li > ul > li > a .hidden-tablet,
    .sidebar-nav > ul.nav.main-menu > li > ul > li > ul > li > a .hidden-tablet,
    .sidebar-nav > ul.nav.main-menu > li > ul > li > ul > li > ul > li > a .hidden-tablet {
        align-items: center !important;
        display: flex !important;
        min-height: 60px !important;
    }

    .sidebar-nav > ul.nav.main-menu > li > a .text,
    .sidebar-nav > ul.nav.main-menu > li > ul > li > a .text,
    .sidebar-nav > ul.nav.main-menu > li > ul > li > ul > li > a .text,
    .sidebar-nav > ul.nav.main-menu > li > ul > li > ul > li > ul > li > a .text {
        line-height: 18px !important;
        vertical-align: middle !important;
    }

    .sidebar-nav > ul.nav.main-menu > li > a .chevron {
        align-self: center !important;
        margin-left: auto !important;
        position: static !important;
    }
}

/* Sidebar vertical alignment all viewports - reversible block */
.sidebar-nav > ul.nav.main-menu > li > a,
.sidebar-nav > ul.nav.main-menu > li > ul > li > a,
.sidebar-nav > ul.nav.main-menu > li > ul > li > ul > li > a,
.sidebar-nav > ul.nav.main-menu > li > ul > li > ul > li > ul > li > a {
    align-items: center !important;
    display: flex !important;
}

.sidebar-nav > ul.nav.main-menu > li > a > i,
.sidebar-nav > ul.nav.main-menu > li > ul > li > a > i,
.sidebar-nav > ul.nav.main-menu > li > ul > li > ul > li > a > i,
.sidebar-nav > ul.nav.main-menu > li > ul > li > ul > li > ul > li > a > i {
    align-items: center !important;
    align-self: stretch !important;
    display: flex !important;
    justify-content: center !important;
}

.sidebar-nav > ul.nav.main-menu > li > a .hidden-tablet,
.sidebar-nav > ul.nav.main-menu > li > ul > li > a .hidden-tablet,
.sidebar-nav > ul.nav.main-menu > li > ul > li > ul > li > a .hidden-tablet,
.sidebar-nav > ul.nav.main-menu > li > ul > li > ul > li > ul > li > a .hidden-tablet {
    align-items: center !important;
    display: flex !important;
}

.sidebar-nav > ul.nav.main-menu > li > a .text,
.sidebar-nav > ul.nav.main-menu > li > ul > li > a .text,
.sidebar-nav > ul.nav.main-menu > li > ul > li > ul > li > a .text,
.sidebar-nav > ul.nav.main-menu > li > ul > li > ul > li > ul > li > a .text {
    vertical-align: middle !important;
}

.sidebar-nav > ul.nav.main-menu > li > a .chevron {
    align-self: center !important;
}

/* Active switch color - reversible block */
.switch.switch-primary > .switch-input:checked + .switch-label,
.switch.switch-primary > .switch-input:checked ~ .switch-label,
.switch > .switch-input:checked + .switch-label,
.switch > .switch-input:checked ~ .switch-label {
    background: #fec97d !important;
    background-color: #fec97d !important;
    border-color: #fec97d !important;
    box-shadow: inset 0 0 0 30px #fec97d !important;
}

.switch.switch-primary > .switch-input:checked + .switch-label:before,
.switch.switch-primary > .switch-input:checked ~ .switch-label:before,
.switch > .switch-input:checked + .switch-label:before,
.switch > .switch-input:checked ~ .switch-label:before {
    color: #FFFFFF !important;
}

/* Active checkbox color - reversible block */
.icheckbox_square-orange,
.iradio_square-orange {
    background-image: none !important;
    background-color: #FFFFFF !important;
    border: 1px solid #D7DEE8 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    height: 22px !important;
    position: relative !important;
    width: 22px !important;
}

.icheckbox_square-orange .iCheck-helper,
.iradio_square-orange .iCheck-helper {
    bottom: 0 !important;
    cursor: pointer !important;
    height: 100% !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 5 !important;
}

.icheckbox_square-orange input[type="checkbox"],
.iradio_square-orange input[type="radio"] {
    bottom: 0 !important;
    cursor: pointer !important;
    height: 100% !important;
    left: 0 !important;
    margin: 0 !important;
    min-height: 100% !important;
    min-width: 100% !important;
    opacity: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 1 !important;
}

.icheckbox_square-orange.checked,
.iradio_square-orange.checked {
    background-image: none !important;
    background-color: #fec97d !important;
    border-color: #fec97d !important;
}

.icheckbox_square-orange.checked:after {
    border: solid #FFFFFF !important;
    border-width: 0 2px 2px 0 !important;
    content: "" !important;
    display: block !important;
    height: 11px !important;
    left: 7px !important;
    position: absolute !important;
    pointer-events: none !important;
    top: 3px !important;
    transform: rotate(45deg) !important;
    width: 6px !important;
    z-index: 1 !important;
}

.iradio_square-orange {
    border-radius: 50% !important;
}

.iradio_square-orange.checked:after {
    background: #FFFFFF !important;
    border-radius: 50% !important;
    content: "" !important;
    display: block !important;
    height: 8px !important;
    left: 6px !important;
    position: absolute !important;
    pointer-events: none !important;
    top: 6px !important;
    width: 8px !important;
    z-index: 1 !important;
}

.horario-definido-inline {
    display: inline-block;
    white-space: nowrap;
}

.horario-definido-inline .control-label {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
}