input:checked + .slider {background-color: #2196F3;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {
	-webkit-transform: translateX(11px);
	-ms-transform: translateX(11px);
	transform: translateX(11px);
}
/*TR Striped*/
.odd{background-color: rgba(220, 220, 200, 0.6);}
.tabla_hojadecampo{display: flex;}
.tabla_hojadecampo th{text-align: center;font-weight: bold;}
.tabla_hojadecampo td{padding: 2px;height: 24px;}
.tabla_hojadecampo select{width:100px;}
.tabla_hojadecampo.bordered{border: 1px solid #B7B7B7;margin: 5px;}
.tabla_hojadecampo.bordered input.contador{width: 50px;height: 16px;margin: 4px;}
.tabla_hojadecampo.bordered .btn_sumador{width: 40px;height: 40px;padding: 4.5px;line-height: 8px;margin: 4px;}
.tabla_hojadecampo.bordered td{padding: 0;}
.align-r, .align-r *{text-align: right;}
.align-l, .align-l *{text-align: left;}
#map {height: 100%;width: 100%;cursor: pointer;overflow: hidden;z-index: 1;}
.centrado.forms{display: flex;}
.centrado.forms>form{width: 32px !important;}
.centrado.forms>form input[type="checkbox"]{width:22px;height:22px;}
@keyframes destellos_verde{
	from{-webkit-box-shadow: 0px 0px 9px 5px rgba(0,255,0,1);-moz-box-shadow: 0px 0px 9px 5px rgba(0,255,0,1);box-shadow: 0px 0px 9px 5px rgba(0,255,0,1);}
	to{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
}
@keyframes destellos_rojo{
	from{-webkit-box-shadow: 0px 0px 9px 5px rgba(255,0,0,1);-moz-box-shadow: 0px 0px 9px 5px rgba(255,0,0,1);box-shadow: 0px 0px 9px 5px rgba(255,0,0,1);}
	to{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
}
.btn_desactivar{
	opacity: 0.5;
}
.entrega_ajax{
	height: 100% ;
	position: relative;
	max-height: 70px;
	max-width: unset !important;
}
.entrega_ajax>span{
	max-height: 68px;
}
.entrega_ajax>span.span_entrega{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	white-space: pre-wrap;
	line-height: 14px;
}
.entrega_ajax>form{
	margin: 0; padding: 0;
	height: 100%;
	display: none;
}
.entrega_ajax>form>input{
	margin: 0;
	width: calc(100% - 6px);
}


.factura_ajax{
	height: 100% ;
	position: relative;
	max-height: 70px;
	max-width: unset !important;
}
.factura_ajax>span{
	max-height: 68px;
}
.factura_ajax>span.span_factura{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	white-space: pre-wrap;
	line-height: 14px;
}
.factura_ajax>form{
	margin: 0; padding: 0;
	height: 100%;
	display: none;
}
.factura_ajax>form>input{
	margin: 0;
	width: calc(100% - 6px);
}

.gasto_ajax{
	height: 100% ;
	position: relative;
	max-height: 70px;
	max-width: unset !important;
}
.gasto_ajax>span{
	max-height: 68px;
}
.gasto_ajax>span.span_gasto{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	white-space: pre-wrap;
	line-height: 14px;
}
.gasto_ajax>form{
	margin: 0; padding: 0;
	height: 100%;
	display: none;
}
.gasto_ajax>form>input{
	margin: 0;
	width: calc(100% - 6px);
}
.change_date{
	width: 95px;
	padding: 2px 15px;
	border: 1px solid #00890D;
	font-size: 18px;
	outline: none;
	border-radius: 2px;
}
.block{
	display: block;
}
.select_generate{
	position: relative;
}
.select_generate>.ul{
	position: absolute;
	top: 22px;
	left: 16px;
	background-color: white;
	z-index: 1;
	display: none;
	flex-direction: column;
	border: 1px solid #ccc;
}
.select_generate>.ul>.li{
	padding: 0 10px;
	font-size: 14px;
	cursor: pointer;
}
.select_generate>.ul>.li:hover{
	background-color: #ccc;
}
.select_generate>ul>li{
	font-size: 12px;
}
.text_editor{
	flex: 1;
}
.hidden{
	display: none !important;
}
.contenedor_comparables{
	display: flex;
}
.contenedor_comparables>div:first-child{
	margin-right: 10px;
}
section.leaflet-control-layers-list{
	left: unset;
	top: unset;
	width: unset;
}
.contenedor_card{
	display: flex;
	flex-wrap: wrap;
}
.descargar_imagen_contenedor{
	width: 920px;
	margin-top: 5px;
	min-width: 920px;
	height: 720px;
}
.descargar_imagen_contenedor #map{
	width: 900px;
	height: 700px;
}
.descargar_imagen_contenedor>div{
	height: 900px;
}
.descargar_imagen_lista{
	width: fit-content;
	margin-top: 5px;
	min-width: 400px;
}
.descargar_imagen{
	width: 100%;
	height: inherit;
}
@media (max-width: 1480px) {
	.contenedor_card{
		flex-wrap: wrap;
	}
}
@media (max-width: 1080px) {
	.contenedor_card{
		flex-wrap: wrap;
	}
	.descargar_imagen_contenedor{
		min-width: unset;
	}
}
.label_bch{
	text-align: left; margin-top: 10px;
}
.check_bch{
	width:35px;height:35px;
	float: right;
}
.label{
	white-space: nowrap;
	vertical-align: middle;
	line-height: 36px;
	height: 36px;
	padding-right: 10px;
}
.flex{
	display: flex;
}
.ct-label.ct-horizontal{
	color: black;
}
.label_check{
	position: relative;
	top: -14px;
}
.check{
	width:70px;height:35px;
}
.check-min{
	width:20px;height:20px;
	margin: 0;
	display: block;
}
.rename{
	height: 100%;
	width: calc(100% - 10px);
	font-size: 16px;
	padding: 5px 0;
	margin: 0;
	border: none;
}
.EN.PROCESO{background-color: #FF2E2E;}
.TERMINADO{background-color: #FCFF25;}
.FIRMADO{background-color: #71FF82;}
.ENVIADO{background-color: #FFD2D2;}
.HOJACONTROL{background-color: #d2ffdf;}
.white{color:white;}
.body-map{position: relative;}
.cont_cont_scroll{
	height: 100%;
	overflow-y: scroll;
}
.contenedor_files{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.mod_cont{
	display: block;
	background-color: #F5DFDF;
	padding: 10px 10px 0 10px;
	margin: 5px;
	min-width: calc(50% - 30px);
}
.cont_docs{
	flex: 1;
	border-radius: 10px;
}
.mod_cont>.title{
	height: 30px;
	background-color: #3D3D3D;
	color: white;
	text-align: center;
	width: 100%;
	vertical-align: middle;
	display: block;
	line-height: 30px;
	margin-bottom: 10px;
	border-radius: 5px;
}
.contenedor{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.contenedor form{
	width: 70px; height: 70px;
	background-color: #B7B7B7;
	border-radius: 5px;
}
.contenedor form>input[type="file"]{
	display: none;
}
.contenedor form>label>.btn{
	border-style: none;
	padding: 0;
	width: 100%; height: 100%;
	border-radius: 5px;
	color: #3E3E3E;
	font-size: 50px;
	text-align: center;
}
.contenedor>div{
	background-color: #FFFFFF;
	border-radius: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
}

.carpeta{
	padding: 5px;
	border-radius: 2px;
	border: 1px solid #0F0F0F !important;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.carpeta>span{
	position: absolute;
	background-color: rgba(0,0,0,0.8);
	color: white;
	font-size: 14px;
	height: 20px;
	top: -20px;
	padding: 0 4px;
	left: 0;
	cursor: pointer;
	overflow: hidden;
	white-space:nowrap;
	max-width: 100%;
}
.carpeta>div{
	width: 70px; height: 70px;
	position: relative;
}
.carpeta>div>a{
	width: 70px; height: 70px;
	position: relative;
}
.carpeta>div>img{
	width: 70px; height: 70px;
}
.carpeta .loading{
	position: absolute;
	width: 40px; height: 40px;
	left: 20px; top: 20px;
	opacity: 5;
	animation: 2s rotate360 infinite linear;
}
.carpeta>div>.download{
	width: 100%;
	height: 0;
	background-color: rgba(0,0,0,0.8);
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}
.carpeta>div>.download:hover{
	background-color: rgba(0,0,0,1);
}
.carpeta>div:hover>.download{
	height: 30%;
	animation: 0.2s descarga;
}
.carpeta>div>.download>img{
	cursor: pointer;
	width: 100%;
	height: 100% !important;
}
.carpeta>div>.lupa{
	width: 100%;
	height: 0;
	background-color: rgba(0,100,0,0.6);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.8;
}
.carpeta>div>.lupa:hover{
	background-color: rgba(0,100,0,0.8);
	opacity: 1;
}
.carpeta>div:hover>.lupa{
	height: 70%;
	animation: 0.2s lupa;
}
.carpeta>div>.lupa>img{
	cursor: pointer;
	width: 100%;
	height: 100% !important;
}
.cambiar_nombre.visible{
	display: block;
}
.cambiar_nombre{
	display: none;
	z-index: 1010;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.cambiar_nombre>.back_nombre{
	position: absolute;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,0.4);
}
.cambiar_nombre>.nombre_input{
	z-index: 1020;
	background-color: white;
	padding: 10px;
	border-radius: 5px;
	width: 400px;
	top: calc(50% - 200px);
	left: calc(50% - 200px);
	position: absolute;
}
@keyframes lupa {
	from { height: 0; }, 
	to { height: 70% } 
}
@keyframes descarga {
	from { height: 0; }, 
	to { height: 30% } 
}
.visor.visible{
	display: block;
}
.visor{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top:0; left:0;
	z-index: 100;
}
.visor>.background{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	position: absolute;
}
.visor>.foto{
	width: 800px;
	height: calc(100% - 220px);
	margin: 10px;
	background-color: #FFFFFF;
	display: block;
	position: absolute;
	left: calc(50% - 400px);
}
.visor>.foto>img{
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	display: block;
}
.visor>.foto>.close_visor{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 5px; right: 5px;
	padding: 0;
	font-size: 25px;
	line-height: 35px;
	text-align: center;
}
.visor>.foto>.flecha{
	width: 100px;
	height: 200px;
	position: absolute;
	top: calc(50% - 100px);
	background-color: black;
	opacity: 0.1;
	font-size: 100px;
}
.visor>.foto>.flecha>img{
	width: 100px;
	height: 100px;
	margin-top: 50px;
}
.visor>.foto>.flecha:hover{
	opacity: 0.6;
	cursor: pointer;
}
.visor>.foto>.flecha.left{
	left: 0;
	transform: rotate(180deg);
}
.visor>.foto>.flecha.right{
	right: 0;
}
.visor>.pie{
	width: 100%;
	height: 200px;
	display: flex;
	overflow-y: hidden;
	overflow-x: scroll;
	position: absolute;
	bottom: 0;
	background-color: white;
}
.visor>.pie>div{
	width: 100%;
	height: 100%;
	padding: 0;
	border-radius: 0;
	border: none;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
.visor>.pie>div>div{
	width: 150px;
	height: 150px;
	margin: 25px 10px;
	cursor: pointer;
	display: block;
	position: relative;
}
.visor>.pie>div>div.zoom{
	margin-top: 15px;
	margin-bottom: 15px;
	border: 10px solid #FF5A00;
}
.visor>.pie>div>div img{
	width: 150px;
	height: 150px;
}
@keyframes rotate360 { 
	to { transform: rotate(360deg); } 
}
.map_flotante{
	padding: 5px;
	position: absolute;
	height: 30px;
	width: 130px;
	background-color: white;
	z-index: 2;
	border-radius: 5px;
}
.map_flotante>span:first-of-type{
	position: absolute;
	left: 10px;
	height: 30px;
	width: 50px;
	font-size: 16px;
	line-height: 32px;
}
.map_flotante>span:last-of-type{
	position: absolute;
	right: 0;
	height: 30px;
	width: 35px;
	font-size: 14px;
	line-height: 32px;
}
.map_flotante>input{
	position: absolute;
	left: 60px;
	padding: 0 5px 0 5px;
	border: none;
	height: 30px;
	width: 35px;
	font-size: 16px;
}
.radio{
	top: 5px;
	right: 20px;
}
.mes{
	top: 50px;
	right: 20px;
}
.tipo{
	top: 95px;
	right: 20px;
}
.tipo>select{
	margin-left:50px;
	width:80px;
	height: 30px;
}
.contenedor_flotantes_map{
	position: absolute;
	top: 75px;
	right: 0;
}
#ubication{
	padding: 5px;
	height: 40px;
	width: 40px;
	position: absolute;
	bottom: 35px;
	right: 35px;
	z-index: 1000;
	border-radius: 5px;
}
#reload_map,#reload_map_2,#reload_buscador{
	padding: 5px;
	height: 40px;
	width: 40px;
	position: absolute;
	top: 5px;
	right: 180px;
	z-index: 2;
	border-radius: 5px;
}
#reload_map>img,#reload_buscador>img{
	position: absolute;
	top: 5px; left: 5px;
	height: 30px;
	width: 30px
}
#comparables_map{
	background-color: #E4FF00;
	color: #000000;
	padding: 2px 5px;
	border-radius: 3px;
}
#avaluos_map{
	background-color: #000BE0;
	color: white;
	padding: 2px 5px;
	border-radius: 3px;
}
#form_referencia{
	position: absolute;
	width: 170px;
	z-index: 2;
	background-color: #F6F6F6;
	padding: 15px;
	border-radius: 5px;
	top: -300px;
	left: 60px;
	animation: none;
	opacity: 0;
}
#form_referencia_edit{
	position: absolute;
	width: 170px;
	z-index: 2;
	background-color: #FFDB96;
	padding: 15px;
	border-radius: 5px;
	top: -300px;
	left: 60px;
	animation: none;
	opacity: 0;
}
.close_ref{
	background-color: red;
	position: absolute;
	top: 0; right: -35px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	line-height: 25px;
	text-align: center;
	font-weight: 400 !important;
	color: white;
	cursor: pointer;
}
.close_ref:hover{
	-webkit-box-shadow: 0px 7px 19px -3px rgba(244, 67, 54, 0.9);
	-moz-box-shadow: 0px 7px 19px -3px rgba(244, 67, 54, 0.9);
	box-shadow: 0px 7px 19px -3px rgba(244, 67, 54, 0.9);
}
#city_select{
	font-size: 16px;
	font-weight: bold;
}
.modal-dialog.visible.modal-deshabilitar, .modal-dialog.visible.modal-habilidar{
	top: calc(50% - 300px);
	height: auto !important;
}
tr.disable, tr.disable>*{
	font-style: italic;
	color: #616161 !important;
	background-color: #E6D0E6;
}
tr[role="row"]>th:hover{
	background-color: rgba(150,150,150,0.2);
}
tr[role="row"]>th.sorting_disabled{
	background: unset;
}
tr>th>i.mdi-menu-swap{
	color: #BEBEBE !important;
}
tr[role="row"]>th.sorting{
	cursor: pointer;
}
tr[role="row"]>th.sorting_asc{
	background-color: rgba(0,255,0,0.2);
	cursor: pointer;
}
tr[role="row"]>th.sorting_desc{
	background-color: rgba(255,100,0,0.2);
	cursor: pointer;
}
#fuentes{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	height: 400px;
	overflow-y: scroll;
}
.cont_svg{
	width: 100px;
	text-align: center;
}
.cont_svg:hover{
	cursor: pointer;
	background-color: #D0D0D0;
}
.cont_svg>span{
	width: 100%;
	padding: 5px;
}
.cont_fonts_svg>svg{
	height: 0;
}
.svg_menu{
	width: 50px;
	height: 50px;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);

	-webkit-transform: scaleY(-1);
	-moz-transform: scaleY(-1);
	transform: scaleY(-1);
	padding: 5px 25px;
}
.con_map_full{
	position: relative;
	top: 0;
	width: 100%;
}
.con_map_full>.limpiar{
	position: absolute;
	top: 15px;
	right: 25px;
	z-index: 1000;
}
.con_map_full>.limpiar>i{
	color: white;
	margin-left: -10px;
	margin-right: 5px;
}
.cont_info{
	min-height: 30px;
	width: 200px;
	padding: 10px;
	background-color: #FBFBFB;
	border-radius: 5px;
	position: absolute;
	z-index: 1000;
	text-align: center;
	display: none;
}
.cont_info.show{
	display: block;
}
.cont_info>.promedio{
	font-weight: 600;
	font-size: 24px;
}
.cont_info>.legenda{
	font-size: 12px;
}
.cont_info.info1{
	border: #9C00FF 2px solid;
	background-color: #FDFAFF;
	top: 10px;
	left: 10px;
}
.cont_info.info2{
	border: #DD7200 2px solid;
	background-color: #FFFDFA;
	top: 170px;
	left: 10px;
}
.leaflet-popup-content{
	display: flex;
	flex-wrap: wrap;
}
.leaflet-popup-content>span{
	width: 100%;
}
.leaflet-popup-content>.btn{
	margin-top: 10px;
}
div.leaflet-tooltip{
	background-color: rgba(255,255,255,0.8);
	font-weight: 600;
	padding: 1px 5px;
}
img.leaflet-marker-shadow.casa{
	opacity: 0.4;
}
img.leaflet-marker-shadow.casa.hover{
	opacity: 1;
}
img.leaflet-marker-icon.casa{
	animation-duration: 0.1s;
	animation-name: zoom_casa_out;
}
img.leaflet-marker-icon.punto_comparable{
	animation-duration: 0.1s;
	animation-name: zoom_comparable_out;
}
img.leaflet-marker-icon.casa:hover, img.leaflet-marker-icon.casa.hover{
	animation-duration: 0.1s;
	animation-name: zoom_casa;
	left: -2px;top: -10px;
	width: 34px !important;
	height: 50px !important;
}
img.leaflet-marker-icon.punto_comparable:hover, img.leaflet-marker-icon.punto_comparable.hover{
	animation-duration: 0.1s;
	animation-name: zoom_comparable;
	left: -5px;top: -5px;
	width: 30px !important;
	height: 30px !important;
}
@keyframes zoom_comparable {
	from {left: 0px;top: 0px;width: 20px;height: 20px;}
	to {left: -5px;top: -5px;width: 30px;height: 30px;}
}
@keyframes zoom_comparable_out {
	from {left: -5px;top: -5px;width: 30px;height: 30px;}
	to {left: 0px;top: 0px;width: 20px;height: 20px;}
}
@keyframes zoom_casa {
	from {left: 0px;top: 0px;width: 30px;height: 40px;}
	to {left: -2px;top: -10px;width: 34px;height: 50px;}
}
@keyframes zoom_casa_out {
	from {left: -2px;top: -10px;width: 34px;height: 50px;}
	to {left: 0px;top: 0px;width: 30px;height: 40px;}
}
img.terreno{
	animation-duration: 0.1s;
	animation-name: zoom_terreno_out;
}
img.terreno:hover{
	animation-duration: 0.1s;
	animation-name: zoom_terreno;
	left: -2px;top: -10px;
	width: 54px !important;
	height: 65px !important;
}
@keyframes zoom_terreno {
	from {left: 0px;top: 0px;width: 50px;height: 55px;}
	to {left: -2px;top: -10px;width: 54px;height: 65px;}
}
@keyframes zoom_terreno_out {
	from {left: -2px;top: -10px;width: 54px;height: 65px;}
	to {left: 0px;top: 0px;width: 50px;height: 55px;}
}
.guardar_hoja{
	position: fixed;
	bottom: 0px;
	right: 35px;
	width: calc(100% - 320px);
	padding: 15px;
	background-color: white;
	border-radius: 5px;
}
#form_upd_coor{
	width: 185px;
	position: absolute;
	top: 120px;
	right: 35px;
	z-index: 1000;
}
.multiselect{
	position: relative;
	display: inline-block;
}
.multiselect>input{
	margin-left: auto;
}
.multiselect>button{
	border: 1px solid #A4A4A4;
	background-color: #FCFCFC;
	min-width: 120px;
	max-width: 200px;
	margin-left: auto;
	display: block;
	height: auto;
	white-space: pre-wrap;
	letter-spacing: -1px;
}
.multiselect>button.focus{
	border: 1px solid #0072FF;
}
.multiselect>ul{
	border: 1px solid #0072FF;
	min-width: 50px;
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	background-color: white;
	z-index: 9000;
}
.multiselect>ul.left{
	left: 0;
	right: unset;
}
.multiselect>ul>li{
	padding: 0 25px 0 10px;
	position: relative;
	white-space: nowrap;
}
.multiselect>ul>li.selected{
	background-color: #828282;
	color: white;
}
.multiselect>ul>li:hover{
	color: white;
	background-color: #008AFF;
	cursor: pointer;
}
.multiselect>ul>li>div{
	position: absolute;
	right: 5px; top: 0;
	color: white;
}
.color_coral{
	background-color: coral;
}
.borde_coral{
	border: 2px solid coral; 
	border-radius: 5px;
	width: calc(100% - 24px);
}
.borde_revision{
    border: 2px solid;
    border-image: linear-gradient(60deg, #1b4a0e, #14c023);
    border-image-slice: 1;
    border-radius: 5px;
    width: calc(100% - 24px);
}
.color_amarillo{
	background-color: #BFBF40;
}
.borde_amarillo{
	border: 2px solid #BFBF40; 
	border-radius: 5px;	
	width: calc(100% - 24px);
}
.hover_observados:hover{
	background-color: coral;
	cursor: pointer;
}
#control-pdf{
    position:relative;
    top:0px;
    left:0px;
    z-index:3200;
    filter:alpha(opacity=65);
   -moz-opacity:65;
    background:#999;
}
.btn_minimizar{cursor:pointer;}
.span_notas,.button_contenedor{position:relative;width:24px;height:24px;margin-left:20px;}
.btn_notas.noleido{
	background-color:#FF4200;
	position: absolute;
	animation-name: zoom_loop;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	width: 24px;height: 24px;
}
@keyframes zoom_loop {
	0% {left: 0px;top: 0px;width: 24px;height: 24px;}
	50% {left: -3px;top: -3px;width: 30px;height: 30px;font-size:16px;}
	100% {left: 0px;top: 0px;width: 24px;height: 24px;}
}
.btn_notas.noleido>i{
	background-color:#FF7E00;
}
.fs-30{font-size:30px;}
.fs-27{font-size:27px;}
.fs-26{font-size:26px;}
.fs-24{font-size:24px;}
.fs-22{font-size:22px;}
.fs-20{font-size:20px;}
.fs-18{font-size:18px;}
.fs-16{font-size:16px;}
.fs-14{font-size:14px;}
.fs-13{font-size:13px;}
.fs-12{font-size:12px;}
.fs-11{font-size:11px;}
.fs-10{font-size:10px;}
.fs-09{font-size:09px;}
.fs-08{font-size:08px;}

