@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900&subset=latin,cyrillic);



/*Color

Blue Grey = #ECEFF1, #e5e8e9, #CFD8DC,  #90A4AE, #607D8B, #455A64, #37474F,
Deep Orange  = #E64A19
Light blue = #29B6F6, #0277BD, #039BE5

*/


html, body {
	width: 100%;
	min-height: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	padding: 0;
	margin: 0;
	color: #616161;
	background: transparent;
}
body {
	background-position: 50% 50%;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0 0 15px 0;
	padding: 0;
}
a {
	transition: all 0.2s ease;
	text-decoration: none !important;
}
a:hover {
	text-decoration: none;
}


/*Background*/
#bg_1 {
	background-image: url(../../assets/images/bg/1.jpg);
}
#bg_2 {
	background-image: url(../../assets/images/bg/2.jpg);
}
#bg_3 {
	background-image: url(../../assets/images/bg/3.jpg);
}
#bg_4 {
	background-image: url(../../assets/images/bg/4.jpg);
}
#bg_5 {
	background-image: url(../../assets/images/bg/5.jpg);
}
#bg_6 {
	background-image: url(../../assets/images/bg/6.jpg);
}


#bg_7 {
	background: rgb(217, 159, 159);
	background: -moz-linear-gradient(306deg, rgb(217, 159, 159) 0%, rgb(43, 150, 150) 100%);
	background: -webkit-linear-gradient(306deg, rgb(217, 159, 159) 0%, rgb(43, 150, 150) 100%);
	background: -o-linear-gradient(306deg, rgb(217, 159, 159) 0%, rgb(43, 150, 150) 100%);
	background: -ms-linear-gradient(306deg, rgb(217, 159, 159) 0%, rgb(43, 150, 150) 100%);
	background: linear-gradient(36deg, rgb(217, 159, 159) 0%, rgb(43, 150, 150) 100%);
}
#bg_8 {
	background: rgb(41, 182, 246);
	background: -moz-linear-gradient(225deg, rgb(41, 182, 246) 0%, rgb(11, 109, 154) 83%);
	background: -webkit-linear-gradient(225deg, rgb(41, 182, 246) 0%, rgb(11, 109, 154) 83%);
	background: -o-linear-gradient(225deg, rgb(41, 182, 246) 0%, rgb(11, 109, 154) 83%);
	background: -ms-linear-gradient(225deg, rgb(41, 182, 246) 0%, rgb(11, 109, 154) 83%);
	background: linear-gradient(315deg, rgb(41, 182, 246) 0%, rgb(11, 109, 154) 83%);
}
#bg_9 {
	background: rgb(173, 58, 58);
	background: -moz-linear-gradient(306deg, rgb(173, 58, 58) 0%, rgb(234, 143, 143) 100%);
	background: -webkit-linear-gradient(306deg, rgb(173, 58, 58) 0%, rgb(234, 143, 143) 100%);
	background: -o-linear-gradient(306deg, rgb(173, 58, 58) 0%, rgb(234, 143, 143) 100%);
	background: -ms-linear-gradient(306deg, rgb(173, 58, 58) 0%, rgb(234, 143, 143) 100%);
	background: linear-gradient(36deg, rgb(173, 58, 58) 0%, rgb(234, 143, 143) 100%);
}
#bg_10 {
	background: rgb(82, 142, 57);
	background: -moz-linear-gradient(306deg, rgb(82, 142, 57) 0%, rgb(224, 234, 89) 100%);
	background: -webkit-linear-gradient(306deg, rgb(82, 142, 57) 0%, rgb(224, 234, 89) 100%);
	background: -o-linear-gradient(306deg, rgb(82, 142, 57) 0%, rgb(224, 234, 89) 100%);
	background: -ms-linear-gradient(306deg, rgb(82, 142, 57) 0%, rgb(224, 234, 89) 100%);
	background: linear-gradient(36deg, rgb(82, 142, 57) 0%, rgb(224, 234, 89) 100%);
}
#bg_11 {
	background: rgb(21, 105, 164);
	background: -moz-linear-gradient(306deg, rgb(21, 105, 164) 0%, rgb(214, 223, 136) 100%);
	background: -webkit-linear-gradient(306deg, rgb(21, 105, 164) 0%, rgb(214, 223, 136) 100%);
	background: -o-linear-gradient(306deg, rgb(21, 105, 164) 0%, rgb(214, 223, 136) 100%);
	background: -ms-linear-gradient(306deg, rgb(21, 105, 164) 0%, rgb(214, 223, 136) 100%);
	background: linear-gradient(36deg, rgb(21, 105, 164) 0%, rgb(214, 223, 136) 100%);
}
#bg_12 {
	background: rgb(1, 111, 204);
	background: -moz-linear-gradient(306deg, rgb(1, 111, 204) 0%, rgb(215, 130, 225) 100%);
	background: -webkit-linear-gradient(306deg, rgb(1, 111, 204) 0%, rgb(215, 130, 225) 100%);
	background: -o-linear-gradient(306deg, rgb(1, 111, 204) 0%, rgb(215, 130, 225) 100%);
	background: -ms-linear-gradient(306deg, rgb(1, 111, 204) 0%, rgb(215, 130, 225) 100%);
	background: linear-gradient(36deg, rgb(1, 111, 204) 0%, rgb(215, 130, 225) 100%);
}
/*Background End*/



/*Color spectrum*/
.cs_1 .list_title a span, 
.color-spectrum-1,
.cs_1 .tag-editor .tag-editor-tag,
.cs_1 .tag-editor .tag-editor-delete,
.cs_1 .alt {
	background: #a36464;
}
.cs_1 .menu-block,
.cs_1 .main-div::before {
	background: #4d4440;
}
.cs_1 .menu-block > ul > li > ul > li > a,
.cs_1 .menu-block > ul > li >.active,
.cs_1 .menu-block > ul > li > a:hover,
.cs_1 .menu-block > ul > li.active a {
	border-left: 3px solid #a36464;
}
.cs_1 .button button,
.cs_1 .button .loading,
.cs_1 .filter-btn,
.cs_1 .folder-btn,
.cs_1 .myToggle input:checked + label,
.cs_1 .archive-loading::after,
.cs_1 .upload-loading::after,
.cs_1 .main-loading::after,
.cs_1 .menu-btn.active::before,
.cs_1 .menu-btn.active::after,
.cs_1 .nav-tabs>li.active>a, 
.cs_1 .nav-tabs>li.active>a:focus, 
.cs_1 .nav-tabs>li.active>a:hover,
.cs_1 .modal-header,
.cs_1 .login-btn,
.cs_1 .list_link a b {
	background: #a36464;
}
.cs_1 a,
.cs_1 .list_link .fa-home,
.cs_1 .list_link .fa-arrow-up,
.cs_1 .open_mp i,
.cs_1 .setting_bar > a > .fa-wrench,
.cs_1 .setting_bar > a > .fa-folder,
.cs_1 .setting_bar a.active,
.cs_1 .setting_bar .zip-btn i,
.cs_1 .list_post_info .status {
	color: #be5656;
}
.cs_1 .form-control:focus,
.cs_1 .form-control:hover,
.cs_1 .form-control:active,
.cs_1 .tag-editor:hover,
.cs_1 .ck-edit:hover,
.cs_1 .preview_img a:hover,
.cs_1 .bootstrap-select .dropdown-toggle.btn-default.focus,
.cs_1 .bootstrap-select .dropdown-toggle.btn-default:focus,
.cs_1 .bootstrap-select .dropdown-toggle.btn-default:hover,
.cs_1 .bootstrap-select > .btn:hover,
.cs_1 .bootstrap-select > .btn:focus,
.cs_1 .list_img a:hover,
.cs_1 .upload-file-list > li.active > div,
.cs_1 .upload-file-list > li > div:hover,
.cs_1 .ico-list label:hover,
.cs_1 .list-line:hover,
.cs_1 .checkbox-list label:hover {
	outline: none;
	border-color: #a36464;
    box-shadow: 0 0 10px rgba(188,121,121,0.6);
    background-color: rgba(188,121,121,0.1);
    opacity: 1;
}
.cs_1 .bootstrap-select .dropdown-menu li.selected a,
.cs_1 .bootstrap-select .dropdown-menu > li.active > a, 
.cs_1 .bootstrap-select .dropdown-menu > li.active > a :focus, 
.cs_1 .bootstrap-select .dropdown-menu > li.active > a :hover
.cs_1 .ico-list div input:checked + label,
.cs_1 .checkbox-list input:checked + label {
	background-color: #a36464;
	color: #fff;
	border-bottom: 1px solid #a36464;
}
.cs_1 .ico-list div input:checked + label,
.cs_1 .checkbox-list input:checked + label,
.cs_1 .pagination>.active>a,
.cs_1 .pagination>.active>a:focus,
.cs_1 .pagination>.active>a:hover,
.cs_1 .pagination>.active>span,
.cs_1 .pagination>.active>span:focus,
.cs_1 .pagination>.active>span:hover,
.cs_1 .pagination > li > a:hover,
.cs_1 .pagination > li > span:hover {
	border-color: #a36464;
	background-color: #a36464;
	color: #fff;
}
.cs_1 .select-system-bg label:hover,
.cs_1 .select-system-bg label:focus {
	box-shadow: 0 0 10px rgba(188,121,121,0.7);
}
@-webkit-keyframes sk-loading-1 {
  	0% { box-shadow: 0 0 0 rgba(188,121,121,0); }
  	50% { box-shadow: 0 0 0 20px rgba(188,121,121,0.5); }
  	100% { box-shadow: 0 0 0 34px rgba(188,121,121,0); }
}
@keyframes sk-loading-1 {
  	0% { box-shadow: 0 0 0 rgba(188,121,121,0); }
  	50% { box-shadow: 0 0 0 20px rgba(188,121,121,0.5); }
  	100% { box-shadow: 0 0 0 34px rgba(188,121,121,0); }
}
.cs_1 .archive-loading::after,
.cs_1 .upload-loading::after,
.cs_1 .main-loading::after {
	-webkit-animation: sk-loading-1 1.2s infinite ease;
  	animation: sk-loading-1 1.2s infinite ease;
}
@keyframes item-show-anim-1 {
    from {
    	box-shadow: none;
    	transform: scale(0.95);
    	opacity: 0;
    }
    10% {
		box-shadow: 0 0 20px rgba(188,121,121,1);
		transform: scale(1);
		opacity: 1;
    }
    to {
    	box-shadow: none;
    }
}
.cs_1 [data-item-id].item-show {
    animation-name: item-show-anim-1;
    animation-duration: 6s;
}
.cs_1 [data-item-id].hidden-block input {
    animation-name: item-show-anim-1;
    animation-duration: 6s;
}
.cs_1 [data-item-id].hidden-block textarea {
    animation-name: item-show-anim-1;
    animation-duration: 6s;
}


.cs_2 .list_title a span, 
.color-spectrum-2,
.cs_2 .tag-editor .tag-editor-tag,
.cs_2 .tag-editor .tag-editor-delete,
.cs_2 .alt {
	background-color: #29B6F6;
}
.cs_2 .menu-block,
.cs_2 .main-div::before {
	background-color: #37474F;
}
.cs_2 .menu-block > ul > li > ul > li > a,
.cs_2 .menu-block > ul > li >.active,
.cs_2 .menu-block > ul > li > a:hover,
.cs_2 .menu-block > ul > li.active a {
	border-left: 3px solid #29B6F6;
}
.cs_2 .button button,
.cs_2 .button .loading,
.cs_2 .filter-btn,
.cs_2 .folder-btn,
.cs_2 .myToggle input:checked + label,
.cs_2 .archive-loading::after,
.cs_2 .upload-loading::after,
.cs_2 .main-loading::after,
.cs_2 .menu-btn.active::before,
.cs_2 .menu-btn.active::after,
.cs_2 .nav-tabs>li.active>a, 
.cs_2 .nav-tabs>li.active>a:focus, 
.cs_2 .nav-tabs>li.active>a:hover,
.cs_2 .modal-header,
.cs_2 .login-btn,
.cs_2 .list_link a b {
	background-color: #29B6F6;
}
.cs_2 a,
.cs_2 .list_link .fa-home,
.cs_2 .list_link .fa-arrow-up,
.cs_2 .open_mp i,
.cs_2 .setting_bar > a > .fa-wrench,
.cs_2 .setting_bar > a > .fa-folder,
.cs_2 .setting_bar a.active,
.cs_2 .setting_bar .zip-btn i,
.cs_2 .list_post_info .status {
	color: #29B6F6;
}
.cs_2 .form-control:focus,
.cs_2 .form-control:hover,
.cs_2 .form-control:active,
.cs_2 .tag-editor:hover,
.cs_2 .ck-edit:hover,
.cs_2 .preview_img a:hover,
.cs_2 .bootstrap-select .dropdown-toggle.btn-default.focus,
.cs_2 .bootstrap-select .dropdown-toggle.btn-default:focus,
.cs_2 .bootstrap-select .dropdown-toggle.btn-default:hover,
.cs_2 .bootstrap-select > .btn:hover,
.cs_2 .bootstrap-select > .btn:focus,
.cs_2 .list_img a:hover,
.cs_2 .upload-file-list > li.active > div,
.cs_2 .upload-file-list > li > div:hover,
.cs_2 .ico-list label:hover,
.cs_2 .list-line:hover,
.cs_2 .checkbox-list label:hover {
	outline: none;
	border-color: #29B6F6;
    box-shadow: 0 0 10px rgba(41,182,246,0.4);
    background-color: rgba(41,182,246,0.1);
    opacity: 1;
}
.cs_2 .bootstrap-select .dropdown-menu li.selected a,
.cs_2 .bootstrap-select .dropdown-menu > li.active > a, 
.cs_2 .bootstrap-select .dropdown-menu > li.active > a :focus, 
.cs_2 .bootstrap-select .dropdown-menu > li.active > a :hover
.cs_2 .ico-list div input:checked + label,
.cs_2 .checkbox-list input:checked + label {
	background-color: #29B6F6;
	color: #fff;
	border-bottom: 1px solid #29B6F6;
}
.cs_2 .ico-list div input:checked + label,
.cs_2 .checkbox-list input:checked + label,
.cs_2 .pagination>.active>a,
.cs_2 .pagination>.active>a:focus,
.cs_2 .pagination>.active>a:hover,
.cs_2 .pagination>.active>span,
.cs_2 .pagination>.active>span:focus,
.cs_2 .pagination>.active>span:hover,
.cs_2 .pagination > li > a:hover,
.cs_2 .pagination > li > span:hover {
	border-color: #29B6F6;
	background-color: #29B6F6;
	color: #fff;
}
.cs_2 .select-system-bg label:hover,
.cs_2 .select-system-bg label:focus {
	box-shadow: 0 0 10px rgba(41,182,246,0.7);
}
@-webkit-keyframes sk-loading-2 {
  	0% { box-shadow: 0 0 0 rgba(41,182,246,0); }
  	50% { box-shadow: 0 0 0 20px rgba(41,182,246,0.5); }
  	100% { box-shadow: 0 0 0 34px rgba(41,182,246,0); }
}
@keyframes sk-loading-2 {
  	0% { box-shadow: 0 0 0 rgba(41,182,246,0); }
  	50% { box-shadow: 0 0 0 20px rgba(41,182,246,0.5); }
  	100% { box-shadow: 0 0 0 34px rgba(41,182,246,0); }
}
.cs_2 .archive-loading::after,
.cs_2 .upload-loading::after,
.cs_2 .main-loading::after {
	-webkit-animation: sk-loading-2 1.2s infinite ease;
  	animation: sk-loading-2 1.2s infinite ease;
}
@keyframes item-show-anim-2 {
    from {
    	box-shadow: none;
    	transform: scale(0.95);
    	opacity: 0;
    }
    10% {
		box-shadow: 0 0 20px rgba(41,182,246,0.8);
		transform: scale(1);
		opacity: 1;
    }
    to {
    	box-shadow: none;
    }
}
.cs_2 [data-item-id].item-show {
    animation-name: item-show-anim-2;
    animation-duration: 6s;
}
.cs_2 [data-item-id].hidden-block input {
    animation-name: item-show-anim-2;
    animation-duration: 6s;
}
.cs_2 [data-item-id].hidden-block textarea {
    animation-name: item-show-anim-2;
    animation-duration: 6s;
}


