/*Colores y imágenes*/

body {background:#c8cccf;}
  
/*General*/
.backGroundColorLight{background-color:#dfecfd;}
.BackColorAzulClaro{background-color:#679ee0;}
.BackColorAzulFuerte{background-color:#2f6bb3;}
.BorderLeftColorAzulClaro{ border-left-color:#679ee0;}
.BorderLeftColorAzulFuerte{ border-left-color:#2f6bb3;}
.backGroundColor1 {background-color:#dde3ec}
 
/* backgrounds */
.pagSel{/*background:url(images/btnPgBgSel.png) no-repeat;*/ background-color: #006bb5;} 
.pag{/*background:url(images/btnPgBg.png) no-repeat;*/  background-color: white;} 
.pagSel{color:#FFFFFF; }  
.pagSelSig{background:url(images/btnPgSig.png) no-repeat; }
.pagSelAnt{/*background:url(images/btnPgSig.png) no-repeat;*/ background-color: #006bb5; color:White;} 
.bgSel{background:#accdff !important;width: 90%;height: 90%;}


/* tablas */
.tblPrecioAux td span {color:Black !important;}
.tblMaster{background-color: #C8CCCF;}
.tblSalidas{background:transparent; }
.tblSalidas .tblSalidasTit span { color:#525253;}    
.tblSalidas .tblSalidasNorm span { color:#525253;}    
.tblSalidasNorm:hover, .rgAltRow:hover, .rgRow:hover, .tblGVItinerary tr:hover{background:#c8cccf !important;}
.tblSalidasTit{background:#88b7ef !important; } /*color: White !important;}*/
.tblCalendari{ background-image:none;}

.rgMasterTable tr, .tblSalidas tr, .tblGVItinerary tr, .tblGVItinerarySmall tr {background:#FFFFFF;border-top: none !important;border-bottom:none !important;}
/*.tblSalidas tr:nth-child(odd){ background-color:#f4f4f4; }  SC: NF en IE11*/
.tblSalidas tr, .tblGVItinerary tr, .tblGVItinerarySmall tr {background:rgba(200, 204, 207, 0.68);/*background:#f4f4f4;*/}
/*.tblGVItineraryOdd, .tblGVItinerarySmall tr:nth-child(odd), .tblGVItinerary tr:nth-child(odd){ background-color:#f4f4f4; } SC: NF en IE11*/
.tblGVItineraryOdd{ background-color:red !important; }
.RadGrid_Default .rgGroupHeader { background-color: #88b7ef !important;  }
/*.rgGroupHeader{color:White; }*/
.RadGrid .rgGroupHeader td {color:White; }
/*.RadGrid_Default .rgMasterTable td.rgGroupCol {background: none !important;}*/
.rgMasterTable td.rgGroupCol {display:none;}
.tblGVItineraryOdd{ background-color:#FFFFFF !important; }


/* Paneles */
.PanelFondoInfoCat {background-color: #accdff;}
.MsgError {background-color: #dce4ee;}
.divresultadodetalle { background-color: #dde3ec;}
.pnlInfoFormAux span{color:Black;}
/*.pnlBuscador{background: url(images/buscador_gray.png) no-repeat;border-radius: 10px;}*/
.pnlBuscador {background-color: #dde3ec}
/*.pnlSalida{background: url(images/cuadro_arenas.png) no-repeat;border-radius: 9px;}*/
.pnlSalida {background-color: #dde3ec}
.pnlSailInfo .carg{background: url(images/cajas/panel_cat.png) no-repeat; border-radius: 10px;}
.searchbox-row { background-image: url(../images/bg-searchbox-row.png);background-repeat: repeat-x;background-position: bottom left;}
.pnlInfoCab .pnlInfoBarco{background:url(images/cajas/info_nubes1.png) no-repeat;}
.pnlInfoCab .pnlInfoItinerario{background:url(images/cajas/info_nubes2.png) no-repeat;}
/*.pnlInfoMid {background:url(images/cajas/pnlFondoBudgetOffline.png) no-repeat;}*/
/*.pnlInfoMid {background-color: #dce4ee; } */
.pnlTerminos{color:black;}
/*.pnlItinerary .carg{background:url("images/cajas/popup_barco.png") no-repeat;border: 0px solid #000000;}*/
/*.pnlItinerary .carg {background: url(images/cajas/panel_cat.png) no-repeat;border-radius: 10px;}*/
.pnlItinerary .carg, .pnlFin .carg {background-color: #dae5ef ;border-radius: 10px;}
/*.pnlFin .carg{background:url("images/cajas/ultima_gracias.png") no-repeat; border: 0px solid #000000;}*/
.pnlInfoMidCap{background:url(images/cajas/info_resumen_cap.png) no-repeat;}
/*.pnlInfoMidMid{background:url(images/cajas/info_resumen_mig.png) repeat-y;}*/
.pnlInfoMidMid{/*background-color:#dfecfd*/}
/*.pnlInfoMidPie{background:url(images/cajas/info_resumen_peu.png) no-repeat; }*/
.pnlCompanias{border-color: rgb(200, 204, 207)}
.pnlTituloSeccion, .pnlInfoMidTitulo{}
.divcategoria{background-color: #dce4ee; }
#mapHolder{ /*background-color: #e2ebfc;*/}


/* selects */
.rddlIcon{background:url(images/flechaSel.png) no-repeat #FFFFFF !important; }

/* imagenes */
.imgPrincBarc{border: 10px solid #FFFFFF !important;}
.btnImagenesPrevBarc{background:url(images/botones/imgPrev.png) no-repeat;}
.btnImagenesNextBarc{background:url(images/botones/imgNext.png) no-repeat;}
.imgZC {  border-color: white;}
.imgOcultar {  }


/* textos */
.lblNS{color:#6a8cc2; font-weight:bold;}
.lblNS2{color:#4986bc;}
.lblPrecMin{color:#4986bc;}
.lblPrecMax{color:#4986bc;}
.lblPrecMod{color:#4986bc;}
.lblPrecMax{color:#4986bc;}
.lblPrecMin2{color:#4986bc;}
.lblPrecMax2{color:#4986bc;}
.tM, .lblIncl {color:Gray;}
.lblPrecioXCabina{color: #525253;}
.txtEncuentraCrucero {color: #2e6db2;}
.lblTitItin2 { position:relative;padding-top: 7px;}
.lblSelecCatTit {  position: relative;  top: -40px;}


/* Descripc Crucero*/
.descCrucero{font-family: Verdana !important;font-size: 10px !important;}
.lblTitinfo{ margin-left: 34px !important; text-align:left; }
.textoTipoCatFBI{font-size: 9px !important;display: block!important;float: left!important;margin-left: 5px!important;}
/* botones */
.btncheck { background:url(images/botones/btncheck.png) no-repeat; border-width: 0px;  float: right;  color: White;  margin-right: 20px;  width: 24px;  height: 24px;}
.btnBuscador, .btnRebuscar, .btnBuscador,   .btnAceptar {color:black;}
.btnReservar,.btnCerrarFin,.buttonCSS { cursor: pointer; color:White; border: solid 1px #1a4c89; background: #1a4c89; background: -webkit-gradient(linear, left top, left bottom, from(#2f6ab4), to(#1a4c89)); /*CR*/ background: -moz-linear-gradient(top, #2f6ab4, #1a4c89); /*FF*/ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f6ab4', endColorstr='#1a4c89');/*IE*/ }

/* David 13-11-2015: diseño boton continuar */
.btncontinuarCSS {margin-top: -5px;margin-right: 5px; /*background: url(images/botones/btnNaranja.jpg) !important;*/}

    
.btnBuscador{background:url(images/btnBuscador_Limpio_Grande.png) no-repeat; color:White;}
.btnBuscador:hover{background:url(images/btnBuscador_Limpio_Grande.png) no-repeat;}

/* David 18-11-2015: cambiamos el icono  */
/*.btnItinerarioSail{background:url(images/itinerario.png) no-repeat; }
.btnItinerarioSailG{background:url(images/itinerario.png) no-repeat; }
.btnItinerarioSailGS{background:url(images/itinerario.png) no-repeat; }
.btnBarcoSail{background:url(images/barco.png) no-repeat; }
.btnBarcoSailG{background:url(images/barco.png) no-repeat; }
.btnBarcoSailGS{background:url(images/barco.png) no-repeat; }*/
/* background: url(images/botones/btnNaranja.jpg) !important; */
.btnItinerarioSail{margin-top: -5px;margin-right: 5px;background: #88b7ef !important; width: auto;text-align: center;height: auto;margin-left: 95px;    background-size: 100% 100%;}
.btnItinerarioSailG{margin-top: -5px;margin-right: 5px;background: #88b7ef !important; width: auto;text-align: center;height: auto;margin-left: 150px;    background-size: 100% 100%; display:none!important;}
.btnItinerarioSailGS{margin-top: -5px;margin-right: 5px;background: #88b7ef !important; width: auto;text-align: center;height: auto;margin-left: 150px;    background-size: 100% 100%;display:none!important;}


.btnBarcoSail{margin-right: 5px;background: #88b7ef !important; width: auto;text-align: center;height: auto;background-size: 100% 100%; }
.btnBarcoSailG{margin-right: 5px;background: #88b7ef !important; width: auto;text-align: center;height: auto;background-size: 100% 100%;display:none!important;}
.btnBarcoSailGS{margin-right: 5px;background: #88b7ef !important; width: auto;text-align: center;height: auto;background-size: 100% 100%;display:none!important;}

.btnSalida{background: transparent;}
.btnSalidaCal{color: white;background: transparent;}
.btnSalidaCalM{color: white;background: transparent;}

.btnSig {background:url(images/siguienteAzulOscuro.png) no-repeat;color: transparent; font-family: verdana; font-size: 11px; width: 30px;}
.btnPrev {background:url(images/anteriorAzulOscuro.png) no-repeat;color: transparent; font-family: verdana; font-size: 11px; width: 30px;}
.btnPrev{margin-left: 20px;text-align: center;margin-top: 5px;}
.btnSelectCateg { cursor: pointer; background: url(images/botones/btnAzul.jpg) repeat-x; background-size: 100% 100%; background-repeat: no-repeat; color:White;}
.btnCompanias{ background:url(images/btncompanias.png) no-repeat; }
.btnRebuscar{background:url(images/boto_reset.png) no-repeat;color:White;}
.btnBarcoInfo{background:url(images/barco.png) no-repeat; }
.btnItinerarioInfo{background:url(images/itinerario.png) no-repeat; }
/*.btnAceptar{background:url(images/btnBuscador_Limpio.png) no-repeat; }*/
.btnAceptar{cursor: pointer; background: url(images/botones/btnAzul.jpg) repeat-x; background-size: 100% 100%; background-repeat: no-repeat; color:White;}
.btnCerrarPU{background: url(images/botones/btnCerrar.png) no-repeat;   z-index: 99}
.btnCerrarPUAlternate{background: url(images/botones/btnCerrarPUAlternate.png) no-repeat;   z-index: 99}
.btnBarcNS{background:transparent;}
.btnBarcS{background:url(images/botones/flecha_zonas_comunes.png) no-repeat;   margin-left: -18px; color:White;}
.btnSelectCompN{ }

/* Otros */
/*.bld14{color:Gray;}*/
/*.tdNoHay{background:url(images/botones/arrugat_opac.png) no-repeat;}*/
.tdNoHay{background:url(images/botones/btnCerrarPUAlternateEspaciado.png) no-repeat;    background-position-y: 19px;}
.tdNoHayS{background:url(images/SoldOut.png) no-repeat;}
.ResumenTit { background-color: #88b7ef; }
#ctl00_ctl00_ContentPlaceHolderBase_ContentPlaceHolder1_lblTitItin{/*padding-top: 12px;*/}
#ctl00_ctl00_ContentPlaceHolderBase_ContentPlaceHolder1_btnCerrarItin{top: 5px !important;}
.hWScroll{overflow-y:auto;}
.columnaPrecios{ color:Black; font-weight:normal;}
.lblResumenTit {background-color: #88b7ef; color: white;}
.lblterminosreserva {color:Black;}
.lblReservar {}


/* btnVolver */
.Volver1S{ background-image: none; }
.Volver2NS{ background-image: none; }


/* Fuentes */
.fntTextoResultadoCabecera2alinea{color: #0e4387;}



.lblFin{font-size: 18px; font-family:Helvetica !important;width: 80%!important;}
#mainTextConfBook{background-image: url('../../images/cajas/cuadro_main_text.png'); background-repeat:no-repeat;}

/*popupBudgetOffline*/
/*.fechadivPopUp{color: gray;}*/
/*#envioInfoCrucero{background-image: url('images/cajas/quadre_arenas.png'); background-repeat:no-repeat; }*/
#mainTextConfBook{background-image: url('images/cajas/cuadro_main_text.png'); background-repeat:no-repeat;}



/*Telerick*/

/*#ctl00_ctl00_ContentPlaceHolderBase_ContentPlaceHolder1_ddFecha_DropDown{margin-left:-37px !important;margin-top:7px;}*/


/*tooltip

.tooltipDemo {
    position: relative;
    display: inline;
    text-decoration: none;
    left: 5px;
    top: 0px;
}

    .tooltipDemo:hover:before {
        border: solid;
        border-color: transparent #FF8F35;
        border-width: 6px 6px 6px 0px;
        bottom: 21px;
        content: "";
        left: 25px;
        top: 5px;
        position: absolute;
        z-index: 95;
    }

    .tooltipDemo:hover:after {
        background: #FF8F35;
        background: rgb(255, 143, 53);
        border-radius: 5px;
        color: #fff;
        width: 70px;
        left: 30px;
        top: -5px;
        content: attr(alt);
        position: absolute;
        padding: 5px 15px;
        z-index: 95;
    }


.tooltipDemo {
    position: relative;
    display: inline;
    text-decoration: none;
    left: 5px;
    top: 0px;
}

    .tooltipDemo:hover:before {
        border: solid;
        border-color: transparent #FF8F35;
        border-width: 6px 6px 6px 0px;
        bottom: 21px;
        content: "";
        left: 25px;
        top: 5px;
        position: absolute;
        z-index: 95;
    }

    .tooltipDemo:hover:after {
        background: #FF8F35;
        background: rgb(255, 143, 53);
        border-radius: 5px;
        color: #fff;
        width: 150px;
        left: 30px;
        top: -5px;
        content: attr(alt);
        position: absolute;
        padding: 5px 15px;
        z-index: 95;
    }

*/

/* Clase que tendra el tooltip */  
.cssToolTip {
 position: relative; /* Esta clase tiene que tener posicion relativa */
 color: #ff8c00; /* Color del texto */
}

/* El tooltip */
.cssToolTip span {
 background: #88b7ef !important; 
 border: 2px solid #87cefa;
 border-radius: 5px;
 box-shadow: 5px 5px 5px #333;
 color: white;
 display: none; /* El tooltip por defecto estara oculto */
 font-size: 0.8em;
 padding: 5px 5px 5px 25px;
 min-width:175px;
 max-width: 6000px;
 position: absolute; /* El tooltip se posiciona de forma absoluta para no modificar el aspezto del resto de la pagina */
 top: 18px; /* Posicion apartir de la parte superior del primer elemento padre con posicion relativa */
 left: 0px; /* Posicion apartir de la parte izquierda del primer elemento padre con posicion relativa */
 z-index: 100; /* Poner un z-index alto para que aparezca por encima del resto de elementos */
}

/* El tooltip cuando se muestra */
.cssToolTip:hover span {
 display: inline; /* Para mostrarlo simplemente usamos display block por ejemplo */
}




/* Clase que tendra el tooltip de ofertas */  
.cssToolTipOferta 
{    
 position: relative; /* Esta clase tiene que tener posicion relativa */
 color: #ff8c00; /* Color del texto */
}

/* El tooltip de ofertas*/
.cssToolTipOferta span {
 background: #88b7ef !important; 
 border: 2px solid #87cefa;
 border-radius: 5px;
 box-shadow: 5px 5px 5px #333;
 color: white;
 display: none; /* El tooltip por defecto estara oculto */
 font-size: 0.8em;
 padding: 5px 5px 5px 25px;
 min-width:175px;
 max-width: 6000px;
 position: absolute; /* El tooltip se posiciona de forma absoluta para no modificar el aspezto del resto de la pagina */
 top: -100px; /* Posicion apartir de la parte superior del primer elemento padre con posicion relativa */
 left: 250px; /* Posicion apartir de la parte izquierda del primer elemento padre con posicion relativa */
 z-index: 100; /* Poner un z-index alto para que aparezca por encima del resto de elementos */
}

/* El tooltip de ofertas cuando se muestra */
.cssToolTipOferta:hover span {
 display: inline; /* Para mostrarlo simplemente usamos display block por ejemplo */
}



/* CSS BUSCADOR MINI Y BUSCADOR ND: Nuevo Diseño*/

.ND_HeaderBuscador
{ background-color: #88b7ef !important;-webkit-box-sizing: content-box !important;box-sizing: content-box !important;   }
.ND_Text_HeaderBuscador
{ color: #ffffff !important; 
  text-transform: uppercase;
  text-align: left;
  font-size: 16px !important;
      letter-spacing: .04em;
          font-weight: 600;
              margin-top: 0px;
  }    
.ND_FontFamily
{ font-family: 'Open Sans', sans-serif !important; 
  font-size: 15px !important;
  /*margin-bottom: 4px;*/
      color: #003;
  }
  
.ND_pnlOfertas, .ND_pnlBuscador,.ND_pnlBuscadorMini
{
   background-color:white; 
} 
  
.ND_pnlBuscador
{
    background: block !important;
    box-shadow: 5px 5px 10px #888888;
    height: auto !important;
 }
 
 .ND_pnlBuscadorMini
{
    background: block !important;
    box-shadow: 5px 5px 10px #888888;
    height: auto !important;
    padding: 0px 0px 10px 0px !important;        
    margin-bottom: 5px !important;
 }

 .ND_displaynone
 {
    display:none !important;
 } 
 .ND_ddbuscador
 {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    min-height:20px!important;
  }
 .ND_button
 {
     background: -webkit-linear-gradient(top,#ff6c00 0,#ee6500 100%);
     background: -moz-linear-gradient(top,#ff6c00 0,#ee6500 100%);   
     background: #ff6c00;
     font-size: 15px;
     padding: 6px 17px;
     outline: 0!important;
     filter: none;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     -moz-box-shadow: 0 1px 1 px rgba(0,0,0,.1);
     -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
     box-shadow: 0 1px 1px rgba(0,0,0,.1);  
     float: right;
     margin-right: 20px;
     color: White;
     cursor: pointer;
     margin-top: 0px !important;
     } 
  .ND_button:hover
  {
     background: -webkit-linear-gradient(top,#ee6500 0,#ff6c00 100%);   
     background: -moz-linear-gradient(top,#ee6500 0,#ff6c00 100%);   
     background: #ee6500; 
          
  }  
  .ND_buttonReset
  {
     /*background-image: url('../../images/botones/Reset_small.png');*/
     background: #ffffff url('../../images/botones/Reset_small.png');
     /*background-size: 30px 30px;*/
     height:30px;
     width:100px;          
    background-repeat: no-repeat;
        cursor: pointer;
  }
  .ND_pnlSalida
  {
     background-color: #ffffff !important;
         bottom: -60px !important;
             box-shadow: 5px 5px 10px #888888;
  }  
               



/* Nuevo diseño DI siglas NDI*/

.NDI_imgBarco  
{
    width: 300px;
    height: 200px;
    z-index:0 !important;
   /* margin-top: -104px !important;*/
    border-width: 0px !important;
        position: absolute;
        box-shadow: 5px 5px 10px #888888;
}
.NDI_logoDef  
{ 
    position: absolute;
    z-index:1 !important;    
    /*margin-top:-120px !important;  */
        background-color: white;
        margin-left:10px!important;
            border-width: 0.5px !important;
    border-style: solid;
    box-shadow: 5px 5px 10px #888888;
          max-width: 102px;
    max-height: 37px;
}

.NDI_Tbody_tr
{
    height: 250px !important;
    }
    
 .NDI_button
 {
      background: -webkit-linear-gradient(top,#ff6c00 0,#ee6500 100%);
     background: -moz-linear-gradient(top,#ff6c00 0,#ee6500 100%);   
     background: #ff6c00;
     font-size: 15px;
     padding: 6px 17px;
     outline: 0!important;
     filter: none;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     -moz-box-shadow: 0 1px 1 px rgba(0,0,0,.1);
     -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
     box-shadow: 0 1px 1px rgba(0,0,0,.1);  
     float: right;     
     color: White;
     cursor: pointer;
     margin-top: 0px !important;
         margin-bottom: 10px;
             height: 40px;
    min-width: 150px;
}

     
  .NDI_button:hover
  {
      background: -webkit-linear-gradient(top,#ee6500 0,#ff6c00 100%);   
     background: -moz-linear-gradient(top,#ee6500 0,#ff6c00 100%);   
     background: #ee6500;       
  }  
  .NDI_HeaderPanelSalidas
  {
          background: #88b7ef !important;
          text-align:center;
              height: 50px;     
      }
 .NDI_FontFamily_Header
{ font-family: 'Open Sans', sans-serif !important; 
  /*font-size: 40px !important;*/
  font-size: 25px !important;
  font-weight:bold ;
  /*margin-bottom: 4px;*/
      color: #fff;      
      /*vertical-align: middle;*/
      text-transform: uppercase;
          position: relative;
    top: 20%;
  }
  .NDI_titletext
{     font-family: 'Open Sans';
          font-weight: 700;
          
  }
  .NDI_text
{     font-size: 13px;
      font-family: 'Open Sans', 'msc_gs_stdregular', Helvetica, Arial, sans-serif;
  }
  .NDI_divtitcruzero
  {
      /*margin-top: -40px;*/
      /*border-right: solid black 1px;*/
      }
      
  .NDI_tdDerechaPanelSalida    
  {
          margin-top: 25px;
      }
      
  .NDI_pnlPrevSig
  {
          border-top: solid black 1px;
      }    
  .MAYUSCULAS
  {
      text-transform: uppercase;
      }
      

      
      .tblSalidas td{width:20%; height:60px; }
      
      .tblSalidasNorm input {
    font-family: Verdana;
    width: auto;
    height: auto;
    font-size: initial;
}
.tblSalidasNorm span,.tblSalidasTit span {   
    font-family: 'Open Sans';
        font-size: 15px;
}

.btnSalidaCal {
    cursor: pointer;
    border: 0px;
     width: auto;
    font-size: 11px;
    height: auto; 
    margin-top: 7px;
    font-weight: bold;
    text-align: center;
    padding: 0px;
}
.tblCalendari input {
    font-family: 'Open Sans';
    font-size: 16px;
}


.buttonCSS 
{    
    background: -webkit-linear-gradient(top,#ff6c00 0,#ee6500 100%);
     background: -moz-linear-gradient(top,#ff6c00 0,#ee6500 100%);   
     background: #ff6c00;
     font-size: 15px;
     padding: 6px 17px;
     outline: 0!important;
     filter: none;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     border:0px;
     -moz-box-shadow: 0 1px 1 px rgba(0,0,0,.1);
     -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
     box-shadow: 0 1px 1px rgba(0,0,0,.1);            
     color: White;
     cursor: pointer;     
     /*margin-bottom: 10px;*/
     height: 40px;
     min-width: 150px;
    }      
      
  .buttonCSS:hover
  {
      background: -webkit-linear-gradient(top,#ee6500 0,#ff6c00 100%);   
     background: -moz-linear-gradient(top,#ee6500 0,#ff6c00 100%);   
     background: #ee6500;      
  }  
  
  .sombra
  {
       box-shadow: 5px 5px 10px #888888;   
      }





/*I chekbox style*/
 input[type=checkbox] {
    width: 20px;
    height: 20px;
}

/* Chrome 29+ Ko todos */
/*@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { * Este da problemas con FF, oculta el checkbox issue 962 /
/*@include chrome-styles {*/
/*@media \\0 screen */
.selector:not(*:root) /*Ko tb*/
{
    input[type=checkbox] {
      transform: scale(1.5);
    }

    input[type=checkbox] {
      width: 20px;
      height: 15px;
      /*margin-right: 8px;*/
      cursor: pointer;
      /*font-size: 17px;*/
      visibility: hidden;
    }

    input[type=checkbox]:after {
        content: " ";
        background-color: #fff;
        display: inline-block;
        /*margin-left:10px;*/
        padding-bottom:5px;
        color:#d9dad5;
        width:15px;
        height:15px;
        visibility: visible;
        border:1px solid #d9dad5;
        padding-left:3px;
        border-radius:1px;
    }

    input[type=checkbox]:checked:after {
        content: "\2714"; /*icono*/
        color: #b4b4b4;        
        font-size: 9px;
        padding-left: 2px;
          /*padding:-5px;*/
          font-weight:bold;
    }
}
/*F chekbox style*/