@charset "UTF-8";
:root{
/* Bleu */
	--bg_dark_color:#28384C;
	--bg_light_color:#7392c2;
/* bordeaux */
	--bg_dark_color:#460511;
	--bg_light_color:#A85281;
/* Vert */
	--bg_dark_color:#364927;
	--bg_light_color:#74C182;

}

@font-face {
	font-family: 'FontAwesome';
	src: url("./fonts/font-awesome/fontawesome-webfont.eot?v=4.4.0");
	src: url("./fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("./fonts/font-awesome/fontawesome-webfont.woff2?v=4.4.0") format("woff2"), url("./fonts/font-awesome/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("./fonts/font-awesome/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("./fonts/font-awesome/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local("Open Sans Light"), local("OpenSans-Light"), url(fonts/google/open-sans-light.woff) format("woff");
}


@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local("Open Sans"), local("OpenSans"), url(fonts/google/open-sans.woff) format("woff");
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(fonts/google/open-sans-semibold.woff) format("woff");
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local("Open Sans Bold"), local("OpenSans-Bold"), url(fonts/google/open-sans-bold.woff) format("woff");
}

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: local("Open Sans Italic"), local("OpenSans-Italic"), url(fonts/google/open-sans-italic.woff) format("woff");
}

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 300;
	src: local("Open Sans Light Italic"), local("OpenSansLight-Italic"), url(fonts/google/open-sans-italic-light.woff) format("woff");
}
@font-face {
    font-family: "Noto Sans";
    src: url(https://admin.assets-cdn.io/NotoSans-Regular.woff2) format("woff2"),url(https://admin.assets-cdn.io/NotoSans-Regular.woff) format("woff"),url(https://admin.assets-cdn.io/NotoSans-Regular.ttf) format("truetype");
    font-weight: 400
}

@font-face {
    font-family: "Noto Sans";
    src: url(https://admin.assets-cdn.io/NotoSans-SemiBold.woff2) format("woff2"),url(https://admin.assets-cdn.io/NotoSans-SemiBold.woff) format("woff"),url(https://admin.assets-cdn.io/NotoSans-SemiBold.ttf) format("truetype");
    font-weight: 600
}

@font-face {
    font-family: "Noto Sans";
    src: url(https://admin.assets-cdn.io/NotoSans-Bold.woff2) format("woff2"),url(https://admin.assets-cdn.io/NotoSans-Bold.woff) format("woff"),url(https://admin.assets-cdn.io/NotoSans-Bold.ttf) format("truetype");
    font-weight: 700
}

body {
	color:white;
	font-weight: 300;
	font-family: "Open Sans", sans-serif;
	font-family: "Noto Sans", sans-serif;
	font-size: 13px;
 	line-height: 1.4;
	background-position: left top;
	background-color: #154265 20%;
	background-image: -moz-radial-gradient(10% 0, farthest-side ellipse, #154265 20%, var(--bg_light_color));
	/*background-image: url(img/bg-pattern.svg),-webkit-radial-gradient(10% 0, farthest-side ellipse, var(--bg_dark_color) 20%, var(--bg_light_color));*/
	background-attachment: fixed;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-size: cover;
    height: 100vh;
}

.bodyYellow{
	background-image: url(img/bg-pattern.svg),-webkit-radial-gradient(10% 0, farthest-side ellipse, #808000 20%, #ffe066);
}
.bodyRedGreen{
	background-image: url(img/bg-pattern.svg),-webkit-radial-gradient(10% 0, farthest-side ellipse, #800606 20%, #74C182);
}

.bodyPink{
	background-image: url(img/bg-pattern.svg),-webkit-radial-gradient(10% 0, farthest-side ellipse, #80002a 20%, #732673);
}
.bodyBlue{
	background-image: url(img/bg-pattern.svg),-webkit-radial-gradient(10% 0, farthest-side ellipse, #28384C 20%, #7392c2);
}
.bodyGreen{
	background-image: url(img/bg-pattern.svg),-webkit-radial-gradient(10% 0, farthest-side ellipse, #1f3112 20%, #267434);
}

.bodyRed{
	background-image: url(img/bg-pattern.svg),-webkit-radial-gradient(10% 0, farthest-side ellipse, #350202 20%, #850d0d);
}

.bodyBlack{
	background: linear-gradient(#141e30, #243b55);
}

.bodyBlack .widget{
	background: rgba(0,0,0,.5);
	box-sizing: border-box;
	box-shadow: 0 15px 25px rgba(0,0,0,.6);
	border-radius: 10px;
}

.bodyBlack .widget .widget{
	background:none;
	box-shadow: none;

}

.bodyWhite{
	background-image: url(img/bg-pattern.svg),-webkit-radial-gradient(10% 0, farthest-side ellipse, #ffffff 20%, #ffffff);
	color: #141e30;
}

.bodyWhite table a{
	color: rgba(90 90 90);
}
/*pour le petit triangle des autocomplete*/
.bodyWhite .custom-combobox-toggle{
	color: rgba(90 90 90);
}

.bodyWhite #page-header {
	background-color: #343a40;
	color: white;
	box-shadow: 0 14px 28pxrgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)!important;

}

.bodyWhite #sidebar {
	background-color: #343a40;
	color: white;
	box-shadow: 0 14px 28pxrgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)!important;

}

.bodyWhite #sidebar summary{
	border-bottom: 1px solid #4f5962;
}

.bodyWhite #mainContent {
	background-color: #f4f6f9;
}

.bodyWhite .widget {
	background-color: #ffffff;
	color: rgb(37,37,41);
	box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
	border: 0 solid rgba(0,0,0,.125);
	border-radius: .25rem;
}

.bodyWhite .widget header {
	color: rgb(37,37,41);
}

.bodyWhite table th {
	color: rgb(37,37,41);
}

.bodyWhite .widget table th {
	color: rgb(37,37,41);
}

.bodyWhite .widget-tabs .nav a{
    background-color: #ffffff;
    color: rgb(37,37,41);
}
.bodyWhite .widget-tabs {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}
.bodyWhite .widget-tabs .nav > li.active > a {
    border-color: transparent;
    background-color: #ffffff;
}

.bodyWhite .widget-tabs .nav > li:not(.active) > a {
    background: #ccc;
    border-bottom: none;
}

.bodyWhite .widget-tabs .body {
    background-color: #ffffff;
}

.bodyWhite .btn {
	/*border-radius: 19px;*/
}

.bodyWhite input[type="disable"].form-control.input-transparent::placeholder {
	color: lightgrey;
}

.bodyWhite input[type="disable"].form-control.input-transparent {
	color: white;
}

.bodyWhite input[type="date"] {
	color-scheme: dark;
}

.bodyWhite .form-control.input-transparent {
	color: grey;
	display: block;
	height: 32px;
	padding: 5px 5px;
	border: 1px solid #ddd;

	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	font-family: 'HelveticaNeue','Arial', sans-serif;
	font-size: 105%;
	letter-spacing: .8px;
}
.bodyWhite textarea.form-control.input-transparent {
	height: 60px;
}
.bodyWhite .form-control.input-transparent::placeholder {
	color: rgba(170, 170, 170, 0.767);
}
.bodyWhite input[type="radio"].radioButton + label {
    color: #555;
}

.bodyWhite .table-striped > tbody > tr:nth-of-type(odd) {
    background-color:rgb(246 246 246);
}

.bodyWhite .table-striped > tbody > tr td {
	color: #555;
    vertical-align: middle;
	border-top: 1px solid #ddd;
}
.bodyWhite .table-striped > thead > tr th {
	border-bottom: 2px solid #ddd;
}
.bodyWhite .headerIcon {
	color: rgba(251, 251, 251, 0.5);
}

/*bodywhyte DT*/
.bodyWhite .form-control[type=search], .form-control.search {
	padding-left: 30px;
	background: url(img/search.png) 5px 5px no-repeat rgba(240, 240, 240);
	color: grey;
}

.bodyWhite .input-sm {
	color: grey !important;
	background-color: rgba(240, 240, 240);
}

.bodyWhite .pagination > .disabled > span,
.bodyWhite .pagination > .disabled > span:hover,
.bodyWhite .pagination > .disabled > span:focus,
.bodyWhite .pagination > .disabled > a,
.bodyWhite .pagination > .disabled > a:hover,
.bodyWhite .pagination > .disabled > a:focus,
.bodyWhite .pagination > li > a,
.bodyWhite .pagination > li > span,
.bodyWhite .close
 {
	color: grey;
}


.bodyWhite .note-editing-area, .bodyWhite  .note-status-output{
	border: none;
	color: grey;
	background-color: rgba(251, 251, 251);
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
}

/*ecran de login*/
.bodyWhite #fw_loginCtnr input {
	/*border-radius: 0 27px 27px 0;*/
	height: 46px;
}

.bodyWhite .form-control.input-transparent option {
    background-color: rgb(252, 248, 248);
}
.bodyWhite .js_bouton_AC{
	display: none; /* masque le petit triangle qu'on est obligé d'ajouter pour les thèmes sombres*/
}
.bodyWhite .ui-widget-content{
	color: rgba(51, 51, 51, 0.7);
	background-color: white;
}


#mdp_oublie{
	color: white;
}

.bodyWhite #mdp_oublie{
	color: #141e30;
}
ul, ol {
		list-style: none;
		padding: 0;
}



a:hover, a:focus {
	color: rgb(76, 124, 179);
}

/***********************************/
/**					SETTINGS						 **/
/**********************************/
.settings-popover {
	background: rgba(51, 51, 51, 0.85);
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 3px !important;
	color: white;
	width: 122px;
	font-size: 12px;
	text-align: center;
	left: -40px !important;
	top: 30px !important;
}

.settings-popover.bottom .arrow {
	border-bottom-color: transparent;
	top: -13px;
	margin-left: 0;
	left: 44% !important;
	right: 4px;
}

.settings-popover.bottom .arrow:after {
	border-bottom-color: rgba(51, 51, 51, 0.85);
	border-width: 6px;
}

.settings-popover .btn-group {
	margin-top: 0;
}

.settings-popover .btn-sm, .settings-popover .btn-group-sm > .btn {
	padding: 0 7px;
}

.setting {
	font-weight: normal;
}

.setting + .setting {
	margin-top: 5px;
}

/***********************************/
/**					ACCOUNT						 **/
/**********************************/
.account {
	width: 280px !important;
	background: rgba(51, 51, 51, 0.85);
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 3px !important;
	color: white;
}

.navbar .nav > li > .account:before {
	border-bottom: none;
}

.navbar .nav > li > .account:after {
	border-bottom-color: rgba(51, 51, 51, 0.85);
}

.account > li > a {
	color: white;
}

.account > li > a:hover, .account > li > a:focus {
	background-color: #4e91ce;
	color: white;
}

.account-picture {
	padding: 5px 10px;
	font-weight: normal;
}

.account-picture img {
	width: 50px;
	margin-right: 5px;
}

.account > li > a {
	padding: 7px 10px;
}

/***********************************/
/**					BUTTONS							**/
/**********************************/
.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 300;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 3px 8px;
	font-size: 13px;
	color: #ffffff;
  	text-shadow: none;
  	-webkit-box-shadow: none;
 	box-shadow: none;
	line-height: 1.4;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btn.active.focus {
    outline: -webkit-focus-ring-color auto 0px;
}

label.btn {
    padding: 5px 10px;
}
label.btn-primary.active {
	background-color: #3378b6 !important;
    border-color: #3378b6 !important;
}
label.btn-primary.active:selected {
color:red;
}

/*Pour que les bouton radio soient collés (le navigateur considère le retour chariot comme un espace en mettant font-size à 0 il disparait)*/
.bodyWhite .btn-groupe {
    font-size: 0;
}

/*Si btn gourpé = bouton radio : si pas dernier et pas premier pas de border radius du tout*/
.btn-groupe .btn:not(:first-of-type):not(:last-child) {
	border-radius: 0;
}
/*Si btn gourpé = bouton radio : si premier pas d'arrondi à droite*/
.btn-groupe .btn:first-of-type {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
} 
/*Si btn gourpé = bouton radio : si dernier pas d'arrondi à gauche*/
.btn-groupe .btn:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
} 

.btn-block{
	font-size: 20px;
	padding: 6px 12px;
}
.btn-default {
	color: #ffffff;
	background-color: rgba(150, 150, 150, 0.4);
	border-color: rgba(0, 0, 0, 0.15);
}

.btn-default:focus, .btn-default.focus {
	color: #ffffff;
	background-color: #4d4d4d;
	border-color: rgba(0, 0, 0, 0.15);
}

.btn-default:hover {
	color: #ffffff;
	background-color: rgba(77, 77, 77, 0.4);
	border-color: rgba(0, 0, 0, 0.15);
}

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
	color: #ffffff;
	background-color: #4d4d4d;
	border-color: rgba(0, 0, 0, 0.15);
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
	color: #ffffff;
	background-color: #3b3b3b;
	border-color: rgba(0, 0, 0, 0.15);
}

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
	background-image: none;
}

