body {
    background-color: rgba(240,240,240,1) !important;
    font-family: Verdana,Arial,sans-serif!important;
    color: rgb(20,20,20);
}

.container {
    width: auto;
    margin: 0 auto;
}

/* textes des éléments des formulaires dans la JQGrid en noir*/
button, input, optgroup, select, textarea {
    color: #000000;
}

.errors_form ul li{
    list-style-type: none;
}

.btn-gris{
    background-color: #e3e3e3;
    border-color: #929c9b;
}

.purple, .purple a {
    color : #025625;
}

/* Positionnement du logo */
.user_connect{
    padding-top: 5px;
}

/**/
.glyphicon{
    font-size: 16px;
}
.ui-jqgrid .glyphicon{
    font-size: 12px;
}
.glyphicon-active{
    border: 1px solid  #025625;
    border-radius: 2px;
}
/*NAVBAR Surcharge*/
.navbar {
    /*min-height: 60px !important;*/
    margin-bottom: 0 !important;
    z-index: 10;
}

.navbar-right{
    margin-right: 0 !important;
}

.btn-default, .btn-default:hover, .btn-default:focus,
.btn-primary, .btn-primary:hover, .btn-primary:focus,
.fm-button{
    background-color: #025625 !important;
    color: #ffffff;
    border : 0!important;
    background-image: none ! important;
    padding: 7px!important;
    font-size: 1em;
    text-shadow : none !important;
    border-radius : 0;
}

/*      Menu      */
.navbar-default {
    background-color: white !important;
    background-image: none !important;
}

.navbar-default .navbar-nav>li>a {
    color: rgb(66,64,65);
}

.navbar-default .navbar-nav>li>a:hover {
    color: #025625;
}

/*.navbar-brand {*/
/*    padding: 15px !important;*/
/*}*/

.navbar-default .navbar-nav li a{
    height: 60px!important;
    padding: 20px 20px;
}

.navbar-default .navbar-nav>li>ul>li>a,
.navbar-default .navbar-nav>li>ul>li>ul>li>a{
    height: 20px!important;
    padding-top:5px;
    padding-bottom:25px;
}

/* Coloration lien actif menu */
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.active>a {
    background-color: #025625;
    background-image: none !important;
    color:white !important;
    text-shadow: none !important;
}

.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>li.active>a:hover {
    color:#ffffff!important;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #025625 !important;
    color:white !important;
    background-image: none !important;
}

/*Supression de la bordure basse de la navbar*/
.navbar-static-top {
    border-width: 0 0 0 !important;
}

/* Langue */
.language-switcher {
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    vertical-align: bottom;
}

.language-switcher > a {
    color: #333333;
    text-decoration: none;
}

.language-switcher > a:hover {
    color: #025625;
    text-decoration: none;
}

.language-switcher > .active {
    font-weight: bold;
    color: #025625;
}
/*      Fin Menu      */

/*      BREADCRUMB     */
.breadcrumb {
    margin-bottom: 0 !important;
}

.breadcrumb a {
    text-decoration: none;
}

.breadcrumb > li + li::before {
    color: #025625;
    content: ">";
    font-size: 1.0em;
    font-weight: bolder;
    padding: 0 5px;
}

.breadcrumb .fa:hover {
    opacity: 1;
}

.breadcrumb li a {
    color: #000000;
}

.breadcrumb li a:hover {
    color: #025625;
}

.breadcrumb .current span {
    color: #025625;
}
/*     FIN BREADCRUMB     */

/*      Panel       */
.panel{
    border-radius: 0 !important;
    box-shadow: none !important;
}

.panel-heading{
    border-radius: 0 !important;
}

.panel-title{
    font-variant: small-caps;
    margin-bottom: -5px;
}

.fc-panel-donnees {
    border-radius: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 10px solid #025625;
}

.bottomNull{
    margin-bottom: 0 !important
}

.fc-panel-donnees>.panel-heading:first-child{
    background-color: white!important;
    min-height: 55px;
}

.diary>.panel-heading:first-child,
.dashboard>.panel-heading:first-child{
    min-height: 40px;
}

.fc-panel-donnees>.panel-heading:first-child h2{
    color: #025625;
    margin-top: 0;
    margin-bottom: 0;
    font-variant: small-caps;
    font-size: 25px !important;
}

.diary >.panel-heading:first-child h2,
.dashboard >.panel-heading:first-child h2,
.graph > .panel-heading:first-child h2{
    font-size: 18px !important;
}

.fc-panel-donnees>.panel-heading:first-child a{
    font-size: 22px !important;
    color: rgb(66,64,65) !important;
}

