﻿/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

html {
    background: #eaeaea;
    height: 100%;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

.modal-body ol {
    list-style-position: inside;
    list-style-type: decimal;
    font-size: smaller;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

strong {
    font-weight: 800;
}

dt {
    font-weight: 800;
}


::selection {
    background-color: #dadada;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #dadada;
    color: #fff;
    text-shadow: none;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body,
button,
input,
select,
textarea {
    color: #282828;
    font-family: 'RalewayGR', Raleway, Arial, sans-serif;
    line-height: 1.5;
}

body {
    height: 100%;
    width: 100%;
    margin: 0;
    overflow-x: hidden;
    background: inherit;
}

a {
    color: #53aab7;
    text-decoration: none !important;
}

    a:focus {
        outline: thin dotted;
    }

    a:active,
    a:hover {
        color: #53aab7;
        outline: 0;
    }

li > ol {
    margin: 0 0 0 20px;
}

img {
    border: 0;
    vertical-align: middle;
}

table,
th,
td {
    border: none;
}

table {
    border-spacing: 0;
}

hr {
    background-color: transparent;
    border: 0;
    height: 1px;
    margin-bottom: 10px;
}

::-webkit-input-placeholder {
    color: #959595;
}

:-moz-placeholder {
    color: #959595;
}

::-moz-placeholder {
    color: #959595;
    opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
    color: #959595;
}

/* Let's make our life easy */

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.inline-b {
    display: inline-block;
}

.inline-i {
    display: inline;
}

.upper {
    /*text-transform: uppercase;*/
}

.black-font {
    color: #000;
}

.c_both {
    clear: both;
}

.semi {
    font-family: "RalewayGR-semibold", "Raleway", Arial, Helvetica, sans-serif;
}

.extra {
    font-family: RalewayGR-extrabold, "Raleway", Arial, Helvetica, sans-serif;
}

.lite {
    font-family: RalewayGR-lite, "Raleway", Arial, Helvetica, sans-serif;
}

.medium {
    font-family: RalewayGR-medium, "Raleway", Arial, Helvetica, sans-serif;
}

.hide {
    display: none;
}

.cursor-default {
    cursor: default;
}

.cursor-pointer {
    cursor: pointer;
}

footer p {
    margin-bottom: 0;
}

.flow {
    height: 100%;
    overflow: auto;
}

/* Input fields */
button,
input:not([type=checkbox]),
select,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    max-width: 100%;
    vertical-align: baseline;
}

/*button,*/
textarea {
    margin: 4px 40px 30px 0;
}

button,
input {
    line-height: normal;
}

    button,
    html input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
    }

        button[disabled],
        input[disabled] {
            cursor: default;
        }

    input[type="checkbox"],
    input[type="radio"] {
        padding: 0;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
    }

        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

textarea {
    overflow: auto;
    vertical-align: top;
    width: 100%;
}

input, textarea, input[type="email"], input[type="text"], select {
    border: 2px solid #aaaaaa;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #575757;
    padding: 8px 10px 7px;
}

.submit-row input {
    cursor: pointer;
}

input:focus,
textarea:focus {
    border: 2px solid #575757;
    outline: 0;
}

.table-header {
    height: 60px;
    line-height: 1.8;
}

#changelist {
    margin: 0 !important;
}

#header td {
    background: #282828;
    z-index: 50;
    width: 100%;
    position: relative;
}

#branding {
    width: 99%;
}

    #branding .dsvr-logo {
        padding: 14px 10px;
    }

.dsvr-logo img {
    width: 180px;
    height: auto;
}

#hotel-tools {
    padding-left: 10px;
    white-space: nowrap;
    color: #fff;
}

