/* == Stili di base - Mobile first ===== */

input[type=button] { border:0}

.BS_Container_DataPanel, .BS_Container_DataPanel_v2{background-color: #444444; float:left; display:none; width: 100% ; max-width: inherit; height: inherit;  }
.BS_Container_DataPanel_v2 {padding-bottom:20px; }
#cal_DataPanel { padding: 0 5px}
/* Freccia */
.BS_date_freccia {background: #ededed; height: 20px; position:relative}
.BS_date_freccia> div {left: 34px; position: absolute; top: 30px;}
.BS_date_freccia> div> div {font-size: 0px; line-height: 0%; width: 0px; border-bottom: 20px solid #444; border-left: 18px solid transparent; border-right: 18px solid transparent;}

/* Freccia v2 - versione data partenza e arrivo visibili */
.BS_date_freccia_v2 {background: #ededed; height: 20px; position:relative}
.BS_date_freccia_v2> div {left: 245px; position: absolute; top: 30px;}
.BS_date_freccia_v2> div> div {font-size: 0px; line-height: 0%; width: 0px; border-bottom: 20px solid #444444 ; border-left: 18px solid transparent; border-right: 18px solid transparent;}

/* Intestazione mese */
.BS_date_tit_txt {float: left;margin:15px 0 0 0px; font-size:32px; font-weight:300; color: #a2a2a2; width:100%}
.BS_date_tit_txt img {float:right; padding-top:5px}

/* Intestazione mese */
.BS_date_month { float: left;background-color: #444444; width:100%; color: #fff;padding: 0; margin:3px 0 5px 0}
.BS_date_month_txt {float: none;margin:0px 0 0 5px; font-size:22px; font-weight:400; color: #fff;text-align: center;  width: auto;padding-top: 5px;}

.BS_date_month>div> img{ width:100%; max-width:40px}

/*errore sotto a data departure*/
.BS_date_err_depModeCont{float: left;  background:#444444; padding-bottom:12px }
.BS_date_err_depMode {float: left; font-size:20px; font-weight:400; color: #ffa50a;margin:10px 0 0 13px; line-height:22px}
 
                     
/* Griglia giorni */
.BS_date_main { float: left; background-color: #444444; width: 100%; color: #fff;padding: 0; margin: 0}
.BS_date_main> div { float: left; width: 13%;padding-bottom: 12.3%;margin: 0.5%; font-weight:300 }
.BS_date_main> input { float: left; width: 13%;padding-bottom: 0;margin: 0.5%; font-size:25px; border:0;  font-weight:400 }
.BS_date_main_head {padding-bottom: 0!important; background: #444444!important; margin-bottom: 0!important; font-size:14px}




/* vecchie classi per codice js*/
.BK_DatesSelector_noThisMonth{ background-color:#818080;  color:#d9d9d9; font-weight: 300; text-align:center;vertical-align:middle;  }
.BK_DatesSelector_ThisMonth {background-color:#b2afaf; color:#FFFFFF;  font-weight: 300;text-align:center; vertical-align:middle;  }
.BK_DatesSelector_ThisStay { background-color:#43b02e; color:#fff;font-weight: 300;	 text-align:center; vertical-align:middle }
.BK_DatesSelector_ThisStay2 { background-color:#437a39; color:#fff;font-weight: 300;	 text-align:center; vertical-align:middle }
.BK_DatesSelector_noSelDate{ background-color:#565656; color:#898989; font-weight: 300;text-align:center; vertical-align:middle }


/*.BK_DatesSelector_ThisStay_dep { background-color:#934444; color:#fff;font-weight: 300;	 text-align:center; vertical-align:middle }
.BK_DatesSelector_ThisStay2_dep { background-color:#e14444; color:#fff;font-weight: 300;	 text-align:center; vertical-align:middle }*/

.BK_DatesSelector_ThisStay_dep { background-color:#437a39; color:#fff;font-weight: 300;	 text-align:center; vertical-align:middle }
.BK_DatesSelector_ThisStay2_dep { background-color:#43b02e; color:#fff;font-weight: 300;	 text-align:center; vertical-align:middle }

/* Durata del Soggiorno*/ 
.clear-both_upDurata { clear:both}
.BS_date_durata { float: left;background-color: #444444; width:80%; color: #fff;padding: 0; margin: 20px 0 0px 0}
.BS_date_durata_title {float: left; font-size:22px; color:#fff; margin-bottom:10px; font-weight:300}
.BS_date_durata_BlocchiMain> div {float: left;  width:76px; height:70px; margin-right:3px; background-color:#747272; text-align:center; font-weight:normal }
.BS_date_durata_BlocchiMain> div> img { margin-top:5px}
.BS_date_durata_BlocchiMain_Night { background-color:#f0f0f0!important; color:#000; text-align:left!important; }
.BS_date_durata_BlocchiMain_Night> div { margin-left:10px}
.BS_date_durata_BlocchiMain_Night_num { font-size:28px}
.BS_date_durata_BlocchiMain_Night_txt { font-size:16px; line-height:10px}
.BK_DatesSelector_DurataSoggBox{ background:#f0f0f0}

#forwardMonth, #forwardMonth_dep{margin-right:10px}

/* Cerca */ 
.BS_date_find { float: left;background-color: #444444; width:100%; color: #fff;padding: 0; margin: 30px 0 30px 0}
.BS_date_find> div { color:#50cc5c; font-size:34px; float:right; margin-right:20px}

/* =========================================================================== */
.Pcontent_Filter_panel_close{ text-align:right;color:#cfcfcf; font-size:26px; margin-right:5px; margin-top:10px }
.Pcontent_Filter_panel_close img{ margin-top:-2px; margin-right:5px}
.Pcontent_Filter_panel_AggiornaRicerca{ text-align:right;font-size:30px; font-weight:300; color:#fff;letter-spacing:-1px;background-color: #444444; }
/*.Pcontent_Filter_panel_AggiornaRicerca>div>div {width:100%; background:#50cc5c; height:2px}*/
.Pcontent_Filter_panel_AggiornaRicerca { text-align:left; clear:both}
.Pcontent_Filter_panel_Bottom {height:5px; width:100%}

.Pcontent_SpaceBottom { width:100%; height:15px; clear:both; background-color:#fff}

/* Durata del Soggiorno versione disabilitata*/ 
.BS_date_durata_dis {color:#848484!important}

/* == Media queries (breakpoint) ===== */
 
/* -----------------------------------
Smart Landscape
------------------------------------ */

/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */
@media only screen and (min-width: 400px)
{
    
    /* Intestazione mese */


  
}
@media only screen and (min-width: 400px)
{
    
    /* Intestazione mese */
    .BS_date_tit_txt { font-size:36px;margin:4px 0 0 13px;width:95%}
 
    .BS_date_month_txt {  margin: 0 90px 0 40px;font-size: 24px; }
 
 
    .BS_Container_DataPanel_v2{max-width: 384px;}  

    .Pcontent_Filter_panel_close{ margin-right:25px;}
    .BS_Container_DataPanel{max-width: 690px;}  


    /* Intestazione mese */
    .BS_date_month {max-width: 352px;margin-left:13px}

    /* Griglia giorni */  
    .BS_date_main { max-width: 350px;margin-left:13px}
    .BS_date_main> input, .BS_date_main> div {margin: 0.3%; /*background-color: #b2afaf;*/ }
    
    /* Durata del Soggiorno*/ 
    .BS_date_durata {margin-left:30px}
    
    /* Griglia giorni */
    .BS_date_main> div {width: 13.6%;}
    .BS_date_main> input { width: 13.6%;}
}


@media only screen and (min-width: 500px)
{
    .BS_date_main> input { font-size:30px;  }  
    /*.BS_Container_DataPanel_v2 { margin:0 auto}*/
    .Pcontent_Filter_panel_AggiornaRicerca { text-align:left; clear:both;font-size:30px;  margin-right:55px;}
    
    /* Intestazione mese */
    .BS_date_month_txt {font-size:26px; }

    .BS_date_freccia_v2 > div {left: 270px;}


    #DatePanelContainerDeparture{width:500px; margin:0 auto}
    

}

@media only screen and (min-width: 768px)
{

 
    /* Intestazione mese */
    .BS_date_month {/*margin-left: 30px;*/margin-left: 13px}
    
     /* Griglia giorni */  
    .BS_date_main {margin-left: 15px;}
    
    /* Durata del Soggiorno*/ 
    .clear-both_upDurata { clear:none}
    .BS_date_durata{ margin:0 0 0 35px; width:250px}

    /* Cerca */ 
    .BS_date_find { margin: 0px 0 0px 0; position:relative;}
    .BS_date_find> div { position:absolute; top:-20px; right:40px}

    .Pcontent_Filter_panel_AggiornaRicerca { font-size:46px;text-align:right;}

    .BS_date_freccia_v2 > div{left: 315px;}
    .BS_Container_DataPanel_v2 { margin:0 }

    #DatePanelContainerDeparture{width:auto; margin:0 }
}
 
  

/* -----------------------------------
IPAD LANDSCAPE + NETBOOK
------------------------------------ */
@media only screen and (min-width: 1024px){

}
 
/* -----------------------------------
DESKTOP
------------------------------------ */
@media only screen and (min-width: 1200px)
{
    .BS_date_freccia_v2 > div{left: 270px; }
    .BS_date_freccia> div {left:  146.633px;}

   /* Freccia */
    .BS_date_freccia, .BS_date_freccia_v2 {background: #fff; }
     
}