@font-face {
    font-family: 'UbuntuRegular';
    src:  url('/common/fonts/Ubuntu-Regular.ttf');
}

@font-face {
    font-family: 'UbuntuLigh';
    src:  url('/common/fonts/Ubuntu-light.ttf');
}

/* Force la police */
html, body, input, label, div, span, h1, h2, h3,h4, h5,h6, p, a, button, ol, ul{
    font-family: 'UbuntuRegular', 'Trebuchet MS', Arial !important;
}

html{
    margin: 0px;
    height: 99.8%;
}

body{
    background-color: white;
    height: 99%;
}

/* Permet de mettre le menu responsive au dessus d'une frame */
.navigation-bar {
    z-index:2;
}

/*  */

/* Menu d'authentification aligné à droite. */
.metro .navigation-bar .element-menu.place-right
.metro .navbar .element-menu.place-right {
    padding-right: 10px;
}
.metro .navigation-bar .navigation-bar-content .place-right [class*="icon-"],
.metro .navigation-bar .navbar-bar .place-right [class*="icon-"] {
    font-size: inherit !important;
}

/* Gestion de l'affichage du menu vert / en mode complet avec redimentionnement automatique*/
.metro .navigation-bar .element.logo-interact > i, .display_none {
    display: none;
}
.metro .navigation-bar.green .element-menu > l i > a,
.metro .navbar .element-menu>li>a {
    font-size: 14px;
    padding-left: 1em;
    padding-right: 1em;
}
/* Redimentionnement automatique de la police */
@media only screen and (max-width: 1400px) and (min-width: 801px) {
    .metro .navigation-bar .element.logo-interact {
        background: none;
        width: auto;
    }
    .metro .navigation-bar .element.logo-interact > i {
        display: inline-block;
        font-size: 2vw;
        margin-top: calc(50% - 1.3vw);
    }
    .metro .navigation-bar.green .element-menu>li>a,
    .metro .navbar .element-menu>li>a {
        font-size: 1vw;
    }
}
@media only screen and (min-width: 1400px){
    .metro .logo-interact img{
        display:none;
    }
}

/* Gestion de l'affichage du menu vert / en mode responsive */
@media only screen and (max-width: 800px) {
    .metro .logo-interact img{
        display:none;
    }

    .metro .navigation-bar.green .element-menu>li>a,
    .metro .navbar .element-menu>li>a {
        /*font-size: .8em;*/
        padding: 10px;
    }

    .metro .navigation-bar.green .element-menu>li>a.dropdown-toggle:after,
    .metro .navbar .element-menu>li>a.dropdown-toggle:after {
        margin-left: -30px;
    }

    .metro .navigation-bar-content .element-menu>li>.dropdown-menu .dropdown-menu>li>a {
        padding-left: 2em !important;
    }
}
.metro .navigation-bar .pull-menu:before, .metro .navbar .pull-menu:before {
    top: 13px;
}

/* Fond d'écran isicom gris (pas de logon) */
.background-isicom {
    background-image: url('/common/img/wave.svg');
    background-color: #bbb;
    -webkit-background-size: cover;
    background-size: cover;
}

/* Fond d'écran isicom blanc (pas de logon) */
.background-white-isicom {
    background-image: url('/common/img/wave.svg');
    -webkit-background-size: cover;
    background-size: cover;
}

