@CHARSET "UTF-8";

/* constante */ 
:root{
	--colorFondo: #31353D;

	--colorPrincipal: #3b2cdd;
	--colorPrincipalClaro: #3a3f48;
	--colorPrincipalOscuro: #13151b;
	--colorPrimarioOpacidad: rgba(49, 53, 61, 0.8);

	/*--colorSecundario: #63b046;*/
	/*--colorSecundarioClaro: #8ddb47;
	--colorSecundarioOscuro: #2e632d;*/

	--colorDetalles: #CECAF7;

	--colorSecundario: #CECAF7;
	--colorSecundario2: white;

	--colorSecundarioClaro: #CBD0D3;
	--colorSecundarioOscuro: #A6ADB4;
	--colorTerciario:#6C61E6;


	--colorCabeceraTablas: var(--colorPrincipal);
	--colorForm: var(--colorSecundario);

	--colorTextoAbm: var(--colorPrincipal);


	--colorTitulo: black;
	--colorTituloSecundario: var(--colorDetalles);

	--colorLabel: #353634;

	--colorLetras:#231f20;
	--colorTitulosActividades:#5C6166;
	--colorTextoActividades:#918F90;
	--colorlabel:#202124;
	--colorBackgroundTabla:#F9F9FE;
}

@font-face {
font-family: 'Alliance1';
font-style: normal;
font-weight: normal;
/*src: local('Alliance No.1 Light'), url('../fonts/Alliance No.1 Light.woff') format('woff');*/
}


@font-face {
font-family: 'Alliance2';
font-style: normal;
font-weight: normal;
/*src: local('Alliance No.2 Light'), url('../fonts/Alliance No.2 Light.woff') format('woff');*/
}
/*codigo para fuente Bw Modelica*/
@font-face {
	font-family:'Bw Modelica';
	src:url(../font/BwModelica/BwModelica/BwModelica-Regular.otf);
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family:'Bw Modelica Bold';
	src:url(../font/BwModelica/BwModelica/BwModelica-Bold.otf);
	font-weight: 700;
	font-style: normal;
}
.modelica-bold{
	font-family: "Bw Modelica Bold";
}
/*Fin*/
/*---------------------------------------------------------GENERAL---------------------------------------------------------*/
body{
	font-family: "Bw Modelica"!important;
}
h1.titulos-admin{
	font-family: "Bw Modelica Bold";
	color: var(--colorLetras);
}
.div-titulo{
	width: 100%;
	padding: 2rem;
}
.btn-button, .btn-button:focus, .btnedit, .btnedit:focus{
	background-color: transparent;
	border-color: var(--colorPrincipal);
	color: var(--colorPrincipal);
}
/*clase iconos*/
.btn-icon,
a:not([href]):not([tabindex]).btn-icon{
	color:var(--colorLetras);
}
.btn-icon:hover,
.btn-icon:active,
a:not([href]):not([tabindex]).btn-icon:hover{
	color:var(--colorPrincipal);
	border: 1px solid var(--colorPrincipal);
}
.btn.btn-icon:focus {
	outline: 0;
	box-shadow: none;
	border: 1px solid var(--colorPrincipal);
}
/**/
.div-titulo a.btn-button,
.div-titulo .btn-button:focus {
	background-color: var(--colorPrincipal);
	color: white;
}
a#info-tipo-actividad:not([href]):not([tabindex]),
.div-titulo a:not([href]):not([tabindex]){
	color:white;
}
a#info-tipo-actividad:not([href]):not([tabindex]) {
	border-color: var(--colorPrincipal);
	background-color: var(--colorPrincipal);
}
a#info-tipo-actividad:not([href]):not([tabindex]):hover,
a#info-tipo-actividad:not([href]):not([tabindex]):focus{
	background-color: white;
	border-color: var(--colorPrincipal);
}

