/* ========================================================
*
* Infogerant - Responsive Administration
*
* ========================================================
*
* File: main.css
* Description: General styles
*
* ======================================================== */

.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
/* # General styles
================================================== */
* {
outline: none !important;
}
html,
body {
height: 100%;
}
body {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #555555;
font-size: 13px;
}

.text-center {
text-align: center!important;	
}
.nomargin-bot {
margin-bottom: 5px!important;
}

/* # Layout
================================================== */
.container {
width: 100%!important;
padding: 0 20px;
}
.row-no-margin {
margin-left: 0 !important;
margin-right: 0 !important;
}
.col-no-margin {
margin-left: -15px !important;
margin-right: -15px !important;
}
#container {
position: relative;
height: 100%;
}
#container.fixed-header {
margin-top: 52px;
}
#container > #content > .container {
float: left;
width: 100%;
}
#content {
background: #fff;
margin-left: 250px;
overflow: visible;
padding-bottom: 30px;
min-height: 100%;
}
#content > .wrapper {
-webkit-transition: margin ease-in-out 0.1s;
-moz-transition: margin ease-in-out 0.1s;
-o-transition: margin ease-in-out 0.1s;
transition: margin ease-in-out 0.1s;
position: relative;
}
.sidebar-closed > #content {
margin-left: 0;
}
/* * * * * * * * * * * *
* Page Header
* * * * * * * * * * * */
.page-header {
border: 0;
margin: 0;
*zoom: 1;
}
.page-header:before,
.page-header:after {
display: table;
content: "";
line-height: 0;
}
.page-header:after {
clear: both;
}
.page-title {
float: left;
padding:10px 0;
}
.page-title h3 {
margin: 0;
margin-bottom: 10px;
color: #555555;
font-weight: 400;
font-size: 20px;
}
.page-title span {
display: block;
font-size: 11px;
color: #888888;
font-weight: normal;
}
.page-stats {
float: right;
padding: 25px 0;
margin-left: 0;
list-style: none;
}
.page-stats li {
float: left;
display: block;
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #d9d9d9;
}
.page-stats li:first-child {
border: 0;
}
.page-stats li .summary {
float: left;
margin-right: 18px;
}
.page-stats li .summary span {
color: #888888;
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
}
.page-stats li .summary h3 {
color: #555555;
margin: 0;
font-size: 20px;
line-height: 20px;
font-weight: 600;
}
.page-stats li .graph {
float: right;
}
.page-stats li .sparkline {
margin-top: 4px;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
margin: 0 auto;
}
.align-right {
text-align: right;
}
/* * * * * * * * * * * *
* General
* * * * * * * * * * * */
.full-width-fix {
width: 100% !important;
}
.row-bg {
background-color: #f9f9f9;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
margin: 0 -20px !important;
margin-bottom: 25px !important;
padding-left: 5px;
padding-right: 5px;
padding-top: 25px;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15) inset;
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15) inset;
}
.hide-default {
display: none;
}
/* * * * * * * * * * * *
* Padding Fixes
* * * * * * * * * * * */
/* 5px */
.padding-top-5px {
padding-top: 5px;
}
.padding-bottom-5px {
padding-bottom: 5px;
}
.padding-left-5px {
padding-left: 5px;
}
.padding-right-5px {
padding-right: 5px;
}
/* 10px */
.padding-top-10px {
padding-top: 10px;
}
.padding-bottom-10px {
padding-bottom: 10px;
}
.padding-left-10px {
padding-left: 10px;
}
.padding-right-10px {
padding-right: 10px;
}
/* * * * * * * * * * * *
* Margin Fixes
* * * * * * * * * * * */
.margin-top-0px {
margin-top: 0;
}
/* * * * * * * * * * * *
* Spacings
* * * * * * * * * * * */
.spacing-10px {
display: block;
padding-top: 10px;
}
/* # Typography
================================================== */
/* * * * * * * * * * * *
* Headlines
* * * * * * * * * * * */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-weight: 300;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h2 {
font-size: 25px;
}
h3 {
font-size: 18px;
}

h1 a,h1 a:hover {
text-decoration:none;
}
.subtitle {
display: block;
padding-bottom: 5px;
font-weight: 600;
}
.widget-content + h1 {
margin-top: 0;
}
/* * * * * * * * * * * *
* Links
* * * * * * * * * * * */
a {
color: #4d7496;
}
a:hover {
color: #4d7496;
}
/* * * * * * * * * * * *
* Text Colors
* * * * * * * * * * * */
span.blue {
color: #54728c;
}
span.green {
color: #94b86e;
}
span.red {
color: #e25856;
}
/* # Header
================================================== */
.header {
z-index: 10030;
}
.navbar {
background: #324093;
min-height: 52px;
filter: none;
top: 0;
right: 0;
left: 0;
z-index: 1030;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.navbar > .container {
padding-left: 20px;
padding-right: 20px;
}
.navbar-right {
float: right !important;
}
.navbar-left {
float: left !important;
}
.navbar-text {
line-height: 50px;
color: #ffffff;
}
.navbar {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.navbar .navbar-brand {
padding: 0;
line-height: 49px;
color: #ffffff;
text-shadow: 0 1px 0 #000000;
font-size: 18px;
text-overflow: ellipsis;
white-space: nowrap;
overflow-x: hidden;
text-align: right;
padding-right: 70px;
max-width: none;
margin-left: 0 !important;
margin-right: 0;
}
.navbar .toggle-sidebar {
float: left;
height: 52px;
margin-left: -20px;
display: inline-block;
position: relative;
color: #ffffff;
padding: 14px;
font-size: 15px;
text-decoration: none;
}
.navbar .toggle-sidebar:hover {
background: #4b60a9;
}
.navbar .navbar-nav {
padding-top: 0;
padding-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.navbar .navbar-nav > li > a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.navbar .divider-vertical {
height: 48px;
border-left: 1px solid #4b60a9;
border-right: 1px solid #ffffff;
}
.navbar .nav > li {
line-height: 28px;
height: 52px;
}
.navbar .nav > li.nav-toggle {
display: none;
}
.navbar .nav > li:active,
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle,
.navbar .toggle-sidebar:active {
color: #fff;
background: #4b60a9;
-webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.25) inset, -1px 0 0 rgba(0, 0, 0, 0.25) inset;
-moz-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.25) inset, -1px 0 0 rgba(0, 0, 0, 0.25) inset;
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.25) inset, -1px 0 0 rgba(0, 0, 0, 0.25) inset;
}
.navbar .nav > li > a {
color: #ffffff;
height: 52px;
font-size: 14px;
padding-top: 14px;
padding-bottom: 14px;
padding-left: 15px;
padding-right: 15px;
}
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
color: #ffffff;
background: #4b60a9;
}
.navbar .nav > li > a > span {
padding-left: 5px;
}
.navbar .nav > li > a .badge {
position: absolute;
font-size: 10px;
font-weight: 300;
top: 8px;
right: 8px;
text-align: center;
height: 14px;
background-color: #BE4141;
background-color: rgba(219, 45, 42, 0.8);
padding: 2px 4px;
text-shadow: none;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color:#282828;
	border-color: none;
}


