@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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: 1;
    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;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a:focus, a:active {
    text-decoration: none;
    border: none;
    outline: none;
}

input[type="text"]::-ms-clear {
    display: none;
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background-color: transparent;
}

    /**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
    a:active,
    a:hover {
        outline: 0;
    }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

    /**
 * Re-set default cursor for disabled elements.
 */
    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    /**
 * Remove inner padding and border in Firefox 4+.
 */
    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
    line-height: normal;
}

    /**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        /* 1 */
        padding: 0;
        /* 2 */
    }

    /**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    /**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
    input[type="search"] {
        -webkit-appearance: textfield;
        /* 1 */
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        /* 2 */
        box-sizing: content-box;
    }

        /**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

.font-size-15 {
    font-size: 15px;
}

.font-size-20 {
    font-size: 20px;
}

.cursor-pointer {
    cursor: pointer;
}

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

.align-right {
    text-align: right;
}

.font-bold {
    font-weight: bold !important;
}

.disable {
    color: #b1b3b7 !important;
    background-color: transparent !important;
}

.disable-italic {
    font-style: italic;
    color: #b1b3b7 !important;
    background-color: transparent !important;
}

.overflow-hide {
    overflow: hidden;
}

.display-block {
    display: block;
}

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

.margin-zero {
    margin: 0 !important;
}

.margin-top-5 {
    margin-top: 5px;
}

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

.margin-top-14 {
    margin-top: 14px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-35 {
    margin-top: 35px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-45 {
    margin-top: 45px;
}

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

.margin-top-60 {
    margin-top: 50px;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-15 {
    margin-right: 15px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-right-22 {
    margin-right: 22px;
}

.margin-right-25 {
    margin-right: 25px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-right-35 {
    margin-right: 35px;
}

.margin-right-40 {
    margin-right: 40px;
}

.margin-right-45 {
    margin-right: 45px;
}

.margin-right-46 {
    margin-right: 46px;
}

.margin-right-65 {
    margin-right: 65px;
}

.margin-right-70 {
    margin-right: 70px;
}

.margin-right-80 {
    margin-right: 80px;
}

.margin-right-85 {
    margin-right: 85px;
}

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

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-35 {
    margin-bottom: 35px;
}

.margin-bottom-45 {
    margin-bottom: 45px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-75 {
    margin-bottom: 75px;
}

.margin-left-0 {
    margin-left: 0px;
}

.margin-left-2 {
    margin-left: 2px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left-15 {
    margin-left: 15px;
}

.margin-left-25 {
    margin-left: 25px;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-left-35 {
    margin-left: 35px;
}

.margin-left-40 {
    margin-left: 40px;
}

.margin-left-45 {
    margin-left: 45px;
}

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

.margin-left-185 {
    margin-left: 185px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-25 {
    padding-top: 25px;
}

.padding-top-35 {
    padding-top: 35px;
}

.padding-top-40 {
    padding-top: 35px;
}

.padding-top-45 {
    padding-top: 45px;
}

.padding-0 {
    padding: 0 !important;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-bottom-25 {
    padding-bottom: 25px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-40 {
    padding: 40px;
}

.padding-15 {
    padding: 15px;
}

.padding-20 {
    padding: 20px !important;
}

.container-space {
    padding: 20px 26px;
}

.padding-left-right-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.padding-left-right-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.margin-left-right-40 {
    margin-left: 40px;
    margin-right: 40px;
}

.margin-left-12 {
    margin-left: 12px !important;
}

.padding-left-right-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.padding-bottom-8 {
    padding-bottom: 8px;
}

.padding-left-25 {
    padding-left: 25px;
}

.padding-left-15 {
    padding-left: 15px;
}

.padding-left-20 {
    padding-left: 20px;
}

.width-65 {
    width: 65px !important;
}

.width-130 {
    width: 130px !important;
}

.width-100 {
    width: 100px;
}

.width-160 {
    width: 160px;
}

.width-150 {
    width: 150px;
}

.width-170 {
    width: 170px !important;
}

.width-200 {
    width: 200px !important;
}

.width-210 {
    width: 210px !important;
}

.width-220 {
    width: 220px;
}

.width-250 {
    width: 250px !important;
}

.width-265 {
    width: 265px !important;
}

.width-300 {
    width: 300px;
}

.width-310 {
    width: 310px;
}

.width-350 {
    width: 350px;
}

.width-360 {
    width: 360px;
}

.width-365 {
    width: 365px;
}

.width-410 {
    width: 410px;
}

.width-500 {
    width: 500px;
}

.width-520 {
    width: 520px;
}

.width-550 {
    width: 550px;
}

.width-560 {
    width: 560px;
}

.width-855 {
    width: 855px;
}

.width-890 {
    width: 890px;
}

.width-570 {
    width: 570px;
}

.width-545 {
    width: 545px;
}

.width-591 {
    width: 591px;
}

.width-674 {
    width: 674px;
}

.width-735 {
    width: 735px;
}

.width-1047 {
    width: 1047px;
}

.width-1100 {
    width: 1100px;
}

.width-1225 {
    width: 1225px;
}

.width-100-percent {
    width: 100%;
}

.height-250 {
    height: 250px !important;
}

.display-inline-block {
    display: inline-block !important;
}

.ui-menu .ui-menu-item {
    font-size: 12px !important;
}

.ui-widget.ui-widget-content {
    z-index: 999;
}

.font-weight-bold {
    font-weight: bold !important;
}

.no-border {
    border: none !important;
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?nno8pt");
    src: url("../fonts/icomoon.eot?nno8pt#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?nno8pt") format("truetype"), url("../fonts/icomoon.woff?nno8pt") format("woff"), url("../fonts/icomoon.svg?nno8pt#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-rightdoublearrow:before {
    content: "\e94a";
    color: #676a6c;
}

.icon-leftdoublearrow:before {
    content: "\e94b";
    color: #676a6c;
}

.icon-On-Hold:before {
    content: "\e940";
    color: #2366d1;
}

.icon-Pending-Pms-Conf:before {
    content: "\e941";
    color: #0c66c6;
}

.icon-Pending-Pms-Push:before {
    content: "\e942";
    color: #8e9b53;
}

.icon-Success:before {
    content: "\e943";
    color: #618c57;
}

.icon-Failed:before {
    content: "\e944";
    color: #e5684a;
}

.icon-Ignored:before {
    content: "\e945";
    color: #e8c33e;
}

.icon-In-Progress:before {
    content: "\e946";
    color: #618c57;
}

.icon-Pending:before {
    content: "\e947";
    color: #9fad5f;
}

.icon-Rejected:before {
    content: "\e948";
    color: #5382b0;
}

.icon-Retrying:before {
    content: "\e949";
    color: #c91f0a;
}

.icon-view-XML:before {
    content: "\e93f";
    color: #424b57;
}

.icon-history:before {
    content: "\e93e";
    color: #424b57;
}

.icon-note:before {
    content: "\e93d";
}

.icon-breadcrumb:before {
    content: "\e93b";
    color: #7a8da4;
}

.icon-wand:before {
    content: "\e93c";
    color: #7a8da4;
}

.icon-save:before {
    content: "\e93a";
    color: #7a7a7a;
}

.icon-export-xml:before {
    content: "\e936";
    color: #424b57;
}

.icon-ignore-resumbmiting:before {
    content: "\e937";
    color: #424b57;
}

.icon-resumbmiting:before {
    content: "\e938";
    color: #424b57;
}

.icon-tracing-xml:before {
    content: "\e939";
    color: #424b57;
}

.icon-refresh-icon:before {
    content: "\e935";
}

.icon-offer-marine:before {
    content: "\e900";
    color: #7a8da4;
}

.icon-offer-addon:before {
    content: "\e901";
    color: #7a8da4;
}

.icon-offer-general:before {
    content: "\e902";
    color: #7a8da4;
}

.icon-warning-close:before {
    content: "\e903";
    color: #fff;
}

.icon-warning:before {
    content: "\e904";
    color: #fff;
}

.icon-Aquarium-Dives:before {
    content: "\e91a";
}

.icon-Aquaventure-Water-park:before {
    content: "\e91b";
}

.icon-calendar3:before {
    content: "\e91c";
    color: #e5eaf2;
}

.icon-check-box-with-click:before {
    content: "\e91d";
    color: #535766;
}

.icon-check-box-without-check:before {
    content: "\e91e";
    color: #535766;
}

.icon-document-search:before {
    content: "\e91f";
    color: #6e6c6d;
}

.icon-Dolphin-Bay:before {
    content: "\e920";
}

.icon-field-drop-down:before {
    content: "\e921";
    color: #424b57;
}

.icon-Kids-Club:before {
    content: "\e922";
}

.icon-left-arrow2:before {
    content: "\e923";
    color: #676a6c;
}

.icon-Lost-Chambers-n-Marine-animals-Adventures:before {
    content: "\e924";
}

.icon-Mini-Dynamic-Packages:before {
    content: "\e925";
}

.icon-radial-button-with-selection:before {
    content: "\e926";
}

.icon-radial-button:before {
    content: "\e927";
}

.icon-Restaurants1:before {
    content: "\e928";
}

.icon-right-arrow2:before {
    content: "\e929";
    color: #676a6c;
}

.icon-room-icon:before {
    content: "\e92a";
}

.icon-Sea-Lion-Points-1:before {
    content: "\e92b";
}

.icon-small-check-box-with-click .path1:before {
    content: "\e92c";
    color: white;
}

.icon-small-check-box-with-click .path2:before {
    content: "\e92d";
    margin-left: -1.0625em;
    color: #535766;
}

.icon-small-check-box-without-check .path1:before {
    content: "\e92e";
    color: white;
}

.icon-small-check-box-without-check .path2:before {
    content: "\e92f";
    margin-left: -1em;
    color: #535766;
}

.icon-Popup-close:before {
    content: "\e919";
}

.icon-calendar2:before {
    content: "\e918";
    color: #e5eaf2;
}

.icon-clock:before {
    content: "\e90f";
}

.icon-copy:before {
    content: "\e910";
    color: #7b7979;
}

.icon-delete:before {
    content: "\e911";
    color: #7b7979;
}

.icon-down:before {
    content: "\e912";
    color: #424b57;
}

.icon-edit:before {
    content: "\e913";
    color: #7b7979;
}

.icon-eye:before {
    content: "\e914";
    color: #424b57;
}

.icon-left-arrow:before {
    content: "\e915";
    color: #676a6c;
}

.icon-right-arrow:before {
    content: "\e916";
    color: #676a6c;
}

.icon-up:before {
    content: "\e917";
    color: #424b57;
}

.icon-checked:before {
    content: "\e90e";
}

.icon-remove .path1:before {
    content: "\e90b";
    color: white;
}

.icon-remove .path2:before {
    content: "\e90c";
    margin-left: -0.904296875em;
    color: #231f20;
}

.icon-MnW:before {
    content: "\e905";
    color: #837b77;
}

.icon-transfer:before {
    content: "\e906";
    color: #837b77;
}

.icon-calendar:before {
    content: "\e907";
    color: #e5eaf2;
}

.icon-down-arrow:before {
    content: "\e908";
    color: #484e53;
}

.icon-kerzner-logo:before {
    content: "\e909";
    color: #fff;
}

.icon-mnw:before {
    content: "\e90a";
}

.icon-question:before {
    content: "\e90d";
    color: #e5eaf2;
}

.icon-restaurant:before {
    content: "\e930";
    color: #837b77;
}

.icon-room:before {
    content: "\e931";
    color: #837b77;
}

.icon-search:before {
    content: "\e932";
    color: #e5eaf2;
}

.icon-signout:before {
    content: "\e933";
    color: #e5eaf2;
}

.icon-user:before {
    content: "\e934";
    color: #e5eaf2;
}

@font-face {
    font-family: 'open sans';
    src: url("../fonts/opensans/opensansregular.eot");
    src: url("../fonts/opensans/opensansregular.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/opensansregular.woff2") format("woff2"), url("../fonts/opensans/opensansregular.woff") format("woff"), url("../fonts/opensans/opensansregular.ttf") format("truetype"), url("../fonts/opensans/opensansregular.svg#opensansregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

body, html {
    height: 100%;
    margin: 0;
    font-family: "open sans";
    -webkit-font-smoothing: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.display-none {
    display: none;
}

.hidden-element {
    visibility: hidden;
}

#LayoutContainer {
    min-height: 100%;
    margin: 0 auto -30px;
}

.content-wrapper {
    width: 1185px;
    margin: 0 auto;
    position: relative;
    padding-top: 120px;
    padding-bottom: 40px;
}

.second-heading {
    font-size: 25px;
    color: #7b7c7c;
    margin: 20px 0 0 0;
}

.home-bg {
    background-image: url("../images/home-bg.png");
    height: 100%;
    position: relative;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

#home-bg-belt {
    width: 325px;
    height: 100%;
    background: #31181A;
    margin-left: 115px;
    opacity: 1;
    position: absolute;
}

#home-logo {
    border: none;
    width: 131px;
    height: 132px;
    text-indent: 100%;
    position: absolute;
    overflow: hidden;
    top: 0px;
    left: 97px;
    background: #ec1c2c;
}

    #home-logo a {
        padding: 0;
        border: none;
        display: block;
        height: 26px;
        width: 106px;
        text-indent: -9999px;
        background: url("../images/logo.png") bottom center no-repeat;
        position: absolute;
        bottom: 20px;
        left: 13px;
    }

.project-title, .welcome-title {
    font-family: "open sans";
    font-weight: 100;
    font-size: 23px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 190px;
    line-height: normal;
    margin: 0;
}

    .welcome-title .welcome-user {
        display: inline-block;
        padding-left: 5px;
    }

/* Login box style */
.login-wrapper, .property-selection-wrapper {
    width: 324px;
    padding: 40px 28px 20px 28px;
    position: absolute;
    top: 240px;
    left: 87px;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.8);
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.8);
}

    .login-wrapper input {
        padding: 14px 2% 14px 15%;
        background: #fff;
        width: 82%;
        font-weight: 600;
        font-family: "open sans";
        color: #6b6969;
        font-size: 13px;
        border: 1px solid #6b6969;
        outline: none;
    }

.login-button {
    padding-top: 35px;
    padding-bottom: 35px;
}

    .login-button .login-submit {
        font-size: 18px;
        font-weight: bold;
        width: 100%;
        border: 0 none;
        height: 55px;
        line-height: 55px;
        padding: 0;
        font-family: 'Open Sans';
        background: #ec1c2c;
        color: #fff;
        letter-spacing: 1px;
        -webkit-box-shadow: 0px 3px 3px #84363d;
        -moz-box-shadow: 0px 3px 3px #84363d;
        box-shadow: 0px 3px 3px #84363d;
        cursor: pointer;
    }

.login-user {
    position: relative;
}

    .login-user label {
        position: absolute;
        top: 50%;
        padding: 0 9px 0 9px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0;
        text-indent: -9999px;
        background-image: url("../images/user.png");
        background-position: center;
        background-repeat: no-repeat;
        width: 18px;
        height: 24px;
        border-right: 2px solid #b3b7bc;
    }

.login-password {
    position: relative;
    margin-top: 35px;
}

    .login-password label {
        position: absolute;
        top: 50%;
        padding: 0 10px 0 11px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0;
        text-indent: -9999px;
        background-image: url("../images/password.png");
        background-position: center;
        background-repeat: no-repeat;
        width: 15px;
        height: 22px;
        border-right: 2px solid #b3b7bc;
    }

/* end login */
.select-box {
    position: relative;
    min-width: 70px;
    margin: 0 auto;
}

    .select-box select::-ms-expand {
        display: none;
    }

    .select-box:after {
        pointer-events: none;
        width: 15px;
        height: 9px;
        content: ' ';
        display: block;
        position: absolute;
        background: url(../images/dd-arrow.png) no-repeat;
        right: 10px;
        top: 50%;
        margin-top: -5px;
    }

    .select-box select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        border-radius: 0;
        background: #FFF;
        width: 100%;
        font-family: "open sans";
        box-shadow: none;
        outline: 0;
        overflow: hidden;
    }

    .select-box .prop-dropdown {
        padding: 10px 32px 10px 3%;
        font-weight: 600;
        font-size: 15px;
        border: 1px solid #6b6969;
        color: #6b6969;
        cursor: pointer;
        line-height: 1.8;
    }

        .select-box .prop-dropdown:focus {
            box-shadow: 1px 0 10px #9ecaed;
        }

    .select-box .error {
        border: 1px solid #ec1c2c;
    }

    .select-box .history-dropdown {
        padding: 9px 2% 9px 3%;
        font-weight: 100;
        font-size: 13px;
        border: solid 1px #cfdbe6;
        color: #424b57;
        cursor: pointer;
        line-height: 1.8;
    }

    .select-box .header-prop-dropdown {
        padding: 7px 2% 7px 3%;
        font-weight: normal;
        font-size: 13px;
        border: 1px solid #cfdbe6;
        color: #424b57;
        width: 315px;
        border-radius: 2px;
        cursor: pointer;
        line-height: 1.8;
    }

.property-dd {
    margin-top: 25px;
}

/* header style start here */
.header-banner {
    width: 100%;
    height: 70px;
    -webkit-box-shadow: 0px 3px 3px #b3b7bc;
    -moz-box-shadow: 0px 3px 3px #b3b7bc;
    box-shadow: 0px 3px 3px #b3b7bc;
    position: fixed;
    z-index: 10;
    top: 0;
    background: #fff;
}

