/***************************************************************/
/*																Couleurs utilisées*/		
/***************************************************************/
/*
        Blanc:						#FFFFFF

        Gris Clair: 				#DEDEDE

        Gris Foncé: 				#585858

        Rouge Applat: 				#d92819

        Rouge Bouton: 				#E62A1A

        Gris Bouton Menu Actif: 	#999999

        Gris bouton Menu Actif 2: 	#b2b2b2
E62A1A
*/
:root {
  --main-white      : #FFFFFF;
  --main-lightGray  : #DEDEDE;
  --main-darkGray   : #585858;
  --main-red-bg     : #d92819;
  --main-red        : #E62A1A;
}
/***************************************************************/
/*																Box*/		
/***************************************************************/
.widget-box, .widget-color-blue2, .widget-box.widget-color-blue2{
    background-color: #d92819!important;
    border-color: #dedede!important;
}

.widget-header{
    background-color: #EFEFEF!important;
    border-color: #DEDEDE!important;
    color: #585858!important;
}
.widget-title a{
    color: #585858!important;
}

.widget-toolbox{
    background-color: #DEDEDE!important;
}

.breadcrumbs{
    background-color: #EFEFEF!important;
    border: 1px solid #dedede!important;

}
.breadcrumbs a{
    color: #333;
}

.profile-activity:hover {
    background-color: #dedede!important;
    border-left: 1px dotted #dedede!important;
    border-right: 1px dotted #dedede!important;
}

/***************************************************************/
/*																BOUTONS*/		
/***************************************************************/
.btn.btn-primary{
    background-color:  rgb(64, 64, 64)!important;
    color: #FFFFFF!important;
    border: 0px!important;
    overflow: hidden;
    z-index:2!important;
}
.btn-primary:hover{
    /*background-color:  #d92819!important;*/
    /*-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    color: #ECEFF1;
    background-color: #3f51b5;
    -webkit-animation: anim-moema-1 0.3s forwards;
    animation: anim-moema-1 0.3s forwards;*/
}
.btn.btn-primary::before,
.btn.btn-primary::after, .btn.btn-round::after , .btn.btn-round::after{
    content: ''!important;
    position: absolute!important;
    height: 100%!important;
    width: 100%!important;
    bottom: 100%!important;
    left: 0!important;
    z-index: -1!important;
    -webkit-transition: -webkit-transform 0.1s!important;
    transition: transform 0.1s!important;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1)!important;
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1)!important;
}
.btn.btn-primary::before, .btn.btn-round::before{
    background: rgb(130, 130, 130)!important;
}
.btn.btn-primary::after, .btn.btn-round::after{
    background: rgb(75, 75, 75)!important;
}
.btn.btn-primary:hover, .widget-menu a {
    color: #fff!important;

}
.btn.btn-primary:hover::before,.btn.btn-primary:hover::after, .btn.btn-round:hover::before,.btn.btn-round:hover::after {
    -webkit-transform: translate3d(0%, 100%, 0);
    transform: translate3d(0%, 100%, 0);
}

.btn.btn-primary:hover::after, .btn.btn-round:hover::after {
    -webkit-transition-delay: 0.1s!important;
    transition-delay: 0.1s!important;
}

.pager > li > a, .pagination > li > a{
    color: #d92819!important;
}
.pagination > li.active > a, .pagination > li.active > a:focus, .pagination > li.active > a:hover{
    background-color: #E62A1A!important;
    border-color: #E62A1A!important;
    color: #FFFFFF!important;
}
.pager > li.disabled > a, .pager > li.disabled > a:hover, .pagination > li.disabled > a, .pagination > li.disabled > a:hover{
    color: #585858!important;
}

/* Onglets */
.nav-tabs > li.active > a{
    color: #585858!important;
    border-color: #d92819 #d92819 transparent!important;
    border-top-color: rgb(197, 208, 220)!important;
    border-top: 2px solid #d92819!important;
}
.nav-tabs > li:hover a{
    background-color: #dedede!important;
}

.nav-tabs > li > a, .nav-tabs > li > a:focus {
    border-color: #dedede!important;
}


