/* 23.11 */
/* font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;500;700&display=swap');

/* END font */

/*.filter_cronjob{
    display: none;
}*/

/**/html, body, .fixed_sidebar_outer_wrapper, .mdl-chip, .mdl-list__item{
  font-family: 'Inter', "Helvetica", "Arial", sans-serif!important; 
}

.debug_box{
    display: none;
}
.sidenavigation .mdl-navigation__link.hideme{
    display: none!important;
}

#chatbase-bubble-button{
    z-index: 500!important;
}

.guest_info{
    display: flex;
}
.cell{
    margin: 0 35px 0 0;
}
.cell-label{
    margin: 6px 0 2px;
    font-size: 12px;
    opacity: 0.8;
}
.mailer_status{
    position: absolute;
    right: 15px;
    top: 15px;
    text-align: right;
}
.whatsapp_status{
    display: none;
}
#guest_info_alert{
    font-style: inherit;
    border-radius: 15px!important;
    font-size: 9px !important;
    line-height: 10px;
    padding: 5px 7px 4px!important;
    margin: 1px 5px 0 0!important;
    word-break: keep-all;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400!important;
}
#status .mailer_status .ckeditor_delete_all_custom_content{
    background-color: #c4d400;
    border-radius: 15px;
    color: #ffffff;
    display: inline-block;
    float: left;
    padding: 5px 7px 1px 5px;
    line-height: 13px;
    margin: 1px 5px 0 0;
}
#status .ckeditor_delete_all_custom_content .material-icons{
    font-size: 1.1em;
    line-height: 0;
    padding: 0;
}
.mdl-shadow--4dp {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 0px -1px rgba(0, 0, 0, 0.2);
}
.mdl-button{
   border-radius: 30px; 
}
#datatable .mdl-tooltip{
    text-align: right;
}
#datatable .button_info{
    font-size: 12px;
    font-weight: 600;
    font-family: 'Inter', "Helvetica", "Arial", sans-serif !important;
}
.mailer_progress_bar{
   font-weight: 700; 
}

.lp_offer_accordion_hide .ckeditor_delete_custom_content{
    display: none;
}
.lp_offer_accordion_remove{
    color: #fff;
    background-color: #635f62;
    padding: 4px 0;
    z-index: 500;
    border-radius: 50%;
    width: 26px;
    text-align: center;
    cursor: pointer;
    display: inline-block!important;
    margin: 0 0 5px!important;
    font-size: 17px!important;
}
.lp_offer_accordion_hide .lp_accordion_header, .lp_offer_accordion_hide .lp_accordion_content{
    opacity: 0.3;
}
.sortable1 .lp_offer .lp_offer_body .lp_offer_accordion_hide{
    display: block;
}

/* material icons */
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}
#mdl_card_whatsapp .material-icons{
    background: transparent url(/Resources/Public/Dashboard/Images/whatsapp.png) center center no-repeat;
    height: 25px;
    width: 25px;
    background-size: contain;
}
#mdl_card_ai_content .material-icons{
    background: transparent url(/Resources/Public/Dashboard/Images/ai-button.png) center center no-repeat;
    height: 45px;
    width: 45px;
    background-size: contain;
    top: 10px;
    left: 10px;
}
#mdl_card_ai_content .material-icons{
    text-indent: -100px;
}
/* END material icons */

/* general */
.align-left{
    text-align: left;
}
.align-right{
    text-align: right;
}
.mdl-color-text--aries-100 {
    color: rgb(255,255,255) ;
}
.mdl-color--aries-100 {
    background-color: rgb(196,212,0) ;
}
.mdl-button:hover {
    background-color: #c4d400;
    color:#ffffff;
}
.mdl-color-text--aries-200 {
    color: rgb(255,255,255) !important;
}
.mdl-color--aries-200 {
    background-color: rgb(84, 80, 83) !important;
}
.mdl-navigation-login{
    position: relative;
}
.mdl-textfield__label:after{
    background-color: rgb(196,212,0);
}
/* general */

/* AI Chat */
#chatbase-bubble-button{
    height: 45px!important;
    width: 210px!important;
}
#chatbase-bubble-button div:after{
    content: 'SUPPORT-CHAT';
    display: block;
    color: #fff;
    font-weight: 700;
    font-size: 1.4em;
    letter-spacing: 0.1em;
}
#chatbase-bubble-button img{
    display: none;
}
#chatbase-bubble-button #closeIcon{
    stroke: #fff;
}

div#ac_chat_wrapper {
    z-index: 998 !important;
}

.ac_chat_icon{
   background-color: #c4d400 !important;
}
/* AI Chat */

/* overwrite */
.mdl-layout__header{
    background-color: #fff;
    color: #3e3a3b;
    z-index: 10000;
}
.is-small-screen .mdl-layout__header{
    display: flex!important;
}
.is-small-screen .mdl-layout__header .mdl-layout__header-row {
    padding: 0 16px!important;
}
.is-small-screen .mdl-layout__header .mdl-layout__header-row.header_row_2 {
    padding: 0 16px 0 48px!important;
}
.mdl-layout__tab-bar-button, .mdl-layout__tab-bar{
    background-color: #545053;
}
.mdl-layout__tab, .mdl-layout.is-upgraded .mdl-layout__tab.is-active{
    color: #fff;
}
.mdl-layout__tab-bar-container .mdl-layout__tab.is-active{
    color: #c4d400 !important;
}

.mdl-color__ac {
    background-color: #c4d400 !important;
}
.sidenavigation .is-active{
    background-color: #c4d400 !important;
    color: #44464d !important;
    font-weight: 600!important;
}
.sidenavigation .is-active .material-icons{
    color: #44464d !important;
}
.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after{
    background-color: #c4d400;
}
.mdl-layout__content.login_screen{
    height: 100%;
}
.mdl-cell .mdl-data-table{
    width: 100%;
}
.mdl-card__supporting-text{
    width: 100%;
    box-sizing: border-box;
}
.mdl-card__supporting-text .chip_starttime{
    font-size: 10px!important;
    margin: 5px 5px 0 0;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
}
.mdl-card__supporting-text > h4:first-child{
    margin: 16px auto;
}
.mdl-checkbox.is-checked .mdl-checkbox__tick-outline, .mdl-radio__inner-circle, .mdl-checkbox__ripple-container .mdl-ripple, .mdl-radio__ripple-container .mdl-ripple{
    background-color: #c4d400;
}
.mdl-checkbox.is-checked .mdl-checkbox__box-outline, .mdl-radio.is-checked .mdl-radio__outer-circle{
    border-color: #c4d400;
}
.mdl-radio + .mdl-radio{
    margin-left: 25px;
}
.mdl-radio + .mdl-checkbox{
    width: auto;
    margin-left: 25px;
}
label i.material-icons{
    line-height: 20px;
}
.mdl-card__title{
    font-size: 15px;
    line-height: 24px!important;
}
.mdl-card-group >.mdl-card__title{
    cursor: pointer;
}
.fixed_sidebar_outer_wrapper .mdl-card__title{
    margin: 0 0 8px;
} 
.fixed_sidebar_outer_wrapper .mdl-card__title_icons{
    display: block;
    position: absolute;
    left: 14px;
    bottom: 5px;
}
.html_landingpage_template .mdl-card__title_icons{
    white-space: nowrap;
    padding: 0;
    margin: 0 0 0 5px;
    height: 26px;
}
.html_landingpage_template .mdl-card__title_icons .mdl-tooltip{
    white-space: normal;
}
.mdl-card__title_counter {
    position: absolute;
    top: 15px;
    right: 59px;
    background-color: #f00;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    width: 25px;
    text-align: center;
    padding: 4px 0 2px;
}
.material-icons-typ{
    color: #44464d !important;
    display: inline-block;
    float: left;
    font-size: 21px;
    height: 28px;
    line-height: 34px;
    min-width: 26px;
    padding: 4px 6px 0 0;
    text-align: center;
    width: 20px;
}
.typ-cancelled{
    text-decoration: line-through;
}

.box_de, .box_it{
    display: none;
}
/*
#ac_transportsmtpserver, #ac_transportsmtpport, #ac_transportsmtpencrypt, #ac_transportsmtppassword{
    pointer-events: none;
    color: #d4d4d4;
}
 END overwrite */

