/* 
    Document   : admin
    Created on : May 14, 2009, 8:54:25 AM
    Author     : massimo
    Description:
        Purpose of the stylesheet follows.
*/

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

body {
    background: #ffffff;
    color: #3D3D3D;
    margin: 0;
    position: relative;
}

/* ###################### MODALE DI LOADING FULL PAGE ###################### */
.modalLoading {
    display:    none;
    position:   fixed;
    z-index:    999999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    text-align: center;
    /* loading.svg creata su http://loading.io/ */
    background: rgba(0, 0, 0, .8) url('../images/loading.svg') 50% 50% no-repeat;
}

.modalLoading .modalLoadingTextBox {
    position: absolute;
    top: 67%;
    left: 50%;
    width: 50%;
    height: 100px;
    -webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%);   
    text-align: center;
    font-size: 3em;
    color: #eee;
}

.modalLoading .modalLoadingGalleryBox {
    position: absolute;
    top: 5%;
    left: 0%;
    width: 100%;
    height: 95%;
    text-align: center;
    font-size: 3em;
    color: #eee;
}

.modalLoadingGalleryBoxImage {
    max-width: 100%;
    height: auto;
}

.modalLoadingGalleryBoxNav {
    position: absolute;
    left: 50%;
    bottom: 1%;
    width: 50%;
    /*height: 100px;*/
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(190, 190, 190, 0.5);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    text-align: center;
    padding: 4px;
    color: #eee;
}

.modalLoadingGalleryBoxNav div {
    font-size: 18px;
    display: inline-block;
}

.modalLoadingGalleryBoxNavTools {
    background-color: #eeeeee;
    color: #000000;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    cursor: pointer;
    padding: 3px;
    font-size: 16px;
    font-weight: bold;
    width: 35px;
    height: 35px;
}

.modalLoadingGalleryBoxNavPrev {
    
}

.modalLoadingGalleryBoxNavNext {

}

.modalLoadingGalleryBoxNavTitle {
    width: 75%;
    color: #fff;
}

.modalLoadingGalleryBoxNavImgName {
    font-size: 1em;
}

.modalLoadingGalleryBoxNavImgSize {    
    display: inline-block;
    background-color: #ffffff;
    color: #000000;
    border-radius: 2px;
    padding: 1px 2px;
    font-variant: small-caps;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 2px;
    vertical-align: middle;
}

.modalLoadingGalleryBoxNavClose {
    
}


/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modalLoading {
    display: block;
}
/* ######################################################################### */

.popup {
    padding: 20px;
}

.loginpage {
    background: #42779B;
    background-image: url("../images/header_highlighter.png");
    background-repeat: repeat-x;    
    margin-top: 50px;
    color: white;
    padding-top: 50px;
}

.loginpage h3 {
    font-weight: normal;
    font-size: 22px;
}

.loginpage h3 strong {
    letter-spacing: -1px;

}

loginspace input {
    color: gray;
    border: none;
    padding:3px;
}

h1 {
    font-size: 20px;
    font-weight: bold;
}

h2 {
    font-size: 18px;
    font-weight: bold;
}

h3 {
    font-size: 16px;
    font-weight: bold;
}

h4 {
    font-size: 14px;
    font-weight: bold;
}

a {
    color: #cd0000;
    font-weight: bold;
}

table {
}

td {
    padding: 4px;
    border-color: #AED0EA;
}

th, .thclass {
    text-align: left;
    padding: 4px;
    background-color: #EEEEEE;
}


.thclass {
    font-weight: bold;
}

.tdhorizclass {
    border: 2px solid #eeeeee;
}

pre, pre span, pre sup, span.monospace {
    font-family: monospace;
}

.prebold {
    font-family: monospace;
    font-weight: bold;
}


.orange {
    color: #ff8000;
}

#header td, #header td span, #header td p {
    vertical-align: top;
}

#header {
    /*    border-bottom: 5px solid #FF9900; */
    margin-bottom: 10px;
    background-color: #42779B;
    background-image: url("../images/header_highlighter.png");
    background-repeat: repeat-x;    
    color: white;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
}

#footer {
    background-color: #42779B;
    width: 100%;
    bottom: 0;
    position: fixed;
    z-index: 9999;
    line-height: 14px;
    color: white;
    border: none;
    margin: 10px auto 0 auto;
    font-size: 10px;
    padding: 5px 0 0 20px;
}

.footer_login {
    position: fixed;
    height: 20px;
    line-height: 20px;
    color: white;
    bottom: 0;
    margin: 10px 0 0 0;
    font-size: 10px;
    padding: 5px 5px 5px 20px;
}

.adminlogo h1 {
    text-align: center; 
    color: white; 
    font-size: 10px; 
    line-height: 16px; 
    padding: 5px 0 0 20px;
    font-weight: normal;
    text-transform: uppercase;
}

.ignasbooking_offer_intest {
    /*    margin-top: -10px;*/
    font-size: 1em;
    color: #777777;
}

.inline_color_hint {    
    display: inline-block;
    background-color:  #eeeeee;
    color: #000000;
    border-radius: 2px;
    padding: 1px 2px;
    font-variant: small-caps;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 2px;
}

.inline_color_hint_short {    
    display: inline-block;
    background-color:  #eeeeee;
    color: #000000;
    border-radius: 2px;
    padding: 1px 2px;
    font-variant: small-caps;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 2px;
}

.inline_circle_color_hint {    
    display: inline-block;
    background-color:  #eeeeee;
    color: #000000;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    padding: 3px;
    font-size: 16px;
    font-weight: bold;
    width: 30px;
    height: 30px;
}

.externaloffer_maindp_hint {    
    background-color:  #015f7f;        
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 0px 2px;
    color: #ffffff;
    font-weight: bold;
}

.externaloffer_maindp_hint_ok {    
    background-color:  #008200;        
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 0px 2px;
    color: #ffffff;
    font-weight: bold;
}

.externaloffer_maindp_hint_err {    
    background-color:  #cd0000;        
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 0px 2px;
    color: #ffffff;
    font-weight: bold;
}

.inline_color_hint_bk_tags {    
    display: inline-block;
    background-color:  #777;        
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 0px 2px;
    margin: 2px;
    color: #ffffff;
    font-weight: bold;
}

.adminlogo h1 strong {
    letter-spacing: -1px;
    display: block;
    line-height: 16px;
    text-transform: none;
    font-size: 16px;
}

.content_area {
    margin: 0px 20px 30px 20px;
}

.divspacer {
    height: 60px;
    width: 100%;
    display: block;
}

#debugarea {
    display: none;
    margin: 10px 10px 20px 20px;
    background-color: #E6E6E6;
    color: black;
    padding: 20px;
    width: 90%;
}

#show_debug {
    float: right;
    padding-right: 30px;
}

#info {
    font-size: 10px;
    color: white;
    text-align: right;
    padding: 8px;
}

fieldset {
    margin: 10px 0;
    clear: left;
}

.room {
    background-color:#C5DBFA;
    border:1px solid #2965B0;
    width: 650px;
}

.cost {
    background-color:#FAE045;
    border:1px solid #B77919;
    width: 650px;
}

.agerow {
    background-color:#FFF;
    border:1px solid #666;
    width: 90%;
}

.addagerow {
    float: right;
}

legend {
    font-size: 130%;
    font-weight: bold;
}

.block_right {
    display: block;
    float: right;
    margin-left: 3px;
}

.pubbl_status {
    background-color: #FFFF82;
    border-radius: 4px;
    border: 2px #565656 dashed;
    color: #565656;
    margin-top: 7px;
    margin-right: 0px;
    padding: 2px;
    width: 960px;
}

.pubbl_status img {
    vertical-align: middle;
    width: 24px;
    margin-right: 2px;
}

#pkglist td {
    /*    background-color: white; */
}

.pkglistform select {
    padding: 6px;
}

.pkglistform input {
    padding: 4px;
}

span.formInfo {
    font-size: 1.1em;
}

#searchid_div {
    float: left; 
    margin: 4px; 
    padding: 4px; 
}



#searchform select, #searchform .chosen-container {
    font-size: 12px !important;
    color: #666 !important;
}

#searchform select {
    height: 27px;
    margin-bottom: 1px;
}

#searchform td {
    vertical-align: top;
}

#searchform td label {
    display: block;

}

.lasttd {
    position: relative;
}

.searchbtn {
    position: absolute;
    bottom: 0;
    right: 0;
}

#getdata input {
    background-color: #FFFFFF;
    /*    background-image: linear-gradient(#EEEEEE 1%, #FFFFFF 15%);*/
    border: 1px solid #AAAAAA;
    line-height: normal;
    margin: 1px 0;
    outline: 0 none;
    padding: 5px;
}

#getdata #ai_search_pkg_name {
    width: 280px;
}

.search_pkg_container {
    width: auto;
    position: relative;
}

.empty_search_field {
    vertical-align: sub;
}

.search_hotel_tagstyle_container input {
    border: 0px !important;
    background-image: none !important;
}

/* @group end */

.pkglist td {
    border: 1px solid gray;
    border-collapse: collapse;
}

.usedimg {
    border: 2px solid red;
}

.localimg {
    border: 3px dotted blue;
}

.tbledit th {
    text-align: right;
}


/* jQuery Dialog Styles */

.dialogAlert {
    color: #cd0000;
    background: #FFCCBA;
    border-color: #cd0000;
}