.cs_3 .list_title a span, 
.color-spectrum-3,
.cs_3 .tag-editor .tag-editor-tag,
.cs_3 .tag-editor .tag-editor-delete,
.cs_3 .alt {
	background-color: #e08181;
}
.cs_3 .menu-block,
.cs_3 .main-div::before {
	background-color: #514141;
}
.cs_3 .menu-block > ul > li > ul > li > a,
.cs_3 .menu-block > ul > li >.active,
.cs_3 .menu-block > ul > li > a:hover,
.cs_3 .menu-block > ul > li.active a {
	border-left: 3px solid #e08181;
}
.cs_3 .button button,
.cs_3 .button .loading,
.cs_3 .filter-btn,
.cs_3 .folder-btn,
.cs_3 .myToggle input:checked + label,
.cs_3 .archive-loading::after,
.cs_3 .upload-loading::after,
.cs_3 .main-loading::after,
.cs_3 .menu-btn.active::before,
.cs_3 .menu-btn.active::after,
.cs_3 .nav-tabs>li.active>a, 
.cs_3 .nav-tabs>li.active>a:focus, 
.cs_3 .nav-tabs>li.active>a:hover,
.cs_3 .modal-header,
.cs_3 .login-btn,
.cs_3 .list_link a b {
	background-color: #e08181;
}
.cs_3 a,
.cs_3 .list_link .fa-home,
.cs_3 .list_link .fa-arrow-up,
.cs_3 .open_mp i,
.cs_3 .setting_bar > a > .fa-wrench,
.cs_3 .setting_bar > a > .fa-folder,
.cs_3 .setting_bar a.active,
.cs_3 .setting_bar .zip-btn i,
.cs_3 .list_post_info .status {
	color: #e08181;
}
.cs_3 .form-control:focus,
.cs_3 .form-control:hover,
.cs_3 .form-control:active,
.cs_3 .tag-editor:hover,
.cs_3 .ck-edit:hover,
.cs_3 .preview_img a:hover,
.cs_3 .bootstrap-select .dropdown-toggle.btn-default.focus,
.cs_3 .bootstrap-select .dropdown-toggle.btn-default:focus,
.cs_3 .bootstrap-select .dropdown-toggle.btn-default:hover,
.cs_3 .bootstrap-select > .btn:hover,
.cs_3 .bootstrap-select > .btn:focus,
.cs_3 .list_img a:hover,
.cs_3 .upload-file-list > li.active > div,
.cs_3 .upload-file-list > li > div:hover,
.cs_3 .ico-list label:hover,
.cs_3 .list-line:hover,
.cs_3 .checkbox-list label:hover {
	outline: none;
	border-color: #e08181;
    box-shadow: 0 0 10px rgba(224,129,129,0.6);
    background-color: rgba(224,129,129,0.1);
    opacity: 1;
}
.cs_3 .bootstrap-select .dropdown-menu li.selected a,
.cs_3 .bootstrap-select .dropdown-menu > li.active > a, 
.cs_3 .bootstrap-select .dropdown-menu > li.active > a :focus, 
.cs_3 .bootstrap-select .dropdown-menu > li.active > a :hover
.cs_3 .ico-list div input:checked + label,
.cs_3 .checkbox-list input:checked + label {
	background-color: #e08181;
	color: #fff;
	border-bottom: 1px solid #e08181;
}
.cs_3 .ico-list div input:checked + label,
.cs_3 .checkbox-list input:checked + label,
.cs_3 .pagination>.active>a,
.cs_3 .pagination>.active>a:focus,
.cs_3 .pagination>.active>a:hover,
.cs_3 .pagination>.active>span,
.cs_3 .pagination>.active>span:focus,
.cs_3 .pagination>.active>span:hover,
.cs_3 .pagination > li > a:hover,
.cs_3 .pagination > li > span:hover {
	border-color: #e08181;
	background-color: #e08181;
	color: #fff;
}
.cs_3 .select-system-bg label:hover,
.cs_3 .select-system-bg label:focus {
	box-shadow: 0 0 10px rgba(224,129,129,0.7);
}
@-webkit-keyframes sk-loading-3 {
  	0% { box-shadow: 0 0 0 rgba(224,129,129,0); }
  	50% { box-shadow: 0 0 0 20px rgba(224,129,129,0.5); }
  	100% { box-shadow: 0 0 0 34px rgba(224,129,129,0); }
}
@keyframes sk-loading-3 {
  	0% { box-shadow: 0 0 0 rgba(224,129,129,0); }
  	50% { box-shadow: 0 0 0 20px rgba(224,129,129,0.5); }
  	100% { box-shadow: 0 0 0 34px rgba(224,129,129,0); }
}
.cs_3 .archive-loading::after,
.cs_3 .upload-loading::after,
.cs_3 .main-loading::after {
	-webkit-animation: sk-loading-3 1.2s infinite ease;
  	animation: sk-loading-3 1.2s infinite ease;
}
@keyframes item-show-anim-3 {
    from {
    	box-shadow: none;
    	transform: scale(0.95);
    	opacity: 0;
    }
    10% {
		box-shadow: 0 0 20px rgba(224,129,129,1);
		transform: scale(1);
		opacity: 1;
    }
    to {
    	box-shadow: none;
    }
}
.cs_3 [data-item-id].item-show {
    animation-name: item-show-anim-3;
    animation-duration: 6s;
}
.cs_3 [data-item-id].hidden-block input {
    animation-name: item-show-anim-3;
    animation-duration: 6s;
}
.cs_3 [data-item-id].hidden-block textarea {
    animation-name: item-show-anim-3;
    animation-duration: 6s;
}


.cs_4 .list_title a span, 
.color-spectrum-4,
.cs_4 .tag-editor .tag-editor-tag,
.cs_4 .tag-editor .tag-editor-delete,
.cs_4 .alt {
	background-color: #a9c74d;
}
.cs_4 .menu-block,
.cs_4 .main-div::before {
	background-color: #3f4629;
}
.cs_4 .menu-block > ul > li > ul > li > a,
.cs_4 .menu-block > ul > li >.active,
.cs_4 .menu-block > ul > li > a:hover,
.cs_4 .menu-block > ul > li.active a {
	border-left: 3px solid #a9c74d;
}
.cs_4 .button button,
.cs_4 .button .loading,
.cs_4 .filter-btn,
.cs_4 .folder-btn,
.cs_4 .myToggle input:checked + label,
.cs_4 .archive-loading::after,
.cs_4 .upload-loading::after,
.cs_4 .main-loading::after,
.cs_4 .menu-btn.active::before,
.cs_4 .menu-btn.active::after,
.cs_4 .nav-tabs>li.active>a, 
.cs_4 .nav-tabs>li.active>a:focus, 
.cs_4 .nav-tabs>li.active>a:hover,
.cs_4 .modal-header,
.cs_4 .login-btn,
.cs_4 .list_link a b {
	background-color: #a9c74d;
}
.cs_4 a,
.cs_4 .list_link .fa-home,
.cs_4 .list_link .fa-arrow-up,
.cs_4 .open_mp i,
.cs_4 .setting_bar > a > .fa-wrench,
.cs_4 .setting_bar > a > .fa-folder,
.cs_4 .setting_bar a.active,
.cs_4 .setting_bar .zip-btn i,
.cs_4 .list_post_info .status {
	color: #3f8705;
}
.cs_4 .form-control:focus,
.cs_4 .form-control:hover,
.cs_4 .form-control:active,
.cs_4 .tag-editor:hover,
.cs_4 .ck-edit:hover,
.cs_4 .preview_img a:hover,
.cs_4 .bootstrap-select .dropdown-toggle.btn-default.focus,
.cs_4 .bootstrap-select .dropdown-toggle.btn-default:focus,
.cs_4 .bootstrap-select .dropdown-toggle.btn-default:hover,
.cs_4 .bootstrap-select > .btn:hover,
.cs_4 .bootstrap-select > .btn:focus,
.cs_4 .list_img a:hover,
.cs_4 .upload-file-list > li.active > div,
.cs_4 .upload-file-list > li > div:hover,
.cs_4 .ico-list label:hover,
.cs_4 .list-line:hover,
.cs_4 .checkbox-list label:hover {
	outline: none;
	border-color: #a9c74d;
    box-shadow: 0 0 15px rgba(169,199,77,0.8);
    background-color: rgba(169,199,77,0.1);
    opacity: 1;
}
.cs_4 .bootstrap-select .dropdown-menu li.selected a,
.cs_4 .bootstrap-select .dropdown-menu > li.active > a, 
.cs_4 .bootstrap-select .dropdown-menu > li.active > a :focus, 
.cs_4 .bootstrap-select .dropdown-menu > li.active > a :hover
.cs_4 .ico-list div input:checked + label,
.cs_4 .checkbox-list input:checked + label {
	background-color: #a9c74d;
	color: #fff;
	border-bottom: 1px solid #a9c74d;
}
.cs_4 .ico-list div input:checked + label,
.cs_4 .checkbox-list input:checked + label,
.cs_4 .pagination>.active>a,
.cs_4 .pagination>.active>a:focus,
.cs_4 .pagination>.active>a:hover,
.cs_4 .pagination>.active>span,
.cs_4 .pagination>.active>span:focus,
.cs_4 .pagination>.active>span:hover,
.cs_4 .pagination > li > a:hover,
.cs_4 .pagination > li > span:hover {
	border-color: #a9c74d;
	background-color: #a9c74d;
	color: #fff;
}
.cs_4 .select-system-bg label:hover,
.cs_4 .select-system-bg label:focus {
	box-shadow: 0 0 10px rgba(169,199,77,0.7);
}
@-webkit-keyframes sk-loading-4 {
  	0% { box-shadow: 0 0 0 rgba(169,199,77,0); }
  	50% { box-shadow: 0 0 0 20px rgba(169,199,77,0.5); }
  	100% { box-shadow: 0 0 0 34px rgba(169,199,77,0); }
}
@keyframes sk-loading-4 {
  	0% { box-shadow: 0 0 0 rgba(169,199,77,0); }
  	50% { box-shadow: 0 0 0 20px rgba(169,199,77,0.5); }
  	100% { box-shadow: 0 0 0 34px rgba(169,199,77,0); }
}
.cs_4 .archive-loading::after,
.cs_4 .upload-loading::after,
.cs_4 .main-loading::after {
	-webkit-animation: sk-loading-4 1.2s infinite ease;
  	animation: sk-loading-4 1.2s infinite ease;
}
@keyframes item-show-anim-4 {
    from {
    	box-shadow: none;
    	transform: scale(0.95);
    	opacity: 0;
    }
    10% {
		box-shadow: 0 0 20px rgba(169,199,77,1);
		transform: scale(1);
		opacity: 1;
    }
    to {
    	box-shadow: none;
    }
}
.cs_4 [data-item-id].item-show {
    animation-name: item-show-anim-4;
    animation-duration: 6s;
}
.cs_4 [data-item-id].hidden-block input {
    animation-name: item-show-anim-4;
    animation-duration: 6s;
}
.cs_4 [data-item-id].hidden-block textarea {
    animation-name: item-show-anim-4;
    animation-duration: 6s;
}