.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
	background-color: #666;
	border-color: rgba(0, 0, 0, 0.15);
}


/* Custom behavior. For overridden bootstrap btns see bootstrap-override */
.btn-transparent {
	background: rgba(51, 51, 51, 0.3);
	color: white;
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-transparent:hover {
	background: rgba(51, 51, 51, 0.5);
	color: white;
}

.btn-transparent.active {
	color: white;
	background: rgba(51, 51, 51, 0.55);
}

.btn-transparent.active:hover {
	background: rgba(51, 51, 51, 0.55);
}

.btn-transparent .caret {
	border-top-color: white;
}

.btn-inverse {
	color: #555;
	background-color: #f8f8f8;
	border-color: rgba(0, 0, 0, 0.2);
}

.btn-inverse:focus, .btn-inverse.focus {
	color: #555;
	background-color: #dfdfdf;
	border-color: rgba(0, 0, 0, 0.2);
}

.btn-inverse:hover {
	color: #555;
	background-color: #dfdfdf;
	border-color: rgba(0, 0, 0, 0.2);
}

.btn-inverse:active, .btn-inverse.active,
.open > .btn-inverse.dropdown-toggle {
	color: #555;
	background-color: #dfdfdf;
	border-color: rgba(0, 0, 0, 0.2);
}

.btn-inverse:active:hover, .btn-inverse:active:focus, .btn-inverse:active.focus, .btn-inverse.active:hover, .btn-inverse.active:focus, .btn-inverse.active.focus,
.open > .btn-inverse.dropdown-toggle:hover,
.open > .btn-inverse.dropdown-toggle:focus,
.open > .btn-inverse.dropdown-toggle.focus {
	color: #555;
	background-color: #cdcdcd;
	border-color: rgba(0, 0, 0, 0.2);
}

.btn-inverse:active, .btn-inverse.active,
.open > .btn-inverse.dropdown-toggle {
	background-image: none;
}

.btn-inverse.disabled, .btn-inverse.disabled:hover, .btn-inverse.disabled:focus, .btn-inverse.disabled.focus, .btn-inverse.disabled:active, .btn-inverse.disabled.active, .btn-inverse[disabled], .btn-inverse[disabled]:hover, .btn-inverse[disabled]:focus, .btn-inverse[disabled].focus, .btn-inverse[disabled]:active, .btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse,
fieldset[disabled] .btn-inverse:hover,
fieldset[disabled] .btn-inverse:focus,
fieldset[disabled] .btn-inverse.focus,
fieldset[disabled] .btn-inverse:active,
fieldset[disabled] .btn-inverse.active {
	background-color: #f8f8f8;
	border-color: rgba(0, 0, 0, 0.2);
}

.btn-inverse .badge {
	color: #f8f8f8;
	background-color: #555;
}

/* since 1.5 */
.btn-white {
	background: none;
	border: 2px solid #ffffff;
}

/***********************************/
/**					FORMS								**/
/**********************************/
.section {
	font-size: 14px;
	color: #d2d2d2;
	vertical-align: middle;
	line-height: 30px;
	padding: 10px 0 0;
}

.section small {
	font-size: 12px;
	color: #d2d2d2;
	font-weight: bold;
}

/***************************/
/*				 Forms					 */
/***************************/
label,
input,
button,
select,
textarea {
	font-weight: 300;
}

legend small {
	color: #d2d2d2;
	font-size: 14px;
}

.form-control {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

.form-control[type=search], .form-control.search {
	padding-left: 30px;
	background: url(img/search-white.png) 5px 5px no-repeat rgba(51, 51, 51, 0.4);
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: -webkit-focus-ring-color auto 0px;
}

.input-group-btn > .btn {
	z-index: 2;
}

/*adding .btn-group here because selectpicker's select become .btn-group
	need some more vertical space*/
.btn-group + .help-block,
input + .help-block,
select + .help-block,
textarea + .help-block,
.uneditable-input + .help-block,
.input-prepend + .help-block,
.input-append + .help-block {
	margin-top: 4.5px;
}

.help-block {
	margin-top: 0;
	font-size: 11px;
	color: #d2d2d2;
}

.search-query, .navbar-form .search-query {
	border-radius: 3px;
	line-height: 18px;
}

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
	margin-top: 4.5px;
}

.form-horizontal .form-group {
	margin: 2px;
}


@media (min-width: 768px) {
	.form-horizontal.form-label-left .control-label {
		text-align: left;
	}
}

.form-control.input-transparent {
	border: none;
	color: #f8f8f8;
	background-color: rgba(51, 51, 51, 0.4);
}

/* Ajout pour summer note en mode sombre*/
.note-editing-area, .note-status-output{
	border: none;
	color: #f8f8f8;
	background-color: rgba(51, 51, 51, 0.4);
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
}

.form-control.input-transparent option{
	background-color: rgba(60, 60, 60);
}

.form-control.input-transparent::-moz-placeholder {
	color: rgba(238, 238, 238, 0.76);
	opacity: 1;
}

.form-control.input-transparent:-ms-input-placeholder {
	color: rgba(238, 238, 238, 0.76);
}

.form-control.input-transparent::-webkit-input-placeholder {
	color: rgba(238, 238, 238, 0.76);
}

.form-control.input-transparent[disabled], .form-control.input-transparent[readonly],
fieldset[disabled] .form-control.input-transparent {
	background-color: rgba(77, 77, 77, 0.4);
}

.input-group-addon {
  padding: 5px 12px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: #d2d2d2;
  text-align: center;
  background-color: rgba(51, 51, 51, 0.3);
  border: 1px solid transparent;
  border-radius: 3px;
}

.select-block-level {
	width: 100%;
}

.controls .bootstrap-select.btn-group[class*='span'] {
	float: none;
	display: inline-block;
	margin-left: 0;
}

.controls .bootstrap-select.btn-group[class*='span'] .btn {
	width: 100%;
}

.controls .bootstrap-select.btn-group .dropdown-menu {
	width: 100%;
}

.form-actions {
	padding: 17px 20px 18px;
	margin-top: 18px;
	background-color: rgba(51, 51, 51, 0.3);
}

.form-actions:before, .form-actions:after {
	content: " ";
	display: table;
}

.form-actions:after {
	clear: both;
}

.form-wizard .progress {
	margin-bottom: 10px;
}

.wizard-navigation {
	margin-bottom: 5px;
}

.wizard-navigation a {
	color: #f8f8f8;
}


.checkbox {
	padding-left: 0px;
	text-align: end;
}

.checkbox label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px;
}
.checkbox label:focus{
	outline:none;
}


.checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 18px;
	height: 18px;
	left: 0;
	margin-left: -18px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 18px;
	height: 18px;
	left: 0;
	top: 0;
	margin-left: -21px;
	padding-left: 3px;
	padding-top: 1px;
	font-size: 11px;
	color: #555;
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
	opacity: 0;
	z-index: 1;
}

.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
	outline: none;

}

.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
	font-family: "FontAwesome";
	content: "";
}

.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
	opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
	background-color: #eeeeee;
	cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
	border-radius: 50%;
}

.checkbox.checkbox-inline {
	margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
	background-color: #4e91ce;
	border-color: #4e91ce;
}

.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
	background-color: #f25118;
	border-color: #f25118;
}

.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
	background-color: #4ab0ce;
	border-color: #4ab0ce;
}

.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
	background-color: #f2c34d;
	border-color: #f2c34d;
}

.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
	background-color: #3ecd74;
	border-color: #3ecd74;
}

.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
	color: #fff;
}


.radio {
	padding-left: 20px;
}

.radio label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px;
}

.radio label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #ccc;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out;
	transition: border 0.15s ease-in-out;
}

.radio label::after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 11px;
	height: 11px;
	left: 3px;
	top: 3px;
	margin-left: -20px;
	border-radius: 50%;
	background-color: #555;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
	opacity: 0;
	z-index: 1;
}

