@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
body {
 	font-family: "Ubuntu", sans-serif;
	background: #EFF3F4;
}


/* CSS Document */
button,
.button {
	border-radius: 1px;
	background: #ebebeb;
	padding: 6px 15px;
	color: #8b8b8b;
	font-size: 16px;
	cursor: pointer;
	-webkit-transition: background 0.1s ease-in;
	-moz-transition: background 0.1s ease;
	-ms-transition: background 0.1s ease;
	-o-transition: background 0.1s ease;
	transition: background 0.1s ease;
	text-transform: uppercase;
	margin-right: 5px;
	border-radius: 10px;
}


.datagrid-top .button,
.datagrid-top button {
	width: 211px;
	width: auto;
	border-radius: 10px;
	text-transform: none;
}

button#send_order_email {
	white-space: nowrap;
	width: auto;
}

button:hover,
.button:hover {
	background: #f8f8f8;
}

.mce-panel button:hover {
	background: none;
}

button.red,
.button.red {
	background: #a20000;
	color: #fff;
}

button.gray,
.button.gray {
	background: #8b8b8b;
	color: #fff;
}

button.gray:hover,
.button.gray:hover {
	background: #a6a6a6;
}

button.red:hover,
.button.red:hover {
	background: #bb1111;
}

button.lightgray,
.button.lightgray {
	background: #ebebeb;

}

button.lightgray:hover,
.button.lightgray:hover {
	background: #d7d9da;
}

button.green,
.button.green {
	background: #bbd233;
	color: #fff;
}

button.green:hover,
.button.green:hover {
	background: #d7f13e;
}

button.blue,
.button.blue {
	background: #3b91b4;
	color: #fff;
}

button.blue:hover,
.button.blue:hover {
	background: #62b7da;
}

button.orange,
.button.orange {
	background: #cd7323;
	color: #fff;
}

button.orange:hover,
.button.orange:hover {
	background: #e69145;
}

button.small,
.button.small {
	padding: 3px 7px;
	font-size: 13px;
	border-radius: 5px;
}

button.large,
.button.large {
	font-size: 20px;
	padding: 11px 23px;
}

a {
	color: #62b7da;
	transition: .2s all;
}

a.icon-file {
	font-weight: bold;
	font-size: 19px;
}

a.icon-file:hover {
	color: #e69145;
}

.form .tinymce-editor .CodeMirror-wrap {
	border: 1px solid #ccc;
	border-radius: 10px;
}

.canvasjs-chart-credit {
	display: none !important;
}

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

	.datagrid-top {
		height: 80px;
	}



	.auction-edit #lots_container .datagrid-top .cols-config {
		left: 160px;
	}

	.auction-edit .top-actions {
		padding-bottom: 30px;
	}

	.auction-edit #phone_partners_container button,
	.auction-edit #lots_container button,
	.auction-edit #phone_partners_container .button,
	.auction-edit #lots_container .button {
		padding: 6px;
		font-size: 14px;
	}
}

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

	.auction-edit #phone_partners_container button,
	.auction-edit #lots_container button,
	.auction-edit #phone_partners_container .button,
	.auction-edit #lots_container .button {
		padding: 6px;
		font-size: 14px;
	}
}

@media screen and (max-width: 1650px) {
	.auction-edit #lots_container .datagrid-top .cols-config {
		left: 160px;
	}
}

.drag-icon {
	width: 16px;
	height: 16px;
	background: url(../images/i_move.png);
	display: block;
	cursor: pointer;
}

#locale_id {
	border: 1px solid #BEC0CD;
	padding: 6px 22px;
	position: absolute;
	top: 30px;
	right: 405px;
	background: #EFF3F4;
	border-radius: 19px;
	font-size: 15px;
	color: #444;
}

.loading {
	position: fixed;
	top: -15px;
	left: 50%;
	width: 150px;
	height: 51px;
	z-index: 9999;
	display: none;
	background: #f4f4f4;
	transform: translateX(-50%);
	border-radius: 10px;
	text-align: center;
}

.loading .icon {
	top: -25px;
	position: relative;
	transform: scale(0.8);
}

/* FLASH MESSAGES */
.flash-messages {
	margin: 10px 0;
}

.flash-messages .message {
	text-align: center;
	padding: 5px;
	border: 1px solid #000;
	margin-bottom: 5px;
	position: static !important;
	font-size: 12px !important;
}

.flash-messages .message.success {
	border-color: #060;
	background: #D2ECD3;
	color: #060;
}

.flash-messages .message.error {
	border-color: #900;
	background: #FACFD0;
	color: #900;
}

.flash-messages .message.warning {
	border-color: #C60;
	background: #FCE0C5;
	color: #C60;
}

/* LOGIN PAGE */
.login {
	background: url(../images/bg/img1.jpg) no-repeat;
	background-size: cover;
	height: 100%;
}