/* navigation */
/* logo */
.mdl-layout-title a{
    position: relative;
    display: block;
    padding: 16px 0;
}
.mdl-layout-title img{
    position: relative;
    display: block;
}
.mdl-layout__drawer{
    background-color: #56585e;
    border-color: #545053;
    border-width: 0;
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{
    color: #fff;
    padding: 16px 20px 16px;
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover{
    background-color: #c4d400;
}

/* END logo */

.mdl-textfield--expandable .mdl-button--icon{
    top:0;
    bottom: 0;
    height: auto;
    border-radius: 0;
    width: 30px;
}

.mdl-navigation{
    position: relative;
}
.user_icon{
    position: relative;
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgb(117,117,117);
    margin-right: 10px;
    overflow: hidden;
}
.user_icon img{
    width: 100%;
    height: auto;
    position: absolute;
    top:0;
    left: 0;
    z-index: 990;
}
/* subnavigation */
.subnavigation_ac .mdl-menu__item{
    padding: 0!important;
}
.subnavigation_ac .mdl-menu__item a{
    padding: 0 16px;
    display: block;
    text-decoration: none;
    color: #3e3a3b;
}
/* END subnavigation */

/* sidenavigation */
.sidenavigation .mdl-navigation__link {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.56);
    font-weight: 500;

}
.sidenavigation .mdl-navigation__link .material-icons {
    font-size: 24px;
    color: rgba(255, 255, 255, 0.56);
    margin-right: 20px;
}
/* END sidenavigation */

#user_settings_button.mdl-button{
    white-space: nowrap!important;
    min-width: 230px;
    height: 54px;
    font-weight: 200;
}
/* END navigation */

/* slideshow */
.slideshow_wrapper{
    display: block;
    position: relative;
    height: 100%;
}
.slideshow{
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
}
.slideshow > img{
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    position: absolute;
    top: -100% !important;
    bottom: -100% !important;
    left: -100% !important;
    right: -100% !important;
    margin: auto;
}
.slideshow_pager{
}
#slideshow_prev, #slideshow_next{
    position: absolute;
    display: block;
    width: 61px;
    height: 61px;
    border-radius: 50%;
    top: 50%;
    cursor: pointer;
    z-index: 999;
}
#slideshow_prev:hover, #slideshow_next:hover{
    background-color: rgba(84,80,83,0.9);
}
#slideshow_prev{
    left: 25px;
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    text-indent: 900em;
}
#slideshow_next{
    right: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-indent: -900em;
}

/* special button */
.special_button_wrapper{
    position: absolute;
    display: none!important;
    top:50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 990;
}
.special_button{
    position: relative;
    display: table;
    margin:0 auto;
    color: #fff;
}
.special_button_title{
    font-size: 4.5em;
    font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
    font-weight: 200;
    line-height: normal;
    text-align: center;
    padding: 20px;
}
/* END special button */

/* login */
.login_wrapper{
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%, -40%);
    -ms-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-radius: 3px;
    padding: 20px;
    z-index: 999;
}
.login_wrapper .tx-felogin-pi1 form fieldset > div, .login_wrapper .mdl-textfield{
    display: block;
    float: none;
}
.login_wrapper input[type=submit]{
    background-color: rgb(196,212,0);
    width: 100%;
    margin-top: 20px;
}
.login_wrapper a{
    background-color: rgb(86, 86, 85);
    color: #fff;
    display: block;
    font-weight: 700;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 20px;
}
/* END login */
/* END slideshow */

/* page */
.page-content .mdl-card, .page-content .mdl-grid{
    width: 100%;
    box-sizing: border-box;
    overflow: visible;
}
.page-content .mdl-card{
    min-height: 56px;
    z-index: 100;
}
.page-content .sortable1 .accordion-card > .mdl-card__title{
    cursor: pointer;
    background-color: #eee;
    border-bottom: solid 1px #a2a2a1;
}
.page-content .sortable1 .accordion-card > .mdl-card__title > i,
.page-content .sortable1 .accordion-card > .mdl-card__title > .button_debug_element,
.page-content .sortable1 .accordion-card > .mdl-card__title > .ckeditor_delete_custom_content{
    border-right: solid 1px #a2a2a1;
    border-left: solid 1px #a2a2a1;
    padding: 10px 8px 7px;
    margin: 0 10px;
    color: #44464d;
}
.page-content .sortable1 .accordion-card > .mdl-card__title > .cancel{
    border: none;
    padding: 10px 0 7px;
}
.page-content .sortable1 .accordion-card > .mdl-card__title > .button_debug_element,
.page-content .sortable1 .accordion-card > .mdl-card__title > .ckeditor_delete_custom_content,
.page-content .sortable1 .accordion-card > .mdl-card__title > .grab,
.page-content .sortable1 .accordion-card > .mdl-card__title > .mdl-card__title_icons + i,
.page-content .sortable1 .accordion-card > .mdl-card__title > .mdl-layout-spacer + i,
.page-content .sortable1 .accordion-card > .mdl-card__title > .mdl-layout-spacer + span + i{
    border-right: 0;
    margin: 0 0 0 10px;
    padding: 10px 0 7px 7px;
}
.page-content .sortable1 .accordion-card > .mdl-card__title > .ckeditor_delete_custom_content{
    padding: 9px 0 1px 9px;
}

body[data-page="4"] .page-content .sortable1 .accordion-card > .mdl-card__title > .button_debug_element,
body[data-page="2"] .page-content .sortable1 .accordion-card > .mdl-card__title > .button_debug_element,
body[data-page="25"] .page-content .sortable1 .accordion-card > .mdl-card__title > .button_debug_element,
body[data-page="23"] .page-content .sortable1 .accordion-card > .mdl-card__title > .button_debug_element,
body[data-page="31"] .page-content .sortable1 .accordion-card > .mdl-card__title > .button_debug_element,
body[data-page="35"] .page-content .sortable1 .accordion-card > .mdl-card__title > .button_debug_element,
body[data-page="57"] .page-content .sortable1 .accordion-card > .mdl-card__title > .button_debug_element,
body[data-page="114"] .page-content .sortable1 .accordion-card > .mdl-card__title > .button_debug_element,
body[data-page="41"] .page-content .sortable1 .accordion-card > .mdl-card__title > .button_debug_element{
    border-right: solid 1px #a2a2a1;
    padding: 10px 7px 7px;
}

.page-content .sortable1 .accordion-card .lp_main p{
    margin-top: 18px;
}

/*.page-content .sortable1 .accordion-card > .mdl-card__title > .button_debug_element,
.page-content .sortable1 .accordion-card > .mdl-card__title > .insert_here,
.page-content .sortable1 .accordion-card > .mdl-card__title > .grab,
.page-content .sortable1 .accordion-card > .mdl-card__title > .material-icons:first-of-type{
    border-right: solid 1px #a2a2a1;
    border-left: solid 1px #a2a2a1;
    padding: 10px 8px 7px;
    margin: 0 10px;
    color: #44464d;
}
.page-content .sortable1 .accordion-card > .mdl-card__title > .button_debug_element{
    border-right: 0;
    margin: 0 0 0 10px;
    padding: 10px 0 7px 7px;
}*/
.page-content .sortable1 .accordion-card > .mdl-card__title > .insert_here{
    margin: 0 0 0 10px;
}
.page-content .sortable1 .accordion-card > .mdl-card__title > .grab{
    margin: 0;
}
.page-content .sortable1 .accordion-card.mdl-card{
    border-top: 1px solid #a2a2a1!important;
    border-radius: 0;
}
.page-content .fixed_sidebar .mdl-card__supporting-text .mdl-card,
.sortable2 .mdl-card{
    border-bottom: 1px solid #a2a2a1!important;
}
.page-content .fixed_sidebar .mdl-card__supporting-text .mdl-card:last-of-type,
.sortable2 .mdl-card:last-of-type{
    border-bottom: none!important;
}
.mdl-card:first-of-type{
    border-top: none;
}

body[data-page="3"] .action_bar{
    display: none;
}

.sortable-placeholder{
    background-color: #fff;
    height: 56px;
    border: 1px dashed #bcbcbc;
    border-radius: 2px;
    z-index: 999;
    box-sizing: border-box;
}
.sortable_background{
    position: absolute;
    width: 100%;
    text-align: center;
    line-height: 64px;
    display: block;
    vertical-align: middle;
}