.cs_5 .list_title a span, 
.color-spectrum-5,
.cs_5 .tag-editor .tag-editor-tag,
.cs_5 .tag-editor .tag-editor-delete,
.cs_5 .alt {
	background-color: #81ab95;
}
.cs_5 .menu-block,
.cs_5 .main-div::before {
	background-color: #2f4037;
}
.cs_5 .menu-block > ul > li > ul > li > a,
.cs_5 .menu-block > ul > li >.active,
.cs_5 .menu-block > ul > li > a:hover,
.cs_5 .menu-block > ul > li.active a {
	border-left: 3px solid #81ab95;
}
.cs_5 .button button,
.cs_5 .button .loading,
.cs_5 .filter-btn,
.cs_5 .folder-btn,
.cs_5 .myToggle input:checked + label,
.cs_5 .archive-loading::after,
.cs_5 .upload-loading::after,
.cs_5 .main-loading::after,
.cs_5 .menu-btn.active::before,
.cs_5 .menu-btn.active::after,
.cs_5 .nav-tabs>li.active>a, 
.cs_5 .nav-tabs>li.active>a:focus, 
.cs_5 .nav-tabs>li.active>a:hover,
.cs_5 .modal-header,
.cs_5 .login-btn,
.cs_5 .list_link a b {
	background-color: #81ab95;
}
.cs_5 a,
.cs_5 .list_link .fa-home,
.cs_5 .list_link .fa-arrow-up,
.cs_5 .open_mp i,
.cs_5 .setting_bar > a > .fa-wrench,
.cs_5 .setting_bar > a > .fa-folder,
.cs_5 .setting_bar a.active,
.cs_5 .setting_bar .zip-btn i,
.cs_5 .list_post_info .status {
	color: #45966c;
}
.cs_5 .form-control:focus,
.cs_5 .form-control:hover,
.cs_5 .form-control:active,
.cs_5 .tag-editor:hover,
.cs_5 .ck-edit:hover,
.cs_5 .preview_img a:hover,
.cs_5 .bootstrap-select .dropdown-toggle.btn-default.focus,
.cs_5 .bootstrap-select .dropdown-toggle.btn-default:focus,
.cs_5 .bootstrap-select .dropdown-toggle.btn-default:hover,
.cs_5 .bootstrap-select > .btn:hover,
.cs_5 .bootstrap-select > .btn:focus,
.cs_5 .list_img a:hover,
.cs_5 .upload-file-list > li.active > div,
.cs_5 .upload-file-list > li > div:hover,
.cs_5 .ico-list label:hover,
.cs_5 .list-line:hover,
.cs_5 .checkbox-list label:hover {
	outline: none;
	border-color: #81ab95;
    box-shadow: 0 0 10px rgba(129,171,149,0.6);
    background-color: rgba(129,171,149,0.1);
    opacity: 1;
}
.cs_5 .bootstrap-select .dropdown-menu li.selected a,
.cs_5 .bootstrap-select .dropdown-menu > li.active > a, 
.cs_5 .bootstrap-select .dropdown-menu > li.active > a :focus, 
.cs_5 .bootstrap-select .dropdown-menu > li.active > a :hover
.cs_5 .ico-list div input:checked + label,
.cs_5 .checkbox-list input:checked + label {
	background-color: #81ab95;
	color: #fff;
	border-bottom: 1px solid #81ab95;
}
.cs_5 .ico-list div input:checked + label,
.cs_5 .checkbox-list input:checked + label,
.cs_5 .pagination>.active>a,
.cs_5 .pagination>.active>a:focus,
.cs_5 .pagination>.active>a:hover,
.cs_5 .pagination>.active>span,
.cs_5 .pagination>.active>span:focus,
.cs_5 .pagination>.active>span:hover,
.cs_5 .pagination > li > a:hover,
.cs_5 .pagination > li > span:hover {
	border-color: #81ab95;
	background-color: #81ab95;
	color: #fff;
}
.cs_5 .select-system-bg label:hover,
.cs_5 .select-system-bg label:focus {
	box-shadow: 0 0 10px rgba(129,171,149,0.7);
}
@-webkit-keyframes sk-loading-5 {
  	0% { box-shadow: 0 0 0 rgba(129,171,149,0); }
  	50% { box-shadow: 0 0 0 20px rgba(129,171,149,0.5); }
  	100% { box-shadow: 0 0 0 34px rgba(129,171,149,0); }
}
@keyframes sk-loading-5 {
  	0% { box-shadow: 0 0 0 rgba(129,171,149,0); }
  	50% { box-shadow: 0 0 0 20px rgba(129,171,149,0.5); }
  	100% { box-shadow: 0 0 0 34px rgba(129,171,149,0); }
}
.cs_5 .archive-loading::after,
.cs_5 .upload-loading::after,
.cs_5 .main-loading::after {
	-webkit-animation: sk-loading-5 1.2s infinite ease;
  	animation: sk-loading-5 1.2s infinite ease;
}
@keyframes item-show-anim-5 {
    from {
    	box-shadow: none;
    	transform: scale(0.95);
    	opacity: 0;
    }
    10% {
		box-shadow: 0 0 20px rgba(129,171,149,1);
		transform: scale(1);
		opacity: 1;
    }
    to {
    	box-shadow: none;
    }
}
.cs_5 [data-item-id].item-show {
    animation-name: item-show-anim-5;
    animation-duration: 6s;
}
.cs_5 [data-item-id].hidden-block input {
    animation-name: item-show-anim-5;
    animation-duration: 6s;
}
.cs_5 [data-item-id].hidden-block textarea {
    animation-name: item-show-anim-5;
    animation-duration: 6s;
}


.cs_6 .list_title a span, 
.color-spectrum-6,
.cs_6 .tag-editor .tag-editor-tag,
.cs_6 .tag-editor .tag-editor-delete,
.cs_6 .alt {
	background-color: #7a79d8;
}
.cs_6 .menu-block,
.cs_6 .main-div::before {
	background-color: #322e44;
}
.cs_6 .menu-block > ul > li > ul > li > a,
.cs_6 .menu-block > ul > li >.active,
.cs_6 .menu-block > ul > li > a:hover,
.cs_6 .menu-block > ul > li.active a {
	border-left: 3px solid #7a79d8;
}
.cs_6 .button button,
.cs_6 .button .loading,
.cs_6 .filter-btn,
.cs_6 .folder-btn,
.cs_6 .myToggle input:checked + label,
.cs_6 .archive-loading::after,
.cs_6 .upload-loading::after,
.cs_6 .main-loading::after,
.cs_6 .menu-btn.active::before,
.cs_6 .menu-btn.active::after,
.cs_6 .nav-tabs>li.active>a, 
.cs_6 .nav-tabs>li.active>a:focus, 
.cs_6 .nav-tabs>li.active>a:hover,
.cs_6 .modal-header,
.cs_6 .login-btn,
.cs_6 .list_link a b {
	background-color: #7a79d8;
}
.cs_6 a,
.cs_6 .list_link .fa-home,
.cs_6 .list_link .fa-arrow-up,
.cs_6 .open_mp i,
.cs_6 .setting_bar > a > .fa-wrench,
.cs_6 .setting_bar > a > .fa-folder,
.cs_6 .setting_bar a.active,
.cs_6 .setting_bar .zip-btn i,
.cs_6 .list_post_info .status {
	color: #7a79d8;
}
.cs_6 .form-control:focus,
.cs_6 .form-control:hover,
.cs_6 .form-control:active,
.cs_6 .tag-editor:hover,
.cs_6 .ck-edit:hover,
.cs_6 .preview_img a:hover,
.cs_6 .bootstrap-select .dropdown-toggle.btn-default.focus,
.cs_6 .bootstrap-select .dropdown-toggle.btn-default:focus,
.cs_6 .bootstrap-select .dropdown-toggle.btn-default:hover,
.cs_6 .bootstrap-select > .btn:hover,
.cs_6 .bootstrap-select > .btn:focus,
.cs_6 .list_img a:hover,
.cs_6 .upload-file-list > li.active > div,
.cs_6 .upload-file-list > li > div:hover,
.cs_6 .ico-list label:hover,
.cs_6 .list-line:hover,
.cs_6 .checkbox-list label:hover {
	outline: none;
	border-color: #7a79d8;
    box-shadow: 0 0 10px rgba(122,121,216,0.6);
    background-color: rgba(122,121,216,0.1);
    opacity: 1;
}
.cs_6 .bootstrap-select .dropdown-menu li.selected a,
.cs_6 .bootstrap-select .dropdown-menu > li.active > a, 
.cs_6 .bootstrap-select .dropdown-menu > li.active > a :focus, 
.cs_6 .bootstrap-select .dropdown-menu > li.active > a :hover
.cs_6 .ico-list div input:checked + label,
.cs_6 .checkbox-list input:checked + label {
	background-color: #7a79d8;
	color: #fff;
	border-bottom: 1px solid #7a79d8;
}
.cs_6 .ico-list div input:checked + label,
.cs_6 .checkbox-list input:checked + label,
.cs_6 .pagination>.active>a,
.cs_6 .pagination>.active>a:focus,
.cs_6 .pagination>.active>a:hover,
.cs_6 .pagination>.active>span,
.cs_6 .pagination>.active>span:focus,
.cs_6 .pagination>.active>span:hover,
.cs_6 .pagination > li > a:hover,
.cs_6 .pagination > li > span:hover {
	border-color: #7a79d8;
	background-color: #7a79d8;
	color: #fff;
}
.cs_6 .select-system-bg label:hover,
.cs_6 .select-system-bg label:focus {
	box-shadow: 0 0 10px rgba(122,121,216,0.7);
}
@-webkit-keyframes sk-loading-6 {
  	0% { box-shadow: 0 0 0 rgba(122,121,216,0); }
  	50% { box-shadow: 0 0 0 20px rgba(122,121,216,0.5); }
  	100% { box-shadow: 0 0 0 34px rgba(122,121,216,0); }
}
@keyframes sk-loading-6 {
  	0% { box-shadow: 0 0 0 rgba(122,121,216,0); }
  	50% { box-shadow: 0 0 0 20px rgba(122,121,216,0.5); }
  	100% { box-shadow: 0 0 0 34px rgba(122,121,216,0); }
}
.cs_6 .archive-loading::after,
.cs_6 .upload-loading::after,
.cs_6 .main-loading::after {
	-webkit-animation: sk-loading-6 1.2s infinite ease;
  	animation: sk-loading-6 1.2s infinite ease;
}
@keyframes item-show-anim-6 {
    from {
    	box-shadow: none;
    	transform: scale(0.95);
    	opacity: 0;
    }
    10% {
		box-shadow: 0 0 20px rgba(122,121,216,1);
		transform: scale(1);
		opacity: 1;
    }
    to {
    	box-shadow: none;
    }
}
.cs_6 [data-item-id].item-show {
    animation-name: item-show-anim-6;
    animation-duration: 6s;
}
.cs_6 [data-item-id].hidden-block input {
    animation-name: item-show-anim-6;
    animation-duration: 6s;
}
.cs_6 [data-item-id].hidden-block textarea {
    animation-name: item-show-anim-6;
    animation-duration: 6s;
}



