/* -------------------------------
 Accessibilité : amélioration contrastes bootstrap
----------------------------------*/
a:link {
    color: #2B6DDF;
}

body {
	background-color: #1f1f20;
    background-image: url("../img/background-dark.jpg");
    background-size: cover;
    /*background-repeat: repeat;*/
}

/* -------------------------------
 BOOTSTRAP
----------------------------------*/
/* Agrandit Navbar pour navigation*/
.navbar {
    min-height: 90px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    z-index: 1000 !important;
}

/* Rajoute la classe bs-callout (paragraphes colorés)*/
.bs-callout {
    padding: 10px;
    /*margin: 5px 5px;*/
    margin-bottom: 5px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 0;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout code {
    border-radius: 3px;
}

.bs-callout + .bs-callout {
    margin-top: -5px;
}

.bs-callout-default {
    border-left-color: #777;
}

.bs-callout-default h4 {
    color: #777;
}

.bs-callout-primary {
    border-left-color: #428bca;
}

.bs-callout-primary h4 {
    color: #428bca;
}

.bs-callout-success {
    border-left-color: #5cb85c;
}

.bs-callout-success h4 {
    color: #5cb85c;
}

.bs-callout-danger {
    border-left-color: #d9534f;
}

.bs-callout-danger h4 {
    color: #d9534f;
}

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

.bs-callout-warning h4 {
    color: #f0ad4e;
}

.bs-callout-info {
    border-left-color: #5bc0de;
}

.bs-callout-info h4 {
    color: #5bc0de;
}

/* Rajoute la classe HR (paragraphes colorés)*/
hr {
    height: 4px !important;
    margin-left: 15px;
    margin-bottom: -3px;
}

.hr-warning {
    background-image: -webkit-linear-gradient(left, rgba(210, 105, 30, .8), rgba(210, 105, 30, .6), rgba(0, 0, 0, 0)) !important;
}

.hr-success {
    background-image: -webkit-linear-gradient(left, rgba(15, 157, 88, .8), rgba(15, 157, 88, .6), rgba(0, 0, 0, 0)) !important;
}

.hr-primary {
    background-image: -webkit-linear-gradient(left, rgba(66, 133, 244, .8), rgba(66, 133, 244, .6), rgba(0, 0, 0, 0)) !important;
}

.hr-danger {
    background-image: -webkit-linear-gradient(left, rgba(244, 67, 54, .8), rgba(244, 67, 54, .6), rgba(0, 0, 0, 0)) !important;
}

.bd-title {
	font-family: 'segoe ui', Arial, sans-serif;
	margin-top: 1rem;
    margin-bottom: .5rem;
	font-weight: 300;
	font-size: 1.7rem;
	color: rgba(255,255,255,0.89);
}

/* ----------------------
 perso
 ----------------------*/
.blanc {
    background-color: #FFFFFF !important;
    color: #4b649b;
}

.bleuclair {
    background-color: #dbf5db !important;
    color: #4b649b;
}

.orange
{
    background-color: #f5b85e !important;
    color: #031438;
}

.rouge
{
    background-color: #FF0000 !important;
    color: #000000;
}

.cursorPointer {
    cursor: pointer;
}

.cursorNotAllowed {
    cursor: not-allowed;
}

.width200 {
    width: 200px;
}

.width220 {
    width: 220px;
}

.width250 {
    width: 250px;
}

a.hiddenLink:link, a.hiddenLink:visited, a.hiddenLink:hover, a.hiddenLink:active {
    color: inherit;
    text-decoration: none;
    cursor: pointer;  !important;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.boutonflottant {
    margin-bottom: 80px;
    bottom:3%;
    right:3%;
    z-index: 1000 !important;
    position: fixed;
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    box-shadow: 8px 8px 8px 1px rgba(0, 0, 0, 0.2);
}

.conteneurFlottant {
    /*position: relative;*/
    /*overflow: hidden; !* Empêche le débordement *!*/
}

/*Ce bouton flotte en bas à droite, mais sans sortir du Div parent qui le contient*/
/* cf. profCompetences*/
.boutonFlottantBasDroite {
    /*z-index: 1000 !important;*/
    position: sticky;
    bottom: 20px;
    float: right;
    z-index: 1000 !important;
    box-shadow: 8px 8px 8px 1px rgba(0, 0, 0, 0.2);
}


.champFlottant {
    position: fixed;
    float: right;
}

.boutonRondOmbre {
    width: 65px;
    height: 65px;
    background: #fafafa;
    box-shadow: 2px 2px 8px #aaa;
    font: bold 13px Arial;
    border-radius: 50%;
    color: #555;
}

.boutonRondPlein {
    width: 85px;
    height: 85px;
    background: #7ccc20;
    font: bold 13px Arial;
    border-radius: 50%;
    border: none;
    color: #fff;
}


/*Aligne texte au milieu image*/
.alignMiddle {
    vertical-align: middle;
}

/*change la taille des headers des jqxwindow par exemple*/
.headerStyles {
    height: 32px;
}

.text-warning {
    color: #ffc107 !important;
}

.text-gras-droite {
    float: left;
    font-weight: bold;
    text-align: right;
    font-size: 85%;
}


.text-gras-gauche {
    float: left;
    font-weight: bold;
    text-align: left;
    font-size: 85%;
}

/*toasts*/
.text-message {
    color: #a94442;
    text-align: right;
}

/*Gestion Datatable*/
.TextAlignCenter {
    text-align: center;
}

.TextAlignRight {
    text-align: right;
}

#settings-panel {
    background-color: #fff;
    padding: 5px;
    display: inline-block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
}

.settings-section {
    background-color: #f7f7f7;
    /*display: -webkit-box;*/
    /*display: -moz-box;*/
    /*display: -ms-flexbox;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/

    /*-webkit-flex-flow: row wrap;*/
    height: 45px;
    width: 550px;
    border: 1px solid #b4b7bc;
    border-bottom-width: 0;
}

.settings-section-top {
    border-bottom-width: 0;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}

.sections-section-bottom {
    border-bottom-width: 1px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.settings-label {
    font-weight: bold;
    font-family: Sans-Serif;
    font-size: 14px;
    margin-left: 14px;
    margin-top: 15px;
    float: left;
}

.settings-label-align-right {
    text-align: right;
    font-weight: bold;
    font-family: Sans-Serif;
    font-size: 14px;
    margin-left: 14px;
    margin-top: 10px;
}

.settings-setter-right {
    float: right;
    margin-right: 14px;
    margin-top: 8px;
}

.settings-setter-left {
    float: left;
    padding-left: 200px;
    margin-right: 14px;
    margin-top: 8px;
}

.settings-setter-left-nopadding {
    float: left;
    padding-left: 14px;
    margin-right: 14px;
    margin-top: 8px;
}

.settings-setter-align-left {
    text-align: left;
    padding-left: 5px;
    margin-right: 5px;
    margin-top: 6px;
}

/*surcharge JQWidgets*/
.dropDownButton {
    z-index: 9999 !important;
}

.autoresizing {
    display: block;
    overflow: hidden;
    /*resize: none;*/
}