.fc-panel-donnees>.panel-heading:first-child a:hover{
    color:#025625;
    text-decoration: none !important;
}


/* ______ Todo Kayel : revoir la construction du groupe de glyphicon ______ */
.fc-panel-donnees .panel-heading:first-child .divglyphicon{
    color: rgb(66,64,65) !important;
    margin-left: 2px;
    float: left;
}

.fc-panel-donnees .panel-heading:first-child .divglyphicon:hover{
    color:#025625;
    cursor: pointer;
}
/*__________________________________________________________________________*/
.fc-panel-donnees .panel{
    border-radius: 0 !important;
    border: 0 solid white;
    -webkit-box-shadow: none!important;
    box-shadow:none!important;
}

.equal, .equal > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.graph_container{
    display:block;
    width:600px;
}

.panel-color{
    border: none;
    margin-bottom: 1.4em !important;
}

.panel-color .panel-body{
    padding: 5px;
}

.card {
    height: 100%;
    width: 100%;
}

.showPositiveData {
    color: rgb(10,120,50);
}

.showNegativeData {
    color: rgb(240,80,80);
}

.delay-rate .progress-info .progress-label span,
.delay-rate .progress-info .progress-percentage span {
    font-size: 1.4rem;
    color: #32325d;
}

.delay-rate .progress-wrapper .progress {
    margin-top: 1.5rem;
    height: 1.2rem;
}

.delay-rate .progress-bar {
    background-image: -webkit-linear-gradient(top,rgba(240,80,80,1) 0, rgba(240,80,80,1) 100%) !important;
}

.panel-color > table,
.panel-color > p {
    color: #333333;
}

.panel-color > .panel-heading {
    color: #ffffff;
    border-bottom: 4px solid transparent;
    /*    background-color: #025625;*/
}

.panel-color .panel-heading a{
    margin-top: -13px;
    font-size: 16px;
    color: #ffffff;
}

.panel-color .panel-heading a:hover{
    color: #ffffff;
    text-decoration: none !important;
}

#sfTable {
    table-layout: fixed !important;
    width: 90% !important;
    height: 70% !important;
    align-self: center !important;
}

#sfTable th,
#sfTable td {
    text-align: center !important;
    vertical-align: middle !important;
    white-space: normal !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#sfTable th {
    color: white !important;
    font-size: 0.8em !important;
}

#topCol {
    width: 10% !important;
}

.bg-success {
    background-color: rgb(10,120,50) !important;
}

#indicators-container .bg-primary {
    background-color: rgb(10,50,120) !important;
}

.text-success {
    color: rgb(10,120,50) !important;
}

#indicators-container .text-primary {
    color: rgb(10,50,120) !important;
}

.qualifiedFiltersDiv {
    margin-bottom: 15px !important;
}

#indicators-container .card {
    justify-content: center;
}

#indicators-container .card:hover {
    transform: scale(1.03);
}

#indicators-container #actions-auto .card
{
    background-color: rgb(255, 240, 230);
}

#indicators-container #actions-man .card {
    background-color: rgb(230, 240, 255);
}

.access-denied {
    background-color: rgb(245,245,245) !important;
}

.access-denied .bg-warning,
.access-denied .bg-danger,
.access-denied .bg-success,
#indicators-container .access-denied .bg-primary
{
    background-color: #8898aa !important;
}

.access-denied .h3Grey,
.access-denied .text-warning,
.access-denied .text-danger,
.access-denied .text-success,
#indicators-container .access-denied .text-primary
{
    color: #8898aa !important;
}

.access-denied:hover {
    background-color: rgb(245,245,245) !important;
    transform: none !important;
}

#indicators-container #actions-auto .card:hover {
    background-color: rgb(255, 225, 215);
}

#indicators-container #actions-man .card:hover {
    background-color: rgb(215, 225, 255);
}

#indicators-container #alerts .card {
    background-color: rgb(255, 230, 230);
}

#indicators-container #alerts .card:hover {
    background-color: rgb(255, 220, 220);
}

#indicators-container h2 {
    display: grid;
    grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
    align-items: center;
    text-align: center;
    grid-gap: 15px;
    width: 98%;
}

#indicators-container h2:before,
#indicators-container h2:after {
    content: '';
    border-top: 1px solid;
}

#indicators-container #indicators-title {
    display: grid;
    grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
    align-items: center;
    text-align: center;
    grid-gap: 15px;
    width: 92%;
}

#indicators-container #indicators-title:before,
#indicators-container #indicators-title:after {
    content: '';
    border-top: 1px solid;
}

