@CHARSET "UTF-8";
@import url(reset.css);
@import url(lib.css);
html, body{
background: #f6f4f5 url(../img/backend/body.png) 0 0 repeat-x;
color: #595a5c;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
height: 100%;
}
a:link, a:visited, a:active, a:hover{
color: #63A8C9;
outline: none;
}
#processing {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color:#E5E5E5;
color:#000000;
display:none;
font-weight:bold;
left:50%;
padding:5px 8px;
position:absolute;
top:20px;
width:auto;
z-index:9999;
}
#container{
min-height: 100%;
width: 100%;
}
#header{
height: 118px;
position: relative;
margin: 0 auto;
width: 1040px;
}
#logo{
display: block;
width: 552px;
margin: 0 auto;
height: 118px;
}
#middle{
padding: 25px 0 60px;
margin: 0 auto;
width: 1040px;
}
#leftmenu{
float: left;
width: 240px;
}
#right{
float: right;
width: 782px;
}
#footer-wrap{
background: #f6f5f5 url(../img/backend/footer.png) 0 0 repeat-x;
height: 40px;
margin-top: -40px;
width: 100%;
}
#footer{
height: 40px;
margin: 0 auto;
position: relative;
width: 1040px;
}
#footer p{
position: absolute;
top: 15px;
right: 0;
}
.content-top{
background: url(../img/backend/content-top.png) 0 0 no-repeat;
height: 12px;
overflow: hidden;
}
.content-middle{
background: url(../img/backend/content-middle.png) 0 0 repeat-y;
padding: 10px 20px;
}
.content-bottom{
background: url(../img/backend/content-bottom.png) 0 0 no-repeat;
height: 11px;
overflow: hidden;

}
.leftmenu-top{
background: url(../img/backend/leftmenu-top.png) 0 0 no-repeat;
height: 10px;
overflow: hidden;
width: 240px;
}
.leftmenu-middle{
background: url(../img/backend/leftmenu-middle.png) 0 0 repeat-y;
overflow: hidden;
width: 240px;
}
.leftmenu-bottom{
background: url(../img/backend/leftmenu-bottom.png) 0 0 no-repeat;
height: 10px;
overflow: hidden;
width: 240px;
}

#login-content{
margin: 80px auto 0;
min-height: 220px;
height: auto !important;
height: 220px;
width: 560px;
}
#login-content h3{
color: #6f8a9f;
font-weight: bold;
font-size: 1.4em;
margin: 0 0 10px 0;
text-align: center;
text-transform: uppercase;
}
.login-box{
width: 517px;
height: 197px;
background: url(../img/backend/login.png) 0 0 no-repeat;
overflow: hidden;
padding: 20px;
}

.button{
border: none;
cursor: pointer;
height: 30px;
width: 97px;
}
.button_login{background: url(../img/backend/btn_login.png) 0 0 no-repeat;}
.button_save{background: url(../img/backend/btn_save.png) 0 0 no-repeat;}
.button_search{background: url(../img/backend/btn_search.png) 0 0 no-repeat;}
.button_report{background: url(../img/backend/btn_report.png) 0 0 no-repeat;}
.button_send{background: url(../img/backend/btn_send.png) 0 0 no-repeat;}
.button_delete{background: url(../img/backend/btn_delete.png) 0 0 no-repeat;}
.button_hover{background-position: 0 -30px;}

.text,
.select,
.textarea{
background-color: #fff;
border: solid 1px #a0bad1;
box-shadow: inset 2px 2px 1px #e8e8e8;
border-radius: 3px;
-moz-box-shadow: inset 2px 2px 1px #e8e8e8;
-moz-border-radius: 3px;
-webkit-box-shadow: inset 2px 2px 1px #e8e8e8;
-webkit-border-radius: 3px;
padding: 5px 3px;
}
.text{
height: 20px;
}
.form{}
.form p,
.p{
overflow: hidden;
margin: 0 0 10px;
}
.pj-form p,
.pj-form .p{
padding: 3px !important;
}
.form .title{
display: block;
float: left;
padding: 6px 0 0;
width: 150px;
}
.form .content{
display: block;
padding: 5px 0 0;
}
label.error{
color: red;
display: block;

font-size: 12px;
text-indent: 150px;
}
label.err{
background-color: #FFB4B4;
border: solid 1px #990000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #660000;
display: inline-block !important;
width: auto;
padding: 5px;
margin: 0;
}
em{
display: block;
padding: 3px 0 2px 0;
margin: 5px 0 5px 150px;
}
.tblError em{
margin-left: 0;
}
.pj-form-field-custom label.error{
text-indent: 0;
}
span.left{
display: block;
margin: 6px 0 0;
}
.form h3{
color: #185181;
font-size: 1.1em;
font-weight: bold;
padding: 10px;
text-transform: uppercase;
}

.menu{
list-style: none;
margin: 9px auto;
overflow: hidden;
width: 199px;
}
.menu li{
margin: 0 0 5px 0;
}
.menu li a:link, .menu li a:visited{
background: url(../img/backend/leftmenu-sprite.png) 0 0 no-repeat;
color: #989393;
display: block;
font-size: 1.2em;
font-weight: bold;
height: 37px;
line-height: 37px;
width: 199px;
text-decoration: none;
text-shadow: 1px 1px 1px #fff;
}
.menu li a:hover,
.menu li a.menu-focus{
background-position: 0 -37px;
color: #242625;
text-decoration: none;
}
.menu a span{
display: block;
float: left;
height: 30px;
margin: 3px 12px 0 10px;
width: 40px;
}
.menu a span.pj-task-count{
display: inline-block;
float: none;
width: auto;
min-width: 18px;
height: 18px;
line-height: 18px;
padding: 0 5px;
margin: 0 0 0 7px;
border-radius: 9px;
background: #d63638;
color: #fff;
font-size: 11px;
font-weight: bold;
text-align: center;
vertical-align: middle;
box-sizing: border-box;
}


