/* ---REVISED BRAND STYLES--- */
#add-brand-name{
	width: auto;
}

#brand-box-container{
}

#brand-box-container .brand-box{
	width: 220px;
	height: 180px;
	
	background: #ddd;
	
	display: inline-block;
	margin: 5px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}

#brand-box-container .brand-box .brand-box-title{
	width: 100%;
	height: 24px;
	
	text-align: center;
	line-height: 24px;
	
	font-size: 14px;
	font-weight: 700;
	
	color: #000;
	border-bottom: #555 1px dashed;
}

#brand-box-container .brand-box .brand-box-title{
	
}

#brand-box-container .brand-box .brand-box-manage-actions{
	width: 100%;
	height: 129px;
	
	border-bottom: #555 1px dashed;
}

#brand-box-container .brand-box .brand-box-manage-actions .brand-box-manage-half{
	width: 50%;
	height: 100%;
	float: left;
	text-align: center;
}

#brand-box-container .brand-box .brand-box-manage-actions .brand-box-manage-half .brand-box-preview-language{
	background: #ddd;
	padding: 2px;
	border: none;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}
#brand-box-container .brand-box .brand-box-manage-actions .brand-box-manage-half .brand-box-preview-language:active,
#brand-box-container .brand-box .brand-box-manage-actions .brand-box-manage-half .brand-box-preview-language:focus{
	border: none;
	background: #999;
	color: #000;
}

#brand-box-container .brand-box .brand-box-manage-actions .brand-box-manage-half .brand-box-manage-icon{
	font-size: 75px;
	width: 100%;
	height: auto;
	color: #777;
}

#brand-box-container .brand-box .brand-box-manage-actions .brand-box-manage-half .brand-box-manage-text{
	width: 100%;
	text-align: center;
	font-size: 12px;
	color: #000;
	visibility: hidden;
}

#brand-box-container .brand-box .brand-box-manage-actions .brand-box-manage-half .manage-brand-link:hover {
	color: #3481c8;
}

#brand-box-container .brand-box .brand-box-manage-actions .brand-box-manage-half .preview-brand-link:hover {
	color: #34c842;
}

#brand-box-container .brand-box .brand-box-manage-actions .brand-box-manage-half .brand-box-manage-icon:hover + .brand-box-manage-text{
	visibility: visible;
}

#brand-box-container .brand-box .brand-box-actions{
	width: 100%;
	height: 24px;
}

#brand-box-container .brand-box .brand-box-actions .delete-brand{
	padding: 2px;
	cursor: pointer;
}

#brand-box-container .brand-box .brand-box-actions .delete-brand:hover{
	color: #c83442;
}

#brand-box-container .brand-box .brand-box-actions .brand-box-action-link{
	padding: 2px;
}

#brand-box-container .brand-box .brand-box-actions .brand-box-action-link brand-action-icon{
	
}

#brand-box-container .brand-box .brand-box-actions .brand-box-action-link .brand-box-url-link{
	width: 165px;
}

#brand-box-container .brand-box .brand-box-actions .brand-box-action-link .brand-box-url-link .brand-box-link-input{
	width: 148px;
	background: none;
	border: none;
	padding: 2px 0;
}

#brand-box-container .brand-box .brand-box-actions .brand-box-action-link:hover .brand-action-icon{
	color: #c83442;
}

#brand-box-container .brand-box .brand-box-actions .brand-box-url-link:hover .brand-box-link-extra,
#brand-box-container .brand-box .brand-box-actions .brand-box-url-link .brand-box-link-input:active + .brand-box-link-extra,
#brand-box-container .brand-box .brand-box-actions .brand-box-url-link .brand-box-link-input:focus + .brand-box-link-extra{
	display:none;
}

#brand-box-container .brand-box .brand-box-actions .brand-box-url-link .brand-box-link-input:hover ,
#brand-box-container .brand-box .brand-box-actions .brand-box-url-link .brand-box-link-input:active,
#brand-box-container .brand-box .brand-box-actions .brand-box-url-link .brand-box-link-input:focus{
	background: #fff;
	border: 1px solid #555;
	width: 100%;
}

/* manage brand page styles */
#manage-config * {
	box-sizing: border-box;
}