a#info-tipo-actividad:not([href]):not([tabindex]):hover,
a#info-tipo-actividad:not([href]):not([tabindex]):focus,
.div-titulo a:not([href]):not([tabindex]):focus,
.div-titulo a:not([href]):not([tabindex]):hover{
	color:var(--colorPrincipal);
}
.div-titulo a.btn-button:hover{
	background-color: white;
	border: 1px solid var(--colorPrincipal);
	color: var(--colorPrincipal);
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover.btn-button:hover{
	color: var(--colorPrincipal);
	background-color: transparent;
	border: 1px solid var(--colorPrincipal);
}
.btn-button:hover,.btnedit:hover{
	background-color: var(--colorPrincipal);
	color: white;
}


.principalTransparente{
	background-color: var(--colorPrimarioOpacidad);
}

th{
	color: white;
	font-family: 'Bw Modelica';
	font-size: 1rem;
}
th.switch,
th.dow{
	color:black;
}
.table > tbody > tr > td, .table > thead > tr > th{
	vertical-align: middle;
	/*border-bottom-color: var(--colorPrincipal);*/
}
#tabalTurno td{
	text-transform: capitalize;
}
.table-bordered{
	border: 2px solid var(--colorPrincipal);	
}

.masBtn, .fa-times{
	color: var(--colorPrincipal);
}

.masBtn:hover{
	color: var(--colorSecundario);
	border-color: var(--colorSecundario);
}

.form-control{
	border: 1px solid var(--colorPrincipal);
	background-color: var(--colorSecundario);
	color: var(--colorPrincipal);
}

.form-control[disabled], .form-control[readonly]{
	border: 1px solid var(--colorPrincipal);
	color: var(--colorLetras);
	background-color: #cfbfbf;
}

.colorFondo{
	background-color: var(--colorFondo);
}

.colorPrincipal{
	background-color: var(--colorPrincipal);
}

.colorPrincipalClaro{
	background-color: var(--colorPrincipalClaro);
}

.colorPrincipalOscuro{
	background-color: var(--colorPrincipalOscuro);
}

.colorCabeceraTablas{
	background-color: var(--colorCabeceraTablas);
}

.colorTitulo{
	color: var(--colorTitulo);
}

.colorTituloSecuandrio
{
	color: var(--colorTituloSecundario);
}

.consultaABM{
	background-color: var(--colorSecundario);
	color: var(--colorPrincipal);
	border-radius: 20px;
	padding-left: 25px;
	padding-right: 25px;
}
.icono-caracteristica {
	width:1.5rem;
}
.btn-primary {
	background-color: var(--colorPrincipal);
	border-color: var(--colorPrincipal);
}
.btn-primary:hover:active, .btn-primary:active, .btn-primary:hover, .btn-primary:focus, .btn-primary:focus:active{
	background-color: var(--colorPrincipalOscuro);
	border-color: var(--colorPrincipal);
}

.mapBus{
	height: 510px;
	width: 100%;
	border: 0px
}

#nombreUsuario{
	color: var(--colorDetalles);
}

#nombreUsuario:hover, .despleUsu:hover #nombreUsuario{
	color: var(--colorPrincipal);
}

.margBntGenElimina{
	margin-left: 5px;
}
.margBntGenConfirma{
	margin-right: 5px;
}

.modal-content{
	color: var(--colorPrincipalOscuro);
	padding:1.5rem 1rem;
}
#modal-info-titulo .modal-content .modal-header{
	border-bottom: none;
	padding-bottom: 0;
}
#modal-info-titulo .modal-content .close.info{
	margin-right: -1rem;
	margin-top: -1.5rem;
	padding: 0;
}
.modal-content .close.info:focus,
.modal-content .close:focus{
	outline:none;
}
/*modal con tabla*/

#ModalHistorico .modal-content{
	padding: 1.5rem 2.5rem;
}
#ModalHistorico .modal-header{
	padding: 0 0 1.5rem;
}
#ModalHistorico .btn-button:hover{
	color:var(--white);
	background-color: var(--colorPrincipal)
}
#ModalHistorico .titulo-tabla {
	font-size: 0.9rem;
	font-family: 'Bw Modelica Bold';
}


.colMontoChico{
	text-align: right;
	width: 100px;
}
.colMontoGrande{
	text-align: right;
	width: 200px;
}
#map{
	-webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    /*-ms-filter: grayscale(50%);*/
    -o-filter: grayscale(50%);
    filter: grayscale(50%);
}
/*------------------------------------------------------FIN-GENERAL-------------------------------------------------------*/
/*---------------------------------------------------------FILTRO---------------------------------------------------------*/