.radio input[type="radio"]:focus + label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.radio input[type="radio"]:checked + label::after {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

.radio input[type="radio"]:disabled + label {
	opacity: 0.65;
}

.radio input[type="radio"]:disabled + label::before {
	cursor: not-allowed;
}

.radio.radio-inline {
	margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
	background-color: #4e91ce;
}

.radio-primary input[type="radio"]:checked + label::before {
	border-color: #4e91ce;
}

.radio-primary input[type="radio"]:checked + label::after {
	background-color: #4e91ce;
}

.radio-danger input[type="radio"] + label::after {
	background-color: #f25118;
}

.radio-danger input[type="radio"]:checked + label::before {
	border-color: #f25118;
}

.radio-danger input[type="radio"]:checked + label::after {
	background-color: #f25118;
}

.radio-info input[type="radio"] + label::after {
	background-color: #4ab0ce;
}

.radio-info input[type="radio"]:checked + label::before {
	border-color: #4ab0ce;
}

.radio-info input[type="radio"]:checked + label::after {
	background-color: #4ab0ce;
}

.radio-warning input[type="radio"] + label::after {
	background-color: #f2c34d;
}

.radio-warning input[type="radio"]:checked + label::before {
	border-color: #f2c34d;
}

.radio-warning input[type="radio"]:checked + label::after {
	background-color: #f2c34d;
}

.radio-success input[type="radio"] + label::after {
	background-color: #3ecd74;
}

.radio-success input[type="radio"]:checked + label::before {
	border-color: #3ecd74;
}

.radio-success input[type="radio"]:checked + label::after {
	background-color: #3ecd74;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
	font-family: 'FontAwesome';
	content: "\f00c";
}

input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
	color: #fff;
}

input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
	color: #fff;
}

/***********************************/
/**					ICONS								**/
/**********************************/
.icons > section {
	margin-top: 20px;
}

