/*
	Estilos para el WebPart Formulario Solicitud (Precalificación)
*/

#solicitudesPortales {
    padding-top: 50px;
}

.solicitudesportales .btn-primary {
    padding: 15px;
    color: #fff;
    font-family: "freight_sansbold",sans-serif;
    text-transform: uppercase;
    border: none;
    background: #00aef0;
    cursor: pointer;
    transition: background 0.6s cubic-bezier(0.165,0.84,0.44,1);
    border-radius: 0;
}


/*
	SELECT 2
*/

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 0;
}

.select2-container .select2-selection--single {
    height: 34px;
}

.select2-results__option {
    text-transform: capitalize;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
    text-transform: capitalize;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 1px;
}


/*
	VALIDDATION ERROR
*/
.form-group span.validation-error {
    display: inline;
    color: #FF5F5F;    
    /*padding-left: 20px;*/
    /*background: url("../img/icon/error-triangle.png");*/
    background-repeat: no-repeat;
    background-position: center left;
    width: 100%;
}

.icono-pequeno {
    font-size: 10px; /* Ajusta el tamaño a 12 píxeles */
}

/*
	Anexos
*/

input[type="file"] {
    display: none !important;
}

.custom-file-upload {
    border: none;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    width: 35% !important;
    text-align: center;
    margin-bottom: 0px;
    color: white;
    background-color: #f89420;
}

#anexosSolicitud .form-inline label {
    color: #fff;
    font-size: 18px;
    padding: 0;
    margin: 0;
    height: 64px;
    padding-top: 24px;
}

input.nombreArchivo {
    padding: 6px 12px;
    width: 65% !important;
}

.SolicitudInfo input.form-control.nombreArchivo {
    border: none;
    color: silver;
    background-color: #103e5d;
}


.hide {
    display: none;
}


/*
	Tag btn switch
*/

.SolicitudInfo h1,
.SolicitudInfo h2,
.SolicitudInfo h3,
.SolicitudInfo h4,
.SolicitudInfo h5 {
    color: #fff;
    font-family: "freight_sansbold",sans-serif;
    text-transform: uppercase;
}

#solicittudesPortales {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

#solicitudesPortales .titulo,
#solicitudesPortales hr {
    display: none;
}

#solicitudesPortales .btn-group.btn-group-toggle {
    text-transform: uppercase;
    margin-bottom: 2rem;
    margin-top: 1.5rem;
}


#solicitudesPortales .btn-secondary {
    background-color: transparent;
    color: #fff;
    border: 2px #f89420 solid;
    border-radius: 0;
    padding: 15px 15px;
}

    #solicitudesPortales .btn-secondary:hover {
        border-color: #f89420;
    }

#solicitudesPortales label.btn.btn-secondary.active {
    color: #fff;
    background-color: #f89420;
    border-color: #f89420;
    border-radius: 0;
}


#solicitudesPortales .btn label {
    margin: 0;
    margin-bottom: 1px;
    cursor: pointer;
}

#solicitudesPortales label.btn.btn-secondary.focus {
    box-shadow: none !important;
}

.SolicitudInfo input[type="text"], input[type="select-one"], input[type="button"], input[type="submit"],
.SolicitudInfo select,
.selectize-input.items.not-full.has-options {
    background: #395a7b;
    border: 2px solid #678eb1;
    color: #fff;
    font-family: "freight_sansbook",sans-serif;
    font-size: 18px;
    height: 64px;
    padding: 0 23px;
    width: 100%;
}


.selectize-input {
    border: 2px solid #7d95aa !important;
    height: 64px;
    padding: 0 23px;
    width: 100%;
    border-radius: 0 !important;
}

.SolicitudInfo label {
    color: #fff;
    font-family: "freight_sansbold",sans-serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 1;
    text-transform: uppercase;
}

.SolicitudInfo .form-group {
    margin-bottom: 2rem;
}

.SolicitudInfo .form-control {
    border-radius: 0;
}

.SolicitudInfo .tooltip-container i {
    color: #00aef0;
}

.SolicitudInfo .tooltip-main {
    border-bottom-color: #f00;
}


