﻿/*Estilos imagen encabezado*/
.header-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
/*Fin Estilos imagen encabezado*/

.intro-messageFV {
    font-size: 3em;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    margin-top: 50px;
}

.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;
}

.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-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*/
