﻿@font-face {
    font-family: "breeperu";
    src: url("../fonts/BreePeru/BreePeru_Regular.otf");
}

@font-face {
    font-family: "breeperuLine";
    src: url("../fonts/BreePeru/BreePeru_Light.otf")
}



body {
    font-family: breeperuLine;
    font-size: 15px !important;
    height: 100%;
}


.form-control:focus, .datatable-input:focus {
    /*color: #212529;*/
    /*background-color: #fff;*/
    border-color: #e4002b !important;
    /*outline: 0;*/
    /* box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);*/
     box-shadow: none;
}



.lblHorileft {
    text-align: right;
    padding: 0px 0px;
}

.btnRojoLG {
    background-color: #e4002b;
    color: white;
    padding: 8px 70px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border: 1px solid #105316;
    font-weight: bold;
}

.ColorObligatorio {
    color: red;
    font-size: smaller;
    font-weight: bold;
}

.fontIcoRjo {
    color: #0000;
    font-size: 19px;
    width: 32px;
}

    .fontIcoRjo:hover {
        color: white;
        background-color: red;
        border-radius: 100%;
        font-size: 19px;
        cursor: pointer;
    }




.fontIcoVde {
    color: #177217;
    font-size: 27px;
}

    .fontIcoVde :hover {
        color: white;
        background-color: #09bd10;
        border-radius: 100%;
        font-size: 27px;
       
        cursor: pointer;
    }

.vacio {
    width: 100%;
    padding: 0.375rem 0.75rem;
}

.btnBusCri {
    background-color: #fb8500; /* Verde */
    border: none;
    color: white;
    padding: 7px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.btnRojo {
    background-color: #e4002b;
    color: white;
    padding: 7px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border: 1px solid #105316;
}

.col-md-chk {
    flex: 0 0 auto;
    width: 21%;
}

.bxCaja {
    margin: 0px 10px;
    padding-top: 10px;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
}

.btnAmaClaro {
    background-color: #fb8500;
    color: #fff;
}

.cardML {
    background-color: #f6f6f7;
    border: #e4e6ed 2px solid;
    /*border: 1px solid #5a7393;*/
}

.Tituloseccion {
    /*color: #3d5a80;*/
    color: #d80212;
    /*    border-bottom: 5px solid #010c1a;*/
    width: 220px;
    /*font-weight: bold;*/
    font-size:23px;
}

.Linea {
    color: #3d5a80;
    border-top: 1px solid #5a7393;
    margin-top: 0px;
    /*2px solid #5a7393*/
}

.btnBuscar {
    background-color: rgb(3, 116, 181);
    color: white;
    border-radius: 5px;
    border: none;
}

    .btnBuscar:hover {
        transform: scale(1.1);
        transition: 0.5s ease-in-out;
        color: #ffd800;
        cursor: pointer;
    }

.btn-register {
    background-color: #4CAF50;
    color: #ffffff; /*E4002B;*/
    /*font-weight: 600;*/
    font-size: 1rem;
    border: 1px solid #105316;
    /*border-radius: 5px;*/
    padding: 8px 70px;
    margin: 10px 15px;
    outline: none;
}

.btn-Buscar2 {
    background-color: #fb8500;
    color: #ffffff;
    font-size: 1rem;
    border: 1px solid #105316;
    padding: 6px 15px;
    outline: none;
}

.btn-GrisOscuro {
    /*    #151515*/
    background-color: #585858;
    color: #ffffff;
    font-size: 1rem;
    border: 1px solid #105316;
    padding: 6px 15px;
    /*    margin: 10px 15px;*/
    outline: none;
}


.btn-register:hover {
    transform: scale(1.1);
    transition: 0.5s ease-in-out;
}

.bgFondoDiv {
    background: #eeeeee;
    /*#FAFAFA;*/
    /*#f6f6f7*/
}


/********************************* Secion Responsivo ***************************/


@media (max-width: 575px) {
    .lblHorileft {
        text-align: left;
        padding: 0px 12px;
    }
}



