.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;
}

.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;
}



.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;
}




.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%; }

.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;
    }
}


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




.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 {
    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;
}

/*
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 27, 2015, 12:35:41 PM
    Author     : ktonder
*/

.PkkControl .pkk_header {
    font-size: 18px;
}

.PkkControl input {
    line-height: 24px;
    padding-left: 5px;
}
.PkkControl .pkk_searchresult {
    margin-top: 5px;
}
.PkkControl .pkk_search_button {
    background: #499bea; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5OWJlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDdjZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #499bea 0%,#207ce5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #499bea 0%,#207ce5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #499bea 0%,#207ce5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #499bea 0%,#207ce5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-8 */
    
    line-height: 30px;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    color: #FFF;
    border-radius: 3px;
    cursor: pointer;
}

.PkkControl .pkk_search_result_data {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #DDD;
    padding-left: 20px;
}

.PkkControl table td {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.PkkControl .pkk_signoninfo i {
    font-size: 30px;
}

.PkkControl .pkk_signoninfo {
    font-size: 16px;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #DDD;
    vertical-align: middle;
    padding-left: 20px;
}

.PkkControl .pkk_row .pkk_row_col1 {
    width: 200px;
}

.PkkControl .pkk_row .pkk_row_col2 {
    width: 400px;
}

.PkkControl .pkk_row div {
    display: inline-block;
    font-size: 16px;
    padding-bottom: 5px;
}

.PkkControl .successmessage_pkk_controll {
    text-align: center;
    color: green;
    font-size: 20px;
    padding: 20px;
}

.PkkControl .removepkk {
    cursor: pointer;
}

.PkkControl .pkk_list {
    font-size: 16px;
    color: #444;
    padding: 5px;
    padding-left: 0px;
    border-bottom: solid 1px #DDD;
    margin-left: 20px;
}



.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;
}


.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; }
.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; }
}



.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;
}



.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;
}

.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;
}






.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;
}


.PsmConfigurationAddons th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}
.PsmConfigurationAddons th {
  border-bottom: solid 1px #ccc;
}

.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;
}

.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;
}



.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;
}





.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; }



body {
    background-color: #fff;
}

.gslayoutbox:not(.gsrotatingrow) {
    background-color: #FFF;
    margin: 10px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 4px;
}

.gsrotatingrow {
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 0px;
    background-color: #e0e0e0;
}

.gsmobilemenu .gsmobilemenuentry {
    display: none;
}

.gsmobilemenu .gsmobiletopmenu,
.gsmobilemenu .gsslideright {
    display: inline-block;
    width: 50%;
    background: #333;
    background-color: #333;
}

.gsbody_inner[userloggedin="false"] .gsmobilemenu {
    display: none;
}

.gsbody_inner[userloggedin="false"] .gsmobilemenu .gsslideright {
    display: none;
}

.shop_button {
    background-color: #FFF;
    color: #333;
    border-radius: 0px;
    border: solid 2px #333;
    line-height: 30px;
    height: 30px;
}

.gscell[cellid="23869f19-f711-4c89-aca8-213de8cc3afd"] .Login .login_header_type_1 {
    display: none;
}

.gscell[cellid="23869f19-f711-4c89-aca8-213de8cc3afd"] .Login {
    display: block !important;
    padding-top: 20px;
}

.gsmobilebody {
    padding: 20px;
}

.Contact {
    background-color: #FFF;
    margin-top: 20px;
}

.shop_button {
    border: 0px;
    padding: 10px !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9de96+0,8ab66b+44,398235+100;Green+3D+%233 */
    background: #c9de96; /* Old browsers */
    background: -moz-linear-gradient(top,  #c9de96 0%, #8ab66b 44%, #398235 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9de96), color-stop(44%,#8ab66b), color-stop(100%,#398235)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c9de96 0%,#8ab66b 44%,#398235 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c9de96 0%,#8ab66b 44%,#398235 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c9de96 0%,#8ab66b 44%,#398235 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c9de96 0%,#8ab66b 44%,#398235 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 ); /* IE6-9 */

    color: #FFF;
}


.gsmobilebody .Login .login_header_type_1 {
    display: none;
}

.gsmobilebody .Login {
    display: block;
}