/* Etat désactivé rond gris */
.bullet-disabled {
    background-image: url('/common/img/icons/16/bullet_grey.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}
/* Etat Actif rond vert */
.actif {
    background-image: url('/common/img/icons/16/violet-bullet.svg');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}
/* Etat inactif rond rouge */
.inactif {
    background-image: url('/common/img/icons/16/red-bullet.svg');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}
/* Etat médian rond orange */
.median {
    background-image: url('/common/img/icons/16/bullet_orange.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.error {
    color: #FA4D0D;
}

.metro .container{
    margin: 20px;
}

/* Positionnement du bloc de logon dans la page */
.metro .login-externe {
    position: relative;
    top: 100px;
    margin-left: auto;
    margin-right: auto;
    z-index: 3;
    width: 350px;

    -moz-box-shadow: 2px 2px 5px 0px #656565;
    -webkit-box-shadow: 2px 2px 5px 0px #656565;
    -o-box-shadow: 2px 2px 5px 0px #656565;
    box-shadow: 2px 2px 5px 0px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);


}

.metro .login-interne {
    padding: 20px 40px 20px 40px;
    border: 1px #ccc solid;
    background-color: #fdfdfd;
}

/* Positionnement  du logo dans le menu en haut à gauche */
.metro .logo {
    margin-bottom: 10px;
}

.metro .logo-isicom {
    background: url(/common/img/logo_isicom_white.svg) no-repeat left top;
    background-size: 85.625%;
    height: 45px;
    width: 160px;
    background-position: center; 
}
.metro .logo-interact {
    background: url(/common/img/logo_isicom_white.svg) no-repeat left top;
    background-size: 85.625%;
    height: 45px;
    width: 160px;
    background-position: center; 
}

.metro .logo-interact img{
    height: 20px;
    width:20px;
}

.metro .green .dropdown-menu {
    min-width: 240px;
}

.metro .green .dropdown-menu li,
.metro .light .dropdown-menu li {
    margin: 0;
    border-bottom:1px solid gray  ! important; 
}

.metro .green .dropdown-menu li:last-child,
.metro .light .dropdown-menu li:last-child {
    margin: 0;
    border-bottom:1px solid transparent  ! important; 
}

.metro .light .dropdown-menu {
    min-width: auto;
}

.metro .light .dropdown-menu li a{
    white-space: nowrap;
}


.metro .dropdown-menu.dark li a {
    padding: 7px 7px 7px 16px ! important;
}

.metro .dropdown-menu.dark{
    background-color: #707ABA;
    border: 2px #707ABA solid;
}

.metro .navigation-bar.green {
    background-color: #707ABA ! important;
}

.metro .navigation-bar.green li > a:hover,
.metro .navigation-bar.green li > a:active,
.metro .navigation-bar.light li > a:hover,
.metro .navigation-bar.light li > a:active,
.metro .navigation-bar.light li > a.current {
    background-color: #A59FE6 ! important;
    color: white;
    border-color: #A59FE6;        
}

.metro a:focus,
.metro .link:focus,
.metro a:active,
.metro .link:active,
.metro .link:hover {
    background-color: #A59FE6;
    color: white;
}

.metro .ui-tabs-vertical-peWizard ul li a:focus,
.metro .ui-tabs ul li a:focus {
    background-color: #A59FE6!important;
}

.metro .dropdown-menu a{
    padding: 5px 10px !important;
    font-size: 13px !important;
    line-height: 13px;
}


/* Bouton gris */
.btn-grey{
    background-color: #707ABA !important;
    color:#FFFFFF !important;
}

.metro-footer .btn_left {
    margin-right: 10px;
}

.btn_right{
    margin-left: 10px;
    float: right;
}

.ui-button-text{
    color:#222;
}

.btn-grey:hover .ui-icon,
button.ui-state-hover .ui-icon,
input.ui-state-hover .ui-icon,
td.ui-state-hover .ui-icon {
    background-image: url("/common/libext/jQuery/css/themes/isicom/images/ui-icons_ffffff_256x240.png");
}

/* Permet de mettre les labels en ligne */
.metro label {
    display: inline-block;
}

/* Permet de décaler et grossir la flêche dans le menu du header */
.metro .navigation-bar.green .element-menu > li > a.dropdown-toggle:after,
.metro .navbar .element-menu > li > a.dropdown-toggle:after {
    left: 97%;
    top: calc(50% - .5em);
    margin-top: 0;
}

.metro .navigation-bar.green .element-menu > li {
    cursor: pointer;
}

/*---- menu-breadcrumbs (classe spécifique à isi-com) ----*/
.metro .breadcrumbs.menu-breadcrumbs ul li {
    line-height: 2em;
    margin: 0 1.2em 0 0;
}

.metro .breadcrumbs.menu-breadcrumbs ul li a {
    padding: 1px 10px;
    background-color: #edebeb;
    cursor: pointer;
    font-size: 1em;
}

.metro .breadcrumbs.menu-breadcrumbs ul li a::before {
    border-color: #edebeb #edebeb #edebeb transparent;
}

.metro .breadcrumbs.menu-breadcrumbs ul li a::after {
    border-left-color: #edebeb;
}

.metro .breadcrumbs.menu-breadcrumbs ul li a:not(.current):hover {
    background-color: #ececec;
}

.metro .breadcrumbs.menu-breadcrumbs ul li a:not(.current):hover::before {
    border-color: #ececec #ececec #ececec transparent;
}

.metro .breadcrumbs.menu-breadcrumbs ul li a:not(.current):hover::after {
    border-left-color: #ececec;
}

.metro .breadcrumbs.menu-breadcrumbs ul li a:not(.current):active {
    background-color: #e9e9e9;
}

.metro .breadcrumbs.menu-breadcrumbs ul li a:not(.current):active::before {
    border-color: #e9e9e9 #e9e9e9 #e9e9e9 transparent;
}

.metro .breadcrumbs.menu-breadcrumbs ul li a:not(.current):active::after {
    border-left-color: #e9e9e9;
}

.metro .breadcrumbs.menu-breadcrumbs ul li a.current {
    cursor: default;
}

.metro .breadcrumbs.menu-breadcrumbs ul li a.root {
    padding-left: 5px;
    padding-right: 3px;
}

.metro .breadcrumbs.menu-breadcrumbs ul li a.root > div {
    font-size: 1.8em;
}

.metro .breadcrumbs.menu-breadcrumbs ul li a.root > div > i {
    vertical-align: -2%;
}


/*---- menus-frères ----*/
.brother-menus > .brother-menu {
    display: inline-block;
    margin-right: 5px;
    height: 28px;
    width: 28px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-position: 3px 3px;
    background-repeat: no-repeat;
}

.brother-menus > .brother-menu,
.brother-menus > .brother-menu:active,
.brother-menus > .brother-menu:focus {
    background-color: #edebeb;
}

.brother-menus > .brother-menu.current {
    width: auto;
    cursor: default;
}

.brother-menus > .brother-menu > .menu-icon {
    float: left;
    margin-top: .15em;
    width: 28px;
    font-size: 1.65em;
    text-align: center;
}

.brother-menus > .brother-menu > .menu-icon.fa {
    margin-top: .17em;
}

.brother-menus > .brother-menu > .menu-icon.background-icon {
    display: inline-block;
    height: 22px;
    width: 22px;
    margin-left: 3px;
    margin-right: 0;
}

.brother-menus > .brother-menu > .text-icon {
    font-size: .86em;
    margin-top: .69em;
}

.brother-menus > .brother-menu > .menu-text {
    display: none;
    float: left;
    margin-top: .43em;
    margin-left: .5em;
    margin-right: .8em;
}

.brother-menus > .brother-menu.current {
    max-width: none;
}

.brother-menus > .brother-menu.current .menu-text {
    display: block;
}

.brother-menus > .brother-menu.current .text-icon {
    display: none;
}

.brother-menus > .brother-menu.current .text-icon ~ .menu-text {
    margin-left: .8em;
}

.brother-menus > .brother-menu.brother-menu-with-img.current > .menu-text {
    margin-left: 2.6em;
}

.brother-menus > .brother-menu:not(.current):hover {
    background-color: #ececec;
}

.brother-menus > .brother-menu:not(.current):active {
    background-color: #e9e9e9;
}

/*-------------------*/
div.ui-slider .ui-state-default{
    background : #707ABA! important;
    border: black ! important;
}

.ui-widget{
    font-size: 11px ! important; 
    font-family: 'UbuntuRegular', 'Trebuchet MS', Arial! important;
}

.ui-widget-header:not(.ui-dialog-titlebar) {
    background: #42495E;
    color: white! important;
    border: 0px! important;
}


/* JQUERY DIALOG */
.ui-dialog > .ui-dialog-titlebar {
    background-color: #707ABA;
    color: #FFF;
}

.ui-dialog > .ui-dialog-buttonpane {
    background-color: #707ABA;
    border-top: none;
    color: #FFF;
}

.ui-dialog > .ui-dialog-titlebar > .ui-button.ui-state-default.ui-dialog-titlebar-close > .ui-icon {
    background-image: url("/common/libext/jQuery/css/themes/isicom/images/ui-icons_ffffff_256x240.png");
}

.ui-dialog {
    padding: 0! important;
    -webkit-border-top-left-radius: 3px! important;
    -webkit-border-top-right-radius: 3px! important;
    -moz-border-radius-topleft: 3px! important;
    -moz-border-radius-topright: 3px! important;
    border-top-left-radius: 3px! important;
    border-top-right-radius: 3px! important;

    -webkit-box-sizing: initial !important;
    box-sizing: initial !important;
}

.ui-dialog .ui-dialog-content {
    -webkit-box-sizing: initial !important;
    box-sizing: initial !important;
}

.ui-dialog-titlebar > .ui-dialog-titlebar-close{
    background: none! important;
    border: 0! important;
}

.ui-state-active{
    border-color: #CECCF7! important;
    background: #CECCF7! important;
}


.ui-state-active a{
    color: white! important;
}


.ui-tabs-active.ui-state-active, .ui-tabs-active.ui-state-active a:link{
    border-color: #A59FE6! important;
    background: #A59FE6! important;
}

.ui-tabs-active a{
    color: black! important;
} 

/* A vérifier */
.ui-state-default[aria-selected="false"] a{
    background: #42495E! important;
    color: #e6e6e6! important;
}

.ui-state-focus, input:focus, select:focus{
    outline-color: #A59FE6;
}

.ui-timepicker-list{
    font-size: 11px;
}

.metro div[contenteditable="true"] {
    padding: 2px 20px 2px 2px;
    cursor: text;
}

button.ui-datepicker-trigger {
    padding: 0;
}

.move-left-240{
    left:-100%! important;
}

.metro .navigation-bar .element-menu.place-right > li > .dropdown-menu {
    right: 0;
    left: auto;
}

.ui-tabs-vertical-peWizard ul,
.ui-tabs-vertical-campaignGestion ul.ui-tabs-nav,
#tabsdonnees ul {
    background: #f2f2f2! important;
}

.metro .table td{
    padding: 5px;
}

/* Progressbar */
.ui-progressbar .ui-progressbar-value{
    margin: 0;
}

.ui-progressbar.ui-widget.ui-widget-content>span{
    top:0;
    left: 44%;
}
/* Fin Progressbar */


.ui-widget-content table tr td{
    white-space: nowrap;
}


body div[role="tooltip"].ui-tooltip {
    border-width: 1px;
}

body div[role="tooltip"].ui-tooltip.tooltip_isicom {
    word-break: break-word;
    overflow: hidden;
}

#display{
    top: 45px;
}

