@charset "UTF-8";

* {outline:none;box-sizing: border-box;}
html, body {margin:0; padding:0; width:100%; height:100%}

/*body {background-color: #fff;font-family:Arial, Helvetica, sans-serif;font-size: 12px;color:#000;min-width: 985px;}*/
body {
	background-color: var(--ds-surface, #e6e6e6);
	color: var(--ds-text, #172B4D);
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
	font-size: var(--ds-font-size-100, 10px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--ds-font-lineHeight-200, 1.42857142857143);
}

img {border:0}
a {text-decoration:none; border:0; color:#036}
a:hover {text-decoration:underline; color:#036}

form {display:inline}
table {border-collapse:collapse}
td {padding:0; vertical-align:top}
ul, li {margin:0; padding:0; list-style:none}

#wrapper {position:relative;padding: 40px 0 0;/* display: flex; *//* min-height: 100vh; */flex-flow: column;width: 100%;}
.wrapper_wide div#text {margin: 0;}
#wrapper.wrapper_wide {background: none;}

#header {background-color: #0d1611;/*background-image:url(../i/header_bg.gif);background-repeat:repeat-x;*/height:40px;overflow:hidden;/* border-bottom:solid 1px #FFF; */color:#999;position: fixed;left: 0;top: 0;width: 100%;right: 0;z-index: 50;}
#header:after {clear:both; display: table; content: "";}

#header_logo {float:left;padding-left: 14px;height: 40px;margin-right: 40px;}
#header_logo a {display: block;background: url(../i/logo.svg) 0 50% no-repeat;height: 40px;width: 28px;}

#header_user {float:right;text-align: right;display: flex;padding-right: 20px;height: 40px;align-items: center;justify-content: center;align-content: center;flex-flow: row;}

#header_user div.settings {display: inline-block;padding: 0 23px 0 0;line-height: 40px;height: 100%;}
#header_user div.settings a {display: inline-block;width: 24px;height: 24px;background: url(../i/header_permissions.png) 50% 50% no-repeat;background-size: 16px;border-radius: 50%;vertical-align: middle;opacity: .75;}
#header_user div.settings a:hover {background-color: rgba(255, 255, 255, .2);opacity: 1;}

#header_user div.hello {display: inline-block;background-image:url(../i/header_sep.png);background-position:100% 100%;background-repeat:no-repeat;padding: 0 23px 0 0;font-family:Verdana, Geneva, sans-serif;letter-spacing:-0.3px;height: 100%;line-height: 40px;}
#header_user div.hello span {color:#ccc}
#header_user .exit {display: inline-block;background-image:url(../i/header_exit_bg.png);background-repeat:no-repeat;background-position:0 50%;padding:0 0 0 21px;font-size: 10px;color:#999;margin-left: 20px;line-height:16px;background-color: transparent;}
#header_user .exit:hover {text-decoration: underline;}


#pageCreateDialog {text-align: left; white-space: nowrap;}



#sidebar {display: none;background: #f7f7f7;border-right: 2px solid #aaa;width: 220px;}
#sidebar_content {position: relative;width: 100%;max-height: 100%;overflow-y: auto;padding: 0 10px 20px 10px;/* pointer-events: none; */}
	
#header .sidebar_toggle {display: none;}



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



#text {position:relative;background-color:#fff;}

#text ul.pages {margin:17px 0}
#text ul.pages li {display:inline; margin:0 0 0 6px}
#text ul.pages li:first-child {margin:0}
#text ul.pages li.current {font-weight:bold}
#text ul.pages li.current a {color:#000}
#text ul.pages li.current a:hover {text-decoration:none}
#text ul.pages a {}


#footer {height: 40px;line-height: 39px;border-top:solid 1px #babec0;position: relative;background-image:url(../i/footer_bg.gif);overflow:hidden;padding: 0 20px 0;font-size: 10px;/* left: 0; *//* bottom: 0; *//* right: 0; */}
#footer_copy {float:left}

#footer_menu {float:right}
#footer_menu li {display:inline; border-left: solid 1px #d6d6d6; margin:0 0 0 7px; padding:0 0 0 7px}
#footer_menu li:first-child {border-left:none}
#footer .copyright {float: left;height: 42px;overflow: hidden;/* padding-left: 30px; */}
#footer .menu {float: right;height: 42px;overflow: hidden;/* padding-right: 20px; */}


@media only screen and (min-width: 721px) {
	#wrapper {position:relative;display: flex;flex-flow: column;height: 100vh;overflow: hidden;}
	
	#content {position:relative;display: flex;flex-flow: row;flex-wrap: nowrap;height: 100%;width: 100%;}
	#text {position:relative;background-color:#FFF;flex-grow: 1;height: 100%;overflow-y: auto;overflow-x: auto;min-width: 0;max-width: 100%;padding: 0;}
	#text_content {padding:10px 20px;min-width: 720px;}
	
	#sidebar {display: block;position: static;/* min-width: 160px; *//* max-width: 220px; */flex-shrink: 0;}

	#sidebar_toggle {display: block;background: #fff;width: 28px;height: 28px;position: fixed;top: 74px;left: 205px;z-index: 210;border-radius: 50%;cursor: pointer;border: 2px solid #ccc;}
	#sidebar_toggle:before {border-style: solid;border-width: 2px 2px 0 0;border-color: #777;content: '';display: block;height: 6px;transform: rotate(-135deg);transform-origin: center;width: 6px;position: absolute;top: 50%;left: 50%;margin-top: -4px;margin-left: -3px;}
	#sidebar_toggle:hover {border-color: #888;box-shadow: 0 0 10px rgba(0,0,0,.2);}
	
	.sidebar_hidden #sidebar {background: #eee;position: absolute;z-index: 200;left: 0;top: 0;bottom: 0;transform: translateX(-200px);}
	.sidebar_hidden #sidebar_content {opacity: 0;}
	
	.sidebar_hidden #content {padding-left: 20px;}
	
	.sidebar_hidden #sidebar_toggle {transform: translateX(-200px);}
	.sidebar_hidden #sidebar_toggle:before {transform: rotate(45deg);margin-left: -6px;}
	
	
	
	.sidebar_hover #sidebar {background: #f7f7f7;transform: translateX(0);box-shadow: 0 0 10px rgba(0,0,0,.15);transition: transform .25s ease .15s;}
	.sidebar_hover #sidebar_content {opacity: 1;}
	
	.sidebar_hover #sidebar_toggle {transform: translateX(0);transition: transform .25s ease .15s;}
}

@media only screen and (max-width: 720px) {

	#content {max-width: 100%;width: 100%;background: #fff;}
	#text_content {/* min-width: 320px; */overflow: auto;padding: 10px 10px 10px;}
	
	#header .sidebar_toggle {display: inline-block;padding-left: 28px;padding-right: 10px;height: 40px;line-height: 40px;vertical-align: top;margin-right: 30px;cursor: pointer;position: relative;}
	#header .sidebar_toggle:before {content: "";display: block;width: 12px;height: 40px;position: absolute;left: 10px;top: 0;background: url(../i/ico_menu.png) 50% 50% no-repeat;opacity: .5;}
	.mob_sidebar_open {/* overflow: hidden; */}
	.mob_sidebar_open #header .sidebar_toggle {background-color: rgba(255,255,255,.25); color: #fff;}
	.mob_sidebar_open #header .sidebar_toggle:before {opacity: 1;}
	
	.mob_sidebar_open #sidebar {display: block;position: fixed;background: rgba(0,0,0,.4);top: 40px;bottom: 0;left: 0;z-index: 200;width: 100%;/* backdrop-filter: blur(2px); */border: none;overflow: hidden;}

	#sidebar_content {background: #f7f7f7;max-width: 220px;padding-left: 20px;padding-right: 15px;border-right: 2px solid #555;box-shadow: 0 0 50px rgba(0,0,0,.5);}

	#footer {position: static;}
}



#siteStructure  {background:none !important; margin:0 !important;  float:none !important;  padding-top: 24px;}

.treeview ul { background: none;}
.treeview li li{ font-size: 10px; font-weight: normal;}
a.activePage { font-weight: bold;}
.treeview li { font-size: 10px; font-weight: normal;}
.treeview a, .treeview a:hover { color: #000; cursor:pointer;}

.gray { color: gray;}

.acms_menu .hitarea{display:block !important; position:absolute !important; padding:0 !important; margin:3px 0 0 -30px !important}
.acms_menu .collapsable-hitarea {background:none !important; background-image:url(../i/sidebar_menu_arrow_down.gif) !important; width:9px !important; height:7px !important}
.acms_menu .expandable-hitarea{background:none !important; background-image:url(../i/sidebar_menu_arrow_right.gif) !important; width:7px !important; height:9px !important}
.acms_menu * {background:none !important; margin:0 !important; float:none !important}

.acms_menu ul {/* width:168px !important; */overflow:hidden !important;background:transparent !important;padding-top: 12px;}
.acms_menu ul li {/* background:url(../i/sidebar_menu_header_bg.gif) no-repeat 0 0!important; */font-size: 10px !important;padding-left: 20px !important;}
.acms_menu ul ul {padding: 0 0 0 0px !important;margin: 0 0 0 -20px !important;width:auto !important;overflow:visible !important;list-style: none;}
.acms_menu ul ul li {background-image:none !important;font-size: 12px !important;padding: 0 0 0 12px !important;margin:7px 0 8px 0 !important;/* text-indent:-18px !important; */}
.acms_menu ul ul a {position: relative;display: block;/* background-image:url(../i/sidebar_menu_item_bg.gif) !important; */background-repeat:no-repeat !important;background-position: 5px 1px !important;padding: 0 0 0 23px !important;color:#000 !important;}
.acms_menu ul ul a:before {content: "";display: block;position: absolute;left: 2px;height: 10px;top: 50%;margin-top: -6px;width: 10px;background: #6f8b78;border-radius: 100%;}
.acms_menu ul ul li.current a {font-weight:normal !important}
.acms_menu ul ul li.current ul a {font-weight:normal !important}
.acms_menu ul ul li.current a {background-image:url(../i/sidebar_menu_item_current_bg.gif) !important}
.acms_menu ul ul li.current li a {background-image:url(../i/sidebar_menu_item_bg.gif) !important}
.acms_menu ul ul ul {margin:0 !important;/* padding:0 0 0 13px !important; */}
.acms_menu ul ul ul li {/* padding:0 !important */padding-left: 0 !important;}
.acms_menu ul#pageMenu {background-color:#FFF !important}

.acms_menu li.active {background: #cccccc !important; padding-top: 6px !important;padding-bottom: 6px !important;border-radius: 3px;/* border-right: solid 3px green; */padding-right: 3px !important;}
.acms_menu li.active a {color: #000 !important;}
.acms_menu li.active a:before {background: #3cca6a;}

.acms_menu li.group {/* padding-left: 0 !important; */border: 1px solid #e6e6e6;/* padding-top: 6px !important; */position: relative;background-color: #f0f0f0 !important;border-radius: 5px;margin-top: 20px !important;margin-bottom: 12px !important;padding-right: 2px !important;}
.acms_menu li.group > span {display: inline-block;color: #333;position: relative;z-index: 1;margin-left: -4px !important;top: -10px;background: #f7f7f7 !important;padding: 2px 4px;font-weight: normal;border-radius: 6px;line-height: 1em;}
.acms_menu li.group span + .treeview {margin-top: -10px !important;}

.acms_menu li.group a {font-weight: normal; }

.acms_menu .group .active a {color: #000 !important;padding-left: 28px !important;}
.acms_menu .group .active a:before {background: #3cca6a;left: 7px;}
.acms_menu .group .active {margin-left: -5px !important;}







.title_modul { font-size: 10px; display: block; padding-bottom: 5px;}




div.clear {clear:both; height:0; overflow:hidden}
h1 {font-size:22px; margin:0; padding:0; font-weight:normal; letter-spacing:-1px}
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}
select, input {font-family:Verdana, Geneva, sans-serif; font-size: 12px; letter-spacing:normal}

input[type="text"], input[type="email"], input[type="nubmer"] {height: 30px;border: 1px solid #aaa;}

a.button_black {background-image:url(../i/button_black_bg.gif); height:23px; line-height:23px; padding:0 12px; font-family:Verdana, Geneva, sans-serif; font-size: 10px; color:#FFF; display:inline-block; vertical-align:middle; letter-spacing:normal}
a.button_black:hover {background-position:0 -23px; text-decoration:none; color:#FFF}
a.button_black span {background-repeat:no-repeat; background-position:0 50%; padding:0 0 0 15px}
a.button_black span.plus {background-image:url(../i/icon_plus.gif)}
a.button_black span.save {background-image:url(../i/icon_save.png)}
a.button_black span.cancel {background-image:url(../i/icon_cancel.png)}




button {background:none;border-radius: 3px;border:none;background-color: #ccc;min-height: 30px;line-height: 18px;padding: 5px 18px 5px 18px;/*font-family:Verdana, Geneva, sans-serif; font-size:10px;*/color:#000;vertical-align:middle;letter-spacing:normal;cursor:pointer;border: 1px solid transparent;font-weight: 500;/* transition: background-color .25s ease, border-color .25s ease; *//* box-shadow: inset 0 0 4px #eaeaea; */}
button:hover {background-color: #d5d5d5;}

/*button span.add {background-image:url(../i/icon_plus.png);background-repeat:no-repeat;background-position:0 50%;padding: 0 0 0 20px;}*/
/*button span.save {background-image:url(../i/icon_save.png);background-repeat:no-repeat;background-position:0 50%;padding: 0 0 0 20px;}*/
/*button span.cancel {background-image:url(../i/icon_cancel.png); background-repeat:no-repeat; background-position:0 50%; padding:0 0 0 15px}*/

button.black {background-color: #222; color: #fff;}
button.black:hover {background-color: #000;}

button.cancel {background-color: transparent;border-color: #ddd;}
button.cancel:hover {background-color: #fff;border-color: #ccc;}

button.disabled {opacity: .5; pointer-events: none;}

button.pending span {background-image:url(../i/loader.svg);background-position:0 50%;background-size: 16px 16px;padding: 0 0 0 20px;}


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



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

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

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




input {vertical-align:middle}

textarea {border: 1px solid #aaa; border-radius: 3px; padding: 2px 4px;}

#templateContentShow, #visualEditor {width:100%; height:600px; border:none;}
#eventContent {width:100%; border:none;}
#visualEditor {min-height:700px}
ul#pageMenu {padding:0 !important; margin:-140px 0 0 0}
ul#pageMenu li {padding:0 !important; background-image:none !important}
span.required {color:#c00; font-weight:bold}



table.items {font-family:Verdana, Geneva, sans-serif;font-size: 12px;margin:10px 0 0 0;width:100%;border:solid #babec0;border-width:1px 0;color:#666;background-color:#FFF}
	table.items input {letter-spacing:normal}
	table.items input[type="checkbox"], table.items input[type="radio"] {position:relative; top:2px; vertical-align:baseline}
	table.items input[type="radio"] {margin:-2px 5px 0 0}
	table.items label {margin:0 6px 0 0; vertical-align:middle; display:inline-block}
	table.items td, table.items th {border:solid #babec0; border-width:0 1px; vertical-align:middle}
	table.items td.big, table.items th.big {font-size: 10px; font-family:Arial, Helvetica, sans-serif; letter-spacing:normal}
	table.items thead td, table.items thead th {padding:1px 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:4px 8px; letter-spacing:-0.5px}
	table.items tbody tr.grey td, table.items tbody 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[type="text"] {line-height: 14px;height: 30px;border: 1px solid #aaa;}
	table.items input.date {text-align:center; width:90px}
	table.items select {font-size: 12px;letter-spacing:normal;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 {margin:12px 0 0 0;}
	table.filters td {border:solid #babec0; border-width:0 1px; vertical-align:middle}
	table.filters thead {cursor:pointer}
	table.filters thead td {font-size: 12px; color:#010101; padding:3px 10px 4px 10px; font-weight:bold; border-bottom:solid 1px #babec0;/* background-image:url(../i/table_filters_thead_bg.gif); background-repeat:repeat-x; background-position:0 50%*/}
		table.filters thead span.left {float:left}
		table.filters thead a.toggle {float:right; font-size: 10px; font-weight:normal;/* background-image:url(../i/triangle_grey_up.gif); background-repeat:no-repeat; background-position:100% 60%;*/ padding:0 10px 0 0}
			table.filters thead a.toggle.closed {/*background-image:url(../i/triangle_grey_down.gif)*/}
			table.filters thead a.toggle:hover {text-decoration:none}
			table.filters thead a.toggle span {border-bottom:dotted 1px #036}
			table.filters thead a.toggle:hover span {border-bottom:none}
	table.filters tbody td {padding:3px 8px; letter-spacing:-0.5px}
	table.filters tbody td:first-child {color:#666; width:170px; padding-top: 7px; vertical-align: top;}
	table.filters input[type="text"] {/* height: auto; */}
	table.filters input.date {text-align:center; width:90px}
	table.filters select.user {width:145px}
	table.filters tbody select { width: 383px;}
	
table.zebra {}
	table.zebra input[type="text"], table.no_border textarea {width:440px}
	table.zebra select {width:444px}
	table.zebra textarea  {width:440px; height:200px}

div.simple_tabs {margin: 27px 0 10px;}
div.simple_tabs {margin: 27px 0 10px;}
	div.simple_tabs ul.tabs {overflow:hidden;}
div.simple_tabs ul.tabs:after {content: ""; display: table; clear: both;}
		div.simple_tabs ul.tabs li {display: inline-block;margin: 0 0 -1px;float: left;}
		div.simple_tabs ul.tabs a {float:left;height: 34px;line-height: 32px;padding: 0 12px;color:#000;/*background-image:url(../i/tabs_bg.gif); background-repeat:repeat-x;*/border: solid 1px #bbb;margin:0 -1px 0 0;font-size: 12px;border-radius: 3px 3px 0 0;}
		div.simple_tabs ul.tabs a:hover {background-color:#fafafa;}
		div.simple_tabs ul.tabs li.ui-state-active a {background-color: #e6e6e6;}
	
	div.simple_tabs div.content {padding:10px 20px;border: solid 1px #bbb;position:relative;margin:-1px 0 0 0;}
	div.simple_tabs div.ui-tabs-hide {position:absolute; top:-99999px}
	
	/*Wiget*/
	#widget-structure { height: 500px; overflow-y: scroll; width: auto;}

div.dateInputSelect, div.dateInputClear {
    background: url('../i/select_date.gif') 0 50% no-repeat;
    display:block;
    min-width: 64px;
    padding-left: 14px;
    cursor:pointer;
    float:left;
    margin:4px 0 0 6px;
}
div.dateInputClear {
    background: url('../i/clear_date.gif') 0 50% no-repeat;
    margin-left:10px;
    width:47px;
}

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

div.dateInputClear a {
    width:47px;
}

.dateInput {float:left;}
.errorMessage {color:#c00}

#moduleContent {
    width:100%; height:520px; border:none;
}


#accessContent {
    width:100%; height:520px; border:none;
}


#wind {
	/*width: 500px;
	height: 400px;*/
    z-index:1000;
	margin: 0 auto;
	border: 1px solid #000000;
	background: #ffffff;
	position: absolute;
	top: 20px;
	left: 25%;
	padding: 10px;
}
.buildInContentHide {
	display: none;
}

.buildInContentShow {
	display: block;
}

.whiteInnerBack {
    background:white!important;
}

#uploadform .icon-delete {background-image:url(../i/icon_cancel.png); width:10px; height:9px; overflow:hidden; vertical-align:middle; display:inline-block; position:relative; top:4px}

ul.color li {position:relative; padding:5px 0}
ul.color a {display:inline-block; width:29px; height:29px; margin:0 0 0 5px; vertical-align:middle}
ul.color span.text {display:inline-block; vertical-align:middle; margin:0 0 0 10px}

#sortable-photos li .row {
    margin-top: 15px;
	margin-bottom: 15px;
}
.row.thumb a {
    display: block;
	float: none!important;
}



.add_logo {
    float: left;
    height: 100px;
    margin-right: 10px;
    width: 100px;
}

#photoPreview { margin-right: 10px;}

#sortable-photos li { padding-bottom: 1px; position: relative;}
#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; }

#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;
}

.search tbody {
	display: none;
}

.tip2 { border-radius: 4px; border: 1px dotted black; background-color: lightyellow; color: black; font-size: 9px; padding: 5px 5px;}

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

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;
}

.loaders {
	width: 732px;
	height: 1025px;
	background: #999 url(../i/159.gif) center no-repeat;
	position: absolute;
	opacity: 0.7;
	filter: alpha(opacity=70);
	z-index: 50;
	display: none;
}

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


ul.breadcrumb {
    margin: 0;
    padding: 4px;
}
ul.breadcrumb li {
    display: inline;
    margin-right: 5px;
    padding: 3px;
}

#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;*/}


select option.highlighted {font-weight: bold;background: #f0f0f0;/*font-size: 1em;*/}

/* 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: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_panel {position: absolute;top: 0;right: 0px;width: 40%;bottom: 0;letter-spacing: 0;padding-left: 7px;padding-top: 4px;background: #f0f0f0;overflow: hidden;}
.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;}