#manage-config{
	width: 95%;
	min-width: 1024px;

	height: 60px;
	margin: 5px auto;

	position: relative;

	border: 1px solid #000;
}

#manage-config .tile{
	width: 50%;
	height: 30px;
	float: left;
	margin: 0;
	line-height: 30px;
	position: relative;
	border-bottom: 1px solid #c0c0c0;
}

#manage-config .tile label{
	width: 100px;
	height: 30px;
	position: absolute;
	padding: 0;
	margin: 0;
}

#manage-config .tile input,
#manage-config .tile select{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 0 0 110px;
	border: none;
}

#manage-config .tile select{
	padding: 0;
}

#manage-brand-container{
	width: 95%;
	min-width: 1024px;
	
	height: 500px;
	margin: 5px auto;
	
	position: relative;
	
	border: #000 1px solid;
	
	overflow-y: scroll;
	background: #fff;
}

#manage-brand-container.fullscreen{
	width: 100%;
	height: 100%;
	
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
	border: none;
	margin: 0;
}

#manage-brand-container #controls{
	height: 50px;
	
	position: absolute;
	background: #fff;
	top:0;
	right: 0;
	z-index:97;
	
	padding: 3px;
	border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	
}

#manage-brand-container #controls .controll-button{
	width: 30px;
	height: 30px;
	
	float: left;
	margin: 0 2px;
	
	cursor: pointer;
	
	color: #000;
}

#manage-brand-container #controls .controll-button .dashicons{
	width: 100%;
	height: 100%;
	
	font-size: 30px;
}

#manage-brand-container #controls .controll-button:hover > .dashicons{
	color: #3481c8;
}

#manage-brand-container #controls .controls-text{
	width: 100%;
	text-align: center;
}

#manage-brand-container #controls #language-settings:hover ~ #current-translation{
	display: block;
}
#manage-brand-container #controls #switch-font-backend:hover ~ #font-back-end{
	display: block;
}
#manage-brand-container #controls #show-full-screen:hover ~ #fullscreen-text{
	display: block;
}

#manage-brand-container #controls #translation-select-container{
	
}

#manage-brand-container #public-manage{
	
}

#manage-brand-container #public-manage #header-wrapper{
	width: 100%;
	height: 285px;
	
	position: relative;
}


#manage-brand-container #public-manage #header-section{
	width: 960px;
	/*height: 285px;*/
	
	margin: 0 auto;
	position: relative;
}

#manage-brand-container #public-manage #header-section #title-section{
	width: 330px;
	height: 248px;
	border: #fff 3px solid;
	float: left;
}

#manage-brand-container #public-manage #header-section #title-section h1{
	background: none;
	font-size: 30px;
	font-family: times;
	
	text-align: center;
	margin-top: 80px;
}

#manage-brand-container #public-manage #header-section #title-section h2{
	background: none;
	font-size: 20px;
	font-family: times;
	
	text-align: center;
}

#manage-brand-container #public-manage #header-section #title-section .brand-input{
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
	text-align: center;
	background: transparent;
	cursor: pointer;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#manage-brand-container #public-manage #header-section #title-section .brand-input:active,
#manage-brand-container #public-manage #header-section #title-section .brand-input:focus{
	cursor: text;
	background: #fff;
	border: #555 1px solid;
	color: #777 !important;
}

#manage-brand-container #public-manage #header-section #slide-section{
	width: 620px;
	height: 248px;
	border-top: #fff 3px solid;
	border-right: #fff 3px solid;
	border-bottom: #fff 3px solid;
	float: left;
	position: relative;
	overflow: hidden;
}

#manage-brand-container #public-manage #header-section #slide-section img{
	position:absolute;
	top: 0;
	left: 0;
}


#manage-brand-container #public-manage #header-section #menu-section{
	width: 100%;
	height: 31px;
	
	clear: both;
	font-size: 14px;
}

#manage-brand-container #public-manage #header-section #menu-section #login-menu-manage{
	line-height: 31px;
	padding: 0 30px;
	float: right;
}

#manage-brand-container #public-manage #header-section #menu-section #login-menu-manage a{
	text-decoration: none;
	font-weight: bold;
	color: inherit;
}

#manage-brand-container #public-manage #header-section #menu-section #login-menu-manage a:hover{
	text-decoration: underline;
}


