/*
FRONT EFOS
Version: 1.0.0
Author: Juan Pablo Grajeda

::  1.0 General Reset & Setup
-------------------------------------------
    1.1 Reset and overrides

::  2.0 Page Structure Settings
-------------------------------------------
    2.1 Page Options
    2.2 Page Loader
    2.3 Header & header elements
    2.4 Sidebar & sidebar elements
    2.4 Sidebar & sidebar elements
    2.5 Content & content elements
    2.6 Footer & footer elements

::  3.0 Component Setting
-------------------------------------------
    3.1 Component - Form Elements
    3.2 Component - Dropdown Menu
    3.3 Component - Tooltip
    3.4 Component - Alert
    3.5 Component - Note Setting
    3.6 Component - Badge & Label Setting
    3.7 Component - Pagination & pager
    3.8 Component - Progress bar
    3.9 Component - Nav Setting
    3.10 Component - Nav Tabs
    3.11 Component - Nav Pills
    3.12 Component - Tab Content
    3.13 Component - Accordion Panel
    3.14 Component - Button
        3.14.1 Component - Button - Default
        3.14.2 Component - Button - White
        3.14.3 Component - Button - Inverse
        3.14.4 Component - Button - Primary
        3.14.5 Component - Button - Success
        3.14.6 Component - Button - Warning
        3.14.7 Component - Button - Danger
        3.14.8 Component - Button - Info
        3.14.8 Component - Button - Total
        3.14.8 Component - Button - Presunto
        3.14.8 Component - Button - Definitivo
        3.14.8 Component - Button - Desvirtuado
        3.14.8 Component - Button - Sentencia Favorable
    3.15 Component - Panel
    3.16.Component - Panel - Panel Expand
    3.17 Component - Panel - Panel loading
    3.18 Component - Modal Setting
    3.19 Component - Media Object
    3.20 Component - Table
    3.21 Component - Well
    3.22 Component - Jumbotron
    3.23 Component - List Group
    3.24 Component - Carousel
    3.25 Component - Breadcrumbs
    3.26 Pace Loader Setting

*/
hr.especial_1{
    border-top: 1px solid #124B82!important;
}
hr.especial_2{
    border-top: 1px solid #4dc1fa!important;
}
.btn_invoiceYes{
    border-top: 1px solid #54C2F7;
    border-left: 1px solid #54C2F7;
    border-bottom: 1px solid #54C2F7;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    padding: 10px 0;
    font-size: 18px
}
.btn_invoiceNo{
    border-top: 1px solid #54C2F7;
    border-right: 1px solid #54C2F7;
    border-bottom: 1px solid #54C2F7;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    padding: 10px 0;
    font-size: 18px
}
.btn_invoiceYes.active,
.btn_invoiceNo.active
{
    background-color: #54C2F7;
    color: #fff;
    font-size: 18px
}
.mayusculas{
    text-transform: uppercase!important;
}
.word-spacing{
    word-spacing: .1px!important;
}
.a_especial_datosliquidador{
    display: inline!important; padding: .2em .6em .3em!important; color: #fff!important;  text-align: center!important; white-space: nowrap!important; vertical-align: baseline!important;  border-radius: .25em!important;
}
.background_282e33{
    background: #282e33!important;
}
.background_00acac{
    background: #00acac!important;
}
.background_e2e2e2{
    background: #e2e2e2!important;
}
.bakcground_ff5b57{
    background: #ff5b57!important;
}
.background_FFD000{
    background: #FFD000!important;
}
.background_0D5DB9{
    background: #0D5DB9!important;
}
.color_negro{
    color: #000!important;
}

.color_0D5DB9{
    color: #0D5DB9!important;
}
.color_reporteProgramado{
    color: #54C2F7
}
.p_especial_liquidador{
    margin-left: 1%!important; font-size: 1.3em!important;
}
footer{
    display: block; position: absolute; width: 100%; height: auto; left: 0; bottom: 0;
    background: #f4f4f4; text-align: center; padding: 28px 32px; box-sizing: border-box;
}
footer > *{
    display: inline; line-height: 28px; font-family: "Open Sans", sans-serif; color: #949494;
    text-transform: uppercase; letter-spacing: 1px;
}
footer hr{
    width: 0; border: none; border-right: 1px solid #949494; margin: 0 10px;
}
footer a:hover{
    color: #3b3b3b;
}
.background_color_custom2{
    /*background: #0a385c!important;*/
    color: #49BCF8!important;
}
.liquidaror > thead > tr > td{
    background-color: #30c1f7!important;
}
.liquidados > thead > tr > td{
    background-color: #005eba!important;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.span_custom1{
    color: grey!important; font-size: 13px!important;
}
input[type=number] { -moz-appearance:textfield; }

.a-owerflow{
    overflow: auto;
}

/* Display */

.d-inline-block{
    display: inline-block;
}

/* Border */
.no-border{
    border: 0;
}


/* Color */
.color-gray-darker{
    color: #222;
}
.color-gray-dark{
    color: #333;
}
.color-gray{
    color: #555;
}
.color-gray-light{
    color: #777;
}
.color-gray-lighter{
    color: #eee;
}


/* Background Color*/
.background-gray-darker{
    background-color: #222;
}
.background-gray-dark{
    background-color: #333;
}
.background-gray{
    background-color: #555;
}
.background-gray-light{
    background-color: #777;
}
.background-gray-lighter{
    background-color: #c8d1d7;
}

/* Position */
.p-abs-t-0-r-5{
    position: absolute;
    right: 5%;
    top: 3%;
}

/*width*/
.w-100{
    width: 100% !important;
}