#campaign_section, #campaign_contents{
    top:0;
    margin:0;
}

.metro-titlebar {
    text-align: left;
    padding: .3em .2em .2em .3em;
    position: relative;
    font-size: 12px;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    background: #42495E;
    color: white;
}

.metro-content-data {
    position: absolute;
    overflow: auto;
    width: 100%;
    top: 21px;
    bottom: 50px;
}

.metro-fullpage-view {
    margin-top: 10px;
}

.metro-fullpage-view .metro-content-data {
    height:calc(100% - 70px - 10px);
}

.metro .tile.quinto-vertical {
    height: 640px;
}
.metro .brand.top-brand {
    bottom: auto;
    top: 0;
}

.metro-footer{
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: 0;
    padding: 10px;
    height: 30px;
    box-sizing: content-box;
    background-color: #707ABA! important;
    color: white;
}

/*Couleurs ISI-Com */
.fg-isi-yellow {
    color: #A59FE6 !important;
}
.fg-isi-violet {
    color: #707ABA !important;
}
.fg-isi-violet-2 {
    color: #A59FE6 !important;
}
.fg-isi-green {
    color: #707ABA !important;
}
.fg-isi-red {
    color: #FA4D0D !important;
}
.fg-isi-white {
    color: white !important;
}
.fg-isi-grey {
    color: #BABACE !important;
}