/* # Dropdowns
================================================== */
.navbar .dropdown-menu {
position: absolute !important;
float: left !important;
background-color: #fff !important;
border: 1px solid #ccc !important;
border: 1px solid rgba(0, 0, 0, 0.15) !important;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
right: 0;
left: auto;
}
.navbar .dropdown-toggle i.small {
font-size: 10px;
}
.dropdown-menu {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
font-size: 13px;
text-align: left;
}
.dropdown-menu > li > a > i,
.dropdown-menu > li > i {
margin-right: 5px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
background: #4b60a9;
filter: none;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
background-color: #4b60a9;
}
.btn-group > .dropdown-menu,
.btn-group > .popover {
font-size: 13px;
}
.btn-group > .btn {
font-size: 13px;
}
.btn-group > .btn-lg {
font-size: 14px;
}
.btn-group > .btn-sm {
font-size: 12px;
}
.btn-group > .btn-xs {
font-size: 11px;
}

/* * * * * * * * * * * *
* Drop-menu
* * * * * * * * * * * */
.dropdown-menu.extended {
min-width:180px;
max-width:450px;
width:450px;
padding: 0;
}
.dropdown-menu.extended li {
border-bottom: 1px solid #e6e6e6;
}
.dropdown-menu.extended li:last-child,
.dropdown-menu.extended li.title {
border-bottom: none;
}
.dropdown-menu.extended li.footer {
text-align: center;
}
.dropdown-menu.extended li.footer a {
background-color: #f9f9f9;
color: #6f6f6f;
padding: 8px;
}
.dropdown-menu.extended li.footer a:hover {
background-color: #4d7496;
color: #fff;
}
.dropdown-menu.extended li p {
padding: 6px 15px;
background-color: #334d63;
margin: 0px;
font-size: 13px;
font-weight: 600;
color: #fff;
}
.dropdown-menu.extended li a {
font-size: 12px;
padding: 10px;
white-space: normal;
}
.dropdown-menu.extended li a:hover .time,
.dropdown-menu.extended li a:hover .task .percent {
color: #fff;
}
.dropdown-menu.extended li .message {
padding: 7px;
}
.dropdown-menu.extended li .time {
font-weight: 300;
position: absolute;
right: 5px;
color: #adadad;
font-size: 11px;
padding-top: 3px;
}
.dropdown-menu.extended li .label {
padding: 7px;
width: 24px;
text-align: center;
display: inline-block;
}
.dropdown-menu.extended li .task .percent {
float: right;
display: inline-block;
color: #adadad;
font-size: 11px;
}
.dropdown-menu.extended li .progress {
margin: 5px 0;
}
.dropdown-menu.extended li .photo img {
float: left;
height: 40px;
width: 40px;
margin-right: 6px;
}
.dropdown-menu.extended li .subject {
display: block;
}
.dropdown-menu.extended li .subject .from {
font-size: 13px;
font-weight: 600;
}
.dropdown-menu.extended li .text {
display: block;
white-space: normal;
font-size: 12px;
line-height: 20px;
padding-top: 1px;
}

/* # Sidebar & Navigation
================================================== */
#sidebar {
width: 250px;
position: absolute;
left: 0;
bottom: 0;
background: #222d32;
height: 100%;
z-index: 700;
}
#sidebar * {
overflow-x: hidden;
overflow-y: visible;
white-space: nowrap;
text-overflow: ellipsis;
}
#sidebar #sidebar-content {
float: left;
width: 100% !important;
}
#sidebar #divider {
background: #ececec;
min-height: 100%;
position: absolute;
margin-left: 250px;
right: -1px;
width: 8px;
border-left: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1;
}
#sidebar .resizeable {
cursor: col-resize;
background: url(../img/sidebar/sidebar-divider-dots.png) 2px 50% no-repeat #ececec !important;
}
#sidebar .slimScrollDiv {
float: left !important;
width: 100% !important;
}
#sidebar .slimScrollBar {
width: 5px !important;
background-color: #878787 !important;
right: 0px !important;
border-left: 1px solid #555555;
border-right: 1px solid #555555;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

#sidebar .sidebar-search {
margin: 15px;
margin-right: 23px;
}
#sidebar .sidebar-search .input-box {
border-bottom: 1px solid #d9d9d9 !important;
padding-bottom: 2px;
}
#sidebar .sidebar-search span {
display: block;
overflow: hidden;
}
#sidebar .sidebar-search input {
width: 100%;
}

