/**** REFERENCIA ***/
.referencias_revisiones {
    margin:10px 0 0 0;
}
.referencias_revisiones p{
    display: inline;
}
.titulo_referencias {
    font-weight:bold;
    margin:0;
}
.revisión_pendiente {
    padding:0 0 0 18px;
    margin:0 20px 0 0;
    background:url(../img/estados/circulo_blanco_16.png) left center no-repeat;
}
.sin_plano {
    padding:0 0 0 18px;
    margin:0 20px 0 0;
    background:url(../img/estados/circulo_gris_16.png) left center no-repeat;
}
.con_observaciones {
    padding:0 0 0 18px;
    margin:0 20px 0 0;
    background:url(../img/estados/circulo_rojo_16.png) left center no-repeat;
}
.anulada {
    padding:0 0 0 18px;
    margin:0 20px 0 0;
    background:url(../img/estados/circulo_negro_16.png) left center no-repeat;
}
.antirreglamentaria {
    padding:0 0 0 18px;
    margin:0 20px 0 0;
    background:url(../img/estados/circulo_amarillo_16.png) left center no-repeat;
}
.aprobada {
    padding:0 0 0 18px;
    margin:0 20px 0 0;
    background:url(../img/estados/circulo_verde_16.png) left center no-repeat;
}
.finalizada {
    padding:0 0 0 18px;
    margin:0 20px 0 0;
    background:url(../img/estados/circulo_azul_16.png) left center no-repeat;
}

/* Gentelella*/
body{
    background: #0B678E;
    color:#111;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

body .container.body .right_col {
	background-color: #fefefe;
}

.nav-sm .container.body .col-md-3.left_col span,
.nav-sm .container.body .col-md-3.left_col p{
	visibility:collapse;
	white-space: nowrap;
}

.nav-sm .container.body .col-md-3.left_col i {
	margin: 8px 0 0 0;
	font-size: 30px;
	right: 8px;
	top: 0;
}

.nav-sm .container.body .col-md-3.left_col a{
	padding: 13px 36px 0px 23px;
}

.nav>li>a, .menu_section ul>li>a {
    padding: 11px 40px 17px 23px;
	position: relative;
	display: block;
	color: #fff;
}

a {
	color: #111;
}

a:hover,
a:focus {
	color: #a118bd;
}

/* Cambios en menu */

.nav-sm .navbar.nav_title a#logo-normal{
    display: none;
}
.nav-sm .navbar.nav_title a#logo-chico{
    display: block;
}
.navbar.nav_title a#logo-normal{
    display: block;
}
.navbar.nav_title a#logo-chico{
    display: none;
}

.nav_menu{
    background: #E5F3FF;
    margin-bottom: 0;
	border-bottom: 1px solid #0B678E;
}
.nav_title, .left_col{
    background: #0B678E;
}
.site_title{
    height: 110px;
}
.nav.navbar-nav > li > a{
    color: #000;
}
.top_nav .nav > li > a:focus, .top_nav .nav > li > a:hover, .top_nav .nav .open > a, .top_nav .nav .open > a:focus, .top_nav .nav .open > a:hover{
    background: #62b0f5;
	border-radius: 100px;
}
.nav.navbar-nav > li > a{
    padding: 15px 15px 10px 15px;
    margin-right: 5px;
}

.profile_info h2{
    color: #fff;
}

.nav.side-menu > li > a, .nav.child_menu > li > a{
	color: #fff;
	border-radius: 100px;
    font-weight: 400;
}

.nav.side-menu > li > a:hover, .nav.child_menu > li > a:hover, .menu_section > ul > li > a:hover{
	background: #1181B1 !important;
    color: #fff !important;
}
.nav.side-menu>li.current-page, 
.nav.side-menu>li.active,
.nav-sm .nav.child_menu li.active, 
.nav-sm .nav.side-menu li.active-sm,
ul>li.active,
ul>li.active-sm{
    border-right: transparent;
	background: transparent;
}

.toggle {
    text-align: center;
    padding: 15px 0;
}

a#menu_toggle{
    color: #fff;
}

.menu_section > ul {
    padding: 5px;
}

.menu_section > ul > li{	
	margin-top: 8px;
	position: relative;
    display: block;
    cursor: pointer;
}

.menu_section > ul > li > a{
	border-radius: 100px;
    font-weight: 400;
}

.menu_section > ul > li > a > p{
	display: inline;
}

