﻿/*Estilo para los mensajes de error #ef3340*/
/*Estilos imagen encabezado*/
.header-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}


.FlagCurrency2 {
    margin-left: 40px;
}

#lblNoUtilice2 {
    margin-left: 45px;
}



.box-border {
    border: 1px solid #AEADB3 !important;
}

.box-border-vertical {
    border-left: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
}

.box-container, box-panel {
    padding: 0.01em 16px;
    padding: 10px;
    margin-bottom: 20px;
}

.box-round-xlarge {
    border-radius: 16px;
}

#paso3 li {
    list-style: none;
}

.fontsize-12 {
    font-size: 12px;
}

.margin-left15 {
    margin-left: 15px;
}

.has-error {
    color: #EF3340 !important;
}

    .has-error .help-block {
        color: #EF3340 !important;
    }

    .has-error .form-control {
        border-color: #EF3340 !important;
    }

div .form-object.has-error .label-text {
    color: #EF3340 !important;
}

.margin-left30 {
    margin-left: 30px;
}

.border-radius-second {
    border-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 0 !important;
}


.intro-messageFV {
    font-size: 1em;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    margin-top: 50px;
}

.padding-left {
    padding-left: 7px;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.top-minimo {
    margin-top: 25px;
}

.box-color {
    background-color: #F5F5F5;
}

.subrayado {
    text-decoration: underline;
}

.subheader-text {
    color: #0033A0;
    font-weight: bold;
    text-align: left;
    margin-bottom: 0px;
}

.header-text {
    color: #0033A0;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0px;
}

label.header-text{
    font-size: 14px;
}

.message-text {
    color: #727176;
    font-weight: bold;
    text-align: center;
    margin-top: 2px
}

.row-fv {
    margin: 0 auto !important;
    display: table;
    width: 100%;
}

[class*="col-"] {
    display: table-cell;
    padding: 16px;
}

@media only screen and (max-width: 600px) {
    [class*="col-"] {
        display: block;
        width: 100%;
    }
}

.object-borders {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    border-bottom: 1px solid #AEADB3;
    padding: 5px 10px;
    outline: none;
    border-radius: 0px;
    /*margin: 0 auto !important;*/
}

    .object-borders:focus {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
        border: none;
        border-bottom: 1px solid #1BACEC;
        padding: 5px 10px;
        outline: none;
        border-radius: 0px;
        /*margin: 0 auto !important;*/
    }

.object-borders-data {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    border-bottom: 1px solid #0033A0;
    padding: 5px 10px;
    outline: none;
    border-radius: 0px;
    /*margin: 0 auto !important;*/
}

    .object-borders-data:focus {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
        border: none;
        border-bottom: 1px solid #0033A0;
        padding: 5px 10px;
        outline: none;
        border-radius: 0px;
        /*margin: 0 auto !important;*/
    }

.calendar-borders {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    padding: 5px 10px;
    outline: none;
    border-radius: 0px;
    right: 0px !important;
}

.label-text {
    color: #0033A0;
    text-align: left !important;
}

.form-control {
    color: #727176;
}

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: transparent;
    }

/*Estilos botón siguiente*/
.btn-styles {    
    background-color: #1BACEC;
    color: #FFFFFF;
}

    .btn-styles:hover {
        font-weight: bold;
    }

.btn-padding {
    padding-top: 50px;
}
/*Fin Estilos botón siguiente*/

.sec-pasos {
    text-align: right;
    color: #AEADB3;
    font-weight: bold;
    font-size: small;
}

.sec-pasos-xs {
    text-align: left;
    color: #AEADB3;
    font-weight: bold;
    font-size: small;
}

.btn-pasoactual,
.btn-pasoactual:focus {
    border-radius: 100%;
    border: 2px solid #1BACEC;
    background-color: #1BACEC;
    color: #FFFFFF;
    font-weight: bold;
    font-size: small;
}

.btn-pasoanterior,
.btn-pasoanterior:focus {
    border-radius: 100%;
    border: 2px solid #727176;
    background-color: #727176;
    color: #FFFFFF;
    font-weight: bold;
    font-size: small;
}

.btn-pasosiguiente,
.btn-pasosiguiente:focus {
    border-radius: 100%;
    border: 2px solid #AEADB3;
    background-color: #FFFFFF;
    color: #AEADB3;
    font-weight: bold;
    font-size: small;
    cursor: default;
}

.msg-aviso-documentos {
    text-align: justify;
    font-weight: bold;
    font-size: larger;
    color: #0033A0;
}

.table-pasos {
    margin-left: auto;
    margin-right: auto;
}

.td-table-pasos {
    display: table-cell;
}


/*Botonoes de pasos 2*/
.swal2-progresssteps {
    align-items: center;
    margin: auto;
    padding: 0;
    font-weight: bold;
}

    .swal2-progresssteps .swal2-progresscircle {
        width: 2.5em;
        height: 2.5em;
        border-radius: 100%;
        border: 2px solid #727176;
        background: #727176;
        color: #FFFFFF;
        line-height: 2em;
        text-align: center;
        z-index: 20;
    }

li.swal2-progresscircle {
    cursor: pointer;
}

li.swal2-next-progresscircle {
    cursor: pointer;
}