.button button,
.filter-btn,
.folder-btn {
	box-shadow: 0 2px 4px rgba(0,0,0,0.10);
	transition: all 0.3s ease-in;
}
.button button:hover,
.filter-btn:hover,
.folder-btn:hover {
	opacity: 0.7;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
/*Color spectrum End*/


.main-div {
	display: inline-block;
	width: 100%;
	margin: 25px 0;
	max-width: 1650px;
	background: rgba(235,234,234,0.95);
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	letter-spacing: -0.3em;
	position: relative;
	text-align: left;
}
.main-div::before {
	content: "";
	width: 200px;
	left: 0;
	height: 100%;
	position: absolute;
	z-index: 10;
}
.upl::before {
	display: none;
}
.lb {
	width: 200px;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	position: relative;
	z-index: 45;
}
.rb {
	width: calc(100% - 200px);
	display: inline-block;
	vertical-align: top;
	min-height: 500px;
	letter-spacing: normal;
}
.main-title {
	width: 100%;
	float: left;
	margin: 10px 0 25px;
	font-size: 1.8rem;
	color: #546E7A;
	font-weight: lighter;
	text-transform: uppercase;
}


/*Navigation*/
.navigation {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	font-size: 1.3rem;
}

.bot_navigation {
	font-size: 1.3rem;
	width: 100%;
	float: left;
	text-align: center;
	margin: 15px 0 10px;
	padding: 0;
}
.bot_navigation ul li a {
	margin: 0 2px 3px;
	cursor: pointer;
}
.pagination {
	padding: 0;
	margin: 0;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-radius: 100%;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    color: #fff;
    font-weight: bold;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 4px 10px;
    margin-left: -1px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #616161;
    background-color: #ECEFF1;
    border: 2px solid #ECEFF1;
    border-radius: 100%;
    transition: all 0.1s ease-in;
}
/*Navigation End*/




/*Form*/
.form-control {
	height: 32px;
	padding: 6px 12px;
	border-color: #ddd;
	border-radius: 0px;
	background-color: #F5F5F5;
	box-shadow: none;
	font-size: 1.3rem;
	resize:none;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease;
}
.form-control:focus, .form-control:hover, .form-control:active {
    outline: none;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    border-color: #ddd;
    background: #EAEAEA;
}

.tooltip-inner {
	background: #37474F;
	font-size: 1.0rem;
	border-radius: 0px;
}
.tooltip.bottom .tooltip-arrow, .tooltip.top .tooltip-arrow {
    border-bottom-color: #37474F;
    border-top-color: #37474F;
}
.result > div {
	width: 100%;
	display: block;
	float: left;
	padding: 15px 25px;
	font-size: 1.5rem;
	margin: 0 0 15px;
	text-align: center;
	position: relative;
	letter-spacing: normal;
	box-shadow: 0 2px 4px rgba(0,0,0,0.10);
}
.result > div .close-result {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}
.result > div .close-result::before {
	font-family: "FontAwesome";
	content: "\f00d";
	width: 20px;
	height: 20px;
}
.result > div .open-archive,
.result > div a {
	cursor: pointer;
	font-weight: 900;
	opacity: 0.7;
	text-decoration: underline;
	transition: all 0.2s ease-in;
}
.result > div .open-archive:hover,
.result > div a:hover {
	opacity: 1;
}
.result > .loading {
	font-size: 0.9rem;
}
.TextInput {
	width: 100%;
	float: left;
	display: block;
	font-size: 1.2rem;
	line-height: 12px;
	margin-bottom: 5px;
}
.TextInput b {
	color: #F4511E;
}
.form-label {
	width: 100%;
	font-size: 1.3rem;
	font-weight: 600;
/*	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;	*/
}
i.delInput {
	color: #E64A19 !important;
	cursor: pointer;
	display: inline-block;
	margin-right: 5px;
	font-size: 1.1rem;
}
.h2 i.delInput {
	transform: translateY(-2px);
}
.form-label b {
	width: 4px;
	height: 4px;
	display: inline-block;
	margin-top: 6px;
	margin-right: 4px;
	font-size: 0;
	vertical-align: top;
	border-radius: 100%;
	background-color: #F4511E;
}
.form-label em, .form-label i {
	font-size: 1.1rem;
	font-weight: normal;
	color: #999;
	white-space: normal;
	text-overflow: none;
}
.form-label i {
	width: auto;
	font-style: normal;
}
.form-label strong {
	color: #f44336;
}
.form-item {
	width: 100%;
	float: left;
	margin-bottom: 22px;
}
.form-item a {
	font-size: 1.2rem;
}
.form-item a:hover {
	text-decoration: underline;
}
.attachLang {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;	
}
.form-item .input-group-addon {
    padding: 6px 12px;
    height: 32px;
    background-color: #F5F5F5;
    border-color: #ddd;
    border-radius: 0px;
}
.form-item .uri-check {
	padding: 4px 12px 0;
}
.input-group-addon input {
	cursor: pointer;
}
.input-group-addon .title {
	min-width: 50px;
	max-width: 150px;
	display: inline-block;
	white-space: normal;
	text-overflow: none;
}
.date-ico {
	width: 100%;
	float: left;
	height: 0;
	position: relative;
}
.date-ico::before {
	width: 100%;
	float: left;
	font-family: "FontAwesome";
	content: "\f073";
	width: 20px;
	height: 20px;
	margin-top: -26px;
	right: 5px;
	text-align: center;
	font-size: 1.4rem;
	color: #616161;
	position: absolute;
	z-index: 2;
}
.ck-edit {
	border: 1px solid #ddd;
	float: left;
	width: 100%;
	position: relative;
	min-height: 250px;
	transition: all 0.3s ease;
}
.ck-edit > i {
	position: absolute;
	text-align: center;
	top: calc(50% - 15px);
	left: calc(50% - 15px);
	width: 30px;
	height: 30px;
	color: #ccc;
	font-size: 3.0rem;
	z-index: 0;
}
.ck-edit > .cke_ltr {
	position: relative;
	z-index: 2;
}
.toggle-wrap {
	vertical-align: middle;
	text-align: left;
}

.toggle-wrap .form-label {
	width: calc(100% - 60px);
	display: inline-block;
	float: none;
	margin-right: 10px;
	margin-bottom: 0;
	vertical-align: middle;
}
.toggle-wrap .myToggle {
	width: 46px;
	float: none;
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}

.myToggle {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.myToggle label {
	width: auto;
	float: left;
	cursor: pointer;
	margin: 0;
	width: 46px;
	height: 24px;
	outline: none;
	background-color: #F1F1F1;
	border-radius: 15px;
	position: relative;
	padding: 0;
	transition: all 0.2s ease-in;
	box-shadow: 0px 1px 6px -3px rgba(0,0,0,0.6) inset;;
}
.myToggle label::before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 2px;
	right: 2px;
	border-radius: 100%;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	transform: translateX(-22px);
	transition: all 0.2s ease;
}
.myToggle input:checked + label::before {
	transform: translateX(0);
}
.myToggle input {
	display: none;
}


.bg-danger, .bg-warning {
	width: 100%;
	float: left;
	padding: 15px;
	text-align: center;
	font-size: 1.5rem;
	margin-bottom: 10px;
}
.bg-danger i, .bg-warning i {
	font-style: normal;
	font-weight: normal;
}

@keyframes item-show-anim {
    from {
    	box-shadow: none;
    	transform: scale(0.95);
    	opacity: 0;
    }
    10% {
		box-shadow: 0 0 20px rgba(41,182,246,0.8);
		transform: scale(1);
		opacity: 1;
    }
    to {
    	box-shadow: none;
    }
}
[data-item-id].item-show {
    animation-name: item-show-anim;
    animation-duration: 6s;
}
[data-item-id].hidden-block input {
    animation-name: item-show-anim;
    animation-duration: 6s;
}
[data-item-id].hidden-block textarea {
    animation-name: item-show-anim;
    animation-duration: 6s;
}

.checkbox-list {
	margin-bottom: 10px;
}
.checkbox-list label {
	width:  100%;
    height: 32px;
    padding: 6px 12px 6px 25px; 
	font-size: 1.3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    border: 1px solid #ddd;
    background-color: #F5F5F5;
    transition: all 0.2s ease;
    position: relative;
    cursor: pointer;
}
.checkbox-list label::before {
	font-family: "FontAwesome";
	content: "\f096";
	position: absolute;
	left: 5px;
	top: calc(50% - 11px);
	font-size: 1.6rem;
	color: #ddd;
	transition: all 0.2s ease;
}
.checkbox-list input:checked + label::before {
	content: "\f00c";
	font-size: 1.4rem;
	color: #fff;
	top: calc(50% - 10px);
}
.checkbox-list input {
	display: none;
}
/*Form End*/


/*Tag editor*/
.tag-editor {
    list-style-type: none; 
    padding: 6px 12px; 
    min-height: 40px;
    margin: 0; 
    overflow: hidden; 
    border: 1px solid #ddd; 
    cursor: text;
    color: #555; 
    background: #F5F5F5; 
    line-height: normal;
    text-align: left;
    font-size: 0px;
    transition: all 0.3s ease;
}
.tag-editor .tag-editor-tag { 
    color: #fff; 
    border-radius: 0;
    padding: 3px 7px 3px 5px;
    height: 20px;
    font-size: 1.3rem;     
    cursor: text;
}
.tag-editor .tag-editor-tag.active { 
	border: 1px dotted #ccc; 
}
.tag-editor .tag-editor-delete {
	border-radius: 0;
	padding: 3px 3px 3px 2px;
	height: 20px;
}
.tag-editor .tag-editor-delete i { 
	line-height: normal; 
	display: inline-block;
}
.tag-editor .tag-editor-delete i:before {  
	color: #fff; 
	opacity: 0.7;
	content: "×"; 
	line-height: 14px;
	font-size: 1.4rem;
	transition: all 0.3s ease;
}
.tag-editor .tag-editor-tag.active+.tag-editor-delete {
	display: none;
}
.tag-editor .tag-editor-delete:hover i:before { 
	color: #fff;
	opacity: 1;
}
/*Tag editor End*/


/*Toast*/
.toast-title {
	font-weight: 900;
}
.toast-bottom-right {
	right: 15px;
	bottom: 10px;
}
#toast-container > div {
	border-radius: 0;
	opacity: 1;
	box-shadow: 0 0 18px rgba(0,0,0,0.2);
}
#toast-container > :hover {
	box-shadow: 0 0 18px rgba(0,0,0,0.2);
	cursor: pointer;
}
.toast {
	background-color: #030303;
	font-size: 1.4rem;
}
.toast-success {
	background-color: #66BB6A;
}
.toast-error {
	background-color: #FF7043;
}
.toast-info {
	background-color: #29B6F6;
}
.toast-warning {
	background-color: #f89406;
}

.toast-close-button {
	color: #ffffff;
	text-shadow: none;
	opacity: 0.7;
	top: -0.2em;
	transition: all 0.2s ease-in;
}
.toast-close-button:hover,
.toast-close-button:focus {
	color: #fff;
	opacity: 1;
	outline: none;
}
/*Toast End*/


/*Tabs*/
.nav-tabs {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	background: #fff;
	margin-bottom: 15px;
	border-bottom: none;
	box-shadow: 0 2px 4px rgba(0,0,0,0.10);	
}
.nav-tabs>li {
    margin-bottom: 0;
}
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:focus, 
.nav-tabs>li.active>a:hover {
    border: none;
    color: #fff;
}
.nav-tabs>li>a {
	color: #9E9E9E;
	font-size: 1.4rem;
    margin-right: 0;
    border: none;
    border-radius: 0;
    padding: 8px 15px;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background: #F5F5F5;
}
/*Tabs End*/

/* Ensure tab panes actually switch (only .active is visible) */
.tab-content > .tab-pane {
	display: none;
}
.tab-content > .tab-pane.active {
	display: block;
}