/*
	PlaceHolder
*/

.SolicitudInfo input::placeholder {
    color: #97cbea;
    opacity: 1;
}

.SolicitudInfo input:-ms-input-placeholder {
    color: #97cbea;
}

.SolicitudInfo input::-ms-input-placeholder {
    color: #97cbea;
}


/*
	ToolTips
*/


.tooltip-qm {
    float: left;
    margin: -2px 0px 3px 4px;
    font-size: 12px;
}

.tooltip-inner {
    width: auto;
    font-size: 1.1rem;
    padding: 10px 15px 10px 20px;
    background-color: #00aef0;
    color: #fff;
    border: none;
    text-align: left;
    border-radius: 0;
}

.tooltip.show {
    opacity: 1;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #00aef0;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color: #00aef0;
}


.SolicitudInfo h5 {
    font-size: 1.75rem;
    margin: 2rem 0 0 0;
}

.SolicitudInfo h6 {
    color: #fff;
    font-size: 1.2rem;
    font-family: "freight_sansbook",sans-serif;
    margin: 0 0 1.5rem 0;
    padding: 0;
}

/*
	Enviar Solicitud
*/

.SolicitudInfo .btn-guardar {
    font-family: "freight_sansbook",sans-serif;
    font-size: 1.2rem;
    text-transform: uppercase;
    border: 1px solid #00aef0;
    background: #00aef0;
    color: #fff;
    margin-top: 3rem;
    max-width: 300px;
    border-radius: 0;
}

    .SolicitudInfo .btn-guardar:hover {
        border: 1px solid #f89420;
        background: #f89420;
    }

#btnProcesando {
    font-family: "freight_sansbook",sans-serif;
    font-size: 1.2rem;
    text-transform: uppercase;
    border: 1px solid #00aef0;
    background: #f89420;
    color: #fff;
    margin-top: 3rem;
    max-width: 300px;
    border-radius: 0;
    font-family: "freight_sansbook",sans-serif;
    font-size: 18px;
    height: 64px;
    padding: 0 23px;
    width: 100%;
}
/*SELECTIZE*/
.optioncaption {
    font-size: 12px;
    display: block !important;
    opacity: 0.5;
}



.selectize-dropdown.single.form-control {
    padding: 0 1rem;
}

/*Estilos para mensajes*/

.exito-icon {
    background-color: #00aef0;
    padding: 38px 31px;
}

.error-icon {
    background-color: #f89420;
    padding: 45px 31px;
}

.exito-msg h4 {
    font-family: 'freight_sansbold';
    color: #00aef0;
    font-size: 39px;
    margin-top: 14px;
}

.error-msg h4 {
    font-family: 'freight_sansbold';
    color: #f89420;
    font-size: 39px;
}

.exito-msg,
.error-msg {
    padding: 15px;
    width: 100%;
    background-color: #fff;
}

.exito-icon i,
.error-icon i {
    color: #fff;
    font-size: 3.75rem;
}

.exito-msg p,
.error-msg p {
    color: #999;
}

/*TITULO */
#solicitudesPortales .title {
    font-family: 'freight_sansbold';
    font-size: 3rem;
    line-height: 1;
}

#solicitudesPortales .subtitle {
    font-size: 24px;
}

#solicitudesPortales .tipoSolicitud {
    font-family: 'freight_sansbold';
}

#solicitudesPortales .form-check-label {
    cursor: pointer;
}

.form-group.form-check label {
    font-family: 'freight_sansbook';
    text-transform: none;
    margin-top: 10px;
    font-size: 20px;
    margin-left: 5px;
}

.custom-confirm-button {
    font-family: "freight_sansbook", sans-serif !important;
    font-size: 1.2rem !important;
    border: 1px solid #00aef0 !important;
    background: #00aef0 !important;
    color: #fff !important;
    margin-top: 3rem !important;
    max-width: 300px !important;
    border-radius: 0 !important;
    height: 50px !important;
    padding: 0 23px !important;
    width: 100% !important;
}

    .custom-confirm-button:hover {
        background-color: #f89420 !important;
        border: 1px solid #f89420 !important;
    }