@CHARSET "UTF-8";

/* CUSTOM CSS FOR LOGIN PAGE */
html, body{ height: 100%; }
.background-fruits{
	background-color: green;
	height: 100%;
	background-image: url('/bundles/app/images/back_admin.jpg');
	background-size: cover;
	background-position: center center,
}
.feature_box{
	background-color: #fff !important;
	padding: 15px;
	border-radius: 10px;
}
.appli_box{
	margin-top: 15px;
	margin-bottom: 15px;
}


tr[class^=alert-]:not(.sonata-ba-list-row-selected) a.sonata-link-identifier{
	color: white !important;
	text-decoration: underline !important;
}
tr[class^=alert-] a.sonata-link-identifier:hover{
	text-decoration: none !important;
}

.main-sidebar .sidebar .btn{
	margin-top: 10px;
	color: #222D32 !important;
	border-radius: 0 !important;
}

tr.alert-success:not(.sonata-ba-list-row-selected) a.sonata-link-identifier, 
tr.alert-warning:not(.sonata-ba-list-row-selected) a.sonata-link-identifier, 
tr.alert-danger:not(.sonata-ba-list-row-selected) a.sonata-link-identifier{
	color: white !important;
}

/* CSS TO OVERRIDE SONATA ONE */
.header .logo{ background-color: #fff !important; }
.skin-black .sidebar{ border-bottom-color: transparent !important; }
.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side{
	background: #2CB254 none repeat scroll 0 0 !important;
}
.skin-black .main-header > .logo{ background-color: #fff !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; }
a.link-green{
	color: #27A144 !important;
}

.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, .skin-black .sidebar > .sidebar-menu > li.current_ancestor > a{
	background: #333 none repeat scroll 0 0 !important;
}

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

.skin-black .sidebar-menu > li > .treeview-menu{
	margin: 0 !important;	
	background: #555 none repeat scroll 0 0 !important;
}
.skin-black .sidebar-menu > li > .treeview-menu li.active, .skin-black .sidebar-menu > li > .treeview-menu li:hover{
	background: #444 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; }

.navbar-nav > .user-menu > .dropdown-menu > li.user-header{height: auto !important; background-color: #2CB254 !important; }
.navbar-nav > .user-menu > .dropdown-menu > li.user-header p{color: #fff !important; font-weight: bold;}



.sonata-filter-form .col-sm-9,.sonata-filter-form .col-sm-3.text-center{
	width: 100% !important;
} 
.sonata-filter-form .col-sm-9 .form-group .col-sm-4 { width: 65% !important; }

.form-filters .form-group{
	margin-bottom: 5px !important;
}

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

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

/* Custom menu items */
.sidebar-menu li.current_ancestor > .treeview-menu{
	display: block;
}

.page-tree__item .fa-caret-right{
	position: static !important;
	padding-right: 10px !important;
}
/*
 * FEATURE BOX CSS
 */

.feature_box{
	margin: 15px 0;
}
.feature_box .feature_header{
	background-color: #2CB254;
	color: #fff !important;
	padding: 20px 15px;
}
.feature_box .icon{
	height: 80px !important;
	padding-bottom: 5px;
}

.feature_box h2{
	margin-top: 0px;
	margin-bottom: 0 !important;
	padding-top: 0px;
	color: #fff !important;
	text-align: center;
	font-size: 22px !important;
	font-weight: bold !important;	
	background-image: url('../images/back_white.png');
	background-repeat: no-repeat;
	background-size: 50% 2px;
	background-position: top center;
}
.feature_box .feature_content{
	padding: 15px 15px 20px 15px;
	min-height: 240px;
}
.feature_box p{
	color: #2CB254;
	font-size: 14px !important;
	font-weight: bold !important;
}
.feature_box > #observation{
	background: #FFF url('../images/observation.jpg') no-repeat 0 0;
}
.feature_box > #worldmap{
	background: #FFF url('../images/worldmap.jpg') no-repeat 0 0;
}
.feature_box > #statistic{
	background: #FFF url('../images/statistic.jpg') no-repeat 0 0;
}
.feature_box > #account{
	background: #FFF url('../images/account.jpg') no-repeat 0 0;
}
.feature_box > #plot{
	background: #FFF url('../images/plot.jpg') no-repeat 0 0;
}
.feature_box > #contact{
	color: #fff !important;
	background: #FFF url('../images/contact.jpg') no-repeat 0 0;
	background-color: rgba(0,0,0,0.8);
}


.sonata-ba-form .no-title .box-header{
	display: none !important;
}

/*
 * UPDATE DB LIST
 */
.main-sidebar .updateDB-title{
	color:white;
	font-weight:bold;
}
.main-sidebar .updateDB{
 	padding:10px;
 	background-color: white;
 	margin-right:5px;
 	margin-left:5px;
 	margin-bottom:5px;
 	border: 2px solid #e08e0b; 	
 } 
.main-sidebar .updateDB th{
   	color: #008d4c;
   	padding-right:5px;
}

/*
 * EXPORT VIEW
 */
#column_selected li .remove_column{
	margin-left: 10px;
}
#column_index li , #column_selected li{
	padding: 5px;
}
#column_selected li{
	cursor: pointer;
	min-width: 250px;
}

/*
 * UPLOAD FILES D&D
 */
.sec {
	padding: 1.5em;
 	margin-bottom: 1em;
 }                
 .sec.sec-select {
 	font-size: 2em;
 	text-align: center;
 	font-weight: 200;
 	padding: 1.5em 1em;
 	user-select: none;
 	cursor: default;        
 	transition: all 200ms ease;
 	background-color: #f7f7f7;
 	margin-top:20px;
 	
 }
.sec.sec-select.dragenter {
   	box-shadow: inset 0 0 0 10px #23aeff;
   	background-color: rgba(35, 174, 255, 0.03);
   	border-radius: 2px;
}
   
#fileList {
   	margin: 0;
   	padding-left: 0;
   	list-style: none;
}
#fileList > li {
   	padding: 1em;        
   	border-bottom: 1px solid #f0f0f0;
   	transition: all 150ms ease;        
}
   
#fileList > li .file-wrapper{
	display: flex;
}
   
#fileList > li:hover {
   	background-color: #fafafa;
   	box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.05);
}
#fileList > li > .file-wrapper .thumb-wrapper {
   	width: 4.5em;
   	height: 4.5em;
   	display: flex;
   	align-items: center;
   	border: 1px solid rgba(0,0,0,0.1);
   	padding: 3px;
   	border-radius: 2px;
   	background-color: #fafafa;
   	user-select: none;
   	cursor: default;
}
#fileList > li:hover > .file-wrapper .thumb-wrapper {
   	background-color: #fff;
}
#fileList > li > .file-wrapper .thumb-wrapper > img {
   	display: block;
   	max-width: 100%;
   	max-height: 100%;
   	height: auto;
   	margin: auto;
   	min-width: 100%;
}
#fileList > li > .file-wrapper .thumb-wrapper > .thumb-ext {
   	width: 100%;
   	text-align: center;
   	font-size: 1.4em;
   	color: #dbdbdb;
}
#fileList > li > .file-wrapper .file-info {
   	padding-left: 1em;
   	display: inline-flex;
   	flex-direction: column;
}
#fileList > li > .file-wrapper  .file-info .filename {
   	font-weight: bold;
}
#fileList > li > .file-wrapper .file-info > div + div {
   	font-size: 0.9em;        
} 

.vich-image img{
	width:100% !important;
}

.sonata-ba-list-row-selected{
	color: black !important;
}
.sonata-ba-list-row-selected td a{
	color: black !important;
}