.user-tools a, .user-tools {
    font-family: RalewayGR-semibold, "RalewayGR", Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.user-tools {
    white-space: nowrap;
    padding-right: 10px;
    padding-left: 10px;
}

.user-tools-link {
    border: 2px solid #fff;
    color: #fff;
    background-color: #282828;
    cursor: pointer;
    line-height: 26px;
    vertical-align: middle;
    display: table;
}

    .user-tools-link > div {
        display: table-cell;
        padding: 0 5px;
    }

    .user-tools-link::after {
        font-family: "iconfont";
        content: "\03BD";
        padding: 0 5px;
        font-size: 20px;
        display: table-cell;
        border-left: 2px solid #fff;
    }

    .user-tools-link:hover {
        background-color: #fff;
        color: #282828;
    }

.userlinks {
    position: absolute;
    right: 5px;
    white-space: nowrap;
    background-color: #282828;
    text-align: left;
    text-transform: capitalize;
    padding: 5px;
    z-index: 100;
    display: none;
}

    .userlinks a {
        display: block;
        padding: 4px;
        color: #fff;
    }

        .userlinks a:hover {
            color: #282828;
            background-color: #fff;
        }

.user-tools:hover .userlinks {
    display: block;
}

.user-tools .icon-man::before {
    font-family: "iconfont";
    content: "\0385";
    font-size: 22px;
    padding-left: 5px;
    display: table-cell;
    vertical-align: middle;
}

.user-tools .icon-man.superuser:before {
    color: red;
    content: "\0030";
    background-color: #ededed;
    padding-right: 5px;
}

.auth-lang {
    position: absolute;
    top: 8px;
    right: 5px;
}

    .auth-lang .user-tools-link {
        background: none;
    }

        .auth-lang .user-tools-link:hover {
            background-color: #fff;
        }

.lodging-selected {
    width: 60px;
    display: block;
    text-align: center;
    color: white;
    background: green;
    padding: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

a.lodging-select {
    padding: 5px;
    background: rgb(216, 216, 216);
    color: #575757;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 60px;
    display: block;
    text-align: center;
}

    a.lodging-select:hover {
        opacity: 1;
        background: #575757;
        color: white;
    }

#lodging-name {
    color: #fff;
    font-family: RalewayGR-semibold, "RalewayGR", Raleway, Arial, Helvetica, sans-serif;
    padding-right: 15px;
}

    #lodging-name:before {
        font-family: "iconfont";
        content: "\0068";
        font-size: 22px;
    }

    #lodging-name.superuser {
    }

#lodging-owner {
    color: #fff;
}

.inner {
    /*padding-left: 190px;*/
}

.sidebarleft {
    /*position: absolute;*/
    /*top: 60px;*/
    /*left: 0;
    z-index: 60;
    width: 190px;*/
    clear: none;
    margin: 0;
    bottom: 0;
    background-color: #53abb7;
    color: #575757;
    overflow-y: auto;
    /* margin: 0px 0px 0px -100%; */
}

div.breadcrumbs, div.breadcrumbs a {
    font-family: "RalewayGR", Raleway, Arial, Helvetica, sans-serif;
    color: inherit;
    line-height: 1;
    /*text-transform: uppercase;*/
    font-size: 28px;
    font-weight: bold;
}

div.breadcrumbs {
    background-color: transparent;
    border: none;
    color: #53abb7;
    display: block;
    margin: auto 0;
    padding: 0;
    white-space: nowrap;
    width: 100%;
}

    div.breadcrumbs.visible {
        display: block;
        background-color: #fff;
        color: #282828;
    }

        div.breadcrumbs.visible,
        div.breadcrumbs.visible h2,
        div.breadcrumbs.visible a {
            font-size: 18px;
        }

.container-fluid.home {
    top: 60px;
}

.dashboard #content {
    /*margin: 100px 0px 0px;*/
    width: 100%;
}

a.lodgingmenu-item {
    font-family: RalewayGR-semibold, "RalewayGR", Raleway, Arial, Helvetica, sans-serif;
    font-size: 19px; /* 29px; */
    color: #fff;
    clear: both;
    text-align: center;
    opacity: 1;
}

    a.lodgingmenu-item:hover {
        opacity: 0.8;
        color: #fff;
    }