.fg-isi-medium-gray {
    color: #A6A6A6 !important;
}

.fg-isi-medium-light-gray {
    color: #CDCDCD !important;
}

.fg-isi-light-yellow {
    color: #CECCF7 !important;
}
.fg-isi-light-green {
    color: #FFE9CF !important;
}
.fg-isi-light-red {
    color: #feead2 !important;
}
.fg-isi-light-gray {
    color: #f2f2f2 !important;
}

.bg-isi-yellow {
    background-color: #A59FE6 !important;
}
.bg-isi-green {
    background-color: #707ABA !important;
}
.bg-isi-red {
    background-color: #FA4D0D !important;
}
.bg-isi-gray {
    background-color: #42495E !important;
}

.bg-isi-light-yellow {
    background-color: #CECCF7 !important;
}
.bg-isi-light-green {
    background-color: #FFE9CF !important;
}
.bg-isi-light-red {
    background-color: #feead2 !important;
}
.bg-isi-light-gray {
    background-color: #EAEAF4 !important;
}

.bd-isi-yellow {
    border-color: #A59FE6 !important;
}
.bd-isi-green {
    border-color: #707ABA !important;
}
.bd-isi-red {
    border-color: #FA4D0D !important;
}
.bd-isi-gray {
    border-color: #BABACE !important;
}