#manage-brand-container #public-manage #header-section #menu-section #menu-items-sort{
	list-style-type: none;
	margin: 0 12px;
}

#manage-brand-container #public-manage #header-section #menu-section #menu-items-sort li{
	display: inline;
	padding: 0px;
	list-style-type: none;
	margin: 0 3px;
	line-height: 31px;
}

#manage-brand-container #public-manage #header-section #menu-section #menu-items-sort li a{
	color: inherit;
}

#manage-brand-container #public-manage #header-section #menu-section #menu-items-sort #add-menu-button,
#manage-brand-container #public-manage #header-section #menu-section #menu-items-sort #delete-menu-box{
	cursor: pointer;
	line-height: 31px;
	color: inherit;
}

#manage-brand-container #public-manage #header-section #menu-section #menu-items-sort #delete-menu-box{
	opacity: 1;
	background: transparent;
	border: none;
}

#manage-brand-container #public-manage #header-section #menu-section #menu-items-sort li:hover{
	opacity: 1;
}


#manage-brand-container #public-manage #content-section{
	background: #FFF;
	color: #333;
	padding: 10px 20px 40px 20px;
	overflow: auto;
	width: 920px;
	margin: 1px auto;
	/*position: relative;*/
	
	box-shadow: 5px 0 8px -4px #888, -5px 0 8px -4px #888;
}

/* Style button styles */
#manage-brand-container .style,
#manage-brand-container .image,
#manage-brand-container .settings{
	position: absolute;
}

#manage-brand-container .style .style-button,
#manage-brand-container .image .image-button,
#manage-brand-container .settings .settings-button{
	padding: 2px;
	color: #fff;
	background: #555;
	
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	
	cursor: pointer;
}

#manage-brand-container .style .style-button.big,
#manage-brand-container .image .image-button.big,
#manage-brand-container .settings .settings-button.big{
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
}

#manage-brand-container .style .style-button.medium,
#manage-brand-container .image .image-button.medium,
#manage-brand-container .settings .settings-button.medium{
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 19px;
}

#manage-brand-container .style .style-button.small,
#manage-brand-container .image .image-button.small,
#manage-brand-container .settings .settings-button.small{
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 16px;    
}

#manage-brand-container .style .button-text,
#manage-brand-container .image .button-text,
#manage-brand-container .settings .button-text{
	position: absolute;
	padding: 2px;
	background: #000;
	color: #fff;
	font-size: 10px;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	cursor: default;
}

#manage-brand-container .style .style-button:hover,
#manage-brand-container .image .image-button:hover,
#manage-brand-container .settings .settings-button:hover{
	color: #55f089;
	background: #000;
}

#manage-brand-container .style .style-button:hover ~ .button-text,
#manage-brand-container .image .image-button:hover ~ .button-text,
#manage-brand-container .settings .settings-button:hover ~ .button-text{
	display: block;
}
#manage-brand-container .style .button-text:hover,
#manage-brand-container .image .button-text:hover,
#manage-brand-container .settings .button-text:hover{
	display:block;
}
#manage-brand-container .style .button-text:hover ~ .style-button,
#manage-brand-container .image .button-text:hover ~ .image-button,
#manage-brand-container .settings .button-text:hover ~ .settings-button{
	color: #55f089;
	background: #000;
}

#manage-brand-container .style .style-button.active,
#manage-brand-container .image .image-button.active,
#manage-brand-container .settings .settings-button.active{
	color: #5955f0;
	background: #000;
}

#manage-brand-container .style .style-button.active ~ .button-text,
#manage-brand-container .image .image-button.active ~ .button-text,
#manage-brand-container .settings .settings-button.active ~ .button-text{
	display: none;
}

#manage-brand-container .settings .slider-input{
	position: absolute;
	right: -110px;
	top: 10px;

	width: 100px;
}

#manage-brand-container .style .style-color{
	position: absolute;
	z-index: 98;
}

#manage-brand-container .image .image_manager{
	width: 160px;
	height: 70px;
	
	background: #000;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	position: absolute;
	z-index: 98;
}

#manage-brand-container .image .image_manager .operation{
	width: 50px;
	height: 50px;

	font-size: 50px;
	color: #aaa;
	cursor: pointer;
	
	position: relative;
}

