@CHARSET "UTF-8";

/* CSS TO OVERRIDE SONATA ONE */
.header .logo{ background-color: #86af2d !important; }
.skin-black .sidebar{ border-bottom-color: transparent !important; }
.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side{
	background: #333 none repeat scroll 0 0 !important;
}
.login-page, .register-page{
	background-color: #000 !important;
	background-image: url('../images/back_admin.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
.login-logo a{ color: rgba(255,255,255,0.7) !important; }
.login-logo a:hover{ color: rgba(255,255,255,1) !important; }
.login-logo > a > div{ background-color: rgba(0,0,0,0.4); border-radius: 5px; padding: 15px !important; }
.login-logo img{
	width: 100% !important;
}
.skin-black .main-header > .logo{ background-color: #000 !important; }
.skin-black .sidebar > .sidebar-menu > li, .skin-black .sidebar > .sidebar-menu > li:first-of-type{
	border-bottom: 0 solid #fff;
	border-top: 1px solid #fff;
}
.btn-link, a{ color: #333 !important; }
.btn-link:hover, a:hover{ color: #000 !important; }

.box.box-primary{ border-top-color: #333 !important; }
.box.box-success{ border-top-color: #86af2d !important; }
.btn.btn-primary{ background-color: #333; border-color:  #000; }
.btn.btn-primary:hover{ background-color:  #000; }
.btn.btn-success{ background-color: #86af2d;border-color: #779B28; }
.btn.btn-success:hover{ background-color: #779B28; }

.skin-black .sidebar > .sidebar-menu > li > a:hover, .skin-black .sidebar > .sidebar-menu > li.active > a, .skin-black .sidebar-menu > li:hover > a, .skin-black .sidebar-menu > li.active > a{
	background:  #000 none repeat scroll 0 0 !important;
}
.btn-primary{ border-color: #000 !important; }
.btn-primary:hover{ background-color: #000 !important; }

.logo img{ max-width: none !important; }

.skin-black .sidebar > .sidebar-menu > li > .treeview-menu{
	margin: 0 !important;
	background:  #000 none repeat scroll 0 0 !important;
}
.skin-black .sidebar a{ color: #fff !important; }
.sidebar p{ border-top-color: #fff !important; }

/* CSS for the connection form */
.connection{ border: 2px #333 solid !important; }
.connection:before{
	content: '';
	display: block;
	width: 160px;
	height: 154px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: contain;
}
.connection .control-group label{
	float: left;
	width: 40% !important;
	font-size: 16px !important;
	line-height: 30px !important;
}
.connection .control-group .controls, .connection .form-actions{
	width: 60% !important;
	float: left !important;
	margin-bottom: 10px !important;
}
.connection .control-group .controls input{ width: 100% !important; }
.connection .form-actions{ width: 57% !important;padding: 0 !important; text-align: center; }

/* CUSTOM CSS FOR LIST AND FILTER */
.sonata-filters-box .btn-group-vertical > .btn, .sonata-filters-box .btn-group > .btn{ width: 50%; border-radius: 0 !important; }
.sonata-filters-box .col-sm-9, .sonata-filters-box .col-sm-3{ width: 100% !important; float: none !important; }
.sonata-filters-box .col-sm-9 .form-group > .control-label {
	width: 100% !important; 
	float: none !important; 
	text-align: left !important; 
	margin-bottom: 10px;
}
.sonata-filters-box .col-sm-9 .form-group > .col-sm-4 { width: 85% !important; }	
.sonata-filters-box .col-sm-3{ padding-left: 30px; padding-right: 30px; }
.sonata-filters-box .col-sm-3 .form-group .btn{ width: 50% !important; float: left; }

/* icon picker custom css */
.iconpicker-popover.popover{
	width: 320px !important;
}

/* Custom image preview */
img.admin-preview{
	max-width: 100%;
}

.locale_switcher{ margin-bottom: 10px;}
.locale_switcher img{ width:30px }
.locale_switcher .active img{ border-bottom: 5px solid black; }