/* Buttons and links as buttons */
.d-button {
    font-family: RalewayGR-semibold, "RalewayGR", Arial, Helvetica, sans-serif;
    /*text-transform: uppercase;*/
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.orange-button {
    color: #ffffff;
    margin: 0 auto;
    background-color: #e19a3d;
    padding: 14px 28px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .orange-button:hover {
        color: #e19a3d;
        background-color: #fff;
    }

.border-button {
    border: 2px solid #575757;
    color: #575757;
    padding: 14px;
    font-size: 24px;
}

.lrg-button {
    margin: 80px auto;
}

.border-button:hover {
    background-color: #575757;
    color: #dadada;
}

.border-button.white-button {
    border-color: #fff;
    color: #fff;
}

    .border-button.white-button:hover {
        background-color: #fff;
        color: #575757;
    }

.border-button.black-button {
    border-color: #000;
    color: #000;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .border-button.black-button:hover {
        background-color: transparent;
        color: #000;
    }

a.add-btn, .add-btn {
    font-family: "RalewayGR-se", "RalewayGR", Raleway, Arial, Helvetica, sans-serif;
    font-size: 15px; /* 19px; */
    padding: 7px 14px;
    border: 4px solid #FFF;
    color: #FFF;
    clear: both;
    line-height: 28px;
}

    a.add-btn:hover, .add-btn:hover {
        border: 4px solid #fff;
        background-color: #fff;
    }

.details {
    background-color: #5b80b3;
}

.room-types {
    background-color: #bf9281;
}

.channels {
    background-color: #9ec1a5;
}

.seasons {
    background-color: #67a76f;
}

.rooms {
    background-color: #8767a7;
}

.room-channels {
    background-color: #d06058;
}

.details a.add-btn:hover {
    color: #5b80b3;
}

.room-types a.add-btn:hover {
    color: #bf9281;
}

.channels a.add-btn:hover {
    color: #9ec1a5;
}

.seasons a.add-btn:hover {
    color: #67a76f;
}

.rooms a.add-btn:hover {
    color: #8767a7;
}

.room-channels a.add-btn:hover {
    color: #d06058;
}

.green-btn {
    color: #67a76f;
    border: 2px solid #67a76f;
    padding: 5px 12px;
}

    .green-btn:hover {
        color: #dadada;
        background-color: #67a76f;
    }

.sidebarleft ul li, .lodgingmenu {
    font-family: RalewayGR-semibold, "RalewayGR", Raleway, Arial, Helvetica, sans-serif;
}

    .lodgingmenu .col_no_gap {
        position: relative;
    }

.sidebarleft > ul > li {
    font-size: 16px !important;
}

.sidebarleft .menu-item {
    height: 44px;
    line-height: 100%;
    vertical-align: middle;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sidebarleft .level3 li a {
    padding-left: 70px;
}

.sidebarleft li ul li {
    font-family: "RalewayGR", Raleway, Arial, Helvetica, sans-serif;
}

    .sidebarleft li ul li a {
        padding: 2px 0 2px 50px;
    }

.sidebarleft ul li {
    font-size: 14px; /* 21px; */
    list-style: none;
}

    .sidebarleft ul li a {
        color: #fff;
        display: block;
    }

        .sidebarleft ul li a:hover, .sidebarleft ul li a.selected:hover {
            color: #fff;
            background-color: #282828;
        }

.sidebarleft .menu-home a.selected {
    background-color: #c74c3c;
}

.sidebarleft .menu-reservations a.selected {
    background-color: #ba6d81;
}

.sidebarleft .menu-lodging a.selected {
    background-color: #8767a7;
}

.sidebarleft .menu-settings a.selected {
    background-color: #5b80b3;
}

.sidebarleft .menu-account a.selected {
    background-color: #b2aa38;
}

.sidebarleft .menu-superuser a.selected {
    background-color: #767676;
}

.sidebarleft .menu-support a.selected {
    background-color: #359280;
}

.container-fluid h1 {
    color: #fff;
}

.l-events {
    /*display: inline-block;
    margin-bottom: 12px;*/
    position: absolute;
    top: 20px;
    right: 20px;
}

.typobox, .typobox-lrg {
    margin: 0 auto;
}

/*.typobox {
    width: 260px;
}
.typobox-lrg {
    width: 320px;
}*/

/* iconfont */
.iconfont, .iconfont a {
    font-family: "iconfont" !important;
}

.icon-lock:before {
    font-family: "iconfont";
    vertical-align: middle;
    text-transform: none;
    font-size: 20px;
    line-height: 16px;
    content: "\03AA";
    padding-right: 5px;
}

span[class^="icon"]:before {
    font-family: "iconfont";
    vertical-align: middle;
    margin-right: 7px;
    text-transform: none;
    font-size: 22px; /* 32px; */
    line-height: 22px;
}

span[class^="icon-m"]:before, a.lodgingmenu-item:before {
    font-family: "iconfont";
    margin-right: 0;
    font-size: 53px;
    line-height: 1.1;
}

/* for amenities thick client */
/*span.icon-am:before { 
    font-family: "iconfont";
    margin-right: 0;
    font-size: 53px;
    line-height: 53px;
}*/
.room-channels a.lodgingmenu-item:before {
    font-family: 'iconfont-stroked';
    content: "\0384";
}

.icon:before {
    font-size: 29px;
    line-height: 1;
    font-family: 'iconfont';
    z-index: 9999;
}

span[class^="icon-s"]:before {
    width: 44px;
    line-height: 44px;
    font-size: 29px;
    height: 100%;
    display: inline-block;
    text-align: center;
}

.confirmation-content {
    padding: 5px 15px;
}

.details a.lodgingmenu-item:before {
    content: "\0056";
}

.room-types a.lodgingmenu-item:before {
    content: "\0074";
}

.seasons a.lodgingmenu-item:before {
    content: "\0066";
}

.rooms a.lodgingmenu-item:before {
    content: "\0072";
}

.channels a.lodgingmenu-item:before {
    content: "\0384";
}

.icon-search:before {
    content: "\03AB";
}

.icon-clipboard:before {
    content: "\006f";
    cursor: pointer;
}

.icon-add:before {
    content: "\002B";
}

.icon-s-man:before {
    content: "\03C8";
}

.icon-s-store:before {
    content: "\03CE";
}

.icon-s-lol:before {
    content: "\00C6";
}

.icon-s-res:before {
    content: "\2211";
}

.icon-s-lodging:before {
    content: "\00CC";
}

.icon-s-home:before {
    content: "\00CA";
}

.icon-s-tools:before {
    content: "\0033";
}

.icon-s-settings:before {
    content: "\005C";
}

.icon-s-support:before {
    content: "\0442";
}

.amenities-list .i-amenities:before, .info-icon:before {
    font-family: "iconfont";
    color: #575757;
}

.amenities-list {
    text-align: center;
}

    .amenities-list .amenities {
        margin: 20px;
    }

.i-amenities:before {
    font-size: 60px;
}

/* Room Info Icons */
.location:before {
    content: "\004D";
}

.double:before {
    content: "\0032";
}

.w-price:before, .d-price:before {
    content: "\0041";
}

.deposit:before {
    content: "\0044";
}

/* Lodging Policy Icons */
.check-in:before {
    content: "\004D";
}

.check-out:before {
    content: "\0032";
}

.cancelation:before, .d-price:before {
    content: "\0078";
}

.children-beds:before {
    content: "\0043";
}

span[class^="if"]:before {
    font-family: "iconfont";
    vertical-align: middle;
    text-transform: none;
}

.if-arrow:before {
    content: "\03BD";
    margin-right: auto;
    font-size: 20px;
    line-height: 1;
    border-left: 2px solid #fff;
    padding: 4px 0 9px 10px;
    margin-left: 10px;
    vertical-align: top !important;
}

.if-filter:before {
    content: "\043c";
    font-size: 20px;
    margin-right: 6px;
}

/* PAGE STRUCTURE */
#container {
    background-color: #ececec;
    height: 100%;
}

#content-main {
    /*float: left;*/
    width: 100%;
    /*background-color: #fff;*/
}

.login #content-main {
    float: none;
    width: 100%;
    min-width: 0;
}

