.container-loading{
    background-image: url("../images/rpp.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 300px 300px;
    position: relative;
    background-attachment: fixed;
}
.ocultar{
    display: none;
    
}
.dark-blue{
    color:#003b68;
    
}
.puntero{
    cursor:pointer;    
}
.margenesImagenes{    
    margin: 0px 10px 5px 0px;
}

@font-face {
    font-family: 'Euclid Circular';
    src: url('../tipografia/Euclid Circular B Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

/*body{
    margin: 0;
}*/

.b-body{
    /*background: linear-gradient(75deg, rgba(38,111,182,1) 50%, rgba(15,42,91,1) 100%);
    background:  #FFFFFF;*/
 background: #efefef;/* linear-gradient(90deg, #266fb6 50%, #266fb6 100%);*/

    /* background-image: url("../images/fondo-moderno.jpg");
     background-position: center center;*/
    background-repeat: no-repeat;
    background-size: cover;   
    font-family: 'Euclid Circular';


    /*
    background-attachment: fixed;*()*/
}

.panelBlanco{
    width: 100%;
    background: white;
    height: 600px;
    margin-top: 50px;
    border-radius: 15px;
    box-shadow: 8px 11px 20px 5px #0f1020;
}

.panel1{
    /* width: 100%;
     background: black;
     position: absolute;
     text-align: center;
     margin-top: 150px;
     height: 100%;
    */
    width: 100%;
    height: 600px;
    border-radius: 0px;

}

.panel2{
    width: 100%;
    /*background: white;*/
    background:#266fb6;/* #FFFFFF;*/
    height: 600px;
    border-radius: 0px 100px 255px 0px / 0px 0px 146px 0px;
   /* background: #0f2a5b;*/

}

#panel{
    width: 100%;
    background: black;
    position: absolute;
    text-align: center;
    margin-top: 150px;
    height: 100%;
}

.text-o{
    /*color: #ec7800  !important;*/
    color: #266FB6 !important;
    padding-bottom: 3px;
    text-align: center;
    font-size: 20px;
}
._w40{
    width: 40%;
}
/*
.valueInput{
    padding: 25px !important;
    font-size: 100% !important;
    border-width: 0px !important;
    border-color: #000000 !important;
    background-color: #ededed !important;
    color: #ec7800  !important;
    border-style: solid !important;
    border-radius: 50px !important;
    box-shadow: 0px 0px 5px rgba(66,66,66,.75) !important;
}

.valueInput:focus{
    outline:none;
}*/
.btn-pago{
    background-color: #3A8C88;
    border-color: #3A8C88;
    color: #FFFFFF;

}
.cl2{
    color: #0F2A5B !important;
}

/*input[type='text'], input[type='password']{
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
    padding-bottom:-80px;
    border:none;
    border-bottom:3px solid #CCCED0;
    overflow:auto;
    position:relative;
    background-color: transparent;
     color: #CCCED0  !important;
    color: #000000;
    font-weight: bold !important;
    font-size: 16px;
    font-family: 'Suliway';
}*/

/*input[type='text']:disabled , input[type ='number']:disabled,textArea:disabled {
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
    padding-bottom:-80px;
    border:none;
    border-bottom:3px solid #CCCED0;
    overflow:auto;
    position:relative;
    background-color: transparent;
    color: #CCCED0  !important;

    font-weight: bold !important;
    font-size: 16px;
   font-family: 'Suliway';
}*/

/*input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: black !important;
}*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #266FB6 !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #266FB6 !important;
}
._w100{
    width: 100%;
}

._w60{
    width: 60%;
}

._w50{
    width: 50%;
}

._w40{
    width: 40%;
}

/*
	colores
*/

.cl1{
  color: #FFFFFF !important;
}

.cl2{
  color: #0F2A5B !important;
}

.cl3{
  color: #D31C78;
}

.cl4{
  color: #2196f3;
}

._c2{
      background: #4996c6;
}

._cl1{
  color: white;
}
/*
	letras
*/

.b{
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6, label, p, small, btn, span,b {
    font-family: 'Euclid Circular' !important;
}
.btn-rpp-login{
    /*  background-color: #ec7800 !important;
      border-color: #ec7800 !important;
      border-radius: 0px 0px 0px 0px !important;
      font-weight: bold !important;*/
    background: transparent !important;
    background: #266fb6 !important;
    border-color: transparent !important;
    font-weight: bold !important;
    color: white !important;
    font-size: 20px !important;
}

.titulo-rpp{
    /* color: #266fb6 !important;*/
    color: #FFFFFF !important
    font-weight: bold !important;
    text-align: center;
}

.titulo-rpp2{
    /*   color: #ec7800 !important;*/
    color: #0F2A5B !important;
    font-weight: bold !important;
    text-align: center;
    /*color: #f1d990 !important;
    font-weight: bold !important;
    text-align: center;*/
}

.input-login-rpp{
    border-color: #3b7daf !important;
    border-radius: 0px 0px 0px 0px !important;
    border-width: 5px !important;
    font-size: 24px !important;
    width: 100%;
    height: 60px !important;
}

.label-rpp{
    font-size: 24px !important;
    font-weight: bold !important;
    text-align: center;
    color: #316798 !important;
}

.text-important{
    text-align: justify;
    font-weight: bold;
    text-transform: uppercase;
    /* font-family: "Comic Sans MS", cursive, sans-serif;*/
    /*background: #9203FF;
    background: repeating-linear-gradient(to right, #9203FF 0%, #FF5722 100%);*/
    background:#D31C78;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.form-control{
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
    padding-bottom:-80px;
    border:none;
    border-bottom:3px solid #266FB6;
    overflow:auto;
    position:relative;
    background-color: transparent;
    color: #266FB6  !important;
    font-weight: bold !important;
    font-size: 16px;
    font-family: 'Euclid Circular';
}

.txt-j{
    text-align: justify !important;
}

.medioCirculo{
    width: 61px;
    height: 60px;
    border: 2px solid #e0fb00;
    background: #e0fb00;
    -moz-border-radius: 0 100% 0 0;
    -webkit-border-radius: 0 100% 0 0;
    border-radius: 0 0 100% 0 !important;
    text-align: center;
    color: white;
    font-size: 30px !important;
    cursor: pointer !important;
    z-index: 2 !important;
}

not-li {
    font-size: 20px !important;
}

/* Responsive Movil */
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
    .divIMG, .divBR{
        display: none;
    }

    /*   .titulo-rpp{
           font-size: 24px;
       }*/

    .titulo-rpp2{
        font-size: 18px;
    }

   /* .panel2{
        width: 100%;
        background: transparent;
        background: linear-gradient(195deg, #d29c30 0%, #ce7521 50%, #c5751e 100%);
        height: 125px;
        border-radius: 0px 7px 35px 0px / 0px 2px 16px 0px;
    }*/

    /* .panelBlanco{
        box-shadow: 8px 11px 20px 5px black;
     }*/

.colorBoton {
    background-color: #01B786;
    color: white !important;
    font-weight: bold !important;
}
}