/*
 *  Document   : themes.css
 *  Author     : pixelcave
 *  Description: The themes stylesheet of the template. The classes can
 *  be used to alter the text or the background of an element individually
 *
 */

/*
=================================================================
THEME DEFAULT
=================================================================
*/

.themed-color-default {
    color: #5ccdde !important;
}

.themed-background-default {
    background-color: #5ccdde !important;
}

.themed-color-dark-default {
    color: #454e59 !important;
}

.themed-background-dark-default {
    background-color: #454e59 !important;
}

/*
=================================================================
THEME SOCIAL
=================================================================
*/

.themed-color-social {
    color: #627aad !important;
}

.themed-background-social {
    background-color: #627aad !important;
}

.themed-color-dark-social {
    color: #333333 !important;
}

.themed-background-dark-social {
    background-color: #333333 !important;
}

/*
=================================================================
THEME FLAT
=================================================================
*/

.themed-color-flat {
    color: #45a7b9 !important;
}

.themed-background-flat {
    background-color: #45a7b9 !important;
}

.themed-color-dark-flat {
    color: #374249 !important;
}

.themed-background-dark-flat {
    background-color: #374249 !important;
}

/*
=================================================================
THEME AMETHYST
=================================================================
*/

.themed-color-amethyst {
    color: #7c62ad !important;
}

.themed-background-amethyst {
    background-color: #7c62ad !important;
}

.themed-color-dark-amethyst {
    color: #353a4d !important;
}

.themed-background-dark-amethyst {
    background-color: #353a4d !important;
}

/*
=================================================================
THEME CREME
=================================================================
*/

.themed-color-creme {
    color: #b09573 !important;
}

.themed-background-creme {
    background-color: #b09573 !important;
}

.themed-color-dark-creme {
    color: #49443d !important;
}

.themed-background-dark-creme {
    background-color: #49443d !important;
}

/*
=================================================================
THEME PASSION
=================================================================
*/

.themed-color-passion {
    color: #de4b39 !important;
}

.themed-background-passion {
    background-color: #de4b39 !important;
}

.themed-color-dark-passion {
    color: #252d2f !important;
}

.themed-background-dark-passion {
    background-color: #252d2f !important;
}

/*
=================================================================
THEME CLASSY
=================================================================
*/

.themed-color-classy {
    color: #777777 !important;
}

.themed-background-classy {
    background-color: #777777 !important;
}

.themed-color-dark-classy {
    color: #353535 !important;
}

.themed-background-dark-classy {
    background-color: #353535 !important;
}

