.poppins-thin {font-family: "Poppins", sans-serif;font-weight: 100;font-style: normal;}
.poppins-extralight {font-family: "Poppins", sans-serif;font-weight: 200;font-style: normal;}
.poppins-light {font-family: "Poppins", sans-serif;font-weight: 300;font-style: normal;}
.poppins-regular {font-family: "Poppins", sans-serif;font-weight: 400;font-style: normal;}
.poppins-medium {font-family: "Poppins", sans-serif;font-weight: 500;font-style: normal;}
.poppins-semibold {font-family: "Poppins", sans-serif;font-weight: 600;font-style: normal;}
.poppins-bold {font-family: "Poppins", sans-serif;font-weight: 700;font-style: normal;}
.poppins-extrabold {font-family: "Poppins", sans-serif;font-weight: 800;font-style: normal;}
.poppins-black {font-family: "Poppins", sans-serif;font-weight: 900;font-style: normal;}
.poppins-thin-italic {font-family: "Poppins", sans-serif;font-weight: 100;font-style: italic;}
.poppins-extralight-italic {font-family: "Poppins", sans-serif;font-weight: 200;font-style: italic;}
.poppins-light-italic {font-family: "Poppins", sans-serif;font-weight: 300;font-style: italic;}
.poppins-regular-italic {font-family: "Poppins", sans-serif;font-weight: 400;font-style: italic;}
.poppins-medium-italic {font-family: "Poppins", sans-serif;font-weight: 500;font-style: italic;}
.poppins-semibold-italic {font-family: "Poppins", sans-serif;font-weight: 600;font-style: italic;}
.poppins-bold-italic {font-family: "Poppins", sans-serif;font-weight: 700;font-style: italic;}
.poppins-extrabold-italic {font-family: "Poppins", sans-serif;font-weight: 800;font-style: italic;}
.poppins-black-italic {font-family: "Poppins", sans-serif;font-weight: 900;font-style: italic;}

