/* CUSTOM STYLES*/

    /* Transiciones */
    .transition-0-4 {-webkit-transition: 0.4s; transition: 0.4s;}
    .transition-0-3 {-webkit-transition: 0.3s; transition: 0.3s;}
    .transition-0-2 {-webkit-transition: 0.2s; transition: 0.2s;}

    /* Transparente */
    .fondo-color-transparente {background-color:transparent;}
    .fondo-transparente {background:transparent;}
    .transparente {color:transparent;}

    /* Grises */
    .blanco {color:#ffffff;}
    .gris {color:#E2E2E2;}
    .gris-2 {color:#CCCCCC;}
    .gris-3 {color:#828282;}
    .negro {color:#4C4C4C;}
    .negro-2 {color:#333333;}
    .negro-3 {color: #2B2B2B;}

    /* Fondos grises */
    .fondo-blanco {background-color:white;}
    .fondo-gris {background-color:#E2E2E2;}
    .fondo-gris-2 {background-color:#CCCCCC;}
    .fondo-gris-3 {background-color:#828282;}
    .fondo-negro {background-color:#4C4C4C;}
    .fondo-negro-2 {background-color:#333333;}
    .fondo-negro-3 {background-color: #2B2B2B;}

    /* Colores */

    /* Azules */
    .fondo-azul-1 {background-color:#003597;}
    .fondo-azul-2 {background-color:#436397;}
    .fondo-azul-3 {background-color:#6686C1;}
    .fondo-azul-4 {background-color:#13386d;}

    .azul-1 {color:#333333;}
    .azul-2 {color:#436397;}
    .azul-3 {color:#6686C1;}
    .azul-4 {color:#13386d;}
    .azul-5 {color:#0070B1;}

    /* Terciarios */
    .fondo-azulverdoso {background-color:#3fa194;}
    .azulverdoso {color:#3fa194;}
    .fondo-morado {background-color:#4223A3;}
    .morado {color:#4223A3;}
    .fondo-rojo {background-color:#800013;}
    .rojo {color:#800013;}
    .fondo-naranja {background-color:#ffa70d;}
    .naranja {color:#ffa70d;}

    /* Degradados */

    .fondo-degradado-1 {
        background: rgba(237,237,237,1);
        background: -moz-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(237,237,237,1)), color-stop(16%, rgba(237,237,237,1)), color-stop(100%, rgba(209,209,209,1)));
        background: -webkit-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -o-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -ms-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d1d1d1', GradientType=1 );
    }

    .fondo-degradado-2 {
        background: rgba(228,228,228,1);
        background: -moz-linear-gradient(45deg, rgba(228,228,228,1) 0%, rgba(202,202,202,1) 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(228,228,228,1)), color-stop(100%, rgba(202,202,202,1)));
        background: -webkit-linear-gradient(45deg, rgba(228,228,228,1) 0%, rgba(202,202,202,1) 100%);
        background: -o-linear-gradient(45deg, rgba(228,228,228,1) 0%, rgba(202,202,202,1) 100%);
        background: -ms-linear-gradient(45deg, rgba(228,228,228,1) 0%, rgba(202,202,202,1) 100%);
        background: linear-gradient(45deg, rgba(228,228,228,1) 0%, rgba(202,202,202,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#cacaca', GradientType=1 );
    }

    .fondo-degradado-1-change {
        background: rgba(237,237,237,1);
        background: -moz-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(237,237,237,1)), color-stop(16%, rgba(237,237,237,1)), color-stop(100%, rgba(209,209,209,1)));
        background: -webkit-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -o-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -ms-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d1d1d1', GradientType=1 );
        -webkit-transition: 0.5s; /* Safari prior 6.1 */
        transition: 0.5s;
        color:#3fa194;
        -webkit-box-shadow: 0px 11px 37px -18px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 11px 37px -18px rgba(0,0,0,0.75);
        box-shadow: 0px 11px 37px -18px rgba(0,0,0,0.75);
    }

    .fondo-degradado-1-change:hover {background: #3fa194; color:white;}

    .fondo-degradado-2-change {
        background: rgba(237,237,237,1);
        background: -moz-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(237,237,237,1)), color-stop(16%, rgba(237,237,237,1)), color-stop(100%, rgba(209,209,209,1)));
        background: -webkit-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -o-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -ms-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d1d1d1', GradientType=1 );
        -webkit-transition: 0.5s; /* Safari prior 6.1 */
        transition: 0.5s;
        color:#4223A3;
        -webkit-box-shadow: 0px 11px 37px -18px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 11px 37px -18px rgba(0,0,0,0.75);
        box-shadow: 0px 11px 37px -18px rgba(0,0,0,0.75);
    }

    .fondo-degradado-2-change:hover {background: #4223A3; color:white;}

    .fondo-degradado-3-change {
        background: rgba(237,237,237,1);
        background: -moz-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(237,237,237,1)), color-stop(16%, rgba(237,237,237,1)), color-stop(100%, rgba(209,209,209,1)));
        background: -webkit-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -o-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -ms-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d1d1d1', GradientType=1 );
        -webkit-transition: 0.5s; /* Safari prior 6.1 */
        transition: 0.5s;
        color:#A42900;
        -webkit-box-shadow: 0px 11px 37px -18px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 11px 37px -18px rgba(0,0,0,0.75);
        box-shadow: 0px 11px 37px -18px rgba(0,0,0,0.75);
    }

    .fondo-degradado-3-change:hover {background: #A42900; color:white;}

    .fondo-degradado-4-change {
        background: rgba(237,237,237,1);
        background: -moz-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(237,237,237,1)), color-stop(16%, rgba(237,237,237,1)), color-stop(100%, rgba(209,209,209,1)));
        background: -webkit-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -o-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -ms-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d1d1d1', GradientType=1 );
        -webkit-transition: 0.5s; /* Safari prior 6.1 */
        transition: 0.5s;
        color:#ffa70d;
        -webkit-box-shadow: 0px 11px 37px -18px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 11px 37px -18px rgba(0,0,0,0.75);
        box-shadow: 0px 11px 37px -18px rgba(0,0,0,0.75);
    }

    .fondo-degradado-4-change:hover {background: #ffa70d; color:white;}

    .fondo-degradado-5-change {
        background: rgba(237,237,237,1);
        background: -moz-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(237,237,237,1)), color-stop(16%, rgba(237,237,237,1)), color-stop(100%, rgba(209,209,209,1)));
        background: -webkit-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -o-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -ms-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d1d1d1', GradientType=1 );
        -webkit-transition: 0.5s; /* Safari prior 6.1 */
        transition: 0.5s;
        color:#333333;
        -webkit-box-shadow: 0px 11px 37px -18px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 11px 37px -18px rgba(0,0,0,0.75);
        box-shadow: 0px 11px 37px -18px rgba(0,0,0,0.75);
    }

    .fondo-degradado-5-change:hover {background: #333333; color:white;}

    .fondo-degradado-6-change {
        background: rgba(237,237,237,1);
        background: -moz-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(237,237,237,1)), color-stop(16%, rgba(237,237,237,1)), color-stop(100%, rgba(209,209,209,1)));
        background: -webkit-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -o-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: -ms-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        background: linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 16%, rgba(209,209,209,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d1d1d1', GradientType=1 );
        -webkit-transition: 0.5s; /* Safari prior 6.1 */
        transition: 0.5s;
        color:#003597;
        -webkit-box-shadow: 0px 11px 37px -18px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 11px 37px -18px rgba(0,0,0,0.75);
        box-shadow: 0px 11px 37px -18px rgba(0,0,0,0.75);
    }

    .fondo-degradado-6-change:hover {background: #003597; color:white;}

    abbr[title] {
        border-bottom: none !important;
        cursor: inherit !important;
        text-decoration: none !important;
      }

    /* Bordes */
    .border-all-light {border:1px solid #B5B5B5;}
    .border-top-light {border-top:1px solid #B5B5B5;}
    .border-bottom-light {border-bottom:1px solid #B5B5B5;}
    .border-right-light {border-right:1px solid #B5B5B5;}
    .border-left-light {border-left:1px solid #B5B5B5;}

    .border-all {border:1px solid #999999;}
    .border-bottom {border-bottom:1px solid #999999;}
    .border-top {border-top:1px solid #999999;}
    .border-right {border-right:1px solid #999999;}
    .border-left {border-left:1px solid #999999;}

    .border-all-dark {border:1px solid black;}
    .border-bottom-dark {border-bottom:1px solid black;}
    .border-top-dark {border-top:1px solid black;}
    .border-right-dark {border-right:1px solid black;}
    .border-left-dark {border-left:1px solid black;}

    .border-all-transparent {border:1px solid transparent !important;}
    .border-bottom-transparent {border-bottom:1px solid transparent;}
    .border-top-transparent {border-top:1px solid transparent;}
    .border-right-transparent {border-right:1px solid transparent;}
    .border-left-transparent {border-left:1px solid transparent;}

    .borde-azul-1 {border:1px solid #003597;}
    .borde-azul-2 {border: 1px solid #436397;}
    .borde-azul-3 {border: 1px solid #6686C1;}
    .borde-azul-4 {border: 1px solid #13386d;}
    .borde-azulverdoso{border:1px solid #3fa194;}
    .borde-negro {border: 1px solid #4C4C4C;}
    .borde-negro-2 {border: 1px solid #333333;}
    .borde-negro-3 {border: 1px solid #2B2B2B;}
    .borde-gris {border:1px solid #E2E2E2;}
    .borde-gris-2 {border:1px solid #CCCCCC;}
    .borde-gris-3 {border:1px solid #828282;}


    /* Radio Bordes */
    .no-border-radius {border-radius: 0rem !important;}

    /* Párrafos */
    p {font-size:1.1rem; line-height:1.6rem;}
    span, input, .input_animate, label {font-size: 1rem;}

    /* z-index */
    .z-index-1n {z-index:-1;}
    .z-index-1 {z-index:1;}
    .z-index-2 {z-index:9;}
    .z-index-3 {z-index:99;}
    .z-index-4 {z-index:999;}
    .z-index-5 {z-index:9999;}
    .z-index-6 {z-index:99999;}

    /* columnas tipos extra */

    /*  OPCIONAL, BOOSTRAP 4 INCLUYE YA col-auto */
        .col-auto-content {
        padding-right:15px;
        padding-left:15px;
        position:relative;
    }

         @media screen and (min-width:1200px) {
         .col-spec-xl {
            max-width:20%;
            padding-right:15px;
            padding-left:15px;
            position:relative;
            display:block;
        }
     }

     @media screen and (min-width:1300px) {
         .col-spec-xl {
            max-width:20%;
            padding-right:15px;
            padding-left:15px;
            position:relative;
            display:block;
        }
     }

     @media screen and (min-width:1600px) {}

     /* modal xl */
     @media (min-width: 768px) {
        .modal-xl {
          width: 90%;
         max-width:90%;
        }
      }

    /* Tamaños tipográficos */
    .font-size-11 {font-size:11px;}
    .font-size-12 {font-size:12px;}
    .font-size-13 {font-size:13px;}
    .font-size-14 {font-size:14px;}
    .font-size-15 {font-size:15px;}
    .font-size-16 {font-size:16px;}
    .font-size-17 {font-size:17px;}
    .font-size-18 {font-size:18px;}
    .font-size-19 {font-size:19px;}
    .font-size-20 {font-size:20px;}
    .font-size-21 {font-size:21px;}
    .font-size-22 {font-size:22px;}
    .font-size-23 {font-size:23px;}
    .font-size-24 {font-size:24px;}
    .font-size-25 {font-size:25px;}
    .font-size-30 {font-size:30px;}
    .font-size-45 {font-size:45px;}
    .font-size-48 {font-size:48px;}
    .font-size-55 {font-size:50px;}
    .font-size-60 {font-size:60px;}

    /* Interlíneas */
    .line-height-0 {line-height:0rem;}
    .no-line-height {line-height:1rem;}
    .line-height-1-5 {line-height:1.5rem;}
    .line-height-2 {line-height:2rem;}
    .line-height-2-5 {line-height:2.5rem;}

     /* Saltos de línea */
    .white-space-nowrap {white-space: nowrap;}
    .white-space-normal {white-space: normal;}
    .white-space-pre {white-space: pre;}

    /* Opacidades */
    .opacity-100 {opacity:1;}
    .opacity-90 {opacity:0.9;}
    .opacity-80 {opacity:0.8;}
    .opacity-70 {opacity:0.7;}
    .opacity-60 {opacity:0.6;}
    .opacity-50 {opacity:0.5;}
    .opacity-40 {opacity:0.4;}
    .opacity-30 {opacity:0.3;}
    .opacity-20 {opacity:0.2;}
    .opacity-10 {opacity:0.1;}
    .opacity-0 {opacity:0;}

    /* Alturas */
    .height-25 {height:25px;}
    .height-50 {height:50px;}
    .height-100 {height:100px;}

    /* Tamaños */
    .size-10 {height:10px; width:10px;}
    .size-15 {height:15px; width:15px;}
    .size-20 {height:20px; width:20px;}
    .size-25 {height:25px; width:25px;}
    
    /* Anchos */
    .size-75 {width:75px; height:auto;}
    .size-100 {width:100px; height:auto;}
    .size-150 {width:150px; height:auto;}
    .size-250 {width:250px; height:auto;}
    .size-450 {width:450px; height:auto;}

    /* Anchos mínimos */
    .min-w-100px {min-width:100px;}

    /* Idiomas */
    .container_language_icon {width:65px;}
    .language_icon{height:25px; width:25px; opacity:0.4; transition:0.3s;}
    .language_icon.active {opacity:1; font-weight:bold; color:#003597;}


    /* Scroll */
    .overflow-no-scroll {overflow-y:hidden; overflow-x:hidden;}
    .overflow-y-scroll {overflow-y:auto;}
    .overflow-x-scroll {overflow-x:hidden;}
    .overflow-x-scroll-enabled {overflow-x:scroll;}

    /* Listas */

    /* Unordered lists */

    [class*="ul_style_"], [class*="ol_style_"] {color:#333333;}

    .ul_style_1 {padding-left:0rem;}
    .ul_style_1 li {margin-left:1rem;}

    /*.ul_style_2 {padding-left:0rem;}
    .ul_style_2 li {margin-left:0rem; list-style-type: none;}*/

    .ul_style_2 {padding-left:0rem; margin-bottom:0rem;}
    .ul_style_2 li, .ul_style_2 li:active, .ul_style_2 li:focus {
        margin-left:0rem;
        list-style-type: none;
        -webkit-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.3) !important;
        -moz-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.3) !important;
        box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.3) !important;
        border-radius:5px; 
        margin-bottom:0.35rem; 
        padding:0.7rem 0.8rem 0.8rem;
    }
    .ul_style_2 li a {color:#003597 !important; text-decoration:underline !important; font-weight:bold;}
    .ul_style_2 li i {color:#003597; cursor:pointer;}
    .ul_style_2 li:hover a, .ul_style_2 li:hover i {color:#003597 !important; cursor:pointer;}

    .ul_style_3 {padding-left:0rem; cursor:pointer;}
    .ul_style_3 li {margin-left:0rem; list-style-type: none; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
    .ul_style_3 li:before {content: "\2022"; margin-right:0.5rem; font-size:12px;}
    .ul_style_3 li:hover {font-weight:bold;}
    .ul_style_3 li:hover:before {content:">"; font-weight:bold;}

    .ul_style_4 {list-style-type:none; padding-left:0.2rem; /* cursor:pointer; */}
    .ul_style_4 li {-webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
    .ul_style_4 li i {margin-right:0.5rem;}
    .ul_style_4 li:hover {color:#003597;}

    .ul_style_5 {list-style-type:none; padding-left:20px; cursor:pointer;}
    .ul_style_5 li {-webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
    .ul_style_5 li:hover {font-weight:bold;}
    .ul_style_5 li.active {color:#003597; font-weight:bold;}
    .ul_style_5 li i {margin-right:0.3rem; position:absolute; left:0px; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s; opacity:0;}
    .ul_style_5 li:hover i {left: 18px; opacity:1;}
    .ul_style_5 li.active i {left: 18px; opacity:1;  color:#003597;}

    .ul_style_6 {list-style-type:none; padding-left:20px; cursor:pointer; padding-left:0.1rem;}
    .ul_style_6 li:hover {font-weight:bold;}
    .ul_style_6 li.active {font-weight:bold; color:#003597;}
    .ul_style_6 li i {margin-right:0.3rem; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
    .ul_style_6 li:hover i {color:#333333;}
    .ul_style_6 li.active i {transform: rotate(90deg); color:#003597;}
    .ul_style_6 li .far.fa-square {opacity:1; position:absolute;}
    .ul_style_6 li:hover .far.fa-square {opacity:0; position:absolute;}
    .ul_style_6 li .fas.fa-square {opacity:0;}
    .ul_style_6 li.active .fas.fa-square {opacity:1; color:#003597;}
    .ul_style_6 li:hover .fas.fa-square {opacity:1;}

    .ul_style_7 {list-style-type:none; padding-left:0.2rem; cursor:pointer; position:absolute;}
    .ul_style_7 li {-webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s; display:flex; align-items:center;}
    .ul_style_7 li i {margin-right:0.5rem; font-size:5px; padding-top:0.2rem;}
    .ul_style_7 li:hover {font-size:20px; font-weight:bold;}
    .ul_style_7 li.active {color:#003597; font-size:20px; font-weight:bold;}

    /* Ordered lists */

    .ol_style_1 {padding-left:0rem;}
    .ol_style_1 li {margin-left:1rem;}

    .ol_style_2 {padding-left:0rem;}
    .ol_style_2 li {margin-left:0rem; list-style-type: none;}

    .ol_style_3 {padding-left:0rem; cursor:pointer; list-style: none; counter-reset: my-awesome-counter;}
    .ol_style_3 li {margin-left:0rem; padding-bottom:0.15rem; counter-increment: my-awesome-counter; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
    .ol_style_3 li:before {content: " ";  margin-right:0.5rem; font-weight:bold; background-color:darkgrey; color:white; padding-left:0.2rem; padding-top:0.2rem; padding-bottom:0.2rem; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
    .ol_style_3 li:hover {font-weight:bold;}
    .ol_style_3 li.active {font-weight:bold; color:#003597;}
    .ol_style_3 li:hover:before {background-color:#333333; content: counter(my-awesome-counter) ". ";}
    .ol_style_3 li.active:before {background-color:#003597; content: counter(my-awesome-counter) ". ";}

    .ol_style_4 {padding-left:0rem; cursor:pointer; list-style: none; counter-reset: my-awesome-counter;}
    .ol_style_4 li {margin-left:0rem; counter-increment: my-awesome-counter; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
    .ol_style_4 li:before {content: counter(my-awesome-counter) ". ";  margin-right:0.5rem; font-weight:bold; background-color:darkgrey; color:white; padding-left:0.2rem; padding-top:0.2rem; padding-bottom:0.2rem; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
    .ol_style_4 li:hover {color:#333333; font-weight:bold;}
    .ol_style_4 li.active {color:#003597; font-weight:bold;}
    .ol_style_4 li:hover:before {background-color:#333333;}
    .ol_style_4 li.active:before {background-color:#003597;}

    .ol_style_5 {list-style-type:none; padding-left:0.2rem; cursor:pointer; list-style: none; counter-reset: my-awesome-counter;}
    .ol_style_5 li {-webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s; counter-increment: my-awesome-counter;}
    .ol_style_5 li:before {margin-left:-25px; opacity:0; content: counter(my-awesome-counter) ". ";  margin-right:0.2rem; font-weight:bold; padding-left:0.2rem; padding-top:0.2rem; padding-bottom:0.2rem; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
    .ol_style_5 li i {margin-right:0.3rem;}
    .ol_style_5 li:hover {font-weight:bold;}
    .ol_style_5 li.active {color:#003597; font-weight:bold;}
    .ol_style_5 li:hover:before {margin-left:-7px; opacity:1;}
    .ol_style_5 li.active:before {margin-left:-7px; opacity:1; color:#003597;}

    .ol_style_6 {list-style-type:none; padding-left:0.1rem; cursor:pointer; position:absolute; counter-reset: my-awesome-counter;}
    .ol_style_6 li {-webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s; counter-increment: my-awesome-counter;}
    .ol_style_6 li:before {content:counter(my-awesome-counter) ". "; }
    .ol_style_6 li i {margin-right:0.5rem; font-size:5px; padding-top:0.2rem;}
    .ol_style_6 li:hover {font-weight:bold; color:#333333;}
    .ol_style_6 li.active {color:#003597; font-weight:bold;}
    .ol_style_6 li:hover:before {background-color:#333333; padding-left:0.2rem; padding-top:0.2rem; padding-bottom:0.2rem; color:white; margin-right:0.3rem;  -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
    .ol_style_6 li.active:before {background-color:#003597; padding-left:0.2rem; padding-top:0.2rem; padding-bottom:0.2rem; color:white; margin-right:0.3rem;  -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s;}

    .ol_style_7 {list-style-type:none; padding-left:0.1rem; cursor:pointer; position:absolute; counter-reset: my-awesome-counter;}
    .ol_style_7 li {-webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s; counter-increment: my-awesome-counter;}
    .ol_style_7 li:before {content:counter(my-awesome-counter) ". "; }
    .ol_style_7 li i {margin-right:0.5rem; font-size:5px; padding-top:0.2rem;}
    .ol_style_7 li:hover {font-size:20px; font-weight:bold;}
    .ol_style_7 li.active {color:#003597; font-size:20px; font-weight:bold;}

    /* Nav pills (menú horizontal) */
    .nav-pills .nav-link {border-radius: 3rem;}
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #fff; background-color: #6686C1;}

    /*.btn {}
    .btn-default {}
    .btn-primary {}*/
    
    /* Pastillas */
    .pastilla {
        font-size:14px;
        white-space:nowrap;
        padding-left:1rem;
        padding-right:1rem;
        padding-top:.5rem;
        padding-bottom:.5rem;
        margin-bottom:0px;
    }

    .pastilla.pastilla-1 {background-color: #003597; color:white;}
    .pastilla.pastilla-2 {background-color: #436397; color:white;}
    .pastilla.pastilla-3 {background-color: #6686C1; color:white;}
    .pastilla.pastilla-4 {background-color: #13386d; color:white;}
    .pastilla.pastilla-5 {background-color: #3fa194; color:white;}
    .pastilla.pastilla-6 {background-color: #4C4C4C; color:white;}
    .pastilla.pastilla-7 {background-color: #333333; color:white;}
    .pastilla.pastilla-8 {background-color: #2B2B2B; color:white;}

    .pastilla.pastilla-1b {border:1px solid #003597; color:#003597;}
    .pastilla.pastilla-2b {border:1px solid #436397; color:#436397;}
    .pastilla.pastilla-3b {border:1px solid #6686C1; color:#6686C1;}
    .pastilla.pastilla-4b {border:1px solid #13386d; color:#13386d;}
    .pastilla.pastilla-5b {border:1px solid #3fa194; color:#3fa194;}
    .pastilla.pastilla-6b {border:1px solid #4C4C4C; color:#4C4C4C;}
    .pastilla.pastilla-7b {border:1px solid #333333; color:#333333;}
    .pastilla.pastilla-8b {border:1px solid #2B2B2B; color:#2B2B2B;}

    .control-label .badge {font-weight:normal; background-color:#828282; color:#e2e2e2; margin-left:0rem;}

    .title-1 {font-size:20px; color:#333333; margin-bottom:1rem; padding-bottom:0.5rem; width:100%; border-bottom: 1px solid #B5B5B5;}
    .title-1.azul-1 {color:#003597;}
    .subtitle-1 {font-weight:bold; color: #003597; margin-bottom:0.25rem;}

    /* Cursor */
    .alias {cursor: alias;}
    .all-scroll {cursor: all-scroll;}
    .auto {cursor: auto;}
    .cell {cursor: cell;}
    .context-menu {cursor: context-menu;}
    .col-resize {cursor: col-resize;}
    .copy {cursor: copy;}
    .crosshair {cursor: crosshair;}
    .default {cursor: default;}
    .e-resize {cursor: e-resize;}
    .ew-resize {cursor: ew-resize;}
    .grab {cursor: -webkit-grab; cursor: grab;}
    .grabbing {cursor: -webkit-grabbing; cursor: grabbing;}
    .help {cursor: help;}
    .move {cursor: move;}
    .n-resize {cursor: n-resize;}
    .ne-resize {cursor: ne-resize;}
    .nesw-resize {cursor: nesw-resize;}
    .ns-resize {cursor: ns-resize;}
    .nw-resize {cursor: nw-resize;}
    .nwse-resize {cursor: nwse-resize;}
    .no-drop {cursor: no-drop;}
    .none {cursor: none;}
    .not-allowed {cursor: not-allowed;}
    .pointer {cursor: pointer;}
    .progress {cursor: progress;}
    .row-resize {cursor: row-resize;}
    .s-resize {cursor: s-resize;}
    .se-resize {cursor: se-resize;}
    .sw-resize {cursor: sw-resize;}
    .text {cursor: text;}
    .url {cursor: url(myBall.cur),auto;}
    .w-resize {cursor: w-resize;}
    .wait {cursor: wait;}
    .zoom-in {cursor: zoom-in;}
    .zoom-out {cursor: zoom-out;}

    /* Botones de incremento boostrap alineación correcta */
    button.btn-increment {margin-top:0px !important;}
    button.btn-decrement {margin-top:-1px;}
    .control-div .fa-caret-up {
        position:relative !important;
        top:auto !important;
        left:auto !important;
        margin-top:0px !important;
        font-size: 0.6rem !important;
        line-height:0;
    }

    .control-div .fa-caret-down {
        position:relative !important;
        top:auto !important;
        left:auto !important;
        margin-top:0px !important;
        font-size: 0.6rem !important;
        line-height:0;
    }

    /* Links estados */
    a {color: #333}
    a:link, a:visited, a:active, a:hover {}
    a:hover {text-decoration: none; color:#800013;}
    .underline {text-decoration:underline;}
    /*a.book {font-size: 1.1rem; color:darkgrey; transition: 0.3s;}
    a.book:hover, a.book:hover strong {color:#800013;}*/

    /* Marcado */
    mark {background-color: #333333; padding-left: 5px; padding-right: 5px; color:white;}

    ::-moz-selection { /* Code for Firefox */ color: white; background: #333333;}
    ::selection {color: white; background: #333333;}

    /* Floats */ /* Preferible usar d-flex*/
    /* Equivalente a div padre con d-flex y div hijo con justify-content-start */
    .float-left {float: left;}
    /* Equivalente a div padre con d-flex y div hijo con justify-content-end */
    .float-right {float: right;}


    /* Media queries */
    /*Extra Big large devices (laptop, 1200px and up)*/
    @media screen and (min-width: 1200px) {}

    /*Big large devices (laptop, 1200px and down)*/ 
    @media screen and (max-width: 1200px) {
        .border-all-responsive {border: 1px solid #B5B5B5;}
        .border-left-responsive {border-left:1px solid #B5B5B5;}
        .border-right-responsive {border-right:1px solid #B5B5B5;}
        .border-top-responsive {border-top:1px solid #B5B5B5;}
        .border-bottom-responsive {border-bottom:1px solid #B5B5B5;}
    }

    /*Medium devices (tablet, 992px and down)*/ 
    @media screen and (max-width: 992px) {
        .border-all-responsive {border: 1px solid green;}
        .border-left-responsive {border-left:1px solid green;}
        .border-right-responsive {border-right:1px solid green;}
        .border-top-responsive {border-top:1px solid green;}
        .border-bottom-responsive {border-bottom:1px solid green;}
    }

    /*Small devices (mobile big screen, 768px and down)*/ 
    @media screen and (max-width: 768px) {
        .border-all-responsive {border: 1px solid transparent;}
        .border-left-responsive {border-left:1px solid transparent;}
        .border-right-responsive {border-right:1px solid transparent;}
        .border-top-responsive {border-top:1px solid transparent;}
        .border-bottom-responsive {border-bottom:1px solid transparent;}
    }

    /*Very small devices (mobile, 576px and down)*/ 
    @media screen and (max-width: 576px) {}
    

    /* Menu icon items en menu-icon-items.css */
    /* Toggle en toggle-icon.css */

    /* Asterisco required input */
    .form-group.required .control-label:after {content:"*"; color:red; margin-left: 4px;}
    .form-control.is-invalid, .was-validated .form-control:invalid {background-image: none !important; padding: .375rem .75rem !important;}
    .form-control.is-valid, .was-validated .form-control:valid {padding: .375rem .75rem !important; background-image: none !important;}

    /* Menú lateral */

    #menu-propuestas {background-color:#333333;}    
    .height-icons-responsive {height:40px; width:40px;}

    /* Imágenes dimensiones */
    .height-descarga {height:25px; width:20px;}
    .lateral-menu-icons {width:50px; height:50px;}
    .lateral-menu-info {-webkit-transition: 0.3s; transition: 0.3s; /* Safari prior 6.1 */}
    .language-icons {width:30px; height:30px;}
    #languages {display:flex;}

    .boton-docs:active, .boton-docs:link, .boton-docs:visited, .boton-docs:enabled, .boton-docs:focus {border:1px solid #333333 !important;}

    .contenedor-descargas {margin-left:-1rem!important; margin-right:-1rem!important;}

    .see_more {color:#555555;}

    /* Modales */

    .modal {background-color:rgba(50,50,50,0.9);}
    .modal-content {border:none;}
    .modal-header {
        display:flex;
        align-items:flex-start;
        justify-content:center;
        border-top-left-radius:0rem !important;
        border-top-right-radius:0rem !important;
    }

    /* Tabla */

    td.footable-sortable>span.fooicon, th.footable-sortable>span.fooicon {
    position: relative !important;
    right: 0px !important;
    left:5px;
    top: 3px !important;
    margin-top: -7px;
    opacity: 0;
    transition: opacity .3s ease-in;
    }

    tr:nth-child(odd) {background-color:none;}
    tr:nth-child(even) {background-color:#E2E2E2;}
    table {color:#333333;}
    table td {padding:1rem;}
    table td:first-child {}
    table td:last-child {border-right: none;}
    table th {text-transform:uppercase; font-weight:bold; background-color:#333333; color:white; padding:1rem; font-size:13px;}
    table tr:last-child {border-bottom: 1px solid none;}
    table td:first-child {border-left: none;}

    .table-5-cols td:nth-child(4) {padding-right:0rem; padding-top:0rem; padding-bottom:0rem;}
    .table-3-cols td:nth-child(2) {padding:2rem;}

    .overflowed {
        height:70px;
        overflow-y:scroll;
        overflow-x:hidden;
        padding-left:0rem;
        padding-top:1.5rem;
        padding-bottom:1.5rem;
        line-height:1.2rem;
    }
   
    
    tbody tr:hover .see_more {color:white;}

    .tabla-aprobadas td:nth-child(3) {width:190px;}
    .tabla-proceso td:nth-child(5) {width:190px;}
    .tabla-rechazadas td:nth-child(3) {width:170px;}

    /* TABLAS RESPONSIVE */
    .tablaResponsive thead tr th {background-color:#003597;}

        @media only screen and (max-width: 1200px), (min-device-width: 768px) and (max-device-width: 1024px) {

            /* RESPONSIVE DATATABLE */
            /* Force table to not be like tables anymore */
            .tablaResponsive, .tablaResponsive thead,
            .tablaResponsive tbody,
            .tablaResponsive th,
            .tablaResponsive td,
            .tablaResponsive tr {display: block;}

            /* Hide table headers (but not display: none;, for accessibility) */
            .tablaResponsive thead tr {position: absolute; top: -9999px; left: -9999px;}
            .tablaResponsive tr {padding-bottom: 1.5rem;}
            
            /* Behave  like a "row" */
            .tablaResponsive td {
                border: none;
                border-bottom: 1px solid #eee;
                position: relative; /*padding-left: 40% !important;*/
                text-align: left;
             }

             /* De las filas odd, colorea las celdas even */
             .tablaResponsive tr:nth-child(odd) td:nth-child(even) {background-color: #E2E2E2;}
             .tablaResponsive tr:nth-child(odd) td:first-child {background-color: #003597; color: white;}
                
             /* De las filas even, colorea todas las celdas */
             .tablaResponsive tr:nth-child(even) td, tr:nth-child(even) {background-color: white;}
             .tablaResponsive tr:nth-child(even) td:first-child {background-color: #003597; color: white;}
                
             /* De las filas even, colorea las celdas even */
             .tablaResponsive tr:nth-child(even) td:nth-child(even) {background-color: #E2E2E2;}
             .tablaResponsive tbody tr:hover {background-color: inherit !important; color: inherit !important;}

             .tablaResponsive.no-footer {border-bottom: none;}

            /* Introducir los textos de la cabecera dentro de cada fila. Al tener elementos dinámicos no lo mostramos        
                td:before {*/
                    /* Now like a table header */
                    /*position: absolute;*/
                    /* Top/left values mimic padding */
                    /*top: 6px;*/
                    /*left: 6px;
		        width: 45%; 
		        padding-right: 10px; 
		        white-space: nowrap;
                text-align:left;
	        }*/

                    /*
	        Label the data
	        */
                    /*td:nth-of-type(1):before { content: "First Name"; }
	        td:nth-of-type(2):before { content: "Last Name"; }
	        td:nth-of-type(3):before { content: "Job Title"; }
	        td:nth-of-type(4):before { content: "Favorite Color"; }
	        td:nth-of-type(5):before { content: "Wars of Trek?"; }
	        td:nth-of-type(6):before { content: "Secret Alias"; }
	        td:nth-of-type(7):before { content: "Date of Birth"; }
	        td:nth-of-type(8):before { content: "Dream Vacation City"; }
	        td:nth-of-type(9):before { content: "GPA"; }
	        td:nth-of-type(10):before { content: ""; }*/
        }

    /* FIN tablas */

    .label-default {
        background-color:#003597;
        padding:0.5rem;
        color:white;
        font-weight:normal !important;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    
    .expand-control {height:100%;}
    .animate {-webkit-transition: 0.2s; transition: 0.2s; /* Safari prior 6.1 */}
    .height-control {min-height:78.5vh;}
    
    /* Config screen */

    #config-screen {min-height:92vh;}

    :focus {outline:none !important; border:transparent; box-shadow:none !important;}
    :active {outline:none !important;}

    .no-border {border:none !important;}
    .border-none {border:none;}


     /* Responsive */

     @media (max-width: 576px) {
        #menu-content-responsive {min-height:85vh;}
        .overflow-table {overflow-x:scroll;}
    }

    @media (max-width: 767px) {
         #menu-content-responsive {min-height:88vh;}
    }

/* Eliminación estilos hover personalizados para pantallas móviles */

    @media (max-width: 768px) { 
                
        table td {/*width:50%;*/}

        table th {padding:1.5rem; margin:0rem;}

        tr:nth-child(odd):active {background-color:inherit; color:#333333;}
        tr:nth-child(odd):hover {background-color:inherit; color:#333333;}
        tr:nth-child(even):hover {background-color:#E2E2E2 !important; color:#333333;}

        tbody tr:hover .see_more {color:#555555 !important;}
        tbody tr:active .see_more {color:#555555 !important;}

        .tablas-pendientes tr:nth-child(odd):active, .tablas-aprobadas tr:nth-child(odd):active, .tablas-proceso tr:nth-child(odd):active, .tablas-rechazadas tr:nth-child(odd):active, .tablas-canceladas tr:nth-child(odd):active, .tablas-solicitudes tr:nth-child(odd):active {background-color:#E2E2E2 !important; color:#333333;}
        .tablas-pendientes tr:nth-child(odd):hover, .tablas-aprobadas tr:nth-child(odd):hover, .tablas-proceso tr:nth-child(odd):hover, .tablas-rechazadas tr:nth-child(odd):hover, .tablas-canceladas tr:nth-child(odd):hover, .tablas-solicitudes tr:nth-child(odd):hover {background-color:#E2E2E2 !important; color:#333333;}
        .tablas-pendientes tr:nth-child(even):hover, .tablas-aprobadas tr:nth-child(even):hover, .tablas-proceso tr:nth-child(even):hover, .tablas-rechazadas tr:nth-child(even):hover, .tablas-canceladas tr:nth-child(even):hover, .tablas-solicitudes tr:nth-child(even):hover {background-color:#E2E2E2 !important; color:#333333;}
        .tablas-pendientes tbody tr:hover .see_more, .tablas-aprobadas tbody tr:hover .see_more, .tablas-proceso tbody tr:hover .see_more, .tablas-rechazadas tbody tr:hover .see_more, .tablas-canceladas tbody tr:hover .see_more, .tablas-solicitudes tbody tr:hover .see_more {color:#555555 !important;}
        .tablas-pendientes tbody tr:active .see_more, .tablas-aprobadas tbody tr:active .see_more, .tablas-proceso tbody tr:active .see_more, .tablas-rechazadas tbody tr:active .see_more, .tablas-canceladas tbody tr:active .see_more, .tablas-solicitudes tbody tr:active .see_more  {color:#555555 !important;}

    }

/* Hovers personalizados para las diferentes tablas de las propuestas (según sección) */

    @media (max-width: 992px) { 
        .border-right-responsive {border-right:none;}   
    }

/* Ajuste tablas */

    @media (min-width: 992px) {

        .tabla-mantenimiento td:last-child {
            padding-left:1.5rem !important;
            padding-right:1.5rem !important;
            padding-top:0rem;
            padding-bottom:0rem;
            min-width: 100px;
        }

        table td:last-child {
            /*padding-left:1.5rem !important;
            padding-right:0rem;
            padding-top:0rem;
            padding-bottom:0rem;*/
        }

        #config-icons {margin-left:auto; margin-right:0px;}
    }

/* Colocación del body según menú */
@media (max-width: 1200px) {body {margin-left:0px !important;}}

/* Container */
@media (min-width: 1200px) {.container {width:75%;}} 

/* NoAccess */

.min-100vh {min-height:100vh;}
.min-vh-noAcces {min-height:85vh;}
.min-vh-loading {min-height:92vh;}

@media (min-width: 768px) {
    #logoNoAccess {min-width:100%; height:100%;}         
}

@media (max-width: 768px) {
    #logoNoAccess {}
}


#menuConstructor .menu-group {border-right: 1px solid lightgrey;}
#menuConstructor .menu-group:first-child {border-left: 1px solid lightgrey;}
#menuConstructor .menu-group .active {color:#3fa194; font-weight:900;}
#menuConstructor .menu-group span {display:block; margin-bottom:0.5rem; text-transform:uppercase; font-weight:900; color:#333333;}
#menuConstructor .menu-group a {display:block; width:100%; margin-right:1rem;}



/* GENERAL - ¡Heredado de otras webs! */
html, body {min-height: 100vh !important;}

html {margin: 0; padding: 0;}
body {/*background-color:rgba(230,230,230,0.3);*/ background-color:white; color:darkgrey; font-size: .85em; font-family: 'Frutiger LT Std', sans-serif; margin: 0; padding: 0;}

a {outline: none; text-decoration: none;}

.pointer {cursor:pointer;}

header, footer, hgroup, nav, section {display: block;}

.float-left {float: left;}
.float-right {float: right;}

.clear-fix:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;}

h1, h2, h3, h4, h5, h6 {margin-bottom: 0; padding-bottom: 0;}

h1 {font-size: 2em;}
h2 {font-size: 3.2em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.1em;}
h5, h6 {font-size: 1em;}
h5 a:link, h5 a:visited, h5 a:active {padding: 0; text-decoration: none;}


/* main layout
----------------------------------------------------------*/
.content-wrapper {margin: 0 auto; max-width: 960px;}

#main {clear: both;}
.main-content {background: url("../Images/accent.png") no-repeat; padding-left: 10px; padding-top: 30px;}
.featured + .main-content {background: url("../Images/heroAccent.png") no-repeat;}

header .content-wrapper {padding-top: 20px;}
footer {font-size: .8em;}


/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: 'Roboto', sans-serif;
    font-size: 2.3em;
    margin: 0;
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #c8c8c8;
    outline: none;
    text-decoration: none;
}


/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

    #login a.username {
        background: none;
        margin-left: 0px;
        text-decoration: underline;
    }

    #login ul {margin: 0;}
    #login li {display: inline; list-style: none;}


/* menu
----------------------------------------------------------*/
ul#menu {font-size: 1.3em; font-weight: 600; margin: 0 0 5px; padding: 0; text-align: right;}
ul#menu li {display: inline; list-style: none; padding-left: 15px;}
ul#menu li a {background: none; color: #999; text-decoration: none;}
ul#menu li a:hover {color: #333; text-decoration: none;}


/* page elements
----------------------------------------------------------*/
/* featured */
.featured {background-color: #fff;}

.featured .content-wrapper {
    background-color: #7ac0da;
    background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
    background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
    background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
    background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
    color: #3e5667;
    padding: 20px 40px 30px 40px;
}

.featured hgroup.title h1, .featured hgroup.title h2 {color: #fff;}
.featured p {font-size: 1.1em;}

/* page titles */
hgroup.title {margin-bottom: 10px;}
hgroup.title h1, hgroup.title h2 {display: inline;}
hgroup.title h2 {font-weight: normal; margin-left: 3px;}

/* features */
section.feature {width: 300px; float: left; padding: 10px;}

/* ordered list */
ol.round {list-style-type: none; padding-left: 0;}
ol.round li {margin: 25px 0; padding-left: 45px;}
ol.round li.zero {background: url("../Images/orderedList0.png") no-repeat;}
ol.round li.one {background: url("../Images/orderedList1.png") no-repeat;}
ol.round li.two {background: url("../Images/orderedList2.png") no-repeat;}
ol.round li.three {background: url("../Images/orderedList3.png") no-repeat;}
ol.round li.four {background: url("../Images/orderedList4.png") no-repeat;}
ol.round li.five {background: url("../Images/orderedList5.png") no-repeat;}
ol.round li.six {background: url("../Images/orderedList6.png") no-repeat;}
ol.round li.seven {background: url("../Images/orderedList7.png") no-repeat;}
ol.round li.eight {background: url("../Images/orderedList8.png") no-repeat;}
ol.round li.nine {background: url("../Images/orderedList9.png") no-repeat;}

/* content */
article {float: left; width: 70%;}
aside {float: right; width: 25%;}
aside ul {list-style: none; padding: 0;}
aside ul li {background: url("../Images/bullet.png") no-repeat 0 50%; padding: 2px 0 2px 20px;}

.label {font-weight: 700;}

/* login page */
#loginForm {border-right: solid 2px #c8c8c8; float: left; width: 55%;}
#loginForm .validation-error {display: block; margin-left: 15px;}

#socialLoginForm {margin-left: 40px; float: left; width: 40%;}
#socialLoginForm h2 {margin-bottom:  5px;}

fieldset.open-auth-providers {margin-top: 15px;}
fieldset.open-auth-providers button {margin-bottom: 12px;}
    
/* contact */
.contact h3 {font-size: 1.2em;}
.contact p {margin: 5px 0 0 10px;}
.contact iframe {border: 1px solid #333; margin: 5px 0 0 10px;}

/* forms */
fieldset {border: none; margin: 0; padding: 0;}
fieldset legend {display: none;}
fieldset ol {padding: 0; list-style: none;}
fieldset ol li {padding-bottom: 5px;}
label {display: block; font-size: 1.2em; font-weight: 600;}
label.checkbox {display: inline;}

input, textarea {background: none;}

.w-input {width:45%; margin-right:5%; font-size:25px; line-height:1rem; text-align:center;}
.w-codigo {width:50%; padding-top:0.7rem;}

textarea {font-family: inherit; background: none; display:block;}
textarea:focus {border: 1px solid white;}

select:active {border: 1px solid #2364A5 !important; background-color:transparent !important;}
input:focus, textarea:focus, select:focus {border: 1px solid white !important; background-color:transparent !important;}

input[type="checkbox"] {background: transparent; border: inherit; width: auto;}
input[type="submit"], input[type="button"], button {background-color: transparent; border: none; cursor: pointer; font-size: 1.2em; font-weight: 600; padding: 7px; width: auto; /*background-color: #d3dce0;*/} 

td input[type="submit"], td input[type="button"], td button {font-size: 1em; padding: 4px; margin-right: 4px;}

/* info and errors */
.message-info {border: 1px solid; clear: both; padding: 10px 20px;}
.message-error {clear: both; color: #e80c4d; font-size: 1.1em; font-weight: bold; margin: 20px 0 10px 0;}
.message-success {color: #7ac0da; font-size: 1.3em; font-weight: bold; margin: 20px 0 10px 0;}
.error {color: #e80c4d;}

/* styles for validation helpers */
.field-validation-error {color: #e80c4d; font-weight: bold;}
.field-validation-valid {display: none;}

input.input-validation-error {border: 1px solid #e80c4d;}
input[type="checkbox"].input-validation-error {border: 0 none;}

.validation-summary-errors {color: #e80c4d; font-weight: bold; font-size: 1.1em;}
.validation-summary-valid {display: none;}

/* tables
----------------------------------------------------------*/
table {border-collapse: collapse; border-spacing: 0; margin-top: 0.75em; border: 0 none;}

th {font-size: 1.2em; text-align: left; border: none 0px; padding-left: 0;}
th a {display: block; position: relative;}
th a:link, th a:visited, th a:active, th a:hover {color: #333; font-weight: 600; text-decoration: none; padding: 0;}
th a:hover {color: #000;}
th.asc a, th.desc a {margin-right: .75em;}
th.asc a:after, th.desc a:after {display: block; position: absolute; right: 0em; top: 0; font-size: 0.75em;}
th.asc a:after {content: '▲';}
th.desc a:after {content: '▼';}
tr.pager td {padding: 0 0.25em 0 0;}


/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right {float: none;}

    /* logo */
    header .site-title {margin: 10px; text-align: center;}

    /* login */
    #login {font-size: .85em; margin: 0 0 12px; text-align: center;}
    #login ul {margin: 5px 0; padding: 0;}
    #login li {display: inline; list-style: none; margin: 0; padding: 0;}
    #login a {background: none; color: #999; font-weight: 600; margin: 2px; padding: 0;}
    #login a:hover {color: #333;}

    /* menu */
    nav {margin-bottom: 5px;}

    ul#menu {margin: 0; padding: 0; text-align: center;}
    ul#menu li {margin: 0; padding: 0;}


    /* main layout
    ----------------------------------------------------------*/
    .main-content, .featured + .main-content {background-position: 10px 0;}

    .content-wrapper {padding-right: 10px; padding-left: 10px;}
    .featured .content-wrapper {padding: 10px;}

    /* page content */
    article, aside {float: none; width: 100%;}

    /* ordered list */
    ol.round {list-style-type: none; padding-left: 0;}
    ol.round li {padding-left: 10px; margin: 25px 0;}
    ol.round li.zero,
    ol.round li.one,
    ol.round li.two,
    ol.round li.three,
    ol.round li.four,
    ol.round li.five,
    ol.round li.six,
    ol.round li.seven,
    ol.round li.eight,
    ol.round li.nine {background: none;}

    /* features */
    section.feature {float: none; padding: 10px; width: auto;}
    section.feature img {color: #999; content: attr(alt); font-size: 1.5em; font-weight: 600;}

    /* forms */
    input {width: 90%;}
    .height-lateral-menu-separador{height:2.25rem !important;}
    
    /* login page */
    #loginForm {border-right: none; float: none; width: auto;}
    #loginForm .validation-error {display: block; margin-left: 15px;}
    #socialLoginForm {margin-left: 0; float: none; width: auto;}

    /* footer
    ----------------------------------------------------------*/
    footer .float-left, footer .float-right {float: none;}
    footer {text-align: center; height: auto; padding: 10px 0;}
    footer p {margin: 0;}
}
/* END: Mobile Styles */