/**
* Capa de personalizacion para aplicacion Sudoe 21-27
*/


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
a {
  color: #db6017;
  text-decoration: underline;
}
a:hover {
  color: #f27c31;
  text-decoration: underline;
}
.btn:hover {
  text-decoration: none;
}

.oculto {
  display: none;
} 
.derecha {
  float: right;
}
.mantenimiento {
  color: white;
  font-size: 30px;
}

/*--------------------------------------------------------------
# Login
--------------------------------------------------------------*/
.bg-login {
  background-image: url(../img/bg1.jpg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  background-size: cover;
}
.login {
  box-shadow: 2px 2px 8px 1px #444;
}
.logo-login {
  line-height: 1;
  padding: 0 0 1rem 0;
  text-align: center;
}
.logo-login img {
  width: 100%;
}
.logo-login span {
  display: none;
}
.login input[type=password] {
  border-top-right-radius: 0.375rem!important;
  border-bottom-right-radius: 0.375rem!important;
}
.login .show-pass {
  font-size: 24px;
  color: #db6017;
  position: absolute;
  right: 30px;
  top: 1px;
  z-index: 9;
}
::-ms-reveal {
  display: none;
}


/*--------------------------------------------------------------
# Panel Activacion de usuario
--------------------------------------------------------------*/
.usr-act-panel {
  padding: 20px;
}
.usr-act-logo {
  line-height: 1;
  padding: 0 0 1rem 0;
}
.usr-act-logo img {
  max-height: 80px;
}
.usr-act-logo span {
  display: none;
}
.usr-act-panel input[type=password] {
  border-top-right-radius: 0.375rem!important;
  border-bottom-right-radius: 0.375rem!important;
}
.usr-act-panel .show-pass {
  font-size: 24px;
  color: #db6017;
  position: absolute;
  right: 30px;
  top: 1px;
  z-index: 9;
}


/*--------------------------------------------------------------
# Box Reply
--------------------------------------------------------------*/
.box-reply {
  border: 1px solid #ccd4e2;
}
.logo-box-reply {
  line-height: 1;
  padding: 0 0 1rem 0;
  text-align: center;
}
.logo-box-reply img {
  width: 100%;
}
.logo-box-reply span {
  display: none;
}


/*--------------------------------------------------------------
# Sin aside lateral
--------------------------------------------------------------*/
body.no-aside .main,
body.no-aside .footer {
  margin-left: 0px!important;
}


/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/
.card-body {
  padding: 20px;
}
.card-title {
  padding: 0 0 15px 0;
}

.pagetitle h1 {
  font-size: 24px;
  margin-bottom: 0;
  font-weight: 700;
  color: #db6017;
}

/* Submenu */
.submenu-nav .card-header {
  border-width: 0px;
  padding: 0px;
}
.submenu-nav .submenu-heading {
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 600;
  padding: 14px 17px;
  background-color: #899bbd;
  margin: 0px;
  /*border-radius: 5px 5px 0px 0px;*/
}
.submenu-nav .card-body {
  padding: 0px;
  margin: 8px 15px 15px 15px;
}
.submenu-nav ul.list-group {
  font-size: 15px;
  border-radius: 0;
}
.submenu-nav ul.list-group li a {
  text-decoration: none;
  color: #212529;
  display: block;
}
.submenu-nav ul.list-group li a:hover {
  text-decoration: underline;
  color: #f27c31;
}
.submenu-nav ul.list-group .list-group-item {
  border-color: #dfdfdf;
  line-height: 1.2;
  padding: 0.65rem 1rem;
}
.submenu-nav ul.list-group .list-group-item.active {
  font-weight: bold; 
  color: #db6017;
  background-color: transparent;
  border-color: #dfdfdf;
}
.submenu-nav ul.list-group .list-group-item.active a {
  color: #db6017;
}
.submenu-nav ul.list-group .list-group-item.active a:hover {
  color: #f27c31;
}
.submenu-nav ul.list-group ul {
  font-size: 13px;
  margin-top: 5px;
  padding-left: 1.4rem;
}
.submenu-nav ul.list-group ul li {
  padding: 2px 0;
  color: #697b93;
}
.submenu-nav ul.list-group ul li a {
  color: #697b93;
}
.submenu-nav ul.list-group ul li.active {
  font-weight: bold; 
  color: #db6017;
}
.submenu-nav ul.list-group ul li.active a {
  color: #db6017;
}
.submenu-nav ul.list-group ul li.active a:hover {
  color: #f27c31;
}
.submenu-nav .card-footer .docs {
  background-color: #f6f4f0;
  padding: 10px;
  border-radius: 5px;
  margin: 0 0 10px 0;
}
.submenu-nav .card-footer .docs ul {
  padding: 0 0 0 10px;
  margin:5px 0 0 0;
  list-style-type: none;
}
.submenu-nav .card-footer .docs ul li a {
  color: #212529;
  display: flex;
  align-items: flex-start!important;
}
.submenu-nav .card-footer .docs ul li a:hover {
  color: #f27c31;
}
.submenu-nav .card-footer .docs ul li i {
  font-size: 20px;
  margin-right: 8px;
  vertical-align: middle;
  margin-top: -3px;
}
.submenu-nav .card-footer .botonera {
  background-color: #f6f4f0;
  padding: 14px 10px;
  border-radius: 5px;
}

/* Tablas */
.table {
  font-size: 14px;
  width: 100%!important;
  max-height: 600px;
}
.table thead {
  background: #f6f4f0;
}
.table .td-actions {
  text-align: center;
  font-size: 18px;
  white-space: nowrap;
}
.table .td-actions a {
  margin: 0 4px;
  padding: 0 2px;
}
.table-hover>tbody>tr:hover>* {
  --bs-table-accent-bg: #f9f9f9;
}
.table-primary {
  --bs-table-bg: #eee8dc;
  --bs-table-border-color: #ded8cc;
  --bs-table-striped-bg: #eee8dc;
  --bs-table-active-bg: #ded8cc;
  --bs-table-hover-bg: #ded8cc;
}
.table-info {
  --bs-table-bg: #d8eefb;;;
  --bs-table-border-color: #bacbe6;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-active-bg: #bacbe6;
  --bs-table-hover-bg: #bfd1ec;
}
.table-calendario table {
  font-size: 13px;
}
.table-calendario table th {
  font-weight: normal;
}
.table-calendario table tr.years th {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.table-calendario table tr.month th {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background-color: #f8f9fa;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  min-width: 25px;
}
.table-calendario table tr.month th:first-child {
  text-align: right;
  min-width: 250px;
}
.table-calendario table tr th.actividad {
  color: #db6017;
  padding-left: 12px;
}
.table-calendario table tr th.realizacion {
  color: #0096ce;
  padding-left: 20px;
  text-transform: uppercase;
  font-size: 0.85em;
  vertical-align: middle;
}
.table-calendario table td.full-group {
  background-image: url(../img/calendar-ico-tarea.png);
  background-repeat: no-repeat;
  background-position: center;
}
.table-calendario table td.full-item {
  background-image: url(../img/calendar-ico-actividad.png);
  background-repeat: no-repeat;
  background-position: center;
}
.table-calendario table td.full-delivery {
  background-image: url(../img/calendar-ico-delivery.png);
  background-repeat: no-repeat;
  background-position: center;
}

.bar-action-table {
  margin: 8px 0;
}
.bar-action-table .botonera {
  gap:0.25rem;
  justify-content: left;
}

/* Notificaciones listado */
ul.notificaciones {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
}
ul.notificaciones li.notificacion-item {
  display: flex;
  align-items: center;
  padding: 15px 10px;
  transition: 0.3s;
  align-items: flex-start;
  border-bottom: 1px solid #d1d1d1;
}
ul.notificaciones li.notificacion-item i.bi {
  margin: -9px 15px 0 0px;
  font-size: 24px;
}
ul.notificaciones li.notificacion-item h3 {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 2px;
}
ul.notificaciones li.notificacion-item p {
  font-size: 15px;
  margin-bottom: 2px;
}
ul.notificaciones li.notificacion-item p span.date {
  font-size: 14px;
  color: #919191;
  margin-right: 6px;
}
ul.notificaciones li.notificacion-item .notificacion-item-alerta {
  display: flex;
  align-items: start;
}
ul.notificaciones li.notificacion-item .notificacion-item-alerta a {
  color: #444;
  margin: -2px 8px 0 2px;
}
ul.notificaciones li.notificacion-item .notificacion-item-alerta a:hover {
  color: #919191;
}
ul.notificaciones li.notificacion-item .notificacion-item-alerta i.bi {
  margin: 0;
  font-size: 18px;
}
ul.notificaciones li.notificacion-item .notificacion-item-alertaoculta {
  display: none;
  align-items: start;
}
ul.notificaciones li.notificacion-item .notificacion-item-alertaoculta a {
  color: #444;
  margin: -2px 8px 0 2px;
}
ul.notificaciones li.notificacion-item .notificacion-item-alertaoculta a:hover {
  color: #919191;
}
ul.notificaciones li.notificacion-item .notificacion-item-alertaoculta i.bi {
  margin: 0;
  font-size: 18px;
}
ul.notificaciones li.notificacion-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
ul.notificaciones hr {
  margin: 0px;
}

/* Caja Info-Ayuda */
.ayuda {
  display: flex;
  font-size: 15px;
  margin-bottom: 1rem;
  background-color: #fff;
  color: #6c757d;
  border: 1px solid navy;
  border-radius: 0.375rem;
}
.ayuda i.bi {
  padding: 0.6rem 1rem;
  font-size: 20px;
  color: #fff;
  background-color: navy;
  border-radius: 0.25rem 0 0 0.25rem;
}
.ayuda div{
  padding: 0.75rem 1rem;
}
.ayuda p{
  margin-bottom: 0.5rem;
}
.ayuda p:last-child{
  margin-bottom: 0;
}

/* Listado de Notas */
.activity {
  font-size: 15px;
  border-top: 1px solid #eceefe;
}
.activity-item {
  border-bottom: 1px solid #eceefe;
}
.activity .activity-item .activite-label {
  font-size: 14px;
  color: #db6017;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
  width: 175px;
  text-align: right;
  padding-top: 9px;
}
.activity .activity-item .activite-label p {
  line-height: 2;
  margin: 0 10px 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.activity .activity-item .activite-label p span {
  background-color: #f6f4f0;
  border: 1px solid #ebe5d9;
  border-radius: 0.375rem;
  padding: 3px 8px;
}
.activity .activity-item .activite-label::before {
  content: "";
  position: absolute;
  right: -11px;
  width: 4px;
  top: 0;
  bottom: 0;
  background-color: #eceefe;
}
.activity .activity-item .activity-badge {
  margin-top: 14px;
  z-index: 1;
  font-size: 11px;
  line-height: 0;
  border-radius: 50%;
  flex-shrink: 0;
  border: 3px solid #fff;
  flex-grow: 0;
}
.activity .activity-item .activity-content {
  padding: 10px 0 15px 10px;
}
.activity .activity-item .activity-content .nota-numero {
  font-size: 16px;
  font-weight: bold;
  color:#db6017;
  margin-bottom: 0;
}
.activity .activity-item .activity-content .nota-fecha {
  font-size: 14px;
  color:#899bbd;
  margin-bottom: 0.25rem;
}
.activity .activity-item .activity-content .nota-texto {
  margin-bottom: 0.25rem;
}

/* Step Wizard */
.form_wizard .stepContainer{/* display:block; *//* position:relative; */margin:30px 0 0 0;padding:0;border:0 solid #CCC;overflow-x:hidden;}
.wizard_horizontal ul.wizard_steps{display:table;list-style:none;position:relative;width:100%;margin:0 0 20px;padding-left:0;}
.wizard_horizontal ul.wizard_steps li{display:table-cell;text-align:center}
.wizard_horizontal ul.wizard_steps li a, .wizard_horizontal ul.wizard_steps li:hover{display:block;position:relative;-moz-opacity:1;filter:alpha(opacity=100);opacity:1;color:#666;text-decoration: none;}
.wizard_horizontal ul.wizard_steps li a:before{content:"";position:absolute;height:4px;background:#ccc;top:13px;width:100%;z-index:4;left:0}
@media (min-width: 768px) {
  .wizard_horizontal ul.wizard_steps li a:before {top: 20px;}
}
.wizard_horizontal ul.wizard_steps li a.disabled{cursor:not-allowed;pointer-events:none;}
.wizard_horizontal ul.wizard_steps li a.disabled .step_no{background:#ccc;}
.wizard_horizontal ul.wizard_steps li a .step_no{width:30px;height:30px;line-height:30px;border-radius:100px;display:block;margin:0 auto 5px;font-size:16px;text-align:center;position:relative;z-index:5}
@media (min-width: 768px) {
  .wizard_horizontal ul.wizard_steps li a .step_no {width: 40px;height: 40px;line-height: 40px;}
}
.wizard_horizontal ul.wizard_steps li a.selected:before, .step_no{background:#db6017;color:#fff}
.wizard_horizontal ul.wizard_steps li a.done:before,.wizard_horizontal ul.wizard_steps li a.done .step_no{background:#34495E;color:#fff}
.wizard_horizontal .step_descr {display: none;}
@media (min-width: 768px) {
  .wizard_horizontal .step_descr {display: block;}
}
.wizard_horizontal ul.wizard_steps li:first-child a:before{left:50%}
.wizard_horizontal ul.wizard_steps li:last-child a:before{right:50%;width:50%;left:auto}
.wizard_verticle .stepContainer{width:80%;float:left;padding:0 10px}
.wizard_verticle .wizard_content{width:80%;float:left;padding-left:20px}
.wizard_verticle ul.wizard_steps{display:table;list-style:none;position:relative;width:20%;float:left;margin:0;padding-left:0;}
.wizard_verticle ul.wizard_steps li{display:list-item;text-align:center}
.wizard_verticle ul.wizard_steps li a{height:30px;text-decoration: none;}
@media (min-width: 768px) {
  .wizard_verticle ul.wizard_steps li a{height:40px;}
}
.wizard_verticle ul.wizard_steps li a:first-child{margin-top:20px}
.wizard_verticle ul.wizard_steps li a,.wizard_verticle ul.wizard_steps li:hover{display:block;position:relative;-moz-opacity:1;filter:alpha(opacity=100);opacity:1;color:#666}
.wizard_verticle ul.wizard_steps li a:before{content:"";position:absolute;height:100%;background:#ccc;top:20px;width:4px;z-index:4;left:49%}
.wizard_verticle ul.wizard_steps li a.disabled{cursor:not-allowed;pointer-events:none;}
.wizard_verticle ul.wizard_steps li a.disabled .step_no{background:#ccc}
.wizard_verticle ul.wizard_steps li a .step_no{width:30px;height:30px;line-height:30px;border-radius:100px;display:block;margin:0 auto 5px;font-size:16px;text-align:center;position:relative;z-index:5}
@media (min-width: 768px) {
  .wizard_verticle ul.wizard_steps li a .step_no {width: 40px;height: 40px;line-height: 40px;}
}
.wizard_verticle ul.wizard_steps li a.selected:before,.step_no{background:#db6017;color:#fff}
.wizard_verticle ul.wizard_steps li a.done:before,.wizard_verticle ul.wizard_steps li a.done .step_no{background:#34495E;color:#fff}
.wizard_verticle .step_descr {display: none;}
.wizard_verticle ul.wizard_steps li:first-child a:before{left:49%}
.wizard_verticle ul.wizard_steps li:last-child a:before{left:49%;left:auto;width:0}
.form_wizard .loader{display:none}
.form_wizard .msgBox{display:none}
.form_wizard .actionBar {width:100%;border-top:1px solid #f27c31;padding: 20px 5px;margin-top: 2rem;display:flex;flex-wrap: wrap;justify-content:center;gap:0.5rem;}
.form_wizard.wizard_verticle .actionBar {float:left;}


/*--------------------------------------------------------------
# FORMS
--------------------------------------------------------------*/
/* fieldset personalizado */
fieldset.custom {
  padding: 1rem;
  margin: 1.3rem 0;
  border: 1px solid #e9e9e9;
  border-radius: 0.375rem;
  background-color: #f7f7f7;
}
fieldset.custom legend {
  width: 100%;
  padding: 0;
  margin: -0.5rem 0;
  font-size: 1.05rem;
  line-height: inherit;
  font-weight: 600;
}

/* Campo obligatorio */
.required {
  color: #db6017;
  margin-left: 3px;
}

/* Fila de botones */
.botonera {
  display:flex;
  flex-wrap: wrap;
  justify-content:center;
  gap:0.5rem;
}

/* Boton en linea */
.line-button {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.line-button>.form-control, .line-button>.form-floating, .line-button>.form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.line-button .btn {
  margin-left: 0.5rem;
}

/* Drag & Drop */
.cuadroAdjuntar { margin: 3px; border: 2px dashed #555 !important; padding: 7px; border-radius: 5px; }
.textoAdjuntar { position: absolute;  } 
.cargaDocs { opacity: 0;  cursor: pointer; height: 100%; width: 100%; }


/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  background: #db6017;
}

.back-to-top:hover {
  background: #f27c31;
}


/*--------------------------------------------------------------
# Override some default Bootstrap stylings
--------------------------------------------------------------*/
.text-primary {
  color: #db6017!important;
}
.bg-primary {
  background-color: #db6017!important;
}
.alert-primary {
  --bs-alert-color: #db6017;
  --bs-alert-bg: #f6f4f0;
  --bs-alert-border-color: #ebe5d9;
}
.border-primary {
  border-color: #db6017!important;
}

.text-info {
  color: #0096ce!important;
}
.bg-info {
  background-color: #0096ce!important;
}
.alert-info {
  --bs-alert-color: #084298;;
  --bs-alert-bg: #d8eefb;;
  --bs-alert-border-color: #bde6fe;;
}
.border-info {
  border-color: #0096ce!important;
}

.progress-bar {
  background-color: #db6017;
}
input[type="range"]::-webkit-slider-thumb {
  background-color: #db6017;
}
input[type="range"]::-moz-range-thumb {
  background-color: #db6017;
}
input[type="range"]::-ms-thumb {
  background-color: #db6017;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  color: #db6017;
  text-decoration: none;
}
.nav-tabs-bordered .nav-link:hover,
.nav-tabs-bordered .nav-link:focus {
  color: #db6017;
  text-decoration: none;
}
.nav-tabs-bordered .nav-link.active {
  color: #db6017;
  border-bottom: 2px solid #db6017;
}

.tab-content.custom {
  border: 1px solid #dee2e6 ;
  border-top: 0;
  padding: 1.3rem;
}

.nav-pills {
  --bs-nav-pills-link-active-bg: #db6017;
}
.nav-link {
  color: #db6017;
}
.nav-link:hover {
  color: #f27c31;
}
.nav-pills .nav-link.active:hover {
  text-decoration: none;
}

/* Buttons */
.btn-primary {
  --bs-btn-bg: #db6017;
  --bs-btn-border-color: #db6017;
  --bs-btn-hover-bg: #be5716;
  --bs-btn-hover-border-color: #be5716;
  --bs-btn-focus-shadow-rgb: 170,66,0;
  --bs-btn-active-bg: #be5716;
  --bs-btn-active-border-color: #be5716;
  --bs-btn-disabled-bg: #db6017;
  --bs-btn-disabled-border-color: #db6017;
}
.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0096ce;
  --bs-btn-border-color: #0096ce;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0189bc;
  --bs-btn-hover-border-color: #0189bc;
  --bs-btn-focus-shadow-rgb: 73,189,232;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0189bc;
  --bs-btn-active-border-color: #0189bc;
  --bs-btn-disabled-bg: #0096ce;
  --bs-btn-disabled-border-color: #0096ce;
}
.btn-link {
  --bs-btn-color: #db6017;
  --bs-btn-hover-color: #be5716;
  --bs-btn-active-color: #be5716;
  --bs-btn-focus-shadow-rgb: 170,66,0;
}
.btn-outline-primary {
  --bs-btn-color: #db6017;
  --bs-btn-border-color: #db6017;
  --bs-btn-hover-bg: #db6017;
  --bs-btn-hover-border-color: #db6017;
  --bs-btn-focus-shadow-rgb: 170,66,0;
  --bs-btn-active-bg: #db6017;
  --bs-btn-active-border-color: #db6017;
  --bs-btn-disabled-color: #db6017;
  --bs-btn-disabled-border-color: #db6017;
}
.btn-outline-info {
  --bs-btn-color: #0096ce;
  --bs-btn-border-color: #0096ce;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0096ce;
  --bs-btn-hover-border-color: #0096ce;
  --bs-btn-focus-shadow-rgb: 73,189,232;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #0096ce;
  --bs-btn-active-border-color: #0096ce;
  --bs-btn-disabled-color: #0096ce;
  --bs-btn-disabled-border-color: #0096ce;
}

/* Checks */
.form-check-input:checked {
  background-color: #db6017;
  border-color: #db6017;
}

/* Accordion */
.accordion-button:not(.collapsed) {
  color: #db6017;
  background-color: #f6f4f0;
}
.accordion-flush .accordion-button:not(.collapsed) {
  color: #db6017;
  background-color: transparent;
}
.accordion-button:not(.collapsed)::after {
  background-image: url(../img/active-chevron-accordion.png);
}

/* List Group */
.list-group-item.active {
  background-color: #db6017;
  border-color: #db6017;
}
.list-group-item-primary {
  color: #db6017;
  background-color: #f6f4f0;
}
.list-group-item-info {
  color: #055160;
  background-color: #d8eefb;;;
}

/* Pagination */
.page-link {
  color: #db6017;
}
.page-link:hover {
  color: #ca520a;
  text-decoration: none;
  background-color: #f6f4f0;
}
.active>.page-link, .page-link.active {
  background-color: #db6017;
  border-color: #db6017;
}
.active>.page-link:hover, .page-link.active:hover {
  color: #fff;
}

/* Modal */
.modal-header,
.modal-footer {
  background-color: #f8f8f8;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.box-logo {
  margin-right: 10px;
}
.logo img {
  max-height: 39px;
  margin-right: 0px;
  max-width: 100%;
}
@media (min-width: 576px) {
  .box-logo {
    margin-right: 0px;
  }
  .logo img {
    max-height: 50px;
    margin-right: 6px;
  }
}
@media (min-width: 768px) {
  .logo img {
    max-height: 40px;
  }
}
@media (min-width: 1200px) {
  .logo {
    width: auto;
    text-decoration: none;
  }
}

@media (min-width: 1200px) {
  .header .search-bar {
    min-width: 380px;
    padding: 0 20px 0 40px;
  }
}
.header .tipo-expdte-form {
  width: 100%;
}
.header .tipo-expdte-form select {
  border: 0;
  font-size: 14px;
  color: #012970;
  border: 1px solid rgba(1, 41, 112, 0.2);
  padding: 7px 38px 7px 8px;
  border-radius: 3px;
  transition: 0.3s;
  width: 100%;
}
.header .tipo-expdte-form select:focus,
.header .tipo-expdte-form select:hover {
  outline: none;
  box-shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15);
  border: 1px solid rgba(1, 41, 112, 0.3);
}
.header .tipo-expdte-form button {
  padding: 6px 10px;
  margin-left: 5px;
  border-radius: 50%;
}


/*--------------------------------------------------------------
# Header Nav
--------------------------------------------------------------*/
.header-nav .nav-icon {
  margin-right: 15px;
}
@media (min-width: 576px) {
  .header-nav .nav-icon {
    margin-right: 25px;
  }
}

/* Notificaciones */
.header-nav .notifications .notification-item {
  padding: 15px 15px 15px 10px;
}
.header-nav .notifications .notification-item:hover {
  background-color: #f6f4f0;
}
.header-nav .notifications .notification-item i {
  margin: 0 15px 0 10px;
}
.header-nav .notifications .notification-item h4 {
  margin-bottom: 0px;
}

/* Idiomas */
.header-nav .languages-link {
  margin-right: 12px;
  color: #012970;
  text-decoration: none;
  border: 1px solid #bfc7d4;
  padding: 6px 9px;
  font-weight: bold;
  border-radius: 50%!important;
}
@media (min-width: 576px) {
  .header-nav .languages-link {
    margin-right: 20px;
  }
}
.header-nav .languages-link:hover {
  color: #f27c31;
  border-color:  #f27c31;
}
.header-nav .languages {
  inset: 8px -15px auto auto !important;
  padding: 0;
  min-width: 6rem;
}
.header-nav .languages .language-item {
  transition: 0.3s;
}
.header-nav .languages .language-item a {
  display: flex;
  padding: 10px 15px;
  text-decoration: none;
}
.header-nav .languages .language-item a:hover {
  text-decoration: underline #444444;
}
.header-nav .languages .language-item i {
  font-size: 7px;
  color: #444444;
  margin: 8px 10px 8px 0px;
  line-height: 0;
  border-radius: 50%;
}
.header-nav .languages .language-item span {
  font-size: 15px;
  color: #444444;
}
.header-nav .languages .language-item a.active i {
  background-color: #444444;
}
.header-nav .languages .language-item a.active span {
  font-weight: 600;
}
.header-nav .languages .language-item p {
  font-size: 13px;
  margin-bottom: 3px;
  color: #919191;
}
.header-nav .languages .language-item:hover {
  background-color: #f6f4f0;
}

/* Perfil */
.header-nav .profile .dropdown-item {
  font-size: 15px;
}
.header-nav .profile .dropdown-item:hover {
  background-color: #f6f4f0;
}


/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.sidebar-nav .nav-link {
  color: #db6017;
  background: #f6f4f0;
  text-decoration: none;
}

.sidebar-nav .nav-link i {
  color: #db6017;
}

.sidebar-nav .nav-link:hover {
  color: #db6017;
  background: #f6f4f0;
}

.sidebar-nav .nav-link:hover i {
  color: #db6017;
}

.sidebar-nav .nav-content a {
  text-decoration: none;
}

.sidebar-nav .nav-content a:hover,
.sidebar-nav .nav-content a.active {
  color: #db6017;
}

.sidebar-nav .nav-content a.active i {
  background-color: #db6017;
}


/*--------------------------------------------------------------
# Dashboard
--------------------------------------------------------------*/
.dashboard .filter .icon:hover,
.dashboard .filter .icon:focus {
  color: #db6017;
}

.dashboard .card-icon {
  color: #db6017;
  background: #f6f4f0;
}

.dashboard .sales-card .card-icon {
  color: #db6017;
  background: #f6f4f0;
}

.dashboard .news h4 a:hover {
  color: #db6017;
}


/*--------------------------------------------------------------
# F.A.Q Page
--------------------------------------------------------------*/
.faq .basic h6 {
  color: #db6017;
}


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box i {
  color: #db6017;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
  border-color: #db6017;
}

.contact .php-email-form button[type=submit] {
  background: #db6017;
}

.contact .php-email-form button[type=submit]:hover {
  background: #f27c31;
}


/*--------------------------------------------------------------
# Error 404
--------------------------------------------------------------*/
.error-404 h1 {
  color: #db6017;
}

.amarillo {
	background: #ffca2c;
}

.verde {
	color: #198754 !important;
}

/*--------------------------------------------------------------
# CKEditor5
--------------------------------------------------------------*/
.ck-editor__editable {
  max-height: 400px;
}

/*--------------------------------------------------------------
# Insignia - Numeritos del menú
--------------------------------------------------------------*/
.badge {
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 96%;
  top: -1%;
  background-color: #20c997;
}