/* 
    Document   : lightbox
    Created on : Jan 8, 2014, 4:37:21 PM
    Author     : marvins
    Description:
        Purpose of the stylesheet follows.
*/


/* ===========================
    Fonts Bi Neo Industrial 2022
   =========================== */
@font-face {
    font-family: "BiNeoIndustrialBold";
    src: url('../fonts/bineoindustrial/BiNeoIndustrial_Bold.ttf');  
}

@font-face {
    font-family: "BiNeoIndustrialRegular";
    src: url('../fonts/bineoindustrial/BiNeoIndustrial_Regular.ttf');   
}

/* ===========================
    Fonts Bi Andes 2022
   =========================== */

@font-face {
    font-family: "BiAndesNeueMedium";
    src: url('../fonts/biandesneue/AndesNeue_Medium.otf');  
}

#modalExito{
    background: #f4f4f4;
    padding: 0;
}
#modalExito .header{
    background: #0daf1d;
    padding: 0;
}
 #modalExito .header img{
    display: inline-block;
    padding: 7px;
}
#modalExito .header label{
    color: #fff;
    display: inline-block;
    font-family: "robotobold";
    font-size: 20px;
    font-weight: 700;
    margin-left: 10px;
}
#modalExito .menaje{
    padding: 10px;
}
#modalExito .menaje p{
    color: #595959;
    display: block;
    font-family: 'BiNeoIndustrialRegular';
    font-size: 0.90em;
    font-weight: 500;
    margin-left: 10px;
    text-align: center;
}
#modalExito .menaje input{
    background: #ecf6ff;
}
#modalExito .btnContinuar{
    background: #00417e;
    border-bottom: 3px #022b51 solid;
    border-radius: 6px;
    color: #fff;
    display: block;
    font-family: "robotobold";
    font-size: 0.90em;
    font-weight: 700;
    margin-bottom: 25px;
    padding: 12px 5px 12px 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
/*modal error*/
#modalError{
    background: #f4f4f4;
    padding: 0;
}
#modalError .header{
    background: #e50411;
    padding: 0;
    border-top-left-radius: 39px;
    border-bottom-right-radius: 0px;
}
 #modalError .header img{
    display: inline-block;
    padding: 7px;
}
#modalError .header label{
    color: #ffffff;
    display: inline-block;
    font-family: 'BiNeoIndustrialRegular';
    font-size: 20px;
    margin-top: 15px;
    margin-left: 40px;
    height: 35px;
}
#modalError .menaje{
    padding: 10px;
}
#modalError .menaje p {
    color: #595959;
    display: block;
    font-family: 'BiNeoIndustrialRegular';
    font-size: 20px;
    margin-top: 10px;
    margin-left: 10px;
    text-align: center;
}
#modalError .menaje input{
    background: #ecf6ff;
}
#modalError .btnContinuar {
    background: #00417e;
    color: #fff;
    display: block;
    font-family: 'BiNeoIndustrialRegular';
    font-size: 20px;
    margin-bottom: 25px;
    padding: 12px 5px 12px 5px;
    text-align: center;
    text-decoration: none;    
    width: 100%;
    border-radius: 16px 0px;
}

#modalError .btnContinuar:hover {
    background: #00C1D4;
}



#modalError .estilomensaje {
    transform-origin: 0px 0px;
    transform: scale(1, 1);
    position: fixed;
    visibility: visible;
    display: block;
    top: 50%;
    opacity: 1;
    margin-top: -74px;
    border-radius: 16px 0px;
}








/*modal extra*/
#modalExtra{
    background: #f4f4f4;
    padding: 0;
}
#modalExtra .header{
    background:  #00417e;
    padding: 0;
}
 #modalExtra .header img{
    display: inline-block;
    padding: 7px;
}
#modalExtra .header label{
    color: #fff;
    display: inline-block;
    font-family: "robotobold";
    font-size: 20px;
    font-weight: 700;
    margin-left: 10px;
}
#modalExtra .menaje{
    padding: 10px;
}
#modalExtra .menaje p{
    color: #595959;
    display: block;
    font-family: 'BiNeoIndustrialRegular';
    font-size: 0.90em;
    font-weight: 500;
    margin-left: 10px;
    text-align: center;
}
#modalExtra .menaje input{
    background: #ecf6ff;
}
#modalExtra .btnContinuar{
    background: #00417e;
    border-bottom: 3px #022b51 solid;
    border-radius: 6px;
    color: #fff;
    display: block;
    font-family: "robotobold";
    font-size: 0.90em;
    font-weight: 700;
    margin-bottom: 25px;
    padding: 12px 5px 12px 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
/*modal Aviso*/
#modalAviso{
    background: #f4f4f4;
    padding: 0;
}
#modalAviso .header{
    background:  #00417e;
    padding: 0;
}
 #modalAviso .header img{
    display: inline-block;
    padding: 7px;
}
#modalAviso .header label{
    color: #fff;
    display: inline-block;
    font-family: "robotobold";
    font-size: 20px;
    font-weight: 700;
    margin-left: 10px;
}
#modalAviso .menaje{
    padding: 10px;
}
#modalAviso .menaje p{
    color: #595959;
    display: block;
    font-family: 'BiNeoIndustrialRegular';
    font-size: 0.90em;
    font-weight: 500;
    margin-left: 10px;
    text-align: center;
}
#modalAviso .menaje input{
    background: #ecf6ff;
}
#modalAviso .btnContinuar{
    background: #00417e;
    border-bottom: 3px #022b51 solid;
    border-radius: 6px;
    color: #fff;
    display: block;
    font-family: "robotobold";
    font-size: 0.90em;
    font-weight: 700;
    margin-bottom: 25px;
    padding: 12px 5px 12px 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}