.filtro{
	border: 3px solid var(--colorCabeceraTablas);
	border-radius: 12px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.btnfiltro{
	background-color: var(--colorCabeceraTablas);
	color: var(--colorSecundario);
	width: 49%;
	margin-top: 4%;
	font-weight: bold;	
}

.btnfiltro:hover{
	color: var(--colorSecundario);
	background-color: var(--colorPrincipalOscuro);
}

.expandfiltro, .expandfiltro:focus{
	float: right;
	background-color:var(--colorPrincipal);
	color: var(--colorSecundario);
}

.expandfiltro:hover{
	background-color:var(--colorSecundario);
	color: var(--colorPrincipal);
	border-color: var(--colorPrincipal);
}

.botonExpandir{
	padding-top: 40px;
	padding-right: 0px;
}

/*------------------------------------------------------FIN-FILTRO-------------------------------------------------------*/

/*---------------------------------------------------------TABLAS---------------------------------------------------------*/
table tbody tr td form{
	display: inline;
	margin-right: 5px
}
table tbody tr td form:last-child{
	margin-right: 0px
}
/*-------------------------------------------------------FIN-TABLAS-------------------------------------------------------*/
/*---------------------------------------------------------TOPBAR---------------------------------------------------------*/
.padtop{
	display: inline-block;
	padding-top: 5px;
}
/*General Menu Styling----*/
.mainnav{margin: 0 auto}
li{list-style: none;}
li a{text-decoration: none;}
/*.dropdown{position: absolute; z-index:10; width: 190px;top: 34px; opacity: 0;visibility: hidden;transition: ease-out .35s;-moz-transition: ease-out .35s;-webkit-transition: ease-out .35s;}*/
.mainnav li{float: left;padding: 5px;background: var(--colorPrincipal);border-left: 1px solid #fff;}
.mainnav li:first-child{border: none;}
.mainnav li a{ display: block;padding: 2px 20px;color: #fff;}
.mainnav li:hover{background: #fff;transition: ease-in .1s;-moz-transition: ease-in .1s;-webkit-transition: ease-in .1s;}
.mainnav li:hover a{color: var(--colorPrincipalOscuro);transition: ease-in .1s;-moz-transition: ease-in .1s;-webkit-transition: ease-in .1s;}
/*First Level*/
.mainnav li .subs{background-color: var(--colorPrincipalClaro);}
.subs {left: -45px;position: relative;top: 0px;width: 205px;border-left: none !important; border-bottom: 1px solid #fff !important;}
.subs:last-child{border: none !important;}
.hassubs:hover .dropdown,.hassubs .hassubs:hover .dropdown{opacity: 1;visibility: visible; transition: ease-in .1s;-moz-transition: ease-in .1s;-webkit-transition: ease-in .1s;}
.mainnav li:hover ul a,.mainnav li:hover ul li ul li a{color: #fff;}
.mainnav li ul li:hover,.mainnav li ul li ul li:hover{background: #fff;transition: ease-in-out .1s;-moz-transition: ease-in-out .1s;-webkit-transition: ease-in-out .1s;}
.mainnav li ul li:hover a,.mainnav li ul li ul li:hover a{color: var(--colorPrincipalOscuro);transition: ease-in-out .1s;-moz-transition: ease-in-out .1s;-webkit-transition: ease-in-out .1s;}
/*Second Level*/
.mainnav .hassubs .hassubs{background-color:var(--colorPrincipal);}
.mainnav .hassubs .hassubs:hover{background-color:#fff;}
.hassubs .hassubs .dropdown .subs{left: 25px;position: relative;width: 205px;top: 0px;}
.hassubs .hassubs .dropdown{position: absolute;width: 190px;left: 140px;top: 0px;opacity: 0;visibility: hidden;transition: ease-out .35s;-moz-transition: ease-out .35s;-webkit-transition: ease-out .35s;}
.despleUsu{
	width: 100%;
}
/*END Menu Styling-------------------------------------------------------*/
/*-------------------------------------------------------FIN-TOPBAR-------------------------------------------------------*/
/*Actividad*/
.body-tabla-touring td{
	padding: 0 0.75rem !important;
}
/*.body-tabla-touring .btn-button{
	background-color: transparent; !important;
	border-color: transparent !important;
}*/

.table-bordered thead.head-tabla th{
	border-color: var(--colorPrincipal);
}
h1.titulo{
	/*margin-bottom: 2rem;
	text-transform: uppercase;
	font-weight: 900;*/
	margin-top: 3rem;
	margin-bottom: 3rem;
	text-transform: uppercase;
	font-family: "Bw Modelica Bold";
	color: var(--colorLetras);
}
#busqueda{
	width: 70%;
}
.titulo-tabla{
	font-size: 1rem;
}
.fa-check:before{
	color:var(--colorPrincipal);
}
fa-times:before{
	color:var(--colorPrincipal);
}
.btn-back-office,
/*a:not([href]):not([tabindex]):focus,*/
a:not([href]):not([tabindex]).btn-back-office,
#search .btn-outline-primary,
formProveedor .btn-outline-primary,
#formAgencia .btn-outline-primary {
	color:white;
	border-color: var(--colorPrincipal);
	background-color: var(--colorPrincipal);
	border: 2px solid transparent;
	margin: 0rem 1rem;
	font-family: "Bw Modelica";
	width: 7rem;
}
a:not([href]):not([tabindex]).btn.btn-back-office.m-btn-form.btn-actividades{
	width: auto;
	/*margin: 2rem 2rem 1rem 0rem;*/
	margin: 2rem 3rem 2rem 3rem;
}
#agregar-turno{
	width: 10rem;
}
#search .btn-outline-primary:active,
formProveedor .btn-outline-primary:active,
#formAgencia .btn-outline-primary:active {
	box-shadow: none;
}
.btn-back-office:hover,
a:not([href]):not([tabindex]):focus.btn-back-office:focus,
a:not([href]):not([tabindex]):hover.btn-back-office:hover,
#search .btn-outline-primary:hover,
#formProveedor .btn-outline-primary:hover,
#formAgencia .btn-outline-primary:hover {
	color:var(--colorPrincipal);
	background-color: #FFFFFF;
	border-color: 2px solid var(--colorPrincipal);
	font-family: "Bw Modelica Bold";

}
#search	.form-control:focus, #formProveedor .form-control:focus, #formAgencia .form-control:focus {
	border-color: var(--colorSecundario);
	box-shadow: 0 0 0 .2rem rgba(99,176,70,.25)
}
/*btn-outline-secondary*/

#precioModal .btn-back-office-inv,
.btn.btn-back-office-inv,
.btn-back-office-inv,
#search .btn-outline-secondary{
	color:var(--colorPrincipal) !important;
	background-color: #FFFFFF;
	border: 1px solid var(--colorPrincipal);
	margin: 0rem;
	font-family: "Bw Modelica";
	width: 7rem;
}
#back,
#back2,
#AgenciaOrdenServicio,
#ProveedorOrdenServicio{
	border:none;
}
.btn.btn-back-office-inv:hover,
.btn-back-office-inv:hover,
#precioModal .btn-back-office-inv:hover,
#search .btn-outline-secondary:hover{
	border: 2px solid var(--colorPrincipal);
	font-family: "Bw Modelica Bold";
}
#btnCancelar{
	border-color: 2px solid var(--colorPrincipal);
}