.visible_cuaderno{
	visibility:collapse;
}

.borde_observaciones{
	border: 4px solid #00aec5; 
	border-radius: 19px;
	width: calc(100% - 24px);
}

.color_azul_oscuro{
	background-color: #34879e;
}
.color_rojo_oscuro{
	background-color: #c42537;
}
.color_rojo_comprobante{
	background-color: #d10296;
}
.visible_pendiente_ciudad{
	display: none;
}
.color_orange_borde_inferior {
  border-bottom: 1px solid #FFB95E;
}

/*para boton de cevolver*/
.btn-success-devolver {
  color: #198754; /* Color del texto */
  background-color: transparent; /* Fondo transparente */
  border: 1px solid #198754; /* Borde verde */
  padding: 0.370rem 0.70rem; /* Espaciado interno */
  font-size: 1rem; /* Tamaño de fuente */
  line-height: 0.5; /* Altura de línea */
  border-radius: 0.325rem; /* Bordes redondeados */
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; /* Animaciones */
}
.btn-success-devolver:hover {
  color: #fff; /* Color del texto al pasar el mouse */
  background-color: #198754; /* Fondo verde al pasar el mouse */
  border-color: #198754; /* Borde verde al pasar el mouse */
}  
/*fin de boton*/


.rojo-transparente {
    background-color: rgba(0, 255, 128, 0.2);/* Rojo suave con 20% de opacidad */
  }
.amarillo-transparente {
    background-color: rgba(255,255,0, 0.3);/* Rojo suave con 20% de opacidad */
  }
/*agregamos para que al hacer scroll en la tabla no se desaparesca el encabezado*/
thead tr th{ 
  /*position: sticky;
  top: 0;
  z-index: 10;
  background-color: #f2f2f2;*/
}