/* Custom CSS For Gestion Hangist */
/*
#wrapper {
	background-color:#e3e3e3;
}
.content {
    padding: 16px 16px 16px 16px;
}
.panel_s .panel-body {
    background: #f3f3f3;
    border: 1px solid #c7c7c7;
    border-radius: 0px;
}
.panel_s {
	margin-bottom:10px;
}
.btn {
	border-radius:0px;
}
#menu {
	border-right: 1px solid #454545;
}
#logo {
	padding:5px 22px;
}
#logo img {
	height:45px;
}
#top_search input {
    background-color: #525252;
    height: 50px;
    margin-top: 6px;
	border: 1px solid #636363;
}
#top_search {
	width:400px;
}
.top_stats_wrapper {
    background: #fff;
	border: 1px solid #c7c7c7;
    margin-bottom: 0px;
}
.widget-dragger {
    top: -18px;
    left: 0px;
    color: #454545;
}
#side-menu li .nav-second-level a:hover {
    background-color: #d1d1d1;
}
.screen-options-btn {
    background: #3b3b3b;
    color: #e3e3e3;
    right: 0px;
}
table.dataTable thead>tr>th {
    color: #000000;
    background: #d2d2d2;
}
table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc {
    background: #e6e6e6;
}
div.dataTables_wrapper div.dataTables_length select {
    color: #000000;
}
.dataTables_length select, .uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=file], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select.form-control, textarea.form-control {
    border: 1px solid #949494;
}
.dt-buttons.btn-group .btn {
    color: #000000;
}
.btn.btn-default-dt-options {
    color: #333;
    background-color: #fff!important;
    border: 1px solid #454545!important;
}
.input-group-addon {
    border: 1px solid #454545;
    color: #454545;
}
.dataTables_filter input[type=search]::placeholder {
    color: #454545;
	font-size: 11px;
}
#top_search input[type=search]::placeholder {
    color: #eee;
    font-size: 16px;
}
.btn.btn-default {
    border: 1px solid #454545;
}
.btn-default {
    color: #454545;
    background-color: #f3f3f3;
}
.dropdown-menu {
    border-radius: 0px;
	    border-color: #e3e3e3;
}
.dropdown-menu .divider {
    height: 0px;
}
.dropdown-header {
    padding: 9px 20px;
    color: #454545;
    background-color: #eaeaea;
}
ul.search-results a {
    color: #8e8e8e;
}
.dropdown-menu>li>a:hover {
    background: #dcdcdc;
}

.btn-bottom-toolbar {
	margin: 0 0 0 -37px;
    background: #454545;
    width: calc(100% - 210px);
}
.form-control {
    border-radius: 0px;
}
.bootstrap-select .btn-default {
    border: 1px solid #949494!important;
}
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #5c5c5d;
}
#dropzoneDragArea, .dropzoneDragArea {
    background-color: #fbfdff;
    border: 1px dashed #949494;
}
.dropzone .dz-message {
    margin-top: 45px;
    color: #4c4c4c;
}
.btn-toolbar-container-out {
    margin-left: 0px;
}
.panel-full {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
table.dataTable thead>tr>th {
    border-color: #949494!important;
	border-top-left-radius:0px;
}

 modification pour espace client 

.navbar {
	margin-bottom:0px;
}
.submenu {
    margin-top: 20px;
}
.navbar-default {
    background: #353535;
}
footer {
    background: #353535;
	color:#eee;
}
.navbar a.navbar-brand img {
    width: auto;
    height: 53px;
    margin-top: -13px;
}

 Modifcation version mobile

@media only screen and (max-width: 600px) {
	.screen-options-btn {
		display: none;
	}
	.widget-dragger {
		display: none;
	}
	.mtop30 {
		margin-top:0px;
	}
	.content {
		padding: 0 0 0 0;
	}
	#header {
	height:50px;
	}
	.hide-menu {
		padding-top:13px;
	}
	.small-logo {
		height: 50px;
		padding: 2px 0px 0px 10px;
	}
	ul.mobile-icon-menu>li {
		line-height:50px;
		border-right:0px;
	}
	ul.mobile-icon-menu>li:last-child {
		border-left:0px;
	}
	.mobile-menu-toggle {
		line-height:15px;
	}
	.safari #mobile-search #top_search input {
		padding-top: 7px;
	}
	#top_search_button button {
		padding: 2px 0 5px 5px;
	}
	#top_search input {
		border:0px;
	}
	.mobile-navbar {
		top:50px;
	}
	body {
		overflow-x:hidden;
	}
	.widget {
		margin-top: -1px;
		margin-bottom: -10px;
		border-top: 12px solid #3b3b3b;
	}
	p.text-dark.text-uppercase {
		font-size: 16px;
		font-weight: 600;
		padding: 15px 0px 0px 0px;
	}
	.alert.alert-warning {
		display: none;
	}
}