#manage-brand-container .image .image_manager .icon-text{
	color: #fff;
	width: 100%;
	height: 10px;
	text-align: center;
	line-height: 10px;
	padding: 5px;
}

#manage-brand-container .image .image_manager .operation:hover{
	color: #fff;
}

#manage-brand-container .image .image_manager #delete:hover{
	color: #c83442;
}

#manage-brand-container .image .image_manager #preview:hover ~ #preview-text{
	display: block;
}

#manage-brand-container .image .image_manager #upload:hover ~ #upload-text{
	display: block;
}

#manage-brand-container .image .image_manager #delete:hover ~ #delete-text{
	display: block;
}

/* Position Style/Image Buttons */
#manage-brand-container #header-style{
	
}
#manage-brand-container #header-image{
	left: 37px;
}

#manage-brand-container #title-background-style{
	top: 0;
}

#manage-brand-container #title-image{
	top: 0;
	left: 39px;
}

#manage-brand-container #title-style{
	top: 50px;
	left: 300px;
}

#manage-brand-container #slogan-style{
	top: 170px;
	left: 300px;
}

#manage-brand-container #menu-style{
	top: 217px;
	left: 500px;
}

#manage-brand-container #menu-image {
	top: 217px;
	left: 534px;
}

#manage-brand-container #login-style{
	top: 255px;
	left: 100%;
}

#manage-brand-container #menu-item-style{
	top: 255px;
	left: -25px;
}

#manage-brand-container #slide-image{
	left: 65%;
	top: 95px;
}

/* Style container positions */
#manage-brand-container .style .bottom-left-item + .style-color{
	top: 30px;
	left: -165px;
}
#manage-brand-container .style .bottom-right-item + .style-color{
	top: 30px;
	left: 0;
}
#manage-brand-container .style .top-left-item + .style-color{
	top: -220px;
	left: -165px;
}
#manage-brand-container .style .top-right-item + .style-color{
	top: -220px;
}
#manage-brand-container .style .right-item + .style-color{
	left: 30px;
}
#manage-brand-container .style .left-item + .style-color{
	left: -195px;
}

/* New Menu Item input styles */
#manage-brand-container #public-manage #header-section #menu-section #add-new-menu-item-container{
	display: none;
	
	width: 250px;
	height: 30px;
	background: #555;
	padding: 5px;

	border: #000 1px solid;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#manage-brand-container #public-manage #header-section #menu-section #add-new-menu-item-container #new-menu-name{
	width: 175px;
}

#manage-brand-container #public-manage #header-section #menu-section #add-new-menu-item-container #save-new-menu-item{
	background: #FFF;
	border: none;

	color: #000;
	text-shadow: none;

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* Manage Slide Styles */
#brand-image-preview{
	width: 620px;
	height: 248px;
	
	border: #555 1px solid;
	
	margin: 0 auto;
	overflow: hidden;
}

#brand-image-thumbs{
	width: 620px;
	margin: 15px auto;
}

#brand-image-thumbs ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#brand-image-thumbs ul li{
	display: inline-block;
	margin: 2px;
	
	width: 118px;
	height: 45px;
		
	border: #555 1px solid;
	overflow: hidden;
	
	cursor: pointer
}

#brand-image-thumbs ul li img{
	width: inherit;
	height: inherit;
}

#brand-image-thumbs ul li.new-item{
	opacity: .8;
}

#brand-image-thumbs ul li.preview-item .dashicons{
	width: inherit;
	height: inherit;
	
	font-size: 46px;
	text-align: center;
	vertical-align: middle;
}

#brand-image-thumbs ul li#add-upload-li-item:hover{
	opacity: 1;
}

#brand-image-thumbs ul li #add-image-upload{
	cursor: pointer;
}

#brand-image-thumbs ul li #add-image-upload:hover{
	color: #5955F0;
}

#slide-controls{
	width: 620px;
	height: 50px;
	
	margin: 5px auto;
}

#slide-controls div{
	width: 305px;
	height: 100%;

	display: inline-block;
	text-align: center;
	line-height: 50px;
	cursor: pointer;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#slide-controls #submit-uploads{
	background: #376B35;
	color: #fff;
	
	font-size: 18px;
}

#slide-controls #delete-slide{
	background: #777;
	color: #ccc;
	
	font-size: 50px;
}