/*Filer*/
.all-files {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.files-list {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
.files-item,
.files-empty,
.files-placeholder {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 0 15px;
	width: 100%;
	float: left;
}
.files-dragel {
	position: absolute;
	pointer-events: none;
	z-index: 9999;
}
.files-dragel .files-content {
	box-shadow: 0 6px 30px rgba(0,0,0,.3);
}

.files-dragel > .files-item > .files-content {
	margin: 0;
	opacity: 0.5;
}
.files_input > .form-control {
	cursor: pointer;
	position: relative;
}
.del-one .fa-times,
.setting_bar .fa-times {
	font-size: 13px;
	color: #FF5722;
	width: 100%;
	cursor: pointer;
}
.files-placeholder,
.files-empty {
	margin: 0 0 15px;
	padding: 0;
	border: 1px dashed #b6bcbf;
	cursor: move;
}
.files-content, .files-placeholder .files-content {
	display: block;
	padding: 0 0 0 40px;
	width: 100%;
	float: left;
}
.files-handle, .files-placeholder .files-handle {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 32px;
	line-height: 17px;
	font-size: 1.4rem;
	cursor: move;
}
.file-input-group > .form-control {
	width: calc(50% - 1px);
	float: right;
}
.file-input-group > .form-control:first-child {
	float: left;
}

.files-item .input-group-addon {
	border-radius: 0;
	border-color: #ddd;
}
.border-left-none {
	border-left: 0px;
}
.input-group-addon.empty-box {
	background-color: transparent; 
	border: 0px; 
	width: 16px; 
	padding: 0;
}
.files-list .input-group-addon > .fa-times {
	color: #FF5722;
	cursor: pointer;
}
.files-item .file-check {
	padding-top: 9px;
	border-left: 0px;
	cursor: help;
}
.files-item .file-check input {
	cursor: pointer;
}
.add-input-btn, 
.add-input-btn:focus, 
.add-input-btn:active, 
.add-input-btn:active.focus {
	display: inline-block;
	float: left;
	border-radius: 0;
	outline: none;
	transition: all 0.2s ease;
	box-shadow: none;
	background: #9E9E9E;
	color: #fff;
	margin-bottom: 15px;
}
.btn:active:focus {
    outline: none;
}
.add-input-btn:hover {
	background: #BDBDBD;
	color: #fff;
}

/* Images tab: list / grid view toggle */
.files-view-toolbar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.files-view-label {
	font-size: 13px;
	color: #666;
	margin-right: 4px;
}
.files-view-btn .files-view-btn-text {
	margin-left: 4px;
}
.files-view-btn.is-active {
	background: #607D8B;
	border-color: #546E7A;
	color: #fff;
}
.files-view-btn.is-active:hover,
.files-view-btn.is-active:focus {
	background: #78909C;
	border-color: #607D8B;
	color: #fff;
}

.filesBox.images-type.view-grid .files-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 14px;
}
.filesBox.images-type.view-grid .files-item {
	float: none;
	width: auto;
	padding: 0;
	position: relative;
}
.filesBox.images-type.view-grid .files-content {
	padding: 0;
	float: none;
	display: flex;
	flex-direction: column;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
	height: 100%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.filesBox.images-type.view-grid .files-handle {
	position: absolute;
	top: 6px;
	left: 6px;
	z-index: 3;
	width: 30px;
	height: 30px;
	line-height: 28px;
	padding: 0;
	text-align: center;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 3px;
	cursor: move;
}
.filesBox.images-type.view-grid .files-content .input-group {
	order: 2;
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #eee;
	margin: 0;
}
.filesBox.images-type.view-grid .preview_img {
	order: 1;
	text-align: center;
	background: #f5f5f5;
	min-height: 140px;
}
.filesBox.images-type.view-grid .preview_img a,
.filesBox.images-type.view-grid .preview_img i {
	width: 100%;
	height: 160px;
	margin: 0;
	border: 0;
	border-radius: 0;
	display: block;
}
.filesBox.images-type.view-grid .preview_img i {
	line-height: 160px;
	height: 160px;
}
.filesBox.images-type.view-grid .upload-btn span {
	display: none;
}
.filesBox.images-type.view-grid .files-item .input-group-addon {
	padding: 6px 10px;
}
.filesBox.images-type.view-grid .input-group .form-control.path {
	flex: 1 1 100%;
	width: 100%;
	font-size: 11px;
	height: 30px;
	padding: 4px 8px;
	border-left: 0;
	border-right: 0;
}
.filesBox.images-type.view-grid .file-input-group {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.filesBox.images-type.view-grid .file-input-group > .form-control {
	width: 100%;
	float: none;
	font-size: 11px;
	height: 30px;
}
.filesBox.images-type.view-grid .files-list .input-group-addon > .fa-times {
	font-size: 14px;
}
@media (max-width: 576px) {
	.filesBox.images-type.view-grid .files-list {
		grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
		gap: 10px;
	}
	.files-view-btn .files-view-btn-text {
		display: none;
	}
}

.preview_img {
	text-align: left;
}

.preview_img a,
.preview_img i {
	display: inline-block;
	width: 100px;
	height: 80px;
	overflow: hidden;
	border: 1px solid #ddd;
	background: #e2e2e2;
	padding: 1px;
	cursor: zoom-in;
	margin: 10px 0 0 -40px;
	transition: all 0.2s ease-in;
}
.preview_img a {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.preview_img i {
	font-size: 4.0rem;
	text-align: center;
	cursor: auto;	
	height: 50px;
	line-height: 47px;
}
/*Filers End*/




/*Selct*/
.bootstrap-select > .dropdown-toggle {
	float: left;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}
.bootstrap-select .dropdown-toggle:focus {
	outline: 0 dotted #333333 !important;
	outline: 0 auto -webkit-focus-ring-color !important;
	outline-offset: 0;
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
    background-color: #F5F5F5;
    border-color: #ddd;
    box-shadow: none;
}

.bootstrap-select > .btn {
  	border-radius: 0px;
  	height: 32px;
 	padding: 0 25px 0 12px;
  	font-size: 1.3rem;
  	transition: all 0.3s ease;
  	border-color: #ddd;
	background-color: #F5F5F5;
	outline: none;
}
.bootstrap-select {
	width: 100%;
	height: 32px;
}
.bootstrap-select .dropdown-menu {
	background-color: #FFF;
	border-color: #CCC;
	border-radius: 0px;
	padding: 0;
	width: 100%;
	box-shadow: 0 6px 30px rgba(0,0,0,.3);
}
.bootstrap-select .dropdown-menu.inner {
	max-height: 300px !important;
}
.bootstrap-select .dropdown-menu > li > a {
	font-size: 1.2rem;
	padding: 8px 12px;
	transition: all 0.15s ease;
	width: 100%;
	white-space: normal;
	line-height: normal;
	border-bottom: 1px solid #E4E4E4;
}
.bootstrap-select .dropdown-menu > li:last-child > a {
	border: none;
}
.bootstrap-select .dropdown-menu li > a:hover {
	background: #F0F0F0;
}
.bootstrap-select .dropdown-menu li > a:focus {
	outline: none;
}
.bs-searchbox {
	padding: 2px 6px;
	position: relative;
}
.bs-searchbox .form-control {
  	background: #fff;
	margin: 5px 0 5px;
	height: 26px;
}
.bs-searchbox::before {
	font-family: "FontAwesome";
	content: "\f002";
	width: 25px;
	height: 25px;
	font-size: 1.2rem;
	right: 3px;
	top: 12px;
	z-index: 66;
	position: absolute;
	color: #BDBDBD;
}

.check-mark {
	top: 50%;
	margin-top: -6px !important;
	color: #fff;
}

.bootstrap-select.btn-group .no-results {
  	color: #777;
    padding: 6px 12px 12px;
    white-space: normal;
    line-height: normal;
    font-size: 1.3rem;
    font-weight: 500;
    text-align: center;
    background-color: transparent;
}
.bootstrap-select .glyphicon-ok {
	margin-top: 10px;
}
.bootstrap-select .glyphicon-ok:before {
	font-family: "FontAwesome";
	content: "\f00c";
}
/*Selct End*/


/*Ckeditor*/
.ck-edit .cke_chrome {
    border: 10px;
    box-shadow: none;
}
/*Ckeditor End*/


/*Button*/
.button {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.button button {
	width: 100%;
	height: 36px;
	float: left;
	color: #fff;
	padding: 10px 12px;
	border: none;
	margin: 0;
	font-size: 1.2rem;
	text-transform: uppercase;
	outline: none;
}
.button .loading button {
	display: none;
}

.button .loading {
	width: 100%;
	height: 36px;
	float: left;
	box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
.preloader {
	margin: 21px auto 0;
	width: 100%;
	text-align: center;
	font-size: 10px;
	float: left;
	display: none;
}
.button .loading .preloader {
	display: inline-block;
}

.preloader > div {
	background-color: #fff;
	height: 6px;
	width: 6px;
	margin: auto 1px;
	border-radius: 50%;
	display: inline-block;
	-webkit-animation: stretchdelay 0.7s infinite ease-in-out;
	animation: stretchdelay 0.7s infinite ease-in-out;
}

.preloader .circ2 {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}

.preloader .circ3 {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.preloader .circ4 {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.preloader .circ5 {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}


@-webkit-keyframes stretchdelay {
	0%, 40%, 100% { -webkit-transform: translateY(-10px) }
	20% { -webkit-transform: translateY(-20px) }
}

@keyframes stretchdelay {
	0%, 40%, 100% {
		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
	} 20% {
		transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
	}
}
/*Button End*/


/*Login*/
.login-form {
	width: 100%;
	text-align: center;
}
.login-form > div {
	width: 500px;
	display: inline-block;
	text-align: center;
	margin-bottom: 100px;
	transform: translateY(-60px);
	transition: all 0.7s ease-out;
	opacity: 0;
	visibility: hidden;
}
.login-form > .show-form {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}
.login-form .form {
	width: 100%;
	display: inline-block;
	background: rgba(255,255,255,0.2);
	padding: 35px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    opacity: 1;
}
.login-form img {
	display: inline-block;
	margin: 100px 0 30px;
}
.login-form .form-control {
	margin-bottom: 25px;
	border: none;
	border-radius: 0px;
	height: 34px;
	width: 100%;
	float: left;
	background: #fff;
	box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
.login-form .form-control:hover,
.login-form .form-control:focus {
    background: #eaeaea;
    box-shadow: 0 3px 15px rgba(0,0,0,0.2);
}
.login-btn {
	min-width: 100%;
	color: #fff;
	margin-bottom: 0;
	border: none;
	float: none;
	display: inline-block;
	font-size: 1.5rem;
	padding: 0 15px;
	height: 36px;
	line-height: 32px;
	text-align: center;
	outline: none;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: all 0.3s ease-in;
}
.login-form .loading .preloader {
	display: inline-block;
}
.login-form .loading button {
	display: none;
}
/*Login END*/


/*Alt*/
.alt {
	width: 200px;
	padding: 15px 15px 0;
	margin-bottom: 20px;
	height: 60px;
	float: left;
	text-align: center;
	transition: all 0.2s ease-in;
}
.alt a {
	display: block;
	width: auto;
	float: left;
}
.alt img {
	width: 38px;
	float: left;
	margin: 5px 5px 0 0;
}
.alt b {
	display: block;
	float: left;
	font-size: 1.7rem;
	height: 15px;
	line-height: 13px;
	border-left: 1px solid rgba(255,255,255,0.5);
	color: rgba(255,255,255,0.9);
	font-weight: normal;
	margin: 7px 0 0 5px;
	padding-left: 7px;
}
/*Alt End*/


/*Top block*/
.top-block {
	width: 100%;
	float: left;
	height: 60px;
	background: #fff;
	position: relative;
	z-index: 50;
	letter-spacing: normal;
}
.top-link {
	width: auto;
	float: right;
	margin: 17px 35px 0 0;
}
.top-link a {
	display: inline-block;
	font-size: 1.2rem;
	line-height: 26px;
	text-align: center;
	color: #37474F;
	margin: 0 10px;
	width: 26px;
	height: 26px;
	background: #ECEFF1;
	border-radius: 100%;
	position: relative;
	transition: all 0.3s ease-in;
}
.top-link a:hover {
	background: #CFD8DC;
	color: #37474F;
}
.top-link a b {
	position: absolute;
	top: 0;
	left: 50%;
	margin: -5px 0 0 0;
}
.top-link a b span {
	background: #F4511E;
	height: 15px;
	line-height: 15px;
	padding: 0 4px;
	display: block;
	border-radius: 10px;
	font-size: 1.0rem;
	color: #fff;
	font-weight: normal;
}
/*Top block*/


/*Search*/
.search {
	width: 400px;
	padding: 0 15px;
	float: left;
	position: relative;
	margin-top: 17px;
}
.search input {
	width: 100%;
	height: 26px;
	float: left;
	border: none;
	font-size: 1.2rem;
	outline: none;
	border-radius: 20px;
	color: #546E7A;
	padding: 0 25px 0 15px;
	background: #ECEFF1;
	transition: all 0.3s ease-in;
}
.search input:focus, .search input:hover {
	background: #e5e8e9;
}
.search .btn {
	width: 36px;
	height: 26px;
	border: none;
	float: right;
	right: 15px;
	padding: 0;
	position: absolute;
	cursor: pointer;
	background: transparent;
	color: #B0BEC5;
	transition: all 0.3s ease-in;
}
.search .btn i {
	display: block;
	width: 36px;
	height: 26px;
	line-height: 25px;
}
.search .btn:hover,
.search .btn:focus,
.search .btn:active {
	background: transparent;
	color: #546E7A;
	border: none;
	box-shadow: none;
	outline: none;
}
/*Search End*/



/*Admin info*/
.admin-info {
	float: right;
	width: auto;
	padding: 10px 15px 10px 0;
}
.admin-info .admAva {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	float: right;
	display: block;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;		
}
.admin-info div {
	float: left;
	margin: 5px 10px 0 0;
}
.admin-info a {
	float: right;
	display: block;
	text-align: right;
	font-size: 1.2rem;
	height: 15px;
	line-height: 15px;
	color: #37474F;
	text-decoration: none;
	transition: all 0.3s ease-in;
}
.admin-info a.exit {
	font-size: 1.1rem;
	margin-top: 2px;
	color: #B0BEC5;
	cursor: pointer;
}

.mob-info {
	width: 100%;
	float: left;
	padding: 5px 15px 20px;
	display: none;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	margin-bottom: 15px;
}
.mob-info div {
	width: calc(100% - 80px);
	float: right;
	margin: 12px 0 0 0;
	overflow: hidden;
}
.mob-info .admAva {
	float: left;
}
.mob-info > div a {
	width: 100%;
	text-align: left;
	color: #fff;
	opacity: 0.9;
}
.mob-info a.exit {
	width: 30px;
	height: 40px;
	font-size: 2.2rem;
	line-height: 42px;
	margin-top: 0;
	float: right;
}
.mob-info a:hover {
	color: #fff;
	text-decoration: unset;
}
/*Admin info End*/


/*Content block*/
.content-block {
	width: 100%;
	padding: 15px;
}
.h2 {
	width: 100%;
	font-size: 1.8rem;
	line-height: 22px;
	text-transform: uppercase;
	color: #616161;
	padding: 0;
	margin: 0 0 20px;
	font-weight: lighter;
}

/* Inline edit header buttons (Standart rejim / Saytda ochish) */
.content-block .h2 > a.btn.btn-default.btn-sm {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 30px;
	padding: 0;
	margin-left: 8px;
	line-height: 1;
	vertical-align: middle;
	border-radius: 6px;
}
.content-block .h2 > a.btn.btn-default.btn-sm i {
	font-size: 14px;
	line-height: 1;
}
/* Fallback: agar ichida <i> bo'lmasa ham ikon chiqsin */
.content-block .h2 > a.btn.btn-default.btn-sm[title="Standart rejim"]::before {
	content: "\\f044"; /* fa-edit (FontAwesome) */
	font-family: "FontAwesome";
	font-size: 14px;
	line-height: 1;
}
.content-block .h2 > a.btn.btn-default.btn-sm[title="Standart rejim"] i { display: inline-block; }
.content-block .h2 > a.btn.btn-default.btn-sm[title="Standart rejim"]:empty { font-size: 0; }

.quick-links {
	display: inline-block;
}
.quick-links a {
	display: inline-block;
    font-size: 1.3rem;
    line-height: 25px;
    text-align: center;
    margin: 0 0 0 15px;
    width: 24px;
    height: 24px;
    /*color: #616161;*/
    background: #ECEFF1;
    border-radius: 100%;
    position: relative;
    transition: all 0.3s ease-in;
    cursor: pointer;
    vertical-align: middle;
}
.quick-links a:hover {
	background: #CFD8DC;
}

.white-box {
	background: #fff;
	padding: 20px 20px 5px;
	width: 100%;
	float: left;
	margin-bottom: 15px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.10);
}
.white-box.filesBox {
	padding: 25px 20px 10px;
}
.no_padding {
	padding: 0;
	margin: 0;
}
.m8 {
	margin-left: -8px;
	margin-right: -8px;
}
.m8::after {
	content: "";
	display: table;
	clear: both;
}

/* Post add/edit redesign (stable 2-column layout) */
.edit-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 16px;
	align-items: start;
}
.edit-main {
	min-width: 0;
}
.edit-sidebar {
	min-width: 0;
}
@media (max-width: 1200px) {
	.edit-layout {
		grid-template-columns: minmax(0, 1fr) 340px;
	}
}
@media (max-width: 992px) {
	.edit-layout {
		grid-template-columns: 1fr;
	}
}

/* Sticky actions/settings panel */
@media (min-width: 993px) {
	.edit-sidebar {
		position: sticky;
		top: 16px;
	}
}
.edit-sidebar .white-box {
	padding: 16px 16px 10px;
}
.edit-main .white-box {
	padding: 16px 16px 10px;
}
.p8 {
	padding: 0 8px;
}
.clear {
	width: 100%;
	height: 1px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 20px;
	display: inline-block;
}
/*Content block End*/


/*List*/
.pages-item > button {
    display: inline-block;
    cursor: pointer;
    width: 15px;
    margin-left: -15px;
    height: 15px;
    border: none;
    background: transparent;
    z-index: 2;
    outline: none;
    font-size: 1.1rem;
    position: relative;
    vertical-align: middle;
}
.pages-item > button:before {
	font-family: "FontAwesome";
    content: '\f196';
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    left: 0;
}
.pages-item > button[data-action="collapse"]:before {
    content: '\f147';
}

.all-pages {
    width: 100%;
    float: left;
    position: relative;
    display: block;
    margin-bottom: 10px;
}
.pages-list,
.all-pages ol {
	width: 100%;
	float: left;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.pages-list .pages-list {
    padding-left: 30px;
}
.pages-collapsed .pages-list {
    display: none;
}

.pages-item {
    display: block;
    position: relative;
    width: 100%;
    float: left;
    z-index: 1;
}

.pages-placeholder,
.pages-empty {
	width: calc(100% - 25px);
	float: right;
	margin: 0;
    border: 1px dashed #b6bcbf;
	background-color: #FAFAFA;
}

.pages-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
}


.myList {
	width: 100%;
	display: inline-block;
	text-align: left;
	letter-spacing: -0.33em;
}
.pages-item.dacha-card.myList {
	/* Objects list rows: avoid inline-block spacing hacks affecting height */
	display: block;
	float: none;
	letter-spacing: normal;
}
.pages-item.dacha-card {
	/* Move row spacing to li, so li height == inner block */
	margin-bottom: 6px;
}
.pages-item.dacha-card .list-line {
	margin-bottom: 0;
	padding: 4px 8px; /* ixchamroq */
}
.lineBg {
	background: rgba(245,245,245 ,1);
}
.list_handle {
    display: inline-block;
    width: 0;
    overflow: hidden;
	font-size: 1.3rem;
    color: #78909C;
    cursor: move;
    vertical-align: middle;
    letter-spacing: normal;
    padding: 0;
    margin: 0;
    transition: all 0.2s ease-in;
}
.list_handle i {
	opacity: 0;
	transition: all 0.4s ease-in;
}
.list_handle.showArrows {
	width: 25px;
	padding-left: 4px;
}
.list_handle.showArrows i {
	opacity: 1;
}
.list-line {
	width: 100%;
	display: inline-block;
	padding: 5px 10px;
	margin-bottom: 10px;
	border: 1px solid #ECEFF1;
	letter-spacing: -0.33em;
	transition: all 0.3s ease-in;
}

.pages-content {
    width: calc(100% - 25px);
	transition: all 0.2s ease-in;    
}
.pages-content.full {
	width: 100%;
}
.pages-dragel .pages-content {
	background: #fff;
	margin-bottom: 5px;
	box-shadow: 0 6px 30px rgba(0,0,0,.3);
	opacity: 0.5;
}


.list_num {
	display: inline-block;
	padding-right: 5px;
	color: #455A64;
	font-size: 1.2rem;
	transition: all 0.3s ease-in;
}

.list_title {
	width: calc(100% - 250px);
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}
.list_title > a,
.list_title > span {
	width: auto;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	font-size: 1.4rem;
	transition: all 0.3s ease-in;
}
.list_title > span {
	cursor: default;
}
.list_title > a b {
	width: 4px;
	height: 4px;
	display: inline-block;
	font-size: 0;
	border-radius: 100%;
	background-color: #F4511E;
	vertical-align: middle;
	transition: all 0.2s ease-in;
}
.list_title a span {
	color: #fff;
	font-size: 1.1rem;
	text-transform: lowercase;
	padding: 1px 4px 2px;
}

.list_text {
	width: 100%;
	display: inline-block;
	font-size: 1.3rem;
	color: #888;
	transition: all 0.3s ease-in;
	margin-bottom: 1px;
}

.list-line a mark,
.list_post_info mark {
	padding: 0;
	background: #E1F5FE;
}
.list_file_type {
	display: inline-block;
	width: 15px;
	margin-right: 5px;
	height: 100%;
	vertical-align: middle;
	font-size: 1.5rem;
	color: #FFB300;
}


.list_post_info {
	width: 100%;
	display: inline-block;
	text-align: left;
	margin-top: 3px;
	color: #90A4AE;
	font-weight: normal;
	font-style: normal;
	font-size: 1.2rem;
	transition: all 0.3s ease-in;
}
.list_post_info > span {
	display: inline-block;
	padding-top: 2px;
	word-break: break-all;
}
.list_post_info > b {
	display: inline-block;
	padding: 1px 5px 0;
	color: #E0E0E0;
	font-weight: 900;
}
.list_post_info a {
	cursor: pointer;
}
.list_post_info a:hover {
	text-decoration: underline;
}
.list_post_info .openLink,
.list_post_info .addSubsection {
	transform: translateY(1px);
}

.post-hide a b {
	background-color: #BDBDBD;
}
.post-hide .list_post_info,
.post-hide .list_post_info a,
.post-hide a,
.post-hide .list_num,
.post-hide .list_text {
	color: rgba(97,97,97,0.3);
}
.post-hide .list_img {
	opacity: 0.3;
}
.post-hide .list_link {
	opacity: 0.6;
}
.list_post_info .price {
	color: #FF5722;
}
.list_post_info .discount {
	font-size: 1.1rem;
}
.list_post_info .stars {
	color: #FF5722;
	font-weight: normal;
	font-size: 1.0rem;
}
.list_post_info .day {
	color: #FFB74D;
}
.list_post_info .night {
	color: #29B6F6;
}
.list_post_info .day,
.list_post_info .night,
.list_post_info .stars,
.list_title a span {
	transition: all 0.3s ease-in;
}
.post-hide .day,
.post-hide .night,
.post-hide .stars,
.post-hide .list_title a span {
	opacity: 0.3;
}

.new-mes,
.new-mes a,
.new-mes .list_post_info .status {
	font-weight: 900;
}
.new-mes .list_num {
	padding-left: 10px;
	position: relative;
}
.new-mes .list_num::before {
	font-family: "FontAwesome";
	content: "\f111";
	position: absolute;
	left: 0;
	top: 3px;
	font-size: 0.7rem;
	color: #FF5722;
}



.img-show {
	width: calc(100% - 305px);
}
.list_img {
	display: inline-block;
	width: 45px;
	height: 45px;
	position: relative;
	margin-right: 10px;
	border-radius: 100%;
	background: #e2e2e2;
	vertical-align: middle;
	transition: all 0.3s ease-in;
}
.list_img a {
	display: inline-block;
	width: 45px;
	height: 45px;
	z-index: 2;
	position: relative;
	border-radius: 100%;
	overflow: hidden;
	border: 1px solid #e2e2e2;
	background-color: #e2e2e2;
	transition: all 0.2s ease-in;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;		
}
.list_img::before {
	font-family: "FontAwesome";
	content: "\f03e";
	position: absolute;
	width: 20px;
	height: 20px;
	color: #BDBDBD;
	text-align: center;
	line-height: normal;
	font-size: 2.2rem;
	left: calc(50% - 12px);
	top: calc(50% - 12px);
	z-index: 1;
}
.list_img a:hover {
	cursor: zoom-in;
	opacity: 1;
	border-width: 1px;
	transform: scale(1.1);
	background-color: #e2e2e2 !important;
}


.dacha-card .list_title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	width: calc(100% - 250px);
}
.dacha-card .list_title > a {
	display: block;
	width: 100%;
	flex: 0 0 100%;
	min-width: 0;
}
.dacha-card .list_post_info {
	width: 100%;
	flex: 0 0 100%;
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 0;
	flex: 1 1 auto;
}
.dacha-card .list_post_info > span {
	padding-top: 0;
	word-break: normal;
}
.dacha-actions-bar {
	width: auto;
	letter-spacing: normal;
	display: flex;
	flex-wrap: nowrap; /* bitta qator */
	gap: 10px;
	align-items: center;
	padding: 0;
	border-top: 0;
	margin-top: 0;
	overflow-x: auto; /* kichik ekranda gorizontal scroll */
	-webkit-overflow-scrolling: touch;
}
/* Objects list: icon + label under it */
.dacha-actions-bar .dacha-action a {
	padding: 0;
	background: transparent;
	border-radius: 6px;
	width: 44px;
	min-height: 42px;
	margin: 0;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	/* label (ikonka ostidagi matn) ko'rinmasin */
	font-size: 0;
	line-height: 1.1;
	text-align: center;
	padding: 4px;
}
.dacha-actions-bar .dacha-action a i,
.dacha-actions-bar .dacha-action a .fa,
.dacha-actions-bar .dacha-action a .fa-solid,
.dacha-actions-bar .dacha-action a .fa-regular,
.dacha-actions-bar .dacha-action a .fa-brands {
	font-size: 18px;
	line-height: 1;
}

/* Icon only: matn node'lar yashirinsin */
.dacha-actions-bar .dacha-action a { white-space: nowrap; }
.dacha-actions-bar .dacha-action a i { display: inline-block; }

/* Stats (eye + hit/host) span ham button ko'rinishida bo'lsin */
.dacha-actions-bar .dacha-action:not(:has(a)) {
	background: transparent;
	border-radius: 6px;
	width: 44px;
	min-height: 42px;
	margin: 0;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 4px;
	font-size: 0; /* text yashirin (faqat ikon) */
	line-height: 1.1;
	text-align: center;
}
.dacha-actions-bar .dacha-action:not(:has(a)) i { font-size: 18px; line-height: 1; }
.dacha-actions-bar .dacha-action:not(:has(a)):hover { background: rgba(0,0,0,0.06); }
.dacha-actions-bar .dacha-action a:hover { background: rgba(0,0,0,0.06); }
.dacha-actions-bar .dacha-action .del-one:hover { background: #ffebee; color: #c62828; }

/* Visible toggle: colored when active, grey when inactive */
.dacha-actions-bar .dacha-action a[data-current-visible="1"] i { color: #2e7d32; }
.dacha-actions-bar .dacha-action a[data-current-visible="0"] i { color: #9e9e9e; }

/* Share / open-on-site: ixcham va fonlarsiz */
.dacha-actions-bar .dacha-action a[href*="openLink="],
.dacha-actions-bar .dacha-action a[title*="Открыть на сайте"],
.dacha-actions-bar .dacha-action a[title*="Ulashish"] {
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}
.dacha-actions-bar .dacha-action a[href*="openLink="]:hover,
.dacha-actions-bar .dacha-action a[title*="Открыть на сайте"]:hover,
.dacha-actions-bar .dacha-action a[title*="Ulashish"]:hover {
	background: transparent !important;
	color: #111;
	text-decoration: underline;
}

/* ===== Dacha list row: keep all blocks on one line ===== */
.dacha-card .list-line {
	display: flex;
	align-items: center;
	gap: 12px;
	letter-spacing: normal; /* disable inline-block spacing hack */
}

.dacha-card .list_img {
	flex: 0 0 45px;
	margin-right: 0;
}

.dacha-card .list_title {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
}

.dacha-card .list_link {
	flex: 0 0 250px;
	width: 250px;
}

@media (max-width: 1100px) {
	.dacha-card .list-line {
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.dacha-card .list_link {
		flex: 1 1 100%;
		width: 100%;
		text-align: left;
	}
}

.list_link {
	width: 250px;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: -0.33em;
	text-align: right;
	transition: all 0.3s ease-in;
}
.list_link a,
.setting_bar a,
.setting_bar button {
	display: inline-block;
	font-size: 1.3rem;
	line-height: 25px;
	text-align: center;
	color: #616161;
	margin: 0 0 0 15px;
	width: 24px;
	height: 24px;
	background: #ECEFF1;
	border-radius: 100%;
	position: relative;
	transition: all 0.3s ease-in;
	cursor: pointer;
	vertical-align: middle;
	letter-spacing: normal;
}
.list_link a:hover,
.setting_bar a:hover,
.setting_bar button:hover {
	background: #CFD8DC;
}
.list_link .fa-times,
.list_link .fa-ban {
	color: #FF5722;
	font-size: 1.4rem;
}
.list_link .fa-check {
	color: #2e7d32;
	font-size: 1.4rem;
}
.list_link i.fixed-page {
	color: #9E9E9E;
}
.list_link .fa-arrow-down,
.list_link .fa-refresh {
	color: #4CAF50;
}

.list_post_info .end-date-ico {
	color: #d32f2f;
	margin-right: 6px;
}

.guest-segments-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 14px;
	margin-top: 6px;
}
.guest-segment-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 10px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	background: #fafafa;
	cursor: pointer;
	user-select: none;
}
.guest-segment-item input[type="checkbox"] {
	margin: 0;
}
.guest-segment-item i {
	color: #546E7A;
}

.geo-map-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
}
.geo-map-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.45);
}
.geo-map-modal__dialog {
	position: relative;
	width: min(820px, calc(100% - 24px));
	margin: 16px auto;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.25);
	overflow: hidden;
	max-height: calc(100vh - 32px);
	display: flex;
	flex-direction: column;
}
.geo-map-modal__head,
.geo-map-modal__foot {
	padding: 12px 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	background: #fafafa;
	border-bottom: 1px solid #eee;
}
.geo-map-modal__foot {
	border-bottom: 0;
	border-top: 1px solid #eee;
	justify-content: flex-end;
}
.geo-map-modal__body {
	padding: 12px 14px;
	overflow: auto;
	flex: 1 1 auto;
}
.geo-map-modal__close {
	border: 0;
	background: transparent;
	font-size: 24px;
	line-height: 1;
	color: #546E7A;
	cursor: pointer;
}
.geo-map-modal__hint {
	margin-top: 10px;
	color: #666;
	font-size: 13px;
}

.list_link a b {
    position: absolute;
    top: 0;
    left: 50%;
    margin: -5px 0 0 0;
    background: #66BB6A;
    height: 15px;
    line-height: 15px;
    padding: 0 4px;
    display: block;
    border-radius: 10px;
    font-size: 1.0rem;
    color: #fff;
    font-weight: normal;
}


.list_check {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin: 0 0 0 15px;
}
.list_check input {
	cursor: pointer;
}
/*List End*/



/*Page loading*/
.archive-loading,
.upload-loading,
.main-loading {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 99999;
}
.archive-loading::before,
.upload-loading::before,
.main-loading::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	background: rgba(0,0,0,0.5);
}
.archive-loading::after,
.upload-loading::after,
.main-loading::after {
	position: fixed;
	left: calc(50% - 50px);
	top: calc(50% - 50px);
	font-family: "FontAwesome";
	content: "\f1c6";
	width: 100px;
	height: 100px;
	line-height: 100%;
	color: #fff;
	z-index: 100;
	text-align: center;
	font-size: 4.0rem;
	border-radius: 100%;
	line-height: 100px;
}
.upload-loading::after {
	content: "\f019";
}
.main-loading::after {
	content: "\f017";
}
/*Page loading END*/


/*Upload file list*/
.upload-btn {
	cursor: pointer;
	transition: all 0.2s ease-in;
}
.upload-btn:hover {
	background: #E0E0E0;
}
.upload-btn i {
	display: none;
}
.upload-files {
	width: 100%;
	float: left;
	background: #fff;
	padding: 15px;
	letter-spacing: normal;
}
.upload-files .setting_bar .check input {
	margin: 6px 0 0 0;
}
.upload-files .bg-warning {
	width: calc(100% - 10px);
	margin-left: 5px;
}
.upload-files iframe {
	display: none;
}
.upload-box {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
	border-bottom: 2px solid #EEEEEE;
}
.upload-box #upload-input {
	display: none;
}
.upload-box label {
	min-width: 150px;
	height: 36px;
	padding: 0 25px 0 35px;
	background: #E0E0E0;
	text-align: center;
	font-size: 1.2rem;
	color: #616161;
	margin-right: 3px;
	line-height: 36px;
	cursor: pointer;
	display: inline-block;
	font-weight: normal;
	text-transform: uppercase;
	position: relative;
	vertical-align: top;
	transition: all 0.2s ease-in;
}
.upload-box label .f-count,
.upload-box label.active .f-select {
	display: none;
}
.upload-box label .f-select,
.upload-box label.active .f-count {
	display: block;
}
.upload-box label:hover,
.upload-box label:focus,
.upload-box label.active {
	background-color: #757575;
	color: #fff;
	outline: none;
}

.upload-box label::before {
	font-family: "FontAwesome";
	content: "\f019";
	position: absolute;
	font-size: 1.4rem;
	left: 15px;
	top: 0;
}
.upload-box label.active::before {
	content: "\f00c";
}
.upload-box form {
	float: left;
	width: auto;
}
.upload-box .uploadBtn {
	width: auto;
	float: none;
	margin-right: 5px;
	display: inline-block;
	vertical-align: top;
}
.upload-box button {
	width: auto;
	height: 36px;
	padding: 0 15px;
	font-size: 1.6rem;
	float: left;
	color: #fff;
	border: none;
	outline: none;
	visibility: hidden;
	opacity: 0;
	transition: all 0.2s ease-in;
	transform: translateX(10px);
}
.upload-box button:hover {
	box-shadow: none;
}
.upload-box button.show {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}
.upload-box .upload-file {
	background: #66BB6A;
}
.upload-box .upload-cancel {
	background: #ef5350;
	font-size: 1.8rem;
}
.upload-row {
	margin-left: -5px;
	margin-right: -5px;
}
.fileList {
	width: 100%;
	max-height: 500px;
	overflow-y: auto;
	display: inline-block;
	vertical-align: top;
	padding-top: 10px;
}
.sw {
	min-height: 600px;
}
.all-up-files {
	display: inline-block;
	margin-bottom: 15px;
}
.sw .fileList {
	max-height: none;	
}
.upload-file-list {
	text-align: left;
	background: #fff;
	padding-top: 25px;
	letter-spacing: -0.33em;
}
.upload-file-list div {
	letter-spacing: normal;
}
.upload-file-list > li {
	width: auto;
	display: inline-block;
	vertical-align: top;
	width: calc(16.666% - 10px);
	margin: 0 5px 15px;
}
.upload-file-list > li > div {
	width: 100%;
	padding: 10px 5px 5px;
	border: 1px solid #fff;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	float: none;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	letter-spacing: normal;
	position: relative;
	cursor: pointer;
	transition: all 0.2s ease-in;
}
.upload-file-list > li.new-file > div,
.pages-item.new-file > div {
	border-color: #FFCA28;
    box-shadow: 0 0 10px rgba(251,192,45,0.4);
    background: rgba(251,192,45,0.1);
}
.upload-file-list > li .uploadPrev {
	margin-bottom: 10px;
	width: 100px;
	height: 100px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	transition: all 0.3s ease;
}
.upload-file-list > li .uploadPrev.pngFormat {
	background-color: #e2e2e2;
}
.upload-file-list > li .ico {
	width: 100%;
	height: 100px;
	font-size: 4.0rem;
	line-height: 100px;
	margin-bottom: 10px;
	transition: all 0.3s ease;
}
.upload-file-list > li .fa-folder {
	color: #FFB300;
}
.upload-file-list > li .name {
	width: 100%;
	height: 15px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 1.2rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #666;
	font-weight: 900;
}
.upload-file-list > li .date {
	font-size: 1.1rem;
	color: #757575;
}
.upload-file-list > li .zoom {
	width: 20px;
	height: 20px;
	position: absolute;
	display: block;
	top: 2px;
	left: calc(50% - 10px);
	font-size: 1.2rem;
	color: #fff;
	line-height: 20px;
	background: #757575;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s ease-in;
	z-index: 3;
}
.upload-file-list > li .zoom.left {
	left: 2px;
}
.upload-file-list > li .del-one {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 2px;
	right: 2px;
	font-size: 1.2rem;
	line-height: 20px;
	background: #FF5722;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s ease-in;
	z-index: 3;
}
.upload-file-list > li .file-num {
	position: absolute;
	top: 88px;
	left: 0;
	width: 100%;
}
.upload-file-list > li .file-num .list_num {
	background: rgba(0,0,0,0.4);
	padding: 2px 5px;
	border-radius: 5px;
	font-size: 1.1rem;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 5px rgba(0,0,0,0.7);
}
.upload-file-list > li .del-one > i {
	color: #fff;
}
.upload-file-list > li .select-file,
.upload-file-list > li .open-upload-dir {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1.2rem;
	color: #fff;
	line-height: 20px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s ease-in;
	z-index: 2;
}
.upload-file-list > li .select-file i,
.upload-file-list > li .open-upload-dir i {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 2px;
	left: 2px;
	line-height: 20px;
	background: #29B6F6;
	transition: all 0.2s ease-in;
}

.upload-file-list > li.active .del-one,
.upload-file-list > li.active .select-file,
.upload-file-list > li.active .open-upload-dir,
.upload-file-list > li.active .zoom {
	visibility: visible;
	opacity: 1;
}

.upload-files .setting_bar .mark_all {
	display: block;
}

.upload-file-list > li .list_check {
	position: absolute;
	bottom: 5px;
	right: 5px;
	/*opacity: 0.3;*/
	transition: all 0.2s ease-in;
	z-index: 100;
}
.upload-file-list > li .list_check:hover {
	opacity: 1;
}
#upload_result {
	width: 100%;
	float: left;
	background: #fff;
	padding: 0 15px 0;
}
#upload_result > div {
	margin-bottom: 0;
	margin-top: 15px;
}
/*Upload file list End*/