#content-related {
    float: none;
    width: 18em;
    position: static;
    margin-right: 0; /* -19em */
}

#footer {
    clear: both;
    padding: 10px;
}

/* COLUMN TYPES */
/*.colMS {
    margin-right: 20em !important;
}*/

.colSM {
    margin-left: 20em !important;
}

    .colSM #content-related {
        float: left;
        margin-right: 0;
        margin-left: -19em;
    }

    .colSM #content-main {
        float: right;
    }

.popup .colM {
    width: 95%;
}

.subcol {
    float: left;
    width: 46%;
    margin-right: 15px;
}

ul.object-tools {
    margin-top: 9px;
    float: left;
    margin-left: 10px;
}

.object-tools li {
    display: inline;
    margin-left: 5px;
}

    .object-tools li a, .object-tools li input {
        color: #575757;
        /*text-transform: uppercase;*/
        font-size: 14px;
        line-height: 12px;
        padding: 8px 10px;
        border: 2px solid #575757;
        border-radius: 0px;
        display: inline-block;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .object-tools li a.addlink:before {
            font-family: 'iconfont';
            color: #fff;
            font-size: 20px;
            vertical-align: top;
            margin-right: 6px;
            text-transform: none;
        }

.model-hotelseason .object-tools li a.addlink:before {
    content: "\0066";
}

.model-roomtype .object-tools li a.addlink:before {
    content: "\0074";
}

.model-room .object-tools li a.addlink:before {
    content: "\0072";
}

.model-hotelchannel .object-tools li a.addlink:before {
    content: "\0384";
}

.object-tools a.viewsitelink {
    color: #fff;
    font-size: 14px;
    padding: 8px 10px;
    border: 2px solid #575757;
    background-color: #575757;
}

.object-tools-bar .addlink {
    background-color: #53aab7;
    border: 2px solid #53aab7;
    color: #fff;
    font-size: 14px;
    padding: 9px 10px;
    /*text-transform: uppercase;*/
}

.object-tools li a:not(.addlink):hover {
    background-color: #575757;
    color: #fff;
}

.object-tools a.viewsitelink:hover, .object-tools-bar a.addlink:hover {
    opacity: 0.6;
}

.object-tools-bar {
    width: 100%;
/*    min-height: 52px;*/
    position: relative;
    min-width: 700px;
    font-family: RalewayGR-semibold, "RalewayGR", Raleway, Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
}

    .object-tools-bar input[type=submit] {
        color: #fff;
        background-color: #575757;
    }

    .object-tools-bar input {
        height: 34px;
    }

/* MESSAGES & ERRORS */

ul.messagelist {
    padding: 0;
    margin: 0;
}

    ul.messagelist li, .validation-summary-errors ul li {
        font-size: 12px;
        display: block;
        padding: 5px 5px 4px 25px;
        margin: 0;
        color: #fff;
        background: #67a76f;
        text-shadow: none;
        font-family: "RalewayGR-medium", "RalewayGR", Raleway, Arial, Helvetica, sans-serif;
    }

.validation-summary-errors ul li {
    background: #dd4b39;
    color: #fff;
    padding: 0px 15px;
}

    ul.messagelist li.success:before, .errornote:before, .validation-summary-errors ul li:before {
        font-family: 'iconfont';
        margin-right: 7px;
        font-size: 18px;
        vertical-align: middle;
    }

ul.messagelist li.success:before {
    content: "\004F";
}

ul.messagelist li.warning {
    background: #ffc url(../img/icon_alert.gif) 5px .3em no-repeat;
    color: #575757;
}

ul.messagelist li.error {
    background: #ffefef url(../img/icon_error.gif) 5px .3em no-repeat;
    color: #575757;
}

ul.messagelist li.info {
    background: #ffefef url(../img/icon_info.gif) 5px .3em no-repeat;
    color: #575757;
}


.errornote {
    font-size: 14px !important;
    display: block;
    padding: 5px 5px 4px 25px;
    margin: 0;
    color: #FFF;
    background-color: #dd4b39;
    text-shadow: none;
    font-family: "RalewayGR-medium", "RalewayGR", Raleway, Arial, Helvetica, sans-serif;
}

    .errornote:before, .validation-summary-errors ul li:before {
        content: "\00E1";
    }

.errornote, ul.errorlist {
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

ul.errorlist {
    margin: 0 !important;
    padding: 0 !important;
    background: none;
    color: #dd4b39;
    /*text-transform: uppercase;*/
}

    ul.errorlist li {
        font-size: 14px !important;
        display: block;
    }

        ul.errorlist li:first-child {
            margin-top: 0;
        }

        ul.errorlist li a {
            color: #fff;
            text-decoration: underline;
        }

.errors, .form-row.errors {
    background: #ffefef;
}

.form-row.errors {
    border: 1px solid #dd4b39;
    margin: -1px;
}

.errors input, .errors select, .errors textarea {
    border: 1px solid #dd4b39;
}

div.system-message {
    background: #ffc;
    margin: 10px;
    padding: 6px 8px;
    font-size: .8em;
}

    div.system-message p.system-message-title {
        padding: 4px 5px 4px 25px;
        margin: 0;
        color: #dd4b39;
        background: #ffefef url(../img/icon_error.gif) 5px .3em no-repeat;
    }

.description {
    font-size: 12px;
    padding: 5px 0 0 12px;
}

.padded-content {
    padding: 30px;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

/* SORTABLE TABLES */

thead th {
    padding: 2px 5px;
    line-height: normal;
}

    thead th a:link, thead th a:visited {
        color: #666;
    }

    thead th.sorted {
        background: #ba6d81;
    }

        thead th.sorted .text {
            padding-right: 42px;
        }

table thead th .text span {
    padding: 2px 5px;
    display: block;
}

table thead th .text a {
    display: block;
    cursor: pointer;
    padding: 2px 5px;
}

table thead th.sortable:hover {
    background: #282828;
    color: #ececec;
}

thead th.sorted a.sortremove {
    visibility: hidden;
    width: 18px;
    height: 18px;
}

table thead th.sorted:hover a.sortremove {
    visibility: visible;
}

table thead th.sorted .sortoptions {
    display: block;
    /*padding: 4px 5px 0 5px;*/
    padding: 0;
    float: right;
    text-align: right;
}

table thead th.sorted .sortpriority {
    font-size: .8em;
    min-width: 12px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}

table thead th.sorted .sortoptions a {
    display: inline-block;
}

    table thead th.sorted .sortoptions a.sortremove:before {
        font-family: 'iconfont';
        color: #fff;
        font-size: 14px;
        line-height: 1;
        text-transform: none;
        vertical-align: middle;
        margin-right: 2px;
        content: '\0078';
    }

    table thead th.sorted .sortoptions a.sortremove {
        color: #fff;
        opacity: 0.8;
    }

        table thead th.sorted .sortoptions a.sortremove:hover {
            opacity: 1;
        }

    table thead th.sorted .sortoptions a.ascending:before {
        font-family: 'iconfont';
        color: #fff;
        font-size: 18px;
        text-transform: none;
        vertical-align: middle;
        margin-right: 2px;
        content: '\005B';
    }

    table thead th.sorted .sortoptions a.ascending:hover, table thead th.sorted .sortoptions a.descending:hover {
        color: #575757;
    }

    table thead th.sorted .sortoptions a.descending:before {
        font-family: 'iconfont';
        color: #fff;
        font-size: 18px;
        text-transform: none;
        vertical-align: middle;
        margin-right: 2px;
        content: '\005D';
    }

/* ORDERABLE TABLES */

table.orderable tbody tr td:hover {
    cursor: move;
}

table.orderable tbody tr td:first-child {
    padding-left: 14px;
    background: url(../img/nav-bg-grabber.gif) repeat-y;
}

table.orderable-initalized .order-cell, body > tr > td.order-cell {
    display: none;
}

#change-history {
    width: 100%;
}

    #change-history th, #change-history td {
        text-align: left;
        padding: 10px;
    }

    #change-history tbody td, #result_list thead th {
        border-left: 2px solid #DDD;
    }

    #change-history thead th:first-child {
        border-left: none;
    }

    #change-history thead th {
        white-space: nowrap;
        border-left: 2px solid #fff;
        background-color: #c0c0c0;
        color: #fff;
    }

    #change-history tbody .row2 {
        background-color: #f6f6f6;
    }

    #change-history tbody .row1 {
        background-color: #fff;
    }

    #change-history tbody tr th:first-child {
        white-space: nowrap;
    }

    #change-history tbody tr td:nth-child(2) {
        min-width: 250px;
    }

    #change-history tr th:last-child, #change-history tr td:last-child {
        width: 99%;
    }