#slide-controls #submit-uploads:hover{
	width: 490px;
}
#slide-controls #submit-uploads:hover ~ #delete-slide{
	width: 120px;
}

/* View Styles */
#container #home-header-wrapper,
#frontend-preview #preview-header-wrapper{ 
	width: 100%;
	height: 285px;
}

#container #home-header-wrapper #header-section,
#frontend-preview #preview-header-wrapper #preview-header-section{
	width: 960px;    
	margin: 0 auto;
}

#container #home-header-wrapper #header-section #title-section,
#frontend-preview #preview-header-wrapper #preview-header-section #preview-title-section{
	width: 330px;
	height: 248px;
	border: #fff 3px solid;
	float: left;
}

#container #home-header-wrapper #header-section #title-section h1,
#frontend-preview #preview-header-wrapper #preview-header-section #preview-title-section h1{
	background: none;
	font-size: 30px;
	font-family: times;
	
	text-align: center;
	margin-top: 80px;
}

#container #home-header-wrapper #header-section #title-section h2,
#frontend-preview #preview-header-wrapper #preview-header-section #preview-title-section h2{
	background: none;
	font-size: 20px;
	font-family: times;
	
	text-align: center;
}

#container #home-header-wrapper #header-section #slide-section,
#frontend-preview #preview-header-wrapper #preview-header-section #preview-slide-section{
	width: 620px;
	height: 248px;
	border-top: #fff 3px solid;
	border-right: #fff 3px solid;
	border-bottom: #fff 3px solid;
	float: left;
	position: relative;
	overflow: hidden;
}

#container #home-header-wrapper #header-section #menu-section,
#frontend-preview #preview-header-wrapper #preview-header-section #preview-menu-section{
	width: 100%;
	height: 31px;
	
	clear: both;
	font-size: 14px;
}

#container #header-section #menu-section #login-menu,
#frontend-preview #preview-header-wrapper #preview-header-section #preview-menu-section #preview-login-menu{
	line-height: 31px;
	padding: 0 30px;
	float: right;
}    

#container #header-section #menu-section #login-menu a,
#frontend-preview #preview-header-wrapper #preview-header-section #preview-menu-section #preview-login-menu a{
	text-decoration: none;
	font-weight: bold;
	color: inherit;
}

#container #header-section #menu-section #login-menu a:hover,
#frontend-preview #preview-header-wrapper #preview-header-section #preview-menu-section #preview-login-menu a:hover{
	text-decoration: underline;
}

#container #header-section #menu-section #menu-items,
#frontend-preview #preview-header-wrapper #preview-header-section #preview-menu-section #preview-menu-items,
#container #backend-header-section #backend-menu-section #menu-items,
#backend-preview #backend-preview-header-section #backend-preview-menu-section #backend-preview-menu-items{
	height: 31px;
	list-style-type: none;
	margin: 0 12px;
}

#container #header-section #menu-section #menu-items li,
#frontend-preview #preview-header-wrapper #preview-header-section #preview-menu-section #preview-menu-items li,
#container #backend-header-section #backend-menu-section #menu-items li,
#backend-preview #backend-preview-header-section #backend-preview-menu-section #backend-preview-menu-items li{
	height: 31px;
	display: inline-block;
	padding: 0px;
	list-style-type: none;
	margin: 0 3px;
	line-height: 31px;
}

#container #header-section #menu-section #menu-items li a,
#frontend-preview #preview-header-wrapper #preview-header-section #preview-menu-section #preview-menu-items li a{
	color: inherit;
}

#container #content-section,
#frontend-preview #preview-content-section{
	background: #FFF;
	color: #333;
	padding: 10px 20px 40px 20px;
	overflow: auto;
	width: 920px;
	margin: 1px auto;
	
	box-shadow: 5px 0 8px -4px #888, -5px 0 8px -4px #888;
}

.backend-body{
	background: none;
}

#container #backend-header-section,
#backend-preview #backend-preview-header-section{
	min-width: 1024px;
	width: 100%;
}

#container #backend-header-section #backend-menu-section,
#backend-preview #backend-preview-header-section #backend-preview-menu-section{
	height: 31px;
	line-height: 31px;
	width: 100%;
}

#container #backend-header-section #backend-menu-section #login-menu,
#backend-preview #backend-preview-header-section #backend-preview-menu-section #backend-preview-login-menu{
	padding: 0px 30px;
	float: right;
}