#search .btn-outline-secondary:active{
	box-shadow: none;
}


#search .col{
	padding-left:0;
	padding-right: 0;
}
#search .row-search{
	margin-left: 0;
}
/*.btn-button{
	background-color: transparent;
	border-color: transparent;
}*/

/*card de actividades */
.card-touring,
#detalleActividad .card-touring {
	box-shadow: 0 14px 30px #00000029;
	border-radius: 5px;
	margin: 1rem;
	text-align: left;
	padding: 3% 2%;
    border: none;
	margin-bottom: 2rem;
}
#detalleActividad .card-touring-texto{
	height: 91%;
}
#detalleActividad .card-touring label, .card-link{
	font-weight: 500;
	color: var(--colorLabel);
}

.card-link .fa {
	position: absolute;
	right: 1rem;
	top: 1rem;
}

.card-link:hover,.card-link:focus{
	color: var(--colorSecundario);
}
.row-tabs{
	margin-bottom: 2rem;
}

#tabsActividad a.nav-link.active.show span.titulo-tabla,
#tabsActividad a.nav-link.active span.titulo-tabla{
	color:var(--colorPrincipal);
}
#tabsActividad a.nav-link span.titulo-tabla{
	font-size: 1.17rem;
	font-family: "Bw Modelica Bold";
}
#mandar-aprobar{
	width: 10rem;
	padding: 6px;
}
.btn-back-office-inv.btn-actividades,
.btn-back-office.btn-actividades{
	width: auto;

}