#indicators-container #alerts .card.blink {
    background-color: rgb(255, 200, 200);
}

#indicators-container #indicators .card {
    background-color: rgb(230, 255, 230);
}

#indicators-container #indicators .card:hover {
    /*background-color: rgb(235, 255, 235);*/
    transform: none;
}

#indicators-container #indicators #schedule-indicator:hover {
    background-color: rgb(220, 255, 220);
    transform: scale(1.03);
}

#indicators-container .card .col {
    padding-right: 0;
}

#indicators-container .card .col-auto {
    padding-left: 0;
}

#sfTable .ligneTop {
    cursor: pointer !important;
}

#sfTable .top5NoPointer {
    cursor: default !important;
}

#sfTable .ligneTop td {
    font-size: 0.9em !important;
}

#chartjs-tooltip {
    background-color: #333333 !important;
    color: white !important;
    border-radius: 10px !important;
}

#dsoDropdown {
    margin-left: 2px !important;
    margin-right: 2px !important;
}

footer {
    text-align: center;
}

/*      Fin Panel       */

/* class utilisée pour mettre une marge bottom de 10 px entre formulaire et JQGrid : BA et recherche client */
/* voir si on intègre pas https://gist.github.com/erobert17/9139147 dans le projet pour gérer toutes les marges*/
.marginBottom10 {
    margin-bottom: 10px !important;
}

.modal-dialog{
    width: 700px;
    color: #333333;
}

.modal-header {
    background-color: #28599e;
    border: 1px solid #28599e;
    color: #ffffff;
}

.modal-header .close{
    color: #ffffff;
}

.modal-body table {
    color: #333333;
}

.modal-body .tab-content {
    border: 1px solid #28599e;
    color: #333333;
}

.modal-body .tab-content table{
    color: #333333;
}

.modal-body .nav-tabs > li.active > a {
    background-color: #28599e;
    border: 1px solid #28599e;
    color: #ffffff;
}

.modal-body .form-horizontal .form-group {
    margin-bottom: 5px;
}

#top_row{
    background-color: #EEEEEE;
    width: 100%;
    border-bottom: 1px solid #AAAAAA;
}

#update-main-contact-form form label {
    font-size: 1.5rem;
}

/* GESTION DES FLASHMESSAGE typés en alert bootstrap*/
div.alert{
    width: 50%;
    margin-left: 25%;
}
div.alert h4{
    font-size: 14px!important;
}
/* FIN GESTION DES FLASHMESSAGE typés en alert bootstrap*/

/* GESTION CSS MODAL */

.modal-title{
    font-variant: small-caps;
}
.modal-header {
    background-color: #025625;
    border: 1px solid #025625;
    padding: 5px;
    padding-left: 25px ;
}
.modal-body .panel-heading{
    padding: 5px 10px;
}

.modal-body .panel-heading h3{
    font-size: 20px;
}
.modal-body form label{
    font-size: 11px!important;
}
/* modal admin user */
.modal-body .fiche_user, .modal-body .list_orgaUser{
    border-left: 10px solid #025625;
    border-right : none;
    border-bottom : none;
}
.modal-body .panel>.panel-heading h3{
    color: #025625;
    background: #FFFFFF!important;
}

.modal-body .panel>.panel-heading {
    background: #FFFFFF!important;
}
/* FIN GESTION CSS MODAL */

/* DATEPICKER */
/* Surcharge datepicker z-index sinon apparait derrière les modals */
.ui-datepicker {
    z-index: 9999 !important;
}

/* pour avoir personnaliser la couleur du haut du calendrier */
.ui-datepicker-header.ui-widget-header {
    background: #025625;
    border: #025625;
}

/*texte en haut du calendrier au couleur matys*/
.ui-datepicker-header.ui-widget-header span{
    color: white !important;
}
/* FIN DATEPICKER */

/* Menu contextuel */
.limit-context-size {
    max-height: 300px;
    overflow-y: scroll;
}

/* FORM CSS */
form{
    margin-bottom: 0 !important;
}

.form-control {
    font-size : 11px;
    height: 28px;
}

form label, .panel {
    font-size : 11px;
}

[type="checkbox"] {
    border:none!important;
    box-shadow:none!important;
    -webkit-box-shadow:none!important;
}

.paddingRow{
    margin-top: 5px;
}

.describeLegende{
    font-style: italic;
    font-size: 10px;
}
/* Fin FORM CSS */



/* Début jqgrid */
td.action{
    text-align: center !important;
}

td.action:hover{
    cursor:  pointer;
}

