@charset "UTF-8";

/*
#yw0 li, #yw1 li {background-image:none !important}
#yw0 .hitarea {margin:3px 0 0 -16px !important}
#yw1 .hitarea {margin:5px 0 0 -16px !important}
/**/


/*
h1 {font-size:22px; margin:0; padding:0; font-weight:normal;}
h1 span.arrow_right {background-image:url(../i/arrow_right.gif); width:17px; height:7px; overflow:hidden; display:inline-block; vertical-align:middle; margin:0 6px}
h1 a, h1 a:hover {color:#000}
h1 a.button_black {margin:0 0 0 5px}
/**/

button.addRow {/*padding: 10px;*//*height: 42px;*/}

/**/
a.save,
a.update,
a.edit,
a.refresh,
a.delete {display: inline-block;display: inline-flex;width: 25px;height: 25px;line-height: 25px;border-radius: 3px;cursor: pointer;margin-right: 2px;opacity: .65;align-items: center;justify-content: center;}

a.save img,
a.update img,
a.edit img,
a.refresh img,
a.delete img {width: 25px; height: 25px;}

a.save:hover,
a.update:hover,
a.edit:hover,
a.refresh:hover,
a.delete:hover {background: rgba(0,0,0,.07); opacity: 1;}
/**/



.summary {font-size: 12px;line-height: 14px;text-align: right;color: #5E5F70;margin-left: auto;}
h1 + .grid-view .summary:first-child {margin-top: -14px;}



.simple_tabs {margin: 0 auto 10px;/* margin: 28px 0 10px; */display: flex;flex-flow: column;}
/*
form > input[name="_csrf"] + .simple_tabs {margin-top: 0;} /* hack */
/**/

.simple_tabs ul.tabs {/* overflow:hidden; */display: flex;flex-flow: row;flex-wrap: wrap;position: relative;z-index: 10;/* overflow-x: scroll; */align-items: end;padding-top: 1px;}

.simple_tabs ul.tabs li {display: inline-block;flex-shrink: 0;margin-top: -1px;}
.simple_tabs ul.tabs a {display: block;display: flex;align-items: center;/* min-height: 34px; */line-height: 1.1;padding: 8px 15px;color: #656676;/*background-image:url(../i/tabs_bg.gif); background-repeat:repeat-x;*/border: solid 1px #E8E8E8;border-bottom-color: #dadada;margin:0 -1px 0 0;font-size: 14px;font-weight: 400;/* border-radius: 14px 14px 0 0; */text-decoration: none;}
.simple_tabs ul.tabs li:first-child > a {border-top-left-radius: 14px;}
.simple_tabs ul.tabs li:last-child > a {border-top-right-radius: 14px;}
.simple_tabs ul.tabs a:hover {/* background-color:#fafafa; */}

.simple_tabs ul.tabs li.ui-state-active {z-index: 5;}
.simple_tabs ul.tabs li.ui-state-active a {background-color: #fff;border-color: #DADADA;border-bottom-color: transparent;color: #37384D;font-weight: 500;box-shadow: 3px -5px 10px rgba(0,0,0,.05);}

.simple_tabs > div.content {background: #fff;padding: 10px 10px 15px 15px;border: solid 1px #DADADA;position:relative;margin:-1px 0 0 0;border-radius: 0 14px 14px 14px;/*overflow: auto;*/flex-grow: 1;flex-shrink: 0;min-width: 0;width: 100%;}
.simple_tabs div.ui-tabs-hide {position:absolute; top:-99999px}




table.items {/* font-family: Tahoma, Arial, Verdana, Geneva, sans-serif; */font-size: 12px;/* font-family: "Roboto Condensed", "Roboto", Arial, Tahoma, Verdana, sans-serif; */font-size: 14px;margin: 10px 0 20px;width:100%;border:solid #babec0;border-width:1px 0;color: #656676;background-color:#FFF;/* table-layout: fixed; */font-weight: 400;}

table.items td, table.items th {border:solid #babec0;border-width: 1px;vertical-align:middle}
table.items td.big, table.items th.big {font-size: 10px;}

table.items thead td, table.items thead th {padding: 5px 5px;border-bottom:solid 1px #babec0;/* background-image:url(../i/simple_table_thead_bg.gif); */background-repeat:repeat-x;background-position:0 50% !important;}
table.items tbody td, table.items tbody th {padding: 3px 8px;}

table.zebra tbody tr:nth-child(even) > td,
table.filters tbody tr:nth-child(even) > td,
table.items tr.grey > td,
table.items tr.grey > th {background-color:#f0f0f0}

table.items tfoot td, table.items tfoot th {background-color:#fce8e5; padding:4px 9px 2px 9px; color:#000; border-top:solid 1px #babec0}
table.items tfoot span.text {display:inline-block; vertical-align:middle}




table.items input {}
table.items input[type="checkbox"], table.items input[type="radio"] {position:relative;margin-right: 5px;vertical-align: unset;}
table.items input[type="radio"] {margin:-2px 5px 0 0}

table.items label {display:inline-block;vertical-align: middle;/* margin-right: 6px; */display: inline-flex;align-items: center;/* flex-wrap: wrap; */}

table.items input.date {text-align:center; width:90px}
table.items select {font-size: 14px;height:30px;/*18px;*/line-height:18px;max-width: 100%;margin-bottom: 2px;}

table.items a.icon-edit, table.items a.icon-delete {background-image:url(../i/edit_delete_shape.png); width:15px; height:15px; display:inline-block}
table.items a.icon-edit:hover {background-position:0 -15px}
table.items a.icon-delete {background-position:-15px 0}
table.items a.icon-delete:hover {background-position:-15px -15px}

table.simple_table_small_pad {margin: 20px 0 0 0}
table.simple_table_small_pad tbody td {padding: 2px 8px 3px 8px}






table.filters td {border: solid #DADADA;border-width: 1px;vertical-align:middle;}
table.filters thead {cursor:pointer}
table.filters thead td {display: flex;background: #fff;font-size: 16px;/* color: #fff; */padding: 6px 15px;font-weight: 500;border-top: 1px solid #DADADA;border-bottom: solid 1px #DADADA;/* background-image:url(../i/table_filters_thead_bg.gif); background-repeat:repeat-x; background-position:0 50%*/border-radius: 8px;/* border-left-color: transparent; *//* border-right-color: transparent; *//* border-bottom-color: transparent; */align-items: center;box-shadow: 0 1px 4px rgba(0, 0, 0, .06);}
table.filters thead span.left {/* float:left; */margin-right: auto;}

table.filters thead a.toggle {display:inline-block;font-size: 13px;font-weight: 400;background-repeat:no-repeat;background-position:100% 60%;*//* padding:0 10px 0 0; */color: inherit;text-decoration: underline dotted #fff;color: inherit;opacity: .75;}
table.filters thead a.toggle:hover {text-decoration:none;opacity: 1;}


table.filters tbody td {padding: 3px 8px;}
table.filters tbody td:first-child {color: #656676;width:170px;vertical-align: top;padding-top: 7px;}

table.filters input[type="text"] {}
table.filters input.date {text-align:center; width:90px}
table.filters select.user {width: 145px;}
table.filters tbody select {width: 392px;}






.inputClear, div.dateInputSelect, div.dateInputClear {
    background: url('../i/clear_date.gif') 0 50% no-repeat;
    display:inline-block;
    vertical-align: middle;
    min-width: 64px;
    padding-left: 14px;
    cursor:pointer;
    margin-left: 6px;
    font-size: 14px;
}

div.dateInputClear {/* width:47px; */margin-left: 10px;}
div.dateInputSelect {background: url('../i/select_date.gif') 0 50% no-repeat;}

div.dateInputSelect a, div.dateInputClear a {text-decoration: none;border-bottom: 1px dashed #00461d;color: inherit;}
div.dateInputSelect a:hover, div.dateInputClear a:hover {color: #00461d;}

div.dateInputClear a {width:47px;}

.dateInput {/* float:left; */}

.errorMessage {color:#c00}





table.spoiler {border-top: none;border-color: #DADADA;border-bottom-width: 0;border-radius: 14px;table-layout: fixed;}
table.spoiler tbody, .spoiler tbody {display: none;}

table.spoiler.open {border-bottom-width: 1px;box-shadow: 0 1px 4px rgba(0, 0, 0, .06);border-radius: 14px 14px 0 0;14px 14px 0CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;}
table.spoiler.open thead td {border-bottom-color: transparent;border-bottom-left-radius: 0;border-bottom-right-radius: 0;padding-bottom: 6px;box-shadow: none;}
table.spoiler.open tbody, .spoiler.open tbody {display: table;width: 100%;border-top: 1px solid #dadada;}




/**/
#sortable-photos li { padding-bottom: 1px; position: relative;}
#sortable-photos li .row {margin-top: 15px;margin-bottom: 15px;}
#sortable-photos .row.thumb a.link_photo_preview { float: left!important; margin-right: 10px;}
#sortable-photos .label_left { float: left; width: 40px;}
#sortable-photos iframe.iframe_load_photo { margin-left: 0; }
.row.thumb a {display: block; float: none!important;}

#message-window {
	background-color: #FFFFFF;
    border: 6px solid #979797;
    color: black;
    display: none;
    font-size: 15px;
    height: 85px;
    left: 50%;
    margin-left: -150px;
    padding: 40px 0 0 0 ;
    position: absolute;
    text-align: center;
    top: 100px;
    width: 300px;
    z-index: 1000000;}
.mask_massage-window { width: 100%; height: 100%; background-color: #000; position: absolute; z-index: 100000; display: none; opacity: 0.2; filter: alpha(opacity = 20);}

.deleteItem {
    background: url("../i/icon-button-cancel.gif") center no-repeat transparent;
    cursor: pointer;
    position: absolute;
	right: 5px;
	top: 5px;
	width: 10px;
	height: 10px;
}
/**/


.tip {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	border: 1px dotted black; 
	background-color: lightyellow; 
	color: black; 
	font-size: 9px;
}

.tip2 {border-radius: 4px;border: 1px dotted black;background-color: lightyellow;color: black;font-size: 9px;padding: 5px 5px;line-height: 1.2;margin: 4px 0 2px;}



div.userInputSelect, div.userInputClear {
    background: url('../i/select_date.gif') 0 50% no-repeat;
    padding-left: 16px;
    display:block;
    /*width:82px;*/
    padding-left:12px;
    cursor:pointer;
    float:left;
    margin:4px 0 0 6px;
}
div.userInputClear {
    background: url('../i/clear_date.gif') 0 50% no-repeat;
    margin-left:10px;
    width:47px;
}

div.userInputSelect a, div.userInputClear a {
    text-decoration:none!important;
    border-bottom:1px dashed #003366;
    font-size:10px;
    display:block;
    float:right;
    /*width:80px;*/
}

div.userInputClear a {
    width:47px;
}


.isdeleted td {
	background-color: #FFCC99;
	color: white;
}



#imagesContainer {}
#imagesContainer .imageItem { text-align: center;}
#imagesContainer img { max-width: 100%; height: auto; max-height: 100%; width: auto; display: inline-block;}

.config-index table.items textarea { max-width: 1200px; width: 100%;}



/* new image uploader (without iframe) styles */
.attached_images_container {margin-bottom: 30px;}
.attached_images .image_item {display: inline-block;position: relative;margin: 10px 10px 10px 0;vertical-align: top;}
.attached_images .image_item b.remove {position: absolute;display: block;top: 0;right: 0;width: 26px;height: 26px;text-align: center;line-height: 26px;color: #fff;background: rgba(0,0,0,.2);cursor: pointer;font-size: 14px;text-transform: capitalize;}
.attached_images .image_item b.remove:hover {background: #555;}
.attached_images .image_item .img {text-align: center;width: 160px;height: 160px;background: #ddd;border: 1px solid #aaa;line-height: 160px;}
.attached_images img {max-width: 100%;height: auto;max-height: 100%;width: auto;display: inline-block;}
.attached_images .caption {position: absolute;/* height: 24px; */line-height: 24px;overflow: hidden;left: 0;bottom: 0;background: rgba(0,0,0,.2);right: 0;color: #fff;font-size: 11px;padding: 0 5px;text-overflow: ellipsis;white-space: nowrap;}
.attached_images .image_item.pending .img {opacity: .5;}

.inline_uploader .add {width: 140px;height: 140px;border:none;background:#fafafa url(/i/add.gif) 0 0 no-repeat;cursor:pointer;}
.inline_uploader .add:hover {background-color:#d3d3d3; background-position:0 bottom;}



.popup {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; overflow-y: auto; text-align: center; white-space: nowrap; }
.popup:before {content: ""; display: inline-block; height: 100%; width: 0; vertical-align: middle; }

.popup .overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; background: rgba(0,0,0,.3); }

.popup_dialog {display: inline-block;vertical-align: middle;width: 100%;max-width: 420px;position: relative;z-index: 150;background: #fff;text-align: left;overflow: hidden;border-radius: 0px;box-shadow: 0 2px 20px -5px rgba(0,0,0,.3);white-space: normal;}

.popup_dialog .caption {background: #333 url(../i/header_bg.gif) 50% 50% repeat-x;color: #fff;padding: 10px;}

.popup_dialog .body {padding: 30px 10px 30px; text-align: center; font-size: 14px;}

.popup.ajax_mode .popup_dialog .body:after {content: "";display: block;background: url('/i/ajax-loader.gif') 50% 50% no-repeat;height: 15px;width: 128px;margin: 20px auto auto;}

.popup_dialog .buttons {padding: 10px; border-top: solid 1px #ccc; text-align: right; }
.popup_dialog .buttons .button {background: #333; height: 32px; line-height: 32px; display: inline-block; cursor: pointer; padding: 0 10px; border-radius: 3px; color: #fff; text-decoration: none; }

.popup_dialog .buttons .button:hover {opacity: .86; /*background: #36824e;*/}







/* styled inputs: */
.s_input {position: relative;display: inline-block;}
.s_input.error input[type="text"]{border-color: rgba(240, 58, 0, 0.5); color: #F03A00; }


.s_input input[type="text"]:focus,
.s_input input[type="password"]:focus {border-color: #CDD6D1;}



.s_select {cursor: pointer;text-align: left;}
.s_select:after {display: block;content: "▼";position: absolute;right: 0;width: 16px;height: 12px;line-height: 12px;top: 50%;margin-top: -7px;z-index: 1;pointer-events: none;cursor: pointer;text-align: center;}
.s_input.s_select input[type="text"] {padding-right: 20px;cursor: text;border-width: 1px;line-height: 16px;/* height: 16px; */}
.s_select select {position: relative;z-index: 2;} /* show on top of :after */
.s_select:hover input[type="text"] {}


.s_select .select_dropdown {position: absolute;left: 0;top: 100%;right: 0;background: #fff;padding: 2px 0 2px;z-index: 10; white-space: normal;display: none;border: 1px solid #888;font-size: 11px;}
.s_select .select_dropdown .ul {line-height: 16px;display: block;max-height: 245px;overflow-y: auto;}
.s_select .select_dropdown .li {display: block;padding: 2px 5px;color: #000;cursor: pointer;}
.s_select .select_dropdown .li.active {background: rgba(0, 0, 0, 0.1);}
.s_select .select_dropdown .li:hover {background: rgba(0, 0, 0, 0.1);}

.s_select.opened {z-index: 30;}
.s_select.opened:after {transform: rotate(180deg);}
.s_select.opened:hover:after {margin-top: -7px;}

.s_select.opened input[type="text"] {border-color: #000 !important;cursor: text;}

.s_select.opened .select_dropdown {display: block; }







.complaint_answer_panel {position: relative;padding-right: 40%;font-family: Arial, Tahoma, sans-serif;font-size: 14px;/* margin-right: -8px; *//* margin-left: -8px; */}
.complaint_answer_panel * {box-sizing: border-box; }

.complaint_answer_panel .title {font-weight: 600;color: #000;height: 22px;line-height: 22px;/* margin-top: 5px; */padding: 0 3px;}
.complaint_answer_panel textarea {width: 100% !important;border: solid 1px #aaa;min-height: 400px;}



.hot_phrases_wrapper {position: relative;padding-right: 40%;font-family: Arial, Tahoma, sans-serif;font-size: 14px;/* margin-right: -8px; *//* margin-left: -8px; */}
.hot_phrases_wrapper * {box-sizing: border-box; }

.hot_phrases_wrapper .title {font-weight: 600;color: #000;height: 22px;line-height: 22px;/* margin-top: 5px; */padding: 0 3px;}
.hot_phrases_wrapper textarea {width: 100% !important;border: solid 1px #aaa;min-height: 400px;}


.hot_phrases_panel {position: absolute;top: 0;right: 0px;width: 40%;bottom: 0;padding-left: 7px;padding-top: 4px;background: #f0f0f0;overflow: hidden;}

.hot_phrases_panel > .title {/* padding: 5px 10px 5px 7px; *//* position: sticky; *//* top: 0; *//* background: inherit; *//* border-bottom: 1px solid #dadada; *//* z-index: 10; */}

.hot_phrases_panel > .ul {position: absolute;top: 26px;bottom: 0;right: 0;overflow-y: auto;width: 100%;padding-left: 7px;padding-right: 10px;padding-top: 8px;padding-bottom: 8px;}
.hot_phrases_panel > .ul:after {content: ""; display: table; clear: both; }

.hot_phrases_panel > .ul > .li {display: block; }
.hot_phrases_panel > .ul > .li > a {display: inline-block;padding: 5px 13px;border-radius: 12px;cursor: pointer;background: #e2e2e2;color: #000;font-size: 14px;line-height: 16px;min-height: 26px;min-width: 60px;position: relative;/* float: left; *//* clear: both; */text-decoration: none;}
.hot_phrases_panel > .ul > .li > a {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.hot_phrases_panel > .ul > .li > a:hover {background: #dadada; }
.hot_phrases_panel > .ul > .li > a:active {background: #cecece;}

.hot_phrases_panel > .ul > .li + .li {margin-top: 8px;}

.hot_phrases_panel > .ul > .li.with_avatar {padding-right: 32px;}
.hot_phrases_panel > .ul > .li > img {position: absolute;width: 26px;height: 26px;right: 0;top: 0;display: block;border-radius: 50%;}

.hot_phrases_panel > .ul > .li em {display: none;}




.sectionPicker {width: 430px;overflow: hidden;}