.ui-widget-overlay, ui-front {
    background-color: #000000; 
    opacity: .60;
    filter:Alpha(Opacity=60);
}

.dialogAlert .ui-dialog-titlebar {
    background: #FAB9BB;
    color: #cd0000;
    border-color: #cd0000;
}


/* Tabella che fa l'anteprima del pacchetto */
table.pkgPreview {
    position: relative;
    width: 95%;
    border-collapse: collapse;
}

table.pkgPreview th {
    background-color: #F2F5F7;
    border: 1px solid #DDDDDD;
    font-weight: bold;
}

table.pkgPreview th:first-child {
    text-align: left;
    font-size: 1.1em;
}

table.pkgPreview th:last-child {
    text-align: right;
    font-size: 0.8em;
}

table.pkgPreview tr.periodi td {
    font-size: 13px;
    text-align: center;
    vertical-align: top;
}

table.pkgPreview tr.ncdow td {
    font-size: 11px;
    text-align: center;
    vertical-align: top;
    border-top: 1px solid #DDDDDD;
}

table.pkgPreview tr td {
    background-color: #FFFFFF;
    border-left: 1px solid #DDDDDD;
}

table.pkgPreview tr td:first-child {
    border: 1px solid #DDDDDD;
    background-color: #F2F5F7;
}

table.pkgPreview tr.roomIntest {
    background-color: #3BAAE3;
    color: #ffffff;
    font-weight: bold;
}

table.pkgPreview tr.roomIntest td {
    background-color: #3BAAE3;
    color: #ffffff;
    font-weight: bold;
}

table.pkgPreview tr.travelIntest {
    background-color: #C3C3C3;
    color: #ffffff;
    font-weight: bold;
}

table.pkgPreview tr.travelIntest td {
    background-color: #C3C3C3;
    color: #ffffff;
    font-weight: bold;
}

table.pkgPreview tr td.singleLabel {
    background-color: #3BAAE3;
    color: #ffffff;
    font-weight: bold;
}

table.pkgPreview tr td.label2 {
    background-color: #AED0EA;
    color: #000000;
    font-weight: bold;
}

table.pkgPreview tr td.label3 {
    background-color: #ffffff;
    color: #000000;
    font-weight: bold;
}