.margin-bottom-0{
    margin-bottom: 0 !important;
}
.margin-top-0{
    margin-top: 0 !important;
}
.margin-left-0{
    margin-left: 0 !important;
}
.margin-left_5px{
    margin-left: 5px;
}
.margin-left_15px{
    margin-left: 15px;
}
.margin-left_20px{
    margin-left: 20px;
}
.margin-left_30px{
    margin-left: 30px;
}
.margin-left_30porciento{
    margin-left: 30%!important;
}
.margin-right_30px{
    margin-right: 30px;
}
.margin-right_70px{
    margin-right: 70px;
}
.margin-right_100px{
    margin-right: 100px;
}
.margin-right_50px{
    margin-right: 50px;
}
.margin-top_menos_6px{
    margin-top: -6px;
}
.margin-top_15{
    margin-top: 15%;
}
.margin-top_5px{
    margin-top: 5px!important;
}
.margin-top_4porciento{
    margin-top: 4%!important;
}
.margin-top3ounto5porciento{
    margin-top: 3.5%!important;
}
.padding_bottom_10px{
    padding-bottom: 10px;
}
.padding_laterales_20px{
    padding: 0px 20px;
}
.padding-top_80px{
    padding-top: 80px!important;
}
.margin-l-r-3{
    margin: 0 3px !important;
}
.margin-l-r-10{
    margin: 0 10px !important;
}
.margin-b-5{
    margin-bottom: 5px;
}
.padding-tb-0-lr-15px{
    padding: 0px 15px!important;
}
.padding-lr-10px{
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.padding-top_0px{
    padding-top: 0px!important;
}
.padding-bottom_0px{
    padding-bottom: 0px!important;
}
.padding-bottom_10px{
    padding-bottom: 10px;
}
.padding-top_10px{
    padding-top: 10px!important;
}
.padding-top_5px{
    padding-top: 5px!important;
}
.padding-right_20px{
    padding-right: 20px!important;
}
.padding-left_20px{
    padding-left: 20px!important;
}
.padding-right_5px{
    padding-right: 5px!important;
}
.padding-left_5px{
    padding-left: 5px!important;
}
.padding-left_10px{
    padding-left: 10px!important;
}
.padding_custom_prov{
    padding: 0 5px!important;
}
.padding_custom_prov2{
    padding:0 0 5px!important;
}
.margin-top_1porciento{
    margin-top: 1%!important;
}
.widht_100{
    width: 100%!important;
}
.widht_80{
    width: 80%!important;
}
.widht_75{
    width: 75%!important;
}
.widht_95{
    width: 95%!important;
}
.widht_70{
    width: 70%!important;
}
.widht_65{
    width: 65%!important;
}
.widht_60{
    width: 60%!important;
}
.widht_55{
    width: 55%!important;
}
.widht_50{
    width: 50%!important;
}
.widht_45{
    width: 45%!important;
}
.widht_40{
    width: 40%!important;
}
.widht_45px{
    width: 45px!important;
}
.widht_30px{
    width: 30px!important;
}
.widht_200px{
    width: 200px!important;
}
.widht_150px{
    width: 150px!important;
}
.widht_170px{
    width: 170px!important;
}
.widht_10px{
    width: 10px!important;
}
.widht_50px{
    width: 50px!important;
}
.widht_20px{
    width: 20px!important;
}
.widht_740px{
    width: 740px!important;
}
.widht_250px{
    width: 250px!important;
}
.widht_70px{
    width: 70px!important;
}
.widht_65porciento{
    width: 65%!important;
}
.widht_20porciento{
    width: 20%;
}
.border_top_0{
    border-top: 0px;
}
.tamano_barra{
    left: 30px!important;
    width: 40px!important;
}
.btn_hover:hover{
    color: #fff!important;
    background-color: #348fe2!important;
}
.btn_descarga{
    border: 1px solid #49BCF8;
    border-radius: 0;
    background-color: transparent;
    color: #49BCF8;
}
.left_70px{
    left: 70px!important;
}
.left_206px{
    left: 206px!important;
}
.left_250px{
    left: 250px!important;
}
.pointer-events_none{
    pointer-events: none!important;
}
.pointer-events_auto{
    pointer-events: auto!important;
}
.boder-bottom_especial{
    border-bottom: 1px solid #0d5db9!important;
}
.step-success_especial{
    margin-left: 5px!important;margin-top: 2px!important;
}
.display_block{
    display: block !important;
}
.cotizacion-Proveedores{
    text-align: center; width: 100%; height: 34px; border: 1px solid #ccc;
}
.padding-top_2{
    padding-top: 2%!important;
}
.padding-top_5{
    padding-top: 5%!important;
}
.cantidadCorreosAlertas{
    margin-top: 15%;line-height: 1.1; font-size: 12px;
}
.resize_no{
    resize: none;
}
.padding_0{
    padding: 0px;
}
.padding_top_10px{
    padding-top: 10px!important;
}
.padding_bottom_15px{
    padding-bottom: 15px!important;
}

.icon_perfil {
    border-radius: 50%;
}
.float_none{
    float: none;
}
.float_left{
    float: left;
}
.float_right{
    float: right;
}
.perfil_custom1{
    height: auto!important; width: 100%!important; left: 0%!important;
}
.id_persona{
    width: 100%;margin-bottom: 10px;margin-top: 10px;
}
.form_custom{
    height: auto!important;  width: 100%!important; left: 0%!important;
}
.google_sign_custom{
    margin-right: 9px;box-shadow: none;
}
.session_form_custom{
    height: auto!important; width: 100%!important; left: 0%!important;
}
.my-signin3{
    margin-top:18px; margin-right: 9px;box-shadow: none;
}
.height_5porciento{
    height: 5%;
}
.height_3yMedioporciento{
    height: 3.5%;
}
.height_40px{
    height:40px!important;
}
.height_18px{
    height: 18px!important;
}
.height_67px{
    height: 67px!important;
}
.height_100px{
    height: 100px!important;
}
.height_275px{
    height: 275px!important;
}
.height_200px{
    height: 200px!important;
}
.line-height_100porciento{
    height: 100%!important;
}
.height_auto{
    height: auto!important;
}
.recibirMark{
    margin-bottom: 0!important; line-height: 27px!important;
}

.widht_205px{
    width:205px!important;
}
.padding-especial{
    padding-top: 2%!important; padding-left: 2%!important;
}
.padding-especial2{
    padding-top: 2.5%!important; padding-left: 2%!important;
}
.padding-top_0punto5porciento{
    padding-top: 0.5%!important;
}
.p_especial{
    text-justify: auto!important; font-size: 150%!important; line-height: 150%!important;
}
.p_especial_2{
    text-justify: auto!important; font-size: 1.9em!important; line-height: 1.2em!important;
}

.overflow_auto{
    overflow: auto!important;
}
.ocultar{
    display:none!important;
}
.mostrar{
    display: block !important;
}
.ni_idea{
    page-break-after: always;
}
.edos_logo1{
    width: auto!important; margin: 0 auto;
}
.slider_custom{
    width: 46%; float: left
}
.padding-top-bottom-10px{
    padding: 10px 0px;
}
.padding-top-15px{
    padding-top: 15px;
}
.padding_10px{
    padding: 10px!important;
}
.line-height_1{
    line-height: 1;
}
.line-height_100porciento{
    line-height: 100%!important;
}
.line-height_38px{
    line-height: 18px!important;
}
.planes_y_tarifas{
    text-align: center !important; padding: 15px 5px 15px 5px; margin: 0;
}
.popover_info{
    font-size: 20px;padding: 0px 0px 0px 5px;
}
.text_area_contacto{
    min-height: 200px;
}
.text_justify{
    text-align: justify!important;
}
.left{
    text-align: left;
}
.botonesBajos{
    background-color: darkorange!important; margin: 0px 20px!important;
}

.justificado{
    text-align: justify!important;
}
.centrado{
    text-align: center!important;
}
.width_12{
    width: 12%;
}
.widht_90{
    width: 90%!important;
}
.widht_85{
    width: 85%!important;
}
.widht_80{
    width: 80%!important;
}
.widht_50{
    width: 50%;
}
.widht_60{
    width: 60%;
}
.widht_100{
    width: 100%!important;
}
.widht_60px{
    width: 60px!important;
}
.widht_18px{
    width: 18px!important;
}
.widht_44px{
    width: 44px!important;
}
.pointer{
    cursor: pointer;
}
.margin_top_30{
    margin-top: 30px !important;
}
.margin_top_45{
    margin-top: 45px !important;
}
.margin_top10px{
    margin-top: 10px !important;
}
.margin_top15px{
    margin-top: 15px !important;
}
.margin_top17px{
    margin-top: 17px !important;
}
.margin_top18px{
    margin-top: 18px !important;
}
.margin_top20px{
    margin-top: 20px !important;
}
.margin_bottom_10px{
    margin-bottom: 10px;
}
.margin_5px{
    margin: 5px;
}

.margin_10px{
    margin: 10px;
}

.margin_lr_5px{
    margin: 0 5px !important;
}
.margin_right_9px{
    margin-right: 9px;
}
.margin-left52porciento{
    margin-left: 52%!important;
}
.videoLightbox{
    position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 10000; display: none; background: rgba(0, 0, 0, 0.8);
}
.video_Custom{
    display:block;position: absolute; width:100%;height:100%;top:0;left:0;z-index:10000;
}
.btnCloseVideo{
    display:block;position:absolute;width:32px;height:32px;top:50px;right:20px;z-index:100000;opacity:1;filter:alpha(opacity=100);
}
.bakcground_color_verde{
    background: #008000;
}
.buttonlistaEfos{
    display: flex; justify-content: space-between; flex-wrap: wrap;
}
.precio_paquete{
    color: black; padding-top: 10px; padding-bottom: 10px;font-size: 30px;font-family: OpenSans_bold!important;
}
.precio_paquete_corporativo{
    color: black; padding-top: 37px; padding-bottom: 0px;font-size: 30px;font-family: OpenSans_bold!important;
}
.tachado{
    text-decoration: line-through;
}
.precio_paquete_basico{
    color: #0092CD; padding-top: 10px; padding-bottom: 10px;
}
.precio_paquete_premium{
    color: #FD2C3D; padding-top: 10px; padding-bottom: 10px;
}

.paquete_corporativo_linea{
    position: absolute;height: 118px;width: 108px;
    /*color: white;*/
    background: linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 55%, #e6b800 50%, #e6b800 78%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 100%);
    display: block;border-radius: 15px 0px 0px 0px;left:0px;
}
.paquete_corporativo_linea2{
    position: absolute;height: 120px;width: 120px;
    color: white;
    background: linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, #ECB75B 50%, #ECB75B 75%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 100%);
    display: block;left: -15px;border-radius: 15px 0px;
}
.paquete_corporativo_linea3{
    position: absolute;height: 120px;width: 120px;
    color: white;
    background: linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, #ECB75B 50%, #ECB75B 75%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 100%);
    display: block;left: -15px;border-radius: 15px 0px;
}
.text_promocional{
    line-height: 15px;font-size: 15px;font-weight: 700;transform: rotate(-45deg);position: absolute;top: 22px;left: -30px;
}
.text_promocional2{
    line-height: 15px;font-size: 18px;font-weight: 700;transform: rotate(-45deg);position: absolute;top: 38px;left: -10px;
}
.text_promocional3{
    line-height: 15px;font-size: 18px;font-weight: 700;transform: rotate(-45deg);position: absolute;top: 38px;left: -10px;
}
.font_medium{
    font-size: medium;
}
.font_size_16px{
    font-size: 16px!important;
}
.font_size_40px{
    font-size: 40px!important;
}
.font_size_18px{
    font-size: 18px!important;
}
.font_size_14px{
    font-size: 14px!important;
}
.font_size_12px{
    font-size: 12px!important;
}
.font_size_24px{
    font-size: 24px!important;
}
.font_size_75porciento{
    font-size: 75%!important;
}
.font_size_100porciento{
    font-size: 100%!important;
}
.font_size_120porciento{
    font-size: 120%!important;
}
.font-size_1punto5em{
    font-size: 1.5em!important;
}
.font-size_24px{
    font-size: 24px!important;
}
.font-size_19px{
    font-size: 19px!important;
}
.negritas{
    font-weight: bold!important;
}
.line-height_38{
    line-height: 38px;
}
.line-height_24px{
    line-height: 24px!important;
}
.color_negro{
    color: black!important;
}
.color_blanco{
    color: white!important;
}
.color_rojo{
    color: red;
}
.color_naranja{
    color: #FF6720!important;
}
.color_F27474{
    color: #F27474!important;
}
.color_ED6868{
    color: #ED6868!important;
}
.color_2A72B5{
    color: #2A72B5!important;
}
.color_grey{
    color: grey!important;
}
.background-color_lightgrey{
    background-color: lightgrey!important;
}
.background-color_green{
    background:green!important;
}
.background-color_red{
    background:red!important;
}
.border_calendario{
    border: 1px solid #e5e5e5!important;
    border-radius: 5px!important;
}
.icon_calendar{
    padding:0px 15px!important;
    font-size: 20px!important;
    background-color: white!important;
}
.input_calendario{
    height: 40px!important;
    font-size: 100%!important;
}
.padding_left_0px{
    padding-left: 0px!important;
}

.faq_custom{
    border-left: 2px solid #2a71c2; border-right: 2px solid #2a71c2;
}
.btn_planes_header{
    border-right: 2px solid #2a71c2;
}
.btn_login_header{
    border-right: 2px solid #2a71c2;
}
.background_color_custom{
    background: #ed7d31;
}
.icon_especial{
    line-height: 60px;
    font-size: 2.5em!important;
}



#premiumUp{ font-size: 18px;}
@media (max-width: 1600px){
    .widht_65porciento{
        width: 90%;
    }
    .centrado_responsive_margin{
        margin: 0 auto;
    }
    /* .centrado_responsive{
        text-align: center;
    } */
}
@media (max-width: 1400px){
    .widht_20porciento{
        width: 35%;
    }
}
@media (max-width: 1300px){
    .widht_20porciento{
        width: 60%;
    }
}
@media (max-width: 1100px){
    .widht_20porciento{
        width: 100%;
    }
}
@media (max-width: 1024px){
    .widht_20porciento{
        width: 50%;
    }
}

@media (max-width: 991px){
    .centrado_mobile{
        margin: 5px auto;
    }
    .float-right{
        float: unset!important;
    }
}
@media (max-width: 480px){
    #premiumUp{
        font-size: 11px;
    }
}