#container #backend-header-section #backend-menu-section #login-menu a,
#backend-preview #backend-preview-header-section #backend-preview-menu-section #backend-preview-login-menu a{
	text-decoration: none;
	font-weight: bold;
	color: inherit;
}

#container #backend-header-section #backend-menu-section #login-menu a:hover,
#backend-preview #backend-preview-header-section #backend-preview-menu-section #backend-preview-login-menu a:hover{
	text-decoration: underline;
}
/*
#container #backend-header-section #backend-menu-section #menu-items,
#backend-preview #backend-preview-header-section #backend-preview-menu-section #backend-preview-menu-items{
	list-style: none;
}

#container #backend-header-section #backend-menu-section #menu-items li,
#backend-preview #backend-preview-header-section #backend-preview-menu-section #backend-preview-menu-items li{
	display: inline;
	padding: 0px;
	list-style-type: none;
	margin: 0 3px;
	line-height: 31px;
}*/

#container #backend-header-section #backend-menu-section #menu-items li a,
#backend-preview #backend-preview-header-section #backend-preview-menu-section #backend-preview-menu-items li a{
	color: inherit;
}


/* Backend Manage Styles */
#manage-brand-container #backend-manage{
	/*border-top: #376B35 25px solid;*/
	display: none;
}

#manage-brand-container #backend-manage.active-manage{
	border: none;
}

#manage-brand-container #backend-manage #backend-header-section-manage{
	min-width: 1024px;
	width: 100%;
}

#manage-brand-container #backend-manage #backend-header-section-manage #backend-menu-section-manage{
	height: 31px;
	line-height: 31px;
	width: 100%;
	
	font-size: 14px;
}

#manage-brand-container #backend-manage #backend-header-section-manage #backend-menu-section-manage #backend-login-menu-manage{
	padding: 0px 30px;
	float: right;
}

#manage-brand-container #backend-manage #backend-header-section-manage #backend-menu-section-manage #backend-login-menu-manage a{
	color: inherit;
}

#manage-brand-container #backend-manage #backend-header-section-manage #backend-menu-section-manage #backend-menu-items-manage{
	list-style: none;
}

#manage-brand-container #backend-manage #backend-header-section-manage #backend-menu-section-manage #backend-menu-items-manage li{
	display: inline;
	padding: 0px;
	list-style-type: none;
	margin: 0 3px;
}

#manage-brand-container #backend-manage #backend-header-section-manage #backend-menu-section-manage #backend-menu-items-manage li a{
	color: inherit;
}

#manage-brand-container #backend-manage #backend-header-section-manage #backend-menu-section-manage #backend-menu-items-manage #manage-select-farm input{
	padding: 2px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* Backend style/image button positions */
#manage-brand-container #backend-menu-style{
	left: 30%;
	top: 33px;
}

#manage-brand-container #backend-menu-image{
	left: 35%;
	top: 33px;
}

#manage-brand-container #backend-menu-item-style{
	top: 33px;
}

#manage-brand-container #backend-login-style{
	left: 80%;
	top: 33px;
}

/* Brand Tutorial Styles */
#brand-tutorial{
	position: absolute;
	background: #FFF;
	border: 1px solid #000;
	top: 0;
	width: 350px;
	height: 400px;
	overflow-y: scroll;
}

#brand-tutorial .help-section{
	padding: 4px;
	
	border-bottom: #444 1px dashed;
}

#brand-tutorial .help-section:last-child{
	border: none;
}

#brand-tutorial .help-section .help-icon{
	text-decoration: underline;
	
	padding: 0 2px;
	margin-bottom: 4px;
}

#bran-tutorial .help-section .bold-item{
	font-weight: bold;
}

#toggle-tutorial{
	color: #000;
	font-size: inherit;
	cursor: pointer;
}

#brands-image-preview{
	margin: 50px 10px;
}

#preview-controls #switch-preview{
	width: 30px;
	height: 30px;
	font-size: 30px;
	cursor: pointer;
} 

#preview-controls #switch-preview:hover{
	color: #3481c8;
}

#preview-controls #switch-text{
	font-size: 14px;
	line-height: 30px;
}


/*---New Login Styles---*/
html,body.brand-body{
	width: 100%;
	height: 100%;
}