/*  Ajax Loader */

.k-loading-mask {
    z-index: 1000;
    background-color: #eaeaea;
    opacity: 0.7;
    overflow: auto;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    min-width: 450px;
}

    .k-loading-mask .k-loading-text {
        display: none;
    }

    .k-loading-mask .k-loading-image {
        background-image: url('/Content/images/spinner.gif');
        top: 0;
        left: 0;
        z-index: 2;
    }

.k-loading-image, .k-loading-color {
    width: 100%;
    height: 100%;
}

.k-loading-mask, .k-loading-image, .k-loading-text {
    position: absolute;
}

.k-loading, .k-loading-image {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}

/* when lodging grid goes full width */
@media only screen and (max-width: 1280px) {
    a.lodgingmenu-item:before {
        clear: both;
        float: left;
        vertical-align: middle;
        padding: 10px 30px;
    }

    .l-events {
        position: static;
        float: right !important;
        margin-right: 30px;
    }

    .lodgingmenu-item span {
        float: left;
    }

    a.add-btn, .add-btn {
        clear: none;
        margin-top: -15px;
    }
}

.banner {
    min-width: 680px;
}

    .banner .typography {
        padding: 30px;
    }

    .banner .object-tools-bar p {
        line-height: 1.2;
        font-size: 16px;
        font-family: "RalewayGR-semibold", "RalewayGR", Raleway, Arial, Helvetica, sans-serif;
        display: inline-block;
        padding: 7px;
    }

    .banner .object-tools-bar .icon-pur {
        display: block;
        float: left;
        margin-left: 15px;
        height: 52px;
    }

        .banner .object-tools-bar .icon-pur:before {
            content: '\00AE';
            font-size: 28px;
            color: #fff;
            line-height: 52px;
        }

    .banner .box {
        max-width: 400px;
        margin-top: 15px;
    }

    .banner h1,
    .banner h3,
    .banner p {
        color: #fff;
        font-weight: normal;
    }

    .banner h1 {
        font-size: 48px;
        font-family: "RalewayGR-thin", "RalewayGR", Raleway, Arial, Helvetica, sans-serif;
        line-height: 1;
        margin-bottom: 12px;
    }

    .banner .banner2 h1 {
        margin-top: 100px;
    }

    .banner .banner2.channels-cs h1 {
        margin-top: 0;
    }

    .banner h3 {
        font-family: "RalewayGR-lite", "RalewayGR", Raleway, Arial, Helvetica, sans-serif;
        font-size: 26px;
        line-height: 1.2;
    }

    .banner p {
        font-family: "RalewayGR-medium", "RalewayGR", Raleway, Arial, Helvetica, sans-serif;
        line-height: 1.8;
    }

        .banner p a {
            padding: 6px 12px;
            line-height: 1;
        }

    .banner .object-tools-bar {
        background-color: #b2ab39;
    }

    .banner .icon-close {
        font-family: 'iconfont';
        color: #fff;
        font-size: 26px;
        position: absolute;
        top: 0;
        right: 15px;
        cursor: pointer;
    }

    .banner .object-tools {
        float: right;
        margin-right: 10px;
        margin-top: 9px;
    }

    .banner .purchace {
        background-color: #ff6c00;
        border-color: #ff6c00;
        color: #fff;
    }

        .banner .purchace:before {
            font-family: "iconfont";
            display: inline-block;
            content: "\03A9";
            font-size: 24px;
            vertical-align: middle;
            margin-right: 10px;
        }

        .banner .purchace:hover {
            opacity: 0.6;
            background-color: #ff6c00 !important;
        }

    .banner .bg {
        background-repeat: no-repeat;
        background-size: auto 100%;
        height: 420px;
        min-height: 300px;
    }

    .banner .banner0 {
        background-image: url('../images/widgetbg.jpg');
    }

    .banner .banner1 {
        background-image: url('../images/mobileappbg.jpg');
    }

    .banner .banner2 {
        background-image: url('../images/channelsbg.jpg');
    }

    .banner .banner3 {
        background-image: url('../images/mobileappbgbottom.jpg');
    }

    .banner .big {
        font-size: 28px;
        margin-left: 12px;
    }

    .banner li.inline-i {
        margin-right: 15px;
    }

