.AccountFinanceReport .col {
    display: inline-block;
    width: 100px;
    border-left: solid 1px rgba(0,0,0,0.1);
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.AccountFinanceReport .row .inner_row {
    display: inline-block;
}
.AccountFinanceReport .row {
    border-bottom: solid 1px #DDD;
    padding: 5px;
    display: table-row;
}

.AccountFinanceReport .transferring {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #000;
    width: 100%;
    height: 100%;
    font-size: 43px;
    color: #fff;
    text-align: center;
    padding: 30px;
    display:none;
}

.AccountFinanceReport div.row:nth-child(even) {
    background-color: #EEE;
}

.AccountFinanceReport .dateheader {
    background-color: #EFEFEF;
    font-size: 16px;
    padding: 10px;
    text-align: center;
}

.AccountFinanceReport div.row:hover {
    background-color: #DDD;
    cursor: pointer;
}

.AccountFinanceReport .row .controlsum,
.AccountFinanceReport .row.header,
.AccountFinanceReport .row.summaryrow {
    font-weight: bold;
}

.AccountFinanceReport .buttonarea {
    padding: 20px;
}

.AccountFinanceReport .outer {
    white-space:nowrap;
    overflow-x: auto;
}

.AccountFinanceReport .outer .accountdesc {
    font-size: 10px;
    vertical-align: top;
    overflow: hidden;
}

.AccountFinanceReport .header.col {
    vertical-align: top;
    white-space: initial;
}

.AccountFinanceReport .col {
    padding: 5px;
}

.AccountFinanceReport .col.orderid {
    width: 170px;
}

.AccountFinanceReport .col.name {
    width: 500px;
    text-align: left;
}

.AccountFinanceReport .col.rowdate {
    width: 150px;
}

.AccountFinanceReport .infoheader {
    padding: 30px;
    padding-left: 50px;
    background-color: #9cff91;
    font-size: 14px;
}

.AccountFinanceReport .infoheader .head {
    font-size: 25px;
    font-weight: bold
}

.AccountFinanceReport {
    margin-bottom: 50px;
}

.AccountFinanceReport .showresultbutton {
    vertical-align: top;
    margin-top: 1px;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 10px;
    height: 50px;
}

.AccountFinanceReport .showresultbutton.deactivated {
    background-color: #DDD;
}

.AccountFinanceReport .inbalance {
    color: green;
}

.AccountFinanceReport .inbalance2 {
    background-color: #56dbff;
}

.AccountFinanceReport .workarea,
.AccountFinanceReport .leftmenu {
    display: inline-block;
    vertical-align: top;
}

.AccountFinanceReport .rightmenu {
    margin-top: 50px;
}

.AccountFinanceReport .leftmenu {
    width: 100px;
    background-color: #23314e;
    color: #FFF;
    text-align: center;
    min-height: calc(100% - 86px);

}

.AccountFinanceReport .leftmenu .entry {
    border-top: solid 1px #222;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    width: 100px;
    text-align: center;
    font-size: 11px;
    min-height: 46px;
}

.AccountFinanceReport .leftmenu .entry i {
    display: block;
    font-size: 25px;
}

.AccountFinanceReport .leftmenu .entry.tabnotactive {
    color: #888;
}

.AccountFinanceReport .workarea {
    width: calc(100% - 100px);
    box-sizing: border-box;
}

.AccountFinanceReport .divededheader {
    width: calc(50% - 20px);
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}

.AccountFinanceReport .downloadlink .col {
    display: inline-block; 
    vertical-align: top;
}

.AccountFinanceReport .totalcolforaccount {
    position: relative;
}

.AccountFinanceReport .accountdownloadfilearea {
    border-left: solid 1px #DDD;
    border-bottom: solid 1px #DDD;
    padding: 20px;
    margin-bottom: 20px;
}

.AccountFinanceReport .summarymenu .entry {
    padding: 10px;
    font-weight: normal;
}

.AccountFinanceReport .summarymenu {
    background-color: #FFF;
    position: absolute;
    bottom: 30px;
    border: solid 1px #DDD;
    display: none;
    
}
.AccountFinanceReport .top_row_header {
    text-align: center;
    padding: 10px;
    font-size: 20px;
    background-color: #222;
    color: #FFF;
}

.AccountFinanceReport .freeposting {
    margin: 50px;
}

.AccountFinanceReport .freeposting .info {
    background-color: #d3e79f;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 20px;
    text-align: center;
}

.AccountFinanceReport .header2 {
    font-weight: bold;
    background-color: #EFEFEF;
    padding: 3px;
    text-align: center; 
}

.AccountFinanceReport .row2 .col2 {
    display: inline-block;
    padding: 3px;
}

.AccountFinanceReport .row2 .col2_1 {
    width: 100px;
}

.AccountFinanceReport .row2 .col2_2 {
    width: 100px;
}

.AccountFinanceReport .row2 .col2_3 {
    width: 100px;
}

.AccountFinanceReport .dayrow {
    margin-bottom: 20px;
    border: solid 1px #DDD;
}

.AccountFinanceReport .row2.totalrow {
    
    background-color: #EFEFEF;
}

.AccountFinanceReport .issuercol {
    display: inline-block;
}

.AccountFinanceReport .issuercol .issuersum {
    display: inline-block;
    width: 100px;
}

.AccountFinanceReport .issuercol .issuersum {
    display: inline-block;
    width: 100px;
    padding-left: 10px;
}

.AccountFinanceReport .coldate {
    display: inline-block;
    width: 100px;
}

.AccountFinanceReport .issuercol {
    border-left: solid 1px #DDD;
    border-right: solid 1px #DDD;
}

.AccountFinanceReport .ordersummary {
    position: absolute;
    width: 200px;
    background-color: #FFF;
    padding: 20px;
    border: solid 1px;
    display: none;
}

.AccountFinanceReport .settingstab {
    padding: 30px;
}

.AccountProducts .product_row {
    border-bottom: solid 1px #DDD;
    font-size: 0px;
}
.AccountProducts .product_row div {
    display: inline-block;
    width: 30%;
    font-size: 15px;
}

.AccountProducts {
    max-width: 1500px;
    margin: 0 auto;
    padding: 50px;
}

.AccountProducts .distinctAccounts {
    background-color: #EEE;
    padding: 50px;
    margin-top: 50px;
}

.AccountProducts .distinctAccounts .row_description {
    padding: 5px;
}

.AccountProducts .distinctAccounts .row_description:nth-child(even) {
    background-color: #DDD;    
}
.AccountProducts .distinctAccounts .col {
    display: inline-block;
    vertical-align: top;   
    line-height: 37px;
    box-sizing: border-box;
}

.AccountProducts .distinctAccounts .col input {
    width: 100px;
}

.AccountProducts .distinctAccounts .col.accountindesc {
    width: 150px;
}
.AccountProducts .distinctAccounts .col.accountingid {
    width: 150px;
}
.AccountProducts .distinctAccounts .col.taxcode {
    width: 150px;
}

.AccountProducts .distinctAccounts .col.subaccountid {
    width: 150px;
}

.AccountProducts .primitiveaccountingconfig .accointingtax {
    padding-left: 5px;
}

.AccountProducts .primitiveaccountingconfig .taxes, 
.AccountProducts .primitiveaccountingconfig .accointingtax, 
.AccountProducts .primitiveaccountingconfig input {
    width: 100px;
    box-sizing: border-box;
    margin-right: 10px;
    text-align: center;
   
}

.AccountProducts .primitiveaccountingconfig input {
    width: 90px;
}

.AccountProducts .primitiveaccountingconfig .taxes {
    text-align: center;
}

.AccountProducts .primitiveaccountingconfig .product_row div.taxes:nth-child(odd),
.AccountProducts .primitiveaccountingconfig .product_row div.accointingtax:nth-child(odd) {
    background-color: #EEE;
}

.AccountProducts .primitiveaccountingconfig .product_row:hover {
    background-color: #EEE;
}

.AccountProducts .primitiveaccountingconfig .product_row {
    cursor: pointer;
}

.AccountingAccounts .createAccountBox {
    border-top: solid 1px #DDD;
    margin-bottom: 50px;
    padding-top: 50px;
}

.AccountingAccounts .accountinfohelper {
    display:none;
}

.AccountingAccounts .createAccountBox span {
    width: 200px;
    display: inline-block;
}

.AccountingAccounts .col {
    display: inline-block;
    width: 220px;
}

.AccountingAccounts {
    margin: 50px;
}

.AccountingAccounts .accountingid {
    width: 130px;
}


.AccountingAccounts .col.accountindesc {
    width: calc(100% - 1100px);
}

.AccountingAccounts .col.accountindesc input {
    width: calc(100% - 20px);
    box-sizing: border-box;
}

.AccountingDownload .col_startDate,
.AccountingDownload .col_endDate,
.AccountingDownload .col_rowCreatedDate {
    width: 90px !important;
}

.AccountingDownload .col_amountEx,
.AccountingDownload .col_amountInc,
.AccountingDownload .col_amountExDebet,
.AccountingDownload .col_amountIncDebet,
.AccountingDownload .col_orders {
    width: 100px !important;
}

.AccountingDownload .col_download {
    width: 150px;
}

.AccountingDownload .preview .row .col {
    display: inline-block;
}

.AccountingDownload .preview .row .col1 { width: 100px; }
.AccountingDownload .preview .row .col2 { width: 200px; }
.AccountingDownload .preview .row .col3 { width: 300px; }
.AccountingDownload .preview .row .col4 { width: 100px; }
.AccountingDownload .preview .row .col5 { width: 200px; }

.AccountingDownload .informationbox {
    border: solid 1px #DDD;
    padding: 20px;
    background-color: #FEFEFE;
}

.AccountingDownload .askForTransformation .shop_button {
    margin-top: 20px;
}

.AccountingDownload .askForTransformation i {
    margin-bottom: 20px;
    font-size: 20px;
}

.AccountingDownload .askForTransformation {
    background-color: #EEE;
    text-align: center;
    padding: 20px;
}

.AccountingDownload .OrderSimplePrinter .compactorderheader div {
    display: inline-block;
    width: 200px;
    border-bottom: solid 1px #DDD;
}

.AccountingDownloadFilter .selecttime {
    font-size: 14px;
}

.AccountingGeneralSettings .advancepaymentconfig {
    display:none;
}

.AccountingPaymentConfiguration .col1 {
    width: 50px !important;
}

.AccountingPaymentConfiguration .col2 {
    width: calc(100% - 100px) !important;
}



.ApacAccessGroups .createnewlockgroup {
    background-color: #EEE;
    padding: 50px;
    margin-top: 50px;
}


.ApacAccessGroups .locks {
    display: inline-block;
    width: 50%;
    background-color: #EEE;
    border: solid 1px #DDD;
    padding: 50px;
    vertical-align: top;
}

.ApacAccessGroups .codes {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    margin-left: 50px;
}

.ApacAccessGroups .codes .userslotrow div {
    display: inline-block;
}

.ApacAccessList .col_phonenumber,
.ApacAccessList .col_groupid,
.ApacAccessList .col_code {
    width: 100px !important;
}

.ApacAccessList .col_date {
    width: 80px !important;
}
.ApacAccessList .col_prefix {
    width: 50px !important; 
    text-align: center;
}

.ApacAccessList .col_name {
    width: calc(100% - 750px) !important;
}

.ApacAccessList .col_email {
    width: 200px !important;
}


.ApacAccessView .inputrow {
    margin-top: 15px;
    box-sizing: border-box;
}

.ApacAccessView .gsniceselect1 {
    width: 265px;
}
.ApacAccessView input[gsname="email"],
.ApacAccessView input[gsname="name"] {
    width: 243px;
}

.ApacAccessView .prefix {
    width: 50px;
    box-sizing: border-box;
    text-align: center;
}

.ApacAccessView textarea {
    width: 100%;
    box-sizing: border-box;
    border: solid 1px #DDD;
    height: 100px;
    padding: 10px;
}

.ApacAccessView .infobox2,
.ApacAccessView .messagelog {
    display: inline-block;
    width: calc(50% - 4px);
    vertical-align: top;
}

.ApacAccessView input[gsname="subject"] {
    width: 100%;
    margin-bottom: 5px;
    box-sizing: border-box;
}

.ApacAccessView .sentmessages {
    margin-top: 30px;
}

.ApacAccessView .messagerow {
    border-top: solid 1px #DDD;
    padding: 20px;
}

.ApacAccessView .messagerow .header {
    margin-bottom: 10px;
}

.ApacAccessView .messagerow .header .rowdate1,
.ApacAccessView .messagerow .header .rowdate2 {
    display: inline-block;
    padding-right: 20px;
}

.ApacAccessView .messagerow .to,
.ApacAccessView .messagerow .date {
    display: inline-block;
    width: calc(50% - 10px);
    vertical-align: top;
}

.ApacAccessView .savebutton {
    margin-right: 75px;
}

.ApacCreateNewAccess {
    margin: 50px;
}

.ApacCreateNewAccess .inputrow {
    margin-top: 15px;
    box-sizing: border-box;
}

.ApacCreateNewAccess .gsniceselect1 {
    width: 265px;
}
.ApacCreateNewAccess input[gsname="email"],
.ApacCreateNewAccess input[gsname="name"] {
    width: 243px;
}

.ApacCreateNewAccess .prefix {
    width: 50px;
    box-sizing: border-box;
    text-align: center;
}



.ApacDoorLog {
    padding-left: 50px;
}

.ApacDoorLog .dooractions {
    text-align: center;
    padding: 40px;
}

.ApacGateways .createServer {
    background-color: #EEE;
    margin-top: 50px;
    padding: 50px;
}

.ApacGateways .col_editbutton { 
    width: 50px !important;
    text-align: center;
}
.ApacGateways .devicerow:hover { font-weight: bold; }
.ApacGateways .devicename { display: inline-block; width: 300px; }
.ApacGateways .isfailed { display: inline-block; width: 30px; cursor:pointer; }
.ApacGateways .nodeid { display: inline-block; width: 30px;}
.ApacGateways .queuerow .timer { display:inline-block; width: 40px; text-align: center; }
.ApacGateways .queuerow .nodeid { display:inline-block; width: 40px; text-align: center; }
.ApacGateways .queuerow .operation,
.ApacGateways .queuerow .queueresponse
{ display:inline-block; width: 200px; text-align: left; }

.ApacGateways .locklist {
    position: relative; 
    min-height: 330px;
    margin-top: 30px;
}

.ApacGateways .serverdetails {
    position: absolute;
    right: 0px;
    top: 0px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    text-align: center;
    background-color: #EEE;
}

.ApacGateways .locklist .menuarea {
    margin-bottom: 30px;
}
.ApacGateways .locklist .lockrow {
    padding: 3px;
}
.ApacGateways .locklist .lockrow div {
    display: inline-block;
}

.ApacGateways .locklist div.lockrow:nth-child(odd) {
    background-color: #EEE;
}



.ApacLocks .lock {
    position: relative;
}
.ApacLocks .device_specific {
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 20px;
    border: solid 1px #DDD;
}

.ApacLocks .userslotrow {
    position: relative;
    min-height: 33px;
    padding-bottom: 5px;
}
.ApacLocks .slotActions {
    position: absolute;
    right: 10px;
    top: 7px;
}
.ApacLocks .slots {
    margin-top: 50px;
}

.ApacLocks .userrow {
    padding-left: 19px;
    min-height: 45px;
}

.ApacLocks .userrow:nth-child(odd) {
    background: #DDD;
}

.ApacLocks .col_zwaveDeviceId { width: 100px !important; }
.ApacLocks .col_typeOfLock { width: 100px !important; }
.ApacLocks .col_maxnumberOfCodes { width: 100px !important; }
.ApacLocks .col_slotsToUpdate { width: 150px !important; }
.ApacLocks .col_slotsInUse { width: 100px !important; }
.ApacLocks .col_freeSlots { width: 100px !important; }
.ApacLocks .col_status { width: 80px !important; }
.ApacLocks .col_name { width: calc(100% - 1020px) !important; }

.ApplicationPromotor .gs_app_image { display:inline-block; position: absolute; left: 2px; top: 2px; bottom: 2px; width: 100px; padding: 20px; 

                                     background-color: #224b69;
/*background: rgb(73,192,240);  Old browsers 
background: -moz-linear-gradient(top,  rgba(73,192,240,1) 0%, rgba(44,175,227,1) 100%);  FF3.6+ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,192,240,1)), color-stop(100%,rgba(44,175,227,1)));  Chrome,Safari4+ 
background: -webkit-linear-gradient(top,  rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%);  Chrome10+,Safari5.1+ 
background: -o-linear-gradient(top,  rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%);  Opera 11.10+ 
background: -ms-linear-gradient(top,  rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%);  IE10+ 
background: linear-gradient(to bottom,  rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%);  W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#2cafe3',GradientType=0 );  IE6-9 */

}
.ApplicationPromotor .apparea { text-align: center;margin: auto; }
.ApplicationPromotor .gs_app_image img { max-width: 100%; max-height: 100%; }
.ApplicationPromotor .infobox { display:inline-block; padding-left: 20px; box-sizing: border-box; padding-left: 140px;}
.ApplicationPromotor .appseperator { padding-bottom: 20px; margin-top: 20px; clear:both; }
.ApplicationPromotor .gs_app_title { padding-bottom: 10px; text-transform: uppercase; font-weight: bold; text-align: left; }
.ApplicationPromotor .gs_app_desc { text-align: left; height:125px; }
.ApplicationPromotor .appentryouter { min-height: 120px; width: 50%; padding: 10px;box-sizing: border-box; display:inline-block;float:left;
}

.ApplicationPromotor {
    
    font-size: 16px;
}
.ApplicationPromotor .gs_add_app_entry { 
    position: relative;
    padding-left: 110px;
    padding: 10px;
    min-height: 120px; 
    width: 100%;
    box-shadow: 1px 1px 3px #2f8dc9;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 3px;
    background: rgb(46,94,129); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(46,94,129,1) 0%, rgba(24,61,86,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(46,94,129,1)), color-stop(100%,rgba(24,61,86,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(46,94,129,1) 0%,rgba(24,61,86,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(46,94,129,1) 0%,rgba(24,61,86,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(46,94,129,1) 0%,rgba(24,61,86,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(46,94,129,1) 0%,rgba(24,61,86,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e5e81', endColorstr='#183d56',GradientType=0 ); /* IE6-9 */

    display:inline-block;
}

@media only all and (max-width: 800px) {
    .ApplicationPromotor .appentryouter { width: 100%; }
    .ApplicationPromotor .gs_app_desc { height: auto; }
    .ApplicationPromotor .gs_app_image { width: 50px; }
    .ApplicationPromotor .infobox { padding-left: 90px; }
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 14, 2014, 11:12:18 AM
    Author     : boggi
*/

.gss_appview {
    overflow: hidden;
}
.gss_appview .free {
    background-image: url('/showApplicationImages.php?appNamespace=ns_f1fc4af3_656e_4294_a268_40d2a82d0aa1&image=skin/images//green-cornerflag.png');
    background-repeat: no-repeat;
    width: 100px;
    height: 50px;
    position: absolute;
    left: -25px;
    top: 0px;
    font-weight: bold;
    
    color: #FFF;
    
    -ms-transform:rotate(-45deg); /* IE 9 */
    -moz-transform:rotate(-45deg); /* Firefox */
    -webkit-transform:rotate(-45deg); /* Safari and Chrome */
    -o-transform:rotate(-45deg);
    text-align: center;
    line-height: 40px;
}

.innerappview {
    border-radius: 5px;
    background-color: #FFF;
    margin: 10px;
    position: relative;
    margin-bottom: 20px;
}

.innerappview .gss_settings_header {
    box-shadow: 0px 0px 0px #EFEFEF;
    border-bottom: solid 1px #DDD;
    margin: 0px;
    color: #FFF;
    background-color: #1c6ea2;
    border-radius: 5px 5px 0px 0px;
}


.innerappview .gss_appview {
    color: #333;
    border-bottom: solid 1px rgba(230, 230, 231, 1);
    position: relative;
}

.innerappview .gss_appview:hover {
    background-color: #FCFCFC;
}

.innerappview .gss_appview:last-child {
    border-radius: 0px 0px 5px 5px ;
    border-bottom: solid 0px;
}

.innerappview .gss_appview:first-child {
    border-top: solid 10px !important;
}

.innerappview .gss_appview .gss_app_desc {
    display: inline-block;
    width: 630px;
    vertical-align: top;
    height: 100px;
    overflow: hidden;
    margin-top: 10px;
}
.innerappview .gss_appview img {
    width: 100px;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    max-height: 100px;
}

.innerappview .gss_activate_button {
    position: absolute;
    top: 0px;    
    bottom: 0px;    
    right: 0px;
    width: 80px;
    
    cursor: pointer;
    color: #FFF;
    background: #466585;
    text-align: center;
}

.innerappview .gss_activate_button span {
 display: table-cell;
  vertical-align: middle;
  height: 100px;
  text-align: center;
  width: 80px;
}

.innerappview .gss_activate_button.activated {
    background-color: #1bcf28;
}

.innerappview .gss_appview .mandatory {
    background-color: #1bcf28;
    cursor: not-allowed;
    color: #FFF;
}

.innerappview .gss_appview .configapp {
    cursor: pointer;
    width: 80px;
    position: absolute;
    right: 80px;
    top: 0px;
    bottom: 0px;
}

.innerappview .gss_appview .configapp .config-text {
    position: absolute;
    bottom: 4px;
    font-size: 12px;
    left: 0px;
    right: 0px;
    text-align: center;
}
.innerappview .gss_appview .configapp i {
    line-height: 110px;
    font-size: 50px;
    text-align: center;
    width: 80px;
    color: #466585;
    background-color: #FCFCFC;
}

.gss_settings_application_modulemenulist,
.gss_settings_application_moduleslist {
    display: inline-block;
    vertical-align: top;
}

.gss_settings_application_moduleslist {
    width: 871px;
}

.gss_settings_application_modulemenulist {
    width: 300px;
    min-height: 200px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 10px;
}

.gss_settings_application_modulemenulist_header {
    background-color: #1c6ea2;
    padding: 20px;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
    font-weight: bold;
    line-height: 50px;
    font-size: 16px;
}

.gss_settings_application_modulemenulist_entry i {
    font-size: 25px;
    float: left;
    vertical-align: bottom;
    margin-right: 15px;
}
.gss_settings_application_modulemenulist_entry {
    padding: 20px;
    background-color: #FFF;
    color: #333;
    border-bottom: solid 1px #EEE;
    font-size: 16px;
    cursor: pointer;
}

.gss_settings_application_modulemenulist_entry:last-child {
    border-bottom: solid 0px;
    border-radius: 0px 0px 5px 5px;
}

.gss_settings_header .gss_settings_header_description {
    max-width: 720px;
}

.gss_module_selected {
    color: #00731e;
}

[app="ApplicationSelector"] .gss_module_seperator {
    margin-bottom: 20px;
    padding-bottom: 20px;
    margin-left: 14px;
    margin-right: 14px;
    border-bottom: dashed 10px #52ace5;
}

.gss_application_more_apps i {
    float: left;
    font-size: 60px;
    margin-right: 20px;
}

.gss_application_more_apps {
    font-size: 20px;
    
    margin: 10px;
    margin-top: 20px;
    border-radius: 10px;
    background-color: #1c6ea2;
    padding: 20px;
}

.Banner .nobannersadded {
    position: relative;
    background-image: url('/showApplicationImages.php?appNamespace=ns_d612904c_8e44_4ec0_abf9_c03b62159ce4&image=skin/images//emptybanner.png');
    background-size: cover;
}
.Banner .isDefault { color: green; }
.Banner .nobannersadded .banner_info_text {
    font-size: 16px;
    color: #000;
    position: absolute;
    box-shadow: 0px 0px 5px #333;
    background-color: rgba(0,0,0,0.7);
    max-width: 300px;
    padding: 9px;
    left: 20px;
    top: 30px;
}
.Banner .thumbnail { margin-right: 2px; margin-top: 2px; cursor: pointer; }
.Banner .thumbnail img,.Banner .thumbnail { width: auto; height: auto; display:inline-block; max-height: 90px; }

.Banner .informationboxbannersettings {
    padding: 20px;
}

.Banner .informationboxbannersettings .banner_settings {
    position: absolute;
    left: 20px;
    top: 20px;
}
.banner_preview_title {
    text-align: left;
    padding-left: 4px;
}

.Banner .informationboxbannersettings .no_image_text_information {
    display: none;
}

.Banner .informationboxbannersettings .banner_settings td {
    color: #000;
    font-size: 14px;
}

.Banner .informationboxbannersettings .banner_image_editor .image_editor_got_no_image {
    font-size: 14px;
    color: #000;
    text-align: center;
    padding-top: 20px;
}
.Banner .informationboxbannersettings .banner_image_editor {
    position: absolute;
    left: 290px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    border: dashed 1px #3f3f3f;
    border-radius: 5px;
}
.Banner .informationboxbannersettings .banner_settings_preview {
    margin-top: 70px;
    font-size: 14px;
    color: #000;
    min-height: 120px;
    width: 248px;
    text-align: center;
}

.Banner .informationboxbannersettings .banner_settings_preview .banner_settings_images {
    overflow-y: scroll;
    height: 320px;
    border-radius: 5px; 
    margin-top: 7px;
    margin-bottom: 7px;
}

.Banner .informationboxbannersettings .banner_settings_preview .imageholder:first-child {
    margin-top: 0px;
}

.Banner .informationboxbannersettings .banner_settings_preview .banner_settings_images::-webkit-scrollbar {
    width: 12px;
}
 
.Banner .informationboxbannersettings .banner_settings_preview .banner_settings_images::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    border-radius: 10px;
}
 
.Banner .informationboxbannersettings .banner_settings_preview .banner_settings_images::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}


.Banner .informationboxbannersettings  .imageholder {
    position:relative;
    border: solid 1px #3f3f3f;
    background-color: #000;
    display: inline-block;
    margin: 12px;
    height: 150px;
    vertical-align: middle;
    width: 150px;
    cursor: pointer;
}

.Banner .informationboxbannersettings .imageholder img {
    position:absolute;
    top: 5px;
    bottom:5px;
    left: 5px;
    right: 5px;
    margin:auto;
    max-height: 140px;
    max-width: 140px;
}

.Banner .banner_slider_upload_container img {
    max-width: 120px;
    max-height: 120px;
}
.Banner .uploadprogress_bannerslider {
    font-size: 14px;
}
.Banner .banner_slider_upload_container {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    height: 120px;
    margin: 10px;
    border: solid 1px #333;
}

.Banner .bannerview .banner {
    display: none;
}

.Banner .uploadprogress_bannerslider {
    display: none;
}

.Banner .dots {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0px;
}
.Banner .dots .dot {
    width: 23px;
    height: 24px;
    cursor: pointer;
    background-image: url('/showApplicationImages.php?appNamespace=ns_d612904c_8e44_4ec0_abf9_c03b62159ce4&image=skin/images//dot.png');
}

.Banner .dots .dot.selected {
    background-image: url('/showApplicationImages.php?appNamespace=ns_d612904c_8e44_4ec0_abf9_c03b62159ce4&image=skin/images//dot-blue.png');
}

.Banner .banner_settings input { width: 165px; }


.Button .shop_button_saveNewText i {
    
}
.Button .shop_button_saveNewText {
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 20px;
    display: none;
    border-left: solid 1px;
    border-top: solid 1px;
    padding: 5px;
}

.Button .setup_button_box {
    padding: 20px;
}

.Button .select_options .button_setup_searchresult {
    margin-top: 10px;
    border: solid 1px #777;
    padding: 10px;
}
.Button .select_options {
    margin-top: 20px;
    padding-top: 20px;
    border-top: solid 1px #777;
    padding-left: 20px;
}

.Button .setup_send_email,
.Button .setup_external_page,
.Button .setup_modal_page,
.Button .setup_internal_page {
    display: none;
}



.CartHeader i {
    font-size: 40px;
}

.CartHeader {
    text-align: right;
}

.CartHeader .counter {
    position: absolute; 
    top: 0px;
    right: -5px;
    
    background-color: #4789c9;
    border-radius: 10px;
    padding-left: 5px;
    padding-right: 5px;
    
    text-align: center;
    color: #FFF;
    font-weight: bold;
}

.CartManager {
    position: relative;
}
.CartManager .formation_page {
    font-size: 20px;
    text-align:center;
}
.CartManager .choosepaymentmethod { text-align: center; }
.CartManager .selectpaymentmethod {transition: background-color 0.5s ease; border: solid 1px; display: inline-block; width: 150px; padding-top: 35px; padding-bottom: 35px; border-radius: 4px; margin-right: 10px; }
.CartManager .paymentappheading { border-bottom: solid 1px; width: 150px; display:inline-block; box-sizing: border-box; padding: 3px; }
.CartManager .selectpaymentmethod:hover { background-color: #0c7e00; color:#fff; cursor:pointer; }
.CartManager .checkoutarea .checkoutinner {
    padding-left: 8px;
    padding-right: 8px;
}
.CartManager .checkoutarea {
    width: 100%;
    z-index: 3;
}

.CartManager .loginform { display:none; }

.CartManager .emptycart {
    font-size: 16px;
    text-align: center;
    padding: 20px;
}

.CartManager .summary {
    padding: 10px;
    font-size: 14px;
}

.CartManager .checkout .previouse {
    left: 10px;
    right: inherit;
}
.CartManager .summary .row span {
    position: absolute;
    right: 0px;
    font-weight: bold;
}

.CartManager .summary .row {
    position: relative;
    border-bottom: solid 1px #DDD;
}

.CartManager .checkout_button_area {
    position:relative; 
    height: 60px;
}


.CartManager .rightcart {
    border: solid 1px #DDD;
    background-color: #FFF;
    margin-left: 8px;
    display: inline-block;
    width: 45%;
    box-sizing: border-box;    
    float:right;
    position: relative;
}

.CartManager .leftcart {
    display: inline-block;
    width: 45%;
    box-sizing: border-box;    
    background-color: #FFF;
    border: solid 1px #DDD;
}

.CartManager .cart .wrapperright {
    width: 300px;
}

.cart .product {
    position: relative;
    margin-bottom: 10px;
    border-bottom: solid 1px #efefef;
    padding-bottom: 10px;
}

.cart .product .button {
    position: absolute;
    right: 0px; 
    bottom: 10px;
}

.cart .summary {
    height: 100px;
    position: relative;
}

.cart .summary .total {
    position: absolute; 
    font-weight: bold;
    font-size: 15px;
    right: 5px;
}

.cart .summary .shop_button {
    position: absolute; 
    top: 30px;
    right: 0px;
    margin-bottom: 10px;
}

.cart .product .price {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-weight: bold;
}

.cart .product .title {
    font-weight: bold;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
}

.cart .product .cartdesc {
    height: 50px;
    overflow: hidden;
}

.cart .product .image {
    width: 110px;
    border: dotted 1px #368ec8;
    padding: 5px;
    height: 110px;
    margin-right: 10px;
    text-align: center;
}

.CartManager .cart .product .removebutton {
    display:none;
}

.CartManager .cart .product:hover {
    display:block;
}

.CartManager .shoppingcartheader {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 15px;
    border-bottom: solid 1px #DDD;
    text-align: center;
    background-color: #DDD;
}

.cart .productcount {
    position: relative;    
    width: 30px;    
    height: 120px;
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
}

.cart .productcount .counter { line-height: 120px; margin-left: 0 auto; font-size: 14px; }
.cart .productcount .up { cursor: pointer; height: 16px; position: absolute; top: 0px; width: 100%; background-image: url('/showApplicationImages.php?appNamespace=ns_900e5f6b_4113_46ad_82df_8dafe7872c99&image=skin/images//arrowup.png');}
.cart .productcount .down { cursor: pointer; height: 16px; position: absolute; bottom: 0px; width: 100%; background-image: url('/showApplicationImages.php?appNamespace=ns_900e5f6b_4113_46ad_82df_8dafe7872c99&image=skin/images//arrowdown.png');}

.checkout table {
    width: 100%;
}
.checkout table td {
    font-size: 13px;
}

.checkout table .col1 {
    width: 100px;
}

.checkout {
    font-size: 15px;
    position: relative;
}

.checkout .checked_additional { display:none; }
.checkout .selectedMethod { display:block; }
.checkout .checked_additional .title { font-weight: bold; }
/*.checkout .checked_additional .price { float:right; }*/
.checkout .checked_additional .section { cursor:pointer; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #BBBBBB; font-size: 12px; }
.checkout .checked_additional .selected { background-color: #EFEFEF; border: solid 1px #FFFFFF; padding: 10px; border-radius: 5px;  }


.checkout .orderoverview {
    width: 200px;
    margin-right: 10px;
}

.checkout .shop_button {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width:100px;
}

.checkout .headercheckout {
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.checkout .payment .checkoutinner {
    margin-bottom: 10px;
}

.checkout div.address {
    width: 100%;
    padding-bottom: 60px;
}

.checkout .reg_details_text { 
    font-weight: bold;
    padding-top: 10px;
    display:block;
}

.checkout .payment .checkoutinner .method {
    border: solid 1px #DDD;
    margin-top: 4px;
    margin-bottom: 4px;
}

.checkout .payment .checkoutinner .method .logo {
    border: solid 1px #EEE;
    height: 120px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 120px;
}
.checkout .payment .checkoutinner .method .title {
    background-color: #CCC;
}

.checkout div.address {
    width: 100%;
}

.checkout .method {
    width: 120px;
    background-repeat: no-repeat;
    text-align: center;
    border: solid 1px transparent;
    cursor: pointer;
    position: relative;
}

.checkout .method .title {
    width: 120px;
    text-align: center;
}

.checkout .method img {
    width: 110px;
}

.checkout .checked_additional {
    border:dashed 1px;
    padding: 5px;
    margin-bottom: 10px;
}

.checkout .checked_additional .shipmentproductrow {
    cursor: pointer;
}
.checkout .checked_additional .shipmentproductrow:hover {
    background-color: #BBB;
}
.checkout .delivery #bring { background-image: url('/showApplicationImages.php?appNamespace=ns_900e5f6b_4113_46ad_82df_8dafe7872c99&image=skin/images//delivery/bring.png'); }
.checkout .delivery #fedex { background-image: url('/showApplicationImages.php?appNamespace=ns_900e5f6b_4113_46ad_82df_8dafe7872c99&image=skin/images//delivery/fedex.png'); }
.checkout .delivery #personally { background-image: url('/showApplicationImages.php?appNamespace=ns_900e5f6b_4113_46ad_82df_8dafe7872c99&image=skin/images//delivery/personally.png'); }
.checkout .alignright {position: absolute; right: 0px; }

#mycart-updating { 
    background-image: url('/showApplicationImages.php?appNamespace=ns_900e5f6b_4113_46ad_82df_8dafe7872c99&image=skin/images//ajax-loader.gif'); 
    background-repeat: no-repeat; 
    padding-left: 20px;    
}

.cart .variationselection {
    font-size: 14px;
    padding: 3px;
    margin-left: 40px;
    margin-top: 5px;
    font-weight: bold;
}

.checkout .selected {
    border:solid 1px green !important;
    box-shadow: 0px 0px 5px #000;
}

.checkout .extended_payment_option .extendedinfo {
    display:none;
}
.checkout .extended_payment_option {
    border-top: solid 1px #DDD;
    padding-top: 20px;
}

.CartManager .removeproductfromcart { position:absolute; right: 10px; top: 10px; }

.CartManager .termsarea { padding: 20px; }
.CartManager .agreeview { color : #4734ab; cursor:pointer; }
.CartManager .termsandconditioncheckbox { width:20px; float:right; }
.CartManager .validate_error { background-color:red; border-color:red; }
.CartManager .invalid_terms { display: none; border: solid 1px; width: 5px; margin-top: 7px; height: 5px; float: left; margin-right: 7px; border-radius: 10px; background-color:red; }
.checkout table td input { width: 200px; background: #f2f2f2; border: 1px solid #d9d9d9; height: 18px; padding: 5px; border-radius: 3px; }
.checkout table td select { width: 212px; background: #f2f2f2; border: 1px solid #d9d9d9; height: 30px; padding: 5px; border-radius: 3px; }
.checkout table td .emailexistsbutton { height: 30px; }

.checkout .paymentdetails {
    padding-left: 20px;
    display: none;
}

.CartManager .checkout_area .checkout {
    cursor: pointer;
}

.CartManager .small_cart_dom {
    z-index: 1;
}

.ui-effects-transfer {
    border: 1px solid #EEE;
    background: rgba(0,0,0, 0.2);
} 

.paymentfailed {
    margin: 10px;
    padding: 20px;
    border: solid 1px #EEE;
    text-align: center;
    color: #FFF;
    font-weight: bold;

    background: #ff3019; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */

}

@media only all and (max-width: 800px) {
    .CartManager .leftcart,.CartManager .rightcart { width: 100%; }
    .CartManager .image_area { min-width: 130px; }
    .CartManager .cart .wrapperright { width: 50%; }
    .CartManager .image_area img { max-width: 50px; }
    .CartManager .cart .product .image { width: 60px; }
    .CartManager .thankyoumessage { display:block; font-size: 20px; text-align: center; }
    .CartManager .cart .product .image { max-height: 50px; }
    .CartManager .cart .productcount .counter { line-height: 60px; }
    .CartManager .cart .productcount { height: 60px; }
    .CartManager .rightcart { margin-left:0px; }
    .CartManager .removeitemtext { display:none; }
}



.ComfortDashBoard .informationarea { border: solid 1px #bbb; width: 49%; float:left; padding: 10px; box-sizing: border-box; background-color:#fff; font-size: 12px; overflow:auto; height: 300px; }
.ComfortDashBoard .informationarea.right { float:right;  }
.ComfortDashBoard .informationarea .title { font-size: 25px; text-align: center; border-bottom: solid 1px #efefef; padding-bottom: 10px; margin-bottom: 10px; }
.ComfortDashBoard .informationarea .summarytext { font-size: 20px; }
.ComfortDashBoard .informationarea .summarytextamount { float:right; }
.ComfortDashBoard .logentry .date { display:inline-block; width: 25%; }
.ComfortDashBoard .logentry .description { display:inline-block; width: 70%; }
.ComfortDashBoard .logentry .room { float:right; }

.ComfortGateways .gatewaylist { font-size: 16px; margin-top: 10px; }
.ComfortGateways .gatewayrow .name { display:inline-block; width: 30%; }
.ComfortGateways .gatewayrow .token { display:inline-block; width: 30%; }
.ComfortGateways .gatewayrow .createddate { display:inline-block; width: 20%; }
.ComfortGateways .gatewayrow .lastpull { display:inline-block; width: 10%; }
.ComfortGateways .gatewayrow .type { display:inline-block; width: 10%; }
.ComfortGateways .gatewayrow .fa-edit { cursor:pointer; }
.ComfortGateways .gatewayrowheader { font-weight: bold; }
.ComfortGateways .addGatewayForm { display:none; margin-top:20px;}

.ComfortRoomConfig .roomrowcontainer { margin-top: 10px; border: solid 1px #bbb; }
.ComfortRoomConfig .roomrowcontainer .roomrowheader { padding: 10px; font-size: 16px; border-bottom: solid 1px #bbb; }
.ComfortRoomConfig .roomrowcontainer .unitconfig { display:inline-block; width: 300px; border-right: solid 1px #efefef; font-size: 14px; padding: 10px; background-color:#bbb; cursor:pointer; }
.ComfortRoomConfig .roomrowcontainer .unitconfig:hover { background-color: #efefef;}
.ComfortRoomConfig .roomrowcontainer .selectedunit { background-color: green; color:#fff; }
.ComfortRoomConfig .roomrowcontainer .selectedunit:hover { background-color: greenyellow; color:#000; }

.ComfortStateSettings .newstatebox { margin-top: 10px; display:none; }
.ComfortStateSettings .stateconfigbox { border: solid 1px #efefef; display:inline-block; width: 350px; }
.ComfortStateSettings .stateconfigbox .stateconfigtitle { border-bottom: solid 1px; padding: 10px; font-size: 20px; text-align: center; background-color:#23314e; color:#fff; }
.ComfortStateSettings .stateconfigbox .stateconfigtitle .fa { float:right; cursor: pointer; }
.ComfortStateSettings .stateconfigbox .stateconfigpanel { padding: 10px; }
.ComfortStateSettings .stateconfigbox .stateconfigoption { font-size: 16px; line-height: 40px; margin-top: 5px;}



.app[app="Company"] .companyentry { margin-bottom: 10px;border: solid 1px #fff; border-bottom: solid 1px #bbb;  clear:both; height: 45px; padding: 5px; }
.app[app="Company"] .companyentry:hover { background-color:#efefef; cursor:pointer; border-left: solid 1px #bbb;border-right: solid 1px #bbb;border-top: solid 1px #bbb; }
#backsidesettings .gs_company_workarea {
    display: inline-block; 
    width: 1000px;

}
.normalinformationbox a { cursor:pointer; }


#backsidesettings .gss_company_userrow {
    border-bottom: solid 1px #DDD;
    padding: 5px;
    font-size: 16px;
    cursor: pointer;
}

#backsidesettings .gss_company_userrow:last-child {
    border-bottom: solid 0px;
}

#backsidesettings .gss_company_userrow:hover {
    background-color: #EEE;
}

#backsidesettings .gss_companyrow {
    font-size: 16px;
    padding: 10px;
    line-height: 30px;
    background-color: #F9F9F9;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 5px;
}

#backsidesettings .gss_show_company {
    display: inline-block;
    margin-left: 20px;
    cursor: pointer;
}

#backsidesettings .gss_company_search_row i {
    position: absolute;
    right: 0;
    top: 0px;
    bottom: 0px;
    width: 43px;
    line-height: 39px;
    text-align: center;
    background-color: #EEE;
}

#backsidesettings .gss_company_search_row {
    padding: 10px;
    border: solid 1px #DDD;
    margin-bottom: 5px;
    position: relative;
    cursor: pointer;
}

#backsidesettings .suspensionRowHistory {
    position: relative;
    padding-left: 60px;
    border-bottom: solid 1px #DDD;
}
#backsidesettings .undoSuspension {
    position: absolute;
    left: 5px;
    top: 5px;
}

.CompanyView .workarea,
.CompanyView .leftmenu {
    display: inline-block;
    vertical-align: top;
}

.CompanyView .rightmenu {
    margin-top: 50px;
}

.CompanyView .leftmenu {
    width: 100px;
    background-color: #23314e;
    color: #FFF;
    text-align: center;
    min-height: calc(100% - 86px);

}

.CompanyView .leftmenu .entry {
    border-top: solid 1px #222;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    width: 100px;
    text-align: center;
    font-size: 11px;
    min-height: 46px;
}

.CompanyView .leftmenu .entry i {
    display: block;
    font-size: 25px;
}

.CompanyView .leftmenu .entry.tabnotactive {
    color: #888;
}

.CompanyView .workarea {
    width: calc(100% - 100px);
    box-sizing: border-box;
}


.CompanyView .workareaheader {
    background-color: #dfff98;
    padding: 17px;
    font-size: 25px;
    text-align: center;
}

.CompanyView {
    border-right: solid 1px #DDD;
}

.CompanyView .row {
    
}

.CompanyView div.row:nth-child(odd) {
    background-color: #EDEDED;
}

.CompanyView .row .col {
    display: inline-block;
    padding: 10px;
}


.CompanyView .row.companysearch .col.companyname {
    width: calc(100% - 200px);
    padding-left: 50px;
}

.CompanyView .topmenu {
    border-bottom: solid 1px #DDD;
    background-color: #DEDEDE;
    text-align: center;
}

.CompanyView .topmenu .entry {
    display: inline-block;
    padding: 10px;
    border-right: solid 1px #EEE;
    font-size: 16px;
    padding-right: 20px;
    padding-left: 20px;
    cursor: pointer;
}

.CompanyView .topmenu div.entry:last-child {
    border-right: solid 0px;
}

.CompanyView .user_view.userSelected {
    display: none;
}

.CompanyView .show_change_user.edit_user_btn {
    border-radius: 0px;
    color: #FFF;
    background: #23314e;
    background-color: #23314e;
    line-height: 34px;
    height: 37px;
    padding: 10px;
    margin-left: 20px;
}

.CompanyView .row .col.emplyeemail {
    width: 200px;
}
.CompanyView .row .col.employeename {
    width: calc(100% - 500px);
}

.CompanyView .row .col.date {
    width: 100px;
}

.CompanyView .row .col.orderid {
    width: 200px;
}

.CompanyView .row .col.amount {
    width: 100px;
}

.CompanyView .row.header .col {
    font-weight: bold;
}

.CompanyView h2,
.CompanyView .textfield {
    display: block;
    margin-left: 30px;
    margin-right: 30px;
}

.CompanyView .textfield .title {
    width: 100px;
    display: inline-block;
}

.CompanyView .textfield textarea {
    width: 100%;
    box-sizing: border-box;
    border: solid 1px #DDD;
    width: 302px;
    height: 100px;
}

.CompanyView .gss_button_area {
    margin: 30px;
}



.CompanyView .GetShopQuickUser .change_user_form {
    margin: 10px;
    position: initial;
    box-sizing: border-box;
    width:95%;
}

.CompanyView .GetShopQuickUser .change_user_form .tabs .tab {
    background: none !important;
    color: #000 !important;
    text-transform: uppercase !important;
    border: none !important;
    font-weight: bold;
}
.CompanyView .GetShopQuickUser .change_user_form .tabs .tab.tab_active {
    border-bottom: solid 2px #72cff4 !important;
}
.CompanyView .GetShopQuickUser .change_user_form .tabs .tab .fa-check {
    display:none;
}
.CompanyView .GetShopQuickUser .change_user_form .tabs {
    border-bottom: solid 1px #72cff4;
}
.CompanyView .GetShopQuickUser .change_user_form, 
.CompanyView .GetShopQuickUser .edit_details_of_user { position:initial; margin: auto; }
.CompanyView .GetShopQuickUser .change_user_form .tabs .tab { 
    border-radius: 0px;
    color: #FFF;
    background: #23314e;
    background-color: #23314e;
    line-height: 34px;
    height: 37px;
    width:110px;
    text-align: center;
}

.ConferenceList .col {
    display: inline-block;
    vertical-align: top;
}

.ConferenceList .row {
    
}

.ConferenceList .row.events {
    margin-left: 20px;
}

.ConferenceList .conferencename {
    font-size: 16px;
    background-color: #EFEFEF;
    width: calc(100% - 100px);
    padding: 10px;
    border-bottom: solid 1px #000;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.ConferenceList .eventcount {
    background-color: #EFEFEF;
    font-size: 16px;
    padding: 10px;
    width: 100px;
    box-sizing: border-box;
    text-align: center;
    border-left: solid 1px #DDD;
    border-bottom: solid 1px #000;
}

.ConferenceList .conferencerow {
    padding-bottom: 20px;
    background-color: #EFEFEF;
    margin: 20px;   
}

.ConferenceList .events .row .col {
    width: calc(100%/2 - 20px);
}

.ConferenceList .events .row {
    border-bottom: solid 1px #DDD;
    padding: 3px;
}

.ConferenceList .events .row.lastrow {
    border-bottom: solid 0px;
}


.ConferenceList {
    max-width: 600px;
    margin: 0px auto;
}



.ConferenceView .workareaheader {
    background-color: #dfff98;
    font-size: 25px;
    vertical-align: top;
}

.ConferenceView {
    background-color: #eeeeee;
}

.ConferenceView .workareaheader .headertitle {
    padding: 20px;
}

.ConferenceView .leftmenu {
    width: 100px;
    background-color: #23314e;
    color: #FFF;
    text-align: center;
    min-height: calc(100% - 86px);
    display: inline-block;
    vertical-align: top;
}

.ConferenceView .leftmenu .entry {
    border-top: solid 1px #222;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    width: 100px;
    text-align: center;
    font-size: 11px;
    min-height: 46px;
}

.ConferenceView .leftmenu .entry i {
    display: block;
    font-size: 25px;
}


.ConferenceView .workarea .workarea_inner {
    margin: 20px;
}

.ConferenceView .workarea {
    width: calc(100% - 105px);
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

.ConferenceView .edit_details_directprint {
    background-color: inherit !important;
}

.ConferenceView .workareaheader {
    background-color: #dfff98;
    font-size: 25px;   
    vertical-align: top;
}

.ConferenceView .row {
    padding-top: 5px;
    border-bottom: solid 1px #DDD;
    padding-bottom: 3px;
}
.ConferenceView .row .col {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}

.ConferenceView .row.header .col {font-weight: bold;}

.ConferenceView .row .col.col5,
.ConferenceView .row .col.col0 { margin-top: -3px; width: 50px; margin-left: 5px;}
.ConferenceView .row .col.col1 { width: 150px; }
.ConferenceView .row .col.col2 { width: 150px; }
.ConferenceView .row .col.col3 { width: 250px; overflow: hidden; margin-right: 20px; text-overflow: ellipsis;}
.ConferenceView .row .col.col4 { width: 150px; }

.ConferenceView .row_to_hide {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

.ConferenceView .events {
    display: inline-block;
}

.ConferenceView .eventview {
    box-sizing: border-box;
    width: calc(100% - 10px);
    vertical-align: top;
    display: none;
}

.ConferenceView .activity .col0 {padding-top: 15px; padding-left: 5px;}
.ConferenceView .activity .col1 { width: 220px !important; }

.ConferenceView .activity .col2,
.ConferenceView .activity .col4,
.ConferenceView .activity .col3 { width: 93px !important; margin-right: 0px !important}

.ConferenceView .activity .col2  input ,
.ConferenceView .activity .col4  input ,
.ConferenceView .activity .col3 input { width: 50px; }
.ConferenceView .activity textarea { 
    min-width: 550px; 
    height: 150px;
    margin-bottom: 20px;
    border: solid 1px #DDD;
    padding: 10px;
}

.ConferenceView .head_text {
    display: grid;
    font-size: 10px;
    font-weight: bold;
}

.ConferenceView .event_info input {
    width: 377px;
}

.ConferenceView .event_info select {
    width: 398px;
}

.ConferenceView .template {
    display: none;
}

.ConferenceView .cartitem .name {
    width: 300px;
    
    padding-right: 20px;
}

.ConferenceView .logentry {
    border-left: solid 1px #DDD;
    border-right: solid 1px #DDD;
    border-top: solid 1px #DDD;
    padding: 20px;
}

.ConferenceView div.logentry:last-child {
    border-bottom: solid 1px #DDD;
}

.ConferenceView .logentry.odd {
    background-color: #FFF;
}

.ConferenceView .logentry .title {
    font-weight: bold;
    border-bottom: solid 1px #DDD;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.Contact .edit_contact_button {
    float:right;
}
.Contact .max_length {
    width:100%;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.Contact .subject_textarea {
    height: 100px;
}

.Contact .contact_container {
    margin-top: 10px;
    margin-bottom: 10px;
}

.Contact .saveContactConfiguration { float: right; border: solid 1px; padding: 10px; margin-right:10px; background-color:#bBB; cursor:pointeR; }

.Contact .contact_container input {
    width:100px;
}
.Contact .contact_container {
    padding:10px;
}

.Contact .message_sent {
    font-weight: bold;
    color: #00FF00;
}

.Contact .medium_contact_form { display: none; }
.Contact .normal_contact_form { display: none; }

.medium .Contact .medium_contact_form, .small .Contact .medium_contact_form { display: block; }
.xlarge .Contact .normal_contact_form, .large .Contact .normal_contact_form { display: block; }

.medium .Contact .medium_contact_form, .small .Contact .medium_contact_form { display: block; }


.Contact td { font-size:14px;  }
.Contact input { border-radius: 2px;  border: solid 1px #e1e1e1; padding: 13px; background-color: #fcfcfc; }
.Contact textarea { border-radius: 2px;  border: solid 1px #e1e1e1; padding: 13px; background-color: #fcfcfc; }
.Contact .horizontal {  padding-bottom: 20px; position:relative; }
.Contact .horizontal .text { font-size: 19px; padding-right: 20px; } 

.medium .Contact .medium_contact_form { padding-bottom: 20px; }
.medium .Contact .medium_contact_form input, .small .Contact .medium_contact_form input { padding: 13px; }
.medium .Contact .medium_contact_form .text, .small .Contact .medium_contact_form .text { padding: 13px; }

.Contact .inputContainer {
    background: #fff;
    padding: 3px 3px;
    border: 1px solid #a9a9a9;
    display:block;
}
.Contact .inputContainer input {
    width: 100%;
    margin: 0; padding: 0; border: 0;
    display: block;
    background-color: transparent;
    font-size: 16px;
}
.Contact .contactform2 .fields { float:left; width: 50%; display:inline-block; }
.Contact .contactform2 .submitarea { float:left; width: 50%; display: inline-block; float: left; text-align: center; }
.Contact .contactform2 .submitarea .submitbutton { cursor:pointer; }
.Contact .inputContainer input:focus{
    outline: 0;
}

.Contact .shop_button {
    display: inline-block;
    padding-right: 20px;
    padding-left: 20px;
    float: right;
}
.Contact .contact_padding_textarea{
    padding-top: 15px;
}

@media only all and (max-width: 800px) {
    .Contact .shop_button {
        padding: 0px;
        float:none;
        margin-top: 10px;
    }
}

.ContentManager .content_manager {
    height: 100px;
}
.ContentManager .content_manager_bottom {
    text-align: right;
    margin-top: 10px;
    padding-top: 10px;
    height: 30px;
    padding-right: 5px;
}

.ContentManager .edit_content_button {
}
.ContentManager p {
    margin:0px;
    padding:0px;
}

.ContentManager .downloadpdf { z-index: 2; color:#FFF; position:absolute; right: 10px; bottom: 10px; font-size: 20px; border: solid 1px #BBB; background-color:#000; padding: 2px; cursor:pointer; }

.CrmCustomerList .col_rowCreatedDate { width: 80px !important; }
.CrmCustomerList .col_type { width: 80px !important; text-align: center }
.CrmCustomerList .col_fullname { width: calc(100% - 820px) !important; }
.CrmCustomerList .col_callPhone { width: 150px !important; }







.CrmCustomerView .crmmenuentry {  
    border-bottom: 2px dotted #82cdf3;
    padding-left: 1px;
    padding-right: 1px;
    padding: 3px; 
    cursor:pointer;
    margin-bottom: 10px;
    padding-bottom: 5px;
 }
 
 .CrmCustomerView .fullname { display:inline-block; width: 30%; }
 .CrmCustomerView .email { display:inline-block; width: 20%; }
 .CrmCustomerView .cellphone { display:inline-block; width: 20%; }
 .CrmCustomerView .mergeuserprofilerow:hover { font-weight: bold; }
 
 
.CrmCustomerView .attacheddiscountcode { border: solid 1px #bbb; display:inline-block; padding: 7px; margin: 3px; border-radius: 3px; cursor:pointer; }
.CrmCustomerView .attacheddiscountcode i { display:none; }
.CrmCustomerView .attacheddiscountcode:hover i { display:inline-block; }
.CrmCustomerView .primarydiscountcode { font-weight: bold;}
.CrmCustomerView .chosendiscountcode { color:green; }
.CrmCustomerView .companydetailsarea { height: 310px; }
.CrmCustomerView .header { font-size: 20px; border-bottom: solid 2px #000; width:100%; line-height: 30px; padding-bottom: 10px; margin-bottom: 10px; }
.CrmCustomerView .footer { padding-top: 10px; text-align: right; }
.CrmCustomerView .selectedmenuentry { 
    border-bottom: 2px dotted transparent;
    background-color: #2a324e;
    color: #FFF;
    border-radius: 20px;
    border: solid 0px;
    margin-left: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.UserAccountSettings .GetShopModuleTable .settingsarea .col1 { text-align: left; width: 200px; }

.CrmCustomerView .checkbox { width: 20px; height: 20px; }
.CrmCustomerView .bookings .col { width: 120px !important; }
.CrmCustomerView .rowinput { text-align: right; }
.CrmCustomerView .largecheckbox { width: 25px; height: 25px; }
.CrmCustomerView .paymentmethodbtn {
    border: solid 1px;
    margin-left: 5px;
    padding: 3px;
    border-radius: 3px; 
    color:#bbb;
    display:inline-block;
    cursor:pointer;
}
.CrmCustomerView .paymentmethodbtn.selected {
    color:green;
}

.CrmListFilter .nextstep { display:none; }
.CrmListFilter .companytypeselection { display:none; }
.CrmListFilter .successcreate { color:green; font-size: 22px; text-align: left; }
.CrmListFilter .failedcreate { color:red; font-size: 22px;  text-align: left;}
.CrmListFilter .searchbrregbutton { color: blue; cursor:pointer; }
.CrmListFilter .brregsearchresultrow:hover { font-weight: bold; cursor:pointer;}
.CrmListFilter .searchbrregarea {
    position: absolute;
    border: solid 1px;
    z-index:2;
    display: inline-block;
    display:none;
    padding: 10px;
    background-color:#fff;
    border-color: #bbb;
}

.gs_fa-icon {
    font-size: 80px;
    margin-top: 10px;
    margin-left: 10px;
    color: #008ad2;
    text-shadow: 2px 2px #3a99d7;
}



.gss_description .title {
    border-bottom: solid 1px #ededed;
    margin-bottom: 3px;
    padding-bottom: 3px;
}

.gss_dashboard_statistics {
    width: 1130px;
    border-radius: 5px;
    padding: 20px;
    min-height: 200px; 
    background-color: #FFF;
    margin: 10px;
    margin-top: 0px;
}

.dashboard_statistic_buttons {
    margin-left: 10px;
    margin-right: 20px;
    margin-bottom: -3px;
    padding: 10px;
    border-radius: 5px 5px 0px 0px;
    background-color: #1c6ea2;
}

.gss_dashboard_year_active {
    color: #00FF00 !important;
}

.gss_statistic_years .year {
    color: #FFF;
}

.gss_statistic_tab_button {
    cursor: pointer;
    display: inline-block; 
    padding-left: 10px;
    padding-right: 10px;
    border-right: solid 1px #2a7cb1;
    position: relative;
}

.gss_statistic_tab_button:last-child {
    border-right: solid 0px;
}

.gss_sub_statistics {
    color: #000;
    margin-top: 20px;
    border-top: solid 1px #EEE;
    padding-top: 10px;
    padding-left: 30px;
    line-height: 25px;
}

#gss_chart_div .gss_chart_loading {
    font-size: 32px;
    text-align: center;
    padding-top: 30px;
    color: #CCC;
}

.gss_statistic_years {
    position: absolute;
    z-index: 1;
    background-color: #1c6ea2;
    left: 0px;
    right: 0px;
    padding-left: 27px;
    padding-bottom: 10px;
    display: none;
}

.gss_settings_main_area {
    font-size: 14px;
}

.gss_settings_main_area .gss_appview img { 
    width: 100px;
    vertical-align: center;
    margin-right: 10px;
}

.gss_settings_main_area .gss_appview .gss_app_desc {
    display: inline-block;
    width: 241px;
    vertical-align: top;
    height: 119px;
    overflow: hidden;
}
.gss_settings_main_area .gss_appview {
    padding: 10px;
    display: inline-block;
    height: 150px;
    width: 357px;
    margin: 10px;
    background-color: #FFF;
    vertical-align: top;
    position: relative;
    border-radius: 5px;
    color: #333;
}

.gss_infobox { 
    width:100%;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.gss_settings_main_area .gss_imagebox {
    display: inline-block;
    width: 100px;
    height: 150px;
    vertical-align: top;
}

.gss_settings_main_area .gss_description {
    display: inline-block;
    width: 243px;
    padding-left: 10px;
    height: 125px;
    overflow: hidden;
}

.gss_settings_main_area .gss_activate_button {
    position: absolute;
    bottom: 3px;    
    right: 3px;
    width: 80px;
    height: 30px;
    border-radius: 5px 0px 5px 0px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    color: #FFF;
    background: #466585;
}

.gss_settings_main_area .gss_activate_button:hover {
    background: #466585;
}

.gss_settings_main_area .gss_activate_button:active {
    background: #c12000;
}

.gss_bottominfo {
    border-top: solid 1px #166497;
    margin-top: 10px;
    padding: 15px;
    text-align: center;
}

.gss_settings_main_area .gss_description .gss_title {
    font-weight: bold;
    padding-bottom: 3px;
    margin-bottom: 3px;
}

.gss_settings_getshop_logo {
    height: 400px;
    position: relative;
    background-image: -webkit-radial-gradient(center,contain ellipse,rgba(255,255,255,.6) 20%,rgba(255,255,255,.2) 70%,transparent);
    background-image: radial-gradient(center,contain ellipse,rgba(255,255,255,.6) 20%,rgba(255,255,255,.2) 70%,transparent);
}

.gss_settings_getshop_logo .gss_slogan {
    font-size: 4em;
    font-weight: 700;
    text-align: center;
    position: absolute;
    bottom: 50px;
    left: 0px;
    right: 0px;
}

.gss_settings_getshop_logo .gss_logo {
    background-image: url('/showApplicationImages.php?appNamespace=ns_b81bfb16_8066_4bea_a3c6_c155fa7119f8&image=skin/images//logo_getshop.png');
    background-position: center center;
    background-repeat: no-repeat;
    height: 353px;
}



.gsdayevent {
    position:absolute;
    border: solid 0px;
    width: 150px;
    box-sizing: border-box;
    background-color:pink;
    color:#000;
    text-align: center;
}

.gsdayevent_inner {
    position: relative;
}

.gsdayevent_shorttitle {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color:#000;
    border: solid 1px #bbb;
}

.gsdayevent .titlearea { color:#fff; position:absolute; right: 0px; background-color:#000; padding: 5px; display:none; }

.EcommerceOrderList .col_incrementOrderId { width: 100px !important; }
.EcommerceOrderList .col_rowCreatedDate { width: 100px !important; }
.EcommerceOrderList .col_paymentDate { width: 100px !important; }
.EcommerceOrderList .col_transferredToAccounting { width: 50px !important; text-align:center;}
.EcommerceOrderList .col_user { width: calc(100% - 970px) !important; }
.EcommerceOrderList .col_shipmentdate { width: 100px !important; }
.EcommerceOrderList .col_inctaxes { width: 100px !important; }
.EcommerceOrderList .col_extaxes { width: 100px !important; }
.EcommerceOrderList .col_state { width: 100px !important; }
.EcommerceOrderList .col_payment { width: 100px !important; }
.EcommerceOrderList .sentdate { color:#bbb; }
.EcommerceOrderList .col_state .fa { font-size: 16px !important;margin-right: 10px; }

.EcommerceOrderList .fullname { overflow: hidden; white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 10px;
}
.EcommerceOrderList .guestnames, .EcommerceOrderList .recieptemail { color:#bbb; }
.EcommerceOrderList .sendpaymentlinkwindow {     
    position: absolute;
    width: 300px;
    background-color: #fff;
    padding: 10px;
    border: solid 1px #bbb; 
    display:none;
    z-index: 2;
    right: 0px;
}

.EcommerceOrderList .not_connected_to_rom_row {
    color: #90008f;
}

.EcommerceOrderView .markaspaidarea {
        position: absolute;
    z-index: 2;
    background-color: #fff;
    padding: 10px;
    border: solid 1px #bbb;
    left: 50%;
    display:none;
}
.EcommerceOrderView .chargebysavedcard { display:none; }

.EcommerceOrderView .cartitem span.specialeditview {
    position: absolute;
    right: 45px;
    padding: 10px;
    border: solid 1px #bbb;
    background-color: #fff;
    display: none;
}
.EcommerceOrderView .menuarea,
.EcommerceOrderView .workarea {
    width: 500px;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
}

.EcommerceOrderView .workarea {
    width: calc(100% - 210px);
    box-sizing: border-box;
}

.EcommerceOrderView .menuarea {
    width: 200px;
    box-sizing: border-box;
    padding: 30px;
    padding-left: 10px;
}

.EcommerceOrderView .menuarea .menuentry i{
    font-size: 30px;
    display: none;
}
.EcommerceOrderView .menuarea .menuentry {
    text-align: left;
    padding: 5px;
    cursor: pointer;
    color: #82cdf3;
    text-decoration: dotted;
    text-decoration: none;
    width: inherit;
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 5px;
    margin-top: 0px;
    font-size: 13px;
    font-weight: bold;
}

.EcommerceOrderView .menuarea .menuentry span {
    border-bottom: 2px dotted #82cdf3;
    padding-left: 1px;
    padding-right: 1px;
    padding: 3px;
    margin-left: 20px;
}

.EcommerceOrderView .menuarea .menuentry.active span {
    
}

.EcommerceOrderView .menuarea .menuentry.active span {
    border-bottom: 2px dotted transparent;
    display: inline-block;
    background-color: #2a324e;
    color: #FFF;
    border-radius: 20px;
    border: solid 0px;
    margin-left: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.EcommerceOrderView .orderinformation {
    display: none;
}

.EcommerceOrderView .orderinformation.active {
    display: block;
}

.EcommerceOrderView .tab.active {
    background-color: #FFF;
}

.EcommerceOrderView .insideheader {
    font-size: 20px;
    border-bottom: solid 2px #333;
    padding-bottom: 5px;
    margin-bottom: 20px;
}


.EcommerceOrderView .row {
    border-top: solid 1px #EEE;
}
.EcommerceOrderView .row .col { display: inline-block; padding: 0px;}
.EcommerceOrderView .row .col1 { width: 130px; }

.EcommerceOrderView .row .col2 { width: calc(100% - 134px); box-sizing: border-box; }


.EcommerceOrderView .cartitem span {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 10px;
}
.EcommerceOrderView .cartitem .count {
    width: 50px;
    text-align: center;
    box-sizing: border-box;
    padding-left: 0px !important;
}

.EcommerceOrderView .ordersummary {
    padding: 10px;
    font-weight: bold;
}

.EcommerceOrderView .invoiceNote {
    width: 100%;
    height: 200px;
    box-sizing: border-box;
    padding: 20px;
}

.EcommerceOrderView .buttonarea {
    margin-top: 30px;
}

.EcommerceOrderView .cartitem .startdate,
.EcommerceOrderView .cartitem .enddate {
    box-sizing: border-box;
    width:95px;
}

.EcommerceOrderView .cartitem .additionalMetaData,
.EcommerceOrderView .cartitem .metaData
{
    box-sizing: border-box;
    width:130px;
}
.EcommerceOrderView .cartitem .price {
    width: 50px;
}

.EcommerceOrderView .cartitem .product {
    width: calc(100% - 680px);
    box-sizing: border-box;
    margin-right: 20px;
}

.EcommerceOrderView .ordershortmenu {
    text-align: center;
    background-color: #EEE;
    padding: 5px;
}

.EcommerceOrderView .paymentmethods {
    position: absolute;
    background-color: #FFF;
    z-index: 1;
    border: solid 1px #DDD;
    display: none;
}

.EcommerceOrderView .paymentmethods .paymentoption {
    padding: 5px;
    border-bottom: solid 1px #DDD;
    cursor: pointer;
}

.EcommerceOrderView .paymentmethods .paymentoption:hover {
    background-color: #EEE;
}

.EcommerceOrderView .paymentmethods div.paymentoption:last-child {
    border-bottom: 0px;
}
.EcommerceOrderView .multiinvoiceoverview {
    min-height: 400px;
}

.EcommerceProductSearchBox {
    text-align: right;
}

.EcommerceProductView .product_header {
    font-size: 30px;
    padding: 20px;
    border-bottom: solid 3px #EFEFEF;
}


.EcommerceProductView .menuarea,
.EcommerceProductView .workarea {
    width: 500px;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
}

.EcommerceProductView .workarea .producttab {
    display: none;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.EcommerceProductView .workarea {
    width: calc(100% - 205px);
    box-sizing: border-box;
    vertical-align: top;
}

.EcommerceProductView .workarea .active {
    display: inline-block;
}

.EcommerceProductView .menuarea {
    width: 200px;
    box-sizing: border-box;
    padding: 30px;
    padding-left: 10px;
    display: inline-block;
    vertical-align: top;
}

.EcommerceProductView .menuarea .menuentry i{
    font-size: 30px;
    display: none;
}
.EcommerceProductView .menuarea .menuentry {
    text-align: left;
    padding: 5px;
    cursor: pointer;
    color: #82cdf3;
    text-decoration: dotted;
    text-decoration: none;
    width: inherit;
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 5px;
    margin-top: 0px;
    font-size: 13px;
    font-weight: bold;
}

.EcommerceProductView .menuarea .menuentry span {
    border-bottom: 2px dotted #82cdf3;
    padding-left: 1px;
    padding-right: 1px;
    padding: 3px;
    margin-left: 20px;
}

.EcommerceProductView .menuarea .menuentry.active span {
    
}

.EcommerceProductView .menuarea .menuentry.active span {
    border-bottom: 2px dotted transparent;
    display: inline-block;
    background-color: #2a324e;
    color: #FFF;
    border-radius: 20px;
    border: solid 0px;
    margin-left: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.EcommerceProductView .createnewlist {
    border-top: solid 3px #EFEFEF;
    margin-top: 30px;
}

.EcommerceProductView textarea,
.EcommerceProductView input[type='text'] {
    width: 100%;
    box-sizing: border-box;
}

.EcommerceProductView textarea {
    height: 100px;
}

.EcommerceProductView .editlist {
    position: absolute;
    background-color: #FFF;
    padding: 20px;
    border: solid 1px;
    display: none;
}

.EcommerceProductView .addextratax {
    padding: 50px;
    background-color: #EEE;
    margin-top: 50px;
    margin-right: 50px;
}

.EcommerceProductView .optionbox {
    border: solid 1px #DDD;
    padding: 20px;
    margin-bottom: 50px;
    padding-top: 0px;
}

.EcommerceProductView .optionrow {
    margin-bottom: 10px;
}

.EcommerceProductView .optionrow.optiontemplate {
    display: none;
}

.EcommerceProductView .optionrow .col {
    display: inline-block;
}

.EcommerceProductView .optionrows {
    margin-bottom: 0px;
}

.EcommerceProductView .stockmanagement_inner {
    font-size: 16px;
}

.EcommerceProductView .stockmanagement_inner .row .col {
    display: inline-block;
    padding: 2px;
}

.EcommerceProductView .stockmanagement_inner .row .col1 { width: 200px; }
.EcommerceProductView .stockmanagement_inner .row .col2 { width: 100px; }
.EcommerceProductView .stockmanagement_inner .row .col3 { width: 100px; }
.EcommerceProductView .stockmanagement_inner .row .col4 { width: 100px; }
.EcommerceProductView .stockmanagement_inner .row .col5 { width: 100px; }


.EcommerceTaxes .gss_setting { width: 100%; }
.EcommerceTaxes .col { display: inline-block; }
.EcommerceTaxes .col1 { width: calc(100% - 520px)}

.EcommerceTaxes .col2 input,
.EcommerceTaxes .col2 { width: 100px; box-sizing: border-box; text-align: center; vertical-align: top; }

.EcommerceTaxes .col3 input,
.EcommerceTaxes .col3 { width: 100px; box-sizing: border-box; text-align: center; vertical-align: top; }

.EcommerceTaxes .col4 input,
.EcommerceTaxes .col4 { width: 100px; box-sizing: border-box; text-align: center; vertical-align: top; }

.EcommerceTaxes .addoverridetaxbox { display: none; padding: 20px;}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 9, 2015, 8:07:34 PM
    Author     : ktonder
*/

.gss_edit_email {
    background-color: #FFF;
    padding: 20px;
    color: #333;
    border-radius: 5px;
}

.gss_mail_settings i {
    font-size: 100px;
    color: #3a99d7;
    float: left;
    margin-right: 20px;
}

.gss_mail_settings {
    font-size: 16px;
}


.EmbedCode .codetextarea_startup {
    width: 100%;
    height: 200px;
}
.EmbedCode .codetextarea {
    width: 100%;
    padding: 0px;
    height: 400px;
}
.EmbedCode { min-height: 20px; }
.gseditormode .EmbedCode { border: solid 1px rgba(0,0,0,0); }
.gseditormode .EmbedCode:hover { border: solid 1px; }



.GeneralSettingsOther .row { padding-top: 10px; }
.GeneralSettingsOther .col1 { display:inline-block; width: 70%; float:left; font-size: 16px; }
.GeneralSettingsOther .col2 { display:inline-block; width: 30%; float:left; text-align: right;padding-right: 10px;box-sizing: border-box; }
.GeneralSettingsOther .spacer { clear: both; }

.GeneralSettingsOther {
    margin-top: 50px;
    margin-right: 50px;
}

.productlists { margin: auto; max-width: 1600px; margin-top: 50px; }
.productlists tr:hover { background-color:#efefef; }
.productlists tr:hover i { display:inline-block; } 
.productlists tr i { display:none; cursor:pointer; }


.productlists {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.productlists td, .productlists th {
  border: 1px solid #ddd;
  padding: 8px;
}

.productlists tr:nth-child(even){background-color: #f2f2f2;}

.productlists tr:hover {background-color: #ddd;}

.productlists th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 27, 2014, 5:34:28 PM
    Author     : ktonder
*/

.gss_admin_app_select {
    padding: 10px;
    color: #333;
    background: linear-gradient(to bottom, #666, #333);
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    
    display: inline-block;
    width: 250px;
    text-align: center;
    height: 50px;
    margin: 10px;
    color: #FFF;
    
    box-shadow: 0px 0px 10px #FFF;
}





.GetShopCompanySettings {
    min-height: 500px;
    border-left: solid 1px #DDD;
    box-sizing: border-box;
    margin-left: -1px;
}

.GetShopCompanySettings .not_selected {
    background-color: #EDEDED;
    font-size: 25px;
    padding: 50px;
    min-height: 500px;
    text-align: center;
    border-bottom: solid 1px #DDD;
}

.GetShopCompanySettings .systemrow:hover {
    font-weight: bold;
}

.GetShopCompanySettings .systemrow {
    border: solid 1px #bbb;
    font-size: 16px;
    padding: 5px;
    margin-bottom: 3px;
    cursor:pointer;
}
.GetShopCompanySettings .creatorrow {
    margin-bottom: 10px;
}

.GetShopCompanySettings .label {
    width: 30%;
    display:inline-block;
    font-size: 16px;
}

.GetShopCompanySettings .workarea,
.GetShopCompanySettings .rightmenu {
    display: inline-block;
    vertical-align: top;
}

.GetShopCompanySettings .rightmenu {
    width: 100px;
    background-color: #23314e;
    color: #FFF;
    text-align: center;
    min-height: calc(100% - 86px);
    display:none;
    position:fixed;
    right:0px;
}

.GetShopCompanySettings .rightmenu .entry {
    border-top: solid 1px #222;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    width: 100px;
    text-align: center;
    font-size: 11px;
    min-height: 46px;
}

.GetShopCompanySettings .rightmenu .entry i {
    display: block;
    font-size: 25px;
}

.GetShopCompanySettings .rightmenu .entry.tabnotactive {
    color: #888;
}

.GetShopCompanySettings .workarea {
    width: 100%;
    box-sizing: border-box;
    height: 300px;
}

.GetShopCompanySettings .workareaheader {
    background-color: #dfff98;
    padding: 17px;
    font-size: 25px;
    text-align: center;
}

.GetShopCompanySettings div.row:nth-child(odd) {
    background-color: #EDEDED;
}

.GetShopCompanySettings .row .col {
    display: inline-block;
    padding: 10px;
    vertical-align: top;
}


.GetShopCompanySettings .mail_month_header {
    font-size: 20px;
    padding: 20px;
    background-color: #ad5e1d;
    color: #FFF;
    text-align: center;
}

.GetShopCompanySettings .row .col.date { width: 80px; font-weight: bold; text-align: center;}
.GetShopCompanySettings .row .col.snippet { width: calc(100% - 220px); }

.GetShopCompanySettings .messagecountertop {
    text-align: center;
    background-color: #008ae2;
    font-size: 0px;
    white-space: nowrap;
    overflow-x: scroll;
    height: 72px;
}

.GetShopCompanySettings .messagecountertop::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.GetShopCompanySettings .messagecountertop::-webkit-scrollbar {
	width: 7px;
	height: 7px;
	background-color: #F5F5F5;
}

.GetShopCompanySettings .messagecountertop::-webkit-scrollbar-thumb {
	background-color: #29354e;
	border: 1px solid #555555;
}



.GetShopCompanySettings .messagecountbox .count {
    font-weight: bold;
}
.GetShopCompanySettings .messagecountbox {
    width: 80px;
    display: inline-block;
    text-align: center;
    padding: 10px;
    border-right: solid 1px rgba(255,255,255,0.5);
    border-left: solid 1px rgba(255,255,255,0.5);
    font-size: 16px;
    color: #FFF;
}

.GetShopCompanySettings .rightmenu .submenu {
    position: absolute;
    right: 100px;
    background-color: #2c334f;
    display: none;
    margin-top: -30px;
}

.GetShopCompanySettings .rightmenu .submenu .submenuentry {
    padding: 10px;
}

.GetShopCompanySettings .rightmenu .entry[tab='systems']:hover .submenu {
    display: block;
}

.GetShopCompanySettings .systemview {
    margin: 50px;
}   

.GetShopDeviceList {
    max-width: 1000px;
    margin: 0 auto;
}

.GetShopDeviceList .createnewdevice {
    margin-top: 50px;
    background-color: #EFEFEF;
    padding: 50px;
}
.GetShopDeviceList .GetShopModuleTable .col { width: 150px; }
.GetShopDeviceList .col_name {   width: 100px; }
.GetShopDeviceList .col_type {   width: 100px; }

.GetshopInbox {
    font-size: 16px;
}
.GetshopInbox .workarea,
.GetshopInbox .leftmenu {
    display: inline-block;
    vertical-align: top;
}

.GetshopInbox .setuptickets {
    padding: 10px;
}

.GetshopInbox .typeselection {     
    border: solid 1px #bbb;
    margin: 3px;
    cursor:pointer;
    top: 4px;
    display: inline-block;
    padding: 3px;
    border-radius: 3px;
}

.GetshopInbox .typeselection.selected {
    background-color:green;
    color:#fff;
}

.GetshopInbox .leftmenu {
    width: 100px;
    background-color: #23314e;
    color: #FFF;
    text-align: center;
    min-height: calc(100% - 86px);
}

.GetshopInbox .leftmenu .entry {
    border-top: solid 1px #222;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    width: 100px;
    text-align: center;
    font-size: 11px;
    min-height: 46px;
}

.GetshopInbox .leftmenu .entry i {
    display: block;
    font-size: 25px;
}

.GetshopInbox .leftmenu .entry.tabnotactive {
    color: #888;
}

.GetshopInbox .workarea {
    width: calc(100% - 100px);
    box-sizing: border-box;
}


.GetshopInbox .row .col {
    display: inline-block;
    padding: 5px;
    vertical-align: top;
}

.GetshopInbox .row:nth-child(odd) {
    background-color: #EEE;
}

.GetshopInbox .row.email .col.icons {
    width: 30px;
}

.GetshopInbox .row.email .col.subject {
    width: calc(100% - 980px);
}


.GetshopInbox .row.email .col.date {
    width: 80px;
}
.GetshopInbox .row.email .col.from {
    width: 200px;
    overflow: hidden;
}

.GetshopInbox .row.email .col.company {
    width: 200px;
}


.GetshopInbox .connectMailToCompany {
    border: solid 3px #DDD;
    background-color: #FFF;
    z-index: 1;
    position: fixed;
    left: 40px;
    right: 40px;
    top: 40px;
    bottom: 40px;
    border-radius: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 30px;
    display: none;
}

.GetshopInbox .checkboxaction {
    border: solid 1px #DDD;
    padding: 10px;
    font-size: 20px;
    border-radius: 50px;

}

.GetshopInbox .typeselectionbtn.selected { background-color:green; }

.GetshopInbox .row.email  .selected_checkbox_options .menu {
    margin-left: -400px;
}

.GetshopInbox .selected_checkbox_options .menu {
    margin: 20px;
    position: absolute;
    z-index: 1;
    background-color: #FFF;
    border: solid 5px #DDD;
    margin-top: 0px;
    display: none;
    width: 500px;
    right:0px;
    font-size:14px;
}

.GetshopInbox .selected_checkbox_options .menu .entry .subentry {
    padding: 5px;
    
    padding-left: 20px;
}

.GetshopInbox .selected_checkbox_options .menu .entry .subentry:hover {
    background-color: #EEE;
}

.GetshopInbox .selected_checkbox_options .menu .entry {
    padding: 10px;
    border-bottom: solid 1px #DDD;
    cursor: pointer;
}

.GetshopInbox .topmenu {
    padding: 20px;
}

.GetshopInbox .mailview {
    position: fixed;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 2;
    background-color: #FFF;
    border: solid 5px #DDD;
    display: none;
    overflow-y: scroll;
}

.GetshopInbox  .mailview .innermailview {
    padding: 30px;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 400px);
    border-right: solid 1px #DDD;
}

.GetshopInbox .mailview .subject {
    font-size: 20px;
    padding: 10px;
    background-color: #ebffa9;
}

.GetshopInbox .mailview .getshop_information {
    width: 300px;
    border-left: solid 1px #DDD;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 20px;
    margin-left: -4px;
}

.GetshopInbox .mailview .closebox {
    position: fixed;
    height: 30px;
    width: 30px;
    z-index: 3;
    right: 0px;
    top: 0px;
    border-radius: 20px;
    border: solid 3px #DDD;
    background-color: #FFF;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    cursor: pointer;
}

.GetshopInbox .mailview .attachments {
    height: 50px;
    background-color: #ebffa9;
    box-sizing: border-box;
    padding: 15px;
}

.GetshopInbox .col.ticketid { width: 50px; padding-left: 20px;}
.GetshopInbox .col.title { width: calc(100% - 1000px); }
.GetshopInbox .col.state { width: 100px }
.GetshopInbox .col.customer  { width: 300px; }

.GetshopInbox .ticketlist {
    display: inline-block;
    width: calc(100% - 400px);
    vertical-align: top;
}

.GetshopInbox .lastcontentmessages {
    display: inline-block;
    width: 390px;
    vertical-align: top;
    border-left: solid 1px #DDD;
}

.GetshopInbox .ticketcontent_right {
    border-bottom: solid 1px #DDD;
    padding: 10px;
    font-size: 13px;
}

.GetshopInbox .ticketcontent_right.notread {
    background-color: #f5ff82;
}

.GetshopInbox .ticketcontent_right.assignedToUser {
    background-color: #16b018;
}

.GetShopInvoicing .row .col {
    display: inline-block;
}

.GetShopInvoicing .row .col.col1 {
    width: 300px;
}

.GetShopInvoicing .row {
    padding: 20px;
}

.GetShopInvoicing .row .col.icol1 {
    width: 800px;
}


.GetShopInvoicing .row .col.icol2 {
    width: 400px;
}

.GetShopInvoicing .row .col.icol3 {
    width: 50px;
}

.GetShopInvoicing .row .col.icol4 {
    width: 80px;
}

.GetShopInvoicing .row .col.icol5 {
    text-align: right;
    width: 100px;
}

.GetShopInvoicing .row .col.header {
    font-weight: bold;
}

.GetShopInvoicing .innerrow.totalfororder {
    border-top: solid 1px #DDD;
    font-style: italic;
}

.GetShopInvoicing .row.odd {
    background-color: #EEE;
}



.GetShopLockSystem .locklist {
    border: solid 1px #DDD;
    position: relative;
    min-height: 400px;
    background-color: #EEE;
}

.GetShopLockSystem .menuarea {
    padding: 10px;
    background-color: #EEE;
}
.GetShopLockSystem .locklist .serverdetails {
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: center;
    background-color: #DDD;
    padding: 5px;
}
.GetShopLockSystem .locklist .header {
    background-color: #DDD;
    padding: 10px;
}

.GetShopLockSystem .locklist .lockrow {
    padding: 5px;
    border-bottom: solid 1px #DDD;
    margin-right: 200px;
}

.GetShopLockSystem .locklist .lockrow div { display: inline-block; }
.GetShopLockSystem .locklist .lockrow .icon { width: 30px; }
.GetShopLockSystem .locklist .lockrow .name { width: 400px; }
.GetShopLockSystem .locklist .lockrow .numberofcodes { width: 30px; }
.GetShopLockSystem .locklist .lockrow .inforow { display: block; }
.GetShopLockSystem .locklist .lockrow:last-of-type { border:solid 0px;}


.GetShopLockSystem .commandArea {
    border: solid 1px #DDD;
    background-color: #EEE;
    padding: 10px;
    text-align: center;
    margin-bottom: 20px;
}

.GetShopLockSystem .userslotrow {
    position: relative;
    min-height: 33px;
    padding-bottom: 5px;
}
.GetShopLockSystem .slotActions {
    position: absolute;
    right: 0px;
    top: 0px;
}
.GetShopLockSystem .userrow {
    padding-left: 19px;
    min-height: 45px;
}

.GetShopLockSystem .userrow:nth-child(odd) {
    background: #EEE;
}

.GetShopLockSystem .leftmenu,
.GetShopLockSystem .rightside {
    display: inline-block;
}

.GetShopLockSystem .leftmenu {
    width: 200px;
    vertical-align: top;
    margin-right: 10px;
    border: Solid 1px #DDD;
    background-color: #EEE;
}

.GetShopLockSystem .leftmenu .row {
    line-height: 30px;
    padding-left: 10px;
    cursor: pointer;
}


.GetShopLockSystem .lockandserverids {
    padding: 20px;
    background-color: #EEE;
}

.GetShopLockSystem .rightside {
    width: calc(100% - 212px);
    
}


.GetShopPmsLockSetup .row .col2,
.GetShopPmsLockSetup .row .col1 {
    display: inline-block;
}

.GetShopPmsLockSetup .row {
    border-bottom: solid 1px #DDD;
    padding-bottom: 5px;
    padding-top: 5px;
}

.GetShopPmsLockSetup .row .col1 {
    width: 300px;
}

html {
    border: 20px;
}

.GetShopQuickUser .brregsearchresultrow { padding: 3px; }

.GetShopQuickUser .brregsearchresultrow:hover { font-weight: bold; cursor:pointer;}

.GetShopQuickUser .change_user_form, 
.GetShopQuickUser .edit_details_of_user {
    position: absolute;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    z-index: 1;
    width: 843px;
    background-color: #FFF;
    padding: 20px;
    display: none;
    min-height: 150px;
}
.GetShopQuickUser .additionalDescription { width: 100%; height: 80px; }
.GetShopQuickUser .edit_details_directprint {
    z-index: 1;
    background-color: #FFF;
    min-height: 150px;
}
.GetShopQuickUser .edit_details_directprint .colbox {
    width: 49%;
}
.GetShopQuickUser .edit_details_directprint .col1 {
    width: 130px !important;
}

.GetShopQuickUser .change_user_form .tabs .tab i {
    display: none;
}

.GetShopQuickUser .change_user_form .tabs .tab.tab_active i {
    display: inline-block;
}
.GetShopQuickUser .change_user_form .tabs .tab {
    display: inline-block;   
}

.GetShopQuickUser .change_user_form .tab_contents .tab_content {
    display: none;
    padding-top: 20px;
}

.GetShopQuickUser .change_user_form .chosen-container {
    width: 100%;
}

.GetShopQuickUser .change_user_form .tab_contents .tab_content[tab_content="existinguser"] {
    display: block;
}


.GetShopQuickUser .usersearchrow {
    border-bottom: solid 1px #DDD;
}

.GetShopQuickUser .usersearchrow:hover {
    background-color: #EFEFEF;
}

.GetShopQuickUser .searchresult {
    margin-top: 30px;
}

.GetShopQuickUser .usersearchrow .user_col {
    display: inline-block;
    padding: 5px;
}

.GetShopQuickUser .colbox {
    width: 400px;
    display: inline-block;
    vertical-align: top;
}

.GetShopQuickUser .user_view {
    display: inline-block;
}

.GetShopQuickUser .userNotSelected {
    display: none;
}

.GetShopQuickUser .usersearchrow .user_col1 { width: 150px; }
.GetShopQuickUser .usersearchrow .user_col2 { width: 250px; }
.GetShopQuickUser .usersearchrow .user_col3 { width: 100px; }



.leadslist { margin: auto; max-width: 1600px; margin-top: 50px; }
.leadslist tr:hover { background-color:#efefef; }
.leadslist tr:hover i { display:inline-block; } 
.leadslist tr i { display:none; cursor:pointer; }

.leadslist .modified { background-color:pink; }
.leadslist {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.leadslist td, .leadslist th {
  border: 1px solid #ddd;
  padding: 2px;
}

.leadslist tr:nth-child(even){background-color: #f2f2f2;}

.leadslist tr:hover {background-color: #ddd;}

.leadslist th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}



/* 
    your css goes here
*/
#informationbox.GoogleMaps .container {  padding: 10px;  }
#informationbox.GoogleMaps .title { font-weight: bold; font-size: 16px; }
#informationbox.GoogleMaps .positionright { float:right; }
#informationbox.GoogleMaps .row { clear:both; }
#informationbox.GoogleMaps .description { width: 455px; }
#informationbox.GoogleMaps .templaterow { display:none;}
.GoogleMaps { height: 100%; }
.GoogleMaps .applicationinner { height: 100%; }
.GoogleMaps .googlemapcanvas { height: 100%; }

/*Colors:
Input      : #ffffff; white
Background1: #f9f9f9; white
Background2: #f1f1f1; gray
Borders1   : #dddddd; gray
Borders2   : #ececec; gray
Shadows    : #aaaaaa; gray
TextColor  : #222222; black
ThemeColor1: #329ad6; blue
ThemeColor2: #83b0dc; blue
OldThemeBlue:#329ad6  blue
Hover1     : #f2f5f7; blue
Hover2     : #4391dc; blue
Hover3     : #91bfec; blue
Correct    : #6dc59a; green
Error      : #de5353; red
*/

/*-----------------gslfront_1-----------------*/
.GslBooking .fa_box.guests { visibility: hidden; }
.GslBooking .fa_box.coupon { border-left: solid 1px #ddd;}
.GslBooking .yourstaysummary { padding-left: 10px; }
.GslBooking .invalidinput { border-color: red; border: solid 1px red !important; }
.GslBooking .guestentry { position:relative; }
.GslBooking .availableroomcontainer { margin-left: 10px; }
.GslBooking .roomselectiontemplate { display:none; }
.GslBooking .continuetoguestinfooptions { position:absolute; width: 50%; right:10px; bottom: 10px; text-align: right; display:none;}
.GslBooking .continuetoguestinformationbtn,
.GslBooking .removeallselectedroomsbtn { padding: 10px; }
.GslBooking .removeallselectedroomsbtn { background-color:red !important; }
.GslBooking .getshop_specialerrormsg { color:red; margin-top: 10px; }
.GslBooking .paymentmethodselection #paymentmethodselection { padding: 5px; width: 100%; box-sizing: border-box; }
.GslBooking .getshop_disabled_row { color:#bbb; }
.GslBooking .getshop_disabled_row select { pointer-events: none; color:#bbb; background-color:#bbb; }

#warningstartyesterday {  text-align: center; padding: 10px; color:red; font-weight: bold; display:none; }
.GslBooking .terminalpaymentprocess {  
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 5;
    text-align:center;
}
.GslBooking .terminalpaymentprocess .content {  
    background-color:#fff;
    width: 50%;
    display: inline-block;
    margin-top: 40px;
    padding: 10px;
}

.GslBooking .gslfront_1 {
    background-color: #fff;
    padding: 0px;
    font-size: 16px;
    position: relative;
    cursor:default;
    color:#222;
    box-shadow: 0px 0px 0px 1px #ddd;
    display:inline-block;
    width:100%;
    text-align:left;
}

.GslBooking .gslfront_1[page="roomconfig"] {
    box-shadow: inherit;
}

.GslBooking .gslfront_1 *,.GslBooking .gslfront_1 *::before,.GslBooking .gslfront_1 *::after{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.GslBooking .gslfront_1, .GslBooking .gslfront_1 input, .GslBooking .gslfront_1 select{font-family: 'Montserrat', sans-serif;}
.GslBooking .gslfront_1 .nights .fa { font-size: 25px; cursor:pointer; }
.GslBooking #nightscounter { padding: 0px;width: 30px;text-align: center; }
.GslBooking .picker_header { position:absolute; padding-top:2px; padding-left: 5px; top: -25px; font-size: 14px; }
.GslBooking .gslfront_1 .nights { border-right: solid 1px #ddd;
    height: 60px;
    text-align: center;
    line-height: 60px;
}
.GslBooking .gslfront_1 .guestaddonicon { position: relative; cursor:pointer; }
.GslBooking .gslfront_1 .countselections { position:absolute; border: solid 1px #bbb; background-color:#fff; display: none; top: 20px; left:0px;z-index: 99999999; }
.GslBooking .gslfront_1 .countselections .countselection { font-size: 28px; border-right: solid 1px #bbb; text-align: center; width: 28px; display:inline-block; } 
.GslBooking .gslfront_1 .countselections .countselection:hover { color:#000; }
.GslBooking .gslfront_1 .noRoomSelected { display:none; padding: 20px; font-size: 20px; text-align: center;}
.GslBooking .gslfront_1 input, .GslBooking .gslfront_1 select{margin:0;vertical-align:initial;font-size:13px;height:auto;}
/*.GslBooking .gslfront_1 input[type="checkbox"] {box-shadow:0px 0px 0px 1px #ddd;width:12px !important;height:12px !important;margin-right:4px;border:2px solid #fff !important;padding:0 !important;}
.GslBooking .gslfront_1 input[type="checkbox"][checked="checked"] {background-color:#93ccdf;}*/

.GslBooking .gslfront_1 h3{
    font-size: 20px;
    text-transform: none;
    color: #333;
    padding:0;
    margin:0;
}
.GslBooking .gslfront_1 h4{font-size: 18px;margin: 12px 0;font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit;}
.GslBooking .errormessage, .GslBooking .agreetotermserrormessage { color: red; display:none; }
.GslBooking .excludeChildSelection{display:none;}
.GslBooking .gssigninbutton { padding-left: 20px; padding-right:20px; float:right; margin-top:10px; border: 0;}
.GslBooking .overview_loggedon { min-height: 200px; }

.GslBooking .gslfront_1 button{font-weight:500 !important;}
.GslBooking .successcompleted { display:none; text-align: center; padding: 20px; font-size: 28px; }
.GslBooking .errorcompleted { display:none; text-align: center; padding: 20px; font-size: 28px; color:red; }
.GslBooking .failedlogon { display:none; text-align: left; color:red; }
.GslBooking .ordertext { width: 100%; border: solid 1px #bbb; margin-top: 5px; height: 100px; }

.GslBooking .noroomsfound {
    display:none;
    font-size: 20px;
    text-align: center;
    padding: 20px;
    letter-spacing:1px;
    background-color: #fff;
    border-top:1px solid #ddd;
}

.GslBooking #addnewguest, 
.GslBooking #productentrybox, 
.GslBooking #addnewguest, 
.GslBooking #addnewroom { display:none; }

.GslBooking .gslfront_1 .productentry_gallery.active{
    width:100%;
    height:100%;
    background-color:#000;
    transition: 0.7s;
    position:fixed;
    top:0;
    left:0;
    padding-top:2%;
    z-index: 99;
}
.GslBooking .removeroom { cursor:pointer; }
.GslBooking .roomdescription { padding-top: 10px; padding-left: 10px; font-size:14px;}
.GslBooking .gslfront_1 .productentry_gallery.active .gallery-wrapper{width: 100%;position: absolute;bottom:0;overflow:visible;}
.GslBooking .gslfront_1 .productentry_gallery.active .feature{max-width:58%;max-height:50%;margin:auto;}
.GslBooking .gslfront_1 .productentry_gallery.active .feature .image-holder{padding-bottom: 60%;}

.GslBooking .gslfront_1 .productentry_gallery.active .fa-search{display:none;}
.GslBooking .gslfront_1 .productentry_gallery.active .move-btn{padding: 5% 0;font-size: 50px;}

.GslBooking .gslfront_1 .productentry_gallery.active .fa-times{display:block;}
.GslBooking .gslfront_1 .productentry_gallery .fa-times{
    display:none;
    position: absolute;
    top:10px;
    right:10px;
    color:#fff;
    font-size: 30px;
    cursor:pointer;
}

.GslBooking .gslfront_1 input[type="date"] { -webkit-appearance: none;-moz-appearance: none; } /*Removes iphone input styling*/
.GslBooking .gslfront_1 input[type="checkbox"] ,.GslBooking .gslfront_1 input[type="radio"] {box-shadow: 0 0 0 !important;}
.GslBooking .gslfront_1 input[type="checkbox"]:hover, .GslBooking .gslfront_1 input[type="radio"]:hover{box-shadow: 0 0 0 !important;}
.GslBooking .gslfront_1 input:hover{box-shadow: inset 0px 0px 2px #ddd;}
.GslBooking .gslfront_1 input:focus,.GslBooking .gslfront_1 select:focus{outline-width:0;box-shadow: inset 0 0 0 1px #329ad6;}

.GslBooking .gslfront_1 .gsl_button:hover{background-color:#48cfa3;}/*#95e4c2*/
.GslBooking .gslfront_1 .gsl_button{
    text-align:center;
    letter-spacing:1px;
    background: #3fc297; /*#93dfbe*/
    color:#fff;
    cursor:pointer;
    border-radius:2px;
    display: inline-block;}
.GslBooking .gslfront_1 .gsl_button.return:hover{background-color:#5fb892;}

.GslBooking .gslfront_1 .gsl_button.continue{
    width: 100%;
    margin-top: 10px;
    height: 33px;
    bottom: 10px;
    line-height:33px;
}
.GslBooking .gslfront_1 .gssigninbutton,
.GslBooking .gslfront_1 .gssignoutbutton{line-height: 30px;}
.GslBooking .gslfront_1 .gsl_button.return i{padding: 0;}
.GslBooking .gslfront_1 .gsl_button.return{
    position: absolute;
    width: 26%;
    left: 10px;
    width:65px;
    line-height: 33px;
    /*float:left;*/
    bottom: 10px;
    background-color: #56b089;}
.GslBooking .gslfront_1 .disabled{opacity:0.3 !important; cursor: default !important;}
.GslBooking .gslfront_1 .disabled:hover{opacity: 0.3 !important;}
.GslBooking .gslfront_1 .validCode{box-shadow: inset 10px 0px 0 #6dc59a !important;}
.GslBooking .gslfront_1 .non-validCode{box-shadow: inset 10px 0px 0 #de5353 !important;color:#de5353 !important;}
.GslBooking .gslfront_1 .fa{padding:0 4px;}
.GslBooking .gslfront_1 .fa_box{position: relative;width: 20%;float:left;}
.GslBooking .gslfront_1 .fa_box::after{
    font-family: 'Font Awesome 5 Free';
    font-family: 'icomoon' !important;
    position: absolute;
    pointer-events: none;
    right: 1.5em;
    top: 50%;
    margin-top: -.8em;
    font-size: 20px;}

/*-----------------HEADER-----------------*/
.GslBooking .gslfront_1 .gslbookingHeader {display: block;width: 100%;user-select:none;height:60px;position:relative;}

.GslBooking .gslfront_1 .gslbookingHeader input{overflow: hidden;text-overflow: ellipsis;}
.GslBooking .gslfront_1 .gslbookingHeader input::-webkit-input-placeholder{color:#000;}
.GslBooking .gslfront_1 .gslbookingHeader input::-moz-placeholder{color:#000;}
.GslBooking .gslfront_1 .gslbookingHeader input:-moz-placeholder{color:#000;}
.GslBooking .gslfront_1 .gslbookingHeader input:-ms-input-placeholder{color:#000;}
.GslBooking .gslfront_1 .gslbookingHeader input:focus{outline-width:0;box-shadow: 0 0 0;}

.GslBooking .gslfront_1 .gslbookingHeader .destination::after{content: "\f041";}
.GslBooking .gslfront_1 .gslbookingHeader .date::after{content: "\e92f";}
.GslBooking .gslfront_1 .gslbookingHeader #date_picker_start::after{content: "\e92f";}
.GslBooking .gslfront_1 .gslbookingHeader .guests::after{content: "\e90f";}

.GslBooking .gslfront_1 .gslbookingHeader .gsl_button:hover{background-color:#4391dc;}
.GslBooking .gslfront_1 .gslbookingHeader .gsl_button{
    height: 60px;
    line-height: 60px;
    letter-spacing:1px;
    float:right;
    background: #329ad6;
    width: 19%;
    border-radius: 0;
    font-size:18px;}
.GslBooking .gslfront_1 .gslbookingHeader input{
    width:100%;
    cursor: pointer;
    height:60px;
    line-height:60px;
    letter-spacing:1px;
    font-size:16px;
    padding:0 30px 0 26px;
    background-color:#fff;
    border:0;}
.GslBooking .gslfront_1 .guestInfoBox{
    position: absolute;
    display: none;
    font-size:16px;
    width: 100%;
    min-width: 300px;
    border-top: 2px solid #94ccdf;
    padding: 16px;
    text-align: left;
    text-transform: capitalize;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    z-index: 2;}
.GslBooking .gslfront_1 .guestInfoBox div{position:relative;}
.GslBooking .gslfront_1 .guestInfoBox input{padding: 0;height: auto;width:50%;cursor: default;text-align: center;line-height: 50px;}
.GslBooking .gslfront_1 .guestInfoBox input:hover{box-shadow: 0 0 0;}
.GslBooking .gslfront_1 .guestInfoBox i{cursor: pointer;padding: 10px;border-radius: 4px;background-color: #fff;color: #94ccdf;border: 1px solid #94ccdf;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
.GslBooking .gslfront_1 .guestInfoBox_left{float:left;width:40%;padding-bottom:0;}
.GslBooking .gslfront_1 .guestInfoBox_left div{padding:14px 0;}
.GslBooking .gslfront_1 .guestInfoBox_right{float:right;width:60%;text-align: right;padding-bottom:0;text-align: center;}

.GslBooking .gslfront_1 .destinationInfoBox{
    position: absolute;
    display: none;
    border-top: 2px solid #329ad6;
    min-width: 280px;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    z-index: 2;}
.GslBooking .gslfront_1 .destination_line{padding: 10px;border-bottom:1px solid #ddd;cursor: pointer;}
.GslBooking .gslfront_1 .destination_line:hover{background-color:#f2f5f7;}
.GslBooking .gslfront_1 .destination_image{width: 40px;height: 40px;border-radius: 10%;margin-right: 10px;}

/*-----------------BODY-----------------*/
.GslBooking .gslfront_1 .gslbookingBody{display: none;}
.GslBooking .gslfront_1 .continuebuttonframe {position:absolute;bottom:0;right:0; width:25%;}
.GslBooking .gslfront_1 #productoverview_footer{height:0px;}/*Stops fixed header*/
.GslBooking .gslfront_1 .productentry{background-color: #efeff0;position:relative;overflow: hidden;}
.GslBooking .gslfront_1 .productentry_main{width: 65%;float: right;min-height: 328px;background-color:#fff;}
.GslBooking .gslfront_1 .productentry table{width: 100%;}
.GslBooking .gslfront_1 .productentry table td{padding:0px 6px;font-size: 14px;}



/*Gallery*/
.GslBooking .gslfront_1 .productentry_gallery{width: 35%;display: inline-block;overflow: hidden;}
.GslBooking .gslfront_1 .roomheading { height:34px; font-size: 18px; background-color:#94ccdf; color:#fff; position:relative; }
.GslBooking .gslfront_1 .innertext { display:inline-block; padding:4px 30px 4px 10px; background-color: #93ccdf;}
.GslBooking .gslfront_1 .displayeditroom {position:absolute;top:0;right:0;background-color:#6cadc2; color:#fff; padding: 5px; padding-left: 8px; cursor:pointer; border-radius: 2px;}
.GslBooking .gslfront_1 .guestbox { padding: 10px; }
.GslBooking .gslfront_1 .editroomoptions { position:absolute; right: 0px; top: 34px; background-color:#6cadc2; color:#fff;  z-index: 1; display:none;}
.GslBooking .gslfront_1 .editroomoptionsrow { border-bottom: solid 1px #fff; padding: 10px; }
.GslBooking .gslfront_1 .editroomoptionsrow input {border: 0;padding: 6px;margin-bottom: 4px;width: 100%;}
.GslBooking .gslfront_1 .editroomoptionsrow .editroomoptionsrow-date:after{
    content: "\f073";
    font-family: 'Font Awesome 5 Free';
    font-weight:400;
    position: absolute;
    right: 16px;
    margin-top: 3px;
    color: #000;
    pointer-events: none;}
.GslBooking .gslfront_1 .editroomoptionsrow.removeroom { cursor:pointer; }
.GslBooking .gslfront_1 .roomfooter { 
    height: 32px;
    padding:0 10px;
    position: relative;
    text-align: right;
}
.GslBooking .gslfront_1 .productentry_gallery .image-holder{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 350ms ease-in-out;
    padding-bottom: 64%; width:100%; }
.GslBooking .gslfront_1 .productentry_gallery .gallery {position: relative;white-space: nowrap;font-size: 0;}
.GslBooking .gslfront_1 .productentry_gallery .featured-image:hover{opacity:0.7;}
.GslBooking .gslfront_1 .productentry_gallery .gallery-wrapper {position: relative;overflow: hidden;}
.GslBooking .gslfront_1 .productentry_gallery .gallery-image{position: relative;opacity: 0.7;}
.GslBooking .gslfront_1 .productentry_gallery .gallery-image.active{opacity: 1;}
.GslBooking .gslfront_1 .productentry_gallery .gallery-image.active:hover{opacity:1;}
.GslBooking .gslfront_1 .productentry_gallery .image-wrapper{cursor: pointer;width: 22%;display: inline-block;}
.GslBooking .gslfront_1 .productentry_gallery .controls{font-size: 40px;border-top: none;display: none;}
.GslBooking .gslfront_1 .productentry_gallery .move-btn:hover{color: rgba(0, 0, 0, 0.7) !important;}
.GslBooking .gslfront_1 .productentry_gallery .move-btn .fa-caret-right{padding-left: 4px;}
.GslBooking .gslfront_1 .productentry_gallery .move-btn{
    display: inline-block;
    position: absolute;
    border: none;
    color: transparent;
    bottom: 0;
    cursor:w-resize;
    color: transparent;
    width: 30px;
    line-height: 50px;
    text-align:center;}
.GslBooking .gslfront_1 .productentry_gallery .move-btn.left{display:none;}
.GslBooking .gslfront_1 .productentry_gallery .move-btn.right{right: 0;cursor:e-resize}

/*Productentry info*/
.GslBooking .gslfront_1 .productentry_header{background-color:#94ccdf;color:#fff;}
.GslBooking .gslfront_1 .productentry_header div{display:inline-block;font-size: 18px;padding:6px 18px;}
.GslBooking .gslfront_1 .productentry_header .lowpricediv{float:right;}
.GslBooking .gslfront_1 .productentry_itemlist{box-shadow: 0px 1px 0px 0px #efefef;padding-left:7px;}
.GslBooking .gslfront_1 .productentry_itemlist .price{padding:0 10px;}
.GslBooking .gslfront_1 .productentry_itemlist i{padding:0 0 0 3px;}
.GslBooking .gslfront_1 .productentry_itemlist div{display:inline-block;padding:7px;}

.GslBooking .gslfront_1 .productentry_itemlist .select-wrapper{position: relative;}
.GslBooking .gslfront_1 .productentry_itemlist .select-wrapper:after{
    content: "\f078";
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    font-size: 10px;
    right: 10px;
    top: 12px;
    padding: 3px 4px 3px 10px;
    background-color: #fff;
    pointer-events: none;
}
.GslBooking .gslfront_1 .productentry_itemlist select{
    width: 44px;
    position: relative;
    padding: 6px;
    border: 0;
    border-radius:3px;
    box-shadow: inset 0 0 0 1px #ececec;
    background-color:#fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;}
.GslBooking .gslfront_1 .productentry_body{padding: 10px 10px 30px 10px;}
.GslBooking .gslfront_1 .productentry_total{width:100%;text-align: center;font-size:18px;padding:14px;border-top: 1px solid #ddd;}
.GslBooking .gslfront_1 .productentry_footer{position:absolute;width:65%;bottom:0;padding:6px 0;text-align: right;}
.GslBooking .gslfront_1 .productentry_footer i{padding: 0 10px;}
.GslBooking .gslfront_1 .productoverview {font-size:0;}/*Fix gap between rooms*/
.GslBooking .gslfront_1 .productoverview .gsl_button.continue.active:hover{background-color:#4391dc;}
.GslBooking .gslfront_1 .productoverview .gsl_button.continue.active{cursor: pointer;background-color:#329ad6; display:none;}
.GslBooking .gslfront_1 .productoverview .gsl_button.continue{
    background-color: #ddd;
    width: 20%;
    position: absolute;
    right:10px;
    bottom:10px;
    cursor: default;}
.GslBooking .gslfront_1 .product_availablerooms{float:right;font-size: 16px;background: #94ccdf;border-radius: 0 0 4px 4px;}
.GslBooking .gslfront_1 .unavailableRooms{color:#ddd;}
.GslBooking .gslfront_1 .ordersummary { background-color:#fff; display: none; position: relative;width: 100%;z-index: 1;border-top:1px solid #ddd;letter-spacing: 1px;}
.GslBooking .gslfront_1 .ordersummary h3{padding:20px 0 10px 0;text-align: center;}
.GslBooking .gslfront_1 .ordersummary .gsl_button.continue {width: 20%;display: inline-block;bottom:13px;}
.GslBooking .gslfront_1 .ordersummary #order-sticky{
    background-color:rgba(255,255,255,0.96);
    min-height: 60px !important;
    padding: 0 4px;
    border-top: solid 1px #bbb;
    border-bottom: solid 1px #bbb;
}
.GslBooking .gslfront_1 .ordersummary .selectedguests { padding: 10px; }
.GslBooking .gslfront_1 .ordersummary td{padding:2px;}
.GslBooking .gslfront_1 .ordersummary .bottomspacer { clear:both;height: 10px; }

.GslBooking .overview_contact_tab {padding:10px 0;}
.GslBooking .overview_contact_tab span{font-weight: 500;padding-right: 10px;}
.GslBooking #priceoffertable { width: 100%; }
.GslBooking #priceoffertable td { font-size: 16px; }
.GslBooking .totalAmountline td{border-top:1px solid #ddd;}
.GslBooking .bestValue{width: 80%;display: inline-block;padding: 18px 10px;}
.GslBooking .totalprice{letter-spacing: 2px;}

.GslBooking .gslfront_1 .zaui {width:100%;color:#fff; background-color:#94ccdf; display: none; padding:10px; box-shadow: 0px 0px 0px 1px #93ccdf;}
.GslBooking .gslfront_1 .zaui_container_left {width:75%;background-color:#fff; min-height: 200px}
.GslBooking .gslfront_1 .zaui_container_right {width:25%;float:right;color:#fff;padding-left:10px;}
.GslBooking .gslfront_1 .zaui_title {margin: 20px;}
.GslBooking .gslfront_1 .zaui_container_left .roomdescription {color: #222;}
.GslBooking .gslfront_1 .zaui_container_left .guestselection {color: #222; display: none}

.GslBooking .gslfront_1 .zaui_container_left .addButton,
.GslBooking .gslfront_1 .reserveTourButton,
.GslBooking .gslfront_1 .zaui_button
{padding: 6px 12px;background-color:#6cadc2; cursor:pointer; margin-left:9px; }
.GslBooking .gslfront_1 .zaui_container_left .addButton.added_addon{background-color:#96deff;}
.GslBooking .gslfront_1 .zaui_container_left .addButton.added_addon:hover{background-color:#aae0f9;}
.GslBooking .gslfront_1 .zaui_container_left .addButton:hover,
.GslBooking .gslfront_1 .reserveTourButton:hover
{background-color:#7bbdd3;}

.GslBooking .gslfront_1 .zaui_button,
.GslBooking .gslfront_1 .reserveTourButton { color:#FFF; display:inline-block; padding:6px 12px; margin-bottom:6px; text-align:center; min-width:75px; }
.GslBooking .gslfront_1 .reserveTourButton.cancelTour { background-color:#32a6cd; }

.GslBooking .gslfront_1 .showTours {color: #222; cursor: pointer;}
.GslBooking .gslfront_1 .zaui_confirmation {box-sizing: border-box; width: 100%;}
.GslBooking .gslfront_1 .no_tours {display: none; color: #222;}
.GslBooking .gslfront_1 .no_activities {display: none; color: #222; margin: 20px}
.GslBooking .gslfront_1 .return_to_search {display: none;}

.zaui_container_left table,
.zaui_container_left tr,
.zaui_container_left td { border:none; }

/*Addons and guest information*/
.GslBooking .gslfront_1 .addons_overview .addons_overview_right{width:25%;float:right;color:#fff;padding-left:10px;}
.GslBooking .gslfront_1 .addons_overview .addons_overview_left{width:75%;background-color:#fff;padding:20px;}
.GslBooking .gslfront_1  .addonsentry{margin-bottom: 20px;}

.GslBooking .gslfront_1 .addons_overview,
.GslBooking .gslfront_1 .overview{background-color:#94ccdf;display: none;padding:10px;box-shadow: 0px 0px 0px 1px #93ccdf;}
.GslBooking .gslfront_1 .overview_article{position: relative;width:75%;padding:20px;background-color:#fff;}
.GslBooking .gslfront_1 .overview_room_info{float:right;width: 25%;color:#fff; padding-left: 30px; }
.GslBooking .gslfront_1 .overview_addons{margin-top:12px;border: 2px solid #94ccdf;padding: 10px;}
.GslBooking .gslfront_1 .overview_addons .addonprinted {position:relative; }
.GslBooking .gslfront_1 .overview_addons .addaddonsonallroombutton {position:absolute; right: 0px; width: 15%; }
.GslBooking .gslfront_1 .overview_addons .addonsSelectionCount {height: 30px;width: 40px;border: solid 1px #bbb;background-color: #fff; display:none;}
.GslBooking .gslfront_1 .overview_addons .addon div{display: inline-block;}
.GslBooking .gslfront_1 .overview_addons .addButton{padding: 4px 0;background-color:#6cadc2;}
.GslBooking .gslfront_1 .overview_addons .addButton.added_addon{background-color:#96deff;}
.GslBooking .gslfront_1 .overview_addons .addButton.added_addon:hover{background-color:#aae0f9;}
.GslBooking .gslfront_1 .overview_addons .addButton:hover{background-color:#7bbdd3;}

.GslBooking .gslfront_1 .packages_supported { margin-bottom: 10px; }
.GslBooking .gslfront_1 .packages_supported_inner {margin-top:12px;border: 2px solid #94ccdf;padding: 10px; position:relative;}
.GslBooking .gslfront_1 .packages_supported_inner .addonprinted {position:relative; }
.GslBooking .gslfront_1 .packages_supported_inner .addCampaignButton{padding: 4px 0;background-color:#6cadc2;}
.GslBooking .gslfront_1 .packages_supported_inner .addCampaignButton.added_addon{background-color:#96deff;}
.GslBooking .gslfront_1 .packages_supported_inner .addCampaignButton.added_addon:hover{background-color:#aae0f9;}
.GslBooking .gslfront_1 .packages_supported_inner .addBuaddCampaignButtontton:hover{background-color:#7bbdd3;}
.GslBooking .gslfront_1 .packages_supported_inner .selectcampaign {position:absolute; right: 10px; width: 15%; }
.GslBooking .gslfront_1 .packages_supported_inner .campaign_title {display:block; font-weight: bold; line-height: 30px; }
.GslBooking .gslfront_1 .packages_supported_inner .campaignrow {box-shadow: inset 0px -1px 0px 0px #ddd; display:block; padding-bottom: 10px; margin-bottom: 10px; }
.GslBooking .gslfront_1 .packages_supported_inner .campaignrow:last-child { box-shadow: 0 0 0; }


.GslBooking .secondary_text { font-size: 14px;letter-spacing: 1px;padding-left: 20px;}

.GslBooking .gslfront_1 .mobilecheckinheading span, .GslBooking .gslfront_1 .mobilecheckoutheading span{position:absolute;}
.GslBooking .gslfront_1 .mobilecheckinheading{box-shadow: 1px 0px 0px 0px #ddd;}
.GslBooking .gslfront_1 .overview_addons .addon:last-child{box-shadow: 0 0 0;}
.GslBooking .gslfront_1 .overview_addons .addon{
    padding: 10px 0 18px 0;
    box-shadow: inset 0px -1px 0px 0px #ddd;}
.GslBooking .gslfront_1 .roomentryframe{position:relative;}
.GslBooking .gslfront_1 .roomentry{ position:relative; background-color:#fff; margin: 20px 0;border: 2px solid #94ccdf;}
.GslBooking .gslfront_1 .addonsdisabled {background-color:#bbb !important; display:none !important;}
.GslBooking .gslfront_1 .roomentry .fa-paw{font-size:13px;}
.GslBooking .gslfront_1 .roomentry .fa-paw input{width:12%;border:0;border-right:2px solid #329ad6;background:transparent;text-align: center;}
.GslBooking .gslfront_1 .roomentry .addroombox{display: none;position:absolute;background-color:#f9f9f9;width:100%;box-shadow: 0px 1px 1px 0px #222;padding:12px;bottom:0;z-index: 1;}
.GslBooking .gslfront_1 .roomentry .addroombox div{text-align: center;}
.GslBooking .gslfront_1 .roomentry .addroombox div,
.GslBooking .gslfront_1 .roomentry .addroombox input,
.GslBooking .gslfront_1 .roomentry .addroombox select{width: 14%;display: inline-block;padding:0;margin:0;line-height: 30px;}
.GslBooking .gslfront_1 .roomentry .addroombox input{border: 1px solid #ddd;}
.GslBooking .gslfront_1 .roomentry .addroombox select{height: 30px;}
.GslBooking .gslfront_1 .roomentry .addroombox #addroom{float: right;background-color:#329ad6;color:#fff;}
.GslBooking .gslfront_1 .guestentry .entryfield {display:inline-block;width: 33%;float:left;}
.GslBooking .gslfront_1 .guestentry .phonefield:before {content: "+";padding: 6px;position: absolute;color: #329ad6;}
.GslBooking .gslfront_1 .guestentry div span{white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.GslBooking .gslfront_1 .guestentry i{padding:0 2px;cursor:pointer;color:#aaa;}
.GslBooking .gslfront_1 .guestentry input{padding:8px;width:100%;border:solid 1px #ddd;}
.GslBooking .gslfront_1 .guestentry input.ischild {box-shadow: none; float:left; width: 14px; padding: 0px; margin: 0px; margin-top:2px; }
.GslBooking .gslfront_1 .guestentry .ischildrow { padding-top: 4px; padding-bottom: 14px; color:#563333;font-size: 12px; display:inline-block; }
.GslBooking .gslfront_1 .guest_phone{width:25% !important;color: #329ad6;padding: 8px 0px 8px 16px!important;}
.GslBooking .gslfront_1 .guest_addon{position: absolute;right:40px; top:0px; height: 31px; display:inline-block; color:#94ccdf; font-size: 14px;padding-top:4px;}


.GslBooking .gslfront_1 .getshop_room_config { display: none; }
.GslBooking .gslfront_1 .getshop_room_config .guestinfowarning { color: red; font-weight: bold; text-align: center; padding: 20px; margin-top: 20px; border: solid 1px red; display: none;}
.GslBooking .gslfront_1 .getshop_room_config .contains_error { border: solid 1px red; }
.GslBooking .gslfront_1 .getshop_room_config .roomconfigtemplate { display: none; }
.GslBooking .gslfront_1 .getshop_room_config .guestinformationtemplate { display: none; }
.GslBooking .gslfront_1 .getshop_room_config .getshop_room_config_innner .gsl_header {
    border-bottom: solid 1px #DDD;
    text-align: center;
    font-size: 25px;
    padding: 10px;    
}
.GslBooking .gslfront_1 .getshop_room_config .getshop_room_config_innner .gsl_header .roomname {
    font-size: 20px;
    padding-top: 5px;
    font-weight: bold;
}

.GslBooking .gslfront_1 .getshop_room_config .guestinformation .ischildbox {
    font-size: 15px;
    padding: 5px;
}

.GslBooking .gslfront_1 .getshop_room_config .guestinformation {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 0px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #EFEFEF;
    border-top: solid 1px #DDD;
}

.GslBooking .gslfront_1 .getshop_room_config .guest_group_addon_select_box .selection_title {
    font-weight: bold;
}
.GslBooking .gslfront_1 .getshop_room_config .guest_group_addon_select_box .selecticon {
    position: absolute;
    left: 0px;
    top: 5px;
}

.GslBooking .gslfront_1 .getshop_room_config .guest_group_addon_select_box .selecticon .fa-check-square {
    color: green;
    font-size: 20px;
}

.GslBooking .gslfront_1 .getshop_room_config .guest_group_addon_select_box.active .selecticon {
    display: block;
}

.GslBooking .gslfront_1 .getshop_room_config .guest_group_addon_select_box {
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
    cursor: pointer;
}

.GslBooking .gslfront_1 .getshop_room_config .selectgroupheadertitle {
    font-weight: bold;
    margin-bottom: 20px;
}
.GslBooking .gslfront_1 .getshop_room_config .group_chose_option_guest {
    font-size: 15px;
    padding: 9px;
}
.GslBooking .gslfront_1 .getshop_room_config .guestinformation:nth-child(odd) {
    background-color: #DDD;
}

.GslBooking .gslfront_1 .getshop_room_config .guestinformation .col {
    display: inline-block;
    width: 33%;
    font-size: 16px;
    box-sizing: border-box;
    padding: 5px;
}

.GslBooking .gslfront_1 .getshop_room_config .guestinformation .prefix {
    width: 50px;
}

.GslBooking .gslfront_1 .getshop_room_config .guestinformation .phonenumber {
    width: calc(100% - 56px);
}

.GslBooking .gslfront_1 .getshop_room_config .room_addons_to_select .addon_select_box .price {
    font-size: 25px;
    text-align: center;
    padding: 5px;
}

.GslBooking .gslfront_1 .getshop_room_config .room_addons_to_select .addon_select_box .addon_select_box_name {
    padding: 20px;
    padding-bottom: 0px;
    box-sizing: border-box;
}

.GslBooking .gslfront_1 .getshop_room_config .backandforwardbuttons {
    font-size: 0px;
    margin-top: 50px;
}

.GslBooking .gslfront_1 .getshop_room_config .backandforwardbuttons .prev_button,
.GslBooking .gslfront_1 .getshop_room_config .backandforwardbuttons .next_button {
    width: 50%;
    display: inline-block;
    text-align: center;
    background-color: #3fc297;
    line-height: 50px;
    font-size: 20px;
    color: #FFF;
}

.GslBooking .gslfront_1 .getshop_room_config .backandforwardbuttons .next_button {
    border-left: solid 1px #FFF;
}

.GslBooking .gslfront_1 .getshop_room_config .guestinfoinner {
    border-left: solid 1px #DDD;
    border-right: solid 1px #DDD;
    border-bottom: solid 1px #DDD;
}

.GslBooking .gslfront_1 .getshop_room_config .room_addons_to_select .addon_select_box {
    display: inline-block;
    width: calc(100% / 3);
    height: auto;
    border-right: solid 1px #DDD;
    vertical-align: top;
    box-sizing: border-box;
}

.GslBooking .gslfront_1 .getshop_room_config  .countselect {
    font-size: 0px;
}

.GslBooking .gslfront_1 .getshop_room_config  .countselect .countcol {
    font-size: 20px;
    display: inline-block;
    width: calc(100%/3);
    text-align: center;
    line-height: 40px;
    box-sizing: border-box;
    vertical-align: top;
}

.GslBooking .gslfront_1 .getshop_room_config  .countselect .countcol.plus,
.GslBooking .gslfront_1 .getshop_room_config  .countselect .countcol.minus {
    background-color: #3fc297;
    line-height: 46px;
    height: 46px;
    cursor: pointer;
    color: #FFF;
    font-size: 30px;
}

.GslBooking .gslfront_1 .getshop_room_config .room_addons_to_select {
    border: solid 1px #DDD;
    margin-top: 50px;
    display: none;
}

.GslBooking .gslfront_1 .getshop_room_config .room_addons_to_select .select_addons_row { border-top: solid 1px #DDD; }

.GslBooking .gslfront_1 .getshop_room_config .room_addons_to_select .select_addons_row div.addon_select_box:last-child { border-right: 0px; }

.GslBooking .gslfront_1 .getshop_room_config .room_addons_to_select .select_addons_row div.addon_select_box.last_child { border-right: 1px #DDD !important; }

.GslBooking .gslfront_1 .getshop_room_config .room_addons_to_select .addons_select_infobox {
    padding: 20px;
}

.GslBooking .gslfront_1 .getshop_room_config .room_addons_to_select .addons_select_header,
.GslBooking .gslfront_1 .getshop_room_config .guestinfoheader {
    font-weight: bold;
    background-color: #329ad6;
    color: #FFF;
    text-align: center;
    padding: 20px;
}

.GslBooking .gslfront_1 .guestaddonicon {
    background-color: #fff;
    border-radius: 50%;
    margin: 0 2px;
    width: 25px;
    line-height: 25px;
    text-align: center;}
.GslBooking .gslfront_1 .agreetotermsbox{padding:10px 0;}
.GslBooking .gslfront_1 .agreetotermsbox a{color:#329ad6;}
.GslBooking .gslfront_1 .addroom {position: absolute;right: 0;bottom: 0;}
.GslBooking .gslfront_1 .addroom ,.GslBooking .gslfront_1 .addguest{background-color:transparent;color:#6cadc2}
.GslBooking .gslfront_1 .addroom:hover ,.GslBooking .gslfront_1 .addguest:hover{background-color:transparent;}
.GslBooking .gslfront_1 .removeguest{
    background-color: #6cadc2;
    position: absolute;
    right: 0;
    top: -1px;
    border-radius: 2px;
    padding: 9px !important;
    color: #f9f9f9 !important;}
.GslBooking .field_prefix { float:left; width: 22%; }
.GslBooking .field_postfix { float:right; width: 73% !important; }

.GslBooking .gslfront_1 .active_addon{color: #fff !important;background-color:#305e83}
.GslBooking .pricebox {width:40%;}
.GslBooking .gslfront_1 .gsl_button.goToPayment{width:68%;padding:8px 0;}
.GslBooking .overview_room_info .gsl_button.return { padding: 10px; }
.GslBooking .roomisunavailable { font-size: 26px; }
.GslBooking .gslfront_1 .isSticked {
    position: fixed;
    z-index: 2000;
    bottom: 0px;
}
.GslBooking .gslfront_1 .fa_box #coupon_input { padding-left: 10px; padding-right: 10px; }

@media only all and (min-width:800px){
    .GslBooking .gslfront_1 .guestentry input::-webkit-input-placeholder{color:#c8c8c8;}
    .GslBooking .gslfront_1 .guestentry input::-moz-placeholder{color:#c8c8c8 !important;}
    .GslBooking .gslfront_1 .guestentry input:-moz-placeholder{color:#c8c8c8;}
    .GslBooking .gslfront_1 .guestentry input:-ms-input-placeholder{color:#c8c8c8;}
    .GslBooking .gslfront_1 .overview_confirmation { box-sizing: border-box; width:100%; }
}
@media only all and (max-width:800px){  
    
    .GslBooking .continuetoguestinfooptions { position:relative; width: 100%; right:10px; top: 10px; text-align: right; display:none;}
    .GslBooking .donotrecommendprices {display:none; }
    .GslBooking .organisationinputbox,
    .GslBooking .privateinputbox
    { margin-top: 5px; }
    .GslBooking .yourstaysummary { padding-bottom: 10px; }    
    .GslBooking .field_postfix { border: solid 1px #ddd; }
    .GslBooking .gslfront_1 .mobilecheckinheading, .GslBooking .gslfront_1 .mobilecheckoutheading { color:#bbb; width: 50%; float: left; border-bottom:1px solid #ddd;padding:0 4px;}
    .GslBooking .gslfront_1 .overview_room_info{padding-left: 0px; }
    .GslBookingFront .picker_header { display:none; }
    .GslBooking .gslfront_1 .agreetotermserrormessage {padding-bottom:40px;}
    .GslBooking .gslfront_1 .errormessage { padding-bottom: 10px; }
    .GslBooking .gslfront_1 .agreetotermcheckboxline { padding-top: 10px; padding-bottom: 10px; font-size: 17px; }
    .GslBooking .gslfront_1 .gslbookingHeader{display:inline-block;height: auto;}
    .GslBooking .gslfront_1 .guestentry input.ischild { width: 17px; height: 17px; }
    .GslBooking .addonprinted { min-height: 60px; }
    .GslBooking .secondary_text { display:none; }
    .GslBooking .gslfront_1 .productentry_gallery .gallery { display:none; }
    .GslBooking .bestValue{width: 50%;padding:13px 5px;}
    .GslBooking .bestValue span[gstranslationfield="bestValue"]{display: none;}
    .GslBooking .totalprice:before{content: "Total ";}
    .GslBooking .failedlogon{font-size: 16px;}
    .GslBooking .gslfront_1,
    .GslBooking .gslfront_1 .productentry table td{font-size: 12px;}

    .GslBooking .overview_confirmation .gsl_button,
    .GslBooking .overview_confirmation .paymentmethodselection
    {
        position: initial !important;
        width:100% !important;
        margin-top: 10px;
    }
    .GslBooking .paymentmethodselection #paymentmethodselection { width: 100%; }
    .GslBooking .gslfront_1 h3{font-size: 16px;}
    
    /*Productentry*/
    .GslBooking .gslfront_1 .productentry {border-top:4px solid #93ccdf;}
    .GslBooking .gslfront_1 .productentry_main{width: 100%;position: relative;box-shadow: 0 0 0;min-height:auto !important;}
    .GslBooking .gslfront_1 .productentry_header div{font-size:14px; padding:4px;}
    .GslBooking .gslfront_1 .productentry_header .lowpricediv{float:none;}
    .GslBooking .gslfront_1 .productentry_gallery{width:100%;position: relative;}
    .GslBooking .gslfront_1 .productentry_gallery .feature{max-height:150px;}
    .GslBooking .gslfront_1 .productentry_gallery .image-holder{padding-bottom:0;height:100px !important;}
    .GslBooking .gslfront_1 .productentry_itemlist{padding:0;padding: 4px 0;}
    .GslBooking .gslfront_1 .productentry_itemlist div{padding:2px;}
    .GslBooking .gslfront_1 .productentry_itemlist select{margin:3px;}
    .GslBooking .gslfront_1 .productentry_itemlist .select-wrapper:after{top:10px;}
    /**/
    
    .GslBooking .gslfront_1 .addons_overview .addons_overview_left{padding-bottom:40px;}
    .GslBooking .gslfront_1 .overview_article { padding:10px;}
    .GslBooking .gslfront_1 .overview_room_info,
    .GslBooking .gslfront_1 .overview_article,
    .GslBooking .gslfront_1 .addons_overview .addons_overview_right,
    .GslBooking .gslfront_1 .addons_overview .addons_overview_left{float:none;width:100%;}
    .GslBooking .gslfront_1 .guest_addon {top: 40px;left: 0;width: 100%;height: auto;padding-left:10px;z-index:1;}
    .GslBooking .gslfront_1 .overview_addons .addaddonsonallroombutton {width:25%;}
    
    .GslBooking .gslfront_1 .guestbox .guestentry {display:none;} 
    .GslBooking .gslfront_1 .guestbox .guestRows .guestentry {display:block;} 
    .GslBooking .gslfront_1 .roomentry .guestentry {padding-top:10px;}
    .GslBooking .gslfront_1 .roomheading {font-size:16px;}
    .GslBooking .gslfront_1 .guestentry div{width:100% !important;left:0;font-size:14px;}
    .GslBooking .gslfront_1 .guestentry div span{font-size: 10px;}
    .GslBooking .gslfront_1 .guestentry input{width:100%;border: 0;box-shadow: 0px 0px 0px 1px #ddd;padding:10px 8px;}
    .GslBooking .gslfront_1 .guestentry input::-webkit-input-placeholder{color:#555;}
    .GslBooking .gslfront_1 .guestentry input::-moz-placeholder{color:#999;}
    .GslBooking .gslfront_1 .guestentry input:-moz-placeholder{color:#999;}
    .GslBooking .gslfront_1 .guestentry input:-ms-input-placeholder{color:#555;}
    .GslBooking .gslfront_1 .guestentry .guest_addon{width:100%;box-shadow: 0px 0px 0px 1px #ddd;top:1px;border:0;padding: 16px 8px;font-size: 16px;margin-bottom: 10px;}
    .GslBooking .gslfront_1 .guestentry .guest_addon i{padding:0 10px;}
    .GslBooking .gslfront_1 .guestentry .invalidinput{border: 0 !important;}
    .GslBooking .gslfront_1 .guestentry .invalidinput input{box-shadow: 0px 0px 0px 1px red !important;}
    
    .GslBooking .gslfront_1 .guest_phone{padding:10px 0 10px 12px !important;}
    .GslBooking .gslfront_1 .guestentry .phonefield {margin-top: 4px; }
    .GslBooking .gslfront_1 .guestentry .phonefield:before {padding:10px 3px;}
    .GslBooking .gslfront_1 .removeguest{right:-1px; top:46px; padding: 10px 10px 12px 12px !important;}
    .GslBooking .gslfront_1 .roomentryframe{margin-bottom:20px;}
    .GslBooking .gslfront_1 .overview_confirmation{width: 100%;bottom:10px;z-index:1;}
    .GslBooking .gslfront_1 .overview_confirmation .gsl_button.continue { right:25%; width:50%;;}
    .GslBooking .gslfront_1 .overview_confirmation .gsl_button.return { left:20px; width:15%;}
    
    /*Ordersum header*/
    .GslBooking .gslfront_1 #priceoffertable td{font-size: 12px;}
    .GslBooking .gslfront_1 .ordersummary {border:0;}
    .GslBooking .gslfront_1 .ordersummary .selectedguests{padding:10px 0;}
    .GslBooking .gslfront_1 .ordersummary .gsl_button.continue{width:30%;}
    /**/
    
    .GslBooking .gslfront_1 .fa_box.guests{width:100% !important;padding: 10px 0;}
    .GslBooking .gslfront_1 .fa_box #guests{display:none;padding: 10px 20px; }
    .GslBooking .gslfront_1 .fa_box #coupon_input {border: 1px solid #ddd !important;border-width: 1px 0px 1px 0px;}
    .GslBooking .gslfront_1 .fa_box.coupon {width:50%;}
    .GslBooking .gslfront_1 .fa_box.gsl_button{width:50%;height:60px;line-height:60px;}
    .GslBooking .gslfront_1 .gslbookingHeader input{border:0 !important;font-size: 14px;padding:0 20px;height:60px;line-height:60px;}
    .GslBooking .gslfront_1 .gslbookingHeader .guestInfoBox input{box-shadow: 0 0 0;height:50px;line-height:50px;}
    .GslBooking .gslfront_1 .guestInfoBox i{padding:8px;}
    .GslBooking .gslfront_1 .gssigninbutton { margin-top:10px;}
    
    .GslBooking .gslfront_1 #date_picker_start[type="date"] {padding:12px 0 0 20px;}
    .GslBooking .gslfront_1 #date_picker_end[type="date"] {padding:12px 0 0 20px;}
    .GslBooking .gslfront_1 .guestInfoBox {
        position: initial !important;
        display:block !important;
        border-bottom: 2px solid #329ad6;
        width:100% !important;
        min-width: 0;
        border:0;box-shadow:0 0 0;
        padding:0 20px;
    }
    .GslBooking .gslfront_1 .fa_box::after { display:none !important; }
    .GslBooking .gslfront_1 .guestentry input[type="txt"], .GslBooking .gslfront_1 .editroomoptionsrow input {
        -webkit-appearance: none;
        border-radius: 0;
        -webkit-box-shadow: 0px 0px 0px 1px #ddd;
        -moz-box-shadow: 0px 0px 0px 1px #ddd;
        box-shadow: 0px 0px 0px 1px #ddd;
    }
    .GslBooking .removeallselectedroomsbtn { float:left; margin-left: 10px; } 
}

/*End of gslfront 1*/


.ImageDisplayer #uploadimgbutton { width: 40px; height: 40px; border: solid 1px; }
.ImageDisplayer .uploadimagebox { background-color:#FFF; min-height: 200px; width: 600px; position:absolute;z-index:2;}
.app_row_entry .ImageDisplayer .displayed_image { height: auto; }
.ImageDisplayer .displayed_image { width: 100%; }
.ImageDisplayer .applicationinner, .ImageDisplayer .displayimagecontainer, td .ImageDisplayer .displayimagecontainer img { height: auto; }
.ImageDisplayer .editimage.auto { position:absolute; right: 55px; }
.ImageDisplayer .warning { position:absolute; left: 5px; width: 40px; height: 40px; display:none; background-image:url('skin/default/images/warning.png'); background-size:  40px; }
.ImageDisplayer .displayimagecontainer.stretched .warning { display: block; }
.ImageDisplayer .displayimagecontainer.stretched .editimage { display: none; }
.ImageDisplayer .help { position:absolute; bottom: 0px; background-color:rgba(255,255,255,0.85); left:0px; border-top: solid 1px #666; padding: 3px; }
.ImageDisplayer .help .heading {font-weight:bold; }
.ImageDisplayer .help .close {position:absolute; right: 0px; top: 0px; padding: 3px; border-left: solid 1px #666; border-bottom: solid 1px #666; cursor:pointer; }
.ImageDisplayer .helpactive { display: block; }
.ImageDisplayer .imagecontainer img { width: 100%; height: auto; }
.ImageDisplayer .progressbar_outer {z-index:2; display: none; position:absolute; width: 100%; top: 0px; left: 0px; height: 36px; border: solid 1px #626b68; }
.ImageDisplayer .progressbar_outer .uploading_text { height: 18px; border-bottom: solid 1px; background-color:rgba(255,255,255,0.8); text-align: center; position:absolute; width:100%; z-index: 1; }
.ImageDisplayer .progressbar_outer .progressbar { background-color: rgba(32,131,93,1.0); position:absolute; height:100%; }
.ImageDisplayer .pictureicon { font-size: 20px; }
.ImageDisplayer .imagecontainer.originalSize img { width: auto; height: auto; max-width: 100%; }
.ImageDisplayer .imagecontainer.adjust_left { text-align: left; width: 100%; display:block;}
.ImageDisplayer .imagecontainer.adjust_center { text-align: center; width: 100%; display:block;}
.ImageDisplayer .imagecontainer.adjust_right { text-align: right; width: 100%;  display:block;}
.ImageDisplayer .imagedisplayer_upload_form_menu { text-align: center !important; }
.ImageDisplayer .imagedisplayer_upload_form_menu i { display: inline-block; width: 100%; }





.InvoiceList .showresultbutton {
    height: 49px;
    line-height: 49px;
    vertical-align: top;
    margin-top: 1px;
    padding-left: 30px;
    padding-right: 30px;
}

.InvoiceList {
    margin: 50px;
}

.InvoiceList .infoheader .head {
    font-size: 30px;
}

.InvoiceList .col {
    display: inline-block;
}

.InvoiceList .col.incrementalOrderId { width: 100px; text-align: center; }
.InvoiceList .col.name { width: calc(100% - 850px); }
.InvoiceList .col.orderdate { width: 150px; }
.InvoiceList .col.duedate { width: 100px; }
.InvoiceList .col.totalamount { width: 100px; text-align: right;}
.InvoiceList .col.totalpaid { width: 100px; text-align: right;}
.InvoiceList .col.remaining { width: 100px; text-align: right;}
.InvoiceList .col.sentlog { width: 76px; padding-left: 20px;}


.InvoiceList div.duerow.header {
    font-weight: bold;
}

.InvoiceList div.duerow {
    padding: 5px;
}
.InvoiceList div.duerow:nth-child(odd) {
    background-color: #FFF;
}

.InvoiceList .duerow.header {
    margin-top: 40px;
}

.InvoiceList .topmenu .dropdownmenu {
    border: solid 1px #DDD;
    padding: 5px;
    border-radius: 100px;
    width: 40px;
    text-align: center;
    font-size: 25px;
    height: 30px;
    padding-top: 15px;
    background-color: blue;
    color: #FFF;
}

.InvoiceList .topmenu .innermenu {
    background-color: #FFF;
    width: 300px;
    box-shadow: 5px 5px 10px rgba(0,0,0, 0.3);
    position: absolute;
    display: none;
}

.InvoiceList .topmenu .innermenu .menuentry {
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
}
.InvoiceList .topmenu {
    margin-top: 30px;
}

.InvoiceList .sendboxouter {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    background-color: rgba(0,0,0,0.8);
    display: none;
}

.InvoiceList .sendboxouter .sendboxinner {
    position: fixed;
    left: 30px;
    right: 30px;
    bottom: 30px;
    top: 30px;
    background-color: #FFF;
    padding: 30px;
    overflow-y: scroll;
}

.InvoiceList .sendboxinner .orderrow .col.col1 { width: 100px; }
.InvoiceList .sendboxinner .orderrow .col.col2 { width: 562px; }
.InvoiceList .sendboxinner .orderrow .col.col3 { width: 100px; }
.InvoiceList .sendboxinner .orderrow .col.col4 { width: 300px; }

.InvoiceList .sendboxinner .orderrow {
    font-size: 16px;
    padding: 5px;
    border-bottom: solid 1px #DDD;
}

.InvoiceOverview .GetShopModuleTable .col { width: 100px; }
.InvoiceOverview .GetShopModuleTable .col_2 { width: 80px; }
.InvoiceOverview .GetShopModuleTable .col_user { width: calc(100% - 1100px) !important; }
.InvoiceOverview .GetShopModuleTable .col_state .fa { margin-right: 5px; }
.InvoiceOverview .usersfilterresult { text-align: left; padding-top: 5px;}
.InvoiceOverview .searchwordwarning { text-align: left; color:red; font-weight: bold; padding-top: 10px; font-family: cursive;}
.InvoiceOverview .fa-close { cursor:pointer; color:#bbb;}
.InvoiceOverview .neworderview { position:absolute; left: 100px; background-color: #fff; width: 800px; top: 60px; border: solid 2px; display:none; text-align: left; }
.InvoiceOverview .neworderview .show_change_user { position:absolute; right: 0px; }
.InvoiceOverview .GetShopQuickUser .edit_details_of_user { left: -2px; top: -2px; }
.InvoiceOverview .sendpaymentlinkwindow { position:absolute; background-color: #fff; border: solid 1px; width: 300px; padding: 10px; display:none; right: 0px; }
.InvoiceOverview .addeduser { border: solid 1px #bbb;     padding: 2px; cursor:pointer;
    margin: 2px;
    border-radius: 3px;
    background-color: #efefef; }

.InvoiceOverview .itsdue { font-weight: bold; color:red; }
.InvoiceOverview .customersearchresult .fa-close {
    position:absolute;
    right: 5px;
    top: 5px;
}

.InvoiceOverview .customersearchresultinner {
    max-height: 200px;
    padding: 10px;
    overflow: auto;
}
.InvoiceOverview .customersearchresult {
    padding-top: 20px;
    text-align: left;
    position: absolute;
    background-color: #fff;
    border: solid 1px;
    top: 67px;
}
.InvoiceOverview .invoicetable { min-height: 600px; }

.InvoiceOverview .EcommerceOrderView .workarea { width: calc(100% - 205px); margin-top: 30px; }

.InvoicingDashBoard {
    max-width:1500px;
    margin:auto;
}
.InvoicingDashBoard .statiticbox {
    width: 145px;
    height: 145px;
    text-align: center;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 8px;
}


.InvoicingDashBoard .statiticbox .subinfo {
    font-size: 20px;
}

.InvoicingDashBoard .statiticbox .filecount { 
    padding-top: 43px;
    font-size: 35px;
}

.InvoicingDashBoard .statiticbox.counter.lightgreen {
    color: #3fbdbd;
    background-color: #3fbdbd;
}

.InvoicingDashBoard .statiticbox.counter.yellow {
    color: #e6e158;
    background-color: #e6e158;
}

.InvoicingDashBoard .statiticbox.counter.grey {
    color: #b6ced9;
    background-color: #b6ced9;
}

.InvoicingDashBoard .statiticbox.counter.pink {
    color: #d29be8;
    background-color: #d29be8;
}

.InvoicingDashBoard .statiticbox.counter.lightblue {
    color: #82cdf3;
    background-color: #82cdf3;
}

.InvoicingDashBoard .statiticbox.counter.green {
    color: #a1ca36;
    background-color: #a1ca36;
}

.InvoicingDashBoard .statiticbox.counter.orange {
    color: #f1a130;
    background-color: #f1a130;
}

.InvoicingDashBoard .statiticbox.counter .box_explainer {
    color: #000;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
} 

.InvoicingDashBoard .statiticbox.counter {
    color: #33455b;
    background-image: url('/showApplicationImages.php?appNamespace=ns_f9842d40_5f0a_4b48_86b2_84f314f5f025&image=skin/images//background.png');
    background-size: contain;
    background-position: center;
} 


.InvoicingDashBoard .statistics .dayheader {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px;
}

.InvoicingDashBoard .dashboard_main { 
    text-align: center;
}

.InvoicingDashBoard .statistics .header {
    border-bottom: solid 1px #bbb;
    padding: 20px;
    position: relative;
    
    color:#000;
    text-align: left;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}

.InvoicingDashBoard .statistics .header i {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #b6ced9;
    font-size: 25px;
}

.InvoicingDashBoard {
    font-size: 0px;
}

.InvoicingDashBoard .presetup {
    font-size: 14px;
}

.InvoicingDashBoard .statistics_outer {
    font-size: 15px;
    width:25%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
}

.InvoicingDashBoard .statistics {
    background-color: #FFF;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

.InvoicingDashBoard .statistics .inner { 
    padding: 20px;
}
        

@media screen and (max-width: 800px) {
    .InvoicingDashBoard .statistics_outer { width: 100%; }
}


.InvoicingMoneyHistory {
    margin: 50px;
}

.InvoicingMoneyHistory .infoheader .head {
    font-size: 30px;
}

.InvoicingMoneyHistory .col {
    display: inline-block;
}

.InvoicingMoneyHistory .col.incrementalOrderId { width: 100px; text-align: center; }
.InvoicingMoneyHistory .col.name { width: calc(100% - 800px); }
.InvoicingMoneyHistory .col.orderdate { width: 200px; }
.InvoicingMoneyHistory .col.duedate { width: 200px; }
.InvoicingMoneyHistory .col.totalamount { width: 100px; }
.InvoicingMoneyHistory .col.totalpaid { width: 100px; }


.InvoicingMoneyHistory div.duerow.header {
    font-weight: bold;
}

.InvoicingMoneyHistory .paymentday {
    /*margin-bottom: 20px;*/
    margin-top: 20px;
    border: solid 1px #DDD;
}

.InvoicingMoneyHistory .paymentday .paymenttransrow  {
    font-size: 16px;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

.InvoicingMoneyHistory .paymentday div.paymenttransrow:nth-child(odd) {
    background-color: #DDD;
}

.InvoicingMoneyHistory .paymentday .dayheader {
    border-bottom: solid 1px #DDD;
    font-size: 20px;
    padding: 10px;
    background-color: #fbffcd;
    text-align: center;
}

.InvoicingMoneyHistory .paymentday .paymenttransrow .orderid {
    width: calc(100% - 210px);
    box-sizing: border-box;
}
.InvoicingMoneyHistory .paymentday .paymenttransrow .amount {
    width: 200px;
    text-align: right;
    box-sizing: border-box;
}
    
.InvoicingMoneyHistory .totalrow {
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
    border-top: solid 1px #DDD;
}

.InvoicingMoneyHistory {
    max-width: 800px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
    
}

.InvoicingOverdueList .col {
    display: inline-block;
}

.InvoicingOverdueList .col.incrementalOrderId { width: 100px; text-align: center; }
.InvoicingOverdueList .col.name { width: calc(100% - 600px); }
.InvoicingOverdueList .col.duedate { width: 200px; }
.InvoicingOverdueList .col.totalamount { width: 100px; }
.InvoicingOverdueList .col.totalpaid { width: 100px; }

.InvoicingOverdueList div.duerow.header {
    font-weight: bold;
}

.InvoicingOverdueList div.duerow {
    padding: 5px;
}
.InvoicingOverdueList div.duerow:nth-child(odd) {
    background-color: #FFF;
}

.InvoicingOverdueList .duerow.gray .overduedays { color: #bbb; }
.InvoicingOverdueList .duerow.blue .overduedays { color: blue; }
.InvoicingOverdueList .duerow.yellow .overduedays { color: #ff6636; }
.InvoicingOverdueList .duerow.red .overduedays { color: red; }

.InvoicingOverdueList .orderlist {
    width: 900px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    border: solid 1px #DDD;
}

.InvoicingOverdueList .summary {
    width: 300px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 20px;
    background-color: #FFF;
    border: solid 1px #DDD;
    margin-left: 30px;
}

.InvoicingOverdueList {
    max-width: 1230px;
    margin: 0 auto;
}

.InvoicingOverdueList .innerbox {
    text-align: center;
}

.InvoicingOverdueList .innerbox .number {
    font-size: 40px;
}

.InvoicingOverdueList .innerbox {
    border-top: solid 1px #DDD;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #2a324e;
    cursor: pointer;
}

.InvoicingOverdueList .innerbox:hover {
    background-color: #EFEFEF;
}

.InvoicingOverdueList .innerbox.active {
    background-color: green;
}

.InvoicingOverdueList div.innerbox:first-child {
    border-top: 0px;
}

.InvoicingOverdueList .desc {
    font-style: italic;
    font-size: 15px;
}

.Login  {
    text-align: right;
    margin-bottom: 10px
}
.Login .login_header_type_1 {
    font-size: 25px;
    
    border: solid 1px #EEE;
    border-top: solid 0px;
    display: inline-block;
    border-radius: 0px 0px  10px 10px ;
    
}

.Login .login_content {
    text-align: left;
}

.Login .login_header_type_1 i {
    cursor: pointer;
}

.Login .login_header_type_1 i {
    padding: 20px;
}

.Login .login_header_type_1 .fa-lock {
    border-left: solid 1px;
}

.gsarea[area="header"] .Login .loginform {
    display: none;
}

.gsarea[area="body"] .Login .login_header_type_1 {
    display: none;
}

.Login .recover_section_outer.disabled { display: none; }
.Login .recover_section_outer.disabled input { color:rgba(0,0,0,0.1); }

.Login .recover_section_outer {  float:left; box-sizing: border-box; padding: 10px; width: 100%; }
.Login .recover_section { padding: 10px; }
.Login .recover_section input { display:block; height: 30px;  width: 100%;  box-sizing: border-box; margin-bottom: 5px; }
.Login .form .gs_button,
.Login .form .loginbutton {
    width: 320px;
    box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}
.Login .form input {
    padding: 9px;
    border: solid 1px #E5E5E5;
    outline: 0;
    background: #FFF;
    width: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.Login .error_message_recover {
    display: none;
    border: solid 1px red;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 20px;
}

/* 
    Document   : getshop.Tree.css
    Created on : Nov 16, 2013, 9:05:51 PM
    Author     : ktonder
    Description:
        Purpose of the stylesheet follows.
*/

.Menu .menulist {
    margin-left: 10px;
    margin-top: 10px;
    border-right: solid 1px #DDD;
    border-left: solid 1px #DDD;
    border-top: solid 1px #DDD;
}

.Menu .info {
    border: solid 1px #EEE;
    margin-top: 10px;
    margin-left: 10px;
}

.Menu .info ul {
    padding-left: 25px;
}
.Menu .info li {
    margin-right: 0px;
    padding-right: 10px;
}
.Menu .info .title,
.Menu .menuitemedit .title,
.Menu .loose_pages .title,
.Menu .menulist .title {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    line-height: 24px;
    border-bottom: dashed 1px #DDD;
}

.Menu .titleinformation {
    display: none;
    padding: 10px;
}

.Menu .titleinformation td {
    font-size: 14px;
}

.Menu .titleinformation input {
    width: 130px;
}


.Menu .menutree .outerentry {
    cursor: pointer;
}


.Menu .menutree {
    display: none;
}

.Menu .menutree.intro {
    display: block;
    padding: 10px;
    box-shadow: 0px 0px 3px #000;
}

.Menu .menutree.intro .title {
    font-size: 16px;
    font-weight: bold;
}

.Menu .menutree.intro .description {
    font-size: 14px;
    padding-top: 10px;
}

.Menu .menulist .menuitem {
    cursor: pointer;
}

.Menu .menulist .menu {
    font-size: 14px;
    padding-left: 10px;
    line-height: 25px;
    border-bottom: solid 1px #DDD;
}

.Menu .menuitemedit {
    display: inline-block;
    width: 248px;
    border: solid 1px #DDD;
    position: relative;
}
.Menu .menueditor {
    border: solid 1px #DDD;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    text-align: left;
}

.Menu .toolbox {
    vertical-align: top;
    width: 80px;
    height: 273px;
    border-left: solid 1px #DDD;
    border-top: solid 1px #DDD;
    border-right: solid 1px #DDD;
    border-bottom: solid 1px #DDD;
    margin-left: 10px;
    display: inline-block;
    position: relative;
}

.Menu .disabled {
    position: absolute;
    left: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
    background-color: rgba(255,255,255,0.6);
}

.Menu .menuitemedit .iteminformation {
    padding: 5px;
}
.Menu .toolbox .menu.new {
    background-image: url('/showApplicationImages.php?appNamespace=ns_a11ac190_4f9a_11e3_8f96_0800200c9a66&image=skin/images//new-icon.png');
}

.Menu .toolbox .menu.delete {
    background-image: url('/showApplicationImages.php?appNamespace=ns_a11ac190_4f9a_11e3_8f96_0800200c9a66&image=skin/images//Trash-icon.png');
}

.Menu .toolbox .menu.addMultiLevel span {
    top: 50%;
    left: 0px;
    right: 0px;
    height: 100px;
    margin-top: -25px;   
}
.Menu .toolbox .menu.addMultiLevel {
    background-color: #DDD;
    border: solid 1px #DDD !important;
    margin-left: -1px !important;
    cursor: pointer;
}

.Menu .toolbox .menu.new_menu {
    background-image: url('/showApplicationImages.php?appNamespace=ns_a11ac190_4f9a_11e3_8f96_0800200c9a66&image=skin/images//newmenu.png');
}

.Menu .toolbox .menu {
    background-repeat: no-repeat;
    background-position: center 8px;
    height: 90px;
    width: 80px;
    border-bottom: solid 1px #DDD;
    position: relative;
}

.Menu .toolbox .menu span {
    font-weight: bold;
    text-align: center;
    position: absolute;
    bottom: 3px;
    left: 0px;
    right: 0px;
}

.Menu .loose_pages .page {
    width: 64px;
    height: 44px;
    border: solid 1px #DDD;
    margin: 5px;
    display: inline-block;
    /*background-image: url('/showApplicationImages.php?appNamespace=ns_a11ac190_4f9a_11e3_8f96_0800200c9a66&image=skin/images//page-folded-icon.png');*/
    background-repeat: no-repeat;
    vertical-align: top;
    background-position: center center;
    text-align: center;
    padding: 5px;
}

.Menu .menueditorcontent {
    margin-top: 10px;
}

.Menu .loose_pages {
    min-height: 100px;
    border: solid 1px #DDD;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    box-sizing: border-box;
    margin-top: 2px;
    position: relative;
    display: none;
}

.Menu .button-large.save {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.Menu .entry {
    position: relative;
}

.Menu .menuentries.horizontal .entries .entries { display:none; position:absolute; z-index: 2; }
.Menu .menuentries.horizontal .entries .entries .entry { display:block; }
.Menu .button-large.cancel {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

/****************************** TreeMenu ****************************/
.getshopmenu {
    width: 400px;
}

.getshopmenu ul li,
.getshopmenu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: block;
    font-size: 0px;
    /*vertical-align: top;*/
}

.getshoptreemenuouter .title {
    font-size: 16px;
    line-height: 30px;
    padding-left: 10px;
}

.getshopmenu ul {
    padding-left: 25px;
    list-style-type: none;
    background-image: url('/showApplicationImages.php?appNamespace=ns_a11ac190_4f9a_11e3_8f96_0800200c9a66&image=skin/images//left-empty.png');
    background-repeat: repeat-y;
    background-position-x: 3px;
}

.getshopmenu ul:first-child {
    background-image: none;
}

.getshopmenu ul:not(:first-child) li {
    padding-left: 10px;
}

.getshopmenu ul {
    padding-bottom: 6px;
    margin-bottom: -6px;
}

.getshopmenu ul li .text {
    display: inline-block;
    height: 30px;
    overflow: hidden;
    line-height: 25px;
    font-size: 15px;
}

.getshopmenu ul li .lefticon {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-image: url('/showApplicationImages.php?appNamespace=ns_a11ac190_4f9a_11e3_8f96_0800200c9a66&image=skin/images//left-center.png');
}

.getshopmenu ul.lastEntry {
    background-image: none;
}

.getshopmenu ul li .lefticon.lastEntry {
    background-image: url('/showApplicationImages.php?appNamespace=ns_a11ac190_4f9a_11e3_8f96_0800200c9a66&image=skin/images//left-bottom.png');
}

.getshopmenu .outerentry {
    position: relative;
    height: 30px;
    /*border: solid 1px;*/
}


.getshopmenu .drophere {
    /*border: solid 1px #FFF;*/
}
.getshopmenu .top.drophere,
.getshopmenu .bottom.drophere {
    position: absolute;
    height: 3px;
    background-color: inherit;
    border: solid 0px;
    left: 19px;
    right: 0px;
}

.getshopmenu .bottom.drophere {
    bottom: 0px;
}

.getshopmenu .top.drophere {
    top: 0px;
}

.getshopmenu li:not(:first-child) .top.drophere {
    /*display: none;*/
}

.getshopmenu .bottom.drophere.active,
.getshopmenu .top.drophere.active {
    background-color: grey;
}

.getshopmenu .middle.drophere {
    top: 3px;
    bottom: 3px;
    position: absolute;
    right: 0px;
    left: 0px;
}
.getshopmenu .middle.drophere.active {
    color: green;
}
.Menu .toolbox .active.delete {
    background-color: #eee;
}

.menueditorcontainer {
    min-height: 500px;
    padding-bottom: 50px;
}

#informationbox .menueditorcontainer {
    background-color: #FFF
}

.Menu .simpleadd .simepladd_dialog {
    position: absolute;
    border: solid 1px #ddd;
    padding: 5px;
    font-size: 15px;
    display: none;
    z-index: 3;
    background-color: #FFF;
    box-shadow: 0 0 3px #DDD;
    color: #333;
    width: 185px;
}

.Menu .menu_simple_menu {
}
.Menu .simpleadd, 
.Menu .showedit {
    display: inline-block;
    padding: 3px;
    cursor: pointer;
    font-size: 15px;
}

.Menu .menuentries, 
.Menu .menu_simple_menu, 
.Menu .menuentries .entry {
    cursor: pointer;
}

.Menu .menuentries.horizontal, 
.Menu .menu_simple_menu, 
.Menu .menuentries.horizontal .entry {
    cursor: pointer;
    display: inline-block;

}

.Menu .hidden_simple_menu {
    
}

.Menu .gs_menu_disabled a {
    color: #BBB !important;
}

.Menu .select_menu_selected {
    margin-left: 20px;
}

.Menu select {
    font-size: 15px;
    border: 1px solid lightblue;
    border-radius: 0px;
    color: black;
    padding: 8px;
    padding-right: 30px;
    -webkit-appearance: none;

    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat;
    
    background-color: #FFF;
    background-transparency: 0.5;
    background-position: right 8px top 10px;
    background-size: 18px 18px;
}
.Menu select:active {
    border: 1px solid #000;
}

.Menu .gs_menu_bages {
    position: absolute;
    /*border: solid 2px red !important;*/ 
    font-size: 12px;
    top: 0px;
    right: 0px;
    border-radius: 100px;
    line-height: 12px;
    padding: 4px;
    
    background: rgba(255,0,0,0.9);    
    color: #FFF;
    
    box-shadow: 0px 0px 5px rgba(255, 0 , 0, 0.5);
}

.Menu .dots .dot:hover .indicator { display:block; }
.Menu .mobilenavigatemenu { display:none; }
#informationbox.Menu { color:#000; }

@media only all and (max-width: 800px) {
    .Menu .menuentries.horizontal { width: 100%; background-color: #2c2c2c;display:none; position:absolute; left:0px; top: 0px; display:none;z-index: 10; }
    .Menu .mobilenavigatemenu { display:block; }
    .Menu .menuentries a { color:#fff !important; }
    .Menu .menuentries .entry { 
        width: 100% !important; 
        display:block !important; 
        padding: 7px; 
        padding-left: 10px; 
        font-size: 16px; 
        line-height: 30px;
        box-sizing: border-box; 
    }
    .Menu .menuentries.horizontal .entries .entries { position: inherit; display: block; }

    .gsnotdisabledmobileview .Menu .menuentries.horizontal { display: block !important; }
    .Menu .menuentries .entry .entries .entry:last-child {
        border-bottom: solid 0px;
    }
}


.News .outeraddnewscontainer .title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-bottom: solid 1px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.News .outeraddnewscontainer {
    position: relative;
    padding-bottom: 55px;
}

.News .outeraddnewscontainer input {
    padding: 5px;
    width:100%;
    box-sizing: border-box;
}

.News .ui-widget-header { background: #fff; }

.News .gs_button.addevent, .News .gs_button.delete { position: absolute;right: 0px;bottom: 10px;}
.News .gs_button.delete {display:none;}
.News .gs_button.publish {right: 180px;}
.News .addnewsrow { border: solid 1px; background-color:#efefef; }
.News .news_container:hover .delete {display:inline-block;}

.News .newsboxtemplate_1 { font-size: 14px; }
.News .newsboxtemplate_1 .news_container .news_entry_footer { text-align: center;font-size: 10px;padding-top: 10px;}
.News .newsboxtemplate_1 .news_container { margin-top: 5px;padding: 10px;position: relative;}
.News .newsboxtemplate_1 .news_entry_footer { clear:both; }
.News .newsboxtemplate_1 .news_container img { max-width: 200px; margin: 10px; }
.News .newsboxtemplate_1 .news_entry_header {font-weight: bold;}
.News .newsboxtemplate_1 .news_container {border-bottom: solid 1px;border-color: #222;}
.News .newsboxtemplate_1 .news_container.last {border-bottom: solid 0px;}
.News .newsboxtemplate_1 .news_container .gs_button {top: 5px;    bottom: inherit;right: 0px;font-size: 12px;padding: 2px;height: 20px;line-height: 20px;}
.News .newsboxtemplate_1 .news_container { border-bottom: 0px;box-shadow: 0 10px 10px -5px #ccc;background-color: #fff;padding-left: 20px !important;padding-right: 20px !important;padding-top: 20px !important;padding-bottom: 20px !important;box-sizing: border-box;}
.News .newsboxtemplate_1 .news_container img { margin: 0px; width:100%; }
.News .newsboxtemplate_1 .news_container,.News .grid-sizer { width: 245px; }
.News .newsboxtemplate_1 .newscontainerbox:after { content: ' ';display: block;clear: both;}
.News .newsboxtemplate_1 .newscontainerbox { padding-left: 8px; }
.News .newsboxtemplate_1 .newscontainerbox_loading { font-size: 30px; text-align: center; }

.News .newsboxtemplate_2 .news_container {position: relative; margin-bottom: 20px; height: 300px; width: 100%;  border: solid 1px; }
.News .newsboxtemplate_2 .newsimage {display:inline-block; width: 40%; height: 100%; background-size: cover; float:left; }
.News .newsboxtemplate_2 .date { position:absolute; border: solid 1px; left: 10px; height: 80px; width: 60px; background-color: #fff; text-align: center; padding: 5px; font-size: 24px; top: 0px; }
.News .newsboxtemplate_2 .date .dateday { border-bottom: solid 1px; padding: 5px; margin-bottom: 5px; display:inline-block; }
.News .newsboxtemplate_2 .date .datemonth { font-size: 20px; }
.News .newsboxtemplate_2 .by { margin-bottom: 10px; font-size: 14px; }
.News .newsboxtemplate_2 .subject { text-transform: uppercase; font-weight: bold; }
.News .newsboxtemplate_2 .subjecttextseperator { border-top: solid 1px; display:inline-block; width: 100px; }
.News .newsboxtemplate_2 .newstext { margin-top: 10px; margin-bottom: 15px; }
.News .newsboxtemplate_2 .newscontent {  border-left: solid 1px;padding: 10px; display:inline-block; width: 60%; height: 100%; box-sizing: border-box; float:left;  padding-left: 30px; padding-top: 50px; }

.News .newsboxtemplate_3 .readmore { text-align: right; }

.News .startOnRightSide span {
    /*text-align: center;*/
}

.News .dates {
    position: relative;
}

.News .startOnRightSide .dates span:first-child {
    width: 6% !important;
}

.News .dates span:last-child {
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: right;
}
.News .rightsidearchivelist{
    position: absolute;
    right:-150px;
    top: -16px;
    background:#EFEFEF;
    padding:10px;
    font-size: 16px;
    line-height: 1.5;
    float:right;
    z-index: 1;
}
.News .rightsidearchivemobile{display: none;}
.News .rightsidearchivelist #rightsidearchiveheader{font-weight:600;cursor: default;}
.News .rightsidearchivelist li{cursor:pointer;list-style: none;}
.News .rightsidearchivelist li:active,
.News .rightsidearchivelist li:focus{opacity: 0.7;}
.News .rightsidearchiveresetfilter{padding-left:30px;cursor:pointer;font-size:14px;display:none;}
@media only all and (max-width: 800px) {
    .News .newsboxtemplate_1 .newscontainerbox { padding: 0px; }
    .News .newsboxtemplate_1 .news_container img { width: 100%; max-width: 100%; margin-bottom: 20px; }
    .News .newsboxtemplate_1 .news_container { display:block; width: auto; box-sizing: border-box; margin: 10px; }
    
    .News .rightsidearchivelist{
        display:none;
        position:relative;
        right:0;
        
    }
    .News .rightsidearchivemobile{position: absolute;display: block;right:0;padding:5px; z-index:2;right:-20px;top:0;background:#EFEFEF;}
}

.OcrReader .accountingrow .col {
    display: inline-block;
    width: 100px;
}


.gss_outer_orderoverview {
    padding: 30px;
    background-color: #FFF;
    color: #333;
}

.gss_overview_order:hover {
    background-color: #EEE;
}
.gss_credited_order {
    color: #bbb;
}

.gss_overview_order {
    border-bottom: solid 1px #EEE;
    padding-bottom: 3px;
    padding-top: 3px;
    cursor: pointer;
}

.gss_order_col {
    display: inline-block;
    width: 200px;
}

.gss_order_col.gss_col_5 {
    width: 100px;
    text-align: center;
}
.gss_order_col.gss_col_4 {
    width: 120px;
}
.gss_order_col.gss_col_3 {
    width: 500px;
}
.gss_order_col.gss_col_2 {
    width: 200px;
}
.gss_order_col.gss_col_1 {
    width: 100px;
    padding-left: 10px;
}
.gss_order_col.gss_col_0 {
    width: 60px;
    padding-left: 10px;
}

.gss_order_nextprevbuttons {
    height: 44px;
    position: relative;
}

.gss_order_nextprevbuttons .gss_button {
    position: absolute;
}

.gss_order_nextprevbuttons .order_gss_prev_buttons {
    left: 0px;
    top: 0px;
}

.gss_order_nextprevbuttons .order_gss_next_buttons {
    right: 0px;
    top: 0px;
}

.gss_order_nextprevbuttons,
.gss_overview_order,
.gss_pagenumber_bottom {
    width: 100%;
}
.gss_pagenumber_bottom {
    text-align: center;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}

.gss_outer_order_content {
    display: none;
}

.gss_no_orders_found {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.gss_no_orders_found i {
    color: red;
    font-size: 60px;
}

.gss_orderview {
    margin-top: 10px;
    padding: 10px;
    border-top: solid 1px #EEE;
}

.gss_order_line {
    position: relative;
    border-bottom: solid 1px #EEE;
    padding: 5px;
    padding-left: 10px;
}

.gss_order_line_price {
    position: absolute;
    right: 10px;
}

.gss_more_order_settings {
    padding: 20px;
    display: none;
    margin-top: 20px;
    background-color: #EEE;
}

.gss_orderview_available_payments {
    display: none;
    padding-top: 10px;
}

.gss_orderview_available_payments .gss_order_view_select_payement_method {
    padding: 5px;
    border: solid 1px #EEE;
    cursor: pointer;
}

.gss_small_order_listview .order_col .order_col_inner {
    border: dashed 1px #DDD;
    padding: 10px;
    
}

.gss_small_order_listview .order_col {
    font-size: 14px;
    vertical-align: top;
    width: 33.33%;
    display: inline-block;
    box-sizing: border-box;
    padding: 10px;
}

.gss_small_order_listview {
    font-size: 0px;    
    display: none;
}

.gss_orderview .lineStartDate,
.gss_orderview .lineEndDate, 
.gss_orderview .additionalMetaData { color: blue; cursor:pointer; }



.OrderSimplerPrinter_inner .orderheader div {
    display: inline-block;
}

.OrderSimplerPrinter_inner .cartitemrow {
    display: block;
    padding-left: 20px;
}
.OrderSimplerPrinter_inner .cartitemrow .priceandcount,
.OrderSimplerPrinter_inner .cartitemrow .productname {
    display: inline-block;
}

.OrderSimplerPrinter_inner .cartitemrow .priceandcount .price,
.OrderSimplerPrinter_inner .cartitemrow .priceandcount .count {
    display: inline-block;
}

.OrderSimplerPrinter_inner {
    padding-top: 5px;
    border-bottom: solid 1px #CCC;
    padding-bottom: 5px;
}

.OrderSimplerPrinter_inner.lastrow { 
    border: solid 0px;
}

.OrderSimplerPrinter_inner .cartitemrows {
    display: none;
}

.OrderSimplerPrinter_inner .orderheader .orderid {
    width: 100px;
}

.OrderSimplerPrinter_inner .orderheader .cost {
    width: 100px; 
}

.OrderSimplerPrinter_inner .orderheader .createdby {
    width: 150px; 
}

.OrderSimplerPrinter_inner .extrainformation {
    display: block !important;
    padding-left: 40px;
    font-style: italic;
}

.OrderView .workarea,
.OrderView .leftmenu {
    display: inline-block;
    vertical-align: top;
}

.OrderView .totalissame {
    background-color:green;
    color:#fff;
}
.OrderView .totalisnotsame {
    background-color:red;
    color:#fff;
}

.OrderView .rightmenu {
    margin-top: 50px;
}
.OrderView .actiontabarea { display:none; }
.OrderView .leftmenu {
    width: 100px;
    background-color: #23314e;
    color: #FFF;
    text-align: center;
    min-height: calc(100% - 86px);
}

.OrderView .leftmenu .entry {
    border-top: solid 1px #222;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    width: 100px;
    text-align: center;
    font-size: 11px;
    min-height: 46px;
}

.OrderView .leftmenu .entry i {
    display: block;
    font-size: 25px;
}

.OrderView .leftmenu .entry.tabnotactive {
    color: #888;
}

.OrderView .workarea {
    width: calc(100% - 100px);
    box-sizing: border-box;
}

.OrderView .workareaheader {
    background-color: #dfff98;
    font-size: 25px;
    
    vertical-align: top;
}

.OrderView .orderviewtab {
    display: none;
}

.OrderView .orderviewtab .insideheader {
    font-size: 20px;
    padding: 10px;
    background-color: #DDD;
}

.OrderView .cartitem {
    padding-left: 20px;
    padding-top: 10px;
    line-height: 33px;
}
.OrderView .cartitem .col {
    display: inline-block;
    vertical-align: top;
}

.OrderView .cartitem.header .col {
    padding-left: 10px;
    font-weight: bold;
    margin-top: 5px;
}
.OrderView .cartitem .col.startdate,
.OrderView .cartitem .col.startdate input {
    width: 90px;
    box-sizing: border-box;
}

.OrderView .cartitem .col.enddate,
.OrderView .cartitem .col.enddate input {
    width: 90px;
    box-sizing: border-box;
}

.OrderView .cartitem .col.product,
.OrderView .cartitem .col.product input {
    width: 200px;
    box-sizing: border-box;
}

.OrderView .cartitem .col.product_desc,
.OrderView .cartitem .col.product_desc input {
    width: 200px;
    box-sizing: border-box;
}

.OrderView .cartitem .col.additionalMetaData,
.OrderView .cartitem .col.additionalMetaData input {
    width: 150px;
    box-sizing: border-box;
}

.OrderView .cartitem .col.metaData {
    width: calc(100% - 818px);
}

.OrderView .cartitem .col.metaData input {
    width: 100%;
    box-sizing: border-box;
}

.OrderView .cartitem .col.count,
.OrderView .cartitem .col.count input {
    width: 50px;
    box-sizing: border-box;
    text-align: center;
}
.OrderView .cartitem .col.tax,
.OrderView .cartitem .col.tax select {
    width: 70px;
    box-sizing: border-box;
    text-align: center;
}

.OrderView .cartitem .col.price,
.OrderView .cartitem .col.price input {
    width: 100px;
    box-sizing: border-box;
}

.OrderView .ordersummary {
    font-size: 20px;
    margin-top: 30px;
}

.OrderView .orderlinesarea {
    margin-bottom: 40px;
}

.OrderView .orderlinesarea.other .cartitem .col.product {
    width: 200px;
}

.OrderView .orderlinesarea.other .cartitem .col.product_desc {
    width: calc(100% - 500px);
}

.OrderView .orderlinesarea.other .foreigncurrency.cartitem .col.product_desc {
    width: calc(100% - 600px);
}

.OrderView .orderlinesarea.other .cartitem .col.product_desc input,
.OrderView .orderlinesarea.other .cartitem .col.product input {
    width: 100%;
    box-sizing: border-box;
}

.OrderView .summaryheader {
    padding: 20px;
    font-size: 20px;
    background-color: #DEDEDE;
   
}

.OrderView .createnewOrderLine {
    margin: 20px;
}

.OrderView .orderlinesarea .cartitem .gs_shop_small_icon {
    height: 25px;
    vertical-align: top;
    display: inline-block;
    line-height: 25px;
    width: 25px;
    text-align: center;
}
.OrderView .orderlinesarea .cartitem .gs_shop_small_icon i {
    line-height: 25px;
    font-size: 15px;
}

.OrderView .searchForProductBox .gs_shop_small_icon {
    height: 20px;
    padding-top: 10px;
    vertical-align: top;
    margin-left: 10px;
}

.OrderView .searchForProductBox {
    position: absolute;
    top: 20px;
    background-color: #EEE;
    padding: 20px;
    width: 500px;
    height: 300px;
    border: solid 1px #DDD;
    box-shadow: 0px 0px 5px #666;
    box-sizing: border-box;
    display: none;
}

.OrderView .searchForProductBox .searchForProductBoxInner {
    position: relative;
}

.OrderView .searchForProductBox .searchForProductBoxInner .closebutton {
    position: absolute;
    right: -10px;
    top: -10px;
    font-size: 20px;
    cursor: pointer;
}

.OrderView .searchForProductBox .searchresult .productrow:hover {
    background-color: #DDD;
}

.OrderView .searchForProductBox .searchresult .productrow {
    border-bottom: solid 1px #DDD;
    padding: 10px;
    margin-right: 20px;
    cursor: pointer;
}
.OrderView .searchForProductBox .searchresult {
    overflow-y: scroll;
    height: 230px;
}

.orderviewtab .shipmentlogline {
    border-bottom: solid 1px #DDD;
}

.orderviewtab .shipmentlogline .to,
.orderviewtab .shipmentlogline .amount,
.orderviewtab .shipmentlogline .user,
.orderviewtab .shipmentlogline .comment,
.orderviewtab .shipmentlogline .addeddate,
.orderviewtab .shipmentlogline .date {
    display: inline-block;
    font-size: 16px;
    padding: 10px;
    vertical-align: top;
}

.orderviewtab .shipmentlogline .date {
    width: 200px;
}

.orderviewtab .shipmentlogline .user {
    width: 200px;
}
.orderviewtab .shipmentlogline .amount {
    width: 150px;
}

.orderviewtab .shipmentlogline .comment {
    width: calc(100% - 800px)
}

.orderviewtab .shipmentlogline .to {
    width: calc(100% - 240px);
    overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.OrderView .warning_not_sent {
    font-size: 20px;
    color: red;
    padding: 30px;
}

.OrderView .row_account .col {
    display: inline-block;
    padding: 10px;
    vertical-align: top;
    position: relative;
}

.OrderView .row_account .col1 {
    width: 300px;
}

.OrderView .row_account {
    border-bottom: solid 1px #DDD;
}


.OrderView .changeoverridedatebox_rowcreated,
.OrderView .changeoverridedatebox {
    position: absolute;
    border: solid 1px #DDD;
    padding: 20px;
    background-color: #EFEFEF;
    z-index: 1;
    display: none;
}
.OrderView .manualregisterpayment {
    padding: 10px;
}
.OrderView .sendByEhf {
    margin: 50px;
}

.OrderView .sendByEhf h2 {
    border-bottom: solid 2px #DDD;
    padding-bottom: 10px;
}

.OrderView .sendByEhf .emailSent {
    display: none;
}

.OrderView .ehfresult {
    font-size: 16px;
    padding-bottom: 5px;
    font-weight: bold;
}

.OrderView .orderviewtab[tab="customers"] .edit_details_directprint {
    background-color: inherit;
}

.OrderView .orderviewtab[tab="customers"] .row {
    margin-top: 10px;
}

.OrderView .orderviewtab[tab="customers"] .warning {
    border: solid 1px #DDD;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #fb4545;
    color: #FFF;
}

.OrderView .orderviewtab[tab="customers"] .buttonrow {
    text-align: left !important;
    margin-top: 30px;
}
.OrderView .orderviewtab[tab="customers"] .change_user {
    margin-bottom: 20px;
}
.OrderView .orderviewtab[tab="customers"] {
    max-width: 500px;
    padding: 30px;
}

.OrderView .actions {
    display: inline-block;
    vertical-align: top;
}

.OrderView .actionbutton {
    width: 120px;
    display: inline-block;
    border-left: solid 1px #DDD;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    
}

.OrderView .actionbutton .title {
    font-size: 12px;
}
.OrderView .workareaheader .headertitle {
    display: inline-block;
    line-height: 60px;
    vertical-align: top;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

.OrderView .workareaheader.warning {
    color: #FFF;
    background-color: red;
    text-align: center;
    font-size: 15px;
    padding: 0px;
    line-height: 15px;
}

.OrderView .specialiteminfobox {
    position: absolute; 
    background-color: #FFF; 
    z-index: 1; 
    width: 300px; 
    text-align: left; 
    right: 108px; 
    box-shadow: 5px 5px 5px rgba(0,0,0, 0.5);
    display: none;
}

.OrderView .warehouse {
    margin: 30px;
    font-size: 16px;
}

.OrderView .warehouselocations {
    padding-left: 20px;
}

.PaymentSettingsSetup .paymentappactivation {
    display:inline-block;
    width: 200px;
    margin: 10px;
    padding: 0px;
    float:left;
}
.PaymentSettingsSetup .paymentappactivation .description::-webkit-scrollbar-thumb
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #efefef;
}
.PaymentSettingsSetup .paymentappactivation .footer.deactivate { background-color: #000; color:#fff; }
    
.PaymentSettingsSetup .paymentappactivation .description::-webkit-scrollbar {
   width: 7px;
   background-color: #bbb; 
}
.PaymentSettingsSetup .hidefrompaymentprocess {
    border: solid 1px #bbb;
    display: inline-block;
    background-color: #efefef;
    font-size: 16px;
    padding: 4px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom: 0px;
}

.PaymentSettingsSetup .paymentappactivation .description {
    padding: 5px;
    overflow:auto;
    height: 35px;
    border-left: solid 1px #bbb;
    border-right: solid 1px #bbb;
}
.PaymentSettingsSetup .paymentappactivation .header {
    background-color: #efefef;
    border: solid 1px #bbb;
    padding: 3px;
    display:inline-block;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}
.PaymentSettingsSetup .paymentappactivation .footer {
    border-top: solid 1px #bbb;
    padding: 3px;
    text-align: center;
    cursor:pointer;
    background-color:green;
    color:#fff;
}
.PaymentSettingsSetup .paymentappactivation .footer:hover {
    font-weight: bold;
}


.PaymentSettingsSetup .activatedpaymentappcontainer {
    width: 50%;
    float:left;
    display:inline-block;
    box-sizing: border-box;
    padding: 10px;
}

.PaymentSettingsSetup .activatedpaymentappcontainer .inner {
    border: solid 1px;
    height: 400px;
}
.PaymentSettingsSetup .gss_settings_header .gss_settings_header_description { max-width: 80%; }
.PaymentSettingsSetup .gss_setting input,
.PaymentSettingsSetup .gss_setting input[type=text]:focus, .PaymentSettingsSetup .gss_setting input[type=textfield]:focus
{
    padding: 10px;
    border: solid 1px #dcdcdc;
    transition: box-shadow 0.3s, border 0.3s;
    position:absolute;
    right: 10px;
    top: 10px;
    width: 250px;
}


.PgaBilling .box {
    border: solid 2px #DDD;
    width: 60px;
    text-align: center;
    font-size: 30px;
    padding: 13px;
    display: inline-block;
}

.PgaBilling .namearea {
    vertical-align: top;
    display: inline-block;
    font-size: 30px;
    padding-left: 20px;
    font-weight: bold;
}

.PgaBilling .namearea .date {
    font-weight: normal;
    font-size: 18px;
    color: #666;
}

.PgaBilling .cartitemrow .price,
.PgaBilling .cartitemrow .productame {
    display: inline-block;
}

.PgaBilling .cartitemrow .productame {
    width: calc(100% - 150px);
    padding-left: 20px;
    box-sizing: border-box;
}

.PgaBilling .room_to_pay {
    margin-top: 50px;
    background-color: #FFF;
    max-width: 700px;
    -webkit-box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.58);
    -moz-box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.58);
    box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.58);
}

.PgaBilling .room_to_pay .totalrow {
    background-color: #EFEFEF;
    border-top: solid 1px #DDD;
}

.PgaBilling .room_to_pay .roomnumber {
    padding: 20px;
    text-align: center;
    font-weight: bold;
    background-color: #e6fdb5;
}

.PgaBilling .needToPay {
    color: #FFF;
    max-width: 700px;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
    margin-top: 50px;
    background-color: #ff4c1f;
}

.PgaBilling .room_to_pay .needToPay {
    background-color: #FFF;
    border-top: solid 1px #DDD;
    margin-top: 0px;
}

.PgaBilling .allpaid {
    max-width: 700px;
    margin-top: 50px;
    padding: 20px;
    text-align: center;
    color: #333;
    background-color: #00ff47;
}

.PgaConferenceView .event_date {
    display: inline-block;
    white-space: nowrap;
}

.PgaConferenceView .event_description {
    background-color: #EFEFEF;
    padding: 20px;
}

.PgaConferenceView .eventrow {
    margin-top: 20px;
}

.PgaConferenceView .programtitle {
    border-bottom: solid 1px #DDD;
    font-weight: bold;
    width: 100%;
    box-sizing: border-box;
}

.gs_page_area[gs_page_content_id="conference"] .eventrow {
    padding-left: 20px;
    padding-right: 20px;
}
.gs_page_area[gs_page_content_id="conference"] .programtitle {
    padding-left: 20px;
    margin-top: 50px;
}
.gs_page_area[gs_page_content_id="home"] .conference_program {
    margin-top: 50px;
}
.gs_page_area[gs_page_content_id="conference"] .conference_header {
    background-color: #FFF;
    border: solid 1px #DDD;
    padding: 20px;
}

.gs_page_area[gs_page_content_id="conference"] .conference_program {
    margin-top: 20px;
}
.gs_page_area[gs_page_content_id="conference"] .conference_header .box_label {
    width: 130px;
    display: inline-block;
}

.PgaDashboard .box {
    border: solid 2px #DDD;
    width: 60px;
    text-align: center;
    font-size: 30px;
    padding: 13px;
    display: inline-block;
}

.PgaDashboard .namearea {
    vertical-align: top;
    display: inline-block;
    font-size: 30px;
    padding-left: 20px;
    font-weight: bold;
}

.PgaDashboard .namearea .date {
    font-weight: normal;
    font-size: 18px;
    color: #666;
}


.PgaDashboard .box_label {
    width: 250px;
    display: inline-block;
}

.PgaDashboard .warning {
    background-color: #f0ffa9;
    padding: 20px;
    text-align: center;
    margin-top: 20px;
    border: solid 1px #DDD;
    max-width: 700px;
    box-sizing: border-box;
}

.PgaMenu .menuitem {
    text-align: center;
    font-size: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}

.PgaMenu .menuitem i {
    display: block;
    font-size: 20px;
}


.PgaMenu .menuitem.active {
    border-left: solid 5px green;
    color: #333;
    border-right: solid 1px #f5f6fb;
    margin-right: -1px;
    border-top: solid 1px #DDD;
    border-bottom: solid 1px #DDD;
}

.PgaMenu .menuicon {
    font-size: 20px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.PgaMenu .fa-warning {
    position: absolute;
    z-index: 1;
    color: red;
    left: 25px;
    top: 10px;
}

.PgaRoomsList .box {
    border: solid 2px #DDD;
    width: 60px;
    text-align: center;
    font-size: 30px;
    padding: 13px;
    display: inline-block;
}

.PgaRoomsList .namearea {
    vertical-align: top;
    display: inline-block;
    font-size: 30px;
    padding-left: 20px;
    font-weight: bold;
}

.PgaRoomsList .namearea .date {
    font-weight: normal;
    font-size: 18px;
    color: #666;
}

.PgaRoomsList .informationbox {
    padding: 20px;
    font-size: 26px;
    color: green;
}

.PgaRoomsList .room {
    margin-bottom: 50px;
    max-width: 700px;
    -webkit-box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.58);
    -moz-box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.58);
    box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.58);
    margin-top: 50px;
    margin-bottom: 100px;
    border-radius: 5px;
}

.PgaRoomsList .room .room_header {
    padding: 20px;
    padding-bottom: 5px;
    border-bottom: solid 1px #DDD;
    position: relative;
    font-weight: bold;
    color: #182f49;
    padding-bottom: 15px;
    background-color: #FFF;
    border-radius: 5px 5px 0px 0px;
}

.PgaRoomsList .room .room_header .date {
    position: absolute;
    right: 20px;
    top: 20px;
    text-align: right;
}

.PgaRoomsList .guests .guest {
    padding-left: 20px;
    padding-right: 20px;
    
    border-bottom: solid 1px #DDD;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #FFF;
}

.PgaRoomsList .guests .guest i {
    width: 50px;
    text-align: center;
}
.PgaRoomsList .guests .guest .col {
    display: inline-block;
}

.PgaRoomsList .roomdetails {
    background: #FFF;
    border-bottom: solid 1px #DDD;
    padding: 20px;
    position: relative;
}

.PgaRoomsList .value,
.PgaRoomsList .label {
    display: inline-block;
}

.PgaRoomsList .roomprice {
    position: absolute;
    right: 20px;
    top: 20px;
    font-weight: bold;
    color: green;
}

.PgaRoomsList .buttons {
    border-radius: 0px 0px 5px 5px;
    font-size: 0px;
}

.PgaRoomsList .button {
    font-size: 20px;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    cursor: pointer;

    background: rgb(245,246,251);
    background: -moz-linear-gradient(180deg, rgba(245,246,251,1) 0%, rgba(230,230,230,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(245,246,251,1) 0%, rgba(230,230,230,1) 100%);
    background: linear-gradient(180deg, rgba(245,246,251,1) 0%, rgba(230,230,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f6fb",endColorstr="#e6e6e6",GradientType=1);
/*    color: #FFF;
    background: rgb(29,59,93);
    background: -moz-linear-gradient(180deg, rgba(29,59,93,1) 0%, rgba(24,47,73,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(29,59,93,1) 0%, rgba(24,47,73,1) 100%);
    background: linear-gradient(180deg, rgba(29,59,93,1) 0%, rgba(24,47,73,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d3b5d",endColorstr="#182f49",GradientType=1);*/
    
}

.PgaRoomsList .button.green {
    background: rgb(114,255,128);
    background: -moz-linear-gradient(180deg, rgba(114,255,128,1) 0%, rgba(63,186,28,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(114,255,128,1) 0%, rgba(63,186,28,1) 100%);
    background: linear-gradient(180deg, rgba(114,255,128,1) 0%, rgba(63,186,28,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#72ff80",endColorstr="#3fba1c",GradientType=1);
    color: #333;
}

.PgaRoomsList .button.orange {
    background: rgb(255,168,45);
    background: -moz-linear-gradient(180deg, rgba(255,168,45,1) 0%, rgba(230,138,8,1) 50%);
    background: -webkit-linear-gradient(180deg, rgba(255,168,45,1) 0%, rgba(230,138,8,1) 50%);
    background: linear-gradient(180deg, rgba(255,168,45,1) 0%, rgba(230,138,8,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa82d",endColorstr="#e68a08",GradientType=1);
    color: #FFF;
}

.PgaRoomsList .accesscode {
    text-align: center;
    padding: 10px;
    font-size: 25px;
    border-bottom: solid 1px #DDD;
}

.PgaRoomsList .accesscode .description {
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
}
.PgaRoomsList .accesscode.active {
    background-color: green;
    color: #FFF;
    
}

.PgaRoomsList .roomnumber {
    background-color: #e4ffaf;
    text-align: center;
    padding: 10px;
    font-weight: bold;
}

.PgaSettings .settingrow {
    border-bottom: solid 1px #DDD;
    padding: 10px;
    font-size: 18px;
    min-height: 37px;
}

.PgaSettings .settingrow input {
    float: right;
}

.PgaSettings div.settingrow:nth-child(odd) {
    background-color: #EEE;
}

.PgaUpdateGuestInformation {
}


.PgaUpdateGuestInformation label {
    display: block;
    font-size: 16px;
}

.PgaUpdateGuestInformation .gsniceinput1 {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.PgaUpdateGuestInformation .guestcount {
    font-weight: bold;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 18px;
    margin-top: 20px;
}

.PgaUpdateGuestInformation .guestinforow {
    background-color: #EFEFEF;
    padding: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.PgaUpdateGuestInformation .guest_head_text {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    padding: 20px;
    background-color: #182f49;
    color: #FFF;
}

.PgaUpdateGuestInformation .button {
    width: 100%;
    padding: 10px;
    background-color: #182f49;
    font-size: 25px;
    color: #FFF;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
}

.PgaUpdateGuestInformation .identificationinformation {
    background-color: #f0ffa9;
    padding: 20px;
    text-align: center;
    font-size: 20px;
}
.PgaUpdateGuestInformation .identificationinformation .title {
    font-weight: bold;
}

.PgaUpdateGuestInformation .identificationinformation .description {
    font-size: 18px;
}

.PgaUpdateGuestInformation .gserrorinput {
    background-color: red;
    color: #FFF;
}

.PgaUpdateGuestInformation #errorMessage {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    box-sizing: border-box;
    width: 100%;
    color: red;
    font-weight: bold;
}

.PmsAddAddonsList .addonsrow { border-bottom: solid 1px #ddd; font-size: 16px; padding: 10px; position:relative; }
.PmsAddAddonsList .addonsrow .shop_button { position:absolute; right: 5px; top: 3px; }

.PmsAvailability .timeline_item_name {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    box-sizing: border-box;   

    width: 200px;
}

.PmsAvailability .pmsavailabilitywaitinglist { 
    display:none;
    position: absolute;
    background-color: #fff;
    z-index: 3;
    border: solid 1px;
    margin: 20px;
    padding: 20px;
}
.PmsAvailability .prioritized { font-weight: bold; }
.PmsAvailability .waitinglist { cursor:pointer; }
.PmsAvailability .gsdayevent { cursor:pointer; }
.PmsAvailability .weekend { color: red !important; }
.PmsAvailability .closedoffhotel { background-color: blue !important; }
.PmsAvailability .overbooking { background-color: brown !important; }
.PmsAvailability .conference { background-color: purple !important; }

.PmsAvailability .availabilitylabel { font-size: 16px; margin-right: 15px; margin-bottom: 5px; display:inline-block;}

.PmsAvailability .item_name {
    height: 24px;
    box-sizing: border-box;
    padding: 3px;
    color: #444;
    padding-left: 20px;
    border-bottom: solid 1px #DDD;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.PmsAvailability .item_name:nth-child(odd) {
    background-color: #FFF;
}

.PmsAvailability .timeline {
    vertical-align: top;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    padding-bottom: 5px;
    display: inline-block;
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.PmsAvailability .timeline_row.even {
    background-color: #FFF;
}

.PmsAvailability .type_line {
    font-size: 0px;
}
.PmsAvailability .timeline_row {
    
    white-space: nowrap;
    font-size: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    height: 20px
}
.PmsAvailability .col {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
}
.PmsAvailability .editevent { position:absolute; background-color:#fff; padding: 10px; border: solid 1px; z-index: 3; }

.PmsAvailability .category_name {
    border-bottom: solid 2px;
    height: 40px;
    box-sizing: border-box;
    padding: 3px;
    font-weight: bold;
    margin-bottom: 1px;
    overflow:hidden;
    text-overflow: ellipsis;
}

.PmsAvailability .header {
    font-size: 12px;
    position: absolute;
    top: -39px;
    padding-bottom: 3px;
    padding-bottom: 3px;
    height: 37px;
    box-sizing: border-box;
    text-align: center;
    font-weight: bold;
    color:#000;
    border-bottom: solid 2px #000;
    border-right: solid 1px #DDD;
    
}
.PmsAvailability .showdropnotpossible { background-color:red; }

.PmsAvailability .contains_booking.first_in_row {
    border-radius: 2px 0px 0px 2px;
}

.PmsAvailability .contains_booking.last_in_row {
    border-radius: 0px 2px 2px 0px;
}

.PmsAvailability .contains_booking.last_in_row.first_in_row {
    border-radius: 2px 2px 2px 2px;
}



.PmsAvailability .contains_booking.connected_with_next { border-right: solid 1px rgba(255,255,255,0.3); }

.PmsAvailability .contains_booking { 
    background-image: url('/showApplicationImages.php?appNamespace=ns_28886d7d_91d6_409a_a455_9351a426bed5&image=skin/images//glare.png');
}

.PmsAvailability .contains_booking.cleaning {  background-color: #ff4e35; color: #FFF; }
.PmsAvailability .contains_booking.closed i {
    color: #000;
    font-size: 18px;
    padding-left: 5px;
}

.PmsAvailability .contains_booking.closed {
    background: 
      /* On "top" */
      repeating-linear-gradient(
        45deg,
        transparent,
        transparent 1px,
        #ccc 2px,
        #ccc 2px
      ),
      /* on "bottom" */
      linear-gradient(
        to bottom,
        #eee,
        #999
      );
}
.PmsAvailability .closemodalarea { position:fixed; border: solid 1px; display:none;z-index: 5;     background-color: #fff;
    padding: 5px;
    border-radius: 3px;
    border-color: #bbb;
    width: 450px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      }
.PmsAvailability .contains_booking.closed.mouseover {  background-color: #00a0ff; }
.PmsAvailability .contains_booking.grey {background-color: rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.5);
    border: solid 1px rgba(0,0,0,0.3);}
.PmsAvailability .contains_booking.grey.mouseover {  background-color: rgba(0,0,0,0.4); }
.PmsAvailability .contains_booking.normal {  background-color: #15772f; color:#fff; }
.PmsAvailability .contains_booking.normal.mouseover {  background-color: #ff6300; }

.PmsAvailability .contains_booking {
    background-color: red;
    cursor: pointer;
}

.PmsAvailability .col_outer {
    display: inline-block;
    border-bottom: solid 1px #DDD;
    box-sizing: border-box;
    cursor:pointer;
}

.PmsAvailability .col_outer.last_in_row_outer { 
   padding-right: 1px;
}

.PmsAvailability .col_outer.first_in_row_outer { 
   padding-left: 1px;
   border-left: 0px !important;
}

.PmsAvailability .col_width {
    width: 100%;
    box-sizing: border-box;
}

.PmsAvailability .col_outer.nodata {
    border-right: solid 1px rgba(0,0,0,0.1);
}
.PmsAvailability .col_outer {
    border-right: solid 1px rgba(0,0,0,0.1);
    background: repeating-linear-gradient(
        45deg,
        #0bd03e,
        #2bef5e 1px,
        #3dea69 1px,
        #5fd07d 3px
    );
}
.PmsAvailability .col_data {
    height: 22px;
    position: relative;
}


.PmsAvailability .timeline::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: #F5F5F5;
	border-radius: 10px;
        height: 8px;
}

.PmsAvailability .timeline::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
        height: 10px;
}

.PmsAvailability .timeline::-webkit-scrollbar-thumb
{
	background-color: #2a324e;
	border-radius: 5px;
}

.PmsAvailability .bookername {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    font-size: 12px;
    text-align: center;
    z-index: 1;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
}

.PmsAvailability .bookername .fullname {
    display: none;
}

.PmsAvailability .isfloating {
    color:#bbb;
    cursor:pointer;
}
.PmsAvailability .adjustguestcount {
    cursor:pointer;
}

.PmsAvailability .ispinned {
    color:#000;
    cursor:pointer;
    font-weight: bold;
}

.PmsAvailability .hatched {
    background: repeating-linear-gradient(
        45deg,
        #606dbc,
        #606dbc 10px,
        #465298 10px,
        #465298 20px
    );
}
.PmsAvailability .selectedforbookingarea {
    position: fixed;
    width: 500px;
    top: 10px;
    left: 50%;
    margin-left: -250px;
    background-color:#f5f8fa;
    font-size: 16px;
    display:none;
    z-index:6;
    padding: 10px;
    box-shadow:0px 2px 15px rgba(0,0,0,0.3);
}

.PmsAvailability .selectedforbookingarea th {
    color: #777;
    font-weight: normal;
}

.PmsAvailability .selectedforbooking {
    background: repeating-linear-gradient(
        45deg,
        #0bd03e,
        #0bd03e 10px,
        #3e85a2 10px,
        #3e85a2 20px
    );
}

.PmsAvailability .bookername .acronyme {
    display: none;
}

.PmsAvailability .showdroppossible {
    background-color: green;
}

.PmsAvailability .showdroppossible .col_data {
    opacity: 0.2;
}

.PmsAvailability .otherdata {
    position: absolute;
    width: 10px;
    bottom: 3px;
    height: 40px;
    width: 20px;
    background-color: rgba(32, 70, 32, 0.5);
    margin-left: 5px;
    border-radius: 2px 2px 2px 2px;
    border: solid 1px rgba(0,0,0,0.5);
    box-sizing: border-box;
    z-index: 50;
}

.PmsAvailability .bottomrow {
    height: 0px;
    position: relative;
}

.PmsAvailability .col_outer .fullycounter {
    display: none;
}

.PmsAvailability .contains_booking.reservedfloating {
    background: #a90329; /* Old browsers */
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}

.PmsAvailability .contains_booking.reservedfloating.mouseover {  background-color: red !important; background: red !important; } 
.PmsAvailability .contains_booking.reservedfloating .acronyme {  color: #FFF; } 
.PmsAvailability .contains_booking.header {background-color: #FFF; }

.PmsAvailability .group_view_warning {
    background-color: #3dea69;
    color: #333;
    text-align: center;
    padding: 20px;
    margin-bottom: 20px;
}

.PmsAvailabilityDateSelector {
    text-align: right;
}


.PmsAvailabilityDateSelector .addeventform {
    display:none;
    position: absolute;
    left: 0px;
    padding: 10px;
    border: solid 1px;
    background-color: #fff;
    z-index: 2;
}


.PmsBooking .pmsfront1 { background-color:#f5f5f5; color:#000; border: solid 1px #efefef; padding: 15px; font-size: 14px; }
.PmsBooking .pmsfront1 .heading {
    border-bottom: solid 1px #fff;
    margin-bottom: 10px;
    font-size: 16px;
    padding-bottom: 3px;
    display:block; text-align: center;
}
.PmsBooking .pmsfront .dates input { border: solid 0px; width: 80px; }

.PmsBooking .pmsfront1 .dates input:focus, .PmsBooking .dates input:focus{
    outline: 0;
}
.PmsBooking .pmsfront1 .infotext { margin-top: 10px; margin-bottom: 10px; }
.PmsBooking .pmsfront .dates .dates_inner { display:inline-block; background-color:#fff; padding-left: 5px; border: solid 1px #bbb; }
.PmsBooking .pmsfront .dates.start_date { float:left; }
.PmsBooking .pmsfront1 .dates.end_date { float:right; }
.PmsBooking .pmsfront .fa-calendar { padding:5px; cursor:pointer;background-color: #f29400; color:#FFF;  }
.PmsBooking .pmsfront .check_available_button { color:#fff; cursor:pointer; margin-top: 20px; display:block; padding: 7px; text-align: center; background-color: #f29400; }
.PmsBooking .productlist { margin-top: 20px; margin-bottom: 10px; }
.PmsBooking .productlist select {
    width: 100%;
    background-color: #FFF;
    padding: 5px;
}
.PmsBooking .inputhelpertext { padding-bottom: 3px; display:inline-block; }
.PmsBooking .pmsfront2 .fa-bed { font-size: 40px; margin-top: 15px; margin-bottom: 10px; }
.PmsBooking .pmsfront2 .check_available_button { width: 200px; padding: 6px; }
.PmsBooking .inputblock { display:inline-block; float:left; margin-right: 20px;  }

/* pmsfront3 */
.PmsBooking .pmsfront3 .productlist{margin:2%;}
.PmsBooking .pmsfront3 .productlist select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    width: 100%;
    color: #807668;
    background-color: #ffeccf;
    padding: 6px;
    border: 0;
    border-radius: 4px;
    
    font-weight: bold;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.PmsBooking .pmsfront3 select::-ms-expand {display: none;}
.PmsBooking .pmsfront3 .select_arrow{position:relative;display: inline;}
.PmsBooking .pmsfront3 .go_to_page_button.disabled { background:gray; cursor:initial; }
.PmsBooking .pmsfront3 .select_arrow:after {content:""; width:0; height:0; position:absolute; pointer-events: none;}
.PmsBooking .pmsfront3 .select_arrow:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: .3em;
    right: .75em;
    border-top: 8px solid #000;
    opacity: 0.5;
}
.PmsBooking .pmsfront3 .productlist option{padding:5px;}
.PmsBooking .pmsfront3 {letter-spacing:2px;font-family: 'Quicksand', sans-serif;}
.PmsBooking .pmsfront3 .inputblock{margin:0 2%;padding:0;width:46%;box-sizing: border-box;text-align:center;}
.PmsBooking .pmsfront3 .inputblock_button{}
.PmsBooking .pmsfront3 .dates{width:100%;box-sizing: border-box;}
.PmsBooking .pmsfront3 .dates input{width: 80%;background-color: rgba(0,0,0,0);color:#fff;width: 100%;padding: 8px 0 6px 34px;;box-sizing: border-box;}
.PmsBooking .pmsfront3 .dates .dates_inner{width:100%;box-sizing: border-box;background-color: #ffb33a;border:0;padding:0;height:29px;}
.PmsBooking .pmsfront3 .dates .dates_inner i{ position: absolute;width: 12px;padding: 8px;}
.PmsBooking .pmsfront3 .go_to_page_button{
    margin:4% 2%;
    padding:8px;
    box-sizing:border-box;
    background-color:#ffb33a;
    color:#fff;
    font-size:18px;
    font-weight: bold;
    text-align: center;
    cursor:pointer;
    border-radius:4px;
}
.PmsBooking .pmsfront3 .dates_inner:hover,
.PmsBooking .pmsfront3 .dates_inner:hover i,
.PmsBooking .pmsfront3 .selected_product:hover,
.PmsBooking .pmsfront3 .go_to_page_button:hover{opacity: 0.8;}


.PmsBooking .datepickermobile{display: none;}
.daterangepicker{background-color:#fff !important;}
.PmsBooking .infoBox{
    position: absolute;
    display: none;
    background-color:#fff;
    color:#000;
    box-shadow:0px 0px 4px 0px #000;
    padding: 12px;
    margin-top:6px;
    z-index: 2;
}

/*pmsfront4*/
.PmsBooking .pmsfront4 *{box-sizing: border-box;}
.PmsBooking .pmsfront4 {
    position: relative;
    background-color:rgba(10, 30, 41, 0.9);  
    max-width:400px;
    padding:20px;
    color:#fff;
    border-radius: 4px;
    letter-spacing: 1px;
    user-select:none;
}
.PmsBooking .pmsfront4 .pfheader{
    font-size: 20px;
    text-align: center;
    letter-spacing:2px;
    border-bottom:1px solid #fff;
    margin-bottom: 10px;
    padding-bottom: 4px;
}
.PmsBooking .pmsfront4 .pfbox{
    width:50%;
    text-align: center;
    float:left;
    padding:0 10%;
}
.PmsBooking .pmsfront4 .pfbox input{
    width:50%;
    float:left;
    height:auto;
    line-height: 1;
    text-align:center;
    border: 0;
    background: transparent;
    color:#fff;
    font-size: 16px;
    line-height: 24px;
    padding:0;
}
.PmsBooking .pmsfront4 .pfbox i{
    width: 25%;
    line-height: 24px;
    float: left;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    color: #0a1e29;
    font-size: 14px;
    cursor: pointer;
}
.PmsBooking .pmsfront4 .pfbox .inner{
    float:left;
    text-transform: capitalize;
}
.PmsBooking .pmsfront4 input{
    padding:0 10px;
    width: 100%;
    height:40px;
    line-height:40px;
    border: 0;
    border-radius: 4px;
    font-size: 16px;
    letter-spacing: 1px;
}
.PmsBooking .pmsfront4 .date_pickerwrapper{position: relative;}
.PmsBooking .pmsfront4 .date_pickerwrapper:after{
    content: "\e92f";
    position: absolute;
    font-family: "icomoon";
    right: 20px;
    top: 32px;
    color: #000;
}
.PmsBooking .pmsfront4 #date_picker{text-align:center;}
.PmsBooking .pmsfront4 .searchbutton{
    background: #329ad6;
    margin-top:10px;
    color: #fff;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    cursor: pointer;
}
.PmsBooking .pmsfront4 #coupon_input{display:none;}
.PmsBooking .pmsfront4 #information{position: absolute;right:20px;}
.PmsBooking .pmsfront4 #informationBox{
    right:0;
    margin-top:30px;
    left:auto;
}
.PmsBooking .pmsfront4 #informationBox:after{top:-5px;right:18px;}
.PmsBooking .pmsfront4 .infoBox{
    position: absolute;
    display: none;
    background-color:#fff;
    color:#000;
    box-shadow:0px 0px 4px 0px #000;
    padding: 12px;
    margin-top:6px;
    z-index: 2;
}
.PmsBooking .pmsfront4 .searchbutton:hover{background-color:#40aae6;}
.PmsBooking .pmsfront4 .disabled{opacity: 0.2 !important;cursor:default !important;}

/*pmsfront5*/
.PmsBooking .pmsfront5 *{
    box-sizing: border-box;
}

.PmsBooking .pmsfront5{
    position: relative;
    padding: 14px 14px 10px 14px;
}
.PmsBooking .pmsfront5 input{
    padding:0 10px;
    height:40px;
    line-height:40px;
    border: 1px solid #dadada;
    border-radius: 4px;
    font-size: 16px;
    letter-spacing: 1px;
}
.PmsBooking .pmsfront5 span[gstranslationfield="checkout"] {float:right;}
.PmsBooking .pmsfront5 .inner div[gstype="bookingtranslation"]{padding-bottom: 8px;}
.PmsBooking .pmsfront5 .infoBox{display: none;}
.PmsBooking .pmsfront5 .searchbutton{
    width:10%;
    background: #329ad6;
    margin-left: 20px;
    color: #fff;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    cursor: pointer;
    float: left;
}
.PmsBooking .pmsfront5 .pfbox{
    width:50%;
    text-align: center;
    float:left;
    padding:0 10%;
}
.PmsBooking .pmsfront5 .pfbox input{
    width:50%;
    float:left;
    height:auto;
    line-height: 1;
    text-align:center;
    border: 0;
    background: transparent;
    font-size: 16px;
    line-height: 24px;
    padding:0;
}
.PmsBooking .pmsfront5 .pfbox i{
    width: 25%;
    line-height: 26px;
    float: left;
    text-align: center;
    border-radius: 50%;
    background: #000;
    color: #fff;
    opacity: 0.8;
    font-size: 14px;
    cursor: pointer;
}
.PmsBooking .pmsfront5 #faholder_coupon{position: relative;}
.PmsBooking .pmsfront5 #faholder_coupon:after{
    content: "\f097";
    position: absolute;
    font-family: fontawesome;
    pointer-events: none;
    right: 8px;
    top: 0;
}
.PmsBooking .pmsfront5 #coupon_input.active{
    width:200px;
    border:1px solid #dadada;
    padding:0 10px;
}
.PmsBooking .pmsfront5 #information{
    position: absolute;
    right:10px;
    top:10px;
    color:#333;
}
.PmsBooking .pmsfront5 #informationBox{right: 5px;top:20px;}
.PmsBooking .pmsfront5 .pfbox .inner{text-transform: capitalize;}
.PmsBooking .pmsfront5 .pfframe{float:left;}
.PmsBooking .pmsfront5 .guestframe{max-width: 500px;}
.PmsBooking .pmsfront5 .disabled{opacity: 0.2 !important;cursor:default !important;}
.PmsBooking .pmsfront5 #faholder_date{position: relative;}
.PmsBooking .pmsfront5 #faholder_date:after{
    content: "\f073";
    position: absolute;
    font-family: fontawesome;
    pointer-events: none;
    right: 8px;
    top: 0;
}
.PmsBooking .excludeChildSelection{display:none;}

/*pmsfront6*/
.PmsBooking .pmsfront6 { background-color: #fff;}
.PmsBooking .pmsfront6 *{box-sizing:border-box;}
.PmsBooking .pmsfront6 .gsl_button:hover{background-color:#48cfa3;}
.PmsBooking .pmsfront6 .gsl_button{
    text-align:center;
    letter-spacing:1px;
    background: #3fc297;
    color:#fff;
    cursor:pointer;
    border-radius:2px;
    display: inline-block;}
.PmsBooking .pmsfront6 .disabled{opacity:0.3 !important; cursor: default !important;}
.PmsBooking .pmsfront6 .disabled:hover{opacity: 0.3 !important;}
.PmsBooking .pmsfront6 .fa{padding:0 4px;}
.PmsBooking .pmsfront6 .fa_box{position: relative;width: 27%;float:left;}
.PmsBooking .pmsfront6 .fa_box::after{
    font-family: fontawesome;
    font-family: 'icomoon' !important;
    position: absolute;
    pointer-events: none;
    right: 1.5em;
    top: 50%;
    margin-top: -.8em;
    font-size: 20px;}
.PmsBooking .pmsfront6 .gslbookingHeader {display: block;width: 100%;user-select:none;height:60px;position:relative;}

.PmsBooking .pmsfront6 .gslbookingHeader input{overflow: hidden;text-overflow: ellipsis;}
.PmsBooking .pmsfront6 .gslbookingHeader input::-webkit-input-placeholder{color:#000;}
.PmsBooking .pmsfront6 .gslbookingHeader input::-moz-placeholder{color:#000;}
.PmsBooking .pmsfront6 .gslbookingHeader input:-moz-placeholder{color:#000;}
.PmsBooking .pmsfront6 .gslbookingHeader input:-ms-input-placeholder{color:#000;}
.PmsBooking .pmsfront6 .gslbookingHeader input:focus{outline-width:0;box-shadow: 0 0 0;}

.PmsBooking .pmsfront6 .gslbookingHeader .date::after{content: "\e92f";}
.PmsBooking .pmsfront6 .gslbookingHeader .guests::after{content: "\e90f";}
.PmsBooking .pmsfront6 .gslbookingHeader .coupon::after{content: "\e911";}

.PmsBooking .pmsfront6 .gslbookingHeader .gsl_button:hover{background-color:#4391dc;}
.PmsBooking .pmsfront6 .gslbookingHeader .gsl_button{
    height: 60px;
    line-height: 60px;
    letter-spacing:1px;
    float:right;
    background: #329ad6;
    width: 19%;
    border-radius: 0;
    font-size:18px;}
.PmsBooking .pmsfront6 .gslbookingHeader input{
    width:100%;
    cursor: pointer;
    height:60px;
    line-height:60px;
    letter-spacing:1px;
    font-size:16px;
    padding:0 30px 0 26px;
    background-color:#fff;
    border:0;}
.PmsBooking .pmsfront6 .guestInfoBox{
    position: absolute;
    display: none;
    font-size:16px;
    width: 100%;
    min-width: 300px;
    border-top: 2px solid #94ccdf;
    padding: 16px;
    text-align: left;
    text-transform: capitalize;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    z-index: 2;}
.PmsBooking .pmsfront6 .guestInfoBox div{position:relative;}
.PmsBooking .pmsfront6 .guestInfoBox input{padding: 0;height: auto;width:50%;cursor: default;text-align: center;line-height: 50px;}
.PmsBooking .pmsfront6 .guestInfoBox input:hover{box-shadow: 0 0 0;}
.PmsBooking .pmsfront6 .guestInfoBox i{cursor: pointer;padding: 10px;border-radius: 4px;background-color: #fff;color: #94ccdf;border: 1px solid #94ccdf;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
.PmsBooking .pmsfront6 .guestInfoBox_left{float:left;width:40%;padding-bottom:0;}
.PmsBooking .pmsfront6 .guestInfoBox_left div{padding:14px 0;}
.PmsBooking .pmsfront6 .guestInfoBox_right{float:right;width:60%;text-align: right;padding-bottom:0;text-align: center;}

.PmsBooking .pmsfront6 .mobilecheckinheading, .PmsBooking .pmsfront6 .mobilecheckoutheading { color:#bbb; width: 50%; float: left; border-bottom:1px solid #ddd;padding:0 4px;}
.PmsBooking .pmsfront6 .mobilecheckinheading span, .PmsBooking .pmsfront6 .mobilecheckoutheading span{position:absolute;}
.PmsBooking .pmsfront6 .mobilecheckinheading{box-shadow: 1px 0px 0px 0px #ddd;}

/*.PmsBooking .pmsfrontTheme{
    height: 60px;
    width: 20px;
    position: absolute;
    z-index: 2;
    background: #5c70cd;
}*/

@media only all and (max-width:800px){
    .PmsBooking .datepickermobile{display: block;}
    
    .PmsBooking #date_picker,
    .PmsBooking #faholder_date,
    .PmsBooking .date_pickerwrapper{display: none;}
    
    /*pmsfront4*/
    .PmsBooking .pmsfront4 {background-color:rgba(10, 30, 41, 1);}
    .PmsBooking .pmsfront4 .pfbox {padding:5% 3%;}
    .PmsBooking .pmsfront4 #information{right:5px;}
    .PmsBooking .pmsfront4 .datepickermobile input{width:49%;float: left;font-size: 12px;padding:4px;}
    
    /*pmsfront5*/
    .PmsBooking .pmsfront5 #coupon_input{width: 100%;}
    .PmsBooking .pmsfront5 #information{right:5px;top:5px;}
    .PmsBooking .pmsfront5 .datepickermobile input{
        width:49%;
        padding:4px;
        font-size: 12px;
    }
    .PmsBooking .pmsfront5 .searchbutton{width: 49%;float:right;margin: 25px 0 0 0;}
    .PmsBooking .pmsfront5 .pfframe{width: 100%;}
    .PmsBooking .pmsfront5 .couponframe{width:49%;}
    .PmsBooking .pmsfront5 .guestframe{padding: 20px 0}
    
    /*pmsfront6*/
    .PmsBooking .pmsfront6 .fa_box.guests{width:100% !important;padding: 10px 0;}
    .PmsBooking .pmsfront6 .fa_box #guests{display:none;}
    .PmsBooking .pmsfront6 .fa_box #coupon_input {border: 1px solid #ddd !important;border-width: 1px 0px 1px 0px;}
    .PmsBooking .pmsfront6 .fa_box.coupon {width:65%;}
    .PmsBooking .pmsfront6 .fa_box.gsl_button{width:35%;height:60px;line-height:60px;}
    .PmsBooking .pmsfront6 .gslbookingHeader input{border:0 !important;font-size: 14px;padding:0 20px;height:60px;line-height:60px;}
    .PmsBooking .pmsfront6 .gslbookingHeader .guestInfoBox input{box-shadow: 0 0 0;height:50px;line-height:50px;}
    .PmsBooking .pmsfront6 .guestInfoBox i{padding:8px;}
    .PmsBooking .pmsfront6 .gssigninbutton { margin-top:10px;}
    
    .PmsBooking .pmsfront6 #date_picker_start[type="date"] {padding:12px 0 0 20px;}
    .PmsBooking .pmsfront6 #date_picker_end[type="date"] {padding:12px 0 0 20px;}
    .PmsBooking .pmsfront6 .guestInfoBox {
        position: initial !important;
        display:block !important;
        border-bottom: 2px solid #329ad6;
        width:100% !important;
        min-width: 0;
        border:0;box-shadow:0 0 0;
        padding:0 20px;
    }
    .PmsBooking .pmsfront6 .fa_box::after { display:none !important; }
}

#switch-booking-view
{
    position:absolute;
    top:-35px;
    right:5px;
    cursor: pointer;
    min-height:30px;
    min-width:30px;
    height:30px;
    width:30px;
    color:#71cdf2;
    line-height:30px;
    font-size:30px;
}
@media screen and (max-width: 1350px) {
    #switch-booking-view {
        right:45px;
    }
}
.PmsBookingGroupRoomView .movetotype .bookingitem {
    border: solid 1px transparent;
    display: inline-block;
    padding: 3px;
    padding-bottom: 0px;
    padding-top: 0px;
    line-height: 25px;
    margin-right: 2px;
    border-radius: 2px;
    margin-bottom: 2px;
}
.PmsBookingGroupRoomView .movetotype {
    border-bottom: solid 1px #DDD;
    margin-top: 10px;
    position: relative;
    vertical-align: top;
    padding-bottom: 8px;
}
.PmsBookingGroupRoomView .movetotype .headername {
    display: inline-block;
    left: 0px;
    top: 5px;
    color: #444;
    width: 200px;
    vertical-align: top;
}


.PmsBookingGroupRoomView .guestsuggestionname {
    display: inline-block;
    width: 35%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.PmsBookingGroupRoomView .guestsuggestionemail {
    display: inline-block;
    width: 35%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.PmsBookingGroupRoomView .guestsuggestionphone {
    display: inline-block;
    width: 20%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.PmsBookingGroupRoomView .movetotype .itemselector {
    display: inline-block;
    width: calc(100% - 204px);
}
.PmsBookingGroupRoomView .updater {
    display: none;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    padding: 30px;
    color: #FFF;
}

.PmsBookingGroupRoomView .canNotUse {
    background: #b6ced9;
    cursor: not-allowed;
}

.PmsBookingGroupRoomView .canUse {
    background: #82ca35;
    color: #FFF;
    cursor: pointer;
}

.PmsBookingGroupRoomView .gs_selected {
    background: #23314e;
    color: #FFF;
}

.PmsBookingGroupRoomView .bookerinformation .row { margin-top: 8px; }

.PmsBookingGroupRoomView .itemview_inner .explenation .expcolorouter {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    vertical-align: top;
    padding-right: 10px;
    box-sizing: border-box;
}

.PmsBookingGroupRoomView .itemview_inner .explenation .expcolor {
    font-size: 13px;hrm
    font-weight: normal;
    line-height: 15px;
    vertical-align: top;
    padding-top: 5px;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    box-sizing: border-box;
    border: solid 1px #DDD;
}  
.PmsBookingGroupRoomView .accesscode .code {
    color: #87caf0;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}

.PmsBookingGroupRoomView .accesscode .shop_button { margin: 2px; }


.PmsBookingGroupRoomView .isdisabled {
    background:green;
    color:#fff;
}

.PmsBookingGroupRoomView .whyoutofsync {
    display:none;
    padding: 10px;
}


.PmsBookingGroupRoomView .unpaidamountwarning { 
    border-bottom: solid 1px;
    background-color: #ff0000;
    padding: 10px;
    color: #fff;
    min-height: 35px;
    font-size: 24px;
}
.PmsBookingGroupRoomView .isdeletedinformation { background-color:#271b1b; color:#fff; padding: 5px; padding-left: 10px; }
.PmsBookingGroupRoomView .change_user_form,
.PmsBookingGroupRoomView .edit_details_of_user
{ right: 50px; margin-top: 20px; }

.PmsBookingGroupRoomView .addons .col { width: 18% !important; }
    .PmsBookingGroupRoomView .addons .row {
        font-size: 20px;
    }
    .PmsBookingGroupRoomView .addons .col-1,
    .PmsBookingGroupRoomView .addons .col-5 { width: 20px !important; }
    .PmsBookingGroupRoomView .addons .col-4 { width: 90px !important; }
    
    .PmsBookingGroupRoomView .removeselectedaddons {
    background-color: red;
    display: block;
    width: 241px;
    float: left;
    margin-right: 10px;
}
    .PmsBookingGroupRoomView .addAddonsArea {
    position: absolute;
    background: #c7f7f9;
    z-index: 1;
    width: 400px;
    border: solid 1px #bbb;
    margin-top: 5px;
    display: none;
}
.PmsBookingGroupRoomView .craeteconference { cursor:pointer; }
.PmsBookingGroupRoomView .notforroom { display:none; }
.PmsBookingGroupRoomView .createconferencepanel { display:none; position:absolute; background-color:#fff; padding: 10px; border: solid 1px #bbb;z-index: 1; }
.PmsBookingGroupRoomView .savecomment { display:none; }
.PmsBookingGroupRoomView .hiddencomment { display:none; }
.PmsBookingGroupRoomView .forroom { color:#bb2d2d; }
.PmsBookingGroupRoomView .deletedcomment { text-decoration: line-through; }
.PmsBookingGroupRoomView .addcommentarea { margin-top: 10px;display:none; }
.PmsBookingGroupRoomView .addcommentbtn { width:45%; box-sizing: border-box; float:left;}
.PmsBookingGroupRoomView .addcommenttobooking { width:100%; box-sizing: border-box; height: 80px; }
.PmsBookingGroupRoomView .commentsheader { text-align: left;  margin-top: 10px; color:#777; }
.PmsBookingGroupRoomView .commentarea { padding-left: 10px; font-size: 12px; }
.PmsBookingGroupRoomView .commentby { float:right; color:#bbb; }
.PmsBookingGroupRoomView .commenttime { color:#bbb; width: 120px; display:inline-block; }
.PmsBookingGroupRoomView .bookerinformation .col { width: 40%; display:inline-block; vertical-align: top; }
.PmsBookingGroupRoomView .bookerinformation .col_box_width_2 { width: 50%; display:inline-block; float:left; }
/*.PmsBookingGroupRoomView .col1 {     width: 190px; line-height: 20px; padding-left: 10px; box-sizing: border-box;color: #777; }*/
.PmsBookingGroupRoomView { font-size: 15px; }
.PmsBookingGroupRoomView .show_edit_user, .PmsBookingGroupRoomView .show_change_user, .PmsBookingGroupRoomView .bookinghighlightcolor { color: #4da6cb; }
.PmsBookingGroupRoomView .edit_user_btn { display:none; }
.PmsBookingGroupRoomView .commenttext { width: calc(100% - 250px );display: inline-block;   overflow: hidden;  text-overflow: ellipsis: }
.PmsBookingGroupRoomView .otheroptions { text-align: center; margin-top: 5px; }
.PmsBookingGroupRoomView .openconference { cursor:pointer; }
.show_edit_user,.show_change_user { float:right; margin-left: 5px; }
    
.PmsBookingGroupRoomView .bookinginformation .guest_col {
    display: inline-block;
    padding-right: 10px;
    font-size: 13px;
    padding-left: 10px;
    padding-top: 5px;
    box-sizing: border-box;
}

.PmsBookingGroupRoomView .bookinginformation .guest_col input {
    width: 100%;
    box-sizing: border-box;
} 

.PmsBookingGroupRoomView .bookinginformation .guest_col .gsniceinput1.prefix {
    width:50px;
}

.PmsBookingGroupRoomView .bookinginformation .guest_col .gsniceinput1.cellnumber {
    width: calc(100% - 61px);
}

.PmsBookingGroupRoomView .isdisabled {
    background:green;
    color:#fff;
}

.PmsBookingGroupRoomView .payment_process_started {
    padding: 20px;
}

.PmsBookingGroupRoomView .bookinginformation .guest_col1 { width: calc(100% - 850px); }
.PmsBookingGroupRoomView .bookinginformation .guest_col2 { width: 225px; }
.PmsBookingGroupRoomView .bookinginformation .guest_col3 { width: 200px; }
.PmsBookingGroupRoomView .bookinginformation .guest_col4 { width: 135px; }
.PmsBookingGroupRoomView .bookinginformation .guest_col5 { width: 165px; }
.PmsBookingGroupRoomView .countrylanguagebox {
    display: inline-block;
    width: 45%;
}
.PmsBookingGroupRoomView .insideheader .gs_shop_small_icon {
background: #86c330;
background-color: #86c330;
bottom: 5px;
float: right;
border-radius: 3px;
color: #FFF;
border: solid 0px;
}

.PmsBookingGroupRoomView .messagelogentry {
    border: solid 1px #ddd;
    padding: 10px;
    margin: 10px;
}
.PmsBookingGroupRoomView .messagelogfooter { text-align: right; color:#aaa; border-top: solid 1px;  padding-top: 5px; margin-top: 10px;}

.PmsBookingGroupRoomView .roomsingroupinformation { overflow: auto;max-height: 500px;}
    .PmsBookingGroupRoomView .boxed { min-height: 290px; box-shadow: 0px 2px 15px rgba(0,0,0,0.3); margin: 10px; box-sizing: border-box; background-color:#fff; display:inline-block; padding: 10px; float:left; }
    .PmsBookingGroupRoomView .groupheaderinformation { width: 300px;   }
    .PmsBookingGroupRoomView .bookerinformation { width: calc(100% - 350px); min-height: 290px; }
    .gsoverlayinner { background-color:#e0ebee; }
    .PmsBookingGroupRoomView h2 { margin-top: 0px; border-bottom: solid 1px #bbb; padding-bottom: 2px; color:#000; }
    .PmsBookingGroupRoomView h2.nomargin { margin: 0px; }
    .PmsBookingGroupRoomView .sendmessagetext {
    width: 100%;
    height: 100px;
    border: solid 1px #ddd;
    overflow: hidden;
}
.row_payment_status_line_expanded  { border-top: 0px !important; padding:0px !important;}
.row_payment_status_line_expanded  .col_guestname { width: 120px; }
.row_payment_status_line_expanded .col { font-size: 10px !important; color:#251212; }

.PmsBookingGroupRoomView .insideheader .gs_shop_small_icon {
    background: #86c330;
    background-color: #86c330;
    bottom: 5px;
    float: right;
    border-radius: 3px;
    color: #FFF;
    border: solid 0px;
}



.PmsBookingGroupRoomView .row_payment_status_line.notok {
    color: red;
}

.PmsBookingGroupRoomView .row_payment_status_line.allok {
    color: green;
}

.PmsBookingGroupRoomView .row_payment_status_line .col_productname {
    width: calc(100% - 670px);
}
.PmsBookingGroupRoomView .row_payment_status_line .col_productname.longwidth {
    width: calc(100% - 500px);
}
.PmsBookingGroupRoomView .row_payment_status_line .col_paymenttype {
    width: 150px;
}
.PmsBookingGroupRoomView .row_payment_status_line .col_action {
    width: 150px;
}
.PmsBookingGroupRoomView .row_payment_status_line .col_paymentdate {
    width: 150px;
}
.PmsBookingGroupRoomView .row_payment_status_line .col_date {
    width: 130px;
}

.PmsBookingGroupRoomView .row_payment_status_line .col_balance {
    width: 100px;
}

.PmsBookingGroupRoomView .row_payment_status_line .col_value {
    width: 125px;
}

.PmsBookingGroupRoomView .row_payment_status_line .col_product {
    width: calc(100% - 570px);
}

.PmsBookingGroupRoomView .row_payment_status_line .col_paid {
    width: 80px;
    text-align: right;
}

.PmsBookingGroupRoomView .row_payment_status_line .col_remaining.large,
.PmsBookingGroupRoomView .row_payment_status_line .col_paid.large {
    width: 130px;
}

.PmsBookingGroupRoomView .row_payment_status_line .col_remaining {
    width: 100px;
    text-align: right;
}

.PmsBookingGroupRoomView .row_payment_status_line .col_status {
    width: 20px !important;
}

.PmsBookingGroupRoomView .row_payment_status_line .col_orderid {
    width: 75px;
}

.PmsBookingGroupRoomView .row_payment_status_line .col_amount {
    width: 90px;
}

.PmsBookingGroupRoomView .row_payment_status_line .col {
    display: inline-block;
    font-size: 14px;
    padding: 5px;
    box-sizing: border-box;
}

.PmsBookingGroupRoomView .row_payment_status_line.header .col {
    vertical-align: bottom;
}

.PmsBookingGroupRoomView .row_payment_status_line.oddrow {
    background-color: #fafcfd;
}

.PmsBookingGroupRoomView .row_payment_status_line {
    border-top: solid 1px #DDD;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    color:#7c8a8f;
    font-weight: bold;
}

.PmsBookingGroupRoomView .row_payment_status_line.header {
    font-weight: bold;
    color:#000;
}

.PmsBookingGroupRoomView .row_payment_status_line.header {
    border-top: solid 0px;
    border-bottom: solid 2px #25374f;
}

.PmsBookingGroupRoomView .ordermenu {
    position: absolute;
    background-color: #FFF;
    width: 250px;
    border: solid 1px #DDD;
    border-bottom: solid 0px;
    display: none;
    right: 10px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
    z-index: 1;
}
.PmsBookingGroupRoomView .ordermenu .entry:hover {
    background-color: #EFEFEF;
}
.PmsBookingGroupRoomView .ordermenu .entry {
    padding: 5px;
    border-bottom: solid 1px #DDD;
    cursor: pointer;
}
.PmsBookingGroupRoomView .savePriceButton { width: 100%; box-sizing: border-box; margin-top: 5px; margin-bottom: 5px;display:none; }
.PmsBookingGroupRoomView .roomandcats, .PmsBookingGroupRoomView .pricesview, .PmsBookingGroupRoomView .stayperiodecontainer {
    width: calc(33% - 4px);
    display: inline-block;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    float:left;
}
.PmsBookingGroupRoomView .changedatespanel,
.PmsBookingGroupRoomView .splistayoptions {
    display:none;
}
.PmsBookingGroupRoomView .stayheader {
    border-bottom: solid 1px #e9ebed;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.PmsBookingGroupRoomView .masseditpricesbox {
    border: solid 1px #bbb;
    padding: 10px;
    background-color: #fff;
    z-index: 2;
    position:absolute;
}
.PmsBookingGroupRoomView .unitprice_changed { width: 60px; float:right; text-align: center; }
.PmsBookingGroupRoomView .menurow { background-color: #dce1e0; }
.PmsBookingGroupRoomView .menubutton { 
    height: 60px;border-top: solid 2px #dce1e0;
    margin-right: 0px; text-transform: uppercase; width:150px;
    border-right: solid 2px #d7dbda;
    color:#626664;
    padding: 4px; background-color:#dce1e0; text-align: center;padding-top: 10px; padding-bottom: 10px;
    cursor:pointer;box-sizing: border-box;border-bottom: 0px;  display:inline-block;}
.PmsBookingGroupRoomView .menubutton.selected { border-top: solid 2px #53b689;background-color:#fff; color:#4a9979; }

.PmsBookingGroupRoomView .insideheader {
    padding: 0px;
    margin: 0px;
    padding: 10px;
    padding-left: 0px;
    border-bottom: solid 1px #eceef0;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
}

.PmsBookingGroupRoomView .col_conf_1 {
    width: 150px;
    display: inline-block;
}
.PmsBookingGroupRoomView .event_header_information {
    position: relative;
}
.PmsBookingGroupRoomView .event_header_information .event_header_title {
    font-weight: bold;
    border-bottom: solid 1px #DDD;
    text-align: center;
}

.PmsBookingGroupRoomView .attendeecount_overridden.override_not_active {
    display: none;
}

.PmsBookingGroupRoomView .attendeecount.override_active {
    display: none;
}

.PmsBookingGroupRoomView .cartitem_added_product_name {
    width: calc(100% - 230px);
}

.PmsBookingGroupRoomView .cartitem_added_product_count {
    width: 50px;
    text-align: center;
}

.PmsBookingGroupRoomView .total_cart_item_row {
    font-size: 30px;
    padding-top: 30px;
}

.PmsBookingGroupRoomView .cartitem_added_product_header {
    display: inline-block;
    font-weight: bold;
    padding: 10px;
}

.PmsBookingGroupRoomView .cartitem_added_product_price {
    width: 50px;
    text-align: center;
}

.roomgroupbox { background-color:#fff;font-size:12px; padding: 6px; cursor:pointer; border-left: 3px #fff;border-bottom: solid 1px #dce1e0; }
.roomgroupbox.selected { border-left: solid 6px #53b689;  }
.roomgroupbox:hover { border-bottom: solid 1px; }
.roomisdeleted { color:red; }
    
.PmsBookingGroupRoomView .startdate,
.PmsBookingGroupRoomView .splitstaydate { width: 80px; }
.PmsBookingGroupRoomView .enddate { width: 80px; }
.PmsBookingGroupRoomView .starttime { width: 40px; }
.PmsBookingGroupRoomView .endtime { width: 40px; }
.PmsBookingGroupRoomView .changedates { width: 180px !important; }
.PmsBookingGroupRoomView .datepresentation { cursor:pointer; }
.PmsBookingGroupRoomView .checkingsplitstaybtns { cursor:pointer; }
.PmsBookingGroupRoomView .roomgroupbox .unpaidindicator { float:right; }

@media only all and (max-width: 1350px) {
    .PmsBookingGroupRoomView .unpaidamountwarning { font-size: 20px; }
    .PmsBookingGroupRoomView .groupheaderinformation { width: 180px; }
    .PmsBookingGroupRoomView .bookerinformation { width: calc(100% - 220px); }
    .PmsBookingGroupRoomView .groupheaderinformation h2,
    .PmsBookingGroupRoomView .bookerinformation h2 {font-size : 16px; }
    .PmsBookingGroupRoomView .menubutton { width: 95px; font-size: 12px; }
    .PmsBookingGroupRoomView { font-size: 12px !important; }
    .gsoverlay2 .gsoverlayinner, .gsoverlay1 .gsoverlayinner { width: 100%; }
    .gsoverlayinner .closemodal { right: -6px;top: -49px;}
    .PmsBookingGroupRoomView .bookerinformation .col { width: 49%; }
    .PmsBookingGroupRoomView .bookinginformation .guest_col1 { width: calc(100% - 570px); }
    .PmsBookingGroupRoomView .roomgroupbox .unpaidindicator { text-align: right; display:block; width: 100%; float:none; }
    .PmsBookingGroupRoomView .roomgroupbox .dates { display:block; width: 100%;  }
    .PmsBookingGroupRoomView .row_payment_status_line .col { width: 68px; }
    .PmsBookingGroupRoomView .row_payment_status_line .col_date,
    .PmsBookingGroupRoomView .row_payment_status_line .col_payment_date { width: 135px; }
    .PmsBookingGroupRoomView .row_payment_status_line .col_productname { width: calc(100% - 500px)}
    .PmsBookingGroupRoomView .groupheaderinformation .startpaymentprocessbtn,
    .PmsBookingGroupRoomView .groupheaderinformation .toggleafterstaybtn { height: 55px !important; }
}



.PmsBookingMultipleSelectionBooking{
    position:absolute;
    right:5%;
    width:30%;
    height:auto;
    margin:0;
    padding:0;
    top: 50px;
    background-color: rgba(255, 255, 255, .7);
    text-align: center;
    z-index: 2;
}
.PmsBookingMultipleSelectionBooking .applicationinner{padding:5%;}
.PmsBookingMultipleSelectionBooking .title{
    margin:0 0 5% 0;
    width:100%;
    font-weight:bold;
    letter-spacing:1px;
    font-size: 20px;
    color: #555;
    cursor: default;
}
.PmsBookingMultipleSelectionBooking .boxarea{
    width:100%;
    border-bottom:1px solid rgba(205,22,37,.8);
}
.PmsBookingMultipleSelectionBooking .boxarea ul.tab{
    list-style-type: none;
    margin:0;
    padding:0;
    overflow: hidden;
    border: none;
    
}
.PmsBookingMultipleSelectionBooking .boxarea ul.tab li{
    width:33.3%;
    float:left;
}
.PmsBookingMultipleSelectionBooking .boxarea ul.tab li a{
    margin:0;
    border: 1px solid rgba(205,22,37,.8);
    border-bottom-width: 0;
    color:rgba(205,22,37,.8);
    font-weight:bold;
    width:75%;
    min-width:60px;
    display: inline-block;
    text-align: center;
    padding: 1%;
    text-decoration: none;
    transition: 0.3s;
    font-size: 14px;
    background-color:#fff;
}

.PmsBookingMultipleSelectionBooking .boxarea ul.tab li .activeTab{
    color: #FFF;
    background-color:rgba(205,22,37,.8) !important;
}
.PmsBookingMultipleSelectionBooking .tabcontent{
    padding:10% 0 10% 0;
    min-height:60px;
    display: none;
    border: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
.PmsBookingMultipleSelectionBooking .tabcontentCheckin .fa-calendar-o{
    padding:2%;
    height:15px;
    background-color:#cb3845;
    cursor:pointer;
    color:#fff;
}
.PmsBookingMultipleSelectionBooking .dateinput{
    background-color:#fff;
    height:15px;
    margin-bottom:1%;
    padding:2% 0 2% 0;
    width:35%;
    font-size:1em;
    color: #555;
    border: none;
    text-align: center;
    cursor: context-menu;
}
.PmsBookingMultipleSelectionBooking .bottomarea .searchbooking{
    position:relative;
    width:100%;
    color: white;
    background-color: rgba(205, 22, 37,.8);
    border: 0px;
    cursor: pointer;
    padding:1% 0 1% 0;
}
@-webkit-keyframes fadeEffect {
    from{opacity: 0;}
    to  {opacity: 1;}
}

@keyframes fadeEffect {
    from{opacity: 0;}
    to  {opacity: 1;}
}  
@media only all and (max-width: 800px){    
    .PmsBookingMultipleSelectionBooking{
        position:relative;
        left:0;
        width:100%;
        height:auto;
        border:1px solid rgba(0,0,0,0.2);
    }
    .PmsBookingMultipleSelectionBooking .tabcontent{background-color:rgba(255, 138, 147, 0.1)}
}

#switch-booking-view
{
    position:absolute;
    top:-35px;
    right:5px;
    cursor: pointer;
    min-height:30px;
    min-width:30px;
    height:30px;
    width:30px;
    color:#71cdf2;
    line-height:30px;
    font-size:30px;
}
@media screen and (max-width: 1350px) {
    #switch-booking-view {
        right:45px;
    }
}
.PmsBookingRoomView .bookingoverview_content_row .bottommenuarea {
    text-align: right;
    font-size: 0px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.PmsBookingRoomView .reinstatestay {
    cursor:pointer;
}

.PmsBookingRoomView .addguesttoconferencepanel {
    position: absolute;
    width: 600px;
    background-color: #efefef;
    border: solid 1px #bbb;
    padding: 5px;
    display:none;
}
.PmsBookingRoomView .previewarea {
    border: solid 1px #bbb;
    margin-top: 20px;
    padding: 20px;
    display:none;
}

.PmsBookingRoomView .whyoutofsync { 
    display:none;
    padding: 10px;
    background-color:#fff;
}

.PmsBookingRoomView .unpaidamountwarning { 
    border-bottom: solid 1px;
    background-color: #ff0000;
    padding: 10px;
    color: #fff;
    height: 35px;
    font-size: 24px;
}

.PmsBookingRoomView .guestsuggestionname {
        display:inline-block;
        width: 35%;
        white-space: nowrap; 
        overflow: hidden;
        text-overflow: ellipsis;
    }
.PmsBookingRoomView .guestsuggestionemail {
        display:inline-block;
        width: 35%;
        white-space: nowrap; 
        overflow: hidden;
        text-overflow: ellipsis;
    }
.PmsBookingRoomView .guestsuggestionphone
    {
        display:inline-block;
        width: 20%;
        white-space: nowrap; 
        overflow: hidden;
        text-overflow: ellipsis;
    }
.PmsBookingRoomView .guestionsuggestionarea { padding: 10px; padding-left: 22px; }
.PmsBookingRoomView .guestionsuggestionarea .addsuggestionarrow {
    position: absolute;
    left: -18px;
    top: 4px;
    cursor:pointer;
    color:#86c330;
}


.PmsBookingRoomView .countrylanguagebox { display:inline-block; width: 45%; }
.PmsBookingRoomView .countrylanguagebox .gsniceselect1 { border: solid 0px; border-bottom: solid 1px #DDD; cursor:pointer;text-transform: uppercase; }
.PmsBookingRoomView .activeroom { background-color:#ebfbcb !important; }

.PmsBookingRoomView .notvalidselection { font-size: 20px; color: red; font-weight: bold; margin-top: 20px; line-height: 30px; }
.PmsBookingRoomView .colheader {
    padding: 5px;
    margin-bottom: 5px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    cursor: pointer;
}
.PmsBookingRoomView .splistayoptions { display:none; margin-top:10px; }

.PmsBookingRoomView .grouppaymentprocess {
    position: absolute;
    display:none;
    background-color: #fff;
    border: solid 1px #bbb;
    z-index: 8;
    padding: 5px;
    right: 10px;
    top: 10px;
}
.PmsBookingRoomView .editaddonpanel { z-index: 2; }

.PmsBookingRoomView .isgroupinformation { 
    padding: 5px; 
    background-color:#e0ebee; 
    color:#4c4b4b; 
    margin-top: -25px;
    height: 40px;
    border-radius: 40px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 12px;
    line-height: 40px;
    margin-bottom: 20px;
    padding-left: 35px;
    padding-right: 16px;
    position:relative;
}
.PmsBookingRoomView .isgroupinformation .fa-info-circle {
    font-size: 18px;
    position: absolute;
    top: 16px;
    left: 15px;
}

.PmsBookingRoomView .isdeletedinformation { background-color:red; color:#fff; padding: 5px; padding-left: 10px; }
.PmsBookingRoomView .roomindication { color: #4c4b4b; float:right; }

.PmsBookingRoomView .bookingoverview_content_row .bottommenuarea .shop_button {
    font-size: 15px;
    margin-right: 20px;
}
.GetShopModuleTable .col.col_payment {
    max-width: 100px;
    overflow: hidden;
}

.PmsBookingRoomView .checkoutview {
    position: absolute;
    background: #c7f7f9;
    z-index: 1;
    width: 800px;
    right: 10px;
    border: solid 1px #bbb;
    margin-top:5px;
    display:none;
}

.PmsBookingRoomView .addAddonsArea {
    position: absolute;
    background: #c7f7f9;
    z-index: 1;
    width: 400px;
    border: solid 1px #bbb;
    margin-top:5px;
    display:none;
}
.PmsBookingRoomView .addAddonsArea .addAddonsAreaInner { max-height: 400px; overflow: auto; }


.PmsBookingRoomView .pricecontainerbox { padding-right: 10px; }

.PmsBookingRoomView .priceselectionhelp { display:none; font-size: 12px; font-style: italic; color:green; padding-top: 10px; }
.PmsBookingRoomView .masseditpricesbox {
    border: solid 1px #bbb;
    padding: 10px;
    background-color: #fff;
    z-index: 2;
}
.PmsBookingRoomView .changespanel {
    position: absolute;
    z-index: 2;
    background-color: #fff;
    right: 10px;
    top: 50px;
    border: solid 1px #bbb;
    display:none;
}

.PmsBookingRoomView .changespanel .changetextrow {
    border-bottom: solid 1px #bbb;
    padding: 10px;
}

.PmsBookingRoomView .pricerows { max-height: 200px; overflow:auto;}
.PmsBookingRoomView .unsavedchangeswarning {
    background-color: gray;
    color: #fff;
    padding: 0px;
    height: 33px;
    font-size: 17px;
    padding-top: 15px;
    position: relative;
    padding-left: 20px;
}

.PmsBookingRoomView .editaddonpanel { border: solid 1px #bbb; position:absolute; background-color: #fff; padding: 2px; }

.PmsBookingRoomView .removeselectedaddons { background-color: red;
    display: block;
    width: 241px;
    float: left;
    margin-right: 10px; }
.PmsBookingRoomView .addonsaddedrow { font-size: 18px; border-bottom: solid 1px #ddd; padding: 10px; }
.PmsBookingRoomView .addonsArea .headercol { font-weight: bold; }
.PmsBookingRoomView .addonsaddedrow .fa-edit{ float:right; }
.PmsBookingRoomView .addonsaddedrow .fa-square-o { cursor: pointer; }
.PmsBookingRoomView .addonsArea .col-1 { width: 20px !important; }
.PmsBookingRoomView .addonsArea .col-2 { width: 225px !important; }
.PmsBookingRoomView .addonsArea .col-3 { width: 100px !important; }
.PmsBookingRoomView .addonsArea .col-4 { width: 100px !important; }
.PmsBookingRoomView .addonsArea .row { font-size: 20px; }
.PmsBookingRoomView .addonsArea .row .fa { cursor:pointer; }
.PmsBookingRoomView .bookingoverview_content_row .bottommenuarea .shop_button:hover {
    background: rgb(99,182,219); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(99,182,219,1) 0%, rgba(48,157,207,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(99,182,219,1) 0%,rgba(48,157,207,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(99,182,219,1) 0%,rgba(48,157,207,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b6db', endColorstr='#309dcf',GradientType=0 );
}

.PmsBookingRoomView .bookingoverview_content_row .bottommenuarea .shop_button.disabled {
    background: #EFEFEF;
    background-color: #EFEFEF;
    color: #888;
}

.PmsBookingRoomView .bookingoverview_content_row {
    font-size: 0px;
    background-color: #FFF;
    margin-bottom: 20px;
}
.PmsBookingRoomView .checkinheadertext {font-size: 12px; }
.PmsBookingRoomView .changedatespanel { display:none; }
.PmsBookingRoomView .datepresentation { border-bottom: solid 1px #e9ebed; padding-bottom: 10px; margin-bottom: 10px; cursor:pointer; }
.PmsBookingRoomView .checkincheckoutbutton {width: 100%;
    cursor: pointer;
    margin-bottom: 15px;
    box-sizing: border-box;
    display: block;}

.PmsBookingRoomView .bookingoverview_content_row .menuarea,
.PmsBookingRoomView .bookingoverview_content_row .workarea {
    width: 500px;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
}

.PmsBookingRoomView .bookingoverview_content_row .workarea {
    width: calc(100% - 200px);
    box-sizing: border-box;
}

.PmsBookingRoomView .bookingoverview_content_row .menuarea {
    width: 200px;
    box-sizing: border-box;
    padding: 30px;
    padding: 0px;
    padding-left: 10px;
    float:left;
}

.PmsBookingRoomView .bookingoverview_content_row .menuarea .menuentry i{
    font-size: 30px;
    display: none;
}
.PmsBookingRoomView .bookingoverview_content_row .menuarea .menuentry {
    text-align: left;
    padding: 5px;
    cursor: pointer;
    color: #82cdf3;
    text-decoration: dotted;
    text-decoration: none;
    width: inherit;
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 30px;
    margin-top: 0px;
    font-size: 13px;
    font-weight: bold;
}

.PmsBookingRoomView .bookingoverview_content_row .menuarea .menuentry span {
    border-bottom: 2px dotted #82cdf3;
    padding-left: 1px;
    padding-right: 1px;
    padding: 3px;
    margin-left: 20px;
}

.PmsBookingRoomView .bookingoverview_content_row .menuarea .menuentry.active span {
    
}

.PmsBookingRoomView .bookingoverview_content_row .menuarea .menuentry.active span {
    border-bottom: 2px dotted transparent;
    display: inline-block;
    background-color: #2a324e;
    color: #FFF;
    border-radius: 20px;
    border: solid 0px;
    margin-left: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.PmsBookingRoomView .seperatorbox .seperatortext {
    background-color: #FFF;
    padding-left: 10px;
    padding-right: 10px;
    display: inline;
    position: relative;
    margin: 0 auto;
}

.PmsBookingRoomView .seperatorbox .rowseperator {
    position: absolute;
    left: 0px;
    height: 1px;
    right: 0px;
    top: 10px;
    border-top: dashed 3px #DDD;
    
}
.PmsBookingRoomView .searchbox .tabs {
    background-color: #EEE;
    font-size: 0px;
}   

.PmsBookingRoomView .searchbox .tab {
    padding: 5px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    border-right: solid 1px #DDD;
    cursor: pointer;
    font-size: 13px;
}

.PmsBookingRoomView .searchbox .buttonareaadvanced {
    margin-top: 10px;
}
.PmsBookingRoomView .searchbox .dropdowns {   
}
.PmsBookingRoomView .searchbox .tab_content {
    padding-top: 20px;
}
.PmsBookingRoomView .searchbox .tab_content.active {
    display: block;
}

.PmsBookingRoomView .searchbox .tab.active {
    background-color: #FFF;
}

.PmsBookingRoomView .searchbox .tab_content {
    padding-left: 50px;
    display: none;
}
.PmsBookingRoomView .searchbox {
    display: inline-block;
    vertical-align: top;
    margin-left: 50px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    width: calc(100% - 255px);
    box-sizing: border-box;
    height: 252px;
}

.PmsBookingRoomView .quickfilters .header {
    text-align: center;
    padding: 5px;
    background-color: #EEE;
    margin-bottom: 10px;
   
}
.PmsBookingRoomView .quickfilters i {
    margin-left: 10px;
}
.PmsBookingRoomView .quickfilters .quickfilter_sub {
    padding: 5px;
    padding-left: 25px;
    cursor: pointer;
}
.PmsBookingRoomView .quickfilters {
    display: inline-block;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    vertical-align: top;
    width: 200px;
}

.PmsBookingRoomView .orderpreview {
    position: fixed;
    top: 50px;
    left: 50px;
    bottom: 50px;
    right: 50px;
    background-color: #FFF;
    z-index: 3;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    display: none;
}

.PmsBookingRoomView .orderpreview .header {
    font-size: 20px;
    background-color: #EEE;
    text-align: center;
    padding: 20px;
    
}

.PmsBookingRoomView .orderpreview .close {
    position: absolute;
    right: -10px;
    top: -10px;
    background-color: #FFF;
    border: solid 3px #888; 
    border-radius: 50px;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 20px;
    line-height: 23px;
    cursor: pointer;
}

.PmsBookingRoomView .orderpreview .content {
    overflow-y: scroll;
    position: absolute;
    top: 70px;
    bottom: 90px;
    left: 0px;
    right: 0px;
}

.PmsBookingRoomView .orderpreview .menurow {
    position: absolute;
    height: 50px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: right;
    padding: 20px;
}

.PmsBookingRoomView .workarea div[tab] {
    display: none;
}

.PmsBookingRoomView .no_orders_created i {
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 50px;
}
.PmsBookingRoomView .no_orders_created {
    font-size: 20px;
    color: red;
    text-align: center;
}

.PmsBookingRoomView .workarea div[tab].active {
    display: block;
}

.PmsBookingRoomView .bookinginformation .prefix {
    width: 30px;
}

.PmsBookingRoomView .bookinginformation .col2 {
    width: calc(100% - 230px);
}
.PmsBookingRoomView .bookinginformation .guestheader {
    padding: 5px;
    background-color: #EFEFEF;
    margin-top: 20px;
}
.PmsBookingRoomView .colbox {
    width: 400px;
    display: inline-block;
    vertical-align: top;
}
.PmsBookingRoomView .warning {
    margin-bottom: 30px;
    background-color: #e8ffc8;
    padding: 20px;
}

.PmsBookingRoomView .bookinginformation .header {
    border-bottom: solid 2px #333;
    padding-bottom: 5px;
}

.PmsBookingRoomView .bookinginformation .guest_row .remove_guest {
    background: #fb6a32;
    background-color: #fb6a32;
    color: #FFF;
    width: 15px;
    height: 15px;
    padding: 0px;
    text-align: center;
    line-height: 15px;
    border-radius: 15px;
    padding: 2px;
}

.PmsBookingRoomView .bookinginformation .guest_row {
    font-size: 0px;
}


.PmsBookingRoomView .bookinginformation .guest_col {
    display: inline-block;
    padding-right: 10px;
    font-size: 13px;
    padding-left: 10px;
    padding-top: 5px;
    box-sizing: border-box;
}

.PmsBookingRoomView .bookinginformation .guest_col input {
    width: 100%;
    box-sizing: border-box;
} 

.PmsBookingRoomView .bookinginformation .guest_col .gsniceinput1.prefix {
    width:50px;
}

.PmsBookingRoomView .bookinginformation .guest_col .gsniceinput1.cellnumber {
    width: calc(100% - 61px);
}

.PmsBookingRoomView .isdisabled {
    background:green;
    color:#fff;
}

.PmsBookingRoomView .payment_process_started {
    padding: 20px;
}

.PmsBookingRoomView .bookinginformation .guest_col1 { width: calc(100% - 550px); }
.PmsBookingRoomView .bookinginformation .guest_col2 { width: 260px; }
.PmsBookingRoomView .bookinginformation .guest_col3 { width: 200px; }
.PmsBookingRoomView .bookinginformation .guest_col4 { width: 85px; }
.PmsBookingRoomView .bookinginformation .guest_col5 { width: 225px; }

.PmsBookingRoomView .GetShopQuickUser .booked_for {
    display: inline-block;
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
} 
.PmsBookingRoomView .insideheader {
    padding: 0px;
    margin: 0px;
    padding: 10px;
    padding-left: 0px;
    border-bottom: solid 1px #eceef0;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
}

.PmsBookingRoomView .insideheader .gs_shop_small_icon {
    background: #86c330;
    background-color: #86c330;
    bottom: 5px;
    float:right;
    border-radius: 3px;
    color: #FFF;
    border: solid 0px;
}

.PmsBookingRoomView .guestinformation[tab="orders"] .SalesPointCartCheckout {
    padding: 20px;
}
.PmsBookingRoomView .guestinformation[tab="orders"] .payment_window {

    padding: 20px;
}
.PmsBookingRoomView .guestinformation[tab="orders"] .payment_options .options,
.PmsBookingRoomView .guestinformation[tab="orders"] .payment_options .option_content {
    display: inline-block;
    vertical-align: top;
}

.PmsBookingRoomView .rmation[tab="orders"] .payment_options .option_content {
    width: calc(100% - 250px);
    min-height: 250px;
    border: solid 1px #CCC;
    padding: 20px;
    box-sizing: border-box;
}

.PmsBookingRoomView .guestinformation[tab="orders"] .payment_options .options i {
    display: none;
}

.PmsBookingRoomView .guestinformation[tab="orders"] .payment_options .options .activeline {
    position: absolute;
    top: 15px;
    right: -27px;
    width: 24px;
    height: 0px;
    border: solid 1px #DDD;
    display: none;
}

.PmsBookingRoomView .guestinformation[tab="orders"] .payment_option_choice.active i {
    display: inline-block;
}

.PmsBookingRoomView .guestinformation[tab="orders"] .payment_option_choice.active .activeline {
    display: block;
}

.PmsBookingRoomView .guestinformation[tab="orders"] .payment_options .options .payment_option_choice {
    position: relative;
    width: 200px;
    margin-bottom: 10px;
}
.PmsBookingRoomView .guestinformation[tab="orders"] .payment_options .options {
    width: 224px;
    padding-right: 20px;
    position: relative;
}

.PmsBookingRoomView .paymentinfo  {
    font-size: 15px;
    color: green;
}
.PmsBookingRoomView .guestinfo { width:100%; }
.PmsBookingRoomView .guestinfo, 
.PmsBookingRoomView .guestinfobox {
    padding: 20px;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}

.PmsBookingRoomView .guestinfobox {
    width: calc(100% - 632px);
}


.PmsBookingRoomView .guestinfobox div.row:last-child {
    border-bottom: solid 0px;
}

.PmsBookingRoomView .unsettledamount {
    animation: bodybg 1s 0s linear infinite alternate;
    color: red;
}

@keyframes bodybg{
  from   {color: #960000;}
  to     {color: #ff5e5e;}
}

.PmsBookingRoomView .date,
.PmsBookingRoomView .by {
    display: inline-block;
    width: 50%;
    font-size: 14px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 20px;
    background-color: #EFEFEF;
}

.PmsBookingRoomView .logtext {
    font-size: 14px;
    padding: 20px;
}

.PmsBookingRoomView .log_pages {
    font-size: 0px;
}

.PmsBookingRoomView .log_pages .pagenumber.active {
    background: rgb(164,179,87); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 );
}
.PmsBookingRoomView .log_pages .pagenumber {
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    
    background: rgb(255,168,76); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); 

    border-right: solid 1px rgba(255,255,255,0.5);
    color: #FFF;
    cursor: pointer;
}

.PmsBookingRoomView .loaderspinner {
    text-align: center;
    padding: 50px;
    font-size: 50px;
}

.PmsBookingRoomView .logentry {
    border-bottom: solid 1px #DDD;
    font-size: 0px;
}
.PmsBookingRoomView .bookinginfocolheader { background-color:#ddd; }

.PmsBookingRoomView .guestinformation[tab="ticket"] {
    padding: 20px;
}

.PmsBookingRoomView .TicketList .datarow_extended_content {
    padding: 20px;
}

.PmsBookingRoomView .betawarning {
    background-color: red;
    color: #FFF;
    padding: 20px;
    text-align: center;
}
.PmsAvailability .startdate { width: 100px; }

.PmsBookingRoomView .otheroptionstd {
    padding-left:50px;   
}
.PmsBookingRoomView .sendmessagetext {
    width: 100%; height: 100px; border:solid 1px #ddd; overflow:hidden;
}
.PmsBookingRoomView .showcredithistorybutton {
    font-size: 14px;
    background-color: #DDD;
    padding: 5px;
    border: solid 1px #CCC;
    float: right;
    cursor: pointer;
}

.PmsBookingRoomView .verifonestatus {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 2;
    background-color: rgba(0,0,0,0.8);
    color: #FFF;
    text-align: center;
    padding: 50px;
    font-size: 30px;
}

.PmsBookingRoomView .row_payment_status_line.notok {
    color: red;
}

.PmsBookingRoomView .row_payment_status_line.allok {
    color: green;
}

.PmsBookingRoomView .row_payment_status_line .col_productname {
    width: calc(100% - 670px);
}
.PmsBookingRoomView .row_payment_status_line .col_productname.longwidth {
    width: calc(100% - 500px);
}
.PmsBookingRoomView .row_payment_status_line .col_paymenttype {
    width: 150px;
}
.PmsBookingRoomView .row_payment_status_line .col_paymentdate {
    width: 150px;
}
.PmsBookingRoomView .row_payment_status_line .col_date {
    width: 130px;
}

.PmsBookingRoomView .row_payment_status_line .col_balance {
    width: 100px;
}

.PmsBookingRoomView .row_payment_status_line .col_value {
    width: 125px;
}

.PmsBookingRoomView .row_payment_status_line .col_product {
    width: calc(100% - 570px);
}

.PmsBookingRoomView .row_payment_status_line .col_paid {
    width: 80px;
    text-align: right;
}

.PmsBookingRoomView .row_payment_status_line .col_remaining.large,
.PmsBookingRoomView .row_payment_status_line .col_paid.large {
    width: 130px;
}

.PmsBookingRoomView .row_payment_status_line .col_remaining {
    width: 100px;
    text-align: right;
}

.PmsBookingRoomView .row_payment_status_line .col_status {
    width: 20px !important;
}

.PmsBookingRoomView .row_payment_status_line .col_orderid {
    width: 75px;
}

.PmsBookingRoomView .row_payment_status_line .col_amount {
    width: 90px;
}

.PmsBookingRoomView .row_payment_status_line .col {
    display: inline-block;
    font-size: 14px;
    padding: 5px;
    box-sizing: border-box;
}

.PmsBookingRoomView .row_payment_status_line.header .col {
    vertical-align: bottom;
}

.PmsBookingRoomView .room_view_outer {
    position: relative;
}

.PmsBookingRoomView .row_payment_status_line.oddrow {
    background-color: #fafcfd;
}

.PmsBookingRoomView .row_payment_status_line {
    border-top: solid 1px #DDD;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    color:#7c8a8f;
    font-weight: bold;
}

.PmsBookingRoomView .row_payment_status_line.header {
    font-weight: bold;
    color:#000;
}

.PmsBookingRoomView .row_payment_status_line.header {
    border-top: solid 0px;
    border-bottom: solid 2px #25374f;
}

.PmsBookingRoomView .ordermenu {
    position: absolute;
    background-color: #FFF;
    width: 250px;
    border: solid 1px #DDD;
    border-bottom: solid 0px;
    display: none;
    right: 10px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
    z-index: 1;
}

.PmsBookingRoomView .ordermenu .entry {
    padding: 5px;
    border-bottom: solid 1px #DDD;
    cursor: pointer;
}

.PmsBookingRoomView .ordermenu .entry:hover {
    background-color: #EFEFEF;
}

.PmsBookingRoomView .small_payment_summary {
    text-align: center;
    font-size: 0px;
}
.PmsBookingRoomView .payment_summary_view_box {
    width: calc(100% / 2);
    display: inline-block;
    border: solid 1px #EFEFEF;
    box-sizing: border-box;
    padding: 20px;
    vertical-align: top;
    height: 255px;
}

.PmsBookingRoomView .payment_summary_view_box i {
    font-size: 60px;
    color: orange;
}

.PmsBookingRoomView .payment_summary_view_box .text {
    font-size: 20px;
}

.PmsBookingRoomView .payment_summary_view_box .amount {
    font-size: 30px;
    color: green;
}

.PmsBookingRoomView .markaspaidwindow .innner_area {
    background-color: #FFF;
    margin: 0 auto;
    width: 600px;
    min-height: 200px;
    margin-top: 30px;
    position: relative;
}

.PmsBookingRoomView .markaspaidwindow .innner_area .closebutton {
    right: 10px;
    top: 10px;
    font-size: 30px;
    position: absolute;
    cursor: pointer;
}

.PmsBookingRoomView .markaspaidwindow {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    background-color: rgba(0,0,0,0.8);
    display: none;
}

.PmsBookingRoomView .addonsArea .col {
    display: inline-block;
}

.PmsBookingRoomView .headerboxes {
    background-color: #f5f8fa;
    padding-bottom: 30px;
}

.PmsBookingRoomView .first_collapsable_shadowbox {
    margin-top: 20px !important;
}

.PmsBookingRoomView .collapsable_shadowbox .collapser {
    font-size: 35px;
    position: absolute;
    top: 0px;
    right: 0px;
    padding-left: 20px;
    padding-right: 10px;
    cursor: pointer;
}

.PmsBookingRoomView .collapsable_shadowbox[defaultclosed="false"] .collapser.open {
    display: none;
}

.PmsBookingRoomView .collapsable_shadowbox[defaultclosed="true"] .collapsable_content {
    display: none;
}

.PmsBookingRoomView .collapsable_shadowbox[defaultclosed="true"] .collapser.closed {
    display: none;
}

.PmsBookingRoomView .collapsable_shadowbox {
    box-shadow: 0px 2px 15px rgba(0,0,0,0.3);
    margin: 20px;
    padding: 14px;
    background-color: #ffffff;
    margin-top:10px;
    margin-bottom:10px;
}
.PmsBookingRoomView .collapsable_shadowbox .col {
    display: inline-block;
    box-sizing: border-box;
    font-size: 15px;
}

.PmsBookingRoomView .collapsable_shadowbox .col1 {
    width: 190px;
    line-height: 20px;
    padding-left: 10px;
    box-sizing: border-box;
    color: #777;
}

.PmsBookingRoomView .show_edit_user,
.PmsBookingRoomView .show_change_user,
.PmsBookingRoomView .bookinghighlightcolor
{ color:#4da6cb; }

.PmsBookingRoomView .collapsable_shadowbox .col2 {
    padding-left: 10px;
    width: calc(100% - 200px);
}

.PmsBookingRoomView .collapsable_shadowbox .col_box_width_2 {
    width: calc(50% - 27px);
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}

.PmsBookingRoomView .collapsable_shadowbox .col_box_width_2.second {
    margin-left: 50px;
}

.PmsBookingRoomView .collapsable_shadowbox .row {
    border-top: solid 1px #e8ebed;
    padding-top: 1px;
    padding-bottom: 1px;
    min-height: 33px;
    line-height: 30px;
}

.PmsBookingRoomView .collapsable_shadowbox div.row:nth-child(odd) {
    background-color: #fafcfd;
}

.PmsBookingRoomView .GetShopQuickUser .change_user_form,
.PmsBookingRoomView .GetShopQuickUser .edit_details_of_user {
    right: 35px;
}

.PmsBookingRoomView .colheader .extraheaderstuff {
    font-size: 13px;
    position: absolute;
    left: 230px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    text-transform: none;
    font-weight: normal;
    border-left: solid 1px #DDD;
    padding: 9px;
    padding-left: 20px;
}

.PmsBookingRoomView .colheader .extraheaderstuff .text {
    width:180px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 10px;
}
.PmsBookingRoomView .colheader .extraheaderstuff .title {
    width: 109px;
    color: #777;
    display: inline-block;
}

.PmsBookingRoomView .guestinformation[tab="orderstab"] .EcommerceOrderList .workarea { width: calc(100% - 150px); margin-top: 20px; }
.PmsBookingRoomView .guestinformation[tab="orderstab"] .EcommerceOrderList .menuarea { width: 150px; margin-left: 0px; margin-top: 20px; }
.PmsBookingRoomView .guestinformation[tab="orderstab"] .EcommerceOrderList .menuentry { margin-left: 0px; }

.PmsBookingRoomView .guestinformation[tab="orderstab"] .EcommerceOrderList .col_5 { display: none; }

.PmsBookingRoomView .guestinformation[tab="orderstab"] .EcommerceOrderList .col_rowCreatedDate,
.PmsBookingRoomView .guestinformation[tab="orderstab"] .EcommerceOrderList .col_paymentDate,
.PmsBookingRoomView .guestinformation[tab="orderstab"] .EcommerceOrderList .col_inctaxes,
.PmsBookingRoomView .guestinformation[tab="orderstab"] .EcommerceOrderList .col_extaxes,
.PmsBookingRoomView .guestinformation[tab="orderstab"] .EcommerceOrderList .col_incrementOrderId { width: 70px !important; }
.PmsBookingRoomView .missingonroomgroup { position:absolute; right: 50px; color:#bbb; }
.PmsBookingRoomView .guestinformation[tab="orderstab"] .EcommerceOrderList .col_user { width: calc(100% - 740px) !important; }


.PmsBookingRoomView .PmsSearchBooking .GetShopModuleTable .col_reg { display:none; }
.PmsBookingRoomView .PmsSearchBooking .GetShopModuleTable .col_checkout { width: 80px; }
.PmsBookingRoomView .PmsSearchBooking .GetShopModuleTable .col_price { width: 50px; }
.PmsBookingRoomView .PmsSearchBooking .GetShopModuleTable .col_state { width: 40px; }
.PmsBookingRoomView .PmsSearchBooking .GetShopModuleTable .col_totalprice { width: 55px; }
.PmsBookingRoomView .PmsSearchBooking .GetShopModuleTable .col_expandbutton { width: 50px; }
.PmsBookingRoomView .PmsSearchBooking .GetShopModuleTable .col_bookedfor { width: 100px; }
.PmsBookingRoomView .PmsSearchBooking .GetShopModuleTable .col_room { width: 51px; }
.PmsBookingRoomView .PmsSearchBooking .GetShopModuleTable .col_addons { width: 60px; }
.PmsBookingRoomView .PmsSearchBooking .GetShopModuleTable .col_visitor { width: calc(100% - 670px); }
.PmsBookingRoomView .PmsSearchBooking .GetShopModuleTable .secondary_text { color: #888;overflow: hidden;text-transform: none; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.PmsBookingRoomView .row.hidden {
    display: none;
}

.PmsBookingRoomView .row_payment_status_line.corrected {
    color: red;
    border-left: solid 1px #DDD;
    margin-left: 10px;
    border-bottom: solid 1px #DDD;
    border-right: solid 1px #DDD;
}

@media screen and (max-width: 1300px) {
    .PmsBookingRoomView .isgroupinformation {
        font-size: 10px;
    }
    .PmsBookingRoomView .bookinginfocolheader .shop_button { width: 75px; font-size: 10px; }
}
@media screen and (max-width: 1024px) {
    .PmsBookingRoomView .collapsable_shadowbox .col2 { width: 100%; }
}


/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 19, 2018, 9:12:52 PM
    Author     : ktonder
*/

.PmsBookingRoomView .accesscode {
    padding-top: 20px;
    min-height: 250px;
    padding-right: 20px;
}

.PmsBookingRoomView .accesscode .successinfo {
    font-size: 18px;
    padding-bottom: 20px;
}

.PmsBookingRoomView .accesscode .isnotactive {
    padding-left: 20px;
}

.PmsBookingRoomView .accesscode .code {
    color: #87caf0;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}

.PmsBookingRoomView .access_codes_information {
    padding: 20px;
    padding-left: 70px;
    position: relative;
    min-height: 50px;
}

.PmsBookingRoomView .access_codes_information i {
    position: absolute;
    left: 20px;
    font-size: 30px;
    color: #82cdf3;
}


/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 25, 2018, 2:14:13 PM
    Author     : ktonder
*/
.PmsBookingRoomView .tabcontent {
    margin-top: 30px;
}

.PmsBookingRoomView .tabcontent[orders_sub_tab] {
    display: none;
}

.PmsBookingRoomView .tabcontent.active[orders_sub_tab] {
    display: block;
}

.PmsBookingRoomView .guestinformation[tab="orderstab"] {
    padding-right: 20px;
    padding-bottom: 20px;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 3, 2018, 4:03:24 PM
    Author     : ktonder
*/

.PmsBookingRoomView .payment_window, 
.PmsBookingRoomView .SalesPointCartCheckout {
    padding: 0px !important;
}

.PmsBookingRoomView .booking_cart_buttons_area {
    text-align: right;
}

.PmsBookingRoomView .guestinformation[tab="orders"] {
    margin-right: 20px;
    margin-top: 20px;
}

.PmsBookingRoomView .guestinformation[tab="orders"] .kaipal {
    margin-bottom: 30px;
}
.PmsBookingRoomView .paymentcomment {
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    padding: 20px;
    position: absolute;
    z-index: 1;
    background-color: #FFF;
    width: 400px;
    margin-top: 20px;
    display: none;
}

.PmsBookingRoomView .paymentcomment textarea {
    width: 100%;
    box-sizing: border-box;
    border: solid 1px #DDD;
    padding: 20px;
    height: 100px;
}

.PmsBookingRoomView .topbuttons {
    margin-bottom: 20px;
}




.PmsBookingRoomView .movetotype .itemselector div:first-child {
    border-left: solid 1px;
}

.PmsBookingRoomView .itemview_inner .explenation {
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    vertical-align: top;
    padding-top: 5px;
    display: inline-block;
}

.PmsBookingRoomView .itemview_inner .explenation .expcolorouter {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    vertical-align: top;
    padding-right: 10px;
    box-sizing: border-box;
}

.PmsBookingRoomView .itemview_inner .explenation {
    width: calc(100% - 448px);
    box-sizing: border-box;
    display: inline-block;
}

.PmsBookingRoomView .itemview_inner .explenation .expcolor {
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    vertical-align: top;
    padding-top: 5px;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    box-sizing: border-box;
    border: solid 1px #DDD;
}


.PmsBookingRoomView .movetotype {
    border-bottom: solid 1px #DDD;
    margin-top: 10px;
    position: relative;
    vertical-align: top;
    padding-bottom: 8px;
}

.PmsBookingRoomView div.movetotype:last-child {
    border-bottom: solid 0px;
}

.PmsBookingRoomView .movetotype .itemselector {
    display: inline-block;
    width: calc(100% - 204px);
}

.PmsBookingRoomView .movetotype .headername {
    display: inline-block;
    left: 0px;
    top: 5px;
    color: #444;
    width: 200px;
    vertical-align: top;
}

.PmsBookingRoomView .movetotype .bookingitem {
    border: solid 1px transparent;
    display: inline-block;
    padding: 3px;
    padding-bottom: 0px;
    padding-top: 0px;
    line-height: 25px;
    margin-right: 2px;
    border-radius: 2px;
    margin-bottom: 2px;
    
}

.PmsBookingRoomView .floatingbutton { margin-top: 5px; padding-left: 10px !important; padding-right: 10px  !important; }
.PmsBookingRoomView .canNotUse { background: #b6ced9; cursor: not-allowed; }
.PmsBookingRoomView .canUse { background: #82ca35; color: #FFF; cursor: pointer; }
.PmsBookingRoomView .gs_selected { background: #23314e; color: #FFF; }

.PmsBookingRoomView .staytime {
    background-color: #fafcfd;
    font-weight: bold;
    border-bottom: solid 2px #000;
    padding-bottom: 5px;
    
    border: solid 1px #bbb;
    padding: 10px;
    margin-top: 10px;
    background-color: #efefef;    
}

.PmsBookingRoomView .updater {
    display: none;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    padding: 30px;
    color: #FFF;
}

.PmsBookingRoomView .update_in_progress .updater {
    display: block;
}

.PmsBookingRoomView .itemview {
    position: relative;
}

.PmsBookingRoomView .canNotUseGs_selected,
.PmsBookingRoomView .movetotype .gs_selected.canNotUse {
    background: rgb(169,3,41) !important; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ) !important;
}

.PmsBookingRoomView .pricesview, 
.PmsBookingRoomView .itemview_inner {
    display: inline-block;
    font-size: inherit;
    box-sizing: border-box;
    vertical-align: top;
    
    font-size: 14px;
    padding: 20px;
}

.PmsBookingRoomView .itemview_inner {
    
   padding-top: 20px;
   width: calc(100% - 300px);
}

.PmsBookingRoomView .pricerow {
    border-bottom: solid 1px #EEE
}
.PmsBookingRoomView .pricerow .col2,
.PmsBookingRoomView .pricerow .col2 input { 
    width: 65px;
    height: 28px;
    margin-top: 2px;
    text-align: center;
}
.PmsBookingRoomView .pricerow .col1 {
    width: 100px;
    line-height: 35px;
}
.PmsBookingRoomView .pricerow .col {
    display: inline-block;
}

.PmsBookingRoomView .stayperiodecontainer {
    padding-bottom: 20px;
    padding-right: 10px;
}
.PmsBookingRoomView .stayperiodecontainer input {
    width: 100px;
    box-sizing: border-box;
}
.PmsBookingRoomView .stayperiodecontainer input.time {
    width: 60px;
    text-align: center;
    float:right;
}

.PmsBookingRoomView .pricesview {
    width: 280px;
    box-sizing: border-box;
    padding:0px;
    margin-top: 20px;
}
.PmsBookingRoomView .stayheader { 
    border-bottom: solid 1px #e9ebed;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.PmsBookingRoomView .totalrow {
    font-size: 16px;
    margin-top: 6px;
    text-align: right;
    padding-right: 16px;
}

.PmsBookingRoomView .extrainfo {
    margin-top: 10px;
    font-size: 13px;
    text-align: left;
    padding-left: 20px;
    position: relative;
}

.PmsBookingRoomView .extrainfo .fa-info-circle {
    position: absolute;
    left: 0px;
    top: 5px;
    color:#7bcff6;
}

.PmsBookingRoomView .roomandcats,
.PmsBookingRoomView .pricesview,
.PmsBookingRoomView .stayperiodecontainer {
    width: calc(33% - 4px);
    display: inline-block;
}

.PmsBookingRoomView .roomandcats .shop_button {
    bottom: 18px;
    right: 20px;
    left: 20px;
    width: 200px;
    margin-bottom: 20px;
}

.PmsBookingRoomView .roomandcats {
    height: 370px;
    position: relative;
}



.PmsChartOverview {
    max-width:1500px;
    margin:auto;
}
.PmsChartOverview .statiticbox {
    width: 145px;
    height: 145px;
    text-align: center;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 8px;
}


.PmsChartOverview .statiticbox .subinfo {
    font-size: 20px;
}

.PmsChartOverview .statiticbox .filecount { 
    padding-top: 43px;
    font-size: 35px;
}

.PmsChartOverview .statiticbox.counter.lightgreen {
    color: #3fbdbd;
    background-color: #3fbdbd;
}

.PmsChartOverview .statiticbox.counter.yellow {
    color: #e6e158;
    background-color: #e6e158;
}

.PmsChartOverview .statiticbox.counter.grey {
    color: #b6ced9;
    background-color: #b6ced9;
}

.PmsChartOverview .statiticbox.counter.pink {
    color: #d29be8;
    background-color: #d29be8;
}

.PmsChartOverview .statiticbox.counter.lightblue {
    color: #82cdf3;
    background-color: #82cdf3;
}

.PmsChartOverview .statiticbox.counter.green {
    color: #a1ca36;
    background-color: #a1ca36;
}

.PmsChartOverview .statiticbox.counter.orange {
    color: #f1a130;
    background-color: #f1a130;
}

.PmsChartOverview .statiticbox.counter .box_explainer {
    color: #000;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
} 

.PmsChartOverview .statiticbox.counter {
    color: #33455b;
    background-image: url('/showApplicationImages.php?appNamespace=ns_f8d72daf_97d8_4be2_84dc_7bec90ad8462&image=skin/images//background.png');
    background-size: contain;
    background-position: center;
} 


.PmsChartOverview .statistics .dayheader {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px;
}

.PmsChartOverview .dashboard_main { 
    text-align: center;
}

.PmsChartOverview .statistics .header {
    border-bottom: solid 1px #bbb;
    padding: 20px;
    position: relative;
    
    color:#000;
    text-align: left;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}

.PmsChartOverview .statistics .header i {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #b6ced9;
    font-size: 25px;
}

.PmsChartOverview {
    font-size: 0px;
}

.PmsChartOverview .statistics_outer {
    font-size: 15px;
    width:25%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
}

.PmsChartOverview .statistics {
    background-color: #FFF;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

.PmsChartOverview .statistics .inner { 
    padding: 20px;
}
        

@media screen and (max-width: 800px) {
    .PmsChartOverview .statistics_outer { width: 100%; }
}

.PmsCheckList .errorrow {
    border-bottom: solid 1px #DDD;
    padding: 2px;
    padding-left: 20px;
}

.PmsCheckList .errorrow .col {
    display: inline-block;
    margin-right: 40px;
    vertical-align: top;
}

.PmsCheckList .bookingId {
    width: calc(100% - 810px);
}

.PmsCheckList .type {
    width: 200px;
}

.PmsCheckList .total {
    width: 60px;
}

.PmsCheckList {
    max-width: 1200px;
    margin: 0 auto;
}

.PmsCheckList .col.orderId {
    width: 100px;
}

.PmsCheckList .description {
    margin-bottom: 30px;
    padding: 20px;
    background-color: #a6ffa7;
    text-align: center;
}

.PmsCheckList h2 {
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.PmsCheckList .typebox {
    border-left: solid 1px #DDD;
    border-right: solid 1px #DDD;
    border-top: solid 1px #DDD;
    margin-bottom: 50px;
    
    
}


.PmsCheckout .cartsummary .col {
    display: inline-block;
    padding: 5px;
    padding-right: 0px;
}

.PmsCheckout .removeitem { float: right; color: #bbb; cursor: pointer; }
.PmsCheckout .cartsummary .row { border-bottom: solid 1px #DDD;}
.PmsCheckout .cartitem { margin-bottom: 2px;}
.PmsCheckout .cartsummary .row.row_last { border-bottom: solid 0px #DDD;}
.PmsCheckout .cartsummary .col1 { width: 30px; text-align: right; }
.PmsCheckout .cartsummary .col2 { width: calc(100% - 200px); }
.PmsCheckout .cartsummary .col3 { width: 100px; }
.PmsCheckout .paymentmethodselection,
.PmsCheckout .appendtoorderselection,
.PmsCheckout .display_cart_filter,
.PmsCheckout .continue_checkout { box-sizing: border-box; width: 100%; margin-top: 5px; }
.PmsCheckout .checkoutarea .itemsarea { max-height: 167px; overflow: auto; border: solid 1px #bbb;background-color:#fff; }
.PmsCheckout .checkoutarea { 
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;

}
.PmsCheckout .addon_price,
.PmsCheckout .matrix_price { width: 50px; text-align: center; }
.PmsCheckout .matrix_item {
    margin-left: 50px;
}

.PmsCheckout .row {
    position: relative;
}
.PmsCheckout .addonlist_row,
.PmsCheckout .pricematrix_row {
    padding: 5px;
    position: relative;
    border-bottom: solid 1px #EFEFEF;
    
}

.PmsCheckout .addonlist_row.odd,
.PmsCheckout .pricematrix_row.odd {
    background-color: #FFF;
}

.PmsCheckout .pricematrix_row .matrix_item {
    float:right;
}


.PmsCheckout .matrix_price {
    padding: 7px;
    padding-bottom: 6px;
}
.PmsCheckout .addonlist_row .addon_inputs input {
    padding: 7px;
    padding-bottom: 6px;
}

.PmsCheckout .addonlist_row .addon_inputs {
    text-align: right;
    float:right;
}

.PmsCheckout .addonlist_row .addon_count {
    width: 20px;
    text-align: center;
    padding: 7px;
    padding-bottom: 6px;
}

.PmsCheckout .normalrow {
    border-bottom: solid 1px #DDD;
    line-height: 45px;
    padding-bottom: 5px;
}

.PmsCheckout .last_row .normalrow {
    border-bottom: solid 0px;
}

.PmsCheckout .normalrow .textfields {
    position: absolute;
    right: 10px;
    top: 5px;
}
.PmsCheckout .summary {
    font-size: 30px;
    margin-right: 10px;
}

.PmsCheckout .normalrow .itemcount {
    width: 30px;
    text-align: center;
}


.PmsCheckout .payment_options .option_content {
    position: absolute;
    background-color: #FFF;
    right: 0px;
    border: solid 1px;
}
.PmsCheckout .payment_options .shop_button {
    width: 100% !important;
    margin-bottom: 3px;
}

.PmsCleaningConfiguration .configrow {
    clear: both;
    padding-bottom: 10px;
    border-bottom: solid 1px #ccc;
    margin-bottom: 10px;
    font-size: 16px;
    height: 30px;
}
.PmsCleaningConfiguration .configentry {
    float: right;
    margin-right: 10px;
}
.PmsCleaningConfiguration .configentry input[type="checkbox"] {
    width: 25px;
    height: 25px;
}

.PmsCleaningNew .roomNotReady { cursor:pointer; color: #35280d; font-weight: bold; }
.PmsCleaningNew .roomIsReady { color: green; font-weight: bold; }
.PmsCleaningNew .guestname { display:inline-block; width: 50px; overflow:hidden;  text-overflow: ellipsis; white-space: nowrap; height: 12px; line-height: 12px;
 }
.PmsCleaningNew .stepbox { border: solid 1px #ddd; border-radius : 5px; background-color:#fff; padding-top: 0px; }
.PmsCleaningNew .cleaningheader { text-align: center; padding: 10px; background-color:#23314e; color:#EEE; text-transform:uppercase;font-size: 16px; border-top-left-radius: 5px;
    border-top-right-radius: 5px;} 

.PmsCleaningNew th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #6D929B;
	border-bottom: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 6px 6px 6px 12px;
}

.PmsCleaningNew td {
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #000;
}
.PmsCleaningNew td:nth-child(1) {
    border-left: 1px solid #C1DAD7;
}

.PmsCleaningNew tr:nth-child(2) {
	background: #F5FAFA;
	color: #B4AA9D;
}

.PmsCleaningNew .roombox {  color:#fff; display: inline-block; margin: 3px; padding: 3px; border: solid 1px #bbb; width: 60px; text-align: center; }
.PmsCleaningNew .notclean { background-color: #35280d; }
.PmsCleaningNew .roomisclosed { background-color: #7a7afe; }
.PmsCleaningNew .inUse { background-color: purple; }
.PmsCleaningNew .clean { background-color: green; }
.PmsCleaningNew .notcleancheckedout { background-color: orange;cursor:pointer;  }
.PmsCleaningNew .kaipal .text { background-color:#fff; border-color: #bbb; }

.PmsConference .conferencesystem { font-size: 14px;}
.PmsConference .warningnotabletoadd {     border: solid 1px;
    padding: 10px;
    text-align: center;
    background-color: red;
    color: #fff;
    font-size: 32px;
}
.PmsConference .dayentryheader { display: inline-block;height: 20px; width: 46px; padding:2px;text-align: center; border: solid 1px #efefef; background-color:#fff;}
.PmsConference .dayentrymonthheader { display: inline-block;height: 20px; width: 22px; padding:2px;text-align: center;}
.PmsConference .conferencetimelines { border-bottom: solid 1px #efefef;display:inline-block; }
.PmsConference .removeguest { cursor:pointer; }
.PmsConference .listreportsarea { position:absolute; z-index: 2; background-color:#fff; border: solid 1px #bbb; padding: 10px; right: 0px; margin-top: 10px; display:none; }
.PmsConference .itemname,
.PmsConference .dayentry { display:inline-block;  font-size: 14px; border: solid 1px #efefef; background-color:#fff; border-bottom: solid 0px; height: 20px; width: 20px; padding:2px; text-align: center; cursor:pointer;}
.PmsConference .emptyitemname { width: 202px; display:inline-block;  float:left; text-align: left; padding : 2px; }
.PmsConference .itemname { width: 200px; float:left; text-align: left; }
.PmsConference .edititembox { position: absolute; width: 500px; background-color: #fff; border: solid 1px #bbb; padding: 10px; display:none;}
.PmsConference .itemname .fa-edit { display:none; }
.PmsConference .itemname:hover .fa-edit { display:inline-block; }
.PmsConference .conferencesystem { max-width: 1600px; margin: auto; overflow: auto; height: 2000px; }
.PmsConference .conferenceoverview { border: solid 1px #bbb; background-color:#fff; padding: 10px; width: 800px; display:inline-block; display:none; position:absolute; top: 150px;z-index:3;}
.PmsConference .addconferencepanel { border: solid 1px #bbb; display:inline-block; background-color:#fff; position:absolute; padding: 10px; display:none; right:0px; }
.PmsConference .GetShopQuickUser .booked_for,
.PmsConference .edit_user_btn { display:none; }
.PmsConference .hasactiveventstart { background-color:green; border-color:green;border-top-left-radius: 4px; border-bottom-left-radius: 4px;color:#fff !important;}
.PmsConference .hasactiveventmiddle { background-color:green; border-color:green; }
.PmsConference .hasactiveventend { background-color:green; border-color:green;border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.PmsConference .hasactiveventboth { background-color:green; border-color:green;border-radius: 4px; color:#fff !important;}
.PmsConference .GetShopQuickUser .change_user_form, .PmsConference .GetShopQuickUser .edit_details_of_user,
.PmsConference .GetShopQuickUser .change_user_form, .PmsConference .GetShopQuickUser .edit_details_of_user { position: initial;box-shadow:none; }
.PmsConference .loadcalendar {
    position: absolute;
    background-color: #fff;
    border: solid 1px #bbb;
    padding: 10px;
    z-index: 3;
}
.PmsConference .addeventbox { width: 250px; border: solid 1px; display:inline-block; padding: 3px;background-color:#ddd; border: #bbb; position:absolute; z-index: 2; display:none;  }
.PmsConference .loadcalendar input { width: 90px; }
.PmsConference .header { margin-top: 10px; margin-bottom: 20px; text-align: right; position: relative; }
.PmsConference .openevent,
.PmsConference .openconference { color: #4b6e3e; cursor: pointer; }
.PmsConference .eventreportarea { padding :20px; }
.PmsConference .conferencelist {
    position: absolute;
    background-color: #fff;
    padding: 10px;
    border: solid 1px #bbb;
    z-index: 2;
    font-size: 14px;
    display:none;
    right: 0px;
    width: 400px;
    color: #000;
    text-align: left;
}

.PmsConference .extendedtextoverlay {z-index:5; position:absolute; padding: 10px; border: solid 1px; background-color:#efefef; width:100%; box-sizing: border-box; display:none; }
.PmsConference .extendedtextoverlay .extendextarea { width: 100%; box-sizing: border-box; height: 500px; margin-bottom: 5px; }
.PmsConference .printheader { display:none;}
.PmsConference .dateheader { border: solid 1px #bbb; text-align: center; font-weight: bold; background-color:#efefef; }
.PmsConference .texttable tr td { border-bottom: solid 1px; padding: 10px; }
.PmsConference .itemsfilter { display:none; border: solid 1px;margin-top: 10px;padding: 10px; }
.PmsConference .headerspacer { height: 50px; }

@media print {
    .warnsystemshutdownduebills,
    .gsarea[area="header"] { display:none; }
    .reportfilter { display:none; }
    .dateheader { border: solid 0px !important; background-color: none !important; }
    .printheader { display:block !important; }
    .PmsConference .openevent,
    .PmsConference .openconference { color: black; }

}


.PmsConferenceList .no_conferences {
    font-size: 20px;
    text-align: center;
    margin: 0 auto;
    width: 500px;
    background-color: #FFF;
    padding: 50px;
    margin-top: 50px;
}

.PmsConferenceList .conferencelist_outer {
    margin: 0 auto;
    max-width: 1024px;
}

#fireinstructions,
#otherinstructionsfiled
{ background-color:#fff; padding: 10px; }

.PmsCrm .GetShopModuleTable .col_2 { width: 80px; }
.PmsCrm .GetShopModuleTable .col_3 { width: calc(100% - 1150px); }
.PmsCrm .GetShopModuleTable .col_6 { width: calc(100% - 1150px); }
.PmsCrm .GetShopModuleTable .col_5 { width: 90px; }
.PmsCrm .GetShopModuleTable .col_7 { width: 90px; }
.PmsCrm .GetShopModuleTable .col_8,
.PmsCrm .GetShopModuleTable .col_9,
.PmsCrm .GetShopModuleTable .col_10,
.PmsCrm .GetShopModuleTable .col_12,
.PmsCrm .GetShopModuleTable .col_13,
.PmsCrm .GetShopModuleTable .col_14
{ width: 50px; text-align: center; }

.PmsCrm .GetShopModuleTable .col_11 { width: 80px; text-align: right; }
.PmsCrm .GetShopModuleTable .col_8 { width: 80px; }

.PmsGetShopExpressSettings .productview { position:absolute; display: none; overflow-y: auto; overflow-x: hidden; max-height: 250px; padding-right: 20px !important; border: solid 1px; padding: 5px; border-radius: 3px; z-index: 3; background-color:#fff; }
.PmsGetShopExpressSettings .section { 
    border: solid 1px #bbb;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 3px;
    background-color: #fff;
    padding: 10px;
    margin-top: 10px;
}


.PmsGlobalSettings .container .option { float:right; }
.PmsGlobalSettings .container {clear: both; border-bottom: solid 1px #bbb; padding-bottom: 10px; margin-bottom: 10px; }

.PmsGroupBookingHeader .top_box {
    text-align: center;
    width: 100px;
    height: 100px;
    display: inline-block;
    vertical-align: top;
    
}

.PmsGroupBookingHeader .addAddonsPanel .addonsrow {
    clear:both;
    height: 36px;
    line-height: 36px;
    margin-bottom: 3px;
}
.PmsGroupBookingHeader .moveCategoryPanel {
    margin-bottom: 30px;
    display: none;
    width: 600px;
    border: solid 1px #bbb;
    background-color: #efefef;
    position: absolute;
    margin-top: 50px;
    padding: 20px;
    z-index:2; 
}
.PmsGroupBookingHeader .col.owner { width: 200px; }
.PmsGroupBookingHeader .col.end { width: 170px; }
.PmsGroupBookingHeader .col.start { width: 170px; }
.PmsGroupBookingHeader .col.guestnames { width: 350px; }
.PmsGroupBookingHeader .col.roomtype { width: 200px; }
.PmsGroupBookingHeader .col.room { width: 200px; }
.PmsGroupBookingHeader .col.choose { float:right; cursor:pointer; }
.PmsGroupBookingHeader .addfromotherroomrow:hover { font-weight: bold; }

.PmsGroupBookingHeader .findroomfrombooking {
    border: solid 1px #bbb;
    background-color: #efefef;
    width: 100%;
    display: none;
    z-index: 2;
    position:absolute;
    left: 0px;
}
.PmsGroupBookingHeader .addAddonsPanel .addonsrow .addAddonsToRoom,
.PmsGroupBookingHeader .addAddonsPanel .addonsrow .removeAddonFromRoom
{
    float:right;
}
.PmsGroupBookingHeader .addAddonsPanel .addonsrow .addAddonsToRoom:hover,
.PmsGroupBookingHeader .addAddonsPanel .addonsrow .removeAddonFromRoom:hover
{
    font-weight: bold;
}
.PmsGroupBookingHeader .addAddonsPanel {
    margin-bottom: 30px;
    display: none;
    width: 600px;
    border: solid 1px #bbb;
    background-color: #efefef;
    position: absolute;
    margin-top: 50px;
    padding: 20px;
    z-index:2;
}

.PmsGroupBookingHeader .searchbrregbutton { color: blue; cursor:pointer; }
.PmsGroupBookingHeader .updatepricepanel { display:none; }
.PmsGroupBookingHeader .brregsearchresultrow:hover { font-weight: bold; cursor:pointer;}
.PmsGroupBookingHeader .searchbrregarea {
    position: absolute;
    border: solid 1px;
    z-index:2;
    display: inline-block;
    display:none;
    padding: 10px;
    background-color:#fff;
    border-color: #bbb;
}

.PmsGroupBookingHeader {
    max-width: 1500px;
    margin: auto;
}
.PmsGroupBookingHeader .notavailablerooms { color:red; font-size: 18px; display:none; }

.PmsGroupBookingHeader .datarow_extended_content { padding: 0px !important; }

.PmsGroupBookingHeader .booker_main_user.selected { display:block; }
.PmsGroupBookingHeader .top_box {
    border-radius: 100px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    color: #FFF;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 30px;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b7ea+0,009ec3+100;Blue+3D+%2315 */
    background: rgb(0,183,234); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
    cursor:pointer;
}
.PmsGroupBookingHeader .show_change_user { float:right; background-color: rgba(133,178,211,1); border-top: solid 1px; }
.PmsGroupBookingHeader .top_box:hover {
    color:#5c2c7e;
}
.PmsGroupBookingHeader .setsameasbooker { color: blue; cursor:pointer; }
.PmsGroupBookingHeader .top_box.selected {
    color:#3d463b;
}

.PmsGroupBookingHeader .top_box .title {
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 13px;
}

.PmsGroupBookingHeader .booker_main_user .title {
    text-align: center;
    color: #FFF;
    background: rgb(167,199,220);
    background: -moz-linear-gradient(top, rgba(167,199,220,1) 0%, rgba(133,178,211,1) 100%);
    background: -webkit-linear-gradient(top, rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%);
    background: linear-gradient(to bottom, rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%);
    padding: 5px;
}

.PmsGroupBookingHeader .edituserdetails {
    width:50%; float:left; padding-right:10px;box-sizing: border-box;
}
.PmsGroupBookingHeader .masseditguests {
    width:50%; float:left;background-color:#fff;
}

.PmsGroupBookingHeader .booker_main_user {
    margin-top: 50px;
}

.PmsGroupBookingHeader .booker_main_user .col {
    display: inline-block;    
    padding: 5px;
}

.PmsGroupBookingHeader .booker_main_user .col1 { width: 150px; }
.PmsGroupBookingHeader {
    margin-bottom: 50px;
    margin-top: 50px;
}

.PmsGroupBookingHeader .amount {
    width: 100px;
    text-align: right;
}

.PmsGroupBookingHeader .col.name{
    width: 300px;
}

.PmsGroupBookingHeader .col.room {
    width: 100px;
}

.PmsGroupBookingHeader .col.date {
    width: 150px;
}

.PmsGroupBookingHeader .col.nights {
    width: 50px;
}

.PmsGroupBookingHeader .header.row {
    font-size: 0px;
}

.PmsGroupBookingHeader .header.row .col {
    font-size: 13px;
    font-weight: bold;
}

.PmsGroupBookingHeader div.row:nth-child(odd) {
    background-color: #FFF;
}

.PmsGroupBookingHeader .row.deleted {
    color: red;
}



.PmsInvoicing .header {
    font-size: 16px;
    padding: 10px;
    border-bottom: solid 1px #DDD;
}

.PmsInvoicing .row .col {
    display: inline-block;
    vertical-align: top;
}

.PmsInvoicing .usercollection {
    margin: 30px;
    border: solid 1px #DDD;
    background-color: #FFF;
}
.PmsInvoicing .row {
    padding: 5px;
}

.PmsInvoicing .header {
    background-color: #fdffde;
}

.PmsInvoicing .guestinfo {
    display: inline-block;
    width: 100px;
    overflow: hidden;
    padding-bottom: 5px;
    margin-right: 20px;
    white-space: nowrap;
}

.PmsInvoicing .col1 {
    padding-left: 5px;
}

.PmsInvoicing .totalrow {
    padding-left: 10px;
    padding-bottom: 5px;
    font-size: 20px;
}

.PmsInvoicing .rooms .row {
    border-bottom: solid 1px #DDD;
}

.PmsInvoicing .toprow {
    text-align: center;
    position: fixed;
    width: 100%;
    top: 100px;
    background-color: #EFEFEF;
    padding-bottom: 20px;
}

.PmsInvoicing .noguests {
    width: 360px;
    display: inline-block;
}

.PmsInvoicing .col.col5 {
    width: 108px;
    padding-left: 10px;
}

.PmsInvoicing .col.col7 {
    width: 108px;
    font-size: 18px;
    padding-left: 10px;
    text-align: right;
    
}

.PmsInvoicing .content {
    margin-top: 250px;
}

.PmsMonthlyBilling .title { font-weight: bold; font-size: 20px;}

.PmsMonthlySummary .GetShopModuleTable {display:table; }
.PmsMonthlySummary .GetShopModuleTable .datarow {display:table-row; }
.PmsMonthlySummary .GetShopModuleTable .col {display:table-cell; }




.PmsNewBooking .GetShopModuleTable .col { width: 87px; }
.PmsNewBooking .GetShopModuleTable .col.col_4 { width: 70px; }
.PmsNewBooking .GetShopModuleTable .col.col_5 { text-align: center; }
.PmsNewBooking .GetShopModuleTable .col.col_4 input { width: 40px; text-align: center;}
.PmsNewBooking .GetShopModuleTable .col.col_6 input { width: 40px; text-align: center;}
.PmsNewBooking .GetShopModuleTable .col.col_1 { width: 275px; }
.PmsNewBooking .roominformation .col { display:inline-block; font-size: 16px; }
.PmsNewBooking .roominformation .addonsarea { font-size: 12px; }
.PmsNewBooking .guestinformation { padding-left: 35px; }
.PmsNewBooking .guestname { width: 212px; margin-right: 10px;}
.PmsNewBooking .guestemail { width: 245px; margin-right: 10px;}
.PmsNewBooking .guestprefix { width: 21px; }
.PmsNewBooking .discountcodeselection {position:Absolute; right: 0px; width: 200px; }

.PmsNewBooking label.sameasbooker {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}
.PmsNewBooking label.sameasbooker input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}

.PmsNewBooking .guestinformation { border-bottom: solid 1px #bbb; padding-bottom: 10px; margin-bottom: 10px;  padding-top: 5px; }
.PmsNewBooking .roominformation .col_1 { width: 266px; }
.PmsNewBooking .roominformation .col_2 { width:140px; }
.PmsNewBooking .roominformation .col_3 { width: 140px; }
.PmsNewBooking .roominformation .col_4 { width: 120px; }
.PmsNewBooking .roominformation .col_6 { width: 265px; }
.PmsNewBooking .addnewroom { width: 68%; float:left;}
.PmsNewBooking .availablerooms {    display: inline-block;width: 30%;float: right; }
.PmsNewBooking .roominformation .guestcounter { width: 20px; text-align: center; }
.PmsNewBooking .roominformation .roomprice { width: 60px; text-align: center; }
.PmsNewBooking .availablerooms.hasconference { display:none; }
.PmsNewBooking .conferenceroom { width: 30%;float:right; padding-left: 50px; box-sizing: border-box;}
.PmsNewBooking .hasDatepicker {  max-width: 115px; }
.PmsNewBooking .disabled { color:#ddd; }
.PmsNewBooking .usersuggestion { 
    border: solid 1px;
    display: inline-block;
    height: 120px;
    margin: 2px;
    border-radius: 3px;
    padding: 10px;
    cursor: pointer;
}
.PmsNewBooking .availableroomsheading { border-bottom: solid 1px #DDD; padding-bottom: 10px; margin-bottom: 10px; }
.PmsNewBooking .moreThenAvailableWarning { color: red; font-weight: bold; margin-top: 20px; display:none; }
.PmsNewBooking .warninnotabletoadd { color:red; font-weight: bold; font-size: 24px; margin-top:20px; }
.PmsNewBooking .section {  box-shadow: 0px 0px 10px rgba(0,0,0,0.3); padding: 10px; border: solid 1px #efefef; width:68%; box-sizing: border-box; background-color:#fff; position:relative; }
.PmsNewBooking .conferenceroom [method="addConferenceRoom"] { box-shadow: 0px 0px 10px rgba(0,0,0,0.3); padding: 10px; background-color: #fff; }
.PmsNewBooking .nextstep { display:none; }
.PmsNewBooking .guestrowhint .guestrowhintentry {
    border: solid 1px #bbb;
    border-radius: 3px;
    padding: 3px;
    margin: 1px;
    display: inline-block;
    background-color: #efefef;
    font-size: 11px;
}
.PmsNewBooking .guestrowhint .guestrowhintentry:hover { background-color:#fff; cursor:pointer; }
.PmsNewBooking .selectedbutton { background-color:green; }
.PmsNewBooking .searchbrregbutton { color: blue; cursor:pointer; }
.PmsNewBooking .searchbrregarea {
    position: absolute;
    z-index: 1;
    border: solid 1px;
    display: inline-block;
    display:none;
    padding: 10px;
    background-color:#fff;
    border-color: #bbb;
}
.PmsNewBooking .addonoption { margin: 2px; width: 11.2%; border: solid 1px #bbb; display:inline-block; padding: 2px; overflow: hidden; white-space: nowrap;  overflow: hidden; cursor:pointer;  text-overflow: ellipsis;     }
.PmsNewBooking .addonoption:hover { font-weight: bold; }
.PmsNewBooking .addonoption.active { color:green; }


.PmsNewBooking20 .newbookingoption { width: 264px; display:inline-block; height: 300px; text-align: center; margin: 20px;  box-sizing: border-box; cursor:pointer; background-color:#fff; }
.PmsNewBooking20 .steptitle { text-transform: uppercase; font-weight: bold; font-size: 16px; margin-top: 70px; margin-bottom: 70px; }
.PmsNewBooking20 .stepboxtitle { text-transform: uppercase; font-weight: bold; font-size: 14px; border-bottom: solid 1px #eaecee; text-align: left; padding: 10px; }
.PmsNewBooking20 .stepboxbody { padding: 10px; }
.PmsNewBooking20 .searchcustomerbox { margin: auto; max-width: 500px; }

.PmsNewBooking20 .GetShopQuickUser .change_user_form .tabs .tab {
    background: none !important;
    color: #000 !important;
    text-transform: uppercase !important;
    border: none !important;
    font-weight: bold;
}
.PmsNewBooking20 .GetShopQuickUser .change_user_form .tabs .tab.tab_active {
    border-bottom: solid 2px #72cff4 !important;
}
.PmsNewBooking20 .GetShopQuickUser .change_user_form .tabs .tab .fa-check {
    display:none;
}
.PmsNewBooking20 .GetShopQuickUser .change_user_form .tabs {
    border-bottom: solid 1px #72cff4;
}
.PmsNewBooking20 .newbookingoption:hover,
.PmsNewBooking20 .newbookingoption:hover .title { border-color: green; }
.PmsNewBooking20 .newbookingoption .title { font-size: 20px; padding: 10px; }
.PmsNewBooking20 .newbookingoption .descriptionimage img { height: 150px; width: 150px; margin-top: 10px; margin-bottom: 10px; }
.PmsNewBooking20 .newbookingprocess { display:none; text-align: center;}
.PmsNewBooking20 .newbookingprocess[for="start"] { display:block; text-align: center;}
.PmsNewBooking20 .spacerinrooms { height: 100px; }
.PmsNewBooking20 .edit_user_btn,
.PmsNewBooking20 .user_view { display:none !important; }
.PmsNewBooking20 .GetShopQuickUser .change_user_form, 
.PmsNewBooking20 .GetShopQuickUser .edit_details_of_user { position:initial; margin: auto; }
.PmsNewBooking20 .addconferenceroombox { background-color: #fff; display:inline-block; width: 400px; }
.PmsNewBooking20 .addroomboxes { text-align: center; }
.PmsNewBooking20 .roominformationbox.conferenceroom .guestinformation { display:none; }
.PmsNewBooking20 .roominformationbox.conferenceroom .title { margin-bottom: 0px; border-bottom: 0px; background-color:green; color:#fff; }
.PmsNewBooking20 .addroombox { background-color: #fff; display:inline-block; width: 630px; height: 200px;}
.PmsNewBooking20 .edit_details_of_user,
.PmsNewBooking20 .change_user { text-align: left; }
.PmsNewBooking20 .edit_details_of_user .colbox .row { margin-bottom: 10px; }
.PmsNewBooking20 .GetShopQuickUser .change_user_form .tabs .tab { 
    border-radius: 0px;
    color: #FFF;
    background: #23314e;
    background-color: #23314e;
    line-height: 34px;
    height: 37px;
    width:110px;
    text-align: center;
}


.PmsNewBooking20 .insideheader { text-align: left; border-bottom: solid 1px #efefef;padding-bottom: 3px; margin-bottom: 3px; text-transform: uppercase; color:#777;  }
.PmsNewBooking20 .insidebody { padding-left: 15px; }
.PmsNewBooking20 .bookinginformationkey { display:inline-block; width: 110px; color:#777; }
.PmsNewBooking20 .searchcustomerresultbox { border: solid 1px #bbb; display:inline-block; width: 270px; box-sizing: border-box; background-color:#fff; margin: 10px; }
.PmsNewBooking20 .searchcustomerresultbox .fullname { 
    font-size: 16px; border-bottom: solid 1px #bbb;padding: 10px;  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.PmsNewBooking20 .searchcustomerresultbox .usersresult { text-align: left; padding: 10px; height:180px; }
.PmsNewBooking20 .searchcustomerresultbox .selectusersbutton { width: 90%; box-sizing: border-box; margin-bottom: 10px; text-transform: uppercase; }



/* Step2 */
.PmsNewBooking20 .newbookingprocess[for="newbookingstep2"] .startdate { width: 220px; text-align: left; margin-right: 15px; }
.PmsNewBooking20 .newbookingprocess[for="newbookingstep2"] .enddate { width: 220px; text-align: left; margin-right: 15px;  }
.PmsNewBooking20 .searchforbooking { padding: 10px; background-color: #fff; }
.PmsNewBooking20 .roominformationbox { text-align: left; background-color:#fff;  max-width: 800px; margin:auto;margin-bottom: 10px; }
.PmsNewBooking20 .roominformationbox .title { font-size: 16px; padding: 10px; border-bottom: solid 1px #bbb; margin-bottom: 10px; }
.PmsNewBooking20 .roominformationbox .addanotherguest { color: blue; font-size: 12px; cursor:pointer; margin-top: 5px; display:inline-block; }
.PmsNewBooking20 .roominformationbox .addanotherguest:hover { color: black !important; }
.PmsNewBooking20 .roominformationbox .guestinformation { padding: 10px; }
.PmsNewBooking20 .completeregistrationbutton { max-width: 780px; width:100%; margin-bottom: 100px;}
.PmsNewBooking20 .addroomssummary { max-width: 780px; margin: auto; padding: 10px; font-size: 20px;margin-top: 20px;margin-bottom: 20px; height: 100px; }
.PmsNewBooking20 .addroomssummary .description { display:none; }
.PmsNewBooking20 .addroomssummary .addroomscategories { display:block; }
.PmsNewBooking20 .addroomssummary.disabled .description { display:block; }
.PmsNewBooking20 .addroomssummary.disabled .addroomscategories { display:none;  }
.PmsNewBooking20 .warnclosedroom { padding: 10px; border: solid 1px #bbb; background-color:red; display:inline-block; width: 800px; color:#fff; line-height: 25px; font-size: 16px;box-sizing: border-box; }
.PmsNewBooking20 .addroomssummary.isclosed { display:none; }
.PmsNewBooking20 .addAddonButton {color: #8cd8f6; cursor:pointer; }
.PmsNewBooking20 .editroompriceinput { width: 70px; }
.PmsNewBooking20 .editpriceonroom { display: none; float:right;padding-top: 2px;padding-right: 2px; }
.PmsNewBooking20 .pricetoroom { padding: 10px; box-sizing: border-box; font-size: 14px; line-height: 20px; cursor:pointer; font-weight: bold; border-left:  solid 1px #ddd; display:inline-block; float:right;}
.PmsNewBooking20 .pricetoroom .fa-edit { color:#8cd8f6; }
.PmsNewBooking20 .nameinput { width: 200px; margin-right: 10px; }
.PmsNewBooking20 .emailinput { width: 240px; margin-right: 10px; }
.PmsNewBooking20 .addconference { cursor:pointer; }
.PmsNewBooking20 .addconferencearea { position:relative; }
.PmsNewBooking20 .eventaddedtoguest { color:green; }
.PmsNewBooking20 .addguesttoconferencepanel { position:absolute; right:0px; border: solid 1px; display:none; background-color:#fff; width: 600px; z-index:3; }
.PmsNewBooking20 .guestsuggestionrow { position:relative; }
.PmsNewBooking20 .prefixinput { width: 30px; margin-right: 4px; text-align: center; }
.PmsNewBooking20 .phoneinput { width: 120px; margin-right: 10px; }
.PmsNewBooking20 .roomfooterarea { font-size: 14px; background-color:#fafcfd; color:#000; padding: 5px; }
.PmsNewBooking20 .addtoexistingbox { margin: auto; width: 500px; }
.PmsNewBooking20 .checkavailabilitybox { margin: auto; width: 800px; }
.PmsNewBooking20 .removeguest {     
        color: #ff6731;
        padding: 5px;
        border-radius: 3px;
        font-size: 16px;
        margin-right: 2px;
        cursor: pointer;
        text-align: center;
        width: 18px;
        display: inline-block;
    }
.PmsNewBooking20 .roomfooterarea .removeroom { padding: 10px; box-sizing: border-box; font-size: 14px; cursor:pointer; border-right:  solid 1px #ddd; display:inline-block; }
    
.PmsNewBooking20 .guestsuggestionname {
        display:inline-block;
        width: 35%;
        white-space: nowrap; 
        overflow: hidden;
        text-overflow: ellipsis;
    }
.PmsNewBooking20 .guestsuggestionemail {
        display:inline-block;
        width: 35%;
        white-space: nowrap; 
        overflow: hidden;
        text-overflow: ellipsis;
    }
.PmsNewBooking20 .guestsuggestionphone
    {
        display:inline-block;
        width: 20%;
        white-space: nowrap; 
        overflow: hidden;
        text-overflow: ellipsis;
    }
.PmsNewBooking20 .guestionsuggestionarea { padding: 10px; padding-left: 22px; }
.PmsNewBooking20 .guestionsuggestionarea .addsuggestionarrow {
    position: absolute;
    left: -18px;
    top: 4px;
    cursor:pointer;
    color:#86c330;
}
.PmsNewBooking20 .listaddon { color: #8cd8f6; cursor:pointer; }
.PmsNewBooking20 .addaddonrow:hover { background-color:#efefef; padding-left: 20px; } 
.PmsNewBooking20 .addaddonrow { padding: 10px; border-bottom: solid 1px #bbb; cursor:pointer;text-align: left; }
.PmsNewBooking20 .addaddonrow.hideaddonrow { display: none; }
.PmsNewBooking20 .closeaddonspanel { padding: 10px; border-bottom: solid 1px #bbb; cursor:pointer; }
.PmsNewBooking20 .addonspanel { border: solid 1px #bbb; background-color:#fff; width: 300px; display:inline-block; border-bottom: solid 0px; display:none; z-index:2;}
.PmsNewBooking20 .addonspanel .fa { float:right; }
.freeroomresultbox .counterrow .fa {
        font-size: 20px;
        cursor: pointer;
        position: absolute;
        top: 13px;
        left: 4px;
}
.PmsNewBooking20 .freeroomresultbox { width: 200px; display:inline-block;  background-color:#fff; margin: 10px; }
.PmsNewBooking20 .freeroomresultbox .dochoosebutton { margin-top: 10px; width: 100%; display:inline-block; box-sizing: border-box; border:solid 1px #bbb; }
.PmsNewBooking20 .freeroomresultbox .roomname { font-size: 20px; text-align: center; border-bottom: solid 1px #bbb;padding: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.PmsNewBooking20 .freeroomresultbox .numberavailable { font-size: 40px; text-align: center; }
.PmsNewBooking20 .freeroomresultbox .price { padding: 10px; }
.PmsNewBooking20 .freeroomresultbox .availroomstep { margin-top: 10px;}
.PmsNewBooking20 .freeroomresultbox .outercountbutton { 
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
}



.PmsPaymentProcess {
    margin: 0 auto;
    width: 1000px;
}
.PmsPaymentProcess .getshop_box_1 {
    margin: 10px !important;
}
.PmsPaymentProcess .hiddenfrompaymentprocess {
    display:none;
}
.PmsPaymentProcess .sub_header {
    padding: 10px;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 30px;
    border-bottom: solid 2px;
    font-weight: bold;
}

.PmsPaymentProcess .toggleshowdetailedroomview {
    cursor: pointer;
}

.PmsPaymentProcess .header {
    text-transform: uppercase;
    font-size: 20px;
    text-align: left;
    color: #343434;
    font-weight: bold;
}

.PmsPaymentProcess .header .shop_button {
    font-weight: normal;
}

.PmsPaymentProcess .selectedpaymentmethod {
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.PmsPaymentProcess .row .col {
    display: inline-block;
}

.PmsPaymentProcess .GetShopQuickUser .row .col {
    display: block;
}

.PmsPaymentProcess .rooms .guests {
    padding-left: 25px;
    color: #555;
    font-size: 12px;
    font-weight: normal;
}

.PmsPaymentProcess .rooms .roomname {
    width: 300px;
}
.PmsPaymentProcess .rooms .roomrow {
    padding-top: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: solid 1px #DDD;
    font-weight: bold;
}

.PmsPaymentProcess .paymentheaderoptions {
    box-shadow: 0px 2px 15px rgba(0,0,0,0.3);
    background-color: #fff;
    position:relative;
}

.PmsPaymentProcess .paymentstatusbox {
    font-weight: bold;
    font-size: 18px;
    color: #FFF;
    position: absolute;
    right: 1px;
    top: 6px;
    padding: 7px;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
}

.PmsPaymentProcess .informationbox {
    background-color: #fffdd4;
    padding: 20px;
    font-size: 16px;
}

.PmsPaymentProcess .cart_room_summary .totalrow {
    font-size: 20px;
    padding: 20px;
    padding-left: 0px;
    padding-left: 20px;
}

.PmsPaymentProcess .cart_room_summary .detaileditemlines {
    background-color: #FFF;
    display: none;
}

.PmsPaymentProcess .cart_room_summary .roominformation {
    font-size: 16px;
    padding: 10px;
    border-bottom: solid 1px #DDD;
    margin-top: 10px;
    color: #718086;
    font-weight: bold;
}

.PmsPaymentProcess .cart_room_summary .cartitemline .col.date { width: 200px; }
.PmsPaymentProcess .cart_room_summary .cartitemline .col.count { width: 100px; }
.PmsPaymentProcess .cart_room_summary .cartitemline .col.price { width: 100px; }
.PmsPaymentProcess .cart_room_summary .cartitemline {
    border-bottom: solid 1px #DDD;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
}

.PmsPaymentProcess .cart_room_summary div.cartitemline:nth-child(odd) {
    background-color: #FAFAFA;
}

.PmsPaymentProcess .cart_room_summary div.cartitemline:last-child {
    border-bottom: solid 0px #DDD;
}

.PmsPaymentProcess .cart_room_summary .date {
    line-height: 37px;
}
.PmsPaymentProcess .cart_room_summary .productname {
    width: 200px;
    margin-left: 10px;   
}

.PmsPaymentProcess .cart_room_summary .item_price,
.PmsPaymentProcess .cart_room_summary .item_count {
    width: 50px;
}
.PmsPaymentProcess .paymentmethodsselection {
    text-align: center;
    padding-top: 50px;
}

.PmsPaymentProcess .receipt_template {
    background-color: #FFF;
    width: 572px;
    padding: 40px;
    box-shadow: 0px 2px 15px rgba(0,0,0,0.3);
}


.PmsPaymentProcess .payment_method_options, 
.PmsPaymentProcess .receipt_template {
    display: inline-block;
    vertical-align: top;
}

.PmsPaymentProcess .payment_method_options {
    width: calc(100% - 685px);
    margin-left: 27px;
    font-size: 16px;
}

.PmsPaymentProcess .payment_method_options .paymenttypeheader {
    color: green;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 30px;
}

.PmsPaymentProcess .payment_method_options.fullsize {
    display: none;
}

.PmsPaymentProcess .receipt_template .receipt_template_inner {
    zoom: 60%;
}

.PmsPaymentProcess .receipt_template.fullsize {
    width: 100%;
    box-sizing: border-box;
}

.PmsPaymentProcess .receipt_template.fullsize .receipt_template_inner {
    zoom: 95%;
}

.PmsPaymentProcess .toggledatefilter {
    z-index: 1;
}

.PmsPaymentProcess .shop_button.active {
    background-color: green;
}

.PmsPaymentProcess .search_tab_conference_result {
    background-color: #EFEFEF;
    padding: 20px;
    margin-left: 20px;
    display: none;
}

.PmsPaymentProcess .conferenceuserhint {
    padding: 10px;
    font-size: 16px;
    color: red;
    border-bottom: solid 1px #DDD;
    min-height: 50px;
    box-sizing: border-box;
    padding-top: 10px;
    position: relative;
}

.PmsPaymentProcess .conferenceuserhint .shop_button {
    position: absolute; 
    top: 5px;
    right: 5px;
}

.PmsPaymentProcess .pmspaymentprocessaddaddonrow {
    border-bottom: solid 1px #DDD;
    
}

.PmsPaymentProcess .pmspaymentprocessaddaddonrow .pmspaymentprocessaddaddoncol_1 {
    width: calc(100% - 300px);
}
.PmsPaymentProcess .pmspaymentprocessaddaddonrow .pmspaymentprocessaddaddoncol {
    display: inline-block;
}


.PmsPricingNew .pmsbutton {
      background-color: #44c767;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #18ab29;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 17px;
  padding: 6px 20px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #2f6627;
}

.PmsPricingNew .longtermdeals { width: 40%; display:inline-block; float:left; margin-top: 20px; }
.PmsPricingNew .increasebycoverage { width: 40%; display:inline-block; float:right; margin-top: 20px; }
.PmsPricingNew .stepbox tr.invalid { color:red;  text-decoration: line-through;}
.PmsPricingNew .editcomment { position:absolute; display:none; padding: 5px; border: solid 1px; background-color:#fff; }
.PmsPricingNew .stepbox { box-shadow: 0px 0px 3px rgba(0,0,0,0.3); min-height: 300px; background-color:#fdfdfd; padding-top: 0px; }
.PmsPricingNew .stepbox .steopbox_title { font-size: 20px; text-align: center; padding-top: 4px; padding-bottom: 4px; color:#EEE; background-color:#23314e; }
.PmsPricingNew .stepbox .body { padding: 20px; }
.PmsPricingNew .weeked input { background-color:#7568a7; color:#fff; }
.PmsPricingNew .priceinput { width: 46px; padding:6px; }
.PmsPricingNew .pricetableview { width: 80%; overflow: auto;margin-left:20%;}
.PmsPricingNew .selectedpriceplan { color: #000; }
.PmsPricingNew .fixedpricerow{
    position:absolute;
    left:20px;
    width: 20%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.PmsRateManagerConfiguration .configurationpanel {
    border: solid 1px #bbb;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 3px;
    background-color: #efefef;
    padding: 10px;
}
.PmsRateManagerConfiguration .pmsbutton {

padding: 8px;
    cursor: pointer;
    margin-top: 5px;
    display: inline-block;
    
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
    cursor:pointer;
    
        -webkit-appearance: push-button;
    user-select: none;
    white-space: pre;
}

.PmsReport .pmsbutton { border: solid 0px; padding: 10px;background-color:#23314e; color:#fff; cursor:pointer; float:left; border-right: solid 1px; }
.PmsReport .pmsbutton.selected { background-color: green !important; border-color: green; border-color:#fff; }
.PmsReport .dailyentrycolumn { display:inline-block; width: 200px; }
.PmsReport .inneroverlay { overflow: auto; height: 100%; }
.PmsReport .GetShopModuleTable .col { width: 7.3% !important; text-align: center; }
.PmsReport .GetShopModuleTable .col_date { text-align: left; }
.PmsReport .top30customerbutton { border: solid 1px #efefef; background-color:#fff; padding:2px; border-radius: 3px; display:inline-block; margin:3px; cursor:pointer; }
.PmsReport .daypriceoverview { position:absolute; border: solid 1px; padding: 10px; background-color:#fff; display:none;}
.PmsReport .GetShopModuleTable .headercol {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.PmsReport .informationoverlay { border: solid 1px #bbb; width: 100%; height: 100%; padding: 10px; position:absolute; background-color: #fff;
  box-sizing: border-box;
  color:#000;
  display:none;
}
.PmsReport .selectedcustomerrow .fa { cursor:pointer; }
.PmsReport .selectedcustomerrow { padding: 5px; font-size:15px;}
.PmsReport .reportview {
    max-width: 1500px;
    margin: auto;
    position:relative;
    padding-top: 30px !important;
}
.PmsReport .kaipal .text {background-color:#fff; }
.PmsReport [method="setReportFilter"] { background-color:#fff; padding: 10px; border-left:solid 1px #bbb;border-right:solid 1px #bbb;border-bottom:solid 1px #bbb; position:relative; }
.PmsReport .reportview { padding: 10px; border:solid 1px #bbb; background-color:#fff; max-width: 1480px; }
.PmsReport .weekenddate { background-color:#23314e !important; color:#fff !important; }
.PmsReport .weekenddate.active { color:#000 !important; }
.PmsReport .weekenddate .datarow_extended_content { background-color:#fff !important;}
.PmsReport .endcal,
.PmsReport .startcal
{ width: 80px;}
.PmsReport .customerfilter { z-index: 3; border: solid 1px #bbb; background-color:#c7c5c5; position: absolute; display: inline-block; padding: 2px; width: 500px; right: 0px; top: 115px; display:none; }
.PmsReport .discountcodeselection { border: solid 1px #bbb; background-color:#c7c5c5; position: absolute; display: inline-block; padding: 2px; width: 500px; right: 0px; top: 115px; display:none; z-index:2; }
.PmsReport .customercodebtn { border: solid 1px; padding: 3px; background-color:#fff;display: inline-block;margin: 2px;border-radius: 9px; cursor:pointer;}
.PmsReport .customerfilter .customersearch { width: 100%; box-sizing: border-box; }
.PmsReport .customerselectionrow { border-bottom: solid 1px; line-height: 37px; background-color:#fff; padding-left: 10px; }
.PmsReport .newincomereportview { overflow: auto; }
.PmsReport .newincomereportview .incomereportrow:hover { font-weight: bold; cursor:pointer; } 
.PmsReport .newincomereportview .column { width: 149px; text-align: center; display:inline-block; 
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: solid 1px #bbb;
    padding-left: 3px; padding-right: 3px; box-sizing: border-box;
}
.PmsReport .newincomereportview .column.first { text-align: center;display:inline-block; word-wrap: break-word; height: 40px; font-weight: bold; text-transform: uppercase; }
.PmsReport .newincomereportview .column.firstcol { text-align: left; }
.PmsReport .top30list { display:none; }

@media only all and (max-width: 1350px) {
    .PmsReport .GetShopModuleTable .col { width: 7.0% !important; }
    .PmsReport .GetShopModuleTable .col_date { width: 82px !important; }
}

.PmsRestrictions .createrestricitonarea { padding: 10px; border: solid 1px #bbb; display:none; background-color:#ddd; position:absolute; }
.PmsRestrictions .repeatoption { display:none; }
.PmsRestrictions .section { background-color:#fff; border:solid 1px #bbb; padding: 10px; }
.PmsRestrictions .GetShopModuleTable { max-width: 100%; }
.PmsRestrictions .oldrestriction { display:none; color:#bbb; }


.PmsRoomConfiguration .imagecontainer { position:relative; }
.PmsRoomConfiguration .imagecontainer .fa-check { position:absolute; left: 0px; background-color:#fff; padding: 2px; cursor:pointer; border-bottom: solid 1px #bbb; border-right: solid 1px #bbb; border-left: solid 1px #bbb; }
.PmsRoomConfiguration .imagecontainer .fa-trash-o { position:absolute; right: 0px; background-color:#fff; padding: 2px; cursor:pointer; border-bottom: solid 1px #bbb; border-left: solid 1px #bbb; }

.PmsSearchBooking {
    max-width: 1500px;
    margin: 0 auto;
    min-height: 800px;
}

.PmsSearchBooking .GetShopModuleTableHeader {
    text-align: right;
    padding: 10px;
    padding-right:0px;
    border-bottom: solid 1px #bbb;
    border-top: solid 1px #bbb;
}

.PmsSearchBooking .GetShopModuleTableHeader .tablefilterinput { width: 400px; }
.PmsSearchBooking .headercol.col_state .fa { font-size:13px !important; }

.PmsSearchBooking .pmscheckoutforrooms { box-sizing: border-box; text-align:left; border: solid 1px; background-color:#fff; padding: 5px; position:relative; display:none; z-index: 2; width:100%; }
.GetShopModuleTable .quickmenuoption {  
    position: absolute;
    border: solid 1px;
    padding: 2px;
    background-color: #fff;
    min-width: 200px;
    left: 0px;
    text-align: left;
    top: 60px; 
    display:none;
    z-index:2;
}
.GetShopModuleTable .addedtocheckout {
    position: absolute;
    bottom: 0px;
    padding-left: 10px;
    color: green;
    display:none;
}

.GetShopModuleTable .quickfunctions {     
    width: 100%;
    visibility: hidden;
    color: #bbb;
    right: 0px;
    padding-top: 3px;
    text-align: right;
    display:block;
    bottom: 0px; }
.GetShopModuleTable .datarow_inner:hover .quickfunctions { visibility: visible; }
.GetShopModuleTable .datarow_inner .quickfunctions .fa:hover { color:#000; cursor:pointer; }
.PmsSearchBooking .channelDesc { color: #888; }
.PmsSearchBooking .GetShopModuleTable .col_expandbutton i {
   font-size: 30px;
   color: #82cdf3;
}

.PmsSearchBooking .GetShopModuleTable .col_price .pricetagright {
    background-image: url('/showApplicationImages.php?appNamespace=ns_961efe75_e13b_4c9a_a0ce_8d3906b4bd73&image=skin/images//pricetagright.png');
    width: 10px;
    height: 20px;
    display: inline-block;
    box-sizing: border-box;
}

.PmsSearchBooking .GetShopModuleTable .col_totalprice .unpaidroomview {
    position:absolute;
    right: 0px;
    width: 600px;
    min-height: 60px;
    border: solid 1px;
    background-color:#fff;
    z-index:2;
}
.PmsSearchBooking .unsettledamountwarning { font-style: italic; color:#bbb; 
    cursor:pointer;
    color:red;
    font-weight: bold;

}

.PmsSearchBooking .GetShopModuleTable .col_price .price {
    background-color: #82cdf3;
    color: #FFF;
    display: inline-block;
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px 0px 0px 3px;
    display: inline-block;
    vertical-align: top;
}

.PmsSearchBooking .GetShopModuleTable .secondary_text {
    color: #888;
}

.PmsSearchBooking .GetShopModuleTable .guestname {
    font-weight: bold;
}
    
.PmsSearchBooking .GetShopModuleTable .col_state i {
    font-size: 30px;
    color: #164e16;
}
    
.PmsSearchBooking .GetShopModuleTable .col_check input {
    font-size: 20px;
    width: 20px;
    height: 20px;
    margin-top: 7px;
}

.PmsSearchBooking .GetShopModuleTable .col_check {
    width: 20px;
}

.PmsSearchBooking .GetShopModuleTable .guestname,
.PmsSearchBooking .GetShopModuleTable .guestphone,
.PmsSearchBooking .GetShopModuleTable .guestemail {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    overflow: hidden;
    padding-left: 10px;
    text-overflow: ellipsis;
    box-sizing: border-box;
}
.PmsSearchBooking .nothinginfilertodisplay { display:none; width: 100%; color: red; text-transform: fullsize-kana; font-weight: bold; font-size: 16px; }
.PmsSearchBooking .GetShopModuleTable .guestinfo2 {
    display: inline-block;
    width: calc(100% - 50px);
    vertical-align: top;
    box-sizing: border-box;
}
.PmsSearchBooking .GetShopModuleTable .numberofguests {
    border-radius: 1000px;
    height: 40px;
    width: 40px;
    border: solid 2px #82cdf3;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.PmsSearchBooking .GetShopModuleTable .numberofguests .guesticon {
    border-radius: 20px;
    width: 20px;
    height: 20px;
    background-color: #82cdf3;
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 12px;
    color: #FFF;
    line-height: 20px;
}

.PmsSearchBooking .GetShopModuleTable .col_visitor {
    position:relative;
    width: 430px;
}
.PmsSearchBooking .GetShopModuleTable .col_guest {
    position:relative;
    width: 50px;
}
.PmsSearchBooking .GetShopModuleTable .col_checkin:not(.headercol) i {
    position: absolute;
    right: 10px;
    color: #82cdf3;
    top: 20px;
}
.PmsSearchBooking .GetShopModuleTable .col_checkin {
    position: relative;
    width: 80px;
}

.PmsSearchBooking .GetShopModuleTable .col_reg { width: 100px; }
.PmsSearchBooking .GetShopModuleTable .col_checkout { width: 100px; }
.PmsSearchBooking .GetShopModuleTable .col_price { width: 50px; }
.PmsSearchBooking .GetShopModuleTable .col_state { width: 50px; }
.PmsSearchBooking .GetShopModuleTable .col_totalprice { width: 55px; }
.PmsSearchBooking .GetShopModuleTable .col_expandbutton { width: 50px; }
.PmsSearchBooking .GetShopModuleTable .col_bookedfor { width: 144px; }
.PmsSearchBooking .GetShopModuleTable .col_room { width: 144px; }
.PmsSearchBooking .GetShopModuleTable .col_addons { width: 60px; }
.PmsSearchBooking .GetShopModuleTable .col_visitor { width: calc(100% - 970px); }

.gsbody_inner[pageId="a90a9031-b67d-4d98-b034-f8c201a8f496"] .datarow_extended_content {
    padding: 0px;
    border-top: 0px;
}
    
.PmsSearchBooking .datarow .datarow_inner {
    padding-top: 5px;
    padding-bottom: 0px;   
}

.PmsSearchBooking .datarow {
    line-height: 20px;
} 

.PmsSearchBooking .datarow .rowdate1 {
    font-weight: bold;
} 

.PmsSearchBooking .datarow .rowdate2 {
    color: #666;
    font-weight: bold;
} 

@media screen and (max-width: 1300px) {
    .PmsSearchBooking .col_reg,
    .PmsSearchBooking .col_guest,
    .PmsSearchBooking .col_price
    { display:none; }
    .PmsSearchBooking .GetShopModuleTable .col_visitor {
        width: calc(100% - 670px);
    }
    .PmsSearchBooking .GetShopModuleTable .col_room { width: 90px; overflow:hidden;}
    
    .GetShopModuleTable .langaugeandtypeindicator { display:none; }
    .PmsSearchBooking .GetShopModuleTable .guestname, .PmsSearchBooking .GetShopModuleTable .guestphone, .PmsSearchBooking .GetShopModuleTable .guestemail { width: 100%; }
}




/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 17, 2017, 6:10:46 PM
    Author     : ktonder
*/

.PmsSearchBooking .paymentprocess_icon_outer {
    position: fixed;
    top: 80px;
    right: 80px;
    z-index: 3;
}

.paymentprocess_icon_outer_cover {
    top: 0px !important;
    right: 0px !important;
    bottom: 0px !important;
    left: 0px !important;
    background-color: #FFF;
}

.PmsSearchBooking .paymentprocess_icon {
    text-align: center;
    background-color: #EFEFEF;
    padding: 10px;
    cursor: pointer;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}

.PmsSearchBooking .paymentprocess_icon i {
    font-size: 30px;
    display: none;
}

.PmsSearchBooking .paymentprocess_icon_outer .payment_process_summary {
    display: none;
    padding: 20px;
}

.PmsSearchBooking .paymentprocess_icon_outer.paymentprocess_icon_outer_cover .payment_process_summary {
    display: block;
    overflow-y: scroll;
    height: calc(100% - 110px);
}


.PmsSearchBooking .option_content {
    width: calc(100% - 287px);
    border: solid 1px #DDD;
    min-height: 300px;
}
.PmsSearchBooking .payment_content {
    display: none;
    background-color: #EFEFEF;
    padding: 20px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.PmsSearchBooking .payment_content.active {
    display: block;
}

.PmsSearchBox {
    text-align: right;
}
.PmsSearchBox .advancesearch { display:none; }
.PmsSearchBox .advanceserachbuttonenabled { color: #82cdf3; }
.PmsSearchBox .roomtypeselection { position:absolute; border: solid 1px; background-color:#fff; border: solid 1px; z-index: 1; color:#000; min-width: 500px; max-width: 1000px; right: 0px; clear:both; display: none;}
.PmsSearchBox .roomtypeselection .type { padding: 4px; font-size: 16px; clear:both;}
.PmsSearchBox .addtofilterrow {
    border-bottom: solid 1px #efefef;
    padding: 5px;
    background-color:#fff;
    cursor:pointer;
}

.PmsSearchBox .messagerow.disabled input {
    background-color:#efefef;
    color:#bbb;
}

.PmsSearchBox .sendmessageoverviewbox {
    display:none;
    text-align: left;
    position: absolute;
    background-color: #efefef;
    padding: 10px;
    border: solid 1px #bbb;
    max-width: 1500px;
    z-index: 1;
    font-size: 10px;
    border-radius:10px;
    margin-top:20px;
}

.PmsSearchBox .dailydaterangepicker .header {
    display:none;
    border-bottom: solid 1px;
    text-align: center; 
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.PmsSearchBox .dailydaterangepicker .header:hover {
    font-weight: normal;
    cursor:initial;
}
.PmsSearchBox .dailydaterangepicker {
    position: absolute;
    z-index: 2;
    font-size: 14px;
    width: 200px;
    background-color: #23314e;
    top: 50px;
    color:#fff;
    left:0px;
    text-align: left;
    padding: 10px;
    display:none;
    border: solid 1px #bbb;
    border-radius:15px;
}
.PmsSearchBox .dailydaterangepicker .entries {
    padding:10px;
    padding-bottom: 3px;
    padding-top: 3px;
}
.PmsSearchBox .dailydaterangepicker div:hover {
    font-weight: bold;
    cursor:pointer;
}
.PmsSearchBox .fa-trash-o {
    position: inherit; cursor:pointer;
    padding-right: 5px;
    margin-right: 2px;
    font-size: 16px;
}
.PmsSearchBox .otherselection {
    position: absolute;
    display: inline-block;
    display:none;
    width: 280px;
    font-size:12px;
    border: solid 1px #bbb;
    z-index: 2;
    right: 0px;
    background-color: #efefef;
    color: #000;
    padding:10px;
}
.PmsSearchBox .otherselectionheading {    border-bottom: solid 1px #bbb;
    padding-bottom: 5px;
    margin-bottom: 5px; 
}

@media screen and (max-width: 800px) {
    .GetShopModuleTableHeader,
    .tablefilterinput { display:none; }
    .PmsSearchBox { margin-bottom: 10px; border-bottom: solid 1px; padding-bottom: 10px; padding-top: 10px; }
    .PmsSearchBox .dailydaterangepicker { top: 200px; font-size: 20px; width:100%;box-sizing: border-box; width: auto;}
    .gs_headerbox { width: 100%; margin-left: 20px; margin-right: 20px; margin-bottom: 5px; }
    .gs_headerbox .shop_button { width: 20%; font-size: 10px; float:left; }
    .gs_headerbox .opensimplesearch { line-height:15px; }
    .PmsSearchBox .roomtypeselection { min-width:100%; }
    
    .PmsSearchBooking .headercol {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;  }
    .PmsSearchBooking .col_reg,
    .PmsSearchBooking .col_guest,
    .PmsSearchBooking .col_visitor,
    .PmsSearchBooking .col_price
    { display:none; }
    .PmsSearchBooking .GetShopModuleTable { font-size: 11px; }
    .PmsSearchBooking .GetShopModuleTable .col_visitor { width: calc(100% - 350px) !important; }
    .PmsSearchBooking .GetShopModuleTable .headercol.col_visitor { width: calc(100% - 350px) !important; }
    
    .PmsSearchBooking .GetShopModuleTable .attributeheader.datarow .col, 
    .PmsSearchBooking .GetShopModuleTable .datarow_inner .col {
        width: 14% !important;
    }
}

.PmsSegmentation .GetShopModuleTable { max-width: 100%; }
.PmsSegmentation .GetShopModuleTable .col { width: 100px; }
.PmsSegmentation .GetShopModuleTable .col_4 { width: 400px; }
.PmsSegmentation .GetShopModuleTable .col_5 { width: calc(100% - 650px); }

.PmsSendMessagesConfiguration .messagebox-outer {  float:left;width: 50%; padding: 5px; box-sizing: border-box; }
.PmsSendMessagesConfiguration .messagebox { border: solid 1px #bbb; box-sizing: border-box; margin-bottom: 10px; border-radius: 3px; background-color:#fff; padding-right: 10px;padding-left: 10px; }
.PmsSendMessagesConfiguration .messagebox .heading { box-sizing: border-box; border-bottom: solid 1px #bbb; width: 100%; padding: 10px; font-size: 16px; font-weight: bold; }
.PmsSendMessagesConfiguration .messagebox .heading i { float:right; cursor:pointer; }
.PmsSendMessagesConfiguration .messagebox .body textarea { width: 100%; height: 150px; box-sizing: border-box; }
.PmsSendMessagesConfiguration .messagebox .footer { text-align: right; padding-bottom: 5px; }
.PmsSendMessagesConfiguration .emailtemplate { width: 100%;box-sizing: border-box;height: 400px; }
.PmsSendMessagesConfiguration .messageboxnew { border: solid 1px #bbb; border-radius: 5px;background-color:#efefef; margin-bottom: 20px; }
.PmsSendMessagesConfiguration .messageboxnew .title { padding: 10px; }
.PmsSendMessagesConfiguration .messageboxnew .footer { padding: 10px; position:relative; }
.PmsSendMessagesConfiguration .messageboxnew .footer .fa-trash-o { position:absolute; right: 10px; font-size: 20px; color:#000; cursor:pointer; }
.PmsSendMessagesConfiguration .messageboxnew .footer .fa-edit { position:absolute; right: 30px; font-size: 20px; color:#000; cursor:pointer; }
.PmsSendMessagesConfiguration .messageboxnew .optionspreview {    position: absolute;
    right: 70px;
    top: 13px;
    text-align: right;
    font-size: 10px; }
.PmsSendMessagesConfiguration .messageboxnew .optionspreview.sms { top: 5px; }
.PmsSendMessagesConfiguration .messageboxnew .content { border-top: solid 1px #bbb; border-bottom: solid 1px #bbb; padding: 10px; background-color:#fff; }
.PmsSendMessagesConfiguration .loadeditevent { overflow:auto; position: fixed; z-index:3;width: 100%; height: 100%; background-color:rgba(0,0,0,0.5); left:0px; top: 0px; display:none; }
.PmsSendMessagesConfiguration .previewarea {
    background-color: #efefef;
    padding: 10px;
    border: solid 1px #bbb;
    margin: 10px;
    max-height: 300px;
    overflow: auto;
}

#contractfield { background-color:#fff; padding: 10px; }

.PmsWubookConfiguration .gsmodulebutton { 
    padding: 8px;
    cursor: pointer;
    margin-top: 5px;
    display: inline-block;
    
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
    cursor:pointer;
    
        -webkit-appearance: push-button;
    user-select: none;
    white-space: pre;
    
}

.PmsWubookConfiguration .section {
        border: solid 1px #bbb;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 3px;
    background-color: #fff;
    padding: 10px;
    margin-top: 10px;
}

.Product .product_title {
    font-size: 24px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.gsaddedtocartbox { position: fixed; border: solid 1px; width: 400px; z-index: 10; background-color:#fff; padding: 10px; border-radius: 5px; text-align: center; display:none; }
.gsproductaddedtext { font-size: 20px; margin-bottom: 10px; }

.Product .images img {
    width: 100%;
}
.Product .images .mainimage {
    border: solid 1px #DDD;
    width: 325px;
}

.Product .images {
    display: inline-block;
    width: 328px;
    
    vertical-align: top;
}

.Product .product_contentbox {
    display: inline-block;
    width: 200px;
    margin-top: 40px;
    padding-left: 20px;
    padding-top: 20px;
    position: relative;
}

.Product .images .subimages {
    width: 328px;
}


.Product .images .subimages .subimage {
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    border: solid 1px #DDD;
    vertical-align: top;
}

.Product .images .subimages .subimage.last_in_row {
    margin-right: 0px;
}

.Product .product_price {
    position: absolute;
    right: 0px;
    top: 70px;
    font-size: 24px;
}

.Product .short_description_title {
    font-size: 20px;
    border-bottom: solid 1px #DDD;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.Product .short_description {
    font-size: 16px;
    font-weight: normal;
    padding: 20px;
}

.Product .shop_button {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
}

.Product {
    padding-bottom: 20px;
}

.mainimage i {
    color: #DDD;
    font-size: 150px;
    width: 100%;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

@media only all and (max-width: 800px) { 
    .Product .product_contentbox { width: 100% !important; padding: 0px !important; }
    .Product .images,.Product .images .mainimage { width: 100% !important; }
    .Product .product_title { text-align:center; font-size: 19px; }
    .Product .product_price { position: inherit; text-align: center; }
    .gsaddedtocartbox { border-radius: 0px;left: 0px; width: 100% !important; box-sizing: border-box; padding: 10px; }
    .gsaddedtocartbox .shop_button, .gs_button { width: 100% !important; box-sizing: border-box; }

}




.ProductCopies div {
    display: inline-block;
    vertical-align: top;
}

.ProductCopies input {
    text-align: center;
    width: 50px;
}

.ProductCopies .plus,
.ProductCopies .minus {
    border: solid 1px #DDD;
    height: 35px;
    width: 50px;
    line-height: 35px;
    text-align: center;
}

.ProductList .col_name {
    width: calc(100% - 640px);
}

.ProductList .createnewproductbox {
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 1500px;
    margin-bottom: 20px;
    border: solid 1px #DDD;
    padding: 20px;
    background-color: #DDD;
}

.gss_product_listoverview {
    padding: 15px;
}

.gss_new_productlist {
    padding: 15px;
}

.gss_add_product_row .editproduct {
    cursor: pointer;
    color: #0010C4;
}

.ProductLists .productlists_add_title {
    font-size: 16px;
}
.ProductLists .available_lists {
    margin-top: 15px;
    font-size: 16px;
}

.ProductLists .available_lists .gs_productlist .product_count i ,
.ProductLists .available_lists  .manage_list i {
    line-height: 100%;
}

.ProductLists .available_lists .gs_productlist .product_count,
.ProductLists .available_lists  .manage_list {
    position: absolute;
    right: 0px;
    padding: 5px;
    
    line-height: 100%;
    width: 30px;
    text-align: center;
    background-color: #F1f1f1;
 }

.ProductLists .available_lists .gs_productlist .product_count {
    top: 0px;
    bottom: 50%;
    
}

.ProductLists .available_lists  .manage_list {
    bottom: 0px;
    top: 50%;
    border-top: solid 1px #DDD;
    line-height: 30px;
}


.ProductLists .available_lists .gs_productlist {
    font-size: 16px;
    padding: 3px;
    cursor: pointer;
    padding-bottom: 30px;
}

.ProductLists .available_lists .gs_productlist:last-child {
    border-bottom: solid 0px #DDD;
}

.ProductLists .row_view .webshop_button_area {
    position: absolute;
    bottom: 10px;
    right: 0px;
    background: rgba(255,255,255, 1);
}
.ProductLists .grid_view .webshop_button_area {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    height: 90px;
    background: rgba(255,255,255, 1);
    border-top: solid 1px #EEE;
}

.ProductLists .grid_view .shop_button {
    margin-top: 35px;
    margin-left: 10px;
    margin-right: 10px;
}
.ProductLists .grid_view .product_price {
    position: absolute; 
    bottom: 55px;
    z-index: 1;
    text-align: center;
    left: 0px;
    right: 0px;
}

.ProductLists .products.grid_view {
    font-size: 0px;
}
.ProductLists .products .content {
    font-size: 16px;
}

.ProductLists .product_price {
    font-size: 22px;
}
.ProductLists .productbox {
    box-sizing: border-box;
    padding-bottom: 50px;
    overflow: hidden;
    position: relative;
}

.ProductLists .no_products_added_to_list {
    font-size: 24px;
    padding: 20px;
    text-align: center;
    color: red;
}

/* Start of rowview */
.ProductLists .products.row_view .product_row {
    position: relative;
}

.ProductLists .products.row_view .image {
    display: inline-block;
    width: 200px;
}

.ProductLists .products .productbox .image i {
    font-size: 150px;
    color: #EEE;
    height: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ProductLists .products.row_view .webshop_button {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.ProductLists .products.row_view .content .product_title {
    margin-bottom: 10px;
    font-size: 20px;
}

.ProductLists .products.row_view .content {
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    position: absolute; 
    left: 200px;
    right: 0px;
    bottom: 45px;
    top: 0px;
    overflow: hidden;
}

.ProductLists .products.row_view  .product_price {
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(255,255,255,0.8);
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    border-right: solid 1px #DDD;
    border-bottom: solid 1px #DDD;
}

/* Start of gridview */

.ProductLists .products.grid_view .productbox {
    border: solid 1px #EEE;
    padding: 10px;
    height: 600px;
    padding-top: 60px;
}

.ProductLists .products.grid_view .product_line_seperator {
    height: 20px;
}

.ProductLists .products.grid_view .productbox .product_title {
    position: absolute;
    
    left: 0px;
    top: 0px;
    right: 0px;
    padding: 10px;
    overflow: hidden;
    height: 60px;
    box-sizing: border-box;
}

.ProductLists .products.grid_view .productbox .short_description { 
    height: 260px;
    overflow: hidden;
}
.ProductLists .products.grid_view .productbox img {
    height: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 100%;
}

.ProductLists .products.grid_view .product_price {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ProductLists .products.grid_view .productbox_outer {
    display: inline-block;
    width: 300px;
    vertical-align: top;
    text-align: center;
    box-sizing: border-box;
}


/* end of gridview */


.gss_editlist {
    padding: 15px;
}

.gss_products_in_list i {
    font-size: 20px;
    color: yellowgreen;
    margin-right: 10px;
}
.gss_products_in_list {
    margin-top: 5px;
    padding: 10px;
    border: solid 1px #F1F1F1;
}
.gss_products_add_to_list {
    
    margin-top: 10px;
    padding: 10px;
}

.gss_products_list_search_result .gss_no_products_exists  {
    text-align: center;
    font-size: 16px;
}
.gss_products_list_search_result .gss_no_products_exists .fa-warning {
    color: red;
    font-size: 40px;
    margin-right: 20px;
    display: block;
    
}

.gss_products_list_search_result {
    padding: 15px;
    border-left: solid 1px #F1F1F1;
    border-right: solid 1px #F1F1F1;
    border-bottom: solid 1px #F1F1F1;
}

#gss_filter_list_box_productlist {
    right: 35px !important;
    
}

#gss_search_for_products_in_list {
    position: absolute;
    right: 0px;
    font-size: 20px;
    border: solid 1px #F1F1F1;
    top: 13px;
    padding: 5px;
    border-radius: 5px;
    background: linear-gradient(to bottom, #17f800, #328e00);
    color: #FFF;
}

#gss_product_list_name {
    right: 0px !important;
}

.gss_add_product_row {
    border-bottom: solid 1px #F1F1F1;
    position: relative;
    height: 20px;
    padding: 10px;
}

.gss_add_product_row:last-child {
    border-bottom: solid 0px;
}
.gss_button.gss_removeFromList,
.gss_button.gss_addToList {
    position: absolute;
    right: 0px;
    top: 0px;
}

.gss_no_products_in_list_hidden {
    display: none;
}

.ProductLists .selectProductList {
    border: solid 1px #F1F1F1;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.ProductLists .list_selectable i.iconlist {
    font-size: 40px;
    float: left;
    margin-right: 10px;
    color: #CCC;
}

.ProductLists .list_selectable {
    border: solid 1px #F1F1F1;
    /*display: inline-block;*/
    /*width: 150px;*/
    vertical-align: top;
    text-align: left;
    position: relative;
    padding-right: 30px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    color: #333;   
}


.ProductLists .remove_product_from_list {
    background-color: rgba(255,255,255, 0.8);
    border-bottom: solid 1px #DDD;
    border-right: solid 1px #DDD;
    z-index: 10;
    position: absolute;
    font-size: 16px;
    padding: 10px;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

.ProductLists .setproductlist {
    /*padding: 20px;*/
}

.ProductLists .slidelist {
    overflow-x: hidden;
    position: relative;
}

.ProductLists .slidelist .slidelist_inner {
    white-space: nowrap;
}

.ProductLists .slidelist .slidePrev,
.ProductLists .slidelist .slideNext {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    font-size: 20px;
    border-radius: 15px;
    padding: 10px;
    padding-left: 15px; padding-right: 15px;
    background-color: rgba(0,0,0,0.5);
    color: #FFF;
    cursor: pointer;
}

.ProductLists .slidelist .slidePrev:hover,
.ProductLists .slidelist .slideNext:hover {
    background-color: rgba(0,0,0,0.8);
}

.ProductLists .slidelist .slidePrev {
    left: 0px;
}
.ProductLists .slidelist .slideNext {
    right: 0px;    
}

.ProductLists .slidelist .product {
    display: inline-block;
    position: relative;
    padding-left: 50px;
    padding-rigth: 50px;
    white-space: normal;
    vertical-align: top;
}
.ProductPictures .mainimage { background-color:#fff !important; }
.ProductLists .templatebox_1 .productbox { padding: 0px !important; height: 470px !important; }
.ProductLists .templatebox_1 .productbox .product_price { font-size: 18px !important; }
.ProductLists .templatebox_1 .productbox .product_row { width: 100%; height: 100%; background-size: 100%; background-repeat: no-repeat; }
.ProductLists .templatebox_1 .webshop_button_area { height: 165px !important; }
.ProductLists .templatebox_1 { margin-top: 20px; margin-bottom: 20px; }
.ProductLists .templatebox_1 .seperator { border-top: solid 1px; display: inline-block; width: 100px; height: 8px; }
.ProductLists .templatebox_1 .product_price { bottom: 72px; }
.ProductLists .templatebox_1 .shop_button {
    position: absolute !important;
    left: 0px !important;
    bottom: 0px !important;
    width: 100% !important;
    margin: 0px;
    box-sizing: border-box;
}

.ProductLists .groupedProductBoxed {
    padding: 20px;
}
.ProductLists .groupedProductBoxed .subProduct {
    position: relative;
    min-height: 50px;
    padding-top: 5px;
    font-size: 16px;
}

.ProductLists .groupedProductBoxed .subProduct i {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    cursor: pointer;
}

.ProductLists .groupedProductBoxed .subProduct .sub_product_price { 
    font-size: 14px;
}
.ProductLists .groupedProductBoxed .sumprice { 
    border: solid 1px #DDD;
    font-size: 16px;
    padding: 10px;
    margin-bottom: 20px;
    text-align: center;
}

.ProductLists .groupedProductBoxed .shop_button {
    width: 100%;
    box-sizing: border-box;
}
.ProductLists .groupedProductBoxed .subProduct .quantity {
    width: 30px;
    text-align: center;
}
.ProductLists .groupedProductBoxed .product_image {
    width: 100%;
    
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.ProductLists .groupedProductBoxed .product_image_wrapper {
    width: 100%;
    /* whatever width you want */
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
}

.ProductLists .groupedProductBoxed .product_image_wrapper:after {
    padding-top: 100%;
    display: block;
    content: '';
}

.ProductLists .groupedProductBoxed .product_image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.ProductLists .groupedProductBoxed .subProduct {
    text-align: left;
    padding-left: 10px;
}

.ProductLists .groupedProductBoxed .quantityselector {
    position: absolute;
    right: 0px;
    top: 0px;
}

.ProductLists .grid_view .groupedProductBoxed .shop_button {
    margin-left: 0px;
}

.ProductLists .templatebox_2 .productbox { border: solid 1px; margin-bottom: 20px; height: 250px; }
.ProductLists .templatebox_2 .productimage { width: 500px; height: 250px; background-size: cover; }
.ProductLists .templatebox_2 .product_title{ position: absolute; left: 520px; top: 15px; }
.ProductLists .templatebox_2 .short_desc { position: absolute; left: 520px; top: 65px; padding-right: 10px; }

@media only all and (max-width: 800px) { 
    .productbox { width: 100% !important; margin-bottom: 20px; }
    .productbox_outer { width: 100% !important; }
    .ProductLists .products.grid_view .productbox { width: 100% !important; height: auto; padding-bottom: 100px; padding-top: 25px; margin: 0px !important; }
    .ProductLists .products.grid_view .productbox .short_description { height: auto; font-size: 16px; padding-bottom: 5px; }
    .ProductLists .product_title { padding-top: 120px; }
    .ProductLists .grid_view .shop_button { margin-top: 35px !important; }
    .ProductLists .product_price { color:green; }
    
    .ProductLists .webshop_button_area {
        padding-top: 10px;
        padding-left: 3px;
        padding-right: 3px;
    }
    
    .ProductLists .slidelist .product {
        padding-left: 30px;
    }
    
    .ProductLists .slidelist .product_inner {
        margin-right: 50px;
        padding: 20px;
        box-sizing: border-box;
    }
    .ProductLists .slidelist .product img {
        max-width: 100%;
    }
    
    .ProductLists .slidelist .slidePrev {
        left: 10px;
    }
    .ProductLists .slidelist .slideNext {
        right: 10px;    
    }

}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 8, 2015, 7:30:29 PM
    Author     : boggi
*/



.ProductPictures .images img {
    width: 100%;
}
.ProductPictures .images .mainimage {
    border: solid 1px #DDD;
    width: 100%;
}

.ProductPictures .images {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.ProductPictures .images .subimages {
    width: 100%;
}

.ProductPictures .images .subimages .subimage {
    width: 25%;
    height: 25%;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    border: solid 1px #DDD;
    vertical-align: top;
}

.ProductPictures .images .subimages .subimage.last_in_row {
    margin-right: 0px;
}






.ProductSearch .searchField input {
    padding: 9px;
    border: solid 1px #E5E5E5;
    outline: 0;
    width: 200px;
    background: #FFF;
}

.ProductSearch .searchField i {
    border-top: solid 1px #E5E5E5;
    border-bottom: solid 1px #E5E5E5;
    border-right: solid 1px #E5E5E5;
    height: 24px;
    width: 24px;
    text-align: center;
    font-size: 20px;
    padding: 5px;
    cursor: pointer;
}

.gsarea[area="footer"] .searchResult,
.gsarea[area="header"] .searchResult {
    display: none;
}

.gsarea[area="body"] .searchField {
    display: none;
}

@media only all and (max-width: 800px) {
    .ProductSearch .searchField i { display: none; }
    .ProductSearch .searchField input { padding: 0px !important; width: 100% !important; line-height: 30px;  }
}

.ProductTitle h1 {
    font-weight: normal;
    padding: 0px;
    padding: 0px;
    margin: 0px;
    font-size: 25px;
}

.ProductView .menuarea,
.ProductView .workarea {
    width: 500px;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
}

.ProductView .workarea {
    width: calc(100% - 250px);
    box-sizing: border-box;
}

.ProductView .menuarea {
    width: 200px;
    box-sizing: border-box;
    padding: 30px;
    padding-left: 10px;
}

.ProductView .menuarea .menuentry i{
    font-size: 30px;
    display: none;
}
.ProductView .menuarea .menuentry {
    text-align: left;
    padding: 5px;
    cursor: pointer;
    color: #82cdf3;
    text-decoration: dotted;
    text-decoration: none;
    width: inherit;
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 5px;
    margin-top: 0px;
    font-size: 13px;
    font-weight: bold;
}

.ProductView .menuarea .menuentry span {
    border-bottom: 2px dotted #82cdf3;
    padding-left: 1px;
    padding-right: 1px;
    padding: 3px;
    margin-left: 20px;
}

.ProductView .menuarea .menuentry.active span {
    border-bottom: 2px dotted transparent;
    display: inline-block;
    background-color: #2a324e;
    color: #FFF;
    border-radius: 20px;
    border: solid 0px;
    margin-left: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.ProductView .productinformation {
    display: none;
}

.ProductView .productinformation.active {
    display: block;
}

.ProductView .title {
    display: inline-block;
    width: calc(100% - 200px);
}

.ProductView .setting {
    position: relative;
    border-bottom: solid 1px #EFEFEF;
    min-height: 50px;
    margin-bottom: 10px;
}

.ProductView .setting .description {
    color: #AAA;
}
.ProductView .setting .title {
    font-size: 16px;
    color: #333;
}

.ProductView .setting textarea {
    width: 100%;
    box-sizing: border-box;
    border: solid 1px #DDD;
    height: 200px;
}


.gss_productwork_area {
    display: inline-block;
    background-color: #FFF;
    width: 500px;
    vertical-align: top;
    width: 1023px;
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #DDD;
    color: #333;
    box-sizing: border-box;
}

.gss_products_not_created {
    color: #FF3333;
    font-size: 16px;
    min-height: 200px;
    text-align: center;
    margin-top: 20px;
}

.gss_products_not_created i {
    font-size: 50px;
    display: block;
}

.gss_product:nth-child(even) {
    background-color: #EEE;
    border: solid 1px #DDD;
}

.gss_product {
    position: relative;
    padding: 3px;
    min-height: 30px;
    vertical-align: top;
    cursor: pointer;
    border: solid 1px #FFF;
}

.gss_product_price {
    position: absolute;
    right: 10px;
    top: 0px;
    color: green;
}

#backsidesettings #listviewdescription {
    height: 179px;
}

.gss_product_title {
    font-size: 16px;
    margin-left: 10px;
}

.gss_product_created {
    position: absolute;
    right: 10px;
    bottom: 2px;
    color: #888;
    font-size: 10px;    
}

.gss_product_more_options_info i {
    display: block;
    text-align: center;
    color: #3a99d7;
    font-size: 50px;
   
}

.gss_product_more_options_info {
    padding-top: 10px;
    font-size: 16px;
}

.gss_product_title_header {
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    color: #1c6ea2;
}

.gss_image_box1 i,
.gss_image_box2 i,
.gss_image_box3 i {
    font-size: 100px;
    color: #3a99d7;
    display: block;
}
.gss_image_box1,
.gss_image_box2,
.gss_image_box3 {
    border-bottom: solid 1px #DDD;
    display: inline-block;
    width: 456px;
    min-height: 190px;
    vertical-align: top;
    padding: 10px;
    margin-bottom: 15px;
    text-align: center;
}

.gss_image_box1 {
    border-right: solid 1px #DDD;
}
.gss_image_box3 {
    border-left: solid 1px #DDD;
}

.gss_product_saveuploadimage {
    cursor:pointer;
}

.gss_product_saveuploadimage:hover {
    color: #1c6ea2;
}

.gss_product_thumbnail_container {
    width: 181px;
    height: 181px;
    border: solid 1px #DDD;
    display: table-cell;
    margin-right: 15px;
    position: relative;
    vertical-align: top;
    background-color: #FFF;
    text-align: center;
    vertical-align: middle;
}


.gss_product_thumbnail_container i.remove_image:hover {
    color: #1c6ea2;
    background: rgba(255,255,255, 1);
}

.gss_product_thumbnail_container .remove_image {
    top: 0px;
    left: 0px;
    border-right: solid 1px #DDD;
    border-bottom: solid 1px #DDD;
    background-color: #3a99d7;
}

.gss_product_thumbnail_container .main_image {
    top: 0px;
    right: 0px;
    color: #DDD;
    text-shadow: 0px 0px 2px #333;
}

.gss_product_thumbnail_container .main_image.imageismain {
    color: #01ac4a;
    
}

.gss_product_thumbnail_container i {
    position: absolute;    
    padding: 5px;
    font-size: 25px;
    color: #FFF;
    
    cursor: pointer;
}

.gss_product_thumbnails_outer_container {
    margin-bottom: 15px;
}


.outerimagestuff {
    display: inline-block;
    margin-right: 15px;
}

.outerimagestuff:last-child  {
    margin-right: 0px;
}

.gss_product_thumbnail {
    max-width: 181px;
    max-height: 181px;
    
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    font: 16px/1 Arial sans-serif;        
}

.gss_products_nextprevbuttons {
    padding-left: 20px;
    padding-bottom: 20px;
    position: relative;
    height: 40px;
}

.gss_products_nextprevbuttons .gss_product_next {
    position: absolute;
    right: 20px;
}

.dynamicpricing input {
    position: initial !important;

}

.dynamicpricing {
    width: 928px;
    padding: 15px;
    margin-top: 15px;
    border: solid 1px #DDD;
    padding-bottom: 15px;
}

.Product .subimage {
    text-align: center;
}
.Product .subimage img {
    max-height: 100%;
    max-width: 100%;
    width: inherit;
}

.combinationSetting {
    position: relative;
    height: 45px;
}

.combination_wrapper {
    margin-top: 10px;
    padding-top: 15px;
    padding-left: 10px;
    border: 1px solid lightgray;
    border-radius: 7px;
}

.combinations_hidden {
    display: none;
}

.combinationSku {
    top: -5px !important;
}

#sku {
    padding-right: 0px;
}

.sku_button {
    float: right;
    margin-top: 10px;
}

.open_sku {
    margin-right: 10px;
}

.open_sku > i {
    padding-right: 3px;
    padding-left: 2px;
}

.PsmConfigurationAddons th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}
.PsmConfigurationAddons th {
  border-bottom: solid 1px #ccc;
}

.deactivatedProduct { color:#afafaf; display:none; }

.PsmConfigurationAddons th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(25px, 51px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 30px;
}
.PsmConfigurationAddons th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}

.PsmConfigurationAddons tr td {
    border-bottom: solid 1px #fff;
}

.PsmConfigurationAddons tr:hover td {
    border-bottom: solid 1px #ccc;
}

.PsmConfigurationAddons .onlyavailableforitem.selectedItem { 
    color:#000;
}
.PsmConfigurationAddons .onlyavailableforitem { 
    border: solid 1px;
    margin-right: 2px;
    margin-top: 2px;
    cursor:pointer;
    float:left;
    padding: 3px;
    color:#bbb;
}

.PsmConfigurationAddons td { border-right: solid 1px #ccc; width: 40px; text-align: center; }
.PsmConfigurationAddons table { border-bottom: solid 1px #ccc; }
.PsmConfigurationAddons td:first-child { border-left: solid 1px #ccc; padding-left: 5px; }
.PsmConfigurationAddons .includeinroom { background-color:#dbe1ec; border-bottom: solid 1px #dbe1ec; }
.PsmConfigurationAddons .sellonroom { background-color:#7da2e6; border-bottom: solid 1px #7da2e6; }
.PsmConfigurationAddons .extendedinformation { position:absolute; width: 600px; border: solid 1px; background-color:#fff;z-index:1; left:0px; top:15px; display:none; padding: 5px; }
.PsmConfigurationAddons .extendedinformation .settings { float:right; width: 250px; }
.PsmConfigurationAddons .extendedinformation .extendedinforow { clear: both; margin-bottom: 5px; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 6, 2015, 10:05:28 PM
    Author     : ktonder
*/

.QuestBack .options_area .options_area_options {
    margin-bottom: 10px;
}
.QuestBack .admin_button {
    display: inline-block;
    width: 20px;
    border: solid 1px #DDD;
    text-align: center;
    cursor: pointer;
}
.QuestBack .options_area {
    margin-top: 20px;
}

.QuestBack .typeselector {
    text-align: center;
}

.QuestBack .quest_back_type_selected {
    border: solid 1px #DDD;
    width: 90px; 
    height: 80px;
    margin: 10px;
    vertical-align: top;
    display: inline-block;
    text-align: center;
    padding: 10px;
    cursor: pointer;
}

.QuestBack .quest_back_type_selected:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.QuestBack .quest_back_type_selected:active {
    background: inherit;
    background-color: #F9F9F9;
}

.QuestBack .quest_back_type_selected i {
    font-size: 40px;
    display: block;
}

.QuestBack .already_answered_info {
    font-size: 16px;
    text-align: center;
}

.QuestBack .admin_option_text {
    width: 370px;
}

.QuestBack .QuestBackImage {
    position: relative;
}

.QuestBack .QuestBackImage i {
    text-shadow: 0px 0px 5px #FFF;
    color: #000;
    
    background-color: #FFF;
    border-radius: 20px;
    padding: 5px;
}

.QuestBack .textquestion {
    border: solid 1px #DDD;
    width: 100%;
    box-sizing: border-box;
    height: 200px;
    padding: 20px;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 7, 2015, 10:52:48 AM
    Author     : ktonder
*/


.QuestBackManagement .menuouter .menuelement {
    display: inline-block;
    padding: 10px;
    border-right: solid 1px #DDD;
}

.QuestBackManagement .menuouter .menuelement.active {
    background-color: #fbfbfb;
}

.QuestBackManagement .menuouter {
    cursor: pointer;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    
    border-bottom: solid 1px #BBB;
}

.QuestBackManagement .moderninputfield {
    padding: 10px;
}

.QuestBackManagement .parts .part {
    padding: 20px;
}

.QuestBackManagement .modify_questionbase_button,
.QuestBackManagement .delete_test_button {
    text-align: center;
    padding: 5px;
    cursor: pointer;
    border: solid 1px #BBB;
}

.QuestBackManagement .createnewtest {
    border: solid 1px #BBB;
    padding: 20px;
    margin-top: 20px;
    font-size: 16px;
}

.QuestBackManagement .testsettings {
    background-color: #FFF; 
    padding: 20px;
}

.QuestBackManagement .qb_question a{
    white-space: normal !important;
    height: auto;
    padding: 1px 2px;
    padding-right: 30px;
}

.QuestBackManagement th {
    text-align: left ;
}


.QuestBackManagement .result_printer {
    margin-top: 20px;
}

.QuestBackManagement .test_progress_view {
    background-color: #F9F9F9;
    margin: 10px;
    font-size: 0px;
    cursor: pointer;
    position: relative;
}

.QuestBackManagement .test_progress_view .cats {
    position: absolute;
    right: 10px;
    top: 10px;
}

.QuestBackManagement .test_progress_view:first-child {
    background-color: #F9F9F9;
    cursor: auto;
}

.QuestBackManagement .test_progress_view .col {
    padding: 20px;  
    box-sizing: border-box;
    font-size: 16px;
}
.QuestBackManagement .test_progress_view .name {
    width: 500px;
}

.QuestBackManagement .test_progress_view .cat_result_box_outer {
    border-left: dashed 1px #DDD;
    display: inline-block;
    margin-right: 5px;
}

.QuestBackManagement .test_progress_view .cat_result_box_outer:first-child {
    border-left: solid 0px #DDD;
}

.QuestBackManagement .test_progress_view .cat_result_col {
    border: solid 1px #DDD;
    border-radius: 40px;
    margin-left: 5px;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
    background: #e2e2e2; /* Old browsers */
    background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

.QuestBackManagement .test_progress_view .cat_result_col.green {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231 */
    background: #9dd53a; /* Old browsers */
    background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
}

.QuestBackManagement .test_progress_view .cat_result_col.red {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f85032+0,f16f5c+50,f6290c+51,f02f17+71,e73827+100;Red+Gloss+%231 */
    background: #f85032; /* Old browsers */
    background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */

}

.QuestBackManagement .test_progress_view .cat_result_col.yellow {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffff88+0,ffff88+100;Yellow+Flat+%231 */
    background: #ffff88; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffff88 0%, #ffff88 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff88), color-stop(100%,#ffff88)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffff88 0%,#ffff88 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffff88 0%,#ffff88 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffff88 0%,#ffff88 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffff88 0%,#ffff88 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffff88',GradientType=0 ); /* IE6-9 */
}

.QuestBackManagement .test_progress_view .col {
    display: inline-block;
    
}

.QuestBackManagement .category_settings_title {
    font-size: 20px;
    padding: 20px;
    text-align: center;
}

.QuestBackManagement .category_settings_box {
    margin-top: 30px;
    border: dashed 1px #333;
    padding: 20px;
}

.QuestBackManagement .groupResult .groupName {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}

.QuestBackManagement .groupResult {
    background-color: #FFF;
    margin: 10px;
    margin-bottom: 50px;
    padding: 20px;
    border-radius: 10px;
}
.QuestBackManagement .usermanagement{
    float: right;
    margin-top: 5px;
}



.QuestBackManagement .dropdown {
    border: solid 1px #dcdcdc;
    position: absolute;
    margin-bottom: 20px;
    font-size: 16px;

}

.QuestBackManagement .groupedByCompany {
    border:  solid 1px #DDD;
    margin-bottom: 20px;
    padding: 20px;
}

.QuestBackManagement a {
  color: #dcdcdc;
}

.QuestBackManagement .dropdown dd,
.dropdown dt {
  margin: 0px;
  padding: 0px;
}

.QuestBackManagement .dropdown ul {
  margin: -1px 0 0 0;
  margin-left: -1px;
}

.QuestBackManagement .dropdown dd {
  position: relative;
}

.QuestBackManagement .dropdown a,
.dropdown a:visited {
  color: #dcdcdc;
  text-decoration: none;
  outline: none;
}

.QuestBackManagement .dropdown dt a {
  background-color: #fff;
  display: block;
  margin-top:0px;
  padding: 5px;
  min-height: 25px;
  line-height: 24px;
  overflow: hidden;
  border: 0;
  width: 370px;
}

.QuestBackManagement .dropdown dt a span,
.multiSel span {
  cursor: pointer;
  display: inline-block;
  padding: 0 3px 2px 0;
}

.QuestBackManagement .dropdown dd ul {
  background-color: #fff;
  color: #000;
  display: none;
  left: 0px;
  padding: 2px 15px 2px 5px;
  position: absolute;
  top: 0px;
  width: 360px;
  list-style: none;
  height: 200px;
  overflow: auto;
  border-left: solid 1px #dcdcdc;
  border-bottom: solid 1px #dcdcdc;
  border-right: solid 1px #dcdcdc;
}

.QuestBackManagement .dropdown span.value {
  display: none;
}

.QuestBackManagement .dropdown dd ul li a {
  padding: 5px;
  display: block;
}

.QuestBackManagement .dropdown dd ul li a:hover {
  background-color: #fff;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 7, 2015, 9:33:22 AM
    Author     : ktonder
*/

.QuestBackProgress .speedgauge_outer {
    height: 120px;
    width: 120px;
    position:  absolute;
    top: -25px;
    right: -25px;
}

.QuestBackProgress .speedgauge_outer .speedpin {
    background-image: url('/showApplicationImages.php?appNamespace=ns_778eb415_ec18_4202_8012_092f6f5ae292&image=skin/images//pin.png');
    height: 54px;
    width: 50px;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -27px;
    position: absolute;
    

}

.QuestBackProgress .speedgauge_outer .speedgauge {
    background-image: url('/showApplicationImages.php?appNamespace=ns_778eb415_ec18_4202_8012_092f6f5ae292&image=skin/images//speedgauge.png');
    background-size: 100%;
    height: 120px;
    width: 120px;
    background-repeat: no-repeat;
    position: relative;
}

.QuestBackResultPrinter .trafficlight {
    display: inline-block;
    width: 61px;
    height: 150px;
    position: absolute;
    left: 10px;
    top: 10px;
    
}

.QuestBackResultPrinter  {
    padding: 20px;
}

.QuestBackResultPrinter .category_row {
    border: solid 1px #CCC; 
    min-height: 150px;
    margin-bottom: 10px;
    padding-top: 20px;
    position: relative;
}

.QuestBackResultPrinter .category_title {
    font-size: 20px;
}

.QuestBackResultPrinter .category_content {
    padding-left: 100px;
   
}

.QuestBackResultPrinter .cat_text_description {
    font-size: 18px;
    padding: 20px;
    padding-left: 20px;
}

.QuestBackResultPrinter .trafficlight.trafficlight_yellow { background-image: url('/showApplicationImages.php?appNamespace=ns_4194456a_09b3_4eca_afb3_b3948d1f8767&image=skin/images//yellow.png'); }
.QuestBackResultPrinter .trafficlight.trafficlight_red { background-image: url('/showApplicationImages.php?appNamespace=ns_4194456a_09b3_4eca_afb3_b3948d1f8767&image=skin/images//red.png'); }
.QuestBackResultPrinter .trafficlight.trafficlight_green { background-image: url('/showApplicationImages.php?appNamespace=ns_4194456a_09b3_4eca_afb3_b3948d1f8767&image=skin/images//green.png'); }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 6, 2015, 10:08:46 PM
    Author     : ktonder
*/

.QuestBackTitlePrinter .title {
    font-size: 26px;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 7, 2015, 9:33:22 AM
    Author     : ktonder
*/

.QuestBackUserOverview .yourtests {
    padding: 20px;
}

.QuestBackUserOverview .yourtests .test {
    font-size: 20px;
    
    border-radius: 5px;
    
    padding: 15px;
    color: #333;
    margin-bottom: 20px;
    
    cursor: pointer;
    position: relative;
    
    border: solid 1px #CCC;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}

.QuestBackUserOverview .yourtests .test .progress_in_test {
    position: absolute;
    font-size: 13px;
    top: 0px;
    right: 0px;
    line-height: 57px;
    padding-left: 20px;
    padding-right: 20px;
    border-left: solid 1px #CCC;
}

.RelatedProducts input  {
    margin-top: 3px;
    width: 270px;
    padding: 8px 8px;
    font-weight: 400;
    font-size: 14px;
    color: #444;
    text-shadow: 1px 1px 0 rgba(256, 256, 256, 1.0);
    background: #FFF;
    border: 1px solid #FFF;
    border-radius: 5px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
}
.RelatedProducts .related_product_administration {
    border-top: solid 1px #EEE;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.RelatedProducts .related_product_administration i {
    padding: 6px;
    border-radius: 3px;
    background: linear-gradient(to bottom, #EEE, #DDD);
    margin-left: -29px;
    margin-top: 1px;
    cursor: pointer;
    border-left: solid 1px #CCC;
}

.RelatedProducts .add_related_product_result .search_result_product .shop_button {
    position: absolute; 
    right: 3px; 
    top: 3px;
}

.RelatedProducts .add_related_product_result .search_result_product {
    position: relative;
    border: solid 1px #EEE;
    padding-top: 3px;
    padding-bottom: 3px;
    padding: 10px;
    height: 35px;
}

.RelatedProducts .add_related_product_result {
    margin-top: 20px;
}

.SalesPointCartCheckout .cartsummary .col {
    display: inline-block;
    padding: 5px;
    padding-right: 0px;
}

.SalesPointCartCheckout .removeitem { float: right; color: #bbb; cursor: pointer; }
.SalesPointCartCheckout .cartsummary .row { border-bottom: solid 1px #DDD;}
.SalesPointCartCheckout .cartitem { margin-bottom: 10px;}
.SalesPointCartCheckout .cartsummary .row.row_last { border-bottom: solid 0px #DDD;}
.SalesPointCartCheckout .cartsummary .col1 { width: 30px; text-align: right; }
.SalesPointCartCheckout .cartsummary .col2 { width: calc(100% - 200px); }
.SalesPointCartCheckout .cartsummary .col3 { width: 100px; }
.SalesPointCartCheckout .paymentmethodselection,
.SalesPointCartCheckout .appendtoorderselection,
.SalesPointCartCheckout .display_cart_filter,
.SalesPointCartCheckout .continue_checkout { box-sizing: border-box; width: 100%; margin-top: 5px; }
.SalesPointCartCheckout .checkoutarea .itemsarea { max-height: 400px; overflow: auto; border: solid 1px #bbb; padding: 10px;background-color:#fff; }
.SalesPointCartCheckout .checkoutarea { overflow: auto; max-height: 800px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;

}
.SalesPointCartCheckout .addon_price,
.SalesPointCartCheckout .matrix_price { width: 50px; text-align: center; }
.SalesPointCartCheckout .matrix_item {
    margin-left: 50px;
}

.SalesPointCartCheckout .row {
    position: relative;
}
.SalesPointCartCheckout .addonlist_row,
.SalesPointCartCheckout .pricematrix_row {
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    background-color: #EFEFEF;
    
}

.SalesPointCartCheckout .addonlist_row.odd,
.SalesPointCartCheckout .pricematrix_row.odd {
    background-color: #FFF;
}

.SalesPointCartCheckout .pricematrix_row .matrix_item {
    position: absolute; 
    right: 0px;
    top: 0px;
    padding: 7px;
    padding-bottom: 6px;
}


.SalesPointCartCheckout .addonlist_row .addon_inputs input {
    padding: 7px;
    padding-bottom: 6px;
}

.SalesPointCartCheckout .addonlist_row .addon_inputs {
    text-align: right;
    float:right;
}

.SalesPointCartCheckout .addonlist_row .addon_count {
    width: 20px;
    text-align: center;
    padding: 7px;
    padding-bottom: 6px;
}

.SalesPointCartCheckout .normalrow {
    border-bottom: solid 1px #DDD;
    line-height: 45px;
    padding-bottom: 5px;
}

.SalesPointCartCheckout .last_row .normalrow {
    border-bottom: solid 0px;
}

.SalesPointCartCheckout .normalrow .textfields {
    position: absolute;
    right: 10px;
    top: 5px;
}
.SalesPointCartCheckout .summary {
    font-size: 30px;
    margin-top: 50px;
    margin-right: 10px;
}

.SalesPointCartCheckout .normalrow .itemcount {
    width: 30px;
    text-align: center;
}


.SalesPointCartCheckout .payment_options .option_content {
    position: absolute;
    background-color: #FFF;
    right: 0px;
    border: solid 1px;
}
.SalesPointCartCheckout .payment_options .shop_button {
    width: 100% !important;
    margin-bottom: 3px;
}

.config_sales_point {
    padding: 30px;
}

.SalesPointDashBoard {
    max-width:1500px;
    margin:auto;
}
.SalesPointDashBoard .statiticbox {
    width: 145px;
    height: 145px;
    text-align: center;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 8px;
}


.SalesPointDashBoard .statiticbox .subinfo {
    font-size: 20px;
}

.SalesPointDashBoard .statiticbox .filecount { 
    padding-top: 43px;
    font-size: 35px;
}

.SalesPointDashBoard .statiticbox.counter.lightgreen {
    color: #3fbdbd;
    background-color: #3fbdbd;
}

.SalesPointDashBoard .statiticbox.counter.yellow {
    color: #e6e158;
    background-color: #e6e158;
}

.SalesPointDashBoard .statiticbox.counter.grey {
    color: #b6ced9;
    background-color: #b6ced9;
}

.SalesPointDashBoard .statiticbox.counter.pink {
    color: #d29be8;
    background-color: #d29be8;
}

.SalesPointDashBoard .statiticbox.counter.lightblue {
    color: #82cdf3;
    background-color: #82cdf3;
}

.SalesPointDashBoard .statiticbox.counter.green {
    color: #a1ca36;
    background-color: #a1ca36;
}

.SalesPointDashBoard .statiticbox.counter.orange {
    color: #f1a130;
    background-color: #f1a130;
}

.SalesPointDashBoard .statiticbox.counter .box_explainer {
    color: #000;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
} 

.SalesPointDashBoard .statiticbox.counter {
    color: #33455b;
    background-image: url('/showApplicationImages.php?appNamespace=ns_bf312f0d_d204_45e9_9519_a139064ee2a7&image=skin/images//background.png');
    background-size: contain;
    background-position: center;
} 


.SalesPointDashBoard .statistics .dayheader {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px;
}

.SalesPointDashBoard .dashboard_main { 
    text-align: center;
}

.SalesPointDashBoard .statistics .header {
    border-bottom: solid 1px #bbb;
    padding: 20px;
    position: relative;
    
    color:#000;
    text-align: left;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}

.SalesPointDashBoard .statistics .header i {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #b6ced9;
    font-size: 25px;
}

.SalesPointDashBoard {
    font-size: 0px;
}

.SalesPointDashBoard .presetup {
    font-size: 14px;
}

.SalesPointDashBoard .statistics_outer {
    font-size: 15px;
    width:25%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
}

.SalesPointDashBoard .statistics {
    background-color: #FFF;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

.SalesPointDashBoard .statistics .inner { 
    padding: 20px;
}
        

@media screen and (max-width: 800px) {
    .SalesPointDashBoard .statistics_outer { width: 100%; }
}

.SalesPointNewSale .group .inner,
.SalesPointNewSale .product .inner {
    position: relative;
    top: 50%;
    transform: translateY(-50%); 
}

.SalesPointNewSale {
    padding-left: 100px;
}

.SalesPointNewSale .group,
.SalesPointNewSale .product {
    width: 100px;
    height: 70px;
    display: inline-block;
    border: solid 3px #FFF;
    vertical-align: top;
    text-align: center;
    background-color: #4854ae;
    color: #FFF;
    box-sizing: border-box;
    padding: 5px;
    cursor: pointer;
    position: relative;
}


.SalesPointNewSale .group {
    background-color: #91f07c;
    color: black;
    height: 70px;
    width: 80px;
}

.SalesPointNewSale .product:hover {
    background-color: #303fa8;
}

.SalesPointNewSale .leftmenu,
.SalesPointNewSale .productlistouter,
.SalesPointNewSale .rightmenu {
    display: inline-block;
    vertical-align: top;
}

.SalesPointNewSale .rightmenu {
    margin-top: 50px;
}

.SalesPointNewSale .leftmenu {
    width: 100px;
    background-color: #23314e;
    color: #FFF;
    text-align: center;
    min-height: calc(100% - 86px);
    padding-top: 67px;
    position: fixed;
    left: 0px;
}

.SalesPointNewSale .productlistouter {
    width: calc(100% - 300px);
    box-sizing: border-box;
    padding: 50px;
    padding-top: 5px;
    margin-top: 70px;
    padding-left: 0px;
    padding-right: 0px;
}

.SalesPointNewSale .rightmenu {
    width: 300px;
    background-color: #f4f4f4;
    min-height: calc(100% - 86px);
    border-left: solid 1px #DDD;
    box-sizing: border-box;
    margin-top: 68px;
    padding-top: 8px;
    padding-bottom: 20px;
}

.SalesPointNewSale .topmenu .entry,
.SalesPointNewSale .leftmenu .entry {
    border-top: solid 1px #222;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    width: 100px;
    text-align: center;
    font-size: 11px;
    min-height: 46px;
}

.SalesPointNewSale .topmenu .entry i,
.SalesPointNewSale .leftmenu .entry i {
    display: block;
    font-size: 25px;
}

.SalesPointNewSale .leftmenu .entry.tabnotactive {
    color: #888;
}

.SalesPointNewSale .header {
    padding-bottom: 0px;
    font-size: 20px;
    font-weight: bold;
    padding-left: 10px;
    background-color: #DDD;
    margin-top: -8px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 5px;
}

.SalesPointNewSale .notabopen_desc {
    font-size: 16px;
    padding-top: 30px;
}

.SalesPointNewSale .notabopen {
    font-size: 30px;
    color: red;
}

.SalesPointNewSale .taboperationoverlay_outer {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
    display: none;
}

.SalesPointNewSale .taboperationoverlay {
    position: fixed;
    left: 150px;
    top: 100px;
    min-height: 500px;
    right: 150px;
    background-color: #FFF;
}

.SalesPointNewSale .buttonsarea {
    text-align: center;
}


.SalesPointNewSale .headertext {
    padding: 50px;
    text-align: center;
    font-size: 30px;
}

.SalesPointNewSale .tabcreateinfo {
    padding: 10px;
    background-color: #DDD
}

.SalesPointNewSale .cancelcreatenew {
    position: absolute;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    
    font-size: 30px;
    
    box-sizing: border-box;
    
    background-color: #FFF;
    position: fixed;
    right: 140px;
    top: 90px;
    
    border: solid 2px #999;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.SalesPointNewSale .tablistcontent {
    padding: 50px;
    height: 500px;
    overflow-y: scroll;
}
.SalesPointNewSale .tablist  {
    border-bottom: solid 1px #DDD;
}

.SalesPointNewSale .tablist .col  {
    display: inline-block;
    width: 200px;
    font-size: 16px;
    line-height: 30px;
    
}

.SalesPointNewSale .tablist .cartitemsize {
    width: 100px;
}

.SalesPointNewSale .tablist .createddate {
    width: 300px;
}

.SalesPointNewSale .cartitemline {
    border-bottom: solid 1px #DDD;
    cursor: pointer;
}

.SalesPointNewSale .cartitemline:hover {
    background-color: #DEDEDE;
}

.SalesPointNewSale .cartitemline .details {
    display: none;
    padding: 5px;
    padding-left: 10px;
}

.SalesPointNewSale .cartitemline .details input {
    width: 50px;
    height: 24px;
    text-align: center;
}

.SalesPointNewSale .cartitemline .col {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 5px;
    padding-right: 5px;
    box-sizing: border-box;
}

.SalesPointNewSale .cartitemline .col.count { width: 50px; padding-left: 10px; }
.SalesPointNewSale .cartitemline .col.productname { width: calc(100% - 140px); }
.SalesPointNewSale .cartitemline .col.price { width:90px; text-align: right;}

.SalesPointNewSale .header2 {
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
}

.SalesPointNewSale .tabtotal {
    font-size: 25px;
    text-align: right;
    padding-right: 10px;
    padding-top: 20px;
}

.SalesPointNewSale .leftmenuseperator {
    background-color: #EEE;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 50px;
    color: #333;
}

.SalesPointNewSale .entry.taboperation {
    background-color: #EEE;
    border-top: solid 1px #DDD;
    border-right: solid 1px #DDD;
    color: #333;
}

.SalesPointNewSale div.entry.taboperation:first-child {
    border-top: solid 0px;
}

.SalesPointNewSale .information {
    font-size: 25px;
    text-align: center;
    color: red;
    padding: 40px;
}

.SalesPointNewSale h2 {
    position: relative;
    padding: 10px;
    margin: 0px;
    background-color: #DDD;
}
.SalesPointNewSale .movebuttons {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    display: none;
}

.SalesPointNewSale .movebuttons .viewconfig .entry .entry_choice {
    cursor: pointer;
    padding-left: 5px;
}

.SalesPointNewSale .movebuttons .viewconfig .entry {
    padding: 5px;
}

.SalesPointNewSale .movebuttons .viewconfig {
    background-color: #DDD;
    font-size: 13px;
    font-weight: normal;
    display: none;
}

.SalesPointNewSale h2:hover {
    background-color: #DDD;
}
.SalesPointNewSale h2:hover .movebuttons {
    display: block;
}
.SalesPointNewSale .multitaxsupport {
    display: none;
}

.SalesPointNewSale .topmenu .entry {
    color: #FFF;
    width: 80px;
    border-left: solid 1px rgba(255,255,255,0.3);
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding-right: 5px;
    padding-left: 5px;
    height: 67px;
}

.SalesPointNewSale .topmenu {
    height: 67px;
    background-color: #0d152f;
    text-align: right;
    position: fixed;
    z-index: 1;
    width: calc(100% - 100px);
}

.SalesPointNewSale .topmenu .entry span {
    display: block;
    font-size: 25px;
}

.SalesPointNewSale .topmenu .entry.active {
    color: green;
}

.SalesPointNewSale .productlistinner {
    font-size: 14px;
}

.SalesPointNewSale .menuviewlist {
    background-color: #0d152f;
    width: 200px;
    right: 0px;
    position: absolute;
    display: none;
}

.SalesPointNewSale .menuviewlist .listname {
    line-height: 40px;
    font-size: 14px;
    border-bottom: solid 1px #FFF;
    text-align: left;
    padding-left: 10px;
}

.SalesPointNewSale .table {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    width: 100px;
    text-align: center;
    font-size: 11px;
    min-height: 46px;
    border: solid 1px #DDD;
    font-size: 20px;
    margin-bottom: 10px;
    margin-right: 4px;
    background-color: #0d152f;
    color: #333;
}

.SalesPointNewSale .title {
    margin-bottom: 10px;
    line-height: 0px;
    padding-top: 6px;
}

.SalesPointNewSale .explenation {
    padding-left: 10px;
    margin-bottom: 20px;
}
.SalesPointNewSale .explenation .text {
    line-height: 20px;
    vertical-align: top;
    display: inline-block;
    margin-left: 10px;
}

.SalesPointNewSale .explenation .color {
    vertical-align: top;
    width: 20px;
    height: 20px;
    display: inline-block;
    border: solid 1px #AAA;
}

.SalesPointNewSale .table.green,
.SalesPointNewSale .explenation .color.green {
    background-color: #1ccf52;
}

.SalesPointNewSale .table.yellow,
.SalesPointNewSale .explenation .color.yellow {
    background-color: #b5ff87;
}

.SalesPointNewSale .cash_disabled {
    color: grey !important;
}

.SalesPointNewSale .checkboxinner {
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 100px;
    
}

.SalesPointNewSale .checkboxinner .fa-check-circle {
    display: none;
}
.SalesPointNewSale .checkboxinner .fa-circle {
    display: block;
    color: #2a324e;
}

.SalesPointNewSale .checkboxinner.checked .fa-circle {
    display: none;
}

.SalesPointNewSale .checkboxinner.checked .fa-check-circle {
    display: block;
}

.SalesPointNewSale .checkboxinner i {
    font-size: 23px;
}

.SalesPointNewSale .productionbuttonarea {
    padding: 4px;
    margin-top: 40px;
}

.SalesPointNewSale .productionbuttonarea .shop_button {
    padding: 4px;
    width: 200px;
    line-height: 50px;
    height: 50px;
}

.SalesPointNewSale .row_for_extras {
    padding-left: 10px
}

.SalesPointNewSale .taxrates {
    text-align: left;
    padding-left: 10px;
}

.SalesPointNewSale .oldprice {
    margin-right: 10px;
    text-decoration: line-through;
}

.SalesPointNewSale .tabmenu .gs_shop_small_icon {
    text-align: center;
    padding: 3px;
    margin-left: 5px;
}

.SalesPointNewSale .productlist.isgroup {
    display: none;
}

.SalesPointNewSale .product_list_inner {
    padding: 10px;
}

.SalesPointNewSale .tabmenu.paymentmethods {
    text-align: center;
}

.SalesPointNewSale .outpaymentmethod {
    width: 83px;
    line-height: inherit !important;
    vertical-align: top;
    margin-top: 8px;
    height: 50px;
    padding-top: 10px;
    box-sizing: border-box;
    overflow: hidden;
}

.SalesPointNewSale .cashpointindicatorname {
    position: fixed;
    bottom: 0px;
    line-height: 20px;
    text-align: center;
    background-color: #ffe18c;
    left: 0px;
    right: 0px;
}

.SalesPointNewSale .printmenu .entry.taboperation {
    background-color: #29354e;
    color: #FFF;
}

.SalesPointNewSale .printmenu {
    background-color: #EEE;
    display: none;
}

.SalesPointNewSale .orderrow {
    padding: 10px;
    font-size: 15px;
    border-bottom: solid 1px #DDD;
}
.SalesPointNewSale .orderrow .col {
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
}


.SalesPointNewSale .orderrow .col.orderid {
    width: 100px;
}

.SalesPointNewSale .orderrow .col.date {
    width: 200px;
}

.SalesPointNewSale .orderrow .col.total {
    width: 100px;
}

.SalesPointNewSale .orderrow .col.button {
    padding-top: 0px;
}

.SalesPointNewSale .conference.row {
    border-bottom:solid 1px #DDD;
    padding-left: 20px;
}

.SalesPointNewSale .conference.row .date {
    width: 150px;
}

.SalesPointNewSale .conference.row .name {
    width: calc(100% - 300px);
}

.SalesPointNewSale .conference.row .col {
    display: inline-block;
}

.SalesPointNewSale .changecount {
    width: 25px !important;
}

.SalesPointNewSale .details .gs_shop_small_icon {
    font-size: 10px;
    height: 29px;
    vertical-align: top;
    padding-top: 10px;
}

.SalesPointNewSale .changeprice {
    width: 45px !important;
}

.SalesPointNewSale .searchforproducts {
    padding: 10px;
    display: none;
}

.SalesPointNewSale .searchforproducts .product  {
    width: 100%;
    display: block;
    text-align: left;
    padding-left: 10px;
}

@media (max-width: 1050px) {
    .SalesPointNewSale .topmenu .entry {
        width: 70px;
    }
}

.SalesPointOtherSettings .settingsrow {
    border-bottom: solid 1px #DDD;
    padding: 20px;
}
.SalesPointOtherSettings .title {
    font-size: 16px;
    display: inline-block;
    width: calc(100% - 210px);
}

.SalesPointOtherSettings .value {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    width: 200px;
    text-align: right;
    box-sizing: border-box;
}

.SalesPointOtherSettings {
    margin-top: 50px;
}

.SalesPointReports .leftmenu,
.SalesPointReports .reportarea {
    display: inline-block;
    vertical-align: top;
}

.SalesPointReports .leftmenu {
    width: 100px;
    background-color: #23314e;
    color: #FFF;
    text-align: center;
    min-height: calc(100% - 86px);
    padding-top: 75px;
}

.SalesPointReports .leftmenu .entry {
    border-top: solid 1px #222;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.SalesPointReports .leftmenu .entry i {
    display: block;
    font-size: 30px;
}


.SalesPointReports .reportarea {
    border: solid 1px #DDD;
    width: calc(100% - 106px);
}

.SalesPointReports .orderline {
    padding: 5px;
    border-bottom: solid 1px #DDD;
    padding-left: 20px;
    font-size: 0px;
}

.SalesPointReports .orderline:nth-child(odd) {
    background-color: #DDD;
}

.SalesPointReports .orderline .col {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    font-size: 14px;
}

.SalesPointReports .orderline .col.type {
    width: 190px;
}

.SalesPointReports .orderline .col.name {
    width: calc(100% - 600px);
}

.SalesPointReports .orderline .orderid { width: 100px; }
.SalesPointReports .orderline .date { width: 150px; }

.SalesPointReports .paymentrow {
    border: solid 1px #DDD;
    margin: 50px;
}

.SalesPointReports .paymentrow h2 {
    padding-left: 20px;
}

.SalesPointReports .summary {
    background-color: #DDD;
    padding: 20px;
}

.SalesPointReports .summary .col.name {
    width: 250px;
}

.SalesPointReports .summary .orderline {
    border-bottom: solid 1px #efefef;
}

.SalesPointReports .nofound {
    font-size: 25px;
    text-align: center;
    padding: 50px;
    color: red;
}

.SalesPointReports .col_rowaction {
    width: 150px;
}

.SalesPointReports .reportheader {
    max-width: 1500px;
    margin: 0 auto;
    font-size: 25px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 28px;
    background-color: #DDD;
    padding-top: 10px;
    padding-bottom: 15px;
}

.SalesPointReports .informationbox {
    background-color: green;
    padding: 20px;
    margin: 0px auto;
    text-align: center;
    font-size: 20px;
    color: #FFF;
}
.SalesPointReports .closewarnings .row {
    font-size: 16px;
    margin-bottom: 30px;
}
.SalesPointReports .closewarnings {
    border: solid 1px red;
    margin: 50px;
    padding: 20px;
}

.SalesPointReports .closewarnings h2 {
    color: red;
}

.SalesPointReports .closewarnings .row .rooms {
    padding-top: 20px;
    padding-left: 20px;
}

.SalesPointReports .cashpointname {
    text-align: center;
    font-size: 16px;
    padding: 10px;
    
    background-color: #DDD;
}
.SalesPointReports .masterrow {
    border-bottom: solid 1px #DDD;
    padding: 5px;
}
.SalesPointReports .masterrow .col {
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
}

.SalesPointReports .masterrow.header .col {
    font-weight: bold;
}

.SalesPointReports .masterrow .col.name {
    width: 200px;
}

.SalesPointReports .masterrow .col.prevtext {
    width: calc(100% - 500px);
}

.SalesPointReports .masterrow .col.prevtotal {
    width: 200px;
}

.SalesPointReports .sum_product_ex_tax,
.SalesPointReports .sum_product_inc_tax {
    width: 100px;
    text-align: right;
}

.SalesPointReports .stockreport {
    font-size: 16px;
}

.SalesPointReports .stockreport .row {
    border-bottom: solid 1px #DDD;
}
.SalesPointReports .stockreport .row .col {
    display: inline-block;    
    padding: 3px;
}

.SalesPointReports .stockreport .row .col1 { width: calc(100% - 600px); }

.SalesPointReports .stockreport .row .col2,
.SalesPointReports .stockreport .row .col4,
.SalesPointReports .stockreport .row .col3 { width: 150px; text-align: center; }

.SalesPointReports .stockreport .row .col1_1 { width: 60px; }
.SalesPointReports .stockreport .row .col1_2 { width: 60px; }

.SalesPointReports .stockreport .row .col4,
.SalesPointReports .stockreport .row .col2 {
    background-color: #FFF;
}

.SalesPointReports .taxcorrectionrow { 
    border-bottom: solid 1px #DDD;
}

.SalesPointReports .taxcorrectionrow .col { display: inline-block; }
.SalesPointReports .taxcorrectionrow .col_1 { width: 100px; }
.SalesPointReports .taxcorrectionrow .col_tax{ width: 100px; }


.SalesPointReports .information {
    margin: 20px;
    background-color: #00ff47;
    padding: 20px;
}

.SalesPointReports .apptitle {
    margin: 20px;
    font-size: 20px;
}

.SalesPointReports .orders_ota_payments {
    margin: 20px;
    padding: 20px;
}

.SalesPointReports .confirmationbox {
    padding-top: 20px;
    text-align: center;
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto;
}

.SalesPointSelectPayment .paymentmethod {
    line-height: 50px;
    font-size: 16px;
    color: #FFF;
    box-sizing: border-box;
    padding: 5px;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49c0f0+0,2cafe3+100;Blue+3D+%2311 */
    background: rgb(73,192,240); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(73,192,240,1) 0%, rgba(44,175,227,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#2cafe3',GradientType=0 ); /* IE6-9 */

    cursor: pointer;
}

.SalesPointSelectPayment .paymentmethod:hover {
    background: rgb(169,228,247); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(169,228,247,1) 0%, rgba(15,180,231,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(169,228,247,1) 0%,rgba(15,180,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(169,228,247,1) 0%,rgba(15,180,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 );
}

.SalesPointTabPayment .no_items {
    font-size: 20px;
    text-align: center;
    padding: 50px;
}
.SalesPointTabPayment .receipt_template {
    background-color: #FFF;
    width:600px;
    padding: 40px;
    box-shadow: 0px 2px 15px rgba(0,0,0,0.3);
    float:left;
}
.SalesPointTabPayment .payment_method_options {
    width: 300px;
    margin-left: 27px;
    font-size: 16px;
    float:left;
}

.SalesPointTabPayment .receipt_template .receipt_template_inner {
    zoom: 60%;
}

.SalesPointTabPayment .cartitem {
    border-bottom: solid 1px #DDD; 
    padding-top: 5px;
    padding-bottom: 5px;
}
.SalesPointTabPayment .cartitem .col {
    display: inline-block;
    vertical-align: top; 
}

.SalesPointTabPayment .cartitem .col.checkbox input { width:  25px; height: 25px; }
.SalesPointTabPayment .cartitem .col.checkbox { width:  50px; text-align: center; }
.SalesPointTabPayment .cartitem .col.productname { width: calc(100% - 300px); }

.SalesPointTabPayment .cartitem .col.count input { width: 30px; }
.SalesPointTabPayment .cartitem .col.count { width: 65px; }

.SalesPointTabPayment .cartitem .col.price input,
.SalesPointTabPayment .cartitem .col.price { width: 100px; }

.SalesPointTabPayment .totalrow { font-size: 20px; font-weight: bold; }

.SalesPointTabPayment .topinformation {
    background-color: #fffb89;
    text-align: center;
    font-size: 16px;
    padding: 30px;
    margin-bottom: 20px;
}

.SalesPointTabPayment .paymentmethods {
    text-align: center;
    padding: 30px;
}

.SalesPointTabPayment .paymentmethods .shop_button {
    margin-right: 20px;
}

.SalesPointTabPayment .completepayment {
    text-align: center;
    font-size: 16px;
}

.SalesPointTabPayment .completepayment .buttonarea {
    padding: 30px;
}

.SalesPointTabPayment .completepayment .buttonarea .shop_button {
    margin-right: 15px;
    margin-left: 15px;
}

.SalesPointTabPayment .completepayment .total {
    font-size: 30px;
    padding: 30px;
}

.SalesPointTabPayment .completepayment.cash #receivedpayment {
    text-align: center;
}


.SalesPointTabPayment .completepayment.cash .refund {
    font-size: 20px;
}
    
.SalesPointTabPayment .completepayment .information {
    background-color: #fffb89;
    max-width: 500px;
    padding: 30px;
    margin: 0 auto;
}

.SalesPointTabPayment .roomrow:nth-child(even) {
    background-color: #EFEFEF;
}

.SalesPointTabPayment .roomrow {
    border-bottom: solid 1px #DDD;
    padding: 5px;
    padding-left: 50px;
}
.SalesPointTabPayment .roomrow .col {
    display: inline-block;
    width: 100px;
    vertical-align: top;
}

.SalesPointTabPayment .roomrow .col.guestname {
    width: calc(100% - 400px);
}

.SalesPointTabPayment .summarybox {
    background-color: #e7ffa1;
    padding: 30px;
}

.SalesPointTabPayment .filterbox {
    text-align: right;
    padding: 20px;
}

.SalesPointTabPayment .show_edit_user.edit_user_btn {
    font-size: 0px;
}

.SalesPointTabPayment .edit_user_btn  {
    
    display: inline-block;
    border: solid 1px #DDD;
    border-radius: 5px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

    color: #333;
    
    cursor: pointer;
}
.SalesPointTabPayment .show_edit_user.edit_user_btn i {
    font-size: 14px;
}

.SalesPointTabPayment .giftcardcode {
    text-align: center;
}

.SalesPointTabPayment .giftcardvalue {
    height: 50px;
    line-height: 50px;
}

.SalesPointTabPayment .usererror {
    background-color: #d18400;
    width: 100%;
    text-align: center;
    padding: 20px;
    font-size: 16px;
    color: #FFF;
    box-sizing: border-box;
}


.SalesPointTabPayment .conference.row {
    border-bottom:solid 1px #DDD;
    padding-left: 20px;
    padding-bottom: 10px;
}

.SalesPointTabPayment .conference.row .date {
    width: 150px;
    font-size: 18px;
}

.SalesPointTabPayment .conference.row .name {
    width: calc(100% - 300px);
    font-size: 18px;
}

.SalesPointTabPayment .conference.row .col {
    display: inline-block;
}

.SalesPointTabPayment .conference.row.odd {
    background-color: #EFEFEF;
}

.SalesPointTables .createnewtable {
        background-color: #DDD;
    padding: 50px;
    padding-top: 20px;
    margin-top: 50px;
}

.SalesPointViews .createnewview {
    background-color: #DDD;
    padding: 50px;
    padding-top: 20px;
    margin-top: 50px;
}



.ServerList .serverlist { max-width: 1600px; margin: auto; }






.SettingsDepartments .leftmenu,
.SettingsDepartments .workarea {
    display: inline-block;
    vertical-align: top;
}

.SettingsDepartments .leftmenu {
    width: 100px;
    background-color: #23314e;
    color: #FFF;
    text-align: center;
    min-height: calc(100% - 86px);
}


.SettingsDepartments .topmenu .entry,
.SettingsDepartments .leftmenu .entry {
    border-top: solid 1px #222;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    width: 100px;
    text-align: center;
    font-size: 11px;
    min-height: 46px;
}

.SettingsDepartments .topmenu .entry i,
.SettingsDepartments .leftmenu .entry i {
    display: block;
    font-size: 25px;
}

.SettingsDepartments .leftmenu .entry.tabnotactive {
    color: #888;
}

.SettingsDepartments .createNewDepartment {
    margin: 50px;
}

.SettingsDepartments .header {
    font-size: 16px;
    padding: 50px;
    padding-top: 30px;
}

.SettingsDepartments .workarea {
    width: calc(100% - 120px);
    box-sizing: border-box;
    
}

.SettingsDepartments .row .col {
    display: inline-block;
}

.SettingsDepartments .row {
    padding: 10px;
    padding-left: 50px;
}



.Settings .Shipper .tabs {
    background-color: #DDD;
}

.Settings .Shipper .tab {
    width: 150px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    padding: 5px;
    border: solid 0px;
    line-height: 24px;
}

.Settings .Shipper .tab.active {
    background-color: #DDD;
    border: solid 0px;
}

.Settings .Shipper .content_holder {
    padding: 10px;
}

.Settings .Shipper .setting {
    border-bottom: solid 0px !important;
}
.Settings .Shipper .tabset {
    background-color: #FAFAFA;
    width: inherit;
}


.SmsSettings .filterbox {
    margin-bottom: 50px;
}

.SmsSettings .filterbox .shop_button {
    margin-top: 10px;
}

.SmsSettings .searchbox .tabs {
    background-color: #EEE;
    font-size: 0px;
}   

.SmsSettings .searchbox .tab {
    padding: 5px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    border-right: solid 1px #DDD;
    cursor: pointer;
    font-size: 13px;
}

.SmsSettings .searchbox .buttonareaadvanced {
    margin-top: 10px;
}
.SmsSettings .searchbox .dropdowns {   
}
.SmsSettings .searchbox .tab_content {
    padding-top: 20px;
}
.SmsSettings .searchbox .tab_content.active {
    display: block;
}

.SmsSettings .searchbox .tab.active {
    background-color: #FFF;
}

.SmsSettings .searchbox .tab_content {
    padding-left: 50px;
    display: none;
}
.SmsSettings .col_3 {
    width: 100px !important;
}

.SmsSettings .col_message {
    width: calc(100% - 432px) !important;
}

.SmsSettings .searchbox {
    display: inline-block;
    vertical-align: top;
    
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    width: calc(100% - 255px);
    box-sizing: border-box;
    height: 252px;
    margin-bottom: 50px;
}

.SrsBarSystem .product {
    border: solid 1px #DDD;
    width: 100px;
    height: 60px;
    display: inline-block;
    margin: 10px;
    box-sizing: border-box;
    text-align: center;
    padding: 10px;
    vertical-align: top;
    background-color: #6dffa1;
    cursor: pointer;
    overflow: hidden;
}

.SrsBarSystem .productlist {
    padding: 20px;
}

.SrsBarSystem div.productlist:nth-child(odd) {
    background-color: #EFEFEF;
}

.SrsBarSystem .productlistcontainer {
    width: calc(100% - 400px);
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
}

.SrsBarSystem .checkoutarea {
    width: 400px;
    vertical-align: top;
    box-sizing: border-box;
    border: solid 1px #DDD;
    display: inline-block;
}

.SrsCartCheckout .count {
    width: 20px;
    text-align: center;
    border-top: 0px;
    border-bottom: 0px;
}

.SrsCartCheckout .price {
    width: 80px;
    border-top: 0px;
    border-bottom: 0px;
}

.SrsCartCheckout .cartitem {
    padding-left: 14px;
    border-bottom: solid 1px #DDD;
    
}

.SrsCartCheckout .productdesc {
    width: calc(100% - 158px);
    display: inline-block;
}

.SrsCartCheckout .totalrow .productdesc {
    padding-top: 10px;
    padding-left: 14px;
}

.SrsCartCheckout .totalrow  {
    background-color: #EFEFEF;
    padding-bottom: 10px;
}

.SrsCartCheckout .paymentbutton {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 1px;
}

.SrsCartCheckout .totalrow .totalprice {
    width: 100px;
    display: inline-block;
    font-weight: bold;
    padding-left: 0px;
}

.SrsFoodList .product {
    background-color: #EFEFEF;
    padding: 10px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.SrsFoodList .foodlist {
    width: calc(100% - 300px);
    vertical-align: top;
    display: inline-block;
}

.SrsFoodList .summary .internal_summary {
    background-color: #EFEFEF;
    padding: 20px;
}

.SrsFoodList .summary {
    width: 290px;
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
}



.SrsProductList .header {
    padding: 20px;
    text-align: right;
}

.SrsReturantTable .productHeader {
    border-bottom: solid 1px #EFEFEF;
    margin-top: 20px;
    font-weight: bold;
}

.SrsReturantTable .productlist {
    background-color: #f4f7f9;
    padding: 20px;
    
}

.SrsReturantTable .productlist .GetShopModuleTable {
    margin-left: 0px;
    max-width: 100%;
}

.SrsReturantTable {
    margin: 20px;
}

.SrsTables .resturanttable {
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
}

.SrsTables .resturanttable .tablename {
    text-align: center;
}

.SrsTables .resturanttable.available {
    background-color: #00b72f;
}

.SrsTables .resturanttable.inuse {
    background-color: #ff7800;
}
.SrsTables .toprow {
    text-align: right;
    border-bottom: solid 1px #DDD;
    padding: 20px;
    position: relative;
    margin-bottom: 20px;
}

.SrsTables .changeroom {
    position: absolute;
    left: 20px;
}

.SrsTables .tableday {
    display: inline-block;
    text-align: center;
    border-right: solid 1px #DDD;
}

.SrsTables .tableday h2 {
    border-bottom: solid 1px #DDD;
    background-color: #EFEFEF;
    margin: 0px;
    padding: 5px;
}

.SrsTables .tables {
    padding: 20px;
    padding-top: 0px;
}

.SrsTables .selectroom {
    display: none;
    box-shadow: 0px 0px 5px rgba(0,0,0,5);
    position: absolute;
    width: 200px;
    text-align: left;
}

.SrsTables .selectroom .roomtoselect {
    border-bottom: solid 1px #DDD;
    padding: 5px;
}

.SrsTables .hourcontainer {
    background-color: #EFEFEF;
    width: 40px;
}
.SrsTables .timeview {
    overflow-x: hidden;
    height: 651px;
}
.SrsTables .timeviewinnner {
    width: 81px !important;
}

.SrsTables .daycontainer {
    width: 80px;
}

.SrsTables .createnewtablesession {
    position: absolute;
    top: 20px;
    background-color: #FFF;
    padding: 20px;
    border: solid 1px #DDD;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
    left: 20px;
    display: none;
    z-index: 2;
}

.SrsTables .createnewtablesession .subheader {
    padding-bottom: 3px;
    margin-bottom: 3px;
}

.SrsTables .createnewtablesession span {
    width: 150px;
    display: inline-block;   
}

.SrsTables .gsniceselect1 {
    width: 187px;
}

.SupportCustomerTicketList .ticketlist.noresult {
    font-size: 20px;
    text-align: center;
    margin: 50px;
}

.SupportCustomerTicketList .row .col {
    display: inline-block;
    padding: 5px;
}

.SupportCustomerTicketList .row .col.title {
    width: calc(100% - 600px);
}

.SupportCustomerTicketList .row.odd {
    background-color: #EFEFEF;
}

.SupportCustomerTicketList .ticketlist {
    max-width: 1000px;
    margin: 50px auto;
}

.SupportCustomerTicketList .row {font-size: 16px; }
.SupportCustomerTicketList .row .col1 { width: 150px; }
.SupportCustomerTicketList .row .col3 { width: 150px; }
.SupportCustomerTicketList .header { font-weight: bold; }
.SupportCustomerTicketList .predefinedticketrole { max-width: 1024px; margin: auto; border-bottom: solid 1px #bbb; font-size: 16px; padding: 4px; height: 40px; }

.SupportDashBoard {
    max-width:1500px;
    margin:auto;
    font-size: 14px;
}
.SupportDashBoard .isgetshop {
    background-color: #45746b;
    color:#fff;
}
.SupportDashBoard .languageselection.selectedlanguage {
    font-weight: bold;
}

.SupportDashBoard .languageselection {
    margin: 3px;
    cursor:pointer;
}

.SupportDashBoard .statiticbox {
    width: 145px;
    height: 145px;
    text-align: center;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 8px;
}
.SupportDashBoard .dialogdocument {
    background-color: #fff;
    margin: 80px;
    padding: 10px;
    overflow: auto;
}

.SupportDashBoard .dialogoverlay {
    position: fixed;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 15;
    overflow:auto;
}

.SupportDashBoard .statiticbox .subinfo {
    font-size: 20px;
}

.SupportDashBoard .statiticbox .filecount { 
    padding-top: 43px;
    font-size: 35px;
}
.SupportDashBoard .backlogentry {
    border: solid 1px #bbb;
    padding: 5px;
    line-height: 36px;
    margin-bottom: 3px;
    background-color: #fff;
}
.SupportDashBoard .selectedbtn { background-color:green; }
.SupportDashBoard .loadcase th,
.SupportDashBoard .loadcase td { padding: 3px; }
.SupportDashBoard .loadcase { cursor: pointer; }
.SupportDashBoard .loadcase.odd { background-color:#fff; }
.SupportDashBoard .loadcase.even { background-color:#efefef; }

.SupportDashBoard .statiticbox.counter.lightgreen {
    color: #3fbdbd;
    background-color: #3fbdbd;
}

.SupportDashBoard .statiticbox.counter.yellow {
    color: #e6e158;
    background-color: #e6e158;
}

.SupportDashBoard .statiticbox.counter.grey {
    color: #b6ced9;
    background-color: #b6ced9;
}

.SupportDashBoard .statiticbox.counter.pink {
    color: #d29be8;
    background-color: #d29be8;
}

.SupportDashBoard .statiticbox.counter.lightblue {
    color: #82cdf3;
    background-color: #82cdf3;
}

.SupportDashBoard .statiticbox.counter.green {
    color: #a1ca36;
    background-color: #a1ca36;
}

.SupportDashBoard .statiticbox.counter.orange {
    color: #f1a130;
    background-color: #f1a130;
}

.SupportDashBoard .statiticbox.counter .box_explainer {
    color: #000;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
} 

.SupportDashBoard .statiticbox.counter {
    color: #33455b;
    background-image: url('/showApplicationImages.php?appNamespace=ns_84268253_6c1e_4859_86e3_66c7fb157ea1&image=skin/images//background.png');
    background-size: contain;
    background-position: center;
} 


.SupportDashBoard .statistics .dayheader {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px;
}

.SupportDashBoard .dashboard_main { 
    text-align: center;
}

.SupportDashBoard .statistics .header {
    border-bottom: solid 1px #bbb;
    padding: 20px;
    position: relative;
    
    color:#000;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}

.SupportDashBoard .requestbutton:hover { cursor:pointer; background-color:#3fbdbd; }

.SupportDashBoard .statistics .header i {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #b6ced9;
    font-size: 25px;
}

.SupportDashBoard .heading { text-align: center; margin-bottom: 30px; margin-top: 10px; }


.SupportDashBoard .statistics_outer {
    font-size: 15px;
    width:22%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
}

.SupportDashBoard .statistics {
    background-color: #FFF;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

.SupportDashBoard .statistics .inner { 
    padding: 20px;
}
        

@media screen and (max-width: 800px) {
    .SupportDashBoard .statistics_outer { width: 100%; }
}

.SupportNew {
    margin: 0 auto;
    max-width: 1000px;
    
    padding: 50px;
}

.SupportNew .infomation {
    font-size: 16px;
    background-color: #fff356;
    padding: 30px;
    margin-bottom: 30px;
}

.SupportNew .infomation .title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}

.SupportNew .subject {
    width: 100%;
    box-sizing: border-box;
}

.SupportNew .content {
    width: 100%;
    box-sizing: border-box;
    border: solid 1px #DDD;
    min-height: 300px;
}

.SupportNew .sendbutton {
    margin: 0px;
    margin-top: 20px;
    width: 100%;
    box-sizing: border-box;
}

.SupportNew span.label {
    font-weight: bold;
    font-size: 15px;
}

.SupportNew .questionbox {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
    overflow-y: scroll;
    display: none;
}

.SupportNew .questionbox .inner {
    background-color: #FFF;
    width: 300px;
    font-size: 16px;
    padding: 30px;
    margin: 0 auto;
    margin-top: 30px;
    border: solid 5px #ff3600;
    position: relative;
}

.SupportNew .questionbox .inner .shop_button {
    width: 100%;
    box-sizing: border-box;
    margin-top: 10px;
}

.SupportNew .questionbox .inner .phoneprefix {
    width: 50px;
}
.SupportNew .questionbox .inner .phonenumber {
    width: 200px;
}

.SupportNew .questionbox .inner .emailtonotify {
    width: 100%;
    box-sizing: border-box;
}

.SupportNew .questionbox .closebutton {
    position: absolute;
    right: -15px;
    background-color: #FFF;
    border: solid 2px #000;
    border-radius: 100px;
    top: -15px;
    font-size: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.SupportNew .ticketcreatedheader {
    font-weight: bold;
    color: green;
}

.SupportNew .ticketcreated {
    text-align: center;
}

.SupportNew .ticketnumber {
    font-size: 30px;
    text-align: center;
    padding: 10px;
}

.SupportNew .warningbox {
    background-color: red;
    padding: 10px;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    margin-bottom: 20px;
}

.dropleft {
    display: inline-block;
    width: 200px;
    vertical-align: top;
}

.supportright {
    display: inline-block;
    width: calc(100% - 210px);
    vertical-align: top;
}



/* 
    your css goes here
*/




.TicketList .ticketview {
    font-size: 0px;
}
.TicketList .dialog,
.TicketList .ticket_actions {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    box-sizing: border-box;
}

.TicketList .dialog { width: 70%; border-right: solid 1px #DDD; padding-right: 20px;}
.TicketList .ticket_actions { width: 30%; padding-left: 20px; }

.TicketList .ticket_actions select,
.TicketList .ticket_actions input {
    box-sizing: border-box;
    width: 100%;
}
.TicketList textarea {
    width: 100%;
    box-sizing: border-box;
    border: solid 1px #CCC;
    height: 200px;
    padding: 10px;
}


.TicketList .dialog .event .content {
    border: solid 1px #DDD;
    padding: 20px;
}

.TicketList .dialog .event .createdBy {
    font-style: italic;
    font-size: 13px;
    background-color: #DDD;
    padding: 5px;
}
.TicketList .dialog .event {
    margin-bottom: 20px;
}

.TicketList .col_2 { width: 60px !important; }
.TicketList .col_4 { width: 300px !important; }
.TicketList .col_6 { width: 100px !important; }
.TicketList .col_7 { width: 100px !important; }

.TicketList .filterbox {
    margin-bottom: 30px;
}

.TicketList .filterbox i {
    margin-right: 5px;
    display: none;
}

.TicketList .filterbox .selected i {
    display: inline-block;
}







.TicketViewCustomer .heading {
    font-size: 20px;
    padding: 20px;
    background-color: #fff356;
}

.TicketViewCustomer .ticketarea {
    display: inline-block;
    width: calc(100% - 400px);
    vertical-align: top;
    box-sizing: border-box;
    padding: 20px;
}

.TicketViewCustomer .ticketarea.isgetshop {
    width: calc(100% - 800px);
}
.TicketViewCustomer .togglesubtaskbutton {
    margin-right: 5px; border-radius: 4px;line-height:35px; float:left;
    width: 16px;
}
.TicketViewCustomer .ticketadmin,
.TicketViewCustomer .ticketinfo {
    display: inline-block;
    width: 396px;
    vertical-align: top;
    height: calc(100% - 163px);
    background-color: #EFEFEF;
    box-sizing: border-box;
    padding: 20px;
    font-size: 16px;   
}

.TicketViewCustomer .imageviewer {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    padding: 20px;
    z-index: 1;
    background-color: rgba(0,0,0,0.5);
    display: none;
    padding: 40px;
    text-align: center;
}

.TicketViewCustomer .replyarea {
    margin-top: 30px;
    font-size: 18px;
}

.TicketViewCustomer .replycontent {
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    padding: 20px;
    margin-bottom: 20px;
    height: 400px;
}

.TicketViewCustomer .contentbox .rowinfo {
    color: grey;
    font-size: 14px;
    text-align: right;
}
.TicketViewCustomer .contentbox {
    padding-bottom: 20px;
    font-size: 16px;
    padding: 20px;
}

.TicketViewCustomer .contentbox:nth-child(odd) {
    background-color: #EFEFEF;
}

.TicketViewCustomer .contentbox.statusnotification {
    background-color: #FFF;
    paddint-top: 0px;
    padding-bottom: 0px;
    border: solid 1px #DDD;
    
    padding-top: 5px;
    color: grey;
}


.TicketViewCustomer .compledissuebox {
    font-size: 20px;
    color: green;
    padding-top: 30px;
}

.TripTease .configurationpanel {
    border: solid 1px #bbb;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 3px;
    background-color: #efefef;
    padding: 10px;
}
.TripTease .pmsbutton {
    padding: 8px;
    cursor: pointer;
    margin-top: 5px;
    display: inline-block;
    
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
    cursor:pointer;
    
        -webkit-appearance: push-button;
    user-select: none;
    white-space: pre;
}

.UserAccountSettings .GetShopModuleTable .col { width: 70px; text-align: center; }
.UserAccountSettings .GetShopModuleTable .col_fullName { width: calc(100% - 990px); text-align: left; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 25, 2015, 3:43:47 PM
    Author     : ktonder
*/

.gs_select_searched_user_group_add {
    border-bottom: solid 1px #DDD;
    margin: 5px;
    cursor: pointer;
}


.gs_select_searched_user_group_add span {
    padding: 5px;
    display: inline-block;
    
}

.gs_select_searched_user_group_add i {
    color: red;
    border-left: solid 1px #DDD;
    border-right: solid 1px #DDD;
    border-top: solid 1px #DDD;
    padding: 5px;
}

.gs_select_searched_user_group_add:hover {
    background-color: #F9F9F9;
}

.gss_addUserToGroup {
    cursor: pointer; 
    font-size: 20px; 
    padding: 5px; 
    border: solid 0px; 
    color: green; 
    position: absolute; 
    right: 10px; 
    top: 10px;
}

.gss_addUserForm {
    display: none;
    background-color: #F9f9f9; 
    padding: 20px; 
    border: solid 1px #DDD;
}

.gss_product_inner_desc {
    border-bottom: dashed 1px #DDD;
    padding: 5px;
}

.gss_product_inner_desc:hover {
    background-color: #EEE;
}

#backsidesettings [app="UserMerge"] input[type=textfield] {
    position: static;
    width: 208px;
}

[app="UserMerge"] .gss_button {
    padding: 6px;
}

[app="UserMerge"] .gss_settings_content:first-child {
    text-align: center;
}

[app="UserMerge"] .property_select_wrapper {
    position: relative;
    height: 40px;
    border-bottom: 1px dotted #CECECE;
}

[app="UserMerge"] .gss_settings_content .property_select_wrapper .property_description {
    transform: translateY(50%);
    font-size: 16px;
    margin-left: 10px;
}

[app="UserMerge"] .gss_settings_content .fa {
    font-size: 50px;
    margin-right: 20px;
    margin-left: 10px;
    color: #3a99d7;
}

[app="UserMerge"] .gss_dropdown {
    top: 4px;
    right: 0px;
}

[app="UserMerge"] .gss_dropdown select {
    width: 100%;
}

[app="UserMerge"] .use_description {
    font-size: 16px;
    display: inline-block;
    transform: translateY(-66%);
}

[app="UserMerge"] .use_description_wrapper {
    border-bottom: 1px dotted #CECECE;
}

[app="UserMerge"] .merge_users {
    float: right;
}



#backsidesettings .gs_user_menu .gss_button {
    width: 110px;
    margin-right: 15px;
    margin-bottom: 5px;
    overflow: hidden;
}
#backsidesettings .gs_user_menu {
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
}

#backsidesettings .users_userlist {
}

#backsidesettings .gs_user_workarea {
    display: inline-block; 
    width: 1000px;

}

#backsidesettings .user_entry_row {
    border-bottom: solid 1px #EDEDED;
    position:relative;
}

#backsidesettings .user_entry_row .content {
    display: inline-block;
    width: 855px;
    vertical-align: top;
    height: 100px;
    position: relative;
    padding-top: 10px;
}

#backsidesettings .user_entry_row .image {
    display: inline-block;
    width: 100px;
    height: 100px;
    vertical-align: top;
    position: relative;
    padding-bottom: 10px;
    
}

#backsidesettings .user_entry_row .image i {
    text-align: center;
    width: 100px;
    height: 100px;
    font-size: 90px;
    line-height: 100px;
    color: #008ad2;
}

#backsidesettings .user_level {
    position: absolute;
    bottom: 5px;
    left: 0px;
    right: 0px;
    text-align: center;
    font-size: 12px;
}

#backsidesettings .user_list_header {
    border-bottom: solid 1px #EDEDED;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 25px;
}

#backsidesettings .user_entry_row .created {
    font-size: 13px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: grey;
}
#backsidesettings .user_entry_row:hover {
    background-color: #EDEDED;
}

#backsidesettings .user_entry_row .fa-building-o {
    color: #FFF;
    position: absolute;
    left: 42px;
    bottom: 28px;
    font-size: 22px;
    
}

.UsersRow .menuentry {     border-bottom: 2px dotted #82cdf3;
    padding-left: 1px;
    padding-right: 1px;
    padding: 3px; 
    cursor:pointer;
    margin-bottom: 10px;
    padding-bottom: 5px;
 }
.UsersRow .header { font-size: 20px; border-bottom: solid 2px #000; width:100%; line-height: 30px; padding-bottom: 10px; margin-bottom: 10px; }
.UsersRow .footer { padding-top: 10px; text-align: right; }
.UsersRow .selectedmenuentry { 
    border-bottom: 2px dotted transparent;
    background-color: #2a324e;
    color: #FFF;
    border-radius: 20px;
    border: solid 0px;
    margin-left: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.UsersRow .checkbox { width: 20px; height: 20px; }

.WareHouseView .view {
    margin: 50px;
    margin-left: 100px;
}

.WareHouseView .col  {
    display: inline-block;
}

.WareHouseView .col input {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.WareHouseView .col1 { width: 60px; text-align: center; }
.WareHouseView .col2 { width: 60px; text-align: center; }
.WareHouseView .col3 { width: 60px; text-align: center; }



.YouTube .searchresult { 
    border: solid 1px #BBB;
    clear: both; 
    height: 85px; 
    margin: 20px; 
    padding: 10px; 
    position:relative;
    background-color: #EEE;
}
.YouTube .searchresult img { float: left; margin-right: 10px; }
.YouTube .searchresult .title { font-weight: bold; font-size: 20px; }
.YouTube .searchresult .selection_container { position: absolute; bottom: 5px; right: 5px; }
.YouTube .search_help { font-size: 16px; color: #333;}
.YouTube .inputfield { border: solid 1px #CCC; padding: 3px;}
.YouTube .youtubeicon { margin-top: 8px; color: #DDD; width: 67px; height: 67px; font-size: 67px; }
.YouTube .searchbar { text-align: center;padding: 10px;  }
.YouTube .searchbar input { font-size: 16px;  }

#informationbox.YouTube {
    background-color: #FFF;
}


html{overflow-x:hidden;}
body{font-family: 'Source Sans Pro', sans-serif;font-size:16px;}
.gsmobileheader { display:none; }
.sticky{position:fixed !important;top:-65px !important;}
.gs_language_selection{border:0;right:10px;top:-20px;}
.gs_language_selection .gs_lang_code_nb_NO{
    background-image: url(/showApplicationImages.php?appNamespace=ns_08ca876d_b116_4178_bb87_3137415448d1&image=skin/images//flag_norwegian.png);
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 0px;gsgss
    width: 18px;
    background-size: 35px;
}
.gs_language_selection .gs_lang_code_en_en{
    background-image: url(/showApplicationImages.php?appNamespace=ns_08ca876d_b116_4178_bb87_3137415448d1&image=skin/images//flag_english.png);
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 0px;
    width: 18px;
    background-size: 30px;
}
.selectcolors { display:none; }
.gs_page_width {max-width: 1100px;margin: 0 auto;}
.Menu .menuentries.horizontal, .Menu .menu_simple_menu, .Menu .menuentries.horizontal .entry { padding-top: 2px; }
.gsarea[area="header"] {position:absolute;background-color:rgba(0,0,0,0);z-index: 2;top:0px;width: 100%;text-align: center; padding-top:30px;}
.gsarea[area="header"] .Menu .menuentries.horizontal .entry.active .entries a div{opacity:1 !important;border-bottom:0 !important;}
.gsarea[area="header"] .Menu .entry .entries .entry.active a div{opacity:0.7 !important;border-bottom:0 !important;}
.gsarea[area="header"] .Menu .entry.active a div{opacity:1 !important;border-bottom:3px solid #333;}
.gsarea[area="header"] .Menu .entry .entries {top: 30px;background:rgba(255,255,255,1);}
.gsarea[area="header"] .Menu .entry .entries div {padding: 0px;width: 200px;text-align: left;}
.gsarea[area="header"] .Menu .entry div i {display: block;font-size: 30px;}
.gsarea[area="header"] .Menu .entry div {font-size: 14px;line-height: 25px;margin: 15px 0 15px 0;padding: 0 10px 0 10px;text-align: center;color:#555;}

.gsarea[area="body"]{margin-top:150px;}

.gsarea[area="footer"] {background: #f5f5f5;box-shadow: 0px 0px 3px #bbb;color:#555;min-height: 150px;}

.PmsBooking .pmsfront1{font-size:13px;}
.shop_button,
.PmsPricing .pmsbutton,
.PmsManagement .pmsbutton,
.BookingEngineManagement .pmsbutton,
.PmsConfiguration .pmsbutton{
    display:inline-block;
    color:#fff;
    background:#44c767;
    border:1px solid #e6e6e6;
    border-radius: 2px;
    line-height:25px;
    height:25px;
    font-size:16px;
    font-family: Arial;
    text-shadow: 0px 1px 0px rgba(47, 102, 39, 0.5);
    padding:2px 10px 2px 10px;
    margin-top:5px;
}
.shop_button:hover,
.PmsPricing .pmsbutton:hover,
.PmsManagement .pmsbutton:hover,
.BookingEngineManagement .pmsbutton:hover,
.PmsConfiguration .pmsbutton:hover{
    background-color:#43bb63;
    border-color:0;
}
.PmsConfiguration .pmsbutton.active{background-color:#fff;color:#44c767;border-color:#44c767;}
.PmsPricing .selectedpriceplan{background-color:#fff;color:#44c767;border-color:#44c767;}
.PmsPricing .selectedpriceplan:hover{background-color:#fff;color:#44c767;border-color:#44c767;}

.ProductLists .slidelist .product {font-size: 16px;}
.ProductLists .slidelist .product .price {position: absolute;top: 0px;right: 120px;font-size: 26px;font-weight: bold;}
.ProductLists .slidelist .product .title {font-size: 25px;}
.ProductLists .slidelist .product .image {display: inline-block;padding: 20px;}
.ProductLists .slidelist .product .image img {width: 430px;display: inline-block;vertical-align: top;border-radius: 15px;}
.ProductLists .slidelist .product .descriptionarea {
    display: inline-block;
    width: 500px;
    border: solid 1px #F1F1F1;
    vertical-align: top;
    padding: 20px;
    margin-top: 20px;
}

/*ColorTheme of the site*/
.PmsBooking .pmsfront .fa-calendar,
.PmsBookingProductList .continue_button,
.PmsBookingContactData .complete_button,
.PmsBookingCalendar .calendar .day.selected,
.PmsBooking .pmsfront .check_available_button,
.PmsBookingCalendar .calendar .calendar_header{
    background-color:#ffcc62;
    color:#333;
}
/*-------------------*/

.BookingEngineManagement .roomlist{max-height:600px;overflow-y:auto;}
.BookingEngineManagement .addGroupOptions input,

.PmsManagement .pmsinput{padding:3px;}
.PmsManagement .bookinginfo select,
.PmsManagement .bookinginfo input{font-size:14px;border:1px solid #bdbdbd;background-color:#fff;}
.PmsManagement .pmsbutton[gstype="submitToInfoBox"]{line-height:15px;height:15px;font-size: 13px;max-width: 90px;box-sizing: initial !important;}
.PmsManagement .pmsbutton.closeadduser{line-height:15px;height:15px;font-size: 14px;max-width: 90px;box-sizing: initial !important;}
.PmsManagement .pmsbutton.showlog{background-color: #146da6 !important;color:#fff !important;}
.PmsManagement .tabs .tab{border-color:#fff;margin-right:5px;border-radius: 0;background-color:#146da6;color:#fff;font-weight:700;letter-spacing:1.5px;}
.PmsManagement .tabs .tab.selected{border-color:#146da6;color:#146da6;}
.PmsManagement .tabarea{border-top-color:#146da6;}
.PmsManagement .viewmode:hover { color:#146da6;}
.PmsManagement .selectedbooker{background-color:#146da6;}

.PmsConfiguration .createPmsViewinput {position:relative;top:-2px;padding:5px;margin-right:5px;}
.PmsConfiguration .paymentlinks input{width:49.2%!important;height:23px !important;}
.PmsConfiguration .paymentlinks .webadressclass{width:42%!important;height:23px !important;}
.PmsConfiguration #createproductinput{position:relative;top:-1px;padding:5px;}
.PmsConfiguration .configentry select[gsname="locktype"]{width:172px;}
.PmsConfiguration .configentry select[gsname="bookingProfile"]{width:125px;}
.PmsConfiguration .pmsbutton.active{border-width: 2px;border-radius: 4px;padding: 1px 10px 1px 10px;}

.PmsBookingCalendar .day.disabled{background-color:#fff;}
.PmsBookingSummary .addAddonOnRoom {font-size: 18px;font-weight: bold;}

@media only all and (max-width:1100px){
    .gscell_9 .shop_button, .gscell_91 .shop_button { font-size: 30px !important; }
    .gsarea[area="header"] .Menu .entry div { padding-left: 10px; }
    .gsinner { padding-left: 10px; padding-right: 10px; }
    .gscell_41.gsdepth_1.gsuicell { padding: 0px !important; }
    .gscell_42.gsdepth_1.gsuicell { padding: 0px !important; }
    .gscell_43.gsdepth_1.gsuicell { padding: 0px !important; }
}

@media only all and (max-width:800px){
     .GslBooking .gslfront_1 .isSticked { padding-bottom: 50px !important; }
    .gs_language_selection{border:0;right:0px;top:-28px !important;}
    .gsarea[area="header"] { border-bottom: solid 1px #efefef; }
    .gscell_9 .shop_button, .gscell_91 .shop_button { font-size: 20px !important; width:95%; box-sizing: border-box; line-height: 8px !important; }
    
    .gsinner {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .Menu .fa { position:absolute; left: 10px; top: -140px; }
    .gsarea[area="header"] .Menu .menuentries.horizontal { border: solid 2px; }
    .gsarea[area="header"] .Menu .entry .entries div { text-align: center; width:100%; }
    .gscell_41.gsdepth_1.gsuicell { margin-bottom: 20px; }
    .gscell_42.gsdepth_1.gsuicell { margin-bottom: 20px; }
    .gscell_43.gsdepth_1.gsuicell { margin-bottom: 20px; }
    .gscell_60 .ContentManager h1 { font-size: 30px !important; }
    .gscell_41.gsdepth_1.gsuicell img { float:left; padding-right: 10px; }
    .gscell_42.gsdepth_1.gsuicell img { float:left; padding-right: 10px;}
    .gscell_43.gsdepth_1.gsuicell img { float:left; padding-right: 10px; }
    .GoogleMaps { height: 200px !important; }
    .Contact .shop_button { width: 100%; box-sizing: border-box;}
    h1 { text-align:center;}
    .gsarea[area="header"] .Menu .menuentries.horizontal{background-color:#fff;}
    .gsarea[area="footer"] .ContentManager div { text-align: center !important;}
    .gsarea[area="footer"] {padding-bottom: 10px; }
    .gscell_84 .gsaddcontent { min-height: 150px; }
    .gscell_73 .gsaddcontent { min-height: 150px; }
    .gscell_68 .gsaddcontent { min-height: 150px; }
    .gscell_70 .gsaddcontent { min-height: 150px; }
    .Banner { text-align: center; }
    .PmsBooking .inputblock,
    .PmsBooking .pmsfront .check_available_button,
    .PmsBooking .pmsfront .dates.start_date,
    .PmsBooking .pmsfront .dates.end_date,
    .PmsBooking .pmsfront .dates .dates_inner {width: 100%;}
}