table.pkgPreview tr.topseparator td {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

div.price_filter_link_box {
    margin-bottom: 5px;
}

span.active_price_filter {
    background-color: #3BAAE3;
    color: #ffffff;
    font-weight: bold;
    padding: 2px;
}

span.update_price_filter {
    background-color: #FFFF00;
    color: #000;
    font-weight: bold;
    font-style: italic;
}

.notteSuppl {
    font-style: italic;
    font-size: 0.8em;
}

.main_container {
    /*width: 960px;*/
    width: auto;
}

.shower_div {
    overflow:scroll; 
    width: 90%; 
    height: 200px; 
    background-color: white; 
    border: 1px solid black; 
    padding: 0 5px;
}



/* ************** */
/* PACKAGE EDITOR */
/* ************** */
.dialogStateMsg {
    display: block;
    position: relative;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    font-weight: bold;
    font-size: 1.5em;
}

.dialogStateMsgING {
    font-style: italic;
    color: #000000;
}

.dialogStateMsgOK {
    color: #008200;
}

.dialogStateMsgERR {
    color: #cd0000;
}

.datiAgg_label .datiAgg_Name {
    font-weight: bold;
}

.datiAgg_label .datiAgg_Desc {
    font-weight: normal;
    font-style: italic;
}



/* ***************** */
/* Travel Quota      */
/* ***************** */
table.travel_quota {
    border-collapse: collapse;
    border: 0px;
}

table.travel_quota tr th,
table.travel_quota tr td {
    border: 1px solid #d4d4d4;
    border-bottom: 0px;
    width: 25px;
    text-align: center;
}				

table.travel_quota tr td {
    border-top: 0px;
}

table.travel_quota tr td.bottom {
    border-bottom: 1px solid #d4d4d4;
}

table.travel_quota tr th {
    border-top: 1px solid #d4d4d4;
}

table.travel_quota tr td.cnt {
    text-align: center;
}

table.travel_quota tr th {
    background-color: #CCCCCA;
    text-align: center;
}

table.travel_quota tr.odd td {
    background-color: #EEEEEE;
}

table.travel_quota tr.even td {
    background-color: #FFFFFF;
}

table.travel_quota tr td.vector_icon {
    text-align: center;
}

.dumper {
    border: 1px #2965B0;
    width: 100%;

}

.dumper th {
    background-color: #F2F5F7;
}

.dumper tr {
    border-bottom: white 2px solid;
}

table.dumper td {
    border-right: 1px solid white;
    font-size: .95em;
}

.iconset {
    white-space: nowrap;
}

.quando, .quando span {
    font-size: 10px;
}

.groupname {
    /*        color: #5B89A8;*/
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.bid {
    font-weight: bold;
}

.tooltip {
    display:none;
    background: #656565;
    font-size: 11px;
    padding: 6px;
    color: #f7f7f7;
}

.search_inactive {
    background-color: transparent;
    border: none;    
}
.legenda {
    margin:10px 0;
}
.legenda td {
    padding: 5px;
    text-align: center;
    vertical-align: top;
}
.legenda .countbookings {
    display: inline-block;
    min-width: 40px;
    height: 40px;
    padding: 0 8px;
    line-height: 40px;
    font-weight: bold;
    font-size: 18px;
    border-radius: 20px;
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
}

.sitelinklist {
    background-color: #f8f8f8;
    margin-bottom: 20px;
    line-height: 2em;
    padding-top: 0.35em;
}

.sitelinklist_2level {
    background-color: #f8f8f8;
    margin-bottom: 20px;
    line-height: 2em;
}

.sitelinklist .sitelink {
    display: inline-block;
    min-width: 40px;
    height: 20px;
    padding: 0 4px;
    line-height: 20px;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid #fff;
    border-style: solid;
    border-width: 1px;
    border-left-width: 20px;
    text-decoration: none;
    background-color: #fff;
    color: #888;
}

.sitelinklist .sitelink:not(.isOpen):hover{
    text-decoration: underline;
    color: #cd0000;
}

.crud_disclaimer {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding-bottom: 20px;
}

.crud_disclaimer h3 {
    font-weight: bold;
}

.crud_disclaimer div {
    position: relative;
    margin-bottom: 20px;
}

.crud_from_editing_mode {
    font-size: inherit;
    font-weight: bold;
    background-color: yellow;
}

form.crud_form {
    position: relative;
    padding: 10px;
}

.spimg_td_error_explain {
    text-align: left;
    font-weight: bold;
    color: #cd0000;
}

.spimg_img_thumb {
    width: 50px;
    height: auto;
    margin-right: 5px;
}

div.form_editing_alert {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 4px 10px 4px 10px;
    background-color: #cd0000;
    color: #fff;
    font-size: 1.2em;
}

form.crud_form_editing {
    border: 0px solid #19282e;
    background-color: #FDF6B3;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    box-shadow: 4px 4px 14px #999;
    -moz-box-shadow: 4px 4px 14px #999;
    -webkit-box-shadow: 4px 4px 14px #999;
}

.crud_ctrl_area {
    text-align: left;
    margin-bottom: 10px;
    width: 50%;
}

.crud_ctrl_area button,
.crud_popup button.crud_button_inline {
    background-clip: border-box;
    background-color: rgb(0, 102, 185);
    background-image: none;
    border: 3px solid rgb(0, 112, 149);
    border-radius: 3px;
    border-style: solid;
    border-width: 0px;
    border-collapse: separate;
    bottom: auto;
    box-shadow: none;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 40px;
    left: auto;
    line-height: normal;
    margin-bottom: 0px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 0px;
    padding: 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: auto;
    vertical-align: baseline;
    visibility: visible;
    white-space: normal;
    width: 200px;
    zoom: 0.8;
}

.crud_ctrl_area button.crud_edit_revert {
    background-color: #cd0000;
    border-color: #cd0000;
}

.crud_ctrl_area button.crud_prodtest,
.crud_ctrl_area button.crud_direct_confirm {
    background-color: #008200;
    border-color: #008200;
}

.crud_waiting_for_server_response {
    /*background-color: #FAE045;*/
    background-color: #888;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    font-size: 1.5em;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px;
}

.crud_pkg_photorep_img_thumb, .crud_content_gallery_img_thumb {
    width: 50px;
    height: auto;
    margin-right: 5px;
}

.crud_form_errors {
    margin-top: 10px;
    margin-bottom: 10px;
}

.crud_hint_for_prodtest {
    background-image: url('../images/ui-bg_glass_55_green_1x400.png');
    border-color: #008200;
    color: #008200;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.crud_action {
    display: inline-block;
    background-size: contain;
    width: 16px;
    height: 16px;
}

.crud_action2 {
    display: inline-block;
    background-size: contain;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.crud_action_add {
    background-image: url('../images/16x16/add.png');
}

.crud_action_edit {
    background-image: url('../images/16x16/pencil2.png');
}

.crud_action_delete {
    background-image: url('../images/32x32/delete.png');
}

.crud_action_cancel {
    background-image: url('../images/16x16/cancel.png');
}

.crud_action_undo_delete {
    background-image: url('../images/16x16/Arrow-circle-up-16.png');
}

.crud_action_move_up {
    background-image: url('../images/32x32/Arrow-Up-32.png');
}

.crud_action_move_down {
    background-image: url('../images/32x32/Arrow-Down-32.png');
}

.crud_action_images {
    background-image: url('../images/16x16/photos.png');
}

.field_cont label {
    width: 100%;
}

.crud_popup div.fields_group,
.batch_popup div.fields_group {
    margin-bottom: 10px;
    padding: 4px;
    background-color: #eee;
    position: relative;
}

.crud_popup div.fields_group div.field_cont,
.batch_popup div.fields_group div.field_cont {
    margin-bottom: 5px;
    padding: 4px;
}

.crud_popup div.fields_group div.field_ctrl,
.batch_popup div.fields_group div.field_ctrl {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 4px;
    background-color: #888;
}

.crud_popup div.fields_group div.field_ctrl a.field_ctrl_link,
.batch_popup div.fields_group div.field_ctrl a.field_ctrl_link {
    color: #fff;
    text-decoration: none;
    outline: 0;
}

.crud_popup div.fields_group div.field_ctrl a.field_ctrl_link:hover,
.batch_popup div.fields_group div.field_ctrl a.field_ctrl_link:hover {
    text-decoration: underline;
}

.crud_popup div.fields_group div.button_right_cont,
.batch_popup div.fields_group div.button_right_cont {
    padding: 0px;
    text-align: right;
}

.crud_popup div.fields_group div.button_right_cont button,
.batch_popup div.fields_group div.button_right_cont button {
    position: relative;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 10px;
    font-weight: bold;
}

.crud_popup div.gmap_formatted_address,
.crud_popup div.gmap_container,
.batch_popup div.gmap_formatted_address,
.batch_popup div.gmap_container {
    width: 100%;
}

.crud_popup div.gmap_formatted_address,
.batch_popup div.gmap_formatted_address {
    background-color: #999;
    color: #fff;
    padding: 4px;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.3em;
}

.crud_popup div.gmap_container,
.batch_popup div.gmap_container {
    height: 400px;
}

.batch_popup_pkgs_label,
.batch_popup_pkgs_value {
    font-size: 1.2em;
}

.batch_popup_pkgs_ok_value {
    color: #008200;
}

.batch_popup_pkgs_warn_value {
    color: #ff8000;
}

.batch_popup_pkgs_error_value {
    color: #cd0000;
}

table.crud_table tr.crud_header_row th img {
    vertical-align: middle;
}

table.crud_table th {
    background-color: #CCCCCC;
}

table.crud_table tr.odd td {
    background-color: #EEEEEE;
}

table.crud_table tr.even td {
    background-color: #FFFFFF;
}

table.crud_table tr.formErrorRow td {
    background-color: #ffcccc;
}

table.crud_table tr.even td.formErrorCell,
table.crud_table tr.odd td.formErrorCell {
    background-color: #eeaaaa;
    border: 2px solid #cd0000;
}

table.crud_table td.center {
    text-align: center;
}

div.crud_frontend_test_dialog {
    text-align: center;
}

.crud_frontend_summary_accordion {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.crud_frontend_summary_accordion .ui-accordion-content {
    overflow: auto !important;
}

.crud_frontend_summary_accordion h3 {
    font-weight: bold;
    color: #19282e;
}

table.crud_frontend_summary_table {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

table.crud_frontend_summary_table tr.odd td {
    background-color: #EEEEEE;
}

table.crud_frontend_summary_table tr.even td {
    background-color: #FFFFFF;
}

iframe.crud_frontend_test_iframe {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 0px;
    width: 100%;
    height: 99%;
    overflow-x: auto;
    overflow-y: auto;
    border: 15px solid #19282e;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    box-shadow: 4px 4px 14px #000;
    -moz-box-shadow: 4px 4px 14px #000;
    -webkit-box-shadow: 4px 4px 14px #000;
}

div.crud_frontend_test_loading {
    position: absolute;
    top: 0px;
    left: 5%;
    width: 90%;
    background: #FAE045;
    color: #000000;
    font-style: italic;
    font-size: 2em;
    line-height: 2.5em;
    border-radius: 8px;
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px;
}

div.crud_frontend_test_dialog_ctrls {
    position: relative;
    margin-left : 10px;
    margin-bottom: 10px;
    background-color: #fff;
}

div.crud_frontend_test_dialog_ctrls a.form_factor {
    display: inline-block;
    background-size: contain;
    border: 0px;
    outline: none;
    width: 48px;
    height: 48px;
}

div.crud_frontend_test_dialog_ctrls a.form_factor.form_factor_desktop {
    background-image: url('../images/dev_form_factor/form_factor_desktop.png');
}

div.crud_frontend_test_dialog_ctrls a.form_factor.form_factor_desktop.form_factor_SELECTED,
div.crud_frontend_test_dialog_ctrls a.form_factor.form_factor_desktop:hover{
    background-image: url('../images/dev_form_factor/form_factor_desktop_selected.png');
}

div.crud_frontend_test_dialog_ctrls a.form_factor.form_factor_phone_portrait {
    background-image: url('../images/dev_form_factor/form_factor_phone_portrait.png');
}

div.crud_frontend_test_dialog_ctrls a.form_factor.form_factor_phone_portrait.form_factor_SELECTED,
div.crud_frontend_test_dialog_ctrls a.form_factor.form_factor_phone_portrait:hover{
    background-image: url('../images/dev_form_factor/form_factor_phone_portrait_selected.png');
}

div.crud_frontend_test_dialog_ctrls a.form_factor.form_factor_phone_landscape {
    background-image: url('../images/dev_form_factor/form_factor_phone_landscape.png');
}

div.crud_frontend_test_dialog_ctrls a.form_factor.form_factor_phone_landscape.form_factor_SELECTED,
div.crud_frontend_test_dialog_ctrls a.form_factor.form_factor_phone_landscape:hover{
    background-image: url('../images/dev_form_factor/form_factor_phone_landscape_selected.png');
}

div.crud_frontend_test_dialog_ctrls a.form_factor.form_factor_tablet_portrait {
    background-image: url('../images/dev_form_factor/form_factor_tablet_portrait.png');
}

div.crud_frontend_test_dialog_ctrls a.form_factor.form_factor_tablet_portrait.form_factor_SELECTED,
div.crud_frontend_test_dialog_ctrls a.form_factor.form_factor_tablet_portrait:hover{
    background-image: url('../images/dev_form_factor/form_factor_tablet_portrait_selected.png');
}

div.crud_frontend_test_dialog_ctrls a.form_factor.form_factor_tablet_landscape {
    background-image: url('../images/dev_form_factor/form_factor_tablet_landscape.png');
}

div.crud_frontend_test_dialog_ctrls a.form_factor.form_factor_tablet_landscape.form_factor_SELECTED,
div.crud_frontend_test_dialog_ctrls a.form_factor.form_factor_tablet_landscape:hover{
    background-image: url('../images/dev_form_factor/form_factor_tablet_landscape_selected.png');
}

div.crud_lastedit_info {
    margin-top: 20px;
    padding-top: 5px;
    font-size: 1.05em;
    font-style: italic;
    border-top: 1px dotted #aaa;
}

div.crud_one_shot_ok_message {
    padding: 5px;
    font-size: 1.05em;
    font-weight: bold;
    background-color: #90ee90;
    color: #008200;
}

div.crud_concurrent_sessions_warning {
    padding: 5px;
    font-size: 1.05em;
    font-weight: bold;
    background-color: #cd0000;
    color: #fff;
}

.crud_status_past_label {
    display: block;
    margin: 0px;
    padding: 4px;
    width: 100%;
    background-color: #eeaaaa;
    color: #cd0000;
    font-weight: bold;
    text-align: center;
}

.crud_status_present_label {
    display: block;
    margin: 0px;
    padding: 4px;
    width: 100%;
    background-color: #90ee90;
    color: #008200;
    font-weight: bold;
    text-align: center;
}

.crud_status_future_label {
    display: block;
    margin: 0px;
    padding: 4px;
    width: 100%;
    background-color: #888;
    color: #fff;
    font-weight: bold;
    text-align: center;
}


/* **************************************** */
/* HELPER BUBBLE DIV                        */
/* **************************************** */
.helperBubble {
    position: absolute;
    top: 40%;
    left: 357px;
    border: 2px solid #FF9900;
    background-color: #EEEEEE;
    min-width: 150px;
    min-height: 100px;
    display: none;
    overflow: hidden;
    margin:10px auto;
    padding:10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 5px #666666;
    -moz-box-shadow: 0 0 5px #666666;
    -webkit-box-shadow: 0 0 5px #666666;
    z-index: 10000;
}

.helperBubble h1 {
    font-size: 1.2em;
}

.helperBubbleButtons {
    position: relative;
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/*.helperBubble a.helperBubble_closer,
.helperBubble a.helperBubble_do {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    background-color: #ff9900;
    color: #ffffff;
    font-weight: bold;
}*/

a.helperBubble_closer {
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: #ff9900;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 2px;
    font-size: 14px;
    font-weight: bold;
    width: 20px;
    height: 20px;
}

.helperBubbleAngle {
    border-color: transparent transparent #FF9900 transparent;
    border-style: solid;
    border-width: 18px;
    height:0;
    width:0;
    position: absolute;
    top: 33px;
    left: 30px;
    display: none;
    z-index: 10100;
}


/* **************************************** */
/* TIMELINE REPORT (begin)                  */
/* renderizzato da TimelineReport.class.php */
/* **************************************** */

.TimelineReport {
    width: 95%;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    box-shadow: 4px 4px 14px #ddd;
}

.TimelineReport_LeftCol {
    display: inline-block;
    width: 20%;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    overflow: hidden;
}

.TimelineReport_RightCol {
    display: inline-block;
    width: 69%;
    overflow-x: scroll;
    overflow-y: hidden;
}

.TimelineReport_resizable {
    background-color: #f7f7f7;
    padding: 0px;
}

.TimelineReport_calendar_row {
    position: relative;
    height: 25px;
    width: 100%;
    margin-bottom: 2px;
}

.TimelineReport_fixed {
    z-index: 2000;
}

.TimelineReport_calendar_hint_bar {
    position: absolute;
    background-color: #eee;
    width: 95%;									/* !!! deve essere uguale a ".TimelineReport_datarow_bar".width !!! */
    height: 25px;
    padding: 2px;
}

.TimelineReport_calendar_hint_stripe {
    position: absolute;
    top: 0px;
    padding-left: 2px;
    text-align: left;
    background-color: transparent;
    z-index: 1000;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.TimelineReport_calendar_controls {
    position: absolute;
    width: 100%;
    height: 25px;
    left: 0;
    background-color: white;
}

.TimelineReport_datarow {
    position: relative;
    height: 25px;
    width: 100%;
    margin-bottom: 2px;
}

.TimelineReport_spacerow {
    height: 6px;
}

.TimelineReport_spacerow2 {
    height: 18px;
}

.TimelineReport_datarow.odd {
    background-color: #f5f5f5;
}

.TimelineReport_datarow.even {
    background-color: #fff;
}

.TimelineReport_datarow_bar {
    position: absolute;
    background-color: transparent;
    width: 95%;                                 /* !!! deve essere uguale a ".TimelineReport_calendar_hint_bar".width !!! */
    height: 25px;
    padding: 2px;
}

.TimelineReport_datarow_label {
    position: absolute;
    width: 100%;
    height: 25px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1em;
    padding: 5px;
}

.TimelineReport_datarow_stripe {
    position: absolute;
    height: 20px;
    top: 2px;
    padding: 2px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    background-color: #888;
    /*border: 1px solid #888;*/
    /*border-radius: 15px;*/
    /*box-shadow: 2px 2px 6px #000;*/
}

.TimelineReport_datarow_spacer_stripe {
    background-color: transparent;
    border: 0px;
}

.TimelineReport_datarow_spacer_stripe2 {
    background-color: transparent;
    border-top: 1px dashed #555;
}

.TimelineReport_datarow_stripe_left_open {
    /*	border-top-left-radius: 0px;
        -moz-border-top-left-radius: 0px;
        -webkit-border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        -moz-border-bottom-left-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;*/
}

.TimelineReport_datarow_stripe_right_open {
    /*	border-top-right-radius: 0px;
        -moz-border-top-right-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        -moz-border-bottom-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;*/
}

.TimelineReport_datarow_stripe_not_active {
    /*background-color: #ffbabc;
    border: 1px solid #cd0000;
    color: #cd0000;*/
    background-color: #cd0000;
    border: 1px solid #cd0000;
}

.TimelineReport_datarow_stripe_active {
    /*background-color: #d8ffe7;
    border: 1px solid #008200;
    color: #008200;*/
    background-color: #90ee90;
    border: 1px solid #90ee90;
    color: #008200;
}

.TimelineReport_datarow_stripe_suspended {
    background-color: #ff8000;
    border: 1px solid #ff8000;
    color: #ffffff;
}

.TimelineReport_datarow_stripe_tag {
    background-color: #81D4FA;
    border: 1px solid #81D4FA;
    color: #01579B;
}

.TimelineReport_datarow_stripe_tag_with_excl {
    background-color: #01579B;
    border: 1px solid #01579B;
    color: #81D4FA;
}

.TimelineReport_datarow_stripe_excl_per {
    /*background-color: #ffbabc;
    border: 1px solid #cd0000;
    color: #cd0000;*/
    background-color: #ff8000;
    border: 1px solid #ff8000;
    color: #000000;
    margin-top:6px;
    height: 4px;
}

.TimelineReport_datarow_stripe_dispensed_per {
    /*background-color: #ffbabc;
    border: 1px solid #cd0000;
    color: #cd0000;*/
    background-color: rgb(0, 150, 0);
    /*background-color: rgba(0, 0, 204, 0.5);*/
    border: 0px;
    color: #000000;
    margin-top: 0px;
    height: 5px;
}

.TimelineReport_datarow_stripe_label {

}

.TimelineReport_datarow_stripe_extreme_left {
    position: absolute;
    top: 1px;
    left: 4px;
    /*font-size: 1.5em;*/
    /*	line-height: 1em;*/
    background-color: inherit;
}

.TimelineReport_datarow_stripe_extreme_right {
    position: absolute;
    top: 1px;
    right: 4px;
    /*font-size: 1.5em;*/
    /*	line-height: 1em;*/
    background-color: inherit;
}

.TimelineReport_datarow_spacer_stripe .TimelineReport_datarow_stripe_extreme_left,
.TimelineReport_datarow_spacer_stripe .TimelineReport_datarow_stripe_label,
.TimelineReport_datarow_spacer_stripe .TimelineReport_datarow_stripe_extreme_right {
    color: transparent;
}

.TimelineReport_resize_tools {
    position: relative;
    text-align: right;
    padding-right: 4px;
}

.TimelineReport_resize_tools .zoom_perc {
    position: relative;
    display: block;
    float: left;
    font-weight: bold;
    color: #bbb;
    font-size: 150%;
}

.TimelineReport_resize {
    margin-top: -2px;
    text-decoration: none;
}

.TimelineReport_resize img {
    width: 24px;
    height: 24px;
}

/* TIMELINE REPORT (end) */


/* ************************************* */
/* ISTOGRAMMA ORIZZONTALE INLINE (begin) */
/* ************************************* */

.mygrph_istogram_horiz {
    display: inline-table;
    table-layout: fixed;
    height: 15px;
    border-radius: 10px;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
}

.mygrph_istogram_horiz_row {
    display: table-row;
    width: 100%;
    background-color: #ccc;
    border-radius: 10px;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
}

.mygrph_istogram_horiz_bar {
    display: table-cell;
    height: 100%;
    background-color: #29b6f6;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    border: 0px;
    cursor: pointer;
    font-size: 0.7em;
    vertical-align: middle;
    padding-left: 3px;
}

.mygrph_istogram_horiz_bar_first {
    border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
}

.mygrph_istogram_horiz_bar_last {
    border-radius: 0px 10px 10px 0px;
    -moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
}

.mygrph_istogram_horiz_bar_first_and_last {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}


/* ISTOGRAMMA ORIZZONTALE INLINE (end) */


.caltd {
    padding: 1px 3px;
    width: 30px;
    text-align: center;
}

.caltd img {
    margin: 2px auto 4px auto;
}


.ac_results {
    margin-top: 0;
}

.nosoftwrap {
    white-space:  nowrap;
}

.longtext {
    max-width: 300px;
}

.line_separator {
    border: 1px #808080 dotted;
    height: 1px;
}

.hotel_details {
    display: none;
}

.cost_insurance {
    background-color: #42779B;
    color: white;
    padding: 1px 3px;
}

.keyword {
    background-color: #3baae3;
    margin: 1px 2px;
    padding: 2px 4px;
    color: white;
    line-height: 1.4em;
    white-space: nowrap;
}

.longtext {

}

.cruisePeriodsOverview th,
.cruisePeriodsOverview td {
    text-align: center;
}


/* div container containing the form  */
#search_pkg_cont {
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Style the search input field. */
.search_pkg, .search_input {
    float: left; 
    height: 27px; 
    line-height: 27px;
    text-indent: 10px; 
    font-family: arial, sans-serif; 
    font-size: 1.3em; 
    color: #333; 
    background: #fff; 
    border: solid 1px #d9d9d9; 
    border-top: solid 1px #c0c0c0; 
    border-right:none;
}

.search_pkg {
    width: 750px; 
}

/* Syle the search button. Settings of line-height, font-size, text-indent used to hide submit value in IE */
#submitBtn, .lookfor {
    cursor:pointer; 
    width:60px; 
    height: 27px; 
    line-height:0; 
    font-size:0; 
    text-indent:-999px;
    color: transparent;  
    background: url(../images/ico_search.png) no-repeat #4d90fe center; 
    border: 0px;
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
}
/* Style the search button hover state */
#submitBtn:hover, .lookfor:hover {
    background: url(../images/ico_search.png) no-repeat center #357AE8; 
    border: 0px;
}

.searchfor {
    cursor: pointer; 
    height: 27px; 
    color: #ffffff;  
    font-weight: bold;
    background-color: #4d90fe; 
    border: 0px;
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
}

.searchfor:hover {
    background-color: #357AE8; 
    border: 0px;
}

/* Clear floats */
.fclear {clear:both}

.selMeseAnno {
    margin-top: 0px;
}

.selMeseAnno td, .selMeseAnno th {
    width: 46px;
    text-align: center;
}

.selMeseAnno th {
    background-color: #D73D32;
    color: #DBD7D7;
    font-size: 1.1em;
}

.selMeseAnno td {
    background-color: #f1f1f1;
    color: #b0b0b0;
    font-size: 1.5em;
}

.selMeseAnno td a {
    /*color: #b0b0b0;*/
    color: #B0B0B0;
    text-decoration: none;
    font-weight: normal;
}

.selMeseAnno th.selected {
    background-color: #D73D32;
    color: #ffffff;
    font-size: 1.1em;
}

.selMeseAnno td.selected {
    background-color: #e5e5e5;
    color: black;
    font-size: 1.5em;
}

.selMeseAnno td.selected a {
    color: #898989;
    text-decoration: none;
    font-weight: normal;
}

.KWisEligible {
    position: absolute;
    top: 10px;
    bottom: 4px;
    right: 4px;
    width: 250px;
    background: url(../images/kw.png) no-repeat #efefef;
    background-size:95px;
    background-position: right bottom;
    padding-left: 10px;
}

.KWisEligible .KWonlyDebug {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #ffff00;
    font-weight: bold;
    font-size: 1.3em;
}

.KWisEligible h1 {
    margin-bottom: 21px;
}

a.KWPromote,
a.KWPromote:link,
a.KWPromote:visited,
a.KWPromote:hover,
a.KWPromote:active {
    background-color: #000082;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.8em;
    text-decoration: none;
    padding: 5px;
    cursor: pointer;
    border: 1px solid #000082;
    border-radius: 4px;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
}

.QueuePrenotaBox {
    position: absolute;
    top: 70px;
    right: 10px;
    width: 250px;
    z-index: 9990;
    background-color: #ccc;
    border-radius: 8px;
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px;
}

.QueuePrenotaBox.inpage, .QueuePrenotaBox.inpage.enabled, .QueuePrenotaBox.inpage.disabled {
    position: relative;
    top: 0px;
    right: 0px;
    width: 70%;
    min-width: 780px;
    z-index: inherit;
    padding: 5px;
    margin-bottom: 15px;
}

.QueuePrenotaBox.disabled, .QueuePrenotaBox.inpage.disabled {
    color: #787878;
    background-color: #ddd;
}

.QueuePrenotaBox h1 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 10px;
}

.QueuePrenotaBox h2 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 2px;
    margin-bottom: 10px;
}

.QueuePrenotaBox input.formInputText {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    color: #333;
    border: 2px solid #333;
    height: 28px;
    font-weight: bold;
    font-size: 1.5em;
    padding: 4px;
    margin-bottom: 12px;
    border-radius: 4px;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
}

.QueuePrenotaBox p.note {
    text-align: center;
    font-weight: bold;
    font-style: italic;
}

button.QueuePrenotaButton {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.8em;
    text-decoration: none;
    padding: 5px;
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px;
}

/* ************************** */
/* SFONDI PER LA CODA (begin) */
/* ************************** */

td.queue_summary_pending {
    background: #ddd;
}

td.queue_summary_working {
    background: #81d4fa;
}

td.queue_summary_stalled {
    background: #bbb;
}

td.queue_summary_killed {
    background: #ddddff;
}

td.queue_summary_done_ok {
    background: #ddffdd;
}

td.queue_summary_done_warn {
    background: #fff59d;
}

td.queue_summary_done_error {
    background: #ffdddd;
}

td.queue_summary_done_unknown {
    background: #ffdddd;
}

/* SFONDI PER LA CODA (end) */


.importDatesBox {
    position: relative;
    width: 70%;
    min-width: 780px;
    border: 1px solid #999;
    padding: 5px;
}

.importDatesBox h3 {
    margin-bottom: 2px;
    margin-left: 4px;
    margin-top: 0px;
}

.importDatesBox .content {
    position: relative;
    margin-left: 4px;
    overflow: hidden; /* fa si che .content si adatti all'altezza dei figli .boxino che sono float */
    clear: both; /* fa si che .content si adatti all'altezza dei figli .boxino che sono float */
}

.importDatesBox .content .boxino {
    position: relative;
    float: left;
    width: 55px;
    margin-right: 1px;
    margin-bottom: 6px;
}

.importDatesBox .content .boxino.extramargin {
    margin-right: 6px;
}

.importDatesBox .content .boxino .header {
    background-color: #D73D32;
    color: #DBD7D7;
    font-size: 1.1em;
    font-family: "Trebuchet MS";
    text-align: center;
    font-weight: bold;
    padding: 4px;
}

.importDatesBox .content .boxino.selected .header {
    background-color: #D73D32;
    color: #ffffff;
}

.importDatesBox .content .boxino .body {
    background-color: #f1f1f1;
    color: #b0b0b0;
    font-size: 1.5em;
    font-weight: normal;
    text-decoration: none;
    font-family: "Trebuchet MS";
    text-align: center;
    padding: 4px;
    height: 52px;
}

.importDatesBox .content .boxino .body a {
    position: relative;
    display: block;
    color: inherit;
    font-weight: inherit;
    text-decoration: inherit;
}

.importDatesBox .content .boxino.selected .body {
    background-color: #e5e5e5;
    color: #000000;
}

.importDatesBox .content .boxino .footer {
    color: black;
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
    background-color: #ffcccc;
    font-family: "Trebuchet MS";
    text-align: center;
    padding: 4px;
}

.importDatesBox .content .boxino.selected .footer {
    color: black;
    background-color: #eeaaaa;
}

.importDatesBox .content .boxino .footer.invisible {
    color: transparent;
    background-color: transparent;
}

.importDatesBox .search {
    margin-bottom: 2px;
    margin-left: 4px;
    margin-top: 6px;
    margin-right: 4px;
    padding-left: 0px;
    padding-top: 4px;
    padding-bottom: 8px;
    background-color: #eee;
}

.importDatesBox .search .error {
    background: #FFAAAA;
    color: #CD0000;
    width: 625px;
    padding: 4px;
    margin: 4px;
    font-weight: bold;
    border-radius: 3px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
}

.importDatesBox .search .success {
    background: #CEE2AE;
    color: #008200;
    width: 625px;
    padding: 4px;
    margin: 4px;
    font-weight: bold;
    border-radius: 3px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
}


p.err, div.err {
    font-family: sans-serif;
    font-size: 14px;
    background: #FFAAAA;
    border: solid;
    border-width: 3px;
    border-color: #CD0000;
    color: #CD0000;
    padding: 10px;
    margin: 10px auto;
    width: 97.3%;
    border-radius: 8px;
}

p.confirm, div.confirm {
    font-family: sans-serif;
    font-size: 14px;
    background: #DFF2BF;
    border: 3px solid #4F8A10;
    color: #4F8A10;
    padding: 10px;
    margin: 10px auto;
    width: 97.3%;
    border-radius: 8px;
}

p.warning, div.warning {
    font-family: sans-serif;
    font-size: 14px;
    background: #FEEFB3;
    border: 3px solid #FF8000;
    color: #FF8000;
    padding: 10px;
    margin: 10px auto;
    width: 97.3%;
    border-radius: 8px;
}

p.errorBox, div.errorBox {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/32x32/error.png');
}

.errorFld {
    background-color: #FFAAAA;
    border: 1px solid #cd0000;
}


.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 0;
    max-width: 100%;
    *zoom: 1; }
.row:before, .row:after {
    content: " ";
    display: table; }
.row:after {
    clear: both; }
.row.collapse > .column,
.row.collapse > .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left; }
.row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
.row .row {
    width: auto;
    margin-left: -0.5em;
    margin-right: -0.5em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1; }
.row .row:before, .row .row:after {
    content: " ";
    display: table; }
.row .row:after {
    clear: both; }
.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none;
    *zoom: 1; }
