/**
 *  Este programa es regido por la licencia LICENCE.txt
 *  Debio recibir una copia de dicha licencia con este programa.
 *  Misma que esta disponible en la world wide web en :
 *  http://semillero.online/legal/LICENCE.txt
 *  Si no ha recibido una copia de la licencia LICENCE.txt
 *  y no puede obtenerla mediante la world wide web,
 *  por favor envie una solicitud al siguiente correo
 *  electronico legal@semillero.online y se le entregara una copia.
 *
 *  @category
 *  @author    Original Author <desarrollo1890@gmail.com>
 *  @author    Original Author <esteban.vargas.cortez@gmail.com>
 *  @author    Original Author <gtrp@samillero.online>
 *  @copyright Copyright (c) 2020-20xx.
 *  @license   https://semillero.online/legal/enduserlicenseagreement.php
 *
 */
.heroawards {
    padding: 40px;
    position: relative;


}

.container, .container-fluid {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
}

.activity-cycle.color-style .cycle{
    border-top-color: #000080 !important;
}

.activity-cycle.color-style .cycle:after{
    border-top-color: #545454 !important;
}

.activity-cycle.color-style .cycle:before{
    border-top-color: #0356B5 !important;

}


.metro-input:focus,
.file:focus,
.input:focus,
.textarea:focus,
.select:focus,
.tag-input:focus,
.spinner:focus,
.metro-input.focused,
.file.focused,
.input.focused,
.textarea.focused,
.select.focused,
.tag-input.focused,
.spinner.focused,
.input.focused
{
    border: 1px solid #B6C9DB;

}

input:focus, textarea:focus, select:focus{
    color:black;
    background-color: #B6C9DB;
    font-weight: bold;
}


.bg-colorhover:hover
{
    background-color: #B6C9DB !important;
    color:black  !important;
}


.backgroundunited {
    background: url('images/UDS-Tree-Logo-White-Side-Text.png') no-repeat center center fixed ;
    background-size: auto 542px ;
    background-color: #FAFAFA;
}



.backgroundunited_login {
    background:linear-gradient(45deg,rgba(3,86,181,1) 0,rgb(0,0,128) 100%) !important;

}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 50px;
}
.bg-color1, .bg-color1-active:active, .bg-color1-focus:focus, .bg-color1-hover:hover
{
    background-color: #000080 !important;
}
.bg-color1 {
    background-color: #000080 !important;
}
.bg-color1-active:active {
    background-color: #000080 !important;
}
.bg-color1-hover:hover {
    background-color: #000080 !important;
}
.bg-color1-focus:focus {
    background-color: #000080 !important;
}
.fg-color1 {
    color: #000080 !important;
}
.fg-color1-active:active {
    color: #000080 !important;
}
.fg-color1-hover:hover {
    color: #000080 !important;
}
.fg-color1-focus:focus {
    color: #000080 !important;
}




.bg-color2, .bg-color2-active:active, .bg-color2-focus:focus, .bg-color2-hover:hover
{
    background-color: #545454 !important;
}
.bg-color2 {
    background-color: #545454 !important;
}
.bg-color2-active:active {
    background-color: #545454 !important;
}
.bg-color2-hover:hover {
    background-color: #545454 !important;
}
.bg-color2-focus:focus {
    background-color: #545454 !important;
}
.fg-color2 {
    color: #545454 !important;
}
.fg-color2-active:active {
    color: #545454 !important;
}
.fg-color2-hover:hover {
    color: #545454 !important;
}
.fg-color2-focus:focus {
    color: #545454 !important;
}


    /*background:linear-gradient(45deg,rgba(3,86,181,1) 0,rgb(69,114,160) 100%) !important;*/


.bg-color3, .bg-color3-active:active, .bg-color3-focus:focus, .bg-color3-hover:hover
{
    background-color: #0356B5 !important;
}
.bg-color3 {
    background-color: #0356B5 !important;
}
.bg-color3-active:active {
    background-color: #0356B5 !important;
}
.bg-color3-hover:hover {
    background-color: #0356B5 !important;
}
.bg-color3-focus:focus {
    background-color: #0356B5 !important;
}
.fg-color3 {
    color: #0356B5 !important;
}
.fg-color3-active:active {
    color: #0356B5 !important;
}
.fg-color3-hover:hover {
    color: #0356B5 !important;
}
.fg-color3-focus:focus {
    color: #0356B5 !important;
}



.bg-color4, .bg-color4-active:active, .bg-color4-focus:focus, .bg-color4-hover:hover
{
    background-color: #6EC1E4 !important;
}
.bg-color4 {
    background-color: #6EC1E4 !important;
}
.bg-color4-active:active {
    background-color: #6EC1E4 !important;
}
.bg-color4-hover:hover {
    background-color: #6EC1E4 !important;
}
.bg-color4-focus:focus {
    background-color: #6EC1E4 !important;
}
.fg-color4 {
    color: #6EC1E4 !important;
}
.fg-color4-active:active {
    color: #6EC1E4 !important;
}
.fg-color4-hover:hover {
    color: #6EC1E4 !important;
}
.fg-color4-focus:focus {
    color: #6EC1E4 !important;
}




.bg-color5, .bg-color5-active:active, .bg-color5-focus:focus, .bg-color5-hover:hover
{
    background-color: #B6C9DB !important;
}
.bg-color5 {
    background-color: #B6C9DB !important;
}
.bg-color5-active:active {
    background-color: #B6C9DB !important;
}
.bg-color5-hover:hover {
    background-color: #B6C9DB !important;
}
.bg-color5-focus:focus {
    background-color: #B6C9DB !important;
}
.fg-color5 {
    color: #B6C9DB !important;
}
.fg-color5-active:active {
    color: #B6C9DB !important;
}
.fg-color5-hover:hover {
    color: #B6C9DB !important;
}
.fg-color5-focus:focus {
    color: #B6C9DB !important;
}

.bg-color6 {
    background-color: #edeae0 !important;
}

.bg-greencolor{
    background-color: #7bb661 !important;;
}

.bg-griscolor{
    background-color: #656c62 !important;;
}

 .bd-azulgris{
     border :2px  solid  #dfdfdf;

 }

.ejempl{
    background: #000080;
    background: #B6C9DB;
    background: #545454;
    background: #B6C9DB;
    background: #6EC1E4;
    background: #54595F;
    background: #7A7A7A;
    background: #61CE70;
    background: #4054B2;
    background: #23A455;
    background: #000;
    background: #FFF;
}


.tabs>ul.tabs-list>li:hover{background-color:#B6C9DB}



.select-selected {
    background-color: DodgerBlue;
}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}