/* start footer  */
#footer-banner {
    width: 100%;
    height: 30px;
    z-index: 1000;
    background: #e5eaf2;
    bottom: 0;
    clear: both;
    float: left;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
    position: relative;
    z-index: 4;
}

    #footer-banner .footer-text {
        font-family: "open sans";
        font-weight: normal;
        font-size: 13px;
        color: #3c495a;
        line-height: 30px;
    }

/* end footer */
.header-container, .menu-list, .footer-container {
    width: 1185px;
    margin: 0 auto;
    position: relative;
}

.header-inner ul li.home-logo {
    border: none;
    width: 131px;
    height: 70px;
    text-indent: 100%;
    overflow: hidden;
    background: #ec1c2c;
    list-style: none;
    position: relative;
}

    .header-inner ul li.home-logo a {
        padding: 0;
        border: none;
        display: block;
        height: 26px;
        width: 106px;
        text-indent: -9999px;
        background: url("../images/logo.png") bottom center no-repeat;
        position: absolute;
        bottom: 20px;
        left: 13px;
    }

.header-inner ul li.home-link {
    text-transform: uppercase;
    line-height: 70px;
    color: #424b57;
    font-family: "open sans";
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 10px;
    letter-spacing: 1px;
}

/* Primary navigation start here */
.primary-nav {
    padding-top: 17px;
}

    .primary-nav ul.top-links {
        margin-bottom: 0;
        margin-top: 6px;
        margin-left: 5px;
    }

        .primary-nav ul.top-links li {
            list-style: none;
            display: inline-block;
            height: 44px;
        }

            .primary-nav ul.top-links li a {
                display: block;
                width: auto;
                font-size: 0px;
                border-right: 1px solid #b3b7bc;
                padding: 0 24px 0 25px;
            }

                .primary-nav ul.top-links li a:hover {
                    text-decoration: none;
                }

                .primary-nav ul.top-links li a.search {
                    width: 19px;
                    height: 20px;
                }

                .primary-nav ul.top-links li a span:before {
                    font-size: 20px;
                    color: #424b57;
                }

                .primary-nav ul.top-links li a.question {
                    width: 19px;
                    height: 20px;
                }

                .primary-nav ul.top-links li a.userlink {
                    width: 18px;
                    height: 20px;
                }

                .primary-nav ul.top-links li a.signout {
                    width: 19px;
                    height: 20px;
                    border-right: none;
                    padding-right: 0px;
                }

            .primary-nav ul.top-links li.active {
                border-bottom: 3px solid #107dd0;
                position: relative;
            }

                .primary-nav ul.top-links li.active a span:before {
                    color: #107dd0;
                }

                .primary-nav ul.top-links li.active .search-box {
                    position: absolute;
                    top: 52px;
                    left: -100px;
                    z-index: 1001;
                }

                    .primary-nav ul.top-links li.active .search-box input[type="text"] {
                        line-height: 18px;
                        border: 1px solid #CCCCCC;
                        height: 15px;
                        font-size: 13px;
                        border-radius: 2px;
                        -webkit-box-shadow: 0px 2px 2px #CCCCCC;
                        -moz-box-shadow: 0px 2px 2px #CCCCCC;
                        box-shadow: 0px 2px 2px #CCCCCC;
                    }

.header-menu {
    width: 100%;
    height: 50px;
    background: #f2f6fa;
    position: fixed;
    z-index: 9;
    top: 70px;
}

.menu-list li {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
}

    .menu-list li a {
        display: block;
        width: auto;
        font-size: 14px;
        color: #7a8da4;
        font-weight: normal;
        line-height: 47px;
        text-decoration: none;
    }

        .menu-list li a.active {
            color: #107dd0;
            font-weight: bold;
        }

/* header style end here */
.grid-block {
    width: 542px;
    background: #f2f6fa;
    position: relative;
    border: 1px solid #cfdbef;
    border-radius: 3px;
    margin: 23px;
    display: inline-block;
    vertical-align: top;
}

.grid-top-border {
    height: 4px;
    font-size: 0px;
    text-indent: -9999px;
    top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.draft {
    background: #0000cc;
}

.future {
    background: #ff9900;
}

.expired {
    background: #837b77;
}

.cancelled {
    background: #ff0000;
}

.live-baner {
    background: #008000;
}

.grid-devider {
    width: 100%;
}

.grid-title-bar {
    border-bottom: 1px solid #d6dbe6;
}

.grid-offer-blue {
    margin: 20px 10px 20px 80px;
}

    .grid-offer-blue .offer-id {
        font-family: "open sans";
        color: #4f00ff;
        font-size: 20px;
        font-weight: bold;
        padding-right: 5px;
    }

    .grid-offer-blue .offer-name {
        font-family: "open sans";
        color: #4f00ff;
        font-size: 15px;
        font-weight: bold;
        line-height: 20px;
    }

.grid-title-bar .draft-label {
    background: #0000cc;
}

.grid-title-bar .future-label {
    background: #ff9900;
}

.grid-title-bar .expired-label {
    background: #837b77;
}

.grid-title-bar .cancelled-label {
    background: #ff0000;
}

.grid-title-block {
    position: absolute;
    border-radius: 20px;
    line-height: 20px;
    font-family: "open sans";
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    top: 22px;
    left: -15px;
    padding: 0px 13px 1px 13px;
    min-width: 55px;
    text-align: center;
    line-height: 22px;
    vertical-align: middle;
}

.grid-divider {
    position: relative;
    height: 40px;
    /*.right, .left {
		height: 90px;
		width: 45px;
		display: inline-block;
	}*/
}

    .grid-divider .right {
        width: 20px;
        height: 40px;
        border-bottom-right-radius: 25px;
        border-top-right-radius: 25px;
        border: 1px solid #d6dbe6;
        border-left-color: #fff;
        position: absolute;
        left: -2px;
        top: 0;
        background: #fff;
        z-index: 8;
        display: inline-block;
    }

    .grid-divider .middle-border {
        background-image: linear-gradient(to right, #333 60%, rgba(255, 255, 255, 0) 0%);
        background-position: top;
        background-size: 15px 1px;
        position: absolute;
        top: 50%;
        width: 98%;
        z-index: 7;
        border-top: 1px dashed transparent;
    }

    .grid-divider .left {
        width: 20px;
        height: 40px;
        border-bottom-left-radius: 25px;
        border-top-left-radius: 25px;
        border: 1px solid #d6dbe6;
        border-right-color: #fff;
        position: absolute;
        right: -1px;
        top: 0;
        background: #fff;
        z-index: 8;
        display: inline-block;
    }

.grid-middle-content {
    padding: 15px;
    display: inline-block;
}

.grid-date-range-block {
    width: 280px;
}

    .grid-date-range-block .offer-range {
        padding: 0px 0 30px 0;
    }

    .grid-date-range-block .date-range {
        color: #3c495a;
        font-size: 13px;
        font-weight: bold;
        padding-left: 15px;
    }

    .grid-date-range-block .offer-cal-title {
        /*background: url(../images/calendar.png) left top no-repeat;*/
        width: 20px;
        height: 21px;
        padding: 4px 0 3px 32px;
        color: #929aa3;
        font-family: "open sans";
        font-size: 13px;
        background-image: url(/library/content/assets/images/calendar.png);
        background-repeat: no-repeat;
        background-position: left 5px center;
    }

.grid-middle-content .offer-desc {
    color: #3c495a;
    font-size: 13px;
    font-weight: normal;
    float: left;
    clear: both;
}

    .grid-middle-content .offer-desc .offer-desc-title {
        color: #3c495a;
        font-size: 13px;
        font-weight: bold;
        margin-bottom: 5px;
    }

.offer-cal-block {
    width: 180px;
    float: right;
}

/* style written by Sneha */
/*Button Style*/
.btn-list {
    list-style: none;
    margin: 14px 0 0 0;
    padding: 0;
}

    .btn-list li {
        display: inline-block;
    }

        .btn-list li a {
            background-color: #fff;
            border-radius: 23px;
            border: solid #cfdbe6 1px;
            font-size: 13px;
            font-family: "open sans";
            color: #424b57;
            padding: 6px 10px 6px 10px;
            text-decoration: none;
            text-align: center;
        }

            .btn-list li a.active {
                background-color: #107dd0;
                color: #fff;
                font-weight: bold;
                border: 1px solid #107dd0;
            }

.bigger-btn-list {
    margin-top: 10px;
}

    .bigger-btn-list li {
        margin-right: 12px;
        margin-bottom: 18px;
    }

        .bigger-btn-list li a {
            width: 105px;
            display: inline-block;
            line-height: 20px;
        }

.biggest-btn-list {
    margin-top: 0px;
}

    .biggest-btn-list li {
        margin-right: 13px;
        margin-bottom: 18px;
    }

        .biggest-btn-list li a {
            width: 133px;
            display: table-cell;
            vertical-align: middle;
            height: 35px;
            padding: 0 10px;
        }

        .biggest-btn-list li:nth-child(6n+6) {
            margin-right: 0px;
        }

    .biggest-btn-list .ck-button {
        margin-right: 11px;
        margin-bottom: 15px;
    }

        .biggest-btn-list .ck-button label > div {
            width: 133px;
        }

.no-end-date-btn {
    float: right;
}


    .no-end-date-btn .ck-button {
        margin-left: 11px;
    }

        .no-end-date-btn .ck-button label > div {
            width: 78px;
        }



/*Button Style-END*/
/* Offer Div Structure*/
.offer-container {
    border: 1px solid #cfdbe6;
    border-radius: 3px;
    background-color: #f2f6fa;
    padding: 15px;
}

    .offer-container label {
        display: block;
        font-family: "open sans";
        font-size: 13px;
        color: #424b57;
        font-weight: 600;
        text-transform: capitalize;
        margin-bottom: 10px;
    }

        .offer-container label.visiblity {
            visibility: hidden;
        }

    .offer-container .inline-label {
        display: inline-block;
        float: left;
    }

    .offer-container input[type="text"] {
        border: solid 1px #cfdbe6;
        height: 35px;
        font-size: 13px;
        padding: 0 10px;
        box-sizing: border-box;
    }

        .offer-container input[type="text"]:focus {
            box-shadow: 0 0 10px #9ecaed;
        }

.offer-div-left {
    float: left;
    vertical-align: top;
}

    .offer-div-left .offer-item {
        display: inline-block;
        vertical-align: top;
        position: relative;
    }

.offer-div-right {
    float: right;
    vertical-align: top;
}

    .offer-div-right .offer-item {
        display: inline-block;
        vertical-align: top;
    }

        .offer-div-right .offer-item:last-child {
            float: right;
            margin-right: 0px;
        }

.offer-panel {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}

    .offer-panel:first-child {
        margin-top: 0px;
    }

.offer-view-panel {
    background: #f2f6fa;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    vertical-align: top;
}

    .offer-view-panel .offer-list-item {
        float: left;
        vertical-align: top;
    }

        .offer-view-panel .offer-list-item:last-child {
            margin-right: 0px;
        }

        .offer-view-panel .offer-list-item .value {
            font-size: 13px;
            font-weight: bold;
            line-height: 17px;
        }

            .offer-view-panel .offer-list-item .value span {
                margin-right: 2px;
                line-height: 1.4;
            }

                .offer-view-panel .offer-list-item .value span:last-child {
                    margin-right: 0px;
                }

    .offer-view-panel .bg-banner {
        padding: 13px 12px 10px 12px;
        background: #b3b7bc;
        width: 145px;
    }

.bg-white {
    background-color: #fff !important;
}

.btn-style {
    min-width: 130px;
    height: 35px;
    border-radius: 0px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    border: none;
    padding: 0 20px;
}

.btn-red {
    background-color: #ea505d;
}

.btn-gray {
    background-color: #b6b8bf;
}

.btn-dark-gray {
    background-color: #868994;
}

/*Offer tab internal structure -END*/
/*date picker vertical-align -middle on focus*/
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
    vertical-align: middle;
}

/*Go live list */
.list-go-live {
    padding: 2px 5px 2px 5px;
    margin-bottom: 20px;
    background-color: #70b0e2;
    color: #fff;
    font-size: 13px;
    width: 170px;
}

    .list-go-live .icon-calendar {
        font-size: 21px;
        display: block;
    }

    .list-go-live li {
        display: inline-block;
        margin-right: 8px;
        vertical-align: middle;
        line-height: 2.0;
    }

    .list-go-live .date-desc {
        font-weight: 600;
    }

    .list-go-live .center-bold-text {
        font-weight: bold;
        text-align: center;
        display: block;
    }

    .list-go-live.cancelled {
        background-color: #fa5657;
    }

        .list-go-live.cancelled .icon-calendar:before {
            color: #fff;
        }

/*Go live list-END */
.cardtype {
    padding: 10px 5px 0px 5px;
    background-color: #fff;
    color: #3c495a;
    font-size: 13px;
    font-weight: bold;
    width: 170px;
    height: 35px;
    text-align: center;
}

/* end style by Sneha */
/* style written by Archana */
.tab-list {
    font-family: "open sans";
    margin: 30px auto 0px auto;
}

    .tab-list .nav {
        border-bottom: 1px solid #b3b7bc;
    }

        .tab-list .nav > li {
            float: left;
            position: relative;
            display: block;
        }

            .tab-list .nav > li > a {
                border-radius: 0;
                padding: 9px 20px;
                font-size: 13px;
                color: #7a8da4;
            }

            .tab-list .nav > li > a.active {
                color: #fff;
                background-color: #107dd0;
                font-weight: 600;
            }

    .tab-list .tab-content {
        color: #000000;
        background-color: #ffffff;
        padding: 30px 0px 0px 0px;
    }

/*Date picker css goes here*/
.date-container {
    position: relative;
}

    .date-container input[type="text"] {
        background-image: url("/library/content/assets/images/calendar.png");
        background-repeat: no-repeat;
        background-position: right 5px center;
        width: 210px;
    }

/*.date-time-container {
    position: relative;
}

    .date-time-container input[type="text"] {
        background-image: url("/library/content/assets/images/calendar.png");
        background-repeat: no-repeat;
        background-position: right 5px center;
        min-width: 160px;
    }*/

.date-time-container {
    position: relative;
}

    .date-time-container:after {
        content: '\1f558';
        font-family: 'icomoon' !important;
        font-size: 18px;
        position: absolute;
        right: 5px;
        top: 30px;
    }

    .date-time-container .icon-clock {
        position: absolute;
        right: 5px;
        top: 32px;
    }

    .date-time-container input[type="text"] {
        background-image: none;
    }

.dropdown-menu {
    margin: 5px 0 0;
}

/*Date picker css ends here*/
/*Custom radio button css goes here*/
.custom-radiobtn [type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

.custom-radiobtn [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.custom-radiobtn [type="radio"]:checked + label {
    position: relative;
    cursor: pointer;
    line-height: 10px;
    display: block;
    color: #666;
    height: 35px;
    padding: 10px 0 0 30px;
    box-sizing: border-box;
    margin: 0;
}

.custom-radiobtn [type="radio"]:not(:checked) + label {
    position: relative;
    cursor: pointer;
    line-height: 10px;
    display: block;
    color: #666;
    height: 35px;
    padding: 10px 0 0 30px;
    box-sizing: border-box;
    margin: 0;
}

    .custom-radiobtn [type="radio"]:not(:checked) + label.error-radio-label:before {
        border: 1px solid #ec1c2c;
    }

.custom-radiobtn [type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 10px;
    width: 10px;
    height: 10px;
    border: 1px solid #666;
    border-radius: 100%;
    background: #fff;
}

.custom-radiobtn [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 10px;
    width: 10px;
    height: 10px;
    border: 1px solid #666;
    border-radius: 100%;
    background: #fff;
}

.custom-radiobtn [type="radio"]:checked + label:after {
    content: '';
    width: 6px;
    height: 6px;
    background: #666;
    position: absolute;
    top: 13px;
    left: 13px;
    border-radius: 100%;
}

.custom-radiobtn [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 6px;
    height: 6px;
    background: #666;
    position: absolute;
    top: 13px;
    left: 13px;
    border-radius: 100%;
}

.custom-radiobtn [type="radio"]:not(:checked) + label:after {
    opacity: 0;
}

.custom-radiobtn [type="radio"]:checked + label:after {
    opacity: 1;
}

/*Custom radio button css ends here*/
/* Radio List- Sneha*/
.radio-list {
    list-style: none;
}

    .radio-list li {
        display: inline-block;
        background-color: #fff;
        text-align: left;
        width: 130px;
        height: 35px;
        margin-right: 10px;
        border: 1px solid #cfdbe6;
        box-sizing: border-box;
    }

        .radio-list li div {
            display: inline-block;
            margin-top: 7px;
            margin-left: 10px;
        }

/* Radio List-END*/
/*date picker text align center- vertically */
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    vertical-align: middle;
}

.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    vertical-align: middle;
}

/*date picker vertical-align -middle on focus*/
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
    vertical-align: middle;
}

/*date picker text align center- vertically */
/* Facility Icons */
.gray-bg {
    background: #837b77;
    color: #fff;
    margin: 10px;
    padding: 10px;
    box-sizing: border-box;
}

.green-bg {
    background: #7cc576;
    color: #fff;
    margin: 10px;
    padding: 10px;
    box-sizing: border-box;
}

.white-bg {
    background: #ffffff;
    color: #837b77;
    margin: 10px;
    padding: 10px;
    box-sizing: border-box;
}