body{margin:0;padding:0;height: 100vh;color:#fff;font-family: "Poppins";}
.clear{clear:both;}
.colorVerdeOscuro{background-color: #00471d;}
.colorVerdeClaro{background-color: #6a9e30;}
.colorNaranja{background-color: #e6931d;}
.colorAmarillo{background-color: #f9c903;}
.row {
	--bs-gutter-x: 1rem !important;
}
a{text-decoration: none !important;color: unset !important;}
header{background-color:#699e2f;padding: 40px 0;}
#sectionOne{background-color:#699e2f;margin: 0;}
header h3 span{font-weight: 700;}
#headerLogo{display: block;margin:40px 0 40px 100px;width:200px;}
#headerColDos{display: flex;align-items: center;justify-content: flex-end;}
#headerAreaClientes{margin-right: 100px;}
#sectionOne{border-top:1px solid #fff;}
#sectionOne .col-6{margin-top: 60px;margin-bottom:60px;}

#sectionTwo{background-color:#fff;}
#sectionTwo .row{margin: 100px 10%;}
.marco{padding: 10px;border-radius: 20px;cursor: pointer;}
.marcoIcono{height: 140px;display: flex;align-items: center;justify-content: center;margin-top:20px;margin-bottom: 20px;}
.marco .subtituloUno{font-weight: 700;text-align: center;padding-top: 20px;border-top: solid 3px rgba(250, 250, 250, 0.3);margin-bottom:0;}
.marco .subtituloDos{text-align: center;}

footer{background-color: #231f20;color: #939598;}
#footerLegales{padding: 40px 0;}

/*PAGINAS INTERNAS*/

.headerSubtitle{margin:40px 20px;}
.headerSubtitle .subtitleLineOne{font-size: 48px;}
.headerSubtitle .subtitleLineTwo{font-size: 48px;margin-top:-20px;}
#menuIzq{background-color:#eee;padding:40px 10px 80px 40px;width: 30%;}
.innerSectionTwo .innerContent{width: 70%;}
#menuIzq .menuItem{margin: 20px;}
#menuIzq .marco{padding: 5px;border-radius: 5px;}
#menuIzq .menuIcono{width: 60px;height:60px;float: left;}
#menuIzq .menuIcono img{display: block;margin:5px auto;height: 40px;}
#menuIzq .menuTexto {float: left;line-height: 3;padding-left: 20px;margin: 0;}
.menuItem{color:#888;font-weight: 700;}
.innerHeaderColDos{display: flex;align-items: center;justify-content: flex-end;}
.innerContent{padding:40px 0 0 40px;}
.accordion-item{margin-bottom:10px;width:90%;}
.accordion-header{border:1px solid lightgray;}
.accordion-header p{margin-bottom: 0;}
.accordion-header .subtituloUno{color: #699e2f;}
.accordion-header .subtituloDos{color:#699e2f;}
.accordion-button::after {content: "\f055"; font-family: "FontAwesome";flex-shrink: 0;width: var(--bs-accordion-btn-icon-width);height: var(--bs-accordion-btn-icon-width) margin-left: auto;background: none; /* Remueve la imagen de fondo */transition: var(--bs-accordion-btn-icon-transition);}
.accordion-button:not(.collapsed)::after {content: "\f056"; background: none; /* Remueve la imagen de fondo */transition: var(--bs-accordion-btn-icon-transition);}
.accordion-button:focus {box-shadow: none !important;}
.accordion-button:not(.collapsed) {color: var(--bs-accordion-active-color);background-color: transparent;box-shadow: unset;}
.accordion-collapse{padding-left: 40px;}
.accordionInner .accordion-header{border: unset;}
.accordion-item{border:unset !important;}


.accordionInner .accordion-button::after {content: "\f0d7"; font-family: "FontAwesome";flex-shrink: 0;width: var(--bs-accordion-btn-icon-width);height: var(--bs-accordion-btn-icon-width) margin-left: auto;background: none; /* Remueve la imagen de fondo */transition: var(--bs-accordion-btn-icon-transition);}
.accordionInner .accordion-button:not(.collapsed)::after {content: "\f0d8"; background: none; /* Remueve la imagen de fondo */transition: var(--bs-accordion-btn-icon-transition);}
.accordionInner .accordion-button:focus {box-shadow: none !important;}
.accordionInner .accordion-button:not(.collapsed) {color: var(--bs-accordion-active-color);background-color: transparent;box-shadow: unset;}

/* MANUALES */
.accordionInner .accordion-item button{font-weight: 700;}
.accordionInner .accordion-item button span{font-weight: 400;}
.accordionInner .accordion-button:not(.collapsed) {color: lightgray !important;}

/* MANUALES */
.busquedaDriver{padding:20px;background-color:lightgray;}
.busquedaDriver button:hover,.busquedaDrivers button:active{color: #6a9e30 !important;border:1px solid #6a9e30;}

/* SOPORTE */
.soporteInnerContent{width:70%}
#formSoporte {margin:40px 6px;}
#formSoporte a{display: block;width:200px;text-align: center;}
#formSoporte h2{margin-top:40px;color:#6a9e30;font-weight: 400;}
#formSoporte h2 span{font-weight: 700;}
#formSoporte img{width: 20px;}
#formSoporte textarea {resize: none !important;}
#formSoporte button:hover,#formSoport button:active{color: #6a9e30 !important;border:1px solid #6a9e30;}

/* CARGA - LOGIN */
#cargaLoginSection form{display: block;width:300px;max-width:90%;margin:40px auto;}
#cargaLoginSection form #submitLogin{display: block;margin:10px auto;border:none;color:#fff;border-radius:4px;font-size:1.2rem;padding:4px 10px;}



/* CARGA - ADMIN */
#cargaAdmin{padding:30px 10%;}
#listadoDrivers, #listadoManuales {list-style-type: none;}
#listadoDrivers li, #listadoManuales li {padding:2px 5px;margin:4px;border:1px solid #666;}
#multiCollapseManuales .col-12, #multiCollapseDrivers .col-12{border:1px solid #ddd;margin-bottom:20px;}
#multiCollapseManuales h3, #multiCollapseDrivers h3{color:#6a9e30;}


/* adaptable */

@media (max-width:1050px){
	/*home*/
	#headerLogo{margin: 10px;width: 20vw;}
	#headerAreaClientes{margin-right: 10px;width: 20vw;}
	#sectionOne .col-6{width: 90% !important;margin-top: 20px;margin-bottom: 20px;}
	#sectionOne .col-3{width: 90% !important;margin:20px 10px;}
	#sectionTwo .col-2{width: 25% important;}
	.marco .subtituloUno{font-size: 1.6vw;}
	.marco .subtituloDos{font-size: 1.4vw;}
	.headerSubtitle{margin:20px 10px;}
	.headerSubtitle .subtitleLineOne, .headerSubtitle .subtitleLineTwo{display: inline-block;font-size: 4vw;}
	#menuIzq{width: 100% !important;padding: 10px;}
	#menuIzq .menuItem{width: 40%;float: left;}
	#menuIzq .menuTexto{padding-left: 10px;}
	.innerSectionTwo .innerContent{width: 100% !important;}
	#footerLegales{font-size: 10px;}
	footer{position: fixed;bottom: 0px;width: 100%;}
}
@media (max-width:810px){
	header{padding:10px 0;}
	#sectionOne p{font-size: 12px;}
	#sectionOne .col-6 {margin-left: 10px;}
	#sectionTwo .row{margin:20px 20px 100px 20px;}
	.marcoIcono{height: 3vw;margin-top: 4vw;margin-bottom: 4vw;}
	.marcoIcono img{width: 50%;}
	.marco .subtituloUno{padding-top: 0px;}
	.marco .subtituloDos{margin-bottom: 0px;}
	#menuIzq .menuTexto{line-height: 5;font-size: 12px;}
}
@media (max-width:428px){
	#menuIzq .menuItem{margin:5px;}
	#menuIzq .menuIcono{width: 35px;height: 35px;}
	#menuIzq .menuIcono img {height: 25px;margin:2px auto;}
	#menuIzq .menuTexto{line-height: 3;font-size: 10px;}
	.innerContent h2 btn{font-size: 12px;}
	#collapseOne form input{max-width: 100%;}
	#footerLegales{font-size: 9px;}
	#sectionTwo .col-2{width: 50%;}
	#botonesInicio .col-2{margin-bottom: 4vw;}
	#botonesInicio .marcoIcono{height: 8vw;margin-top:8vw;margin-bottom: 8vw;}
	#botonesInicio .marco .subtituloUno, #botonesInicio .marco .subtituloDos{font-size: 3vw;}
}