/* json table */
div.material-table {
    padding: 0;
}
div.material-table .hiddensearch {
    padding: 0 14px 0 24px;
    border-bottom: solid 1px #DDDDDD;
    display: none;
}
div.material-table .hiddensearch input {
    margin: 0;
    border: transparent 0 !important;
    height: 48px;
    color: rgba(0, 0, 0, .84);
    width: 100%;
}
div.material-table .hiddensearch input:active {
    border: transparent 0 !important;
}
div.material-table table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    /*min-width: 1460px;*/
}

.paginate_button{
    display: block;
}
div.material-table .table-header {
    height: 64px;
    padding-left: 24px;
    padding-right: 14px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    -webkit-display: flex;
    /*border-bottom: solid 1px #DDDDDD;*/
}
div.material-table .table-header .actions {
    display: -webkit-flex;
    margin-left: auto;
}
div.material-table .table-header .btn-flat {
    min-width: 36px;
    padding: 0 8px;
}
div.material-table .table-header input {
    margin: 0;
    height: auto;
}
div.material-table .table-header i {
    color: rgba(0, 0, 0, 0.54);
    font-size: 24px;
}
div.material-table .table-footer {
    height: 56px;
    padding-left: 24px;
    padding-right: 14px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
    font-size: 12px !important;
    color: rgba(0, 0, 0, 0.54);
}
div.material-table .table-footer .dataTables_length {
    display: -webkit-flex;
    display: flex;
}
div.material-table .table-footer label {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
div.material-table .table-footer .select-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
div.material-table .table-footer .dataTables_info,
div.material-table .table-footer .dataTables_length {
    margin-right: 32px;
}
div.material-table .table-footer .material-pagination {
    display: flex;
    -webkit-display: flex;
    margin: 0;
}
div.material-table .table-footer .material-pagination li:first-child {
    margin-right: 24px;
}
div.material-table .table-footer .material-pagination li a {
    color: rgba(0, 0, 0, 0.54);
}
div.material-table .table-footer .select-wrapper input.select-dropdown {
    margin: 0;
    border-bottom: none;
    height: auto;
    line-height: normal;
    font-size: 12px;
    width: 40px;
    text-align: right;
}
div.material-table .table-footer select {
    background-color: transparent;
    width: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    height: auto;
    margin-left: 20px;
}
div.material-table .table-title {
    font-size: 20px;
    color: #000;
}
div.material-table table tr td {
    /*
    padding: 0 0 0 56px;
    */
    height: 48px;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.87);
    border-bottom: solid 1px #DDDDDD;
    /*
    white-space: nowrap;
    */
}
div.material-table table tr td a {
    color: inherit;
}
div.material-table table tr td a i {
    /*font-size: 18px;*/
    color: #44464d;
}
div.material-table table tr {
    font-size: 12px;
}
div.material-table table th {
    border-bottom: solid 1px #DDDDDD;
    font-size: 13px;
    font-weight: 700;
    color: #757575;
    cursor: pointer;
    white-space: nowrap;
    padding: 0 0 0 10px;
    height: 56px;
    /*
    padding-left: 56px;
    */
    vertical-align: middle;
    outline: none !important;
    text-align: left;
}
div.material-table table th.sorting_asc,
div.material-table table th.sorting_desc {
    color: rgba(0, 0, 0, 0.87);
}
div.material-table table th.sorting:after,
div.material-table table th.sorting_asc:after,
div.material-table table th.sorting_desc:after {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    content: "arrow_back";
    -webkit-transform: rotate(90deg);
    display: none;
    vertical-align: middle;
}
div.material-table table th.sorting:hover:after,
div.material-table table th.sorting_asc:after,
div.material-table table th.sorting_desc:after {
    display: inline-block;
}
div.material-table table th.sorting_desc:after {
    content: "arrow_forward";
}
div.material-table table tbody tr:hover td{
    background-color: #EEE!important;
}
div.material-table table tr.sync-true td, div.material-table table tr.sync-true td:first-child button{
    pointer-events: none;
    opacity: 0.3;
}
div.material-table table tr.sync-true td:first-child{
    opacity: 1;
}
div.material-table table tr.sync-true td:first-child:after{
    content: ' Buchung nochmal über ASA Webmailbutton an den Hotelkorrespondent senden ';
    position: absolute;
    left: 48.5%;
    color: #000;
    text-align: center;
    width: 600px;
    margin: 0;
    background: #fff;
    z-index: 100;
    transform: translate(-50%, 0);
    font-size: 1.15em;
    font-weight: 600;
    padding: 12px 0; 
}
div.material-table table tr.sync-true-IT td:first-child:after{
    content: ' Invia nuovamente la prenotazione da ASA al ho.ko tramite il pulsante Webmail ';
}
/*
div.material-table table th:first-child,
div.material-table table td:first-child {
    padding: 0 0 0 24px;
}
div.material-table table th:last-child,
div.material-table table td:last-child {
    padding: 0 14px 0 0;
}
*/
.hide_feedback{
    display: none;
}
/* END json table */
/* END page */

/* action bar */
.action_bar{
    position: fixed;
    bottom: 20px;
    right: 41px;
    z-index: 999;
    background-color: hsl(0deg 0% 100% / 85%);
    border-radius: 55px;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}
.action_bar .mdl-grid{
    padding: 0;
}
.action_bar .mdl-grid .mdl-cell{
    margin: 8px 8px 8px 4px;
    white-space: nowrap;
}
.action_bar .mdl-button{
    margin-left: 5px;
}
body[data-page="3"] .action_bar{
    display: none;
}
/* END action bar */

.sortable .grab {
    cursor: move;
}
.sortable1 .cancel{
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    color: #44464d;
}
.connectedSortable{
    background-color: #fff;
}
.connectedSortable:not(.sortable1) .mdl-card__supporting-text{
    display: none!important;
}
.mdl-card-group{
}
.mdl-card-group > .mdl-card__title{
    color: #fff;
    background-color: #56585e;
    margin: 0;
}
.mdl-card-group .mdl-card{
    border-radius: 0;
}
.mdl-card-group > .mdl-card__supporting-text{
    padding: 0;
    border-top:10px;
    overflow: visible;
}
.cancel{
    cursor: pointer;
}
.ui-sortable-helper{
    border: 1px solid #dadada;
    border-radius: 2px!important;
}
.page-content > .mdl-grid{
    padding-bottom: 84px!important;
}

/* Progress Bar */
.mdl-cell--3-col_custom{
    width: calc(25% - 25px);
}
.mailer_progress_box{
    position: relative;
}
.mailer_progress_box .mailer_progress_bar{
    position: absolute;
    bottom: 0;
}
.mailer_progress{
    display: inline-block;
    width: 0;
    height: 10px;
    background-color: #ccc;
    border-bottom: solid 3px #ccc;
    margin: 0 -1px 0 0;
    padding: 0;
    overflow: hidden;
    text-indent: -1000px;
}
.mailer_progress_done{
    background-color: #c4d400;
    border-bottom: solid 3px #c4d400;
}
.mailer_progress_active{
    border-bottom: solid 3px rgba(90, 90, 90, 0.55);
}
.mailer_progress_done.mailer_progress_active{
    border-bottom: solid 3px #635F62;
}
.body_ok{
    color: #c4d400!important;
}
/* ENDE Progress Bar */

/* preview */
.html_mail_template .mdl-card__supporting-text{
    width: 100%!important;
    box-sizing: border-box;
    padding: 0;
}
/* END preview */

.configuration_card_text + .configuration_card_thumbnail{
    margin-top: 10px;
}
.configuration_card_thumbnail img{
    display: block;
    width: 100px;
    height: 100px;
    margin-right: 4px;
    float: left;
}
.configuration_card_thumbnail img:last-child{
    margin-right: 0;
}

.html_landingpage_template .mdl-card__supporting-text, .html_mail_template .mdl-card__supporting-text{
    padding: 0;
    /*border-top: 1px solid #dadada;*/
}