@media only screen and (min-width: 1400px) {
    .banner .bg {
        background-size: 100% auto;
    }
}

#gift {
    border-bottom: 3px solid #fff;
    min-width: 600px;
}

    #gift ul {
        margin: 10px;
    }

    #gift .main-title {
        font-size: 16px;
    }

    #gift .icon-gift {
        display: block;
        float: left;
        color: #282828;
        font-family: 'iconfont';
    }

        #gift .icon-gift:before {
            content: "\0444";
            font-size: 56px;
            vertical-align: bottom;
            line-height: 1.3;
        }

    #gift .object-tools-bar {
        height: 80px;
        background-color: #ececec;
    }

        #gift .object-tools-bar p {
            color: #282828;
            font-size: 15px;
            padding: 0;
        }

    #gift .purchace {
        background-color: transparent;
        border: 3px solid #282828;
        color: #282828;
        margin-top: 16px;
    }

        #gift .purchace:before {
            font-family: "iconfont-stroked";
            display: inline-block;
            content: "\0444";
            font-size: 24px;
            vertical-align: middle;
            margin-right: 10px;
            text-transform: none;
        }

        #gift .purchace:hover {
            background-color: #282828 !important;
            color: #fff;
            opacity: 1;
        }

    #gift .new-alert {
        background: #c74c3c;
        -moz-border-radius: 11px;
        -webkit-border-radius: 11px;
        border-radius: 11px;
        padding: 2px 10px;
        color: #fff;
        font-size: 14px;
        line-height: 2;
    }

