:root {
    --pointer: pointer;
    --line-border-fill: #3498db;
    --line-border-empty: #e0e0e0;
    
    --bad-dso: #B94646;
    --good-dso: #073B5C;
    --warn-dso: #C9AA2A;
    --primary-color: #B82F78 !important;
	--secondary-color: #073B5C;
    --validate-color: #3B9529;
		
	--line-border-fill: #3498db;
	--line-border-empty: #e0e0e0;
	--text-default:#073451;
  }
  
  body {
    /*background-color: rgb(217,217,217) !important;*/
    background-color: #F5F6F7;
    font-family: 'poppinsregular',Verdana,Arial,sans-serif!important;
    color: rgb(66,64,65);
}

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

nav > .container-fluid{
    position: fixed;
    width: 100%;
    background-color: white;
}

/* textes des éléments des formulaires dans la JQGrid en noir*/
button, input, optgroup, select, textarea {
    color: #000000;
    font-family: 'poppinsregular',Verdana,Arial,sans-serif!important;
}

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

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

.newBlackConso{
    background-color: #83A97F !important;
}




.purple, .purple a {
  /*color : rgb(181,42,121)*/
    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: 0px !important;
    z-index: 10;
}

.navbar-right{
    margin-right: 0 !important;
}
/*
.btn-default,
.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 !important; */
    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-toggle {
    color: var(--secondary-color) !important;
}

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

/*Supression de la bordure basse de la navbar*/
.navbar-static-top {
  border-width: 0 0 0px !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: 0px !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: 0px !important;
  box-shadow: none !important;
}

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

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

.fc-panel-donnees {
    border-radius: 0px !important;
    border-top: 0px !important;
    border-right: 0px !important;
    border-bottom: 0px !important;   
}

.bottomNull{
    margin-bottom: 0px !important
}

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

.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: 0px;
    margin-bottom: 0px;
    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);
}*/

.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: 0px !important;
    border: 0px solid white;
   -webkit-box-shadow: none!important;
    box-shadow:none!important;
}

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

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

.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;
}
/*      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;
}

/* Spécifique pour onglet du nouvel agenda */

.nav-tabs > li.active > a.tabClient, .nav-tabs > li.active > a.tabClient:hover {
    color:#000000 !important;
    background-color: #EFEFEF !important;
    border-bottom:3px solid #EFEFEF !important;
    font-size: 1em;
}
.nav-tabs > li > a.tabClient, .nav-tabs > li > a.tabClient:hover  {
    color:#FFFFFF !important;
    background-color: #505050 !important;
    border-bottom:3px solid #505050 !important;
    font-size: 1em;
}

/*
.tabClient, .tabClient > a {
    border: 1px solid #505050 !important;
    color: #FFFFFF !important;
}

.tabClient active, .tabClient active > a {
    background-color: #EFEFEF !important;
    border: 1px solid #EFEFEF !important;
    color: #000000 !important;
}*/

/* 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: #025625;
}
/* FIN DATEPICKER */

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

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

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

form label, .panel {
    font-size : 0.80rem;
    /*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: 0px;
    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 0px #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) 0px 3px 9px 0px!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: var(--primary-color) !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 : none;
    /*padding : 0 10px!important;*/
}

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

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

/* Style des onglets*/
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-bottom:3px solid #025625 !important;
    border-left:none!important;
    border-right:none!important;
    border-top:none!important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color:white!important;
    background-color: #025625 !important;
}

.nav-tabs > li > a{
    color:black!important;
    font-size: 1em;
    cursor: pointer;
}

.nav-tabs > li > a:hover{
    background-color:Transparent!important;
    border:none!important;
}
.nav-tabs > li.active > a.newPositionBtnBlack{
    color:white!important;
    background-color: #025625;
}
/* Fin Style des onglets*/

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

.nav-new{
    background-color: #E6E6E6 !important;
}

.newBlack{
    background-color: black !important;
}

.newClientName{
    color: white;
    font-size: 1.7em;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
}
.remainingAction{
    color: white;
    font-size: 1.2em;
    padding-top: 0.6em;
    margin-left: -1em;
    margin-right: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}