.mdl-dialog {
    width: 100%;
    max-width: 800px;
    padding: 25px;
    box-sizing: border-box;
    left: 50%;
    top: 35%;
    right: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.mdl-dialog a{
    color: rgb(84, 80, 83)!important;
}
.mdl-dialog .mdl-dialog__title{
    font-size: 1.5rem;
    padding: 0;
}
.mdl-dialog .mdl-dialog__content, .mdl-dialog .mdl-dialog__actions{
    padding: 0;
}

.mdl-dialog .mdl-list__item{
    padding: 0;
    min-height: 35px;
}
.mdl-dialog .mdl-list__item .history_cell{
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    padding: 10px 5px;
    text-align: center;
    white-space: nowrap;
    width: 115px;
}
.mdl-dialog .mdl-list__item .history_cell_half{
    width: 50%;
}
.mdl-dialog .mdl-list__item .history_cell:first-child{
    background-color: #5a5a5a;
    border-left: none;
    color: #fff;
}
.mdl-dialog .mdl-list__item .history_cell:last-child{
    border-right: none;
}
.mdl-dialog .mdl-list__item .history_cell:nth-child(3n){
    background-color: rgb(237, 237, 237)
}
.mdl-dialog .mdl-list__item .history_cell_head{
    font-weight: 700;
}

.html_landingpage_template, .previewBody{
    display: none;
}
.ac_loader_overlay{
    position: fixed;
    top:0;
    left:0;
    right: 0;
    bottom:0;
    z-index: 999;
    background-color: rgba(255,255,255);
    visibility: visible;
    opacity: 1;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    /*background: transparent url("../images/loading.png") left top repeat;*/
}

.ac_loader_overlay img{
    position: absolute;
    display: block;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transform: scale(1);
    animation: drip 2s infinite;
}

@keyframes drip {
    0% {
        transform: scale(0.85);
    }

    70% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.85);
    }
}

.ac_loader_minioverlay {
    position: absolute;
    top:0;
    left:0;
    right: 0;
    bottom:0;
    z-index: 9999;
    background-color: rgba(255,255,255,0.9);
    visibility: hidden;
    opacity: 0;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.ac_loader_minioverlay img{
    position: absolute;
    display: block;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.bkg_white {
    background-color: #ffffff;
}
.h-card{
    cursor: move;
}

.h-card a{
    pointer-events: none;
}

.fixed_sidebar_outer_wrapper{
    margin: 8px 0;
}
.fixed_sidebar_wrapper{
    position: relative;
    display: block;
}
.fixed_sidebar{
    position: fixed;
    width: 396px;
    top: 246px;
    padding: 0 8px 8px;
    transition: max-height 0.3s ease-in-out;
    z-index: 450;
}
/*.fixed_sidebar_transition{
    transition: top 0;
}*/

body[data-page='5'] .fixed_sidebar,
body[data-page='15'] .fixed_sidebar{
    top: 334px;
}

body[data-page='60'] .fixed_sidebar{
    top: 464px;
}

body[data-page='117'] .fixed_sidebar{
    top: 444px;
}

body[data-page='42'] .fixed_sidebar{
    top: 288px;
}

.fixed_sidebar::-webkit-scrollbar-track {
    background-color: transparent;
}

.fixed_sidebar::-webkit-scrollbar {
    width: 8px;
}
.fixed_sidebar::-webkit-scrollbar-thumb {
    background-color: transparent;
}
.fixed_sidebar_wrapper:hover .fixed_sidebar::-webkit-scrollbar-thumb {
    background-color: #635f62;
}


/* debug dialog in Layouts/index.html*/
body {
    /*padding-top: 20px;
    padding-left: 20px;*/
    box-sizing: border-box;
}

.mdl-dialog {
    border: none;
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
    /*width: 500px;*/
}
.mdl-dialog__title {
    padding: 24px 24px 0;
    margin: 0;
    font-size: 2.5rem; }
.mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
.mdl-dialog__actions > * {
    margin-right: 8px;
    height: 36px; }
.mdl-dialog__actions > *:first-child {
    margin-right: 0; }
.mdl-dialog__actions--full-width {
    padding: 0 0 8px 0; }
.mdl-dialog__actions--full-width > * {
    height: 48px;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 16px;
    margin-right: 0;
    text-align: right; }
.mdl-dialog__content {
    padding: 20px 24px 24px 24px;
    color: #56585e;
}

.mdl-dialog__actions #emailTemplateChange{
    background-color: #ccc;
    bottom: 30px;
    color: #333;
    font-size: 12px;
    height: 24px;
    left: 25px;
    line-height: 0;
    padding: 0 15px 0 21px;
    position: absolute;
    text-decoration: none;
    text-transform: inherit;
}
.mdl-dialog__actions #emailTemplateChange:hover{
    background-color: #ddd;
    color: inherit;
    text-decoration: none;
}
.mdl-dialog__actions #emailTemplateChange:before{
    content: '\00ab';
    display: inline-block;
    font-size: 15px;
    position: absolute;
    left: 8px;
}

.mlabel {
    border: solid 0px red;
    float: left;
    margin: 0px 0px 0px 20px;
}

.html_landingpage_template #ac_anfahrt{
    pointer-events: none;
}

.mdl-chip{
    display: inline-block!important;
}
.mdl-chip p{
    margin: 0!important;
    line-height: inherit!important;
}
.mdl-chip.H_FAMILIE, .mdl-chip.A_WEBCHECKIN_SHORT_LINK{
    display: none!important;
}
.sortableASA{
    padding: 10px;
}
.ac_temporary_settings{
    display: none;
}
.ac_temporary_settings form{
    padding: 0 16px;
}
.ac_temporary_settings .material-icons{
    margin: 23px 10px 0 0;
    display: block;
    float: left;
}
.hidden_pager_be{
    display: none!important;
}

.ac_contact_information_dashboard{
    position: relative;
    display: block;
    padding: 20px 20px 50px;
    color: #fff;
    border-top:1px solid #ccc;
    font-size: 0.95em;
}
.ac_contact_information_dashboard p{
    color: inherit!important;
}
.ac_contact_information_dashboard .material-icons{
    font-size: 14px;
}
.ac_contact_information_dashboard a{
    position: relative;
    color: inherit;
    text-decoration: none;
}
.html_landingpage_template > img{
    display: none!important;
}

.material-icons.arrow_drop_down{
    pointer-events: none;
}
/*
.mdl-card__supporting-text.editor .lp_main p::before{
    content: 'Text hier eingeben...';
}
.mdl-card__supporting-text.editor.cke_editable .lp_main p::before{
    content: '';
}
*/
.mdl-badge[data-badge]:after {
    background: rgb(196, 212, 0)!important;
}
a {
    color: #c4d400;
}
#nav_languages span.mdl-chip__contact{
    background-color: #56585e!important;
}
#nav_languages .mdl-chip--contact:nth-child(2){
    margin: 0 5px;
}
#nav_languages .lang-active span.mdl-chip__contact{
    background-color: #c4d400 !important;
}
#nav_templates #templateSelector,#nav_templates #templateFilterSelector{
    padding: 9px 10px 8px;
    margin: 0 0 0 10px;
    float: right;
}
#nav_languages .btn-placeholder{
    float: right;
    padding: 0 20px;
    background: #56585e;
    color: #fff;
}
.mdl-chip__text a{
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}
.mdl-switch.is-checked .mdl-switch__track {
    background: #635f62;
}
#datatable.datatable_outbox td:nth-child(2){
    font-size: 12px;
}
#datatable .mdl-checkbox{
    float: left;
    width: auto;
}
#datatable .mdl-checkbox__input:disabled {
    display: none;
}
#datatable .switch-status-11 .mdl-checkbox__box-outline{
    border: solid 1px #f00!important;
}
#datatable .switch-status-10 .mdl-checkbox__box-outline{
    border: solid 2px #f00!important;
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    border: none;
    border-bottom: solid 1px #ccc;
    padding: 5px;
    width: 300px;
}
div.dataTables_wrapper .dt-table .mdl-cell, div.dataTables_wrapper .dt-table.mdl-grid{
    margin: 8px 0;
    padding: 8px 0;
    width: 100%;
    overflow-x: auto;
}
div.dataTables_wrapper #datatable_length{
    font-size: 13px;
    margin: 6px 0 0 7px;
}
div.dataTables_wrapper #datatable_length select{
    margin: 0 0 0 8px;
}
div.dataTables_wrapper div.dataTables_info{
    font-size: 13px;
}
div.dataTables_wrapper .dataTables_empty{
    text-align: center!important;
    font-size: 18px;
    padding: 20px 0!important;
}
.mdl-button--raised.mdl-button--colored {
    background: rgba(0, 0, 0, 0.54);
    color: rgb(255,255,255);
}
#datatable{
    white-space: nowrap;
}
.fixed-table-header{
    table-layout: inherit!important;
}
.fixed-table-header thead{
    position: fixed;
    width: 100%;
    top: 110px;
    z-index: 1000;
}
.fixed-table-header thead th{
    background-color: #fff;
}
/*
#datatable th + th + th + th + th + th + th, #datatable td:first-child, #datatable td + td + td + td + td + td + td{
    text-align: center;
}
#datatable th + th{
    padding-left: 7px;
}
#datatable th + th + th{
    padding-left: 45px;
}
#datatable th + th + th + th{
    padding-left: 56px;
}
#datatable td + td{
    padding: 0;
    text-align: center;
}
#datatable td + td + td{
    padding: 0 0 0 22px;
}
#datatable td + td + td + td{
    text-align: center;
    padding: 0 0 0 56px;
}
#datatable td + td + td + td + td{
    text-align: left;
}
*/
.datatable_outbox{
    min-width: 990px;
}
#datatable th{
    background-color: #d5d5d7;
    border-right: solid 1px #fff;
}
#datatable th.sorting_asc, #datatable th.sorting_desc{
    background-color: #b1b1b4;
} 
#datatable th:nth-child(1), #datatable td:nth-child(1){
    width: 165px !important;
    box-sizing: border-box;
}