.fa-calendar::before {
	content: '' !important;
	display: inline-block;
	width: 49px;
	height: 33px;
	background-image: url('../images/menu/calendar.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-size: auto 36px;
}

.login-container {
	position: absolute;
	width: 400px;
	top: 0;
	height: 100%;
	right: 0px;
	background: #fff;
	display: none;
}

.login-content {
	padding: 40px;
}

.login-content h2 {
	font-size: 14px;
	text-transform: uppercase;
	color: #666;
	margin: 50px 0 5px;
}

.login-content .legend {
	font-size: 15px;
}

.login-content .form {
	margin: 20px 0;
	padding: 0;
}

.login-content .form .field {
	padding: 0;
	margin-bottom: 10px;
}

.login-content .forgot-password {
	color: #333;
	font-size: 12px;
	float: right;
}

.login-content .forgot-password:hover {
	text-decoration: underline;
}

.login-footer {
	position: absolute;
	bottom: 10px;
	font-size: 11px;
	text-align: center;
}

.login .message {
	position: fixed;
	bottom: 25px;
	left: 25px;
	color: #fff;
}

.login .message .title {
	font-size: 28px;
	margin-bottom: 10px;
}

.login .message .subtitle {
	font-size: 20px;
}

/* NAVIGATION */

.navigation-container {
	background: #fff;
	position: absolute;
	top: 0;
	transition: left 0.2s;
	z-index: 999;
	border-radius: 14px;
}

.navigation-container .top-navigation {
	background: url(../images/top-nav-icon.png) no-repeat center #fff;
	background-size: auto;
	background-size: auto;
	background-size: auto 29px;
	height: 90px;
}

.navigation-container .top-navigation h1 {
	display: none;
}

.navigation {
	margin-top: 36px;
	background: #fff;	
}

.navigation > li > a {
	color: #666666;
	/* display: block; */
	padding: 40px 10px;
	position: relative;
	display: flex;
	flex-direction: column;
	text-align: center;
	font-size: 12px;
	width: 75px;
}

.navigation > li > a.active,
.navigation > li > a:hover {
	color: #a6ce39 ;
}

.navigation a .icon {
	position: absolute;
	left: 50%;
	padding: 40px 27px 27px;
	top: -20px;
	background-repeat: no-repeat;
	background-position: center;
	height: 0px;
	width: 25px;
	order: 1;
	transform: translateX(-50%);
}

.navigation a .icon {
	background-size: auto 40px;
	border-top: 1px solid #eee;
}

.navigation a.active .icon,
.navigation a.hammer .icon {
	background-image: url(../images/menu/hammer.png);
}
.navigation a.hammer.active .icon,
.navigation a.hammer:hover .icon {
	background-image: url(../images/menu/hammer_over.png);
}
.navigation a.box .icon {
	background-image: url(../images/menu/box.png);
}
.navigation a.box.active .icon,
.navigation a.box:hover .icon {
	background-image: url(../images/menu/box_over.png);
}
.navigation a.config .icon {
	background-image: url(../images/menu/config.png);
}
.navigation a.config.active .icon,
.navigation a.config:hover .icon {
	background-image: url(../images/menu/config_over.png);
}
.navigation a.stats .icon {
	background-image: url(../images/menu/stats.png);
	background-size: auto 40px;
	background-repeat: no-repeat;
}
.navigation a.stats.active .icon,
.navigation a.stats:hover .icon {
	background-image: url(../images/menu/stats_over.png);
}
.navigation a.users .icon {
	background-image: url(../images/menu/users.png);
}
.navigation a.users.active .icon,
.navigation a.users:hover .icon {
	background-image: url(../images/menu/users_over.png);
}
.navigation a.roles .icon {
	background-image: url(../images/menu/roles.png);
}
.navigation a.roles.active .icon,
.navigation a.roles:hover .icon {
	background-image: url(../images/menu/roles_over.png);
}
.navigation a.page .icon {
	background-image: url(../images/menu/page.png);
}
.navigation a.page.active .icon,
.navigation a.page:hover .icon {
	background-image: url(../images/menu/page_over.png);
}
.navigation a.page2 .icon {
	background-image: url(../images/menu/page2.png);
}
.navigation a.page2.active .icon,
.navigation a.page2:hover .icon {
	background-image: url(../images/menu/page2_over.png);
}
.navigation a.news .icon {
	background-image: url(../images/menu/news.png);
}
.navigation a.news.active .icon,
.navigation a.news:hover .icon {
	background-image: url(../images/menu/news_over.png);
}
.navigation a.blocks .icon {
	background-image: url(../images/menu/blocks.png);
}
.navigation a.blocks.active .icon,
.navigation a.blocks:hover .icon {
	background-image: url(../images/menu/blocks_over.png);
}
.navigation a.customer .icon {
	background-image: url(../images/menu/customer.png);
}
.navigation a.customer.active .icon,
.navigation a.customer:hover .icon {
	background-image: url(../images/menu/customer_over.png);
}
.navigation a.supplier .icon {
	background-image: url(../images/menu/supplier.png);
}
.navigation a.supplier.active .icon,
.navigation a.supplier:hover .icon {
	background-image: url(../images/menu/supplier_over.png);
}
.navigation a.cart .icon {
	background-image: url(../images/menu/cart.png);
}
.navigation a.cart.active .icon,
.navigation a.cart:hover .icon {
	background-image: url(../images/menu/cart_over.png);
}
.navigation a.image .icon {
	background-image: url(../images/menu/image.png);
}
.navigation a.image.active .icon,
.navigation a.image:hover .icon {
	background-image: url(../images/menu/image_over.png);
}
.navigation a.file .icon {
	background-image: url(../images/menu/file.png);
}
.navigation a.file.active .icon,
.navigation a.file:hover .icon {
	background-image: url(../images/menu/file_over.png);
}
.navigation a.calendar .icon {
	background-image: url(../images/menu/calendar.png);
}
.navigation a.calendar.active .icon,
.navigation a.calendar:hover .icon {
	background-image: url(../images/menu/calendar_over.png);
}
.navigation a.catalog .icon {
	background-image: url(../images/menu/catalog.png);
}
.navigation a.catalog.active .icon,
.navigation a.catalog:hover .icon {
	background-image: url(../images/menu/catalog_over.png);
}
.navigation a.product .icon {
	background-image: url(../images/menu/product.png);
}
.navigation a.product.active .icon,
.navigation a.product:hover .icon {
	background-image: url(../images/menu/product_over.png);
}
.navigation a.category .icon {
	background-image: url(../images/menu/category.png);
}
.navigation a.category.active .icon,
.navigation a.category:hover .icon {
	background-image: url(../images/menu/category_over.png);
}
.navigation a.receives .icon {
	background-image: url(../images/menu/receives.png);
}
.navigation a.receives.active .icon,
.navigation a.receives:hover .icon {
	background-image: url(../images/menu/receives_over.png);
}
.navigation a.exit .icon {
	background-image: url(../images/menu/exit.png);
}
.navigation a.exit.active .icon,
.navigation a.exit:hover .icon {
	background-image: url(../images/menu/exit_over.png);
}
.navigation a.blog .icon {
	background-image: url(../images/menu/blog.png);
}
.navigation a.blog.active .icon,
.navigation a.blog:hover .icon {
	background-image: url(../images/menu/blog_over.png);
}

.navigation .icon::after {
	content: attr(title);
	display: none;
	text-align: center;
	font-size: 12px;
	color: #d7d9da;
	margin-top: 18px;
	position: absolute;
	left: 0px;
	width: 79px;
}
.navigation .icon:hover::after {
	color: #c1e65e;
}

.navigation li {}

.navigation > li > ul {
	display: block;
	width: 300px;
	height: 100%;
	position: absolute;
	top: 0;
	left: -100%;
	opacity: 0;
	transition: .3s all ease-in-out;
	visibility: hidden;
	z-index: 9;
	background-color: #fff;
	box-shadow: rgb(128, 128, 128) 8px 0px 10px -10px;
	overflow: auto;
}

.navigation > li.expanded > ul {
	left: 95px;
	visibility: visible;
	opacity: 1;
}

.navigation ul li,
.navigation ul li a,
.navigation ul li a .icon {
	all: unset;
}

.navigation ul li {
	display: block;
	padding: 10px 20px;
}
.navigation ul ul li {
	padding: 0;
}

.navigation ul li a {
	color: #666666;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	cursor: pointer;
	transition: .2s color ease;
	display: block;
}

.navigation ul li a.parent {
	margin: 30px 0;
	color: rgb(102, 102, 102);
	font-size: 18px;
	cursor: default;
}

.navigation ul ul li a {
	margin-bottom: 15px;
}

.navigation ul li a.active:not(.parent),
.navigation ul li a:hover:not(.parent) {
	color: #a6ce39 ;
}


/* CONTENT */
.content-container {
	position: absolute;
	top: 0;
	right: 0;
	width: calc(100% - 93px);
	background: #EFF3F4;
	box-sizing: border-box;
}

.page-title {
	font-weight: bold;
	color: #a6ce39;
	font-size: 18px;
	padding: 5px 40px;
	/* background: #fff; */
	width: calc(100% - 750px);
	position: absolute;
	top: 25px;
	text-transform: uppercase;
	max-height: 38px;
	line-height: 22px;
	overflow: hidden;
	/*overflow-y: scroll;*/
}

#category_data_container .page-title,
#page_data_container .page-title {
	position: unset;
	text-decoration: underline;
}

.page-title a {
	color: #a6ce39;
	text-decoration: underline;
}

.page-title .page-link {
	margin-right: 0;
}

.page-title .separator {
	background: url(../images/separator.png) no-repeat;
	width: 9px;
	height: 9px;
	display: inline-block;
	/*display: none;*/
}

@media only screen and (max-width: 1280px) {
	.page-title {font-size: 16px;}
}

.content-wrapper {
	padding: 15px 35px;
}
/*
.form.auction-edit {
	padding: 25px 15px;
}

.form.auction-edit .top-actions{
	background: #fff;
	border-radius: 19px 19px 0 0;
	padding-top: 25px;
  	padding-bottom: 15px;
}
.form.auction-edit .notebook {
	margin-right: 20px;
}
.form.auction-edit .notebook .notebook-title{
	background: #fff;
}
.form.auction-edit .notebook .notebook-title:after{
	width: 100%;
	height: 1px;
	background: #E5E5E5;
	content: "";
	position: absolute;
	bottom:42px;
	left: 0;
}
.form.auction-edit .notebook .page{
	padding: 20px 15px 15px;
  	border: 0 !important;
}

*/

.content > .form {
	padding: 25px 15px;
}

.content > .form .top-actions{
	background: rgba(255,255,255,0.9);
	border-radius: 19px 19px 0 0;
	padding: 20px 10px 15px;
	position: sticky;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	z-index: 9;
}
.content > .form .notebook {
}
.content > .form .notebook .notebook-title{
	background: #fff;
}


.content > .form .notebook .notebook-title:after{
	width: 100%;
	height: 1px;
	background: #E5E5E5;
	content: "";
	position: absolute;
	bottom:42px;
	left: 0;
}
.content > .form .notebook .page{
	padding: 20px 15px 15px;
  	border: 0 !important;
}

/* ADMIN HEADER */

.dev-mode-notice {
	background: #000;
	color: #fff;
	padding: 5px;
	text-align: center;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	font-size: 10px;
	padding: 5px 30px;
}

.admin-header {
	padding: 10px 40px;
	position: relative;
	height: 67px;
	background: #fff;
}

.admin-header .profile {
	background: url(../images/cliente-perfil.svg) no-repeat center right;
	background-size: 50px;
	position: absolute;
	right: 45px;
	font-size: 18px;
	color: #444;
	padding: 22px 60px 22px 0;
}

.admin-header .profile:hover .profile-menu {
	display: block;
}

.admin-header .profile .profile-menu {
	position: absolute;
	top: 70px;
	right: 0;
	width: 270px;
	box-shadow: 0 0 2px #333;
	background: #fff;
	z-index: 999;
	display: none;
	border-radius: 19px;
}

.admin-header .profile .profile-menu p.message {
	padding: 10px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
}

.admin-header .profile .profile-menu li a {
	padding: 17px 10px 17px 60px;
	font-size: 12px;
	background: center left 12px no-repeat;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	display: block;
	color: #333;
}

.admin-header .profile .profile-menu li a:hover {
	background-color: #f4f4f4;
}

.admin-header .profile .profile-menu li a.access-data {
	background-image: url(../images/i_person.png);
}

.admin-header .profile .profile-menu li a.users {
	background-image: url(../images/i_persons.png);
}

.admin-header .profile .profile-menu li a.backup {
	background-image: url(../images/i_shield.png);
}

.admin-header .profile .profile-menu li a.sales {
	background-image: url(../images/i_percent.png);
}