/* Couleurs réseaux sociaux */
:root {
    --facebook-color: #4267B2;
    --whatsapp-color: #25D366;
}
.fg-facebook {
    color: var(--facebook-color);
}
/* Annimation de rotation */
@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@-ms-keyframes rotate {
    from {-ms-transform: rotate(0deg);}
    to {-ms-transform: rotate(360deg);}
}

ul.isi-com-list
{
    margin:0;
    overflow-y: scroll;
    list-style-type: none;
    padding-left: 0;
}
ul.isi-com-list>li.ui-widget-content
{
    cursor:pointer;
    padding-left:5px;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
ul.isi-com-list>li.ui-widget-content:not(.ui-state-active):hover,
ul.ui-fancytree.fancytree-container li>span.fancytree-node:not(.fancytree-active):hover
{
    background: #FFE9CF;
}
ul.isi-com-list>li.ui-widget-content.ui-state-active
{
    border-color: inherit !important;
}

ul.ui-fancytree.fancytree-container span.fancytree-node.fancytree-active,
ul.ui-fancytree.fancytree-container span.fancytree-node.fancytree-active.fancytree-selected
{
    background: #CECCF7;
    border-color: #d3d3d3;
}

/*SELECT 2*/
.select2 > .selection > .select2-selection.select2-selection--single {
    border-radius: 0;
}

.select2 > .selection > .select2-selection.select2-selection--multiple {
    min-height: 29px;
}

.select2 > .selection > .select2-selection > .select2-selection__rendered {
    padding: 0 2px;
    color: black;
}
.select2 > .selection > .select2-selection.select2-selection--single > .select2-selection__rendered {
    margin-right: 10px;
}

.select2 > .selection > .select2-selection > .select2-selection__rendered > .select2-selection__choice {
    border-radius: 0;
    background-color: #eeeeee;
    border: 1px solid #999999;
    font-size: .875rem;
    cursor: default;
    float: left;
    margin-right: 2px;
    margin-top: 2px;
    padding: 0 5px;
    vertical-align: middle;
    color: black;
}

.select2 > .selection > .select2-selection > .select2-selection__rendered > .select2-selection__choice > .select2-selection__choice__remove {
    font-size: 1.1em;
}

.select2-container > .select2-dropdown {
    border: 1px solid #aaa;
    border-radius: 0;
}

.select2-container > .select2-dropdown > .select2-results > .select2-results__options .select2-results__options--nested {
    padding-left: 0;
}

.select2-container > .select2-dropdown > .select2-results > .select2-results__options .select2-results__options--nested .select2-results__option {
    padding-left: 15px;
}

.select2-container > .select2-dropdown > .select2-results > .select2-results__options .select2-results__option {
    padding: 4px;
    font-size:  11px;
    padding-right: 25px;
    white-space: nowrap;
}

.select2-container > .select2-dropdown > .select2-results > .select2-results__options .select2-results__option[role="group"] {
    padding: 0;
}

.select2-container > .select2-dropdown > .select2-results > .select2-results__options .select2-results__option[role="group"] > .select2-results__group {
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: inherit;
}

.select2-container > .select2-dropdown > .select2-results > .select2-results__options .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container > .select2-dropdown > .select2-results > .select2-results__options .select2-results__option.select2-results__option--highlighted {
    background-color: #707ABA;
}

/* context menu jquery mise en couleur isicom des icones fontawsome et pour le hover */
.context-menu-list .context-menu-item.context-menu-hover{   
    background-color: #707ABA;
}

.context-menu-list .context-menu-icon.context-menu-icon--fa::before{
    color: #707ABA;
}

.hidden {
    display: none !important;
}

/* Tinymce */
/* -- Correction alignement "insérer une image - source" */
.mce-combobox input {
    vertical-align: bottom;
}

.mce-primary button,
.mce-btn button{
    color:#7C839B!important;
}
.mce-foot .mce-btn,
.mce-window .mce-btn:hover,
.mce-window .mce-btn:focus{
    border-color: transparent!important;
    background-color: transparent;
}

/* QualificationsTreeInput */
.noneQualifBtn {
    left: 12px;
    position: absolute;
}

/* Input checkbox  */

input[type="checkbox"]:checked {
    background:#7C839B!important;
    color: white;
}
  
input[type="checkbox"] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background: white;
    border: 1px solid grey;
    border-radius: 3px;
    color: white;
    height: 11px!important;
    width: 11px!important;
    position: relative;
}