.the-icons li,
.fontawesome-icon-list > div {
	line-height: 40px;
}

.the-icons li i,
.fontawesome-icon-list > div i {
	-webkit-transition: font-size 0.2s;
	-o-transition: font-size 0.2s;
	transition: font-size 0.2s;
}

.the-icons li:hover i,
.fontawesome-icon-list > div:hover i {
	font-size: 26px;
}

.fontawesome-icon-list i {
	min-width: 20px;
}

.i-code {
	display: none;
}


/***********************************/
/**          WIDGET               **/
/**********************************/
.widget {
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: border-box;
  padding: 12px 17px;
  color: #f8f8f8;
  background: rgba(51, 51, 51, 0.4);
  margin-bottom: 10px;
  position: relative;
}

.widget.normal {
  height: 220px;
}

.widget.large {
  height: 315px;
}

.widget.large .body {
  height: 280px;
}

.widget.xlarge {
  height: 415px;
}

.widget.xlarge .body {
  height: 380px;
}

.widget.tiny {
  height: 188px;
}

.widget.tiny-x2 {
  height: 426px;
}

.widget.transparent {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.widget > header {
  position: relative;
  background: none;
  color: white;
}

.widget > header h1, .widget > header h2, .widget > header h3, .widget > header h4, .widget > header h5 {
  margin: 0;
  line-height: 20px;
  font-weight: 600;
  color: inherit;
}

.widget > header h1 small, .widget > header h2 small, .widget > header h3 small, .widget > header h4 small, .widget > header h5 small {
  text-transform: lowercase;
  color: #d2d2d2;
}

.widget > header h4 {
  font-size: 14px;
}

.widget .body {
  margin-top: 10px;
}

.widget > footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 15px 0 0;
}

.widget .actions {
  position: absolute;
  right: 0;
  top: 0;
}

.widget .actions a {
  text-decoration: none;
}

.widget .widget-table-overflow {
  margin: 0 -17px -12px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.widget .widget-table-overflow .table > thead > tr > th:first-child,
.widget .widget-table-overflow .table > thead > tr > td:first-child,
.widget .widget-table-overflow .table > tbody > tr > th:first-child,
.widget .widget-table-overflow .table > tbody > tr > td:first-child,
.widget .widget-table-overflow .table > tfoot > tr > th:first-child,
.widget .widget-table-overflow .table > tfoot > tr > td:first-child {
  padding-left: 17px;
}

.widget .widget-table-overflow .table > thead > tr > th:last-child,
.widget .widget-table-overflow .table > thead > tr > td:last-child,
.widget .widget-table-overflow .table > tbody > tr > th:last-child,
.widget .widget-table-overflow .table > tbody > tr > td:last-child,
.widget .widget-table-overflow .table > tfoot > tr > th:last-child,
.widget .widget-table-overflow .table > tfoot > tr > td:last-child {
  padding-right: 17px;
}

.widget-controls {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  font-size: 12px;
  word-spacing: 1px;
}

.widget-controls.left {
  left: 0;
  right: auto;
}

.widget-controls > a, .widget-controls > span {
  padding: 1px 4px;
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.45);
  -webkit-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
}

.widget-controls > a > .fa, .widget-controls > span > .fa {
  vertical-align: middle;
}

.widget-controls > a > .glyphicon, .widget-controls > span > .glyphicon {
  vertical-align: -1px;
}

.widget-controls > a:hover {
  color: rgba(255, 255, 255, 0.6);
}

.widget-controls .fa-refresh {
  position: relative;
  top: -1px;
}
/***********************************/
/**					TABS								 **/
/**********************************/

.widget-tabs {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
}

.widget-tabs .body {
	background: rgba(51, 51, 51, 0.4);
	margin-top: 0;
	padding: 12px 17px;
	border-radius: 0 0 3px 3px;
}

.widget-tabs .nav-tabs {
	border-bottom: none;
}

.widget-tabs .nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
}

.widget-tabs .nav > li.active {
	margin-bottom: 0;
}

.widget-tabs .nav > li.active > a {
	border-color: transparent;
	background: rgba(51, 51, 51, 0.4);
}

.widget-tabs .nav > li.active > a:hover {
	text-decoration: underline;
}

.widget-tabs .nav > li:not(.active) > a {
	background: rgba(51, 51, 51, 0.4);
	border-bottom: none;
}

.widget-tabs .nav > li:not(.active) > a:hover {
	background: rgba(26, 26, 26, 0.4);
	border-color: transparent;
}

.widget-tabs .nav > li:first-child > a {
	border-left: none;
}

.widget:not(.widget-tabs) .tab-content {
	background: rgba(51, 51, 51, 0.3);
	padding: 10px;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
}

.widget:not(.widget-tabs) .tabs-below .tab-content {
	border-bottom: none;
	border-radius: 3px 3px 0 0;
}

.widget:not(.widget-tabs) .tabs-left .tab-content {
	border-radius: 0 3px 3px 0;
}

.widget:not(.widget-tabs) .tabs-right .tab-content {
	border-radius: 3px 0 0 3px;
}

.tab-header {
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 14px;
	color: white;
}


/***********************************/
/**					TABLES							 **/
/**********************************/
.table th {
	font-weight: 300;
	color: white;
}

table {
	background-color: transparent;
}

caption {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #d2d2d2;
	text-align: left;
}

th {
	text-align: left;
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 18px;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border-top: 1px solid rgba(51, 51, 51, 0.35);
}

.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid rgba(51, 51, 51, 0.35);
	font-size : 1.1em;
	font-weight: bold;
}

.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
	border-top: 0;
}

.table > tbody + tbody {
	border-top: 2px solid rgba(51, 51, 51, 0.35);
}

.table .table {
	background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
	padding: 5px;
}