/*File manager pagenator*/
.folder-dir {
	width: 100%;
	float: left;
	font-size: 1.5rem;
	color: #9E9E9E;
	margin-bottom: 10px;
	text-align: left;
}
.upload-files .folder-dir {
	padding: 0 5px;
	margin-bottom: 15px;
}
.folder-dir b {
	display: inline-block;
	margin: 0 5px;
	color: #ccc;
	font-weight: normal;
	float: left;
}
.folder-dir a,
.folder-dir span {
	float: left;
	display: inline-block;
	cursor: pointer;
}
/*File manager pagenator End*/


/*Setting Bar*/
.setting_bar {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.setting_bar a,
.setting_bar button {
	display: block;
	float: left;
	color: #9E9E9E;
	margin: 0 15px 0 0;
}
.setting_bar button {
	border: none;
	line-height: normal;
	color: #FF5722;
	outline: none;
	float: right;
	display: none;
}
.setting_bar .fa-plus,
.setting_bar .select-mark {
	color: #4CAF50;
}
.setting_bar .fa-plus {
	color: #4CAF50;
}
/*.setting_bar .fa-pencil,
.setting_bar .fa-envelope {
	color: #607D8B;
}*/
.setting_bar .check input {
	float: right;
	cursor: pointer;
	margin: 6px 10px 0 0;
}
.mark_all {
	display: none;
}
.setting_bar > a.collapsed > .fa-wrench,
.setting_bar > a.collapsed > .fa-folder {
	color: #9E9E9E;
}
.filter-btn,
.folder-btn {
	width: 100%;
	height: 32px;
	float: left;
	color: #fff;
	padding: 8px 12px;
	border: none;
	margin: 23px 0 0 0;
	font-size: 1.1rem;
	text-transform: uppercase;
	outline: none;
}
/*Setting Bar End*/


/*Menu*/
.menu-block {
	width: 200px;
	height: 100%;
	padding: 15px 0 0;
	transition: all 0.2s ease-in;
}
.menu-block h2 {
	width: 100%;
	float: left;
	color: rgba(255,255,255,0.5);
	font-weight: normal;
	font-size: 1.3rem;
	padding: 0 15px;
	text-transform: uppercase;
	margin: 0 0 10px;
}
.menu-block h2 span {
	display: block;
	width: 100%;
	float: left;
	border-bottom: 1px solid rgba(255,255,255,0.122);
	padding-bottom: 5px;
}
.menu-block > ul {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
	font-size: 1.4rem;
}
.menu-block > ul > li {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
.menu-block > ul > li > a {
	width: 100%;
	display: block;
	float: left;
	font-size: 1.3rem;
	color: #fff;
	text-decoration: none;
	padding: 7px 15px 7px 12px;
	border-left: 3px solid transparent;
	transition:all 0.2s ease-in;
}
.menu-block > ul > li > a i {
	font-size: 1.3rem;
	float: left;
	margin-top: 2px;
	margin-right: 8px;
	display: block;
	width: 14px;
	text-align: center;
	opacity: 0.8;
	transition:all 0.2s ease-in;
}
.menu-block > ul > li > a:hover i {
	opacity: 1;
}
.menu-block > ul > li > ul {
	width: 100%;
	float: left;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	background-color: rgba(255,255,255,0.122);
	display: none;
}
.menu-block > ul > li > ul > li {
	width: 100%;
	float: left;
}
.menu-block > ul > li > ul > li > a {
	width: 100%;
	float: left;
	color: rgba(255,255,255,0.8);
	font-size: 1.2rem;
	padding: 6px 15px 6px 25px;
	border-top: 1px solid rgba(255,255,255,0.055);
	text-decoration: none;
	transition:all 0.2s ease-in;
}
.menu-block > ul > li > ul > li > a:hover {
	color: #fff;
}
.menu-block > ul > li >.active,
.menu-block > ul > li > a:hover,
.menu-block > ul > li.active a {
	background: rgba(255,255,255,0.122);
}

.menu-block > ul span {
	color: rgba(255,255,255,0.6);
	font-size: 1.1rem;
}

.menu-btn {
	position: absolute;
	width: 28px;
	height: 28px;
	left: 15px;
	top: 44px;
	z-index: 10;
	border: none;
	outline: none;
    background: transparent;
	padding: 0;
	margin: 0;
	font-size: 2.5rem;
	display: none;
	transition: all 0.2s ease;
}
.menu-btn::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 100%;
	height: 13px;
	border-top: 4px solid #9E9E9E;
	border-bottom: 4px solid #9E9E9E;
}
.menu-btn::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 100%;
	height: 22px;
	border-bottom: 4px solid #9E9E9E;
}
.menu-btn.active {
	transform: rotate(135deg);
}
.menu-btn.active::before {
	border-top: 0;
	border-bottom: 0;
	height: 4px;
	top: 12px;
}
.menu-btn.active::after {
	border-bottom: 0;
	width: 4px;
	height: 28px;
	left: 12px;
	top: 0;
}
/*Menu End*/