.facility-icon-list {
    display: inline-block;
    width: 100%;
    margin: 20px 0 20px 30px;
    padding: 0;
    list-style: none;
}

    .facility-icon-list li {
        display: inline-block;
        text-align: center;
        font-size: 12px;
        color: #837b77;
    }

        .facility-icon-list li span {
            padding: 10px 0;
            -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
            display: inline-block;
            margin: 0 18px 10px;
            display: block;
            height: 42px;
            width: 42px;
        }

            .facility-icon-list li span:before {
                color: #ffffff;
                font-size: 22px;
            }

/* Facility Icons */
/* Offer details css */
.offer-status li {
    background-color: #fff;
    border: solid 1px #cfdbe6;
    display: inline-block;
    text-align: center;
}

    .offer-status li a {
        font-size: 14px;
        color: #424b57;
        width: 150px;
        display: block;
        padding: 10px 0;
    }

        .offer-status li a:hover {
            text-decoration: none;
        }

        .offer-status li a:focus {
            text-decoration: none;
        }

        .offer-status li a.active {
            background-color: #107dd0;
            color: #ffffff;
        }

.view-live-offer {
    background-color: #009900;
}

.live-offer-title {
    margin: 20px 140px 20px 20px;
}

.view-live-offer-label {
    background-color: #009900;
    right: 20px;
    left: inherit;
}

.offer-url-container {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px 0;
}

    .offer-url-container .offer-url {
        float: left;
        width: 50%;
    }

        .offer-url-container .offer-url a {
            color: blue;
            font-size: 13px;
            font-style: italic;
        }

    .offer-url-container .offer-promo {
        float: right;
        width: 50%;
    }

    .offer-url-container .offer-title {
        color: #929aa3;
        text-transform: capitalize;
        font-size: 13px;
    }

    .offer-url-container .promo-code-number {
        float: right;
        font-weight: bold;
        font-size: 13px;
    }

.offer-promo .offer-title {
    float: right;
    margin: 0 5px 0 0;
}

.offer-icon-list li span:before {
    color: #837b77;
    font-size: 22px;
}

.offer-icon-list li span.green-bg:before {
    color: #ffffff;
    font-size: 22px;
}

.offer-icon-list li span.gray-bg:before {
    color: #ffffff;
    font-size: 22px;
}

.offer-icon-list .offer-total-number {
    font-weight: bold;
    font-size: 13px;
    color: #107dd0;
    margin-bottom: 5px;
}

.revenue-container {
    padding: 0 15px 15px;
}

    .revenue-container .revenue-title {
        font-weight: bold;
        font-size: 13px;
        color: #929aa3;
        text-transform: uppercase;
        margin: 0 0 20px 50px;
    }