/*#formUsuario .btn-back-office,
#formUsuario .btn-back-office-inv,
.btn-back-office-inv.m-btn-form,
.btn-back-office.m-btn-form{
	margin: 2rem 2rem 1rem 0rem;
}*/
.fa-info-circle:before{
	color:var(--colorPrincipal)
}
.titulo-form{
	font-size: 1rem;
	font-family: 'Bw Modelica Bold';
}
#estado,
#facturaProveedor,
#facturaAgencia {
	font-size: 1rem;
	padding: 8px 12px;
	width: 100%;
	height: auto;
}
.div-titulo-select{
	height: 3rem;
}

/*.btn-actividades
#formActividad .btn-principal.btn-actividades{
	margin-bottom: 2rem;
	margin-right: 0rem;
	margin-left: 1rem;
}*/

/*Turnos*/
#dias .btn-day:not(:disabled):not(.disabled).active,
#dias .btn-day:not(:disabled):not(.disabled):active,
.show > #dias .btn-day.dropdown-toggle,
#turnoCheck .btn-check:active,
#turnoCheck .btn-check.labelTurno.active{
	color: white;
	background-color: var(--colorPrincipal);
	border-color: var(--colorPrincipal);
	font-family: "Bw Modelica Bold";
}
#turnoCheck .btn-check.labelTurno.active .fa-check:before{
	color:#fff;
}

.btn.btn-day{
	color: var(--colorPrincipal);
	font-family: "Bw Modelica";
	border: 1px solid var(--colorPrincipal);
	background-color: transparent;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
}
.btn.btn-day:hover{
	font-family: "Bw Modelica Bold";
	border: 2px solid var(--colorPrincipal);
}
#resTurno{
	/*background-color: var(--colorPrincipal);
	padding: 0.54rem;*/
	/*font-family: "Bw Modelica Bold";
	/*color:white;
	border-radius: 5px;*/
}
#precioModal .btn-day,
#dias .btn-day, .btn-day,
#turnoCheck .btn-check{
	/*color: var(--colorSecundario);*/
	color:var(--colorPrincipal);
	font-weight: normal;
	/*border: 1px solid var(--colorSecundario);*/
	border: 1px solid var(--colorPrincipal);
	background-color: transparent;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
}

#turnoCheck .btn-check{
	font-weight: bold;
}
#turnoCheck .btn-check {
	margin-bottom: 1rem;
	margin-top: 1rem;
}
/*.btn-day:hover,*/
#precioModal .btn-day:hover {
	color: var(--colorPrincipal);
	background-color: var(--colorSecundario);
	border-color: var(--colorSecundario);
}
/*Nuevo btn-principal, btnPrecio*/
.btn.btn-principal,
.btnPrecio{
	color: var(--colorSecundario2);
	font-weight: normal;
	border: 1px solid var(--colorSecundario2);
	background-color: transparent;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	font-family: "Bw Modelica";
}
.btn.btnPrecio{
	width: 100%;
}

.btn.btn-principal:hover,
.btnPrecio:hover{
	color: var(--colorPrincipal);
	background-color: var(--colorSecundario2);
	border-color: var(--colorSecundario2);
	font-family: "Bw Modelica Bold";
}
/*fin btn-principal*/

#turnoCheck .btn-check:hover,
#dias .btn-day:hover {
	border: 2px solid var(--colorPrincipal);
	font-family: "Bw Modelica Bold";
}

#turnoCheck .body-tabla-touring{
	text-align: center;
}
#turnoCheck .body-tabla-touring .titulo-tabla{
	max-width: 5rem;
}
#turnoCheck .body-tabla-touring .titulo-tabla.modifica-precio{
	max-width: 7rem;
	padding: 6px;
}
.col-btn{
	margin-bottom: 3rem;
	margin-top: 1rem;
}

/*Abm proveedor*/
.error-formulario,
span.error-formulario{
	-webkit-align-items: flex-start;
	align-items: flex-start;
	color: #d93025;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	font-size: 0.9rem;
	line-height: normal;
	margin-top: 2px;
}
.aviso-errores{
	height: 3rem;
	margin-bottom: 1rem;
	text-align: center;
	vertical-align: middle;
	border-radius: .25rem;
	font-size: 1rem;
	font-weight: normal;
}
.row-abm-datos{
	margin-bottom: 2rem;
}
#formProveedor .card-body-formulario,#formAgencia .card-body-formulario {
	padding: 3rem;
}
.titulo-abm{
	margin-bottom: 2rem;
}
#formProveedor .card, #formAgencia .card{
	height: 100%;
}
.fa-asterisk{
	font-size: 0.5rem;
	vertical-align: middle;
}

