/* Styles for dialog window */

#sucsess, #loginafter {
  background: white;
  padding: 20px 0 0;
  text-align: left;
  max-width: 500px;
  margin: 40px auto;
  position: relative; }

#loginafter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0;
}
.popup_container .berrors.popup_wrapper {
  text-align: center;
}
.login_h {
  margin-bottom: 30px;
}
.berrors.popup_wrapper .pop_title {
  border-bottom: 1px solid #e8e8e8;
padding-bottom: 15px;
font-size: 18px
}
#loginafter .popup_container {
  padding-bottom: 50px;
  padding-top: 50px;
  padding-left: 15px;
  padding-right: 15px;
  background: url("../images/mega.svg") right top no-repeat;
}
.soc_login_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
}
.soc_login_wrapper a {
  width: 30px;
  height: 30px;
  border: 1px solid #000;
  margin-top: 10px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  transition: all 0.2s ease-in-out;
  background: #fff;
  margin-left: 5px;
  margin-right: 5px;
}
.soc_login_wrapper a:hover {
  background: #ddd;
  border-color: #ddd;
}
.soc_login_wrapper a img {
  position: relative;
  left: -1px;
}
    /*---Выпадающее меню кнопки редактировать---*/
    #dropmenudiv { padding: 10px 0; min-width: 140px; width: auto !important; opacity: 1 !important; display: none; font-size: .9em;
    		box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3); border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1); background-clip: padding-box;
    	}
    	#dropmenudiv { background-color: #fff; }
    	#dropmenudiv a { text-decoration: none !important; color: inherit; display: block; padding: 3px 20px; border: 0 none; white-space: nowrap; color: inherit; }
    	#dropmenudiv a:hover { background-color: #eeeeef; }

    /*---показ оригинальной картинки загруженной на сайт из уменьшенной копии---*/
    .highslide-wrapper, .highslide-outline { background: #fff }
    	.highslide-image { border: 2px solid #fff }
    	.highslide-active-anchor { visibility: hidden }
    	.highslide-active-anchor img { visibility: hidden }
    	.highslide-dimming { background-color: black }
    	.highslide-html { background-color: white }
    	.highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black }
    	a.highslide-full-expand { background: url(../dleimages/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px }
    	.highslide-display-block { display: block }
    	.highslide-display-none { display: none }
    	.highslide-caption { display: none; padding: 5px; background: white }
    	.highslide-controls { width: 195px; height: 40px; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 0 -90px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px }
    	.highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 100% -90px }
    	.highslide-controls li { float: left; padding: 5px 0; }
    	.highslide-controls a { background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif); display: block; float: left; height: 30px; width: 30px; outline: none }
    	.highslide-controls a.disabled { cursor: default }
    	.highslide-controls a span { display: none }

    /*---Навигация по картинкам галереи---*/
    .highslide-controls .highslide-previous a { background-position: 0 0 }
    	.highslide-controls .highslide-previous a:hover { background-position: 0 -30px }
    	.highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important }
    	.highslide-controls .highslide-play a { background-position: -30px 0 }
    	.highslide-controls .highslide-play a:hover { background-position: -30px -30px }
    	.highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important }
    	.highslide-controls .highslide-pause a { background-position: -60px 0 }
    	.highslide-controls .highslide-pause a:hover { background-position: -60px -30px }
    	.highslide-controls .highslide-next a { background-position: -90px 0 }
    	.highslide-controls .highslide-next a:hover { background-position: -90px -30px }
    	.highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important }
    	.highslide-controls .highslide-move a { background-position: -120px 0 }
    	.highslide-controls .highslide-move a:hover { background-position: -120px -30px }
    	.highslide-controls .highslide-full-expand a { background-position: -150px 0 }
    	.highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px }
    	.highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important }
    	.highslide-controls .highslide-close a { background-position: -180px 0 }
    	.highslide-controls .highslide-close a:hover { background-position: -180px -30px }

    /*---Быстрый поиск на сайте---*/
    #searchsuggestions {
    	z-index: 2200;
    	width: 300px;
    	border-radius: 2px;
    	background: #fff;
    	box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
    	border: 1px solid #ddd; border-color: rgba(0,0,0,0.2);
    	background-clip: padding-box;
    	font-size: .9em;
    	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    	}
    	#searchsuggestions a, #searchsuggestions span.notfound { padding: 15px 25px; display: block; text-decoration: none; border-bottom: 1px solid #e5e5e5; }
    	#searchsuggestions a { color: inherit; }
    	#searchsuggestions a:hover { background-color: #f7f7f7; }
    	#searchsuggestions a span { display: block; cursor: pointer; }
    	#searchsuggestions span.searchheading { display: block; font-weight: bold; margin-bottom: .2em; }
    	#searchsuggestions span.seperator { display: block; }
    	#searchsuggestions span.seperator a { padding: 10px 0; text-align: center; border: 0 none; background-color: transparent; color: #919191; }
    	#searchsuggestions span.notfound { padding: 15px 25px; display: block; }
    	#searchsuggestions .break { display: none; }
      #dlepopup-news-edit {
        background: #fff;
        border: 1px solid #ddd;
      }