.admin-header .profile .profile-menu li a.box {
	background-image: url(../images/i_box2.png);
}

.admin-header .profile .profile-menu li a.logout {
	background-image: url(../images/i_logout.png);
}

.admin-header .profile .profile-menu li a.import-export {
	background-image: url(../images/i_cloud.png);
}

.admin-header .messages {
	background: url(../images/messages.svg) no-repeat center right;
	position: absolute;
	right: 270px;
	width: 40px;
	height: 40px;
	color: #333;
	top: 28px;
	background-size: 30px;
}
/*
.admin-header .messages:hover {
	background-image: url(../images/i_messages_over.png);
}
*/
.admin-header .messages span {
	display: block;
	width: 30px;
	padding-top: 1px;
	height: 30px;
	background: #A6CE37;
	border-radius: 50%;
	color: #444;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: -13px;
	right: -22px;
	line-height: 29px;
}

.admin-header .messages:hover .messages-info {
	display: block;
}

.admin-header .messages .messages-info {
	position: absolute;
	top: 40px;
	left: -110px;
	width: 270px;
	box-shadow: 0 0 2px #333;
	background: #fff;
	z-index: 999;
	display: none;
	border-radius: 19px;
	overflow: hidden;
}

.admin-header .messages .messages-info p.message {
	padding: 10px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
}

.admin-header .messages .messages-info ul{
	max-height: 70vh;
	overflow: auto;
}
.admin-header .messages .messages-info ul li {
	padding: 5px 10px 5px 40px;
	font-size: 12px;
	background: url(../images/i_message.png) center left 5px no-repeat;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}

.admin-header .messages .messages-info ul li:hover {
	background-color: #f4f4f4;
}

.admin-header .messages .messages-info ul li p {
	margin-bottom: 3px;
}

.admin-header .messages .messages-info ul li .name {
	font-weight: bold;
}

.admin-header .messages .messages-info ul li .date_ {
	font-size: 10px;
}

.admin-header .messages .messages-info .all-messages {
	padding: 10px;
	background: #f4f4f4;
	font-size: 13px;
	text-align: center;
	display: block;
	color: #333;
}

.admin-header .messages .messages-info .all-messages:hover {
	background: #e4e4e4;
}

.admin-header .messages .messages-info p.no-messages {
	padding: 10px;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
}

.admin-header .events {
	background: url(../images/events.svg) no-repeat center right;
	position: absolute;
	right: 340px;
	width: 40px;
	height: 40px;
	color: #333;
	top: 28px;
	background-size: 30px;
	/*overflow: hidden;*/
}
/*
.admin-header .events:hover {
	background-image: url(../images/i_event_over.png);
}
	*/

.admin-header .events span {
	display: block;
	width: 30px;
	padding-top: 1px;
	height: 30px;
	background: #A6CE37;
	border-radius: 50%;
	color: #444;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: -13px;
	right: -22px;
	line-height: 29px;
}

.admin-header .events:hover .events-info {
	display: block;
	overflow: hidden;
}

.admin-header .events .events-info {
	position: absolute;
	top: 45px;
	left: -110px;
	width: 270px;
	box-shadow: 0 0 2px #333;
	background: #fff;
	z-index: 999;
	display: none;
	border-radius: 19px;
}

.admin-header .events .events-info p.event {
	padding: 10px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
}

.admin-header .events .events-info ul li {
	padding: 5px 10px 5px 40px;
	font-size: 12px;
	background: url(../images/i_message.png) center left 5px no-repeat;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}

.admin-header .events .events-info ul li:hover {
	background-color: #f4f4f4;
}

.admin-header .events .events-info ul li p {
	margin-bottom: 3px;
}

.admin-header .events .events-info ul li .name {
	font-weight: bold;
}

.admin-header .events .events-info ul li .date_ {
	font-size: 10px;
}

.admin-header .events .events-info .all-events {
	padding: 10px;
	background: #f4f4f4;
	font-size: 13px;
	text-align: center;
	display: block;
	color: #333;
}

.admin-header .events .events-info .all-events:hover {
	background: #e4e4e4;
}

.admin-header .events .events-info p.no-messages {
	padding: 10px;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
}

.admin-header .logo {
	position: absolute;
	top: 10px;
	left: 10px;
}

.admin-header .logo span {
	color: #727272;
	font-weight: normal;
	position: absolute;
	top: 7px;
	left: 120px;
	width: 90px;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 17px;
}

/* CONTENT */

.content-container .content {background: #EFF3F4;}

/* DASHBOARD */
.dashboard .stats-resume { display:none;
	width: 270px;
	float: right;
	background: #fff;
	padding: 15px 15px 13px;
	margin-bottom: 15px;
}

.dashboard .stats-resume strong {
	font-weight: bold;
}

.dashboard .stats-resume li {
	margin-bottom: 0;
	font-size: 13px;
	display: block;
	text-align: center;
}

.dashboard .notebook {
	width: 100%;
	border-top: 0px solid #E5E5E5;
	float: left;
	margin-bottom: 15px;
}

.dashboard .notebook .notebook-title {
	background: none;
	padding: 28px 0;
	border: 0;
}

.dashboard .notebook .notebook-title li {
	width: calc(25% - 8px);
	font-size: 18px;
	padding: 14px 17px;
	border-right: 0px solid #ccc;
	opacity: 1;
	margin-right: 10px;
	/*background-size: auto 37px !important;*/
	background: #000;
  	border-radius: 19px;
	color: #fff;
}

.dashboard .notebook .notebook-title li:last-child {
	margin-right: 0;
}

.dashboard .notebook .notebook-title li.active,
.dashboard .notebook .notebook-title li:hover {
	background: #A6CE37;
	color: #000;
}

.dashboard .notebook .notebook-title li .icon{
	font-size: 50px;
	color: #fff;
	vertical-align: middle;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 10px;
	width: 66px;
	height: 66px;
	display: inline-block;
	vertical-align: middle;
	line-height: 66px;
	text-align: center;
	margin-right: 26px;
}

.dashboard .notebook .notebook-title li .icon.icon-pages{
	font-size: 44px;
	text-align: left;
	padding-left: 5px;
	box-sizing: border-box;
}

.dashboard .notebook .notebook-title li .icon:before{
	margin:0;
}

.dashboard .notebook .notebook-title li.active span:last-child {
	display: none;
}
/*
.dashboard .notebook .notebook-title li.dash-regions .icon-regions {
	background: url(../images/i_dash_map.png) no-repeat left center;
	padding-left: 40px;
}


.dashboard .notebook .notebook-title li.dash-regions.active {
	background-image: url(../images/i_dash_map_over.png);
}
	

.dashboard .notebook .notebook-title li.dash-visits.active {
	background-image: url(../images/i_dash_visits_over.png);
}

.dashboard .notebook .notebook-title li.dash-visits {
	background: url(../images/i_dash_visits.png) no-repeat left center;
	padding-left: 40px;
}

.dashboard .notebook .notebook-title li.dash-pages.active {
	background-image: url(../images/i_dash_pages_over.png);
}

.dashboard .notebook .notebook-title li.dash-pages {
	background: url(../images/i_dash_pages.png) no-repeat left center;
	padding-left: 50px;
}

.dashboard .notebook .notebook-title li.dash-channel.active {
	background-image: url(../images/i_dash_keywords_over.png);
}

.dashboard .notebook .notebook-title li.dash-channel {
	background: url(../images/i_dash_keywords.png) no-repeat left center;
	padding-left: 40px;
}

.dashboard .notebook .notebook-title li.dash-referrers {
	background: url(../images/i_dash_referer.png) no-repeat left center;
	padding-left: 40px;
}

.dashboard .notebook .notebook-title li.dash-referrers.active {
	background-image: url(../images/i_dash_referer_over.png);
}
	*/

.dashboard .notebook .page .overflow {
	height: 400px;
	overflow-y: scroll;
}

.dashboard .notebook .page .datagrid-top {
	display: none;
}

.dashboard .notebook .page .datagrid-container {
	padding: 0;
	border: 0;
	overflow: auto;
}

.dashboard .notebook .page .datagrid .sorter {
	background: none;
}

.dashboard .form {
	background: #fff;
	margin-bottom: 15px;
}

.dashboard .form.form-dashboard-filters {
	background: #fff;
	border-radius: 19px 19px 0 0;
	padding: 40px;
}

.dashboard .notebook .notebook-page .page{
	border-radius: 0 0 19px 19px;
	border:0;
}

.dashboard .form-dashboard-filters .col.label label {
	border:0;
}

.dashboard .form-dashboard-filters .col.label label span {
	font-size: 18px;
	color: #444;
	text-transform: none;
}

.dashboard .form-dashboard-filters .col .box-group .label {
	display: inline-block;
	font-size: 18px;
	text-transform: none;
	font-weight: normal;
	color: #444;
	margin-bottom: 0;
	vertical-align: middle;
}
.dashboard .form-dashboard-filters .col .box-group .date{
	padding:0;
	border: 0;
}
.dashboard .form-dashboard-filters .col .box-group input {
	font-size: 16px;
	color: #444;
	display: inline-block;
	width: calc(100% - 43px);
	border: 1px solid #BEC0CD;
	border-radius: 10px;
	vertical-align: middle;
	padding: 10px;
	box-sizing: border-box;
	margin-left: 5px;
}
.dashboard .form-dashboard-filters .col .box-group > label {
	padding: 0;
	border:0;
}
.dashboard .form-dashboard-filters .col .box-group label span {
	display: inline-block;
	font-size: 18px;
	text-transform: none;
	font-weight: normal;
	color: #444;
	margin-bottom: 0;
	vertical-align: middle;
}

.dashboard .form-dashboard-filters .col .box-group .data {
	font-size: 16px;
	color: #444;
	display: inline-block;
	width: calc(100% - 43px);
	border: 1px solid #BEC0CD;
	border-radius: 10px;
	vertical-align: middle;
	padding: 12px;
	box-sizing: border-box;
	margin-left: 5px;
}

.dashboard .form-dashboard-filters .col .box-group .data span {
	font-size: 16px;
  	color: #444;
}

.dashboard .form-dashboard-filters .col .box-group label .select2-container .select2-choice {
  line-height: 16px;
  height: 19px;
}

.dashboard .form-dashboard-filters .col.buttons {
	text-align: right;
}

.dashboard .form button {
	padding: 13px 40px;
	font-size: 16px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-transform: none;
	color: #fff;
	border-radius: 10px;
	background: #BEC0CD;
}
.dashboard .form button.green {
	background:#A6CE37;
}

.dashboard .form button.grey {
	background:#444444;
}

.dashboard .pending-orders .page-title {
	display: none;
}

.dashboard .pending-orders .datagrid-container {
	margin: 0;
}

@media only screen and (max-width: 1450px) {
	.dashboard .form.form-dashboard-filters {
		padding: 40px 15px;
	}

	.dashboard .form.form-dashboard-filters .fields-group.cols2 .col {
		width: calc(50%) !important;
	}
}

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

	.dashboard .form-dashboard-filters .col .box-group label span {
		display: block;
		font-size: 15px;
		margin-bottom: 5px;
	}
	.dashboard .form-dashboard-filters .col .box-group .label {
		display: block;
		font-size: 15px;
		margin-bottom: 5px;
	}

	.dashboard .form-dashboard-filters .col .box-group .data {
		font-size: 12px;
		width: 100%;
	}

	.dashboard .form-dashboard-filters .col .box-group .data span {
  		font-size: 12px;
	}

	.dashboard .form-dashboard-filters .col.label label span {
  		font-size: 15px;
	}
}