/*
.bubleAction{
    color: white;
    font-size: 1.0em;
    padding-top: 15px;
    font-weight: bold;
}

.bubleActionAuto{
    color: white;
    font-size: 1.0em;
    padding-top: 15px;
    font-weight: bold;
    min-width: 160px;
}

.bubleActionMan{
    color: white;
    font-size: 1.0em;
    padding-top: 15px;
    font-weight: bold;
    min-width: 160px;
}

.bubleActionFaites{
    color: white;
    font-size: 1.0em;
    padding-top: 15px;
    font-weight: bold;
    margin-right:5%;
    min-width: 160px;
}

.bubleActionRetoursWorkflow{
    color: white;
    font-size: 1.0em;
    padding-top: 15px;
    font-weight: bold;
    min-width: 180px;
}

.bubleActionAuto > span > a, .bubleActionAuto > span > a:hover,
.bubleActionRetoursWorkflow > span > a, .bubleActionRetoursWorkflow > span > a:hover,
.bubleActionRetoursMails > span > a, .bubleActionRetoursMails > span > a:hover,
.bubleActionRetoursPortail > span > a, .bubleActionRetoursPortail > span > a:hover,
.bubleActionFaites > span > a, .bubleActionFaites > span > a:hover
{
    color: white; 
    text-decoration: none;   
}

.bubleActionRetoursPortail{
    color: white;
    font-size: 1.0em;
    padding-top: 15px;
    font-weight: bold;
    min-width: 160px;
}

.bubleActionRetoursMails{
    color: white;
    font-size: 1.0em;
    padding-top: 15px;
    font-weight: bold;
    min-width: 160px;
}

.bubleActionLabel{
    text-align: center;
    padding-bottom: 0.6em;
    padding-top: 0.6em;
    background-color: #025625;
    float:left;
    width:65%;
}

.bubleActionValue{
    padding-bottom: 0.6em;
    padding-top: 0.6em;
    background-color: white;
    color:#025625;
    float:right;
    width:35%;
    text-align: center;
}

.bubleActionValueManu{
    padding: 0.6em 0.6em 0.6em 0.6em;
    background-color: white;
    color:#2F8000;
    float:right;
    width:30%
}

.bubleActionLabelManu{
    text-align: center;
    padding-bottom: 0.6em;
    padding-top: 0.6em;
    background-color: #025625;
    float:left;
    width:65%;
}

.bubleActionValueFaite{
    padding: 0.6em 0.6em 0.6em 0.6em;
    background-color: white;
    color:#434343;
    float:right;
    width:30%
}

.bubleActionLabelFaite{
    text-align: center;
    padding-bottom: 0.6em;
    padding-top: 0.6em;
    background-color: #434343;
    float:left;
    width:65%;
}
*/
.newClientButton{
    color: white;
    font-size: 1.1em;
    padding-top: 0.6em;
    padding-bottom: 0.6em;  
}

.btnNewBandeau{
    margin-left: 5px;
    font-size: 0.8em;
    padding: 10px !important;
}

.menuSearch{
    margin-top: 3px;
    padding: 4px !important;
}

.breadcrumbGb{
    background-color: white !important;
}

.paddingRowed{
    padding-bottom: 15px;
}

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

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

#actions .greyClassAction .btn,
#indicateurs .greyClass .btnNewIndics,
#indicateurs .greyClass .btnNewIndicsBlackMR
{
    cursor: default;
}

.btnNewIndics{
    background-color: #025625;
    color: #ffffff;
    font-size: 0.8em;
    padding: 15px !important;
    min-height: 130px;
    min-width: 130px;
}

.btnNewIndics2{
    margin-left: 5px;
    font-size: 0.8em;
    padding: 15px !important;
    background-color: white !important;
    color: black;
    min-height: 130px;
    min-width: 130px;
}

.btnNewIndicsBlack {
    margin-left: 5px !important;
    font-size: 0.6em;
    padding: 15px !important;
    background-color: black !important;
    color: white;
    min-height: 130px;
    min-width: 130px;
}

.btnNewIndicsBlackMR {
    margin-right: 5px !important;
    font-size: 0.6em;
    padding: 15px !important;
    background-color: black !important;
    color: white;
    min-height: 130px;
    min-width: 130px;
}

.btnNewIndicsBlackMR:hover {
    margin-right: 5px !important;
    font-size: 0.6em;
    padding: 15px !important;
    background-color: black !important;
    color: white;
    min-height: 130px;
    min-width: 130px;
}

.btnNewIndicsInfolegaleDefault {
    margin-right: 5px !important;
    font-size: 0.6em;
    padding: 15px !important;
    color: white;
    min-height: 90px;
    min-width: 130px;
    border-radius: 4px;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15) !important;
}

.btnBlack {
    font-size: 0.6em;
    padding: 15px !important;
    background-color: black !important;
    color: white;
    min-height: 130px;
    min-width: 130px;
}

.btnWhite{
    margin-left: 5px;
    margin-right: 0px;
    font-size: 0.8em;
    padding: 15px !important;
    background-color: white !important;
    color: black;
    min-height: 130px;
    min-width: 130px;
}

.fa.fa-eye {
    color: black;
}

.moneyIndic{
    font-size: 1.4em;
}

.dayIndic{
    font-size: 2.3em;
}

.btnNewIndicsGrey{
    font-size: 0.8em;
    padding: 15px !important;
    background-color: #505050 !important;
    color: white;
    width: 100%;
}

.lettersAutoClass{
    background-color: white !important;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 15px;
    border-left: 5px solid #49A21A;
    padding-right: 30px;
    width: 100%;
    padding: 13px !important;
}

div.infos, div.date {
    word-wrap: break-word;   
    overflow: hidden;
    text-overflow: ellipsis; 
}

.lettersManualClass{
    background-color: white !important;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 15px;
    border-left: 5px solid #2F8000;
    padding-right: 30px;
    width: 100%;
    padding: 13px !important;
}
/*#btnAlerts div{*/
/*    animation: blink 1s linear infinite;*/
/*}*/