/*Ico*/
.myAccordion {
	width: 100%;
	float: left;
}
.myAccordion .panel-collapse {
	width: 100%;
	float: left;
}
.myAccordion > div > a {
    font-size: 1.3rem;
    font-weight: 500;
	color: #9E9E9E;
    display: block;
    width: all;
    padding-left: 10px;
    text-decoration: none;
    position: relative;
    margin-bottom: 15px;
}
.myAccordion > div > a::before {
	font-family: "FontAwesome";
	content: "\f107";
	position: absolute;
	left: 0px;
	top: 0;
	color: #9E9E9E;
}
.myAccordion > div > .collapsed {
	color: #616161;
}
.myAccordion > div > .collapsed::before {
	content: "\f105";
	left: 2px;
	color: #616161;
}
.ico-list div {
	display: inline-block;
	margin: 0 4px 3px;
}
.ico-list div input {
	display: none;
}
.ico-list label {
	border: 1px solid #E0E0E0;
	width: 28px;
	height: 28px;
	line-height: 28px;
	font-size: 1.7rem;
	text-align: center;
	cursor: pointer;
	color: #616161;
	transition:all 0.2s ease-in;
}
/*Ico END*/




/*Modale*/
.modal-content {
    border: none;
    border-radius: 0;
}
.modal-header {
	color: #fff;
	border: none;
}
.modal-header .close {
    font-size: 2.5rem;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    outline: none;
	transition:all 0.2s ease-in;
}
.modal-header .close:focus,
.modal-header .close:hover {
    color: #fff;
    opacity: .5;
}
/*Modale End*/


