/* top date */
.dtop input {color: #333333; height: 40px;font-size: 33px;font-weight: bold;margin: 0px;padding: 0px;line-height: 1;
	width: 225px;border: 0;	background: url('../images/icon/dashboard-header.png') center right no-repeat;
}

/* tabs */
#tabs {display: block; margin: 0 20px; position: relative; }
#tabs .ui-state-default, #tabs_history .ui-state-default {border: 0;}
#tabs .ui-state-default.ui-state-disabled {background-color: #333; color: #fff !important; opacity: 1; }
#tabs .ui-state-default.ui-state-disabled a {color: #fff;}
#tabs:not(.tabs_stats) .tabs li a {float: left;line-height: 20px;}
#tabs .tabs li .ui-icon-close {cursor: pointer; float: left; }
#add_new {
	position: absolute; right: 24px; font-weight: bold; background-image: url(../images/icon/widget-black.png);	background-position: 0px -30px;
	background-repeat: no-repeat;display: block; z-index: 99;height: 25px;list-style-type: none;display: inline-block;margin-right: -4px;
	padding-top: 5px;padding-left: 30px;color: #fff;
}
#add_new a {color: #fff; padding-right: 10px; }
#add_new:hover {background-color: #D44937; color: #fff;}
#tabs .close-tab {float: left; color: #fff; }
.tabs_stats_full > ul {display: flex;}
.tabs_stats_full > ul > li {width: 100%;}
.tabs_stats_full > ul > li > a {display: block; float: none !important;}