/* input en mode focus */
input[type="text"]:focus, select:focus{
    border-color: #585858!important;
}
select option:active, select option:focus, select option:hover{
    /*background-color: #d92819!important;*/
    color: #d92819!important;
}
.nav-search .nav-search-input {
    border: 1px solid #dedede!important;
    transition: 0.3s linear;
}
.nav-search .nav-search-input:focus{
    border: 1px solid #d92819!important;
}
/***************************************************************/
/*																Textes*/		
/***************************************************************/
::selection{
    background:#585858!important;
    color:#FFFFFF!important;
}
::-moz-selection{
    background:#585858!important;
    color:#FFFFFF!important;
}
/* span pour page de login */
.lbl{
    color: #393939!important;
}
.lbl.login{
    color: #393939!important;
}
.badge{
    background-color: #585858!important;
}
.badge-grey, .badge.badge-grey, .label-grey, .label.label-grey {
    background-color: #585858!important;
}
.label.arrowed::before{
    border-right-color: #585858!important;
}
.label{
    background-color: #585858!important;
}
a{
    /*color: #d92819!important;*/
}
/*a.white{
        color: #FFFFFF!important;
}*/
a.dropdown-toggle{
    color: #FFFFFF!important;
}
.widget-toolbar a{
    color: #585858!important;
}
.blue{
    color: #d92819!important;
}
/***************************************************************/
/*																Menu*/		
/***************************************************************/
.skin-3 .navbar {
    background: #dedede!important;
}
.ace-nav > li.grey > a {
    background-color: #dedede!important;
    color: rgb(64, 64, 64)!important;
}
li.grey > a > i.ace-icon{
    color: red!important;
}

/* Fond du menu plus bouton collapse*/
.skin-3 .sidebar {
    background-color: #FFFFFF!important;
    border-color: #FFFFFF!important;
}
.skin-3 .sidebar-toggle {
    background-color: #FFFFFF!important;
    border-color: #FFFFFF!important;
}
.skin-3 .sidebar-toggle::before {
    border-color: #FFFFFF!important;
}
.skin-3 .sidebar-toggle > .ace-icon {
    background-color: #dedede!important;
    border-color: #d92819!important;
    color: rgb(64, 64, 64)!important;
}


/* Lien / Bouton du menu */
.skin-3 .nav-list > li > a{
    background-color: #dedede!important;
    color: #585858!important;
    font-weight: 700!important;
}

.skin-3 .nav-list > li.active > a{
    background-color: rgb(64, 64, 64)!important;
    color: #ffffff!important;
}

.skin-3 .nav-list > li:hover a{
    background-color: #d92819!important;
    color: #ffffff!important;
    font-weight: 700!important;
    transition: 0.2s;
}

.skin-3 .nav-list > li{
    border-color: #FFFFFF!important;
    border-width: 3px!important;
}

.skin-3 .nav-list > li.active::before {
    background-color: #ffffff!important;
}

.skin-3 .nav-list > li:hover::before {
    background-color: #585858!important;
}


.skin-3 .nav-list li.active > a::before {
    border-color: transparent #d92819 transparent transparent!important;
}

.skin-3 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
    background-color: #585858!important;
    color: #FFFFFF!important;
    border-color: #d92819!important;
}
.skin-3 .sidebar.menu-min .nav-list > li > a > .menu-text {
    background-color: #585858!important;
    color: #FFFFFF!important;
    border-color: #d92819!important;
}


/***** MENU TOP ****/
.dropdown-yellow > li.active:hover > a, .dropdown-yellow > li.active > a, .dropdown-yellow > li:hover > a, .dropdown-yellow > li > a:active, .dropdown-yellow > li > a:focus {
    background: #dedede!important;
}
.nav-tabs {
    border-color: #dedede!important;
}

div#projects-list li, div#projects-list a{
    color: #585858!important;
}
.dropdown-menu > li > a{
    color: #585858!important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	color: #585858;
}

.widget-box, .widget-color-blue2, .widget-box.widget-color-blue2{
    background-color: #DEDEDE!important;
}

/*#pop_up_icon {
    font-size: 200%;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}*/

/*#pop_up_display{
    position: absolute;
    z-index: 1;
}*/

.page-content .nav-tabs>li>a:hover {
    color: #d92819!important;
}

/* PLUGIN FACTURATION */
.onmontrepas, .onmontrepas td{
    display: none;
}

.onmontre{
    display: run-in;
    background: #f5f5f5;
    border-bottom: 2px solid #dedede;
}
.pop_up_icon{
    cursor: pointer;
}

.rotateIn{
    transform: rotate(180deg);
    transition: 0.3s;
}
.rotateOut{
    transform: rotate(0deg);
    transition: 0.3s;
}


/************************** APRES MIGRATION ***********************/
.skin-3 .nav-list>li.active {
    border: none;
}