@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@200;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;700&display=swap');

.cajaTitulo {
    border: 1px solid gray;
    background: #000000;
    color: white;
}

.cajaLogin {
    border-radius: 6px;
    background: rgba(255,152,5, 0.75);
    color: #000;
}

.titleApp, h4 {
    font-family: 'Comfortaa', cursive;
    font-weight: 700;
}
body {
    font-family: 'Exo 2', sans-serif;
    background-image: url("../img/fondo.png");
    background-size: 15%;
    background-repeat: repeat;
}

.btn-llamada {
    background-color: forestgreen !important;
    color: #fff !important;
}

.txb-error{
    background-color: rgb(255, 205, 205) !important;
}

.txb-ok {
    background-color: rgb(229, 254, 216) !important;
}


.circulo {
    border: 1px solid #363636;
    width: 23px;
    height: 23px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: red;
}

.circulotblRed {
    border: 1px solid #363636;
    width: 17px;
    height: 17px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: red;
}

.circulotblYell {
    border: 1px solid #363636;
    width: 17px;
    height: 17px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: yellow;
}

.circulotblGrn {
    border: 1px solid #363636;
    width: 17px;
    height: 17px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #5cb85c;
}

table{
    border: 1px solid rgb(125, 125, 125);
}

tr:nth-child(even) {
    background-color: #f2f2f2;
}


.linkTitle {
    text-decoration: none;
    color: #1580ED;
    cursor: pointer;
}

#linklogo:hover {
    background-color: #d2e5ff;
}

footer {
    color: #000;
    background-color: #EDF4FE;
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.btnNegro{
    background-color: #2B2B2B;
    color: #fff;
}

.btnNegro:hover{
    background-color: #212121;
}

.btnAzul{
    background-color: rgb(42, 145, 204);
}




.GridPager a, .GridPager span {
    display: block;
    height: 23px;
    width: 23px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
}

.GridPager a {
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
}

.GridPager span {
    background-color: #A1DCF2;
    color: #000;
    border: 1px solid #3383CA;
}



.nivelLow {
    background: rgb(173, 1, 1) !important;
    color: #fff !important;
}

.nivelMedium {
    background: #FFC107 !important;
    color: #000 !important;
}

.nivelHigh {
    background: #1B931B !important;
    color: #fff !important;
}





.cuadroY {
    width: 28px;
    height: 28px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #FFC107;
}

.cuadroR {
    width: 28px;
    height: 28px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: rgb(173, 1, 1);
}

.cuadroG {
    width: 28px;
    height: 28px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #1B931B;
}


.block_container {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-top: 10px;
}

.btnNuevo:hover {
    background-color: rgb(207, 207, 207);
}

.imgcenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}



.linkSelect {
    background-color: rgba(0, 130, 211, 0.45);
    border-radius: 6px;
    color: #000 !important;
}

.linkNoSelect:hover {
    background-color: #68AAF7;
    border-radius: 6px;
}

th[class*="tool-tip"] {
    cursor: pointer;
}