.row .row.collapse:before, .row .row.collapse:after {
    content: " ";
    display: table; }
.row .row.collapse:after {
    clear: both; }

.column,
.columns {
    position: relative;
    padding-left: 0.5em;
    padding-right: 0.5em;
    width: 100%;
    float: left; }

.large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

.large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

.large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

.large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

.large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

.large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

.large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

.large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

.large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

.large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

.large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

.large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

.large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

.large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

.large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

.large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

.large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

.large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

.large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

.large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

.large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

.large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

.column,
.columns {
    position: relative;
    padding-left: 0.5em;
    padding-right: 0.5em;
    float: left; }

.large-1 {
    position: relative;
    width: 8.33333%; }

.large-2 {
    position: relative;
    width: 16.66667%; }

.large-3 {
    position: relative;
    width: 25%; }

.large-4 {
    position: relative;
    width: 33.33333%; }

.large-5 {
    position: relative;
    width: 41.66667%; }

.large-6 {
    position: relative;
    width: 50%; }

.large-7 {
    position: relative;
    width: 58.33333%; }

.large-8 {
    position: relative;
    width: 66.66667%; }

.large-9 {
    position: relative;
    width: 75%; }

.large-10 {
    position: relative;
    width: 83.33333%; }

.large-11 {
    position: relative;
    width: 91.66667%; }