/* Pie chart css goes here */
@-webkit-keyframes bake-pie {
    from {
        -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

@keyframes bake-pie {
    from {
        -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

.pie-chart {
    font-family: "Open Sans", Arial;
    position: relative;
}

.pie-chart--wrapper {
    text-align: center;
}

.pie-chart__pie {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    height: 100px;
    width: 100px;
    margin: 0;
    z-index: 2;
    left: 10px;
    top: 10px;
}

    .pie-chart__pie::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        width: 50px;
        height: 50px;
        background: #EEE;
        border-radius: 50%;
        top: 25px;
        left: 25px;
    }

.slice {
    position: absolute;
    width: 100px;
    height: 100px;
    clip: rect(0px, 100px, 100px, 50px);
    -webkit-animation: bake-pie 1s;
    animation: bake-pie 1s;
}

    .slice span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-color: black;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        clip: rect(0px, 150px, 150px, 50px);
    }

.pie-chart__pie-ring {
    position: absolute;
    height: 120px;
    width: 120px;
    margin: 0;
    z-index: 1;
}

    .pie-chart__pie-ring::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        width: 110px;
        height: 110px;
        background: #f2f6fa;
        border-radius: 50%;
        top: 5px;
        left: 5px;
    }

    .pie-chart__pie-ring .slice {
        position: absolute;
        width: 120px;
        height: 120px;
        clip: rect(0px, 120px, 120px, 60px);
        -webkit-animation: bake-pie 1s;
        animation: bake-pie 1s;
    }

        .pie-chart__pie-ring .slice span {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background-color: transparent;
            width: 120px;
            height: 120px;
            border-radius: 50%;
            clip: rect(0px, 120px, 120px, 60px);
        }

.pie-chart__legend {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    padding: 0;
    font-size: 13px;
    text-align: left;
    box-sizing: border-box;
    position: relative;
    top: 150px;
    width: 100%;
    vertical-align: top;
}

    .pie-chart__legend li {
        height: 8px;
        margin-bottom: 12px;
        padding-left: 0.5em;
        border-left: 16px solid black;
        line-height: 0.6em;
    }

    .pie-chart__legend em {
        font-style: normal;
        font-size: 12px;
        color: #837b77;
    }

    .pie-chart__legend span {
        float: right;
        display: none;
    }

.pie-charts {
    width: 170px;
    float: right;
    padding: 0 0 0 30px;
    box-sizing: border-box;
}

/* Pie chart css ends here */
/* end style by Archana */
/* Marketing brief section */
.main-outer-container {
    border: 1px solid #cfdbe6;
    border-radius: 3px;
    background-color: #f2f6fa;
    box-sizing: border-box;
}

.block-title {
    font-family: "open sans";
    font-size: 13px;
    color: #424b57;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 10px;
}

.third-title {
    font-family: "open sans";
    font-size: 13px;
    color: #424b57;
    font-weight: bold;
}

.new-offer-creation {
    border: 1px solid #cfdbe6;
    border-radius: 2px;
    background-color: #ffffff;
}

    .new-offer-creation label {
        display: block;
        font-family: "open sans";
        font-size: 13px;
        color: #424b57;
        font-weight: 300;
        margin-bottom: 10px;
    }

        .new-offer-creation label.visiblity {
            visibility: hidden;
        }

    .new-offer-creation input[type="text"] {
        border: solid 1px #cfdbe6;
        height: 35px;
        min-width: 160px;
        font-size: 13px;
        padding: 0px 30px 0px 10px;
        box-sizing: border-box;
    }

        .new-offer-creation input[type="text"]:focus {
            box-shadow: 0 0 10px #9ecaed;
        }

    .new-offer-creation .date-time-container input[type="text"] {
        border: solid 1px #cfdbe6;
        height: 35px;
        font-size: 13px;
        padding: 0px 10px 0px 10px;
        box-sizing: border-box;
    }

        .new-offer-creation .date-time-container input[type="text"]:focus {
            box-shadow: 0 0 10px #9ecaed;
        }

    .new-offer-creation textarea {
        border: solid 1px #cfdbe6;
        min-width: 190px;
        font-size: 13px;
        padding: 5px;
        box-sizing: border-box;
        resize: none;
        min-height: 83px;
        font-family: "open sans";
        font-size: 13px !important;
        color: #424b57;
        line-height: 16px;
    }

        .new-offer-creation textarea:focus {
            box-shadow: 0 0 10px #9ecaed;
        }

    .new-offer-creation.rooms-header-padding {
        padding: 8px 25px;
    }

    .new-offer-creation.offer-details-container label {
        margin: 0 0 5px 0;
    }

    .new-offer-creation.offer-details-container .ck-button label {
        margin-bottom: 0;
    }

    .new-offer-creation.offer-details-container .text-or:after {
        content: "or";
        position: absolute;
        left: 235px;
        top: 48px;
    }

    .new-offer-creation.offer-details-container .custom-checkbox [type="checkbox"]:not(:checked) + input + label {
        line-height: 1;
        margin-bottom: 10px;
        padding: 8px 0 0 30px;
    }

    .new-offer-creation.offer-details-container .custom-checkbox [type="checkbox"]:checked + input + label {
        line-height: 1;
        margin-bottom: 10px;
        padding: 8px 0 0 30px;
    }

    .new-offer-creation.offer-details-container .chk-parent-container {
        margin-left: -5px;
        margin-top: 15px;
    }

    .new-offer-creation.offer-details-container .header-list {
        padding-bottom: 15px;
        padding-left: 22px;
    }

        .new-offer-creation.offer-details-container .header-list .custom-checkbox [type="checkbox"]:not(:checked) + input + label {
            line-height: 1.1;
        }

            .new-offer-creation.offer-details-container .header-list .custom-checkbox [type="checkbox"]:not(:checked) + input + label:before {
                width: 16px;
                height: 16px;
            }

        .new-offer-creation.offer-details-container .header-list .custom-checkbox [type="checkbox"]:checked + input + label {
            line-height: 1.1;
        }

            .new-offer-creation.offer-details-container .header-list .custom-checkbox [type="checkbox"]:checked + input + label:after {
                content: '';
                width: 16px;
                height: 16px;
            }

        .new-offer-creation.offer-details-container .header-list .mb-entity-pagination {
            padding: 0 30px 10px 0 !important;
        }

        .new-offer-creation.offer-details-container .header-list.inner-padding {
            padding-bottom: 0px;
        }

    .new-offer-creation .movable-list-box {
        margin-left: 0;
        display: inline-block;
        width: 100%;
        position: relative;
        padding-left: 5px;
    }

        .new-offer-creation .movable-list-box .disable-list-box {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            -webkit-filter: grayscale(100%);
            /* Safari 6.0 - 9.0 */
            filter: grayscale(100%);
        }

        .new-offer-creation .movable-list-box .subject-info-box-1, .new-offer-creation .movable-list-box .subject-info-box-2 {
            float: left;
            width: 45%;
        }

            .new-offer-creation .movable-list-box .subject-info-box-1 select, .new-offer-creation .movable-list-box .subject-info-box-2 select {
                height: 165px;
                padding: 0;
                border-radius: 0;
                margin: 0 0 10px 0;
                font-size: 13px;
            }

                .new-offer-creation .movable-list-box .subject-info-box-1 select option,
                .new-offer-creation .movable-list-box .subject-info-box-2 select option {
                    padding: 4px 10px 4px 10px;
                }

                    .new-offer-creation .movable-list-box .subject-info-box-1 select option:hover,
                    .new-offer-creation .movable-list-box .subject-info-box-2 select option:hover {
                        background: #EEEEEE;
                    }

        .new-offer-creation .movable-list-box .subject-info-arrows {
            float: left;
            width: 10%;
        }

            .new-offer-creation .movable-list-box .subject-info-arrows button {
                width: 70%;
                margin-bottom: 8px;
                border-radius: 0;
                color: #fff;
                background-color: #107dd0;
            }

                .new-offer-creation .movable-list-box .subject-info-arrows button:before {
                    font-family: 'icomoon' !important;
                    color: #ffffff;
                }

                .new-offer-creation .movable-list-box .subject-info-arrows button.btn-rightall:before {
                    content: "\e94a";
                }

                .new-offer-creation .movable-list-box .subject-info-arrows button.btn-right:before {
                    content: "\e929";
                }

                .new-offer-creation .movable-list-box .subject-info-arrows button.btn-left:before {
                    content: "\e923";
                }

                .new-offer-creation .movable-list-box .subject-info-arrows button.btn-leftall:before {
                    content: "\e94b";
                }

                .new-offer-creation .movable-list-box .subject-info-arrows button.disable-arrow {
                    background-color: rgba(16, 125, 208, 0.47);
                }

    .new-offer-creation .promo-heading {
        font-size: 13px;
        font-weight: bold;
        position: relative;
        cursor: pointer;
        color: #666;
        margin: 0 0 10px 0;
    }

    .new-offer-creation .rooms-dropdown-section {
        width: 45%;
    }

    .new-offer-creation .rooms-dropdown {
        margin: 0 !important;
        padding: 5px 20px !important;
    }

/*Custom Checkbox css goes here*/
ul.custom-checkbox > li {
    margin-bottom: 30px;
}

.custom-checkbox [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

.custom-checkbox [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.custom-checkbox [type="checkbox"]:checked + input + label {
    position: relative;
    cursor: pointer;
    line-height: 10px;
    display: inline-block;
    color: #666;
    padding: 10px 0 0 30px;
    box-sizing: border-box;
    margin: 0;
    height: 28px;
}

.custom-checkbox [type="checkbox"]:not(:checked) + input + label {
    position: relative;
    cursor: pointer;
    line-height: 10px;
    display: inline-block;
    color: #666;
    padding: 10px 0 0 30px;
    box-sizing: border-box;
    margin: 0;
    height: 28px;
}

.custom-checkbox [type="checkbox"]:checked + input + label:before {
    content: '\e90e';
    font-family: 'icomoon' !important;
    font-size: 10px;
    color: #7e818c;
    position: absolute;
    left: 8px;
    top: 11px;
}

.custom-checkbox [type="checkbox"]:not(:checked) + input + label:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 7px;
    width: 14px;
    height: 14px;
    border: 1px solid #7e818c;
    border-radius: 4px;
    background: #fff;
}

.custom-checkbox [type="checkbox"]:checked + input + label:after {
    content: '';
    width: 14px;
    height: 14px;
    border: 1px solid #7e818c;
    border-radius: 4px;
    position: absolute;
    left: 5px;
    top: 7px;
}

.custom-checkbox .permission-disable {
    opacity: 0.7;
}

    .custom-checkbox .permission-disable input[type="checkbox"]:not(:checked) + input + label {
        cursor: default;
    }

/*Custom Checkbox css ends here*/
.group-section-details {
    margin-left: 30px;
}

/* modal window style start here */
/*center alignment of modal*/
.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/*center alignment of modal*/
.modal-content {
    padding: 27px;
}

    .modal-content .dialog-header .dialog-title {
        font-family: "open sans";
        font-size: 16px;
        font-weight: bold;
        color: #107dd0;
    }

    .modal-content .dialog-header .close-sign {
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
        font-size: 35px;
        font-weight: bold;
        color: #666;
        vertical-align: top;
        line-height: 18px;
        opacity: 0.5;
    }

        .modal-content .dialog-header .close-sign .icon-Popup-close {
            font-size: 14px;
            color: #000;
            opacity: 1;
        }

    .modal-content .dialog-footer {
        text-align: right;
    }

    .modal-content .dialog-body .radio-panel {
        list-style: none;
    }

        .modal-content .dialog-body .radio-panel li {
            display: inline-block;
            background-color: #fff;
            text-align: left;
            width: auto;
            margin-right: 10px;
            box-sizing: border-box;
            vertical-align: middle;
        }

            .modal-content .dialog-body .radio-panel li label {
                font-size: 13px;
                height: 30px;
            }

        .modal-content .dialog-body .radio-panel .radio-title {
            font-size: 15px;
            display: inline-block;
        }

    .modal-content .dialog-body .border-around {
        border: 1px solid #cfdbef;
        display: block;
        padding: 5px;
    }

    .modal-content .dialog-body .library-section {
        display: inline-block;
    }

        .modal-content .dialog-body .library-section table.library-list {
            border-collapse: collapse;
            font-size: 13px;
            border: 1px solid #cfdbe6;
            border-radius: 2px;
            width: 112px;
        }

            .modal-content .dialog-body .library-section table.library-list thead th {
                font-weight: bold;
                vertical-align: middle;
                background: #cfdbe6;
                height: 33px;
                padding-left: 8px;
                padding-right: 8px;
                color: #fff;
            }

            .modal-content .dialog-body .library-section table.library-list tbody td {
                vertical-align: middle;
                height: 33px;
                padding-left: 8px;
                padding-right: 8px;
                border-top: 1px solid #cfdbe6;
            }

                .modal-content .dialog-body .library-section table.library-list tbody td a {
                    color: #424b57;
                    text-decoration: none;
                }

        .modal-content .dialog-body .library-section .image-library {
            width: 406px;
        }

            .modal-content .dialog-body .library-section .image-library ul.img-gallery li {
                display: inline-block;
                margin-right: 17px;
                margin-bottom: 25px;
                position: relative;
            }

                .modal-content .dialog-body .library-section .image-library ul.img-gallery li:nth-child(3n+3) {
                    margin-right: 0px;
                }

/* modal window style end */
.upload-container {
    display: inline-block;
    width: 100%;
}

    .upload-container .upload-image-list {
        margin-left: 30px;
        margin-bottom: 25px;
        float: left;
    }

        .upload-container .upload-image-list div {
            margin: 0;
            padding: 0;
        }

    .upload-container .close-sign {
        float: right;
        cursor: pointer;
    }

        .upload-container .close-sign:after {
            content: "\e919";
            font-family: 'icomoon' !important;
            color: #424b57;
            font-size: 7px;
            border: 1px solid #424b57;
            border-radius: 100%;
            padding: 5px;
            position: absolute;
            background: #fff;
            right: -5px;
            top: -5px;
        }

    .upload-container .add-new-image {
        display: inline-block;
        /*background: url("../images/placeholder.png") bottom center no-repeat;*/
        width: 221px;
        height: 166px;
        border: none;
        position: relative;
        background-size: 221px 166px;
        padding: 0px;
        box-sizing: border-box;
    }

        .upload-container .add-new-image:first-child {
            margin-left: 0px;
        }

        .upload-container .add-new-image .close-sign {
            display: none;
        }

        .upload-container .add-new-image input[type="file"] {
            display: none;
        }

        .upload-container .add-new-image p {
            position: absolute;
            text-decoration: none;
            background: #fff;
            padding: 7px 0px;
            color: #474844;
            font-family: "open sans";
            font-size: 12px;
            top: 74%;
            width: 221px;
            text-align: center;
            cursor: pointer;
        }

            .upload-container .add-new-image p:before {
                content: "+";
                color: #474844;
                width: 15px;
                height: 15px;
                text-align: center;
                font-size: 15px;
                border-radius: 50%;
                border: 1px solid #474844;
                display: inline-block;
                margin-right: 4px;
                position: relative;
                top: 1px;
            }

            .upload-container .add-new-image p span {
                margin-left: 2px;
            }

.marketing-entity-grid, .offer-entity-grid, .admin-grid {
    border: 1px solid #b3b7bc;
    border-radius: 3px;
    background-color: #ffffff;
}

    .marketing-entity-grid .mb-entity-head, .offer-entity-grid .mb-entity-head, .admin-grid .mb-entity-head {
        border-bottom: 1px solid #b3b7bc;
        padding-top: 7px;
        padding-bottom: 7px;
        display: inline-block;
        width: 100%;
    }

        .marketing-entity-grid .mb-entity-head h1, .offer-entity-grid .mb-entity-head h1, .admin-grid .mb-entity-head h1 {
            color: #107dd0;
            font-family: "open sans";
            font-size: 15px;
            font-weight: bold;
            margin: 10px 0 0 0;
            padding-left: 15px;
        }

        .marketing-entity-grid .mb-entity-head .mb-count, .offer-entity-grid .mb-entity-head .mb-count, .admin-grid .mb-entity-head .mb-count {
            display: inline-block;
            padding-left: 5px;
        }

        .marketing-entity-grid .mb-entity-head .mb-entity-pagination h2, .offer-entity-grid .mb-entity-head .mb-entity-pagination h2, .admin-grid .mb-entity-head .mb-entity-pagination h2 {
            color: #424b57;
            font-size: 15px;
            font-weight: bold;
            margin: 10px 15px 0 0;
        }

.mb-entity-grid-table {
    padding: 15px;
}

    .mb-entity-grid-table table {
        border-collapse: collapse;
        font-size: 13px;
        border: 1px solid #b3b7bc;
        width: 100%;
        background: #f2f6fa;
        color: #424b57;
    }

    .mb-entity-grid-table th {
        font-weight: bold;
        padding: 25px 20px;
    }

    .mb-entity-grid-table td {
        border-top: 1px solid #b3b7bc;
        padding: 25px 20px;
        background-color: #ffffff;
    }

.mb-entity-pagination {
    padding: 0 20px;
}

    .mb-entity-pagination h2 {
        float: left;
    }

    .mb-entity-pagination .mb-pagination {
        float: left;
        border: 1px solid #e7eaec;
    }

        .mb-entity-pagination .mb-pagination ul li {
            float: left;
            padding: 9px 12px;
            border-right: 1px solid #e7eaec;
            font-size: 14px;
        }

            .mb-entity-pagination .mb-pagination ul li:last-child {
                border-right: 0px solid #e7eaec;
            }

            .mb-entity-pagination .mb-pagination ul li:hover {
                background-color: #f2f6fa;
            }

/*Admin Multi level menu*/
.multilevelDD ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .multilevelDD ul:after {
        clear: both;
    }

    .multilevelDD ul ul {
        left: 100%;
        top: 0;
    }

.multilevelDD li {
    display: block;
    position: relative;
    float: left;
}

    .multilevelDD li:hover li {
        float: none;
    }

    .multilevelDD li:hover > ul {
        display: block;
        position: absolute;
    }

    .multilevelDD li ul {
        display: none;
        border: 1px solid #ddd;
        border-radius: 3px;
        background-color: #fff;
    }

        .multilevelDD li ul li {
            border-top: 0;
            border-left: 13px solid #f2f6fa;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

            .multilevelDD li ul li:hover {
                background-color: transparent;
                border-left: 13px solid #107dd0;
                color: #107dd0 !important;
                font-weight: bold;
            }

                .multilevelDD li ul li:hover span a {
                    color: #107dd0;
                    font-weight: bold;
                }

            .multilevelDD li ul li span {
                margin-bottom: 0 !important;
                border-bottom: 1px solid #f2f6fa;
                padding: 0;
                min-width: 185px;
                color: #107dd0;
            }

                .multilevelDD li ul li span a {
                    color: #7a8da4;
                    text-decoration: none;
                }

                .multilevelDD li ul li span:hover {
                    border-bottom: 1px solid #f2f6fa;
                }

                    .multilevelDD li ul li span:hover span a {
                        color: #7a8da4 !important;
                    }

                .multilevelDD li ul li span a {
                    padding-left: 8px !important;
                }

                    .multilevelDD li ul li span a:hover {
                        color: #107dd0 !important;
                        font-weight: bold !important;
                    }

            .multilevelDD li ul li ul li {
                color: #7a8da4;
                font-weight: normal !important;
                background-color: transparent;
                border-left: 13px solid #f2f6fa;
            }

                .multilevelDD li ul li ul li:hover {
                    background-color: transparent;
                    border-left: 13px solid #107dd0;
                }

                    .multilevelDD li ul li ul li:hover span a {
                        color: #107dd0 !important;
                        font-weight: bold !important;
                    }

                    .multilevelDD li ul li ul li:hover ul li span a {
                        color: #7a8da4 !important;
                        font-weight: normal !important;
                        padding-left: 21px !important;
                    }

                        .multilevelDD li ul li ul li:hover ul li span a:hover {
                            color: #107dd0 !important;
                            font-weight: bold !important;
                        }

                .multilevelDD li ul li ul li span a {
                    color: #7a8da4 !important;
                    text-decoration: none;
                    padding-left: 8px !important;
                    padding-right: 10px !important;
                    font-weight: normal !important;
                }

    .multilevelDD li span {
        display: block;
        padding: 15px 1px 10px;
        text-decoration: none;
        white-space: nowrap;
        margin-bottom: 5px;
        cursor: pointer !important;
    }

/*user guide popup scss*/
.user-details {
    display: none;
    position: absolute;
    border: 1px solid #d6dadd;
    -moz-box-shadow: 0 0 3px #ddd;
    -webkit-box-shadow: 0 0 3px #ddd;
    box-shadow: 0 0 3px #ddd;
    min-width: 200px;
    right: -48px;
    margin-top: 28px;
}

    .user-details:before, .user-details:after {
        content: " ";
        display: table;
    }

    .user-details:after {
        clear: both;
    }

    .user-details .user-icon-div, .user-details .user-info {
        display: table-cell;
    }

    .user-details .user-icon-div {
        vertical-align: middle;
        padding-left: 18px;
        padding-right: 18px;
        background-color: #f2f6f5;
    }

    .user-details .user-info {
        width: 100% !important;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #fff;
    }

        .user-details .user-info .user-name {
            color: #7a8dd4;
            font-weight: bold;
            font-size: 13px;
            clear: both;
            margin-top: 15px;
            margin-bottom: 10px;
            line-height: 16px;
        }

        .user-details .user-info .user-dept, .user-details .user-info .user-property {
            color: #7a8dd4;
            margin: 0;
            font-size: 13px;
        }

        .user-details .user-info .user-dept {
            margin-bottom: 5px;
        }

        .user-details .user-info .close-icon {
            float: right !important;
            font-size: 22px;
            color: #000 !important;
            cursor: pointer;
            height: 0;
            padding-top: 2px;
        }

/**marketing-brief-view-readonly**/
.offer-list-data-value {
    margin: 0 auto;
}

.offer-div-header {
    font-weight: bold;
    padding-bottom: 8px;
    font-size: 13px;
}

.offer-terms-and-condition {
    font-size: 13px;
    line-height: 1.6;
    color: #424b57;
}

    .offer-terms-and-condition li:before {
        content: "•";
        color: #424b57;
        padding-right: 5px;
    }

.upload-image-list {
    position: relative;
    display: inline-block;
}

    .upload-image-list img {
        width: 221px;
        height: 166px;
        border: none;
    }

    .upload-image-list .upload-image-text {
        position: absolute;
        background: #fff;
        background: #fff;
        opacity: 0.8;
        top: 74%;
        font-size: 9px;
        width: 221px;
        padding: 10px 0;
        text-align: center;
    }

.upload-image {
    display: inline-block;
    background: url(../images/uploadedimage.png) bottom center no-repeat;
    width: 221px;
    height: 166px;
    border: none;
    position: relative;
}

    .upload-image .upload-image-text {
        position: absolute;
        background: #fff;
        position: absolute;
        background: #fff;
        opacity: 0.8;
        top: 74%;
        font-size: 9px;
        width: 221px;
        padding: 10px 0;
        text-align: center;
    }

/**END---marketing-brief-view-readonly**/
.typeahead, .tt-query, .tt-hint {
    border: 2px solid #CCCCCC;
    height: 30px;
    line-height: 30px;
    outline: medium none;
    padding: 8px 8px;
    min-width: 270px;
    padding-right: 35px !important;
}

.typeahead {
    background-color: #FFFFFF;
}

    .typeahead:focus {
        border: 2px solid #0097CF;
    }

.iconspacing {
    right: 10px;
    font-size: 12px;
    z-index: 0;
    position: absolute;
    top: 35px;
}

.iconspacing-two {
    right: 10px;
    font-size: 12px;
    z-index: 0;
    position: absolute;
    top: 12px;
}

.iconspacing-three {
    right: 30px;
    font-size: 12px;
    z-index: 0;
    position: absolute;
    top: 54px;
}

/**marketing-brief-history**/
#history-offer-tab .typeahead {
    min-width: 250px !important;
}

/**END---marketing-brief-history**/
/*offer creation*/
.offer-creation {
    width: 1224px;
}

    .offer-creation.tabs-offer-creation-section li a {
        color: #b7b9bd;
        text-decoration: none;
    }

    .offer-creation.tabs-offer-creation-section li.active {
        background-color: #107dd0;
        color: #fff;
    }

        .offer-creation.tabs-offer-creation-section li.active a {
            color: #fff;
            text-decoration: none;
        }

    .offer-creation.tabs-offer-creation-section li:after {
        content: '';
        border-bottom: 1px solid #cfdbe6;
        width: 40px;
        position: absolute;
        left: 366px;
        top: 18px;
    }

    .offer-creation.tabs-offer-creation-section li:last-child:after {
        content: '';
        border-bottom: none !important;
    }

/*.offer-header-tab, .offer-details-tab, .offer-odk-tab, .odk-tab {
    position: relative;
    display: inline-block;
    border: 1px solid #cfdbe6;
    border-radius: 2px;
    padding: 10px 0 10px 0;
    text-align: center;
    font-weight: bold;
    color: #b7b9bd;
    font-size: 13px;
    width: 265px;
    margin-right: 35px;
}*/

.offer-header-tab, .offer-details-tab, .offer-odk-tab, .odk-tab {
    position: relative;
    display: inline-block;
    border: 1px solid #cfdbe6;
    border-radius: 2px;
    padding: 10px 0 10px 0;
    text-align: center;
    font-weight: bold;
    color: #b7b9bd;
    font-size: 13px;
    width: 365px;
    margin-right: 35px;
}

    .offer-header-tab.active, .offer-details-tab.active, .offer-odk-tab.active, .odk-tab.active {
        background-color: #107dd0;
        color: #fff;
    }

    .offer-header-tab:after, .offer-details-tab:after, .offer-odk-tab:after, .odk-tab:after {
        content: '';
        border-bottom: 1px solid #cfdbe6;
        width: 40px;
        position: absolute;
        left: 366px;
        top: 18px;
    }

    .offer-header-tab:last-child:after, .offer-details-tab:last-child:after, .offer-odk-tab:last-child:after, .odk-tab:last-child:after {
        content: '';
        border-bottom: none !important;
    }

.offer-odk-tab {
    margin-right: 0;
}

.marketing-reference, .offer-reference {
    border-bottom: 1px solid #cfdbe6;
    margin-left: -26px;
    margin-right: -29px;
}

.offer-textarea {
    color: #424b57 !important;
}

/*checkbox styled as a button*/
.ck-button {
    background-color: #fff;
    border-radius: 23px;
    border: 1px solid #cfdbe6;
    /*overflow: auto;*/
    color: #424b57;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    margin-bottom: 10px;
    cursor: pointer;
}

    .ck-button label {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0;
    }

        .ck-button label > div {
            text-align: center;
            display: table-cell;
            height: 35px;
            vertical-align: middle;
            width: 113px;
            padding-left: 10px;
            padding-right: 10px;
            cursor: pointer;
        }

        .ck-button label > span {
            text-align: center;
            display: table-cell;
            height: 33px;
            vertical-align: middle;
            width: auto;
            padding-left: 10px;
            padding-right: 10px;
            cursor: pointer;
            font-weight: normal;
        }
        /*.ck-button label input[type="checkbox"] {
      position: absolute;
      visibility: hidden; }*/
        .ck-button label input[type="checkbox"] {
            position: absolute;
            opacity: 0;
        }

    .ck-button input:checked + input + div {
        border-radius: 23px;
    }

    .ck-button input:checked + input + div, .ck-button input:checked + input + span {
        background-color: #107dd0;
        color: #fff;
        font-weight: bold;
        border-radius: 23px;
    }

    .ck-button.offerstatus-btn {
        border-radius: 0 !important;
        width: 150px;
        text-align: center;
    }

        .ck-button.offerstatus-btn label > div {
            width: 150px;
            font-weight: normal;
            font-size: 14px;
            height: 33px;
        }

        .ck-button.offerstatus-btn input:checked + input + div, .ck-button.offerstatus-btn input:checked + input + span {
            border-radius: 0;
        }

        .ck-button.offerstatus-btn.margin-right-15 {
            margin-right: 15px;
        }


.ck-img-button {
    background: url(/library/content/assets/images/nocalendar.png) no-repeat 50% 50%;
    border: none;
}
.no-end-date-btn .ck-img-button label > div {
    width: 15px;
    background: none !important;
}



.text-danger {
    color: #ec1c2c !important;
    font-size: 12px !important;
    font-family: "open sans";
}

.field-validation-error {
    position: absolute;
    margin-top: 5px;
    left: 0;
    display: block;
}

.input-validation-error {
    border: 1px solid #ec1c2c !important;
}

.warning-content {
    font-size: 13px;
    line-height: 15px;
}

.error-box {
    border: 1px solid #ec1c2c !important;
}

.autocomplete-box {
    z-index: 1000;
}

.no-matching-res {
    font-family: Open Sans, sans-serif;
    color: #ec1c2c;
    font-size: 17px;
    text-align: center;
}

/*arrival details*/
.cta {
    width: 345px;
    float: left;
}

    .cta input {
        width: 100%;
    }

.arrival-details {
    width: 210px !important;
    float: left !important;
    margin-right: 59px !important;
    margin-top: 20px !important;
    margin-bottom: 0px !important;
}

    .arrival-details input {
        width: 100% !important;
    }

    .arrival-details:nth-child(3n+3) {
        margin-right: 0px;
    }

/*arrival details*/
/*offer category */
.offer-category {
    float: left;
    display: inline-block;
    background-color: #fff;
    text-align: left;
    height: 35px;
    margin-right: 10px;
    border: 1px solid #cfdbe6;
    box-sizing: border-box;
}

/*offer category - END*/
/* Tab- 2 Marketing brief creation*/
.list-icon-style {
    font-size: 20px !important;
    position: relative !important;
    top: -2px !important;
    margin: 0px 10px;
}

.label-title {
    vertical-align: top;
    width: 140px;
    line-height: 1;
    font-weight: bold;
}

.search-textbox {
    position: relative;
    vertical-align: top;
}

    .search-textbox input[type="text"] {
        padding: 0px 10px;
        float: left;
    }

.icon-document-search {
    height: 35px;
    font-size: 30px;
    border: none;
    background-color: transparent;
    padding: 0;
    margin-left: 8px;
}

.chk-bottom-text {
    display: block;
}

.restaurant-height-90 {
    height: 90px !important;
}

.general-container [type="checkbox"] {
    width: 14px !important;
    height: 14px !important;
    border: 2px solid #7e818c;
}

.general-container .custom-checkbox [type="checkbox"]:not(:checked) + input + label:before {
    width: 16px;
    height: 16px;
}

.general-container .custom-checkbox [type="checkbox"]:checked + input + label:after {
    width: 16px;
    height: 16px;
}

.general-container .offer-item .select-box {
    top: 0px;
    left: 0;
}

    .general-container .offer-item .select-box .offer-detail-dropdown {
        padding: 5px 2% 5px 3%;
        font-weight: 100;
        font-size: 13px;
        border: solid 1px #cfdbe6;
        color: #424b57;
        cursor: pointer;
        line-height: 1.8;
    }

.checklist {
    width: 195px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

    .checklist:nth-child(5n) {
        margin-right: 0 !important;
    }

    .checklist.restaurant-checklist {
        width: auto;
        margin-right: 56px;
    }

        .checklist.restaurant-checklist .custom-checkbox [type="checkbox"]:not(:checked) + input + label {
            height: 35px;
        }

            .checklist.restaurant-checklist .custom-checkbox [type="checkbox"]:not(:checked) + input + label:before {
                content: '';
                position: absolute;
                left: 8px;
                top: 7px;
                width: 14px;
                height: 14px;
                border: 1px solid #7e818c;
                border-radius: 4px;
                background: #fff;
            }

        .checklist.restaurant-checklist .custom-checkbox [type="checkbox"]:checked + input + label {
            height: 35px;
        }

            .checklist.restaurant-checklist .custom-checkbox [type="checkbox"]:checked + input + label:after {
                content: '';
                width: 14px;
                height: 14px;
                border: 1px solid #7e818c;
                border-radius: 4px;
                position: absolute;
                left: 8px;
                top: 7px;
            }

            .checklist.restaurant-checklist .custom-checkbox [type="checkbox"]:checked + input + label:before {
                content: '\e90e';
                font-family: 'icomoon' !important;
                font-size: 10px;
                color: #7e818c;
                position: absolute;
                left: 11px;
                top: 11px;
            }

    /*.checklist .custom-checkbox [type="checkbox"]:not(:checked) + label:before {
        width: 11px !important;
        height: 11px !important;
        border-radius: 3px !important;
    }

    .checklist .custom-checkbox [type="checkbox"]:checked + label:after {
        width: 11px !important;
        height: 11px !important;
        border-radius: 3px !important;
    }

    .checklist .custom-checkbox [type="checkbox"]:checked + label:before {
        font-size: 8px;
        top: 10px;
    }*/

    .checklist .custom-checkbox label .quotient {
        background-color: #d5e0e9;
        padding: 1px 4px;
    }

.header-checkbox [type="checkbox"] {
    width: 14px !important;
    height: 14px !important;
    border: 2px solid #7e818c;
}

    .header-checkbox [type="checkbox"]:not(:checked) + label:before {
        width: 14px !important;
        height: 14px !important;
        border: 2px solid #7e818c;
    }

    .header-checkbox [type="checkbox"]:checked + label:after {
        width: 14px !important;
        height: 14px !important;
        border: 2px solid #7e818c;
    }

    .header-checkbox [type="checkbox"]:checked + label:before {
        font-size: 11px;
        font-weight: bold;
    }

/*Warning message start*/
#signoutModal .modal-dialog {
    width: 350px;
    /*top: 20%;*/
}

#signoutModal .dialog-title {
    font-size: 16px;
    color: #ea505d;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}

#signoutModal .dialog-header {
    background-color: #ea505d;
    height: 150px;
}

    #signoutModal .dialog-header .close-sign {
        position: absolute;
        right: 0px;
        top: 0px;
    }

        #signoutModal .dialog-header .close-sign:after {
            content: "\e903";
            font-family: 'icomoon' !important;
            color: #fff;
            font-size: 22px;
        }

    #signoutModal .dialog-header .icon-warning {
        position: absolute;
        font-size: 5em;
        left: 130px;
        top: 35px;
    }