.input-error{
	border-color:#d93025 !important;
}
.input-error:focus{
	border-color: #d93025 !important;
	box-shadow: 0 0 0 .1rem #ffafab !important;
}


/*Nuevo Footer*/
#col-link-1 a.link-footer, #col-link-2 a.link-footer {
	color:#CBD0D3;
	display: block;
	text-align: left;
	font-size: 0.813rem;
	font-family: "Bw Modelica";
}
.suscribirse{
	margin-left: 1.5rem;
}
.suscribirse input{
	width: 70%;
	height: 2rem;
	background-color:var(--colorPrincipal);
	border-radius: 5px;
	color:#FFFFFF;
	border: 1px solid white;
	opacity: 0.5;
	padding: .5rem 1rem;
	font-family: Helvetica;
	font-size: 0.813rem;
}
.suscribirse input::placeholder{
	color: white;
}
.suscribirse button{
	position: absolute;
	top: 0rem;
	left: 62%;
	font-size: 0.75rem;
	width: fit-content;
	background-color: transparent;
}
.suscribirse button:hover{
	background-color: transparent;
	border-radius: 0;
	border: none;
}
.suscribirse p{
	color:white;
	text-align: left;
	font-size: 0.688rem;
	margin-top: 1rem;
	font-family: Helvetica;
}
#col-redes-sociales .fab{
	font-size: 1rem;
	margin-right: 2rem;
}

.page-footer{
	background-color:var(--colorPrincipal)
}
.cont-input-busqueda{
	height: 2.5rem;
	padding: 0 1.5rem;
	font-size: .9rem;
	background-color: #FFFFFF;
	border: 5px solid transparent;
	border-right: 1px solid #eae9e9;
}
.cont-input-busqueda.experiencias, .cont-input-busqueda.fecha{
	width: 20%;
}

.input-busqueda:focus-visible{
	outline: none;
}
.input-busqueda {
	width: 100%;
	border-right: 1px solid #eae9e9;
	border-color: transparent;
	font-family: "Bw Modelica";
}

.cont-input-busqueda.experiencias{
	border-radius: 2rem 0rem 0rem 2rem;
}
.cont-input-busqueda.fecha{
	border-radius: 0rem 2rem 2rem 0rem;
}

.btn.btn-buscar{
	background-color: var(--colorPrincipal);
	color:#e3e3e3;
	margin: 0 .5rem;
	height: 2.5rem;
	padding: .7rem 2.5rem;
	border-radius: 2rem;
}
.btn.btn-buscar .fa.fa-search{
	color:#e3e3e3;
	margin-right: .2rem
}
.sector-filtros{
	margin-top: 2rem;
}
.icono-filtro{
	font-size: 1.2rem;
	color: #5a5758;
	margin-right: 0.5rem;
}
.titulo-principal{
	font-weight: bold;
	font-family: "Bw Modelica Bold";
}
.banner{
	background-color: #e3e3e3;
	padding: 10% 0%
}

.logo-footer{
	width: 2rem;
	margin: 0 0.1rem;
}

.text-footer{
	font-size: 0.5rem;
	text-align: left;
	margin-bottom: 0.2rem;
}
.img-footer{
	width: 2.5rem;
}
.link-desarrollo{
	margin-left: 1.5rem;
}

/*star ranking*/
.rating {
	float:left;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t
  follow these rules. Every browser that supports :checked also supports :not(), so
  it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
	position:absolute;
	top:-9999px;
	clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
	float:right;
	width:1em;
	/* padding:0 .1em; */
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	font-size:300%;
	/* line-height:1.2; */
	color:#ddd;
}

.rating:not(:checked) > label:before {
	content: '★ ';
}

.rating > input:checked ~ label {
	color: var(--colorPrincipal);
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
	color: var(--colorPrincipal);

}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
	color: var(--colorPrincipal);

}

.rating > label:active {
	position:relative;
	top:2px;
	left:2px;
}
#dias .btn{
	padding: .2rem .6rem;
}
.titulo-tabla.modifica-precio .btn.btnPrecio{
	width: fit-content;
	width: -moz-fit-content;
	border: 1px solid;
	font-family: "Bw Modelica Bold";
	padding: 0.2rem;
}
#col-hora{
	margin-right: 6%;
	margin-left: -6%;
}

