:root {
    --canelo-primary-color: #27998b;
    --canelo-primary-btn-text-color: #fff;
    --canelo-primary-text-color: #231f20;

    --gooster-primary-color: #75b84d;
    --gooster-primary-btn-text-color: #fff;
    --gooster-primary-text-color: #673918;
    
    --proterline-primary-color: #ffd900;
    --proterline-primary-text-color: #231f20;

    --sietevidas-primary-color: #d11666;
    
}

body {
    font-family: 'Montserrat', sans-serif;
	background: transparent;
}


.container {
    margin: 0 1em;
}

.seccion {
    font-weight: 700;
    padding: 2em 2.5em;
    border-bottom: 1px solid #cbcbcb;
}


.seccion-success {
    font-weight: 700;
    padding: 2em 2.5em;
}

.titulo {
    color: #062f6e;
    font-size: 1.6em;
    font-weight: 700;
}

.titulo-success {
    color: #062f6e;
    font-weight: 700;
}

.success-container{
    /*margin:2rem;*/
    padding: 6rem;
    /* border: 1px solid gray; */
    box-shadow: 1px 1px 9px lightgrey;
}

.btn-principal {
    color: white;
    background-color: #cbcbcb;
    border-radius: 2em;
    padding: 1em;
    text-decoration: none;
    transition: all 0.5s ease;
    min-width: 14em;
    text-align: center;
    border: 0;

}

.btn-principal:hover {
    opacity: 0.5;
    text-decoration: none;
    color: white;

}

.btn-principal.seleccionado {
    color: white;
    background-color: #062f6e;
    font-weight: 700;
    text-transform: uppercase;
}

.btn-principal.seleccionado:hover {
    opacity: 1;
}


.select {
    border: none;
    border-bottom: 1px solid #cbcbcb;
    border-radius: 0;
    font-weight: 700;
}

.form-control:focus,
.form-select:focus {
    border-color: transparent;
    box-shadow: 0px 3px 0px -3px rgba(13, 110, 253, 1);

}

.input {
    border: none;
    border-bottom: 1px solid #cbcbcb;
    border-radius: 0;
    font-weight: 700;
}

#upload-photo {
    opacity: 0;
    cursor: pointer;

}

.btn-adjuntar {
    color: white;
    background-color: #062f6e;
    border-radius: 2em;
    padding: 1em 1.5em;
    transition: all 0.5s ease;
    cursor: pointer;
    min-width: 16em;
    text-align: center;
}

.ocultar {
    display: none;
}

.valid-tooltip,
.invalid-tooltip {
    margin-top: 1px;
    padding: 2px 6px;
    border-radius: 0.2em;
    box-shadow: none;
    background-color: rgba(220, 53, 69, .7)
}

.valid-tooltip:focus,
.invalid-tooltip:focus {
    border: none;
}

.noResaltable.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #cbcbcb;
    background-image: none;
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: none;
    box-shadow: none;
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: none;
    box-shadow: none;
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus,
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
    border-color: none;
    box-shadow: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: none;
}

.fa-question-circle {
    color: #428dff;
}

.tooltipElement{
    bottom: 35px;
    right: 0;
    display: none;
}

i:hover ~ .tooltipElement{
    display: block;
    cursor: pointer;
}

/* sieger */
body.sieger .btn-principal.seleccionado{
	background-color:#CA1E2C;
}
body.sieger .titulo{
	color:#CA1E2C;
}


/* maxxium */
body.maxxium{
	font-family:  'Open Sans', sans-serif !important;
}

body.maxxium .btn-principal.seleccionado{
	background-color:#8AC36A;
}

body.maxxium button{
	font-family: 'Roboto Condensed' !important;
}

body.maxxium .titulo{
	color:#8AC36A;
}

body.maxxium .title-container{
	display: none !important;
}

/* wild */
body.wild .btn-principal.seleccionado{
	background-color:#1d1d1b;
}
body.wild .titulo{
	color:#1d1d1b;
}


/* hmd */
body.hmd .btn-principal.seleccionado{
	background-color:#CF8D66;
}
body.hmd .titulo{
	color:#CF8D66;
}

/*Chiens & Chats*/
body.cyc .btn-principal.seleccionado{
	background-color:#b2a16c;
}
body.cyc .titulo{
	color:#b2a16c;
}
/*HomeBrand*/
body.homebrand .btn-principal.seleccionado{
	background-color:#6C6462;
}
body.homebrand .titulo{
	color:#6C6462;
}
body.homebrand  .titulo-success{
	color:#6C6462;
}

body.homebrand #success-layer .seccion-success img {
    content: url("../img/homebrand-logo.png");
    max-width: 270px;
}


/*siegersignature*/
body.siegersignature .btn-principal.seleccionado{
	background-color:#030303;
}
body.siegersignature .titulo{
	color:#030303;
}
body.siegersignature  .titulo-success{
	color:#030303;
}

/*gooster*/
body.gooster .btn-principal.seleccionado {
    background-color: var(--gooster-primary-color);
    color: var(--gooster-primary-btn-text-color);
}

body.gooster .titulo,
body.gooster .titulo-success {
    color: var(--gooster-primary-text-color);
}

/*canelo*/
body.canelo .btn-principal{
    border-radius: 0.125rem;
}
body.canelo .btn-principal.seleccionado {
    background-color: var(--canelo-primary-color);
    color: var(--canelo-primary-btn-text-color);
}

body.canelo .titulo,
body.canelo .titulo-success {
    color: var(--canelo-primary-text-color);
}

/*proterline*/
body.proterline .btn-principal{
    border-radius: 0.125rem;
}
body.proterline .btn-principal.seleccionado {
    background-color: var(--proterline-primary-color);
    color: var(--proterline-primary-text-color);
}

body.proterline .titulo,
body.proterline .titulo-success {
    color: var(--proterline-primary-text-color);
}

/*7vidas*/
body.fix-7vidas .btn-principal{
    border-radius: 10px;
}
body.fix-7vidas .btn-principal.seleccionado {
    background-color: var(--sietevidas-primary-color);
}

body.fix-7vidas .titulo,
body.fix-7vidas .titulo-success {
    color: var(--sietevidas-primary-color);
}


/* body.siegersignature #success-layer .seccion-success img {
    content: url("../img/homebrand-logo.png");
    max-width: 270px;
} */
.dropzone {
    border: 1px solid #cbcbcb !important;
    border-radius: 4px;
    font-weight: 300;
 }

.dropzone .dz-preview .dz-image img {
    margin: auto;
    height: 90%;
}

.dropzone a.dz-open {
    display: none;
}

.no-arrow {
    -moz-appearance: textfield;
}

.no-arrow::-webkit-inner-spin-button {
    display: none;
}

.no-arrow::-webkit-outer-spin-button,
.no-arrow::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.d-none-custom {
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    display: none !important;
}

/*bold en los placeholders*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: pink;
    font-weight: 700;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color: pink;
    font-weight: 700;
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: pink;
    font-weight: 700;
  }
  :-moz-placeholder { /* Firefox 18- */
    color: pink;
    font-weight: 700;
  }

@media(max-width:767px) {
    .seccion {
        padding: 2em 1em;
    }

    .container {
        padding: 0;
        margin: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fa-spin {
        animation: fa-spin 2s infinite linear !important;
    }
}