#signoutModal .modal-content {
    padding: 0;
    border-radius: 0;
}

#signoutModal .warning-container {
    padding: 15px;
}

#signoutModal .warning-content {
    text-align: center;
    font-size: 15px;
    line-height: 24px;
    color: #424b57;
}

/*Warning message end*/
/* Offfer tabs css goes here */
.tab-list .offer-tab-container .prop-nav {
    width: 100%;
    border-bottom: 0px;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: inline-block;
}

    .tab-list .offer-tab-container .prop-nav li {
        width: 16.66%;
        text-align: center;
        margin: 0 0 30px 0;
        font-size: 15px;
        color: #7a8da4;
        padding: 0;
        float: left;
        position: relative;
        display: block;
    }

        .tab-list .offer-tab-container .prop-nav li a.offer-icon {
            text-decoration: none;
            color: #7a8da4;
        }

            .tab-list .offer-tab-container .prop-nav li a.offer-icon span {
                display: block;
                margin: 0 0 18px 0;
            }

                .tab-list .offer-tab-container .prop-nav li a.offer-icon span:before {
                    font-size: 2.2em;
                }

            .tab-list .offer-tab-container .prop-nav li a.offer-icon:hover {
                text-decoration: none;
            }

        .tab-list .offer-tab-container .prop-nav li:hover {
            background-color: transparent;
        }

        .tab-list .offer-tab-container .prop-nav li.active {
            font-weight: bold;
            background-color: transparent;
            padding: 0;
        }

            .tab-list .offer-tab-container .prop-nav li.active a {
                color: #107dd0;
            }

            .tab-list .offer-tab-container .prop-nav li.active span:before {
                color: #107dd0;
            }

.tab-list .offer-tab-container .tab-content {
    padding: 0;
    margin: 0 0 0 0;
}

/* Offfer tabs css ends here */
/*offer creation odk*/
.btn-url {
    background-color: #107dd0;
    text-decoration: none !important;
    padding: 9px 25px;
    border-radius: 5px;
    font-size: 13px;
    color: #fff !important;
}

    .btn-url:hover, .btn-url:active {
        color: #fff;
    }

    .btn-url[disabled="disabled"] {
        background-color: #ddd;
    }

.url-ck > li {
    display: inline-block;
    margin-bottom: 0 !important;
}

.offer-item .select-box {
    top: -16px;
    left: 100%;
}

.radiobutton_group .rd-button {
    position: relative;
    margin: 0 3px 0 0;
    display: inline-block;
    background-color: #fff;
    text-align: left;
    width: 130px;
    height: 35px;
    margin-right: 10px;
    border: 1px solid #cfdbe6;
    box-sizing: border-box;
}

    .radiobutton_group .rd-button label {
        padding: 10px 0px 10px 30px;
    }

.radiobutton_group input[type="radio"] {
    display: none;
}

    .radiobutton_group input[type="radio"]:checked + input + label:after {
        content: '';
        width: 6px;
        height: 6px;
        background: #666;
        position: absolute;
        top: 13px;
        left: 13px;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

.radiobutton_group label {
    position: relative;
    cursor: pointer;
}

    .radiobutton_group label:before {
        content: '';
        position: absolute;
        left: 10px;
        top: 10px;
        width: 10px;
        height: 10px;
        border: 1px solid #666;
        border-radius: 100%;
        background: #fff;
    }

.radiobutton_group.bluebtnradio .rd-button {
    position: relative;
    margin: 0 3px 0 0;
    background-color: #fff;
    border-radius: 23px;
    border: 1px solid #cfdbe6;
    overflow: auto;
    float: left;
    color: #424b57;
    cursor: pointer;
    width: auto;
    height: auto;
}

    .radiobutton_group.bluebtnradio .rd-button label {
        text-align: left;
        padding: 6px 10px;
        display: block;
        border-radius: 23px;
        font-size: 13px;
        line-height: 20px;
        margin: 0;
        font-weight: normal;
    }

        .radiobutton_group.bluebtnradio .rd-button label:before {
            display: none;
        }

.radiobutton_group.bluebtnradio input {
    display: none;
}

    .radiobutton_group.bluebtnradio input:checked + input + label:after {
        transform: scale(1);
        opacity: 1;
        display: none;
    }

.radiobutton_group.bluebtnradio label {
    position: relative;
    cursor: pointer;
}

    .radiobutton_group.bluebtnradio label.radioselect {
        background: #107dd0;
        color: #ffffff;
        font-weight: bold;
    }

.radiobutton_group.marketing_rd_btngroup .rd-button {
    text-align: center;
    margin: 0 8px 10px 0;
}

    .radiobutton_group.marketing_rd_btngroup .rd-button label {
        width: 108px;
        text-align: center;
        padding: 7px 10px;
        min-height: 21px;
    }

.offer-checkbox-group .ck-button {
    margin-right: 0px;
}

.view-offer-online-marketing {
    border: 1px solid #cfdbe6;
    border-radius: 2px;
    margin: 0px 15px;
    padding-bottom: 15px;
}

    .view-offer-online-marketing .offer-view-panel {
        padding: 15px 15px 0px 15px;
    }

.view-offer-online-marketing-url {
    font-size: 13px;
    font-style: italic;
    color: #4f00ff;
}

.property-details-section {
    border: 1px solid #cfdbe6;
    border-radius: 2px;
    margin: 0px 15px 10px;
}

    .property-details-section .offer-view-panel {
        border: 1px solid #cfdbe6;
        border-radius: 0px;
        padding: 15px 15px 0px 15px;
        margin: 15px 15px 0px 15px;
    }

    .property-details-section .property-name {
        margin-left: 45px;
        margin-top: 15px;
    }

        .property-details-section .property-name label {
            color: #ffffff;
            font-size: 12px;
            font-weight: bold;
            display: block;
            background-color: #aab8c5;
            border-radius: 30px;
            padding: 10px;
            margin-right: 30px;
            width: 215px;
            float: left;
            text-align: center;
        }

.property-row-container {
    margin-bottom: 10px;
    overflow: hidden;
}

.view-offer-published-to {
    margin-top: 20px;
    margin-bottom: 25px;
    padding: 15px;
}

.pageCounter {
    float: right;
    border: 1px solid #e7eaec;
    height: 30px;
    margin: 0 15px 0 0;
    position: relative;
    overflow: hidden;
}

    .pageCounter .disabled-pagination {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 10;
        background: #fff;
        opacity: 0.3;
    }

    .pageCounter ul li {
        float: left;
    }

.prev-button, .next-button {
    float: left;
    padding: 9px 12px;
    font-size: 12px;
    cursor: pointer;
}

.pagination {
    margin: 0;
}

    .pagination li:first-child a, .pagination li:first-child span {
        margin: 0 !important;
        border-radius: 0 !important;
        font-size: 12px;
    }

    .pagination li:last-child a, .pagination li:last-child span {
        margin: 0 !important;
        border-radius: 0 !important;
    }

    .pagination > li > a {
        font-size: 12px;
    }

.top-pagination {
    width: 100%;
    display: inline-block;
}

    .top-pagination .top-pagination-wrapper {
        padding: 10px 20px;
    }

        .top-pagination .top-pagination-wrapper h2 {
            float: left;
            font-weight: bold;
            font-size: 15px;
            color: #424b57;
        }

        .top-pagination .top-pagination-wrapper .top-pagination-content {
            float: left;
            border: 1px solid #e7eaec;
            border-radius: 2px;
        }

            .top-pagination .top-pagination-wrapper .top-pagination-content ul .arrow-bg {
                background-color: #fff;
                border-radius: 2px;
            }

            .top-pagination .top-pagination-wrapper .top-pagination-content ul li {
                float: left;
                padding: 9px 12px;
                border-right: 1px solid #e7eaec;
                font-size: 14px;
            }

                .top-pagination .top-pagination-wrapper .top-pagination-content ul li:last-child {
                    border-right: 0px solid #e7eaec;
                }

/*Checkbox-container*/
.cb-position {
    position: relative;
}

.checkbox-dropdown {
    position: absolute;
    top: 36px;
    border: 1px solid #cfdbe6;
    z-index: 9;
    background: #fff;
    width: 200px;
    border-radius: 4px;
    display: none;
}

    .checkbox-dropdown .checkbox-btn {
        margin: 10px 0 20px 35px;
    }

    .checkbox-dropdown .checkbox-header li.drop-head {
        font-size: 15px;
        font-weight: bold;
        color: #107dd0;
        background: #f2f6fa;
        padding: 15px 0 15px 38px;
        margin-bottom: 10px;
        width: 160px;
    }

    .checkbox-dropdown li {
        color: #666;
        font-size: 13px;
        padding: 6px 0 6px 38px;
        position: relative;
        margin-bottom: 0;
    }

        .checkbox-dropdown li input[type='checkbox'] {
            margin-right: 4px;
        }

            .checkbox-dropdown li input[type='checkbox']:after {
                line-height: 1.5em;
                content: '';
                display: inline-block;
                width: 14px;
                height: 14px;
                margin-left: -4px;
                border: 1px solid #7e818c;
                border-radius: 4px;
                background: #fff;
            }

            .checkbox-dropdown li input[type='checkbox']:checked:after {
                content: '\e90e';
                font-family: 'icomoon' !important;
                font-size: 10px;
                color: #7e818c;
                position: absolute;
                left: 38px;
                text-align: center;
            }

::placeholder {
    color: #b1b3b7;
    opacity: 1;
}

textarea:-ms-input-placeholder {
    color: #b1b3b7;
    opacity: 1;
}

#EditWarning .modal-dialog, #EditConfirmWarning .modal-dialog {
    width: 450px;
    top: 20%;
}

#EditWarning .modal-content, #EditConfirmWarning .modal-content {
    border-radius: 0px;
}

#EditWarning .dialog-title, #EditConfirmWarning .dialog-title {
    color: #ea505d;
}

#EditWarning .dialog-header .close-sign, #EditConfirmWarning .dialog-header .close-sign {
    position: absolute;
    right: -10px;
    top: -10px;
    border-radius: 15px;
    background: #666;
}

    #EditWarning .dialog-header .close-sign:after, #EditConfirmWarning .dialog-header .close-sign:after {
        content: "\e903";
        font-family: 'icomoon' !important;
        color: #fff;
        font-size: 22px;
    }

#EditWarning .warning-content, #EditConfirmWarning .warning-content {
    line-height: 17px;
}

.success-message {
    padding: 10px 40px;
    margin-bottom: 10px;
    border: 1px solid #cfdbe6;
    color: green;
    font-size: 16px;
    font-weight: bold;
}

.offer-list-item .value a {
    color: blue;
    font-size: 13px;
    font-style: italic;
}

.odk-view-radio {
    background-color: transparent;
    border: none;
}

.error-label {
    color: #ec1c2c !important;
}

.remove-dd-icon:after {
    background-image: none;
}

.err-lbl {
    color: #ec1c2c;
}

.custom-checkbox [type="checkbox"]:checked + input + label.error-label:after {
    border: 1px solid #ec1c2c !important;
}

.list-icon-style {
    color: #666;
}

.promo-code-container {
    width: 306px;
}

    .promo-code-container .promo-code-pan {
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
        display: block;
        background-color: #aab8c5;
        border-radius: 30px;
        border-radius: 10px;
        padding: 10px;
        line-height: 16px;
        float: left;
        text-align: left;
    }

/*marketing brief validation styling*/
.chkBoxChecked {
    background-color: #107dd0;
    color: #fff;
}

.unchkBoxChecked {
    background-color: #fff;
    color: #424b57;
}

#errormsg {
    color: #ec1c2c !important;
    margin-bottom: 20px !important;
}

.disabled-checkbox {
    background-color: #ebebe4;
    border-radius: 23px;
}

/*marketing brief validation styling*/
/*disabled form fields*/
.disabled-input-fileds {
    background: #ebebe4;
}

/*Offer tab - error messages*/
.offer-tab-error, .publish-alert, .rate-code-error, .promo-code-error {
    color: #ec1c2c !important;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 13px;
}

.admin-error {
    color: #ec1c2c !important;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 14px;
    text-align: center;
}

.admin-success {
    color: green !important;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
    word-wrap: break-word;
}