#datatable th:nth-child(1){
    padding-left: 20px;
}
#datatable td{
    padding-left: 10px;
}
#datatable td:nth-child(1){
    padding-left: 5px;
    overflow: hidden;
}
#datatable th:nth-child(2), #datatable td:nth-child(2){
    width: 140px;
    box-sizing: border-box;
}
#datatable th:nth-child(3), #datatable td:nth-child(3){
    width: 70px;
    box-sizing: border-box;
    text-align: center;
}
#datatable th:nth-child(1n+5),
#datatable td:nth-child(5), 
#datatable td:nth-child(6), 
#datatable td:nth-child(7){
    text-align: center;
}
#datatable td:nth-child(6){
    padding: 0 23px 0 0;
}
#datatable td:nth-child(8), 
#datatable td:nth-child(9), 
#datatable td:nth-child(10){
    padding-left: 40px;
}
/*#datatable .datatable_einzelbrief th:nth-child(1n+5), #datatable .datatable_einzelbrief td:nth-child(1n+5){
    width: 160px;
    padding: 1px 4px;
    box-sizing: border-box;
}*/
#datatable .group-start td{
    padding-left: 5px!important;
    font-weight: 700;
    position: relative;
    border-top: solid 2px #44464d;
}
#datatable tbody td:nth-child(even) {
  background-color: #f7f7f7;
}
#table-filter{
    float: right;
    display: block;
    padding: 5px;
    position: absolute;
    right: 13px;
    width: 302px;    
}
#datatable .datatable-name{
    margin: 0 0 0 30px;
    cursor: pointer;
    font-size: 14px;
}
#datatable .datatable-link-xmail{
    display: inline-block;
    /*background-color: #c4d400!important;*/
    padding: 4px 0 2px 0;
    border-radius: 50%;
    width: 25px;
    text-align: center;
    height: 19px;
    margin: -5px 0 0 0;
    position: absolute;
}

#datatable .datatable-link-xmail i{
    font-size: 21px;
    color: #44464d;
}

#datatable .datatable-link-lp{
    display: inline-block;
    background-color: #44464d;
    padding: 2px 0 3px 1px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    margin: 3px 0 0 6px;
    height: 15px;
    width: 19px;
}

#datatable .datatable-link-lp i{
    font-size: 14px;
    color: #fff;
}

#dialog #datatable{
    border-collapse: collapse; 
    width: 100%;
}

#dialog div.dataTables_wrapper #datatable_length{

}

#dialog #datatable th{
    text-align: left;
    border-bottom: solid 1px #ccc;
    padding: 8px 5px;
}

#dialog #datatable th:after{
    content: '';
    right: 0;
}

#dialog #datatable td{
    border-bottom: solid 1px #ccc;
    padding: 8px 5px;
    text-transform: capitalize;
    width: 200px!important;
}

#dialog #datatable td:nth-child(3){
    text-transform: lowercase;
    text-align: left;
}
#dialog #datatable tr th:nth-child(5), #dialog #datatable tr td:nth-child(5),
#dialog #datatable tr th:nth-child(4), #dialog #datatable tr td:nth-child(4){
    display: none;
}

#dialog #datatable tr:hover{
    background-color: #eee;
    cursor: pointer;
}

#dialog #datatable thead tr:hover{
    background-color: transparent;
    cursor: default!important;
}

#datatable.datatable_einzelbrief th, 
#datatable.datatable_einzelbrief td{
    width: auto;
    text-align: left;
}
#datatable.datatable_einzelbrief th:nth-child(6),
#datatable.datatable_einzelbrief td:nth-child(6){
    text-align: center;
}
#datatable.datatable_einzelbrief td:nth-child(1){
    padding-left: 17px;
}
#datatable.datatable_einzelbrief  td:nth-child(6) .mdl-checkbox{
    float: none;
}

div.material-table table tr td a i.material-icons-light{
    color: rgba(0, 0, 0, 0.26);
}
div.material-table table .mdl-badge[data-badge]:after{
    font-size: 11px;
    height: 17px;
    top: -7px;
    width: 17px;
}
div.material-table table .mdl-badge.mdl-badge--overlap:after{
    right: -8px;
}
.sortable1 .material-icons, .sortable2 .material-icons, .fixed_sidebar_outer_wrapper .material-icons{
    margin: 0 0 0 -1px;
}
.customfilter{
    color: #fff!important;
    background-color: #f00;
    border-radius: 50%;
    padding: 2px 2px 3px 3px;
    font-size: 21px;
}
.material-icons.chip_dsip{
    font-size: 13px!important;
    margin: 0 2px 0 0;
}
.mdl-card__title .material-icons:first-of-type{
    /*margin: 0 0 0 20px;*/
}
.chips_wrapper{
    /*    line-height: 12px;
        margin: -3px 9px 0 0;
        position: absolute;
        text-align: right;*/
    /*white-space: nowrap;*/
    /*width: 125px;*/
}
.chip_sip, .chip_sip, .chip_dsip, .chip_persie, .chip_guests, .chip_nonguests, .chip_title, .chip_starttime, .chip_endtime, .chip_vip, .chip_info {
    background-color: #9180ac;
    border-radius: 15px;
    color: #FFFFFF;
    font-size: 9px !important;
    line-height: 11px;
    padding: 3px 5px;
    margin: 0 2px 0 0;
    word-break: keep-all;
    position: relative;
    z-index: 500;    

}
.chip_info {
    border-radius: 50%;
    width: 6px;
    display: inline-block;
    text-align: center;
    position: absolute;
    margin: 3px 0 0 -20px;
    font-weight: 700;
    font-size: 12px!important;
    line-height: 10px;
}
.fixed_sidebar .chip_sip, .fixed_sidebar .chip_sip, .fixed_sidebar .chip_dsip, .fixed_sidebar .chip_persie, .fixed_sidebar .chip_guests, .fixed_sidebar .chip_nonguests, .fixed_sidebar .chip_title, .fixed_sidebar .chip_starttime, .fixed_sidebar .chip_endtime,.chip_vip,.chip_info{
    max-width: 80px;
}
.chip_sip:hover, .chip_sip:hover, .chip_dsip:hover, .chip_persie:hover, .chip_guests:hover, .chip_nonguests:hover, .chip_title:hover, .chip_starttime:hover, .chip_endtime:hover,.chip_vip:hover, .chip_info:hover{

}
body:not([data-page='11']) .fixed_sidebar .chip_sip, 
body:not([data-page='11']) .fixed_sidebar .chip_dsip, 
body:not([data-page='11']) .fixed_sidebar .chip_persie, 
body:not([data-page='11']) .fixed_sidebar .chip_guests, 
body:not([data-page='11']) .fixed_sidebar .chip_nonguests, 
body:not([data-page='11']) .fixed_sidebar .chip_title, 
body:not([data-page='11']) .fixed_sidebar .chip_starttime, 
body:not([data-page='11']) .fixed_sidebar .chip_endtime,
body:not([data-page='11']) .fixed_sidebar .chip_vip{
    bottom: 5px;
    width: 50px;
    overflow: hidden;
    position: absolute;
    left: 17px;
    text-align: center;
}
body:not([data-page='11']) .fixed_sidebar .mdl-card__title span:nth-child(5){
    left: 83px;
}
body:not([data-page='11']) .fixed_sidebar .mdl-card__title span:nth-child(7){
    left: 148px;
}
body:not([data-page='11']) .fixed_sidebar .mdl-card__title span:nth-child(9){
    left: 213px;
}
body:not([data-page='11']) .fixed_sidebar .mdl-card__title span:nth-child(11){
    left: 278px;
}
body:not([data-page='11']) .fixed_sidebar .mdl-card__title span:nth-child(13){
    left: 343px;
}
body:not([data-page='11']) .fixed_sidebar .mdl-card__title span:nth-child(15){
    left: 408px;
}
.chip_dsip {
    background-color: #efefef;
    color: #56585e;
}
.chip_persie {
    background-color: #C4D400;
}
.chip_guests {
    background-color: #b5b295;
}
.chip_nonguests {
    background-color: #555;
}
.chip_vip {
    background-color: #45d0e3;
}
.chip_title, .chip_starttime, .chip_endtime {
    background-color: #EBF3FB;
    color: #000000;
}
.color_fruehling {
    color: #FFFFFF;
    background-color: #b5c000;
}
.color_sommer {
    color: #FFFFFF;
    background-color: #FECE00;
}
.color_herbst {
    color: #FFFFFF;
    background-color: #9E5825;
}
.color_winter {
    color: #FFFFFF;
    background-color: #7E87A8;
}