#sidebar .sidebar-search .submit {
margin: 0;
border: 0;
box-shadow: none;
color: #555555;
background:none;
}
#sidebar .sidebar-search .submit {
display: block;
float: right;
}
#sidebar .sidebar-search .submit:hover,
#sidebar .sidebar-search .submit:focus {
opacity: 1.0;
}
#sidebar .sidebar-search-results {
background-color: #ececec;
padding: 10px;
border-top: 1px solid #b9b9b9;
border-bottom: 1px solid #dfdfdf;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
display: none;
}
#sidebar .sidebar-search-results.open {
display: block;
}
#sidebar .sidebar-search-results .close {
position: relative;
top: -2px;
right: 10px;
font-size: 11px;
line-height: 25px;
}
#sidebar .sidebar-search-results .close:hover {
text-decoration: none;
cursor: pointer;
opacity: .5;
}
#sidebar .sidebar-search-results .title {
font-weight: 600;
padding: 5px 0;
color: #888888;
text-transform: uppercase;
font-size: 12px;
}
#sidebar .sidebar-search-results .title > span {
font-weight: 700;
}
#sidebar .sidebar-search-results .notifications li {
padding-left: 0;
padding-right: 0;
margin-right: 5px;
border-bottom-color: #d3d3d3;
}
#sidebar ul#nav {
list-style: none;
margin: 52px 0;
padding: 0;
}

#sidebar ul#nav li {
display: block;
margin: 0;
padding: 0;
border: 0;
}
#sidebar ul#nav li.current > ul {
display: block;
}
#sidebar ul#nav li.current .label.pull-right {
margin-right: 10px;
}
#sidebar ul#nav li.open-default > ul,
#sidebar ul#nav li.open-fixed > ul {
display: block;
}
#sidebar ul#nav li .label {
padding: 5px 8px;
text-shadow: none;
}
#sidebar ul#nav li .label.pull-right {
position: absolute;
right: 15px;
margin-right: 20px;
}
#sidebar ul#nav > li.current > a {
 border-left: 3px solid #fff;
 color: #fff;
}

#sidebar ul#nav li .arrow {
line-height: 20px;
position: absolute;
right: 10px;
}
#sidebar ul#nav li a {
display: block;
position: relative;
margin: 0;
border: 0;
padding: 15px 15px;
padding-left: 20px;
color: #b8bcce;
text-decoration: none;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
}
#sidebar ul#nav li a:hover {
background: #1e282c;
color: #fff;
}
#sidebar ul#nav li a i {
padding-right: 10px;
float: left;
line-height: 20px;
}
#sidebar ul#nav li a i[class^="icol-"],
#sidebar ul#nav li a i[class^="icos-"],
#sidebar ul#nav li a i[class*=" icol-"],
#sidebar ul#nav li a i[class*=" icos-"] {
margin-top: 2px;
}
#sidebar ul#nav > li.current,
#sidebar ul#nav > .open {
background: #1e282c;
}
#sidebar ul#nav ul.sub-menu {
display: none;
list-style: none;
clear: both;
margin: 0;
padding: 0;
font-size: 13px;
background: #2c3b41;
}
#sidebar ul#nav ul.sub-menu a {
font-weight: normal;
padding: 12px 15px 12px 20px;
text-transform: none;
}
#sidebar ul#nav ul.sub-menu a:hover {
background: #2c3b41;
}
#sidebar ul#nav ul.sub-menu li.current {
background: #2c3b41;
}
#sidebar ul#nav ul.sub-menu li:first-child > a {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
}
#sidebar ul#nav ul.sub-menu ul.sub-menu {
margin: 5px;
margin-right: 0;
margin-left: 40px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: none;
}
#sidebar ul#nav ul.sub-menu ul.sub-menu > li {
border-left: 1px solid #d1d1d1;
border-bottom: none;
}
#sidebar ul#nav ul.sub-menu ul.sub-menu > li a {
font-size: 12px;
color: #6f6f6f;
padding: 7px 15px;
}
#sidebar ul#nav ul.sub-menu ul.sub-menu > li a:hover {
background: rgba(255, 255, 255, 0.3);
}
#sidebar ul#nav ul.sub-menu ul.sub-menu > li a:active {
background: #ebebeb;
}
#sidebar ul#nav ul.sub-menu ul.sub-menu li:first-child > a {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#sidebar .sidebar-title {
background-color: #ececec;
padding: 10px;
font-weight: 600;
border-top: 1px solid #b9b9b9;
border-bottom: 1px solid #dfdfdf;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}
.sidebar-fixed {
position: fixed !important;
}
.fill-nav-space {
height: 40px;
}
.sidebar-closed > #sidebar {
display: none;
}