.menu a span.pj-count-row{
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 5px;
float: none;
width: auto;
height: auto;
margin: 0 0 0 7px;
}
.menu a span.pj-count-row span.pj-task-count{ margin: 0; height: 16px; line-height: 16px; font-size: 10.5px; border-radius: 8px; }
.menu a span.pj-count-row i.pj-count-sep{ display: inline-block; width: 1px; height: 12px; background: #d3d8db; }
.menu a span.pj-todo-count{ background: #2563eb; }
.menu-dashboard{background: url(../img/backend/menu-dashboard.png) 0 -30px no-repeat}
.menu-browse{background: url(../img/backend/menu-browse.png) 0 -30px no-repeat}
.menu-add{background: url(../img/backend/menu-add.png) 0 -30px no-repeat}
.menu-availability{background: url(../img/backend/menu-availability.png) 0 -30px no-repeat}
.menu-reservations{background: url(../img/backend/menu-reservations.png) 0 -30px no-repeat}
.menu-prices{background: url(../img/backend/menu-prices.png) 0 -30px no-repeat}
.menu-periods{background: url(../img/backend/menu-periods.png) 0 -30px no-repeat}
.menu-options{background: url(../img/backend/menu-options.png) 0 -30px no-repeat}
.menu-users{background: url(../img/backend/menu-users.png) 0 -30px no-repeat}
.menu-preview{background: url(../img/backend/menu-preview.png) 0 -30px no-repeat}
.menu-install{background: url(../img/backend/menu-install.png) 0 -30px no-repeat}
.menu-logout{background: url(../img/backend/menu-logout.png) 0 -30px no-repeat}
.menu-raters{background: url(../img/backend/menu-users.png) 0 -30px no-repeat}
.menu-owners{background: url(../img/backend/menu-users.png) 0 -30px no-repeat}
.menu-ratings{background: url(../img/backend/menu-ratings.png) 0 -30px no-repeat}
.menu-clients{background: url(../img/backend/menu-clients.png) 0 -30px no-repeat}
.menu-products{background: url(../img/backend/menu-products.png) 0 -30px no-repeat}
.menu-categories{background: url(../img/backend/menu-categories.png) 0 -30px no-repeat}
.menu-orders{background: url(../img/backend/menu-orders.png) 0 -30px no-repeat}

.menu-ib-inbox{background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2722%27%20height%3D%2722%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23989393%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M22%2012h-6l-2%203h-4l-2-3H2%27%2F%3E%3Cpath%20d%3D%27M5.45%205.11%202%2012v6a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-6l-3.45-6.89A2%202%200%200%200%2016.76%204H7.24a2%202%200%200%200-1.79%201.11z%27%2F%3E%3C%2Fsvg%3E") 0 center no-repeat}
.menu-ib-queue{background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2722%27%20height%3D%2722%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23989393%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%278%27%20y1%3D%276%27%20x2%3D%2720%27%20y2%3D%276%27%2F%3E%3Cline%20x1%3D%278%27%20y1%3D%2712%27%20x2%3D%2720%27%20y2%3D%2712%27%2F%3E%3Cline%20x1%3D%278%27%20y1%3D%2718%27%20x2%3D%2720%27%20y2%3D%2718%27%2F%3E%3Ccircle%20cx%3D%274%27%20cy%3D%276%27%20r%3D%271%27%2F%3E%3Ccircle%20cx%3D%274%27%20cy%3D%2712%27%20r%3D%271%27%2F%3E%3Ccircle%20cx%3D%274%27%20cy%3D%2718%27%20r%3D%271%27%2F%3E%3C%2Fsvg%3E") 0 center no-repeat}
.menu-focus .menu-ib-inbox, .menu a:hover .menu-ib-inbox{background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2722%27%20height%3D%2722%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23242625%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M22%2012h-6l-2%203h-4l-2-3H2%27%2F%3E%3Cpath%20d%3D%27M5.45%205.11%202%2012v6a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-6l-3.45-6.89A2%202%200%200%200%2016.76%204H7.24a2%202%200%200%200-1.79%201.11z%27%2F%3E%3C%2Fsvg%3E") 0 center no-repeat}
.menu-focus .menu-ib-queue, .menu a:hover .menu-ib-queue{background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2722%27%20height%3D%2722%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23242625%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%278%27%20y1%3D%276%27%20x2%3D%2720%27%20y2%3D%276%27%2F%3E%3Cline%20x1%3D%278%27%20y1%3D%2712%27%20x2%3D%2720%27%20y2%3D%2712%27%2F%3E%3Cline%20x1%3D%278%27%20y1%3D%2718%27%20x2%3D%2720%27%20y2%3D%2718%27%2F%3E%3Ccircle%20cx%3D%274%27%20cy%3D%276%27%20r%3D%271%27%2F%3E%3Ccircle%20cx%3D%274%27%20cy%3D%2712%27%20r%3D%271%27%2F%3E%3Ccircle%20cx%3D%274%27%20cy%3D%2718%27%20r%3D%271%27%2F%3E%3C%2Fsvg%3E") 0 center no-repeat}
.menu-ib-chat{background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2722%27%20height%3D%2722%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23989393%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M21%2011.5a8.38%208.38%200%200%201-.9%203.8%208.5%208.5%200%200%201-7.6%204.7%208.38%208.38%200%200%201-3.8-.9L3%2021l1.9-5.7a8.38%208.38%200%200%201-.9-3.8%208.5%208.5%200%200%201%204.7-7.6%208.38%208.38%200%200%201%203.8-.9h.5a8.48%208.48%200%200%201%208%208v.5z%27%2F%3E%3C%2Fsvg%3E") 0 center no-repeat}
.menu-focus .menu-ib-chat, .menu a:hover .menu-ib-chat{background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2722%27%20height%3D%2722%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23242625%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M21%2011.5a8.38%208.38%200%200%201-.9%203.8%208.5%208.5%200%200%201-7.6%204.7%208.38%208.38%200%200%201-3.8-.9L3%2021l1.9-5.7a8.38%208.38%200%200%201-.9-3.8%208.5%208.5%200%200%201%204.7-7.6%208.38%208.38%200%200%201%203.8-.9h.5a8.48%208.48%200%200%201%208%208v.5z%27%2F%3E%3C%2Fsvg%3E") 0 center no-repeat}
.menu-focus .menu-dashboard, .menu a:hover .menu-dashboard,
.menu-focus .menu-browse, .menu a:hover .menu-browse,
.menu-focus .menu-add, .menu a:hover .menu-add,
.menu-focus .menu-reservations, .menu a:hover .menu-reservations,
.menu-focus .menu-prices, .menu a:hover .menu-prices,
.menu-focus .menu-options, .menu a:hover .menu-options,
.menu-focus .menu-users, .menu a:hover .menu-users,
.menu-focus .menu-preview, .menu a:hover .menu-preview,
.menu-focus .menu-install, .menu a:hover .menu-install,
.menu-focus .menu-logout, .menu a:hover .menu-logout,
.menu-focus .menu-ratings, .menu a:hover .menu-ratings,
.menu-focus .menu-raters, .menu a:hover .menu-raters,
.menu-focus .menu-owners, .menu a:hover .menu-owners,
.menu-focus .menu-products, .menu a:hover .menu-products,
.menu-focus .menu-orders, .menu a:hover .menu-orders,
.menu-focus .menu-categories, .menu a:hover .menu-categories,
.menu-focus .menu-clients, .menu a:hover .menu-clients{
background-position: 0 0;
}

.table{
border-collapse: separate;
border-top: solid 1px #e5e2e2;
border-left: solid 1px #e5e2e2;
border-bottom: solid 1px #e5e2e2;
empty-cells: show;
width: 100%;
}
.table th{
background-color: #fff;
border-bottom: solid 1px #e5e2e2;
border-right: solid 1px #e5e2e2;
color: #027ac6;
font-weight: bold;
font-size: 1.2em;
height: 35px;
line-height: 35px;
padding: 0 0 0 10px;
}
.table th.nosub{
border-bottom: solid 1px #fff;
}
.table th.sub{
background-color: #f7f7f7;
border-right: solid 1px #e5e2e2;
border-left: solid 1px #fff;
border-bottom: solid 1px #fff;
border-top: solid 1px #fff;
color: #000;
font-size: 1em;
height: 30px;
line-height: 30px;
padding: 0px 10px;
white-space: nowrap;
}
.table th.sort{
overflow: hidden;
padding: 0;
width: 16px;
}
.table th.sort div{
height: 35px;
line-height: normal;
overflow: hidden;
width: 16px;
}
.table a:link, .table a:visited{
color: #007AC3;
text-decoration: none;
}
.table a:hover{
text-decoration: underline;
}
.sort a{
display: block;
height: 16px;
overflow: hidden;
width: 16px;
}
.sort a.up:link, .sort a.up:visited, .sort a.up:hover{ background: url(../img/backend/icons/bullet_arrow_up.png) 0 0 no-repeat; }
.sort a.down:link, .sort a.down:visited, .sort a.down:hover{ background: url(../img/backend/icons/bullet_arrow_down.png) 0 0 no-repeat; }
.table tbody tr.odd{
background-color: #fff;
}
.table tbody tr.even{
background-color: #F7F7F7;
}
.table tbody tr.highlight{
background-color: #FFFFCC;
}
.table tbody tr.hover{
background-color: #F7F7F7;
}
.table a.icon:link, .table a.icon:visited{
color: #757777;
display: block;
height: 16px;
line-height: 16px;
text-indent: 20px;
text-decoration: none;
}
.table a.icon-edit{
background: url(../img/backend/icon-edit.png) 0 0 no-repeat;
}
.table a.icon-delete,
.table a.icon-del{
background: url(../img/backend/icon-delete.png) 0 0 no-repeat;
}
.table td{
border-right: solid 1px #e5e2e2;
border-top: solid 1px #e5e2e2;
border-left: solid 1px #fff;
border-bottom: solid 1px #fff;
padding: 5px 7px;
}
.table span.ghost{
display: block;
width: 24px;
height: 24px;
}

.ui-widget {
font-family: inherit;
font-size: inherit;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: inherit;
font-size: inherit;
}
img.ui-datepicker-trigger {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
padding: 10px 0;
overflow: hidden;
}
#content div.ui-tabs{
padding: 0;
}
#content div.ui-widget-content{
background: none;
border: none;
}

#content .pj-form p{
margin: 2px 0 0;
}
#content .pj-form p em{
margin: 0 0 0 150px;
}
#content .pj-form-field{
padding: 3px 6px;
font: normal 12px/13px Verdana, sans-serif;
height: 23px;
}
#content .ui-widget .pj-form-field,
#content .pj-form-field-custom .pj-form-field,
#content .frm-filter .pj-form-field,
#content .frm-filter-financial .pj-form-field{
height: 16px;
}
#content .ui-widget select.pj-form-field{
height: 23px;
}
#content .pj-table td{
padding: 2px;
}
#content .pj-form-field-before, #content .pj-form-field-after{
height: 22px;
}
#content .pj-form-field-before abbr, #content .pj-form-field-after abbr{
width: 19px;
height: 19px;
top: 2px;
left: 5px;
}
#content .pj-form-field-before abbr.pj-form-field-icon-text,
#content .pj-form-field-after abbr.pj-form-field-icon-text {
line-height: inherit;
}
#content .pj-form-field-custom .miniColors-trigger{
width: 20px;
height: 20px;
}
#content .pj-form-field-custom .miniColors-triggerWrap{
top: 0px;
right: 2px;
}