.nav.side-menu > li.active > a{
    background: #1181B1;}
.nav-md ul.nav.child_menu li::after{
    border-left: 1px solid #7EB5A6;
}
.nav-md ul.nav.child_menu li::before{
    background: #7EB5A6;
}
.nav-md .nav_title{
    height: 100px;
}

.top_nav .dropdown-menu li button{
    width: 100%;
    padding: 12px 20px;
    text-align: left;
    color: #5A738E;
}
.top_nav .dropdown-menu li button:hover, .top_nav .dropdown-menu li button:focus{
    background-color:#f5f5f5 ;
    text-decoration: none;
}
.dropdown-menu > li > button{
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
}
.top_nav li button i {
    font-size: 15px;
}

.yellow {
    color: #eac000;
}

.dark-black {
    color: #000000;
}

.table-fixed tbody{
    display:block;
    overflow:auto;
    height:584px;
    width:100%;
  }
  
.table-fixed thead tr{
    display:block;
  }
form div.required label.control-label:after {
    content:" (Obligatorio)";
    color:#E74C3C;
}

table.table tr td a.go{
    color: #97B834;
}
table.table tr td a.go:after{
    content: " \f14c ";
    font-family: FontAwesome;
}
.text-warning{
    color: #ffc107;
}
.text-success{
    color: #28a745;
}
.text-danger{
    color: #dc3545;
}
.error-summary{
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;

    color: #E9EDEF;
    background-color: rgba(231, 76, 60, 0.88);
    border-color: rgba(231, 76, 60, 0.88);
}
.wizard_horizontal{
    width: 100%;
    overflow: scroll;
}
#formality-nomenclature{
    text-transform: uppercase;
}

/* 
Cambios para la interfaz
KAFE MISCELANEA COMIENZO
*/

.kafe-item-menu{
	font-size: 25px !important;
	background-color: transparent;
    color: #000;
}

.kafe-item-menu:hover {
	background: #62b0f5;
	border-radius: 100px;
}

.kafe-item-label {
    margin-top: 15px;
}

.kafe-item-label-2 {
	margin-inline: -5px;
}

.icon.fa.fa-caret-right.pull-right.kafe-item-menu{
	color: #fff !important;
}

.icon.fa.fa-caret-down.pull-right.kafe-item-menu{
	color: #fff !important;
}

.kafe-desplegable{
	text-align: left;
	padding: 10px 20px 10px 20px;
	vertical-align: middle;
	color:#FBFEFF;
	background-color: #0B678E;
	font-size: 16px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	margin-bottom: 10px;
	margin-top: 10px;
	z-index: 10;
}

.kafe-desplegable-alt{
	text-align: left;
	padding: 10px 20px 10px 20px;
	vertical-align: middle;
	color:#FBFEFF;
	background-color: #0B678E;
	font-size: 16px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	margin-bottom: 10px;
	margin-top: 10px;
	z-index: 10;
}

.kafe-desplegable-block{
	margin-top: -10px;
	background-color: #0B678E;
	padding: 20px 20px 35px 20px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	margin-bottom: 20px;
}

.kafe-ajeno {
	background-color: #8F3E7E;
}

.kafe-ajeno-fail {
	background-color: #B3261E;
}

.kafe-title{
	color: #0B678E;
	font-weight: 700;
	font-size: 22px;
}

.kafe-title-upload{
	color: #536612;
}

.kafe-panel{
	background-color: #E5F3FF;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
	margin-bottom: -15px;
	padding-top: 30px;
	border-color: transparent;
}

.kafe-panel-white{
	background-color: #FFF;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
	margin-bottom: -15px;
	padding-top: 30px;
	border-color: transparent;
}

.kafe-panel-alt{
	background-color: #E5F3FF;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
	border-bottom-left-radius: 14px;
	border-bottom-right-radius: 14px;
	margin-bottom: -15px;
	padding-top: 30px;
	border-color: transparent;
}

.kafe-mensajes-div{
	margin-top: 10px;
	border: 1px solid #555;
	border-radius: 5px;  
	padding: 1em 0.7em;
	font-size: 16px;
	top:0;
	text-align: initial;
}