.table-bordered {
	border: 1px solid rgba(51, 51, 51, 0.35);
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
	border: 1px solid rgba(51, 51, 51, 0.35);
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
	border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: rgba(200, 200, 200, 0.06);
}

.table-hover > tbody > tr:hover {
	background-color: rgba(38, 38, 38, 0.3);
}

table col[class*="col-"] {
	position: static;
	float: none;
	display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
	position: static;
	float: none;
	display: table-cell;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
	background-color: rgba(38, 38, 38, 0.3);
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
	background-color: rgba(26, 26, 26, 0.3);
}

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
	background-color: rgba(214, 233, 198, 0.28);
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
	background-color: rgba(201, 226, 180, 0.28);
}

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
	background-color: rgba(74, 176, 206, 0.29);
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
	background-color: rgba(54, 167, 200, 0.29);
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
	background-color: rgba(229, 190, 86, 0.28);
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
	background-color: rgba(226, 182, 64, 0.28);
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
	background-color: rgba(242, 99, 73, 0.29);
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
	background-color: rgba(240, 79, 49, 0.29);
}

.table-responsive {
	overflow-x: auto;
	min-height: 0.01%;
}

.widget .table th {
	color: white;
}

.table-images td {
	height: 60px;
	vertical-align: middle;
}

.table-images td img {
	height: 60px;
}

.table-colored tbody tr:nth-child(1n) {
	color: #f25118;
}

.table-colored tbody tr:nth-child(2n) {
	color: #f2c34d;
}

.table-colored tbody tr:nth-child(3n) {
	color: #8CBF26;
}

.table-colored tbody tr:nth-child(4n) {
	color: #3ecd74;
}

.table-colored tbody tr:nth-child(5n) {
	color: #4ab0ce;
}

.table-colored tbody tr:nth-child(6n) {
	color: #4e91ce;
}

.table-colored tbody tr:nth-child(7n) {
	color: #A05000;
}

.table-colored tbody tr:nth-child(8n) {
	color: #d04f4f;
}

.table-editable th a {
	display: block;
	cursor: pointer;
	color: #f8f8f8;
	text-decoration: underline;
}

.table-editable td.editor,
.table-editable tbody tr:nth-child(odd) td.editor {
	background-color: rgba(78, 145, 206, 0.05);
	outline: 1px solid #4e91ce;
	outline-offset: -1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition-duration: 200ms;
	-moz-transition-duration: 200ms;
	-o-transition-duration: 200ms;
	transition-duration: 200ms;
	-webkit-transition-property: width, outline, background-color;
	-moz-transition-property: width, outline, background-color;
	-o-transition-property: width, outline, background-color;
	transition-property: width, outline, background-color;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}

.table-editable td.editor input[type=text] {
	color: white;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: transparent;
	border: 0;
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.table-editable td.editor.error,
.table-editable tbody tr:nth-child(odd) td.editor.error {
	background-color: rgba(242, 195, 77, 0.1);
	outline: 1px solid #f2c34d;
}

.table-editable td.editor :focus,
.table-editable th.editor :focus {
	outline: 0;
}

.table-editable .sort-caret {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-left: 0.3em;
	border: 0;
	content: "";
	font: 15px FontAwesome;
}

.table-editable .ascending .sort-caret:before {
	content: "\f0d8";
}

.table-editable .descending .sort-caret:before {
	content: "\f0d7";
}

.chart-col-header {
	width: 100px;
}

.table .chart-cell {
	padding: 3px;
}

.source-col-header {
	width: 30%;
}

.sources-table td, .sources-table th {
	text-align: center;
}

.sources-table td:first-child, .sources-table th:first-child {
	text-align: left;
}


/***********************************/
/**					 DdataTables					**/
/**********************************/

.input-sm {
	padding: 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
	color: white;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	background-color: transparent;
	border: 0;
	outline: 0;
	background-color: rgba(51, 51, 51, 0.4);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}

select.input-sm {	
	height: auto;
	color: white !important;
	appearance: menulist;
}


.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 18px 0;
	border-radius: 3px;
}

.pagination > li {
	display: inline;
}

.pagination > li > a,
.pagination > li > span {
	position: relative;
	float: left;
	padding: 5px 12px;
	line-height: 1.428571429;
	text-decoration: none;
	color: #f8f8f8;
	background-color: transparent;
	border: 1px solid transparent;
	margin-left: -1px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}

.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
	z-index: 3;
	color: #ffffff;
	background-color: rgba(51, 51, 51, 0.3);
	border-color: transparent;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
	z-index: 2;
	color: #ffffff;
	background-color: rgba(51, 51, 51, 0.3);
	border-color: transparent;
	cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #eeeeee;
	background-color: transparent;
	border-color: transparent;
	cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
	padding: 10px 16px;
	font-size: 16.25px;
	line-height: 1.33;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
	padding: 4px 10px;
	font-size: 12px;
	line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}

/* Affichage des icones de tri */
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
   color:lightblue;
}

table.dataTable thead .sorting_asc:after {
    opacity: 1;
}
table.dataTable thead .sorting_desc:after {
    opacity: 1;
}

table.dataTable thead .sorting:after {
    opacity: 0.2;
    content: "\e150";
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: inherit;
    font-family: 'Glyphicons Halflings';
}



/***************************/
/*          Panels         */
/***************************/
.panel-heading {
  padding: 0;
}

.panel-heading > .accordion-toggle {
  display: block;
  padding: 8px 15px;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid rgba(51, 51, 51, 0.3);
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid rgba(51, 51, 51, 0.3);
}