/* topnav */
#topNav {cursor: pointer; height: 44px;}
#topNav .menu-dropdown {cursor: default; }
#topNav:hover a {color: #fff;  }
#topNav:hover {
	background: #000 url("../images/widget-topr-rule.png");
	background: url("../images/widget-topr-rule.png") no-repeat 210px, -webkit-linear-gradient(right, #000, transparent);
	background: url("../images/widget-topr-rule.png") no-repeat 210px,-moz-linear-gradient(right, #000, transparent);
	background: url("../images/widget-topr-rule.png") no-repeat 210px,-o-linear-gradient(right, #000, transparent);
	background: url("../images/widget-topr-rule.png") no-repeat 210px,-ms-linear-gradient(right, #000, transparent);
	background: url("../images/widget-topr-rule.png") no-repeat 210px, linear-gradient(right, #000, transparent);
}

/* add card */
#contentHeader .dashboard:hover {cursor: pointer; }
.show-services {font-weight: bold; padding-left: 25px; background-image: url("../images/icon/dashboard-header-arrow.png");
    background-position: 0 -10px; background-repeat: no-repeat;color: #000000; font-size: 14px;}
/*#show-card-services {position: absolute; bottom: -570px; display: block; min-height: 500px;}*/
#accept.fullsize {position: relative; left: -20px; margin-top: 20px; width: 849px; margin-bottom: 20px;}

/* plugins classes */
.ui-datepicker-title select {padding: 0px;}
.formError .formErrorContent {line-height: 12px;}
.ui-widget-header .ui-state-default { background: #333 url("../images/widget-header-rule.png") no-repeat !important; }
.ui-widget-header .ui-state-default a {color: #fff !important; }
#ui-datepicker-div {background: #fff;box-shadow: 0px 0px 1px #D34937;}
td.ui-datepicker-today a {border: 1px solid #D44937 !important; color: #000 !important; }
 .ui-datepicker-calendar .ui-state-active {background: #D44937 !important; color: #fff !important; }

/* packages */
.add_packages {margin-top: 20px;}
table.all_packages tr:hover td, table.hover tr:hover td {background-color: #eeeeee; cursor: pointer;}


/* common clasess from used in old design */
.hidden {display: none; }
.offscreen {position: absolute; top: -9999px; visibility: hidden;}
.fright {float: right}
.fleft {float: left}
.clear {clear: both}
.clearr {clear: right}
.vam, .vam td {vertical-align: middle !important}
.vtop {vertical-align: top !important;}
.vab {vertical-align: bottom !important}
.center {text-align: center !important; }
.nopad {padding-left:0 !important; padding-right: 0 !important; }
.nomarg {margin-left: 0 !important; margin-right: 0 !important; }
.orange, a.search, a.href {color: #dd4b39 !important }
.blue {color: #0349CF !important;}
.red_bor {border-color: #D54937; }
.nobor {border: 0 !important; }
.input.red_bor {border-top-color: #fff;}
.card.red_bor {border-top-color: #fff;}
.validate_error, .validate_error a.chzn-single, .validate_error .chosen-single {background-color: #FFD8D9 !important; }
input.priority {height: 10px; width: 35px !important; }
 a.search:hover {color: #000}
 .right {text-align: right !important; }
 .bold {font-weight: bold; }
.dark {color: #333 !important}
.button {
	padding: 10px; background: #dd4b39; color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase;
	clear: both; border-radius: 3px;
}
.big {font-size: 15px; font-weight: bold; }
.italic {font-size: 11px; font-style: italic;}
.margtop {margin-top: 20px;}
.mr-0 {margin-right: 0 !important;}
.margbot {margin-bottom: 20px; }
.mtopmini {margin-top: 10px !important;}
.padtopmini {padding-top:10px;}
.padtop {padding-top: 25px;}
.padtopbig {padding-top: 45px; }
.padbot {padding-bottom: 25px;}
.delimiter {height: 20px; }
.margin {margin: 0 20px; }
a.delete_x {font-weight: bold; color: #dd4b39 !important}
a.href:hover {text-decoration: underline; }
.information {padding: 5px; background: #f4f4f4; }
.half {width: 50%; float: left;}
.nowrap {white-space: nowrap !important;}
.ajax {
	background: url(../images/ajax.gif) no-repeat center center; width: 32px; height: 32px; position: fixed; top: 45%; right: 50%;
	display: none; z-index: 999;
 }
 .pointer {cursor: pointer; }
 .hauto {height: auto !important;}
button.btn, .btn {text-transform: uppercase; }
.buttons a, .buttons input {margin-right: 10px; }
.no-pointer {pointer-events: none;}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: block; }
* html .clearfix { height: 1%; }

/* banners & home */
#advertiseHeader {position: relative; overflow: hidden; }
ul.banners {float: left; list-style: none; max-height: 228px; min-height: 200px; overflow: hidden; }
ul.banners li {float: left; width: 479px; }
ul.banners_big {width: 514px; }
ul.banners_small {width: 275px; }
#messageList li.active .message {display: none; }

#messageList .active .message-text {color: #fff;}
#messageList li .message-text {color: #8c8c8c;}
.news-text ul, .news-text ol {padding-left: 15px;}

/* msgs */
.flash {
	margin: 0px auto; padding: 15px; color: #000;
}

.flash.flash-sm {
	padding: 7px 10px;
}

.flash.error {
	border: none; background: #FFD8D9;
}

.flash.success {
	border: none; background: #dcffb9;
}

.flash.info {
	border: none; background: #F9EDBD;
}

.flash.warning {
	border: none; background: #FEFEBF;
}

a.close {float: right; color: #000; font-size: 20px;font-weight: bold; line-height: 20px; opacity: 0.2; text-shadow: 0 1px 0 #fff; }

/* accept card */
.all_acceptors { display: block; width: 100%; text-align: right; margin-bottom: 20px; }
.all_acceptors select {margin-right: 20px;}
.history select.offset {border: 0; float: right; font-weight: bold; color: #000000; position: absolute; right: -5px;top: -35px; }
input.acceptances-bar, input.not-acceptances-bar {padding: 0;}
select.bigger {width: 218px; overflow: hidden; }
.search-inside {margin: 0 20px 10px 20px;}
input.dispenser-name {width: 170px; float: left;}

.acceptCard-box.tp {margin-bottom: 10px;}
.btnaccept.tp, .btnaccept.tp:hover {background: url('../images/icon/pen.jpg') 0px 0px no-repeat;}
#search-accept.tp-inactive input {background: #F9E4E1; font-size: 16px;}
#search-accept.tp-active input {background: #eee; width: 259px;}


.type_1 {background-color: #16a765;height: 15px;width: 15px;margin-top: 2px; margin-left: 2px; }
.type_0 {background-color: #cc0000;	height: 15px; width: 15px; margin-top: 2px; margin-left: 2px; }
.type_2 {background-color: #ffa800;	height: 15px;width: 15px;margin-top: 2px;margin-left: 2px;}

tr.accept_serv td {vertical-align: middle; }
tr.accept_serv.active td {color: #fff; background: #333;}
tr.accept_serv.active:hover td {background: #333;}

/* tables */
table.hover tr:hover {background-color: #eeeeee;cursor: pointer;}
table.list {table-layout:fixed}
table.list.nf {table-layout: auto; }
table.list th {background: #333 url("../images/widget-header-rule.png") no-repeat center right; color: #D9D9D9; height: 25px; padding-top: 5px; text-align: left; padding-left: 10px; }
table.list td {overflow: hidden !important; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; padding-left: 10px; overflow-y: hidden; }
table.list.nf td {white-space: normal !important;}
table.list.allow-lines td {white-space: normal; vertical-align: middle;}
table.list th:first-child {padding-left: 10px; }
table.list tr td:first-child {padding-left: 0px;}
table.list th a {color: #D9D9D9; display: block; }
table.list th.active, table.list th.headerSortUp, table.list th.headerSortDown {background: #DA4A38 url('../images/icon/asc.png') no-repeat 93% center; color: #fff; font-weight: bold; }
table.list th.active.asc, table.list th.headerSortDown {background-image: url('../images/icon/asc.png')}
table.list th.active.desc, table.list th.headerSortUp {background-image: url('../images/icon/desc.png')}
table.list th.active a {color: #fff;}
table.list .status-bar {float: left; margin-right: 10px;}
table.list thead th {padding-top: 5px; padding-bottom: 0px;}
table .nopointer:hover, table tr.nopointer {cursor: default !important; }
table th {font-weight: bold; text-align: left; padding: 0px 5px; color: #C44434; }
table.table-sort th {padding-bottom: 0 !important;}

table .action-add td {background: #CEE7FF;}
table .action-edit td {background: #E0FFE9;}
table .action-delete td {background: #ffcccc;}

.table-custom {width: 100%; margin: 20px 0; table-layout: auto !important;}

.table-list .success th,
.table-list .success td {
	background: #dff0d8;
}

.table-list .danger th,
.table-list .danger td {
	background: #f2dede;
}

/* stats */
.graf-statistics {width: 250px; }
.tabs.full-tabs {display: table;}
.tabs.full-tabs li {display: table-cell; text-align: center; line-height: 20px; }
.tabs.full-tabs li a {float: none !important;}
.tabs.statist li.ui-state-active, .tabs.statist li.ui-state-default.ui-state-active {background-image: none !important;}

.options input {background: #fff;list-style-type: none;	display: inline-block;padding: 4px 0px;	text-align: center;
	width: 90px;border: 1px solid #d9d9d9;margin: 0px;margin-right: -4px;cursor: pointer; }
.options input.active {background: #474749; color: #fff; }

#line_chart table, #line_legend table {width: auto !important; }
#line_legend {float: left; margin-bottom: 8px; margin-top: 8px; margin-left: 18px; }
#line_legend tr {float: left; margin-right: 10px; }
#line_legend td span {color: #ADADAD;}
#line_legend td.legendColorBox > div {border: 0 !important; }
#line_legend td.legendColorBox > div > div {border-radius: 5px; width: 1px !important}

.bar {background: #1888d4; height: 10px; float: left; margin-right: 2px; margin-top: 5px; }
.bar.orange {background: #ed7d17;}
.pie_chart {margin-top: 25px; }
#tooltip {z-index: 9999999}
#tabs.tabs_stats .ui-tabs-panel {min-height: 350px; }

.widget-statistics #startPicker:focus, .widget-statistics #endPicker:focus {border-color: #1988d4;}
.widget-statistics #v_startPicker:focus, .widget-statistics #v_endPicker:focus {border-color: #ed7e17;}
.dashboard-statistics:hover {cursor: pointer; background-color: #F7F8F9; }
.dashboard-statistics:last-child {background-image: none; }

/* pagination && filter */
#pagination { text-align: right; width: 100%; margin: 5px 0; }

#pagination a {
    font-size: 11px; color: #000; padding: 5px 10px; background: #fff;
    border: 1px solid #C2CBD2; text-decoration: none;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#pagination a:hover { border-color: #afafaf; }
#pagination .curr { background: #DD4B39 !important; color: #fff; padding: 5px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#filter {padding: 3px 20px; margin-bottom: 10px; }
#filter input.search {
	background: #FFF url(../images/icon/search.png) no-repeat 12px 50%; width: 250px; height: 16px;
	border: 1px solid #d9d9d9; position: relative;	padding-top: 6px;padding-right: 30px;padding-bottom: 6px;
	padding-left: 30px; margin-left: 20px; margin-right: 5px;
}
#filter input.search.small {width: 130px;}
#filter input.date.medium {background: url(../images/calendar_small.png) no-repeat right center;}
#filter button {margin-right: 15px; }
#filter .results {border-left: 1px solid #d9d9d9; padding-left: 10px; padding-right: 20px;  }
#filter .results span {font-size: 14px; font-weight: bold; margin-right: 20px; padding-left: 5px; color: #000; }

/* action dropdown */
.actions {
	padding: 5px 15px; position: absolute; left: 40px; margin-top: -15px; z-index: 99999; background: #fff;
	border-color: #333;  border-style: solid; border-width: 1px 1px 2px;
 }
.actions > ul li {line-height: 20px; list-style: none; }
.actions > ul li a:hover {color: #D34937 }
td.actions_td {padding: 0; vertical-align: top;}

.tabs .add-package, .tabs.statist li.add-package.ui-state-default.ui-state-active {
	padding-left: 25px;
	background-image: url(../images/icon/widget-black.png) !important;
	background-position: 5px -30px !important;
	background-repeat: no-repeat !important;
}

/* subnav */
#subNav {text-align: center; }
#subNav li {list-style: none; }
#subNav li a {font-size: 14px; }
#subNav li.active a {font-weight: bold; }
#subNav li.pad {padding-top: 20px; }
#subNav li:hover, #subNav li.active {
	background: #f4f4f4;
	background:-moz-linear-gradient(top, #ffffff 0%, #ffffff 2%, #eaebf0 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#ffffff), color-stop(100%,#eaebf0)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #ffffff 0%, #ffffff 2%,#eaebf0 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #ffffff 0%, #ffffff 2%,#eaebf0 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #ffffff 0%, #ffffff 2%,#eaebf0 100%); /* IE10+ */
	background:linear-gradient(top, #ffffff 0%, #ffffff 2%,#eaebf0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaebf0');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaebf0')";
}

/* wrapper */
#wrapper {min-height: 100%; }

/* main form  - services */
#main-form {padding-top: 20px; }
#main-form .widget-edit-blocking, .clean {border:0; height: auto; display: inline-block; }
#main-form #editProfile {padding-top: 10px;}
.btnlight.delete, .btnlight.del, .btnlight.prompt {color: #C44434}
.btnblue {background: #7091C7; color: #fff;}
.btnblue:hover {opacity: .8; color: #fff;}
.btndark {background: #333;}
#editProfile.full-size {width: 749px}

.input.top, .card.top {border-top-color: #D9D9D9}
.input-like {border: 1px solid #D9D9D9; padding: 6px 8px; }
.input.first_part {width: 130px; float: left; }
.input.second_part {width: 52px; border-left-color: #fff; background: #f0f0f0; }
.input.date-first {width: 72px; float: left }
.input.date-last {width: 72px; border-left-color: #fff; }

div.checkboxes {width: 222px; margin-top: 20px; }
div.checkboxes .item {width: 111px; float: left }
div.checkboxes label {padding-left: 15px; }
#main-form .wrapper, .wrapperr {padding: 0 20px;}

.just_accepted {background-color: #ffffcc; border-left-width: 2px; border-left-style: solid; border-left-color: #d54937;}
.just_accepted-nb {background-color: #ffffcc;}

/* add button */
#accept-save.add {text-align: right; }
#accept-save.add a:last-child, #accept-save.add a.add-btn {background: #D44937 url(../images/icon/widget-black.png) no-repeat 0  -30px; margin-right: 20px; padding-left: 35px; text-transform: uppercase; margin-top: 10px; margin-left: 10px; }
#accept-save.add a:last-child:hover, #accept-save.add a.add-btn:hover {background-color: #C44434; text-decoration: none; color: #fff; }
#accept-save.add label {margin-top: 17px; margin-left: 20px; text-align: left; float: left;}

textarea {resize: vertical; }
input.small {width: 40px; }
input.medium, select.medium {width: 90px }
input.medium-last, td input.medium:last-child, td select.medium:last-child {width:90px; float:right; border-left: 0;}
select.tall {height: 150px; width: 250px; }
select.taller {height: 200px;}
textarea.tall {height: 45px;}
select.w90 {width:90%; }
select.w95 {width:95%; }
select.w100, textarea.w100 {width:100%; }
input.check {margin-left: 5px; margin-top: 3px; }
input.sel-checkbox {margin-left: 5px; float: left; margin-top: 3px; margin-right: 3px;  }
#result.active, #result.inactive, #result.already_used {height: 37px; width:232px; font-size: 33px; font-weight: bold; }
#result.active, .indicator_1 {background: #16a765 !important; color: #fff !important}
#result.inactive, .indicator_0 {background: #d84a38 !important; color: #fff !important}
#result.already_used {background: #D34937 !important; color: #fff !important;}
td.vtop {vertical-align: top; }
td.pleft {padding-left: 10px !important;}
ul.checkboxes li {width: 33%; float: left; display: block; }
#cities_scrollable, .cities_scrollable {max-height: 650px; overflow: auto; margin-bottom: 15px; }
ul.regional li {width: 187px; float: left; list-style: none; overflow: hidden; }
.spacer {height: 10px; width: 100%; display: inline-block; }
.spacer.border {height: 15px; border-bottom: 1px solid #ccc;}
.one-row {overflow: hidden; width: 400px; text-overflow: ellipsis; white-space: nowrap; }
.card.chosen-select {padding: 0; border: 0;}
input.disabled, select.disabled, textarea.disabled {cursor: not-allowed; background: #eee;}
input.readonly, select.readonly, textarea.readonly {background: #eee;}

#card-toolbar a.btn {color: #fff; font-size: 11px; }

/* banners and news */
#editProfile .image {width: 365px; height: 130px; background: #f5f5f5; padding-top: 75px; border: 1px solid #abadb3 }
#editProfile .image.banner {height: 115px; }
#editProfile .banner-info {position: absolute; bottom: -75px; left: -23px; width: 250px; }

#editProfile label.file {
	background: url('../images/upload.png') no-repeat; width: 143px; height: 20px; padding: 12px 50px; position: relative; margin-top: 50px;
	margin-left: 115px;
}
#editProfile.to_right {width: 410px; padding-right: 0px;}

ul#messageList {min-height: 650px; overflow-y: hidden; }
ul#messageList:hover {overflow-y: auto;}


#editProfile .image label.file input {cursor: pointer; position: absolute; top: 0px; left: 0px; opacity: 0; line-height: 0;}
#news_form .name {width: 352px; border-bottom-color: #fff; }

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

/* tooltip */
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;padding:5px;font-size:11px;opacity:0;filter:alpha(opacity=0);}.tooltip.in{opacity:0.8;filter:alpha(opacity=80);}
.tooltip.top{margin-top:-3px;}
.tooltip.right{margin-left:3px;}
.tooltip.bottom{margin-top:3px;}
.tooltip.left{margin-left:-3px;}
.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000000;}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000000;}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000000;}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000000;}


/* card user */
.export {position: relative; }
.export-link {float: left; margin-left: 20px; position: absolute; }
.export-link a {color: #DD4B39; }
.export-link a:hover {text-decoration: underline; }

.package-options {position: relative; cursor: pointer;}
.package-options span {font-size: 13px; font-weight: bold; color: #fff; position: absolute; top: -3.5px; left: 4px;}


/* settings */
.n-link {position: relative; cursor: pointer; }
.n-link:hover, .n-link-hover {background: #eee; cursor: pointer; }
label.input-label {cursor: pointer;}
input.file-input {opacity: 0; position: absolute; top: 0; left: 0; cursor: pointer; }

.w-link {cursor: pointer; }
.w-link:hover {background-color: #eee;}
.w-link.active {font-weight: bold; }

.setts .remove, .delete-item {font-size: 20px; font-weight: bold; padding-left: 5px; }
.setts .add-new-item, .setts .add-new-person, .setts .add-new-time, .add-new-date, .add-new-item { font-size: 13px; text-decoration: underline; color: #0349CF; padding-top: 3px; }
div.welcome-msg-tab, div.email-text-tab {cursor: pointer; }

.setts .padtop {padding-top: 65px; }

.newsetts tr.bold td {font-weight: bold; color: #000; }
.newsetts td {padding-top: 5px; padding-bottom: 5px; }

/* orange status bar */
.status-bar-waitacceptances {background-color: #D44937; height: 15px; width: 15px; margin-top: 2px; margin-left: 2px;}

/* yellow status bar  */
.status-bar-yellacceptances {background-color: #FEA800;	height: 15px; width: 15px; margin-top: 2px;	margin-left: 2px; }

/**/
.status-bar-doublecolor {
	height: 15px; width: 7.5px; margin-top: 2px;	margin-left: 2px; float: left;
	background-color: #7090C8;
    border-left: 7.5px solid #16A765;
}

/* card order */
.menuInfoCon {position: relative; }
.menuInfoLeft .order { width: 100%; position: absolute; bottom: 5px; left: 0px; color: #dd4b39; display: block; z-index: 9999; background-color: #F4F4F4;  border: 1px solid #dcdcdc; font-size: 11px; padding: 7px 20px; cursor: pointer; font-weight: bold; }
.menuInfoLeft .order:hover {background-color: #e8e8e8; }
.menuInfoLeft button {float: left; width: 125px; }

.menuPoint:hover, .menuPoint.active {background-color: #eee !important; cursor: pointer;  }
.menuPoint.active:hover {background-color: inherit; cursor: default; }

/* other stuff */
.border-top {border-top: 1px solid #ddd !important; padding-top: 15px; }
.spacer-border {height: 10px; margin-top: 10px; width: 100%; display: inline-block; border-top: 1px solid #ddd; }

.show-pass {margin-top: 70px; }
.activate-acc {margin-top: 35px;}

/* loyal services */
.loyal-service {width: 377px; height: 110px; background: #EEEEEE; float: left; margin-right: 15px; padding: 10px; text-align: center; position: relative; color: #000; }
.loyal-service:nth-child(2n) {margin-right: 0;}
.loyal-service h2 {font-size: 38px; }
.loyal-service .status {background: #ff0000; width: 100%; position: absolute; left: 0; bottom: 0; font-weight: bold; color: #fff; padding: 0px 0px;  }
.loyal-service .status .check {float: left; margin-left: 10px; margin-top: 4px; }

.loyal-service .status.status-2 {background: #474749; }
.loyal-service .status.status-1 {background: #16A765;  }
.loyal-service .status.status-0 {background: #FFA600; }

.loyal-service.status-1:hover {color: #fff; background: #474749; }
.loyal-service.status-1:hover h2, .loyal-service.status-1:hover p {color: #fff;}
.loyal-service a.nolink:hover {cursor: default !important; }

.loyal-service.active {background: #333; color: #fff;}
.loyal-service.active a, .loyal-service.active h2, .loyal-service.active p {color: #fff;}
.loyal-service.active .status {background: #D94A38;}

input.points-at-card {color: #fff; background: #474749 }

/* newsletter */
.templates ul {list-style: none; margin-top: 20px;  }
.templates ul li {text-align: right; width: 185px; }
.templates .tpl {height: 220px; width: 185px; border: 1px solid #dedede; }
.templates .tpl:hover, .templates .tpl.active {border-color: #D44937 }

.newsletter #editProfile {width: 430px; }
.newsletter #editProfile select {width: 218px; }

/* services export */
.sortable tbody tr:hover {background-color: #eeeeee; cursor: move !important; }
.sortable thead th {padding-bottom: 0px !important;}
#code {padding: 5px 20px;}
#code textarea {width: 790px;}

/* services new */
.serv-images .image {width: 200px; height: 200px; border: 1px solid #eee; float: left; text-align: center; overflow: hidden; position: relative; }
.serv-images .image img {width: 200px; height: 200px; cursor: move; }
.serv-images .image label {
	background: url(../images/icon/add_img.png) no-repeat center 55px; width:200px; height:200px; overflow:hidden; position:relative; display: block; padding-top: 110px; font-weight: bold; }
.serv-images .image input[type=file] {z-index: 999; line-height: 0; font-size: 215px; position: absolute; top: -2px; left: -700px; opacity: 0; cursor: pointer;}
.serv-images .image-list {float: left; }
.serv-images .image select {left:0; width: 180px; margin-top: 6px; font-size: 11px;}
.serv-images .image input[type=text] {position: absolute; bottom: 31px; left:0; width: 182px; text-align: center;}
.serv-images .image .image-actions {position: absolute; background: #333; opacity: 0; height: 80px; bottom: 0; width: 100%; }
.serv-images .image:hover .image-actions {opacity: 0.85;}
.serv-images .del {margin-top: 6px;}
.serv-images .del:hover {color: #fff;}
.serv-images li {float: left; list-style: none;}

/* reservations */
.delete-room {color: #fff; background: url(../images/widget-header-rule.png) no-repeat left center; padding-left: 10px; float: right; margin-right: 5px; margin-top: 7px; cursor: pointer; font-size: 22px; line-height: 30px; }
.move-room {font-size: 26px; background: url(../images/widget-header-rule.png) no-repeat left center; padding-left: 10px;  line-height: 30px; float: right; margin-top: 7px; margin-right: 10px; cursor: move; }
.delete-room:hover, .move-room:hover {color: #ccc;}

.room-prices {border-left: 1px solid #E5E5E5; border-bottom: 0;}
.room-prices .head {background: #333 url(../images/widget-header-rule.png) no-repeat right center;
	color: #fff; padding: 5px; position: relative; text-align: center;}
.room-prices .today ul, .room-prices .today input {background: #F9ECBF !important;}
.room-prices th {
	background: #333 url("../images/widget-header-rule.png") no-repeat right center; color: #D9D9D9;
	height: 25px !important; text-align: center !important; padding-left: 10px;padding-top: 5px;
}
.room-prices td {padding: 0 !important;}
.room-prices td input {text-align: center; width: 70px; height: 20px; border: 0; background: transparent; }
.room-date input {padding-left: 20px;}
.room-prices td .inputdiv {position: relative; width: 111px; height: 32px; margin: 0 auto; }
.room-prices td .curr {position: absolute; left: 5px; opacity: 0.5;}
.room-prices ul li {height: 32px; line-height: 32px; list-style: none; border: 1px solid #d9d9d9; border-top: 0; border-left: 0; text-align: center; }
.room-prices ul li.right {text-align: right;}
.room-prices ul li:last-child {border-bottom: 0;}
.room-prices td.ui-tinytbl-firstcol {border-left: 1px solid #d9d9d9;}
.room-prices tr td:nth-child(3) li {border-left: 1px solid #d9d9d9;}
.room-prices .options {background: url(../images/options.png) no-repeat; width: 14px; height: 14px; float: right;}
.room-prices ul.labels {padding: 0 15px;}
.room-prices ul.labels li {text-align: right;}
.room-prices .room-type-name span {padding-left: 10px; display: block; }

#added-room-types #listNastavenia {float: right; }
#added-room-types #listNastavenia .table-edit { height: auto; display: block;}

#add-new-date-div {margin: 10px 0px; text-align: center; width: 600px;}
#add-new-date-div .date_name {margin: 20px 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 0px;}
#add-new-date-div .date_name label {margin-right: 20px;}
#add-new-date-div .dtop input {text-align: center;}
#fancybox-wrap + #ui-datepicker-div .ui-datepicker-year {display: none;}

.room-prices tr:nth-child(2n+1) td {background: #eee !important;}

.inner {overflow-x: scroll; overflow-y: visible; width: 800px; }

/*
.outer {position:relative; }
.inner {overflow-x: scroll; overflow-y: visible; width: 615px; margin-left: 150px; }
.room-prices td, .room-prices th {width: 120px;}
.room-type-name {width: 100px; position: absolute;left: 0;}
.fake-bg {background: #333; height: 46px; width: 100px; position: absolute; top: 1px; left: 0;}

/* tatrypass */
.tatrypass-text {text-align: right; font-weight: bold; font-size: 14px; padding-bottom: 15px; }
.tatrypass-text label span {color: #dd4b39;}
.tatrypass, .tp_parent {padding-bottom: 15px; }
.tatrypass input, .tp_parent input {font-size: 14px; font-weight: bold; }

/* registration */
#info-text {margin: 20px 50px; text-align: center}
#info-text span {color: #D64937;}
#info-text a.link {text-decoration: underline; color: #D64937;}

#header.simple {position: relative;}
#header.simple img {position: absolute; right: 0px; top: 0px; }

/* browser check */
.browser {height: 800px; }
#browser-check {
	background: url('../images/logo-big.jpg') 0px 25px no-repeat; width: 720px;  margin: 5px auto; margin-bottom: 30px;
	padding-left: 220px; padding-bottom: 20px;
}
#browser-check h2 {color: #D64937; font-size: 25px; font-weight: bold;}
#browser-check p {font-size: 18px; color: #333333; text-align: justify;}
#browser-check p a {text-decoration: underline; color: #D64937; font-size: 20px; }
#browser-check p a:hover {text-decoration: none;}

/* reservation equip */
#equip {}
#equip table {width: 100%; margin: 0 20px;}
#equip .equip-items {margin: 0 20px; }
#equip .item {margin-bottom: 5px;}
#equip .item input[type=text] {width: 20px; padding: 3px 8px;}
#equip .item .item-main {display: block; font-weight: bold;}
#equip .item label {margin-bottom: -3px; }
#equip .item .value {margin-left: 1px;}
#equip .item .item-distance {margin-top: 5px;}
#equip .item .item-distance label {display: block;}
#equip .item .item-distance label:nth-child(2n) {display: inline-block;}
#equip .item .item-fee {margin-top: 5px;}
#equip .item .item-fee label {display: block;}
#equip .item .item-fee label:nth-child(2n) {display: inline-block;}
#description #accept-save {margin-top: 25px;}
.room-equip {margin: 20px; display: none;}
.room-equip li {float: left; width: 25%; list-style: none; }
.new-room .widget-header-top-nastavenia-next {cursor: pointer;}

ul.checks-horizontal {list-style: none; padding-bottom: 15px; border-bottom: 1px solid #EBEBEB; display: block; margin-bottom: 10px;}
ul.checks-horizontal li {display: inline-block; width: 30%; margin-left: 20px;}

#code {margin: 20px; width: 760px; height: 70px;}

/*navigation*/
#mainNav li.percentage a {padding-top: 20px;}
#mainNav span.percentage {display: block; font-size: 32px; color: #D24B41; font-weight: bold; line-height: 32px;}

/* discounts */
table.discounts {width: 100%; border-collapse: collapse}
table.discounts th {color: #fff; background: #333; text-align: center; padding: 5px; }
table.discounts td {border: 1px solid #D9D9D9; text-align: center;}
table.discounts .title {padding: 0 10px;}
table.discounts .grey, table.discounts .grey select {background: #eee;}
table.discounts .medium {float: none !important;}
table.discounts select {width: 100%; border: 0;}
table.discounts input, table.date-list input {border: 0; text-align: center; height: 25px;}
table.discounts select.small {width: 60px; text-align: center;}

/* progress bar */
.progress {
    background-color: #F7F7F7;
    background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);
    background-repeat: repeat-x;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 20px;
    margin: 20px;
    margin-bottom: 0;
    overflow: hidden;
    display: none;
}

.progress .progress-bar {
    -moz-box-sizing: border-box;
    background-color: #D24B41;
    background-image: linear-gradient(to bottom, #D24B41, #DB5046);
    background-repeat: repeat-x;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    height: 100%;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    transition: width 0.6s ease 0s;
    width: 0;
}

/* reservations form */
.btnLink {border: 1px solid #d9d9d9; padding: 7px 10px;}
.pointer {cursor: pointer;}

.icon {width: 30px; height: 30px; display: block; float: left;}
.icon.icon-0 {background: #fe8f01;}
.icon.icon-1 {background: #16a765;}
.icon.icon-2 {background: #7090c8;}
.icon.icon-3 {background: #afafaf;}
.icon.icon-4 {background: #fe0000;}
.icon.icon-5 {background: red;}
.icon.icon-small {width: 15px !important; height: 15px !important; float: none; margin: 0 auto;}

.edit-pencil {background: url(../images/edit.png) center center no-repeat; padding: 5px 0px 5px 40px; width: 20px; }
.show-full {background: url(../images/edit.png) 5% center no-repeat; padding-left: 50px; padding-top: 3px; padding-bottom: 3px; display: block; width: 170px;}

/* guest list */
table td.edit input {width: 90% !important; padding: 0; border: 0;}
table .pstatus {background: url(../images/icon/printer-orange.png) no-repeat center left; padding-left: 25px; text-decoration: underline; color: #db4b39;}
table .pstatus.print-status-yes {background-image: url(../images/icon/printer-blue.png); text-decoration: none; color: #666;}

.top-table {width: 100%;}
.top-table td {vertical-align: middle;}
.top-table .bor {border-left: 1px solid #ccc;}
.top-table .icons {padding: 3px 5px;}
.top-table .icons img {margin-top: 3px;}
.top-table .btn {padding: 4px 15px; font-weight: bold;}
.top-table .btn:hover {color: #fff;}
.top-table input {padding: 4px 8px;}
.top-table input.small {width: 80px; margin-left: 3px; background: url(../images/icon/date.png) 98% center no-repeat;}
.top-table span {margin: 0 5px;}

/* hotel account */
#hotel-acc table td {vertical-align: middle;}
#hotel-acc table td input {width: 100%; border-color: #fff; padding: 3px 8px;}
#hotel-acc table td input.dph {width: 45px !important;}
#hotel-acc table td select {border-color: #fff; padding: 3px 8px;}
#hotel-acc table td select.item-name, #hotel-acc table td select.goods {width: 100%; border: 1px solid #d9d9d9;}
#hotel-acc table td select.guest-list {width: 175px;}
#hotel-acc table td input:hover, #hotel-acc table td select:hover {border-color: #ccc;}
#hotel-acc table td input.small {width: 60px !important;}
#hotel-acc table td input.count {width: 25px !important;}

#hotel-acc .delete-item, .invoice-form .room .remove-room {color: #999; width: 23px; height: 23px; font-size: 22px; padding: 0; display: block; text-align: center; border: 1px solid #ccc; line-height: 25px; font-weight: bold; }
#hotel-acc .delete-item:hover, .invoice-form .room .remove-room:hover {background: #D74936; color: #fff;}
#hotel-acc .price-calc {float: right; }
#hotel-acc .price-calc table td {padding: 0px 15px;}
#hotel-acc .services {width: 130px; flex-shrink: 0;}
#hotel-acc .service-goods {width: 100%}
#hotel-acc .acc-item {display: flex;}
#hotel-acc .acc-item, #hotel-acc .acc-item {box-sizing: border-box;}

/* service form */
/*.service-form input.medium {width: 66px;}*/
.service-form .email-text-tab {text-align: center;}
.service-form select.medium {height: 30px; width: 110px !important;}
.service-form input.date, .service-form input.phone {border-top: 0;}
.service-form .full {width: 620px;}
.service-form .widget-edit-nastavenia-next {min-height: 60px}
.service-form .items input:first-child {border-top: 1px solid #ccc;}
.service-form .items input {width: 300px;}
.service-form textarea.full {width: 790px; height: 110px; margin-bottom: 20px;}

.service-form ol {margin: 5px 20px; display: block;}
.service-form ol li {float: left; width: 50%;}
.service-form ol li input {width: 300px;}
.service-form ol li:first-child input, .service-form li:nth-child(2) input {border-top: 1px solid #ccc;}

/* client meta settings */
.meta-settings {width: 810px; height: auto; padding-bottom: 20px;}
.meta-settings table {margin-top: 20px; width: 810px;}
.meta-settings input {width: 600px; border-bottom: 0;}
.meta-settings textarea {width: 600px;}


/*! jQuery UI - v1.10.3 - 2014-01-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.menu.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	border: 1px solid #ccc;
	border-top: 0;
	background: #fff;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.ui-menu .ui-menu-item:hover a {
	background: #eee !important;
	border: 0 !important;
}

.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
	border: 0 !important;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}

/* calendar */
#content.wide {
	margin-left: 0;
}

#wrapper.wide {
	width: 100%;
}

#header.wide {
	width: 100%;
	right: 0;
	margin-right: 0;
}

#calendar.hide-free-count .cal-table tfoot tr:not(:first-child),
#calendar.hide-free-count .cal-table tfoot tr:first-child .rooms-availability span {
	display: none;
}

#calendar.hide-free-count #reservations-table-rooms > .cal-table tr.room-item.last td,
#calendar.hide-free-count #reservations-table-reservations > .cal-table tr.room-item.last td {
    border-bottom: 1px solid #ddd;
}

#cal-sidebar {
	background: #fff;
	width: 275px;
	float: right;
}

#cal-sidebar .section {
	margin-bottom: 20px;
}

#cal-sidebar .section.loading {
	opacity: 0.5;
}

#cal-sidebar h3 {
	background: #474749;
	color: #fff;
	padding: 5px;
	font-size: 13px;
	position: relative;
}

#cal-sidebar h3 span {
	background: #d64937;
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	width: 30px;
	height: 100%;
	right: 0;
	top: 0;
	text-align: center;
}

#cal-sidebar ul {
	border: 1px solid #e5e5e5;
	list-style: none;
	opacity: 1;
}

#cal-sidebar ul.loading {
	opacity: 0.7;
}

#cal-sidebar ul li {
	border-bottom: 1px dotted #e5e5e5;
}

#cal-sidebar ul li:last-child {
	border: 0;
}

#cal-sidebar ul li a {
	padding: 3px 10px;
	display: block;
}

#cal-sidebar ul li a:hover {
	background: #eee;
}

#cal-sidebar .time {
	font-size: 72px;
	color: #333;
}

#cal-sidebar #clock .sec {
	color: #eaeaea;
}

#cal-sidebar .tasks img {
	margin-top: 6px;
	margin-left: 5px;
	float: left;
}

#cal-sidebar .tasks .input {
	border: 0;
	width: 230px;
}

#cal-sidebar .tasks input[type=checkbox] {
	margin: 5px;
	margin-right: 7px;
	float: left;
}

#cal-sidebar .tasks li {
	font-size: 13px;
	color: #222;
}

#cal-banner {
	position: fixed;
	z-index: 1;
	bottom: 20px;
	right: 20px;
}

/* reservation form */
.voucher {
	position: relative;
}

.voucher .input-small-strong-top {
	margin-right: 20px;
}

.voucher .country-select {
	position: static !important;
}

.voucher .country-select.inside input[type="text"] {
	display: none;
}

.voucher .country-select.inside .flag-dropdown {
	left: 97px;
	padding: 0;
}

.voucher .country-select .country-list .country-name {
	display: none;
}

.company-button {
	position: relative;
}

.company-button input {
	padding-right: 30px;
	width: 178px;
}

.company-button span {
	background: url("../images/edit.png") no-repeat scroll 5% center rgba(0, 0, 0, 0);
	position: absolute;
	width: 20px;
	height: 20px;
	right: 30px;
	top: 5px;
	display: block;
	cursor: pointer;
	display: none;
}

/* invoice-form */
.invoice-form .widget-edit-blocking {
	width: 810px;
}

.invoice-form .widget-edit-blocking #card-toolbar {
	padding: 0;
}

.invoice-form .room {
	position: relative;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	padding-top: 15px;
}

.invoice-form .room:last-child {
	border: 0;
}

.invoice-form .room .remove-room {
	position: absolute;
	top: 5px;
	right: 5px;
}

.invoice-form .room:first-child .remove-room {
	display: none;
}

.invoice-form .invoice-item-name {
	position: relative;
}

.invoice-form .invoice-item-name .add-names {
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 0 5px;
	background: #fff;
}

.invoice-form .invoice-item-name .as-input {
	padding-right: 130px;
}

.as-input {
	height: 30px;
}

/* register */
#register #mainNav li.nav a {
	font-weight: normal !important;
}

#register #mainNav li.nav.active a {
	font-weight: bold !important;
}

#register #mainNav .text-icon {
	display: block;
	font-size: 48px;
}

#register #mainNav .active .text-icon {
	color: #D44937;
}

#register #mainNav li.nav a {
	padding-top: 10px;
	font-weight: bold;
}

#register .buttons {
	margin-top: 30px;
	border-top: 1px solid #dddddd;
	padding-top: 20px;
}

#register .buttons .continue {
	float: right;
	margin-right: 20px;
}

#register .buttons .back {
	float: left;
	margin-left: 20px;
}

#register .buttons .btndark {
	background: #333;
	color: #fff;
}

#register #terms {
	max-height: 500px;
	overflow: auto;
}

#register #terms h4 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
}

#register .buttons .sending {
	opacity: .5;
}

@media print {
	body {
	 	background: #fff;
	}

	#wrapper {
		background: none;
	}

	#sidebar, #accept-save {
		display: none;
	}

	#content {
	 	margin-left: 0;
	 }

	#register #terms {
		max-height: none;
	}
}

/* CHECKOUT */
#checkout .in {
	padding: 10px 20px 15px 20px;
	border-bottom: 1px solid #ddd;
}

#checkout .in.nb {
	border: 0;
}

#checkout .in:first-child {
	padding-top: 20px;
}

#checkout h2 {
	font-size: 24px;
	font-weight: bold;
	color: #333;
	margin-bottom: 15px;
}

#checkout #variants {
	font-size: 14px;
}

#checkout table, #checkout tr.nobor td {
	border-bottom: 0;
}

#checkout tr.nobor:hover td {
	background: #fff;
	cursor: default;
}

#checkout #variants th {
	color: #fff;
	font-size: 12px;
}

#checkout #variants tr.active td {
	background: #f9edbe;
}

#checkout #variants tr td {
	padding-left: 5px;
}

#checkout #variants .price {
	font-size: 16px;
	font-weight: bold;
	color: #16a765;
}

#checkout #variants .total {
	font-size: 24px;
}

#checkout #variants .first {
	float: left;
}

#checkout #variants .last {
	float: right;
}

#checkout ul li {
	list-style: none;
	font-size: 14px;
	padding: 5px;
}

#checkout .done {
	padding-top: 250px;
	background: url(../../new/images/icon/done.png) no-repeat center 60px;
	font-size: 18px;
	color: #474749;
	text-align: center;
	font-weight: bold;
}

#checkout .done span {
	display: block;
	color: #d74937;
}

#checkout #accept {
	margin-top: 40px;
}

/* invite */
#invite {
	margin-top: 50px
}

#invite h1 {
	color: #7090c8;
	font-size: 35px;
	text-align: center;
	line-height: 1.2;
}

#invite h3 {
	color: #474749;
	font-size: 18px;
	text-align: center;
	line-height: 1.2;
}

#invite h3 span {
	font-size: 25px;
}

#invite .cal {
	margin: 30px auto;
	text-align: center;
	width: 100%;
}

#invite h4 {
	color: #292929;
	font-size: 25px;
}

#invite li {
	display: block;
	width: 100%;
	clear: both;
	margin-bottom: 5px;
}

#invite li .icon {
	width: 50px;
	height: 50px;
	background: url(../images/icon/setting.png);
	float: left;
}

#invite .code li .icon {
	background: url(../images/icon/code.png);
}

#invite li .email {
	float: left;
	position: relative;
	margin-left: 15px;
}

#invite li .email input {
	padding: 14px;
	width: 400px;
	font-size: 18px;
	color: #323232;
}

#invite li .email .action {
	position: absolute;
	right: 0;
	top: 0;
}

#invite li .email .action a {
	font-size: 18px;
	font-weight: bold;
	background: #7090c8;
	color: #fff;
	width: 130px;
	height: 44px;
	line-height: 44px;
	margin-top: 4px;
	display: block;
	text-align: center;
}

#invite li .email .action.ok a {
	background: #42b449;
}

#invite li .points {
	background: #474749;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	width: 100px;
	height: 52px;
	line-height: 52px;
	display: block;
	float: left;
	text-align: center;
	margin-left: 90px;
}

#invite li .points.ok {
	background: #d94a38;
}

#invite li .status {
	color: #007aff;
	font-size: 40px;
	line-height: 52px;
	text-align: center;
	width: 50px;
	height: 50px;
	border: 1px solid #007aff;
	border-radius: 50%;
	float: right;
}

#invite .add-contact {
	background: url(../images/icon/add_img.png) 0 5px no-repeat;
	font-size: 18px;
	padding: 15px;
	padding-left: 66px;
	margin-top: 10px;
	margin-left: 5px;
	display: inline-block;
}

#invite .add-contact:hover, #invite .add-contact:focus {
	outline: none;
}


/* sidebar */
#sidebar .arrow {
	position: absolute;
	right: 10px;
	top: 40px;
}

#sidebar .sub {
	position: absolute;
	right: -277px;
	top: 0;
	width: 275px;
	background: #fff;
	border: 1px solid #cbcbcb;
	padding: 10px 0;
	display: none;
}

#sidebar .sub ul {
	list-style: none;
}

#sidebar .sub ul li a {
	background: url(../images/icon/sub_nav.png?v=20231) no-repeat;
	color: #666;
	font-size: 15px;
	display: block;
	padding: 10px 25px;
	padding-left: 75px;
}

#sidebar .sub ul li a.host {background-position: 20px 2px}
#sidebar .sub ul li a.account {background-position: 20px -50px}
#sidebar .sub ul li a.book {background-position: 20px -105px}
#sidebar .sub ul li a.today {background-position: 16px -155px}
#sidebar .sub ul li a.stats {background-position: 20px -212px}
#sidebar .sub ul li a.companies {background-position: 20px -265px}
#sidebar .sub ul li a.reports {background-position: 17px -323px}
#sidebar .sub ul li a.logs {background-position: 17px -383px}
#sidebar .sub ul li a.staff {background-position: 14px -452px}

#sidebar .sub ul li:hover {
	background: #eee;
}

#sidebar .pro, a > .pro {
	font-size: 10.5px;
	color: #fff;
	background: #f2a509;
	padding: 0 1px;
	text-transform: uppercase;
	font-weight: bold;
}

#sidebar #pro {
	position: absolute;
	bottom: 50px;
	width: 100%;
	background: #fff;
}

#sidebar #pro .in {
	color: #484849;
	padding: 10px;
	margin-top: 20px;
	border-top: 1px solid #ebebeb;
}

#sidebar #pro h4 {
	font-size: 14px;
}

#sidebar #pro .top-up {
	font-size: 11px;
	font-weight: bold;
	background: #333;
	color: #fff;
	border: 0;
	width: 100%;
	display: block;
	text-align: center;
	text-transform: uppercase;
	padding: 2px 0;
	margin-top: 15px;
}

#sidebar #pro:hover .top-up {
	background: #db4a37;
}

#sidebar #pro .prog {
	background: #333;
	height: 15px;
	width: 100%;
	margin-top: 15px;
	padding: 1px 2px;
}

#sidebar #pro .prog .bar {
	background: #f2a509;
	height: 10px;
	float: none;
	margin: 0;
	margin-top: 2px;
}

/* translate */
#trans .items input,
#trans .items textarea {
	box-sizing: border-box;
}

#trans .items img {
	float: right;
	margin-top: 6px;
}

#trans .full {
	width: 100%;
}

#trans .translate {
	width: 94%;
	float: left;
}

.guest-form-print {
	border-top: 1px dotted #000; 
	margin: 20px; 
	width: 200px; 
	float: right; 
	text-align: center;
}

 .print-only{
    display: none;
}

@media print {
	.no-print {
	    display: none;
	}

	.print-only{
	    display: block;
	}

	#listBlocking {
		background: none;
	}
}

.form-control {
	box-sizing: border-box;
	width: 100%;
}

.no-sidebar #content {
	margin-left: 0;
}

#wrapper.no-sidebar {
	background-image: none;
}

#top {
	background: #fff;
	width: 100%;
	padding: 5px 20px;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	z-index: 9999;
	height: 98px;
	display: flex;
	align-items: center;
}

#top .try {
	background: #ed433e;
	color: #fff;
	text-transform: uppercase;
	padding: 9px 35px;
	font-size: 15px;
	font-weight: bold;
	text-align: right;
	margin-left: auto;
}

.demo #wrapper {
	margin-top: 98px;
}

.demo #sidebar {
	top: 148px;
}

.btn-small {
	font-size: 10px;
	padding: 5px 10px; 
}

.has-icon {
	position: relative;
}

.has-icon .icon {
	position: absolute;
	right: -35px;
	top: 4px;
	font-size: 20px;
}

.guest-detail #editProfile {
	width: 421px;
	padding-left: 15px;
}

.guest-detail #listBlocking {
	width: 350px;
}

.guest-detail .field-label {
	font-size: 11.5px;
}

.lang-sr .guest-detail .field-label {
	font-size: 11px;
}

.d-inline-block {
	display: inline-block;
}

.d-flex {
	display: flex;
}

.d-flex .flex-item {
	width: 100%;
}

.reservation_form .date-info {
	box-sizing: border-box;
	width: 218px;
}

.reservation_form .date-info .night-count {
	width: 22px;
	flex-grow: 0;
	text-align: center;
}