/*---Диалоговые и всплывающие окна jQuery UI---*/
.ui-widget-overlay {
	background: #000;
	opacity: 0.5;
	left: 0; top: 0; right: 0; bottom: 0;
	position: fixed;
	}
	.ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }
	.ui-helper-clearfix { display: inline-block }
	* html .ui-helper-clearfix { height: 1% }
	.ui-helper-clearfix { display: block }
	.ui-dialog {
		text-align: left;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 370px;
		border-radius: 2px;
		box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
		border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1);
		background-color: #f7f7f7;
		background-clip: padding-box;
	}
	.ui-dialog-titlebar { padding: 20px 20px; position: relative; }
	.ui-dialog-title { float: left; font-weight: bold; font-size: 1.15em; }
	.ui-dialog-titlebar-close {
		position: absolute;
		right: 10px; top: 50%;
		margin-top: -16px;
		height: 32px; width: 32px;
		border: 0 none !important;
	}
	.ui-dialog-titlebar-close .ui-icon {
		display: block;
		margin: 10px auto 0 auto;
		width: 12px; height: 12px;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAG1BMVEUAAAA1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTW7eCkWAAAACHRSTlMA8DiyCsELwNb3saQAAABlSURBVBjTY2AxYoACZQcG10YFCJtJooTBokMIwlHsaAZioBRYAigKJoAAJAghoRIQCiYEoSEiUCmIBFQKLAGTAkvApCASCA6GMoQBGEYjLEV1DopDUbyA4jlUb6ciAiSMgQ0pqAB4linXHtbaoQAAAABJRU5ErkJggg==);
		-webkit-background-size: 12px auto; background-size: 12px auto;
		opacity: .5;
	}
	.ui-button, .qq-upload-button,   .mass_comments_action input, .dle-comments-navigation a {
		float: right;
		border: 0 none;
		display: inline-block;
		vertical-align: middle;
		cursor: pointer;
		height: 36px;
		border-radius: 18px;
		line-height: 22px;
		outline: none;
		background-color: #0000ff;
		color: #fff;
		border: 0 none;
		padding: 7px 22px;
		text-decoration: none !important;
		box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		-webkit-transition: all ease .1s; transition: all ease .1s;
	}
  	.ui-button:hover, .qq-upload-button:hover {
      background: #0000bf;
    }
  .qq-upload-button, .mass_comments_action input {
    float: left;
  }
  .userinfo a {
    color: #000;
  }
  .mass_comments_action input {
    margin-bottom: 15px;
  }
  .dle-comments-navigation a {
    background: #F3F4F6;
    color: #535456;
    font-size: 12px;
  }
  .dle-comments-navigation {
    padding-bottom: 50px;
  }
    .dle-comments-navigation a:hover {
      background: #0000ff;
      color: #fff;
    }
  .mass_comments_action {
    border-top: 1px solid #c1c1c1;
    padding-top: 15px;
    font-size: 12px;
    font-weight: bold;
  }
  .user-name a {
    color: #000;
  }
  .mass_comments_action .select2-container {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .com-header input {
    position: absolute;
    left: -20px;
  }
	.ui-dialog-titlebar-close:hover .ui-icon { opacity: 1; }
	.ui-icon { overflow: hidden; text-indent: -9999px; }
	.ui-dialog label { color: #575757; }
	.ui-dialog-content { padding: 20px; border: 1px solid #fff; overflow: auto; position: relative; zoom: 1; }
	.loginbox.ui-dialog, .loginbox .ui-dialog-content { overflow: visible !important; }
	.ui-dialog-content h2 { display: inline; font-size: 1em; font-weight: bold }
	.ui-dialog .ui-dialog-buttonpane { padding: 20px; text-align: center; }
	.ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; }
	.ui-draggable .ui-dialog-titlebar { cursor: move; }
	.ui-state-error { background: #fef1ec 50% 50% repeat-x !important; border: 1px solid #cd0a0a; color: #cd0a0a; }
	.ui-button { margin: 0 3px; }
	.ui-helper-hidden-accessible{display: none;}

/* --- Автозаполнение облака тегов --- */
.ui-autocomplete { position: absolute; cursor: default; }
* html .ui-autocomplete { width: 1px } /* without this, the menu expands to 100% in IE6 */
.ui-menu {
	list-style:none;
	padding: 2px; margin: 0;
	float: left;
	background: #fff 50% bottom repeat-x;
	border: 1px solid #dedede;
	color: #353535;
	}
	.ui-menu .ui-menu { margin-top: -3px; }
	.ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; }
	.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; }
	.ui-menu .ui-menu-item a.ui-state-hover,
	.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; border: 1px solid #a7a7a7; color: #4e4e4e; font-weight: bold; }

  #dlepopup-news-edit input, .xfieldsrow input {
    display: inline-block;
    width: 100% !important;
    height: 46px;
    line-height: 22px;
    padding: 10px;
    vertical-align: middle;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #d7d7d7;
    -webkit-transition: border 0.2s linear 0s;
    transition: border 0.2s linear 0s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .xfieldsrow label {
    display: inline-block;
  }
#dlepopup-news-edit {
  background: #F7F7F7;
}