/*.blink{*/
/*    width:200px;*/
/*    height: 50px;*/
/*    background-color: magenta;*/
/*    padding: 15px;*/
/*    text-align: center;*/
/*    line-height: 50px;*/
/*}*/
/*span{*/
/*    font-size: 25px;*/
/*    font-family: cursive;*/
/*    color: white;*/
/*    animation: blink 1s linear infinite;*/
/*}*/
/*@keyframes blink{*/
/*    0%{opacity: 0;}*/
/*    50%{opacity: .5;}*/
/*    100%{opacity: 1;}*/
/*}*/

#btnAlert{
    /*animation: blink 1s linear infinite;*/
    color: #ffffff !important;
}

#btnAlert.blink {
    /*background-color: rgb(230, 255, 230);*/
    /*background-color: rgb(255, 140, 140);*/
    background-color: #F05050;
}

#btnAlert {
    background-color: #8b0000;
}

#btnAlert:focus, #btnAlert:hover {
    background-color: white !important;
    color: #F05050 !important;
    border: 1px solid #F05050 !important;
}
/*@keyframes blink{*/
/*    0%{opacity: 0;}*/
/*    50%{opacity: .5;}*/
/*    100%{opacity: 1;}*/
/*}*/

.btnNewActions{
    background-color: #025625;
    color: #ffffff !important;
    margin-left: 5px;
    font-size: 1.4em;
    transition: all 0.5s ease-out;
}

.btnNewActions:focus, .btnNewActions:hover{
    -webkit-tap-highlight-color: transparent !important;
    opacity: 0.6;
}

.btnNewActionsDropdown{
    background-color: #025625;
    color: #ffffff !important;
    margin-left: 5px;
    font-size: 0.8em;
    padding: 7px !important;
}

.btnNewActionsDropdown:focus, .btnNewActionsDropdown:hover{
    background-color: white !important;
    color: #025625 !important;
}

.btnNewActionsSimple{
    background-color: #025625;
    color: #ffffff !important;
    margin-left: 5px;
    font-size: 0.8em;
    padding: 11px !important;  
}

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

.btnNewActionsSimpleDropDown{
    background-color: #025625;
    color: #ffffff !important;
    margin-left: 5px;
    font-size: 0.8em;
    padding: 9px !important;  
}

.btnNewActionsSimpleDropDown:focus, .btnNewActionsSimpleDropDown:hover{
    background-color: white !important;
    color: #025625 !important;
}

.btnNewBandeau:focus, .btnNewBandeau:hover{
    background-color: white !important;
    color: #025625;
}

.btnNewIndics:focus, .btnNewIndics:hover{
    color: white !important;
}

.btnNewIndicsBlack:focus, .btnNewIndicsBlack:hover,
.btnBlack:focus, .btnBlack:hover
{
    color: white !important;
}

.btnNewIndicsGrey:focus, .btnNewIndicsGrey:hover{
    color: white !important;
}

.btnNewActions2{
    background-color: #025625;
    color: #ffffff !important;
    margin-left: 5px;
    font-size: 0.8em;
    padding: 10px !important;
    width: 150px;
    height: 50px;
}

.btnNewActionsTest{
    font-size: 0.8em;
    padding: 15px !important;
    background-color: #505050 !important;
    color: white;
}

.minusButton{
    font-size: 25px !important;
    color: #025625;
    margin-right: 6px;
}

.spanBtnSimple{
    text-align: left; 
    word-wrap: break-word; 
    font-size: 1.4em;
}

.contactSize{
    font-size: 1.5em;
}
    


 #draggablePanelList .draggableIcon {
    cursor: move;
}

.btnRelance {
    background-color: #025625;
    color: #ffffff !important;
    margin-left: 15px;
    font-size: 0.6em;
    padding: 3px !important;
}

#editSchedulePanel {
    padding: 3em;
    margin-top: 1.5em;
}
.submenu {
    position: fixed;
    top:0px;
    background: var(--secondary-color) !important;
     background-attachment: fixed;
    padding:0;
    width: 88px;
    height: 100vh;
}

.submenu a{
    display: block;
    text-align: center;
    color: #fff;
    height: 94px;
    padding-top: 28px;
}

.submenu a:hover{
    color : #073451 !important;
}

.submenu a:active{
    background-color: #F5F6F7 !important;
}

.submenu ul{
    margin-top:154px;
}

.submenu li a:focus, .submenu ul.nav li a:active, .submenu li a:hover, .submenu ul.nav li a.active {
    background-color: #f5f6f7 !important;
    color : #073451 !important;
/* 	border:solid 3px red; */
}
.spinner { 
  position:relative;
  width: 210px;
  border-radius: 150px;
  margin: 0 auto;

}

.circle-spinner {
  background-color: #1176B9;
  float:left;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 20px;
  animation: bounce 1.5s 0.5s linear infinite;
}

@keyframes bounce {
	0%, 50%, 100% {
		transform: scale(1);
	}
	25% {
		transform: scale(0.6);
	}
	75% {
		transform: scale(1.4);
	}
}

#toggler {
	margin-right: 3px;
}

#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;
    background-color: #0a7832 !important;
}

#topCol {
    width: 10% !important;
}