/*===================================== generale ============================================*/
#tblRG_AnnullaInserisci {margin:10px 8px 10px 0}
/* spazio tra un blocco e l'altro!*/
.SPK_SpaceBlock { height:65px;/*background-color:orange*/}

/*=====================================  FndElem - sx.  ============================================*/         
/* Schiaccio gli stili già definiti in css FndElem.css che mi rappresentano quelli di default. Vincono questi qui sotto! */              
.EditElem_NameElem { font-size:4px!important;}
.EditElem_Date-AuthorElem {margin-top:0!important ;}          

/*=====================================  Img Manager - sx.  ============================================*/         
/* Schiaccio gli stili già definiti in css images che mi rappresentano quelli di default. Vincono questi qui sotto! */       
a.IMG_Mng_lnk   { color:#447a8b!important;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:link.IMG_Mng_lnk   { color:#447a8b!important;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:visited.IMG_Mng_lnk {color:#447a8b!important;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:hover.IMG_Mng_lnk  {color:#447a8b!important;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration:none; }
.IMG_Intest_LineEnd { margin-bottom:26px; background-color:#d5d5d5;}
#sortable_trash { width:35px}

/*=====================================  Doc - sx.  ============================================*/         
/* Schiaccio gli stili già definiti in css DocResponsive.css che mi rappresentano quelli di default. Vincono questi qui sotto! */    
.DOC_TemplateRow { margin-bottom:0!important}
.DOC_TitHeightEditor {height:1px; background-color:#d5d5d5; margin-bottom:27px!important; clear:both }

/*=====================================  Spaziature  ============================================*/ 
.SPK_Space_H20 {  height:20px}
.SPK_Space_H55 {  height:53px!important}
.SPK_Space_W15 { width:15px}
.SPK_Space_W30 { width:30px}

.SPK_Line { height:1px; background-color:#d5d5d5; margin: 5px 0 5px 0px; width:100%}

/*=====================================  Command bar  ============================================*/ 
#SCBar { margin-bottom:100px}    


/*=====================================  style input - select -radio - check uniformi in tutta la pagina ============================================*/
input[type=text], select, textarea{  border:1px solid #d3d3d3; height:38px; font-size:18px; background-color:#fbf8f1;margin: 0; padding:0 0 0 5px; color:Black;font-family:Segoe UI Light, Segoe UI; font-weight: lighter;}
textarea{height:100px!important;}
select::-ms-expand { display: none;}
select { width:100%;  /*Removes border*/-webkit-appearance: none;  /*Removes default chrome and safari style*/  -moz-appearance: none; /* Removes Default Firefox style*/ text-indent: 0.01px; /* Removes default arrow from firefox*/  text-overflow: "";  /*Removes default arrow from firefox*/background: #fbf8f1 url("/GlobalManagement_Preferences/SpaPackage/img/selectArrow.gif") no-repeat right center;}

/* SPA PACK --> Visibile o meno */
.SPK_MainVisBoxImg_default { border:1px solid #a5a5a5; height:42px; width:43px;  background-color:#fff; text-align:center; cursor:pointer}
.SPK_MainVisBoxImg { border:1px solid #a5a5a5; height:42px; width:43px;  background-color:#c9fcc6; text-align:center; cursor:pointer}
.SPK_MainVisBoxImg_NotVis { background-color:#fff5ce!important}
.SPK_MainVisBoxImg img { margin-top:3px}


.SPK_MainVisBoxImg_NotSel { border:1px solid #a5a5a5; height:42px; width:43px;  background-color:#FFFFFF; text-align:center; cursor:pointer}




/*=====================================  field Elem - Edit/New Spa Package ============================================*/
.SPK_FieldElem_etichette { font-family:Segoe UI; font-size:14px; color:#8f8780; margin-bottom:4px}
.SPK_FieldElem_field {padding-right:75px; margin-bottom:8px }
.SPK_FieldElem_Vis {position:absolute; right:0;  top:-43px; margin-right:78px;/*143px;width:70px;text-align:center*/}
.SPK_FieldElemBox {margin-right:0px /*70px;*/}
.SPK_RowDescription {margin:10px 0 0 0!important; padding:0}
/*.SPK_FieldElem_field input, .SPK_FieldElem_field select{ height:38px; font-size:18px!important; color:Black!important; background-color:#fbf8f1!important;margin: 0; padding:0 0 0 5px}
.SPK_FieldElem_field textarea {font-size:18px!important; color:Black!important; background-color:#fbf8f1!important;margin: 0; padding:0 0 0 5px}*/
.SPK_FieldElem_Titolo {font-family:Segoe UI Light, Segoe UI!important; font-weight: 300; font-size:38px; color:#a0a0a0!important; /* margin-bottom:10px;*/  height:42px }
.SPK_FieldElem_DicImg {margin:0!important; padding:0!important;}
.SPK_FieldElem_DicImg img{width: 100%; max-width: 75px; margin-top:10px}

.SPK_BoxBlock{margin-right:78px;}

.SPK_OpenDictionary_ContentDiv {width: 65px; float: right}
.SPK_OpenDictionary_ContentDiv img{width: 70px; margin-top:10px}
.SPK_OpenDictionary_ContentEditor {margin-right:70px;/*margin-right: 135px;*/ vertical-align: top}
.SPK_OpenDictionary_ContentEditorVis {margin-right: 0px; vertical-align: top}
.SPK_OpenDictionary_border {border-radius: 2px; border:1px solid #e7e7e7;  width:100%;}

a.SPK_FieldElem_lnk_preview { color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:31px;  text-decoration: none; }
.SPK_FieldElem_lnk_preview_img {margin:-12px 5px 0 0}

/*=====================================  Action  ============================================*/         
/* Schiaccio gli stili già definiti in css action che mi rappresentano quelli di default. Vincono questi qui sotto! */   
#PlaceActionsHeader {margin:0px 0 0px 0!important;  }

/*.SPK_Row_MTTitle {margin:35px 0 0px 0!important;  }*/
.SPK_RowOnlyOffer { margin:10px 0 0px 0}


/*=====================================
/* style blocchi Servizi */
.SPK_ServiceBlock{/*color:#a5a5a5;font-family:Segoe UI Light, Segoe UI; font-weight: lighter; font-size:38px;   margin-bottom:10px;/*margin:0;*/  height:47px }
.SPK_ServiceBlock span{color:#458296;font-family:Segoe UI Light, Segoe UI; font-weight: lighter; font-size:36px;  }
.SPK_ServiceBlockIntestazione {margin-bottom:15px}
.SPK_BoxDelete {margin: 0 0px 0 5px; /*width: 50px;*/ text-align: center;}
.SPK_BoxDelete img {margin-top: -5px}
.SPK_BoxUpdate{margin: 0 5px 0 5px; width: 60px; text-align: center;}
.SPK_BoxUpdate div {margin-bottom: 20px}
.SPK_Row {margin:0!important; padding: 0!important;}
.SPK_BoxImgDic {margin:0!important; padding:0!important;}
.SPK_BoxImgDic img { width: 100%; max-width: 70px; margin-top: -5px }
.SPK_BoxLineEnd {width: 100%; margin: 14px  0px 27px 0px;}
.SPK_BoxLineEnd div {width: 100%; height: 1px; background-color: #d8d8d8;}
.SPK_BoxTot {width: 100%; margin: -15px 0px 0px 0px;}
.SPK_BoxTot_txt {font-size:18px;  color:#58533e;font-family:Segoe UI Light, Segoe UI; font-weight:600 }
.SPK_BoxTot_price {float:right; margin-right:105px}
.SPK_BoxTot_bottom { height:50px}
.SPK_BoxCkListino {float:right; width:25px}
.SPK_BoxmainPrice_Tot{float:right;width:125px}
.SPK_BoxmainPrice_Tot input[type=text], .SPK_BoxmainPrice_Tot>div> div {text-align:center!important;padding:0 5px 0 0!important; width:102px; height:38px; line-height:38px; border:1px solid #d3d3d3; font-size:18px; background-color:#fbf8f1;margin: 0; padding:0 0 0 5px; color:Black;font-family:Segoe UI Light, Segoe UI; font-weight: lighter;}
.SPK_BoxmainPrice_Tot_totTxt{ text-align:center; width:107px; margin-top:15px;font-size:18px; color:Black;font-family:Segoe UI Light, Segoe UI; font-weight: lighter;}
.SPK_BoxmainPrice_Tot_totTxt span { margin-right:3px}
.SPK_BoxQta {float:left;  width:53px}
.SPK_BoxQta input[type=text],.SPK_BoxQta div {width:41px; height:36px;line-height:36px; text-align:center!important;  border:1px solid #d3d3d3; font-size:18px; background-color:#fbf8f1;margin: 0!important; padding:0!important; color:Black;font-family:Segoe UI Light, Segoe UI; font-weight: lighter;}
.SPK_BoxDescrCheck {margin-right:11px}
.SPK_BoxDescr {width:100%; max-width:425px}
.SPK_BoxDescr textarea, .SPK_BoxDescr div {height:72px!important;width:100%;max-width:415px;border:1px solid #d3d3d3; font-size:18px; background-color:#fbf8f1;margin: 0; padding:0 0 0 5px; color:Black;font-family:Segoe UI Light, Segoe UI; font-weight: lighter;}
/*intestazione servizi */
.SPK_FieldElem_etichette_qta {width:75px} 
.SPK_FieldElem_etichette_descr{ width:512px}
.SPK_FieldElem_etichette_pt{width:110px}
.SPK_FieldElem_etichette_listino{width:10px}
/* no servizi */ 
.SPK_BoxNoService { height:74px; }
.SPK_BoxNoServiceHeight { height:10px }
.SPK_BoxNoService span{ font-family:Segoe UI Light, Segoe UI; font-weight: lighter; color:#f2f2f2; font-size:45px; }
.SPK_BoxOverTotNoService {height:35px;}
.SPK_BoxLineEndNoService {width: 100%; margin: 5px  0px 0px 0px;}
.SPK_BoxLineEndNoService div {width: 100%; height: 1px; background-color: #eaeff5;}


/*.SPK_RowSmallLeft {margin-left:0!important; padding-left:0!important;}
.SPK_BoxField {margin-right: 130px}
.SPK_BoxMBott {margin-bottom: 10px}
a.SPK_FieldElem_lnk   { color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:link.SPK_FieldElem_lnk   { color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:visited.SPK_FieldElem_lnk {color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:hover.SPK_FieldElem_lnk  {color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration:none; } */  

#SPK_DivMiddle {margin:-32px 0 10px 0}   
.SPK_DivMiddle_Left {width:184px;}
.SPK_DivMiddle_Right {margin-left:185px;}  
#divIDSpaPackage0 {display:inline-block;float:left; margin: 0  10px 10px 0;} {display:inline-block;float:left; margin: 0  10px 10px 0;}


/*============================ blocchetti - LAYOUT SCHEDULER =====================================*/
/* DIV contenitore, da le dimensioni del blocchetto */
.SPK_Scheduler_Main {width:310px; display:inline-block; float:left; margin: 0  10px 10px 0;font-family:Segoe UI Light, Segoe UI;}
.SPK_Scheduler_left {float:left;  width:85px;height:87px;margin-right:8px;}
.SPK_Scheduler_left img { width:85px;height:87px}

.SPK_Scheduler_center {float: none; height:87px; padding: 0  3px 0  8px;background-color:#f7f6f6;}
.SPK_Scheduler_centerSelected {float: none; height:87px; padding: 0  3px 0  8px;background-color:#3AE750; }
.SPK_Scheduler_Titolo {font-size:18px;font-weight:500; line-height:20px}
.SPK_Scheduler_Descr {font-size:14px;font-weight: 300; margin-top:5px; line-height:18px;}
.SPK_Scheduler_BreakLine {height:3px; width:100%; background-color:White}

.SPK_Scheduler_DTG_Main {border-left: 1px solid #c4bbb1; border-bottom:1px solid #c4bbb1;height:67px; width:100%; }
.SPK_Scheduler_DTG_left {width:84px;  float:left;height:67px;margin-right:8px; }
.SPK_Scheduler_DTG_right {float:none;height:67px;}
.SPK_Scheduler_DTG_Titolo {font-family:Segoe UI Light, Segoe UI;font-size:18px;font-weight:500; line-height:19px; color:#5144ff}
.SPK_Scheduler_DTG_Validita { font-weight: 300;font-family:Segoe UI Light, Segoe UI;font-size:15px; line-height:18px; color:#709fae; font-style:italic; height:18px}
.SPK_Scheduler_DTG_Prezzo{font-family:Segoe UI Light, Segoe UI;font-size:18px;font-weight:600; line-height:17px; color:#000;margin-top:7px}
.SPK_Scheduler_DTG_Sconto{font-family:Segoe UI Light, Segoe UI;font-size:18px;font-weight:600; line-height:17px; color:#ff0000; margin-right:10px; margin-top:7px}


.SPK_Scheduler_VisTxt { font-family:Segoe UI Light, Segoe UI, helvetica; font-weight: lighter; font-size:26px; color:#705c39; margin:7px  12px 0 0; vertical-align:top}


/*===================== stato visibilità (attivo/scaduto) =====================================*/
.SPK_Scheduler_bottom_Future {height:40px; width:100%; background-color:#cc9102;  /*padding:8px 7px 0 5px*/ margin: 0  10px 0px 0; }
.SPK_Scheduler_bottom_Future div {font-size:16px;font-weight: 300; color:White; margin: 0px 0 0 2px; }

.SPK_Scheduler_bottom_Active {height:40px; width:100%; background-color:green; /*padding:8px 7px 0 5px*/ margin: 0  10px 0px 0; }
.SPK_Scheduler_bottom_Active div {font-size:16px;font-weight: 300; color:White; margin: 0px 0 0 2px; }


.SPK_Scheduler_bottom_Past {height:40px; width:100%; background-color:red; /*padding:8px 7px 0 5px*/ margin: 0  10px 0px 0; }
.SPK_Scheduler_bottom_Past div {font-size:16px;font-weight: 300; color:White; margin: 0px 0 0 2px; }

.SPK_Scheduler_right {float:right; background-color:#3b2e28;padding:2px}
.SPK_Scheduler_rightSelected {float:right; background-color:#3AE750; padding:2px/*height:87px;*/}



/*Marzo 2019*/


.mb-20 {
    margin-bottom: 20px
}

.t-white {
    color: #fff !important
}

.SPK_bgPropieta {
    background-color: #c9fcc6 !important
}

.SPK_bgOffNowOn {
    background-color: green !important
}

.SPK_bgOffExpired {
    background-color: red !important
}

.SPK_bgOffWillBe {
    background-color: #cc9102 !important
}

.SPK_FieldElem_title {
    font-family: Segoe UI;
    font-size: 20px;
    color: #000;
    margin-bottom: 10px;
}

/*TABELLA STILE FOUNDATION 6 NEW*/
table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0;
}

thead,
tbody,
tfoot {
    border: 1px solid #f1f1f1;
    background-color: #fefefe;
}

caption {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: bold;
}

thead {
    background: #f8f8f8;
    color: #0a0a0a;
}

tfoot {
    background: #f1f1f1;
    color: #0a0a0a;
}

    thead tr,
    tfoot tr {
        background: transparent;
    }

    thead th,
    thead td,
    tfoot th,
    tfoot td {
        padding: 0.5rem 0.625rem 0.625rem;
        font-weight: bold;
        text-align: left;
    }

tbody th,
tbody td {
    padding: 0.5rem 0.625rem 0.625rem;
}

tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f1f1f1;
}

table.unstriped tbody {
    background-color: #fefefe;
}

    table.unstriped tbody tr {
        border-bottom: 0;
        border-bottom: 1px solid #f1f1f1;
        background-color: #fefefe;
    }

@media screen and (max-width: 63.99875em) {
    table.stack thead {
        display: none;
    }

    table.stack tfoot {
        display: none;
    }

    table.stack tr,
    table.stack th,
    table.stack td {
        display: block;
    }

    table.stack td {
        border-top: 0;
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto;
}

table.hover thead tr:hover {
    background-color: #f3f3f3;
}

table.hover tfoot tr:hover {
    background-color: #ececec;
}

table.hover tbody tr:hover {
    background-color: #f9f9f9;
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #ececec;
}

.table-scroll {
    overflow-x: auto;
}