.large-12 {
    position: relative;
    width: 100%; }

.large-offset-0 {
    position: relative;
    margin-left: 0%; }

.large-offset-1 {
    position: relative;
    margin-left: 8.33333%; }

.large-offset-2 {
    position: relative;
    margin-left: 16.66667%; }

.large-offset-3 {
    position: relative;
    margin-left: 25%; }

.large-offset-4 {
    position: relative;
    margin-left: 33.33333%; }

.large-offset-5 {
    position: relative;
    margin-left: 41.66667%; }

.large-offset-6 {
    position: relative;
    margin-left: 50%; }

.large-offset-7 {
    position: relative;
    margin-left: 58.33333%; }

.large-offset-8 {
    position: relative;
    margin-left: 66.66667%; }

.large-offset-9 {
    position: relative;
    margin-left: 75%; }

.large-offset-10 {
    position: relative;
    margin-left: 83.33333%; }

[class*="column"] + [class*="column"]:last-child {
    float: right; }

[class*="column"] + [class*="column"].end {
    float: left; }

.column.large-centered,
.columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; }

.column.large-uncentered,
.columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }

.column.large-uncentered.opposite,
.columns.large-uncentered.opposite {
    float: right !important; }


.column {
    margin: 0.3em 0;
}

.result_details {
    display: block;
    width: 100%;
}