.panel {
  border: none;
  background-color: rgba(51, 51, 51, 0.4);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.content .panel {
  color: #f8f8f8;
}

.panel .panel-heading a {
  color: white;
  font-weight: 300;
}

.panel .panel-heading a:focus {
  text-decoration: none;
}

.panel .panel-heading a.collapsed {
  color: #d2d2d2;
}

.panel .panel-heading a[data-toggle="collapse"]:before {
  font-family: FontAwesome;
  content: "\f107";
  float: right;
  margin-right: -8px;
  position: relative;
  top: 1px;
  -webkit-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}

.panel .panel-heading a[data-toggle="collapse"].collapsed:before {
  transform: rotate(90deg);
}

.panel-body {
  border-top-color: rgba(51, 51, 51, 0.3);
}


/***********************************/
/**	 LIVE GRID					 **/
/**********************************/
.widget-container {
	min-height: 30px;
}

.widget-container .widget:not(.fullscreened) > header {
	cursor: move;
}

.widget-placeholder {
	background: rgba(51, 51, 51, 0.2);
	border: 1px dashed rgba(255, 255, 255, 0.6);
	margin: -1px -1px 29px -1px;
}

.list-group-item-placeholder {
	background: rgba(51, 51, 51, 0.2);
	border: 1px dashed rgba(255, 255, 255, 0.6);
	margin: -1px;
}

/***********************************/
/**	leMien.css					 **/
/**********************************/

#radioBtn .notActive{
	color: #3276b1;
	background-color: #fff;
}


#logoPpal{
	max-height: 40px; 
	max-width: 210px;
}
@media (max-width: 1200px) {
	#logoPpal{
		max-height: 20px; 
		max-width: 105px;
	}
	.navbar-form{
		display: none;
	}
}
.dt-buttons{
	margin:5px 5px 5px 5px;
}

::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

[contentEditable=true]:empty:not(:focus):before{
        content:attr(data-text)
    }
/* Surcharge lourde pour l'affichage du bouton fermer qui buggue parceque il y'a un conflit en jqueryUi et bootstrap */    
.ui-dialog-titlebar-close {
	text-align: center;
	vertical-align: middle;
	font-size: 1.5em !important;
	background-color: rgba(0, 0, 0, 0) !important;
	margin: 0 !important;
	top:2px !important;
	right : 2px !important;
	width:auto !important;
	height:auto !important;
	padding: 0px 5px 0px 5px !important;
}

.ui-dialog-titlebar-close > button {
	position: absolute;
	top: 0px !important;
	left : 0px !important;
}

.img_param{
	max-height: 70px;
	max-width: 200px;
}
.aDroite { 
	text-align: right;
	padding-right: 2% !important;
	white-space: nowrap;
} 
/*
.fw_loader{
	background : url('/css/img/loading-blue-back.gif') 10% 10% no-repeat;
	background-position: center;
	background-size: 10%;
	cursor : wait;
	background-color: #337ab724;
	opacity: 0.5;
	min-height: 400px;
}

.fw_loader * {
	display: none !important; 
}
*/
.fw_loader::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* Grisement transparent */
	background-image: url('/css/img/loading-blue-back.gif'); /* Chemin du GIF */
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50px 50px; /* Ajuste la taille du GIF */
	z-index: 10; /* Assure que le loader est au-dessus */
	display: block;
	pointer-events: none; /* Empêche toute interaction avec la couche grisée */
}

.colCheck{
	text-align: left;
	padding-left:0px !important;
}
.blocBx{
	min-width:80%;
	margin:auto;
	border:solid 1px #000;
	padding:8px;
	margin-top:10px;
}
.grouping{
	font-size: 1.2em;
	border-bottom:1px solid #aaa;
	/*background-color:#aaaaaa24;*/
}
.maTable {
	font: normal 1.2em Calibri, Geneva, Arial, Helvetica, sans-serif; 
	margin:0px;
	padding:0px;
	overflow: hidden;
	border-collapse: separate;
    border-spacing: 0;
	border:1px solid #aaa;
	min-width:70%;
	
	border-radius: 6px;

}
.maTable th {
	font-size: 110%;
	text-align: center;
	padding: 1px;
	font-weight: normal;
}
.maTable  td {
	text-align: center;
	padding: 1px;
}

.maTable tr:hover *{
	/*background:-o-linear-gradient(bottom, #3f8ddb 5%, #2264a5 100%);	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f8ddb), color-stop(1, #2264a5) );
	background:-moz-linear-gradient( center top, #3f8ddb 5%, #2264a5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#3f8ddb", endColorstr="#2264a5");	background: -o-linear-gradient(top,#3f8ddb,2264a5);
	color:white;
	background-color:#3f8ddb;*/
	background:rgba(75, 75, 90, 0.3);
	color:white;
}
/*la première colone est alligné à droite*/
.maTable tr > td:first-child{
	text-align:left;
}
.maTable  tr > th:first-child{
	text-align:left;
}
.maTable  tr > *{
	border-right:1px solid #aaa;
	padding: 2px 5px 2px 5px;
}
/*la première ligne */
.maTable tr:first-child td, .maTable tr:first-child th{
	/*background:-o-linear-gradient(bottom, #92C345 5%, #436306 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #92C345), color-stop(1, #436306) );
	background:-moz-linear-gradient( center top, #92C345 5%, #436306 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#92C345", endColorstr="#436306");	background: -o-linear-gradient(top,#92C345,436306);
	*/
	color:white;
	background:rgba(51, 51, 51, 0.4);
	/*border-bottom:1px solid #FFF;
	border-right:1px solid #FFF  !important;*/
}
.TableSizer20{
	font-size:1.5em;
}

.enTeteFixe tbody{
	overflow-y: auto; 
	max-height: 80vh; 
	display: block;
	width:100%
}
.enTeteFixe thead, .enTeteFixe tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;/* even columns width , fix width of table too*/
}
.enTeteFixe thead {
    width: 100%/* scrollbar is average 1em/16px width, remove it from thead width */
}