.color_1 {
    color: #FFFFFF;
    background-color: #1a3547;
}
.color_2 {
    color: #FFFFFF;
    background-color: #639fb6;
}
.color_3 {
    color: #FFFFFF;
    background-color: #d8a11b;
}
.color_4 {
    color: #FFFFFF;
    background-color: #f9c10f;
}
.color_5 {
    color: #FFFFFF;
    background-color: #aff0be;
}
.color_6 {
    color: #FFFFFF;
    background-color: #a6e3cf;
}
.color_7 {
    color: #FFFFFF;
    background-color: #6fccc9;
}
.color_8 {
    color: #FFFFFF;
    background-color: #3692b6;
}
.color_9 {
    color: #FFFFFF;
    background-color: #216485;
}
.color_10 {
    color: #FFFFFF;
    background-color: #d26361;
}
.color_11 {
    color: #FFFFFF;
    background-color: #cba57e;
}
.color_12 {
    color: #FFFFFF;
    background-color: #74a237;
}
.color_13 {
    color: #FFFFFF;
    background-color: #52474d;
}
.color_14 {
    color: #FFFFFF;
    background-color: #ac3b3b;
}
.color_15 {
    color: #FFFFFF;
    background-color: #91a691;
}
.color_16 {
    color: #FFFFFF;
    background-color: #9180ac;
}
.color_17 {
    color: #FFFFFF;
    background-color: #ac90c6;
}
.color_18 {
    color: #FFFFFF;
    background-color: #a9788c;
}
.color_19 {
    color: #FFFFFF;
    background-color: #c690a6;
}
.color_20 {
    color: #FFFFFF;
    background-color: #065a05;
}


.chip_header {
    font-size: 11px !important;
    color: #000000;
    padding: 0px 5px;
    background-color: #EBF3FB;
    border-radius: 4px;
    margin: 0;
    right: auto;
    line-height: 20px;
    top: 18px;
    display: table;
}

.chip_title{
    color: #000000;
    background-color: #FBEFDD;
}

.fixed_sidebar_outer_wrapper {
    color: rgb(97,97,97) !important;
    font-family: "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.margin-top  {
    margin: 18px 0 0 0;
}


.html_landingpage_template .lp_navigation_wrapper {
    z-index:8;
}

.mdl-layout__container{
    /* min-width: 1000px!important; */
    overflow-x: auto;
}

/* navigation */
.mdl-layout__header-row{
    padding: 0 40px 0 20px;
}
.header_row_2{
    background-color: #44464d;
    height: 48px;
    padding: 0 40px 0 0;
}
.mdl-layout__header-row.header_row_2 .mdl-navigation{
    height: 48px;
}
.mdl-layout__header-row.header_row_2 .mdl-navigation__link{
    line-height: 45px;
    opacity: 0.65;
    border-bottom: 3px solid #aaff4d00;
    border-right: solid 1px rgb(237 237 237 / 40%);
}
.mdl-layout__header-row.header_row_2 .mdl-navigation__link.is-active{
/*    border-color: #c4d400;*/
    color: #C4D400;
    border-bottom: 3px solid #c4d400;
    opacity: 1;
}
.mdl-layout__header-row.header_row_2 .mdl-navigation__link:hover{
    opacity: 1!important;
}

/*
.header_row_2 .scrollindicator{
    position:absolute;
    top:0;
    line-height:48px;
    height:48px;
    width:48px;
    display:none;
    margin-right:0;
    text-align:center;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.header_row_2 .scrollindicator.disabled{
    opacity:.12;
    cursor:default;
}
.header_row_2 .scrollindicator.scrollindicator--right{
    right:0;
}
.header_row_2 .scrollindicator.scrollindicator--left{
    left:48px;
}
*/
/* END navigation */


/* Color Picker */
.panel{
    font-family: "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    border-radius: 2px;
    border: solid 1px rgba(204, 204, 204, 0.4);
    box-shadow: 0 2px 12px #ddd;
    margin: 25px 0 0 10px;
    padding: 15px;
    position: absolute;
    text-transform: capitalize;
    width: 205px!important;
    z-index: 500;
}

#colorchange_elements{
    padding: 4px;    
    width: 100%;
}

.panel label{
    display: block;
    font-weight: 700;
    margin: 15px 0 3px;
}

.evo-cp-wrap{
    width: 205px!important;
}

.panel .colorPicker{
    border-radius: 2px;
    border: solid 1px #ccc;
    padding: 5px;
    width: 160px;
}
.panel .has-warning{
    border: solid 1px red;
}
.evo-pointer{
    width: 25px!important;
    height: 25px!important;
    border-radius: 2px;
}
/* ENDE Color Picker */


/* Dashboard Modal Aktion */
#dialog .mdl-list-center{
    text-align: center;
}

#dialog .mdl_icon{
    display: inline-block;
    font-size: 1em;
    width: 110px;
    text-align: center;
    border: solid 1px #ccc;
    border-radius: 2px;
    padding: 10px 0 15px;
    margin: 0 15px;
}

.mdl_icon_preview .material-icons, .resend_mail .material-icons{
    font-size: 75px;
}

#dialog .mdl_icon a{
    text-decoration: none!important;
    outline: none;
}

#dialog .mdl_icon:hover{
    background-color: #c4d400;
}

#dialog .mdl_icon:hover .material-icons, #dialog .mdl_icon:hover a{
    color: #fff!important;
}
/* ENDE Dashboard Modal Aktion */

.mailer_save_for_preview_and_send, .confirmation_save_for_preview_and_send, .confirmation_save_for_preview_and_only{
    pointer-events: none;
}
#status{
    position: relative;
}

#status .hinweis_lp_preview, #dialog .hinweis_lp_preview{
    background-color: #F44336;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    padding: 9px 10px;
    margin: 10px 10px 0 0;
    font-weight: 700;
    float: left;
}
#dialog .hinweis_lp_preview{
    float: none;
    display: block;
    font-size: 0.8em;
    text-align: center;
    padding: 10px 10px;
    margin: 10px 0;
    line-height: 1.45em;
}
#status #templateSelector{
    padding: 5px 5px 4px;
    margin: 0;
    position: absolute;
    right: 17px;
    top: 40px;
    font-size: 11px;
}
#status .s-conf i{
    font-style: inherit;
    background-color: #8d8d8d;
    border-radius: 15px;
    color: #FFFFFF;
    font-size: 9px !important;
    line-height: 11px;
    padding: 4px 7px;
    margin: 0 2px 0 0;
    word-break: keep-all;
    position: relative;
    z-index: 500;
    text-transform: uppercase;
}
#status .s-conf i.s-conf-done, #status .s-conf i.s-conf-done-save{
    background-color: #c4d400;
    display: inline-block;
    margin: 0 0 3px;
}
#status .s-conf i.s-conf-done:after{
    content: '\00BB';
    display: inline-block;
    font-size: 13px;
    margin: 0 0 0 3px;
}