/*Alert modal*/
.alertable {
    width: 400px;
    background: white;
    border-radius: 0;
    padding: 25px 15px;
    left: calc(50% - 200px);
    margin: 0 auto;
    box-shadow: 0 0 25px rgba(0,0,0,0.3);
}
.alertable-message {
	text-align: center;
	width: 100%;
    font-size: 1.5rem;
    margin-bottom: 30px;
    padding: 0;
}

/* Button group */
.alertable-buttons {
    text-align: center;
}
.alertable-buttons .alertable-ok,
.alertable-buttons .alertable-cancel {
	position: relative;
	width: 80px;
	height: 40px;
    background: transparent;
    border: 0;
    font-size: 0;
    border-radius: 0;
    padding: 0;
    margin-left: 0;
    outline: none;
	transition: all 0.2s ease-in;
}
.alertable-ok::before,
.alertable-cancel::before {
	font-family: "FontAwesome";
	content: "\f05d";
	width: 40px;
	height: 40px;
	font-size: 4.0rem;
	line-height: 30px;
	color: #66BB6A;
}
.alertable-cancel::before {
	content: "\f05c";
	color: #FF7043;
}
.alertable-ok:hover,
.alertable-cancel:hover {
	background: transparent;
    transform: translateY(-3px);
    opacity: 0.8;
}
/*Alert modal End*/


/*Message*/
.mes-text {
	width: 100%;
	display: inline-block;
	margin-bottom: 25px;
	font-size: 1.4rem;
/*	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	overflow: hidden;*/
}
.mes-text > div > table {
	width: 100%;
}
.mes-text img {
	width: 100% !important;
	height: auto !important;
}
.mes-btn {
	width: 100%;
	display: inline-block;
	text-align: right;
	letter-spacing: -0.3em;
}
.mes-btn .btn-group {
	display: inline-block;
	vertical-align: top;
	max-width: 160px;	
	min-width: 120px;
	margin: 0 3px;
	position: relative;
}
.mes-btn .btn-group a {
	width: 100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;	
    text-align: center;
}
.mes-btn .btn-group .dropdown-menu {
    position: absolute;
    width: 100%;
    min-width: 0;
    padding: 0;
    margin: 0;
    font-size: 1.3rem;
    border: none;
    border-radius: 0;
    letter-spacing: normal;
}
.mes-btn .btn-group .dropdown-menu li {
	padding: 6px 8px;
	border-bottom: 1px solid rgba(000,000,000,0.05);
	cursor: pointer;
	transition: all 0.3s ease;
}
.mes-btn .btn-group .dropdown-menu li:hover {
	background: rgba(000,000,000,0.05);
}

.mes-btn a {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	padding: 10px 8px;
	background: #ECEFF1;
	text-decoration: none;
	color: #37474F;
	font-size: 1.2rem;
	cursor: pointer;
	border: none;
	margin: 0 3px;
}
.mes-btn a i {
	margin-right: 3px;
}
.mes-btn a:hover {
    background: #CFD8DC;
    color: #37474F;
}

.mes-status {
	width: 100%;
	display: inline-block;
	text-align: left;	
	margin-top: 25px;
}
/*Message End*/


/*File manager*/
.all-file-size {
	width: 100%;
	float: left;
	padding: 15px 0 10px;
	font-size: 1.6rem;
	color: #607D8B;
	text-align: right;
}
.all-file-size b {
	font-weight: 900;
}
/*File manager End*/


/*Photogallery*/
.blueimp-gallery > .prev,
.blueimp-gallery > .next {
	border: none;
	display: block;
	background: url(../images/ico/arrow.svg) center no-repeat;
	border: none;
}
.blueimp-gallery > .prev {
	transform: rotate(180deg);
}
.blueimp-gallery > .close,
.blueimp-gallery > .title {
	display: block;
	transition: all 0.3s ease;
}
.blueimp-gallery > .close {
	background: transparent;
	width: 20px;
	height: 20px;
	top: 50px;
	right: 30px;
	opacity: 0.7;
	background: url(../images/ico/close.svg) center no-repeat;
}
.blueimp-gallery > .title {
    top: 20px;
    left: 25px;
    padding: 0;
    font-weight: lighter;
}
/*Photogallery End*/



/*Settings*/
.select-system-bg {
	width: 100%;
	display: inline-table;
	text-align: left;
	margin-bottom: 5px;
}
.select-system-bg > div {
	margin: 0 -10px;
	letter-spacing: -0.33em;
}
.select-system-bg label {
	width: calc(16.666% - 20px);
	margin: 0 10px 20px;
	vertical-align: top;
	transition: all 0.2s ease;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	letter-spacing: normal;
}
.select-system-bg label div {
	width: 100%;
	height: 30px;
}
.select-system-bg label img {
	width: 100%;
	height: auto;
}
.select-system-bg input {
	display: none;
}
.select-system-bg input:checked + label::before {
	font-family: "FontAwesome";
	content: "\f058";
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	right: 5px;
	bottom: 5px;
	font-size: 2.0rem;
	z-index: 3;
	position: absolute;
	color: #fff;
	text-shadow: 0 0 5px rgba(0,0,0,0.2);
	transition: all 0.2s ease;
}
/*Settings End*/



/*Dashboard*/
.totalBlock {
	width: 100%;
	padding: 0 0;
	background: #fff;
	color: #fff;
	letter-spacing: -0.3em;
	transition: all 0.2s ease;
	position: relative;
	margin-bottom: 16px;
}
.totalBlock::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: calc(100% - 82px);
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.1);	
}
.totalBlock:hover {
}
.fixedBlock {
	display: inline-block;
	min-height: 120px;
	width: 1px;
	vertical-align: middle;
}
.totalBlock a {
	color: #fff;
	text-decoration: none;
}
.totalBlock > i {
	width: 80px;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 4.5rem;
	padding: 0;
	text-shadow: 0 0 15px rgba(0,0,0,0.2);
}
.totalBlock > i::before {
	display: inline-block;
	vertical-align: middle;
}
.totalBlock > i::after {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.totalBlock > div {
	display: inline-block;
	width: calc(100% - 81px);
	vertical-align: middle;
	letter-spacing: normal;
	padding: 10px 15px;
	position: relative;
	z-index: 3;
}
.totalBlock h3 {
	font-size: 1.9rem;
	font-weight: normal;
	padding: 0 0 5px;
	margin: 5px 0 5px;
	overflow-wrap: break-word;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
.totalBlock h3 b,
.totalBlock > div > span b {
	opacity: 0.7;
}
.totalBlock > div > span {
	width: 100%;
	display: inline-block;
	font-size: 1.2rem;
	margin: 1px 0;
}
.total-pages {
	background: #E91E63;
}
.total-post {
	background: #1E88E5;
}
.total-comment {
	background: #689F38;
}
.total-message {
	background: #BA68C8;
}
.total-data {
	background: #757575;
}
.total-files {
	background: #607D8B;
}
/*Dashboard End*/


/*Analytics*/
.graphics {
	text-align: center;
}
#counterDays,
#counterHours {
	min-width: 400px; 
	min-height: 400px; 
	margin: 0 auto;
	width: 100%;
}
/*Analytics End*/

/*Copyright*/
.copyright {
	width: 100%;
	position: absolute;
	bottom: 25px;
	font-size: 1.4rem;
	color: #fff;
	text-shadow: 0 0 2px rgba(0,0,0,0.5);
	text-align: center;
}
.copyright a {
	font-weight: 900;
	color: #fff;
}
/*Copyright End*/





/* ==========================================================================
   01. PC
   ========================================================================== */
@media screen and (min-width: 1280px) {

	/*Menu*/
	.menu-block {
		display: block !important;
	}

	/*Top block*/
	.top-info.fixed {
		position: fixed;
		height: 60px;
		width: 100%;
		left: 0;
		top: 0;
		padding: 0 15px;
		text-align: center;
		background: transparent;
	}
	.top-info.fixed > div {
		width: 100%;
		height: 60px;
		max-width: 1650px;
		display: inline-block;
		background: #fff;
		/*transition: all 0.2s ease-in-out;*/
		box-shadow: 0px 21px 20px -11px rgba(0,0,0,0.05);
	}
	.sticky {
		position: fixed;
		z-index: 40;
	}
	.stop {
		position: relative;
		z-index: 45;
	}	

}


/* ==========================================================================
   03. PC: Notebook
   ========================================================================== */
@media screen and (max-width: 1440px) {

	/*Dashboard*/
	.fixedBlock {
		min-height: 150px;
	}
}


/* ==========================================================================
   04. Tablet: Landscape
   ========================================================================== */
@media screen and (max-width: 1279px) {

	/*Top block*/
	.top-block {
		height: auto;
	}
	.lb {
		height: auto !important;
	}
	.lb,
	.rb {
		height: auto;
		width: 100%;

	}

	/*Menu*/
	.alt {
		width: 100%;
		height: auto;
		padding: 7px 15px;
		margin-bottom: 0;
	}
	.alt img {
		width: 30px;
		margin: 0 5px 0 0;
	}
	.alt b {
		font-size: 1.5rem;
		margin: 0 0 0 5px;
	}

	.menu-block {
		display: none;
		width: 100%;
		min-height: 0px;
		transition: unset;
	}
	.main-div::before {
		display: none;
	}
	.menu-btn {
		display: block;
	}


	/*Search*/
	.search {
		width: 300px;
		padding-left: 60px;
	}


	/*Content block*/
	.content-block {
		width: 100%;
	}


	/*Settings*/
	.select-system-bg label {
		width: calc(33.333% - 20px);
	}


	/*List*/
	.list_img a:hover {
		transform: scale(1);
	}
}


/* ==========================================================================
   04. Tablet: Portrait
   ========================================================================== */
@media screen and (max-width: 991px) {

	/*Content*/
	.main-div {
		margin: 5px 0;
	}
	.container-fluid {
		padding: 0 5px;
	}

	/*Admin info*/
	.admin-info {
		display: none;
	}
	.mob-info {
		display: block;
	}

	/*Top block*/
	.top-block {
		padding-bottom: 10px;
	}
	.top-link {
		width: auto;
		float: right;
		margin: 15px 0 5px 0;
		padding: 0 8px 0 0;
		text-align: right;
	}
	.top-link a {
		margin: 0 7px;
	}


	/*Search*/
	.search {
		margin-top: 15px;
	}


	/*Upload file list*/
	.upload-file-list > li {
		width: calc(25% - 10px);
	}
	.upload-file-list > li .list_check {
		position: relative;
		right: 0;
		width: 100%;
		margin: 0;
	}

	/*Setting Bar*/
	.filter-btn,
	.folder-btn {
		margin: 0 0 25px 0;
	}


	/*Upload file list*/
	.upload-btn i {
		display: block;
	}
	.upload-btn span {
		display: none;
	}

	/*Dashboard*/
	.fixedBlock {
		min-height: 120px;
	}

	/*Copyright*/
	.copyright {
		position: relative;
	}
}



/* ==========================================================================
   05. Mobile: Landscape
   ========================================================================== */
@media screen and (max-width: 767px) {

	/*Message*/
	.mes-text {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.mes-btn a {
		width: 100%;
		text-align: center;
		margin-top: 5px;
	}
	.mes-btn .btn-group {
		width: 100%;
		max-width: none;
		text-align: center;	
	}	
	.mes-btn .btn-group .dropdown-menu {
	    width: 100%;
	    min-width: 0;
	}	

	/*List*/
	.pages-item > button {
	    vertical-align: top;
	}
	.pages-list .pages-list {
		padding-left: 5px;
	}
	.list-line {
		position: relative;
		text-align: center;
	}
	.list_title,
	.list_link,
	.list_post_info {
		width: 100%;
		text-align: center;
	}
	.list_title {
		word-wrap: break-word;
	}

	.list_title {
		border-bottom: 1px solid #ECEFF1;
		padding-bottom: 10px;
	}
	.list_link a {
		margin: 15px 7px 10px 7px;
	}

	.list_img {
		width: 70px;
		height: 70px;
		margin: 0 0 10px 0;
	}
	.list_img a,
	.list_img img {
		width: 70px;
		height: 70px;
	}
	.list_check {
		display: inline-block;
		width: 100%;
		text-align: center;
		margin: 0;
	}
	.setting_bar .check input {
		margin: 6px 0 0 0;
	}

}


/* ==========================================================================
   06. Mobile: Portrait
   ========================================================================== */
@media screen and (max-width: 550px) {

	/*Login*/
	.login-form img {
		margin: 50px 0 30px;
		width: 100px;
	}
	.login-form,
	.login-form .form {
		padding: 15px;
	}
	.login-form > div {
		width: 100%;
		margin-bottom: 50px;
	}

	/*Content*/
	.white-box {
		padding: 20px 20px 5px;
	}

	/*Search*/
	.search {
		width: 100%;
		padding: 0 15px;
		margin-top: 10px;
	}


	/*Upload file list*/
	.upload-file-list > li {
		width: calc(50% - 10px);
	}

	/*Alert modal*/
	.alertable {
	    width: calc(100% - 20px);
	    left: 10px;
	}


	/*Settings*/
	.select-system-bg label {
		width: calc(50% - 20px);
	}

	/*Tabs*/
	.nav-tabs>li {
	    margin-bottom: 0;
	    width: 100%;
	    border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	.nav-tabs>li:last-child {
		border-bottom: 0px;
	}


	/*Analytics*/
	.graphics {
		width: 100%;
		height: auto;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}	

}

/* ==========================================================================
   07. Mobile: Ultra Small
   ========================================================================== */
@media screen and (max-width: 340px) {


	/*Upload file list*/
	.upload-file-list > li {
		width: calc(100% - 10px);
	}

	.upload-box label,
	.upload-box > form > .button,
	.upload-box button {
		width: 100%;
	}

}