.notice-box{
margin: 0 0 10px 0;
overflow: hidden;
width: 742px;
}
.notice-top{
background: url(../img/backend/notice-top.png) 0 0 no-repeat;
height: 2px;
overflow: hidden;
}
.notice-middle{
background: url(../img/backend/notice-middle.png) 0 0 repeat-y;
overflow: hidden;
padding: 10px;
position: relative;
}
.notice-bottom{
background: url(../img/backend/notice-bottom.png) 0 0 no-repeat;
height: 5px;
overflow: hidden;
}
.notice-middle .notice-close{
display: inline-block;
width: 16px;
height: 16px;
position: absolute;
top: 4px;
right: 4px;
background: url(../img/backend/closeGray.png) 0 0 no-repeat;
}
.notice-middle .notice-info{
background: url(../img/backend/icon-info.png) 0 0 no-repeat;
display: block;
float: left;
height: 32px;
margin: 0 10px 0 0;
width: 32px;
}

.ui-state-default .notice-info{
background: url(../img/backend/icon-info-26.png) 0 0 no-repeat;
display: none;
height: 20px;
margin: 3px 5px 0 5px;
width: 20px;
cursor: pointer;
}

.ui-state-default.ui-state-active .notice-info{
display: inline-block;
}


.label-status{
padding: 2px 4px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
}
.user-role-admin{background-color: #6EB738; color: #fff; text-shadow: 1px 1px 1px #3E6820;}
.user-role-owner{background-color: #006699; color: #fff; text-shadow: 1px 1px 1px #092B90;}
.user-role-editor{background-color: #CC6633; color: #fff; text-shadow: 1px 1px 1px #996600;}
.user-role-sale{background-color: #F1D988; color: #fff; text-shadow: 1px 1px 1px #996600;}
.user-role-scheduler{background-color: #8000ff; color: #fff; text-shadow: 1px 1px 1px #8000ff;}
.user-role-webshop{background-color: #e3f2fd; color: #1976d2; text-shadow: 1px 1px 1px #e3f2fd;}
.user-role-analist{background-color: #f39c12; color: #fff; text-shadow: 1px 1px 1px #f39c12;}
.order-status-pending{background-color: #FF9900; color: #000; text-shadow: 1px 1px 1px #fff;}
.order-status-confirmed{background-color: #2A8000; color: #fff; text-shadow: 1px 1px 1px #999;}
.order-status-cancelled{background-color: #B3B3B3; color: #fff; text-shadow: 1px 1px 1px #333;}
.order-type-pickup{background-color: #996100; color: #fff; text-shadow: 1px 1px 1px #999;}
.order-type-delivery{background-color: #990052; color: #fff; text-shadow: 1px 1px 1px #333;}
.is_featured-1{background-color: #FF9900; color: #000; text-shadow: 1px 1px 1px #fff;}
.is_featured-0{background-color: #B3B3B3; color: #fff; text-shadow: 1px 1px 1px #333;}

.booking-icon{
text-indent: 27px;
display: block;
line-height: 20px;
}

.paginator{
overflow: hidden;
margin: 10px 0 0 0;
}
.paginator li{
display: inline-block;
}
.paginator li a:link, .paginator li a:visited{
background-color: #CCCCCC;
color: #000;
display: block;
float: left;
margin: 0 2px 0 0;
padding: 1px 4px;
border-radius: 2px;
text-decoration: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
}
.paginator li a:hover{
background-color: #EAEAEA;
}
.paginator li a.focus{
background-color: #072B4F;
color: #fff;
}

.fieldset{
margin: 0 0 14px;
padding: 12px 14px;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
position: relative;
}


.fieldset legend{
background-color: #0e3b4f;
color: #fff;
padding: 5px 13px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
width: auto;
font-size: 10.5px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .3px;
}

.white{background-color: #fff; border: solid 1px #e4e7e9; color: #000 !important; box-shadow: 0 1px 3px rgba(16,38,49,.05);}
.sky{background-color: #EAF5FB; border: solid 1px #ccc;}
.light{background-color: #f5f5f5; border: solid 1px #ccc;}

.gallery-item{
background-color: #fdfdfd;
float: left;
width: 100px;
height: 140px;
margin: 0 5px 5px 0;
text-align: center;
}
.gallery-image{
cursor: move;
margin: 0 !important;
}
.gallery-image a.image{
cursor: move;
}
.gallery-image img{
border: solid 1px #ccc;
padding: 1px;
margin: 7px 0 0 0;
}
#sortable{
overflow: hidden;
width: 740px;
}
.stock-image{
display: block;
float: left;
margin: 0 5px 5px 0;
}
.stock-image img,
.in-stock{
padding: 1px;
border: solid 1px #ccc;
}
.stock-image img.current{
border: solid 1px #003399;
}

.ico{
display: block;
height: 16px;
width: 16px;
}
.ico-add2{background: url(../img/backend/icon-add2.png) 0 0 no-repeat;}
.ico-delete2{background: url(../img/backend/icon-delete2.png) 0 0 no-repeat;}

.attr abbr{
font-weight: bold;
}
.attr, .attr_item{
float: left;
margin: 0 5px 0 0;
}
.attr a, .attr input,
.attr_item a, .attr_item input{
float: left;
}
.attr a,
.attr_item a{
margin: 7px 0 0 5px;
}
.attr abbr,
.attr_item abbr{
cursor: pointer;
}

.attrBox{
border-bottom: solid 1px #ccc;
line-height: 34px;
overflow: hidden;
padding: 5px 0;
}
.img-frame{
border: solid 1px #ccc;
padding: 1px;
}
.map_holder{
width: 710px;
height: 280px;
padding: 10px;
border: solid 1px #ccc;
margin: 0 0 10px;
}
.map_canvas{
width: 100%;
height: 100%;
display: block;
}
.opBox{
border-bottom: solid 1px #ccc;
margin: 0 0 10px;
}

.dashboard_header{
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f2eeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2eeee));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2eeee 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f2eeee 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f2eeee 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f2eeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2eeee',GradientType=0 );
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: solid 1px #ddd;
margin: 0 0 20px;
overflow: hidden;
}
.dashboard_header_item{
float: left;
position: relative;
height: 96px;
width: 245px;
border-right: solid 1px #ddd;
}
.dashboard_header_item:last-child,
.dashboard_header_item_last{
border-right: none;
}
.dashboard_icon{
width: 50px;
height: 50px;
position: absolute;
left: 60px;
top: 27px;
}
.dashboard_properties{
background: url(../img/backend/dashboard_properties.png) 0 0 no-repeat;
}
.dashboard_reservations{
background: url(../img/backend/dashboard_reservations.png) 0 0 no-repeat;
}
.dashboard_users{
background: url(../img/backend/dashboard_users.png) 0 0 no-repeat;
}
.dashboard_info{
position: absolute;
top: 28px;
left: 125px;
color: #8d8a8a;
font: normal 14px/16px Verdana, sans-serif;
}
.dashboard_info abbr{
display: block;
color: #515050;
font: bold 34px/28px Verdana, sans-serif;
-moz-text-shadow: 1px 1px 1px #fff;
text-shadow: 1px 1px 1px #fff;
}
.dashboard_box{
min-height: 300px;
height: auto !important;
height: 300px;
width: 747px;
}
.dashboard_top{
background: url(../img/backend/dashboard_top.png) 0 0 no-repeat;
height: 41px;
}
.dashboard_middle{
background: url(../img/backend/dashboard_middle.png) 0 0 repeat-y;
overflow: hidden;
}
.dashboard_bottom{
background: url(../img/backend/dashboard_bottom.png) 0 0 no-repeat;
height: 4px;
}
.dashboard_column{
float: left;
margin: 0 6px 0 0;
width: 245px;
overflow: hidden;
min-height: 1px;
height: auto !important;
height: 1px;
}
.dashboard_column:last-child,
.dashboard_column_last{
margin: 0;
}
.dashboard_column_top{
color: #515050;
font-size: 16px;
line-height: 41px;
float: left;
width: 245px;
height: 41px;
margin: 0 6px 0 0;
text-indent: 10px;
}
.dashboard_column_top:last-child,
.dashboard_column_top_last{
margin: 0;
}
.dashboard_row{
border-bottom: solid 1px #ccc;
padding: 20px 10px;
overflow: hidden;
}
.dashboard_row:last-child,
.dashboard_row_last{
border-bottom: none;
}
.dashboard_listing_left{
float: left;
overflow: hidden;
width: 120px;
}
.dashboard_listing_right{
float: right;
overflow: hidden;
width: 90px;
}
.dashboard_listing_stat{
text-align: center;
color: #8b8888;
font: normal 11px Verdana, sans-serif;
margin: 0 0 15px;
}
.dashboard_listing_stat abbr{
display: block;
color: #302d2d;
font: bold 18px Verdana, sans-serif;
}
.dashboard_resr_left{
float: left;
overflow: hidden;
width: 162px;
}
.dashboard_resr_right{
float: right;
margin: 0;
overflow: hidden;
width: 60px;
text-align: center;
}
.dashboard_resr_right abbr{
display: block;
color: #302d2d;
font: bold 16px Verdana, sans-serif;
}
.dashboard_hour{
color: #515050;
font: bold 14px Verdana, sans-serif;
float: right;
padding: 11px 10px 0;
}
.dashboard_date{
border-left: solid 1px #e9e8e7;
color: #8b8888;
padding: 0 0 0 10px;
text-align: center;
float: right;
}
.dashboard_date abbr{
color: #515050;
display: block;
font: bold 14px/28px Verdana, sans-serif;
text-transform: uppercase;
}
.dashboard_box a:link,
.dashboard_box a:visited,
.dashboard_box a:active{
text-decoration: none;
}
.dashboard_box a:hover{
text-decoration: underline;
}
.dashboard_column._quick p{
font-size: 15px;
margin: 10px 10px 20px 10px;
}
.extra_header{
background: #ffffff;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
border: solid 1px #ddd;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
font: bold 14px/30px Arial, sans-serif;
padding: 10px;
}
.tipsy-listing .tipsy-inner{
text-align: left;
max-width: 400px;
}

.cal-container{
clear: both;
overflow: hidden;
}
.cal-calendars{
float: left;
width: 212px;
}
.cal-dates{
float: right;
overflow-y: hidden;
overflow-x: auto;
width: 530px;
}
.cal-scroll{
width: 1364px;
}
.cal-title{
border-bottom: solid 1px #ccc;
height: 31px;
line-height: 31px;
margin: 0 0 7px 0;
padding: 0 2px 7px 5px;
overflow: hidden;
}
.cal-head{
border-bottom: solid 1px #ccc;
height: 64px;
margin: 0 0 7px 0;
padding: 0 0 7px 0;
width: 100%;
}
.cal-head-row{
overflow: hidden;
margin: 0 0 1px 0;
}
.cal-head-row span{
background-color: #EDECEE;
border: solid 1px #DEE2E5;
color: #B6B2B1;
display: block;
float: left;
font-weight: bold;
height: 29px;
line-height: 29px;
margin: 0 1px 0 0;
text-align: center;
width: 41px;
}
.cal-program{
border-bottom: solid 1px #ccc;
height: 31px;
margin: 0 0 7px 0;
padding: 0 0 7px 0;
width: 100%;
}
.cal-program a:link, .cal-program a:visited, .cal-program a:active, .cal-program span{
display: block;
float: left;
height: 31px;
line-height: 31px;
margin: 0 1px 0 0;
text-align: center;
text-decoration: none;
width: 43px;
}
.cal-prev{
float: left;
font-weight: normal;
margin: 0 0 0 5px;
}
.cal-next{
float: right;
font-weight: normal;
margin: 0 5px 0 0;
}

.pj-table .pj-table-icon-settings,
.pj-table .pj-table-icon-prices{
display: inline-block;
margin: 0 4px 0 0;
width: 23px;
height: 24px;
}
.pj-table .pj-table-icon-settings{
background: url(../img/backend/pj-icon-settings.png) 0 0 no-repeat;
}
.pj-table .pj-table-icon-prices{
background: url(../img/backend/pj-icon-prices.png) 0 0 no-repeat;
}
.pj-table .pj-table-icon-settings:hover,
.pj-table .pj-table-icon-prices:hover{
background-position: 0 -24px;
}


.pj-table .pj-table-icon-archive,
.pj-table .pj-table-icon-unarchive{
display: inline-block;
margin: 0 4px 0 0;
width: 23px;
height: 24px;
line-height: 22px;
text-align: center;
border: 1px solid #c8cfd2;
border-radius: 5px;
background: #f2f5f6;
color: #006fa6 !important;
font-size: 13px;
text-decoration: none;
box-sizing: border-box;
vertical-align: top;
}
.pj-table .pj-table-icon-archive:hover,
.pj-table .pj-table-icon-unarchive:hover{
background: #e2e9ec;
border-color: #a9b6bc;
}
.pj-table .pj-table-icon-archive:before{ content: "\2193"; }
.pj-table .pj-table-icon-unarchive:before{ content: "\2191"; }
#frmOptions em {
margin: 5px 0;
}
#boxStatus .ui-button-text{
padding: 0.4em 0.6em;
}

input.pj-form-field.error{
border-color: #B20000;
}
.pjPrice_duplicate{
background-color: #FFB4B4;
}

.ui-datepicker table.ui-datepicker-calendar{
border-collapse: unset;
font-size: 13px;
}
.ui-datepicker table.ui-datepicker-calendar td.abCalendarDate a{
cursor: pointer;
background: none;


background: #578640;
text-decoration: underline;
color: #ffffff;
font-weight: 600;
}
.ui-datepicker table.ui-datepicker-calendar td.abCalendarAvailable span{
background: none;


background: #8ABC73 !important;
color: #ffffff;
}
.ui-datepicker table.ui-datepicker-calendar td.ui-state-disabled{
opacity: 1;
}
.ui-datepicker table.ui-datepicker-calendar td.ui-state-disabled span{
background: none;


background-color: #da5350;
color: #fff;
}
.cancel-reservation-err{
font-weight: 600;
color: red;
font-size: 18px;
}

.grid-invoices .pj-status-not_paid,
.grid-invoices .pj-status-paid,
.grid-invoices .pj-status-cancelled,
.grid-invoices .pj-status-partially_paid,
.grid-invoices .pj-status-payed_to_owner{
position: relative;
background: none;
width: 100px !important;
display: block;
padding-right: 10px;
}
.grid-invoices .pj-status-not_paid::before{
background: red url("../img/backend/pj-tick.png");
border-radius: 5px;
content: "";
display: block;
height: 16px;
right: 2px;
position: absolute;
width: 16px;
}
.grid-invoices .pj-status-paid::before{
background: green url("../img/backend/pj-tick.png");
border-radius: 5px;
content: "";
display: block;
height: 16px;
right: 2px;
position: absolute;
width: 16px;
}
.grid-invoices .pj-status-cancelled::before{
background: #C3C1C1 url("../img/backend/pj-tick.png");
border-radius: 5px;
content: "";
display: block;
height: 16px;
right: 2px;
position: absolute;
width: 16px;
}
.grid-invoices .pj-status-partially_paid::before{
background: #064980 url("../img/backend/pj-tick.png");
border-radius: 5px;
content: "";
display: block;
height: 16px;
right: 2px;
position: absolute;
width: 16px;
}
.grid-invoices .pj-status-payed_to_owner::before{
background: #5ed9cf url("../img/backend/pj-tick.png");
border-radius: 5px;
content: "";
display: block;
height: 16px;
right: 2px;
position: absolute;
width: 16px;
}

.pj-table .pj-table-icon-info{
display: inline-block;
margin: 0 4px 0 0;
width: 16px;
height: 19px;
}
.pj-table .pj-table-icon-info{
background: url("../img/backend/icon-warn.png") 0 0 no-repeat;
}
.pjChkBoxes span{width: 170px;}
#frmRatingTypes em{margin-left: 0;}



.pj-table a{
text-decoration: none;
}
.pjPcRatingGrid .pj-rating-status-F {
background: url("../img/backend/pj-disabled.png") no-repeat scroll 72px 3px #FFFFFF !important;
font-size: 11px !important;
width: 86px !important;
}
.pjPcRatingGrid .pj-rating-status-T {
background: url("../img/backend/pj-active.png") no-repeat scroll 72px 3px #FFFFFF !important;
font-size: 11px !important;
width: 86px !important;
}
.pjPcRatingGrid .pj-rating-status-R {
background: url("../img/backend/pj-reported.png") no-repeat scroll 72px 3px #FFFFFF !important;
font-size: 11px !important;
width: 86px !important;
}

#avatar_container img{
margin-right: 4px;
}
.form a.icon-remove{
display: inline-block;
height: 24px;
margin: 0 4px 0 0;
width: 23px;
background: url("../img/backend/pj-delete.png") no-repeat scroll 0 0 transparent;
}
.form a.icon-remove:HOVER {
background-position: 0 -24px;
}
.form a.icon-remove-file{
display: inline-block;
height: 16px;
width: 16px;
background: url("../img/backend/pj-disabled.png") no-repeat scroll 0 0 transparent;
}
.form span.rating{
float: left;
display: block;
overflow: hidden;
}
.form span.rating span.star {
background: url(../img/backend/star.png) 0 0 no-repeat;
height: 22px;
width: 22px;
float: left;
display: block;
}
.form span.rating span.star-hover{
background-position: 0 -22px;
cursor: pointer;
}
.form .files{
margin-left: 156px;
margin-top: 5px;
}
.form .files a{
text-decoration: none;
}
.form .files a.file-name{
display: block;
margin-right: 8px;
float: left;
}
.form .files li{
overflow: hidden;
}

.tipsy-pc{
width: 190px;
}
.tipsy-pc .tipsy-inner{
width: 170px;
text-align: left;
max-width: 170px;
}
.pjPcPreview{
display: block;
float: left;
height: 24px;
margin: 4px 4px 0 0;
width: 23px;
background: url("../img/backend/pj-view.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.pjPcTopPreview{
margin-top: 1px;
}
.pjPcPreview:hover{
background-position: 0 -24px;
}
.pjPcEdit{
display: block;
float: left;
height: 24px;
margin: 1px 4px 0 0;
width: 23px;
background: url("../img/backend/pj-edit.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.pjPcEdit:hover{
background-position: 0 -24px;
}

#thread_id_chzn,
#rater_id_chzn{
float: left;
margin-right: 5px;
}
.pjPcRedBorder{
border: 1px solid #cc0000;
}
.pjPcRatingGrid select,
.pjPcRatingGrid select option{
font-size: 11px !important;
}
.pjCpRatingVote{
float: right;
}
.pjCpRatingVote .pjCpHand{
float: left;
display: block;
height: 30px;
width: 72px;
margin-right: 5px;
background: url("../img/backend/vote.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.pjCpRatingVote .pjCpLike{
display: block;
float: left;
color: #22bb91;
line-height: 30px;
margin-right: 5px;
}
.pjCpRatingVote .pjCpDislike{
display: block;
float: left;
color: #343839;
line-height: 30px;
}
#content .frm-filter select.pj-form-field{
height: 23px;
}
#grid .pj-status-C{
width: 65px !important;
}
#grid .pj-status-C{
background: #fff url(../../../core/framework/libs/pj/img/pj-disabled.png) 52px 3px no-repeat;
}

#login-2FA-content{
margin: 30px auto 0;
min-height: 220px;
height: auto !important;
width: 560px;
}
#login-2FA-content .login-2fa-box{
width: 517px;
min-height: 197px;
background: #fff;
overflow: hidden;
padding: 20px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border-radius: 10px;
}
#login-2FA-content h3 {
color: #6f8a9f;
font-weight: bold;
font-size: 1.4em;
margin: 0 0 10px 0;
text-align: center;
text-transform: uppercase;
}
#login-2FA-content .login-2fa-box .loginFAFormContent{
float: left;
width: 46%;
border-right: 2px solid #FFD426;
margin-right: 3%;
}
#login-2FA-content .login-2fa-box .login2FAQrCode{
width: 50%;
float: left;
}
#login-2FA-content .loginFAFormContent em,
#login-2FA-content .login2FAQrCode em{
margin-left: 0;
}
label.success{
background-color: #e8f5fa;
border: solid 1px #63A8C9;
border-radius: 3px;
color: #595a5c;
display: inline-block !important;
width: auto;
padding: 5px;
margin: 0;
}
.pjUserProfile{
float: left;
width: 58%;
border-right: 2px solid #FFD426;
margin-right: 3%;
}
.pjUser2FACodeInfo{
width: 38%;
float: left;
}
.img-responsive{
max-width: 100%;
height: auto;
}

.btn-primary,
.btn-secondary {
height: 36px;
padding: 0 15px;
border: none;
border-radius: 4px;
font-weight: bold;
cursor: pointer;
box-sizing: border-box;
font-size: 13px;
text-transform: uppercase;
transition: 0.2s;
display: inline-flex;
align-items: center;
justify-content: center;
}


.btn-save-orange {
background: #FFD426;
color: black !important;
text-decoration: none;
}


.btn-cancel-gray {
background: #e0e0e0;
color: #666;
margin-left: 5px;
}
.btn-cancel-gray:hover {
background: #d4d4d4;
color: #333;
}
h2.section-header {
font-size: 20px;
margin-bottom: 20px;
color: #222;
border-bottom: 2px solid #FFD426;
padding-bottom: 10px;
}
.btn-actions{
margin-top: 20px;
}

#frmMethods input[type="text"].pj-form-field,
#frmBrackets input[type="text"].pj-form-field,
#frmRates input[type="text"].pj-form-field {
height: 14px !important;
}









#header, #middle, #footer { width: auto !important; max-width: 1400px; box-sizing: border-box; padding-left: 20px; padding-right: 20px; }




#middle { display: flex !important; align-items: flex-start; gap: 16px; overflow: visible !important; }
#middle > #leftmenu { float: none !important; flex: 0 0 240px; width: 240px !important; }
#middle > #right { float: none !important; flex: 1 1 auto; width: auto !important; min-width: 0; }
#middle > .clear_both { display: none !important; }
.content-top, .content-bottom { display: none !important; }
#content.content-middle { background: #fff !important; border: 1px solid #e4e7e9; border-radius: 12px; box-shadow: 0 1px 3px rgba(16,38,49,.06); padding: 20px 22px; }






html, body { background: #122a36 !important; }
#leftmenu .leftmenu-top, #leftmenu .leftmenu-bottom { display: none !important; }
#leftmenu .leftmenu-middle { background: #fff !important; border: 1px solid #e4e7e9; border-radius: 12px; padding: 8px 0; }



#footer-wrap { background: #122a36 !important; }
#footer, #footer p { color: #8f9ca3 !important; }
#footer a, #footer a:link, #footer a:visited { color: #ffd426 !important; }


#content { color: #333c41; }
.pj-menu-heading { color: #5f6a6f !important; }
.menu li a:link, .menu li a:visited { color: #333c41 !important; }
.menu li a:hover, .menu li a.menu-focus { color: #0e3b4f !important; }


.ui-tabs.ui-widget-content, .ui-tabs .ui-tabs-nav, .ui-tabs .ui-widget-header { background: transparent !important; border: none !important; }
.ui-tabs .ui-tabs-nav li.ui-state-default { background: #eef1f2 !important; border: 1px solid #dfe3e5 !important; border-bottom: none !important; }
.ui-tabs .ui-tabs-nav li a { color: #3a4347 !important; }
.ui-tabs .ui-tabs-nav li.ui-state-active { background: #0e3b4f !important; border-color: #0e3b4f !important; }
.ui-tabs .ui-tabs-nav li.ui-state-active a { color: #fff !important; }


#content .pj-table:not(.pj-settings-modern) thead th { background: #f0f2f3; color: #333c41; border-bottom: 2px solid #dfe3e5; }
#content .pj-table:not(.pj-settings-modern) td { color: #333c41; }






#leftmenu .menu { width: auto !important; margin: 8px 10px 4px; overflow: visible; }
#leftmenu .menu li { margin: 0 0 3px 0 !important; }
#leftmenu .menu li a:link, #leftmenu .menu li a:visited {
display: flex !important; align-items: center; gap: 2px;
background: transparent !important; border: 1px solid transparent; border-left: 3px solid transparent;
border-radius: 10px; padding: 8px 12px; width: auto !important; height: auto !important;
line-height: 1.25 !important; color: #343d41 !important; font-weight: 600; font-size: 13px;
text-shadow: none !important; text-decoration: none; box-sizing: border-box;
transition: background .12s, border-color .12s, color .12s;
}
#leftmenu .menu li a:hover { background: #e5f1f8 !important; border-color: #cfe3ef; color: #006fa6 !important; }
#leftmenu .menu li a.menu-focus { background: #ffd426 !important; border-color: #ffd426; border-left-color: #0e3b4f; color: #0f2430 !important; font-weight: 700; }




#leftmenu .menu a span[class^="menu-"], #leftmenu .menu a span[class*=" menu-"] {
float: none !important; flex: none; width: 20px !important; height: 20px !important;
margin: 0 10px 0 0 !important; background: #5b6b74 !important;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.8'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'4'%2F%3E%3C%2Fsvg%3E") center / 20px 20px no-repeat;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.8'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'4'%2F%3E%3C%2Fsvg%3E") center / 20px 20px no-repeat;
}
#leftmenu .menu a:hover span[class^="menu-"], #leftmenu .menu a:hover span[class*=" menu-"] { background: #006fa6 !important; }
#leftmenu .menu a.menu-focus span[class^="menu-"], #leftmenu .menu a.menu-focus span[class*=" menu-"] { background: #0f2430 !important; }

#leftmenu .menu a span.pj-task-count { margin-left: auto !important; background-position: 0 0 !important; width: auto !important; }

#leftmenu .menu a span.pj-count-row { margin-left: auto !important; float: none !important; flex: none; width: auto !important; height: auto !important; background: none !important; }
#leftmenu .menu a span.pj-count-row span.pj-task-count { margin: 0 !important; }

#leftmenu .menu a span.menu-ib-inbox, #leftmenu .menu a span.menu-ib-queue, #leftmenu .menu a span.menu-ib-chat,
#leftmenu .menu-focus span.menu-ib-inbox, #leftmenu .menu-focus span.menu-ib-queue, #leftmenu .menu-focus span.menu-ib-chat,
#leftmenu .menu a:hover span.menu-ib-inbox, #leftmenu .menu a:hover span.menu-ib-queue, #leftmenu .menu a:hover span.menu-ib-chat { background-position: left center !important; background-size: 22px 22px !important; }

#leftmenu .pj-menu-heading { margin: 16px 12px 6px !important; color: #006fa6 !important; font-size: 10.5px !important; font-weight: 800 !important; letter-spacing: .6px; border-bottom: 2px solid #ffd426 !important; }




#content input.pj-form-field:not(.field-color):not(.pointer),
#content select.pj-form-field,
#content textarea.pj-form-field{
border: 1px solid #d6dbde;
border-radius: 8px;
background-color: #fff;
color: #2b3033;
outline: none;
}
#content input.pj-form-field:not(.field-color):not(.pointer):focus,
#content select.pj-form-field:focus,
#content textarea.pj-form-field:focus{
border-color: #006fa6;
box-shadow: 0 0 0 3px rgba(0,111,166,.14);
}






#content .pj-form-field-custom-before{display:inline-flex;align-items:stretch;}
#content .pj-form-field-custom-before .pj-form-field-before{float:none;display:inline-flex;align-items:center;justify-content:center;min-width:30px;width:auto;height:31px;padding:0 8px;background:#f1f4f5;border:1px solid #d6dbde;border-right:none;border-radius:8px 0 0 8px;box-sizing:border-box;}
#content .pj-form-field-custom-before .pj-form-field-before abbr.pj-form-field-icon-text{position:static;width:auto;height:auto;top:auto;left:auto;display:block;border:0;text-decoration:none;font-style:normal;color:#5f6a6f;font-size:14px;line-height:1;}




#content .pj-form-field-custom-before .pj-form-field-before abbr{position:static;top:auto;left:auto;margin:0;flex:none;}
#content .pj-form-field-custom-before .pj-form-field{float:none;border-radius:0 8px 8px 0 !important;border-left:none !important;margin:0 !important;height:31px;box-sizing:border-box;padding-top:0;padding-bottom:0;}






#content.content-middle { position: relative; }
.pj-notice-i { position: absolute; top: 12px; right: 14px; float: none; margin: 0; z-index: 40; }
.pj-notice-i-btn { width: 24px; height: 24px; border-radius: 50%; border: 1px solid #cfd4d7; background: #eef2f4; color: #006fa6; font: italic 700 14px/22px Georgia, "Times New Roman", serif; cursor: pointer; padding: 0; text-align: center; }
.pj-notice-i-btn:hover { background: #e2e9ec; border-color: #b9c2c6; }
.pj-notice-i-pop { position: absolute; top: 30px; right: 0; width: 320px; max-width: 80vw; background: #fff; border: 1px solid #ccd1d3; border-radius: 9px; box-shadow: 0 12px 34px rgba(0,0,0,.22); padding: 13px 15px; text-align: left; font-size: 12px; line-height: 1.5; }
.pj-notice-i-pop strong { display: block; margin-bottom: 4px; color: #0e3b4f; }
.pj-notice-i-pop div { color: #4a5155; }





#content .pj-form-langbar-tip { display: none !important; }
#content .pj-form-langbar { position: absolute; top: 10px; right: 52px; margin: 0; z-index: 39; }






#content .ui-spinner{position:relative;display:inline-block;border:1px solid #d6dbde;border-radius:8px;background:#fff;height:31px;box-sizing:border-box;padding:0 22px 0 0;vertical-align:middle;}
#content .ui-spinner:focus-within{border-color:#006fa6;box-shadow:0 0 0 3px rgba(0,111,166,.14);}
#content .ui-spinner .ui-spinner-input{border:0 !important;background:transparent !important;height:29px !important;line-height:29px !important;padding:0 10px !important;margin:0 !important;box-shadow:none !important;border-radius:8px 0 0 8px !important;box-sizing:border-box;}
#content .ui-spinner .ui-spinner-button{position:absolute;right:0;width:22px;height:50%;margin:0;padding:0;border:0;border-left:1px solid #e1e5e7;background:#f4f6f7;color:#5f6a6f;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;text-indent:0;}
#content .ui-spinner .ui-spinner-up{top:0;border-radius:0 7px 0 0;border-bottom:1px solid #e1e5e7;}
#content .ui-spinner .ui-spinner-down{bottom:0;border-radius:0 0 7px 0;}
#content .ui-spinner .ui-spinner-button:hover{background:#e7ecef;color:#0e3b4f;}
#content .ui-spinner .ui-icon{width:0 !important;height:0 !important;margin:0 !important;text-indent:0;background:none !important;overflow:hidden;border-left:4px solid transparent;border-right:4px solid transparent;}
#content .ui-spinner .ui-icon-triangle-1-n{border-bottom:5px solid currentColor;}
#content .ui-spinner .ui-icon-triangle-1-s{border-top:5px solid currentColor;}



.pjClientsGrid .pj-table th:first-child, .pjClientsGrid .pj-table td:first-child,
.pjPcRatingGrid .pj-table th:first-child, .pjPcRatingGrid .pj-table td:first-child { width: 34px; text-align: center; }
.pjClientsGrid .pj-table td:last-child,
.pjPcRatingGrid .pj-table td:last-child { text-align: center; white-space: nowrap; width: 90px; }




.pjPcRatingGrid .pj-rating-status-F,
.pjPcRatingGrid .pj-rating-status-T,
.pjPcRatingGrid .pj-rating-status-R {
width: 128px !important;
box-sizing: border-box;
padding: 3px 26px 3px 10px !important;
background-position: right 6px center !important;
border: 1px solid #dfe3e5 !important;
border-radius: 999px;
text-align: left;
display: block;
margin-left: auto !important;
margin-right: auto !important;
}





#content .pj-status-T, #content .pj-status-F, #content .pj-status-E {
width: 100px !important;
box-sizing: border-box;
padding: 3px 26px 3px 10px !important;
background-position: right 6px center !important;
border: 1px solid #dfe3e5 !important;
border-radius: 999px;
text-align: left;


display: block;
margin-left: auto !important;
margin-right: auto !important;
}






#content.content-middle { box-shadow: 0 1px 2px rgba(16,38,49,.10), 0 6px 20px rgba(16,38,49,.10) !important; }
#leftmenu .leftmenu-middle { box-shadow: 0 1px 2px rgba(16,38,49,.10), 0 6px 18px rgba(16,38,49,.10) !important; }


#content .fieldset.white { box-shadow: 0 1px 2px rgba(16,38,49,.06), 0 4px 12px rgba(16,38,49,.07); }







#ui-datepicker-div.ui-datepicker, .ui-datepicker {
border: 1px solid #d6dbde !important; border-radius: 12px !important;
box-shadow: 0 14px 36px rgba(16,38,49,.22) !important; padding: 10px !important;
background: #fff !important; font-family: Arial, Helvetica, sans-serif;
}
.ui-datepicker .ui-datepicker-header {
background: #0e3b4f !important; border: none !important; border-radius: 9px !important;
color: #fff !important; padding: 7px 4px !important; margin-bottom: 6px;
}
.ui-datepicker .ui-datepicker-title { color: #fff !important; font-weight: 700; font-size: 13px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
top: 6px !important; height: 24px; width: 24px; border-radius: 7px; cursor: pointer;
background: rgba(255,255,255,.14) !important; border: none !important;
}
.ui-datepicker .ui-datepicker-prev { left: 4px !important; }
.ui-datepicker .ui-datepicker-next { right: 4px !important; }
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { background: rgba(255,255,255,.28) !important; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { filter: brightness(0) invert(1); }
.ui-datepicker table.ui-datepicker-calendar { border-collapse: separate !important; border-spacing: 2px; }
.ui-datepicker th { color: #8a938f; font-size: 10.5px; text-transform: uppercase; letter-spacing: .3px; font-weight: 700; padding: 4px 0; }
.ui-datepicker td { padding: 0; }
.ui-datepicker td a, .ui-datepicker td span {
text-align: center !important; border: none !important; border-radius: 8px !important;
padding: 6px 0 !important; font-size: 12.5px;
}

.ui-datepicker table.ui-datepicker-calendar td.abCalendarDate a { background: #1d6b47 !important; text-decoration: none !important; color: #fff !important; }
.ui-datepicker table.ui-datepicker-calendar td.abCalendarDate a:hover { background: #17583a !important; }
.ui-datepicker table.ui-datepicker-calendar td.abCalendarAvailable span { background: #cfe7d9 !important; color: #0e3b4f !important; }

.ui-datepicker table.ui-datepicker-calendar td.ui-state-disabled span { background: #f3d3d1 !important; color: #b23a37 !important; }

.ui-datepicker td a.ui-state-default { background: #f4f6f7 !important; color: #333c41; }
.ui-datepicker td a.ui-state-default.ui-state-hover { background: #e7eef1 !important; color: #0e3b4f !important; }
.ui-datepicker td a.ui-state-active, .ui-datepicker td a.ui-state-highlight.ui-state-active { background: #0e3b4f !important; color: #fff !important; }





.menu-cms-overview{background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2722%27%20height%3D%2722%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23989393%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%27%2F%3E%3Cpath%20d%3D%27M14%202v6h6M8%2013h8M8%2017h5%27%2F%3E%3C%2Fsvg%3E") 0 center no-repeat}
.menu-focus .menu-cms-overview, .menu a:hover .menu-cms-overview{background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2722%27%20height%3D%2722%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23242625%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%27%2F%3E%3Cpath%20d%3D%27M14%202v6h6M8%2013h8M8%2017h5%27%2F%3E%3C%2Fsvg%3E") 0 center no-repeat}


#leftmenu .menu a span.menu-cms-overview,
#leftmenu .menu-focus span.menu-cms-overview,
#leftmenu .menu a:hover span.menu-cms-overview { background-position: left center !important; background-size: 22px 22px !important; }



.menu-mkt-overview{background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2722%27%20height%3D%2722%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23989393%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2011v2a1%201%200%200%200%201%201h2l5%204V6L6%2010H4a1%201%200%200%200-1%201z%27%2F%3E%3Cpath%20d%3D%27M15%209a4%204%200%200%201%200%206M18%206a8%208%200%200%201%200%2012M6%2014l1%206h3l-1-6%27%2F%3E%3C%2Fsvg%3E") 0 center no-repeat}
.menu-focus .menu-mkt-overview, .menu a:hover .menu-mkt-overview{background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2722%27%20height%3D%2722%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23242625%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2011v2a1%201%200%200%200%201%201h2l5%204V6L6%2010H4a1%201%200%200%200-1%201z%27%2F%3E%3Cpath%20d%3D%27M15%209a4%204%200%200%201%200%206M18%206a8%208%200%200%201%200%2012M6%2014l1%206h3l-1-6%27%2F%3E%3C%2Fsvg%3E") 0 center no-repeat}
#leftmenu .menu a span.menu-mkt-overview,
#leftmenu .menu-focus span.menu-mkt-overview,
#leftmenu .menu a:hover span.menu-mkt-overview { background-position: left center !important; background-size: 22px 22px !important; }





.menu-newsletter{background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2722%27%20height%3D%2722%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23989393%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%274%27%20width%3D%2720%27%20height%3D%2716%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%27%2F%3E%3C%2Fsvg%3E") 0 center no-repeat}
.menu-focus .menu-newsletter, .menu a:hover .menu-newsletter{background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2722%27%20height%3D%2722%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23242625%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%274%27%20width%3D%2720%27%20height%3D%2716%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%27%2F%3E%3C%2Fsvg%3E") 0 center no-repeat}


#leftmenu .menu a span.menu-newsletter,
#leftmenu .menu-focus span.menu-newsletter,
#leftmenu .menu a:hover span.menu-newsletter { background-position: left center !important; background-size: 22px 22px !important; }














.pj-alert {
position: fixed;
inset: 0;
z-index: 100000;
background: rgba(14, 33, 42, .45);
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.pj-alert__win {
background: #fff;
border-radius: 14px;
box-shadow: 0 18px 50px rgba(14, 33, 42, .28);
width: 100%;
max-width: 460px;
max-height: 80vh;
overflow: auto;
padding: 22px 24px 18px;
}
.pj-alert__ttl {
margin: 0 0 12px;
font-size: 16px;
font-weight: 700;
color: #0e3b4f;
}
.pj-alert__list {
margin: 0;
padding: 0;
list-style: none;
}
.pj-alert__list li {
position: relative;
padding: 9px 12px 9px 30px;
margin-bottom: 7px;
border-radius: 9px;
background: #fdf1ef;
border: 1px solid #f0d2cc;
color: #8c3328;
font-size: 13.5px;
line-height: 1.5;
word-wrap: break-word;
}
.pj-alert__list li:before {
content: "!";
position: absolute;
left: 10px;
top: 9px;
width: 14px;
height: 14px;
border-radius: 50%;
background: #c9564b;
color: #fff;
font-size: 10px;
font-weight: 700;
line-height: 14px;
text-align: center;
}
.pj-alert__foot {
margin-top: 14px;
text-align: right;
}
.pj-alert__ok {
appearance: none;
border: 0;
border-radius: 9px;
background: #0e3b4f;
color: #fff;
font: inherit;
font-size: 13.5px;
font-weight: 700;
padding: 9px 22px;
cursor: pointer;
}
.pj-alert__ok:hover { background: #15313f; }
.pj-alert__ok:focus-visible { outline: 3px solid #7fa2b3; outline-offset: 2px; }


#content .pj-translate-ui { margin: 14px 0; padding: 12px 14px; background: #f6f7f8; border: 1px solid #dfe3e5; border-radius: 10px; }
#content .pj-translate-ui .tr-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
#content .pj-translate-ui .tr-lbl { font-weight: 700; color: #333c41; font-size: 12.5px; }
#content .pj-translate-ui .tr-eng { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; color: #333c41; cursor: pointer; }
#content .pj-translate-ui .tr-eng.off { color: #9aa3a8; cursor: not-allowed; }
#content .pj-translate-ui .tr-manual-btn { margin-left: auto; }
#content .pj-translate-ui .tr-manual { margin-top: 12px; border-top: 1px solid #dfe3e5; padding-top: 12px; }
#content .pj-translate-ui .tr-note { margin: 0 0 10px; font-size: 12px; color: #646f75; max-width: 70em; }
#content .pj-translate-ui .tr-lang { margin-bottom: 12px; }
#content .pj-translate-ui .tr-lang > b { display: inline-block; margin-bottom: 5px; color: #0e3b4f; font-size: 12.5px; }
#content .pj-translate-ui .tr-fld { display: block; margin: 0 0 8px; }
#content .pj-translate-ui .tr-fld span { display: block; font-size: 11.5px; font-weight: 700; color: #646f75; margin-bottom: 3px; }
#content .pj-translate-ui .tr-fld textarea { width: 100%; max-width: 720px; border: 1px solid #dfe3e5; border-radius: 8px; padding: 8px 10px; font: inherit; font-size: 13px; }
#content .pj-translate-ui .tr-fld textarea:focus { outline: none; border-color: #006fa6; box-shadow: 0 0 0 3px rgba(0, 111, 166, .12); }
#content .pj-translate-ui .tr-msg { font-size: 12px; color: #646f75; margin-left: 8px; }



#content .pj-translate-ui.tr-popup { margin: 0; padding: 0; background: none; border: 0; }
#content .pj-translate-ui .tr-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10050; background: rgba(14, 32, 41, .45); display: flex; align-items: flex-start; justify-content: center; padding: 48px 16px; overflow: auto; }
#content .pj-translate-ui .tr-modal[hidden] { display: none; }
#content .pj-translate-ui .tr-dlg { background: #fff; border-radius: 12px; width: 100%; max-width: 640px; box-shadow: 0 18px 50px rgba(0, 0, 0, .25); overflow: hidden; }
#content .pj-translate-ui .tr-dlg-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #0e3b4f; color: #fff; padding: 12px 16px; font-weight: 700; font-size: 14px; }
#content .pj-translate-ui .tr-x { background: none; border: 0; color: #fff; font-size: 22px; line-height: 1; cursor: pointer; padding: 0 2px; }
#content .pj-translate-ui .tr-dlg-b { margin: 0; border: 0; padding: 14px 16px; max-height: 65vh; overflow: auto; }
#content .pj-translate-ui .tr-dlg-f { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; padding: 12px 16px; border-top: 1px solid #e7ece9; background: #f6f7f8; }
#content .pj-translate-ui .tr-dlg-f .tr-msg { margin: 0 auto 0 0; }
#content .pj-translate-ui .tr-dlg .tr-fld textarea { box-sizing: border-box; max-width: none; }







#content .pj-translate-ui .pj-btn,
#content .pjRvT .pj-btn {
display: inline-block; border: 1px solid #cbd2d6; background: #fff; color: #2b3033;
border-radius: 8px; padding: 7px 14px; font: inherit; font-size: 13px; cursor: pointer;
}
#content .pj-translate-ui .pj-btn:hover,
#content .pjRvT .pj-btn:hover { border-color: #006fa6; }
#content .pj-translate-ui .pj-btn[disabled],
#content .pjRvT .pj-btn[disabled] { opacity: .5; cursor: default; }
#content .pj-translate-ui .pj-btn-primary,
#content .pjRvT .pj-btn-primary { background: #0e3b4f; border-color: #0e3b4f; color: #fff; }
#content .pj-translate-ui .pj-btn-primary:hover,
#content .pjRvT .pj-btn-primary:hover { background: #006fa6; border-color: #006fa6; }
#content .pj-translate-ui .pj-btn-sm { padding: 5px 11px; font-size: 12.5px; }




#content .pjCmsUrl { display: inline-flex; align-items: center; gap: 8px; min-height: 30px; }
#content .pjCmsUrl a { color: #006fa6; font-weight: 700; text-decoration: none; word-break: break-all; }
#content .pjCmsUrl a:hover { text-decoration: underline; }
#content .pjCmsUrlNone { color: #8a9398; font-style: italic; }
#content .pjCmsUrlHint { display: block; margin-top: 4px; color: #6d787d; font-size: 11px; line-height: 1.5; max-width: 560px; }



#content .osg-wrap { background: #fff; border: 1px solid #e3e6e8; border-radius: 12px; padding: 18px 20px; max-width: 1100px; box-sizing: border-box; }
#content .osg-intro { color: #5d6467; font-size: 13px; margin: 0 0 14px; line-height: 1.5; max-width: 80ch; }
#content .osg-note { border-radius: 8px; padding: 9px 12px; font-size: 13px; background: #fdecea; border: 1px solid #f5c6c0; color: #a23b2c; }
#content .osg-scroll { overflow-x: auto; margin-top: 14px; }
#content .osg-table { width: 100%; min-width: 640px; }
#content .osg-table td { vertical-align: top; }
#content .osg-table a { color: #006fa6; }
#content .osg-nowrap { white-space: nowrap; }
#content .osg-empty { text-align: center; color: #8a9599; padding: 18px; }
#content .osg-step { display: inline-block; font-size: 11.5px; font-weight: 700; border-radius: 999px; padding: 2px 9px; background: #eef2f4; color: #4b565b; }
#content .osg-step--package { background: #fff7d1; color: #8a6500; }
#content .osg-step--done { background: #e4f2ea; color: #2e7d52; }
#content .osg-step--cancelled { background: #f3f3f3; color: #8a9599; }
#content .osg-step--pay { background: #fff7d1; color: #8a6500; }
#content .osg-step--review { background: #e3f1f8; color: #00577f; }
#content .osg-note--ok { background: #e4f2ea; border-color: #bfe0cc; color: #2e7d52; margin-bottom: 12px; }
#content .osg-note { margin-bottom: 12px; }
#content .osg-sub { font-size: 12px; color: #6b767a; }
#content .osg-warn { color: #a23b2c; font-weight: 700; }
#content .osg-pay { display: inline-block; font-size: 11.5px; font-weight: 700; border-radius: 999px; padding: 2px 9px; background: #eef2f4; color: #4b565b; }
#content .osg-pay--paid { background: #e4f2ea; color: #2e7d52; }
#content .osg-pay--failed, #content .osg-pay--canceled, #content .osg-pay--expired { background: #fdecea; color: #a23b2c; }
#content .osg-inline { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 6px 0 0; }
#content .osg-btn { font: inherit; font-size: 12px; font-weight: 700; border: 0; border-radius: 8px; padding: 5px 10px; background: #ffd426; color: #0e3b4f; cursor: pointer; }
#content .osg-btn:hover { background: #f5c800; }
#content .osg-btn--ghost { background: #ffffff; color: #006fa6; box-shadow: inset 0 0 0 1px #c9dbe4; }
#content .osg-btn--ghost:hover { background: #e6f2f8; }
#content .osg-rowact { margin: 6px 0 0; }
#content .osg-links { display: flex; flex-wrap: wrap; gap: 10px; margin: 4px 0 0; font-size: 12.5px; font-weight: 700; }
#content .osg-check { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 5px; font-size: 12.5px; min-width: 220px; }
#content .osg-check + .osg-sub { display: block; margin-top: 6px; }
#content .osg-check li { display: flex; gap: 7px; align-items: flex-start; line-height: 1.4; }
#content .osg-check__mark { flex: 0 0 18px; height: 18px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; background: #eef2f4; color: #6b767a; }
#content .osg-check li.is-ok .osg-check__mark { background: #e4f2ea; color: #2e7d52; }
#content .osg-check li.is-open { color: #2b3033; }
#content .osg-check a { font-weight: 700; }
#content .osg-step--approved { background: #e3f1f8; color: #00577f; }
#content .osg-more { margin-top: 6px; font-size: 12.5px; }
#content .osg-more summary { cursor: pointer; color: #006fa6; font-weight: 600; }
#content .osg-more dl { display: grid; grid-template-columns: max-content 1fr; gap: 3px 12px; margin: 8px 0 0; }
#content .osg-more dt { color: #8a9599; }
#content .osg-more dd { margin: 0; color: #2b3033; }
#content .osg-step--rejectfail { background: #fdecea; color: #a23b2c; }
#content .osg-btn--danger { background: #a23b2c; color: #ffffff; }
#content .osg-btn--danger:hover { background: #8a2f22; }
#content .osg-reject { margin-top: 8px; font-size: 12.5px; }
#content .osg-reject summary { cursor: pointer; color: #a23b2c; font-weight: 700; }
#content .osg-reject form { display: grid; gap: 6px; margin-top: 8px; min-width: 220px; max-width: 360px; }
#content .osg-reject label { font-weight: 600; color: #2b3033; }
#content .osg-reject textarea { width: 100%; box-sizing: border-box; font: inherit; font-size: 13px; border: 1px solid #c9d3d8; border-radius: 8px; padding: 7px 9px; resize: vertical; }
#content .osg-reject textarea:focus { outline: none; border-color: #006fa6; box-shadow: 0 0 0 3px rgba(0, 111, 166, .18); }
#content .osg-reject button { justify-self: start; }
#content .osg-rejinfo { margin-top: 8px; font-size: 12.5px; min-width: 220px; }
#content .osg-reason { margin: 4px 0 6px; padding: 6px 10px; border-left: 3px solid #a23b2c; background: #fbf4f3; color: #2b3033; }
#content .osg-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 14px 0 0; }
#content .osg-tools .osg-inline { margin: 0; }
#content .osg-tools label { font-weight: 600; color: #2b3033; font-size: 13px; }
#content .osg-select { font: inherit; font-size: 13px; border: 1px solid #c9d3d8; border-radius: 8px; padding: 5px 8px; background: #fff; }
#content .osg-select:focus { outline: none; border-color: #006fa6; box-shadow: 0 0 0 3px rgba(0, 111, 166, .18); }
#content .osg-dry { margin-top: 12px; border: 1px dashed #8a6500; background: #fff7d1; border-radius: 10px; padding: 10px 12px; font-size: 13px; color: #2b3033; }
#content .osg-dry .osg-warn { margin-top: 6px; font-weight: 600; }
#content .osg-lines { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 4px; font-size: 12.5px; min-width: 240px; }
#content .osg-lines li { display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px solid #eef2f4; padding: 3px 0; }
#content .osg-lines li:last-child { border-bottom: 0; }
#content .osg-table .osg-num { text-align: right; }
@media (max-width: 600px) { #content .osg-wrap { padding: 14px 12px; } }