b.mg_mail_validation_fail{
    background-color: #f00;
    color: #fff;
    padding: 2px 10px 3px;
    border-radius: 15px;
    font-size: 13px;
}

@media screen and (max-width: 1600px){
    /*
    .mdl-cell--9-col, .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: calc(65% - 16px)!important;
    }
    .mdl-cell--3-col, .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop{
        width: calc(35% - 16px)!important;
    }
    .mdl-cell--3-col_custom{
        width: calc(35% - 25px)!important;
    }
    */
}
@media screen and (max-width: 1500px){
    .fixed_sidebar{
        top: 252px;
    }

    body[data-page='5'] .fixed_sidebar,
    body[data-page='15'] .fixed_sidebar{
        top: 355px;
    }
}
@media screen and (max-width: 1400px){
    .mdl-layout__header-row{
        padding: 0 20px;
    }
    .mdl-layout__header-row.header_row_2{
        /*padding: 0 20px 0 96px;*/
        padding: 0 20px 0 48px;
        position: relative;
    }
    .mdl-layout__tab-bar-container{
        overflow-x: auto;
        height: 67px!important;
        background-color: #545053;
    }
    .mdl-layout__tab-bar{
        padding-left: 48px;
        min-width: 1281px;
    }
    .mdl-layout__drawer-button{
        color: #fff!important;
        background-color: #545053!important;
        margin: 0!important;
        top:64px;
    }
    .mdl-cell--9-col, .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: calc(70% - 16px)!important;
    }
    .mdl-cell--3-col, .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop{
        width: calc(30% - 16px)!important;
    }
    .mdl-cell--3-col_custom{
        width: calc(30% - 25px)!important;
    }
    .accordion-card .mdl-card__title{
        word-break: break-all;
        padding-right: 5px;
        padding-left: 10px;
        font-size: 15px;
        line-height: 20px!important;
    }
    .accordion-card .mdl-card__title .mdl-layout-spacer{
        margin-left: 5px;
    }
    .ac_editpanel {
        right: 55px!important;
    }
}
@media screen and (max-width: 1200px){
    .mdl-cell--9-col, .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: calc(75% - 16px)!important;
    }
    .mdl-cell--3-col, .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop{
        width: calc(25% - 16px)!important;
    }
    .mdl-cell--3-col_custom{
        width: calc(25% - 25px)!important;
    }
    .mdl-layout__header-row .mdl-navigation__link {
        padding: 0 16px!important;
    }
    .header_row_2 .scrollindicator.scrollindicator.scrollindicator{
        display:block
    }
}
@media screen and (max-width: 1024px){
    .mdl-layout__tab-bar {
        min-width: 1103px;
    }
    .special_button_title {
        font-size: 3.5em;
    }
    .mdl-layout__drawer-button{
        top:56px;
    }
    .mailer_progress_box .mailer_progress_bar {
        padding: 12px;
    }
}
@media screen and (max-width: 479px){
    .special_button_title {
        font-size: 2.5em;
    }
    .mdl-layout__header-row{
        display: block;
        height: auto;
    }
    .mdl-layout__header-row .mdl-layout-title{
        display: table;
        margin: 20px auto;
        width: auto;
    }
    .mdl-layout-title img{
        max-width: 100%;
        height: auto;
    }
    .mdl-layout__header-row .mdl-layout-spacer, .mdl-layout__header-row .mdl-navigation__link{
        display: none;
    }
    .mdl-layout__header-row .mdl-navigation{
        display: table;
        margin: 20px auto;
        width: 100%;
        height: auto;
    }
    .mdl-navigation-login #login_button{
        margin: 0 auto;
        display: table;
    }
}

#emoji_input{
    padding: 5px;
    width: 232px;
    border: none;
    border-bottom: solid 2px #ccc;
}

.emoji_box{
    border: solid 1px #ccc;
    background-color: #fefefe;
    font-size: 22px;
    width: 220px;
    padding: 5px;
    text-align: center;
    margin: 10px 0 0;
}

.emoji_box span{
    cursor: pointer;
    display: inline-block;
    margin: 1px 5px;
    text-align: center;
    width: 20px;
}

.emoji_box span:hover, .emoji_active{
    color: rgb(196,212,0);
}

.spinner {
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}
.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
    0% {
        stroke: #4285F4;
    }
    25% {
        stroke: #DE3E35;
    }
    50% {
        stroke: #F7C223;
    }
    75% {
        stroke: #1B9A59;
    }
    100% {
        stroke: #4285F4;
    }
}

@keyframes colors {
    0% {
        stroke: #4285F4;
    }
    25% {
        stroke: #DE3E35;
    }
    50% {
        stroke: #F7C223;
    }
    75% {
        stroke: #1B9A59;
    }
    100% {
        stroke: #4285F4;
    }
}
@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }
    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}
@keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }
    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}

.mdl-dialog__content_steps_iframe{
    padding: 0;
    margin: 0;
}
.mdl-dialog__content_steps_iframe li{
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 17px;
    line-height: 2.5em;
}
.mdl-dialog__content_steps_iframe b{
    display: inline-block;
    min-width: 260px;
    font-weight: normal;
}
.mdl-dialog__content_steps_iframe .material-icons{
    font-size: 30px;
    margin: 3px 0 0;
    position: absolute;
    color: rgb(196,212,0) !important;
}
.button_info{
    padding: 0;
    height: 26px;
    margin: 10px 0 0;
    line-height: 0;
    font-size: 12px;
}
.button_delete{
    width: 20px;
    padding: 0;
    min-width: 30px;
    height: 30px;
    line-height: 19px;
    float: left;
    margin: 6px 0 0;
}
.button_delete .material-icons{
    font-size: 21px;
    color: #44464d;
}
.button_delete_empty{
    display: inline-block;
    width: 5px;
}
.version {
    font-size: 10px;
}

/* drop zone custom */
.dropzone{
    position: relative;
    display: block;
    text-align: left;
}
.dz-default.dz-message{
    border: 1px solid rgb(0 0 0 / 10%);
    box-sizing: border-box;
    padding: 14px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 5px;
    border-radius: 6px;
}
.dz-drag-hover .dz-default.dz-message, .dz-default.dz-message:hover{
    background-color: rgba(0,0,0, 0.03);
}
.dz-preview{
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 20%;
    height: 70px;
    max-width: 80px;
    overflow: hidden;
}
.dz-preview.dz-file-preview{
    background: transparent url("../Images/file-icon.png") center no-repeat;
    background-size: contain;
}
.dz-image{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
}
.dz-image img{
    width: 100%;
    height: auto;
    opacity: 0.4;
}
.dz-preview:not(.dz-file-preview):hover .dz-image img{
    opacity: 1;
}
.dz-details{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 10px;
    line-height: normal;
    color: #000;
}
.dz-preview:not(.dz-file-preview):hover .dz-details{
    display: none;
}
.dz-progress, .dz-error-message, .dz-success-mark, .dz-error-mark{
    display: none;
}
/* drop zone custom */

.insert_here{
    display: none;
}
.previewBody .insert_here{
    display: inline-block!important;
}

/* frontend edit, feedit */
.sortable1 .typo3-feedit-element .mdl-card__title .cancel{
    margin: 0 0 0 50px;
}
.typo3-feedit-element {
    position: relative;
}
.ac_editpanel {
    top: 19px;
    right: 67px;
    position: absolute;
    z-index: 999;
}
.ac_editpanel .typo3-editPanel {
    position: relative;
    display: table;
}
.ac_editpanel .typo3-editPanel .btn-group, .ac_editpanel .typo3-editPanel .typo3-editPanel-label{
    display: table-cell;
}
.typo3-editPanel a{
    text-decoration: none;
}
.typo3-editPanel .icon-actions-document-open .icon-markup img, .typo3-editPanel .icon-actions-document-new .icon-markup img{
    display: none;
}
.typo3-editPanel .icon-actions-document-open .icon-markup:before, .typo3-editPanel .icon-actions-document-new .icon-markup:before{
    content: 'create';
    display: inline-block;
    font-family: "Material Icons";
    height: 21px;
    width: 21px;
    color: #56585e;
    font-size: 24px;
}
.typo3-editPanel .icon-actions-document-new .icon-markup:before{
    content: 'insert_drive_file';
}
/* END frontend edit, feedit */