/* # Buttons
================================================== */
.btn,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ColVis_MasterButton,
.fc-state-default {
background-color: #f3f3f3;
background-image: none;
filter: none;
border: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 6px 13px;
text-shadow: none;
font-size: 14px;
font-weight: normal;
color: #333333;
font-size: 13px;
cursor: pointer;
border: 1px solid #d9d9d9;
border: 1px solid rgba(0, 0, 0, 0.13);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
position: relative;
z-index: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.btn:hover,
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover,
.ColVis_MasterButton:hover,
.fc-state-default:hover,
.btn:focus,
.ui-state-default:focus,
.ui-widget-content .ui-state-default:focus,
.ui-widget-header .ui-state-default:focus,
.ColVis_MasterButton:focus,
.fc-state-default:focus {
color: #333333;
background-color: #f8f8f8;
border-color: rgba(0, 0, 0, 0.13);
}
.btn:active,
.ui-state-default:active,
.ui-widget-content .ui-state-default:active,
.ui-widget-header .ui-state-default:active,
.ColVis_MasterButton:active,
.fc-state-default:active,
.btn.active,
.ui-state-default.active,
.ui-widget-content .ui-state-default.active,
.ui-widget-header .ui-state-default.active,
.ColVis_MasterButton.active,
.fc-state-default.active {
background-color: #e6e6e6;
border-color: rgba(0, 0, 0, 0.13);
border-top: 1px solid #a6a6a6;
}
.btn.disabled,
.ui-state-default.disabled,
.ui-widget-content .ui-state-default.disabled,
.ui-widget-header .ui-state-default.disabled,
.ColVis_MasterButton.disabled,
.fc-state-default.disabled,
.btn.btn[disabled],
.ui-state-default.btn[disabled],
.ui-widget-content .ui-state-default.btn[disabled],
.ui-widget-header .ui-state-default.btn[disabled],
.ColVis_MasterButton.btn[disabled],
.fc-state-default.btn[disabled] {
background-color: #f3f3f3;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-top: 1px solid rgba(0, 0, 0, 0.13);
}
.btn.disabled:hover,
.ui-state-default.disabled:hover,
.ui-widget-content .ui-state-default.disabled:hover,
.ui-widget-header .ui-state-default.disabled:hover,
.ColVis_MasterButton.disabled:hover,
.fc-state-default.disabled:hover,
.btn.btn[disabled]:hover,
.ui-state-default.btn[disabled]:hover,
.ui-widget-content .ui-state-default.btn[disabled]:hover,
.ui-widget-header .ui-state-default.btn[disabled]:hover,
.ColVis_MasterButton.btn[disabled]:hover,
.fc-state-default.btn[disabled]:hover {
cursor: not-allowed;
}
.btn .caret,
.ui-state-default .caret,
.ui-widget-content .ui-state-default .caret,
.ui-widget-header .ui-state-default .caret,
.ColVis_MasterButton .caret,
.fc-state-default .caret {
border-top-color: #333333;
margin-top: 0;
margin-left: 3px;
vertical-align: middle;
}
.btn + .caret,
.ui-state-default + .caret,
.ui-widget-content .ui-state-default + .caret,
.ui-widget-header .ui-state-default + .caret,
.ColVis_MasterButton + .caret,
.fc-state-default + .caret,
.btn + .dropdown-toggle .caret,
.ui-state-default + .dropdown-toggle .caret,
.ui-widget-content .ui-state-default + .dropdown-toggle .caret,
.ui-widget-header .ui-state-default + .dropdown-toggle .caret,
.ColVis_MasterButton + .dropdown-toggle .caret,
.fc-state-default + .dropdown-toggle .caret {
margin-left: 0px;
}

/* * * * * * * * * * * *
* Sizes
* * * * * * * * * * * */
.btn-clavier {
width:80px;
height:80px;
text-align:center;
line-height:2.5;
font-size:26px;
font-weight:bold;
}
.btn-lg {
padding: 10px 15px;
font-size: 14px;
}
.btn-sm {
padding: 4px 9px;
font-size: 12px;
}
.btn-xs {
padding: 0px 10px;
font-size: 11px;
}

/* * * * * * * * * * * *
* States
* * * * * * * * * * * */
.btn-primary {
color: #ffffff;
background: #324093!important;
z-index: 2;
}
.btn-primary:hover,
.btn-primary:focus {
color: #ffffff;
background: #4555b7!important;
}
.btn-primary:active,
.btn-primary.active {
color: #ffffff;	
background: #4555b7!important;
}
.btn-primary.disabled,
.btn-primary.btn[disabled] {
background: #4555b7!important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn-group.open .btn-primary.dropdown-toggle {
background: #4555b7!important;
}
.btn-orange {
color: #ffffff;
background-color: #FF6600;
z-index: 2;
}
.btn-orange:hover,
.btn-orange:focus {
color: #FFFFFF;
background-color: #ff9751;
}



/* * * * * * * * * * * *
* Badges
* * * * * * * * * * * */
.btn .label {
position: absolute;
font-size: 11px !important;
font-weight: 300;
top: -5px;
right: -5px;
padding: 3px 7px 3px 7px;
color: white !important;
text-shadow: none;
border-width: 0;
border-style: solid;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

/* # Widgets
================================================== */

.widget {
margin-top: 0px;
margin-bottom: 25px;
padding: 0px;
}

.widget .widget-header {
margin-bottom: 15px;
border-bottom: 1px solid #ececec;
*zoom: 1;
}
.widget .widget-header:before,
.widget .widget-header:after {
display: table;
content: "";
line-height: 0;
}
.widget .widget-header:after {
clear: both;
}
.widget .widget-header h4 {
display: inline-block;
color: #555555;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 0;
margin-bottom: 7px;
}
.widget .widget-header h4 i {
font-size: 14px;
margin-right: 5px;
color: #6f6f6f;
}
.widget .widget-header .toolbar {
display: inline-block;
padding: 0;
margin: 0;
float: right;
}
.widget.box {
border: 1px solid #d9d9d9;
}
.widget.box .widget-header {
background: #f5f5f5;
border-bottom-color: #d9d9d9;
line-height: 35px;
padding: 0 12px;
margin-bottom: 0;
}
.widget.box .bleu h4,
.widget.box .gris-fonce h4,
.widget.box .orange h4 {
color:white;
font-size:16px;
}
.widget.box .bleu {
background-color:#7bacbb;
text-align:center;
}
.widget.box .gris-fonce {
background-color:#444444;
text-align:center;
}
.widget.box .orange {
background-color:#FF6600;
text-align:center;
}
.widget.box .bleu {
background-color:#3968C6;
text-align:center;
}
.widget.box .yellow {
background-color:#d8d000;
text-align:center;
}
.widget.box .purple {
background-color:#ea00ff;
text-align:center;
}
.widget.box .widget-header h4 {
margin-bottom: 0;
}
.widget.box .widget-header .toolbar {
margin-right: -5px;
}
.widget.box .widget-header .toolbar.no-padding {
margin: -2px -13px;
}
.widget.box .widget-header .toolbar.no-padding .btn {
font-size: 13px;
padding: 8px 7px;
padding-top: 8px;
margin-top: 1px;
}
.widget.box .widget-content {
padding: 10px;
position: relative;
background-color: #fff;
}
.widget.box .widget-content.no-padding {
padding: 0;
}
.widget.box .widget-content.no-padding .row {
padding-left: 15px;
padding-right: 15px;
}
.widget.box .widget-content.widget-deeper {
background-color: #f9f9f9;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}
.widget.box.box-shadow {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
border-bottom-color: #cccccc;
}
.widget.widget-closed.box .widget-header {
margin-bottom: -1px;
border-bottom: 1px solid #d9d9d9;
}
.widget.widget-closed .widget-content {
display: none;
}
.widget > .divider,
.widget .widget-content > .divider {
width: 100%;
border-bottom: 1px solid #d9d9d9;
border-top: 1px solid #fff;
}
.widget .widget-content > .divider {
margin: 5px 0;
}

/* * * * * * * * * * * *
* Widget Title
* * * * * * * * * * * */
.widget-title {
margin-bottom: 20px;
border-bottom: 1px solid #d9d9d9;
padding: 10px 0;
font-weight: 300;
font-size: 17px;
}
.widget-title > i {
margin-right: 5px;
}

/* * * * * * * * * * * *
* Sidebar Widgets
* * * * * * * * * * * */
#sidebar #sidebar-content .sidebar-widget {
margin: 25px 10px;
}

/* * * * * * * * * * * *
* slimscroll
* * * * * * * * * * * */
.slimScrollBar {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.scroller {
padding-right: 12px !important;
}

/* * * * * * * * * * * *
* Widget Additions
* * * * * * * * * * * */
.widget-content .more {
clear: both;
display: block;
padding: 5px 10px;
text-transform: uppercase;
font-weight: 300;
font-size: 11px;
color: #555555;
opacity: 0.7;
margin: -10px;
margin-top: 10px;
background-color: #f9f9f9;
border-top: 1px solid #d9d9d9;
}
.widget-content .more:hover,
.widget-content .more:focus {
opacity: 1;
text-decoration: none;
}
.widget-content .more:active {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
border-top-color: #cccccc;
}
.widget-content .more i {
margin-top: 2px;
margin-bottom: -3px;
}


/* # General UI
================================================== */

/* * * * * * * * * * * *
* Alerts
* * * * * * * * * * * */
.alert {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin-bottom: 15px;
}
.alert .close {
font-size: 14px;
line-height: 18px;
}

/* * * * * * * * * * * *
* Images
* * * * * * * * * * * */
img {
width: auto\9;
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}


/* * * * * * * * * * * *
* List Groups
* * * * * * * * * * * */
.list-group-item:first-child,
.list-group-item:last-child {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.list-group-item.no-padding {
padding: 0;
}
a.list-group-item.active {
border-color: #446785;
background-color: #4d7496;
}
.list-group-header {
text-transform: uppercase;
font-weight: 600;
font-size: 11px;
background-color: #f9f9f9;
}

/* * * * * * * * * * * *
* Profile Info
* * * * * * * * * * * */
.profile-info h1 {
font-size: 20px;
font-weight: 600;
}
.profile-info p,
.profile-info dl {
color: #7b7b7b;
}



/* # Progressbars
================================================== */

/* * * * * * * * * * * *
* Colors
* * * * * * * * * * * */
.progress .progress-bar {
background-image: none;
background-color: #328ca3;
}
.progress-success .progress-bar,
.progress .progress-bar-success,
.progress-success.progress-striped .progress-bar,
.progress-striped .progress-bar-success {
background-color: #51a351;
}
.progress-warning .progress-bar,
.progress .progress-bar-warning,
.progress-warning.progress-striped .progress-bar,
.progress-striped .progress-bar-warning {
background-color: #f89406;
}
.progress-danger .progress-bar,
.progress .progress-bar-danger,
.progress-danger.progress-striped .progress-bar,
.progress-striped .progress-bar-danger {
background-color: #bd362f;
}
.progress {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.progress.progress-mini {
height: 6px;
}
.progress.progress-small {
height: 12px;
}
.progress.progress-large {
height: 25px;
}

/* * * * * * * * * * * *
* Stripes
* * * * * * * * * * * */
.progress-striped .progress-bar {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/* # Forms
================================================== */

/* * * * * * * * * * * *
* General
* * * * * * * * * * * */
form {
margin: 0;
}
label,
input,
button,
select,
textarea {
font-size: 13px !important;
}
label {
font-weight: 600;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
-webkit-appearance: none !important;
color: #555555;
padding: 6px 6px !important;
font-weight: normal;
vertical-align: top;
background-color: #ffffff;
background-image: none !important;
filter: none !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: #4d7496;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 3px rgba(0, 0, 0, 0.1);
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.form-control {
height: 30px;
font-size: 13px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
select.form-control,
textarea.form-control {
padding: 0 5px;
}
select.form-control:focus,
textarea.form-control:focus {
border-color: #4d7496;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 3px rgba(0, 0, 0, 0.1);
}

/* * * * * * * * * * * *
* Sizing
* * * * * * * * * * * */
.input-xxlarge {
width: 465px;
}
.multiple {
width: 100%;
}
.form-control.input-small {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 30px;
}

/* Height Sizing */
.input-sm {
height: 30px;
font-size: 12px !important;
margin-left: 0!important;
}
.input-lg {
height: 45px;
font-size: 16px !important;
}

/* BS2 backward compatibility sizes */
.input-width-mini {
width: 60px !important;
}
.input-width-small {
width: 90px !important;
}
.input-width-medium {
width: 150px !important;
}
.input-width-large {
width: 210px !important;
}
.input-width-xlarge {
width: 270px !important;
}
.input-width-xxlarge {
width: 530px !important;
}
.input-block-level {
display: block;
width: 100%;
}

/* * * * * * * * * * * *
* Textarea
* * * * * * * * * * * */
textarea {
border-color: #cccccc;
}
textarea.auto {
-webkit-transition: height 0.2s;
-moz-transition: height 0.2s;
-o-transition: height 0.2s;
transition: height 0.2s;
}
textarea.col-md-12 {
resize: vertical;
}
input,
textarea {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

/* * * * * * * * * * * *
* Selects
* * * * * * * * * * * */
.multiple {
padding: 8px 10px;
height: 150px !important;
font-size: 12px;
border: 1px solid #DADADA;
}

/* * * * * * * * * * * *
* File Input
* * * * * * * * * * * */
input[type="file"] {
height: auto;
line-height: normal;
margin-top: 5px;
}

/* * * * * * * * * * * *
* Checkboxes and Radios
* * * * * * * * * * * */
.checkbox,
.radio {
font-weight: normal;
}

/* input checkbox "utilisateur/creer.php */
.checker {
padding-left: 20px;
}
.form-horizontal .checkbox {
padding: 0;	
}

.next-row {
display: block;
margin-top: 10px;
}

/* * * * * * * * * * * *
* Disabled States
* * * * * * * * * * * */
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
cursor: not-allowed;
background-color: #f9f9f9;
}
.help-block,
.help-inline {
color: #adadad;
}

/* * * * * * * * * * * *
* Icons
* * * * * * * * * * * */
.control-label > i {
margin-right: 6px;
}
.controls {
position: relative;
}
.field-icon {
position: absolute;
top: 9px;
right: 25px;
display: block;
font-size: 14px;
line-height: 1;
}
.input-icon > input {
padding-left: 30px !important;
}
.input-icon > i {
color: #d1d1d1;
display: block !important;
position: absolute !important;
z-index: 1;
margin: 8px 2px 4px 10px;
width: 16px;
height: 16px;
font-size: 16px;
text-align: center;
}



/* * * * * * * * * * * *
* Validation
* * * * * * * * * * * */
label > span.required, label.error {
color: #e25856;
font-style:italic;
}
.form-group .help-block:not(.error) {
display: block !important;
}
.form-group select.select2-offscreen + .help-block {
padding-top: 10px;
clear: both;
}
.form-group.error .help-block,
.form-group.warning .help-block,
.form-group.success .help-block,
.form-group.info .help-block {
display: inline-block;
}

/* * * * * * * * * * * *
* Horizontal Forms
* * * * * * * * * * * */
.form-horizontal .form-group {
padding-left: 0;
padding-right: 0;
}
.form-horizontal .control-label {
padding-top: 7px;
}

/* * * * * * * * * * * *
* Vertical Forms
* * * * * * * * * * * */
.form-vertical {
margin-left: -10px;
margin-right: -10px;
}
.form-vertical.no-margin {
margin-left: 0;
margin-right: 0;
}
.form-vertical .help-block {
margin-bottom: 0;
}
.form-vertical .select2-container.error {
margin-bottom: 10px;
}
.form-vertical .form-group {
padding-left: 15px;
padding-right: 15px;
}
.form-vertical .form-group:first-child {
padding-top: 5px;
}
.form-vertical .form-group:last-child {
padding-bottom: 0;
}
.form-vertical .form-group .control-label {
padding-bottom: 5px;
}

/* * * * * * * * * * * *
* Control Groups
* * * * * * * * * * * */
.row-border .form-group {
border-top: 1px solid #ececec;
padding-top:10px;
padding-bottom:10px;
margin-bottom: 0;
}
.row-border .form-group:first-child {
padding-top: 5px;
border-top: none;
}

/* * * * * * * * * * * *
* Form Actions
* * * * * * * * * * * */

.form-actions {
padding:10px;
margin-top: 10px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-top: 1px solid #e5e5e5;
*zoom: 1;
}
.form-actions .btn.pull-right {
margin-left: 3px;
}
.form-actions:before,
.form-actions:after {
display: table;
line-height: 0;
content: "";
}
.form-actions:after {
clear: both;
}
.box .form-actions {
margin-bottom: -10px;
margin-left: -15px;
margin-right: -15px;
}


/* # Tables
================================================== */
.table {
margin-bottom: 5px;
}
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
background-color: #fafafa;
}
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
background-color: #f5f5f5;
}
.table-bordered,
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child,
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child,
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child,
.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.table-highlight-head thead {
background-color: #f5f5f5;
}
.table-no-inner-border tr th,
.table-no-inner-border tr td {
border-left-width: 0px;
}
.table-no-inner-border tr th:first-child,
.table-no-inner-border tr td:first-child {
border-left-width: 1px !important;
}
.widget-content.no-padding table {
margin-bottom: 0 !important;
}
.widget-content.no-padding .table-bordered th:first-child,
.widget-content.no-padding .table-bordered td:first-child {
border-left: 0;
}
.widget-content.no-padding .table-bordered th:last-child,
.widget-content.no-padding .table-bordered td:last-child {
border-right: 0;
}
.widget-content.no-padding .table-bordered tr:last-child td {
border-bottom: 0;
}
.table .align-center {
text-align: center;
}

/* Bouton <td> cofiguration "utilisateur/gestion.php */
.btn-fonction {
width:20%;
text-align:center;
}
.btn-fonction:hover {
background-color: #fafafa;
}

/* * * * * * * * * * * *
* Table Footer
* * * * * * * * * * * */
.table-footer {
padding: 12px;
}
.table-footer .table-actions label {
margin-right: 10px;
display: inline-block;
}
.table-footer .table-actions select {
width: 180px;
height: 30px;
margin-top: -1px;
margin-bottom: 0;
}
.table-footer .pagination {
float: right;
margin: 0;
}
.table-footer:after {
content: "";
display: block;
height: 0;
clear: both;
}
.widget-content.no-padding .table-footer {
border-top: 1px solid #dddddd;
background-color: #f9f9f9;
padding-left: 0;
padding-right: 0;
}
.widget:not(.box) .widget-content .table-footer {
border: 1px solid #dddddd;
border-top: none;
margin-top: -5px;
}
.widget.box .widget-content:not(.no-padding) .table-footer {
border: none;
background-color: none;
padding: 8px 0;
padding-bottom: 3px;
}

/************************
*  Datatable - modif 
************************/
/** Supression du contour **/
.table-bordered {
border: 0!important;
}
/** Ajout du tracé haut **/
.table>caption+thead>tr:first-child>td, 
.table>caption+thead>tr:first-child>th, 
.table>colgroup+thead>tr:first-child>td, 
.table>colgroup+thead>tr:first-child>th, 
.table>thead:first-child>tr:first-child>td, 
.table>thead:first-child>tr:first-child>th {
border-top: 1px solid #ddd!important;
}
/** Modification de la couleur du tracé bas **/
table.dataTable thead th, table.dataTable thead td {
border-bottom: 1px solid #adadad!important;
}
table.dataTable.no-footer {
border-bottom: 1px solid #adadad!important;
}
/** Supression du tracé footer **/
table.dataTable.infogerant2.no-footer {
border-bottom: none!important;
}
/** Ajout d'une marge header - recherche et filtre  **/
.dataTables_header {
margin-top:10px!important;
}
/** Modification pagination dataTable  **/
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0!important;
    margin-left: 0!important;
}
.dataTables_wrapper 
.dataTables_paginate 
.paginate_button:active,
.dataTables_wrapper 
.dataTables_paginate 
.paginate_button:hover {
border: 1px solid #fff!important;
background-color:#fff!important;
background:#fff!important;
}

/* * * * * * * * * * * *
* Pagination
* * * * * * * * * * * */
.pagination {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pagination>li>a, 
.pagination>li>span {
    padding: 1px 7px!important;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #4d7496;
border-color: #3c5a74;
}

/* * * * * * * * * * * *
* Checkable Table
* * * * * * * * * * * */
.table-checkable .checkbox-column {
text-align: center;
width: 24px;
}
.table-checkable .checkbox-column div.checker {
margin-right: 0;
}
.table-checkable.table-no-inner-border .checkbox-column {
border-right: 1px solid #dddddd;
}
.table-checkable tbody tr.checked td {
background-color: rgba(147, 175, 236, 0.13);
}



/* * * * * * * * * * * *
* Progressbars in Tables
* * * * * * * * * * * */
.table .progress {
margin-bottom: 0;
}

/* * * * * * * * * * * *
* Flot Legend
* * * * * * * * * * * */
.legend .legendColorBox > div {
border: 0 !important;
padding: 0 !important;
}
.legend .legendLabel {
padding-left: 3px;
}


/* # Statistics
================================================== */

/* * * * * * * * * * * *
 * Statbox
 * * * * * * * * * * * */
.statbox .widget-content:before,
.statbox .widget-content:after {
  display: table;
  content: "";
  line-height: 0;
  clear: both;
}
.statbox .visual {
  min-width: 20px;
  min-height: 17px;
  padding: 13px;
  text-align: center;
  margin-right: 10px;
  float: left;
  overflow: hidden;
  color: #fff;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.statbox .visual.blue {
  background-color: #54728c;
}
.statbox .visual.red {
  background-color: #e25856;
}
.statbox .visual.green {
  background-color: #94b86e;
}
.statbox .visual.cyan {
  background-color: #6dadbd;
}
.statbox .visual.purple {
  background-color: #7a43b6;
}
.statbox .visual.yellow {
  background-color: #ffb848;
}
.statbox .title {
  color: #adadad;
  display: block;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  padding-top: 6px;
}
.statbox .value {
  font-size: 20px;
  font-weight: 600;
  overflow: hidden;
}
.statbox .title,
.statbox .value {
  text-align: right;
  padding-right: 3px;
}
.statbox .title + .value {
  margin-top: -3px;
}

/* # Tabs
================================================== */
.nav-tabs > li > a {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.box-tabs .nav-tabs {
border-bottom: none;
position: relative;
top: -41px;
margin-right: 0;
overflow: hidden;
}
.box-tabs .nav-tabs > li {
margin-left: 1px;
float: right;
}
.box-tabs .nav-tabs > li.active > a:hover,
.box-tabs .nav-tabs > li.active > a:focus {
background-color: #fff;
}
.box-tabs .nav-tabs > li > a {
padding-top: 8px;
padding-bottom: 10px;
line-height: 12px;
margin-top: 0px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.box-tabs .nav-tabs > li > a:hover,
.box-tabs .nav-tabs > li > a:focus {
background-color: rgba(255, 255, 255, 0.7);
}
.box-tabs .nav-tabs > li > a.active {
background-color: #fff;
}
.box-tabs .tab-content {
margin-top: -30px;
}
.tabbable-custom {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin-bottom: 15px;
}
.tabbable-custom > .nav-tabs {
border: none;
margin: 0px;
}
.tabbable-custom > .nav-tabs > li {
margin-right: 2px;
border-top: 2px solid transparent;
}
.tabbable-custom > .nav-tabs > li.active {
border-top: 3px solid #4d7496;
margin-top: 0;
position: relative;
}
.tabbable-custom > .nav-tabs > li.active > a {
border-top: none;
font-weight: 400;
}
.tabbable-custom > .nav-tabs > li.active > a:hover,
.tabbable-custom > .nav-tabs > li.active > a:active {
background-color: #fff;
}
.tabbable-custom > .nav-tabs > li > a {
margin-right: 0;
padding: 5px 10px;
}
.tabbable-custom > .nav-tabs > li > a:hover,
.tabbable-custom > .nav-tabs > li > a:active {
background-color: #f9f9f9;
}
.tabbable-custom > .tab-content {
background-color: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 10px;
overflow: auto;
}
.tabbable-custom.tabbable-full-width .nav-tabs > li > a {
font-size: 15px;
padding: 8px 20px;
color: #555555;
}
.tabbable-custom.tabbable-full-width > .tab-content {
border-left: none;
border-right: none;
border-bottom: none;
padding: 20px 0;
}

/* * * * * * * * * * * *
* Tabs Below
* * * * * * * * * * * */
.tabs-below.tabbable-custom > .nav-tabs li {
border-top: none;
border-bottom: 2px solid transparent;
margin-top: -1px;
}
.tabs-below.tabbable-custom > .nav-tabs li.active {
border-top: none;
border-bottom: 3px solid #4d7496;
margin-bottom: 0;
position: relative;
}
.tabs-below.tabbable-custom > .nav-tabs li.active a,
.tabs-below.tabbable-custom > .nav-tabs li.active a:hover,
.tabs-below.tabbable-custom > .nav-tabs li.active a:focus {
border-bottom: none;
}
.tabs-below.tabbable-custom > .nav-tabs li a:hover,
.tabs-below.tabbable-custom > .nav-tabs li a:focus {
border-bottom: 1px solid #eee;
}

/* * * * * * * * * * * *
* Tabs Left
* * * * * * * * * * * */
.tabs-left.tabbable-custom > .nav-tabs {
float: left;
}
.tabs-left.tabbable-custom > .nav-tabs li {
border-left: 3px solid transparent;
margin-right: 0;
margin-top: 0;
}
.tabs-left.tabbable-custom > .nav-tabs li.active {
border-top: none;
border-left: 3px solid #4d7496;
margin-top: 0;
margin-right: -1px;
position: relative;
}
.tabs-left.tabbable-custom > .nav-tabs li.active a {
border-top: 1px solid #ddd;
border-left: 1px solid transparent;
}
.tabs-left.tabbable-custom > .nav-tabs li a:hover,
.tabs-left.tabbable-custom > .nav-tabs li a:focus {
border-bottom: 1px solid #eee;
border-right: none;
}

/* * * * * * * * * * * *
* Tabs Right
* * * * * * * * * * * */
.tabs-right.tabbable-custom > .nav-tabs {
float: right;
}
.tabs-right.tabbable-custom > .nav-tabs li {
border-right: 3px solid transparent;
margin-right: 0;
margin-top: 0;
}
.tabs-right.tabbable-custom > .nav-tabs li.active {
border-top: none;
border-right: 3px solid #4d7496;
margin-top: 0;
margin-right: -1px;
position: relative;
}
.tabs-right.tabbable-custom > .nav-tabs li.active a {
border-top: 1px solid #ddd;
border-right: 1px solid transparent;
}
.tabs-right.tabbable-custom > .nav-tabs li a {
margin-left: -1px;
}
.tabs-right.tabbable-custom > .nav-tabs li a:hover,
.tabs-right.tabbable-custom > .nav-tabs li a:focus {
border-bottom: 1px solid #eee;
}

/* * * * * * * * * * * *
* Tabs Left & Right
* * * * * * * * * * * */
.tabs-right.tabbable-custom .nav-tabs > li a,
.tabs-left.tabbable-custom .nav-tabs > li a {
padding: 8px 10px;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
min-width: 74px;
margin-right: 0;
margin-bottom: 3px;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
border-color: #ddd transparent #ddd #ddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
border-color: #ddd #ddd #ddd transparent;
}

/* # Themes
================================================== */
div.alert a {
color:black;
}
.center img {
display: block;
margin: 0 auto;
text-align: center;
}
.bg_picto {
background-color:#f9f9f9;
}
.font_26 {
font-size:26px!important;
}
.font_20 {
font-size:20px!important;
}
.color_red {
color:#ff504d;
}
.color_green {
color:green;
}
.color_white {
color:white;
}
.no_bold {
font-weight:normal!important;
}
.color_bleu {
color:#428bca;
}
.color_blue {
color:#0090ff;
}
a .no_decoration {
text-decoration:none;
}
.padding_top_10 {
padding-top:10px;
}
.padding_bottom_10 {
padding-bottom:10px;
}
.bg_bleu {
background-color:#0090ff ;
}
.bg_black {
background-color:#000000;
}


/* # Info-client
================================================== */
ul.info-client {
padding-left:5px;
padding-right:5px;
}
ul.info-client li:first-child {
font-weight:600;
font-size:15px;
line-height: 25px;
}
ul.info-client li {
font-weight:500;
line-height: 22px;
}
ul.info-client li>a {
color:#fff;
text-decoration:none;
}
ul.info-client li>a:hover {
color:#ccc;
}

/* * * * * * * * 
* Serveur
* * * * * * * */

/* add_serveur
================ */
	.check-add {
		display: inline-block;
		cursor: pointer;
		font-size: 13px; 
		line-height:18px;
		min-width: 34px;
	}
	
.check-serv input[type=checkbox], .check-serv input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
	margin:0 5px;
}
.check-serv input[type=radio] {
    bottom: 2px;
}
@media (min-width: 1200px) {
.check-serv .col-lg-1 {
    width: 9%!important;
}
}