/* FILE MANAGER */
.file-manager {
	display: table;
	width: 100%;
}

.file-manager .folders {
	display: table-cell;
	padding-right: 15px;
	border-right: 1px solid #ccc;
	min-width: 20%;
	vertical-align: top;
}

.file-manager .folders .buttons {
	margin: 10px 0;
	border-radius: 5px;
}

.file-manager .files {
	display: table-cell;
	padding-left: 15px;
	vertical-align: top;
}

.file-manager .file-list li {
	width: 120px;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 120px;
	padding: 5px;
	border: 1px solid #ccc;
	float: left;
	position: relative;
	border-radius: 5px;
}

.file-manager .file-list li .image {
	width: 100%;
	height: 90px;
	display: block;
	overflow: hidden;
	margin-bottom: 5px;
	text-align: center;
}

.file-manager .file-list li .image.file-extension img {
	margin-top: 22px;
}

.file-manager .file-list li .paths {
	position: relative;
}

.file-manager .file-list li .file-name {
	font-size: 11px;
}

.file-manager .file-list li .full-path {
	display: none;
	position: absolute;
	border: 1px solid #ccc;
	border-top: 0;
	font-size: 11px;
	background: #fff;
	top: 0px;
	left: -6px;
	z-index: 9999;
	padding: 0 5px 5px;
	width: 100%;
	min-height: 25px;
	cursor: copy;
}

.file-manager .file-list li:hover .full-path {
	display: block;
}

.file-manager .file-list li .remove {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 26px;
	height: 26px;
	background: url(../images/i_remove2.png);
	display: none;
	cursor: pointer;
}

.file-manager .file-list li:hover .remove {
	display: block;
}

/* PAGE MANAGER */
.page-manager {
	display: table;
	width: 100%;
}

.page-manager .pages {
	display: table-cell;
	padding-right: 15px;
	border-right: 1px solid #ccc;
	min-width: 20%;
	vertical-align: top;
}

.page-manager .pages .buttons {
	margin: 10px 0 5px;
}

.page-manager .pages .buttons button {
	margin: 0 0 3px;
	text-transform: none;
	border-radius: 5px;
}

.page-manager .pages .buttons p {
	font-size: 13px;
	margin-top: 10px;
}

.page-manager .page-data {
	display: table-cell;
	padding-left: 15px;
	vertical-align: top;
}

.page-manager .page-data .notebook .notebook-page .page {
	padding: 20px 0 15px;
}

.page-manager .page-data .blocks-wrapper {
	border: 1px solid #ccc;
	border-top: 0;
}

.page-manager .page-data .blocks-wrapper .col-actions {
	background: #f4f4f4;
	padding: 5px;
	text-align: right;
	border-bottom: 1px solid #ccc;
	white-space: nowrap;
	border-radius: 10px 10px 0 0;
}

.page-manager .page-data .blocks-wrapper button.small {
	font-size: 11px;
	border-radius: 5px;
}

.page-manager .page-data .block-container {
	position: relative;
}

.page-manager .page-data .block-container .block-actions {
	text-align: right;
	padding: 5px 5px 0;
	white-space: nowrap;
}

.page-manager .page-data .block-container .bt-settings {}

.page-manager .page-data .block-container .bt-remove {}

.page-manager .page-data .block-container .drag-icon {
	display: inline-block;
	top: 3px;
	position: relative;
}

.page-manager .page-data .block-container .drag-icon:hover {
	opacity: 0.5;
}

.page-manager .page-data .block-container .ui-state-highlight {
	height: 40px;
	background: #eee;
	border: 1px solid #ddd;
	margin: 5px;
}

.page-manager .page-data .block-container ul {
	display: table;
	width: 100%;
	border-spacing: 5px;
}

.page-manager .page-data .block-container li {
	height: 75px;
	width: 2%;
	display: table-cell;
	border: 1px solid #ccc;
	margin: 5px;
	position: relative;
	vertical-align: top;
	border-radius: 10px;
}

.page-manager .page-data .block {
	position: relative;
	min-height: 40px;
	width: calc(100% - 12px);
	border: 1px solid #ccc;
	margin: 5px;
	border-radius: 10px;
}

.page-manager .page-data .block.active-0 {
	border: 1px dotted #D02428;
}

.page-manager .page-data .block .block-actions {
	text-align: right;
	padding: 5px 5px 0;
	white-space: nowrap;
}

.page-manager .page-data .block .drag-icon {}

.page-manager .page-data .block .block-title {
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
}


.cms-page-view img {
	width: 100%;
	height: auto;
}

/* CATEGORY MANAGER */

/* EVENTS */
.events {
	display: table;
	width: 100%;
}

.events .events-edition-container {
	display: table-cell;
	width: 0;
	background: #fff;
	padding: 10px;
	border-left: 1px solid #ccc;
	vertical-align: top;
}

.calendar-container {
	padding: 10px;
	display: table-cell;
	vertical-align: top;
}

.calendar-container .fc-view-container {
	background: #fff;
	padding: 10px;
}

.events .event-form {
	padding: 0;
}

.events .event-form .field {
	padding: 6px 0;
}

/* DATAGRID */
.datagrid-top {
	margin: 25px 15px 0;
	position: relative;
	min-height: 33px;
	border-radius: 19px 19px 0 0;
	background: #fff;
	padding-top: 25px;
	padding-bottom: 15px;
}

.datagrid-top .name {
	position: absolute;
	/* top: 0; */
	top: 25px !important;

	left: 15px;
	font-size: 21px;
	text-transform: none;
	background: url(../images/i_list.png) no-repeat center left;
	padding-left: 35px;
	font-weight: 400;
}

.datagrid-top .actions {
	position: absolute;
	right: 10px;
}

.datagrid-config {
	display: inline-block;
}

.datagrid-container {
	padding: 30px 15px;
	background: #fff;
	margin: 0 15px 15px;
	border: 0px solid #E5E5E5;
	overflow-x: auto;
	max-height: calc(100vh - 270px);
	border-radius: 0 0 19px 19px;
}

.datagrid-container .datagrid-config span {
	margin-right: 30px;
	cursor: pointer;
	font-size: 18px;
	color: #BEC0CD;
}