.settings-content .object-tools-bar,
#profile-form .object-tools-bar,
#support-form .object-tools-bar {
    min-height: 38px;
    line-height: 38px;
}

.icon-design,
.icon-ac,
.icon-fb,
.icon-btns,
.icon-ombrelino,
.icon-housekeeping,
.icon-img-inline,
.icon-policies,
.icon-calcel-ref,
.icon-lang-inline,
.icon-pref,
.icon-btns,
.icon-prices,
.fwhite {
    color: #fff;
}

    .icon-design:before {
        content: "\02c7";
    }

    .icon-ac:before {
        content: "\0066";
    }

    .icon-fb:before {
        content: "\0059";
    }

    .icon-pref:before {
        content: "\0021";
    }

    .icon-btns:before {
        content: "\00c0";
    }

    .icon-ombrelino:before {
        content: "\0422";
    }

    .icon-housekeeping:before {
        content: "\0141";
    }

icon-housekeeping-logo {
    content: "\0141";
    width: 80px !important;
}

.housekeeping-clean-input,
.housekeeping-linen-input {
    width: 100px !important;
}

.icon-img-inline:before {
    content: "\0406";
}

.icon-policies:before {
    content: "\0491";
}

.icon-prices:before {
    content: "\0453";
}

.icon-days:before {
    content: "\0054";
}

.icon-dates:before {
    content: "\0066";
}

.icon-people:before {
    content: "\00ee";
}

.icon-channels:before {
    content: "\0384";
}

.icon-cancel-ref:before {
    content: "\043F";
}

.icon-lang-inline:before {
    content: "\043E";
}

