/* General */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
:before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; }
body { font-family: Arial, sans-serif; font-size: 14px; color: #4a4a4a; }
a { text-decoration: none; color: #224fbf;}
a:hover { color: #1f1f1f; }

.hide { display: none; }

.ic { display: inline-block; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }
.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }

.center { margin-left: auto; margin-right: auto; }

.position-relative { position: relative; }

.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none; }

.clear { clear: both; }

input[type="text"], input[type="password"], textarea { font-size: 13px; border: 1px solid #b2b2b2; }
textarea { resize: vertical; border-color: #b2b2b2; }

select[class*="chzn"] { visibility: hidden; }

.content-padding-border { padding: 20px; border: 1px solid #b2b2b2; border-top: 0; }

.tltp-wrap { z-index: 1; }

.formError { z-index: 999 !important; }

#loader-layer { background: rgba(255,255,255,.5) url(images/loader.gif) no-repeat 50% 50%; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; }

/* Buttons */

.btn { display: inline-block; padding: 4px 12px; margin-bottom: 0; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px }
.btn:focus, .btn:active:focus, .btn.active:focus { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px }
.btn:hover, .btn:focus { color:#333; text-decoration:none; }
.btn:active, .btn.active { background-image:none; outline:0; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125) }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events:none; cursor:not-allowed; filter:alpha(opacity=65); -webkit-box-shadow:none; box-shadow:none; opacity: .65; }

/* Button default */
.btn-default{ color:#333; border-color:#b2b2b2;
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom,  #fafafa 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 );
}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active { color:#333;
    background: #efefef;
    background: -moz-linear-gradient(top,  #efefef 0%, #cacaca 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#cacaca));
    background: -webkit-linear-gradient(top,  #efefef 0%,#cacaca 100%);
    background: -o-linear-gradient(top,  #efefef 0%,#cacaca 100%);
    background: -ms-linear-gradient(top,  #efefef 0%,#cacaca 100%);
    background: linear-gradient(to bottom,  #efefef 0%,#cacaca 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#cacaca',GradientType=0 );
}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active { background-color:#fff; border-color:#ccc; }

/*
Template:
<button type="button" class="btn btn-default">Default</button>
*/


/* Button primary */
.btn-primary { color:#fff; border-color:#2555c9;
    background: #316bef;
    background: -moz-linear-gradient(top,  #316bef 0%, #2555c9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#316bef), color-stop(100%,#2555c9));
    background: -webkit-linear-gradient(top,  #316bef 0%,#2555c9 100%);
    background: -o-linear-gradient(top,  #316bef 0%,#2555c9 100%);
    background: -ms-linear-gradient(top,  #316bef 0%,#2555c9 100%);
    background: linear-gradient(to bottom,  #316bef 0%,#2555c9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#316bef', endColorstr='#2555c9',GradientType=0 );
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active { color: #fff;
    background: #2c60d7;
    background: -moz-linear-gradient(top,  #2c60d7 0%, #214bb4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c60d7), color-stop(100%,#214bb4));
    background: -webkit-linear-gradient(top,  #2c60d7 0%,#214bb4 100%);
    background: -o-linear-gradient(top,  #2c60d7 0%,#214bb4 100%);
    background: -ms-linear-gradient(top,  #2c60d7 0%,#214bb4 100%);
    background: linear-gradient(to bottom,  #2c60d7 0%,#214bb4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c60d7', endColorstr='#214bb4',GradientType=0 );
}
.btn-primary:active,.btn-primary.active { -webkit-box-shadow: none; box-shadow: none;
    background: #2c60d7;
    background: -moz-linear-gradient(top,  #2c60d7 0%, #214bb4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c60d7), color-stop(100%,#214bb4));
    background: -webkit-linear-gradient(top,  #2c60d7 0%,#214bb4 100%);
    background: -o-linear-gradient(top,  #2c60d7 0%,#214bb4 100%);
    background: -ms-linear-gradient(top,  #2c60d7 0%,#214bb4 100%);
    background: linear-gradient(to bottom,  #2c60d7 0%,#214bb4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c60d7', endColorstr='#214bb4',GradientType=0 );
}
.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {
    background: #2c60d7;
    background: -moz-linear-gradient(top,  #2c60d7 0%, #214bb4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c60d7), color-stop(100%,#214bb4));
    background: -webkit-linear-gradient(top,  #2c60d7 0%,#214bb4 100%);
    background: -o-linear-gradient(top,  #2c60d7 0%,#214bb4 100%);
    background: -ms-linear-gradient(top,  #2c60d7 0%,#214bb4 100%);
    background: linear-gradient(to bottom,  #2c60d7 0%,#214bb4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c60d7', endColorstr='#214bb4',GradientType=0 );
}
/*
Template:
<button type="button" class="btn btn-primary">Primary</button>
*/


/* Button close */
button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; }
/*
Template:
<button type="button" class="close"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
*/

/* Table confirm toggle display */
table td .confirm { display: none; position: absolute; top: 4px; width: 286px; right: 0; background: #fff; }
table td .confirm button[type="button"] { background: #eee;  border: 1px solid #d2d2d2; float: left; width: 140px; }
table td .confirm button[type="button"]:first-child { border-left: 0; border-color: #002d9d; background: #224fbf; color: #fff; margin-right: 4px; }
table td .confirm button[type="button"]:hover { opacity: .8; }
/*
Template:
<div class="confirm">
    <button type="button" class="save btn bnt-primary">Save</button>
    <button type="button" class="cancel btn bnt-default">cancel</button>
</div>
*/


/* Form Content */

.form-content { font-size: 13px; }


/* Tasb List */

.tab-list { margin: 0; padding: 0; border-bottom: 1px solid #9d9d9d; }
.tab-list > a { float: left; padding: 14px 30px; border: 1px solid #9d9d9d; border-bottom: 0; border-radius: 5px 5px 0 0; margin-left: 10px; font-size: 15px; cursor: pointer; text-shadow: 1px 1px 1px #fff; color: #4a4a4a;
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e9e9e9));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%);
    background: linear-gradient(to bottom,  #fafafa 0%,#e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e9e9e9',GradientType=0 );
}
.tab-list > a:first-child { margin-left: 20px; }
.tab-list > a.active { background: #fff; color: #000; font-weight: bold; border-bottom: 1px solid #fff; margin-bottom: -1px; }
.tab-content > div { display: none; }
.tab-content > .expanded { display: block; }

/* Breadcrumb */

.breadcrumb { padding-bottom: 12px; border-bottom: 1px dashed #b2b2b2; }
.breadcrumb .ic { width: 7px; height: 11px; background: url(images/breadcrumb-arrow.png) no-repeat 0 0; margin-bottom: -1px; margin-left: 9px; margin-right: 9px; }
/* Stars */
.star .ic { height: 16px; background: url(images/star.png) repeat-x 0 0; }
.star .ic.star-1 { width: 16px; }
.star .ic.star-2 { width: 32px; }
.star .ic.star-3 { width: 48px; }
.star .ic.star-4 { width: 64px; }
.star .ic.star-5 { width: 80px; }
/*
Template:
<div class="star"><i class="ic star-5"></i></div>
*/


/* Fancybox */
.fancybox-wrap { font-size: 14px; color: #4a4a4a; border-radius: 2px; }
.fancybox-skin { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; /*padding: 25px 0 0 0 !important;*/padding: 0 !important; background: #fff; }
.fancybox-skin-default .fancybox-skin { padding: 0 !important; }
.fancybox-title-bar, .login-popup, .fancybox-title { width: 100%; padding: 10px 20px; font-size: 16px; color: #fff; vertical-align: middle; z-index: 1; box-sizing: border-box; border-top: 1px solid #71abff; border-radius: 2px;
    background: #316bef;
    background: -moz-linear-gradient(top,  #316bef 0%, #2453c6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#316bef), color-stop(100%,#2453c6));
    background: -webkit-linear-gradient(top,  #316bef 0%,#2453c6 100%);
    background: -o-linear-gradient(top,  #316bef 0%,#2453c6 100%);
    background: -ms-linear-gradient(top,  #316bef 0%,#2453c6 100%);
    background: linear-gradient(to bottom,  #316bef 0%,#2453c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#316bef', endColorstr='#2453c6',GradientType=0 );
}
.fancybox-title-bar.fancybox-title-inside-wrap { position: absolute; top: 0; left: 0; width: 100%; padding: 10px 20px; font-size: 16px; color: #fff; vertical-align: middle; z-index: 1; box-sizing: border-box; border-top: 1px solid #71abff; border-radius: 2px;
    background: #316bef;
    background: -moz-linear-gradient(top,  #316bef 0%, #2453c6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#316bef), color-stop(100%,#2453c6));
    background: -webkit-linear-gradient(top,  #316bef 0%,#2453c6 100%);
    background: -o-linear-gradient(top,  #316bef 0%,#2453c6 100%);
    background: -ms-linear-gradient(top,  #316bef 0%,#2453c6 100%);
    background: linear-gradient(to bottom,  #316bef 0%,#2453c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#316bef', endColorstr='#2453c6',GradientType=0 );
}


.popup-content-padding-default { padding: 20px !important; }
.popup-content-padding { padding: 40px 20px 20px !important; }
.popup-footer { line-height: 69px; border-top: 1px solid #cdcdcd; background: #eee; padding-right: 20px; padding-left: 20px; }

/* Checkbox */
label input[type="checkbox"] { display: none; }
label input[type="checkbox"] + i { display: inline-block; width: 13px; height: 13px; margin-bottom: -2px; margin-right: 5px; background: url(images/checkbox.gif) no-repeat 0 0; }
label input[type="checkbox"]:checked + i { background-position: 0 -13px; }

/* Notification Box */

.notification-box { padding: 10px 10px 10px 46px; font-size: 13px; color: #1f1f1f; border-radius: 3px; position: relative; }
.notification-box:before { content: ''; position: absolute; width: 28px; height: 28px; top: 4px; left: 5px; background: url(images/notification-box-icons.png) no-repeat; }
.notification-box.success { background: #d2f9c6; border: 1px solid #add2a1; }
.notification-box.alert { background: #f3d0d0; border: 1px solid #dfafb3; }
.notification-box.warning { background: #f9e4c6; border: 1px solid #e2c7a0; }
.notification-box.success:before { background-position: 0 0; }
.notification-box.alert:before { background-position: 0 -28px; }
.notification-box.warning:before { background-position: 0 -56px; }

/* Datepicker */

#ui-datepicker-div { font-size: 90%; background: #fff; }
#ui-datepicker-div td a { border: 1px solid #b2b2b2; background: #fff; color: #4a4a4a; }
#ui-datepicker-div td a.ui-state-highlight { background: #e9ecf5; }
#ui-datepicker-div td a.ui-state-active { background: #224fbf; color: #fff; }
.ui-datepicker-header { background: #224fbf !important; border: 1px solid #224fbf !important;  }
.ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-header .ui-state-focus { border: none !important; background: rgba(255,255,255,.3) !important; top: 2px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: pointer; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(/js/jquery-ui/images/ui-icons_ffffff_256x240.png) !important; }

/* Pagination */
.pagination { list-style: none; margin: 0; padding: 0; }
.pagination li { float: left; margin-right: 2px; }
.pagination li.previous { margin-left: 0; margin-right: 5px; }
.pagination li.next { margin-left: 3px; margin-right: 0; }
.pagination li a { display: block; text-align: center; color: #4a4a4a; min-width: 30px; height: 30px; line-height: 30px; vertical-align: middle; padding: 0 10px; border: 1px solid #b2b2b2; border-radius: 2px;
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom,  #fafafa 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 );
}
.pagination li a:hover {
    background: #e1e1e1;
    background: -moz-linear-gradient(top,  #e1e1e1 0%, #cfcfcf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#cfcfcf));
    background: -webkit-linear-gradient(top,  #e1e1e1 0%,#cfcfcf 100%);
    background: -o-linear-gradient(top,  #e1e1e1 0%,#cfcfcf 100%);
    background: -ms-linear-gradient(top,  #e1e1e1 0%,#cfcfcf 100%);
    background: linear-gradient(to bottom,  #e1e1e1 0%,#cfcfcf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#cfcfcf',GradientType=0 );
}

.pagination li.active a { color: #fff; border: 1px solid #2555c9; border-radius: 2px;
    background: #316bef;
    background: -moz-linear-gradient(top,  #316bef 0%, #2554c8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#316bef), color-stop(100%,#2554c8));
    background: -webkit-linear-gradient(top,  #316bef 0%,#2554c8 100%);
    background: -o-linear-gradient(top,  #316bef 0%,#2554c8 100%);
    background: -ms-linear-gradient(top,  #316bef 0%,#2554c8 100%);
    background: linear-gradient(to bottom,  #316bef 0%,#2554c8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#316bef', endColorstr='#2554c8',GradientType=0 );
}
.pagination li.active a:hover {
    background: #2c60d7;
    background: -moz-linear-gradient(top,  #2c60d7 0%, #214bb4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c60d7), color-stop(100%,#214bb4));
    background: -webkit-linear-gradient(top,  #2c60d7 0%,#214bb4 100%);
    background: -o-linear-gradient(top,  #2c60d7 0%,#214bb4 100%);
    background: -ms-linear-gradient(top,  #2c60d7 0%,#214bb4 100%);
    background: linear-gradient(to bottom,  #2c60d7 0%,#214bb4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c60d7', endColorstr='#214bb4',GradientType=0 );
}
.pagination li.dots a { background: none; border: 0; padding: 0 2px; margin-left: -7px; margin-right: -7px; }

/* Chosen */

.chosen-container, .chosen-container:focus { box-shadow: none; }
.chosen-container-single .chosen-single { border-color: #b2b2b2; line-height: 30px; height: 30px; border-radius: 0 3px 3px 0; background: #fff; box-shadow: none; }
.chosen-container-single .chosen-single span { font-size: 13px; color: #4a4a4a; margin-right: 36px; }
.chosen-container-single .chosen-single div { width: 28px; height: 28px; border-radius: 2px 1px 1px 2px;
    background: #316bef;
    background: -moz-linear-gradient(top,  #316bef 0%, #2554c8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#316bef), color-stop(100%,#2554c8));
    background: -webkit-linear-gradient(top,  #316bef 0%,#2554c8 100%);
    background: -o-linear-gradient(top,  #316bef 0%,#2554c8 100%);
    background: -ms-linear-gradient(top,  #316bef 0%,#2554c8 100%);
    background: linear-gradient(to bottom,  #316bef 0%,#2554c8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#316bef', endColorstr='#2554c8',GradientType=0 );
}.chosen-container-single .chosen-single div b { background: url(images/caret_icon.png) no-repeat 50% 50%; }
.chosen-container-active.chosen-with-drop .chosen-single { border-color: #b2b2b2; background: #fff; }
.chosen-container-single .chosen-drop { box-shadow: none; }
.chosen-container-single .chosen-search { background: #fff; }


/* Chosen lang flags */

.chzn-lang-flag { float: left; margin-top: 6px; margin-right: 6px; width: 22px; height: 16px; background: url(images/lang_icons.png) no-repeat; }
.chzn-lang-flag.lang-en { background-position: 0 0; }
.chzn-lang-flag.lang-ru { background-position: 0 -16px; }
.chzn-lang-flag.lang-hu { background-position: 0 -32px; }
.chzn-lang-flag.lang-de { background-position: 0 -48px; }
.chzn-lang-flag.lang-cn { background-position: 0 -64px; }
.chosen-results .chzn-lang-flag { margin-top: -1px; }
.chzn_lang + .chosen-container .chosen-search { display: none; }
.chzn_lang + .chosen-container .chosen-drop { border-top: 1px solid #cdcdcd; }

/* Required color */

.required-color { color: #b00; }

/* BASE LAYOUT */
.main-bg-1 { background-color: #224fbf; }
.main-bg-2 { background-color: #eff1f7; }
.main-width { width: 1090px; position: relative; margin: 0 auto; }
.main-padding { padding: 20px; }
.main-content-space { margin-top: 30px; margin-bottom: 58px; }
.main-box { background-color: #e9ecf5; border-radius: 2px; padding: 11px; }
.main-img-box a, .main-img-box img { display: block; }
.main-img-box img { margin: 0 auto; }
.main-img-box a img { padding: 5px; background: #fff; border: 1px solid #abaeb8; border-radius: 1px; }
.main-box-mini { background-color: #e9ecf5; border-radius: 2px; padding: 8px; float: left; }
.main-box-mini a, .main-box-mini img { display: block; }
.main-box-mini .content { float: right; padding-left: 10px; }
.main-desc-box { line-height: 20px; margin: 9px 0; padding: 0 11px; }
.main-header { border: 1px solid #b2b2b2; border-radius: 2px; color: #4a4a4a;
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom,  #fafafa 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 );
}
.main-header-2 { border: 1px solid #cdcdcd; border-radius: 2px 2px 0 0; color: #4a4a4a;
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom,  #fafafa 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 );
}
.main-footer { background: #eee; border-top: 1px solid #cdcdcd; }
.main-box-header { background-color: #224fbf; padding: 9px 11px 8px 11px; border-radius: 2px; line-height: 1; }
.main-box-header .title { color: #fff; float: right; line-height: 1.3; }
.main-box-header .star { float: left; }
.main-info-bar { line-height: 30px; }
.main-info-bar .title { float: left; }
.main-info-bar .title a { color: #224fbf; }
.main-info-bar .price-box { float: right; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: #1f1f1f; }
h1, .h1 { font-size: 30px; font-weight: normal; }
h2, .h2 { margin: 0; padding: 0; font-size: 20px; font-weight: bold; line-height: 30px; vertical-align: middle; }

.notification { display: inline-block; background: #c3232c; border-radius: 2px; line-height: 1; padding: 3px 5px; color: #fff; font-style: normal; }

input[type="text"], input[type="password"] { border: 1px solid #b2b2b2; width: 100%; height: 30px; padding: 0 10px; }

#container { position: relative; }
#header-container { position: fixed; top: 0; width: 100%; height: 46px; z-index: 1000; }
#header { position: relative; width: 100%; height: 46px; font-size: 13px; color: #fff; }
#header a.logo { display: block; float: left; margin-top: 2px; }
#header a.logo img { display: block; width: 169px; height: 41px; }
#header a.nday-logo { float: left; height: 46px; margin-left: 20px; padding-right: 20px; padding-left: 20px; border-left: 1px solid #4e73cc; border-right: 1px solid #4e73cc; }
#header a.nday-logo i { display: block; margin-top: 12px; width: 154px; height: 20px; background: url(images/nday-logo.png) no-repeat 0 -20px; }
#header a.nday-logo:hover i { background-position: 0 0; }


/* Sticky header */
@media (max-width: 1108px) {
    body { margin-top: 0 !important; }
    #header-container { position: relative; min-width: 1200px; }
    #header { width: auto; }
}

#header #login-block { float: right; list-style: none; margin: 0; padding: 0; font-weight: bold; }
#header #login-block li { float: left; }
#header #login-block li a { display: block; border-right: 1px solid #4e73cc; padding: 0 16px; height: 46px; line-height: 46px; vertical-align: middle; color: #fff; }
#header #login-block li:first-child a { border-left: 1px solid #4e73cc; }

#loginBox { display: none; width: 300px; }
#loginBox #user_login { padding: 0; }
#loginBox h2 { margin-bottom: 5px; }
#loginBox input[type="text"],
#loginBox input[type="password"] { margin-bottom: 10px; }
#loginBox a { line-height: 1; }
#loggedinBox .id-number, #loggedinBox .hi-name { line-height: 46px; vertical-align: middle; }
#loggedinBox .notification { margin-left: 8px; }
#loggedinBox .hi-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 325px; text-align: right; }


#header #lang-block { float: right; list-style: none; margin: 0; padding: 0; position: relative; }
#header #lang-block > li { display: block;  border-right: 1px solid #4e73cc; text-align: center; cursor: pointer; position: relative; }
#header #lang-block > li:hover { background-color: rgba(255, 255, 255, .05); }
#header #lang-block > li .current { display: inline-block; width: 53px; height: 46px; }
#header #lang-block > li .current a { display: inline-block; background-image: url(images/lang_icons.png); background-repeat: no-repeat; width: 22px; height: 16px; margin-top: 15px; margin-left: -13px; }
#header #lang-block > li .current a[lang="en"] { background-position: 0 0; }
#header #lang-block > li .current a[lang="ru"] { background-position: 0 -16px; }
#header #lang-block > li .current a[lang="hu"] { background-position: 0 -32px; }
#header #lang-block > li .current a[lang="de"] { background-position: 0 -48px; }
#header #lang-block > li .current a[lang="cn"] { background-position: 0 -64px; }
#header #lang-block > li .ic.caret { background: url(images/caret_icon.png) no-repeat 100% 0; width: 9px; height: 9px; position: absolute; top: 19px; right: 7px; cursor: pointer; }
#header #lang-block .subnav { display: none; }

#header #login-block > li:hover > a,
#header #lang-block > li:hover > a { background-color: rgba(255,255,255, .05); }


/* Header dropdowns */

#header #lang-block .subnav { background: #224fbf; display: none; list-style: none; margin: 0; padding: 0; text-align: left; width: 130px; position: absolute; right: 0; top: 46px; z-index: 1; box-sizing: border-box; }
#header #lang-block .subnav.active { display: block; }
#header #lang-block .subnav > li { width: 100%;  padding: 0; border-top: 1px solid #4e73cc; border-left: 1px solid #4e73cc; border-right: 1px solid #4e73cc; height: 27px; line-height: 27px; vertical-align: middle; line-height: 1; }
#header #lang-block > li ul.subnav li a { display: block; width: 100%; height: 28px; line-height: 28px; vertical-align: middle; color: #fff; }
#header #lang-block > li ul.subnav li a .ic { position: relative; width: 22px; height: 16px; top: 3px; margin-left: 5px; background-image: url(images/lang_icons.png); background-repeat: no-repeat; }
#header #lang-block > li ul.subnav li a[lang="en"] .ic { display: inline-block; background-position: 0 0; }
#header #lang-block > li ul.subnav li a[lang="ru"] .ic { display: inline-block; background-position: 0 -16px; }
#header #lang-block > li ul.subnav li a[lang="hu"] .ic { display: inline-block; background-position: 0 -32px; }
#header #lang-block > li ul.subnav li a[lang="de"] .ic { display: inline-block; background-position: 0 -48px; }
#header #lang-block > li ul.subnav li a[lang="cn"] .ic { display: inline-block; background-position: 0 -64px; }
#header #lang-block > li ul.subnav li:hover a { background-color: rgba(255,255,255, .05); }


#content { position: relative; width: 1090px; margin: 0 auto; }

#footer { overflow: hidden; position: relative; font-size: 13px; color: #fff; }
#footer .row { height: 46px; }
#footer .row:first-child { border-bottom: 1px solid #4e73cc; }
#footer a.logo { display: block; float: left; margin-top: 2px; }
#footer a.logo img { width: 162px; height: 41px; }
#footer #footer-menu { float: right; list-style: none; margin: 0; padding: 0; }
#footer #footer-menu li { float: left; }
#footer #footer-menu li a { display: block; border-right: 1px solid #4e73cc; padding: 0 16px; height: 46px; line-height: 46px; vertical-align: middle; color: #fff; }
#footer #footer-menu li a:hover { background-color: rgba(255,255,255, .05); }
#footer #footer-menu li:first-child a { border-left: 1px solid #4e73cc; }
#footer #rights { font-size: 12px; line-height: 46px; vertical-align: middle; }

#footer #social-block { float: left; list-style: none; margin: 0 0 0 19px; padding: 0; }
#footer #social-block .current { position: relative; }
#footer #social-block li { position: relative; }
#footer #social-block li a { float: left; display: block; border-right: 1px solid #4e73cc; width: 50px; height: 46px; padding: 0 10px; position: relative; }
#footer #social-block li:first-child a { border-left: 1px solid #4e73cc; }
#footer #social-block li a .ic:first-child { background: #fff url(images/social_icons.png) no-repeat; width: 28px; height: 28px; border: 1px solid #eee; margin-top: 9px; }
#footer #social-block li a .ic.facebook { background-position: 0 0; }
#footer #social-block li a .ic.twitter { background-position: 0 -28px; }
#footer #social-block li a .ic.google-plus { background-position: 0 -56px; }
#footer #social-block li a .ic.caret { background: url(images/caret-right-icon.png) no-repeat 50% 50%; width: 20px; height: 20px; position: absolute; top: 13px; right: 4px; cursor: pointer; }
/*#footer #social-block li .subnav { display: none; background: #224fbf; margin: 0; padding: 0; list-style: none; position: absolute; z-index: 1; top: 46px; }*/
#footer #social-block li .subnav { display: block; background: #224fbf; margin: 0; padding: 0; list-style: none; position: absolute; z-index: 1; top: 0; left: 49px; }
#footer #social-block li .subnav.active { display: block; }
#footer #social-block li .subnav li { height: auto; }
#footer #social-block li .subnav li:first-child a { border-top: 1px solid #4e73cc; }
#footer #social-block li .subnav li:nth-child(2) { position: absolute; top: 0; left: 49px; }
#footer #social-block li .subnav li:nth-child(3) { position: absolute; top: 0; left: 98px; }
#footer #social-block li .subnav li a { height: 46px; border-bottom: 1px solid #4e73cc; }

#footer #social-block a:hover { background-color: rgba(255,255,255, .05); }

#footer #social-block .fb-share-button { position: absolute; left: 11px; top: 9px; z-index: 1; width: 28px; height: 14px; overflow: hidden; opacity: 0; }
#footer #social-block .vk-share-button img { margin-top: 9px; border: 1px solid #ffffff; }
#footer #social-block .fb-share-button:first-child { top: 23px; }
#footer #social-block .g-plus-share { position: absolute; left: 11px; top: 57px; width: 28px; height: 28px; opacity: 0; overflow: hidden; z-index: 1; }

#header #social-block > li:hover > a { background-color: rgba(255,255,255, .05); }

/* Sticky Footer */
html { position: relative; min-height: 100%; }
body { margin: 46px 0 92px 0; }
#footer-container { position: absolute; left: 0; bottom: 0; width: 100%; height: 92px; }
@media (max-width: 1108px) {
    #footer-container { width: auto; }
}

/* GRIDS */

/* 2 col */
.row-2-container > .col { float: left; width: 535px; margin-left: 20px; }
.row-2-container > .col:first-child { margin-left: 0; }

/* 3 col */
.row-3-container > .col { float: left; width: 350px; }
.row-3-container > .col:nth-child(2) { margin: 0 20px; }


/* Hotel box */

.hotel-status-box { width: 100%; margin-top: 20px; }
.hotel-status-box .header { font-size: 14px; line-height: 30px; overflow: hidden; padding: 0; }
.hotel-status-box .header span { float: left; width: 50%; height: 100%; padding: 5px 10px 4px 10px; }
.hotel-status-box .header .hotel-status { background: #f00; box-shadow: inset 0 0 17px rgba(37, 148, 40, 0.9); color: #fff; font-weight: bold; min-height: 39px; text-align: center; max-width: 119px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.hotel-status-box .header .hotel-status.active { background: #7cbc75; }
.hotel-status-box .content { background: #e6e6e6; font-size: 12px; padding: 20px; line-height: 16px; border: 1px solid #cdcdcd; margin-top: -1px; }

/* Current balance box */

.current-balance-box { color: #000; font-size: 14px; font-weight: bold; width: 100%; margin-top: 12px; border-collapse: separate; border-spacing: 1px; }
.current-balance-box thead th { border-bottom: 0; padding: 11px; text-align: left; border: 1px solid #f8d78f; border-bottom: 0; border-radius: 2px 2px 0 0; text-shadow: 1px 1px 1px #fff;
    background: #fbe8bf;
    background: -moz-linear-gradient(top,  #fbe8bf 0%, #ffe199 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbe8bf), color-stop(100%,#ffe199));
    background: -webkit-linear-gradient(top,  #fbe8bf 0%,#ffe199 100%);
    background: -o-linear-gradient(top,  #fbe8bf 0%,#ffe199 100%);
    background: -ms-linear-gradient(top,  #fbe8bf 0%,#ffe199 100%);
    background: linear-gradient(to bottom,  #fbe8bf 0%,#ffe199 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbe8bf', endColorstr='#ffe199',GradientType=0 );
}
.current-balance-box td { text-align: center; width: 50%;
    background: #fff0cc;
    background: -moz-linear-gradient(top,  #fff0cc 0%, #fbe8bf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff0cc), color-stop(100%,#fbe8bf));
    background: -webkit-linear-gradient(top,  #fff0cc 0%,#fbe8bf 100%);
    background: -o-linear-gradient(top,  #fff0cc 0%,#fbe8bf 100%);
    background: -ms-linear-gradient(top,  #fff0cc 0%,#fbe8bf 100%);
    background: linear-gradient(to bottom,  #fff0cc 0%,#fbe8bf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0cc', endColorstr='#fbe8bf',GradientType=0 );
}
.current-balance-box .ic { width: 20px; height: 20px; background: url(images/user-menu-icons.png) no-repeat; margin-top: 10px; }
.current-balance-box .c1 { border-bottom: 1px solid #fbe8bf; }
.current-balance-box .c2 { border-right: 1px solid #fbe8bf; border-bottom: 1px solid #fbe8bf; border-radius: 0 0 2px 0; }
.current-balance-box .c1 .ic { background-position: 0 -240px; }
.current-balance-box .c2 .ic { background-position: 0 -240px; }

.current-balance-box .type { font-size: 10px; margin-top: -3px; margin-bottom: 5px; }
.current-balance-box .price { margin-bottom: 12px; }


/*
 ********************************************************************************
 * PAGES
 ********************************************************************************
 */

/* Mainpage */
#mainpage #featured .col:first-child .main-box { min-height: 657px; }
#mainpage .main-box-header { position: relative; }
#mainpage .main-box-header .discount { display: none; position: relative; float: right; cursor: pointer; top: 21px; margin-top: -42px; right: 10px; font-size: 19px; color: #fff; background: #224fbf; width: 60px; height: 60px; line-height: 60px; border: 3px solid #fff; text-align: center; vertical-align: middle; border-radius: 999px; }
#mainpage .discount .tltp-wrap { cursor: default; position: absolute; margin-left: -4px; bottom: 70px; box-shadow: 0 3px 10px rgba(0, 0, 0, .2); padding: 10px 26px 10px 64px; min-width: 240px; background: rgb(255, 255, 255); border: 4px solid rgb(255, 255, 255); border-radius: 5px; border: 1px solid #959595; color: #4a4a4a; }
#mainpage .discount .tltp { line-height: 18px; font-size: 12px; text-align: left; }
#mainpage .discount .tltp:before { content: ''; display: block; position: absolute; width: 0; height: 0; border-width: 11px; border-style: solid; border-color: #959595 transparent transparent transparent; bottom: -22px; left: 19px; }
#mainpage .discount .tltp:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: #fff transparent transparent transparent; bottom: -20px; left: 20px; }
#mainpage .discount .tltp-wrap .pictogram { box-shadow: 0 0 10px rgba(0, 0, 0, .5); position: absolute; margin-top: -20px; top: 50%; left: 12px; font-size: 19px; color: #fff; background: #224fbf; width: 40px; height: 40px; line-height: 40px; border: 3px solid #fff; text-align: center; vertical-align: middle; border-radius: 999px; }
#mainpage .discount .tltp-wrap .desc { margin-bottom: 5px; }
#mainpage .discount .tltp-wrap .btn { font-size: 14px; }
#mainpage .discount .tltp-wrap .btn-close { color: #9e9e9e; position: absolute; top: 3px; right: 3px; padding: 0; width: 20px; height: 20px; font-weight: bold; font-size: 20px; line-height: 1; }
#mainpage .discount .tltp-wrap .btn-close:hover { color: #4a4a4a; }
#mainpage #featured .content h2 a { color: #1f1f1f; }
#mainpage #featured .main-img-box { margin-bottom: 9px; padding: 5px; background: #fff; border: 1px solid #cdcdcd; }
#mainpage #featured .main-img-box a { width: 500px; height: 380px; }
#mainpage #featured .main-desc-box { max-height: 62px; overflow: hidden; }
#mainpage #featured .pictures { list-style: none; margin: 0; padding: 0; }
#mainpage #featured .pictures li { float: left; margin-left: 11px; }
#mainpage #featured .pictures li:first-child { margin-left: 0; }
#mainpage #featured .pictures li a { display: block; width: 120px; height: 90px; }
#mainpage #featured .pictures li a img { display: block; }
#mainpage #search-block { padding: 21px; margin-bottom: 11px; }
#mainpage #search-block .ic.search { background: url(images/search-icons.png) no-repeat; }
#mainpage #search-block .h1 { margin-bottom: 20px; }
#mainpage #search-block .h1 .ic.search { background-position: 0 0; width: 26px; height: 25px; margin-bottom: -3px; }
#mainpage #search-block label { display: block; color: #1f1f1f; margin-bottom: 5px; }
#mainpage #search-block input#destinations { height: 40px; padding: 0 10px; font-size: 18px; }
#mainpage #search-block #search-table { position: relative; display: table; margin-top: 12px; margin-bottom: 12px; }
#mainpage #search-block #search-table .t-r { display: table-row; }
#mainpage #search-block #search-table .t-c { display: table-cell; padding: 10px; position: relative; }
#mainpage #search-block #search-table .t-c:nth-child(1) { padding-left: 0; }
#mainpage #search-block #search-table .t-c:nth-child(3) { padding-right: 0; }
#mainpage #search-block #search-table #search-arrive-date, #mainpage #search-block #search-table select { width: 151px; }
#mainpage #search-block #search-table #search-arrive-date + img { position: absolute; top: 37px; margin-left: -28px; }
#mainpage #search-block button[type="submit"] { float: right; padding: 13px 52px; border-radius: 18px 0 18px 0; font-size: 20px; }
#mainpage #search-block button[type="submit"] .ic.search { background-position: 0 -26px; width: 26px; height: 20px; margin-bottom: -5px; }
#mainpage #recommended .main-box-mini { margin-top: 10px; min-height: 106px; }
#mainpage #recommended .main-box-mini:first-child { margin-top: 0; }
#mainpage #recommended .main-box-mini .main-img-box-mini { width: 120px; height: 90px; }
#mainpage #recommended .main-box-mini h2 a { color: #1f1f1f; }
#mainpage #recommended .content { width: 399px; }
#mainpage #recommended .content .main-desc-box { max-height: 20px; margin: 5px 0 0 0; white-space: nowrap; text-overflow: ellipsis; }
#mainpage #pagination-1 { margin-top: 19px; }
#mainpage #pagination-1 .filter h2 { margin-right: 10px; }
#mainpage #pagination-1 .filter h2,
#mainpage #pagination-1 .filter .chosen-container { display: inline-block; }
#mainpage #pagination-1 #hotel-filter { width: 326px; }
#mainpage .supply .main-box { min-height: 387px; padding: 10px; }
#mainpage .supply .main-box .main-img-box { background: #fff; padding: 5px; border: 1px solid #cdcdcd; }
#mainpage .supply .main-box .main-img-box a { width: 318px; height: 239px; }
#mainpage .supply .main-box h2 a { color: #1f1f1f; }
#mainpage .supply .row-3-container { margin-top: 20px; }
#mainpage .supply .main-desc-box { max-height: 40px; margin-bottom: 0; overflow: hidden; }
#mainpage #pagination-2 { margin-top: 21px; }

/* Search header */

#search-header { margin-bottom: 25px; }
#search-header .col { margin-left: 9px; float: left; }
#search-header .col { width: 190px; }
#search-header .col:first-child { margin-left: 0; width: 320px; }
#search-header select { width: 190px; }
#search-header label { display: inline-block; color: #1f1f1f; margin-bottom: 5px; font-size: 13px; }
#search-header #search-arrive-date + img { position: absolute; top: 37px; margin-left: -28px; }
#search-header button[type="submit"] { float: right; padding: 11px 16px 10px 16px; font-size: 20px; }
#search-header button[type="submit"] .ic.search { background: url(images/search-icons.png) 0 -26px; width: 26px; height: 20px; margin-bottom: -2px; }
#search-results-content .col-1 { float: left; width: 240px; margin-right: 19px; }
#search-results-content .col-2 { float: left; }
#search-result-heading { color: #1f1f1f; font-size: 16px; border-bottom: 1px solid #b2b2b2; padding-bottom: 5px; }


/* Result list - Not a page - Global class */

.result-list #search-preferences { border: 1px solid #aab6d1; border-radius: 3px 3px 0 0;  margin: 0 0 20px 0; min-height: 1010px; }
.result-list #search-preferences .preferences-header { color: #1f1f1f; font-size: 16px; padding: 10px; border-bottom: 1px solid #aab6d1;
    background: #dee3f0;
    background: -moz-linear-gradient(top,  #dee3f0 0%, #c2cbe1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dee3f0), color-stop(100%,#c2cbe1));
    background: -webkit-linear-gradient(top,  #dee3f0 0%,#c2cbe1 100%);
    background: -o-linear-gradient(top,  #dee3f0 0%,#c2cbe1 100%);
    background: -ms-linear-gradient(top,  #dee3f0 0%,#c2cbe1 100%);
    background: linear-gradient(to bottom,  #dee3f0 0%,#c2cbe1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee3f0', endColorstr='#c2cbe1',GradientType=0 ); }
.result-list #search-preferences ul { list-style: none; margin: 0; padding: 0; }
.result-list #search-preferences #preferences-list { padding: 10px; }
.result-list #search-preferences #preferences-list > li { margin-top: 16px; }
.result-list #search-preferences #preferences-list > li:first-child { margin-top: 0; }
.result-list #search-preferences #preferences-list li li { margin-bottom: 8px; }
.result-list #search-preferences #preferences-list li li:first-child { margin-top: 8px; }
.result-list #search-preferences #preferences-list .title-bar { background: #efefef; border-radius: 3px; padding: 9px 6px; }
.result-list #search-preferences #preferences-list .title-bar .ic { cursor: pointer; background: url(images/search-preferences-arrow.png) no-repeat; width: 14px; height: 14px; margin-right: 7px; margin-bottom: -3px; }
.result-list #search-preferences #preferences-list li .title-bar .ic { background-position: 0 0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.result-list #search-preferences #preferences-list li.collapsed { margin-bottom: -6px; }
.result-list #search-preferences #preferences-list li.collapsed.last { margin-bottom: 0; }
.result-list #search-preferences #preferences-list li.collapsed .title-bar .ic { background-position: 0 -14px; }
.result-list #search-preferences #preferences-list li.collapsed ul { display: none; }
.result-list #search-preferences #preferences-list label { padding-left: 20px; display: block; position: relative; cursor: pointer; }
.result-list #search-preferences #preferences-list label input[type="checkbox"] + i { margin-right: 12px; }
.result-list #pagination-1 { margin: 15px 0; }
.result-list .sort-list-header { margin-top: 10px; }
.result-list .sort-list-header ul { list-style: none; margin: 0; padding: 0; }
.result-list .sort-list-header li { line-height: 33px; vertical-align: middle; float: left; padding: 0 15px; border-right: 1px solid #b2b2b2; position: relative; }
.result-list .sort-list-header li:first-child { width: 169px; padding: 0 10px;
    background: #ebebeb;
    background: -moz-linear-gradient(top,  #ebebeb 0%, #d8d8d8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#d8d8d8));
    background: -webkit-linear-gradient(top,  #ebebeb 0%,#d8d8d8 100%);
    background: -o-linear-gradient(top,  #ebebeb 0%,#d8d8d8 100%);
    background: -ms-linear-gradient(top,  #ebebeb 0%,#d8d8d8 100%);
    background: linear-gradient(to bottom,  #ebebeb 0%,#d8d8d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#d8d8d8',GradientType=0 );
}
.result-list .sort-list-header li a { color: #4a4a4a; display: block; }
.result-list .sort-list-header li a i { width: 14px; height: 8px; background: url(images/sort-icon.png); display: none; }
.result-list .sort-list-header li.sort { background: #224fbf; }
.result-list .sort-list-header li.sort a { color: #fff; }
.result-list .sort-list-header li.sort a .sort-icon { display: inline-block; margin-left: 5px; }
.result-list .sort-list-header li.sort.asc a .sort-icon { background-position: 0 -8px; }
.result-list .sort-list-header li.sort.desc a .sort-icon { background-position: 0 0; }

.result-list .sort-list-header2 { margin-top: 10px; }
.result-list .sort-list-header2 ul { list-style: none; margin: 0; padding: 0; }
.result-list .sort-list-header2 li { line-height: 33px; vertical-align: middle; float: left; padding: 0 15px; border-right: 1px solid #b2b2b2; position: relative; }
.result-list .sort-list-header2 li:first-child { width: 169px; padding: 0 10px;
    background: #ebebeb;
    background: -moz-linear-gradient(top,  #ebebeb 0%, #d8d8d8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#d8d8d8));
    background: -webkit-linear-gradient(top,  #ebebeb 0%,#d8d8d8 100%);
    background: -o-linear-gradient(top,  #ebebeb 0%,#d8d8d8 100%);
    background: -ms-linear-gradient(top,  #ebebeb 0%,#d8d8d8 100%);
    background: linear-gradient(to bottom,  #ebebeb 0%,#d8d8d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#d8d8d8',GradientType=0 );
}
.result-list .sort-list-header2 li a { color: #4a4a4a; display: block; }
.result-list .sort-list-header2 li a i { width: 14px; height: 8px; background: url(images/sort-icon.png); display: none; }
.result-list .sort-list-header2 li.sort { background: #224fbf; }
.result-list .sort-list-header2 li.sort a { color: #fff; }
.result-list .sort-list-header2 li.sort a .sort-icon { display: inline-block; margin-left: 5px; }
.result-list .sort-list-header2 li.sort.asc a .sort-icon { background-position: 0 -8px; }
.result-list .sort-list-header2 li.sort.desc a .sort-icon { background-position: 0 0; }

/*  Search results */



#search-results .search-result-list { margin: 10px 0 15px 0; padding: 0; list-style: none; width: 831px; }
#search-results .search-result-list li { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px dotted #b2b2b2; clear: both; }
#search-results .search-result-list li:before,
#search-results .search-result-list li:after { content: " "; display: table; }
#search-results .search-result-list li:after { clear: both; }
#search-results .search-result-list li:first-child { border-top: 1px dotted #b2b2b2; }
#search-results .search-result-list li .img-box a { display: block; width: 170px; height: 128px; }
#search-results .search-result-list li .img-box a img { display: block; }
#search-results .search-result-list li .img-box { float: left; margin-right: 9px; }
#search-results .search-result-list li .search-desc-box { float: left; width: 500px; }
#search-results .search-result-list li .search-desc-box h2 { color: #224fbf; margin-bottom: 6px; }
#search-results .search-result-list li .search-desc-box .sub-title { margin-bottom: 12px; }
#search-results .search-result-list li .search-desc-box .desc { line-height: 18px; }
#search-results .search-result-list li .desc-aside { float: right; width: 118px; text-align: center; position: relative; }
#search-results .search-result-list li .desc-aside a.details { margin-top: 8px; font-size: 15px; text-transform: uppercase; }
#search-results .search-result-list li .desc-aside a.details .small { font-size: 11px; display: block; }
#search-results #pagination-2 { margin-bottom: 35px; }
#search-results .discount { position: absolute; cursor: pointer; top: 32px; right: 0px; margin-right: 29px; font-size: 19px; color: #fff; background: #224fbf; width: 60px; height: 60px; line-height: 60px; border: 3px solid #fff; text-align: center; vertical-align: middle; border-radius: 999px; }
#search-results .discount .tltp-wrap { cursor: default; position: absolute; margin-left: -4px; bottom: 70px; box-shadow: 0 3px 10px rgba(0, 0, 0, .2); padding: 10px 26px 10px 64px; min-width: 240px; background: rgb(255, 255, 255); border: 4px solid rgb(255, 255, 255); border-radius: 5px; border: 1px solid #959595; color: #4a4a4a; }
#search-results .discount .tltp { line-height: 18px; font-size: 12px; text-align: left; }
#search-results .discount .tltp:before { content: ''; display: block; position: absolute; width: 0; height: 0; border-width: 11px; border-style: solid; border-color: #959595 transparent transparent transparent; bottom: -22px; left: 19px; }
#search-results .discount .tltp:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: #fff transparent transparent transparent; bottom: -20px; left: 20px; }
#search-results .discount .tltp-wrap .pictogram { box-shadow: 0 0 10px rgba(0, 0, 0, .5); position: absolute; margin-top: -20px; top: 50%; left: 12px; font-size: 19px; color: #fff; background: #224fbf; width: 40px; height: 40px; line-height: 40px; border: 3px solid #fff; text-align: center; vertical-align: middle; border-radius: 999px; }
#search-results .discount .tltp-wrap .desc { margin-bottom: 5px; }
#search-results .discount .tltp-wrap .btn { font-size: 14px; }
#search-results .discount .tltp-wrap .btn-close { color: #9e9e9e; position: absolute; top: 3px; right: 3px; padding: 0; width: 20px; height: 20px; font-weight: bold; font-size: 20px; line-height: 1; }
#search-results .discount .tltp-wrap .btn-close:hover { color: #4a4a4a; }

/*  Registration page */
#user-registration-page.registration-width { width: 860px; }
#user-registration-page .main-header-2 { padding: 5px 21px 4px 21px; }
#user-registration-page .main-header-2 h2 { vertical-align: middle; color: #4a4a4a; font-weight: normal; text-shadow: 1px 1px 1px rgba(255,255,255,1); }
#user-registration-page .main-header-2 h2 { font-size: 16px; font-weight: bold; }
#user-registration-page .main-header-2 h2 a { font-size: 14px; float: right; }
#user-registration-page .main-header-2 h2 .ic.ic-user-registration { background: url(images/user-menu-icons.png) no-repeat 0 -320px; width: 22px; height: 20px; margin-bottom: -6px; margin-right: 5px; }
#user-registration-page form .content { border: 1px solid #cdcdcd; border-top: 0; }
#user-registration-page #registration_form h3 { margin-bottom: 5px; padding-left: 4px; }
#user-registration-page #registration_form table { margin: 0 auto; }
#user-registration-page #registration_form table td { padding: 4px; }
#user-registration-page #registration_form table td > input[type="text"],
#user-registration-page #registration_form table td > input[type="password"] { width: 260px; }
#user-registration-page select { width: 84px; }
#user-registration-page select#country,
#user-registration-page select#lng { width: 260px; }
#user-registration-page #registration_form table #szerzodes { display: block; visibility: hidden; margin-top: -13px; }
#pic_scode { border: 1px solid #b2b2b2; }
#user-registration-page #registration_form #scode { width: 56px; text-align: center; }
#user-registration-page #registration_form table.accept-rights td { padding: 20px 0; }
#user-registration-page #registration_form table.captcha-box { margin-bottom: 30px; }
#user-registration-page .main-footer { line-height: 69px; }
.registration-econtract h2 { padding: 10px 20px; }

/* Hotel registration page */

#hotel-registration-page { width: 940px; }
#hotel-registration-page .main-header-2 { padding: 5px 21px 4px 21px; }
#hotel-registration-page .main-header-2 h2 { vertical-align: middle; color: #4a4a4a; font-weight: normal; text-shadow: 1px 1px 1px rgba(255,255,255,1); }
#hotel-registration-page .main-header-2 h2 { font-size: 16px; font-weight: bold; }
#hotel-registration-page .main-header-2 h2 a { font-size: 14px; float: right; }
#hotel-registration-page .row { clear: both; margin-bottom: 10px; }
#hotel-registration-page .col { float: left; }
#hotel-registration-page label { font-weight: bold; display: block; margin-bottom: 5px; font-size: 13px; }
#hotel-registration-page .form-content { padding: 20px 40px; }
#hotel-registration-page .userData label { display: block; }
#hotel-registration-page #registration_form { border: 1px solid #cdcdcd; border-top: 0; }
#hotel-registration-page #registration_form h3 { margin-bottom: 16px !important; margin-top: 30px; padding-bottom: 3px; text-transform: uppercase; border-bottom: 2px solid #4a4a4a; color: #4a4a4a; font-size: 14px; }
#hotel-registration-page #registration_form table { margin: 0 auto; }
#hotel-registration-page #registration_form table td { padding: 4px; }
#hotel-registration-page #registration_form table td > input[type="text"],
#hotel-registration-page #registration_form table td > input[type="password"] { width: 260px; }
#hotel-registration-page #registration_form label[for="hotel-lang-selector"] { display: inline-block; }
#hotel-registration-page #registration_form #hotel-lang-selector { width: 170px; }
#hotel-registration-page #registration_form input[type="text"],
#hotel-registration-page form input[type="password"],
#hotel-registration-page .chosen-container { margin-right: 20px; }
#hotel-registration-page #hotel-lang-selector + .chosen-container { margin-right: 0; }
#hotel-registration-page #registration_form #login_name { width: 220px; }
#hotel-registration-page #registration_form #email { width: 300px; }
#hotel-registration-page #registration_form #pass { width: 139px; }
#hotel-registration-page #registration_form #pass_2 { width: 139px; margin-right: 0; }
#hotel-registration-page #registration_form #name_2 {  width: 488px;}
#hotel-registration-page #registration_form #telefon { width: 160px; margin-right: 0; }
#hotel-registration-page #registration_form #phone_code { width: 170px; }
#hotel-registration-page #registration_form #name { width: 329px; }
#hotel-registration-page #registration_form #hotel_type { width: 319px; }
#hotel-registration-page #registration_form #hotel_star { width: 170px; }
#hotel-registration-page #registration_form #hotel_star + .chosen-container { margin-right: 0; }
#hotel-registration-page #registration_form #country,
#hotel-registration-page #registration_form #country + .chosen-container { width: 329px; }
#hotel-registration-page #registration_form #city { width: 319px; }
#hotel-registration-page #registration_form #zip { width: 170px; margin-right: 0; }
#hotel-registration-page #registration_form #address { width: 409px; }
#hotel-registration-page #registration_form #web { width: 429px; margin-right: 0; }
#hotel-registration-page #registration_form .description { width: 858px; height: 79px; }
#hotel-registration-page #registration_form #gps-datas { display: inline-block; }
#hotel-registration-page #registration_form #timezona { width: 428px; }
#hotel-registration-page #registration_form #timezona + .chosen-container { margin-right: 0; }
#hotel-registration-page #gps-box div:first-child .btn { margin-right: 20px; }
#hotel-registration-page #gps-box div:nth-child(3) { float: right; }
#hotel-registration-page #registration_form .gps-datas { margin-right: 20px; width: 207px; line-height: 34px; }
#hotel-registration-page #registration_form #gps_map { width: 858px; height: 390px; border: 1px solid #b2b2b2; margin-top: 10px; }

#hotel-registration-page #hotel-services-box label { float: left; width: 210px; margin-bottom: 10px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor: pointer; }

#hotel-registration-page #hotel-services-box label:nth-of-type(4n + 2) { width: 229px; }
#hotel-registration-page #hotel-services-box label:nth-of-type(4n + 4) { width: 209px; }

#hotel-registration-page #hotel-services-2-box { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor: pointer; margin-top: -10px; }
#hotel-registration-page #hotel-services-2-box label { margin-bottom: 10px; }

#hotel-registration-page .internet_text, #hotel-registration-page .parking_text { width: 419px; height: 59px; margin-right: 20px; }
#hotel-registration-page .parking_text { margin-right: 0; }

#hotel-registration-page .arrival-box .select-separate,
#hotel-registration-page .departure-box .select-separate { font-weight: bold; display: inline-block; margin-left: 10px; margin-right: 10px; }
#hotel-registration-page label[for="arrival_from"],
#hotel-registration-page label[for="departure_from"] { display: inline-block; width: 210px; }
#hotel-registration-page #arrival_from,
#hotel-registration-page #arrival_to { width: 120px; }
#hotel-registration-page #departure_from,
#hotel-registration-page #departure_to { width: 120px; }
#hotel-registration-page #arrival_from + .chosen-container,
#hotel-registration-page #departure_from + .chosen-container,
#hotel-registration-page #arrival_to + .chosen-container,
#hotel-registration-page #departure_to + .chosen-container { margin-right: 0; }

#hotel-registration-page .rools_cancel,
#hotel-registration-page .rools_plus,
#hotel-registration-page .rools_pets_text { width: 858px; height: 69px; }

#hotel-registration-page #card-type-box ul { list-style: none; padding: 0; margin: 16px 0 0 0; }
#hotel-registration-page #card-type-box ul li { display: inline-block; margin-right: 26px; }
#hotel-registration-page #card-type-box ul li i { margin-bottom: 8px; }
#hotel-registration-page #card-type-box ul li span { display: inline-block; width: 47px; height: 30px; overflow: hidden; background: url(images/cards.png) no-repeat; }
#hotel-registration-page #card-type-box #cards_american-express + i + span { background-position: 0 0; }
#hotel-registration-page #card-type-box #cards_visa + i + span { background-position: -47px 0; }
#hotel-registration-page #card-type-box #cards_maestro + i + span { background-position: -143px 0; }
#hotel-registration-page #card-type-box #cards_mastercard + i + span { background-position: -94px 0; }

#hotel-registration-page .hotel-photo-upload-desc { margin-bottom: 50px; }
#hotel-registration-page #hotel-photo-upload { background: url(images/photo-upload-default.png) repeat 0 0; position: relative; }
#hotel-registration-page #hotel-photo-upload ul { list-style: none; padding: 0; margin: 0; }
#hotel-registration-page #hotel-photo-upload ul li { float: left; position: relative; margin-right: 12px; margin-bottom: 20px; }
#hotel-registration-page #hotel-photo-upload ul li:nth-child(6n + 6) { margin-right: 0; }
#hotel-registration-page #hotel-photo-upload ul li .header { background: #224fbf; width: 132px; height: 31px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; top: -32px; left: -2px; color: #fff; position: absolute; text-align: center; font-size: 12px; border-radius: 2px 2px 0 0; padding: 10px 5px 8px 5px; }
#hotel-registration-page #hotel-photo-upload ul li#main_image { width: 132px; height: 137px; border: 2px solid #224fbf; }
#hotel-registration-page #hotel-photo-upload ul li#main_image .qq-upload-button { position: absolute !important; top: 0; width: 136px; height: 136px; background: transparent !important; padding: 0 !important; }
#hotel-registration-page #hotel-photo-upload ul li#main_image .qq-upload-button img { display: block; }
#hotel-registration-page #hotel-photo-upload ul li#main_image .qq-upload-button { width: 100%; height: 136px; background: url(images/photo-upload-icon.png) no-repeat 50% 33px; !important; padding: 0 !important; }
#hotel-registration-page #hotel-photo-upload ul li#main_image .qq-upload-button img { display: block; }
#hotel-registration-page #hotel-photo-upload ul li#main_image .action-bar.remove { position: absolute; right: 10px; bottom: 13px; color: #224fbf; font-size: 13px; }
#hotel-registration-page #hotel-photo-upload ul li#main_image .action-bar.remove button[type="button"] { background: transparent; border: 0; float: right; padding: 0; }
#hotel-registration-page #hotel-photo-upload ul li#main_image .action-bar.remove .ic.ic-remove { display: inline-block; width: 11px; height: 14px; background: url(images/ic-photo-remove.png) no-repeat 0 0; margin-left: 1px; border: 0; margin-bottom: -1px; }
#hotel-registration-page #hotel-photo-upload ul li#main_image .avatar_img { margin: 4px; width: 120px; height: 90px; }
#hotel-registration-page #hotel-photo-upload ul li#main_image .action-bar.add button[type="button"] { background: transparent; border: 0; text-align: center; width: 100%; height: 100%; padding: 76px 17px 30px 17px; text-align: center; color: #224fbf; font-size: 13px; }
#hotel-registration-page #hotel-photo-upload ul li#main_image .qq-uploader { width: 100%; height: 136px; background: url(images/photo-upload-icon.png) no-repeat 50% 33px; !important; padding: 0 !important; }


#hotel-registration-page #hotel-photo-upload ul li.image_set { background: #fff; width: 132px; height: 137px; border: 1px solid #b2b2b2; overflow: hidden; }
#hotel-registration-page #hotel-photo-upload ul li.image_set:nth-child(6n + 6) { margin-right: 0; }
#hotel-registration-page #hotel-photo-upload ul li.image_set:hover { border-color: #224fbf; }
#hotel-registration-page #hotel-photo-upload ul li.image_set .qq-upload-button { width: 100%; height: 136px; background: url(images/photo-upload-icon.png) no-repeat 50% 33px; !important; padding: 0 !important; }
#hotel-registration-page #hotel-photo-upload ul li.image_set .qq-upload-button img { display: none; }
#hotel-registration-page #hotel-photo-upload ul li.image_set .action-bar { position: absolute; right: 10px; bottom: 13px; color: #224fbf; font-size: 13px; }
#hotel-registration-page #hotel-photo-upload ul li.image_set .action-bar button[type="button"] { background: transparent; border: 0; float: right; padding: 0; }
#hotel-registration-page #hotel-photo-upload ul li.image_set .action-bar .ic.ic-remove { display: inline-block; width: 11px; height: 14px; background: url(images/ic-photo-remove.png) no-repeat 0 0; margin-left: 1px; border: 0; margin-bottom: -1px; }
#hotel-registration-page #hotel-photo-upload ul li.image_set .avatar_img { margin: 5px; width: 120px; height: 90px; cursor: move; }


#hotel-registration-page #hotel-photo-upload ul li.images_uploader { width: 132px; height: 137px; border: 1px solid #b2b2b2; overflow: hidden; }
#hotel-registration-page #hotel-photo-upload ul li.images_uploader:hover { border-color: #224fbf; }
#hotel-registration-page #hotel-photo-upload ul li.images_uploader .qq-upload-button { width: 100%; height: 136px; background: url(images/photo-upload-icon.png) no-repeat 50% 33px; !important; padding: 0 !important; }
#hotel-registration-page #hotel-photo-upload ul li.images_uploader .qq-upload-button img { display: none; }
#hotel-registration-page #hotel-photo-upload ul li.images_uploader .action-bar { position: absolute; top: 0; left: 0; color: #224fbf; font-size: 13px; }
#hotel-registration-page #hotel-photo-upload ul li.images_uploader .action-bar button[type="button"] { background: transparent; border: 0; text-align: center; width: 130px; height: 100%; padding: 76px 17px 30px 17px; text-align: center; }

#hotel-registration-page #docs_uploader1,
#hotel-registration-page #docs_uploader2 { display: inline-block; width: 636px; height: 34px; line-height: 34px; vertical-align: middle; padding: 0 5px; border: 1px solid #b2b2b2; margin-right: 6px; }
#hotel-registration-page #av_docs-uploader1,
#hotel-registration-page #av_docs-uploader2 { width: 210px; height: 34px; line-height: 2; overflow: hidden; white-space: nowrap; }
#hotel-registration-page #av_docs-uploader1 .qq-upload-button,
#hotel-registration-page #av_docs-uploader2 .qq-upload-button { border: 0 transparent; text-overflow: ellipsis; background: transparent !important; width: auto !important; padding: 0 !important; }
#hotel-registration-page #av_docs-uploader1 .qq-uploader a:hover,
#hotel-registration-page #av_docs-uploader2 .qq-uploader a:hover { color: #fff; }

#hotel-registration-page select#country,
#hotel-registration-page select#lng { width: 260px; }

#pic_scode { border: 1px solid #b2b2b2; }
#hotel-registration-page #registration_form #scode { width: 56px; text-align: center; margin-right: 0; }
#hotel-registration-page #registration_form .accept-rights { position: relative; float: left; padding-top: 34px !important; border: 1px solid #eee; border-radius: 6px; width: 424px; height: 84px; margin: 30px auto; padding: 10px 16px; text-align: center; }
#hotel-registration-page #registration_form .chaptcha-box-container { float: right; border: 1px solid #eee; border-radius: 6px; width: 424px; height: 84px; margin: 30px auto; padding: 10px 16px; text-align: center; }
#hotel-registration-page #registration_form .chaptcha-box-container .captcha-title { float: left; padding-top: 18px; width: 130px; font-weight: bold; margin-bottom: 4px; text-align: left; }
#hotel-registration-page #registration_form table.captcha-box { margin-top: 10px; }
#hotel-registration-page #szerzodes { display: block; visibility: hidden; position: absolute; }
#hotel-registration-page .main-footer { line-height: 69px; }



/* Hotel registration page modify */

#hotel-registration-page.hotel-registration-page-modify { width: 830px; }
#hotel-registration-page.hotel-registration-page-modify .form-content { padding: 30px 20px; }
#hotel-registration-page.hotel-registration-page-modify #registration_form input[type="text"],
#hotel-registration-page.hotel-registration-page-modify #registration_form  input[type="password"],
#hotel-registration-page.hotel-registration-page-modify .chosen-container { margin-right: 10px; }
#hotel-registration-page.hotel-registration-page-modify #registration_form #login_name { width: 219px; }
#hotel-registration-page.hotel-registration-page-modify #registration_form #email { width: 558px; margin-right: 0; }
#hotel-registration-page.hotel-registration-page-modify #registration_form #name_2 { width: 429px; }
#hotel-registration-page.hotel-registration-page-modify #registration_form #telefon { width: 169px; margin-right: 0; }
#hotel-registration-page.hotel-registration-page-modify #registration_form #phone-country-code { width: 169px; }
#hotel-registration-page.hotel-registration-page-modify #registration_form #name { width: 308px; }
#hotel-registration-page.hotel-registration-page-modify #registration_form #hotel_type { width: 289px; }
#hotel-registration-page.hotel-registration-page-modify #registration_form #hotel_star { width: 169px; margin-right: 0; }
#hotel-registration-page.hotel-registration-page-modify #registration_form #country { width: 308px; }
#hotel-registration-page.hotel-registration-page-modify #registration_form #city { width: 289px; }
#hotel-registration-page.hotel-registration-page-modify #registration_form #zip { width: 169px; margin-right: 0; }
#hotel-registration-page.hotel-registration-page-modify #registration_form #address { width: 388px; }
#hotel-registration-page.hotel-registration-page-modify #registration_form #web { width: 388px; margin-right: 0; }
#hotel-registration-page.hotel-registration-page-modify #registration_form .description { width: 786px; }
#hotel-registration-page.hotel-registration-page-modify #registration_form #gps_map,
#hotel-registration-page.hotel-registration-page-modify .rools_cancel,
#hotel-registration-page.hotel-registration-page-modify .rools_plus,
#hotel-registration-page.hotel-registration-page-modify .rools_pets_text { width: 786px; }
#hotel-registration-page.hotel-registration-page-modify .internet_text,
#hotel-registration-page.hotel-registration-page-modify .parking_text { width: 384px; }
#hotel-registration-page.hotel-registration-page-modify #registration_form #timezona { width: 357px; }
#hotel-registration-page.hotel-registration-page-modify #registration_form #timezona + .chosen-container { margin-right: 0; }
#hotel-registration-page.hotel-registration-page-modify #hotel-photo-upload { width: 720px; }
#hotel-registration-page.hotel-registration-page-modify #docs_uploader1,
#hotel-registration-page.hotel-registration-page-modify #docs_uploader2 { width: 568px; }
#hotel-registration-page.hotel-registration-page-modify #hotel-photo-upload ul li:nth-child(5n + 5) { margin-right: 0; }
#hotel-registration-page.hotel-registration-page-modify #hotel-photo-upload ul li:nth-child(6n + 6) { margin-right: 12px; } /* Reinit */
#hotel-registration-page.hotel-registration-page-modify #hotel-services-box label { width: 195px; }
#hotel-registration-page.hotel-registration-page-modify #hotel-services-box label:nth-of-type(4n + 2) { width: 209px; }
#hotel-registration-page.hotel-registration-page-modify #hotel-services-box label:nth-of-type(4n + 4) { width: 189px; }
#hotel-registration-page.hotel-registration-page-modify [disabled],
#hotel-registration-page.hotel-registration-page-modify .disabled { background: #efefef; border-color: #b2b2b2; }


/* Hotel registration contract popup */

#contract-popup { width: 940px; color: #4a4a4a; font-size: 13px; }
#contract-popup .fancybox-content-box { padding: 20px; overflow-y: scroll; height: 460px; }
#contract-popup h2 { font-size: 14px; border-bottom: 2px solid #4a4a4a; text-transform: uppercase; }
#contract-popup .btn-primary { padding-left: 30px; padding-right: 30px; }
#contract-popup #tiny { padding: 20px; }

/* User registration statuses */

#user-registration-page.status-registration { width: 860px; }

#user-registration-page.status-restoration .main-padding { padding: 20px 200px; }

#user-registration-confirm-page { box-shadow: 0 0 5px rgba(0,0,0,0.3); text-align: center; padding: 40px 100px; }
#user-registration-confirm-page h2 { font-size: 18px; margin-bottom: 20px; }
#user-registration-confirm-page ol { list-style-type: decimal; list-style-position: inside; }
#user-registration-confirm-page ol li, #user-registration-confirm-page div { line-height: 18px; }
#user-registration-confirm-page .hr { background: #4a4a4a; height: 1px; margin-bottom: 20px; }

#user-registration-confirm-ok-page { box-shadow: 0 0 5px rgba(0,0,0,0.3); text-align: center; padding: 40px 100px; }
#user-registration-confirm-ok-page h2 { margin-bottom: 14px; font-size: 18px; }
#user-registration-confirm-ok-page h2 + div { margin-bottom: 20px; }


/*  Profile data */
.general #search-header { margin-top: -30px; }
.general .main-header-2 { padding: 5px 21px 4px 21px; }
.general .main-header-2 h2 { vertical-align: middle; color: #4a4a4a; font-weight: normal; text-shadow: 1px 1px 1px rgba(255,255,255,1); }
.general .main-header-2 h2 { font-size: 16px; font-weight: bold; }
.general .main-header-2 h2 a { font-size: 14px; float: right; }

/* User profile page */
#user-profile-page form > .content { border: 1px solid #cdcdcd; border-top: 0; }
#user-profile-page #registration_form h2 .ic { background-image: url(images/user-menu-icons.png); background-repeat: no-repeat;  width: 22px; height: 20px; margin-bottom: -6px; margin-right: 5px; }
#user-profile-page #registration_form h2 .ic.ic-my-profile { background-position: 0 -320px; }
#user-profile-page #registration_form h2 .ic.ic-affiliate { background-position: 0 -743px; }
#user-profile-page #registration_form h3 { margin-bottom: 5px; padding-left: 4px; }
#user-profile-page #registration_form table { margin: 0 auto 30px; }
#user-profile-page #registration_form table td { padding: 4px; height: 38px; }
#user-profile-page #registration_form table td > input[type="text"],
#user-profile-page #registration_form table td > input[type="password"] { width: 260px; }
#user-profile-page select#country,
#user-profile-page select#lng { width: 260px; }
#user-profile-page #registration_form #birsday_year + .chosen-container,
#user-profile-page #registration_form #birsday_month + .chosen-container,
#user-profile-page #registration_form #birsday_day + .chosen-container { width: 82px !important; }
#user-profile-page .main-footer { line-height: 69px; }

/* User profile page */
#documents-page table { width: 100%; margin-top: 10px; margin-bottom: 20px; position: relative; }
#documents-page table th { font-weight: normal; color: #fff; }
#documents-page table th, #transaction-statistics-page td { padding: 10px; }
#documents-page table thead th { background: #224fbf; }
#documents-page table tbody td { border-bottom: 1px solid #d3d3d3; line-height: 24px; padding: 10px; position: relative; }

.general .main-header-2 { padding: 5px 10px 4px 10px; }
.general .main-header-2 h2 { font-size: 16px; text-shadow: 1px 1px 1px #fff; }
.general .col-1 { width: 240px; float: left; }
.general .col-2 { width: 829px; float: right; }
.general .col-1 ul { list-style: none; border-radius: 2px; background: #cdcdcd; margin: 0; padding: 0; }
.general .col-1 ul li { border: 1px solid #cdcdcd; border-top: 0; border-radius: 2px; position: relative; }
.general .col-1 ul li a { display: block; background: #f8f8f8; color: #4a4a4a; padding: 10px 10px 9px 10px; overflow: hidden; }

.general .col-1 ul li a .notification { position: absolute; right: 9px; }

.general .col-1 ul li:hover > a,
.general .col-1 ul li.active > a,
.general .col-1 ul li.sub:hover > li a,
.general .col-1 ul li.sub li:hover a { background: #224fbf; color: #fff; }
.general .col-1 ul li a .ic { width: 22px; height: 20px; float: left; margin-right: 5px; background: url(images/user-menu-icons.png) no-repeat; }
.general .col-1 ul li a .nday { width: 22px; height: 20px; float: left; margin-right: 5px; background: url(../images/peuples/man_1.png) no-repeat;  background-size: 11px 25px; }

.general .col-1 ul li a:hover .ic.vouchers,
.general .col-1 ul li.active a .ic.vouchers { background-position: -40px 0; }
.general .col-1 ul li a:hover .ic.reserves,
.general .col-1 ul li.active a .ic.reserves { background-position: -40px -40px; }
.general .col-1 ul li a:hover .ic.surfaces,
.general .col-1 ul li.active a .ic.surfaces{ background-position: -40px -80px; }
.general .col-1 ul li a:hover .ic.leader-program,
.general .col-1 ul li.active a .ic.leader-program{ background-position: -40px -120px; }
.general .col-1 ul li a:hover .ic.finances,
.general .col-1 ul li.active a .ic.finances { background-position: -40px -160px; }
.general .col-1 ul li a:hover .ic.credit,
.general .col-1 ul li.active a .ic.credit { background-position: -40px -200px; }
.general .col-1 ul li a:hover .ic.euro,
.general .col-1 ul li.active a .ic.euro { background-position: -40px -240px; }
.general .col-1 ul li a:hover .ic.leader-euro,
.general .col-1 ul li.active a .ic.leader-euro { background-position: -40px -280px; }


.general .col-1 ul li a:hover .ic.coupons,
.general .col-1 ul li.active a .ic.coupons { background-position: -40px -822px; }
.general .col-1 ul li a:hover .ic.withdrawal,
.general .col-1 ul li.active a .ic.withdrawal { background-position: -40px -862px; }


.general .col-1 ul li a:hover .ic.my-profile,
.general .col-1 ul li.active a .ic.my-profile { background-position: -40px -320px; }
.general .col-1 ul li a:hover .ic.support,
.general .col-1 ul li.active a .ic.support { background-position: -40px -360px; }
.general .col-1 ul li a:hover .ic.partners,
.general .col-1 ul li.active a .ic.partners { background-position: -40px -400px; }
.general .col-1 ul li a:hover .ic.rooms,
.general .col-1 ul li.active a .ic.rooms { background-position: -40px -440px; }
.general .col-1 ul li a:hover .ic.invitations,
.general .col-1 ul li.active a .ic.invitations { background-position: -40px -704px; }
.general .col-1 ul li a:hover .ic.affiliate,
.general .col-1 ul li.active a .ic.affiliate { background-position: -40px -743px; }

.general .col-1 ul li a:hover .ic.invoices-upload,
.general .col-1 ul li.active a .ic.invoices-upload { background-position: -40px -480px; }
.general .col-1 ul li a:hover .ic.transaction-statistic,
.general .col-1 ul li.active a .ic.transaction-statistic { background-position: -40px -520px; }

.general .col-1 ul li a:hover .ic.rools,
.general .col-1 ul li.active a .ic.rools { background-position: -40px -546px; }
.general .col-1 ul li a:hover .ic.gui,
.general .col-1 ul li.active a .ic.gui { background-position: -40px -586px; }
.general .col-1 ul li a:hover .ic.structure,
.general .col-1 ul li.active a .ic.structure { background-position: -40px -626px; }
.general .col-1 ul li a:hover .ic.statistic,
.general .col-1 ul li.active a .ic.statistic { background-position: -40px -666px; }

.general .col-1 ul li.active.expanded a .ic.credit { background-position: 0 -200px; }
.general .col-1 ul li.active.expanded a .ic.euro { background-position: 0 -240px; }
.general .col-1 ul li.active.expanded a .ic.leader-euro { background-position: 0 -280px; }


.general .col-1 ul li.active.expanded a .ic.coupions { background-position: 0 -822px; }
.general .col-1 ul li.active.expanded a .ic.withdrawal { background-position: 0 -2862px; }


.general .col-1 ul li.active.expanded a .ic.rools { background-position: 0 -546px; }
.general .col-1 ul li.active.expanded a .ic.gui { background-position: 0 -586px; }
.general .col-1 ul li.active.expanded a .ic.structure { background-position: 0 -626px; }
.general .col-1 ul li.active.expanded a .ic.statistic { background-position: 0 -666px; }

.general .col-1 ul li a .ic.vouchers,
.general .col-1 ul li.hover-prevent a .ic.vouchers { background-position: 0 0; }
.general .col-1 ul li a .ic.reserves,
.general .col-1 ul li.hover-prevent a .ic.reserves { background-position: 0 -40px; }
.general .col-1 ul li a .ic.surfaces,
.general .col-1 ul li.hover-prevent a .ic.surfaces { background-position: 0 -80px; }
.general .col-1 ul li a .ic.leader-program,
.general .col-1 ul li.hover-prevent a .ic.leader-program { background-position: 0 -120px; }
.general .col-1 ul li a .ic.finances,
.general .col-1 ul li.hover-prevent a .ic.finances { background-position: 0 -160px; }
.general .col-1 ul li a .ic.credit,
.general .col-1 ul li.hover-prevent a .ic.credit { background-position: 0 -200px; }
.general .col-1 ul li a .ic.euro,
.general .col-1 ul li.hover-prevent a .ic.euro { background-position: 0 -240px; }
.general .col-1 ul li a .ic.leader-euro,
.general .col-1 ul li.hover-prevent a .ic.leader-euro { background-position: 0 -280px; }


.general .col-1 ul li a .ic.coupons,
.general .col-1 ul li.hover-prevent a .ic.coupons { background-position: 0 -822px; }
.general .col-1 ul li a .ic.withdrawal,
.general .col-1 ul li.hover-prevent a .ic.withdrawal { background-position: 0 -862px; }


.general .col-1 ul li a .ic.my-profile,
.general .col-1 ul li.hover-prevent a .ic.my-profile { background-position: 0 -320px; }
.general .col-1 ul li a .ic.support,
.general .col-1 ul li.hover-prevent a .ic.support { background-position: 0 -360px; }
.general .col-1 ul li a .ic.partners,
.general .col-1 ul li.hover-prevent a .ic.partners { background-position: 0 -400px; }
.general .col-1 ul li a .ic.rooms,
.general .col-1 ul li.hover-prevent a .ic.rooms { background-position: 0 -440px; }
.general .col-1 ul li a .ic.rools,
.general .col-1 ul li.hover-prevent a .ic.rools { background-position: 0 -546px; }
.general .col-1 ul li a .ic.gui,
.general .col-1 ul li.hover-prevent a .ic.gui { background-position: 0 -586px; }
.general .col-1 ul li a .ic.structure,
.general .col-1 ul li.hover-prevent a .ic.structure { background-position: 0 -626px; }
.general .col-1 ul li a .ic.statistic,
.general .col-1 ul li.hover-prevent a .ic.statistic { background-position: 0 -666px; }

.general .col-1 ul li a .ic.invoices-upload,
.general .col-1 ul li.hover-prevent a .ic.invoices-upload { background-position: 0 -480px; }
.general .col-1 ul li a .ic.transaction-statistic,
.general .col-1 ul li.hover-prevent a .ic.transaction-statistic { background-position: 0 -520px; }

.general .col-1 ul li:hover .ic.finances { background-position: -40px -160px; }
.general .col-1 ul li.hover-prevent a .ic.credit { background-position: -40px -200px !important; }
.general .col-1 ul li.hover-prevent a .ic.euro { background-position: -40px -240px !important; }
.general .col-1 ul li.hover-prevent a .ic.leader-euro { background-position: -40px -280px !important; }

.general .col-1 ul li.hover-prevent a .ic.coupons { background-position: -40px -822px !important; }
.general .col-1 ul li.hover-prevent a .ic.withdrawal { background-position: -40px -862px !important; }

.general .col-1 ul li.hover-prevent a .ic.invoices-upload { background-position: -40px -480px !important; }
.general .col-1 ul li.hover-prevent a .ic.transaction-statistic { background-position: -40px -520px !important; }

.general .col-1 ul li:hover .ic.leader-program { background-position: -40px -120px; }
.general .col-1 ul li.hover-prevent a .ic.rools { background-position: -40px -546px !important; }
.general .col-1 ul li.hover-prevent a .ic.gui { background-position: -40px -586px !important; }
.general .col-1 ul li.hover-prevent a .ic.structure { background-position: -40px -626px !important; }
.general .col-1 ul li.hover-prevent a .ic.statistic { background-position: -40px -666px !important; }

.general .col-1 ul li a .ic.invitations,
.general .col-1 ul li.hover-prevent a .ic.invitations { background-position: 0 -704px; }
.general .col-1 ul li a .ic.affiliate,
.general .col-1 ul li.hover-prevent a .ic.affiliate { background-position: 0 -743px; }


.general .col-1 ul li a span { float: left; width: 175px; line-height: 20px; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.general .col-1 ul .sub ul { display: block; }
.general .col-1 ul .sub.collapsed ul { display: none; }
.general .col-1 ul ul li { border: 0; border-top: 1px solid #cdcdcd; }
.general .col-1 ul ul li a { background: #eaeaea; padding-left: 37px; }
.general .col-1 ul ul li a span { width: 158px; }

.general .col-1 ul li a .caret { background: url(images/menu-caret-icons.png) no-repeat -42px 0; width: 14px; height: 14px; position: absolute; top: 14px; right: 10px; }
.general .col-1 ul li.sub.collapsed .caret { background-position: -44px 0 }
.general .col-1 ul li.sub.collapsed a:hover .caret { background-position: -14px 0; }
.general .col-1 ul li.sub.collapsed.active .caret { background-position: -14px 0; }
.general .col-1 ul li.sub.expanded .caret { background-position: -28px 0; }

.general .col-1 ul li.sub.expanded a:hover .caret { background-position: 0 0; }
.general .col-1 ul li.sub.expanded.active .caret { background-position: 0 0; }

.general .user-profile-info-panels { padding: 20px; border: 1px solid #cdcdcd; border-top: 0; margin-bottom: 53px; }
.general .user-profile-info-panels .item { margin-top: 9px; box-shadow: 0 0 6px rgba(0,0,0,0.1); }
.general .user-profile-info-panels .item:first-child { margin-top: 0; }
.general .user-profile-info-panels .item .content { padding: 16px; border: 1px solid #cdcdcd; border-top: 0; }
.general .user-profile-info-panels .main-header-2 { padding: 4px 10px 3px 10px; }
.general .user-profile-info-panels .main-header-2 h2 { font-size: 18px; }
.general .user-profile-info-panels .item .desc { min-height: 48px; }
.general .user-profile-info-panels .item .desc:before { display: block; float: left; margin-right: 10px; content: ''; width: 40px; height: 40px; background: url(images/profile-info-icons.png) no-repeat; }
.general .user-profile-info-panels .item:nth-child(1) .desc:before { background-position: 0 0; }
.general .user-profile-info-panels .item:nth-child(2) .desc:before { background-position: 0 -40px; }
.general .user-profile-info-panels .item:nth-child(3) .desc:before { background-position: 0 -80px; }
.general .user-profile-info-panels .item:nth-child(4) .desc:before { background-position: 0 -120px; }
.general .user-profile-info-panels .item:nth-child(5) .desc:before { background-position: 0 -160px; }


.general .hotel-profile-info-panels { padding: 20px; border: 1px solid #cdcdcd; border-top: 0; margin-bottom: 53px; }
.general .hotel-profile-info-panels .item { margin-top: 9px; box-shadow: 0 0 6px rgba(0,0,0,0.1); }
.general .hotel-profile-info-panels .item:first-child { margin-top: 0; }
.general .hotel-profile-info-panels .item .content { padding: 16px; border: 1px solid #cdcdcd; border-top: 0; }
.general .hotel-profile-info-panels .main-header-2 { padding: 4px 10px 3px 10px; }
.general .hotel-profile-info-panels .main-header-2 h2 { font-size: 18px; }
.general .hotel-profile-info-panels .item .desc:before { display: block; float: left; margin-right: 10px; content: ''; width: 40px; height: 40px; background: url(images/hotel-info-icons.png) no-repeat; }
.general .hotel-profile-info-panels .item:nth-child(1) .desc:before { background-position: 0 0; }
.general .hotel-profile-info-panels .item:nth-child(2) .desc:before { background-position: 0 -40px; }
.general .hotel-profile-info-panels .item:nth-child(3) .desc:before { background-position: 0 -80px; }
.general .hotel-profile-info-panels .item:nth-child(4) .desc:before { background-position: 0 -120px; }
.general .hotel-profile-info-panels .item:nth-child(5) .desc:before { background-position: 0 -160px; }

/* User messages page */

#user-messages-page {  }
#user-messages-page .main-header-2 { padding: 5px 10px 4px 10px; }
#user-messages-page .main-header-2 h2 { font-size: 16px; text-shadow: 1px 1px 1px #fff; }
#user-messages-page .main-header-2 h2 .ic.support { background: url(images/user-menu-icons.png) no-repeat 0 -360px; width: 20px; height: 20px; margin-bottom: -3px; margin-right: 5px; }
#user-messages-page .col-1 { width: 240px; float: left; }
#user-messages-page .col-2 { width: 829px; float: right; }

#user-messages-page .col-1 ul { list-style: none; border-radius: 2px; background: #cdcdcd; margin: 0; padding: 0; }
#user-messages-page .col-1 ul li { border: 1px solid #cdcdcd; border-top: 0; border-radius: 2px; position: relative; }
#user-messages-page .col-1 ul li a { display: block; background: #f8f8f8; color: #4a4a4a; padding: 10px 10px 9px 10px; overflow: hidden; }

#user-messages-page .col-1 ul li a .notification { position: absolute; right: 9px; }

#user-messages-page .col-1 ul li:hover > a,
#user-messages-page .col-1 ul li.active > a,
#user-messages-page .col-1 ul li.sub:hover > li a,
#user-messages-page .col-1 ul li.sub li:hover a { background: #224fbf; color: #fff; }
#user-messages-page .col-1 ul li a .ic { width: 20px; height: 20px; float: left; margin-right: 10px; background-image: url(images/user-menu-icons.png); background-repeat: no-repeat; }

#user-messages-page .col-1 ul li a:hover .ic.rooms,
#user-messages-page .col-1 ul li.active a .ic.rooms { background-position: -40px -440px; }
#user-messages-page .col-1 ul li a:hover .ic.reserves,
#user-messages-page .col-1 ul li.active a .ic.reserves { background-position: -40px -40px; }
#user-messages-page .col-1 ul li a:hover .ic.finances,
#user-messages-page .col-1 ul li.active a .ic.finances { background-position: -40px -160px; }
#user-messages-page .col-1 ul li a:hover .ic.my-profile,
#user-messages-page .col-1 ul li.active a .ic.my-profile { background-position: -40px -320px; }
#user-messages-page .col-1 ul li a:hover .ic.support,
#user-messages-page .col-1 ul li.active a .ic.support { background-position: -40px -360px; }
#user-messages-page .col-1 ul li a:hover .ic.partners,
#user-messages-page .col-1 ul li.active a .ic.partners { background-position: -40px -400px; }


#user-messages-page .col-1 ul li a .ic.rooms,
#user-messages-page .col-1 ul li.hover-prevent a .ic.rooms { background-position: 0 -440px; }
#user-messages-page .col-1 ul li a .ic.reserves,
#user-messages-page .col-1 ul li.hover-prevent a .ic.reserves { background-position: 0 -40px; }
#user-messages-page .col-1 ul li a .ic.finances,
#user-messages-page .col-1 ul li.hover-prevent a .ic.finances { background-position: 0 -160px; }

#user-messages-page .col-1 ul li a .ic.my-profile,
#user-messages-page .col-1 ul li.hover-prevent a .ic.my-profile { background-position: 0 -320px; }
#user-messages-page .col-1 ul li a .ic.support,
#user-messages-page .col-1 ul li.hover-prevent a .ic.support { background-position: 0 -360px; }
#user-messages-page .col-1 ul li a .ic.partners,
#user-messages-page .col-1 ul li.hover-prevent a .ic.partners { background-position: 0 -400px; }

#user-messages-page .col-1 ul li:hover .ic.finances { background-position: -40px -160px; }

#user-messages-page .col-1 ul li a .caret { background: url(images/menu-caret-icons.png) no-repeat -42px 0; width: 14px; height: 14px; position: absolute; top: 14px; right: 10px; }

#user-messages-page .col-1 ul li a span { float: left; width: 180px; line-height: 20px; vertical-align: middle; }
#user-messages-page .col-1 ul .sub ul { display: block; }
#user-messages-page .col-1 ul .sub.collapsed ul { display: none; }
#user-messages-page .col-1 ul ul li { border: 0; border-top: 1px solid #cdcdcd; }
#user-messages-page .col-1 ul ul li a { background: #eaeaea; padding-left: 37px; }
#user-messages-page .col-1 ul ul li a span { width: 160px; }

#user-messages-page .col-1 ul li.sub.collapsed .caret { background-position: -44px 0 }
#user-messages-page .col-1 ul li.sub.collapsed a:hover .caret { background-position: -14px 0; }
#user-messages-page .col-1 ul li.sub.collapsed.active .caret { background-position: -14px 0; }

#user-messages-page .col-1 ul li.sub.expanded .caret { background-position: -28px 0; }
#user-messages-page .col-1 ul li.sub.expanded a:hover .caret { background-position: 0 0; }
#user-messages-page .col-1 ul li.sub.expanded.active .caret { background-position: 0 0; }

#user-messages-page .col-2 .content-box { padding: 20px; border: 1px solid #cdcdcd; border-top: 0; }
#user-messages-page .col-2 .content-box .mail-menu { list-style: none; padding: 0; margin: 0; border: 1px solid #cdcdcd; border-radius: 2px; width: 200px; float: left; }
#user-messages-page .col-2 .content-box .mail-menu li { border-top: 1px solid #cdcdcd; line-height: 22px; vertical-align: middle; }
#user-messages-page .col-2 .content-box .mail-menu li:first-child { border-top: 0; }
#user-messages-page .col-2 .content-box .mail-menu li a { display: block; color: #4a4a4a;  background: #f8f8f8; padding: 9px 5px 8px 5px; }
#user-messages-page .col-2 .content-box .mail-menu li.active a { font-weight: bold; }
#user-messages-page .col-2 .content-box .mail-menu li:hover a { color: #224fbf; }
#user-messages-page .col-2 .content-box .mail-menu li .ic { width: 34px; height: 22px; background: url(images/mail-menu-icons.png) no-repeat; margin-right: 6px; }
#user-messages-page .col-2 .content-box .mail-menu li:nth-child(1) .ic { background-position: 0 0; margin-bottom: -8px; }
#user-messages-page .col-2 .content-box .mail-menu li:nth-child(2) .ic { background-position: 0 -22px; margin-bottom: -8px; }
#user-messages-page .col-2 .content-box .mail-menu li:nth-child(3) .ic { background-position: 0 -44px; margin-bottom: -8px; }
#user-messages-page .col-2 .content-box .mail-menu li:nth-child(4) .ic { background-position: 0 -66px; margin-bottom: -8px; }

#user-messages-page .messages-box-content.new { float: right; width: 577px; }
#user-messages-page .messages-box-content.new table { width: 100%; }
#user-messages-page .messages-box-content.new table thead { background: #224fbf; }
#user-messages-page .messages-box-content.new table th { text-align: left; color: #fff; padding: 12px; }
#user-messages-page .messages-box-content.new table thead th:nth-child(1) { border-radius: 2px 0 0 2px; }
#user-messages-page .messages-box-content.new table thead th:nth-child(2) { border-radius: 0 2px 2px 0; }
#user-messages-page .messages-box-content.new table td { padding: 13px; }
#user-messages-page .messages-box-content.new table tr:nth-child(even) td { background: #eee; }
#user-messages-page .messages-box-content.new table td .small-text { font-size: 11px; margin-top: 5px; }
#user-messages-page .messages-box-content.new table td input[type="text"], #user-messages-page .messages-box-content.new table td textarea { width: 100%; }
#user-messages-page .messages-box-content.new table td textarea { height: 120px; }
#user-messages-page .messages-box-content.new table td:first-child { vertical-align: top; }
#user-messages-page .messages-box-content.new table td:first-child strong { display: inline-block; line-height: 30px; }
#user-messages-page .messages-box-content.new table td .file { margin-bottom: 10px; }


#user-messages-page .messages-box-content.inbox { float: right; width: 577px; }
#user-messages-page .messages-box-content.inbox table { width: 100%; margin-bottom: 20px; }
#user-messages-page .messages-box-content.inbox table thead { background: #224fbf; }
#user-messages-page .messages-box-content.inbox table th { text-align: left; color: #fff; padding: 12px; }
#user-messages-page .messages-box-content.inbox table thead th:nth-child(1) { border-radius: 2px 0 0 2px; }
#user-messages-page .messages-box-content.inbox table thead th:nth-child(4) { border-radius: 0 2px 2px 0; text-align: right; }
#user-messages-page .messages-box-content.inbox table tbody td:nth-child(4) { text-align: right; }
#user-messages-page .messages-box-content.inbox table td { padding: 13px; }
#user-messages-page .messages-box-content.inbox table tr:nth-child(even) td { background: #eee; }
#user-messages-page .messages-box-content.inbox table td .small-text { font-size: 11px; margin-top: 5px; }
#user-messages-page .messages-box-content.inbox table td .ic.attach { width: 10px; height: 25px; background: url(images/attachment.png) no-repeat 0 0; }
#user-messages-page .messages-box-content .notreaded { font-weight: bold; }
#user-messages-page .main-footer { padding: 20px; }

#user-messages-page .message-opened { float: left; margin-left: 20px; line-height: 1.5; width: 567px; position: relative; }
#user-messages-page .message-opened .subject { margin-bottom: 10px; border-bottom: 1px solid #cdcdcd;
    padding-bottom: 5px;
    margin-top: -8px; }
#user-messages-page .message-opened .date-message { float: right; }
#user-messages-page .message-opened .mail_message { border-top: 1px solid #ccc; padding-top: 20px; padding-bottom: 20px; margin-top: 8px; }
#user-messages-page .message-opened .content-box { border-top: 1px solid #cdcdcd; margin-bottom: 10px; border-radius: 2px; }
#user-messages-page .message-opened .content-box .message-footer { border-top: 1px solid #cdcdcd; padding-top: 20px; }

/* Rooms page */

#rooms-page { margin-top: 0; }
#rooms-page .main-header-2 .ic.ic-rooms { background: url(images/user-menu-icons.png) no-repeat 0 -440px; width: 20px; height: 20px; margin-right: 5px; margin-bottom: -6px; }
#rooms-page .main-header-2 .ic.ic-plus { background: url(images/plus-icon.png) no-repeat 0 0; width: 8px; height: 8px; margin-top: 18px; margin-left: -16px; position: absolute; }
#rooms-page .add-new-room-box,
#rooms-page .reservation-settings-box { position: relative; margin: 20px 0; width: 410px; background: #cbecec; border: 1px solid #a3d1da; border-radius: 3px; padding: 16px 20px 16px 76px; }
#rooms-page .add-new-room-box:before,
#rooms-page .reservation-settings-box:before { display: block; content: ''; position: absolute; width: 40px; height: 40px; left: 20px; top: 20px; background-image: url(images/rooms-big-icons.png); background-repeat: no-repeat; }
#rooms-page .add-new-room-box:before { background-position: 0 0; }
#rooms-page .reservation-settings-box:before { background-position: 0 -40px; }

#rooms-page .add-new-room-box #add-new-room,
#rooms-page .reservation-settings-box #reservation-settings { margin-top: 10px; }

#rooms-page .sort-list { margin: 10px 0 15px 0; padding: 0; list-style: none; width: 831px; }
#rooms-page .sort-list li { border: 1px solid #b2b2b2; padding: 10px; overflow: hidden; margin-bottom: 10px; border-radius: 2px; position: relative;
    background: #f9f9f9;
    background: -moz-linear-gradient(top,  #f9f9f9 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom,  #f9f9f9 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e6e6e6',GradientType=0 );
}
#rooms-page .sort-list li:first-child { margin-top: 0; }
#rooms-page .sort-list li .img-box a { display: block; width: 120px; height: 90px; }
#rooms-page .sort-list li .img-box a img { display: block; }
#rooms-page .sort-list li .img-box { float: left; margin-right: 9px; height: 90px; overflow: hidden; }
#rooms-page .sort-list li .room-desc-box { float: left; width: 348px; position: relative; }
#rooms-page .sort-list li .room-desc-box .main-info-bar .title { float: none; }
#rooms-page .sort-list li .room-desc-box .main-info-bar:after { position: absolute; content: ''; width: 1px; height: 110px; top: 0; right: 0; background: #b2b2b2; margin-top: -10px; margin-bottom: -10px; }
#rooms-page .sort-list li .room-desc-box h2 { color: #224fbf; font-size: 16px; line-height: 20px; }
#rooms-page .sort-list li .room-desc-box .space { line-height: 20px; }
#rooms-page .sort-list li .room-desc-box .dining { margin-bottom: 10px; line-height: 20px; }
#rooms-page .sort-list li .room-desc-box .cancel { line-height: 20px; }
#rooms-page .sort-list li .desc-aside { float: left; width: 282px; text-align: center; position: relative; }
#rooms-page .sort-list li .desc-aside:after { position: absolute; content: ''; width: 1px; height: 110px; top: 0; right: 0; background: #b2b2b2; margin-top: -10px; margin-bottom: -10px; }
#rooms-page .sort-list li .desc-aside .desc-content { background: #fff; border-radius: 5px; padding: 5px 14px; width: 206px; margin: 28px auto; overflow: hidden; }
#rooms-page .sort-list li .desc-aside .desc-content .text { float: left; font-weight: bold; line-height: 24px; }
#rooms-page .sort-list li .desc-aside .desc-content .price { float: right; font-size: 20px; font-weight: bold; }
#rooms-page .sort-list li .actions-aside { float: right;  }
#rooms-page .sort-list li .actions-aside button[type="button"] { border: 0; background: transparent; padding: 8px 11px; }
#rooms-page .sort-list li .actions-aside button[type="button"] .ic { width: 14px; height: 14px; background-image: url(images/room-action-icons.png); background-repeat: no-repeat; }
#rooms-page .sort-list li .actions-aside button[type="button"] .ic:hover { opacity: .8; }
#rooms-page .sort-list li .actions-aside .ic.ic-modify { background-position: 0 0; }
#rooms-page .sort-list li .actions-aside .ic.ic-remove { background: url(images/room-action-icons.png) no-repeat 0 -14px; }
#rooms-page .sort-list li .actions-aside .hr { width: 36px; height: 1px; margin: 10px auto; background: #b2b2b2; }
#rooms-page #pagination-2 { margin-bottom: 35px; }

#rooms-page .form-content { padding: 30px 20px; }
#rooms-page #manage-rooms-form h3 { margin-bottom: 16px !important; margin-top: 30px; padding-bottom: 3px; text-transform: uppercase; border-bottom: 2px solid #4a4a4a; font-size: 14px; }
#rooms-page #manage-rooms-form h3 .room-id { float: right; }
#rooms-page #manage-rooms-form { border: 1px solid #cdcdcd; border-top: 0; }
#rooms-page .row { clear: both; margin-bottom: 10px; }
#rooms-page .col { float: left; }
#rooms-page label { font-weight: bold; display: block; margin-bottom: 5px; font-size: 13px; }
#rooms-page label[for="hotel-lang-selector"] { display: inline-block; }
#rooms-page #room-desc { width: 580px; margin-right: 20px; }
#rooms-page #room-per-night { width: 140px; margin-right: 10px; }
#rooms-page #room-per-night + span { font-weight: bold; }
#rooms-page #adult-space { width: 90px; }
#rooms-page #adult-space + .chosen-container { margin-right: 100px; }
#rooms-page #children-space { width: 90px; }
#rooms-page #dining { width: 788px; }
#rooms-page .room-short-desc { width: 788px; padding: 5px; height: 88px; }
#rooms-page .room-contains { width: 788px; padding: 5px; height: 88px; }
#rooms-page #room-cancel { width: 189px; }
#rooms-page #room-cancel + .chosen-container { margin-top: -3px; }

#rooms-page .room-photo-upload-desc { margin-bottom: 50px; }
#rooms-page #room-photo-upload { background: url(images/photo-upload-default.png) repeat 0 0; position: relative; width: 720px; }
#rooms-page #room-photo-upload ul { list-style: none; padding: 0; margin: 0; }
#rooms-page #room-photo-upload ul li { float: left; position: relative; margin-right: 12px; margin-bottom: 20px; }
#rooms-page #room-photo-upload ul li:nth-child(6n + 6) { margin-right: 0; }
#rooms-page #room-photo-upload ul li .header { background: #224fbf; width: 132px; top: -32px; left: -2px; color: #fff; position: absolute; text-align: center; font-size: 12px; border-radius: 2px 2px 0 0; padding: 10px 0 8px 0; }
#rooms-page #room-photo-upload ul li#main_image { width: 132px; height: 137px; border: 2px solid #224fbf; }
#rooms-page #room-photo-upload ul li#main_image .qq-upload-button { position: absolute !important; top: 0; width: 136px; height: 136px; background: transparent !important; padding: 0 !important; }
#rooms-page #room-photo-upload ul li#main_image .qq-upload-button img { display: block; }
#rooms-page #room-photo-upload ul li#main_image .qq-upload-button { width: 100%; height: 136px; background: url(images/photo-upload-icon.png) no-repeat 50% 33px; !important; padding: 0 !important; }
#rooms-page #room-photo-upload ul li#main_image .qq-upload-button img { display: block; }
#rooms-page #room-photo-upload ul li#main_image .action-bar.remove { position: absolute; right: 10px; bottom: 13px; color: #224fbf; font-size: 13px; }
#rooms-page #room-photo-upload ul li#main_image .action-bar.remove button[type="button"] { background: transparent; border: 0; float: right; padding: 0; }
#rooms-page #room-photo-upload ul li#main_image .action-bar.remove .ic.ic-remove { display: inline-block; width: 11px; height: 14px; background: url(images/ic-photo-remove.png) no-repeat 0 0; margin-left: 1px; border: 0; margin-bottom: -1px; }
#rooms-page #room-photo-upload ul li#main_image .avatar_img { margin: 4px; width: 120px; height: 90px; }
#rooms-page #room-photo-upload ul li#main_image .action-bar.add button[type="button"] { background: transparent; border: 0; text-align: center; width: 100%; height: 100%; padding: 76px 17px 30px 17px; text-align: center; color: #224fbf; font-size: 13px; }
#rooms-page #room-photo-upload ul li#main_image .qq-uploader { width: 100%; height: 136px; background: url(images/photo-upload-icon.png) no-repeat 50% 33px; !important; padding: 0 !important; }

#rooms-page #room-photo-upload ul li.image_set { width: 132px; height: 137px; border: 1px solid #b2b2b2; overflow: hidden; }
#rooms-page #room-photo-upload ul li.image_set:nth-child(6n + 6) { margin-right: 0; }
#rooms-page #room-photo-upload ul li.image_set:hover { border-color: #224fbf; }
#rooms-page #room-photo-upload ul li.image_set .qq-upload-button { width: 100%; height: 136px; background: url(images/photo-upload-icon.png) no-repeat 50% 33px; !important; padding: 0 !important; }
#rooms-page #room-photo-upload ul li.image_set .qq-upload-button img { display: none; }
#rooms-page #room-photo-upload ul li.image_set .action-bar { position: absolute; right: 10px; bottom: 13px; color: #224fbf; font-size: 13px; }
#rooms-page #room-photo-upload ul li.image_set .action-bar button[type="button"] { background: transparent; border: 0; float: right; padding: 0; }
#rooms-page #room-photo-upload ul li.image_set .action-bar .ic.ic-remove { display: inline-block; width: 11px; height: 14px; background: url(images/ic-photo-remove.png) no-repeat 0 0; margin-left: 1px; border: 0; margin-bottom: -1px; }
#rooms-page #room-photo-upload ul li.image_set .avatar_img { margin: 5px; width: 120px; height: 90px; }

#rooms-page #room-photo-upload ul li.images_uploader { width: 132px; height: 137px; border: 1px solid #b2b2b2; overflow: hidden; }
#rooms-page #room-photo-upload ul li.images_uploader:hover { border-color: #224fbf; }
#rooms-page #room-photo-upload ul li.images_uploader .qq-upload-button { width: 100%; height: 136px; background: url(images/photo-upload-icon.png) no-repeat 50% 33px; !important; padding: 0 !important; }
#rooms-page #room-photo-upload ul li.images_uploader .qq-upload-button img { display: none; }
#rooms-page #room-photo-upload ul li.images_uploader .action-bar { position: absolute; top: 0; left: 0; color: #224fbf; font-size: 13px; }
#rooms-page #room-photo-upload ul li.images_uploader .action-bar button[type="button"] { background: transparent; border: 0; text-align: center; width: 100%; height: 100%; padding: 76px 17px 30px 17px; text-align: center; }
#rooms-page .main-footer { line-height: 69px; }

/* Other Page */

#other-page-content > .col-1 { float: left; width: 370px; }
#other-page-content > .col-2 { float: right; width: 700px; font-size: 13px; }
#other-page-header { margin: 20px 0 14px 0; }
#other-page-header h1, #other-page-header .star { float: left; }
#other-page-header h1 { margin: 0 15px 0 0; font-size: 30px; font-weight: bold; }
#other-page-header .star { margin-top: 8px; }
#other-page-header dl { clear: both; }
#other-page-header dl dt { font-weight: bold; margin: 0; }
#other-page-header dl dd { margin: 0 30px 0 0; }
#other-page-header dl dt, #other-page-header dl dd { float: left; }
#other-page-header dl dt .ic { background: url(images/other-page-header-icons.png) no-repeat; margin-bottom: -3px; }
#other-page-header dl dt .ic.ic-address { width: 11px; height: 16px; background-position: 0 0; }
#other-page-header dl dt .ic.ic-gps { width: 13px; height: 16px; background-position: -11px 0; }
#other-page-header dl dt .ic.ic-website { width: 16px; height: 16px; background-position: -24px 0; margin-right: 4px; }
#other-page-content > .col-1 .other-page-gallery-list { list-style: none; padding: 0; margin: 0; }
#other-page-content > .col-1 .other-page-gallery-list li { float: left; margin-right: 5px; margin-bottom: 5px; }
#other-page-content > .col-1 .other-page-gallery-list li:first-child { margin-right: 0; }
#other-page-content > .col-1 .other-page-gallery-list li:nth-child(3n + 4) { margin-right: 0; }
#other-page-content > .col-1 .other-page-gallery-list li a, #other-page-content > .col-1 .other-page-gallery-list li img { display: block; }
#other-page-content > .col-1 .zoom-img-desc { margin: 14px 0; }
#other-page-content > .col-1 .ic.ic-zoom-img { width: 15px; height: 15px; background: url(images/zoom-img-icon.png) no-repeat 0 50%; margin-bottom: -3px; margin-right: 5px; }
#other-page-content #other-page-tabs { font-size: 14px; }
#other-page-content table { width: 100%; }
#other-page-content table caption { padding: 10px; background: #dee3f0; text-align: left; color: #1f1f1f; font-size: 15px; }
#other-page-content table { border-collapse: collapse; }
#other-page-content table tr td { padding: 14px 0; vertical-align: top; border-top: 1px dashed #bfbfbf; }
#other-page-content table tr:first-child td { border-top: 0; }
#other-page-content table tr td:first-child { width: 158px; }
#other-page-content #cards { margin: 20px 0; padding: 0; }
#other-page-content #cards li { display: inline-block; width: 47px; height: 30px; overflow: hidden; background: url(images/cards.png) no-repeat; }
#other-page-content #cards #american_express { background-position: 0 0; }
#other-page-content #cards #cards_visa { background-position: -47px 0; }
#other-page-content #cards #cards_maestro { background-position: -143px 0; }
#other-page-content #cards #cards_mastercard { background-position: -94px 0; }
#other-page-content .map-table { margin-bottom: 50px; }
#other-page-content .map-table td { width: 50%; border: 0; }
#other-page-content .map-table .gps-map-box { padding: 0; }
#other-page-content .map-table #gps_map { border: 1px solid #a4a4a4; }

#other-page-content .tab-2 { color: #5f5f5f; }
#other-page-content .tab-2 h2 { color: #5f5f5f; font-size: 18px; }
#other-page-content .tab-2 h3 { color: #5f5f5f; }
#other-page-content .tab-2 ul { list-style: none; padding-left: 10px; }
#other-page-content .tab-2 .room-header-box { margin: 20px 0; color: #1f1f1f; line-height: 22px; }
#other-page-content .tab-2 .room-header-box .c1 { float: left; }
#other-page-content .tab-2 .room-header-box .c2 { float: right; position: relative; top: 8px; line-height: 20px; }
#other-page-content .tab-2 .room-header-box #arrive-date { width: 140px; }
#other-page-content .tab-2 .room-header-box #arrive-date + img { position: absolute; right: 6px; top: 6px; }
#other-page-content .tab-2 .room-title { font-weight: bold; float: left; margin-right: 4px; }
#other-page-content .tab-2 .room-title-full { font-weight: bold; float: none; }
#other-page-content .tab-2 .room-desc-box { line-height: 22px; margin-bottom: 20px; }
#other-page-content .tab-2 { line-height: 18px; }
#other-page-content .tab-2 .room-desc-box .l { float: left; width: 50%; }
#other-page-content .tab-2 .room-desc-box .r { float: right; width: 50%; position: relative; top: -22px; text-align: right; }
#other-page-content .tab-2 .room-desc-box .r .btn { padding: 10px 20px; font-weight: bold; }
#other-page-content .tab-2 .room-desc-box .r .price { font-size: 24px; color: #1f1f1f; font-weight: bold; text-align: right; margin-right: 10px; margin-bottom: 10px; }
#other-page-content .tab-2 .other-page-gallery-room-list { list-style: none; padding: 0; margin: 0; }
#other-page-content .tab-2 .other-page-gallery-room-list li { float: left; margin-right: 5px; margin-bottom: 5px; }
#other-page-content .tab-2 .other-page-gallery-room-list li img { display: block; }
#other-page-content .tab-2 #reserve-form { background: #dee3f0; padding: 10px; margin-top: 15px; margin-bottom: 20px; }
#other-page-content .tab-2 #reserve-form h2 { font-size: 18px; border-bottom: 1px solid #9d9d9d; margin-bottom: 14px; }
#other-page-content .tab-2 #reserve-form .l, #other-page-content .tab-2 #reserve-form .r { width: 50%; float: left; }
#other-page-content .tab-2 #reserve-form .r { padding-left: 10px; }
#other-page-content .tab-2 #reserve-form .table { width: 50%; border-right: 1px solid #b8bdc9; }
#other-page-content .tab-2 #reserve-form .table .tr { clear: both; }
#other-page-content .tab-2 #reserve-form .table .th { width: 40%; text-align: left; font-weight: normal; padding: 5px 0; float: left; }
#other-page-content .tab-2 #reserve-form .table .td { width: 60%; border: 0; font-weight: bold; padding: 5px 0; float: left; }
#other-page-content .tab-2 #reserve-form .r .ttl { font-weight: bold; margin-bottom: 2px; }
#other-page-content .tab-2 #reserve-form .r .lbl { margin-bottom: 4px; margin-top: 4px; }
#other-page-content .tab-2 #reserve-form .tr .tc { position: relative; float: left; width: 162px; }
#other-page-content .tab-2 #reserve-form .tr .tc:nth-child(2) { float: right; }
#other-page-content .tab-2 #reserve-form .tr .tc input[type="text"] { display: block; }
#other-page-content .tab-2 #reserve-form .r #birth-date,
#other-page-content .tab-2 #reserve-form .r #passport-num { width: 162px; }
#other-page-content .tab-2 #reserve-form .r #birth-date { margin-right: 10px; }
#other-page-content .tab-2 #reserve-form .r #birth-date + img { position: absolute; bottom: 6px; right: 7px; }
#other-page-content .tab-2 #reserve-form .r .bx span { font-size: 13px; }
#other-page-content .tab-2 #reserve-form .bx { background: #c7cee0; padding: 10px; border: 1px solid #b8bdc9; margin: 16px 0; }
#other-page-content .tab-2 #reserve-form .bx #usable-voucher + .chosen-container { width: 472px !important; }
#other-page-content .tab-2 #reserve-form .bx button { float: right; padding: 4px 20px; }
#other-page-content .tab-2 #reserve-form .bx > div:first-child { margin-bottom: 5px; }
#other-page-content .tab-2 #reserve-form .bx > div:first-child span { font-size: 13px; }
#other-page-content .tab-2 #reserve-form .tbl .tr { clear: both; }
#other-page-content .tab-2 #reserve-form .tbl .tr.border-1 { border-bottom: 1px solid #b8bdc9; }
#other-page-content .tab-2 #reserve-form .tbl .tr.border-2 { border-bottom: 2px solid #b8bdc9; }
#other-page-content .tab-2 #reserve-form .tbl .th { float: left; width: 150px; }
#other-page-content .tab-2 #reserve-form .tbl .td { float: left; width: 530px; }
#other-page-content .tab-2 #reserve-form .tbl .th,
#other-page-content .tab-2 #reserve-form .tbl .td { line-height: 30px; }
#other-page-content .tab-2 #reserve-form .tbl .th-full { margin-top: 40px; margin-bottom: 5px; }
#other-page-content .tab-2 #reserve-form .tbl .td button[type="button"] { width: 28px; height: 28px; font-size: 20px; padding: 0; float: right; }
#other-page-content .tab-2 #reserve-form #reserve-comment { width: 100%; height: 69px; margin-bottom: 20px; }
#other-page-content .tab-2 #reserve-form button[type="submit"] { text-transform: uppercase; padding: 12px 40px; font-weight: bold; margin-bottom: 10px; }

#other-page-content .tab-2 #room-result-list-header ul { padding-left: 0; }
#other-page-content .tab-2 #room-result-list-header li:first-child { width: 140px; }
#other-page-content .tab-2 .room-result-list li { padding: 10px; border: 1px solid #b2b2b2; border-radius: 2px; overflow: hidden; margin-top: 10px;
    background: #f9f9f9;
    background: -moz-linear-gradient(top,  #f9f9f9 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom,  #f9f9f9 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e6e6e6',GradientType=0 );
}
#other-page-content .tab-2 .room-result-list li:first-child { margin-top: 0; }
#other-page-content .tab-2 .room-result-list li .img-box { float: left; }
#other-page-content .tab-2 .room-result-list li .img-box a { display: block; width: 120px; height: 90px; }
#other-page-content .tab-2 .room-result-list li .img-box img { display: block; }
#other-page-content .tab-2 .room-result-list li .desc-box { float: left; margin-left: 10px; width: 330px; font-size: 13px; line-height: 20px; }
#other-page-content .tab-2 .room-result-list li .desc-box .title { font-size: 16px; color: #224fbf; font-weight: bold; }
#other-page-content .tab-2 .room-result-list li .desc-box .cancel { margin-top: 12px; }
#other-page-content .tab-2 .room-result-list li .desc-aside { float: right; width: 206px; text-align: center; position: relative; }
#other-page-content .tab-2 .room-result-list li .desc-aside .discount { position: relative; top: 15px; font-size: 19px; color: #fff; background: #224fbf; width: 60px; height: 60px; line-height: 60px; border: 3px solid #fff; text-align: center; vertical-align: middle; border-radius: 999px; }
#other-page-content .tab-2 .room-result-list li .desc-aside .price-box { border-radius: 3px; background: #fff; padding: 0 10px; text-align: right; }
#other-page-content .tab-2 .room-result-list li .desc-aside .price-box .text { font-size: 13px; color: #4a4a4a; float: left; margin-bottom: 5px; }
#other-page-content .tab-2 .room-result-list li .desc-aside .price-box .price { font-size: 20px; color: #000; }
#other-page-content .tab-2 .room-result-list li .desc-aside a.details { margin-top: 8px; font-size: 15px; text-transform: uppercase; float: right; }
#other-page-content .tab-2 .room-result-list li .desc-aside .small { font-size: 11px; display: block; }


/* Partners page */
#partners-page .col-full { width: 829px; margin: 0 auto; }
#partners-page #partner-box { padding: 20px; border: 1px solid #cdcdcd; border-top: 0; margin-bottom: 53px; }
#partners-page .main-header-2 { margin-top: 20px; }
#partners-page .main-header-2:first-child { margin-top: 0; }
#partners-page .ic.ic-partners { background: url(images/user-menu-icons.png) no-repeat 0 -400px; width: 20px; height: 20px; margin-bottom: -4px; }
#partners-page .partner-header { margin-bottom: 20px; overflow: hidden; }
#partners-page .partner-logo { float: left; margin-right: 30px; }
#partners-page .partner-info-block { float: left; }
#partners-page .partner-company-name { margin-bottom: 10px; }
#partners-page .partner-company-url { }
#partners-page .partner-view { float: right; }
#partners-page .partner-panel { padding: 20px; border: 1px solid #cdcdcd; border-top: 0; box-shadow: 0 0 6px rgba(0,0,0,0.1); }


/* Vocucher list */

#voucher-list .ic.ic-vouchers { width: 20px; height: 20px; background: url(images/user-menu-icons.png) no-repeat 0 0; margin-right: 5px; margin-bottom: -6px; }
#voucher-list .voucher-list.sort-list { margin: 10px 0 15px 0; padding: 0; list-style: none; width: 831px; }
#voucher-list .voucher-list.sort-list li  {
background: #dee3f0
/*
background: #f9f9f9;
background: -moz-linear-gradient(top,  #f9f9f9 0%, #e6e6e6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%);
background: -o-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%);
background: -ms-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%);
background: linear-gradient(to bottom,  #f9f9f9 0%,#e6e6e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e6e6e6',GradientType=0 );
*/
}
#voucher-list + ul { padding: 0; }

#voucher-list .voucher-buy-box,
#voucher-list .voucher-all-value-box { position: relative; margin: 20px 0 0 0; width: 410px;  border-radius: 3px; padding: 16px 20px 16px 76px; min-height: 93px; }
#voucher-list .voucher-buy-box { background: #cbecec; border: 1px solid #a3d1da; }
#voucher-list .voucher-all-value-box { background: #ffe6ab; border: 1px solid #b2b2b2; line-height: 55px; }
#voucher-list .voucher-buy-box:before,
#voucher-list .voucher-all-value-box:before { display: block; content: ''; position: absolute; width: 40px; height: 40px; left: 20px; top: 20px; background-image: url(images/vouchers-big-icons.png); background-repeat: no-repeat; }
#voucher-list .voucher-all-value-box:before { background-position: 0 0; }
#voucher-list .voucher-all-value-box:before { background-position: 0 -40px; }
#voucher-list .voucher-buy-box .lbl-box { margin-bottom: 10px; }
#voucher-list .voucher-all-value-box .lbl-box .price { font-size: 24px; color: #000; font-weight: bold; float: right; margin-right: 20px; }
#voucher-list #room-list-header { margin: 15px 0; }

.voucher-list li { background: #dee3f0; margin-top: 10px;  padding: 0 0 0 100px; position: relative; overflow: hidden; min-height: 114px; max-height: 114px; border: 1px solid #b2b2b2; border-radius: 2px; }
.voucher-list li:before { display: block; content: ''; position: absolute; top: 30px; left: 28px; width: 48px; height: 48px; background: url(images/vouchers-item-big-icon.png) no-repeat 0 0; }
.voucher-list li:first-child { margin-top: 0; }

.voucher-list li .voucher-desc-box { float: left; width: 340px; line-height: 20px; }
.voucher-list li .voucher-desc-box .title h2 { font-size: 18px; font-weight: bold; margin-top: 9px; }
.voucher-list li .voucher-desc-box .buy-date { font-size: 14px; }
.voucher-list li .voucher-desc-box .voucher-value { font-size: 14px; }
.voucher-list li .voucher-desc-box .voucher-value .dd { font-weight: bold; }
.voucher-list li .voucher-desc-box .info { position: absolute; font-size: 12px; }
.voucher-list li .actions-aside { float: left; width: 168px; padding: 9px; text-align: right; }
.voucher-list li .actions-aside .btn { margin-top: 9px; overflow: hidden; text-overflow: ellipsis; max-width: 150px; }
.voucher-list li .desc-aside { float: right; position: relative; width: 220px; height: 114px; text-align: center; line-height: 20px; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, .5); background-repeat: repeat; background-position: 0 0; }
.voucher-list li .desc-aside:before { display: block; content: ''; width: 2px; height: 114px; position: absolute; left: -2px; top: 0; background-repeat: repeat-y; background-position: 0 0; }
.voucher-list li .desc-aside .hotel-search { margin: 12px 0 9px 0; font-size: 13px; font-weight: bold; }
.voucher-list li.item-valid .desc-aside { background-image: url(images/voucher-list-item-bg-1.png); }
.voucher-list li.item-valid .desc-aside:before { background-image: url(images/voucher-list-item-bg-1-left.png); }
.voucher-list li.item-used .desc-aside { background-image: url(images/voucher-list-item-bg-2.png); }
.voucher-list li.item-used .desc-aside:before { background-image: url(images/voucher-list-item-bg-2-left.png); }
.voucher-list li.item-expired .desc-aside { background-image: url(images/voucher-list-item-bg-3.png); }
.voucher-list li.item-expired .desc-aside:before { background-image: url(images/voucher-list-item-bg-3-left.png); }
.voucher-list li.item-not-payed .desc-aside { background-image: url(images/voucher-list-item-bg-4.png); }
.voucher-list li.item-not-payed .desc-aside:before { background-image: url(images/voucher-list-item-bg-4-left.png); }
.voucher-list li .desc-aside .ic.ic-search,
.voucher-list li .desc-aside .ic.ic-right-arr { width: 13px; background: url(images/housing-icons.png) no-repeat; margin-bottom: -4px; }
.voucher-list li .desc-aside .ic.ic-search { height: 13px; background-position: 0 0; }
.voucher-list li .desc-aside .ic.ic-right-arr { height: 13px; background-position: 0 -13px; }
.voucher-list li .desc-aside .voucher-status { font-size: 18px; font-weight: bold; text-transform: uppercase; margin-bottom: 4px; }
.voucher-list li .desc-aside .date { font-size: 16px; }
.voucher-list li.item-used .desc-aside .voucher-status,
.voucher-list li.item-expired .desc-aside .voucher-status { margin-top: 40px; }
.voucher-list li.item-not-payed .desc-aside .voucher-status { margin-top: 30px; }

.voucher-list li.item-extra { background: #3d6ce3 url(images/voucher-bg-extra.png) no-repeat 338px 0px; padding-left: 32px; }
.voucher-list li.item-extra .voucher-desc-box { width: 575px; }
.voucher-list li.item-extra .voucher-desc-box .title h2 { color: #c7d9ef; font-weight: normal;  }
.voucher-list li.item-extra:before { display: none; }
.voucher-list li.item-extra .desc-aside { background-image: url(images/voucher-list-item-bg-1.png); }
.voucher-list li.item-extra .desc-aside:before { background-image: url(images/voucher-list-item-bg-1-left.png); }
.voucher-list li.item-extra .voucher-logo { width: 241px; height: 26px; margin: 6px 0; background: url(images/logo-vouchers.png) no-repeat 0 0; }
.voucher-list li.item-extra .voucher-value, .voucher-list li.item-extra .info { font-size: 13px; color: #c7d9ef; white-space: nowrap; display: inline-block; }


/* Vouchers buy */

#vouchers-buy .ic.ic-vouchers { width: 20px; height: 20px; background: url(images/user-menu-icons.png) no-repeat 0 0; margin-right: 5px; margin-bottom: -4px; }
#vouchers-buy .voucher-list, #vouchers-buy + .voucher-list { padding: 0; }
#vouchers-buy .table, #vouchers-buy .table * { box-sizing: border-box; }
#vouchers-buy .table:before { display: block; content: ''; width: 99.8%; background: #fddb89; height: 5px; border-radius: 5px; position: absolute; top: 1px; left: 1px; }
#vouchers-buy .table { margin: 10px 0 0 0; width: 829px; padding: 0; border-radius: 2px; position: relative; border: 1px solid #cdcdcd; }
#vouchers-buy .table .tr { overflow: hidden; }
#vouchers-buy .table .th, .table .td { float: left; padding: 12px 8px; }

#vouchers-buy .table .thead .tr.r1 { border-bottom: 1px solid #cdcdcd; }
#vouchers-buy .table .thead .tr.r1 .th { width: 50%; font-weight: bold; height: 58px; text-transform: uppercase; }
#vouchers-buy .table .thead .tr.r1 .th:nth-child(2) { border-right: 0; text-align: right; }
#vouchers-buy .table .thead .tr.r2 { border-bottom: 1px solid #cdcdcd; }
#vouchers-buy .table .thead .tr.r2 .td { width: 50%; border-right: 1px solid #cdcdcd; }
#vouchers-buy .table .thead .tr.r2 .td:nth-child(2) { border-right: 0; }
#vouchers-buy .table .thead .tr.r2 .td h3 { font-size: 11px; text-transform: uppercase; border-bottom: 1px solid #4a4a4a; display: inline-block; margin: 0 0 10px 0; padding: 0; }
#vouchers-buy .table .thead .tr.r2 .td dl { font-size: 13px; line-height: 18px; margin: 0; padding: 0; }
#vouchers-buy .table .thead .tr.r2 .td dl dt { float: left; /*width: 18%;*/ clear: left; font-weight: bold; }
#vouchers-buy .table .thead .tr.r2 .td dl dd { float: left; /*width: 70%;*/ margin-left: 4px; }
#vouchers-buy .table .thead .tr.r3 { border-bottom: 1px solid #cdcdcd; }
#vouchers-buy .table .thead .tr.r3 .th { width: 20%; text-align: center; font-weight: bold; text-transform: uppercase; }
#vouchers-buy .table .thead .tr.r3 .th:first-child { width: 60%; text-align: left; }

#vouchers-buy .table .tbody .tr.r1 .td { width: 20%; text-align: center; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; }
#vouchers-buy .table .tbody .tr.r1 .td:first-child { width: 60%; text-align: left; }
#vouchers-buy .table .tbody .tr.r1 .td:nth-child(3) { text-align: right; border-right: 0; padding-right: 30px; }

#vouchers-buy .table .tbody .tr.r2 .td { width: 20%; text-align: center; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; }
#vouchers-buy .table .tbody .tr.r2 .td:first-child { width: 60%; text-align: left; }
#vouchers-buy .table .tbody .tr.r2 .td:nth-child(3) { text-align: right; border-right: 0; padding-right: 30px; }

#vouchers-buy .table .tbody .tr.r3 .td { width: 50%; border-bottom: 3px solid #cdcdcd; background: #ffefc9; }
#vouchers-buy .table .tbody .tr.r3 .td:first-child { text-transform: uppercase; }
#vouchers-buy .table .tbody .tr.r3 .td:nth-child(2) { border-right: 0; text-align: right; padding-right: 30px; }

#vouchers-buy .payment-method-box { background: #eee; border-radius: 2px; border: 1px solid #cdcdcd; margin-top: 10px; font-size: 13px; }
#vouchers-buy .payment-method-box .payment-method-inner-box { padding: 19px; }
#vouchers-buy .payment-method-box .payment-tab { margin-top: 10px; }
#vouchers-buy .payment-method-box h2, .payment-method-box h3 { font-size: 16px; }
#vouchers-buy .payment-method-box h3 { margin: 0 0 5px 0; }
#vouchers-buy .payment-method-box #payment-method-select { width: 790px; }
#vouchers-buy .payment-method-box .bank-box-content { padding: 9px; background: #fff; border-radius: 2px; border: 1px solid #b2b2b2; overflow: hidden; }
#vouchers-buy #download-btn .ic.ic-download { position: relative; width: 20px; height: 16px; top: 2px; margin-bottom: -2px; background: url(images/payment-method-icons.png) no-repeat 0 0; }
#vouchers-buy #print-btn .ic.ic-print { position: relative; width: 17px; height: 14px; top: 3px; background: url(images/payment-method-icons.png) no-repeat 0 -16px; }
#vouchers-buy .notification-box { padding: 26px 26px 26px 67px; margin-top: 10px; font-weight: bold; }
#vouchers-buy .notification-box:before { top: 19px; left: 19px; }
#vouchers-buy .notification-box #download-btn, #vouchers-buy .notification-box #print-btn { margin-top: -8px; }
#vouchers-buy .notification-box #print-btn { margin-right: -8px; }

/* Tab 1 */
#vouchers-buy .payment-method-box .tab-1 .bank-box-content { float: left; width: 652px; }
#vouchers-buy .payment-method-box .tab-1 p { margin: 5px 0 0 0; padding: 0; line-height: 20px; }
#vouchers-buy .payment-method-box .tab-1 .bank-box-action-bar { float: right; width: 116px; }
#vouchers-buy .payment-method-box .tab-1 .bank-box-action-bar .btn { width: 100%; margin-bottom: 10px; text-align: left; }
#vouchers-buy .payment-method-box .tab-1 .main-footer { position: relative; top: 19px; margin-right: -19px; margin-left: -19px; }

/* Tab 2 */
#vouchers-buy .payment-method-box .tab-2 .online-payment-method-list { margin: 0; padding: 0 10px 0 0; list-style: none; }
#vouchers-buy .payment-method-box .tab-2 .online-payment-method-list li { position: relative; padding: 10px 0; border-bottom: 1px dotted #4a4a4a; overflow: hidden; }
#vouchers-buy .payment-method-box .tab-2 .online-payment-method-list li:first-child { border-top: 1px dotted #4a4a4a; }
#vouchers-buy .payment-method-box .tab-2 .online-payment-method-list li .ic.ic-paypal,
#vouchers-buy .payment-method-box .tab-2 .online-payment-method-list li .ic.ic-okpay { float: left;  background-image: url(images/online-payment-method-icons.png); background-repeat: no-repeat; width: 159px; height: 56px; }
#vouchers-buy .payment-method-box .tab-2 .online-payment-method-list li .ic.ic-paypal { background-position: 0 0; }
#vouchers-buy .payment-method-box .tab-2 .online-payment-method-list li .ic.ic-okpay { background-position: 0 -56px; }
#vouchers-buy .payment-method-box .tab-2 .online-payment-method-list li .bank-box-desc { float: left; width: 570px; }
#vouchers-buy .payment-method-box .tab-2 p { margin: 0; padding: 0; line-height: 18px; }
#vouchers-buy .payment-method-box .tab-2 .online-payment-method-list li .ic.ic-more { position: absolute; right: 0; top: 30px; width: 10px; height: 18px; border: 0; padding: 0; background: url(images/online-payment-method-arrow-icons.png) no-repeat 0 0; }
#vouchers-buy .payment-method-box .tab-2 .online-payment-method-list li img { display: block; float: left; margin-right: 10px; }

/* Tab 3 */
#vouchers-buy .payment-method-box .tab-3 table { border: 1px solid #cdcdcd; font-size: 13px; border-collapse: collapse; width: 100%; font-weight: bold; position: relative; }
#vouchers-buy .payment-method-box .tab-3 table thead th,
#vouchers-buy .payment-method-box .tab-3 table tbody td { border: 1px solid #cdcdcd; vertical-align: middle; height: 38px; position: relative; }
#vouchers-buy .payment-method-box .tab-3 table thead th {
    padding: 10px;
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom,  #fafafa 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 );
}
#vouchers-buy .payment-method-box .tab-3 table tbody td { padding: 3px 10px; }
#vouchers-buy .payment-method-box .tab-3 table thead th:nth-child(1) { width: 40%; text-align: left; }
#vouchers-buy .payment-method-box .tab-3 table thead th:nth-child(2) { width: 60%; text-align: right; }
#vouchers-buy .payment-method-box .tab-3 table tr.bg-1 td { background: #eee; }
#vouchers-buy .payment-method-box .tab-3 table tr.bg-2 td { background: #ffefc9; }
#vouchers-buy .payment-method-box .tab-3 table td .dt { float: left; }
#vouchers-buy .payment-method-box .tab-3 table td .dd { float: right; position: relative; }
#vouchers-buy .payment-method-box .tab-3 table td .dd .ic.ic-euro { position: relative; top: 4px; margin-top: -8px; width: 20px; height: 20px; background: url(images/user-menu-icons.png) no-repeat 0px -240px; }
#vouchers-buy .payment-method-box .tab-3 table td .right-block { float: right; padding-right: 36px; }
#vouchers-buy .payment-method-box .tab-3 table td input[type="text"] { width: 89px; margin-right: 6px; text-align: right; }
#vouchers-buy .payment-method-box .tab-3 table td .ic.ic-status { display: none; position: absolute; top: 5px; right: 10px; width: 28px; height: 28px; background-image: url(images/notification-box-icons.png); background-repeat: no-repeat; }
#vouchers-buy .payment-method-box .tab-3 table td .ic.ic-status.ok { display: block; background-position: 0 0; }
#vouchers-buy .payment-method-box .tab-3 table td .ic.ic-status.not-ok { display: block; background-position: 0 -28px; }
#vouchers-buy .payment-method-box .tab-3 table td .price { display: inline-block; }
#vouchers-buy .payment-method-box .tab-3 table td .euro-lbl { display: inline-block; margin-left: 17px; }
#vouchers-buy .payment-method-box .tab-3 .main-footer { position: relative; top: 19px; margin-right: -19px; margin-left: -19px; }


/* Tab 4 */
#vouchers-buy .payment-method-box .tab-4 .message { margin: 6px 0 14px 0; }
#vouchers-buy .payment-method-box .tab-4 .c1,
#vouchers-buy .payment-method-box .tab-4 .c2 { float: left; margin-right: 10px; }
#vouchers-buy .payment-method-box .tab-4 .lbl { font-weight: bold; margin-bottom: 8px; }
#vouchers-buy .payment-method-box .tab-4 input[type="text"] { width: 160px; }
#vouchers-buy .payment-method-box .tab-4 .main-footer { position: relative; top: 19px; margin-right: -19px; margin-left: -19px; }


#vouchers-buy.edit h2 { color: #4a4a4a; }
#vouchers-buy.edit #invoice + h2 { margin-top: 28px; margin-bottom: 8px; }
#vouchers-buy.edit .voucher-list.sort-list { margin: 10px 0; }
#vouchers-buy.edit .credit-box { background: #dee3f0; padding: 19px 100px; position: relative; margin-bottom: 10px; overflow: hidden; min-height: 82px; border: 1px solid #b2b2b2; border-radius: 2px; }
#vouchers-buy.edit .credit-box .title { font-size: 18px; margin-top: 4px; }
#vouchers-buy.edit .credit-box:before { display: block; content: ''; width: 40px; height: 40px; position: absolute; top: 20px; left: 32px; background: url(images/vouchers-big-icons.png) no-repeat 0 -80px; }
#vouchers-buy.edit .voucher-hotel-search-box { border: 1px solid #cee7eb; width: 409px; float: left; padding: 19px; text-align: center;
background: #e4f5f5;
background: -moz-linear-gradient(top,  #e4f5f5 0%, #d3f1ef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f5f5), color-stop(100%,#d3f1ef));
background: -webkit-linear-gradient(top,  #e4f5f5 0%,#d3f1ef 100%);
background: -o-linear-gradient(top,  #e4f5f5 0%,#d3f1ef 100%);
background: -ms-linear-gradient(top,  #e4f5f5 0%,#d3f1ef 100%);
background: linear-gradient(to bottom,  #e4f5f5 0%,#d3f1ef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5f5', endColorstr='#d3f1ef',GradientType=0 );
}
#vouchers-buy.edit .voucher-euro-bonus-box { border: 1px solid #fcedcc; width: 409px; float: right; padding: 19px; text-align: center;
background: #fff4db;
background: -moz-linear-gradient(top,  #fff4db 0%, #fff0cc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff4db), color-stop(100%,#fff0cc));
background: -webkit-linear-gradient(top,  #fff4db 0%,#fff0cc 100%);
background: -o-linear-gradient(top,  #fff4db 0%,#fff0cc 100%);
background: -ms-linear-gradient(top,  #fff4db 0%,#fff0cc 100%);
background: linear-gradient(to bottom,  #fff4db 0%,#fff0cc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff4db', endColorstr='#fff0cc',GradientType=0 );
}
#vouchers-buy.edit .voucher-hotel-search-box .ic.ic-bg { background: url(images/voucher-hotel-search-bg.png) no-repeat 0 0; width: 175px; height: 98px; margin-bottom: 10px; }
#vouchers-buy.edit .voucher-euro-bonus-box .ic.ic-bg { background: url(images/voucher-euro-bonus-bg.png) no-repeat 0 50%; width: 118px; height: 98px; margin-bottom: 10px; }
#vouchers-buy.edit .voucher-hotel-search-box .desc, #vouchers-buy.edit .voucher-euro-bonus-box .desc { min-height: 42px; margin-bottom: 5px; }
#vouchers-buy.edit .voucher-hotel-search-box .btn, #vouchers-buy.edit .voucher-euro-bonus-box .btn { margin-bottom: 5px; }

/* Transaction statistic page */

#transaction-statistics-page .main-header-2 .ic.ic-transaction-statistics { background: url(images/user-menu-icons.png) no-repeat 0 -520px; width: 22px; height: 20px; margin-right: 5px; margin-bottom: -7px; }
#transaction-statistics-page .content { padding: 10px 10px 20px 10px;  border: 1px solid #cdcdcd; border-top: 0; margin-bottom: 20px; }
#transaction-statistics-page .filter-box .c1 { width: 50%; float: left; line-height: 29px; }
#transaction-statistics-page .filter-box .c2 { width: 50%; float: right; }
#transaction-statistics-page .filter-box .lbl { font-weight: bold; display: inline-block; }
#transaction-statistics-page .filter-box #transaction-statistic-filter { width: 182px; }
#transaction-statistics-page .filter-box .full-price { text-align: right; font-size: 18px; font-weight: bold; line-height: 30px; }
#transaction-statistics-page table { width: 100%; margin-top: 10px; margin-bottom: 20px; position: relative; }
#transaction-statistics-page table th { font-weight: normal; color: #fff; }
#transaction-statistics-page table th, #transaction-statistics-page td { padding: 10px; }
#transaction-statistics-page table thead th { background: #224fbf; }
#transaction-statistics-page table tbody td { border-bottom: 1px solid #d3d3d3; line-height: 24px; position: relative; }
#transaction-statistics-page table tbody td:nth-child(4) { padding-right: 45px; }
#transaction-statistics-page table .tltp-wrap { display: none;  position: absolute; bottom: 50px; box-shadow: 0 3px 10px rgba(0, 0, 0, .3); padding: 10px; min-width: 240px; background: rgb(255, 255, 255); border: 4px solid rgb(255, 255, 255); border-radius: 5px; border: 1px solid #959595; }
#transaction-statistics-page table .tltp { line-height: 18px; font-size: 14px; text-align: left; }
#transaction-statistics-page table .tltp:before { content: ''; display: block; position: absolute; width: 0; height: 0; border-width: 11px; border-style: solid; border-color: #959595 transparent transparent transparent; bottom: -22px; left: 19px; }
#transaction-statistics-page table .tltp:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: #fff transparent transparent transparent; bottom: -20px; left: 20px; }
#transaction-statistics-page table a { display: block; }
#transaction-statistics-page table a:hover + .tltp-wrap { display: block; }

/* Invoices upload page */

#invoices-upload-page .main-header-2 .ic.ic-invoice-upload { background: url(images/user-menu-icons.png) no-repeat 0 -480px; width: 22px; height: 20px; margin-right: 5px; margin-bottom: -7px; }
#invoices-upload-page .content { padding: 10px 10px 20px 10px;  border: 1px solid #cdcdcd; border-top: 0; margin-bottom: 20px; }
#invoices-upload-page .filter-box .c1 { width: auto; float: left; line-height: 29px; }
#invoices-upload-page .filter-box .lbl { font-weight: bold; display: inline-block; }
#invoices-upload-page .filter-box #transaction-statistic-filter { width: 182px; }
#invoices-upload-page .filter-box #all-invoices-list { width: 182px; }
#invoices-upload-page .filter-box .full-price { text-align: right; font-size: 18px; font-weight: bold; line-height: 30px; }
#invoices-upload-page table { width: 100%; margin-top: 10px; margin-bottom: 20px; position: relative; }
#invoices-upload-page table th { font-weight: normal; color: #fff; }
#invoices-upload-page table th, #invoices-upload-page td { padding: 10px; }
#invoices-upload-page table thead th { background: #224fbf; }
#invoices-upload-page table tbody td { border-bottom: 1px solid #d3d3d3; line-height: 24px; position: relative; }
#invoices-upload-page table tbody td:nth-child(4) { padding-right: 45px; }
#invoices-upload-page table .tltp-wrap { display: none;  position: absolute; bottom: 50px; box-shadow: 0 3px 10px rgba(0, 0, 0, .3); padding: 10px; min-width: 240px; background: rgb(255, 255, 255); border: 4px solid rgb(255, 255, 255); border-radius: 5px; border: 1px solid #959595; }
#invoices-upload-page table .tltp { line-height: 18px; font-size: 14px; text-align: left; }
#invoices-upload-page table .tltp:before { content: ''; display: block; position: absolute; width: 0; height: 0; border-width: 11px; border-style: solid; border-color: #959595 transparent transparent transparent; bottom: -22px; left: 19px; }
#invoices-upload-page table .tltp:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: #fff transparent transparent transparent; bottom: -20px; left: 20px; }
#invoices-upload-page table a { display: block; }
#invoices-upload-page table a:hover + .tltp-wrap { display: block; }
#invoices-upload-page table button[type="button"] { margin-top: -14px; margin-bottom: -12px; }


/* Finances page */

#finances-page .main-header-2 h2 > div { display: none; }
#finances-page .main-header-2 h2 > div.active { display: block; }
#finances-page .main-header-2 h2 .ic { background-image: url(images/user-menu-icons.png); background-repeat: no-repeat; margin-right: 5px; }
#finances-page .main-header-2 h2 .ic.ic-rools { width: 22px; height: 20px; background-position: 0 -546px; margin-bottom: -6px; }
#finances-page .main-header-2 h2 .ic.ic-gui { width: 22px; height: 20px; background-position: 0 -586px; margin-bottom: -6px; }
#finances-page .main-header-2 h2 .ic.ic-structure { width: 22px; height: 20px; background-position: 0 -626px; margin-bottom: -6px; }
#finances-page .main-header-2 h2 .ic.ic-statistic { width: 22px; height: 20px; background-position: 0 -666px; margin-bottom: -6px; }
#finances-page .main-header-2 .ic.ic-euro,
#finances-page .main-header-2 .ic.ic-leader-euro { width: 22px; height: 20px; float: left; background-position: 0 -240px; position: relative; top: 3px; }
#finances-page .content { padding: 10px 10px 20px 10px;  border: 1px solid #cdcdcd; border-top: 0; margin-bottom: 20px; }
#finances-page .filter-box .c1 { width: 50%; float: left; line-height: 29px; }
#finances-page .filter-box .c2 { width: 50%; float: right; line-height: 29px; text-align: right; }
#finances-page .filter-box .lbl { font-weight: bold; display: inline-block; }
#finances-page .filter-box #transaction-statistic-filter { width: 182px; }
#finances-page .filter-box .full-price { text-align: right; font-size: 18px; font-weight: bold; line-height: 30px; }
#finances-page table { width: 100%; margin-top: 10px; margin-bottom: 20px; position: relative; }
#finances-page table th { font-weight: normal; color: #fff; }
#finances-page table th, #finances-page table td { padding: 10px; }
#finances-page table thead th { background: #224fbf; }
#finances-page table tbody td { border-bottom: 1px solid #d3d3d3; line-height: 24px; position: relative; }
#finances-page table .tltp-wrap { display: none;  position: absolute; bottom: 50px; box-shadow: 0 3px 10px rgba(0, 0, 0, .3); padding: 10px; min-width: 240px; background: rgb(255, 255, 255); border: 4px solid rgb(255, 255, 255); border-radius: 5px; border: 1px solid #959595; }
#finances-page table .tltp { line-height: 18px; font-size: 14px; text-align: left; }
#finances-page table .tltp:before { content: ''; display: block; position: absolute; width: 0; height: 0; border-width: 11px; border-style: solid; border-color: #959595 transparent transparent transparent; bottom: -22px; left: 19px; }
#finances-page table .tltp:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: #fff transparent transparent transparent; bottom: -20px; left: 20px; }
#finances-page table a { display: block; }
#finances-page table a:hover + .tltp-wrap { display: block; }

#finances-page #leader-box { position: relative; }
#finances-page #leader-box .people { position: absolute; }
#finances-page #leader-box .people.human-1 { left: 535px; top: 60px; }
#finances-page #leader-box .people.human-2 { left: 474px; top: 47px; }
#finances-page #leader-box .people.human-3 { left: 417px; top: 27px; }
#finances-page #leader-box .people.human-4 { left: 362px; top: 8px; }
#finances-page #leader-box .people.human-5 { left: 312px; top: -10px; }
#finances-page #leader-box .people.human-6 { left: 257px; top: -30px; }
#finances-page #leader-box .people.human-7 { left: 203px; top: -48px; }
#finances-page #leader-box .people.human-8 { left: 156px; top: -66px; }
#finances-page #leader-box .people.human-9 { left: 101px; top: -81px; }
#finances-page #leader-box .people.human-10 { left: 36px; top: -96px; }
#finances-page #leader-table-desc { width: 100%; margin-bottom: 100px; margin-top: 0; }
#finances-page #statistic-table-desc { width: 100%; margin-bottom: 0; margin-top: 0; }
#finances-page #statistic-table td a { display: block; cursor: pointer; }
#finances-page #show_ldr_div { position: absolute; right: 0; z-index: 1; border: 1px solid #b2b2b2; box-shadow: 0 0 10px rgba(0, 0, 0, .2); background: #fff; padding: 5px; font-size: 11px; }
#finances-page #show_ldr_div table { margin: 0; }
#finances-page #show_ldr_div table th { background: #224fbf; line-height: 1; padding: 7px; }
#finances-page #show_ldr_div table td { border-bottom: 0; border-top: 1px solid #cdcdcd; line-height: 1; padding: 7px; }
#finances-page #show_ldr_div table tr:first-child td { border-top: 0 !important; }


#finances-page .treeview li { padding: 3px 0 1px 16px; }
#finances-page .tablica_users { margin: 0; }
#finances-page .tablica_users a { font-weight: bold; }
#finances-page .tablica_users a img { display: block; }
#finances-page .tablica_users td { border: 0; padding: 4px; line-height: 1.2; font-size: 14px; }
#finances-page .tablica_users td:nth-child(1) { width: 50px; }
#finances-page .tablica_users td:nth-child(2) { width: 1%; }

#finances-page .main-header-2 h2 .ic.ic-coupons { width: 20px; height: 20px; background: url(images/user-menu-icons.png) no-repeat 0 -822px; position: relative; top: 5px; }
#finances-page .coupons-table { border: 1px solid #cdcdcd; font-size: 13px; border-collapse: collapse; width: 100%; font-weight: bold; position: relative; }
#finances-page .coupons-table thead th,
#finances-page .coupons-table tbody td { border: 1px solid #cdcdcd; vertical-align: middle; height: 38px; position: relative; }
#finances-page .coupons-table thead th {
    padding: 10px;
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom,  #fafafa 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 );
}
#finances-page .coupons-table tbody td { padding: 3px 10px; }
#finances-page .coupons-table thead th:nth-child(1) { width: 40%; text-align: left; }
#finances-page .coupons-table thead th:nth-child(2) { width: 60%; text-align: right; }
#finances-page .coupons-table tbody td:nth-child(1) { width: 40%; }
#finances-page .coupons-table tbody td:nth-child(2) { width: 60%; }
#finances-page .coupons-table tr.bg-1 td { background: #eee; }
#finances-page .coupons-table tr.bg-2 td { background: #ffefc9; }
#finances-page .coupons-table td .dt { float: left; }
#finances-page .coupons-table td .dd { float: right; position: relative; }
#finances-page .coupons-table td .dd .ic.ic-euro { position: relative; top: 4px; margin-top: -8px; width: 20px; height: 20px; background: url(images/user-menu-icons.png) no-repeat 0px -240px; }
#finances-page .coupons-table td .right-block { float: right; padding-right: 36px; }
#finances-page .coupons-table td input[type="text"] { width: 89px; margin-right: 6px; text-align: right; }
#finances-page .coupons-table td .ic.ic-status { display: none; position: absolute; top: 5px; right: 10px; width: 28px; height: 28px; background-image: url(images/notification-box-icons.png); background-repeat: no-repeat; }
#finances-page .coupons-table td .ic.ic-status.ok { display: block; background-position: 0 0; }
#finances-page .coupons-table td .ic.ic-status.not-ok { display: block; background-position: 0 -28px; }
#finances-page .coupons-table td .price { display: inline-block; }
#finances-page .coupons-table td .euro-lbl { display: inline-block; margin-left: 17px; }
#finances-page .coupons-table td .euro, #finances-page .coupons-table td .db { display: inline-block; min-width: 120px; }
#finances-page .notification-box { margin: 10px 0; }

#dep th { background: #224fbf; color: #4a4a4a; }
#pay_1, #pay_2 { margin: 20px 0 -60px 0; }
#pay_1:before, #pay_2:before { display: none; }

/* Invitations page */
#invitations-page .main-header-2 { margin-top: 10px; }
#invitations-page .main-header-2:first-child { margin-top: 0; }
#invitations-page .main-header-2 .btn { padding: 4px 10px; }
#invitations-page .main-header-2 .btn .ic.ic-arr-right { display: inline-block; margin-left: 8px; margin-bottom: -2px; width: 14px; height: 14px; background: url(images/btn-caret-icons.png) no-repeat -14px 0; }
#invitations-page .main-header-2 h2 .ic { background-image: url(images/user-menu-icons.png); background-repeat: no-repeat;  width: 22px; height: 20px; margin-bottom: -6px; margin-right: 5px; }
#user-profile-page .main-header-2 h2 .ic.ic-invitations { background-position: 0 -704px; }
#invitations-page .content { padding: 10px; border: 1px solid #b2b2b2; border-top: 0; }
#invitations-page .notification-box { margin: 10px 0; }
#invitations-page .filter-box .c1 { width: 50%; float: left; line-height: 29px; }
#invitations-page .filter-box .c2 { width: 50%; float: right; line-height: 30px; font-weight: bold; text-align: right; }
#invitations-page .filter-box .lbl { font-weight: bold; display: inline-block; }
#invitations-page .filter-box #transaction-statistic-filter { width: 182px; }
#invitations-page .filter-box .full-price { text-align: right; font-size: 18px; font-weight: bold; line-height: 30px; }
#invitations-page table { width: 100%; margin-top: 10px; }
#invitations-page table thead th { background: #224fbf; padding: 10px; color: #fff; font-weight: normal; }
#invitations-page table tbody td { border-bottom: 1px solid #d3d3d3; line-height: 24px; position: relative; padding: 10px; }
#invitations-page #vlevel table { margin-bottom: 0; }
#invitations-page #vlevel table thead th { font-weight: bold; padding: 14px; }
#invitations-page #vlevel table th:nth-child(1) { border-radius: 2px 0 0 2px; }
#invitations-page #vlevel table th:nth-child(2) { border-radius: 0 2px 2px 0; padding-left: 0; }
#invitations-page #vlevel table th:first-child,
#invitations-page #vlevel table td:first-child { width: 200px; }
#invitations-page #vlevel table td:first-child { font-weight: bold; vertical-align: top; line-height: 29px; padding-left: 10px; }
#invitations-page #vlevel table td input[type="text"] { display: block; width: 100%; }
#invitations-page #vlevel table td textarea { display: block; width: 100%; height: 150px; line-height: 1.5; }
#invitations-page #vlevel table tbody td { position: relative; padding: 0 0 8px 0; border-bottom: 0; }
#invitations-page #vlevel table tbody tr:first-child td { padding-top: 8px; }
#invitations-page #vlevel button[type="submit"] { padding-left: 30px; padding-right: 30px; }


/* FAQ page */

#faq-page > div { margin-bottom: 20px; border-radius: 2px; }
#faq-page .col-2 > div:first-child { border-radius: 2px; }
#faq-page .question-list { padding: 0; margin: 0; list-style: none; }
#faq-page .question-list li { color: #224fbf; background: #d7dff3; border: 1px solid #b0bfe5; border-radius: 3px; line-height: 18px; padding: 10px; margin-top: 3px;  }
#faq-page .question-list li:first-child { margin-top: 0; }
#faq-page .answer-list { padding: 0; margin: 10px 0 30px 0; list-style: none; }
#faq-page .answer-list .box { margin-bottom: 10px; }
#faq-page .answer-list .content { border: 1px solid #cdcdcd; padding: 10px; top: -1px; position: relative; }
#faq-page #comment .content { padding: 19px 24px 24px; background: #e6e6e6; }
#faq-page #comment th, #faq-page #comment td { padding: 5px; }
#faq-page #comment th { font-weight: normal; vertical-align: top; }
#faq-page #comment .textarea { width: 100%; height: 100px; }
#faq-page #comment .form-name, #faq-page #comment .form-email { background: #fff; border: 1px solid #b2b2b2; height: 30px; line-height: 30px; padding: 0 10px; cursor: no-drop; }
#faq-page #captcha-table { width: 300px; position: relative; margin: 0 auto; }
#faq-page #captcha-table th { line-height: 40px; }
#faq-page #captcha-table input[type="text"] { width: 46px; text-align: center; }
#faq-page input[type="submit"] { padding-left: 30px; padding-right: 30px; }


/* Contact page */

#contact-page > .main-header-2 { border-radius: 2px; }
#contact-page > .content { border: 1px solid #b2b2b2; border-top: 0; padding: 20px; }
#contact-page form { padding: 19px 24px 24px; background: #e6e6e6; width: 617px; }
#contact-page #contact-table th, #contact-page #contact-table td { padding: 5px; }
#contact-page #contact-table th { font-weight: normal; vertical-align: top; }
#contact-page #contact-table .textarea { width: 100%; height: 100px; }
#contact-page #contact-table #name,
#contact-page #contact-table #email,
#contact-page #contact-table #telefon { background: #fff; height: 30px; line-height: 30px; padding: 0 10px; }
#contact-page #captcha-table { width: 300px; position: relative; margin: 0 auto; }
#contact-page #captcha-table th { line-height: 40px; }
#contact-page #captcha-table input[type="text"] { width: 46px; text-align: center; }
#contact-page button[type="submit"] { padding-left: 30px; padding-right: 30px; }


/* Tiny page */

#tiny { line-height: 20px; }
#tiny h1 { font-size: 20px; }
#tiny h2 { font-size: 16px; clear: both; }
#tiny .content { border: 1px solid #b2b2b2; border-top: 0; padding: 20px; }
#tiny .content h1, #tiny .content h2 { margin-bottom: 20px; }
#tiny p { margin: 0 0 20px 0; }
#tiny table thead th { background: #224fbf; padding: 10px; color: #fff; font-weight: normal; }
#tiny table tbody td { padding: 10px; border-bottom: 1px solid #cdcdcd; }
#tiny ul { list-style-type: square; line-height: 30px; padding-left: 15px; }
.fancybox-inner #tiny .content { border: 0; }

img.float-left { margin-right: 20px; margin-bottom: 20px; }
img.float-right { margin-left: 20px; margin-bottom: 20px; }


/* Surfaces page */

#surfaces-page .main-header-2 h2 .ic.ic-surfaces { width: 22px; height: 20px; background: url(images/user-menu-icons.png) no-repeat 0 -80px; position: relative; top: 4px; }
#surfaces-page .content-wrap { padding: 10px; border: 1px solid #b2b2b2; border-top: 0; }
#surfaces-page .working-block .content { width: 590px; float: left; }
#surfaces-page .working-block .content .btn-row { text-align: center; width: 100%; display: table; }
#surfaces-page .working-block .content .btn-row > div { display: table-cell; }
#surfaces-page .working-block .content .btn-row > div:nth-child(1) { text-align: left; }
#surfaces-page .working-block .content .btn-row > div:nth-child(2) { text-align: center; }
#surfaces-page .working-block .content .btn-row > div:nth-child(3) { text-align: right; }
#surfaces-page .working-block .content .btn-row > div .btn { border-radius: 2px; padding: 5px 17px; width: 170px; overflow: hidden; text-overflow: ellipsis; }
#surfaces-page .working-block .content .btn-row > div:first-child button { width: 230px; }
#surfaces-page .working-block .content .btn-row .btn.bnt-default { padding-left: 8px; }
#surfaces-page .working-block .content .btn-row .ic { background: url(images/user-menu-icons.png) no-repeat; width: 20px; height: 21px; position: relative; margin-left: -10px; margin-bottom: -6px; margin-right: 5px; }
#surfaces-page .working-block .content .btn-row .ic.ic-invitation { background-position: 0 -704px; }
#surfaces-page .working-block .content .btn-row .ic.ic-affiliate { background-position: 0 -743px; }
#surfaces-page .working-block .aside { float: right; width: 207px; border: 1px solid #177f4a; border-radius: 2px; color: #177f4a; font-size: 12px; padding: 10px; }
#surfaces-page .working-block .aside ol { list-style-type: decimal; list-style-position: inside; padding: 0; margin: 0; }
#surfaces-page .working-block .aside ol li { margin-bottom: 6px; }
#surfaces-page .working-block .btn-working { border: 1px solid #169555; font-weight: bold; color: #fff;
    background: #2ca768;
    background: -moz-linear-gradient(top,  #2ca768 0%, #1a8950 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ca768), color-stop(100%,#1a8950));
    background: -webkit-linear-gradient(top,  #2ca768 0%,#1a8950 100%);
    background: -o-linear-gradient(top,  #2ca768 0%,#1a8950 100%);
    background: -ms-linear-gradient(top,  #2ca768 0%,#1a8950 100%);
    background: linear-gradient(to bottom,  #2ca768 0%,#1a8950 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ca768', endColorstr='#1a8950',GradientType=0 );
}

#surfaces-page .working-block .btn-working:hover {
    background: #29995f;
    background: -moz-linear-gradient(top,  #29995f 0%, #167745 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29995f), color-stop(100%,#167745));
    background: -webkit-linear-gradient(top,  #29995f 0%,#167745 100%);
    background: -o-linear-gradient(top,  #29995f 0%,#167745 100%);
    background: -ms-linear-gradient(top,  #29995f 0%,#167745 100%);
    background: linear-gradient(to bottom,  #29995f 0%,#167745 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29995f', endColorstr='#167745',GradientType=0 );
}

#surfaces-page .working-block .working-board:before { content: ''; display: block; border-bottom: 18px solid #279b60; border-left: 44px solid transparent; border-right: 44px solid transparent; height: 0; width: 234px; position: relative; margin: 0 auto; top: -18px; }
#surfaces-page .working-block .working-board { margin-top: 29px; color: #fff; }
#surfaces-page .working-block .working-board .ttl { text-transform: uppercase; font-size: 12px; text-align: center; position: relative; margin-top: -32px; }
#surfaces-page .working-block .working-board h2 { font-size: 20px; padding: 5px 10px 6px 10px; text-align: center; color: #fff; background: #279b60; border-radius: 2px; }
#surfaces-page .working-block .working-board-table { width: 100%; margin-top: 5px; display: table; }
#surfaces-page .working-block .working-board-table .td { float: left; margin-left: 5px; }
#surfaces-page .working-block .working-board-table .td:first-child { margin-left: 0; }
#surfaces-page .working-block .working-board-table .td > div { width: 80px; height: 80px; position: relative; border: 3px solid #279b60; border-radius: 6px; color: #279b60; }
#surfaces-page .working-block .working-board-table .td > div .serial-num { position: absolute; top: 2px; left: 3px; font-size: 14px; font-weight: bold; }
#surfaces-page .working-block .working-board-table .icon { position: absolute; z-index: 0; left: -3px; top: -3px; width: 100%; height: 100%; background-image: url(images/working-table-icons.png); background-repeat: no-repeat; }
#surfaces-page .working-block .working-board-table .type-2 { cursor: pointer; }
#surfaces-page .working-block .working-board-table .type-1 .icon { background-position: 0 0; }
#surfaces-page .working-block .working-board-table .type-2 .icon { background-position: 0 -80px; }

#surfaces-page .working-block .working-board-table .td > div {
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom,  #fafafa 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 );
}

#surfaces-page .working-block .working-board-table .td.me > div, #surfaces-page .working-block .working-board-table .td.clone > div {
    background: #90e9a5;
    background: -moz-linear-gradient(top,  #90e9a5 0%, #c0f4c4 50%, #8fe9a4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90e9a5), color-stop(50%,#c0f4c4), color-stop(100%,#8fe9a4));
    background: -webkit-linear-gradient(top,  #90e9a5 0%,#c0f4c4 50%,#8fe9a4 100%);
    background: -o-linear-gradient(top,  #90e9a5 0%,#c0f4c4 50%,#8fe9a4 100%);
    background: -ms-linear-gradient(top,  #90e9a5 0%,#c0f4c4 50%,#8fe9a4 100%);
    background: linear-gradient(to bottom,  #90e9a5 0%,#c0f4c4 50%,#8fe9a4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90e9a5', endColorstr='#8fe9a4',GradientType=0 );
}
#surfaces-page .working-block .shape-arrow-down { position: relative; margin: 10px auto 22px auto; width: 54px; height: 22px; background: #279b60; }
#surfaces-page .working-block .shape-arrow-down:after { content: ''; display: block; position: absolute; bottom: -22px; left: -12px; width: 0; height: 0; border-left: 39px solid transparent; border-right: 39px solid transparent; border-top: 22px solid #279b60; }


#surfaces-page .based-block .content { width: 590px; float: left; }
#surfaces-page .based-block .aside { width: 207px; float: right; margin-top: 29px; }

#surfaces-page .based-block .based-board:before { content: ''; display: block; border-bottom: 18px solid #3a57a0; border-left: 44px solid transparent; border-right: 44px solid transparent; height: 0; width: 234px; position: relative; margin: 0 auto; top: -18px; }
#surfaces-page .based-block .based-board { margin-top: 30px; color: #fff; }
#surfaces-page .based-block .based-board .ttl { text-transform: uppercase; font-size: 12px; text-align: center; position: relative; margin-top: -32px; }
#surfaces-page .based-block .based-board h2 { position: relative; font-size: 20px; padding: 5px 10px 6px 10px; text-align: left; color: #fff; background: #3a57a0; border-radius: 2px; }


#surfaces-page .based-block .based-board.reserved:before { border-bottom: 18px solid #a28c79; }
#surfaces-page .based-block .based-board.reserved h2 { background: #a28c79; }
#surfaces-page .based-block .based-board.reserved .pager { opacity: 0.2; }

#surfaces-page .based-block .based-board-table { width: 100%; margin-top: 10px; display: table; }
#surfaces-page .based-block .pager { width: 66px; height: 29px; position: absolute; right: 10px; top: 6px; }
#surfaces-page .based-block .pager .icon { cursor: pointer; background-image: url(images/pager-icons.png); background-repeat: no-repeat; float: left; width: 29px; height: 29px; margin-left: 4px; }
#surfaces-page .based-block .pager .icon.prev { background-position: 0 -29px; }
#surfaces-page .based-block .pager .icon.next { background-position: 0 0; }

#surfaces-page .based-block .based-board-table { width: 100%; margin-top: 5px; display: table; }
#surfaces-page .based-block .based-board-table .td { float: left; margin-left: 5px; margin-bottom: 5px; text-align: center; }
#surfaces-page .based-block .based-board-table .td:nth-child(7n + 1) { margin-left: 0; }
#surfaces-page .based-block .based-board-table .td > div { width: 80px; height: 80px; position: relative; border: 1px solid #b2b2b2; border-radius: 6px; color: #a1a1a1; }
#surfaces-page .based-block .based-board-table .td > div .serial-num { position: absolute; top: 2px; right: 3px; font-size: 14px; font-weight: normal; }
#surfaces-page .based-block .based-board-table .icon { position: absolute; z-index: 0; left: -1px; top: -1px; width: 100%; height: 100%; background-image: url(images/based-table-icons.png); background-repeat: no-repeat; }
#surfaces-page .based-block .based-board-table .type-1 .icon { background-position: 0 0; }
#surfaces-page .based-block .based-board-table .type-2 .icon { background-position: 0 -80px; }
#surfaces-page .based-block .based-board-table .type-3 .icon { background-position: 0 -160px; }
#surfaces-page .based-block .based-board-table .type-4 .icon { background-position: 0 -240px; }
#surfaces-page .based-block .based-board-table .type-5 .icon { background-position: 0 -320px; }
#surfaces-page .based-block .based-board-table .type-1.me.selected .icon { background-position: -3px 0; }
#surfaces-page .based-block .based-board-table .type-2.me.selected .icon { background-position: -3px -83px; }
#surfaces-page .based-block .based-board-table .type-3.me.selected .icon { background-position: -3px -163px; }
#surfaces-page .based-block .based-board-table .type-4.me.selected .icon { background-position: -3px -243px; }
#surfaces-page .based-block .based-board-table .type-5.me.selected .icon { background-position: -3px -323px; }
#surfaces-page .based-block .based-board-table .order-num { color: #4a4a4a; line-height: 1; padding: 2px 5px; border: 1px solid #b2b2b2; display: inline-block; border-radius: 2px; position: relative; top: 50px; z-index: 1; font-size: 12px;
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom,  #fafafa 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 );
}
#surfaces-page .based-block .based-board-table .type-2 .order-num,
#surfaces-page .based-block .based-board.reserved .based-board-table .type-5 .order-num { color: #4a4a4a; line-height: 1; padding: 2px 5px; border: 1px solid #a17f36; display: inline-block; border-radius: 2px; position: relative; top: 50px; z-index: 1; font-size: 12px; font-weight: bold;
    background: #ff9747;
    background: -moz-linear-gradient(top,  #ff9747 0%, #ff5b3f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9747), color-stop(100%,#ff5b3f));
    background: -webkit-linear-gradient(top,  #ff9747 0%,#ff5b3f 100%);
    background: -o-linear-gradient(top,  #ff9747 0%,#ff5b3f 100%);
    background: -ms-linear-gradient(top,  #ff9747 0%,#ff5b3f 100%);
    background: linear-gradient(to bottom,  #ff9747 0%,#ff5b3f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9747', endColorstr='#ff5b3f',GradientType=0 );
}

#surfaces-page .based-block .based-board-table .type-3 .order-num { color: #4a4a4a; line-height: 1; padding: 2px 5px; border: 1px solid #a17f36; display: inline-block; border-radius: 2px; position: relative; top: 50px; z-index: 1; font-size: 12px; font-weight: bold;
    background: #ffde76;
    background: -moz-linear-gradient(top,  #ffde76 0%, #ffa404 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffde76), color-stop(100%,#ffa404));
    background: -webkit-linear-gradient(top,  #ffde76 0%,#ffa404 100%);
    background: -o-linear-gradient(top,  #ffde76 0%,#ffa404 100%);
    background: -ms-linear-gradient(top,  #ffde76 0%,#ffa404 100%);
    background: linear-gradient(to bottom,  #ffde76 0%,#ffa404 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde76', endColorstr='#ffa404',GradientType=0 );
}

#surfaces-page .based-block .based-board-table .td > div {
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom,  #fafafa 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 );
}
#surfaces-page .based-block .based-board-table .td.qualification > div{
    background: #ffe296;
    background: -moz-linear-gradient(top,  #ffe296 0%, #feefc5 50%, #ffe294 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe296), color-stop(50%,#feefc5), color-stop(100%,#ffe294));
    background: -webkit-linear-gradient(top,  #ffe296 0%,#feefc5 50%,#ffe294 100%);
    background: -o-linear-gradient(top,  #ffe296 0%,#feefc5 50%,#ffe294 100%);
    background: -ms-linear-gradient(top,  #ffe296 0%,#feefc5 50%,#ffe294 100%);
    background: linear-gradient(to bottom,  #ffe296 0%,#feefc5 50%,#ffe294 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe296', endColorstr='#ffe294',GradientType=0 );
}

#surfaces-page .based-block .based-board-table .td.reserved > div{
    background: #e3cfbe;
    background: -moz-linear-gradient(top,  #e3cfbe 0%, #f1e4da 50%, #e2cdbd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3cfbe), color-stop(50%,#f1e4da), color-stop(100%,#e2cdbd));
    background: -webkit-linear-gradient(top,  #e3cfbe 0%,#f1e4da 50%,#e2cdbd 100%);
    background: -o-linear-gradient(top,  #e3cfbe 0%,#f1e4da 50%,#e2cdbd 100%);
    background: -ms-linear-gradient(top,  #e3cfbe 0%,#f1e4da 50%,#e2cdbd 100%);
    background: linear-gradient(to bottom,  #e3cfbe 0%,#f1e4da 50%,#e2cdbd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3cfbe', endColorstr='#e2cdbd',GradientType=0 );
}


#surfaces-page .based-block .based-board-table .timer { display: block; position: absolute; top: 5px; left: 5px; background: url(images/timer-icon.png) no-repeat 0 0; width: 21px; height: 21px; }

#surfaces-page .based-block .shape-arrow-down { position: relative; margin: 10px auto 22px auto; width: 54px; height: 22px; background: #3a57a0; }
#surfaces-page .based-block .shape-arrow-down:after { content: ''; display: block; position: absolute; bottom: -22px; left: -12px; width: 0; height: 0; border-left: 39px solid transparent; border-right: 39px solid transparent; border-top: 22px solid #3a57a0; }

#surfaces-page .based-block .c1 { float: left; margin-left: 10px; }
#surfaces-page .based-block .c2 { float: right; margin-right: 10px; }
#surfaces-page .based-block .box { border: 1px solid #cdcdcd; border-radius: 5px 5px 0 0; width: 242px; font-size: 13px; font-weight: bold; }
#surfaces-page .based-block .c1 .box .header-1 { border-bottom: 1px solid #cdcdcd; padding: 5px 10px; text-transform: uppercase; border-radius: 5px 5px 0 0;
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#f4f4f4 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#f4f4f4 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#f4f4f4 100%);
    background: linear-gradient(to bottom,  #fafafa 0%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f4f4f4',GradientType=0 );
}
#surfaces-page .based-block .c1 .box .header-2 { border-bottom: 1px solid #cdcdcd; padding: 5px 10px; min-height: 26px;
    background: #fdf3dc;
    background: -moz-linear-gradient(top,  #fdf3dc 0%, #f8bd3b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf3dc), color-stop(100%,#f8bd3b));
    background: -webkit-linear-gradient(top,  #fdf3dc 0%,#f8bd3b 100%);
    background: -o-linear-gradient(top,  #fdf3dc 0%,#f8bd3b 100%);
    background: -ms-linear-gradient(top,  #fdf3dc 0%,#f8bd3b 100%);
    background: linear-gradient(to bottom,  #fdf3dc 0%,#f8bd3b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf3dc', endColorstr='#f8bd3b',GradientType=0 );
}
#surfaces-page .based-block .c1 .box-content { width: 240px; height: 32px; background: url(images/base-table-mini-box-img.png) no-repeat 0 0; }

#surfaces-page .based-block .c2 .box .header { border-bottom: 1px solid #cdcdcd; padding: 5px 10px; text-transform: uppercase; border-radius: 5px 5px 0 0;
    background: #f7f7f7;
    background: -moz-linear-gradient(top,  #f7f7f7 0%, #d6d8d9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#d6d8d9));
    background: -webkit-linear-gradient(top,  #f7f7f7 0%,#d6d8d9 100%);
    background: -o-linear-gradient(top,  #f7f7f7 0%,#d6d8d9 100%);
    background: -ms-linear-gradient(top,  #f7f7f7 0%,#d6d8d9 100%);
    background: linear-gradient(to bottom,  #f7f7f7 0%,#d6d8d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d6d8d9',GradientType=0 );
}
#surfaces-page .based-block .c2 .box .box-content { padding: 6px 5px; }
#surfaces-page .based-block .c2 .box .box-content .desc { line-height: 14px; }
#surfaces-page .based-block .c2 .box .box-content .avatar { float: left; margin-right: 5px; }
#surfaces-page .based-block .c2 .box .box-content .id { font-weight: normal; }

#surfaces-page .based-block .win-img { width: 591px; height: 141px; background: url(images/win-img.png) no-repeat 0 0; }
#surfaces-page .based-block .aside .my-users li.empty,
#surfaces-page .based-block .aside .my-qualifications li.empty { text-align: center; display: table-cell; vertical-align: middle; height: 244px; padding: 20px; }
#surfaces-page .based-block .aside #my-qualifications-header { margin-top: 14px; }
#surfaces-page .based-block .aside #my-qualifications-header h2 { min-height: 31px; line-height: 1.1; }
#surfaces-page .based-block .aside h2 span { font-weight: normal; white-space: nowrap; }
#surfaces-page .based-block .aside ul { list-style: none; margin: 5px 0 0 0; padding: 0; overflow-y: scroll; height: 245px; border-bottom: 1px solid #cdcdcd; }
#surfaces-page .based-block .aside li { padding: 4px; position: relative; border-radius: 4px; margin-bottom: 5px; margin-right: 4px; }

#surfaces-page .based-block .aside li.me, #surfaces-page .based-block .aside li.clone { cursor: pointer; border: 1px solid #7ccae8;
    background: #99e3ff;
    background: -moz-linear-gradient(top,  #99e3ff 0%, #caf1ff 50%, #98e3ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99e3ff), color-stop(50%,#caf1ff), color-stop(100%,#98e3ff));
    background: -webkit-linear-gradient(top,  #99e3ff 0%,#caf1ff 50%,#98e3ff 100%);
    background: -o-linear-gradient(top,  #99e3ff 0%,#caf1ff 50%,#98e3ff 100%);
    background: -ms-linear-gradient(top,  #99e3ff 0%,#caf1ff 50%,#98e3ff 100%);
    background: linear-gradient(to bottom,  #99e3ff 0%,#caf1ff 50%,#98e3ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99e3ff', endColorstr='#98e3ff',GradientType=0 );
}

#surfaces-page .based-block .aside li.me:hover, #surfaces-page .based-block .aside li.clone:hover {
    background: #baecff;
    background: -moz-linear-gradient(top,  #baecff 0%, #dcf6ff 50%, #aaecff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#baecff), color-stop(50%,#dcf6ff), color-stop(100%,#aaecff));
    background: -webkit-linear-gradient(top,  #baecff 0%,#dcf6ff 50%,#aaecff 100%);
    background: -o-linear-gradient(top,  #baecff 0%,#dcf6ff 50%,#aaecff 100%);
    background: -ms-linear-gradient(top,  #baecff 0%,#dcf6ff 50%,#aaecff 100%);
    background: linear-gradient(to bottom,  #baecff 0%,#dcf6ff 50%,#aaecff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#baecff', endColorstr='#aaecff',GradientType=0 );
}


#surfaces-page .based-block .aside li.qualification { border: 1px solid #dec789;
    background: #ffe296;
    background: -moz-linear-gradient(top,  #ffe296 0%, #feefc5 50%, #ffe294 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe296), color-stop(50%,#feefc5), color-stop(100%,#ffe294));
    background: -webkit-linear-gradient(top,  #ffe296 0%,#feefc5 50%,#ffe294 100%);
    background: -o-linear-gradient(top,  #ffe296 0%,#feefc5 50%,#ffe294 100%);
    background: -ms-linear-gradient(top,  #ffe296 0%,#feefc5 50%,#ffe294 100%);
    background: linear-gradient(to bottom,  #ffe296 0%,#feefc5 50%,#ffe294 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe296', endColorstr='#ffe294',GradientType=0 );
}

#surfaces-page .based-block .aside li.reserved { border: 1px solid #d7c4b3;
    background: #e3cfbe;
    background: -moz-linear-gradient(top,  #e3cfbe 0%, #f1e4da 50%, #e2cdbd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3cfbe), color-stop(50%,#f1e4da), color-stop(100%,#e2cdbd));
    background: -webkit-linear-gradient(top,  #e3cfbe 0%,#f1e4da 50%,#e2cdbd 100%);
    background: -o-linear-gradient(top,  #e3cfbe 0%,#f1e4da 50%,#e2cdbd 100%);
    background: -ms-linear-gradient(top,  #e3cfbe 0%,#f1e4da 50%,#e2cdbd 100%);
    background: linear-gradient(to bottom,  #e3cfbe 0%,#f1e4da 50%,#e2cdbd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3cfbe', endColorstr='#e2cdbd',GradientType=0 );
}

#surfaces-page .based-block .aside li.working { border: 1px solid #83c7a4;
    background: #90e9a5;
    background: -moz-linear-gradient(top,  #90e9a5 0%, #c0f4c4 50%, #8fe9a4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90e9a5), color-stop(50%,#c0f4c4), color-stop(100%,#8fe9a4));
    background: -webkit-linear-gradient(top,  #90e9a5 0%,#c0f4c4 50%,#8fe9a4 100%);
    background: -o-linear-gradient(top,  #90e9a5 0%,#c0f4c4 50%,#8fe9a4 100%);
    background: -ms-linear-gradient(top,  #90e9a5 0%,#c0f4c4 50%,#8fe9a4 100%);
    background: linear-gradient(to bottom,  #90e9a5 0%,#c0f4c4 50%,#8fe9a4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90e9a5', endColorstr='#8fe9a4',GradientType=0 );
}

#surfaces-page .based-block .based-board-table .td.me > div { box-shadow: inset 0 0 1px #7ccae8;
    background: #99e3ff;
    background: -moz-linear-gradient(top,  #99e3ff 0%, #caf1ff 50%, #98e3ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99e3ff), color-stop(50%,#caf1ff), color-stop(100%,#98e3ff));
    background: -webkit-linear-gradient(top,  #99e3ff 0%,#caf1ff 50%,#98e3ff 100%);
    background: -o-linear-gradient(top,  #99e3ff 0%,#caf1ff 50%,#98e3ff 100%);
    background: -ms-linear-gradient(top,  #99e3ff 0%,#caf1ff 50%,#98e3ff 100%);
    background: linear-gradient(to bottom,  #99e3ff 0%,#caf1ff 50%,#98e3ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99e3ff', endColorstr='#98e3ff',GradientType=0 );
}

#surfaces-page .based-block .based-board-table .td.selected > div { border: 4px solid #3c59a1; }
#surfaces-page .based-block .based-board-table .td.selected > div:before,
#surfaces-page .based-block .based-board-table .td.selected > div:after { content: ''; position: absolute; left: 1px; width: 70px; height: 4px;
    background: #3c59a1;
    background: -moz-linear-gradient(left,  #3c59a1 0%, #eeeeee 50%, #3c59a1 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3c59a1), color-stop(50%,#eeeeee), color-stop(100%,#3c59a1));
    background: -webkit-linear-gradient(left,  #3c59a1 0%,#eeeeee 50%,#3c59a1 100%);
    background: -o-linear-gradient(left,  #3c59a1 0%,#eeeeee 50%,#3c59a1 100%);
    background: -ms-linear-gradient(left,  #3c59a1 0%,#eeeeee 50%,#3c59a1 100%);
    background: linear-gradient(to right,  #3c59a1 0%,#eeeeee 50%,#3c59a1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c59a1', endColorstr='#3c59a1',GradientType=1 );
}

#surfaces-page .based-block .based-board-table .td.me > div { cursor: pointer; }
#surfaces-page .based-block .based-board-table .td.me:hover > div {
    background: #baecff;
    background: -moz-linear-gradient(top,  #baecff 0%, #dcf6ff 50%, #aaecff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#baecff), color-stop(50%,#dcf6ff), color-stop(100%,#aaecff));
    background: -webkit-linear-gradient(top,  #baecff 0%,#dcf6ff 50%,#aaecff 100%);
    background: -o-linear-gradient(top,  #baecff 0%,#dcf6ff 50%,#aaecff 100%);
    background: -ms-linear-gradient(top,  #baecff 0%,#dcf6ff 50%,#aaecff 100%);
    background: linear-gradient(to bottom,  #baecff 0%,#dcf6ff 50%,#aaecff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#baecff', endColorstr='#aaecff',GradientType=0 );
}


#surfaces-page .based-block .based-board-table .td.me > div:before { top: -4px; }
#surfaces-page .based-block .based-board-table .td.me > div:after { bottom: -4px; }

#surfaces-page .based-block .aside .desc { font-size: 13px; font-weight: bold; line-height: 14px; }
#surfaces-page .based-block .aside .hotels-avatar { width: 40px; height: 40px; background: url(images/hotels-no-avatar-small.png) no-repeat 0 0; float: left; margin-right: 4px; }
#surfaces-page .based-block .aside .id { font-weight: normal; }
#surfaces-page .based-block .aside .serial-num { position: absolute; top: 4px; right: 4px; font-weight: normal; }
#surfaces-page .based-block .aside .qualification span { font-weight: normal; }
#surfaces-page .based-block .aside .reserved-text { font-weight: normal; }
#surfaces-page .based-block .aside .working-text { font-weight: normal; }
#surfaces-page .based-block .aside .timer { position: absolute; bottom: 5px; right: 5px; width: 21px; height: 21px; background: url(images/timer-icon.png) no-repeat 0 0; }

#surfaces-page > #history-header { margin-top: 10px; }
#surfaces-page .history-table { width: 100%; }
#surfaces-page .history-table thead th { background: #224fbf; color: #fff; font-weight: normal; padding: 10px; text-align: left; }
#surfaces-page .history-table thead th:first-child { width: 160px; padding-left: 22px; }
#surfaces-page .history-table thead th:nth-child(2) { width: auto; }
#surfaces-page .history-table tbody td:first-child { width: 190px; padding-left: 22px; }
#surfaces-page .history-table tbody td { padding: 10px; border-bottom: 1px solid #d3d3d3; }
#surfaces-page #pagination-1 { margin-top: 20px; margin-bottom: 10px; }

#surfaces-page .tltp-wrap { display: none; z-index: 1000; position: absolute; left: 7px; bottom: 88px; box-shadow: 0 3px 10px rgba(0, 0, 0, .3); padding: 5px; min-width: 240px; background: rgb(255, 255, 255); border: 4px solid rgb(255, 255, 255); border-radius: 5px; border: 1px solid #959595; color: #4a4a4a; }
#surfaces-page .tltp { line-height: 18px; font-size: 14px; text-align: left; }
#surfaces-page .tltp:before { content: ''; display: block; position: absolute; width: 0; height: 0; border-width: 11px; border-style: solid; border-color: #959595 transparent transparent transparent; bottom: -22px; left: 19px; }
#surfaces-page .tltp:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: #fff transparent transparent transparent; bottom: -20px; left: 20px; }
#surfaces-page .td:hover .tltp-wrap { display: block; }
#surfaces-page .tltp .hotels-avatar { float: left; margin-right: 5px; width: 40px; height: 40px; background: url(images/hotels-no-avatar-small.png) no-repeat 0 0; }
#surfaces-page .tltp .desc { float: left; font-size: 13px; line-height: 14px; }
#surfaces-page .tltp .name { font-weight: bold; }

#to-working-table label[for="to-working-table-popup-list"] { display: inline-block; line-height: 30px; }
#to-working-table #to-working-table-popup-list + .chosen-container { width: 316px !important; }
#to-working-table .list-overlay { position: absolute; top: 30px; margin: 0; width: 316px; height: 30px; cursor: pointer; background: transparent; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
#to-working-table #term-and-conditions-rule { position: relative; top: 2px; margin-right: 6px; }


#to-working-table .working-board-table { width: 100%; margin-top: 5px; display: table; }
#to-working-table .working-board-table .td { float: left; margin-left: 5px; }
#to-working-table .working-board-table .td:first-child { margin-left: 0; }
#to-working-table .working-board-table .td > div { width: 70px; height: 70px; position: relative; border: 3px solid #279b60; border-radius: 6px; color: #279b60; }
#to-working-table .working-board-table .td > div .serial-num { position: absolute; top: 2px; left: 3px; font-size: 12px; font-weight: bold; }
#to-working-table .working-board-table .td > div {
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom,  #fafafa 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 );
}
#to-working-table .working-board-table .td.me > div, #to-working-table .working-board-table .td.clone > div {
    background: #90e9a5;
    background: -moz-linear-gradient(top,  #90e9a5 0%, #c0f4c4 50%, #8fe9a4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90e9a5), color-stop(50%,#c0f4c4), color-stop(100%,#8fe9a4));
    background: -webkit-linear-gradient(top,  #90e9a5 0%,#c0f4c4 50%,#8fe9a4 100%);
    background: -o-linear-gradient(top,  #90e9a5 0%,#c0f4c4 50%,#8fe9a4 100%);
    background: -ms-linear-gradient(top,  #90e9a5 0%,#c0f4c4 50%,#8fe9a4 100%);
    background: linear-gradient(to bottom,  #90e9a5 0%,#c0f4c4 50%,#8fe9a4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90e9a5', endColorstr='#8fe9a4',GradientType=0 );
}
#to-working-table .working-board-table.first { width: 70px;margin: 20px 0; }
#to-working-table .working-board-table.first .td { margin: 0 0 0 -4px; }
#to-working-table .working-board-table .icon { position: absolute; z-index: 0; left: -3px; top: -3px; width: 100%; height: 100%; background-image: url(images/working-table-smaller-icons.png); background-repeat: no-repeat; }
#to-working-table .working-board-table .type-1 .icon { background-position: 0 0; }
#to-working-table .working-board-table .type-2 .icon { background-position: 0 -70px; }
#to-working-table .shape-arrow-down { position: relative; margin: -10px 0 22px 0; width: 34px; height: 14px; background: #279b60; left: -2px; }
#to-working-table .shape-arrow-down:after { content: ''; display: block; position: absolute; bottom: -12px; left: -12px; width: 0; height: 0; border-left: 29px solid transparent; border-right: 29px solid transparent; border-top: 12px solid #279b60; }
#to-working-table .aside { width: 316px; height: 120px; position: absolute; top: 60px; z-index: 1; overflow-y: scroll; background: #fff; padding: 5px; font-size: 13px; }

#to-working-table .working-board-table.position_1 .td { margin-left: 0; }
#to-working-table .working-board-table.position_2 .td { margin-left: 75px; }
#to-working-table .working-board-table.position_3 .td { margin-left: 150px; }
#to-working-table .working-board-table.position_4 .td { margin-left: 225px; }
#to-working-table .working-board-table.position_5 .td { margin-left: 300px; }
#to-working-table .working-board-table.position_6 .td { margin-left: 375px; }
#to-working-table .working-board-table.position_7 .td { margin-left: 450px; }

#to-working-table .working-board-table.position_1 + .shape-arrow-down { margin-left: 21px; }
#to-working-table .working-board-table.position_2 + .shape-arrow-down { margin-left: 96px; }
#to-working-table .working-board-table.position_3 + .shape-arrow-down { margin-left: 171px; }
#to-working-table .working-board-table.position_4 + .shape-arrow-down { margin-left: 246px; }
#to-working-table .working-board-table.position_5 + .shape-arrow-down { margin-left: 321px; }
#to-working-table .working-board-table.position_6 + .shape-arrow-down { margin-left: 396px; }
#to-working-table .working-board-table.position_7 + .shape-arrow-down { margin-left: 471px; }

#to-working-table .aside ul { list-style: none; margin: 1px; padding: 0; height: 244px; }
#to-working-table .aside li { padding: 4px; position: relative; border-radius: 4px; margin-top: 5px; line-height: 1.1; }
#to-working-table .aside li:first-child { margin-top: 0; }

#to-working-table .aside li:hover { outline: 5px solid #224fbf; cursor: pointer; box-shadow: 0 0 4px 4px #224fbf; }

#to-working-table .aside li.me, #to-working-table .aside li.clone { border: 1px solid #7ccae8;
    background: #99e3ff;
    background: -moz-linear-gradient(top,  #99e3ff 0%, #caf1ff 50%, #98e3ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99e3ff), color-stop(50%,#caf1ff), color-stop(100%,#98e3ff));
    background: -webkit-linear-gradient(top,  #99e3ff 0%,#caf1ff 50%,#98e3ff 100%);
    background: -o-linear-gradient(top,  #99e3ff 0%,#caf1ff 50%,#98e3ff 100%);
    background: -ms-linear-gradient(top,  #99e3ff 0%,#caf1ff 50%,#98e3ff 100%);
    background: linear-gradient(to bottom,  #99e3ff 0%,#caf1ff 50%,#98e3ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99e3ff', endColorstr='#98e3ff',GradientType=0 );
}
#to-working-table .aside li.qualification { border: 1px solid #dec789;
    background: #ffe296;
    background: -moz-linear-gradient(top,  #ffe296 0%, #feefc5 50%, #ffe294 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe296), color-stop(50%,#feefc5), color-stop(100%,#ffe294));
    background: -webkit-linear-gradient(top,  #ffe296 0%,#feefc5 50%,#ffe294 100%);
    background: -o-linear-gradient(top,  #ffe296 0%,#feefc5 50%,#ffe294 100%);
    background: -ms-linear-gradient(top,  #ffe296 0%,#feefc5 50%,#ffe294 100%);
    background: linear-gradient(to bottom,  #ffe296 0%,#feefc5 50%,#ffe294 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe296', endColorstr='#ffe294',GradientType=0 );
}

#to-working-table .aside li.reserved { border: 1px solid #d7c4b3;
    background: #e3cfbe;
    background: -moz-linear-gradient(top,  #e3cfbe 0%, #f1e4da 50%, #e2cdbd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3cfbe), color-stop(50%,#f1e4da), color-stop(100%,#e2cdbd));
    background: -webkit-linear-gradient(top,  #e3cfbe 0%,#f1e4da 50%,#e2cdbd 100%);
    background: -o-linear-gradient(top,  #e3cfbe 0%,#f1e4da 50%,#e2cdbd 100%);
    background: -ms-linear-gradient(top,  #e3cfbe 0%,#f1e4da 50%,#e2cdbd 100%);
    background: linear-gradient(to bottom,  #e3cfbe 0%,#f1e4da 50%,#e2cdbd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3cfbe', endColorstr='#e2cdbd',GradientType=0 );
}

#to-working-table .aside li.working { border: 1px solid #83c7a4;
    background: #90e9a5;
    background: -moz-linear-gradient(top,  #90e9a5 0%, #c0f4c4 50%, #8fe9a4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90e9a5), color-stop(50%,#c0f4c4), color-stop(100%,#8fe9a4));
    background: -webkit-linear-gradient(top,  #90e9a5 0%,#c0f4c4 50%,#8fe9a4 100%);
    background: -o-linear-gradient(top,  #90e9a5 0%,#c0f4c4 50%,#8fe9a4 100%);
    background: -ms-linear-gradient(top,  #90e9a5 0%,#c0f4c4 50%,#8fe9a4 100%);
    background: linear-gradient(to bottom,  #90e9a5 0%,#c0f4c4 50%,#8fe9a4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90e9a5', endColorstr='#8fe9a4',GradientType=0 );
}
#to-working-table .serial-num { position: absolute; top: 2px; right: 3px; font-size: 14px; font-weight: normal; color: #959595; }
#to-working-table .aside .hotels-avatar { width: 40px; height: 40px; background: url(images/hotels-no-avatar-small.png) no-repeat 0 0; float: left; margin-right: 4px; }
#to-working-table .aside .name,
#to-working-table .aside .qualification,
#to-working-table .aside .working-text,
#to-working-table .aside .reserved-text { font-weight: bold; }
#to-working-table .aside .id { font-weight: normal; }

#to-working-table .aside .timer { position: absolute; bottom: 5px; right: 5px; width: 21px; height: 21px; background: url(images/timer-icon.png) no-repeat 0 0; }


/* Reservations page */

#reservations-page .main-header-2 h2 { float: left; }
#reservations-page .main-header-2 .ic.ic-reservations { width: 22px; height: 20px; float: left; margin-right: 5px; background: url(images/user-menu-icons.png) no-repeat 0 -40px; position: relative; top: 6px; }
#reservations-page .content { border: 1px solid #cdcdcd; border-top: 0; padding: 10px; }
#reservations-page .filter-box .c1 { width: 680px; float: left; line-height: 29px; }
#reservations-page .filter-box .c1 .input-box { position: relative; display: inline-block; }
#reservations-page .filter-box .c1 input.datepicker { width: 182px; margin-right: 6px; }
#reservations-page .filter-box .c1 input.datepicker + img { position: relative; top: 6px; margin-left: -32px; margin-right: 4px; }
#reservations-page .filter-box .c1 select { width: 182px; }
#reservations-page .filter-box .c1 select + .chosen-container { margin-right: 6px; }
#reservations-page .filter-box .c2 { width: 100px; float: right; text-align: right; }
#reservations-page .filter-box .c2 .btn { padding-top: 4px; padding-bottom: 4px; }
#reservations-page .filter-box .lbl { font-weight: bold; display: inline-block; }
#reservations-page table { width: 100%; margin-top: 10px; font-size: 14px; }
#reservations-page table thead th { background: #224fbf; padding: 10px; color: #fff; font-weight: normal; }
#reservations-page table thead th:nth-child(3) { width: 180px; }
#reservations-page table tbody td { border-bottom: 1px solid #cdcdcd; vertical-align: middle; height: 40px; position: relative; }
#reservations-page table tbody td:nth-child(1), #reservations-page table tbody td:nth-child(3) { color: #224fbf; }
#reservations-page table + .pagination { margin: 15px 0 5px 0; }
#reservations-page table select { width: 138px; }
#reservations-page table select + .chosen-container { text-align: left; }
#reservations-page table .tltp-wrap { display: none;  position: absolute; bottom: 50px; box-shadow: 0 3px 10px rgba(0, 0, 0, .3); padding: 10px; min-width: 240px; background: rgb(255, 255, 255); border: 4px solid rgb(255, 255, 255); border-radius: 5px; border: 1px solid #959595; color: #4a4a4a; }
#reservations-page table .tltp { line-height: 18px; font-size: 14px; text-align: left; }
#reservations-page table .tltp:before { content: ''; display: block; position: absolute; width: 0; height: 0; border-width: 11px; border-style: solid; border-color: #959595 transparent transparent transparent; bottom: -22px; left: 19px; }
#reservations-page table .tltp:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: #fff transparent transparent transparent; bottom: -20px; left: 20px; }
#reservations-page table a { display: block; }
#reservations-page table a:hover + .tltp-wrap { display: block; }

/* My reservations page */

#my-reservations-page .main-header-2 h2 { float: left; }
#my-reservations-page .main-header-2 .ic.ic-my-reservations { width: 22px; height: 20px; float: left; margin-right: 5px; background: url(images/user-menu-icons.png) no-repeat 0 -40px; position: relative; top: 6px; }
#my-reservations-page .main-header-2 .btn { padding: 4px 10px; float: right; margin-left: 4px; }
#my-reservations-page .main-header-2 .btn .ic.ic-arr-right { display: inline-block; margin-left: 8px; margin-bottom: -2px; width: 14px; height: 14px; background: url(images/btn-caret-icons.png) no-repeat -14px 0; }
#my-reservations-page .filter-box { margin-top: 10px; }
#my-reservations-page .filter-box .c1 { width: 690px; float: left; line-height: 29px; }
#my-reservations-page .filter-box .c1 select { width: 200px; }
#my-reservations-page .filter-box .c1 select + .chosen-container { margin-right: 6px; }
#my-reservations-page .filter-box .c2 { width: 100px; float: right; text-align: right; }
#my-reservations-page .filter-box .c2 .btn { padding-top: 4px; padding-bottom: 4px; }
#my-reservations-page .filter-box .lbl { font-weight: bold; display: inline-block; }
#my-reservations-page .date-header { margin: 11px 0; background: #c3232c; font-weight: bold; padding: 8px 34px 8px 10px; color: #fff; font-size: 16px; display: inline-block; position: relative; }
#my-reservations-page .date-header.first{ margin-top: 0; }
#my-reservations-page .date-header:after { display: block; content: ''; width: 0; height: 0; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 17px solid #c3232c; position: absolute; right: -17px; top: 0; }
#my-reservations-page .my-reservations-list { list-style: none; padding: 0; margin: 0; }
#my-reservations-page .my-reservations-list li { border: 1px solid #b2b2b2; border-radius: 2px; padding: 10px; margin-top: 10px; overflow: hidden; }
#my-reservations-page .my-reservations-list li:first-child { margin-top: 0; }
#my-reservations-page .my-reservations-list li .box { float: left; width: 650px; }
#my-reservations-page .my-reservations-list li .box-header { border-radius: 2px; position: relative; z-index: 1; }
#my-reservations-page .my-reservations-list li .box-header .c1 { float: left; width: 50%; line-height: 38px; padding-left: 10px; }
#my-reservations-page .my-reservations-list li .box-header .c2 { float: right; width: 50%;  line-height: 38px; padding-right: 10px; padding-left: 10px; }
#my-reservations-page .my-reservations-list li .box-header .c2 .l { float: left; }
#my-reservations-page .my-reservations-list li .box-header .c2 .r { float: right; }
#my-reservations-page .my-reservations-list li .box-content { background: #fff; padding: 11px 10px 10px; border: 1px solid #d1d1d1; position: relative; top: -1px; }
#my-reservations-page .my-reservations-list li .box-content .avatar { float: left; }
#my-reservations-page .my-reservations-list li .box-content .avatar img { display: block; }
#my-reservations-page .my-reservations-list li .box-content .desc { float: left; margin-left: 10px; font-size: 14px; line-height: 18px; }
#my-reservations-page .my-reservations-list li .box-content .desc .name { font-size: 16px; font-weight: bold; }
#my-reservations-page .my-reservations-list li .box-content .desc .name .star { display: inline-block; }
#my-reservations-page .my-reservations-list li .box-content .desc .service { font-size: 16px; }
#my-reservations-page .my-reservations-list li .aside { float: left; width: 146px; margin-left: 10px; }
#my-reservations-page .my-reservations-list li .aside .btn { width: 146px; padding-left: 0; padding-right: 0; margin-top: 10px; }
#my-reservations-page .my-reservations-list li .aside .btn:first-child { width: 146px; margin-top: 0; padding-top: 11px; padding-bottom: 11px; font-weight: bold; white-space: normal; padding-left: 5px; padding-right: 5px; }
#my-reservations-page .my-reservations-list li .aside .info-panel { border-radius: 2px; }
#my-reservations-page .my-reservations-list li .aside .info-panel span { font-weight: normal; display: block; }

#my-reservations-page .my-reservations-list li .aside .info-panel { font-size: 13px; font-weight: bold; background: #ffe4a5; border: 1px solid #b2b2b2; padding: 10px 20px 10px 40px; position: relative; line-height: 14px; min-height: 64px; }
#my-reservations-page .my-reservations-list li .aside .info-panel:before { content: ''; display: block; position: absolute; top: 50%; margin-top: -10px; left: 10px; width: 19px; height: 21px; background: url(images/lock-icon.png) no-repeat 0 0; }

/* - Waiting confirmation */
#my-reservations-page .my-reservations-list li.waiting-confirmation { background: #c0cbe8; }
#my-reservations-page .my-reservations-list li.waiting-confirmation .box-header { background: #cfd8eb; border: 1px solid #9eaac9; }
#my-reservations-page .my-reservations-list li.waiting-confirmation .box-header .c1 {  border-right: 1px solid #9eaac9; }
#my-reservations-page .my-reservations-list li.waiting-confirmation .box-content { border-color: #9eaac9; }

/* - Ok */
#my-reservations-page .my-reservations-list li.ok { background: #acddc4; }
#my-reservations-page .my-reservations-list li.ok .box-header { background: #cceddc; border: 1px solid #8dc3a8; }
#my-reservations-page .my-reservations-list li.ok .box-header .c1 {  border-right: 1px solid #8dc3a8; }
#my-reservations-page .my-reservations-list li.ok .box-content { border-color: #8dc3a8; }
/* Disclaimed, Removed */
#my-reservations-page .my-reservations-list li.disclaimed,
#my-reservations-page .my-reservations-list li.removed {
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom,  #fafafa 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 );
}
#my-reservations-page .my-reservations-list li.disclaimed .box-header,
#my-reservations-page .my-reservations-list li.removed .box-header { border: 1px solid #d1d1d1;
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e7e7e7));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e7e7e7 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e7e7e7 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e7e7e7 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e7e7e7',GradientType=0 );
}
#my-reservations-page .my-reservations-list li.disclaimed .box-header .c1,
#my-reservations-page .my-reservations-list li.removed .box-header .c1 { border-right: 1px solid #d1d1d1; }
#my-reservations-page .my-reservations-list li.disclaimed .aside .info-panel,
#my-reservations-page .my-reservations-list li.removed .aside .info-panel { font-size: 13px; font-weight: bold; background: #d2d2d2; border: 1px solid #b2b2b2; padding: 10px 22px; text-align: center; line-height: 14px; min-height: 64px; }
#my-reservations-page .my-reservations-list li.disclaimed .aside button,
#my-reservations-page .my-reservations-list li.removed .aside button { opacity: 0.5; }
#my-reservations-page .my-reservations-list li.disclaimed .aside button:hover,
#my-reservations-page .my-reservations-list li.removed .aside button:hover  {
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom,  #fafafa 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 );
}
#my-reservations-page .my-reservations-list li.disclaimed .aside .btn:active,
#my-reservations-page .my-reservations-list li.removed .aside .btn:active,
#my-reservations-page .my-reservations-list li.disclaimed .aside .btn:focus,
#my-reservations-page .my-reservations-list li.removed .aside .btn:focus { outline: none;
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom,  #fafafa 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 );
}

#my-reservations-page .my-reservations-list li.used {
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom,  #fafafa 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 );
}
#my-reservations-page .my-reservations-list li.used .box-header { border: 1px solid #d1d1d1;
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e7e7e7));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e7e7e7 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e7e7e7 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e7e7e7 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e7e7e7',GradientType=0 );
}
#my-reservations-page .my-reservations-list li.used .box-header .c1 { border-right: 1px solid #d1d1d1; }
#my-reservations-page .my-reservations-list li.used .aside .info-panel { font-size: 13px; font-weight: bold; background: #acddc4; border: 1px solid #b2b2b2; padding: 10px 22px; text-align: center; line-height: 14px; min-height: 64px; }

#my-reservations-page #pagination-2 { margin: 15px 0; }

#my-reservations-page #search-header { clear: both; margin-top: 10px; margin-bottom: 0; }
#my-reservations-page #search-header #search-form { position: relative; }
#my-reservations-page #search-header .col-full + .col { margin-left: 0 !important; }
#my-reservations-page #search-header .col-full { margin-bottom: 10px; }
#my-reservations-page #search-header .col { position: relative; }
#my-reservations-page #search-header button[type="submit"] { padding: 4px 50px; font-size: 14px; position: absolute; bottom: 0; right: 0; }
#my-reservations-page #search-header #search-arrive-date + img { top: 27px; }

#my-reservations-page .search-info { border: 1px solid #cee7eb; width: 100%; padding: 19px; text-align: center; margin-top: 10px;
    background: #e4f5f5;
    background: -moz-linear-gradient(top,  #e4f5f5 0%, #d3f1ef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f5f5), color-stop(100%,#d3f1ef));
    background: -webkit-linear-gradient(top,  #e4f5f5 0%,#d3f1ef 100%);
    background: -o-linear-gradient(top,  #e4f5f5 0%,#d3f1ef 100%);
    background: -ms-linear-gradient(top,  #e4f5f5 0%,#d3f1ef 100%);
    background: linear-gradient(to bottom,  #e4f5f5 0%,#d3f1ef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5f5', endColorstr='#d3f1ef',GradientType=0 );
}
#my-reservations-page .search-info .ic.ic-bg { background: url(images/voucher-hotel-search-bg.png) no-repeat 0 0; width: 175px; height: 98px; margin-bottom: 10px; }


.voucher-information-popup { width: 566px; padding: 20px; }
.voucher-information-popup .ttl { font-size: 16px; }
.voucher-information-popup > div { margin-bottom: 10px; }
.voucher-information-popup ul { margin: 0; padding: 0; list-style: none; }
.voucher-information-popup li { position: relative; padding: 10px 0; background: #dfe2f1; clear: both; margin-top: 10px; border: 1px solid #d2d2d2; border-radius: 2px; }
.voucher-information-popup li:first-child { margin-top: 0; }
.voucher-information-popup li:before,
.voucher-information-popup li:after { content: " "; display: table; }
.voucher-information-popup li:after { clear: both; }
.voucher-information-popup li:before { content: '%'; box-shadow: 0 0 10px rgba(0, 0, 0, .5); position: absolute; margin-top: -20px; top: 50%; left: 12px; font-size: 19px; color: #fff; background: #224fbf; width: 40px; height: 40px; line-height: 34px; border: 3px solid #fff; text-align: center; vertical-align: middle; border-radius: 999px; }
.voucher-information-popup li .voucher-desc-box { float: left; width: 300px; margin-left: 60px; }
.voucher-information-popup li .voucher-desc-box h2 { font-size: 16px; margin: 0; padding: 0; }
.voucher-information-popup .actions-aside { float: left; width: 164px; text-align: center; }
.voucher-information-popup .actions-aside .btn { margin-top: 30px; }

/* Reserve information page */

#reserve-information-page #search-header { margin-top: 0; }
#reserve-information-page .main-header-2 { text-align: right; }
#reserve-information-page .main-header-2 .btn { padding-top: 4px; padding-bottom: 4px; }
#reserve-information-page .main-header-2 .btn .ic.ic-arr-right { display: inline-block; margin-left: 8px; margin-bottom: -2px; width: 14px; height: 14px; background: url(images/btn-caret-icons.png) no-repeat -14px 0; }
#reserve-information-page .col-2 .content { padding: 10px; border: 1px solid #cdcdcd; border-top: 0; }
#reserve-information-page #reserve-cancel-list { width: 100%; }
#reserve-information-page #reserve-cancel-list + .chosen-container { margin-bottom: 10px; }
#reserve-information-page .reserve-cancel-panel { margin: 10px 0; }
#reserve-information-page .reserve-cancel-panel label { cursor: pointer; display: inline-block; font-weight: bold; margin-top: 20px; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
#reserve-information-page .reserve-cancel-panel .btn-row { text-align: center; margin: 20px auto 30px auto; }
#reserve-information-page .reserve-cancel-panel h2 { text-align: left; font-weight: normal; }
#reserve-information-page .reserve-cancel-panel .content { background: #f8f8f8; }
#reserve-information-page .col-2 ul { list-style: none; padding-left: 10px; }
#reserve-information-page .col-2 .other-page-gallery-room-list { list-style: none; padding: 0; margin: 0; }
#reserve-information-page .col-2 .other-page-gallery-room-list li { float: left; margin-right: 5px; margin-bottom: 5px; }
#reserve-information-page .col-2 .other-page-gallery-room-list li img { display: block; }
#reserve-information-page .col-2 #cards { margin: 20px 0; padding: 0; }
#reserve-information-page .col-2 #cards li { display: inline-block; width: 47px; height: 30px; overflow: hidden; background: url(images/cards.png) no-repeat; }
#reserve-information-page .col-2 #cards #american_express { background-position: 0 0; }
#reserve-information-page .col-2 #cards #cards_visa { background-position: -47px 0; }
#reserve-information-page .col-2 #cards #cards_maestro { background-position: -143px 0; }
#reserve-information-page .col-2 #cards #cards_mastercard { background-position: -94px 0; }
#reserve-information-page .col-2 .map-table { margin-bottom: 50px; }
#reserve-information-page .col-2 .map-table td { width: 50%; border: 0; }
#reserve-information-page .col-2 .map-table .gps-map-box { padding: 0; }
#reserve-information-page .col-2 .map-table #gps_map { border: 1px solid #a4a4a4; }
#reserve-information-page .col-2 { font-size: 14px; }
#reserve-information-page .col-2 table { width: 100%; }
#reserve-information-page .col-2 table caption { padding: 10px; background: #dee3f0; text-align: left; color: #1f1f1f; font-size: 15px; }
#reserve-information-page .col-2 table { border-collapse: collapse; }
#reserve-information-page .col-2 table tr td { padding: 14px 0; vertical-align: top; border-top: 1px dashed #bfbfbf; }
#reserve-information-page .col-2 table tr:first-child td { border-top: 0; }
#reserve-information-page .col-2 table tr td:first-child { width: 158px; }
#reserve-information-page .col-2 table h2 { font-size: 14px; }
#reserve-information-page .col-2 #reserve-details-table .thead .th .title { font-size: 22px; line-height: 34px; vertical-align: middle; }
#reserve-information-page #download-btn .ic.ic-download { position: relative; width: 20px; height: 16px; top: 2px; margin-bottom: -2px; background: url(images/payment-method-icons.png) no-repeat 0 0; }
#reserve-information-page #print-btn .ic.ic-print { position: relative; width: 17px; height: 14px; top: 3px; background: url(images/payment-method-icons.png) no-repeat 0 -16px; }
#reserve-information-page .col-2 #reserve-details-table .thead .th { padding-bottom: 10px; }
#reserve-information-page .col-2 #reserve-details-table .tr { clear: both; overflow: hidden; }
#reserve-information-page .col-2 #reserve-details-table .tbody .tr { border-top: 1px solid #cdcdcd; }
#reserve-information-page .col-2 #reserve-details-table .tr .td { float: left; padding: 5px 10px; line-height: 22px; }
#reserve-information-page .col-2 #reserve-details-table .tr .td:first-child { width: 26%; }
#reserve-information-page .col-2 #reserve-details-table .tr.first .td:nth-child(2) { width: 37%; }
#reserve-information-page .col-2 #reserve-details-table .tr.first .td:nth-child(3) { width: 37%; }
#reserve-information-page .col-2 #reserve-details-table .tr.first .td { padding-top: 12px; padding-bottom: 12px; }
#reserve-information-page .col-2 #reserve-details-table .tr.first .td.td2 { font-weight: bold; }
#reserve-information-page .col-2 #reserve-details-table .table-panel { background: #f8f8f8; border: 1px solid #cdcdcd; padding: 10px; font-size: 13px; }
#reserve-information-page .col-2 #reserve-details-table .tbody .tr.last { border-top: 2px solid #cdcdcd; }
#reserve-information-page .col-2 #reserve-details-table .pay-sum { font-size: 22px; text-align: right; }
#reserve-information-page #guest-data-table { margin-bottom: 10px; }
#reserve-information-page #guest-data-table .tblock { border: 1px solid #cdcdcd; border-top: 0; }
#reserve-information-page #guest-data-table .tr { border-top: 1px solid #cdcdcd; overflow: hidden; }
#reserve-information-page #guest-data-table .caption { padding: 10px 0; }
#reserve-information-page #guest-data-table .tr .td { border-left: 1px solid #cdcdcd; padding: 10px; float: left; width: 33.3%; }
#reserve-information-page #guest-data-table .tr .td:first-child { border-left: 0; }
#reserve-information-page #guest-data-table .tr.tr-full .td { width: 100%; line-height: 1.3; }



/* Reserve setting page */

#reserve-setting-page #search-header { margin-top: 0; }
#reserve-setting-page .main-header-2 { text-align: right; }
#reserve-setting-page .main-header-2 .btn .ic.ic-arr-right { display: inline-block; margin-left: 8px; margin-bottom: -2px; width: 14px; height: 14px; background: url(images/btn-caret-icons.png) no-repeat -14px 0; }
#reserve-setting-page .main-header-2 .ic.ic-reserve-settings { width: 21px; height: 22px; background: url(images/user-menu-icons.png) no-repeat 0 -780px; margin-right: 5px; margin-bottom: -8px;  }
#reserve-setting-page .col-2 .content { padding: 10px; border: 1px solid #cdcdcd; border-top: 0; }
#reserve-setting-page #room-reserve-settings-panel { line-height: 18px; }
#reserve-setting-page #room-reserve-settings-panel .btn { float: right; margin-left: 10px; }
#reserve-setting-page .filter-box { margin: 10px 0; }
#reserve-setting-page .filter-box .c1 { width: 100%; float: left; line-height: 29px; }
#reserve-setting-page .filter-box .c1 > .lbl { font-weight: bold; float: left; }


#reserve-setting-page .filter-box .date-select-btn-box { position: relative; }
#reserve-setting-page .filter-box .date-select-btn-box,
#reserve-setting-page .filter-box .prev,
#reserve-setting-page .filter-box .next { float: left; margin-left: 4px; }
#reserve-setting-page .filter-box .date-select-btn { display: block; padding-left: 30px; padding-right: 30px; }
#reserve-setting-page .date-select-btn-box .tltp-wrap {  position: absolute; top: 40px; left: 0; margin-left: -108px; box-shadow: 0 3px 10px rgba(0, 0, 0, .3); padding: 0; min-width: 376px; background: rgb(255, 255, 255); border: 4px solid rgb(255, 255, 255); border-radius: 0px; border: 1px solid #b2b2b2; }
#reserve-setting-page .date-select-btn-box .tltp-wrap .tltp-content { padding: 30px; }
#reserve-setting-page .date-select-btn-box .tltp-wrap .tltp-footer { border-top: 1px solid #cdcdcd; clear: both; padding: 20px; text-align: right; }
#reserve-setting-page .date-select-btn-box .tltp { line-height: 18px; font-size: 14px; text-align: left; }
#reserve-setting-page .date-select-btn-box .tltp:before { content: ''; display: block; position: absolute; width: 0; height: 0; border-width: 11px; border-style: solid; border-color: transparent transparent #959595 transparent; top: -22px; left: 180px; }
#reserve-setting-page .date-select-btn-box .tltp:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent #fff transparent; top: -20px; left: 181px; }
#reserve-setting-page .date-select-btn-box .tltp-wrap .ttl { margin-bottom: 10px; }
#reserve-setting-page .filter-box .date-select-btn-box .datepicker { width: 142px; }
#reserve-setting-page .filter-box .date-select-btn-box .from-box { float: left; position: relative; }
#reserve-setting-page .filter-box .date-select-btn-box .to-box { float: right; position: relative; }
#reserve-setting-page .filter-box .date-select-btn-box .datepicker +img { position: absolute; right: 6px; margin-top: 6px; }
#reserve-setting-page .filter-box .date-select-btn-box .lbl { line-height: 30px; }
#reserve-setting-page .filter-box .prev,
#reserve-setting-page .filter-box .next { width: 30px; height: 30px; padding: 0; }
#reserve-setting-page .filter-box .prev .ic,
#reserve-setting-page .filter-box .next .ic { display: block; width: 28px; height: 28px;  background: url(images/datepicker-arrow-icons.png) no-repeat; }
#reserve-setting-page .filter-box .prev .ic { background-position: -1px -1px; }
#reserve-setting-page .filter-box .next .ic { background-position: -31px -1px; }

#reserve-setting-page #reserve-table-wrapper {  }

#reserve-setting-page #reserve-table-aside { width: 372px; float: left; border-left: 1px solid #9e9e9e; border-bottom: 1px solid #9e9e9e; }
#reserve-setting-page #reserve-table-aside .thead { background: #224fbf; color: #fff; font-weight: bold; overflow: hidden; border-top: 1px solid #9e9e9e; }
#reserve-setting-page #reserve-table-aside .tbody .tr { border-top: 1px solid #9e9e9e; }
#reserve-setting-page #reserve-table-aside .tbody .tr:first-child { border-top: 0; }
#reserve-setting-page #reserve-table-aside .thead .th { color: #fff; float: left; width: 361px; font-size: 14px; font-weight: bold; padding: 16px 10px 17px 10px; }
#reserve-setting-page #reserve-table-aside .tbody .th { display: inline-block; position: relative; width: 361px;  padding: 4px 10px 0 10px; min-height: 40px; font-size: 13px; line-height: 16px; }
#reserve-setting-page #reserve-table-aside .tbody .ttl { font-size: 14px; font-weight: bold; color: #224fbf; margin-bottom: 2px; }
#reserve-setting-page #reserve-table-aside .tbody .id {  }
#reserve-setting-page #reserve-table-aside .tbody .capacity { position: absolute; top: 5px; right: 0; font-size: 13px; min-width: 10px; text-align: center; }
#reserve-setting-page #reserve-table-aside .tbody .ic.user { position: absolute; bottom: 5px; right: 0; width: 10px; height: 12px; background: url(images/reserve-serrings-user-icon.png) no-repeat 0 0; }

#reserve-setting-page #reserve-table-section { float: right; width: 435px; overflow-x: scroll; }
#reserve-setting-page #reserve-table-section .thead .cols { display: block; white-space: nowrap; }
#reserve-setting-page #reserve-table-section .thead .cols .col { display: inline-block; margin-right: -4px; text-align: center; background: #fff; border-left: 1px solid #9e9e9e; border-bottom: 2px solid #224fbf; width: 29px; height: 50px; font-size: 12px; line-height: 1; }
#reserve-setting-page #reserve-table-section .thead .cols .col.weekend { background: #ff9898; }
#reserve-setting-page #reserve-table-section .thead .cols .col .day-num { margin-top: 10px; }
#reserve-setting-page #reserve-table-section .thead .cols .col .day-desc { margin-top: 6px; }
#reserve-setting-page #reserve-table-section .tbody .cols { display: block; white-space: nowrap; }
#reserve-setting-page #reserve-table-section .tbody .cols .col { display: inline-block; margin-right: -4px; text-align: center; background: #c4ecff; color: #fff; border-right: 1px solid #9e9e9e; border-bottom: 1px solid #9e9e9e; width: 29px; height: 41px; line-height: 41px; font-size: 13px; }
#reserve-setting-page #reserve-table-section .tbody .cols .col:first-child { border-left: 1px solid #9e9e9e; }
#reserve-setting-page #reserve-table-section .tbody .cols .col.reserved { background: #f00; }
#reserve-setting-page #reserve-table-section .tbody .cols .col.not-reservable { background: #767676; }

#reserve-setting-page #reserve-table-section .tbody .cols .col.priced { background: #fffdd6; }
#reserve-setting-page #reserve-table-section .tbody .cols .col.not-priced { background: #c4ecff; }


#reserve-setting-page #reserve-table-caption { border: 1px solid #cdcdcd; border-radius: 2px; padding: 10px; float: right; width: 435px; margin-top: 10px; margin-bottom: 10px; }
#reserve-setting-page #reserve-table-caption ul { list-style: none; margin: 0; padding: 0; display: table; width: 100%; }
#reserve-setting-page #reserve-table-caption ul li { display: table-cell; line-height: 1; vertical-align: middle; text-align: center; }

#reserve-setting-page #reserve-table-section .tbody .cols .col.priced,
#reserve-setting-page #reserve-table-section .tbody .cols .col.not-priced { color: #4a4a4a; }


#reserve-setting-page #reserve-table-caption ul li .ic { width: 17px; height: 17px; border: 1px solid #cdcdcd; margin-bottom: -3px; }

#reserve-setting-page #reserve-table-caption ul li .ic.ic-reserved { background: #f00; }
#reserve-setting-page #reserve-table-caption ul li .ic.ic-reservable { background: #c4ecff; }
#reserve-setting-page #reserve-table-caption ul li .ic.ic-not-reservable { background: #767676; }

#reserve-setting-page #reserve-table-caption ul li .ic.ic-closed { background: #fffdd6; }
#reserve-setting-page #reserve-table-caption ul li .ic.ic-not-closed { background: #c4ecff; }
#reserve-setting-page #reserve-table-caption ul li .ic.ic-not-closable { background: #767676; }

#reserve-setting-page #reserve-period-settings { clear: both; }
#reserve-setting-page #reserve-period-settings .ttl { font-size: 16px; font-weight: bold; margin-bottom: 5px; }
#reserve-setting-page #reserve-period-settings .lbl { line-height: 30px; }
#reserve-setting-page #reserve-period-settings .r { margin-bottom: 10px; }
#reserve-setting-page #reserve-period-settings .col { float: left; margin-left: 10px; position: relative; }
#reserve-setting-page #reserve-period-settings .r .col:first-child { margin-left: 0; }
#reserve-setting-page #reserve-period-settings .col #room-desc-list { width: 340px; }
#reserve-setting-page #reserve-period-settings .col #reserve-status-list { width: 173px; }
#reserve-setting-page #reserve-period-settings .col .datepicker { width: 121px; }
#reserve-setting-page #reserve-period-settings .col .datepicker + img { position: absolute; bottom: 6px; right: 6px; }
#reserve-setting-page #reserve-period-settings .col #room-price { width: 173px; }
#reserve-setting-page #reserve-period-settings #reserve-period-settings-btn { padding-left: 20px; padding-right: 20px; }

#daily-guest-list { width: 942px; }
#daily-guest-list .popup-content { padding: 30px; height: 600px; overflow-x: hidden; overflow-y: auto; }
#daily-guest-list .popup-content .caption { text-transform: uppercase; border-bottom: 2px solid #4a4a4a; font-weight: bold; padding-bottom: 2px; }
#daily-guest-list .popup-content h2 { font-size: 16px; font-weight: bold; padding: 0; margin: 10px 0 2px 0; }
#daily-guest-list .popup-footer { text-align: center; }
#daily-guest-list table thead th { bacjkground: #234ebf; color: #fff; font-weight: normal; text-align: left; }
#daily-guest-list table tbody td { padding: 4px 10px; border-bottom: 1px solid #cdcdcd; }
#daily-guest-list #download-btn .ic.ic-download { position: relative; width: 20px; height: 16px; top: 2px; margin-bottom: -2px; background: url(images/payment-method-icons.png) no-repeat 0 0; }
#daily-guest-list #print-btn .ic.ic-print { position: relative; width: 17px; height: 14px; top: 3px; background: url(images/payment-method-icons.png) no-repeat 0 -16px; }
#daily-guest-list table thead th { background: #234ebf; padding: 10px; }
#daily-guest-list table thead th:first-child { width: 200px; }
#daily-guest-list table thead th:nth-child(2) { width: 122px; }