.ui-dialog .xfieldsrow {
  padding-top: 19px;
}
.ui-dialog .xfieldsrow > b {
  position: relative;
  top: -4px;
}
.xfieldscolleft {
	float: left;
	width: 30%;
	padding-top: 14px;
}
.xfieldscolright {
	float: left;
	width: 70%;
}
.xfieldscolright .info a {
	color: #555;
  font-size: 12px;
  margin: 3px;
}
.file-box {
	width: 95%;
	max-width: 437px;
	border:1px solid #B3B3B3;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	background-color: #F5F5F5;
	padding: 10px;
	margin-top: 10px;
}

.xfieldimagegallery {
  margin: 0;
  padding: 0;
  list-style: none;
  clear: both;
}

.xfieldimagegallery li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.xfieldimagegallery li img {
  float: left;
  margin-right: 5px;
  border: 5px solid #fff;
  width: 100px;
  height: 100px;
  transition: box-shadow 0.5s ease;
}

.xfieldimagegallery li img:hover {
  box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
}

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:inline-block;
    margin-top:5px;
    margin-bottom:5px;
	cursor:pointer;
}
.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;
	max-width: 437px;
    background:#FF9797; text-align:center;
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}

.qq-upload-drop-area-active {background:#FF7171;}

.uploadedfile {
	display: inline-block;
    width: 115px;
    height: 160px;
    margin: 10px 5px 5px 5px;
    border:1px solid #B3B3B3;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    text-align: center;
    background:#ffffff;

}

.uploadedfile .uploadimage {
    margin-top: 5px;
    width: 115px;
    height: 90px;
	display: flex;
    align-items: center;
    justify-content: center;
    cursor: move;
    cursor: -webkit-grabbing;
}

.sortable-ghost {
	opacity: 0.4;
}
.uploadedfile .info {
    text-align: left;
    white-space: nowrap;
    margin: 0px 5px 0px 5px;
    overflow: hidden;
}
.ui-dialog {
    text-align: left;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor:not-allowed;
    pointer-events:none;
    opacity:0.65;
    filter:alpha(opacity=65);
    -webkit-box-shadow:none;
    box-shadow:none;
}
#modal-overlay {
  background: rgb(0,0,0,.7) none repeat scroll 0% 0% !important;
  opacity: 1 !important;
}
.progress {
    overflow:hidden;
    margin-top:10px;
	margin-bottom:10px;
    background-color:whitesmoke;
    height:10px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    border-radius:8px;
    background:#eee;
    -webkit-box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;
    box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
 .progress .progress-bar {
    float:left;
    width:0%;
    font-size:12px;
    line-height:20px;
    color:white;
    text-align:center;
    background-color:#428bca;
    -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition:width 0.6s ease;
    transition:width 0.6s ease;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    border-radius:8px;
    -webkit-box-shadow:none;
    box-shadow:none;
    height:8px;
}
.progress-bar span{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    border:0;
}
.progress-blue {
    background-image:-webkit-gradient(linear, left 0%, left 100%, from(#9bcff5), to(#6db9f0));
    background-image:-webkit-linear-gradient(top, #9bcff5, 0%, #6db9f0, 100%);
    background-image:-moz-linear-gradient(top, #9bcff5 0%, #6db9f0 100%);
    background-image:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%);
    background-repeat:repeat-x;
    border:1px solid #55aeee;
}
.xfieldsrow {
    padding-top: 5px;
    clear: both;
}
.owl-item {
  display: flex;
  justify-content: center;
  align-items: stretch;
  align-self: stretch;
  flex-direction: column;
}
.com-body {
  min-height: 200px;
}