ul.message-list li.warning,
ul.message-list li.error,
ul.message-list li.success,
ul.message-list li.info {
    background-image: none;
    padding-left: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #fff;
    font-size: 12px;
/*    border-bottom: 2px solid #dadada;*/
}

ul.message-list li.warning {
    background-color: #d39223;
}

ul.message-list li.error {
    background-color: #dd4b39;
}

ul.message-list li.success {
    background-color: #67a76f;
}

ul.message-list li.info {
    background-color: #5b80b3;
}

ul.message-list li:before {
    font-size: 15px;
    font-family: 'iconfont';
    vertical-align: baseline;
}

ul.message-list li.warning:before {
    content: "\0405";
}

ul.message-list li.error:before {
    content: "\0455";
}

ul.message-list li.success:before {
    content: "\004F";
}

ul.message-list li.info:before {
    content: "\0075";
}

ul.message-list li a {
    font-size: 12px;
    color: #fff;
}

ul.message-list a.close {
    float: right;
    text-decoration: underline;
    padding-right: 20px;
    font-family: 'RalewayGR-semibold', Raleway, Arial, sans-serif;
}

    ul.message-list a.close:hover {
        opacity: 0.6;
    }

.white-bg-title {
    display: inline-table;
    width: 100%;
    background-color: #575757;
    margin: 17px 0;
}

.first.white-bg-title {
    margin: 0;
    background-color: #fff;
}

.white-bg-title h2 {
    color: #fff;
    font-size: 16px;
    line-height: 41px;
    padding: 0 20px;
}

    .white-bg-title h2.left {
        float: left;
    }

.first.white-bg-title h2 {
    color: #575757;
}

.white-bg-title .web-logo {
    background-color: #d84157;
    padding: 4px 20px;
    -moz-border-radius: 40px 0 0 40px;
    -webkit-border-radius: 40px 0 0 40px;
    border-radius: 40px 0 0 40px;
}

.web-logo.wbuilder {
    background-color: #FFF;
}

.vl-middle {
    vertical-align: middle;
}

.al-center {
    text-align: center;
}

td .help-text {
    max-width: 600px;
}

h2 .help-text {
    padding-left: 5px;
}

.help-text {
    position: relative;
    font-size: 14px;
    white-space: normal;
    cursor: pointer;
    /*margin-right: 10px;*/
    padding-right: 12px;
}

    .help-text:hover {
        opacity: 1;
    }

.help-msg,
.warning-msg,
form .aligned p.help-msg,
form .aligned p.warning-msg {
    position: absolute;
    top: 0;
    left: 30px;
    z-index: 100;
    background-color: #ececec;
    border: 1px solid #575757;
    color: #575757;
    font-size: 13px;
    padding: 8px;
    width: 360px;
    cursor: text;
    line-height: 20px;
}

.help-text:hover .help-msg.hide,
.help-text:hover .warning-msg.hide {
    display: inline-block;
}

.i-help:before,
.i-warning:before,
.i-info:before {
    font-family: RalewayGR-extrabold, Raleway, Arial, sans-serif;
    color: #fff;
    font-size: 12px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    width: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
}

.i-help:before {
    content: "?";
    background-color: #5b80b3;
}

.i-info:before {
    content: "i";
    background-color: #5b80b3;
}

.i-warning:before {
    background-color: #b2aa38;
    content: "!";
}

.cell-right {
    vertical-align: top;
    text-align: right;
}

.inline-table {
    display: inline-table;
}

    .inline-table > div {
        display: table-cell;
    }

#refundpolicy_set-group thead tr th {
    padding-top: 17px;
    padding-bottom: 17px;
    font-size: 15px;
    font-family: "RalewayGR-semibold", Raleway, Arial, sans-serif;
}

#refundpolicy_set-group table thead tr {
    background-color: #dadada;
    color: #fff;
}

#refundpolicy_set-group table td {
    border-bottom: 4px solid #DADADA;
}

.inline-title.left {
    float: left;
}

#body ul.inside-list {
    list-style: disc;
}

#body .inside-list li {
    font-size: smaller;
    padding: 5px 0;
    margin-left: 15px;
    white-space: nowrap;
}

.bg-standard {
    background: #ececec;
    margin-bottom: 0px;
}

.print {
    cursor: pointer;
    padding: 10px 30px;
}

    .print:after {
        font-family: iconfont;
        content: "\00E3";
        color: #fff;
        font-size: 20px;
        line-height: 200%;
        vertical-align: baseline;
    }

.price-table {
    border: 1px solid #ccc !important;
    margin-bottom: 0 !important;
}