/*
=================================================================
THEME ENERJ
=================================================================
*/
.enerj-planning-entry{width: 100%; margin-top: 8px; padding: 5px; white-space: normal;}
.enerj-center{margin: auto; display: block;}
#enerj-menu{background-color:#6c6d6e!important; height: 80px;}
#page-content{padding-top: 100px;}
#enerj-menu img{border: 0 !important;height:75px!important;width: auto;border-radius:0!important;}
#admin-menu img{border: 0 !important;height:50px!important;width: auto;border-radius:0!important;}
#enerj-menu a.selected{background-color: rgba(0, 0, 0, 0.15);}
#page-container{background-color:#fff!important;}
#page-content{background-color: #555555 !important; padding-top: 100px !important;}
.nav.navbar-nav-custom > li > a:not(.logo-home){line-height: 50px!important; padding: 15px 12px 15px 12px !important;}
.nav.navbar-nav-custom > li > a.logo-home:hover{background-color: rgba(0,0,0,0);}
.nav.navbar-nav-custom > li > a.logo-home{padding: 2px;}
@media (max-width: 400px) { .nav.navbar-nav-custom > li > a.logo-home{padding: 15px;} }
.nav.navbar-nav-custom > li > a.btn-warning:hover{background-color: #faa937 !important;}
#enerj-inscription .push-top{margin-top: 45px !important;}
#enerj-inscription hr{margin-top: 0px !important;}
.enerj-inscription-exposant{height: 130px;}
.enerj-inscription-exposant img{max-height: 100px !important; max-width: 120px !important; display: block; margin: auto;}
.enerj-inscription-exposant label.switch{position: absolute; display: block; left: 0; right: 0; bottom: 10px;}
#sidebar-alt{background-color: rgba(108, 109, 110, 0.9) !important;}
.enerj-widget-exposant{height: 290px;}
.enerj-widget-exposant em{height: 40px; display: block;}
.enerj-widget-exposant img{width: 180px !important; height: auto !important; border:0 !important;}
.enerj-widget-exposant-footer{position: absolute; bottom: 0px; left: 0; right: 0;}
.enerj-widget-exposant-footer a{display: block; width: 100%;}
a.enerj-widget-exposant-search{font-size: 1.1em; font-style: italic;}
.enerj-exposant-premium-bg{background-color: #737278 !important;}
.enerj-exposant-gold-bg{background-color: #DEBD1B !important;}
.enerj-exposant-first-bg{background-color: #a90f1b !important;}
.enerj-exposant-startup-bg{background-color: #44A2D2 !important;}
.enerj-competence-checkbox{margin-bottom: 2px !important; display: flex; flex-direction: row;}
.enerj-competence-checkbox label{font-weight: normal !important; margin-bottom: 0px !important; margin-top: 1px !important; cursor: pointer; min-height: 22px; align-self: center;}
.enerj-competence-checkbox .csscheckbox{padding-top: 4px; padding-bottom: 4px;}
.enerj-competence-checkbox .enerj-competence{margin-left: 10px;}
.enerj-titre-contact{padding: 10px;}
.notification-warning{background-color:#a90f1b;}
.bg-paris-bleu{background-color:#80b8e0 !important;}
hr.short{margin-bottom: 10px; margin-top: 10px;}

@media (min-width: 768px) {  
  #page-content.profil-content{padding-top: 20px !important; background-color: #555555 !important;}
}

@media (max-width: 767px){  
  #page-content.profil-content{padding-top: 0px !important; background-color: #555555 !important;}
}

.img-circle{filter: grayscale(100%);}

.liste-suggestions > div[id^="suggestion-"]:not(.mis-en-avant).bg-default{
  background-color: #eeeeee;
}

.liste-suggestions .btn-group{margin-top: 10px;}

.liste-suggestions .mis-en-avant{
  background-color: #feeacd !important;
  border-bottom: 2px solid #dae0e8;
}
.liste-suggestions .bg-warning{background-color: #fcf8e3 !important;}

#liste-conferences .bg-info{background-color: #5cafde; color: #ffffff !important;}
#planning-conferences .bg-info{background-color: #5cafde; color: #ffffff !important;}
#planning-conferences .bg-muted{background-color: #eeeeee;}
#planning-conferences .sous-titre-conference{border-radius: 0px 0px 3px 3px;}
#planning-conferences .titre-conference{border-radius: 3px 3px 0px 0px;}
/*#liste-conferences .creneau-matin:last-child{border: 2px solid #555555 !important;}*/
/*#liste-conferences .separateur-creneau::before{position: relative; width: 100%; border-top: 2px solid #a90f1b !important; content: ""; top: -11px;}*/
.btn-muted{background-color: #555555;}
.btn-muted:hover{background-color: #444444;}

.enerj-conference-tab.active > a{background-color: rgb(217, 237, 247) !important; border-bottom: 2px solid rgb(217, 237, 247) !important; box-sizing: content-box; margin-bottom: -2px !important;}
.enerj-conference-tab > a{border-bottom: 2px solid rgba(0, 0, 0, 255); box-sizing: content-box; margin-bottom: -2px;}


ul.pagination-dashboard {margin: 5px 0px 0px 0px !important;}
.pagination-dashboard a{color: #454e59 !important;}
.pagination-dashboard > .active > a, .pagination-dashboard > li > a:hover{background-color: #454e59 !important; color: #ffffff !important;}

@media (min-width: 1280px){  
  .enerj-conference{height: 260px; overflow: hidden;}
}

@media (min-width: 768px) and (max-width: 1279px) {  
  .enerj-conference{height: 320px; overflow: hidden;}
}

@media (max-width: 767px){  
  .enerj-conference{height: auto;}
}

.widget-content.text-right > h3{display: inline-block;}
.widget-content.text-right > span.label{position: relative; bottom: 3px;}

.enerj-conference-icon{display: inline-block;font-size: 28px;height: 64px;line-height: 60px;text-align: center;width: 64px;}

.FormBack:not(.disabled){background-color: #555555; border-color: #555555; color: #ffffff;}
.FormBack:not(.disabled):hover{background-color: #7f7f7f; border-color: #7f7f7f; color: #ffffff; z-index: 0 !important;}

.nav .caret, .nav a:hover .caret, .nav a:focus .caret{border-bottom-color: #ffffff; border-top-color: #ffffff;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background-color: #555555;}

.icon-rotating{
	-webkit-animation: rotateicon 2s infinite linear;
	animation: rotateicon 2s infinite linear;
}

@-webkit-keyframes rotateicon {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes rotateicon{
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}


#liste-personnes .contact-container{border-bottom: 1px solid #eeeeee;}
@media (min-width: 991px) and (max-width: 1199px){#liste-personnes .contact-container{height: 200px;}} 
@media (min-width: 1200px) and (max-width: 1499px){#liste-personnes .contact-container{height: 160px;}} 
@media (min-width: 1500px){#liste-personnes .contact-container{height: 155px;}}


/* Modificateurs boutons */
.btn-default.inverted{background-color:#dddddd;opacity: 1;border-color:#dddddd;}
.btn-default.inverted:hover{background-color:#eeeeee;border-color:#eeeeee;}
.btn.txt-wrap{white-space: normal !important;}

/*
=================================================================
MODIFICATEURS PADDING / MARGIN
=================================================================
*/
.pad0{padding:0px!important;}
.padR0{padding-right:0px!important;}
.padL0{padding-left:0px!important;}
.padB0{padding-bottom:0px!important;}
.padT0{padding-top:0px!important;}
.pad5{padding:5px!important;}
.padR5{padding-right:5px!important;}
.padL5{padding-left:5px!important;}
.padB5{padding-bottom:5px!important;}
.padT5{padding-top:5px!important;}
.pad10{padding:10px!important;}
.padR10{padding-right:10px!important;}
.padL10{padding-left:10px!important;}
.padB10{padding-bottom:10px!important;}
.padT10{padding-top:10px!important;}
.pad20{padding:20px!important;}
.padR20{padding-right:20px!important;}
.padL20{padding-left:20px!important;}
.padB20{padding-bottom:20px!important;}
.padT20{padding-top:20px!important;}
.pad15{padding:15px!important;}
.padR15{padding-right:15px!important;}
.padL15{padding-left:15px!important;}
.padB15{padding-bottom:15px!important;}
.padT15{padding-top:15px!important;}
.mar0{margin:0px!important;}
.marR0{margin-right:0px!important;}
.marL0{margin-left:0px!important;}
.marB0{margin-bottom:0px!important;}
.marT0{margin-top:0px!important;}
.mar10{margin:10px!important;}
.marR10{margin-right:10px!important;}
.marL10{margin-left:10px!important;}
.marB10{margin-bottom:10px!important;}
.marB5{margin-bottom:5px!important;}
.marT10{margin-top:10px!important;}
.mar20{margin:20px!important;}
.marR20{margin-right:20px!important;}
.marL20{margin-left:20px!important;}
.marB20{margin-bottom:20px!important;}
.marT20{margin-top:20px!important;}
.mar40{margin:40px!important;}
.marR40{margin-right:40px!important;}
.marL40{margin-left:40px!important;}
.marB40{margin-bottom:40px!important;}
.marT40{margin-top:40px!important;}
.mar50{margin:50px!important;}
.marR50{margin-right:50px!important;}
.marL50{margin-left:50px!important;}
.marB50{margin-bottom:50px!important;}
.marT50{margin-top:50px!important;}
.fixed{position: fixed;}
.s9{font-size:0.9em!important;}
.s11{font-size:1.1em!important;}
.s13{font-size:1.3em!important;}
.s15{font-size:1.5em!important;}
.s17{font-size:1.7em!important;}
.fw500 {font-weight:500;}
.fw600 {font-weight:600;}
.fw700 {font-weight:700;}

@media (min-width: 1500px){
.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}
}

.enerj-anchor{display: block; position: relative; top: -150px; visibility: hidden;}

#enerj-anchor-up{position: fixed; bottom: 10px; right: 10px;}
#enerj-anchor-up i{font-size: 3em; line-height: 60px;}

[id^='limites-'].text-danger{font-weight: 600;}
[id^='limites-']{transition: color 0.5s, font-weight 0.5s; font-weight: 400;}

.grille-creneaux{overflow: hidden; background-color: rgb(69, 78, 89); grid-gap: 0px 1px; display: grid !important; grid: repeat(5, auto) / repeat(5, auto); grid-auto-flow: column;}
.grille-creneaux li{text-align: center; background-color: #ffffff;}

#liste-conferences .contact-rdv{margin-right: -20px; margin-left: -20px;}
.alert-default{background-color: #999999;}

html{scroll-behavior: smooth;}

/*
 * changements couleur
 *
 * warning : deb25c => f0ad4e
 * warning hover : de9502 => fd8816
 * dark : 454e59 => 6c6d6e
 */