.swal2-progresssteps .swal2-next-progresscircle {
    width: 2.5em;
    height: 2.5em;
    border-radius: 100%;
    border: 2px solid #AEADB3;
    background: #AEADB3;
    color: #FFFFFF;
    line-height: 2em;
    text-align: center;
}

.swal2-progresssteps .swal2-progressline {
    width: 3em;
    height: .2em;
    margin: 0 -1px;
    background: #727176;
    z-index: 10;
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
    background: #1BACEC;
    border: 2px solid #1BACEC;
}

    .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
        background: #AEADB3;
    }

.swal2-progresssteps li {
    display: inline-block;
    position: relative;
}

.table-pasos2 {
    padding-top: 10px;
    display: table; /* Allow the centering to work */
    margin: 0 auto;
}

ul#horizontal-list li {
    display: inline;
}

.header-msj {
    width: 170px;
    height: 80px;
}
/*Fin Botonoes de pasos 2*/

/*Estilos de combos con bootstrap-select*/
.bootstrap-select .btn {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    display: block;
    border: none;
    padding: 5px 5px;
    outline: none;
    border-radius: 0px;
}

.bootstrap-select .dropdown-menu {
    margin: 0 auto !important;
    float: none !important;
    max-width: 280px !important;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    border: 0;
    padding: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-height: 300px !important;
}

.bootstrap-select.form-control {
    border-bottom: 1px solid #AEADB3 !important;
    max-width: 280px !important;
    float: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    outline: none;
    border-radius: 0px;
}

.form-control-data {
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.bootstrap-select.form-control-data {
    border-bottom: 1px solid #0033A0 !important;
    max-width: 280px !important;
    float: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    outline: none;
    border-radius: 0px;
}

.form-control-error {
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.bootstrap-select.form-control-error {
    border-bottom: 1px solid #A94442 !important;
    max-width: 280px !important;
    float: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    outline: none;
    border-radius: 0px;
}

select::-ms-expand {
    /* for IE 11 */
    display: none;
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: #FFFFFF !important;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    outline-offset: 0px;
}

.btn-default:hover {
    color: #727176 !important;
    background-color: #FFFFFF;
}

.btn-default:focus, .btn-default.focus {
    color: #727176 !important;
    background-color: #FFFFFF;
}

.btn-default {
    color: #727176 !important;
    background-color: #FFFFFF;
    background-image: none;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 95%;
    text-align: left;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -2px;
    vertical-align: middle;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
    display: table-cell;
}
/*Fin Estilos de combos con bootstrap-select*/

/*Estilos botones editción tabla*/
.btn.btn-primary.footable-show,
.btn.btn-primary.footable-add,
.swal2-confirm.swal2-styled,
.btn-salvar {
    background-color: #1BACEC !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    color: #FFFFFF;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.btn-default.footable-hide,
.swal2-cancel.swal2-styled,
.btn-cancelar {
    background-color: #EF3340 !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    color: #FFFFFF !important;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.btn-primary.footable-show:hover,
.btn.btn-primary.footable-add:hover,
.swal2-confirm.swal2-styled:hover,
.btn-salvar:hover {
    background-color: #1BACEC !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    color: #000000;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 4px;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn.btn-default.footable-hide:hover,
.swal2-cancel.swal2-styled:hover,
.btn-cancelar:hover {
    background-color: #EF3340 !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    color: #000000 !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 4px;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
/*Fin Estilos botones editción tabla*/
.label-subtitle {
    padding-top: 1px;
    color: #9d9ca4;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
}

.label-subtitle1 {
    padding-top: 2px;
    color: #0033A0;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
}

.lead-subtitle {
    font-size: 19px;
    margin-bottom: 0px;
    color: #0033A0;
}

.lead {
    /*font-size: 33px;*/
    margin-bottom: 0px;
    color: #0033A0;
}

.padding-without-left {
    padding-left: 0px;
}

/*.panel-default-1 {
    border: 1px solid #ddd;
}*/



.hidden {
    display: none !important;
}



@media only screen and (min-width: 600px) and (max-width: 768px) {
    #calendarFechaNacimiento {
        margin-right: 11px;
    }

    .FlagCurrency2 {
        margin-left: 45px;
    }

    #lblNoUtilice2 {
        padding-left: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1022px) {
    .FlagCurrency2 {
        margin-left: 9% !important;
    }

    #calendarFechaNacimiento {
        margin-right: 8% !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1122px) {
    .row.form-object.text-center.has-error label {
        color: #EF3340 !important;
    }

    .FlagCurrency2 {
        margin-left: 1% !important;
    }

    #lblNoUtilice2 {
        margin-left: 5px;
    }


    .form-group {
        margin-left: 0px !important;
    }

    .label-text2 {
        width: 100% !important;
        margin-left: 0px !important;
    }

    #calendarFechaNacimiento {
        margin-right: 3% !important;
    }
}

#filaselector .bootstrap-select {
    max-width: 340px !important;
}

.boxex {
    height: 230px;
}

.boxex-large {
    height: 280px;
}

h6 strong {
    font-size: 24px;
}

h6 {
    padding-top: 7px !important;
}

/*.modal {
    text-align: center;
}*/

@media screen and (min-width: 768px) {
    /*.modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }*/
}

/*.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}*/

p {
    margin-bottom: 0px;
}