.manage-brand-container *,
body.brand-body *{
	box-sizing: border-box;
}

.manage-brand-container .brand-wrapper,
.brand-body .brand-wrapper{
	width: 100%;
	height: 100%;

	background-size: cover;
}

.brand-wrapper .brand-content{
	width: 100%;
	height: 100%;

	overflow: auto;
	padding: 10px;

	position: relative;
}

.brand-wrapper .brand-content form{
	margin: 0;
	padding: 0;

	width: 100%;
	height: 100%;
}

.brand-content .brand-title-box{
	width: 300px;
	height: 200px;

	margin: 0 auto;

	position: relative;
}

.brand-content .brand-title-box .brand-title{
	position: absolute;
	top: 70px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 25px;
	text-align: center;
}

.brand-content .brand-title-box .brand-slogan{
	position: absolute;
	top: 100px;

	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	text-align: center;
}

.brand-content .brand-title-box .brand-title input,
.brand-content .brand-title-box .brand-slogan input,
.brand-content #loose-login input{
	width: 100%;
	height: 100%;

	background-color: transparent;
	border: none;
	outline: none;
	text-align: center;

	cursor: pointer;

	font-size: inherit;

	padding: 1px;
}

.brand-content .brand-title-box .brand-title input:active,
.brand-content .brand-title-box .brand-title input:focus,
.brand-content .brand-title-box .brand-slogan input:active,
.brand-content .brand-title-box .brand-slogan input:focus,
.brand-content #loose-login input:active,
.brand-content #loose-login input:focus{
	background-color: #fff;
	border-radius: 3px;
	outline: none;
	color: #000 !important;
	cursor: text;
}


.brand-content #brand-login-box{
	width: 300px;
	height: auto;

	margin: 0 auto;

	padding: 20px;

	background-color: #a0a0a0;

	position: relative;
}

.brand-content #brand-login-box input,
.brand-content #brand-login-box select{
	width: 100%;
	/*height: auto;*/
	height: 32px;

	font-size: 15px;

	padding: 7px;
	margin: 5px 0;

	border: none;
	box-shadow: 0px 5px 5px -3px #3c3c3c;
}

.brand-content #brand-login-box input:active,
.brand-content #brand-login-box input:focus{
	border: none;
	outline: none;
}

.brand-content #brand-login-box .language-row{
	width: 100%;
	height: auto;

	margin: 5px 0;
}

.brand-content #brand-login-box .language-row > *{
	margin: 0;
	float: left;
	clear: none;
}

.brand-content #brand-login-box .language-row .language-flag{
	width: 32px;
	height: 32px;
	margin-right: 5px;
}

.brand-content #brand-login-box .language-row .language-dropdown{
	width: calc(100% - 37px);
	height: 32px;
}

.brand-content #brand-login-box .form-submit{
	width: 100%;

	border-radius: 0;
	background-color: #c3c3c3;
	border: none;

	cursor: pointer;
	color: #000;
	text-shadow: none;
	font-weight: bold;

	box-shadow: none;
}

.brand-content #brand-login-box .form-submit:hover{
	box-shadow: 0px 5px 5px -3px #3c3c3c;
}

.brand-content #brand-login-box .form-submit:active,
.brand-content #brand-login-box .form-submit:focus{
	border: none;
	box-shadow: none;
}


.brand-content #brand-login-box .forgot-password-link{
	font-size: 10px;
	text-decoration: none;
}

.brand-content #brand-login-box .forgot-password-link:hover{
	color: inherit;
}

/*__Manage Login Style/Image Positions__*/
.brand-wrapper #brand-wrapper-style{
	top: 50%;
}

.brand-wrapper #brand-wrapper-image{
	top: 50%;
	left: 50px;
}

.brand-wrapper #brand-title-box-style{
	
}

.brand-wrapper #brand-title-box-image{
	left: 35px;
}

.brand-wrapper #title-style{
	left: 270px !important;
	top: 45px !important;
}

.brand-wrapper #slogan-style{
	left: 270px !important;
	top: 125px !important;	
}

.brand-wrapper #login-box-style{
	top: 0;
	left: 0;
}

.brand-wrapper #login-input-background-style{
	left: 250px;
	top: 50px;	
}