.ui-multiselect-menu input[type=checkbox]:checked:before{
    background: url(/common/img/check.svg) no-repeat;
    background-size: 10px;
    content: "";
    height: 12px;
    left: 1px;
    position: absolute;
    top: -2px;
    bottom: 0px;
    right: 0px;
}


input[type=checkbox]:checked:before {
    background: url(/common/img/check.svg) no-repeat;
    background-size: 100%;
    content: "";
    height: 12px;
    left: 0px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    margin:auto;
}


/* All bouton */

/* Bouton vert isi-com au survol */

.metro button:focus{
    border: 2px #353535 dotted
}

button.isi-button:hover {
    color: #fff;
    border-color: #fff;
    background-color: #707ABA;
}

.button_duplicate,
.button_default,
.btn_left:not(.continueDialog ):not(.cancelDialog):not(.closeDialog):not(.addDialog):not(.trashDialog):not(.button_delete):not(.button_add):not(:hover):not(.button_disconnect),
.metro-footer > button:not(.continueDialog ):not(.cancelDialog):not(.closeDialog):not(.addDialog):not(.trashDialog):not(.button_delete):not(.button_add):not(:hover):not(.button_disconnect),
#music_list_button_next,
.buttonDialog:not(.ISI-active),
.button_cancel,
.metro button,
.button_refresh,
.isi-button,
.button_refresh,
.metro button.default,
.buttonDialogWithIcon,
.ui-button-icon-only,
#contactsGroup_grid_button_refresh,
#responsesTypeItemGrid_button_cancel,
#responsesTypeGrid_button_refresh,
#themesGrid_button_cancel,
#hebdo_buttons button,
.button_duplicate.ui-state-default,
.button_allday.ui-state-default,
.button_empty.ui-state-default,
#import_button{
    background:white;
    border: 2px solid #CECCF7;
    border-radius: 5px;
    color:#7C839B;
}