.kafe-mensajes-label{
	position: absolute;
	z-index: 999;
	font-size: 1.2rem;
	left:20px;
	top:-6px;
	background-image: linear-gradient(360deg, transparent 0%, transparent 20%, #E5F3FF 30%, #E5F3FF 100%);
	color: #757575;
	padding: 0 0.3rem;
	margin: 0 0.5rem;
	transform-origin: left top;
	pointer-events: none;
}

.pull-up {
	margin-top: -15px;
	margin-bottom: 15px;
}

.pull-down {
	margin-top: 15px;
	margin-bottom: -15px;
}

.spacing{
	height: 5px;
	margin: 10px 0;
	padding: 10px 0;
	background-color: transparent;
	border-width: 0;
	border-color: transparent;
}

.tertiary{
	color:#E38DCC;
}

.secondary{
	color:#829A34;
}

.primary{
	color: #0B678E;
}

.tile_count .tile_stats_count:before{
	border-left: 0 solid transparent;
}

.kafe-indicador-box{
	border: 1px solid #0B678E;
	border-radius: 12px;
	margin-bottom: 12px;
}

.kafe-indicator-minibox{
	border: 1px solid #0B678E;
	border-bottom: 1px solid #0B678E !important;
	border-radius: 12px;
	padding: 8px 8px 8px 20px !important;
}

.kafe-busqueda input {
	font-size: 1.4rem;
	outline: none;
	border: 1px solid transparent;
	border-radius: 12px;  
	padding: 1rem 0.7rem;
	color: #555;
	top:0;
	max-width:550px;
}

/* ------------------------------------------- */
/* BOTONES Y CONTAINERS KAFE - INICIO */
.btn {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
	border-radius: 15px !important;
	padding: 11px 18px !important;
	margin: 0px 15px 15px 5px !important;
	box-shadow: 1px 2px 8px #222 !important;
	font-weight: 500;
}

.btn:has(i){
	padding: 4px 11px 10px !important;
}

.btn>i{
	font-size: 27px;
    margin: 0px 5px;
    top: 5px !important;
    position: relative;
}

.btn-success {
	background-color: #0B678E !important;
	color:#fff !important;
	border:none !important;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:active:focus {
	background-color: #044865 !important;
	color:#fff !important;
	border:none !important;
}

.btn-danger {
	background-color: #B3261E !important;
	color:#fff !important;
	border:none !important;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger:active:focus {
	background-color: #BD554F !important;
	color:#fff !important;
	border:none !important;
}

.btn-warning {
	background-color: #FED1CE !important;
	color:#820700 !important;
	border:none !important;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning:active:focus {
	background-color: #FABEB9 !important;
	color:#820700 !important;
	border:none !important;
}

.btn-info {
	background-color: #85C4E8 !important;
	color:#002839 !important;
	border: none !important;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:active:focus {
	background-color: #417D97 !important;
	color:#002839 !important;
	border: none !important;
}

.btn-normal {
	background-color: #FFF !important;
	color:#0B678E !important;
	border:1px solid #1181B1 !important;
}

.btn-normal:hover, .btn-normal:focus, .btn-normal:active, .btn-normal:active:focus {
	background-color: #FFF !important;
	color:#095372 !important;
	border:1px solid #1181B1 !important;
}

.btn-normal[disabled], 
.btn-normal[disabled]:hover, 
.btn-normal[disabled]:focus, 
.btn-normal[disabled]:active, 
.btn-normal[disabled]:active:focus {
	background-color: #aeaeae !important;
	color:#666 !important;
	border: 1px solid #ddd !important;
}

.btn-primary {
	background-color: #FD9CCA !important;
	color:#380032 !important;
	border:none !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {
	background-color: #D682A9 !important;
	color:#380032 !important;
	border:none !important;
}

.btn-secondary {
	background-color: #BECE80 !important;
	color:#1B2400 !important;
	border:none !important;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:active:focus {
	background-color: #9AAB58 !important;
	color:#1B2400 !important;
	border:none !important;
}

.btn-pale {
	background-color: #FFF !important;
	color:#111 !important;
	border:1px solid #111 !important;
}

.btn-pale:hover, .btn-pale:focus, .btn-pale:active, .btn-pale:active:focus {
	background-color: #d3d3d3 !important;
	color:#111 !important;
	border:1px solid #111 !important;
}

.btn-upload {
	font-size: 20px;
	font-weight: lighter;
	color: #000;
	background-color: transparent;
}
.btn-upload:has(i){
	padding: 10px 20px 5px !important;
}

.btn-chip {
	background-color:#FFFBFE;
	font-weight: 500;
	padding: 6px 16px;
	border: 1px solid #79747E;
	border-radius: 8px;
}

.btn-chip:hover,
.btn-chip:focus,
.btn-chip:active {
	background-color: #EFEBEE;
}

.btn-chip-choose{
	background-color: #b7e921 !important;
	color: black;
}

.btn-chip-choose:hover,
.btn-chip-choose:focus,
.btn-chip-choose:active {
	background-color: #8bb60c;
	color: black;
}

input.btn-chip-2{
	appearance: none;
}

label.btn-chip-2{
	background-color:#FFFBFE;
	font-weight: 500;
	padding: 6px 16px;
	border: 1px solid #79747E;
	border-radius: 8px;
}

.btn-logout {
	margin: 0px !important;
    border: none;
    line-height: 20px;
	box-shadow: none !important;
	border-radius: 50px !important;
}
.btn-logout:has(i) {
	padding: 9px 19px 24px !important;
}
.btn-logout>i{
	position: relative !important;
	top: 7px !important;
}


.mini-btn {
	padding: 10px;
	margin: 0px 5px !important;
	border-radius: 15px !important;
	font-size: 14px !important;
	cursor:pointer;
}
.mini-btn>i{
	font-size: 13px;
    margin: 3px;
    top: 0px !important;
    position: relative;
}
.mini-btn:has(i) {
	padding: 5px 23px 9px !important;
}

div.input-group-btn.input-group-append {
	top: -1px;
}


.tile-stats {
	border: 1px solid #0B678E;
	border-radius: 12px;
	background-color: #FBFEFF;
	margin: 6px 0;
	position: relative;
	height: 100px;
}
.tile-stats .count,
.tile-stats h3,
.tile-stats p{
	position: absolute;
	color: #0B678E;
	font-weight: 500;
	left: 30px;
	font-size: 19px;
	margin: 0 18px;
	line-height: 18px;
	padding: 28px;

}

.tile-stats .icon {
    color: #0B678E;
    font-size: 40px;
    padding: 24px 0;
    text-align: center;
    vertical-align: middle;
	height: 100px;
	width: 80px;
	left: 0;
	top: 0;
}

.tile-group {
	border: 1px solid #e6e8e9;
	background-color: #0B678E;
	border-radius: 12px;
	height: 100px;
	margin: 6px 0;
	position: relative;
}

.tile-group .count,
.tile-group h3,
.tile-group p {
	color: #FBFEFF;
	font-weight: 500;
	font-size: 20px;
	padding: 30px;
	margin: 0 5px 0 70px;
	position: absolute;
	text-align: initial;
	margin-top: -100px;
}

.tile-group .icon {
	color: #FBFEFF;
	font-size: 40px;
	padding: 28px 0;
	text-align: center;
	vertical-align: middle;
	    height: 100px;
	    width: 100px;
	    left: 0;
	    top: 0;
}

.tile-config {
	background-color: #fff;
	margin: 6px 0;
	position: initial;
}

.tile-config-col{
	border-radius: 12px;
	margin: 6px;
	width: 30%;
	border: 1px solid #697F1C;
}

.tile-config .count,
.tile-config h3,
.tile-config p{
	color: #697F1C;
	font-weight: 500;
	font-size: 20px;
	padding: 1.6em 0.2em 1.6em 1em;
	margin: 0 0 0 54px;
	position: absolute;
	text-align: initial;
	margin-top: -100px;

}

.tile-config .icon {
    color: #697F1C;
    font-size: 40px;
	padding: 30px 0;
	width: 80px;
	text-align: center;
	vertical-align: middle;
}

/*FIN BOTONES KAFE*/
/*---------------------------------*/
/*INICIO WIDGETS MODS KAFE*/

.kafe-table{
	background-color: #E5F3FF;
	font-size: 16px;
	padding: 10px 10px 10px 10px;
	margin-top: -10px;
}

.no-background {
	background-color: transparent;
}

.kafe-table th{
	font-weight: bolder;
	font-size: 17px;
	background-color: #fff;
}
.kafe-table td a i{
	font-size: 22px;
}

.kafe-table td {
	background-color: #fff;
}

.kafe-table td input[type=number] {
	max-width: 120px;
}

.kafe-table div.summary{
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: -5px;
}

.kafe-table .table > tbody > tr.info > td{
	background-color: #E5F3FF;
}

.kafe-table-head th{
	background-color: #0B678E;
	color:#fff !important;
}

.kafe-revisiones {
	margin-top: 30px;
}

.kafe-input {
	padding: 10px;
}

.kafe-input div.col-md-2, 
.kafe-input div.col-md-3, 
.kafe-input div.col-md-4, 
.kafe-input div.col-md-6,
.kafe-input div.col-md-8,
.kafe-input div.col-md-9,
.kafe-input div.col-md-10,
.kafe-input div.col-md-12 {
	padding-bottom: 7px;
}

.kafe-input label {
	z-index: 900;
	font-size: 1.2rem;
	left:20px;
	top:-6px;
	background-image: linear-gradient(360deg, transparent 0%, transparent 20%, white 30%, white 100%);
	color: #555;
	padding: 0 0.3rem;
	margin: 0 0.5rem;
	transform-origin: left top;
}

div.kafe-material.kafe-input>div.form-group>label.control-label,
div.kafe-material.kafe-input>div>div.form-group>label.control-label,
div.kafe-mensajes-div>div.form-group>label.control-label {
	position: relative;
}


div.kafe-material.kafe-input>div.row>div.form-group>label.control-label,
.kafe-input label.control-label {
	top:17px;
	position: relative;
}

.kafe-input input {
	font-size: 1.4rem;
	outline: none;
	border: 1px solid #555;
	border-radius: 5px;  
	padding: 1rem 0.7rem;
	color: #555;
	top:0;
}

.kafe-input .btn, .kafe-input button {
	font-size: 14px;
}

.kafe-input select, .kafe-input span.select2, .kafe-input div.redactor-box{
	border: 1px solid #555;
	border-radius: 5px;
}

.kafe-input-persona {
	margin-top: 10px;
}

.kafe-input-persona .has-success .select2-container--krajee.select2-container--focus .select2-selection,
.kafe-input-persona .has-success .select2-container--krajee .select2-selection,
.kafe-input-persona .select2-container--krajee.select2-container--open .select2-selection,
.kafe-input-persona .has-success .form-control {
	border-color: #ce5fb6;
	color:#111 !important;
}

.select2-container--krajee .select2-results__option[aria-selected=true]{
	background-color: #f0d9e7;
	color: #111;
	opacity: 20px;
	border: 2px solid #ce5fb6;
}

.select2-container--krajee .select2-selection{
	border-color: #555;
}

.select2-container--krajee .select2-results__option--highlighted[aria-selected],
.kafe-input-persona .form-group .field-formalityhaspersona-tipo_persona_id>option{
	background-color: #FEECF7;
	color: #111;
}

.kafe-input-persona-title {
	margin-left: 8px;
	margin-bottom: 20px;
	color: #111;
	font-weight: 700;
	font-size: 22px;
}

.kafe-input-persona input {
	border: 1px solid #FDD7F0;
	border-radius: 5px;
}

.kafe-input-persona label {
	position: absolute;
	z-index: 999;
	font-size: 1.1rem;
	left:25px;
	background-color: #FDD7F0;
	color: #333 !important;
	padding: 0 0.3rem;
	margin: -1rem 1rem 0 0;
	transform-origin: left top;
	pointer-events: none;
}

.kafe-input-trays label{
	position: initial;
	margin-top: 10px;
	font-size: 1.7rem;
	color:#000;
}

.kafe-input-trays input[type=checkbox],
.kafe-input-trays input[type=radio]{
	appearance: none;
	border: 1px solid #111;
	width: 23px;
	height: 23px;
	content: none;
	outline: none;
	margin: 0;
}
.kafe-input-trays input[type=text],
.kafe-input-trays select{
	border-radius: 12px;
}


.kafe-input-trays input[type=checkbox]:checked,
.kafe-input-trays input[type=radio]:checked{
	background-color: #0B678E;
}

.kafe-radio {
	padding: 25px 10px 0 10px !important;
}

.kafe-radio input{
	appearance: none;
	border: 1px solid #111;
	width: 23px;
	height: 23px;
	content: none;
	outline: none;
	margin: 0;
}

.kafe-radio input:checked{
	background-color: #0B678E;
}

.kafe-radio .text-success{
	margin: 0 15px;
	color: #697F1C;
	text-align: right;
}

.kafe-radio .text-success input:checked{
	background-color: #697F1C;
}

.kafe-radio div div .text-primary,
.kafe-radio div div label{
	margin: 0 15px;
	color: #0B678E;
	text-align: right;
}

.kafe-radio div div .text-primary input:checked,
.kafe-radio div div input:checked{
	background-color: #0B678E;
}

.kafe-radio div label {
	font-size: 15px;
}


.kafe-radio .text-danger{
	margin: 0 15px;
	color: #B3261E;
	text-align: left;
}

.kafe-radio .text-danger input:checked{
	background-color: #B3261E;
}


.kafe-breadcrumbs {
	font-weight: 700;
	font-size: 22px;
}

.kafe-breadcrumbs ul {
	padding-top: 10px;
	background-color: #fff;
}

.kafe-breadcrumbs li>a {
	color: #79747E;
}

.kafe-breadcrumbs li.active {
	color: #0B678E;
}

#toast-container > div {
	opacity: 0.95 !important;
}

#toast-container > .toast {
	background-position: 12% 50%;
}

.toast-message {
	padding-left: 30px !important;
}

.toast-success {
	border-radius: 12px !important;
	background-color: #9CB54B !important;
}

.toast-success:hover {
	box-shadow: none !important;
}

.toast-info {
	border-radius: 12px !important;
	background-color: #1181B1 !important;
}

.toast-info:hover {
	box-shadow: none !important;
}

.toast-error {
	border-radius: 12px !important;
	background-color: #DC362E !important;
}

.toast-error:hover {
	box-shadow: none !important;
}

.toast-warning {
	border-radius: 12px !important;
	background-color: #C673B0 !important;
}

.toast-warning:hover {
	box-shadow: none !important;
}

.modal-content {
	border-radius: 12px;
}

.bootstrap-dialog.type-warning .modal-header{
	background-color: #C673B0;
	border-radius: 12px 12px 0 0;
}

.modal-footer{
	border-top: 0;
}

.bootstrap-dialog .bootstrap-dialog-title{
	color: #111;
}

.popover-x {
	border-radius: 12px;
	background-color: #E5F3FF;
	border: 1px solid #0B678E;
}

.popover-x .popover-title {
	border-radius: 12px 12px 0 0;
	background-color: #E5F3FF;
}

.popover-x.right > .arrow:after {
	border-right-color: #0B678E;
}

.popover.right > .arrow {
	border-right-color:#0B678E;
}

.popover-footer {
	border-radius: 0 0 12px 12px;
	background-color: #E5F3FF;
}

.kv-editable-link {
	color: #ae16a1;
}

.kv-editable-link:hover, .kv-editable:focus {
	color: #a118bd;
}

textarea.form-control {
	border-radius: 12px;
}

.form-control {
	height: 37.8px;
}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus,
.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus {
	color:#697F1C;
	background-color: #d1d1d1;
	border-color: #697F1C;
	font-weight: 900;
}

.pagination > li > a, 
.pagination > li > span {
	color:#697F1C;
	background-color: #fefefe;
	border-color: #697F1C;
	font-weight: 900;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
	z-index: 9950 !important;
}

.alert-info{
	background-color: #E5F3FF;
	color: #000;
	border-radius: 12px;
}

i.material-icons{
	width: 26px; 
    opacity: .99;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	top: 5px;
}

.menu_section h3{
	padding-left: 15px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 0;
    text-shadow: 1px 1px #fff;
}

.mdi-lg {
	margin-right: 8px;
}

/*FIN WIDGETS MODS KAFE*/
/*-------------------------------------------*/

.form-horizontal .control-label {
	padding: 8px;
}

td>p>img {
	max-width: 400px;
}

td.kv-group-even, td.kv-group-odd, .kv-grid-group.kv-group-even{
	text-align: center !important;
}

.kafe-panel-crop{
	background-color: #E5F3FF;
	border-color: transparent;
	margin: 0;
	padding: 8;
	padding-bottom: 50px;
}

.top-30 label.control-label{
	top: 30px;
}

.kafe-no-editable{
	color:black;
	pointer-events:none;
	border-bottom:none;
    background: none;
    border: none;
    padding: 2px 1px;
    text-decoration: none;
    cursor: pointer;
}

tr.disabled > td, tr.disabled > td > a{
	background-color: #ededed;
	color:#4b4b4b;
}

.collapse-link, .dropdown-toggle, .close-link{
	color: currentColor !important;
	padding: 10px 20px 10px 20px !important;
}

.kafe-radio-k {
	margin-top: 15px !important;
}

.kafe-checkbox-k {
	margin-top: 15px !important;
}

.input-group{
	margin-bottom: 0px;
}

.dropdown-item {
	border: 1px solid;
    padding: 10px;
    border-radius: 8px;
	margin: 8px 0px;
}

.dropdown.open>.dropdown-menu{
    padding: 3px 10px;
    display: grid;
    font-size: 15px;
	border-radius: 12px;
	box-shadow: -1px 2px #333;
}

.validated-count {
	border-radius: 30px;
    background-color: #89B213;
    padding: 8px 12px;
}

.kafe-group-title {
	background: darkgray !important;
	text-align: -webkit-center;
}

.image-grid {
	display: flex;
	flex-wrap: wrap;
}
.image-grid a{
	display: block;
	text-align: center;
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
}
.image-grid img{
	width: 150px;
	height: 150px;
	
}
.image-grid-item{
	margin-right: 20px;
	width: 160px;
}
.left_count_menu{
	right: 15px;
	position: absolute;
	background-color: #89B213;
	color: #333;
	font-weight: bold;
	padding: 6px 12px;
	border-radius: 20px;
}
.dropdown-menu{
	z-index: 1000 !important;
}


.indicator-box-title {
	display: block;
	align-items: end;
}

.indicator-box-title>span>i{
	font-size: 25px;
	position: relative;
	float: right;
	top: -45px;
}

.indicator-message {
	background-color: #044F6F;
    color: #fff;
    font-size: 14px;
    position: relative;
    max-width: 310px;
    height: 82px;
    top: -30px;
    margin: -60px 15px;
    z-index: 300;
    float: right;
    padding: 10px;
	border-radius: 12px;
}

.image-principal{
	display: flex; 
	flex-direction: column; 
	gap: 10px;
}

.image-container{
	position: relative; 
	text-align: center; 
	color: white;
}

.image-container img{
	width:300px;
	height:200px;
	border-radius: 15px;
}

.text-overlay{
	position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); /* Centra el texto horizontal y verticalmente */
    width: 90%; /* Asegura que el texto no exceda el ancho de la imagen */
    overflow: hidden; 
    text-overflow: ellipsis;
	text-align: left;
}


.text-overlay h2{
	font-weight: bold;
}

.image-row{
	display: flex; 
	gap: 20px;
}


.logo-kolmena{
	position: absolute;
    height: 65px;
    top: 57px;
    right: 12px;
}

@media (max-width: 768px) {
    .logo-kolmena {
        position: relative;
        height: 59px;
        float: right;
        margin-right: -3px;
        margin-top: -247px;
        content: url(../logo/Kolmena.svg);
	}
}

input[type=file] {
    padding-top: 10px;
    padding-bottom: 30px;
}

.select2-container--krajee .select2-selection--multiple .select2-selection__choice {
	margin: 4px 0 0 6px;
}

.select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field{
	height: 26;
}

.select2-container--krajee .select2-selection {
	border-width: 0px;
}

.selection {
	line-height: 1.2;
}

.modal-exportar-tramite {
	width: 35%;
}

.exportar-tramite {
	margin: 8px 0px 0px 5px;
}

.exportar-tramite>input[type="checkbox"] {
	margin: 0px;
    width: 19px;
    height: 16px;
    line-height: normal;
    position: relative;
    top: 2px;
}

.exportar-tramite-box {
	border-radius: 12px;
    border: 1px solid #A1A1A1CC;
    padding: 0px 5px 15px 3px;
    margin: 5px 5px 5px 20px;
    display: inline-block;
    max-width: 92%;
}

.exportar-tramite-box-title {
	margin: 0px 0px -15px 0px;
    display: inline-flex;
    width: 100%;
}

.exportar-tramite-box-title>h5 {
	font-size: 16px;
	font-weight: 500;
    min-width: 65%;
}
.exportar-tramite-box-title>h5>i {
	font-size: 20px;
    font-weight: 500;
    color: #0B678E;
    margin: 0px 6px;
}

.exportar-tramite>label {
    margin-left: 5px;
    font-size: 14px;
	font-weight: 500;
}

.exportar-tramite>label>i {
	font-size: 16px;
    color: #0B678E;
    margin: 0px 4px 0px 4px;
}

.exportar-tramite>label>i.mdi {
    font-size: 20px;
    color: #0B678E;
    margin: 0px 0px 0px 0px;
    top: 4px;
}

.exportar-tramite>.exportar-tramite-item-subtitle {
	font-size: 12px;
    position: relative;
    display: block;
    margin: -5px 0px 0px 55px;
    color: #010101;
    font-weight: 300;
}

.exportar-tramite-title { 
	font-size: 22px;
    margin: 5px 0px;
    font-weight: 700;
}

.exportar-tramite-title>i {
	margin: 5px 7px;
    font-size: 24px;
    color: #0B678E;
}

.exportar-tramite-subtitle {
	font-size: 12px;
    position: relative;
    display: block;
    margin: -5px 0px 0px 42px;
    color: #010101;
    font-weight: 300;
    margin-bottom: 10px;
}

.exportar-tramite-submit {
	margin: 10px 0px;
}

.exportar-tramite-seleccionar-todos {
    width: 35%;
    text-align-last: right;
	margin: 10px 5px 0px 0px;
}

.gop-main {
	margin: 1em;
}

.gop-h1 {
	font-size: 22px;
    font-weight: bold;
	margin-left: 15px;
}

.gop-box {
	margin: 20px 0px;
    display: flow-root;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.gop-box-header {
    display: flex;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px solid #eee;
    border-radius: 5px;
    background-image: linear-gradient(180deg, #FFF, #FAFAFA);
    padding-left: 10px;
    padding-top: 3px;
}

.gop-box-body {
	padding: 8px;
}

.gop-box-header>h2 {
	font-weight: 600;
	color: #0B678E;
}

.gop-box-header>i {
	font-size: 22px;
    top: 8px;
    position: relative;
    margin: 0px 12px 0px 6px;
	color: #0B678E;
}

.gop-box-header>.gop-arrow {
    position: relative;
    margin-left: auto;
    margin-right: 1em;
    color: #666;
	cursor: pointer;
}

.gop-collapsed {
	display: none;
}

.gop-box-body .select2-selection.select2-selection--single {
	border-radius: 5px;
    border: 1px solid #b1b1b1;
}

.gop-box-body .select2.select2-container.select2-container--krajee {
	border-radius: 5px;
    border: 0px solid #b1b1b1;
}

.gop-box-body .select2.select2-container.select2-container--krajee.select2-container--below {
    border: 0px solid #b1b1b1;
    border-radius: 5px;
}

.gop-box-body .select2-container--krajee.select2-container--open .select2-selection,
.gop-box-body .select2-container--krajee .select2-selection {
    box-shadow: none;
    border: 1px solid #b1b1b1;
}

.gop-box-body input,
.gop-box-body select {
    border-radius: 5px;
    border: 1px solid #b1b1b1;
    box-shadow: none;
}

.gop-box-body label {
	font-weight: 400;
}

.gop-box-body input[type=checkbox] {
	appearance: none;
	width: 1.5em;
	height: 1.5em;
	appearance: none;
	border: 1px solid #000000;
	content: none;
	outline: none;
	margin: 2.5em 10px -5px 3px;
}

.gop-box-body input[type=checkbox]:checked{
	background-color: #0B678E;
}

.gop-box-body .redactor-editor {
	min-height: 12em;
}

.gop-tab-selector {
	display: flex;
    text-align: center;
    margin-bottom: 2rem;
	background-color: #0B678E;
	border-radius: 20px;
}

.gop-tab-item.gop-tab-active {
    background: transparent;
}

.gop-tab-item {
    padding: 1rem 4rem;
    font-size: 18px;
    margin-left: -2px;
    border: 1px solid transparent;
    background: #B8B8B8;
    color: #fff;
	min-width:auto;
	width: 100%;
	display: flex;
	justify-content: center;
	place-content: center;
	cursor: pointer;
}

.gop-tab-item>i {
	pointer-events: none;
	font-size: 22px;
    top: 10px;
    position: relative;
    margin: 0px 12px 0px 6px;
}

.gop-tab-item>h3 {
	pointer-events: none;
	font-size: 20px;
}

.gop-tab-item-last {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.gop-tab-item-first {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.gop-items {
    display: none;
}

.gop-items-active {
	display: flex;
	flex-flow: wrap;
}

.gop-item {
    border: 1px solid #b7ddee;
    background-color: #E5F3FF;
    margin: 5px;
    padding: 8px;
    border-radius: 12px;
    text-align: center;
	cursor: pointer;
}

.gop-item>h5 {
	color: #1181B1;
	font-weight: 600;
	pointer-events: none;
}

.gop-item>h6 {
	color: #1181B1;
	font-weight: 300;
	pointer-events: none;
	font-size: 13px;
}

.gop-text-box {
	margin: 1em;
	padding: 1em;
	border: 3px solid #0B678E;
	color: #000;
	border-radius: 12px;
}

.gop-info-text {
	position: sticky;
	display: inline-flex;
  	top: 20px;
  	overflow: hidden;
	z-index: 9999;
	background: #FFFBFE;
	color: #000;
	margin: 1em 50%;
	justify-self: center;
	white-space: nowrap;
	border-radius: 16px;
	padding: 1em;
	border: 1px solid black;
}

.gop-aid {
	cursor: pointer;
	margin-left: 1em;
}

.gop-pseudo-info {
    display: flex;
    min-width: 100%;
    justify-content: space-between;
	margin-bottom: 10px;
	margin-top: 5px;
}

.gop-pseudo-info .toggle-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

.gop-pseudo-info .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.gop-pseudo-info .slider {
    position: absolute;
    cursor: pointer;
    background-color: #ccc;
    border-radius: 24px;
    width: 100%;
    height: 100%;
    transition: background-color 0.3s;
}

.gop-pseudo-info .slider::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 2px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s;
}

.gop-pseudo-info .toggle-switch input:checked+.slider {
    background-color: #0B678E;
}

.gop-pseudo-info .toggle-switch input:checked+.slider::before {
    transform: translateX(26px);
}

.gop-pseudo-info .gop-pseudo-start {
	display: inline-flex;
}

.gop-pseudo-info .gop-pseudo-end {
	display: inline-flex;
}

.gop-pseudo-start > i {
	margin: 0px 10px;
    font-size: 20px;
    position: relative;
    top: -4px;
	color: #0B678E;
}

.gop-pseudo-start > h5 {
	margin: 0px 10px;
	font-size: 14px;
	white-space: nowrap;
}

.gop-pseudo-end > label {
	margin: -5px 10px 5px 10px;
}

.gop-pseudo-end > h5 {
	margin: 0px 10px;
	font-size: 14px;
	white-space: nowrap;
}

.gop-pseudo-end > i {
	margin: 0px 10px;
    font-size: 20px;
    position: relative;
    top: -4px;
	color: #0B678E;
	cursor: pointer;
}

.gop-pseudo-vars {
	display: none;
}

.gop-pseudo-vars.gop-vars-active {
	display: contents;
}

.gop-item-alt {
    border: 1px solid #eeb7b7;
    background-color: #ffe5e5;
    margin: 5px;
    padding: 8px;
    border-radius: 12px;
    text-align: center;
	cursor: pointer;
}

.gop-item-alt>h5 {
	color: #b11111;
	font-weight: 600;
	pointer-events: none;
}

.gop-item-alt>h6 {
	color: #b11111;
	font-weight: 300;
	pointer-events: none;
	font-size: 13px;
}

.gop-modal {
	margin-top: 10px;
}

.gop-modal h2 {
	font-size: 24px;
	font-weight: 800;
}

.gop-modal h2>i {
	margin-right: 10px;
	color: #0B678E;
}

.gop-modal>.gop-example {
	border: 1px solid #666;
	border-radius: 16px;
	padding: 10px 18px;
	margin: 5px 5px 12px 0px;
}

.gop-modal button {
	float: right;
	margin-bottom: 15px;
}

.gop-example h5 {
	font-size: 18px;
	font-weight: 400;
}

.gop-example h5>i {
	font-size: 22px;
	margin-right: 8px;
	color: #0B678E;
	position: relative;
	top: -2px;
}

.gop-example-text {
	margin-left: 30px;
}

.kafe-digital-box {
    border: 2px solid #757575;
    display: flex;
	margin: 10px 0px 15px 0px;
}

.kafe-digital-box>button {
    float: right;
    position: relative;
    left: 55%;
    top: 6px;
}

.kafe-digital-box>a {
    float: right;
    position: relative;
    left: 55%;
    top: 6px;
}

.kafe-digital-box>p {
    top: 17px !important;
    position: relative;
    font-size: 15px;
    margin-left: 10px;
	color: #757575;
}

.kafe-digital-box>span {
	color: #0B678E;
    top: 15px;
    font-size: 25px;
	margin-left: 10px;
}

.digital-success {
	border-color: #44BB44;
}

.digital-failure {
	border-color: #BB4444;
}

.digital-hidden {
	color: transparent;
}

.linea-separadora {
	height: 3px;
	border-top: 1px solid black;
}

.digital-iframe {
	display: block;
	border: none;
	width: 100%;
}

.kafe-map-dynamic {
	border: 2px solid;
	border-color: #095372;
	border-radius: 16px;
	padding: 10px;
}

.kafe-map-dynamic-input-row {
	padding: 0px 10px;	
}