.brand-wrapper #login-input-style{
	left: 220px;
	top: 50px;
}

.brand-wrapper #login-submit-background-style{
	top: 112px;
	left: 45px;
}

.brand-wrapper #login-submit-style{
	top: 112px;
	left: 15px;
}

.brand-wrapper #box-corners{
	bottom: 0px;
	right: -25px;
}

.brand-wrapper #input-corners{
	top: 50%;
	left: 80%;
}

.manage-brand-container .control-button{
	position: absolute;
	top: 5px;
	right: 5px;

	width: 50px;
	height: 50px;

	padding: 2px;

	border-radius: 100%;
	cursor: pointer;

	z-index: 1;

	transition: background-color 0.3s ease;
}

.manage-brand-container .control-button .dashicons{
	width: 100%;
	height: 100%;
	line-height: 48px;
	font-size: 32px;
	transition: color 0.3s ease;
}

.manage-brand-container .control-button:hover{
	background-color: #000;
}

.manage-brand-container .control-button:hover > .dashicons{
	color: #fff;
}

.return-url{
	box-sizing: border-box;
	height: 30px;
	margin: 5px 0;
}

.return-url *{
	box-sizing: border-box;
}

.return-url label{
	height: 100%;
	line-height: 30px;
}

.return-url .url-input{
	height: 100%;
	width: 50%;
}

.brand-content #loose-login{
	display: block;

	width: 300px;
	height: 30px;

	margin: 6px auto;

	text-decoration: none;
}

.brand-content #loose-login.ui-draggable{
	position: relative;
}

.brand-content #loose-login.middle{

}


.brand-content #loose-login.top-left,
.brand-content #loose-login.top-right,
.brand-content #loose-login.bottom-left,
.brand-content #loose-login.bottom-right,
.brand-content .drop-area.top-left,
.brand-content .drop-area.top-right,
.brand-content .drop-area.bottom-left,
.brand-content .drop-area.bottom-right{
	position: absolute;
	width: auto;
	height: 30px;
	margin: 0;
	padding-right: 5px;
}


.brand-content #loose-login.top-left .link-text,
.brand-content #loose-login.top-right .link-text,
.brand-content #loose-login.bottom-left .link-text,
.brand-content #loose-login.bottom-right .link-text{
	width: auto;
}

.brand-content .drop-area.middle{
	width: 300px;
	height: 30px;
	margin: 6px auto;
}

.brand-content .drop-area.accepting{
	width: 300px;
	border: 1px solid #fff;
	background-color: rgba(255, 255, 255, 0.5);
}

.brand-content #loose-login.top-left,
.brand-content #loose-login.top-right,
.brand-content .drop-area.top-left,
.brand-content .drop-area.top-right{
	top: 10px;
}

.brand-content #loose-login.bottom-left,
.brand-content #loose-login.bottom-right,
.brand-content .drop-area.bottom-left,
.brand-content .drop-area.bottom-right{
	bottom: 10px;
}

.brand-content #loose-login.top-right,
.brand-content #loose-login.bottom-right,
.brand-content .drop-area.top-right,
.brand-content .drop-area.bottom-right{
	right: 10px;
}

.brand-content #loose-login.top-left,
.brand-content #loose-login.bottom-left,
.brand-content .drop-area.top-left,
.brand-content .drop-area.bottom-left{
	left: 10px;
}

.brand-content #loose-login .dashicons{
	width: 30px;
}

.brand-content #loose-login .link-text{
	width: 270px;
	overflow: hidden;
}

.brand-content #loose-login div{
	display: inline-block;
	height: 30px;
	line-height: 30px;
}

.brand-content #loose-login input{
	text-align: left;
	color: inherit;
}

.brand-content #brand-login-box form .form-heading{
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: bold;
}

/* STYLES FOR RESET AND FORGOT PASSWORD FORMS */
#forgot-password-form.off,
#reset-password-form.off,
#login-form.off{
	display: none;
}

/* STYLES FOR CAKEPHP MESSAGE ON BRANDS LOGIN PAGE */
.brand-content .message{
	position: fixed;
	width: 100%;
	height: 55px;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0 10px;
	line-height: 55px;
	text-align: center;
	background-color: #A94141;	
}

#manage-config{

}

#loading_wait_processing{
	display: none;
	margin-left: 240px !important;
}