.overlay {
    position: fixed;
    z-index: 98;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #1BB600;
    filter: alpha(opacity=70);
    opacity: .85;
}

.overlayContent {
    z-index: 99;
    margin: 250px auto;
    width: 200px;
    height: 200px;
}

    .overlayContent h2 {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        font-size: 18px;
        font-weight: bold;
        color: #ffffff;
    }

    .overlayContent img {
        margin: 0;
        position: absolute;
        top: 61%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        width: 250px;
        height: 40px;
    }

.overlayContent2 h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
}

.overlayContent2 img {
    margin: 0;
    position: absolute;
    top: 64%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
}



/*body { background: #1BB600; }*/
.divider { /* minor cosmetics */
    display: table;
    /*font-size: 20px;    */
    text-align: center;
    width: 90%; /* divider width */
    margin: 15px auto; /* spacing above/below */
}

    .divider span {
        display: table-cell;
        position: relative;
    }

        .divider span:first-child, .divider span:last-child {
            width: 50%;
            top: 8px; /* adjust vertical align */
            -moz-background-size: 100% 2px; /* line width */
            background-size: 100% 2px; /* line width */
            background-position: 0 0, 0 100%;
            background-repeat: no-repeat;
        }

        .divider span:first-child { /* color changes in here */
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#1BB600));
            background-image: -webkit-linear-gradient(180deg, transparent, #1BB600);
            background-image: -moz-linear-gradient(180deg, transparent, #1BB600);
            background-image: -o-linear-gradient(180deg, transparent, #1BB600);
            background-image: linear-gradient(90deg, transparent, #1BB600);
        }

        .divider span:nth-child(2) {
            color: #1BB600;
            padding: 0px 5px;
            width: auto;
            white-space: nowrap;
        }

        .divider span:last-child { /* color changes in here */
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1BB600), to(transparent));
            background-image: -webkit-linear-gradient(180deg, #1BB600, transparent);
            background-image: -moz-linear-gradient(180deg, #1BB600, transparent);
            background-image: -o-linear-gradient(180deg, #1BB600, transparent);
            background-image: linear-gradient(90deg, #1BB600, transparent);
        }


/*VERDECLARO*/
/*body { background: #1BB600; }*/
.divverdeclaro { /* minor cosmetics */
    display: table;
    /*font-size: 20px;    */
    text-align: center;
    width: 90%; /* divider width */
    margin: 15px auto; /* spacing above/below */
}

    .divverdeclaro span {
        display: table-cell;
        position: relative;
    }

        .divverdeclaro span:first-child, .divverdeclaro span:last-child {
            width: 50%;
            top: 8px; /* adjust vertical align */
            -moz-background-size: 100% 2px; /* line width */
            background-size: 100% 2px; /* line width */
            background-position: 0 0, 0 100%;
            background-repeat: no-repeat;
        }

        .divverdeclaro span:first-child { /* color changes in here */
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#638862));
            background-image: -webkit-linear-gradient(180deg, transparent, #638862);
            background-image: -moz-linear-gradient(180deg, transparent, #638862);
            background-image: -o-linear-gradient(180deg, transparent, #638862);
            background-image: linear-gradient(90deg, transparent, #638862);
        }

        .divverdeclaro span:nth-child(2) {
            color: #638862;
            padding: 0px 5px;
            width: auto;
            white-space: nowrap;
        }

        .divverdeclaro span:last-child { /* color changes in here */
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#638862), to(transparent));
            background-image: -webkit-linear-gradient(180deg, #638862, transparent);
            background-image: -moz-linear-gradient(180deg, #638862, transparent);
            background-image: -o-linear-gradient(180deg, #638862, transparent);
            background-image: linear-gradient(90deg, #638862, transparent);
        }

/*ROJO*/
/*body { background: #1BB600; }*/
.divrojo { /* minor cosmetics */
    display: table;
    /*font-size: 20px;    */
    text-align: center;
    width: 90%; /* divider width */
    margin: 15px auto; /* spacing above/below */
}

    .divrojo span {
        display: table-cell;
        position: relative;
    }

        .divrojo span:first-child, .divrojo span:last-child {
            width: 50%;
            top: 8px; /* adjust vertical align */
            -moz-background-size: 100% 2px; /* line width */
            background-size: 100% 2px; /* line width */
            background-position: 0 0, 0 100%;
            background-repeat: no-repeat;
        }

        .divrojo span:first-child { /* color changes in here */
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#C24A7E));
            background-image: -webkit-linear-gradient(180deg, transparent, #C24A7E);
            background-image: -moz-linear-gradient(180deg, transparent, #C24A7E);
            background-image: -o-linear-gradient(180deg, transparent, #C24A7E);
            background-image: linear-gradient(90deg, transparent, #C24A7E);
        }

        .divrojo span:nth-child(2) {
            color: #C24A7E;
            padding: 0px 5px;
            width: auto;
            white-space: nowrap;
        }

        .divrojo span:last-child { /* color changes in here */
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C24A7E), to(transparent));
            background-image: -webkit-linear-gradient(180deg, #C24A7E, transparent);
            background-image: -moz-linear-gradient(180deg, #C24A7E, transparent);
            background-image: -o-linear-gradient(180deg, #C24A7E, transparent);
            background-image: linear-gradient(90deg, #C24A7E, transparent);
        }


/*AZUL*/
/*body { background: #1BB600; }*/
.divazul { /* minor cosmetics */
    display: table;
    /*font-size: 20px;    */
    text-align: center;
    width: 90%; /* divider width */
    margin: 15px auto; /* spacing above/below */
}

    .divazul span {
        display: table-cell;
        position: relative;
    }

        .divazul span:first-child, .divazul span:last-child {
            width: 50%;
            top: 8px; /* adjust vertical align */
            -moz-background-size: 100% 2px; /* line width */
            background-size: 100% 2px; /* line width */
            background-position: 0 0, 0 100%;
            background-repeat: no-repeat;
        }

        .divazul span:first-child { /* color changes in here */
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#5987C5));
            background-image: -webkit-linear-gradient(180deg, transparent, #5987C5);
            background-image: -moz-linear-gradient(180deg, transparent, #5987C5);
            background-image: -o-linear-gradient(180deg, transparent, #5987C5);
            background-image: linear-gradient(90deg, transparent, #5987C5);
        }

        .divazul span:nth-child(2) {
            color: #5987C5;
            padding: 0px 5px;
            width: auto;
            white-space: nowrap;
        }

        .divazul span:last-child { /* color changes in here */
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5987C5), to(transparent));
            background-image: -webkit-linear-gradient(180deg, #5987C5, transparent);
            background-image: -moz-linear-gradient(180deg, #5987C5, transparent);
            background-image: -o-linear-gradient(180deg, #5987C5, transparent);
            background-image: linear-gradient(90deg, #5987C5, transparent);
        }

/*AMARILLO*/
/*body { background: #1BB600; }*/
.divamarillo { /* minor cosmetics */
    display: table;
    /*font-size: 20px;    */
    text-align: center;
    width: 90%; /* divider width */
    margin: 15px auto; /* spacing above/below */
}

    .divamarillo span {
        display: table-cell;
        position: relative;
    }

        .divamarillo span:first-child, .divamarillo span:last-child {
            width: 50%;
            top: 8px; /* adjust vertical align */
            -moz-background-size: 100% 2px; /* line width */
            background-size: 100% 2px; /* line width */
            background-position: 0 0, 0 100%;
            background-repeat: no-repeat;
        }

        .divamarillo span:first-child { /* color changes in here */
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#DCA853));
            background-image: -webkit-linear-gradient(180deg, transparent, #DCA853);
            background-image: -moz-linear-gradient(180deg, transparent, #DCA853);
            background-image: -o-linear-gradient(180deg, transparent, #DCA853);
            background-image: linear-gradient(90deg, transparent, #DCA853);
        }

        .divamarillo span:nth-child(2) {
            color: #DCA853;
            padding: 0px 5px;
            width: auto;
            white-space: nowrap;
        }

        .divamarillo span:last-child { /* color changes in here */
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DCA853), to(transparent));
            background-image: -webkit-linear-gradient(180deg, #DCA853, transparent);
            background-image: -moz-linear-gradient(180deg, #DCA853, transparent);
            background-image: -o-linear-gradient(180deg, #DCA853, transparent);
            background-image: linear-gradient(90deg, #DCA853, transparent);
        }









.separator {
    font-size: 18px;
    color: #1BB600;
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%; /* divider width */
    margin: 20px auto;
}

    .separator::before, .separator::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid #1BB600;
    }

    .separator::before {
        color: #1BB600;
        margin-right: .25em;
    }

    .separator::after {
        margin-left: .25em;
    }


/*
#BackTop #BackTop-action {
    background-color: #1b0;
    padding: 7px;
    width: 42px;
    height: 42px;
    text-align: center;
    border-radius: 50%;
    opacity: 0.4;
    display: block;
}
*/
#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color: #96DA8F;
    color: #fff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    /*content: '\f102';
    font-family: FontAwesome;
    font-size: 28px;*/
    border-radius: 50%;
    /*opacity: 0.4;*/
    /*display: block;*/
}

    #back2Top:hover {
        background-color: #1b0;
        color: #fff;
    }

/*ul, ol {
    padding-left: 19px;
    font-size: 25px;
}*/

li {
    font-size: 16px; /*20px;*/
}

    li span {
        font-size: 14px;
    }







.form-control:focus,
.form-control:hover {
    /*border-color: #FF0000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);*/
    border-color: rgba(126, 239, 104, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
    outline: 0 none;
}

.borde-verdeclaro:focus,
.borde-verdeclaro:hover {
    /*border-color: #FF0000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);*/
    border-color: rgba(99, 136, 98, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(99, 136, 98, 0.6);
    outline: 0 none;
}

.borde-azul:focus,
.borde-azul:hover {
    /*border-color: #FF0000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);*/
    border-color: rgba(89, 135, 197, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(89, 135, 197, 0.6);
    outline: 0 none;
}

.borde-amarillo:focus,
.borde-amarillo:hover {
    /*border-color: #FF0000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);*/
    border-color: rgba(220, 168, 83, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(220, 168, 83, 0.6);
    outline: 0 none;
}

.borde-rojo:focus,
.borde-rojo:hover {
    /*border-color: #FF0000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);*/
    border-color: rgba(194, 74, 126, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(194, 74, 126, 0.6);
    outline: 0 none;
}


/*input:required:invalid, input:focus:invalid {
    background-image: url(/images/invalid.png);
    background-position: right top;
    background-repeat: no-repeat;
}

input:required:valid {
    background-image: url(/images/valid.png);
    background-position: right top;
    background-repeat: no-repeat;
}*/



input:required:invalid, input:focus:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB0ElEQVQ4T42Tv09aURTHv+cibTEBTIxMjcZYI06ATlrj4NR2UTq42wFMOpTWf8FBlwI2qJg4OWlKadKY1EGDxqSTiDQkVBus0cWpdRIJ7x5zX3wvD6ri3e455/s5P+49hLrTn4r2aUCYYRuB0DqUW0D8AfMWEy/mgu9zVgkZl/5vyWZZLX8C8KYear2zlEsOjSM/xj9cKrsOUGKtWt4gYOg+seFjxo6jqr1QEB0QSMeXG2X+D8yc3H8dmSTVsxRi7yGZBREksxnKkAHyp6JJEiLUCOB+9ASJwTGs/M5i4+zQCF8gX2ruSAh+dh9AiReeB+F1t2G1dIDZ/LYeToxf5EtHKwLCrgzeFg9ePe1BrLBrlmoVfz7+iZl8xtpGpQagShzwtOPrSQHTuS047Y/NzLeIVc4KBdJx1VC3urluBL0tHqyfFtHlatXLvkMMSVykwJfYIojCxgysEGW7S6x8TEiQPx31E8S+dYgGpPD3vL7nmlmTYJ/+kW57SofNjitZrXn3uh2YzwbfvdUBA2sfHZdNtu9EGG70H3Q/U8Z94XyZmZgom8ukQ2wUa/SpCJh3/XNNKbG5TNasNzMJEWOECZ3KJ4lLBNoUxEvZ0UjeGn8NeEfEv7ssgGAAAAAASUVORK5CYII=);*/
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACHklEQVQ4T5WTy2sTURTGv3PbBC0mmWYhbqR1kS5UcFUo1Qoyk0pKUYxTFYRKsdq1dCHiXpHiXhFKQURrJQvFR0nio5UW40IEkXRSMf9A26SJGpvMHJmbTiaNEers7nfP9zuPOZfQ8H3ThgIm8zkIaGDu2LzOMnNCeHc+Cr18sF5vIefAABlh/SIzTwhAaQTLM/MaSIyHEk+mCGBbkgDbvKzqE0w83tTYKDLfCiVj12yIBCyF9VFivrctsxNEPNIVj02R3XMZVra+7Jaggl293eByRYaTx4PiQgrmas7NYVmr1m+zkwxVHwPxHefGNvuO9CD3bNbuuSoTQTkZQeHdAsw1F8JEl+zBzYBZdwCBwTCK7z/As2c3SullmX3H/i6UvhoIRFTknr6qVUHANBna6RSAbkf1Hz+G4twivB17UUpnZPa2Qwfx8/MXCci/SLhtEKeaAtZn3wBCwK/2gS1G4fW8bCcwoDUFPAYw5LbQj/zzuBxicPiMlFcmH+LHx09QBvv/bmFJjV4mortbhni0txpoWVVZCCinBlBIzsPM5d0ZMI9SJnLezxu/siBqr0HaFfj6esCVzd/Y2orC3OIWs11YuSI65SIZmj4C8OT/LBIRD4fisfu1Vc6o0ZsgurodCDHfCCVj12tvwXkPmXD0Aky+DSGC/wCtEPEVO3NtoxsD04dP+KjNe1Ywa0y8T2Zh+g7m+IbZMn3g7Uyx3vMH7U7fRrWk4FUAAAAASUVORK5CYII=);*/
    background-position: right center;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
}

input:required:valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right center;
    background-repeat: no-repeat;
}





/*.tooltip-arrow,
.azul-tooltip + .tooltip > .tooltip-inner {background-color: #5987C5;}


.tooltip-arrow{
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;  
}
.amarillo-tooltip + .tooltip > .tooltip-inner {
    
    background-color: #DCA853;
    color: #ffffff;


}*/

.verdeclaro-tooltip + .tooltip > .tooltip-inner {
    background-color: #638862;
}

.verdeclaro-tooltip + .tooltip > .tooltip-arrow {
    /*border-top-color: #638862;
   border-bottom-color: #638862;
   border-width: 5px 5px 0;  
   border-left-color: #638862;
   border-right-color: #638862;*/

    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #638862;
}


.azul-tooltip + .tooltip > .tooltip-inner {
    background-color: #5987C5;
}

.azul-tooltip + .tooltip > .tooltip-arrow {
    /*border-top-color: #5987C5;
   border-width: 5px 5px 0;
   border-left-color: #D9EDF7;
   border-right-color: #D9EDF7;*/

    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #5987C5;
}


.amarillo-tooltip + .tooltip > .tooltip-inner {
    background-color: #DCA853;
}

.amarillo-tooltip + .tooltip > .tooltip-arrow {
    /*border-top-color: #DCA853;
   border-width: 5px 5px 0;
   border-left-color: #FCF8E3;
   border-right-color: #FCF8E3;*/
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #DCA853;
}


.rojo-tooltip + .tooltip > .tooltip-inner {
    background-color: #C24A7E;
}

.rojo-tooltip + .tooltip > .tooltip-arrow {
    /*border-top-color: #C24A7E;
   border-width: 5px 5px 0;
   border-left-color: #F2DEDE;
   border-right-color: #F2DEDE;*/

    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #C24A7E;
}



/*.mycheckbox input[type='checkbox'] { height: 12px; width: 12px; }*/


/*.amarillo-tooltip + .tooltip.top > .tooltip-arrow {background-color: #DCA853;}*/


/*.tooltip-arrow,
.amarillo-tooltip + .tooltip > .tooltip-inner {background-color: #DCA853;}*/

/*.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #DCA853; 
}*/