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

.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.field-validation-error {
    display: inline !important;
    color: #FF5F5F !important;
    padding-left: 20px !important;
    background: url("../../images/error-triangle.png") !important;
    background-repeat: no-repeat !important;
    background-position: center left !important;
    width: 100% !important;
}

/*
        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;
}

.solicitudesPortales {
    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,
.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;
    }

/*SELECTIZE*/

.optioncaption {
    font-size: 12px;
    display: block !important;
    opacity: 0.5;
}