.admin-grid-error-msg {
    font-family: Open Sans, sans-serif;
    color: #ec1c2c !important;
    font-size: 20px !important;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.account-tabs {
    margin: 20px auto 0px auto;
}

    .account-tabs .nav > li > a {
        border-radius: 0;
        padding: 9px 20px;
    }

a.plus-icon {
    float: right;
    background-color: #7b7c7c;
    border-radius: 50%;
    color: #ffffff;
    padding: 5px 6px 6px;
    border: 1px solid #7b7c7c;
    text-align: center;
    text-decoration: none;
    outline: 0;
}

    a.plus-icon:after {
        content: "+";
        font-size: 18px;
        line-height: 12px;
        display: block;
    }

    a.plus-icon:hover, a.plus-icon:active, a.plus-icon a:focus {
        color: #ffffff;
        outline: 0;
        border: 1px solid #7b7c7c;
        text-decoration: none;
    }

.admin-dropdown {
    border: solid 1px #cfdbe6;
    height: 35px;
    font-size: 13px;
    padding: 0 10px;
    box-sizing: border-box;
}

.admin-container select {
    border: solid 1px #cfdbe6;
    height: 35px;
    font-size: 13px;
    padding: 0 10px;
    box-sizing: border-box;
}

.admin-container .offer-panel .offer-item {
    width: auto;
    display: inline-block;
}

    .admin-container .offer-panel .offer-item label {
        display: inline;
    }

    .admin-container .offer-panel .offer-item select {
        display: inline;
    }

.admin-search-box {
    border: solid 1px #cfdbe6;
    height: 35px;
    font-size: 13px;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 1px 0 0 0px;
    width: 250px;
}

.admin-inner-container {
    border: 1px solid #cfdbe6;
    border-radius: 2px;
    background-color: #ffffff;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

.payment-search-container h2 {
    font-family: "open sans";
    font-weight: bold;
    font-size: 13px;
    color: #424b57;
    margin-bottom: 10px;
}

.show-summery-details {
    display: none;
    width: 100%;
    background-color: #ffffff;
    padding: 25px;
    border: 1px solid #cfdbe6;
    position: absolute;
    left: 0;
    right: 0;
    box-sizing: border-box;
    margin: 10px 0 30px 0;
    z-index: 1001;
}

.travel-summery-pan {
    padding: 15px 30px;
    display: block !important;
}

    .travel-summery-pan label {
        font-weight: normal;
        line-height: 16px;
    }

.search-container {
    float: right;
    margin: 0;
}

    .search-container .search-box {
        border: solid 1px #cfdbe6;
        padding: 6px 3px 5px 8px;
        float: left;
        margin: 0 10px 0 0;
    }

    .search-container .search-txtbox {
        border-width: 0;
        font-size: 13px;
        outline: 0;
        width: 272px;
        height: 22px;
    }

    .search-container .search-icon {
        color: #999999;
        padding: 1px 5px;
        text-decoration: none;
    }

        .search-container .search-icon:hover {
            text-decoration: none;
        }

        .search-container .search-icon:after {
            content: "\e932";
            font-family: 'icomoon' !important;
            font-size: 16px;
            font-weight: bold;
        }

    .search-container .plus-icon {
        float: left;
    }

        .search-container .plus-icon:hover {
            text-decoration: none;
        }

.account-history .typeahead {
    min-width: inherit;
}

.admin-grid .icon-refresh-icon {
    font-size: 18px;
    font-weight: bold;
    color: #777;
    margin: 8px 0 0 15px;
    position: relative;
    top: 0;
    float: left;
    cursor: pointer;
}

.admin-table table {
    width: 100%;
    /*-moz-box-shadow: 0 0 3px #cfdbe6;
		-webkit-box-shadow: 0 0 3px #cfdbe6;
		box-shadow: 0 0 3px #cfdbe6;*/
    border: 1px solid #cfdbe6;
    margin: 0;
    position: relative;
}

    .admin-table table tr th {
        padding: 22px 15px 22px 15px;
        background: #f2f6fa;
        font-size: 13px;
        font-weight: bold;
        color: #424b57;
        position: relative;
        border-bottom: 1px solid #cfdbe6;
    }

        .admin-table table tr th.action-col {
            width: 10%;
        }

        .admin-table table tr th.sr-col {
            width: 2%;
        }

        .admin-table table tr th.status-col {
            width: 9%;
        }

        .admin-table table tr th.resaction-col {
            width: 17%;
        }

        .admin-table table tr th.receivedate-col {
            width: 15%;
        }

        .admin-table table tr th.proceeddate-col {
            width: 15%;
        }

    .admin-table table tr:nth-child(odd) td {
        background: #ffffff;
    }

    .admin-table table tr:nth-child(even) td {
        background: #fcfdfe;
    }

    .admin-table table tr td {
        padding: 10px 15px 10px 15px;
        font-size: 13px;
        color: #424b57;
        word-wrap: break-word;
    }

        .admin-table table tr td.highlight-row {
            position: relative;
            z-index: 1000;
        }

            .admin-table table tr td.highlight-row .edit-txtbox {
                width: 82%;
            }

            .admin-table table tr td.highlight-row .select-style {
                width: 90%;
            }

                .admin-table table tr td.highlight-row .select-style select {
                    width: 100%;
                }

            .admin-table table tr td.highlight-row select {
                width: 85%;
            }

        .admin-table table tr td.action-col {
            width: 10%;
        }

        .admin-table table tr td.sr-col {
            width: 2%;
        }

        .admin-table table tr td.status-col {
            width: 7%;
        }

        .admin-table table tr td.description {
            word-wrap: break-word;
            word-break: break-all;
        }

        .admin-table table tr td.colwithoutspace {
            padding-right: 0;
            padding-left: 5px;
        }

        .admin-table table tr td .held-box {
            background: #ba8d78;
            width: 45px;
            height: 19px;
            border-radius: 5px;
            padding: 3px 10px;
            color: #ffffff;
        }

.admin-table .icon-edit, .admin-table .icon-delete {
    font-size: 18px;
    padding: 5px 0;
    display: inline-block;
    cursor: pointer;
    color: #424b57;
}

    .admin-table .icon-edit:hover, .admin-table .icon-delete:hover {
        text-decoration: none;
    }

.admin-table .edit-btn {
    cursor: pointer;
    margin-right: 25px;
}

.admin-table .note-btn {
    cursor: pointer;
    color: #424b57;
    text-decoration: none;
    font-size: 20px;
    padding: 3px 0;
    display: block;
}

.admin-table .control-hide {
    display: none;
}

.admin-table .control-show {
    display: block;
}

.admin-table .close-btn, .admin-table .confirm-save {
    font-size: 18px;
    padding: 5px 0px;
    cursor: pointer;
    color: #7b7979;
}

    .admin-table .close-btn .icon-warning-close:before, .admin-table .confirm-save .icon-warning-close:before {
        color: #7b7979;
    }

    .admin-table .close-btn .icon-Mini-Dynamic-Packages, .admin-table .confirm-save .icon-Mini-Dynamic-Packages {
        font-weight: bold;
    }

        .admin-table .close-btn .icon-Mini-Dynamic-Packages:before, .admin-table .confirm-save .icon-Mini-Dynamic-Packages:before {
            color: #7b7979;
        }

    .admin-table .close-btn:hover, .admin-table .confirm-save:hover {
        text-decoration: none;
    }

.admin-table .confirm-save {
    margin-right: 25px;
}

.editoverlay {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.view-summery-overlay {
    display: none;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.custom-popup .modal-header {
    background-color: #f2f6fa;
    padding: 25px 30px;
}

    .custom-popup .modal-header .modal-title {
        font-size: 15px;
        color: #107dd0;
        font-weight: bold;
        display: inline-block;
    }

    .custom-popup .modal-header .grid-title {
        font-size: 14px;
        color: #424b57;
        font-weight: bold;
        display: inline-block;
    }

        .custom-popup .modal-header .grid-title a:hover {
            text-decoration: none;
            color: #337ab7;
        }

.custom-popup .modal-body {
    padding: 0;
    border: 1px solid #cfdbe6;
    border-radius: 2px;
    padding: 13px;
    margin: 16px 30px;
    /*height: 320px;
		overflow-y: auto;*/
}

    .custom-popup .modal-body .second-heading {
        margin: 0;
        font-size: 20px;
    }

    .custom-popup .modal-body.no-border {
        border: 0;
        padding: 0;
    }

.custom-popup .modal-content {
    width: 1024px;
    position: relative;
    right: 52%;
    padding: 0;
    border-radius: 2px;
}

.custom-popup .modal-footer {
    padding: 0 30px 15px;
    border-top: 0px solid #e5e5e5;
}

.custom-popup .close {
    font-size: 38px;
    font-weight: normal;
    line-height: 22px;
    color: #000;
    opacity: 1;
}

.custom-popup .reservation-modal-width {
    width: 564px;
}

    .custom-popup .reservation-modal-width .modal-body {
        margin: 0;
    }

    .custom-popup .reservation-modal-width > .modal-header > .modal-title {
        font-size: 16px;
        color: #ea505d;
        font-weight: bold;
    }

.custom-popup.delete-popup .modal-header .modal-title {
    color: #ea505d;
}

.custom-popup.delete-popup .modal-body {
    border: 0px solid #cfdbe6;
    padding: 0;
    font-size: 14px;
}

.custom-popup.delete-popup .modal-content {
    width: auto;
    right: initial;
}

.custom-popup.delete-popup .modal-footer .btn-yes {
    background-color: #868994;
    color: #fff;
    width: 130px;
    border-radius: 0px;
    font-weight: bold;
    margin-bottom: 20px;
}

.custom-popup.delete-popup .modal-footer .btn-no {
    background-color: #ea505d;
    color: #fff;
    width: 130px;
    border-radius: 0px;
    font-weight: bold;
    margin-bottom: 20px;
}

.custom-popup label {
    display: block;
    font-family: "open sans";
    font-size: 13px;
    color: #424b57;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.custom-big-popup .modal-content {
    width: 1180px;
    right: 66%;
}

.custom-small-popup .modal-content {
    width: 380px;
    right: -18%;
}

.admin-del-popup .modal-header {
    padding: 10px 10px 10px 18px;
    border-bottom: 1px solid #b3b7bc !important;
}

.admin-del-popup .close {
    font-size: 25px;
    font-weight: bold;
}

.admin-del-popup .modal-content {
    right: 0%;
    width: auto;
}

.admin-del-popup .modal-body {
    padding: 18px 18px 8px;
    height: auto;
    overflow: inherit;
}

    .admin-del-popup .modal-body .odk-para {
        font-family: "Open Sans", sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #424b57;
    }

.edit-modal-panel .offer-panel {
    display: inline-block;
    margin-bottom: 0px;
    font-size: 13px;
    margin-top: 15px;
}

    .edit-modal-panel .offer-panel:first-child {
        margin-top: 0;
    }

    .edit-modal-panel .offer-panel .modal-items {
        float: left;
        vertical-align: top;
        position: relative;
    }

.edit-modal-panel input[type="text"] {
    border: solid 1px #cfdbe6;
    height: 35px;
    font-size: 13px;
    padding: 0 10px;
    box-sizing: border-box;
    outline: 0;
    min-width: auto;
}

    .edit-modal-panel input[type="text"]:focus {
        box-shadow: 0 0 10px #9ecaed;
    }

.edit-modal-panel select {
    border: solid 1px #cfdbe6;
    height: 35px;
    font-size: 13px;
    padding: 0 10px;
    box-sizing: border-box;
}

.edit-modal-panel label {
    display: block;
    font-family: "open sans";
    font-size: 13px;
    color: #424b57;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.edit-modal-panel textarea {
    height: 100px;
    resize: none;
    border: solid 1px #cfdbe6;
    font-size: 13px;
    padding: 10px;
    box-sizing: border-box;
}

    .edit-modal-panel textarea:focus {
        box-shadow: 0 0 10px #9ecaed;
    }

.status-active-button {
    margin: 3px 0;
    border-radius: 20px;
    border: 2px solid #777;
    background-color: #bcbbbc;
    height: 15px;
    cursor: pointer;
    width: 38px;
    position: relative;
    display: inline-block;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
}

    .status-active-button span {
        position: absolute;
        left: 3px;
        top: 2px;
        border-radius: 100%;
        width: 7px;
        height: 7px;
        background-color: white;
        float: left;
        margin: 0 0 0 0;
        border: 2px solid #777;
        transition: left 0.3s;
    }

    .status-active-button.topspacing {
        position: relative;
        top: 7px;
    }

.status-active-button-selected {
    background-color: #50efb2;
    border: 2px solid #777;
}

    .status-active-button-selected span {
        left: 24px;
        top: 2px;
        margin: 0;
        border: none;
        width: 7px;
        height: 7px;
        border: 2px solid #777;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    }

#jqGridLoaderWrapper.loader-show {
    display: block;
    position: fixed;
    z-index: 10000;
    background-image: url("../images/giphy.gif");
    background-color: #666;
    opacity: 0.4;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0; 
    
}

#readOnlyMode.content-wrapper {
    padding-top: 0px;
}

/*restaurant Popup*/
.restaurant-popup .modal-content {
    width: 220px;
    padding: 0;
    border-radius: 2px;
    margin-top: 20%;
    margin: 25% auto;
    font-size: 13px;
}

    .restaurant-popup .modal-content .modal-header {
        font-weight: bold;
    }

.rest-name {
    display: inline-block;
}

.j-rest-checkbox-dropdown {
    z-index: 1001;
}

.j-rest-overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: #000;
    opacity: 0.6;
}

.j-rest-chkbox {
    display: inline-block;
    vertical-align: 3px;
}

.admin-pagination-container {
    margin: 0;
}

    .admin-pagination-container .pagination-counter {
        display: inline-block;
        border: 1px solid #e7eaec !important;
        border-radius: 2px !important;
        font-size: 15px !important;
        color: #424b57;
        float: left;
        margin: 0 10px 0 0;
    }

        .admin-pagination-container .pagination-counter .page-counter {
            float: left;
            margin: 5px 8px 5px 5px;
        }

            .admin-pagination-container .pagination-counter .page-counter .page-count {
                padding: 3px;
                width: 35px;
                height: 17px;
                border: 1px solid #e7eaec;
                font-size: 14px;
                color: #424b57;
                text-align: center;
            }

            .admin-pagination-container .pagination-counter .page-counter .total-page-count {
                font-size: 14px;
            }

        .admin-pagination-container .pagination-counter .nav-controls {
            display: inline-block;
            background-repeat: no-repeat;
            background-position: center;
            width: 15px;
            height: 15px;
            padding: 10px 2px 10px 7px;
            margin: 0;
            float: left;
            cursor: pointer;
        }

            .admin-pagination-container .pagination-counter .nav-controls.prev-end-icon {
                background-image: url("../images/left-end.png");
            }

            .admin-pagination-container .pagination-counter .nav-controls.prev-icon {
                background-image: url("../images/left.png");
            }

            .admin-pagination-container .pagination-counter .nav-controls.next-icon {
                background-image: url("../images/right.png");
            }

            .admin-pagination-container .pagination-counter .nav-controls.next-end-icon {
                background-image: url("../images/right-end.png");
            }

            .admin-pagination-container .pagination-counter .nav-controls.disable-state {
                background-color: #e8f2fb;
                opacity: 0.4;
                cursor: default;
            }

        .admin-pagination-container .pagination-counter .page-select-box {
            width: 40px;
            height: 25px;
            margin: 5px 5px 0 0;
            border: 1px solid #e7eaec;
            font-size: 14px;
            color: #424b57;
            text-align: center;
        }

    .admin-pagination-container .pagination-view {
        float: left;
        margin: 10px 10px 0 20px;
        font-size: 15px;
    }

    .admin-pagination-container .pagination-norecord {
        display: inline-block;
        margin: 0 10px 0 20px;
        font-size: 14px;
        float: left;
        margin: 10px 15px 0 0;
    }

/*multi select datepicker*/
.sandbox-container .date-container input[type="text"] {
    padding-right: 32px;
}

.datepicker-days .next {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    font-size: 0px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .datepicker-days .next:before {
        content: "\e916";
        font-family: 'icomoon' !important;
        font-size: 20px;
        color: #000;
    }

.datepicker-days .prev {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 0px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .datepicker-days .prev:before {
        content: "\e915";
        font-family: 'icomoon' !important;
        font-size: 20px;
        color: #000;
    }

.mandatory-field {
    color: #000000;
    top: -3px;
    margin: 0 2px;
}

.up-arrow {
    height: 0;
    width: 0;
    margin-left: 5px;
    border-bottom: 7px solid #000000;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: inline-block;
    vertical-align: text-top;
    opacity: 0.6;
    cursor: pointer;
}

    .up-arrow:hover {
        opacity: 1;
    }

.down-arrow {
    height: 0;
    width: 0;
    margin-left: -13px !important;
    border-top: 7px solid #000000;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: inline-block;
    vertical-align: text-bottom;
    opacity: 0.6;
    cursor: pointer;
}

    .down-arrow:hover {
        opacity: 1;
    }

.arrow-container {
    float: right;
    position: absolute;
    right: 5px;
    top: 22px;
    width:20px;
}

    .arrow-container .up-arrow {
        height: 0;
        width: 0;
        margin-left: 5px;
        border-bottom: 7px solid #000;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        display: inline-block;
        vertical-align: super;
    }

    .arrow-container .down-arrow {
        height: 0;
        width: 0;
        margin-left: -10px;
        border-top: 7px solid #000;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        display: inline-block;
        vertical-align: sub;
        position: relative;
        top: 2px;
    }

.section-header {
    font-family: "open sans";
    font-weight: bold;
    font-size: 13px;
    color: #424b57;
    margin-bottom: 10px;
}

.admin-textarea {
    height: 100px;
    resize: none;
    border: solid 1px #cfdbe6;
    font-size: 13px;
    padding: 10px;
    box-sizing: border-box;
}

.admin-breadcrumb-list {
    list-style: none;
    color: #c8cfd8;
    font-size: 13px;
}

    .admin-breadcrumb-list li {
        display: inline-block;
    }

        .admin-breadcrumb-list li:before {
            content: "\e93b";
            font-family: 'icomoon' !important;
            padding: 0px 10px;
            font-size: 16px;
            position: relative;
            top: 2px;
        }

        .admin-breadcrumb-list li:first-child:before {
            display: none;
        }

        .admin-breadcrumb-list li.active {
            font-weight: bold;
            color: #7a8da4;
        }

.edit-popup-btn {
    cursor: pointer;
    margin-right: 25px;
}

.property-box, .multiselect-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .property-box .property-radio-container, .multiselect-container .property-radio-container {
        display: inline-block;
        width: 100%;
        margin: 0 0 2px 0;
    }

        .property-box .property-radio-container .property-radio, .multiselect-container .property-radio-container .property-radio {
            float: left;
            display: inline-block;
            background-color: #fff;
            text-align: left;
            height: 15px;
            margin-right: 2px;
            margin-bottom: 2px;
            box-sizing: border-box;
        }

            .property-box .property-radio-container .property-radio .custom-radiobtn [type="radio"]:not(:checked) + label, .multiselect-container .property-radio-container .property-radio .custom-radiobtn [type="radio"]:not(:checked) + label {
                height: 15px;
                padding: 0 5px 0 15px;
            }

                .property-box .property-radio-container .property-radio .custom-radiobtn [type="radio"]:not(:checked) + label:before, .multiselect-container .property-radio-container .property-radio .custom-radiobtn [type="radio"]:not(:checked) + label:before {
                    left: 0px;
                    top: 0px;
                }

            .property-box .property-radio-container .property-radio .custom-radiobtn [type="radio"]:checked + label, .multiselect-container .property-radio-container .property-radio .custom-radiobtn [type="radio"]:checked + label {
                height: 15px;
                padding: 0 5px 0 15px;
            }

                .property-box .property-radio-container .property-radio .custom-radiobtn [type="radio"]:checked + label:before, .multiselect-container .property-radio-container .property-radio .custom-radiobtn [type="radio"]:checked + label:before {
                    left: 0px;
                    top: 0px;
                }

                .property-box .property-radio-container .property-radio .custom-radiobtn [type="radio"]:checked + label:after, .multiselect-container .property-radio-container .property-radio .custom-radiobtn [type="radio"]:checked + label:after {
                    top: 3px;
                    left: 3px;
                }

    .property-box .custom-checkbox [type="checkbox"]:not(:checked) + input + label, .multiselect-container .custom-checkbox [type="checkbox"]:not(:checked) + input + label {
        font-size: 13px;
        line-height: 15px;
        padding: 7px 0 0 30px;
    }

    .property-box .custom-checkbox [type="checkbox"]:checked + input + label, .multiselect-container .custom-checkbox [type="checkbox"]:checked + input + label {
        line-height: 15px;
        padding: 7px 0 0 30px;
    }

        .property-box .custom-checkbox [type="checkbox"]:checked + input + label:before, .multiselect-container .custom-checkbox [type="checkbox"]:checked + input + label:before {
            top: 9px;
        }

    .property-box .prop-dropdown, .multiselect-container .prop-dropdown {
        width: 100%;
        background-color: #ffffff;
        line-height: 0;
    }

        .property-box .prop-dropdown dd, .property-box .prop-dropdown dt, .multiselect-container .prop-dropdown dd, .multiselect-container .prop-dropdown dt {
            margin: 0px;
            padding: 0px;
            background-color: #ffffff;
        }

        .property-box .prop-dropdown ul, .multiselect-container .prop-dropdown ul {
            margin: -1px 0 0 0;
            background-color: #ffffff;
        }

        .property-box .prop-dropdown dd, .multiselect-container .prop-dropdown dd {
            position: relative;
        }

            .property-box .prop-dropdown dd ul, .multiselect-container .prop-dropdown dd ul {
                border: 0;
                display: none;
                left: 0px;
                padding: 2px 15px 2px 5px;
                position: absolute;
                top: 2px;
                width: 200px;
                list-style: none;
                height: 100px;
                overflow: auto;
                border: 1px solid #ccc;
            }

                .property-box .prop-dropdown dd ul li a, .multiselect-container .prop-dropdown dd ul li a {
                    padding: 5px;
                    display: block;
                    font-size: 13px;
                }

                    .property-box .prop-dropdown dd ul li a:hover, .multiselect-container .prop-dropdown dd ul li a:hover {
                        background-color: #fff;
                    }

        .property-box .prop-dropdown a, .property-box .prop-dropdown a:visited, .multiselect-container .prop-dropdown a, .multiselect-container .prop-dropdown a:visited {
            text-decoration: none;
            outline: none;
            font-size: 12px;
        }

        .property-box .prop-dropdown dt, .multiselect-container .prop-dropdown dt {
            position: relative;
        }

            .property-box .prop-dropdown dt a, .multiselect-container .prop-dropdown dt a {
                display: block;
                border: solid 1px #666;
                color: #000;
                font-size: 13px;
                padding: 2px 20px 2px 10px;
                box-sizing: border-box;
                width: 150px;
                height: 25px;
                overflow: hidden;
                position: relative;
            }

                .property-box .prop-dropdown dt a:after, .multiselect-container .prop-dropdown dt a:after {
                    content: '';
                    width: 0;
                    height: 0;
                    border-left: 5px solid transparent;
                    border-right: 5px solid transparent;
                    border-top: 8px solid #7b7979;
                    position: absolute;
                    top: 8px;
                    right: 5px;
                }

                .property-box .prop-dropdown dt a span, .multiselect-container .prop-dropdown dt a span {
                    cursor: pointer;
                    display: inline-block;
                    padding: 0 3px 2px 0;
                }

            .property-box .prop-dropdown dt .mandatory-field, .multiselect-container .prop-dropdown dt .mandatory-field {
                position: absolute;
                right: -15px;
                top: 2px;
            }

        .property-box .prop-dropdown .multiSel span, .multiselect-container .prop-dropdown .multiSel span {
            cursor: pointer;
            display: inline-block;
            padding: 0 3px 2px 0;
        }

        .property-box .prop-dropdown span.value, .multiselect-container .prop-dropdown span.value {
            display: none;
        }

.multiselect-container {
    background-color: #ffffff;
}

    .multiselect-container .prop-dropdown dt {
        position: relative;
        display: inline-block;
    }

        .multiselect-container .prop-dropdown dt .multiselect-tooltip {
            visibility: hidden;
            opacity: 0;
            transition: opacity 0.3s;
            position: absolute;
        }

        .multiselect-container .prop-dropdown dt:hover .multiselect-tooltip {
            visibility: visible;
            opacity: 1;
            color: #000;
            text-align: left;
            border-radius: 6px;
            padding: 5px;
            z-index: 11;
            top: 110%;
            left: 0;
            margin-left: 0px;
            word-wrap: break-word;
            font-size: 12px;
            line-height: 16px;
            padding: 5px;
            background-color: #f3f3f3;
            border: 1px solid #d6d6d6;
        }

            .multiselect-container .prop-dropdown dt:hover .multiselect-tooltip:empty {
                display: none;
            }

        .multiselect-container .prop-dropdown dt a {
            padding: 5px 20px 5px 3%;
            font-weight: 100;
            font-size: 13px;
            border: solid 1px #cfdbe6;
            color: #424b57;
            cursor: pointer;
            line-height: 1.7;
            height: 35px;
            overflow: hidden;
        }

            .multiselect-container .prop-dropdown dt a:after {
                content: '';
                width: 0;
                height: 0;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-top: 8px solid #7b7979;
                position: absolute;
                top: 14px;
                right: 5px;
            }

    .multiselect-container .prop-dropdown dd ul {
        z-index: 1;
        border: solid 1px #cfdbe6;
        width: 230px;
        height: 150px;
    }

        .multiselect-container .prop-dropdown dd ul li .custom-checkbox [type="checkbox"]:not(:checked) + input + label, .multiselect-container .prop-dropdown dd ul li .custom-checkbox [type="checkbox"]:checked + input + label {
            margin-bottom: 4px;
        }

.muliselect-popup .modal-content {
    width: 590px;
    right: 0;
}

.muliselect-popup label {
    display: block;
    font-family: "open sans";
    font-size: 13px;
    color: #424b57;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.multiselect-typeahead .prop-dropdown dd ul {
    display: block;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin: 5px 0;
    height: 250px;
    border: 0;
}

.multiselect-typeahead .prop-dropdown dt {
    display: block;
}

    .multiselect-typeahead .prop-dropdown dt label {
        padding: 5px 3% 5px 3%;
        margin-bottom: 1px;
        font-weight: 100;
        font-size: 13px;
        border: solid 1px #cfdbe6;
        color: #424b57;
        cursor: pointer;
        line-height: 1.7;
        height: 35px;
        overflow: hidden;
        box-sizing: border-box;
    }

        .multiselect-typeahead .prop-dropdown dt label .select-txt {
            display: none;
        }

.admin-checklist {
    display: block;
    margin-bottom: 5px;
}

.admin-TC-tile-space {
    margin-top: -15px;
}

.admin-user-role-checkboxlist-container {
    background: #f2f6fa;
    border: solid #cfdbe6 1px;
}

    .admin-user-role-checkboxlist-container ul {
        margin: 20px;
    }

/*restrict click class*/
.restrict-click {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.offer-rest-popup-btn {
    display: inline-block;
    margin-left: 0px;
}

    .offer-rest-popup-btn button {
        margin: 15px 6px;
        width: 60px;
        min-width: auto;
        padding: 0;
    }

/* Multiselect autocomplete goes here */
.chosen-container {
    position: relative;
    display: inline-block;
    width: 100% !important;
    vertical-align: middle;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .chosen-container.chosen-with-drop .chosen-drop {
        display: block;
    }

    .chosen-container .chosen-drop {
        position: absolute;
        top: 100%;
        z-index: 1010;
        width: 100%;
        border: 1px solid #cfdbe6;
        border-top: 0;
        background: #fff;
        display: none;
    }

    .chosen-container a {
        cursor: pointer;
    }

    .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
        margin-right: 4px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: normal;
        color: #999999;
    }

        .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
            content: ":";
            padding-left: 2px;
            vertical-align: top;
        }

    .chosen-container .chosen-results {
        color: #444;
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
        margin: 0 4px 4px 0;
        padding: 0 0 0 4px;
        max-height: 240px;
        -webkit-overflow-scrolling: touch;
    }

        .chosen-container .chosen-results li {
            display: none;
            margin: 0;
            padding: 5px 6px;
            list-style: none;
            line-height: 15px;
            word-wrap: break-word;
            -webkit-touch-callout: none;
        }

            .chosen-container .chosen-results li.active-result {
                display: list-item;
                cursor: pointer;
            }

            .chosen-container .chosen-results li.disabled-result {
                display: list-item;
                color: #ccc;
                cursor: default;
            }

            .chosen-container .chosen-results li.highlighted {
                background-color: #107dd0;
                color: #fff;
            }

            .chosen-container .chosen-results li.no-results {
                color: #777;
                display: list-item;
                background: #f2f6fa;
            }

            .chosen-container .chosen-results li.group-result {
                display: list-item;
                font-weight: bold;
                cursor: default;
            }

            .chosen-container .chosen-results li.group-option {
                padding-left: 15px;
            }

            .chosen-container .chosen-results li em {
                font-style: normal;
                text-decoration: underline;
            }

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    border: solid 1px #cfdbe6;
    height: auto;
    font-size: 13px;
    padding: 4px 10px;
    background-color: #fff;
    cursor: text;
}

    .chosen-container-multi .chosen-choices li {
        float: left;
        list-style: none;
    }

        .chosen-container-multi .chosen-choices li.search-field {
            margin: 0;
            padding: 0;
            white-space: nowrap;
        }

            .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
                margin: 1px 0;
                padding: 0;
                height: 25px;
                outline: 0;
                border: 0 !important;
                background: transparent !important;
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #424b57;
                font-size: 13px;
                font-family: sans-serif;
                line-height: normal;
                border-radius: 0;
                width: 25px;
            }

        .chosen-container-multi .chosen-choices li.search-choice {
            position: relative;
            margin: 3px 10px 3px 0;
            padding: 5px 25px 5px 5px;
            border: solid 1px #cfdbe6;
            max-width: 100%;
            border-radius: 0px;
            background-color: #f2f6fa;
            color: #333;
            line-height: 13px;
            cursor: default;
        }

            .chosen-container-multi .chosen-choices li.search-choice span {
                word-wrap: break-word;
            }

            .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
                position: absolute;
                top: 5px;
                right: 5px;
                display: block;
                text-decoration: none;
            }

                .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
                    content: "\e919";
                    font-family: 'icomoon' !important;
                    font-size: 9px;
                    font-weight: bold;
                    color: #000000;
                }

                .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
                    background-position: -42px -10px;
                }

        .chosen-container-multi .chosen-choices li.search-choice-disabled {
            padding-right: 5px;
            border: 1px solid #ccc;
            background-color: #e4e4e4;
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
            background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            color: #666;
        }

        .chosen-container-multi .chosen-choices li.search-choice-focus {
            background: #d4d4d4;
        }

            .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
                background-position: -42px -10px;
            }

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}