#datos-usuario .btn.btn-back-office,
#datos-usuario .btn.btn-back-office-inv{
	width: -moz-fit-content;
	width: fit-content;
}
#logout{
	padding: .2rem .6rem;
	position: sticky;
	left: 100%;
}
a .user-name{
	font-family: "Bw Modelica Bold";
	color: #FFFFFF;
	font-size: 1.2rem;
}
a .user-name:hover{
	text-decoration: underline;
}
#close-sidebar{
	color: #818896;
}
#close-sidebar i:hover{
	color: white;
}
.chiller-theme .sidebar-wrapper .sidebar-brand>a.a-menu-lateral:hover{
	color: #818896;
}
.btn.btn-back-office-inv.btn-detalle
{
	margin: 0 4rem
}
.btn.btn-back-office-inv.btn-detalle2,
.btn.btn-back-office.btn-detalle2
{
	margin: 0
}

.form-control.hora{
	padding: 0.1rem	0.75rem;
	width: 5rem;
}
#precioModal .modal-header{
	border-bottom: none;
}
.contenedor-grid-modal{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
}
#precioModal .modal-footer{
	border-top: none;
}
#tablaOrdenar .badge.removeImg{
	position: absolute;
	top: 0rem;
	right: 0rem;
	margin: 0rem;
	background-color: var(--colorPrincipal);
	color: white;
	font-size: 1rem;
	line-height: inherit;
	width: 1.5rem;
	height: 1.5rem;
	padding: 0rem;
}
.cont-img-act{
	position: relative;
	margin: 1.5rem 0;
}

.card-img-tipo-actividad{
	height: 100%;
}
.card-img-tipo-actividad .btn-img-tipo-actividad{
	margin: 1rem 0rem 2rem 0rem;
}
#modalImagenes .modal-header{
	margin-bottom: 1rem;
}

.datepicker-days th.datepicker-switch,
.datepicker-days tr th {
	color: black;
}
.infoAdListaBack {
	display: flex;
	align-items:center;
}
.infoAdListaBack input{
	margin-right: 1rem;
}
.infoAdListaBack label{
	margin: 0;
}

.bootstrap-timepicker-hour, .bootstrap-timepicker-minute{
	border: none;
}
.bootstrap-timepicker-widget .fa.fa-chevron-up,
.bootstrap-timepicker-widget .fa.fa-chevron-down{
	color: var(--colorPrincipal);
}

@media (min-width: 1202px ) and (max-width: 1350px){
	#busqueda{
		width: 75%;
	}
}
@media (min-width: 1020px ) and (max-width: 1201px){
	#busqueda{
		width: 70%;
	}
}
@media (min-width: 1001px ) and (max-width: 1019px){
	#busqueda{
		width: 69%;
	}
}

/*celulares*/

@media (min-width: 780px ) and (max-width: 1000px){
	.cont-input-busqueda.experiencias, .cont-input-busqueda.fecha{
		width: 29%;
	}
	#busqueda{
		width: 60%;
	}

}
@media (max-width: 769px ){
	.btn.btn-menu-modal{
		padding: 1rem 0 0.5rem;
		margin:0;
	}
	.suscribirse {
		margin-left: 0rem;
		margin-top: 1.5rem;
	}
	.suscribirse input {
		width: 100%;
	}
	.suscribirse img {
		top: 0.5rem;
		left: 90%
	}
	.suscribirse p {
		text-align: center;
		margin-top: 0.2rem;
	}
	.img-footer {
		margin: 0.3rem 0;
	}
	.cont-input-busqueda.experiencias, .cont-input-busqueda.fecha {
		width: 100%;
		border-radius: 2rem;
		margin-bottom: 1rem;
	}
	.btn.btn-buscar {
		float: right;
	}

}




/*btn vender actividad*/
.btn-comprar-agencia{
	position: fixed;
	top:0.5rem;
	right: 0.5rem;
	width: auto;
	background-color: var(--colorPrincipal);
	border-radius: 5px;
	padding: 1rem;
}
.btn-comprar-agencia:hover{
	background-color: white;
	border:2px solid var(--colorPrincipal);
	color: var(--colorPrincipal)
}
.btn-comprar-agencia:hover a{
	color: var(--colorPrincipal);
}

.btn-comprar-agencia a{
	color:white;
	font-family: "Bw Modelica Bold";
	font-size: 1rem;
}
.btn-comprar-agencia a:hover{
	color:var(--colorPrincipal);
	text-decoration: none;
}

.error-imagenes{
	font-size: 2rem;
	font-weight: bold;
	color: rgb(220, 53, 69);
}