.LigneUp td{
	font-size:1.5em;
	border-bottom:1pt solid white;
}


.bocGraph{
	margin:5px 5px 5px 5px;
	border-radius: 3px;	
}

/* Ligne séléectionnée dans un tableai */
tr.selected_row td{
  /*border-bottom:1pt solid white;
  border-top:1pt solid white;
  font-size:1.3em;*/
  color: lightgreen;
	
}
/*
tr.selected_row td:first-child{
	border-left:1pt solid white;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}
tr.selected_row td:last-child{
	border-right:1pt solid white;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}

*/
/* The Modal (background) */

.boite{
	background-color: rgba(51, 51, 51, 0.4);
	margin: 10px;
	padding: 10px;
	display: none; 
	position:relative;
}

.centre_page {
	position: absolute;
	max-width: 500px;
	margin: auto;
	max-height: 400px;
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0; 
	padding:3%;
}

#modalOverlay{
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	z-index: 5000;
	background-color: rgba(80,80,80,0.7);
}

.modalWindows{
	border: 1px solid;
	width: fit-content;
	min-width:55vw;
	max-width: 95vw;
	height: fit-content;
	max-height: 94vh;
	margin-left: 40vw; /* poussé de la moitié de hauteur de viewport */
	margin-top: 45vh; /* poussé de la moitié de hauteur de viewport */
	padding-top: 10px;
	transform: translateY(-48%) translateX(-50%);
	border: 1px solid #888;
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	background-clip: padding-box;
	border-radius: 6px;
	outline: 0;
	position: fixed;
	box-sizing: border-box;
	z-index: 8000;
	overflow: auto;
}

.modalWindows header{
	background-color: rgba(180,180,180,0.3);
	padding: 10px;
	border-bottom: 1px solid;
	font-size: 16px;
	z-index: 9;
}

.modalContent{
	padding: 20px;
	min-height: 100px;
	min-width: 350px;
	z-index: 9;
	max-height: 90vh;
	overflow: auto;
}

/* css de boites de dialogue */
.alert-default header{
	color: #f2c34d;
	margin-top: -10px;
}

.alert-default {
	color: white;  
    background-color: #4b5a6f;
    border-color: #f2c34d;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-message{
	position: fixed; 
	width: 70%; 
	z-index: 1000; 
	left:15%; 
	bottom:50%;
	text-align: center; 
	padding: 10px; 
	border: 1px solid;
    border-radius: 4px;
    display: none;
}

.modal-content {
    padding: 20px;
    border: 1px solid #888;
}

/* The Close Button */
.close {
    color: white;
    position: absolute;
    font-size: 28px;
    font-weight: bold;
	margin: 2px;
    opacity: 0.4;
	z-index: 9;
	right:8px;
	top: 8px;
	/*margin-top: -23px;*/
}
.alert-success > .close{
	color: #1a7a1c;
   	opacity: 0.9;
}
.alert-danger > .close{
	color: #a94442;
   	opacity: 0.9;
}
.alert-default > .close{
	color: #d0dae7;
   	opacity: 0.9;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal2 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    left: 200px;
    top: 41px;
    width: calc(100vw - 210px); /* Full width */
    height:calc(100vh - 50px); /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(80,80,80,0.8); /* Black w/ opacity */
}
.modal1 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(80,80,80,0.9); /* Black w/ opacity */
	min-height: 40%;
	min-width: 40%;
	max-height: 95vh;
}

.log_content {
    height: calc(100vh - 200px);
    overflow: auto;
}

/* Formulaires*/
/*
input[type="radio"].radio-css {
    display: none;
}

input[type="radio"].radio-css + label {
    color:white;
    padding:8px;
    font-size: 1em;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    display: inline-block;
    background-color: #666;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type="radio"].radio-css:hover + label {
    background-color: lightgrey;
}

input[type="radio"].radio-css:checked + label {
	background-color: #3378b6;
    border-color: #2b659b;
    color:white;
    box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px 0px inset;
}
*/

/* Surcharge des class jqueryUI pour l'autocomplete*/
.custom-combobox {
    position: relative;
    display: inline-block;
    width: 100%;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    right:10px;
    margin-left: -1px;
    padding: 0;
    color: white;

  }
  .custom-combobox-input {
    margin: 0;
    padding-top: 2px;
    padding-bottom: 5px;
    padding-right: 5px;
  }
.ui-widget-content{
	color: white;
	background-color: rgba(51, 51, 51, 0.7);
	max-height:70%;
	overflow: auto;
	overflow-x: hidden !important;
	border-color: rgba(51, 51, 51, 0.8) !important;
	border-radius: 3px;
}

.divLikeInput{
	border: none;
	color: #f8f8f8;
	background-color: rgba(51, 51, 51, 0.4);
	height:34px;
	width: 100%;
	font-weight: 300;
	border-radius: 4px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
}
.divLikeInput i {
	float: right;
	font-size: 22px;
}

/* Sinon le text déborde de façon immode en dehors de l'event*/
.fc-timegrid-event {
    overflow: hidden;
	padding: 3px 3px;
    margin: 1px;
    box-shadow: none !important;
}
.fc-event-main {
    overflow: hidden;
	padding: 3px 5px;
    font-weight: 600;
}
.fc-col-header-cell-cushion{
	color: #cfdfec;
}

.fc-daygrid-event{
	color: #cfdfec;
}

.fc-v-event {
    border-width: 3px;
}

.myColors {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.8em;
}

.colorPickValue{
    height:22px;
    width:100%
}

.header_liste{
    text-align: center;
    font-size: 16px;
    border-bottom: coral 1px solid;
}

.box_liste div{
    padding: 3px;
}
.row_liste{
    border-bottom: coral 1px solid;
}

.row_red td {
    color:coral;
}