#DEBUG {
    border: 1px solid red;
    heigth: 300px;
    width: auto;
    z-index: 5545455;
    float: left;
    display: block;
    position: absolute;
    background-color: #ffffff;
}
.history_show {
    cursor:pointer;
    float: left;
    margin: 8px auto 8px auto;
}
body .html_mail_template .mdl-card__title{
    background-color: #eee!important;
}
.mdl-card__title .atitle{
    display: block;
    width: 235px;
    overflow: hidden;
}
.sortable1 .mdl-card__title .atitle{
    width: 400px;
    text-align: left;
    font-family: 'Inter', "Helvetica", "Arial", sans-serif !important;
    font-weight: 700;
    color: #44464d;
}

.sortable1 .mdl-card__title{
    padding: 0 6px 0 16px;
}

/*body .html_mail_template .mdl-card{
    border-bottom: solid 10px #dad8d3;
}*/

/*.sortable1 .mdl-card__title i{
    border: solid 1px #ccc;
}*/

/* undo button subelement */
.uniquerooms .ckeditor_delete_custom_content{
    position: relative;
    display: block;
}
.uniquerooms .ckeditor_delete_custom_content .material-icons{
/*    position: absolute;*/
    position: relative;
    display: block;
/*    top: 20px;*/
    z-index: 99;
    right: 0;
    cursor: pointer;
    margin-top: 0!important;
}
.ckeditor_delete_custom_content {
    color: #56585e;
    cursor: pointer;
}
.typo3-feedit-element .ckeditor_delete_custom_content{
    display: none;
}
.lp_offer_body .ckeditor_delete_custom_content {
    position: relative;
    right: 0;
    text-align: center;
    color: #fff;
    background: #635f62;
    padding: 1px 10px 0;
    border-radius: 20px;
    height: 24px;
    float: right;
    margin: 5px 0;
}
.lp_offer .lp_offer_body .lp_offer_table{
    clear: both;
}
/* END undo button subelement */

/* switch offer */
.switch_offer{
    cursor: pointer;
}
/* END switch offer */

/* offer custom */
.lp_offer_custom .lp_offer .uniquerooms.deletable:hover{
    color: #fff;
}
.uniquerooms.deletable:hover::after, .uniquerooms.deletable:hover .delete_uniqueroom{
    visibility: visible;
    opacity: 1;
}
.uniquerooms.deletable{
    position: relative;
    display: block;
    box-sizing: border-box;
}
.uniquerooms.deletable::after{
    content: '';
    position: absolute;
    display: block;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.3);
    left: -5px;
    top: -5px;
    bottom: -5px;
    right: -5px;
    opacity: 0;
    visibility: hidden;
}
.uniquerooms.deletable .delete_uniqueroom{
    position: absolute;
    display: block!important;
    visibility: hidden;
    opacity: 0;
    top: 20px;
    right: 20px;
    color: #ff5706;
    z-index: 100;
    font-size: 36px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* END offer custom */

@keyframes button_spinner {
    to {transform: rotate(360deg);}
}

.button_spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left:10%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid #ccc;
    border-top-color: #333;
    animation: button_spinner .2s linear infinite;
}

#user_settings_button:hover {
    color:#000000;
    background-color: rgba(158,158,158, 0.20);
}

.action_bar .mdl-button--fab:hover,
.action_bar .mdl-button--fab:active {
    background-color: #c4d400 !important;  
}
.action_bar .mdl-color--aries-100 {
    background-color: rgb(196,212,0) !important;
}
.action_bar .mdl-color-text--aries-200 {
    color: rgb(255,255,255) !important;
}
.action_bar .mdl-color--aries-600 {/*blau*/
    background-color: #46cfe5 !important;
}
.action_bar #save_only_button{
    display: none;
}
.action_bar #save_only_button.mailer_save_for_preview_only {
    display: none!important;
}

/* categories settings */
@media (min-width: 840px) {
    .categories-settings-update .mdl-grid {
        padding: 0 8px!important;
    }
}

.categories-settings-update .material-icons, .categories-settings-create .material-icons{
    margin: 24px 6px 0 0;
    float: left;
}

.categories-settings-update .mdl-button, .categories-settings-create .mdl-button{
    color: #56585e;
    margin: 18px auto;
    min-width: 0;
    padding: 0 6px!important;
}

.categories-settings-update .mdl-button .material-icons, .categories-settings-create .mdl-button .material-icons{
    margin: 0;
    float: none;
}

.categories-settings-update .mdl-textfield, .categories-settings-create .mdl-textfield{
    max-width: 80%;
    width: calc(100% - 30px);
}

.categories-settings-update .mdl-button:hover, .categories-settings-create .mdl-button:hover {
    color: #ffffff!important;
}

/*
.categories-settings-create .mdl-textfield.is-invalid .mdl-textfield__label:after{
    background-color: rgb(196,212,0)!important;
}
*/

.categories-settings-create .mdl-textfield .mdl-textfield__input, .categories-settings-update .mdl-textfield .mdl-textfield__input{
    height: 24px;
}

/*
.categories-settings-create .mdl-textfield.is-invalid .mdl-textfield__input{
    border-color: rgba(0,0,0, 0.12)!important;
}

.categories-settings-create .mdl-textfield--floating-label.is-invalid .mdl-textfield__label{
    color: rgba(0,0,0, 0.26);
}

.categories-settings-create .mdl-textfield--floating-label.is-focused .mdl-textfield__label{
    color: #c4d400;
}
*/
/* END categories settings */

.mdl-ac-switch {
    float: none;
    width: 40px;
    border: 0px solid red;
    margin: 0;
    padding: 0;
    margin: 24px auto;
}

.tt_cat_1,
.tt_cat_2,
.tt_cat_3,
.tt_cat_4 {
    border:solid 0px green;
    text-align: center ;
    color: #cdcdcd;
    font-size: 12px;
}

.mdl-cell--middle {
    border:solid 0px green;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    text-align: center;
}

.A_PAY_DATE, .A_PAY_AMOUNT, .A_PAY_PAYMENTTYPE {
    border-radius: 16px;
    background-color: #a0a0a0;
    color: #fff;
}

/* Rooms */
#c31143{
    width: 100%;
}
.room_title i{
    font-size: 32px;
    margin: 0 5px 0 0;
    float: left;
}
.room a{
    display: inline-block;
    float: left;
    color: #635f62;
    margin: -2px 10px 0 0;
}
.roomname{
    display: inline-block;
    float: left;
}
.roomdesc{
    margin: 15px 0 50px;
}
.roomdesc strong{
    margin: 0 0 10px;
    display: block;
}
.img-fluid {
    max-width: 100%;
    height:auto;
}
#ac_images{
    margin: 40px 0 0;
}
#ac_images .image-item{
    display: block;
    margin: 0 0 20px;
    width: 520px;
}
#ac_images .image-item input[type="checkbox"]{
    float: left;
    margin: 15px 1px 0 5px;
}
#ac_images .image-item .grab{
    cursor: ns-resize;
    float: right;
    margin: 20px 45px 0 0;
}
#ac_images .image-cropper{
    color: #fff;
}
#ac_images .image-cropper img{
    margin: 0 5px;
}
.ac-overlay{
    display:none;
}
.ac-overlay{
    justify-content: center;
    align-items: center;
    position:fixed;
    left:0;
    top:0;
    background:rgba(0,0,0,0.75);
    width:100%;
    height:100%;
    z-index:9999;
}
.ac-overlay-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height: 100%;
}
.ac-overlay-content {
    position:relative;
    border:1px solid white;
    width:100%;
    max-width:800px;
    margin:0 auto;
    background: #fff;
}
.ac-overlay-text{
    padding:14px;
}
.ac-overlay-close {
    color: #fff;
    position:absolute;
    top:16px;
    right: 16px;
    font-weight:bold;
    text-decoration:none;
    z-index:999;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 4px;
    
}
.ac-overlay-close .material-icons{
    font-size: 30px;
}
.crop-ok{
    margin: 15px 0 0;
}

.tmp_block1 .ac_showin_offer{
    display: none;
}

.ac_showin_offer, .ac_isin_offer{
    background: #efefef;
    padding: 4px 10px 2px 28px;
    font-size: 15px;
    border-radius: 4px;
    margin: 0 10px;
}

.ac_isin_offer{
    padding: 4px 10px 2px;
    margin: 0 5px;
}

#hgPaymentWidget{
    margin: 50px auto;
}