.config_checklist ul li {
    width: 50%;
    float: left;
}

/* Multiselect autocomplete ends here */
.select-rest-panel {
    margin-bottom: 13px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
}

    .select-rest-panel .custom-checkbox label {
        margin: 0 !important;
        font-size: 12px;
    }

/*Blackout date panel*/
.blackout-container {
    width: 440px;
}

    .blackout-container .divdatelist {
        border: solid 1px #cfdbe6;
        height: 72px;
        min-width: 160px;
        font-size: 13px;
        padding: 5px;
        box-sizing: border-box;
        overflow: auto;
    }

        .blackout-container .divdatelist ul li.empty {
            display: none;
        }

        .blackout-container .divdatelist ul li {
            display: inline-block;
            float: left;
            margin: 0 5px 5px 0;
            background: #e7eff7;
            cursor: pointer;
            padding: 5px;
        }

.btn-blackoutdate {
    min-width: 100px;
}

.sandbox-container legend {
    width: 100px;
    display: block;
    font-family: "open sans";
    font-size: 13px;
    color: #424b57;
    font-weight: 300;
    float: none; /*added in TU*/
}

.sandbox-container fieldset {
    border: 1px solid #cfdbe6;
}

ul.property-list li {
    margin: 0 0 8px 0;
    line-height: 16px;
}

.highlighted-tbl tr.highlightrow {
    background-color: #f2f2f2;
}

    .highlighted-tbl tr.highlightrow td {
        background-color: #f2f2f2;
    }

