body
{
  background-color: #D6D6D6;  
}

.ui-widget {
    font-family: sans-serif;
}
.ui-datepicker {
    padding: 10px;
}
.ui-datepicker-header {
	padding: .3em 0;
	color: #616161;
	font-family: Sans-serif;
        font-size: 1.5rem;
        font-weight: normal;
        line-height: 1.3em;
}

.ui-datepicker table {
    margin: 0;
}
.ui-datepicker th {
	padding:.5em .3em;
	color: #707586;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255,255,255,.75);
	text-transform: uppercase;
	border: none;
	border-bottom: 1px solid #d5d9e2;
	background: #f2f6fe;
}
.ui-datepicker td {
	border: none;
	
}
td .ui-state-default {
	background: white;
        background-image: -webkit-linear-gradient(top, #ffffff, #ffffff) !important;
        background-image: -o-linear-gradient(top, #ffffff, #ffffff) !important;
        background-image: linear-gradient(top, #ffffff, #ffffff) !important;
        background-image: -moz-linear-gradient(top, #ffffff, #ffffff) !important;
        
	border:  1px solid #000000 !important;
	text-align: center;
	padding: .7em 0;
	margin: 0;
	font-weight: normal;
	color: #4d4d4d !important;
	font-size: 18px;
}

td .ui-state-default.ui-state-highlight
{
   background-image: -webkit-linear-gradient(top, #ffffff, #ffffff) !important; 
   color: #D32F40 !important;
}

.ui-datepicker td:hover a {
	color: #2A6496 !important;
        background-color: rgb(125, 213, 37) !important;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out !important;
	   -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out !important;
	     -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out !important;
	        transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out !important;
}
.ui-state-active,
td .ui-state-hover {
    font-weight: bold;
    background-image: -webkit-linear-gradient(top, #ffffff, rgb(125, 213, 37)) !important; 
}

a:link {
  text-decoration: none;
  color: rgb(214,214,214);
  
}

a:visited {
  text-decoration: none;
  color: rgb(214,214,214);
}

a:hover {
  text-decoration: none;
  color: rgb(214,214,214);
}

a:active {
  text-decoration: none;
  color: rgb(214,214,214);
}

.Bar-background {
  width: 100%;
  height: 2px;
  background-color: #e7e7e7;
  padding: 0px;
}

.Bar {
  width: 25%;
  height: 2px;
  border-radius: 100px;
  background-color: #e7e7e7;
  padding: 0px;
}

.Bar-2 {
  width: 50%;
  height: 6px;
  border-radius: 100px;
  background-color: var(--green);
  padding: 0px;
}

.Bar-3 {
  width: 75%;
  height: 6px;
  border-radius: 100px;
  background-color: var(--green);
  padding: 0px;
}

.Bar-4 {
  width: 100%;
  height: 6px;
  border-radius: 100px;
  background-color: var(--green);
  padding: 0px;
}

.Bar.pas1
{
    width: 20%;
}
.Bar.pas2
{
    width: 40%;
}
.Bar.pas3
{
    width: 60%;
}
.Bar.pas4
{
    width: 80%;
}
.Bar.pas5
{
    width: 100%;
}

.Subraya {
  padding: 0px;
  border-top: solid 1.5px var(--green);

}

.Subraya_gris{
    margin-top: 10px;
    border-bottom: solid 1.0px #cccccc;
}

.Subraya_gris_corto{
    margin-top: 10px;
    border-bottom: solid 1.0px #cccccc;
    width: 50%;
}


.Subraya_gris2{
    margin-top: 15px;
    height: 50px;
    border-bottom: solid 1.0px #cccccc;
}

.Subraya_gris3
{
    width: 100%;
    margin-left: 0px;
    margin-top: 15px;
    height: 50px;
    border-bottom: solid 1.0px #cccccc;
}

.Paso-1 {
  height: 24px;
  font-family: Quicksand;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: center;
  color: var(--green);
}

.label-caja-gris{
   
  /*width: 79px;
  height: 32px;*/
  font-family: Quicksand;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.2px;
  
  color: black;
}

.label-caja-gris.left{
    text-align: left;
    
}
.label-caja-gris.right{
    text-align: right;
}

.label-caja-gris.peq{
      font-size: 14px;
      line-height: 1.8;
}

.boton_ronda
{
    margin: 0.535rem auto 1.435rem auto;
    padding: 20px;
    background: #FFFFFF;
    border: 0.886792px solid #616161;
    border-radius: 51.434px;
    color: #616161 !important;
    text-decoration: none !important;
    font-family: 'Sans Serif';
    font-style: normal;
    font-weight: 400;
    line-height: 1.1875px;
    width: fit-content;
}
.boton_ronda:hover{
    
    background-color: #F2F6F5 !important;
    -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out !important;
    -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out !important;
    -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out !important;
    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out !important;
}

.click_div {
   background-color: #f2f6f5 !important;
}

.label 
{
 color: #D32F40 !important;
 text-decoration: none !important;
 font-family: 'Sans Serif';
 font-style: normal;
 line-height: 1.1875px;
 font-size: 1.25rem;
 font-weight: 500;
}

.label_titulo
{
 color: #D32F40  !important;
 text-decoration: none !important;
 font-family: 'Sans Serif';
 font-style: normal;
 line-height: 1.1875px;
 font-size: 1.50rem;
 font-weight: bold;
}

.label_inferior{
    color: rgb(214,214,214);
    font-family: "abril", Sans-serif;
    font-size: 18px;
    font-weight: normal;
}

.label_inferior_peq
{
    color: rgb(214,214,214);
    font-family: "abril", Sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.Condiciones-aviso-l-Copy {
  height: 24px;
  font-family: Quicksand;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: center;
  color: var(--green);
}

.Condiciones-aviso {
  /*width: 362px;*/
  font-family: Sans-serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.25px;
  text-align: center;
  color: rgb(0,58,120);
}

.Condiciones-aviso-l {
  /*width: 362px;*/
  height: 24px;
  font-family: Sans-serif;
  font-size: 1.10rem;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.25px;
  text-align: center;
  color: #616161;
}

.Condiciones-aviso-2 {
  /*width: 362px;*/
  height: 24px;
  font-family: Sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #616161;
  margin-top: 25px;
  cursor:pointer;
}

.Condiciones-aviso-2:hover span{
    
    background-color: #EAECEE !important;
     border-radius: 25px;
    -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out !important;
    -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out !important;
    -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out !important;
    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out !important;
}

.Rectangle {
  margin-left: 5px;
  margin-right: 5px;
  height: 56px;
  border-radius: 51px;
  border: solid 1px #616161;
  background-color: #ffffff;
}

.Rectangle.red
{
    border: solid 1px red;
}


.Rectangle_2 {
  margin-left: 45px;
  margin-right: 45px;
  height: 100px;
  border-radius: 51px;
  /*border: solid 1px var(--grey);*/
  background-color: #ffffff;
  
  outline: none !important;
  box-shadow: 0 0 10px #000;
}

.Rectangle_2.selec {
    box-shadow: 0 0 20px var(--green);
}

#checkAcpCond
{

    -moz-appearance:none;
    -webkit-appearance:none;
    -o-appearance:none;

    /*
    border: 1px solid var(--green);
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    */
    
    background-position: left center;
    background-size: auto 100%;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url(/rmcr_venta_internet/javax.faces.resource/img/no-fill.png.xhtml) !important;
    
}

#checkAcpCond:checked
{
    background-image: url(/rmcr_venta_internet/javax.faces.resource/img/checkbox-fill.png.xhtml) !important;
}

#checkAcpCond:focus {
    outline: none !important;
    border: none;
}

#deskcheckAcpCond
{

    -moz-appearance:none;
    -webkit-appearance:none;
    -o-appearance:none;

    /*
    border: 1px solid var(--green);
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    */
    
    background-position: left center;
    background-size: auto 100%;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url(/rmcr_venta_internet/javax.faces.resource/img/no-fill.png.xhtml) !important;
    
}


#deskcheckAcpCond:checked
{
    background-image: url(/rmcr_venta_internet/javax.faces.resource/img/checkbox-fill.png.xhtml) !important;
}

#deskcheckAcpCond:focus {
    outline: none !important;
    border: none;
}


.i_correo
{
  border: none;
  font-family: Sans Serif !important;
  color: #616161;
  font-size: 16px !important;
  font-weight: normal  !important;
  font-stretch: normal  !important;
  font-style: normal  !important;
  line-height: 1.5  !important;
  letter-spacing: normal  !important;
  width: 90%
}

.i_correo:focus {
    outline: none !important;
    border: none;
}

.i_correo::placeholder {
    
    font-family: aeonik !important;
    color: #616161;
    font-size: 16px !important;
    font-weight: 500   !important;
}

.dlgCSS
{
    background-image: none;
    background-color: #f2f6f5;  
}

.ui-widget-overlay {
    background-color: #f2f6f5 !important;
}

.cuadro_inferior{
    background-color: #616161;
}

.cuadro_superior
{
    max-width: 1440px;
    min-height: 82px;
    text-align: center;
    background-color: #f2f6f5;
}

.cuadro_central_inferior {
    max-width: 1440px;
    margin:auto;
}

.cuadro_central_superior {

    min-height:82px;
    max-width: 1440px;
    margin:auto;
    background-color: #f2f6f5;
}

.panel_centro
{
    max-width: 1440px;
    height: auto;
    border: none;
    text-align: center;
    margin:auto;
}

.panel_centro_interior
{
    background-color: #f2f6f5;
    background-image: url(/rmcr_venta_internet/javax.faces.resource/img/plaza-1440.jpg.xhtml) !important;
    background-repeat: no-repeat;
    padding-top: 15px;
}

.titulo_central {
  /*width: 353px;*/
  color: #616161;
  font-family: Sans-serif;
  font-size: 2.6rem;
  font-weight: normal;
  line-height: 1.2em;
}

.titulo_central_ing
{
    font-family: Sans-serif;
    font-size: 1.81rem;
    font-weight: 400;
    font-style: italic;
    line-height: 1.7em;
    color: #616161;
}


.cuadro_central {

    min-height:516px;
    max-width: 856px;
    margin:auto;
    background-color: #f2f6f5;
}
.cuadro_central.cc_mayor {
    max-height:700px;
}

.cuadro_central_int
{
    padding-left:9px;
    padding-right:9px;
}

.error-text {
  /*width: 50px;*/
  height: 16px;
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: var(--red);
}

.warning {
  
  background-color: var(--red);
}

@media screen and (max-width: 500px) { 
    
    .img_correo{display:none}
    
    .img_correo2{display:none}
    
    .label_correo{font-size: 14px !important;text-align: center !important;}
    
    .label_correo2{font-size: 10px !important;text-align: center !important;}
    
    .titulo_central{font-size: 1.3rem;}
    
    .img_back {width: 24px;height: 24px;}
    
    .grid_correo{
            margin-top: 0px !important;
            margin-left: 0px !important;
    }
    
    
    
    ::-webkit-input-placeholder {
        
      }
      :-moz-placeholder { /* Firefox 18- */
        
      }

      ::-moz-placeholder {  /* Firefox 19+ */
        
      }

      :-ms-input-placeholder {  
        
      }
}

@media screen and (max-width: 300px) { 
    
    .label_correo{font-size: 12px !important;text-align: center !important;}
    
    .titulo_central{font-size: 1.0rem !important;}
    
    
    
    
}

@media screen and (orientation: portrait) {
  .vertical-container {
        margin-top: 20px;
        height: 100px;
 
  }
}

@media screen and (orientation: landscape) {                                                
      .vertical-container {
        margin-top: 10px;
        height: 80px;
 
  }                                       

}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: red;
}