/*.ui-icon*/
/*{*/
/*    background-image: url(../../../bundles/matys/css/images/ui-icons_222222_256x240.png)!important;*/
/*}*/

.ui-widget-content {
    /*border : none!important;*/
    border: 1px solid #CCC;
    border-radius: 4px;

}
/* Niveau de la recherche avancée*/
.searchFilter .first{
    width: 10px;
}

/* class de l'affichage du profil */
.matys-profil-actif{
    margin: 0;
    color: #025625;
    font-weight: bolder;
    padding: 4px;
    text-transform: uppercase;
}
/* Fin jqgrid */

/* Jqdialog */

.ui-jqdialog-titlebar, .ui-draggable .ui-dialog-titlebar{
    background-color: #025625;
    background-image: none!important;
    border : none!important;
    font-size : 16px!important;
    color : white!important;
    font-variant: small-caps;
}
.ui-jqdialog {
    box-shadow: 2px 2px 0 #D9D9D9;
}
.ui-jqdialog {
    width: 100% !important;
    max-width: 700px !important;
    border-bottom-color: rgba(0, 0, 0, 0.2)!important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px!important;
    border-bottom-style: solid!important;
    border-bottom-width: 1px!important;
    border-left-color: rgba(0, 0, 0, 0.2)!important;
    border-left-style: solid!important;
    border-left-width: 1px!important;
    border-right-color: rgba(0, 0, 0, 0.2)!important;
    border-right-style: solid!important;
    border-right-width: 1px!important;
    border-top-color: rgba(0, 0, 0, 0.2)!important;
    border-top-left-radius: 6px!important;
    border-top-right-radius: 6px!important;
    border-top-style: solid!important;
    border-top-width: 1px!important;
    box-shadow: rgba(0, 0, 0, 0.498039) 0 3px 9px 0!important;
    box-sizing: border-box!important;
    color: rgb(66, 64, 65)!important;

}
.ui-jqdialog .ui-jqdialog-title,
.ui-dialog .ui-dialog-title{
    padding-left:15px!important;
}
.ui-jqdialog,
.ui-dialog  {
    padding: 0!important;
    font-family: Verdana,Arial,sans-serif!important;
}

.ui-dialog .ui-dialog-titlebar button,
.ui-dialog .ui-dialog-titlebar .ui-button{
    border:none!important;
}
.ui-dialog .ui-dialog-titlebar-close {
    width: 16px!important;
    height: 16px!important;
    right: .6em!important;
}

.ui-jqdialog .ui-widget-header .ui-icon,.ui-jqdialog .ui-widget-header .ui-icon {
    /*background-image: url(../../../bundles/matys/css/images/ui-icons_ffffff_256x240.png)!important;*/
    background-color: #025625;
}
.ui-jqdialog .fm-button{
    font-size: 14px!important;
    color: white!important;
    font-weight: normal!important;
}
.ui-jqdialog .fm-button .ui-icon{
    display: none!important;
}
.ui-dialog .ui-widget-header{
    background: #025625 50% 50% repeat-x;
}
.ui-dialog .selected,
.ui-dialog .available,
.ui-dialog .ui-multiselect {
    border:none !important;
}
/* Fin Jqdialog */

.noDisplay{
    display: none;
}

.form-inline label{
    padding : 0 10px!important;
}

.row_loading {
    font-size: 2em!important;
}

.identity-client hr{
    margin-top : 0!important;
}

/* Style des onglets*/
.nav-tabs > li.active > a{
    border-bottom:3px solid #025625;
    border-left:none!important;
    border-right:none!important;
    border-top:none!important;
}
.nav-tabs > li.active > a{
    color:#025625!important;
}
.nav-tabs > li > a{
    color:#777!important;
    font-size: 1.4em;
    cursor: pointer;
}

.nav-tabs > li > a:hover{
    background-color:Transparent!important;
    border:none!important;
}

/* Fin Style des onglets*/

/* Admin */
img.admin-preview {
    max-height: 200px;
    max-width: 200px;
}

.modalReceiver {
    left: 50%;
    margin-top: -130px !important;
    bottom: auto;
    right: auto;
    z-index: 1050;
    padding: 0;
    width: 1000px !important;
    margin-left: -450px;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
}

.disabled{
    background-color: #f1f1f2 !important;
}

.greyClassAction{
    background-color: #EFEFEF;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 15px;
    border-left: 10px solid #EFEFEF;
    padding-right: 30px;
    margin-top: 20px;
}

.btn-default:hover{
    background-color: white !important;
    color: #025625;
}