/*
paginazione, presa da foundation
*/

.box_pagination {
    float: right;
    clear: both;
}

ul.pagination:not(ul .dataTables) {
    display: block;
    height: 1.5rem;
    margin-left: -0.3125rem; }
ul.pagination:not(ul .dataTables) li {
    height: 1.5rem;
    color: #222222;
    font-size: 0.875rem;
    margin-left: 0.3125rem; }
ul.pagination:not(ul .dataTables) li a {
    display: block;
    padding: 0.0625rem 0.625rem 0.0625rem;
    color: #999999;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
ul.pagination:not(ul .dataTables) li:hover a,
ul.pagination:not(ul .dataTables) li a:focus {
    background: #e6e6e6; }
ul.pagination:not(ul .dataTables) li.unavailable a {
    cursor: default;
    color: #999999; }
ul.pagination:not(ul .dataTables) li.unavailable:hover a, ul.pagination:not(ul .dataTables) li.unavailable a:focus {
    background: transparent; }
ul.pagination:not(ul .dataTables) li.current a {
    background: #999999;
    color: white;
    font-weight: bold;
    cursor: default; }
ul.pagination:not(ul .dataTables) li.current a:hover, ul.pagination:not(ul .dataTables) li.current a:focus {
    background: #999999; }
ul.pagination:not(ul .dataTables) li {
    float: left;
    display: block; }

/* Pagination centred wrapper */
.pagination-centered {
    text-align: center; }
.pagination-centered ul.pagination li {
    float: none;
    display: inline-block; }

.pagination li a {
    text-decoration: none;
}

.monthpicker {
    width: 120px;
}
.clear_depmonth {
    position: absolute;
    left: 100px;
    top: 7px;
}

#cruise_options {
    margin: 0;
}

#cruise_options .column {
    margin: 0;
}

.acc_pkg_code_field {
    position: relative;
}

#acc_search_pkg_name {
    width: 370px;
}
.acc_pkg_code_field #empty_search_pkg {
    position: absolute;
    left: 350px;
    top: 5px;
}

.timeout {
    color: red;
}

.msg span {
    float: right;

}

input:disabled, textarea:disabled {
    background: #eee;
    border: 1px solid #ddd;
    color: #ddd;
}

/**
classi per pulsante importate da foundation
**/

button, .button {
    cursor: pointer;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;
    font-size: 1rem;
    /*     @else                            { font-size: $padding - rem-calc(2); } */
    background-color: #0066b6;
    border-color: #00589d;
    color: white;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
    padding-top: 1.0625rem;
    padding-bottom: 1rem;
    -webkit-appearance: none;
    border: none;
    font-weight: normal !important; }
button:hover, button:focus, .button:hover, .button:focus {
    background-color: #00589d; }
button:hover, button:focus, .button:hover, .button:focus {
    color: white; }
button.secondary, .button.secondary {
    background-color: #4fb4e6;
    border-color: #39aae3;
    color: white; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
    background-color: #39aae3; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
    color: white; }
button.success, .button.success {
    background-color: #5da423;
    border-color: #518f1f;
    color: white; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
    background-color: #518f1f; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
    color: white; }
button.alert, .button.alert {
    background-color: #c60f13;
    border-color: #ae0d11;
    color: white; }
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
    background-color: #ae0d11; }
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
    color: white; }
button.large, .button.large {
    padding-top: 1.125rem;
    padding-right: 2.25rem;
    padding-bottom: 1.1875rem;
    padding-left: 2.25rem;
    font-size: 1.25rem;
    /*     @else                            { font-size: $padding - rem-calc(2); } */ }
button.small, .button.small {
    padding-top: 0.875rem;
    padding-right: 1.75rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.75rem;
    font-size: 0.8125rem;
    /*     @else                            { font-size: $padding - rem-calc(2); } */ }
button.tiny, .button.tiny {
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-bottom: 0.6875rem;
    padding-left: 1.25rem;
    font-size: 0.6875rem;
    /*     @else                            { font-size: $padding - rem-calc(2); } */ }
button.expand, .button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%; }
button.left-align, .button.left-align {
    text-align: left;
    text-indent: 0.75rem; }
button.right-align, .button.right-align {
    text-align: right;
    padding-right: 0.75rem; }
button.radius, .button.radius {
    -webkit-border-radius: 5px;
    border-radius: 5px; }
button.round, .button.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px; }
button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #0066b6;
    border-color: #00589d;
    color: white;
    cursor: default;
    opacity: 0.7;
    -webkit-box-shadow: none;
    box-shadow: none; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
    background-color: #00589d; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
    color: white; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
    background-color: #0066b6; }
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
    background-color: #4fb4e6;
    border-color: #39aae3;
    color: white;
    cursor: default;
    opacity: 0.7;
    -webkit-box-shadow: none;
    box-shadow: none; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
    background-color: #39aae3; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
    color: white; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
    background-color: #4fb4e6; }
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
    background-color: #5da423;
    border-color: #518f1f;
    color: white;
    cursor: default;
    opacity: 0.7;
    -webkit-box-shadow: none;
    box-shadow: none; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
    background-color: #518f1f; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
    color: white; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
    background-color: #5da423; }
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
    background-color: #c60f13;
    border-color: #ae0d11;
    color: white;
    cursor: default;
    opacity: 0.7;
    -webkit-box-shadow: none;
    box-shadow: none; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
    background-color: #ae0d11; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
    color: white; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
    background-color: #c60f13; }

.left {
    float: left !important; }

.right {
    float: right !important; }

a.action-tool {
    display: block;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    width: 16px;
    height: 16px;
}

a.action-tool-edit {
    background-image: url('../images/16x16/pencil.png');
}

a.action-tool-delete {
    background-image: url('../images/16x16/delete.png');
}

a.action-tool-cancel {
    background-image: url('../images/16x16/cancel.png');
}

a.action-tool-photos {
    background-image: url('../images/16x16/photos_yes.png');
}

a.action-tool-photo_gallery {
    background-image: url('../images/16x16/photos.png');
}

a.action-tool-home {
    background-image: url('../images/16x16/home.png');
}

a.action-tool-add {
    background-image: url('../images/16x16/add.png');
}

a.action-tool-queue_kill {
    background-image: url('../images/queue/queue_do_kill.png');
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
}

a.action-tool-money-euro {
    background-image: url('../images/16x16/money_euro.png');
}

a.action-tool-tick {
    background-image: url('../images/16x16/tick.png');
}

a.action-tool-chart-bar {
    background-image: url('../images/16x16/chart_bar.png');
}

a.action-tool-chart-pie {
    background-image: url('../images/16x16/chart_pie.png');
}

a.action-tool-page {
    background-image: url('../images/16x16/page.png');
}

a.action-tool-promotion {
    background-image: url('../images/16x16/arrow_divide.png');
}

.alpha60 {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.6);
}

#frontend_sso_box {

}

#frontend_sso_box a {
    display: block;
    padding: 20px;
    background-color: #e4e4e4;
    color: #000;
    text-decoration: none;
    border-radius:10px;
}

#frontend_sso_box a img {
    width: 150px;
    vertical-align: middle;
}

#frontend_sso_box a span {
    padding-left: 20px;
    font-size: 1.5em;
    text-transform: uppercase;
}
.loginbox_container{
    width:50%;
    margin:0 auto;
    background:white;
    text-align: center;
    color:#000;
    padding:25px;
    border-radius:10px;
}
.loginbox_container #actions_box a.button{
    width:30%;
}

.topalert_dev {
    background-color: #FFF2BA;
    font-weight: bold;
    font-size: 0.9em;
    color: black !important;
    padding: 0.6em;
    cursor: pointer;
    display: block;
}

.topalert_prod {
    background-color: yellow;
    border: 1px solid white;
    font-weight: bold;
    font-size: 0.9em;
    color: black;
    padding: 2px;
    cursor: pointer;
    display: block;
}

.showfilters {
    font-size: 60%;
    cursor: pointer;
}

.showhide {
    display: none;
}

.topmsg {
    padding-right: 10px;
}

.smallalert {
    margin-bottom: 0;
    padding: 6px;
}

#updateMaschera, #updateHotelDescr {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

#updateHotelDescr {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.2em;
    text-align: center;
}

.tooltipError {
    background-color:#cd0000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}

.tooltipWarning {
    background-color:#ff8000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#000000;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}

.statusmsg {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    width: 100%;
    font-weight: bold;
}

.statusmsg.success {
    color: #4F8A10;
    background-color: #DFF2BF;
}

.statusmsg.error {
    color: #D8000C;
    background-color: #FFBABA;
}

#searchtag {
    width: 250px;
}

#bktag {
    width: 250px;
}

.ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
}

.ui-tooltip {
    color: white;
}