.datagrid-container .datagrid-config span:hover {
	text-decoration: underline;
}

.datagrid-container .cols-config {
	margin: 20px 0;
	display: none;
}

.datagrid-container .cols-config .cols {
	border: 1px solid #ccc;
	padding: 10px;
	background: #fff;
	border-radius: 10px;
}

.datagrid-container .cols-config .cols label {
	display: block;
	white-space: nowrap;
	font-size: 12px;
	border: none;
	padding: 0;
}

.datagrid-container .cols-config .cols label * {
	vertical-align: middle;
}

.datagrid-container .cols-config .cols label input {
	width: auto;
	display: inline-block;
}

.datagrid-container .cols-config .cols .reset-cols {
	cursor: pointer;
	margin-bottom: 10px;
}

.datagrid-container .cols-config .cols .reset-cols:hover {
	text-decoration: underline;
}

.datagrid-container .cols-config .cols li {
	display: inline-block;
	margin-right: 10px;
	width: 15%;
}

@media only screen and (max-width: 1300px) {
	.datagrid-container .cols-config .cols li {
		width: 20%;
	}
}

@media only screen and (max-width: 1000px) {
	.datagrid-container .cols-config .cols li {
		width: 25%;
	}
}

.datagrid-container .cols-config .cols li:first-child {
	display: block;
	margin-right: 0;
	width: 100%;
}

.datagrid-container .hidden-filters {
	display: block;
	border: 1px solid #ccc;
	padding: 10px 10px 0;
	background: #fff;
	margin: 20px 0;
	display: none;
	border-radius: 10px;
}

.datagrid-container .hidden-filters .title:hover {
	color: #999;
}

.datagrid-container .hidden-filters .title em {
	font-size: 16px;
}

.datagrid-container .hidden-filters .filter {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 10px;
}

.datagrid-container .hidden-filters .filter span {
	display: block;
	font-size: 12px;
}

.datagrid-container .hidden-filters .filter select,
.datagrid-container .hidden-filters .filter input {
	border: 1px solid #ccc;
	padding: 4px;
	width: 150px;
	border-radius: 10px;
}

.datagrid-container .mass-actions {
	margin: 0 0 10px;
  	display: inline-block;
}

.datagrid-container .mass-actions select {
	border: 1px solid #BEC0CD;
	padding: 5px 10px;
	background: #FFF;
	color: #444;
	border-radius: 10px;
	padding: 6px;
    font-size: 16px;
}

.datagrid-container .datagrid-header-actions {
	position: sticky;
	top: -30px;
	background: rgba(255,255,255,0.9);
	z-index: 10;
	box-sizing: border-box;
	width: calc(100% + 30px);
	padding-right: 30px;
	min-height: 45px;;
}

.datagrid {
	font-size: 12px;
	border-collapse: collapse;
}

.datagrid .actions {
	position: relative;
	width: 100%;
}

.datagrid thead {
	background-color: #000;
	position: sticky;
	top: 13px;
}