.daterange-box {
    background-image: url(/library/content/assets/images/calendar.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
}

.success-icon, .failed-icon {
    font-size: 18px;
    color: #77c84b;
}

.sync-icon {
    font-size: 18px;
    color: #77c84b;
}

    .sync-icon:before {
        color: #77c84b;
    }

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

    a .xml-icon {
        font-size: 20px;
        cursor: pointer;
    }

    a .search-icon {
        font-size: 18px;
        cursor: pointer;
    }

    a .history-icon {
        font-size: 20px;
        cursor: pointer;
    }

    a .resubmiting-icon {
        font-size: 18px;
        cursor: pointer;
    }

    a .resubmiting-ignore-icon {
        font-size: 18px;
        cursor: pointer;
    }

.status-icon a {
    font-size: 14px;
    color: #4f00ff;
    text-decoration: underline;
    margin-left: 10px;
}

.status-icon .icon-Pending, .status-icon .icon-In-Progress, .status-icon .icon-Retrying, .status-icon .icon-Success, .status-icon .icon-Failed, .status-icon .icon-Rejected, .status-icon .icon-Ignored, .status-icon .icon-On-Hold, .status-icon .icon-Pending-Pms-Push, .status-icon .icon-Pending-Pms-Conf {
    font-size: 18px;
    position: relative;
    top: 3px;
}

.hotel-code-popup .modal-content {
    width: 720px;
    position: relative;
    right: 10%;
}

.note-container {
    color: #7b7c7c;
    font-size: 15px;
    font-style: italic;
    line-height: 20px;
}

.interface-txt-content {
    color: #7b7c7c;
    font-size: 15px;
    line-height: 22px;
}

.success-resync-msg {
    color: #ea505d;
    font-size: 15px;
    font-weight: bold;
    border-top: 1px solid #ccc;
}

.fault-popup-count a {
    font-size: 14px;
    color: #4f00ff;
    text-decoration: underline;
    margin-left: 10px;
}

textarea.create-new-textarea[disabled] {
    background-color: #ebebe4;
}

textarea.create-new-textarea:disabled {
    background-color: #ebebe4;
}

.user-permission-tbl {
    margin-right: 125px;
}

    .user-permission-tbl .user-permission-tbl-body {
        min-height: 500px;
        overflow: auto;
    }

    .user-permission-tbl table {
        width: 100%;
        border: 1px solid #cfdbe6;
        margin: 0;
        position: relative;
    }

        .user-permission-tbl table.table-fixed {
            width: 100%;
        }

            .user-permission-tbl table.table-fixed tbody {
                height: 300px;
                overflow-y: auto;
                width: 100%;
            }

            .user-permission-tbl table.table-fixed thead, .user-permission-tbl table.table-fixed tbody, .user-permission-tbl table.table-fixed tr, .user-permission-tbl table.table-fixed td, .user-permission-tbl table.table-fixed th {
                display: block;
            }

                .user-permission-tbl table.table-fixed tbody td {
                    float: left;
                }

                .user-permission-tbl table.table-fixed thead tr th {
                    float: left;
                }

        .user-permission-tbl table thead tr th {
            padding: 12px 15px 12px 7px;
            background: #f2f6fa;
            font-size: 12px;
            font-weight: bold;
            color: #424b57;
            position: relative;
            border-bottom: 1px solid #cfdbe6;
            box-sizing: border-box;
        }

            .user-permission-tbl table thead tr th:first-child {
                padding: 12px 15px 12px 15px;
            }

            .user-permission-tbl table thead tr th:nth-child(4) {
                padding: 12px 15px 12px 5px;
            }

            .user-permission-tbl table thead tr th:nth-child(5) {
                padding: 12px 15px 12px 5px;
            }

        .user-permission-tbl table tbody tr:nth-child(odd) {
            background-color: #f9f9f9;
        }

            .user-permission-tbl table tbody tr:nth-child(odd) td {
                background: #ffffff;
            }

        .user-permission-tbl table tbody tr:nth-child(even) td {
            background: #fcfdfe;
        }

        .user-permission-tbl table tbody tr td {
            padding: 8px 15px 8px 15px;
            font-size: 13px;
            color: #424b57;
            word-wrap: break-word;
            box-sizing: border-box;
            border-color: inherit;
            border-style: solid;
            border-width: 0;
        }

            .user-permission-tbl table tbody tr td .custom-checkbox [type="checkbox"]:checked + input + label {
                padding: 0;
                margin: 0;
                height: 18px;
                width: 18px;
            }

                .user-permission-tbl table tbody tr td .custom-checkbox [type="checkbox"]:checked + input + label:after {
                    left: 5px;
                    top: 3px;
                }

                .user-permission-tbl table tbody tr td .custom-checkbox [type="checkbox"]:checked + input + label:before {
                    left: 8px;
                    top: 6px;
                }

            .user-permission-tbl table tbody tr td .custom-checkbox [type="checkbox"]:not(:checked) + input + label {
                padding: 0;
                margin: 0;
                height: 18px;
                width: 18px;
            }

                .user-permission-tbl table tbody tr td .custom-checkbox [type="checkbox"]:not(:checked) + input + label:before {
                    left: 5px;
                    top: 3px;
                }

table .dataTable .no-footer {
    border-bottom: 1px solid #ddd;
}

.offer-item-desc {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.print-only {
    display: none;
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .print-hidden {
        display: none;
    }

    .print-only {
        display: block;
    }

    .section .section-header {
        background: #CCC;
    }

    .section.booking-summary .img {
        width: 282px;
    }

    .booking-review {
        margin: 30px auto;
    }

        .booking-review .section .section-header,
        .booking-review .section .section-content {
            padding: 0;
            border: 0;
        }

        .booking-review .section.collapsible .section-content {
            display: block;
        }

        .booking-review .section-header {
            font-weight: bold;
            font-size: 20px;
            font-size: 2rem;
            line-height: normal;
            margin-bottom: 15px;
        }

            .booking-review .section-header .plus-icon {
                display: none;
            }

        .booking-review .section .key-value {
            margin-bottom: 10px;
        }

        .booking-review .section .section-content h3.grey {
            color: #8d9da4 !important;
            font-size: 18px;
            font-size: 1.8rem;
        }

        .booking-review .section .section-content .other-currency {
            color: #737373 !important;
        }

        .booking-review .confirmation-box {
            padding: 0;
        }

            .booking-review .confirmation-box h2 {
                margin-top: 0;
                font-size: 20px;
                font-size: 2rem;
            }

            .booking-review .confirmation-box .logo {
                float: right;
                width: 130px;
                height: auto;
            }

            .booking-review .confirmation-box .col-6-10 {
                width: 100%;
            }

            .booking-review .confirmation-box .travel-plan-number {
                padding: 15px 0;
                text-align: left;
            }

                .booking-review .confirmation-box .travel-plan-number .label {
                    font-size: 12px;
                    font-size: 1.2rem;
                }

                .booking-review .confirmation-box .travel-plan-number .number {
                    color: #126395 !important;
                    font-size: 36px;
                    font-size: 3.6rem;
                    padding-top: 0;
                    line-height: normal;
                }

        .booking-review .section.booking-summary .grid {
            height: auto;
        }

        .booking-review .section.booking-summary .media-left {
            width: 1500px;
        }

        .booking-review .section.booking-summary .media-body {
            width: 8500px;
        }

        .booking-review .section.booking-summary .media-left {
            vertical-align: middle;
        }

            .booking-review .section.booking-summary .media-left .label,
            .booking-review .section.booking-summary .media-body .label,
            .booking-review .section.booking-summary .label,
            .booking-review .section.booking-summary .value,
            .booking-review .section.booking-summary .value.large {
                font-size: 15px;
                font-size: 1.5rem;
                line-height: 1.5;
                display: block;
                margin: 0;
            }

        .booking-review .section.booking-summary .media-body .label {
            color: #737373 !important;
        }

        .booking-review .section.booking-summary .date {
            border-left: 2px solid #F3F5F7;
        }

            .booking-review .section.booking-summary .date:first-child {
                border-left: 0;
            }

        .booking-review .section.booking-summary .rooms,
        .booking-review .section.booking-summary .guests,
        .booking-review .section.booking-summary .nights {
            border-top: 2px solid #f3f5f7;
            border-left: 2px solid #f3f5f7;
            height: auto;
            padding-bottom: 18px;
        }

        .booking-review .section.booking-summary .rooms {
            border-left: 0;
        }

        .booking-review .section.booking-summary img {
            display: none;
        }

        .booking-review .section.reservation-information .key-value .key {
            float: none;
            display: block;
            width: auto;
        }

        .booking-review .section.reservation-information .key-value .value {
            float: none;
            width: auto;
        }

        .booking-review .section .grand-total-row {
            padding-top: 0;
        }

            .booking-review .section .grand-total-row,
            .booking-review .section .grand-total-row .price {
                font-size: 18px;
                font-size: 1.8rem;
            }

        .booking-review .section.billing-info .section-content h3,
        .booking-review .section.billing-info .key,
        .booking-review .section.billing-info .value {
            font-size: 14px;
            font-size: 1.4rem;
        }

        .booking-review .section.other-info .value {
            font-size: 18px;
            font-size: 1.8rem;
        }

        .booking-review .short-terms-conditions {
            margin: 0;
        }

            .booking-review .short-terms-conditions h4 {
                margin-bottom: 15px;
            }

            .booking-review .short-terms-conditions p {
                color: #737373 !important;
            }
}

.highcharts-container rect {
    background-color: transparent;
    fill: transparent;
}

.highcharts-tooltip text tspan {
    color: #fff !important;
}

.highcharts-yaxis {
    stroke: #949ca4;
    stroke-width: 1px;
}

.highcharts-xaxis .highcharts-axis-line {
    stroke: #949ca4;
    stroke-width: 1px;
}

.highcharts-yaxis-grid .highcharts-grid-line {
    stroke-width: 0;
}

.highcharts-tick {
    stroke: #949ca4;
}

.ti_tx,
.mi_tx,
.mer_tx {
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.time,
.mins,
.meridian {
    width: 28.3%;
    float: left;
    margin: 0 2.5%;
    font-size: 20px;
    color: #2d2e2e;
    font-family: arial;
    font-weight: 700;
}

.timepicker_wrap {
    padding: 10px 5px;
    border-radius: 5px;
    z-index: 998;
    display: none;
    box-shadow: 2px 2px 5px 0 rgba(50, 50, 50, 0.35);
    background: #f2f6fa;
    border: 1px solid #ccc;
    float: left;
    position: absolute;
    top: 27px;
    left: 0;
}

    .timepicker_wrap .prev, .timepicker_wrap .next {
        cursor: pointer;
        padding: 3px 5px;
        text-align: center;
        border: 1px solid #ccc;
        margin: auto;
        background: #eee;
        border-radius: 5px;
    }

        .timepicker_wrap .prev:hover, .timepicker_wrap .next:hover {
            background-color: #ccc;
        }

    .timepicker_wrap .next {
        background-position: 50% 150%;
    }

        .timepicker_wrap .next:before {
            font-family: 'icomoon' !important;
            content: "\e912";
            color: #424b57;
            font-size: 10px;
            position: relative;
            top: -2px;
        }

    .timepicker_wrap .prev {
        background-position: 50% -50%;
    }

        .timepicker_wrap .prev:before {
            font-family: 'icomoon' !important;
            content: "\e917";
            color: #424b57;
            font-size: 10px;
            position: relative;
            top: -2px;
        }

    .timepicker_wrap input[type="text"] {
        min-width: 100%;
        width: 100%;
        background-image: none;
    }

    .timepicker_wrap .arrow_top {
        position: absolute;
        top: -10px;
        left: 20px;
        width: 18px;
        height: 10px;
        z-index: 999;
    }

        .timepicker_wrap .arrow_top:before {
            font-family: 'icomoon' !important;
            content: "\e917";
            color: #cccccc;
            font-size: 8px;
            position: relative;
            top: -5px;
            left: -11px;
        }

.time_pick {
    position: relative;
}

input.timepicki-input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    float: none;
    margin: 0;
    text-align: center;
    width: 70%;
}

a.reset_time {
    float: left;
    margin-top: 5px;
    color: #000;
}

#local-drive-file {
    display: none;
}

.modal-content .dialog-body .library-section {
    width: 533px;
}

.nav-sidebar {
    width: 114px;
    float: left;
    border: 1px solid #cfdeb6;
    border-radius: 2px;
}

    .nav-sidebar li {
        height: 35px !important;
        border-bottom: 1px solid #cfdeb6;
    }

        .nav-sidebar li a {
            border-radius: 2px !important;
            padding: 10px 0px;
            text-align: center;
            font-size: 13px;
            color: #424b57;
        }

            .nav-sidebar li a:hover, .nav-sidebar li a:focus, .nav-sidebar li a:active {
                color: #424b57 !important;
                background-color: transparent !important;
            }

        .nav-sidebar li.active {
            background-color: #efefef !important;
        }

            .nav-sidebar li.active a {
                color: #424b57 !important;
                background-color: transparent !important;
            }

        .nav-sidebar li:first-child, .nav-sidebar li:last-child {
            border-bottom: none;
        }

.nav-content {
    float: right;
}

.nav-header a {
    width: 114px;
    margin: 0px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    padding: 10px 0px 0 0;
    background-color: #cfdbe6;
    font-weight: bold;
}

    .nav-header a:hover {
        background-color: #cfdbe6 !important;
    }

.nopad {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*image gallery*/
.image-checkbox {
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 0;
    outline: 0;
    position: relative;
}

    .image-checkbox:before {
        content: '';
        position: absolute;
        right: 8px;
        top: 7px;
        width: 14px;
        height: 14px;
        border: 1px solid #7e818c;
        border-radius: 4px;
        background: #fff;
    }

    .image-checkbox input[type="checkbox"] {
        display: none;
    }

    .image-checkbox .icon-checked {
        position: absolute;
        color: #4A79A3;
        padding: 0;
        top: 10px;
        font-weight: bold;
        right: 11px;
        font-size: 10px;
    }

.image-checkbox-checked .icon-checked {
    display: block !important;
}

.offer-tab-error {
    color: #ec1c2c !important;
    margin-bottom: 20px !important;
}

.paymentTypelist {
    position: absolute;
    background-color: rgb(255, 255, 255);
    padding: 2px 15px 2px 10px;
    color: rgb(105, 102, 102);
    margin-top: 35%;
    width: 183px;
    list-style: none;
    height: 100px;
    overflow: auto;
    display: block;
    z-index: 1;
    border: 1px solid rgb(207, 219, 230);
    font-size: 14px;
    overflow-y: scroll;
}

.multi-pmtType-control-container {
    position: relative;
    background-color: #ffffff;
}

.pmt-Type {
    cursor: pointer;
    position: absolute;
    margin-left: -100%;
    margin-top: 38%;
    color: #000;
}

.day-activity-icon {
    display: inline-block;
    margin: 0px 10px;
    font-size: 20px !important;
    vertical-align: 28px;
    color: #666;
}

.day-activity-customer-id {
    margin-left: 145px !important;
    margin-top: 0 !important;
}

.day-activity-customer-no {
    margin-top: 0 !important;
    margin-left: 8px !important;
}

.day-activity-customer-no-lbl {
    color: #fff !important;
    width: 80px !important;
}

.day-activity-span-align {
    display: inline-block !important;
    width: auto;
    padding-top: 7px;
}

.day-activity-plu-lbl {
    color: #fff !important;
    font-size: 11px !important;
    line-height: 1.2;
    font-weight: bold !important;
    display: block;
    background-color: #aab8c5;
    border-radius: 30px;
    padding: 10px;
    margin-bottom: 15px !important;
    box-sizing: border-box;
    width: 207px;
    float: left;
    text-align: center;
    min-height: 45px;
}

.day-activity-prop-nm-lbl {
    width: 206px !important;
    box-sizing: border-box;
    min-height: 45px;
}

#divAccountProfileMappingListGrid .admin-table table tr th {
    padding: 22px 10px 22px 10px;
}
#divAccountProfileMappingListGrid .admin-table table tr td {
    padding: 15px 10px 15px 10px;
}

#divAccountProfileMappingListGrid .admin-table table tr th:nth-child(3),
#divAccountProfileMappingListGrid .admin-table table tr td:nth-child(3) {
    max-width: 55px;
}
#divAccountProfileMappingListGrid .admin-table table tr th:nth-child(4),
#divAccountProfileMappingListGrid .admin-table table tr td:nth-child(4) {
    max-width: 60px;
}
#divAccountProfileMappingListGrid .admin-table table tr th:nth-child(5),
#divAccountProfileMappingListGrid .admin-table table tr td:nth-child(5) {
    max-width: 22px;
}
#divAccountProfileMappingListGrid .admin-table table tr th:nth-child(6),
#divAccountProfileMappingListGrid .admin-table table tr td:nth-child(6) {
    max-width: 35px;
}
#divAccountProfileMappingListGrid .admin-table table tr th:nth-child(7),
#divAccountProfileMappingListGrid .admin-table table tr td:nth-child(7) {
    max-width: 37px;
}
#divAccountProfileMappingListGrid .admin-table table tr th:nth-child(8),
#divAccountProfileMappingListGrid .admin-table table tr td:nth-child(8) {
    max-width: 50px;   
}
#divAccountProfileMappingListGrid .admin-table table tr th:nth-child(9),
#divAccountProfileMappingListGrid .admin-table table tr td:nth-child(9) {
    max-width: 58px;
}
#divAccountProfileMappingListGrid .admin-table table tr th:nth-child(10),
#divAccountProfileMappingListGrid .admin-table table tr td:nth-child(10) {
    max-width: 60px;
}
#divAccountProfileMappingListGrid .admin-table table tr th:nth-child(11),
#divAccountProfileMappingListGrid .admin-table table tr td:nth-child(11) {
    max-width: 40px;
}
#divAccountProfileMappingListGrid .admin-table table tr th:nth-child(12),
#divAccountProfileMappingListGrid .admin-table table tr td:nth-child(12) {
    width: 25px;
}
#divAccountProfileMappingListGrid .admin-table table tr th:nth-child(13),
#divAccountProfileMappingListGrid .admin-table table tr td:nth-child(13) {
    width: 25px;
}
#divAccountProfileMappingListGrid .admin-table table tr th:nth-child(14),
#divAccountProfileMappingListGrid .admin-table table tr td:nth-child(14) {
    width: 15px;
}
#divAccountProfileMappingListGrid .admin-table table tr th:nth-child(15),
#divAccountProfileMappingListGrid .admin-table table tr td:nth-child(15) {
    width: 18px;
}
#divAccountProfileMappingListGrid .admin-table .edit-btn {
    margin-right: 5px;
}

#divSearchTPNCategoryList.custom-radiobtn .radio-list li{
    width: 150px;
}

#divSearchSecurePayTPNCategoryList.custom-radiobtn .radio-list li {
    width: 150px;
}

#divAccountProfileMappingListGrid .arrow-container {
    right: -6px
}

/*#divAccountProfileMappingListGrid .admin-table table tr th {
    cursor: pointer;    
}*/

.searchable-dropdown-wrapper .select2-container--default .select2-selection--single {
	border: solid 1px #cfdbe6;
	height: 35px;
	font-size: 13px;
	padding: 0 10px;
	box-sizing: border-box;
	border-radius: 0;
}

	.searchable-dropdown-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 33px;
	}

.searchable-dropdown-wrapper .searchable-dropdown.error-box + span > span > span:first-child {
    border: 1px solid #ec1c2c !important;
}

.select2-results__option,
.select2-container--default .select2-search--dropdown .select2-search__field {
	font-size: 13px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 3px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #000 transparent transparent transparent !important;
	border-width: 6px 3px 0 3px !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #000 transparent !important;
	border-width: 0 3px 6px 3px !important;
}

input.timepicki-input {
    background-image: none;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

.modal-open {
    overflow: auto;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-2 {
    width: 16.66666667%;
}
ul.gj-list li [data-role=display] {
    line-height: normal;
}

.jgrid-table-header {
    border-top: 1px solid #b3b7bc !important;
    border-left: 1px solid #b3b7bc !important;
    border-right: 1px solid #b3b7bc !important;
    border-bottom: 1px solid !important;
}

.ui-jqgrid-btable > tbody > tr > td {
    height: 17px !important;
    border-bottom: 1px solid #b3b7bc !important;
}

#delmoddivViewJqgrid > .ui-corner-all {
    border: 0;
    border-bottom: 1px solid #b3b7bc !important;
    border-radius: 0;
    background: #f2f6fa;
    cursor: default !important;
    border: 0;
    border-bottom: 1px solid #b3b7bc !important;
    border-radius: 0;
    background: #f2f6fa;
    cursor: default !important;
}

.ui-jqdialog-content td.EditButton #dData:after, .ui-jqdialog-content td.EditButton #eData:after {
    content: "Yes";
    text-indent: initial !important;
    /*display: block;*/
    line-height: initial !important;
    font-size: 15px !important;
    padding: 0 !important;
    height: 20px;
    margin-right: 20px;
}

.ui-jqgrid .ui-jqgrid-titlebar,
.ui-jqgrid .ui-jqgrid-errorbar,
.ui-jqdialog .ui-jqdialog-titlebar {
    padding: 1.3em 1.3em 1.3em 1.3em;
    position: relative;
    font-size: 12px;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    background: #f2f6fa;
}

.ui-jqgrid .ui-jqgrid-caption .ui-jqgrid-title,
.ui-jqgrid .ui-jqgrid-errorbar-ltr .ui-jqgrid-error,
.ui-jqdialog .ui-jqdialog-titlebar-ltr .ui-jqdialog-title {
    position: relative;
    left: .1em;
    margin: 8px 0 11px 15px !important;
    font-size: 15px;
    color: #107dd0;
    font-weight: bold;
}

.ui-jqgrid .ui-pager-control .ui-pg-button {
    display: revert !important;
    height: auto;
}
.formdata {
   /* overflow: auto;*/
}
.ui-widget-content {
    border: 5px solid #dddddd;
    background: #ffffff;
    color: #333333;
}
.modal-backdrop.fade {
    opacity: .5;
}

.applyBtn {
    background-color: #ea505d;
    border-color: #ea505d;
}
 

.cancelBtn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #5cb85c;
    --bs-btn-border-color: #5cb85c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ea505d;
    --bs-btn-hover-border-color: #ea505d;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4cae4c;
    --bs-btn-active-border-color: #4cae4c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #5cb85c;
    --bs-btn-disabled-border-color: #5cb85c;
}
.pull-left {
    float: left !important;
}

.btn:disabled{
    background-color: #ea505d;
    border-color: #ea505d;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}