@media (max-width: 974px){
    .widht_65porciento{
        width: 40%;
    }
}
@media (max-width: 770px){
    .widht_65porciento{
        width: 9%;
    }
    .widht_20porciento{
        width: 50%;
    }
}
@media (max-width: 734px){
    .widht_65porciento{
        width: 9%;
    }
    .widht_20porciento{
        width: 100%;
    }
}
@media (max-width: 550px){
    .widht_65porciento{
        width: 9%;
    }
    .widht_20porciento{
        width: 100%;
    }
}
.modal-body {
    padding: 0px 15px 5px 15px;
}
.modal-content{
    padding: 25px;
}
.modal-header{
    border-bottom: 0px;
}

.modal-title{  line-height: initial;   }
.h1ModalTitle {
    font-size: 15px;
}
.label-modal {
    font-size: 13px;
}
span, li, lu *,
span, li, lu *:before,
span, li, lu *:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

/* -------------------------------
   1.0 General reset & setup
------------------------------- */
/*body { font-family: Roboto,sans-serif !important; }*/

a { color: #000000; text-decoration: none;}

/*margin cero en todos los lados*/
.margin-0 { margin: 0 !important; }

/*margin 15 en top y bottom*/
.margin-tb-15 { margin: 15px 0px; }

/*margin 10 en top y bottom*/
.margin-tb-10 { margin: 10px 0px; }

/*margin 15 en left y right*/
.margin-lr-15 { margin: 0px 10px; }

/*padding cero en todos los lados*/
.padding-0 { padding: 0 !important; }

/*padding 15 en left y right*/
.padding-lr-15 { padding:  0px 10px; }

/*titulo azul efos*/
.title-blue { color: #053b71; }

/*tamaño de los textos descriptivos que se encuentran debajo de cada encabezado de pagina*/
.text-description { font-size: 1.4em; line-height: 20px; text-align: justify;}

.width-auto { width: auto}

/* Fonts Sizes and Weights */
.f-w-normal { font-weight: normal; }

/*para deshabilitar componentes*/
.disabled { pointer-events: none; opacity: 0.5; background: #CCC; }

/*Ajustar un contenido a la derecha*/
.float-right { float: right; }
.float-left { float: left;}
/* -------------------------------
   2.0 Page Structure Settings
------------------------------- */

/* 2.5 Content & content elements */

.content { margin: 15px 0; }


.contentTitle {
    border-bottom: solid 1px #0060B5;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    /* margin-bottom: 25px; */
}
.contentTitle1 {
    border-bottom: solid 1px #0060B5;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    margin-bottom: 25px;
}

.contentTitle h1, .contentTitle1 h1{
    display: inline-block;
    width: auto;
    font-size: 20px;
    color: #053b71;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 5px;

}

.contentTitle p{
    display: inline;
    font-size: 20px;
    color: #000000;
    padding-top: 0;
    float: right;
}

.contentTitle .link{
    display: inline-block;
    width: auto;
    font-size: 20px;
    padding-top: 20px;
    float: right;
    text-decoration: none;
    cursor: pointer;
}

.contentTitle span {
    color: #000;
    font-weight: 100;
    font-size: 16px;
}

.contentTitle .btn {
    margin-top: 10px;
}

.contentTitle .fecha{
    color: grey;
    font-size: 13px
}

.contentTitle .total{
    color: black;
    font-size: 20px;
    margin-top: 20px;

}

.contentTitle .icon{
    font-size: 30px;
}

.contentTitle .icontime{
    color:white;
    font-size: 26px;
    padding-right: 3px;
}
/*Contenedor del contenido de estrados*/
.contentEstrado {
    padding: 25px;
    width: 100%;
    margin: 0;
}
.contentEstrado ul {
    list-style: none !important;
    list-style-position: outside !important;
    position: relative !important;
    padding: 0 !important;
    color: black !important;
    font-size: 1.3em !important;
}
.contentEstrado li {
    position: relative !important;
    margin-left: 30px !important;
}
.contentEstrado .line-span {
    width: 2px !important;
    height: 140% !important;
    left: -30px !important;
    top: 0 !important;
    position: absolute !important;
    background: #e8e8e8 !important;
}
.contentEstrado .circle-span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    background: #0060B5;
    left: -35px;
    top: 0;
}
.contentEstrado .title {
    font-weight: 600 !important;
    font-size: 12px !important;
    color: grey !important;
}
.contentEstrado .information {
    font-weight: bold !important;
}

.contentTitle2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}
.contentTitle2 h2 {
    display: inline-block;
    width: auto;
    font-size: 15px;
    color: black;
    margin-top: 0;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
    text-align: left;
    font-weight: normal;
}

.contentTitle2 .total {
    color: black;
    font-size: 15px;
    padding-top: 10px;
}

.borderDefinitiva{
    border-bottom: 10px solid #ff2a41;
}

.borderPreventiva{
    border-bottom: 10px solid #f9cd34;
}
.borderDesvirtuada{
    border-bottom: 10px solid #008d00;
}
.borderInsubsistente{
    border-bottom: 10px solid #000;
}
/* -------------------------------
   3. Component Setting
------------------------------- */

/* 3.1 Form Elements*/
.searchGroup {
    display: block;
    clear: both;
    width: 100%;
    overflow: hidden;
    height: 40px;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    position: relative;
    margin: 32px 0 0;
}

.searchGroup input[type=text] {
    width: 100%;
    height: 40px;
    margin: 0;
    background: #fff;
    border-radius: 0;
    font-family: "Open Sans";
    font-size: 17px;
    padding: 0 72px 0 36px;
}

.searchGroup input[type=submit] {
    display: block;
    position: absolute;
    width: 70px;
    height: 40px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    border: none;
    background-size: 25px 25px;
    transition: all ease-in .2s;
    opacity: .5;
    filter: alpha(opacity=50);
    outline: 0;
}

/* 3.6 Component - Badge & Label Setting */

.badge {
    font-size: 75%;
    line-height: 1.25;
    font-weight: 600;
}
.label {
    font-size: 75%;
    font-weight: 600;
}
.badge.badge-square {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.badge.badge-default,
.label.label-default {
    background: #b6c2c9 ;
}
.badge.badge-danger,
.label.label-danger {
    background: #ff5b57 ;
}
.badge.badge-warning,
.label.label-warning {
    background: #f59c1a ;
}
.badge.badge-success,
.label.label-success {
    background: #00acac ;
}
.badge.badge-info,
.label.label-info {
    background: #49b6d6 ;
}
.badge.badge-primary,
.label.label-primary {
    background: #348fe2 ;
}
.badge.badge-inverse,
.label.label-inverse {
    background: #2d353c ;
}

.label-nl { display: inline-block; background: #717070;padding: .4em .6em .3em;font-size: 12px;font-weight: normal; }
.label-nle { display: inline-block; background: #038A0B;padding: .4em .6em .3em;font-size: 12px;font-weight: normal; }
.label-estrados { display: inline-block; background: #0d5db9;padding: .4em .6em .3em;font-size: 12px;font-weight: normal; }
.label-presunta { display: inline-block; background: #f59c1a;padding: .4em .6em .3em;font-size: 12px;font-weight: normal; }
.label-definitiva { display: inline-block; background: #ff5b57;padding: .4em .6em .3em;font-size: 12px;font-weight: normal; }
.label-desvirtuados { display: inline-block; background: #00acac;padding: .4em .6em .3em;font-size: 12px;font-weight: normal; }
.label-favorable { display: inline-block; background: #2d353c;padding: .4em .6em .3em;font-size: 12px;font-weight: normal; }
.label-69cff { display: inline-block; background: #8d775b;padding: .4em .6em .3em;font-size: 12px;font-weight: normal; }

/* 3.9 Component - Nav Setting */
.btnBusqueda{
    display: inline-block;
    /*width: 46%;*/
    cursor: pointer;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    text-align: center;
    color: #053b71;
    text-decoration: none;
    background-color: #fff;
    border: none;
    border-radius: 5px;
    transition: all ease-in 0.2s;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
}
.btn-busqueda-none{
    pointer-events: none;
    opacity: 0.2

}

/* 3.10 Component - Nav Tabs  */

.nav-tabs { border-color: #0060B5; }
.nav-tabs > li > a { color: #053b71; font-size: 17px; font-weight: 600;}
.nav-tabs > li > a:hover { text-decoration: underline;  }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-color: #0060B5; border-bottom-color: transparent; color: #053b71; font-weight: 600;}

/* 3.14 Component - Button */

.btn-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    cursor: pointer;
}

/* botones de listas */
.btn-efos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    height: auto;
    max-width: 13vmax;
    width: 13vw;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    padding: 12px;
    margin: 5px;
    background-color: transparent;
    font-size: 15px;
}

/* contenedor de botones que estan dentro de los h1 */

.btn-content-h1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    cursor: pointer;
}

.btn-efos:hover { background-color: #ddd; }

/* 3.14.8 Component - Button - Total  */

.btn-all {
    /*border: 2px solid #0D5DB9;*/
    border: 2px solid #CFCFCF;
}
.btn-all:hover, .btn-all.active {
    background: #9ebee3;
    border: 2px solid #0D5DB9;
}

/* 3.14.8 Component - Button - Presunta  */

.btn-presunta {
    /*border: 2px solid #FFCD33;*/
    border: 2px solid #CFCFCF;
}

.btn-presunta:hover, .btn-presunta.active {
    background: #fffbec;
    border: 2px solid #FFCD33;
}

/* 3.14.8 Component - Button - Definitivo  */
.btn-definitivo {
    border: 2px solid #ff0405!important;
    /*border: 2px solid #CFCFCF;*/
}

.btn-definitivo:hover, .btn-definitivo.active {
    background: #feeaec;
    border: 2px solid #ff0405!important;
}

/* 3.14.8 Component - Button - Desvirtuado  */

.btn-desvirtuado {
    /*border: 2px solid #3CD795;*/
    border: 2px solid #CFCFCF;
}

.btn-desvirtuado:hover, .btn-desvirtuado.active {
    background: #C4FFBE;
    border: 2px solid #3CD795;
}

/* 3.14.8 Component - Button - Desvirtuado  */

.btn-favorable {
    /*border: 2px solid #292f33;*/
    border: 2px solid #CFCFCF;
}

.btn-favorable:hover, .btn-favorable.active {
    background: #CFCFCF;
    border: 2px solid #292f33;
}

/* 3.14.8 Component - Button - Multiproceso  */

.btn-multiproceso {
    border: 2px solid #CFCFCF;
}

.btn-multiproceso:hover, .btn-multiproceso.active {
    background: #CFCFCF;
    border: 2px solid #cfcfcf;
}


/* 3.14.8 Component - Button - Actions  */

.btn-action {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 150px;
    height: 35px;
    border-radius: 0px;
    margin-top: 5px;
    font-size: 12px;
    line-height: initial;
    border: 1px solid #124B82;
}

/*Para los botones que se encuentra en los titulos de encabezados front*/
.btn_azul{
    background: #124B82;
    border: 1px solid #124B82;
}
.btn-action-blue{
    background: #124B82;
    border: 1px solid #124B82;
    color:#fff;
    margin-top: 12px;
    border-radius: 0!important;
    width: 40%;
}

.btn-action-white{
    background: #ffffff;
    border: 1px solid #696969;
    color:#000;
    margin-top: 12px;
    border-radius: 0!important;
    width: 40%;
}
.dropdown-menu-white {
    background-color: #ffffff!important;
    padding: 0!important;
}
.dropdown-menu-white>li>a {
    color: #0a0a0a!important;
}
.dropdown-menu-white>li {
    height: 40px;
    border-bottom: 1px solid #000000;
}
.dropdown-menu-white>li>a:hover {
    background: #e0e0e0 !important;
    color: #0a0a0a!important;
}
.btn-action-orange{
    background: #f86902;
    border: 1px solid gray;
    color:#fff;
    margin-top: 12px;
}

.btn-action-blue:hover, .btn-action-blue:active, .btn-action-blue:focus{
    color:#fff;
    outline: none;
}

.btn-prov{
    width: 100%;
}

/* 3.15 Component - Panel */

/* Panel */
/* panel general */
.panel-gral{
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-radius: 3px;
}

.panel-gral label{
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 7px;
}

.panel-gral p{
    margin-bottom: 0px;
    padding-bottom: 3px;
    padding-top: 6px;
}

.panel-gray{
    background-color: #CFCDCD;
    border-bottom-style: solid;
    border-bottom-width: 4px;
}

.panel-heading-blue{
    background-color: #0062a8 !important;
    color: #fff !important;
}

.panel-heading-green{
    background-color: #69b893 !important;
    color: #fff !important;
}

.bar-color-recptor{
    background-color: #efefef !important;
    color: #7d7d7d !important;
}

.margin-b-15{
    margin-bottom: 15px;
}

.iconRiesgo{width: 56px;}

.color-text-cfdis-azul{
    color: #093261;
}

.panel-heading-blue-light{
    background-color: #0092cc !important;
    color: #fff !important;
}

.quit-style-ul{
    list-style-type: none;
    padding: 0;
    line-height: 20px;
}

.panel-heading-red-light{
    background-color: #ff8584 !important;
    color: #fff !important;
}
.panel-heading-red{
    background-color: #c64a4e !important;
    color: #fff !important;
}


.preventivos-border{
    border-color: #FFD000;
}

.definitivos-border{
    border-color: #C5000D;
}

.desvirtuados-border{
    border-color: #3FD991;
}

.sentencias-border{
    border-color: #000;
}

.estrados-border{
    border-color: #ab47bc;
}

.edos-border{
    border-color: #4db6ac;
}

.edos-border{
    border-color: #95afd0;
}

/* 3.20 Component - Table [Es necesario utilizarlo con el Plugin DataTable] */


/*filter and search*/
.dataTables_wrapper select { max-height: 33px; max-width: 40%; text-align-last: center; }
.dataTables_wrapper input { max-height: 33px; text-transform: uppercase;}
.dataTables_length, .dataTables_filter { margin: 10px 0; }
.dataTables_filter input[type="search"] {border: 1px solid #ccd0d4;}
.dataTables_length select {border: 1px solid #ccd0d4;}

/*table*/
table a, table a:hover { color: black; }
table.dataTable { width: 100% !important; max-width: 99%;}
table.dataTable.no-footer { border-bottom: 0px; }
table.dataTable thead th,
table.dataTable thead td { border-color: inherit; }
table thead{ background-color: #30c1f7; color: white; border-bottom: 0px;}
table tbody{ border-bottom: 0px;}
table td { text-transform:uppercase }
.table-striped>tbody>tr:nth-of-type(odd) { background-color: #efefef; }

/*pagination*/
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: #0060b5; background-color: #0060b5; }
.dataTables_wrapper .dataTables_processing {
    /* background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%, rgba(255, 255, 255, 0) 100%); */
    /* padding-top: 13px;
    color: #fff;Cuando se está cargando la información de los registros, el indicador de carga aparece BIEN en unos caos, en otros NO APARECE y finalmente en otros aparace CORTADO.
    font-weight: bold; */
    top: 0%;
    /* width: 35%;
    margin-left: -20%; */
    background: transparent !important;
    /*background: -moz-linear-gradient(left, #f7f7f7 0%, #000000 35%, #000102 67%, #f4f4f4 100%, #f4f4f4 100%, #f4f4f4 100%);
    background: -webkit-linear-gradient(left, #f7f7f7 0%,#000000 35%,#000102 67%,#f4f4f4 100%,#f4f4f4 100%,#f4f4f4 100%);
    background: linear-gradient(to right, #f7f7f7 0%,#000000 35%,#000102 67%,#f4f4f4 100%,#f4f4f4 100%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f4f4f4',GradientType=1 ); */
}
.dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
.dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before { background: #242a30; border-radius: 3px; border: none; top: 10px; left: 8px; line-height: 16px; box-shadow: none; }

.table-thead-gray {
    background-color: #bbb !important;
    color: black;
    border-bottom: 0px !important;
}

.no-border{
    border: 0px !important;
    box-shadow: none !important;
}

/* 3.20.1 Component - Table Presunta */
table.all{
    border-collapse: collapse;
}
table.all thead {
    background: #ddd;
    color: #000000;
}
table.all thead tr th, thead tr td{
    border-color: transparent;
    border-bottom: 4px solid #0060b5;
    padding: 20px 15px;
}
table.all tbody tr:hover {
    background: #9ebee3;
}


/* 3.20.2 Component - Table Presunta */
table.presunta{
    border-collapse: collapse;
}
table.presunta thead {
    background: #ddd;
    color: #000000;
}
table.presunta thead tr th, thead tr td{
    border-color: transparent;
    border-bottom: 4px solid #FFD000;
    padding: 20px 15px;
}
table.presunta tbody tr:hover {
    background: #ffeca9;
}
/* 3.20.3 Component - Table Definitiva */
table.definitiva{
    border-collapse: collapse;
}
table.definitiva thead {
    background: #ddd;
    color: #000000;
}
table.definitiva thead tr th, thead tr td{
    border-color: transparent;
    border-bottom: 4px solid #FA3043;
    padding: 20px 15px;
}
table.definitiva tbody tr:hover {
    background: #ffcbd0;
}

/* 3.20.4 Component - Table Desvirtuada */
table.desvirtuada{
    border-collapse: collapse;
}
table.desvirtuada thead {
    background: #ddd;
    color: #000000;
}
table.desvirtuada thead tr th, thead tr td{
    border-color: transparent;
    border-bottom: 4px solid #48D893;
    padding: 20px 15px;
}
table.desvirtuada tbody tr:hover {
    background: #86fec5;
}

/* 3.20.5 Component - Table Sentencia Favorable */

table.favorable{
    border-collapse: collapse;
}
table.favorable thead {
    background: #ddd;
    color: #000000;
}
table.favorable thead tr th, thead tr td{
    border: 1px solid #ddd;
    /*border-bottom: 4px solid #292f33;*/
    padding: 20px 15px;
}
table.favorable tbody tr:hover {
    background: #CFCFCF;
}

table.table-head-transparent thead{
    background: rgba(1, 1, 1, 0);
    border:1px solid  rgba(1, 1, 1, 0);
    color:#163b71;
    font-weight: normal;
}

table.table-head-transparent tbody tr:hover{
    background: rgb(234, 247, 255);
    cursor: pointer;
}
/* 3.20.6 Component - Table general front*/
.tbl-general-head thead > tr {
    background-color: #124B82;
    color: white;
    text-align: center;
}
#tableProvidersAlerts.tbl-general-head thead > tr{
    background-color: #cacaca;
    color: black;
    text-align: center;
}
.tbl-general-head {
    border: 1px solid #ddd !important;
    border-radius: 5px;
}
.tbl-general-head thead > tr > td, .tbl-general-head thead > tr > th {
    border: 1px solid #ddd;
    padding: 14px 10px;
    font-weight: bold;
}
.tbl-general-body tbody > tr > td {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 8px 10px;
    text-align: center;
}
.tbl-general-body tbody.mensajes > tr > td:nth-child(5) {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 8px 10px;
    text-align: left;
}
.tbl-general-body tbody > tr > td.descripcion {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 8px 10px;
    text-align: left;
}
.tbl-general-body tbody > tr:hover {
    transition: .5s ease;
    opacity: 1;
    background-color: #b3b4b4;
}
/* 3.20.7 Component - Table listas/presuntos front*/
.tbl-presunto-head thead > tr {
    background-color: #F9E132;
    color: #666666;
    text-align: center;
}
.tbl-presunto-head {
    border: 1px solid #b3b4b4 !important;
    border-radius: 5px;
}
.tbl-presunto-head thead > tr > td {
    /*border-bottom: 4px solid #ffd000;*/
    border-right: 1px solid #b3b4b4;
    border-left: 1px solid #b3b4b4;
    border-top: 1px solid #b3b4b4;
    padding: 14px 10px;
    border-top: 0;
    font-family: OpenSans_bold;
}
/*.tbl-presunto-head thead > tr{*/
/*    background-color: #F9E132!important;*/
/*}*/
.tbl-presunto-body tbody > tr > td {
    border-left: 1px solid #b3b4b4;
    border-right: 1px solid #b3b4b4;
    padding: 8px 10px;
}
.tbl-presunto-body tbody > tr:hover {
    transition: .5s ease;
    opacity: 1;
    background-color: rgba(255, 208, 0, 0.32);
}
/* 3.20.8 Component - Table listas/definitivos front*/
.tbl-definitivo-head thead > tr {
    background-color: #C3484A;
    color: #fff;
    text-align: center;
    font-family: OpenSans_bold!important;
}
.tbl-definitivo-head {
    border: 1px solid #b3b4b4 !important;
    border-radius: 5px;
}
.tbl-definitivo-head thead > tr > td {
    /*border-bottom: 4px solid #fd2c3d;*/
    border-right: 1px solid #b3b4b4;
    border-left: 1px solid #b3b4b4;
    border-top: 1px solid #b3b4b4;
    padding: 14px 10px;
    border-top: 0;
    font-family: OpenSans_bold;
}

.tbl-definitivo-body tbody > tr > td {
    border-left: 1px solid #b3b4b4;
    border-right: 1px solid #b3b4b4;
    padding: 8px 10px;
}
.tbl-definitivo-body tbody > tr:hover {
    transition: .5s ease;
    opacity: 1;
    background-color: rgba(253, 44, 61, 0.32);
}
/* 3.20.9 Component - Table listas/desvirtuados front*/
.tbl-desvirtuado-head thead > tr {
    background-color: #5FBB90;
    color: #fff;
    text-align: center;
}
.tbl-desvirtuado-head {
    border: 1px solid #b3b4b4 !important;
    border-radius: 5px;
}
.tbl-desvirtuado-head thead > tr > td {
    /*border-bottom: 4px solid #3fd991;*/
    border-right: 1px solid #b3b4b4;
    border-left: 1px solid #b3b4b4;
    border-top: 1px solid #b3b4b4;
    padding: 14px 10px;
    border-top: 0;
    font-family: OpenSans_bold;
}
.tbl-desvirtuado-body tbody > tr > td {
    border-left: 1px solid #b3b4b4;
    border-right: 1px solid #b3b4b4;
    padding: 8px 10px;
}
.tbl-desvirtuado-body tbody > tr:hover {
    transition: .5s ease;
    opacity: 1;
    background-color: rgba(63, 217, 145, 0.32);
}
/* 3.20.10 Component - Table listas/sentencias favorables front*/
.tbl-sentenciasfavorables-head thead > tr {
    background-color: #9AB1D6;
    color: #fff;
    text-align: center;
}
.tbl-sentenciasfavorables-head {
    border: 1px solid #b3b4b4 !important;
    border-radius: 5px;
}
.tbl-sentenciasfavorables-head thead > tr > td {
    /*border-bottom: 4px solid #000000;*/
    border-right: 1px solid #b3b4b4;
    border-left: 1px solid #b3b4b4;
    border-top: 1px solid #b3b4b4;
    padding: 14px 10px;
    border-top: 0;
    font-family: OpenSans_bold;
}
.tbl-sentenciasfavorables-body tbody > tr > td {
    border-left: 1px solid #b3b4b4;
    border-right: 1px solid #b3b4b4;
    padding: 8px 10px;
}
.tbl-sentenciasfavorables-body tbody > tr:hover {
    transition: .5s ease;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.32);
}
/* 3.20.11 Component - Table proveedores/estrados front*/
.tbl-totalestrados-head thead > tr {
    background-color: #dddddd;
    color: black;
    text-align: center;
}
.tbl-totalestrados-head {
    border: 1px solid #b3b4b4 !important;
    border-radius: 5px;
}
.tbl-totalestrados-head thead > tr > td {
    border-bottom: 4px solid #0060b5;
    border-right: 1px solid #b3b4b4;
    border-left: 1px solid #b3b4b4;
    border-top: 1px solid #b3b4b4;
    padding: 14px 10px;
    border-top: 0;
    font-weight: bold;
}
.tbl-totalestrados-body tbody > tr > td {
    border-left: 1px solid #b3b4b4;
    border-right: 1px solid #b3b4b4;
    padding: 8px 10px;
}
.tbl-totalestrados-body tbody > tr:hover {
    transition: .5s ease;
    opacity: 1;
    background-color: #9ebee3;
}

/* 3.25 Component - Breadcrumbs */

.breadcrumb-gral{
    background-color: #eee;
}

.breadcrumb-blue{
    color: #053b71;
}

.breadcrumb-blue:hover, .breadcrumb-blue.active, .breadcrumb-blue:focus{
    color: white;
    background-color: #053b71;
    border-radius: 4px;
    text-decoration: none;
}

.tablaContribuyentes{
    overflow-y: scroll;
    max-height: 550px;
    min-height: 550px;
}

/* stilos que tiene las alertas que se muestran en el default */

.def-aler-h3{font-weight: bold;color:red;}
.def-aler-div{background:red;color:#fff;font-size: 20px;height: auto;padding: 40px;text-align: left;}
.def-aler-fz-100{font-size:100%;}
.def-aler-p{font-size:75%;  text-align: justify; word-spacing: .1px;}


/* Loader*/

.spinner {
    margin: 0px auto 0;
    width: 70px;
    text-align: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #0D5DB9;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
      }
}





/* Loader Table */

#fountainG{
    position:relative;
    width:234px;
    height:28px;
    margin:auto;
}

.fountainG{
    position:absolute;
    top:0;
    background-color:rgb(42,113,194);
    width:28px;
    height:28px;
    animation-name:bounce_fountainG;
    -o-animation-name:bounce_fountainG;
    -ms-animation-name:bounce_fountainG;
    -webkit-animation-name:bounce_fountainG;
    -moz-animation-name:bounce_fountainG;
    animation-duration:1.5s;
    -o-animation-duration:1.5s;
    -ms-animation-duration:1.5s;
    -webkit-animation-duration:1.5s;
    -moz-animation-duration:1.5s;
    animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
    transform:scale(.3);
    -o-transform:scale(.3);
    -ms-transform:scale(.3);
    -webkit-transform:scale(.3);
    -moz-transform:scale(.3);
    border-radius:19px;
    -o-border-radius:19px;
    -ms-border-radius:19px;
    -webkit-border-radius:19px;
    -moz-border-radius:19px;
}

#fountainG_1{
    left:0;
    animation-delay:0.6s;
    -o-animation-delay:0.6s;
    -ms-animation-delay:0.6s;
    -webkit-animation-delay:0.6s;
    -moz-animation-delay:0.6s;
}

#fountainG_2{
    left:29px;
    animation-delay:0.75s;
    -o-animation-delay:0.75s;
    -ms-animation-delay:0.75s;
    -webkit-animation-delay:0.75s;
    -moz-animation-delay:0.75s;
}

#fountainG_3{
    left:58px;
    animation-delay:0.9s;
    -o-animation-delay:0.9s;
    -ms-animation-delay:0.9s;
    -webkit-animation-delay:0.9s;
    -moz-animation-delay:0.9s;
}

#fountainG_4{
    left:88px;
    animation-delay:1.05s;
    -o-animation-delay:1.05s;
    -ms-animation-delay:1.05s;
    -webkit-animation-delay:1.05s;
    -moz-animation-delay:1.05s;
}

#fountainG_5{
    left:117px;
    animation-delay:1.2s;
    -o-animation-delay:1.2s;
    -ms-animation-delay:1.2s;
    -webkit-animation-delay:1.2s;
    -moz-animation-delay:1.2s;
}

#fountainG_6{
    left:146px;
    animation-delay:1.35s;
    -o-animation-delay:1.35s;
    -ms-animation-delay:1.35s;
    -webkit-animation-delay:1.35s;
    -moz-animation-delay:1.35s;
}

#fountainG_7{
    left:175px;
    animation-delay:1.5s;
    -o-animation-delay:1.5s;
    -ms-animation-delay:1.5s;
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
}

#fountainG_8{
    left:205px;
    animation-delay:1.64s;
    -o-animation-delay:1.64s;
    -ms-animation-delay:1.64s;
    -webkit-animation-delay:1.64s;
    -moz-animation-delay:1.64s;
}



@keyframes bounce_fountainG{
    0%{
        transform:scale(1);
        background-color:rgb(13,93,185);
    }

    100%{
        transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

@-o-keyframes bounce_fountainG{
    0%{
        -o-transform:scale(1);
        background-color:rgb(13,93,185);
    }

    100%{
        -o-transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

@-ms-keyframes bounce_fountainG{
    0%{
        -ms-transform:scale(1);
        background-color:rgb(13,93,185);
    }

    100%{
        -ms-transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

@-webkit-keyframes bounce_fountainG{
    0%{
        -webkit-transform:scale(1);
        background-color:rgb(13,93,185);
    }

    100%{
        -webkit-transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

@-moz-keyframes bounce_fountainG{
    0%{
        -moz-transform:scale(1);
        background-color:rgb(13,93,185);
    }

    100%{
        -moz-transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}




/* 3.26 Pace Loader Setting */

.pace-inactive {
    opacity: 0;
}
.ie8 .pace-inactive,
.ie8 .pace .pace-activity {
    display: none;
}
.pace {
    background: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    z-index: 1020;
}
.pace-progress {
    position: fixed;
    top: 83px;
    left: 0;
    right: 0;
    text-align: center;
    height: 3px;
    background: #5AC3F4;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
    z-index: 2000;
}
.pace:before {
    content: '';
    background: none;
    position: fixed;
    top: 60px;
    right: 0;
    left: 0;
    height: 3px;
}
.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 84px;
    right: 8px;
    width: 14px;
    height: 14px;
    border: solid 2px transparent;
    border-top-color: #5AC3F4;
    border-left-color: #5AC3F4;
    border-radius: 10px;
    -webkit-animation: pace-spinner 400ms linear infinite;
    -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
    -o-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite;
}
@-webkit-keyframes pace-spinner {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
    0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
    0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
    0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
    0% { transform: rotate(0deg); transform: rotate(0deg); }
    100% { transform: rotate(360deg); transform: rotate(360deg); }
}
.pace-top .pace:before,
.pace-top .pace-progress {
    top: 0;
}
.pace-top .pace .pace-activity {
    top: 11px;
}

.centrar-captcha div {
    display: inline-block;
}

.moneda{
    top: -0.5em;
    font-size: 28px;
    right: -0.2em;
}

.background-none{
    background: none;
}

.padding-none{
    padding: 0;
}

.border-blue1px{
    border: 1px solid #87cbef ;
}

.displayGrid{
    display: grid
}

.justify-center{
    justify-content: center;
}


@media (max-width: 1400px){
    .prueba3{
        width: 20%;
    }
}
@media (max-width: 1300px){
    .prueba3{
        width: 20%;
    }
}
@media (max-width: 1100px){
    .prueba3{
        width: 25%;
    }
}
@media (max-width: 1024px){
    .prueba3{
        width: 25%;
    }
}
@media (max-width: 770px){
    .prueba3{
        width: 50%;
    }
}
@media (max-width: 734px){
    .widht_20porciento{
        width: 50%;
    }
}
@media (max-width: 550px){
    .prueba3{
        width: 100%;
    }
}

#color_select_MR, #color_select_AR, #color_select_RM, #color_select_RB, #color_select_RE:hover{
    cursor: pointer;
}

.svgNegro{
    filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
}

.svgAzul {
    filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(184deg) brightness(118%) contrast(119%);
}