.datagrid thead tr:last-child th {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.datagrid th,
.datagrid td {
    border-right: 1px solid #e0e0e0;
    border-top: none;
    border-bottom: none;
}

.datagrid th:last-child,
.datagrid td:last-child {
    border-right: none;
}

.datagrid-container .pager-container {
	float: right;
	position: relative;
	height: 20px;
	width: 310px;
	display: inline-block;
	text-align: right;
}

.datagrid-container .pager {
	font-size: 13px;
}

.datagrid-container .pager strong {
	display: inline-block;
	margin: 0 10px;
	color: #444;
    font-size: 15px;
}

.datagrid-container .pager span {
	display: inline-block;
	border: 1px solid #EFF3F4 ;
	height: 32px;
	width: 32px;
	background: #EFF3F4 no-repeat center center;
	vertical-align: middle;
	margin: 0 3px;
	cursor: pointer;
	border-radius: 10px;
}

.datagrid-container .pager span:hover {
	background-color: #fff;
}

.datagrid-container .pager span.pager-first {
	background-image: url(../images/datagrid_first.png);
}

.datagrid-container .pager span.pager-prev {
	background-image: url(../images/datagrid_previous.png);
}

.datagrid-container .pager span.pager-next {
	background-image: url(../images/datagrid_next.png);
}

.datagrid-container .pager span.pager-last {
	background-image: url(../images/datagrid_last.png);
}

.datagrid th {
	font-weight: normal;
	padding: 4px 4px;
}

.datagrid .sorters th {
	padding: 18px 14px 5px;
}

.datagrid th.filter {
	padding: 0 14px 5px;
}

.datagrid .no-sort {
	display: block;
	color: #fff;
	text-transform: uppercase;
}

.datagrid .sorter {
	cursor: pointer;
	display: block;
	background: url(../images/datagrid_nosort.png) no-repeat center right 5px;
	color: #fff;
	text-transform: none;
	padding-right: 17px;
	font-size: 14px;
}

.datagrid .sorter.asc {
	background-image: url(../images/datagrid_asc.png);
	color: #fff;
}

.datagrid .sorter.desc {
	background-image: url(../images/datagrid_desc.png);
	color: #fff;
}

.datagrid .filter {}

.datagrid .filter select,
.datagrid .filter input {
	width: calc(100% - 8px);
	padding: 4px;
	border: 1px solid #fff;
	background: #fff;
	border-radius: 6px;
}

.datagrid .filter input.datepicker {
	width: 120px;
	display: block;
	margin-bottom: 3px;
}

.datagrid .row td {
	padding: 5px;
	border-top: 1px solid #eff3f4;
	font-size: 12px;
}

.datagrid .row td input {
	border-radius: 6px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 5px;
}

.datagrid .row.odd {
	background: #eff3f4;
}

.datagrid .row.highlight {
	background: #c5d5f9;
}

.datagrid .row.disabled {
	opacity: 0.5;
}

.datagrid .row:hover {
	background: #e4e4e4;
}

.datagrid .row.highlight:hover {
	background: #c5d5f9;
}

.datagrid .row.link {
	cursor: pointer;
}

.datagrid .drag-icon {
	float: right;
}

.datagrid .footer td {
	font-weight: bold;
	font-size: 15px;
	white-space: nowrap;
}

.datagrid .row label {
	all: unset;
}

.datagrid .row label input {
	width: auto;
	display: inline-block;
}

.datagrid .editable-field .current-value {
	/* min-height: 50px; */
	min-width: 80px;
}

.datagrid .editable-field .editable-value {
	display: none;
}

.datagrid .editable-field .editable-value .actions {
	text-align: center;
	white-space: nowrap;
}

.datagrid .editable-field .editable-value input {
	border: 1px solid #ccc;
	padding: 4px;
	width: calc(100% - 10px);
	background: #fff;
}

.datagrid-container .select2-container {
	width: 100%;
}

.datagrid-container .select2-container .select2-choice {
	border-radius: 0;
	border: 1px solid #ccc;
	background: #fff;
	height: 24px;
	line-height: 24px;
	border-radius: 6px;
}

.datagrid-container .select2-container .select2-choice .select2-arrow b {
	position: relative;
	top: 3px;
}

.datagrid-container .select2-container .select2-choice>.select2-chosen {
	color: #000 !important;
	font-weight: normal;
	font-size: 13px;
	font-family: "Ubuntu", sans-serif;
	letter-spacing: 0px;
}

.datagrid-container .select2-container .select2-choice abbr {
	right: 3px;
	top: 5px;
	z-index: 9999;
}

.select2-drop {
	min-width: 150px !important;
}

.datagrid .log-data .data-container {
	font-size: 11px;
	background: #fff;
	border: 1px solid #ddd;
	padding: 2px;
	max-height: 53px;
	overflow: hidden;
	transition: .3s all;
}

.datagrid .log-data.expanded .data-container {
	max-height: 300px;
	overflow: auto;
}

.datagrid .log-data>span {
	display: block;
	font-size: 11px;
	cursor: pointer;
	text-decoration: underline;
}

.datagrid .log-data>span.view-less {
	display: none;
}

.datagrid .log-data.expanded>span.view-less {
	display: block;
}

.datagrid .log-data.expanded>span.view-all {
	display: none;
}

/* HTML CONFIRM */
.confirm-overlay {
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	z-index: 8999;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
}

.confirm-box {
	background: #fff;
	border-radius: 5px;
	padding: 10px;
	width: 590px;
	margin: 0 auto;
	margin-top: 15%;
}

.confirm-box .title {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	display: block;
	font-size: 16px;
	font-weight: bold;
}

.confirm-box.success .title {
	padding: 5px;
}

.confirm-box.warning .title {
	padding: 5px;
}

.confirm-box .message {
	display: block;
	font-size: 16px;
	margin-bottom: 15px;
}

.confirm-box .actions {
	text-align: center;
}

/* HTML MESSAGE */
.message-box {
	background: #e9e9e9;
	border-radius: 5px;
	padding: 10px;
	position: fixed;
	z-index: 9999;
	max-width: 300px;
	bottom: 10px;
	right: 10px;
}

.message-box .title {
	border-bottom: 1px solid #666;
	margin-bottom: 10px;
	display: block;
	font-size: 15px;
	font-weight: bold;
}

.message-box.error {
	background: #ffe0e0;
}

.message-box.success {
	background: #defde1;
}

.message-box.warning {
	background: #ffebd9;
}

.message-box .message {
	display: block;
	font-size: 15px;
	margin-bottom: 10px;
}

.message-box .actions {
	text-align: center;
}

/* WIZARD BOX */
.wizard-container {
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.wizard-container .wizard {
	width: 90%;
	height: 90%;
	margin: 2.5% auto;
	border: 0;
	background: #fff;
	border-radius: 5px;
	display: block;
	position: relative;
	overflow: hidden;
}


.wizard-container .wizard .wizard-actions {
	position: sticky;
	top: 0;
	right: 5px;
	background: #fff;
	width: 100%;
	height: 37px;
	z-index: 9;
	border-bottom: 1px solid #ccc;
	text-align: right;
}

.wizard-container .wizard .wizard-actions .close {
	font-size: 30px;
}

.wizard-container .wizard .wizard-actions .close:hover {
	opacity: 0.5;
}

.wizard-container .wizard .loaded-html {
	padding: 0px 30px 20px;
	overflow: auto;
	position: relative;
	height: 100%;
	background: #fff;
}

.wizard-container .wizard .loaded-html .form{
	position: relative;
	padding-bottom: 100px;
}
.wizard-container .wizard .loaded-html .form .top-actions {
	position: sticky;
	top: 0;
	right: 0;
	background: rgba(255,255,255,0.9);
	width: 100%;
	height: 37px;
	z-index: 9;
	border-bottom: 1px solid #ddd;
	text-align: right;
	padding: 10px 0px 0;
}

.wizard-container .wizard .wizard-container .wizard {
	width: 85%;
	height: 85%;
	margin: 3.95% auto;
}


/* FORM */
.form {
	/* padding: 15px; */
}

.form .top-actions {
	text-align: right;
	/* width: calc(100% - 432px);  */
	margin-left: auto;
	margin-right: 20px;
	/* margin-bottom: -16px; */
}

.form .field {
	/* padding: 6px; */
	margin-right: 10px;
}

.form .field .tree-field {
	border: 1px solid #ccc;
	border-top: 0;
	padding: 10px;
	border-radius: 0 0 10px 10px;
}


.form .field .table-dynamic-rows{
	padding: 15px 5px;
	background-color: #f4f4f4;
	margin: 10px 0;
}

.form .field .table-dynamic-rows .insert-row td {
	background-color: #e4e4e4;
}

.form .field .table-dynamic-rows input,
.form .field .table-dynamic-rows select {
	background-color: #fff;
}

.form .field .table-dynamic-rows input.small,
.form .field .table-dynamic-rows select.small {
	width: 60px;
}

.form .field .table-dynamic-rows input.xsmall,
.form .field .table-dynamic-rows select.xsmall {
	width: 30px;
}

.form .field .table-dynamic-rows input.medium,
.form .field .table-dynamic-rows select.medium {
	width: 100px;
}

.form .field.tinymce-editor{
	border-radius: 10px;
  	border: 1px solid #e5e5e5;
 	padding: 10px;
	margin-top: 5px;
}

.form .field.tinymce-editor label {
	border: 0;
}
.form .field.tinymce-editor .mce-tinymce {
	border-radius: 10px
}


.images-list .minicolors-swatch,
.form .field .table-dynamic-rows .minicolors-swatch {
	top: 4px !important;
  	left: 4px !important;
}

.form label {
	border: 1px solid #E5E5E5;
	border-radius: 1px;
	padding: 10px;
	display: block;
	cursor: text;
	position: relative;
	/*margin-bottom: 5px;*/
	margin-top: 5px;
	border-radius: 10px
}

.form .field.has-blocks label {
	border: 1px solid #E5E5E5;
	margin-bottom: 0px;
	border-radius: 10px 10px 0 0;
}

.form label.number-error,
.form label.validate-error {
	border: 1px solid #C00;
}

.form label.number-error span,
.form label.validate-error span {
	color: #C00;
}

.form label.readonly {
	cursor: default;
}

.form label.readonly,
.form label:hover {
	background: #f1f1f1;
}

.dashboard .form-dashboard-filters label.readonly,
.dashboard .form-dashboard-filters label:hover {
	background: none;
}

.form label span {
	display: block;
	font-size: 14px;
	text-transform: none;
	font-weight: bold;
	color: #444;
	margin-bottom: 4px;
}

.form label textarea {
	font-size: 13px;
	color: #666;
	display: block;
	width: 100%;
	border: 0;
	background: none;
	height: 80px;
}

.form label p,
.form label input {
	font-size: 13px;
	color: #666;
	display: block;
	width: 100%;
}

.form label p {
	line-height: 15px;
}

.form label textarea:focus,
.form label input:focus {
	outline: none;
}

.form label .select2-container {
	width: auto;
	display: block;
}

.form label .select2-container .select2-choice {
	line-height: 16px;
	height: 15px;
	border: 0;
	padding: 0;
	background: #fff;
}

.form label .select2-container {
	width: auto;
	display: block;
}

.form label .select2-container .select2-search-choice-close {
	right: 3px;
	top: 2px;
	z-index: 9999;
}

.form label:hover .select2-container .select2-choice {
	background: #f1f1f1;
}

.form label .select2-container-active .select2-choice {
	box-shadow: 0 0 0 #fff;
}

.form label .select2-container .select2-choice span {
	text-transform: none;
	font-weight: normal;
	font-size: 13px;
	color: #666;
}

.form label .select2-container label {
	padding: 0;
}

.form label select:hover {
	background: #f1f1f1;
}

.form label.readonly .select2-container .select2-choice {
	background: #f1f1f1;
}

.form .error-message {
	display: block;
	color: #C00;
	font-weight: normal;
	font-size: 12px;
}

.form .tinymce-editor label {
	border-bottom: 0;
}

.form .tinymce-editor label:hover {
	background: #fff;
}

.form .tinymce-editor label span {
	margin-bottom: 0;
}

.form .tinymce-editor .help-sidebar-icon-open {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 16px;
	cursor: pointer;
}

.form label.checkbox {
	display: inline-block;
	padding: 0;
	border: 0;
}

.form label.checkbox:hover {
	background: #fff;
	cursor: pointer;
}

.form label.checkbox span {
	display: inline-block;
}

.form label.checkbox input {
	display: inline-block;
	width: 30px;
}

.form label.switcher {
	cursor: pointer;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 5px;
}

.form label.switcher span.title {
	display: inline-block;
	order: 2;
	align-content: center;
	flex: 1 1 auto;
	overflow: hidden;
}

.form label.switcher .switchery {
	margin-bottom: 2px;
	order: 1;
	display: inline-block;
}

.form .field.collaborator-switchery {
	width: calc(20% - 16px);
	display: inline-block;
}

.form .field.buttons {
	position: relative;
}

.form .field.buttons .button-container,
.form .field.buttons button {
	background-color: #fff;
	width: 48px;
	height: 48px;
	text-indent: -1000px;
	overflow: hidden;
	border: 1px solid #ccc;
	position: absolute;
	right: 6px;
	top: 6px;
}

.form .field.buttons .button-container {
	height: 55px;
	text-indent: 0;
}

.form .field.buttons button.button-2 {
	right: 64px;
}

.form .field.buttons button:hover {
	background-color: #f1f1f1 !important;
}

.form .field.button-1 label {
	width: calc(100% - 100px);
	display: inline-block;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.form #edit-block-form .field.button-1 label:not(.switcher) {
	width: calc(100% - 100px);
	display: inline-block;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.form #edit-block-form .field.button-1  label.switcher {
	display: flex;
}

.form .field.button-2 label {
	width: calc(100% - 131px);
	display: inline-block;
}

.form .field.buttons button.save {
	background: url(../images/i_save.png) no-repeat center center;
}

.form .field.buttons button.add {
	background: url(../images/i_add.png) no-repeat center center;
}

.form .field.buttons button.print {
	background: url(../images/i_print.png) no-repeat center center;
}

.form .field.buttons button.reset {
	background: url(../images/i_reset.png) no-repeat center center;
}

.form .field.buttons button.remove {
	background: url(../images/i_remove.png) no-repeat center center;
}

.form .field.buttons button.export {
	background: url(../images/i_arrow_down.png) no-repeat center center;
}

.form .field.buttons button.import {
	background: url(../images/i_arrow_up.png) no-repeat center center;
}

.form .field.buttons button.pay {
	background: url(../images/i_pay.png) no-repeat center center;
}

.form .field.buttons button.email {
	background: url(../images/i_mail2.png) no-repeat center center;
}

.form .field.buttons .button-container label {
	border: 0;
	width: 100%;
}

.form .field.buttons .button-container label.switcher span.title {
	display: block;
	position: static;
	font-size: 8px;
}


.form .date {
	border: 1px solid #E5E5E5;
	border-radius: 1px;
	padding: 10px;
	display: block;
	cursor: text;
	position: relative;
	border-radius: 10px;
	margin-top: 5px;
}

.form .date.readonly,
.form .date:hover {
	background: #f1f1f1;
	margin-top: 5px;
}

.form .datagrid-top{
	padding: 0;
	margin: 0;
	height: 50px;
}
.form .datagrid-container {
	padding: 10px;
	margin: 0;
}

.dashboard .form-dashboard-filters .date.readonly,
.dashboard .form-dashboard-filters .date:hover {
	background: none;
}

.form .date .fa-calendar {
	position: absolute;
	right: 10px;
	top: 6px;
	z-index: 99;
}

.form .date .label {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #444;
	margin-bottom: 4px;
}

.form .date input {
	font-size: 13px;
	color: #666;
	display: block;
	width: 100%;
}

.form .date.validate-error {
	border: 1px solid #C00;
}

.form .date.validate-error span {
	color: #C00;
}

.form .legend {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 11px;
	color: #999;
}

.form .sm-textarea {
	display: none;
}

.form .separator {
	margin: 6px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 6px;
	font-weight: bold;
	font-size: 16px;
  	margin-top: 40px;
}

.form .multiple-select-field label:hover {
	background: #fff;
}

.form .multiple-select {
	width: 100%;
	border: 0;
}

.form .multiple-select:hover {
	background: #fff;
}

.form .multiple-select option {
	border-bottom: 1px solid #ddd;
	padding: 5px 2px;
	margin-right: 10px;
}

.form .multiple-select option:hover {
	background: #eee;
}

.form .multiple-select option:checked {
	background: #ddd;
}

.form .check-button {
	height: 46px;
	width: 46px;
	float: right;
	border: 1px solid #ccc;
	background: url(../images/i_uncheck.png) no-repeat center center;
	cursor: pointer;
}

.form .check-button:hover {
	background-color: #f4f4f4;
}

.field.buttons.button-1.disabled > label:first-of-type {
    pointer-events: none;
    background: #ede9e9;
    cursor: default;
}

.form .check-button.disabled {
	cursor: default;
}

.form .check-button.disabled:hover {
	background-color: #fff;
}

.form .check-button.checked {
	background-image: url(../images/i_check.png);
}

.form .tip {
	font-size: 12px;
	margin-top: 5px;
}

.select2-drop-active {
	border: 1px solid #ccc !important;
	padding: 7px !important;
}

.select2-drop-active li {
	font-size: 12px;
}

.select2-container .select2-choice .select2-arrow {
	background: none !important;
	border: 0 !important;
}

.select2-container .select2-choice .select2-arrow b {
	background-position: 0 -4px !important;
}

.select2-results .select2-highlighted {
	background: #999 !important;
}

.datepicker-dropdown {
	margin-top: 30px;
}

/* SIDEBAR HELP */
.help-sidebar {
	position: fixed;
	top: 0;
	right: -350px;
	width: 350px;
	height: 100%;
	background: #fff;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	overflow: auto;
	z-index: 9999;
	transition: .2s all;
	box-sizing: border-box;
}

.help-sidebar.visible {
	right: 0;
}

.help-sidebar .title {
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

.help-sidebar .legend {
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	color: #333;
}

.help-sidebar p {
	font-size: 12px;
	margin-bottom: 10px;
}

.help-sidebar .table-info {
	margin-bottom: 20px;
}

.help-sidebar .table-info tr {}

.help-sidebar .table-info td {
	padding: 5px;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
}

.help-sidebar .help-sidebar-icon-close {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}

/* SIDEBAR */
.sidebar {
	position: fixed;
	top: 0;
	right: -80%;
	width: 80%;
	height: 100%;
	background: #fff;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	overflow: auto;
	z-index: 9999;
	transition: .3s all;
	box-sizing: border-box;
}

.sidebar.visible {
	right: 0;
}

.sidebar .title {
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

.sidebar .legend {
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	color: #333;
}

.sidebar p {
	font-size: 12px;
	margin-bottom: 10px;
}

.sidebar .table-info {
	margin-bottom: 20px;
}

.sidebar .table-info tr {}

.sidebar .table-info td {
	padding: 5px;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
}

.sidebar .sidebar-header {
	position: sticky;
	top: -20px;
	right: 5px;
	background: #fff;
	width: 100%;
	height: 39px;
	z-index: 9;
	text-align: right;
}

.sidebar .sidebar-header .sidebar-icon-close {
	text-align: right;
	cursor: pointer;
	font-size: 30px;
	transition: .3s all;
}

.sidebar .sidebar-header .sidebar-icon-close:hover {
	opacity: 0.5;
}

.sidebar .help-content {
	
	.main-title {
		font-size: 15px;
		font-weight: 700;
		color: #111;
		letter-spacing: 0.01em;
		padding-bottom: 14px;
		margin-bottom: 24px;
		border-bottom: 2px solid #111;
		text-transform: uppercase;
	}

	.intro {
		font-size: 13px;
		color: #555;
		line-height: 1.6;
		margin-bottom: 20px;
	  }

	.section-title {
		font-size: 13px;
		font-weight: 700;
		color: #111;
		text-transform: uppercase;
		letter-spacing: 0.06em;
		margin-bottom: 18px;
		padding-bottom: 6px;
		border-bottom: 1px solid #ddd;
	}

	.element-card {
		background: #f9f9f9;
		border: 1px solid #e5e5e5;
		border-radius: 6px;
		padding: 18px 20px;
		margin-bottom: 14px;
	}

	.element-name {
		font-size: 13px;
		font-weight: 700;
		color: #222;
		margin-bottom: 12px;
	}

	.field-label {
		font-size: 11px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.07em;
		color: #777;
		margin-bottom: 4px;
		margin-top: 10px;
	}

	.field-label:first-of-type {
		margin-top: 0;
	}

	.field-value {
		font-size: 13px;
		color: #333;
		line-height: 1.5;
	}

	.code-block {
		background: #fff;
		border: 1px solid #ddd;
		border-radius: 4px;
		padding: 8px 12px;
		font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
		font-size: 12px;
		color: #1a1a1a;
		word-break: break-all;
		overflow-x: auto;
	}

	.preview-img {
		display: block;
		max-width: 800px;
		height: auto;
		margin-top: 6px;
		border-radius: 3px;
		background: #fff;
		border: 1px solid #e0e0e0;
		padding: 8px;
	}

}

/* IMAGES LIST */

#uploaded_images {
	overflow-x: auto;
    max-width: 100%;
}

.images-list {
	border: 1px solid #ccc;
	border-radius: 10px;
	border-collapse: separate;
	margin-top: 5px;
}

.images-list thead {
	border-bottom: 1px solid #ccc;
}

.images-list thead tr:last-child th {
    border-bottom: 1px solid #ccc;
}

.images-list th {
	padding: 5px;
	font-size: 12px;
	text-align: center;
}

.images-list td {
	padding: 2px 2px;
	border-bottom: 1px solid #ccd;
	text-align: center;
}

.images-list td.image {
	background: #f4f4f4;
}

.images-list td input.order {
	text-align: center;
	border: 1px solid #fff;
	width: 50px;
	padding: 3px;
}

.images-list td input.order:hover {
	border: 1px solid #ccc;
}

.images-list td input.order:focus {
	border: 1px solid #ccc;
	background: #eee;
}

.images-list td input,
.images-list td select {
	font-size: 14px;
	padding: 3px;
	border: 1px solid #ccc;
	border-radius: 10px;
}

.images-list td img {
	display: block;
}

.images-list td .image-rotate {
	font-size: 13px;
	color: #000;
	cursor: pointer;
}

.images-list td .image-rotate:hover {
	text-decoration: underline;
}

/* PERMISSIONS */
.permissions-container {
	padding: 10px;
	border: 1px solid #ccc;
	margin: 5px;
}

.permissions {
	font-size: 13px;
}

.permissions li {
	width: 400px;
}

.permissions li label {
	float: right;
}

.permissions ul li {
	padding-left: 10px;
	width: 390px;
}

/* CONTAINERS */
.fields-group {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.fields-group .col {
	display: table-cell;
	width: 2%;
	vertical-align: top;
}

.fields-group.cols2 .col {
	width: calc(50%);
}

/* NOTEBOOK */
.notebook {}

.notebook .notebook-title {
	padding: 23px 15px;
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	white-space: nowrap;
	list-style: none;

	transform: rotateX(180deg);
}

.notebook .notebook-title li {
	transform: rotateX(180deg);
}


/* Firefox */
.notebook .notebook-title {
	scrollbar-height: thin;
}

.notebook.hidden {
	display: none;
}

.notebook .notebook-title li {
	float: left;
	font-size: 16px;
	margin-right: 20px;
	color: #444;
	cursor: pointer;
	opacity: 0.7;
	line-height: 17px;
}

.notebook .notebook-title li.active {
	opacity: 1;
	position: relative;
}

.notebook .notebook-title li.active span:last-child {
	background: url(../images/notebook_pointer.png) no-repeat;
	width: 22px;
	height: 13px;
	position: absolute;
	top: 20px;
	display: block;
	left: 50%;
	margin-left: -11px;
}

.notebook .notebook-title li.info {
	background: url(../images/i_info.png) no-repeat left center;
	padding-left: 20px;
}

.notebook .notebook-title li.timer {
	background: url(../images/i_sand_timer.png) no-repeat left center;
	padding-left: 17px;
}

.notebook .notebook-title li.box {
	background: url(../images/i_box.png) no-repeat left center;
	padding-left: 20px;
}

.notebook .notebook-title li.screen {
	background: url(../images/i_screen.png) no-repeat left center;
	padding-left: 20px;
}

.notebook .notebook-title li.email {
	background: url(../images/i_email.png) no-repeat left center;
	padding-left: 20px;
}

.notebook .notebook-title li.google {
	background: url(../images/i_google.png) no-repeat left center;
	padding-left: 20px;
}

.notebook .notebook-title li.seo {
	background: url(../images/i_seo.png) no-repeat left center;
	padding-left: 20px;
}

.notebook .notebook-title li.clouderp {
	background: url(../images/i_clouderp.png) no-repeat left center;
	padding-left: 23px;
}

.notebook .notebook-title li.sales {
	background: url(../images/i_percent2.png) no-repeat left center;
	padding-left: 18px;
}

.notebook .notebook-title li.payments {
	background: url(../images/i_euro.png) no-repeat left center;
	padding-left: 18px;
}

.notebook .notebook-title li.import {
	background: url(../images/i_import.png) no-repeat left center;
	padding-left: 20px;
}

.notebook .notebook-title li.export {
	background: url(../images/i_export.png) no-repeat left center;
	padding-left: 20px;
}

.notebook .notebook-title li.cms {
	background: url(../images/i_cms.png) no-repeat left center;
	padding-left: 20px;
}

.notebook .notebook-title li.history {
	background: url(../images/i_history.png) no-repeat left center;
	padding-left: 20px;
}

.notebook .notebook-title li.receive {
	background: url(../images/i_receive.png) no-repeat left center;
	padding-left: 20px;
}

.notebook .notebook-title li.return {
	background: url(../images/i_exit.png) no-repeat left center;
	padding-left: 20px;
}

.notebook .notebook-title li.person {
	background: url(../images/i_person2.png) no-repeat left center;
	padding-left: 20px;
}

.notebook .notebook-title li.desktop {
	background: url(../images/i_desktop.png) no-repeat left center;
	padding-left: 20px;
}

.notebook .notebook-title li.tablet {
	background: url(../images/i_tablet.png) no-repeat left center;
	padding-left: 20px;
}

.notebook .notebook-title li.mobile {
	background: url(../images/i_mobile.png) no-repeat left center;
	padding-left: 20px;
}

.notebook .notebook-page .page {
	display: none;
	background: #fff;
	padding: 20px 40px 15px;
	border: 1px solid #E5E5E5;
	margin-top: -20px;
	border-radius: 10px;
}


.notebook .notebook-page .page:first-child {
	display: block;
}

.notebook.in-form {
	margin: -6px 6px 30px;
	padding: 20px;
	background: #f4f4f4;
}

.notebook.in-form .notebook-title li.active span {
	top: 18px;
}

.notebook.in-form.hidden {
	padding: 0;
}

.notebook-toggle {
	cursor: pointer;
}

.notebook-toggle span:before {
	translate: .2s all;
}

.notebook-toggle.open span:before {
	transform: rotate(180deg);
}

/* OTHERS */
.notebook .notebook-title:after {
	clear: both;
	line-height: 0;
	font-size: 0;
	content: ".";
}

/* LAYOUT */
.layout-grid {
	margin: 0 6px;
}

.layout-grid td {
	padding: 6px;
	border: 1px solid #ccc;
}

.layout-grid td .block {
	transition: .2s all;
	display: inline-block;
	background: #333;
	color: #fff;
	font-size: 12px;
	padding: 3px 5px;
	cursor: pointer;
	margin: 0 1px;
}

.layout-grid td .block:hover {
	background: #ccc;
	color: #333;
	cursor: grab;
}

.layout-grid tbody>tr td:first-child {
	width: 50px;
}

.layout-grid tbody>tr td {
	width: 33%;
}

.layout-grid tbody>tr td>span.active {
	background-color: #a6ce39;
	border-radius: 5px;
}

.layout-grid tbody>tr td>span:not(.active) {
	background-color: rgb(217 65 96) !important;
	box-shadow: inset #622c2c 0px 0px 5px 0px;
}

.layout-grid .layout-row-edit {
	font-size: 13px;
}

.layout-available-blocks {
	margin: 20px 5px;
}

.layout-available-blocks li {
	transition: .2s all;
	display: inline-block;
	background: #333;
	color: #fff;
	font-size: 12px;
	padding: 3px 5px;
	cursor: pointer;
	margin: 0 1px;
	border-radius: 5px;
}

.layout-available-blocks li:hover {
	background: #777;
}

/* AUCTIONS */
.auction-room-partner-form .number {
	display: block;
	text-align: center;
	font-size: 200px;
	font-weight: normal;
}

.auction-room-partner-form .message-container {
	display: none;
}

.auction-room-partner-form .message-container p {
	text-align: center;
	padding: 5px;
	color: #900;
	border: 1px solid #ccc;
}

.fields-group.licitation-form #submit_licitation,
.fields-group.licitation-form #submit_max_offer,
.fields-group.licitation-form #create_order {
	padding: 11px 13px;
}

.fields-group.licitation-form .col {
	vertical-align: middle;
}

@media only screen and (max-width: 1480px) {
	.dashboard .notebook .notebook-title li {
		padding: 14px 10px;
	}

	.dashboard .notebook .notebook-title {
		padding: 14px 5px 26px;
	}

	.dashboard .notebook .notebook-title li .icon {
		width: 45px;
  		height: 45px;
		line-height: 45px;
		margin-right: 10px;
		font-size: 30px;
	}

	.dashboard .notebook .notebook-title li .icon.icon-pages {
		font-size: 26px;
	}
}

@media only screen and (max-width: 1250px) {
	.dashboard .notebook .notebook-title li {
		width: calc(25% - 8px);
		font-size: 14px;
	}
}

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

	.dashboard .notebook .notebook-title li {
		font-size: 12px;
		font-weight: bold;
		margin-right: 5px;
		box-sizing: border-box;
	}

	.dashboard .notebook .notebook-title {
		padding: 14px 5px 26px;
	}

	.dashboard .notebook .notebook-title li {
		padding: 8px 8px;
	}

	.dashboard .notebook .notebook-title li .icon {
		width: 45px;
  		height: 45px;
		line-height: 45px;
		margin-right: 2px;
		font-size: 30px;
	}

	.dashboard .notebook .notebook-title li .icon.icon-pages {
		font-size: 26px;
	}

	.dashboard .form button {
		padding: 10px 5px;
	}

	.form .date .fa-calendar {
		display: none;
	}
}

.datetimepicker th.next i {
	background: url(/js/bootstrap-datetimepicker/arrow_right.png) no-repeat center center;
	display: block;
	width: 16px;
	height: 16px;
}

.datetimepicker th.prev i {
	background: url(/js/bootstrap-datetimepicker/arrow_left.png) no-repeat center center;
	display: block;
	width: 16px;
	height: 16px;
}

#edit-block-form .CodeMirror {
	width: calc(100% - 60px);
}

.edit-block-form-social-media-list .button-container {
	display: none !important;
}

.edit-block-form-social-media-list .field.button-1 label {
	width: 97%;
}

.edit-block-form-social-media-list .col:last-child label {
	width: calc(100% - 70px);
}

.border-controls-ui,
.width-slider-ui {
	display: flex;
	gap: 12px;
	align-items: center;
	margin: 0;
}

.border-controls-ui input[type="range"] ,
.width-slider-ui input[type="range"] {
	width: 100%;
	min-width: 100px;
}

.border-controls-ui select,
.width-slider-ui select {
	border: 0;
  	padding: 5px;
	border-radius: 5px;
}

.border-controls-ui .value,
.width-slider-ui .value {
	font-weight: 600;
}

#page-navigation-container{
	display: none;
}