/* Div dialogo che contiene l'uploader */
.blueimp-jQuery-file-uploader-box {
    position: relative;
    display: none;
    border: 4px solid red;
    margin-left: auto;
    margin-right: auto;
}

/* Pulsante che apre l'uploader posizionato in absolute right */
.btn-blueimp-jQuery-file-uploader-opener-1 {
    margin-right: 24px;
    margin-top: 6px;
}


/* ########################################################################## */
/* ################ GESTIONE DEI MENU - FOUNDATION MODIFICATO ############### */
/* ########################################################################## */
.wrapper_menu {
    display: block;
    margin: 0 auto;
    position: relative;
    width: auto;
    z-index: 9999;
    min-width: 680px;
}
.wrapper_menu .menu {
    background-color: transparent;
    height: 43px;
    list-style: none outside none;
    margin: 0 auto;
    padding: 0 20px;
    width: auto;
}
.menu li {
    border: medium none;
    float: left;
    margin-right: 20px;
    margin-top: 6px;
    position: relative;
    text-align: center;
}
.menu .fullwidth {
    position: static !important;
}
.menu li:hover {
    border-bottom: medium none;
    /*    margin-right: 19px; */
}
.menu li.nodrop:hover {
    /*    border-radius: 5px 5px 5px 5px; */
    /*    padding: 4px 10px 4px 9px; */
}
.menu li.nodrop:hover a {
    /*    padding: 4px 10px 4px 9px; */
}
.menu li a {
    color: #fff;
    display: block;
    outline: 0 none;
    padding: 5px 10px 3px;
    text-decoration: none;
    /*    text-shadow: 1px 1px 1px #000000; */
}
.menu li:hover a {
    /*    padding: 5px 10px 3px; */
    position: relative;
    text-shadow: none;
    z-index: 11;
}
.menu li:hover div a {
    display: inline;
}
.menu li .drop, .menu li:hover .drop {
    /*    padding-right: 27px; */
}

.menu li.special a, .menu li.special:hover .dropdown_1column {
    color: #ee0000;
    border: 1px solid #ee0000;
}

a.special_lev1 {
    background-color: #FAB9BB;
}

.menu li.right {
    float: right;
    margin-right: 0;
    right: 0;
}
.menu li.right:hover {
    margin-right: -1px;
}
.menu .dropdown_1column, .menu .dropdown_2columns, .menu .dropdown_3columns, .menu .dropdown_4columns, .menu .dropdown_5columns {
    /*    border-radius: 0 5px 5px 5px; */
    left: -999em;
    margin: 4px auto;
    padding: 10px;
    position: absolute;
    text-align: left;
}
.menu .dropdown_1column {
    width: 160px;
}
.menu .dropdown_2columns {
    width: 300px;
}
.menu .dropdown_3columns {
    width: 455px;
}
.menu .dropdown_4columns {
    width: 610px;
}
.menu .dropdown_5columns {
    width: 765px;
}
.menu li:hover .dropdown_1column, .menu li:hover .dropdown_2columns, .menu li:hover .dropdown_3columns, .menu li:hover .dropdown_4columns, .menu li:hover .dropdown_5columns {
    left: 0;
    top: 25px;
}
.menu li .align_right {
    /*    border-radius: 5px 0 5px 5px; */
}
.menu li:hover .align_right {
    left: auto;
    right: -1px;
    top: 25px;
}
.menu .col_1, .menu .col_2, .menu .col_3, .menu .col_4, .menu .col_5, .menu .col_6 {
    float: left;
    margin-left: 10px;
}
.menu .col_1 {
    width: 160px;
}
.menu .col_2 {
    width: 300px;
}
.menu .col_3 {
    width: 455px;
}
.menu .col_4 {
    width: 610px;
}
.menu .col_5 {
    width: 765px;
}
.menu .col_6 {
    width: 920px;
}
.menu .firstcolumn {
    clear: left;
    margin-left: 0;
}
.menu p, .menu ul, .menu li, .menu h2, .menu h3 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
}
.menu p {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 10px;
    text-shadow: 1px 1px #000000;
}
.menu .strong {
    font-weight: bold;
}
.menu .italic {
    font-style: italic;
}
.menu h2, .menu h3 {
    margin-top: 7px;
    text-shadow: 1px 1px #000000;
}
.menu h2 {
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 18px;
    padding-bottom: 11px;
}
.menu h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 14px;
    padding-bottom: 7px;
}
.menu li:hover div a {
    border: medium none;
    padding: 0;
    text-decoration: none;
    text-shadow: none;
}
.menu .pusher {
    margin-top: 18px;
}
.menu .help, .menu .favorite, .menu mail, .menu .print {
    margin-bottom: 18px;
    padding-left: 36px;
}

.menu .imgshadow_dark, .menu .imgshadow_light {
    margin-top: 5px;
    padding: 4px;
}
.menu .img_left {
    float: left;
    margin: 2px 15px 5px 0;
    width: auto;
}
.menu .img_right {
    float: right;
    margin: 2px 0 5px 15px;
    width: auto;
}

.menu li ul {
    list-style: none outside none;
    margin: 0 0 12px;
    padding: 0;
}
.menu li ul li {
    float: left;
    font-size: 11px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    text-shadow: 1px 1px 1px #000000;
    width: 160px;
}
.menu li ul li a {
    padding: 0;
}
.menu li ul li:hover {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    margin: 0;
    padding: 0;
}


.menu .levels, .menu .levels ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.menu li:hover .levels a {
    display: block;
}
.menu .levels a {
    display: block;
    /*    width: 10em; */
}
.menu .levels li {
    float: left;
    width: 160px;
}
.menu .levels li ul {
    /*    border-radius: 5px 5px 5px 5px; */
    left: -999em;
    margin: 15px 0 0 4px;
    padding: 6px;
    position: absolute;
    top: -23px;
}
.menu .levels li:hover ul ul, .menu .levels li:hover ul ul ul {
    left: -999em;
}
.menu .levels li:hover ul, .menu .levels li li:hover ul, .menu .levels li li li:hover ul {
    left: 190px;
}

/* @group Light Theme */

.menu_light_theme ul li:hover, .menu_light_theme ul li.nodrop:hover {
    /*    background: -moz-linear-gradient(center top , #F2F5F7, #EEEEEE) repeat scroll 0 0 transparent; */
    background-color: #F2F5F7;
    /*    border: 1px solid #444444; */
}
.menu_light_theme ul li:hover a {
    border-bottom: 1px solid #EEEEEE;
    color: #161616;
}
.menu_light_theme ul li .drop, .menu_light_theme .menu li.noactive .drop {
    background: url("../images/arrow_down1.png") no-repeat scroll right 13px transparent;
}
.menu_light_theme ul li:hover .drop {
    background: url("../images/arrow_down1.png") no-repeat scroll right 12px transparent;
}
.menu_light_theme ul .dropdown_1column, .menu_light_theme ul .dropdown_2columns, .menu_light_theme ul .dropdown_3columns, .menu_light_theme ul .dropdown_4columns, .menu_light_theme ul .dropdown_5columns, .menu_light_theme ul .dropdown_fullwidth, .menu_light_theme ul .levels li ul {
    /*    background: -moz-linear-gradient(center top , #EEEEEE, #BBBBBB) repeat scroll 0 0 transparent; */
    background-color: #F2F5F7;
    /*    border: 1px solid #444444; */
}
.menu_light_theme ul p, .menu_light_theme ul h2, .menu_light_theme ul h3, .menu_light_theme ul li ul li {
    text-shadow: 1px 1px 1px #FFFFFF;
}
.menu_light_theme ul h2, .menu_light_theme ul h3 {
    border-bottom: 1px solid #888888;
}
.menu_light_theme ul .imgshadow_dark {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #333333;
    box-shadow: 0 0 5px #000000;
}
.menu_light_theme ul .imgshadow_light {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #777777;
    box-shadow: 0 0 5px #666666;
}
.menu_light_theme ul li .black_box {
    background-color: #333333;
    box-shadow: 0 0 3px #000000 inset;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #000000;
}
.menu_light_theme ul li .dark_grey_box {
    background-color: #555555;
    box-shadow: 0 0 3px #111111 inset;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #000000;
}
.menu_light_theme ul li .greybox li {
    background: none repeat scroll 0 0 #F2F5F7;
    border: 1px solid #BBBBBB;
}
.menu_light_theme ul li .greybox li:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AAAAAA;
}
.menu_light_theme ul li .plus li {
    background: url("../images/plus.png") no-repeat scroll left 6px transparent;
}
.menu_light_theme ul .levels a.parent, .menu_light_theme ul .levels a.parent:hover {
    background: url("../images/arrow_right1.png") no-repeat scroll right center transparent;
}

.menu_light_theme .menu li:hover div a {
    border-bottom: medium none;
}
.menu_light_theme .menu li.noactive a {
    color: #EEEEEE;
}

/* @end */




/* menu mmpbooking theme */

.menu_mmpbooking {
    /*    background: -moz-linear-gradient(center top , #736033, #382F19) repeat scroll 0 0 transparent; */
}
.wrapper_menu .menu_mmpbooking {
    /*	background-color: transparent; */
    /*    -moz-border-bottom-colors: none;
        -moz-border-image: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #A28748 #5C4C29 #5C4C29;
        border-right: 1px solid #5C4C29;
        border-style: solid;
        border-width: 1px; */
}
.wrapper_menu_full .menu_mmpbooking {
    border-bottom: 0;
}

