body {font-family:Arial,sans-serif;font-size:13px;background:#fefefe;color:#333;box-sizing:border-box;position:relative;}


/*
.gray,.grey {color:#888;}
.red {color:#dd0000 !important;}
.center {text-align:center;}
.b {font-weight:bold;}
.green {color:#00dd00;}
.blue {color:#0399F8}
.pointer {cursor:pointer;}
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.small {font-size:85%;}
.i {font-style:italic;}
*/
input[type="text"],input[type="password"],select,textarea {border:1px solid #ccc;border-radius:2px;background:#fefefe;font-size:13px;font-family:Arial,sans-serif;color:#333;height:25px;line-height:25px;padding:0 8px;box-sizing:border-box;}
textarea {line-height:normal;padding:8px;height:100px;}
input[type="checkbox"],input[type="radio"] {height:25px;vertical-align:middle;}
input[type="text"]:focus,input[type="password"]:focus,select:focus,textarea:focus {box-shadow:0 0 3px #0399F8;}

.btn {
	display:inline-block;
	background:var(--theme-base-background-btn);
	color:var(--theme-base-font-color-btn);
	border-radius:4px;
	border:1px solid var(--theme-base-border-color);
	box-shadow:inset 0 -1px 0 rgba(255,255,255,0.2);
	line-height:25px;vertical-align:middle;
	padding:0 10px;
	cursor:pointer;
	box-sizing:border-box;
	/*margin: 10px 0;*/
	text-decoration: none;
	background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
	background-repeat: no-repeat;
	background-size: 200% 100%, auto;
	background-position: 200% 0, 0 0;
	background-position-x: 200%;
	background-position-y: 0;
	text-shadow: 0 1px 5px black;
	font-weight: bold;
	height: 30px;
	margin-bottom:10px;
	margin-top: auto;
}

.btn:hover {

	transition: .5s linear;
	background-position: -200% 0, 0 0;
}

.btn:active {box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);}
.btn i.fa{margin-right:7px;font-size:120%;}
.btn.big {height:35px;line-height:35px;font-size:14px;}
.btn.blue {background-color:#0399F8;border:1px solid #0089e8;color:#fff;}
.btn.blue:hover {background-color:#0089e8;}
.btn.red {background-color:#dd0000;border:1px solid #cc0000;color:#fff !important;}
.btn.red:hover {background-color:#cc0000;}
.btn.green {	background-color: #0B8C00;border: 1px solid #075500;}
.btn.green:hover {background-color:#11d200;}


/*
.blink {-webkit-animation: blinker 1s step-start infinite;
-moz-animation: blinker 1s step-start infinite;
-o-animation: blinker 1s step-start infinite;
animation: blinker 1s step-start infinite;}

@-webkit-keyframes blinker {
	0%,100% {opacity: 1;}
	50% {opacity: 0;}
}
@-moz-keyframes blinker {
	0%,100% {opacity: 1;}
	50% {opacity: 0;}
}
@-o-keyframes blinker {
	0% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blinker {
	0%,100% {opacity: 1;}
	50% {opacity: 0;}
}

table {border-collapse:collapse;}
table.table {width:100%;margin:5px 0 15px 0;}
table.table td,table.table th {text-align:left;padding:8px 10px;text-align:left;vertical-align:top;}
table.table th {color:#eee;background:#222;font-weight:bold;vertical-align:middle;border-bottom:1px solid #555;}
table.table th a {color:inherit;border-bottom:1px dashed #eee;text-decoration:none;}
table.table th a:hover {color:#0399F8;border-bottom:1px dashed #0399F8;}
table.table th .fa {vertical-align:middle;}
table.table td {border-bottom:1px solid #d8d8d8;}
table.table td.compact,table.table th.compact {width:1px;white-space:nowrap;}
table.table td.actions {opacity:0;padding:8px 2px;}
table.table td.actions > a,table.table td.actions >i {margin:0 2px;display:inline-block;color:inherit;cursor:pointer;}
table.table td.actions > a:hover,table.table td.actions >i:hover {color:#0399F8;}
table.table tr:hover td.actions {opacity:1;}
table.table tr:nth-child(2n+1) td {background:#fafafa;}
table.table tr:hover td {background:#eee;}

.topline {position:fixed;z-index:100;top:0;left:0;width:100%;color:#ccc;background:#111;height:25px;line-height:25px;box-shadow:inset 0 -1px 0 rgba(255,255,255,0.2);border-bottom:1px solid #000;padding:0 15px;box-sizing:border-box;font-size:12px;}
.topline a {color:inherit;text-decoration:none;}
.topline a:hover {color:#0399F8;}
.topline .site {float:left;margin-right:50px;}
.topline .site img {vertical-align:middle;margin-right:5px;height:16px;}
.topline .subdomains {display:inline-block;position:relative;cursor:pointer;margin-right:45px;}
.topline .subdomains:after {content:"\f107";font-family:"FontAwesome";position:absolute;right:-12px;top:0px;}
.topline .subdomains:hover span {color:#0399F8;}
.topline .subdomains:hover:after {display:none;}
.topline .subdomains ul {display:none;position:absolute;z-index:2;top:0px;left:-12px;background:#222;list-style:none;overflow:auto;max-height:300px;}
.topline .subdomains:hover ul {display:block;}
.topline .subdomains ul li {padding:0 12px;cursor:pointer;white-space:nowrap}
.topline .subdomains ul li:hover {color:#0399F8;}
.topline .info {}
.topline .info .icon{float:left;padding:0 15px;cursor:pointer;}
.topline .info .icon:hover {color:#0399F8;}
.topline .user {float:right;}
.topline .user .fa {cursor:pointer;}
.topline .fa {font-size:19px;vertical-align:middle;margin:0 5px;}
.topline .user .language {display:inline-block;margin-right:30px;position:relative;cursor:pointer;}
.topline .user .language:after {content:"\f107";font-family:"FontAwesome";position:absolute;right:-12px;top:0px;}
.topline .user .language:hover span {color:#0399F8;}
.topline .user .language:hover:after {display:none;}
.topline .user .language ul {display:none;position:absolute;top:0px;left:-7px;background:#222;list-style:none;}
.topline .user .language:hover ul {display:block;}
.topline .user .language ul li {padding:0 7px;cursor:pointer;}
.topline .user .language ul li:hover {color:#0399F8;}

.nav {position:fixed;height:100%;width:220px;background:#222;overflow-y:auto;}
.nav::-webkit-scrollbar, .custom_scroll::-webkit-scrollbar {width: 6px;height: 6px;}
.nav::-webkit-scrollbar-track, .custom_scroll::-webkit-scrollbar-track {background: #ccc;}
.nav::-webkit-scrollbar-thumb, .custom_scroll::-webkit-scrollbar-thumb {background: #111;}
.nav ul {list-style:none;}
.nav ul li {position:relative}
.nav a{text-decoration:none;position:relative;cursor:pointer;}
.nav ul.main-menu li .fa {font-size:18px;margin-right:5px;vertical-align:middle}
.nav ul.main-menu > li > a {color:#eee;padding:10px;display:block;}
.nav ul.main-menu > li > a:hover {color:#0399F8;background:#111;}
.nav ul.main-menu > li.active > a {background:#181818;color:#f8f8f8;}
.nav ul.main-menu > li.wrapped > a:after,.nav ul.main-menu > li.unwrapped > a:after {font-family:"FontAwesome";font-size:16px;position:absolute;right:15px;top:50%;line-height:22px;margin-top:-11px;}
.nav ul.main-menu > li.wrapped > a:after {content:"\f107";}
.nav ul.main-menu > li.unwrapped > a:after {content:"\f106"}
.nav li.wrapped ul {display:none;}
.nav ul.submenu {background:#444;}
.nav ul.submenu a {padding:7px 15px;display:block;color:#eee;}
.nav ul.submenu a:hover {color:#0399F8;font-weight:bold;}
*/
.content {background:var(--theme-base-background-primary);margin-left:220px;padding:20px 20px 20px 20px;box-sizing:border-box;min-height:100%;position:relative;}
.content.install {margin:0 auto 0 auto;padding:20px;min-height:auto;border:1px solid #ccc;width:700px;max-width:95%;}
.copyright {position:absolute;right:20px;bottom:10px;font-size:11px;color:#888;}
.copyright a {color:inherit;}
/*
.filter {padding:10px 10px 0 10px;border-bottom:1px solid #eee;background:var(--theme-base-background-primary);}
.filter .item {display:inline-block;margin-bottom:10px;vertical-align:bottom;box-sizing:border-box;padding-right:25px;min-width:25%;}
.filter .item.autosize {min-width:auto;}
.filter .item input[type="text"],.filter .item select {width:100%;}
.filter .item span {display:block;margin-bottom:2px;color:#888;font-size:11px;}
.filter .btn {vertical-align:bottom;margin:10px 0;}

.pagenav {display:block;margin-bottom:15px;text-align:center;}
.pagenav ul {display:block;list-style:none;}
.pagenav ul li {display:inline-block;vertical-align:middle;}
.pagenav ul li span,.pagenav ul li a {border-radius:2px;padding:0 5px;min-width:30px;display:block;height:30px;line-height:30px;box-sizing:border-box;}
.pagenav ul li span {background:#222;border:1px solid #111;color:#eee;}
.pagenav ul li a {text-decoration:none;border:1px solid #ccc;}
.pagenav ul li a:hover {background:#eee;}
*/
.page-block {margin-bottom:15px;}
.page-block h1 {display:inline-block;margin:0 30px 0 0;vertical-align:middle;}
.link-actions {display:inline-block;vertical-align:middle;margin-right:25px;font-size:12px;}

form .form {display:block;margin-bottom:25px;}
form.form {display:block;margin-bottom:25px;}
form .form input[type="text"],form. form input[type="password"],form. input[type="text"], input[type="password"], select, textareaform input[type="file"],select,textarea {
	width:100%;
	display:block;
}
form .form .field {margin-bottom:15px;}
form .form .field.w33 {display:inline-block;width:33%;box-sizing:border-box;padding-right:20px;vertical-align:top;}
form .form .field:after {content:"";display:block;clear:both;}
form .form .field .input span.info {display:block;margin-top:2px;color:#888;font-size:11px;}
form .form.type1 .field >label {display:block;float:left;width:230px;}
form .form.type1 .field .input {margin-left:230px;}
form .form.type1 .field.type2 > label {float:none;width:100%;margin-bottom:3px;}
form .form.type1 .field.type2 .input {margin-left:0px;}
form .type2 input {width:100%;padding: 5px}
form .form.type1 .field input~label {display:inline-block;float:none;vetical-align:middle;width:auto;}
form .form.type2 .field >label {display:block;margin-bottom:3px;}
form .form.type2 .field input~label {display:inline-block;vetical-align:middle;margin-bottom:0;}
div.multilang {}
div.multilang.inline {display:inline-block;}
div.multilang a {display:inline-block;margin-right:5px;width:16px;opacity:0.5;vertical-align:middle;}
div.multilang a.active {width:24px;opacity:1;}
div.multilang a img {width:100%;height:auto;}

#full-bg {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;background:rgba(0,0,0,0.7);}
.popup {display:none;position:fixed;z-index:100000;top:10%;left:20%;width:60%;background:#fdfdfd;border:5px solid #111;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.8)}
.popup.absolute {position:absolute;}
.popup .main {padding:20px 20px 0 20px;}
.popup .bottom {padding:10px 20px;background:#111;color:#eee;box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);border-top:1px solid #111;}
.popup .bottom a {color:inherit;}
.popup .bottom a.btn {margin-right:15px;}
.auth.popup {display:block;width:350px;left:50%;margin-left:-175px;}

/*.auth {position:fixed;top:10%;left:50%;width:300px;margin-left:-150px;box-sizing:border-box;background:#fdfdfd;border:1px solid #ccc;border-radius:4px;box-shadow:0 0 7px rgba(0,0,0,0.5);padding:10px}*/
/*
.system_message {margin-bottom:15px;padding:10px;background:#eeffee;border-left:2px solid #007700;color:#007700;font-weight:bold;font-style:italic;position:relative;}
.system_message.error {color:#dd0000;border-left:2px solid #dd0000;background:#ffeeee;}
.system_message .close {position:absolute;right:10px;top:2px;cursor:pointer;font-size:10px;color:#888;}

ul.ordered_tree {list-style:none;}
ul.ordered_tree li ul {margin-left:30px;}
ul.ordered_tree li {}
ul.ordered_tree li .element {display:inline-block;padding:10px 15px;}
ul.ordered_tree li .element:hover {background-color:#eee;}
ul.ordered_tree li .element .actions {opacity:0;}
ul.ordered_tree li .element:hover .actions {opacity:1;}
ul.ordered_tree li .element .actions > a {padding:0 2px;display:inline-block;color:inherit;cursor:pointer;}
ul.ordered_tree li .element .actions > a:hover {color:#0399F8;}

span.checkbox {white-space:nowrap;margin-right:20px;}

div.calendar_outer{position:absolute;width:250px;z-index:1000000;}
div.calendar {background:#111;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.8);color:#eee;padding:5px;}
div.calendar table {width:100%;}
div.calendar table td {text-align:center;}
div.calendar table.head i {color:#fff;}
div.calendar table.head i:hover {color:#0399F8;}
div.calendar table.year {width:auto;}
div.calendar table.year td {padding:0 3px;}
div.calendar table.dates td{padding:3px;}
div.calendar tr.stripe td{border-bottom:1px solid rgba(255,255,255,0.2);}
div.calendar img{cursor:pointer;padding:3px 10px;}
div.calendar td.sunday {font-weight:bold;color:#fff;}
div.calendar .today{background:#0399F8;color:#fff;}
div.calendar .close {position:absolute;right:-25px;top:0px;font-size:24px;color:#333;}
div.calendar .close:hover {color:#0399F8;}

.small-thumbnail {height:20px;width:30px;background-repeat:no-repeat;background-size:cover;background-position:center center;}

#save_page {position:fixed;z-index:10;right:20px;top:40px;}
.page_edit_right {width:280px;float:right;}
.page_edit_left {margin-right:300px;}
.page_edit_left .field:after {clear:none !important;}
#preview_loaded {text-align:center;}
#preview_loaded img {display:block;max-width:100%;margin:0 auto 10px auto;width:auto;}
#preview_loaded a {display:block;}
ul.tags_list {list-style:none;border:1px solid #ccc;overflow-y:auto;max-height:80px;}
ul.tags_list li {padding:0px 10px;}
ul.tags_list li label {display:inline !important;}
ul.tags_list li input {margin-right:10px;}
ul.tags_list li:hover {background-color:#eee;}

.upload_div {padding:20px;margin-top:-30px;}

.file_icon img {vertical-align:middle;margin-right:10px;}
.file_icon a {display:inline-block;vertical-align:middle;}

ul.files_gallery {list-style:none;}
ul.files_gallery li {display:inline-block;vertical-align:top;width:200px;margin:0 20px 30px 20px;text-align:center;word-break:break-all;word-wrap:break-word;}
ul.files_gallery li img {max-width:100%;vertical-align:middle;margin-bottom:5px;}
ul.files_gallery li.grey img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity:0.7;
	}
ul.files_gallery li .image {line-height:100px;}
ul.files_gallery li .actions {opacity:0;font-size:15px;}
ul.files_gallery li:hover .actions {opacity:1;}
ul.files_gallery li .actions > a {padding:0 2px;display:inline-block;color:inherit;cursor:pointer;}
ul.files_gallery li .actions > a:hover {color:#0399F8;}

div.preitem {display:inline-block;vertical-align:top;width:200px;margin:0 20px 30px 20px;text-align:center;word-break:break-all;word-wrap:break-word;}
div.preitem .thumb {height:150px;margin-bottom:5px;overflow:hidden;line-height:150px;vertical-align:middle;position:relative;}
div.preitem .thumb img {opacity:0.5;max-width:100%;}
div.preitem .thumb .spinner {display:none;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-25px;color:#0399F8;line-height:normal}
div.preitem.loading .thumb .spinner {display:block;}
*/