.button_duplicate:not(#supervisor_profiles_button_duplicate) > span,
.button_default > span ,
.btn_left:not(#supervisor_profiles_button_generate):not(#supervisor_profiles_button_add):not(#supervisor_profiles_button_delete):not(#supervisor_profiles_button_duplicate):not(.button_delete):not(.button_add):not(.button_disconnect):not(.cancelDialog):not(.continueDialog):not(.addDialog):not(.trashDialog):not(:hover):not(:active) > span ,
.metro-footer > button:not(:hover):not(.continueDialog ):not(.cancelDialog):not(.closeDialog):not(.addDialog):not(.trashDialog):not(.button_delete):not(.button_add):not(:hover):not(.button_disconnect):not(#button_refresh):not(#button_apply) > span,
#music_list_button_next > span,
.buttonDialog:not(#button_refresh):not(:hover):not(:active) > span,
.button_refresh:not(:hover):not(#quality_question_themes_button_refresh):not(:active) > span,
.isi-button,
.btn-grey> span,
.buttonDialogWithIcon > span,
#contactsGroup_grid_button_refresh > span,
#hebdo_buttons button > span,
.button_duplicate.ui-state-default  > span,
.button_allday.ui-state-default  > span,
.button_empty.ui-state-default  > span,
#import_button > span
{
    color: #7C839B;
}

.buttonDialog:hover,
.btn-grey:hover,
input.ui-state-hover,
td.ui-state-hover,
div.ui-pg-button.ui-state-hover,
.metro-footer #button_apply:hover,
.isi-button:hover,
#music_list_button_next:hover,
.button_cancel:hover,
.btn_left:hover,
.button_refresh:hover,
.buttonDialogWithIcon:hover,
.ui-button-icon-only:hover,
#contactsGroup_grid_button_refresh:hover,
.mce-tinymce button:hover,
.fc-next-button:hover,
.fc-prev-button:hover,
#responsesTypeItemGrid_button_cancel:hover,
#responsesTypeGrid_button_refresh:hover,
#themesGrid_button_cancel:hover,
.mce-btn button:hover,
#hebdo_buttons button:hover,
.button_duplicate.ui-state-default:hover,
.button_allday.ui-state-default:hover,
.button_empty.ui-state-default:hover,
#import_button:hover
{
    background: #CECCF7;
    color: white ;
    border: 2px solid #CECCF7;
    outline-color: transparent;
    border-radius: 5px;
}

.buttonDialogWithIcon:active,
.metro button.buttonDialog.active,
.buttonDialog .ISI-active,
.buttonDialog.ISI-active,
.metro button.buttonDialog:active,
.metro button.btn-grey:active,
.metro-footer #button_apply:active,
.metro button.isi-button:active,
#music_list_button_next:active,
.metro button.button_cancel:active,
.metro button.btn_left:active,
.metro button.button_refresh:active,
.metro button:active
{
    background: #CECCF7!important;
    color: white ;
    border: 2px solid #CECCF7;
    outline-color: transparent;
    border-radius: 5px;
}

.buttonDialog:hover span,
.btn_left:hover:not(#supervisor_profiles_button_generate):not(#supervisor_profiles_button_add):not(#supervisor_profiles_button_delete):not(#supervisor_profiles_button_duplicate):not(.button_delete):not(.button_add):not(.button_disconnect):not(.cancelDialog):not(.continueDialog) > span,
.metro button:hover:not(.continueDialog ):not(.cancelDialog):not(.closeDialog):not(.addDialog):not(.trashDialog):not(.button_disconnect):not(.button_close) span,
.metro-footer #button_apply:hover >span,
button.ui-state-hover:not(.ui-multiselect):not(.continueDialog ):not(.cancelDialog):not(.closeDialog):not(.addDialog):not(.trashDialog):not(.button_disconnect):not(.button_close) > span,
.buttonDialog:active span,
button:active:not(.continueDialog ):not(.cancelDialog):not(.closeDialog):not(.addDialog):not(.trashDialog):not(.button_disconnect):not(.button_close) span,
.metro-footer #button_apply:active >span,
.buttonDialogWithIcon:hover > span,
.buttonDialogWithIcon:active > span,
.btn_left:hover  span,
#contactsGroup_grid_button_refresh:hover > span,
.buttonDialogWithIcon:active > span,
.metro button.buttonDialog.active > span, 
.metro button.buttonDialog:active > span,
.metro button.btn-grey:active > span,
.metro-footer #button_apply:active > span,
.metro button.isi-button:active > span,
#music_list_button_next:active > span,
.metro button.button_cancel:active > span,
.metro button.btn_left:active > span,
.metro button.button_refresh:active > span,
.metro button:active > span,
#hebdo_buttons button:hover > span,
.button_duplicate.ui-state-default:hover  > span,
.button_allday.ui-state-default:hover  > span,
.button_empty.ui-state-default:hover > span,
#import_button:hover > span
{
    color: white;
}

.button_apply,
.button_add,
.continueDialog,
.addDialog,
.metro-footer #button_apply,
.metro button.button_apply,
.metro button.button_add,
.metro button.continueDialog,
.metro button.addDialog
{
    background:white;
    border: 2px solid #0EE5A3;
    border-radius: 5px;
    color: #0EE5A3;
}

.button_apply:not(#supervisor_profiles_button_apply) > span ,
.button_add:not(#supervisor_profiles_button_add) > span,
.continueDialog > span,
.addDialog > span,
.metro-footer #button_apply > span{
    color: #0EE5A3;
}

.button_apply:hover,
.button_add:hover,
.continueDialog:hover,
.addDialog:hover,
.metro-footer #button_apply:hover,
.metro button.button_apply:hover,
.metro button.button_add:hover,
.metro button.continueDialog:hover,
.metro button.addDialog:hover
{
    background: #0EE5A3;
    border: 2px solid #0EE5A3;
    color: white;
}

.button_apply:active,
.button_add:active,
.continueDialog:active,
.addDialog:active,
.metro button.button_apply:active,
.metro button.button_add:active,
.metro button.continueDialog:active,
.metro button.addDialog:active,
.metro-footer #button_apply:active
{
    background: #0EE5A3!important;
    border: 2px solid #0EE5A3!important;
    color: white;
}

.button_apply:hover:not(#supervisor_profiles_button_apply) > span ,
.button_add:hover:not(#supervisor_profiles_button_add) > span,
.continueDialog:hover > span,
.addDialog:hover > span,
.metro-footer #button_apply:hover > span,
.button_apply:active:not(#supervisor_profiles_button_apply) > span ,
.button_add:active:not(#supervisor_profiles_button_add) > span,
.continueDialog:active > span,
.addDialog:active > span,
.metro-footer #button_apply:active > span{
    color: white!important;
}

.button_apply:not(#supervisor_profiles_button_apply) > .ui-icon,
.button_default > .ui-icon ,
.button_delete:not(#supervisor_profiles_button_delete) > .ui-icon ,
.button_add:not(#supervisor_profiles_button_add):not(.button_add_icon) > .ui-icon ,
.button_close > .ui-icon,
.button_duplicate:not(#supervisor_profiles_button_duplicate):not(#button_duplicate_horaires) > .ui-icon,
.btn_left:not(#supervisor_profiles_button_generate):not(#supervisor_profiles_button_add):not(#supervisor_profiles_button_delete):not(#supervisor_profiles_button_duplicate) > .ui-icon,
.metro-footer > button > .ui-icon :not(.ui-icon-refresh),
#music_list_button_next > .ui-icon,
#btn_filter > .ui-icon,
.buttonDialog:not(#button_refresh):not(.icon-search):not(#refresh_import):not(#clear_import):not(#generatePassword):not(#seePassword) > .ui-icon,
#questionnaire_button_refresh > .ui-icon
  {
    display:none;
}

.button_close,
.button_delete,
.closeDialog,
.cancelDialog,
.trashDialog,
.button_disconnect ,
.metro button.button_close,
.metro button.button_delete,
.metro button.closeDialog,
.metro button.cancelDialog,
.metro button.trashDialog,
.metro button.button_disconnect 
{
    background:white;
    border: 2px solid #FA4D0D;
    border-radius: 5px;
    color: #FA4D0D;
}

.button_close > span ,
.button_delete:not(#supervisor_profiles_button_delete) > span,
.closeDialog > span,
.cancelDialog > span,
.trashDialog > span,
.button_disconnect > span
{
    color: #FA4D0D;
}

.button_close:hover,
.button_delete:hover,
.closeDialog:hover,
.cancelDialog:hover,
.trashDialog:hover,
.button_disconnect:hover,
.metro button.button_close:hover,
.metro button.button_delete:hover,
.metro button.closeDialog:hover,
.metro button.cancelDialog:hover,
.metro button.trashDialog:hover,
.metro button.button_disconnect:hover
{
    background:#FA4D0D;
    border: 2px solid #FA4D0D;
    color: white;
}

.button_close:active,
.button_delete:active,
.closeDialog:active,
.cancelDialog:active,
.trashDialog:active,
.button_disconnect:active,
.metro button.button_close:active,
.metro button.button_delete:active,
.metro button.closeDialog:active,
.metro button.cancelDialog:active,
.metro button.trashDialog:active,
.metro button.button_disconnect:active
{
    background:#FA4D0D!important;
    border: 2px solid #FA4D0D!important;
    color: white;
}

.button_close:hover > span ,
.button_delete:not(#supervisor_profiles_button_delete):hover > span,
.closeDialog:hover > span,
.cancelDialog:hover > span,
.trashDialog:hover > span,
.button_close:active > span ,
.button_delete:not(#supervisor_profiles_button_delete):active > span,
.closeDialog:active > span,
.cancelDialog:active > span,
.trashDialog:active > span
{
    color: white!important;
}

/* Fin boutton   */

.ui-datepicker-close{
    background : #EAEAF4!important
}

.ui-datepicker .ui-state-default:not(.ui-state-active){
    background: #EAEAF4!important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    background: #A59FE6!important;
    border: 1px solid #A59FE6;
}

.ui-widget-header {
	border: 1px solid #707ABA;
	background: #707ABA url("images/ui-bg_highlight-soft_0_707ABA_1x100.png") 50% 50% repeat-x;
	color: #e6e6e6;
    font-weight: normal;
}

.metro .navigation-bar .navigation-bar-content .element:hover,
.metro .navigation-bar .element-menu>li:hover, .metro .navbar .element-menu>li:hover,
.metro .dropdown-menu.dark li:hover{
    background-color : #A59FE6;
}

.d-none{
    display:none!important;
}

.metro-footer button.ui-button span.ui-button-text,
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding-left: 1em!important;
}

.metro .input-control.radio.default-style input[type="radio"]:checked ~ .check:after{
    width: 100%;
    height: 100%;
   border-radius: 0%;  
}

.mce-btn.mce-active button,
.mce-btn.mce-active i:not(:hover){ 
    color: #333!important;
}