.menu_light_theme .menu_mmpbooking li:hover div a {
    color: #111111;
}
.menu_light_theme .menu_mmpbooking li:hover div a:hover {
    color: #AAAAAA;
}
.menu_light_theme .menu_mmpbooking li ul li a:hover {
    color: #AAAAAA;
}

/* end menu mmpbooking theme */


.menu li.noactive, .menu li.noactive:hover {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    margin-right: 20px;
}
.menu li.noactive a {
    border-bottom: medium none;
    padding: 5px 27px 3px 10px;
    text-shadow: 1px 1px 1px #000000;
}
.menu li.noactive.right {
    margin-right: 0;
}

.dropdown_1column {
    width: 140px;
}
.dropdown_2columns {
    width: 280px;
}
.dropdown_3columns {
    width: 420px;
}
.dropdown_4columns {
    width: 560px;
}
.dropdown_5columns {
    width: 700px;
}
.language .dropdown_1column {
    width: 160px;
}
.language div.col_1, #menu li.language ul li {
    clear: both;
    width: 150px;
}

.content_area > h2 {
    font-size: 24px;
}
.content_area > h3 {
    font-size: 20px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 *
 * A : tonalita' verde
 * B : tonalita' gialla
 * C : tonalita' fucsia
 * D : tonalita' azzurra
 * X : tonalita' rossa
 * U : tonalita' grigia standard
 * Z : tonalita' grigia scura
 *
 * http://stackoverflow.com/questions/18645635/what-determines-row-color-in-jquery-datatable-styles
 */
table.myDataTable tr.odd.gradeA { background-color: #ddffdd; }
table.myDataTable tr.even.gradeA { background-color: #eeffee; }
table.myDataTable tr.odd.gradeB { background-color: #fff59d; }
table.myDataTable tr.even.gradeB { background-color: #fff9c4; }
table.myDataTable tr.odd.gradeC { background-color: #ddddff; }
table.myDataTable tr.even.gradeC { background-color: #eeeeff; }
table.myDataTable tr.odd.gradeD { background-color: #81d4fa; }
table.myDataTable tr.even.gradeD { background-color: #b3e5fc; }
table.myDataTable tr.odd.gradeX { background-color: #ffdddd; }
table.myDataTable tr.even.gradeX { background-color: #ffeeee; }
table.myDataTable tr.odd.gradeU { background-color: #ddd; }
table.myDataTable tr.even.gradeU { background-color: #eee; }
table.myDataTable tr.odd.gradeZ { background-color: #bbb; }
table.myDataTable tr.even.gradeZ { background-color: #ccc; }

tr.odd { background-color: #eee; } /* was #E2E4FF; */
tr.even { background-color: white; }

tr.odd.gradeA td.sorting_1 { background-color: #c4ffc4; }
tr.odd.gradeA td.sorting_2 { background-color: #d1ffd1; }
tr.odd.gradeA td.sorting_3 { background-color: #d1ffd1; }
tr.even.gradeA td.sorting_1 { background-color: #d5ffd5; }
tr.even.gradeA td.sorting_2 { background-color: #e2ffe2; }
tr.even.gradeA td.sorting_3 { background-color: #e2ffe2; }
tr.odd.gradeB td.sorting_1 { background-color: #ffeb3b; }
tr.odd.gradeB td.sorting_2 { background-color: #ffeb3b; }
tr.odd.gradeB td.sorting_3 { background-color: #ffeb3b; }
tr.even.gradeB td.sorting_1 { background-color: #fff59d; }
tr.even.gradeB td.sorting_2 { background-color: #fff59d; }
tr.even.gradeB td.sorting_3 { background-color: #fff59d; }
tr.odd.gradeC td.sorting_1 { background-color: #c4c4ff; }
tr.odd.gradeC td.sorting_2 { background-color: #d1d1ff; }
tr.odd.gradeC td.sorting_3 { background-color: #d1d1ff; }
tr.even.gradeC td.sorting_1 { background-color: #d5d5ff; }
tr.even.gradeC td.sorting_2 { background-color: #e2e2ff; }
tr.even.gradeC td.sorting_3 { background-color: #e2e2ff; }
tr.odd.gradeD td.sorting_1 { background-color: #29b6f6; }
tr.odd.gradeD td.sorting_2 { background-color: #29b6f6; }
tr.odd.gradeD td.sorting_3 { background-color: #29b6f6; }
tr.even.gradeD td.sorting_1 { background-color: #4fc3f7; }
tr.even.gradeD td.sorting_2 { background-color: #4fc3f7; }
tr.even.gradeD td.sorting_3 { background-color: #4fc3f7; }
tr.odd.gradeX td.sorting_1 { background-color: #ffc4c4; }
tr.odd.gradeX td.sorting_2 { background-color: #ffd1d1; }
tr.odd.gradeX td.sorting_3 { background-color: #ffd1d1; }
tr.even.gradeX td.sorting_1 { background-color: #ffd5d5; }
tr.even.gradeX td.sorting_2 { background-color: #ffe2e2; }
tr.even.gradeX td.sorting_3 { background-color: #ffe2e2; }
tr.odd.gradeU td.sorting_1 { background-color: #c4c4c4; }
tr.odd.gradeU td.sorting_2 { background-color: #d1d1d1; }
tr.odd.gradeU td.sorting_3 { background-color: #d1d1d1; }
tr.even.gradeU td.sorting_1 { background-color: #d5d5d5; }
tr.even.gradeU td.sorting_2 { background-color: #e2e2e2; }
tr.even.gradeU td.sorting_3 { background-color: #e2e2e2; }
tr.odd.gradeZ td.sorting_1 { background-color: #a4a4a4; }
tr.odd.gradeZ td.sorting_2 { background-color: #a4a4a4; }
tr.odd.gradeZ td.sorting_3 { background-color: #a4a4a4; }
tr.even.gradeZ td.sorting_1 { background-color: #c5c5c5; }
tr.even.gradeZ td.sorting_2 { background-color: #c5c5c5; }
tr.even.gradeZ td.sorting_3 { background-color: #c5c5c5; }


/*
adattamenti a seguito della 
*/

.jquiDialogDiv h2 {
        font-size: 16px;
}

.jquiDialogDiv h3 {
    font-size: 14px;
}


/*
 * TableDND Styling
 */
tr.myDragClass1 td {
    color: yellow;
    text-shadow: 0 0 10px black, 0 0 10px black, 0 0 8px black, 0 0 6px black, 0 0 6px black;
    background-color: #999;
    -webkit-box-shadow: 0 12px 14px -12px #111 inset, 0 -2px 2px -1px #333 inset;
}
tr.myDragClass1 td:first-child {
    -webkit-box-shadow: 0 12px 14px -12px #111 inset, 12px 0 14px -12px #111 inset, 0 -2px 2px -1px #333 inset;
}
tr.myDragClass1 td:last-child {
    -webkit-box-shadow: 0 12px 14px -12px #111 inset, -12px 0 14px -12px #111 inset, 0 -2px 2px -1px #333 inset;
}

.coupon-add .form-group label {text-align:left}
.coupon-add .coupon_code {text-transform: uppercase}
.bootbox .modal-dialog {top:150px}

.sorting_desc, .sorting_asc, .sorting_desc:after, .sorting_asc:after{
    color: #00ed00 !important;
    opacity: 1 !important;
}

.dataTable.custom > thead th, .dataTable.custom > tfoot th{
    background-color: #0066b6;
}

.dataTable.custom > thead th{
    color: white;
}
.dataTable.custom .eur {
    white-space: nowrap;
}
.dataTable.custom .long-text{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 130px;
}

.dataTable.custom .error, .dataTable.custom .notusable{
    background-color: #ff9799 !important;
}

.dataTable.custom .notusable.selected {
    background-color: #e98688 !important;
}

.dataTable.custom .used.selected {
    background-color: #00b800 !important;
}

.dataTable.custom .used{
    background-color: #7cc67c;
}

.dataTables_length{
    float:left;
}
.dataTable.custom td, .dataTable.custom th{
    border-right: 1px solid #ddd;
}
.dataTable.custom td>.extra{
    padding: 5px;
    background-color: #a0d3e8;
}

.dataTable.custom td>.extra th {
    background-color: #0066b6;
    color: white;
}

.dataTable.custom td.expand-info{
    cursor: pointer;
}

.dataTable.custom td>.extra td {
    background-color: white;
    border: 1px solid #aaa;
}

.service-coupon .well > h2,
.service-coupon .well > h3{
    margin-top: 0px;
}

.service-coupon .result{
    display: none;

}

.filters {
    margin: 5px 0px;
    clear: both;
    overflow: auto;
    border: 1px solid #dadada;
    padding: 15px;
    border-radius: 3px;
}

.filters > button {
    float: right;
    margin-left: 5px;
}
.filters > div {
    display: inline-block;
}

thead .filters select{
    color: black;
}

.manage_desc {
    padding: 5px
}

.manage_desc h1,  .manage_desc h2{
    margin-top: 5px;
}

.ext_src {
    font-size: 70%;
    border: 1px solid #5696F7;
    background-color: #5696F7;
    color: white;
    border-radius: 4px;
    padding-right: 4px;
    padding-left: 4px;
}
#showFatturatiDetails{
    color:white;
}
#showFatturatiDetails:active {
    color:white;
}
#fatturatiTable thead tr th {
    background-color: #1770AA;
    color: white;
    vertical-align: middle;
}