@import "../../../Portals/_default/Skins/BD008-Blue/css/client.less";

/***** Général *****/
.signup_titre {
    color: @skin-color-main !important;
    font-weight: bold;
    border-bottom-color: @skin-color-main !important;
}

.footcenter {
    margin-left: 0px !important;
    text-align: center !important;
}
/*DATEPICKER*/
.datePickerBtn {
    margin-top: 0px !important;
}

.dateWidth {
    position: relative;
    width: 120px !important;
    float: left !important;
}
/*Titres du skin*/
span.titleline {
    color: @skin-color-second !important;
    font-weight: 500 !important;
}

/*Liens*/
A, A:link, A:active, A:visited {
    text-decoration: underline !important;
}

.cLink {
    color: @skin-color-link !important;
}

.alert-danger {
    overflow: hidden !important;
}

th.rgHeader a {
    text-decoration: none !important;
}

body {
    /*font-size: 14px;*/
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /*Verdana, Arial, sans-serif; 'Open Sans',*/
}

td {
    /*font-size: 12px;*/
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /*Arial, sans-serif;  'Open Sans',*/
}

.dnnLabel label span {
    /*font-size: 14px;*/
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /*Arial, sans-serif; 'Open Sans',*/
}

/*Corrections tooltip et button bootstrap*/

.modal-footer .btn {
    margin-left: 0px !important;
}
/*Format des inputs date*/
.dateSignup {
    width: 80px !important;
    float: left !important;
    padding-left: 15px !important;
}

.dnntitle {
    text-transform: none !important;
    font-size: 24px !important;
    line-height: 1.8 !important;
    font-weight: 400 !important;
    font-family: raleway !important;
}

.dnnMenu .subLevel li a {
    text-transform: none !important;
}
/*Police de la version du module*/
.DNNModuleContent {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /*Arial, sans-serif;*/
    font-size: 12px !important;
}
/*enlever espace en haut de page*/
.mycontent {
    margin: 0px auto 0px;
}
/*Modifier la police dans tableaux datagrid*/
.DataGrid_Item, .DataGrid_AlternatingItem {
    font-size: 12px !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    color: @skin-color-main !important;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /*Arial, sans-serif;*/
}

/*Mise en forme des titrages Sign'Up*/
h1 {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 10px !important;
    margin-top: 0px !important;
    font-size: 22px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid @skin-color-main;
    color: @skin-color-main !important;
    font-weight: bold !important;
}

h2 {
    display: block;
    width: 100%;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    color: @skin-color-main !important;
    font-weight: bold !important;
}

.h1-btn {
    display: block;
    padding: 0;
    margin-bottom: 10px !important;
    margin-top: 0px !important;
    font-size: 22px;
    line-height: inherit;
    border: 0;
    border-bottom: 1px solid @skin-color-main;
}

.h2-btn {
    display: block;
    padding: 0;
    margin-top: 3px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: inherit;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

a.btn {
    /*color: #FFFFFF;*/
    text-decoration: none !important;
}

.dnnLabel {
    color: #606060 !important;
}

.signup_titre_top {
    color: @skin-color-main !important;
    font-weight: bold;
    border-bottom-color: @skin-color-main !important;
}

.btn-alternate {
    color: white !important;
    font-weight: 200;
    border-color: @skin-color-main-degrade-claire-3 !important;
    background-color: @skin-color-main-degrade-claire-2;
}

.borderRadGauche {
    height: 34px !important;
}

.btn-alternate:hover {
    background-color: fade(@skin-color-main-degrade-claire-2,20%) !important;
}

.btn-alternate .badge {
    background-color: white;
    color: @skin-color-main-degrade-claire-3;
}
/***** CHRONOGRAMME *****/
.signup_menuchrono a {
    text-decoration: none !important;
}

/***** Ecran de connection *****/
/*Page de login : aligner les boutons aux champs*/
#dnn_ctr_Login_DNN .dnnFormLabel {
    min-width: 141.5px;
}

#dnn_ctr_Login_DNN dnnFormItem dnnLabel {
    padding-top: 8px;
}

#dnn_ctr_Login_Login_DNN_cmdLogin {
    color: #FFFFFF !important;
}

/***** DNN Elements *****/

/*** Menu administrateur ***/

/* Ne pas surligner les liens */
#ControlNav a, #ControlActionMenu a {
    text-decoration: none !important;
}

.wrapper div.TopBar a.login {
    text-decoration: none !important;
}

.wrapper div.TopBar a.login:hover {
    text-decoration: underline !important;
}

/* Menu Modifier Page */
#ControlEditPageMenu li.controlBar_BlueEditPageBtn a:hover {
    background: @skin-color-main-degrade-claire-2 !important;
}

#ControlEditPageMenu li a {
    text-decoration: none !important;
}

#ControlEditPageMenu li.controlBar_BlueEditPageBtn a {
    text-decoration: none !important;
    color: #FFFFFF !important;
    background: @skin-btn-color-hover !important;
}

#ControlEditPageMenu a.controlBar_editPageInEditMode {
    background: @skin-btn-color-hover !important;
}

#ControlEditPageMenu > li {
    /*height: 55px; DNN 7.4
    height: 45px; DNN 7.2 */
}

a.controlBar_editPageInEditMode {
    height: 37px;
}

/*** Version mobile ***/
.header .MobileBar {
    background: @skin-color-main;
}

.MobileMenu ul li a {
    text-decoration: none !important;
}

.MobileMenu .treeview a.selected {
    color: @skin-color-second !important;
}

.MobileMenu .treeview a:hover {
    color: @skin-color-second !important;
}

/*** Top Bar ***/
.wrapper .TopBar {
    background: @top-bar-color;
    padding: 10px 0;
}

div.login-style, #dnn_dnnLOGIN_loginLink, #dnn_dnnUSER_registerLink {
    color: @top-bar-text-color;
}

.TopBar {
    padding-left: 15px;
    padding-right: 15px;
}

div.TopBar-Element-Container {
    display: inline-block;
}

#TopBar-Element {
    color: @top-bar-text-color;
    text-decoration: none !important;
    cursor: pointer;
}

#TopBar-Element:hover {
    text-decoration: underline !important;
}

.fa {
    color: @top-bar-text-color !important;
}

/* DNN 7.2 seulement */
#dnn_dnnUSER_enhancedRegisterLink {
    color: @top-bar-text-color;
    text-decoration: none !important;
}

#dnn_dnnUSER_enhancedRegisterLink:hover {
    text-decoration: none !important;
    cursor: default;
}

/**MARGIN ET PADDING*/
.noPadsUpHight {
    padding-top: 0px !important;
    padding-left: 0px !important;
}

.noPadsALL {
    padding: 0px !important;
}

.noPadsRL {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.noMargALL {
    margin: 0px !important;
}

.no-padding-right {
    padding-right: 0px !important;
}

.no-padding-left {
    padding-left: 0px !important;
}

.no-padding-top {
    padding-top: 0px !important;
}

.no-padding-bottom {
    padding-bottom: 0px !important;
}

.noMargUpHight {
    margin-top: 0px !important;
    margin-left: 0px !important;
}

.noMargRL {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.no-margin-right {
    margin-right: 0px !important;
}

.no-margin-left {
    margin-left: 0px !important;
}

.no-margin-top {
    margin-top: 0px !important;
}

.no-margin-bottom {
    margin-bottom: 0px !important;
}

/*** Skin footer ***/
.skin-footer {
    background: @footer-bar-color;
    z-index: 50 !important;
}

#goup a img {
    border-color: @skin-color-main-degrade-claire !important;
}

.footer-bar {
    background: @skin-color-main;
    font-size: 12px;
}

footer.footer-bar div.copyright span,
footer.footer-bar div.copyright a {
    color: @footer-bar-text-color !important;
}

footer.footer-bar div.copyright a:hover {
    color: @footer-bar-text-color-hover !important;
}

/*** Barre de menu des modules ***/

/* Menu principal */

div.sticky-wrapper {
    /*height: 60px !important;*/
    min-height: 41px !important;
}

/*liens non surligné*/
.dnnMenu a {
    text-decoration: none !important;
}

.header-logos {
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: middle;
}

.dnnMenu .topLevel li.item span {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.StickyNav {
    background: @skin-color-main !important;
}

.dnnMenu .topLevel li a {
    line-height: 36px !important;
    white-space: nowrap;
}

/*Présentation BACKGROUND*/
/*
.dnnMenu .topLevel li.selected a {
	background-color: @skin-btn-color-hover !important;
}

.dnnMenu .topLevel li.Current a {
    background-color: @skin-btn-color-hover;
}

.dnnMenu .topLevel li a:hover{
	 background-color: @skin-btn-color-hover !important;
}

.dnnMenu .topLevel li a:hover{
	 background-color: @skin-btn-color-hover !important;
}
*/

/*Présentation BARRE : Barre sous les titres des menus*/
.dnnMenu .topLevel li a {
    background-color: @skin-color-main !important;
    white-space: nowrap;
    color: @dnnMenu-text-color !important;
}

.dnnMenu .topLevel li a:hover {
    background-color: @skin-color-main !important;
}

.dnnMenu .topLevel li.selected a {
    background-color: @skin-color-main !important;
}

.dnnMenu .topLevel li.Current a {
    background-color: @skin-color-main;
}

.dnnMenu .topLevel > li > a > span:after {
    display: block;
    content: '';
    position: relative;
    left: 0;
    bottom: 4px;
    height: 2px;
    width: 100%;
    filter: Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background-color: @dnnMenu-selecting-bar;
}

.dnnMenu .topLevel > li:hover > a > span:after,
.dnnMenu .topLevel > li.selected > a > span:after,
.dnnMenu .topLevel > li.Current > a > span:after {
    bottom: 4px;
    filter: Alpha(Opacity=100);
    opacity: 1;
}

.dnnMenu .topLevel > li > a > span {
    padding-top: 3px !important;
}

/* Menu secondaire */

.dnnMenu .subLevel li.item a {
    background-color: #FFFFFF !important;
    white-space: nowrap;
}

.dnnMenu .subLevel li.item a:hover {
    background-color: @skin-color-second !important;
}

.dnnMenu .subLevel li.selected :hover {
    color: #FFFFFF !important;
}

.dnnMenu .subLevel li.selected a div {
    color: @skin-color-second !important;
    font-weight: bold;
}

/*** BOUTONS ***/
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
    background: @skin-color-main-degrade-claire !important;
    background: -webkit-linear-gradient(top, @skin-color-main-degrade-claire 0%, @skin-color-main 100%) !important;
    text-decoration: none !important;
    color: #FFFFFF !important;
}

.dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover {
    background: @skin-color-main-degrade-claire-2 !important;
    background: -webkit-linear-gradient(top, @skin-color-main-degrade-claire-2 0%, @skin-btn-color-hover 100%) !important;
    text-decoration: none !important;
}

a.dnnSecondaryAction {
    color: @skin-color-main !important;
    text-decoration: none !important;
}

/*Accordéon*/
h2.dnnFormSectionHead a {
    color: #484848 !important;
    text-decoration: none !important;
}

/*** TELERIK ***/
table.rgMasterTable td a img {
    min-width: 15px;
}

/*** BOOTSTRAP ***/

/* btn-default */
.btn-default {
    color: #333 !important;
    background-color: #fff;
    border: 1px solid #ccc !important;
    /*border-color: #ccc;*/
}

/* btn-primary */
.btn-primary {
    color: #fff;
    background-color: @skin-btn-background-color !important;
    border-color: @skin-btn-border-color !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: @skin-btn-color-hover !important;
    border-color: @skin-btn-border-color !important;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: @skin-btn-color-hover !important;
    border-color: @skin-btn-border-color !important;
}

.btn-primary .badge {
    color: @skin-color-main !important;
    background-color: #fff;
}

legend {
    color: @skin-color-main !important;
    border-bottom-color: @skin-color-main !important;
    /*padding-left: 10px!important;*/
}

legend span {
    padding-left: 0px;
}

.border-container-legend legend span {
    padding-left: 3px;
}

signup-translate-span span {
    padding-left: 0px !important;
}

.pageTitle {
    border-bottom: 2px solid #E5E7E6 !important;
    text-transform: none !important;
    font-size: 24px !important;
    line-height: 1.8 !important;
    font-weight: 400 !important;
    font-family: raleway !important;
}

.pageTitle span {
    color: #4f8b2b !important;
    font-weight: 500 !important;
    margin: 0 0 10px 0 !important;
    padding-bottom: 6.5px !important;
    border-bottom: 2px solid #4f8b2b !important;
}

a.btn-primary {
    color: #fff !important;
}

ul.dropdown-menu li a {
    text-decoration: none !important;
}
/*Input*/
.form-control:focus {
    border-color: @skin-color-main-degrade-claire-3 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @skin-color-main-degrade-claire-3 !important; /*214, 210, 227, 1*/
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @skin-color-main-degrade-claire-3 !important;
}
/*Well*/
.well-border-primary {
    border-left-color: @skin-color-main
}
/* centrer le copyright */
.footcenter {
    float: none;
    margin-left: 25%;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}
/*
.footer-main {
    padding: 0 0 0 0;
}
*/

.sort-indicator {
    display: block !important;
}

tbody .sort-indicator .cTxtRight {
    padding-right: 18px !important;
}

tbody .sort-indicator .cTxtCenter {
    padding-right: 18px !important;
}

/*enlever les marges du conteneur*/
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.contentpane {
    padding-right: 0px !important;
}
/*** UI Tabs ***/
.dnnForm .ui-widget-header, .dnnFormPopup .ui-widget-header {
    border-bottom: 1px solid #c2c2c2;
}

#divLevelBar a, .ui-tabs-nav a {
    text-decoration: none !important;
}
/*** NG TABLE ***/
/*Supprimer le surlignement des liens du pager*/
div.ng-table-pager ul li a {
    text-decoration: none !important;
}
/*Diminuer les header des tableaux*/
.wrapper .header {
    min-height: 0px;
}

.ng-table-pager {
    padding-bottom: 20px !important;
}
/*** Angular libraries : <a> no underline ***/
tags-input a.remove-button {
    text-decoration: none !important;
}
/*** NG DIALOG ***/
div.signup-modal-header-primary {
    background-color: @skin-color-main;
}

.modalsplit {
    margin-left: 30px !important;
    margin-top: 30px !important;
}
/***** Cohérence entre le menu signup et la topBar et les logos *****/
.signup-topBlock-container {
    max-width: 100%;
    margin-right: 1% !important;
    margin-left: 1% !important;
    padding-right: 3% !important;
    padding-left: 3% !important;
}
/***** Menu Mobile *****/
@media screen and (max-width: 767px) {
    .logoClient {
        display: none;
    }
}
/***** Barre de titre *****/
.SkinWidth2 {
    max-width: none;
}
/***** MODULE CONTENT *****/
.ContentPane {
    padding-left: 0px;
    padding-right: 0px;
}
/*** MENU SIGNUP ***/
html, body {
    max-width: 100%;
    overflow-x: hidden;
    display: flex !important;
    flex-direction: column !important;
}

body > * {
    flex-shrink: 1 !important;
    overflow-y: hidden;
}

#SignupMenuGauche, #SignupMenuDroite {
    position: absolute;
    width: 30%;
}

#SignupMenuDroite a {
    color: @skin-color-main !important;
    text-decoration: none !important;
    list-style: none !important;
}

#SignupMenuDroite a:hover {
    color: @skin-color-second !important;
    cursor: pointer !important;
}

#SignupMenuDroite .btn:hover {
    color: white !important;
    cursor: pointer !important;
}

@media screen and (min-width: 990px) {
    #SignupMenuGauche, #SignupMenuDroite {
        width: 16%;
    }
}

@media handheld, only screen and (max-width:767px) {
}

#SignupMenuGauche {
    left: 0px;
    z-index: 50 !important;
}

#SignupMenuDroite {
    right: 0px;
    background-color: white !important;
}

#SignupMenuContainer-gauche {
    z-index: -1 !important;
    background-color: rgba(0,0,0,0);
}

#SignupMenuContainer-gauche-sticky-wrapper {
    z-index: -1 !important;
    background-color: rgba(0,0,0,0);
}

.signupMenuSideBar {
    background: #fff;
    color: #000;
    position: absolute;
    width: 100%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 1;
    border-top: none;
    margin-left: 0px !important;
    padding-top: 35px !important;
    display: table-cell;
    font-weight: normal !important;
}

.signupMenuSideBarGauche {
    left: -100%;
    clear: both !important;
    border-right: 1px solid @skin-color-main;
    flex-grow: 1 !important;
}

.signupMenuSideBarDroit {
    right: -100%;
    clear: both !important;
    border-left: 1px solid @skin-color-main;
    flex-grow: 1 !important;
}

.signupMenuSideBarGauche.signupMenuShow {
    left: 0%;
}

.signupMenuSideBarDroit.signupMenuShow {
    right: 0%;
}

.signupMenuNavigation-toggle-div {
    margin-bottom: 0px !important;
    background-color: rgba(0,0,0,0);
}

.signupMenuNavigation-toggle-div a.btn {
    border: solid 1px @skin-color-main !important;
    border-radius: 50% !important;
    background-color: white !important;
    color: @skin-color-main !important;
    padding: 1px 5px 1px 5px !important;
    position: absolute !important;
    top: 5px;
}

.signupMenuNavigation-toggle-div a.btn:hover {
    color: white !important;
    background-color: @skin-color-main !important;
}

.signupMenuNavigation-toggle {
    position: absolute !important;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 100;
    margin: 5px;
    margin-bottom: 10px;
}

.signupMenuNavigationToggleGauche {
    left: 0%;
}

.signupMenuNavigationToggleDroit {
    right: 0%;
}

.signupMenuNavigation-items {
    display: block;
    background-color: #fff;
    padding: 10px;
    font-size: larger;
}

.signupMenuNavigation-items a {
    text-decoration: none !important;
    color: @skin-color-main;
}

.signupMenuNavigation-items-active a {
    color: @skin-color-second !important;
}

.signupMenuNavigation-items-active-niv a {
    color: @skin-color-second !important;
}

.signupMenuChevron {
    color: @skin-color-main;
    padding: 2px;
}

.signupMenuNavigation-items:hover .signupMenuChevron, .signupMenuNavigation-items:hover a {
    color: @skin-color-second;
}

.signupMenuNavigation-items a:hover {
    cursor: pointer;
}

.signupMenuChevron:hover {
    cursor: pointer;
}

.signupMenuNavigation .navigationNiveau0 {
    padding-left: 20px;
}

.signupMenuNavigation .navigationNiveau1 {
    padding-left: 30px;
}

.signupMenuNavigation .navigationNiveau2 {
    padding-left: 40px;
}

.signupMenuNavigation .navigationNiveau3 {
    padding-left: 50px;
}

.signupMenuNavigation .navigationNiveau4 {
    padding-left: 60px;
}

.signupMenuNavigation-items-activate a:hover {
    cursor: default !important;
    color: @skin-color-main !important;
}

.signupMenuNavigation-items-activate:hover a {
    cursor: default !important;
    color: @skin-color-main !important;
}

.htmlToPdf {
    display: inline-block !important;
}

.menu-wrap {
    border-right: 3px @skin-color-second solid !important;
    margin-right: -1.06px !important;
}
/**SIGNUP MENU CENTRAL**/
/* Style de rubrique */
.signupMenuNavigation-items-rubrique {
    background-color: @skin-color-main !important;
    color: @dnnMenu-text-color !important;
    width: 100% !important;
    display: block !important;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px !important;
    font-size: 12px !important;
    border-radius: 3px 3px 0 0;
}

.signupMenuNavigation-items-rubrique:hover {
    /*background-color: fade(@skin-color-main-degrade-claire, 80%)!important;*/
}

.signupMenuNavigation-items-rubrique a {
    color: @dnnMenu-text-color !important;
}

.signupRubrique {
    padding: 0px !important;
    padding: 0.4% !important;
    z-index: 999 !important;
    font-size: 12px !important;
}

.signupRubrique a {
    text-decoration: none !important;
}

.signupRubrique-items a {
    display: block;
    font-size: larger;
    text-decoration: none !important;
    list-style: none !important;
}
/* Style pour les premiers elements */
.signupMenuNavigation-items-menu {
    padding-left: 15px !important;
    background: fade(@skin-color-main,20%) !important;
}

.signupMenuNavigation-items-menu:hover {
    padding-left: 15px !important;
    background: fade(@skin-color-main,10%) !important;
}

.signupMenuCenterNavigation-items a {
    display: block;
    font-size: larger;
    text-decoration: none !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    color: #000 !important;
}

.signupMenuCenterNavigation-items a:hover {
    cursor: pointer !important;
}
/* Style des elements niveau 2*/
.signupMenuCenterNavigation-items-niveau2 {
    display: block;
    font-size: larger;
    text-decoration: none !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 30px !important;
    color: #000 !important;
    background: rgba(0,0,0,0.018);
}

.signupMenuCenterNavigation-items-niveau2 a {
    color: #000 !important;
}
/* Style des elements niveau 3*/
.signupMenuCenterNavigation-items-niveau3 {
    display: block;
    font-size: larger;
    text-decoration: none !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 45px !important;
    color: #000 !important;
}

.center-favoris-view {
    padding-left: 20px;
    background: rgba(0,0,0,0.01) !important;
    color: @skin-color-main !important;
    font-weight: bold !important;
    font-size: 11.5px;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.finalFav {
    border: solid 1px fade(@skin-color-main, 40%);
    border-radius: 0 0 3px 3px;
}
//Favoris
.favoris-link {
    display: inline-block !important;
    -webkit-transition: all 0s !important;
    -moz-transition: all 0s !important;
    -o-transition: all 0s !important;
    -ms-transition: all 0s !important;
    transition: all 0s !important;
}

.favoris-link:hover {
    color: @skin-color-main-degrade-claire !important;
    font-weight: bold !important;
}

.mesFavoris {
    font-size: 12px !important;
    font-weight: bold !important;
}

.favoris-header {
    font-size: 12px !important;
    background: fade(@skin-color-main,30%) !important;
    border-top: fade( @skin-color-main-degrade-claire-3, 40%) solid 1px;
    padding-left: 15px;
}

.favIcon {
    color: @skin-color-second !important;
}
/*** MODULE CONTAINER SIGNUP ***/
.SkinWidth-signup-menu {
    -webkit-transition: all 1s ease !important;
    -moz-transition: all 1s ease !important;
    -o-transition: all 1s ease !important;
    -ms-transition: all 1s ease !important;
    transition: all 1s ease !important;
    max-width: 100%;
    margin-right: 0% !important;
    margin-left: 0% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.signup-module-container {
    -webkit-transition: all 1s ease !important;
    -moz-transition: all 1s ease !important;
    -o-transition: all 1s ease !important;
    -ms-transition: all 1s ease !important;
    transition: all 1s ease !important;
    max-width: 100%;
    margin-right: 1% !important;
    margin-left: 1% !important;
    padding-right: 3% !important;
    padding-left: 3% !important;
}

.SkinWidth-menu-gauche {
    padding-left: 17% !important;
}

.SkinWidth-menu-droit {
    padding-right: 17% !important;
}

.SkinWidth-menu-double {
    padding-right: 17% !important;
    padding-left: 17% !important;
}

.SkinWidth-standard {
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    max-width: 1170px !important;
}

.mgBot20 {
    margin-bottom: 20px !important;
}
/*** COULEUR PRINCIPALE ***/
.mainColor {
    color: @skin-color-main !important;
}

.mainColorBorder {
    border-color: @skin-color-main !important;
}

.mainColorBackground {
    background-color: @skin-color-main !important;
}
/*** COULEUR SECONDAIRE ***/
.secondaryColorBG {
    background-color: @skin-color-second !important;
}

/**Trombinoscope**/
.focusedTrombi img {
    -webkit-box-shadow: 0px 0px 16px 4px @skin-color-main !important;
    -moz-box-shadow: 0px 0px 16px 4px @skin-color-main !important;
    box-shadow: 0px 0px 16px 4px @skin-color-main !important;
}

#trombinoscopeNavBar {
    background-color: @skin-color-main !important;
}

#trombinoscopeNavBar a {
    color: @dnnMenu-text-color !important;
    text-decoration: none !important;
}

#trombinoscopeNavBar .dropdown:hover {
    background-color: fade(@skin-color-second,30%) !important;
    transition: 0s !important;
}

#trombinoscopeNavBar .dropdown-content {
    background-color: @skin-color-main !important;
}

#trombinoscopeNavBar .dropdown-content li a:hover {
    background-color: fade(@skin-color-second,30%) !important;
    transition: 0s !important;
}

#trombinoscopePersonnels .responsable {
    border-color: @skin-color-main !important;
}
/*Css pour un tooltip custom*/
.tooltip.signupTooltip .tooltip-inner {
    white-space: pre-wrap;
    width: 200px !important;
    background-color: @skin-btn-background-color !important;
    color: @dnnMenu-text-color !important;
}

.blockActus {
}

.blockEvent {
}
/* Espace Collaborateur */
.EspaceCollabBlockActu {
    height: 220px;
    background-color: @skin-color-main;
    border: solid 1px #cfcfcf;
    margin-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    color: white !important;
}

.EspaceCollabBlockAlertes {
    height: 220px;
    background-color: @skin-color-second;
    border: solid 1px #cfcfcf;
    margin-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    color: white !important;
}

.EspaceCollabBlockEvent {
    height: 444px;
    background-color: @footer-bar-color;
    border: solid 1px #cfcfcf;
    border-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
}

.TitleBlockActu {
    color: white;
    font-size: 80px;
    padding-top: 50px;
    padding-left: 8%;
    margin-right: -5% !important;
}

.MenuBlock {
    background-color: @skin-color-main !important;
}

.borderRadGauche {
    min-height: 34px !important;
}

.TitleBlockEvent {
    color: white;
    padding-top: 10px;
    font-size: 25px;
    border-bottom: white solid 1px;
    padding-bottom: 5px;
}

.eventList {
    /*margin-top: 10px;*/
    color: white;
    height: 88% !important;
    background-color: white;
}

.eventList li {
    list-style: none;
    padding-top: 5px;
}

#espaceCollab h1 {
    color: white !important;
    font-size: 20px !important;
    border: none;
    padding-top: 10px;
}

.titleUp {
    font-weight: bold;
}

.iconBlock {
    margin-top: 25px !important;
    font-size: 30px !important;
    color: #f7fbff;
    height: 30%;
    width: 50%;
    text-align: center;
    margin: auto;
}

.menuItem {
    margin-top: 5px;
    background-color: rgba(0, 0, 0, 0.2);
    color: white;
    height: 60px;
    padding-top: 7px;
}

.element:hover {
    opacity: 1;
    cursor: pointer;
}

.element {
    background-color: #186675;
    opacity: 0.8;
}

.MenuBlock {
    border: solid 1px #cfcfcf;
    width: 120px !important;
    height: 120px !important;
    text-align: center !important;
    display: inline-block;
    margin: 0px !important;
    padding: 0px !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    min-height: 100px !important
}

.carousel-indicators .active {
    background-color: @footer-bar-color;
}

.carousel-indicators li {
    border: 1px solid @footer-bar-color !important;
}

.carousel ol {
    display: none !important;
}

.signup-modal-header-alertes {
}
/* Récupérer les couleurs du theme */
.signup-background-color-main {
    background-color: @skin-color-main;
}

.signup-color-main {
    color: @skin-color-main;
}

.signup_color-second {
    background-color: @skin-color-second;
}

.footer-color {
    background-color: @footer-bar-color;
}

.footer-color-for-text {
    color: @footer-bar-color !important;
}

.netEvalMenuBAr {
    background-color: @skin-color-main;
    padding: 10px;
    margin-bottom: 10px;
    color: white !important;
    cursor: pointer;
    text-decoration: none !important;
}

.signup-modal-header-blockModal {
    background-color: @skin-color-main !important;
}

.Button-modal-eval-color {
    background-color: @skin-color-main !important;
    /*color: @skin-color-main !important;*/
}
/* Suppression des bordures */
.no-border {
    border: none !important;
}
/********************************/
/*** CUSTOM TEMPLATE BUILDER ****/
/********************************/
/*CSS des flèches suivantes ou précédentes*/
#TemplateButtonPrec {
    background-color: transparent !important;
    color: @skin-color-main !important;
    font-size: 25px !important;
}

#TemplateButtonSuiv {
    background-color: transparent !important;
    color: @skin-color-main !important;
    font-size: 25px !important;
}

#TemplateButtonPrecContent {
    min-height: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    width: 50px !important;
    position: absolute !important;
    top: 55% !important;
    left: -25px !important;
    padding: 0px !important;
    margin-right: 0px !important;
    opacity: 0.8 !important;
    z-index: 999 !important;
    line-height: unset !important;
}

#TemplateButtonSuivContent {
    min-height: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    width: 50px !important;
    position: absolute !important;
    top: 55% !important;
    right: -25px !important;
    padding: 0px !important;
    margin-right: 0px !important;
    opacity: 0.8 !important;
    z-index: 999 !important;
    line-height: unset !important;
    border-color: none !important;
}

#TemplateButtonPrecContent button {
    border-color: transparent !important;
}

#TemplateButtonSuivContent button {
    border-color: transparent !important;
}

#TemplateButtonPrecContent:hover {
    opacity: 1 !important;
}

#TemplateButtonSuivContent:hover {
    opacity: 1 !important;
}
/*#TemplateButtonPrec :hover, :active, :visited {
    border-color:transparent!important;
    }

#TemplateButtonSuiv :hover, :active, :visited {
    border-color: transparent !important;
}*/
/*CSS du menu*/
.TemplateMenuItems {
    color: @skin-color-main;
    text-decoration: none !important;
    padding-top: 23px;
    text-align: center !important;
    vertical-align: middle !important;
    margin-right: 0px !important;
}

.TemplateMenuItemsActif {
    border-bottom: 2px solid @skin-color-main !important;
    font-weight: bold !important;
}

.TemplateMenuUl li:hover {
    border-bottom: 2px solid @skin-color-main !important;
    cursor: pointer;
}

.TemplateMenuUl li a:hover, a:active, a:visited {
    text-decoration: none !important;
}

.TemplateMenuFirtsItem {
    border-radius: 10px 0 0px 0px;
}

.TemplateMenuLastsItem {
    border-radius: 0 10px 0 0;
}

.TemplateMenuUl li {
    float: left !important;
    display: block !important;
    padding-bottom: 10px !important;
    text-align: center !important;
    vertical-align: middle !important;
    height: 50px;
    border-bottom: 1px solid @skin-color-main;
}

.TemplateMenuUl {
    display: block !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
}

.menuTemplateInner {
    clear: both;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#TemplateGroupStyle {
    padding: 5px !important;
    border-radius: 0 0 10px 10px;
    background-color: fade(@skin-color-main,5%);
}
/* Media queries pour la gestion personnalisé de la responsivité du menu */
@media(min-width:576px) {
    .TemplateMenuUl li {
        height: 90px !important;
    }
}

@media(min-width:768px) {
    .TemplateMenuUl li {
        height: 90px !important;
    }
}

@media(min-width:992px) {
    .TemplateMenuUl li {
        height: 80px !important;
    }
}

@media(min-width:1200px) {
    .TemplateMenuUl li {
        height: 60px !important;
    }
}
/* Alignement vertical pour tous les navigateurs */
.vertically_aligned {
    /* older webkit */
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-justify-content: center;
    /* older firefox */
    display: -moz-box;
    -moz-box-align: center;
    -moz-box-pack: center;
    /* IE10*/
    display: -ms-flexbox;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    /* newer webkit */
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    /* Standard Form - IE 11+, FF 22+, Chrome 29+, Opera 17+ */
    display: flex;
    align-items: center;
    justify-content: center;
}
/************************************/
/*** FIN CUSTOM TEMPLATE BUILDER ****/
/************************************/
/************************************/
/***       FIL D'ARIANE          ****/
/************************************/
/*BreadCrumb*/
.fil {
    /*centering*/
    display: inline-block;
    border-radius: 5px;
    counter-reset: flag;
}

.firstElement {
    float: left !important;
    margin-right: 10px;
}

.firstElement a {
    text-decoration: none !important;
    list-style: none !important;
    cursor: pointer;
    float: left !important;
    padding-right: 10px;
}

.fil a:before {
    content: '\e080';
    position: relative;
    top: 1px !important;
    left: -10px;
    /*z-index: 9998 !important;*/
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    width: 40px;
    padding-left: 3px;
}

.firstElement a:after {
    content: '' !important;
}

.firstElement a:before {
    content: '' !important;
}

.fil .active {
    float: left !important;
}

.fil a {
    text-decoration: none !important;
    list-style: none !important;
    float: left !important;
    padding-right: 10px;
}

/************************************/
/***        STAR RATING          ****/
/************************************/
.star-rating {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.star-rating .star {
    padding: 1px;
    color: #ddd;
    text-shadow: .05em .05em #aaa;
    list-style-type: none;
    display: inline-block;
    cursor: pointer;
}

.star-rating .star.filled {
    color: @skin-color-main;
}

.star-rating.readonly .star.filled {
    color: #666;
}

.starReset {
    padding: 1px 5px 1px 1px;
    color: #666;
    text-shadow: .05em .05em #aaa;
    cursor: pointer;
}

.img {
    pointer-events: none !important;
}

p {
    font-weight: initial;
}

/*Alerte personnalisée*/
.custom-alert-sign {
    color: white !important;
    background-color: @skin-color-main !important;
    border-color: @skin-color-main !important;
}

/************************************/
/***    Quill EDITEUR   ****/
/************************************/
.editeur-signup {
    margin-bottom: 20px;
}

.ql-align-center {
    text-align: center !important;
}

.ql-align-justify {
    text-align: justify !important;
}

.ql-align-left {
    text-align: left !important;
}

.ql-align-right {
    text-align: right !important;
}

.form-group p span {
    font-weight: normal !important;
}

.container-editor {
    margin-bottom: 10px;
    margin-top: 10px;
}
/************************************/
/***    Messages info net'Eval   ****/
/************************************/
.bleuFrameWork {
}
/************************************/
/***    Custom height bootstrap/Signup modales   ****/
/************************************/
.modal-body {
    /*max-height: 600px!important;*/
    /*overflow-y: scroll!important;*/
}
/*.ngdialog.ngdialog-theme-default .ngdialog-content {
    height: auto !important;
    min-width:60%!important;
}*/

.ngdialog {
    z-index: 1049 !important;
}

.signup-ngdialog-theme {
    padding-top: 5px !important;
}
/*RESET ALL CSS*/
select {
    font-size: 12px !important;
}

button {
    font-size: 12px !important;
}

input-sm {
    font-size: 12px !important;
}

.alert {
    font-size: 12px !important;
}
/*.modal-body input[name=typeahead-emploi]{
    position:absolute!important;
}
.modal-body input[type="text"].autoComplete {
    position: absolute !important;
}*/
.modal-body .autocomplete {
    position: relative !important;
    z-index: 10000000 !important;
    top: 0px !important;
    left: 0px !important;
    margin-bottom: -300px;
}

.modal-body .dropdown-menu {
    position: relative !important;
    z-index: 10000000 !important;
    top: 0px !important;
    left: 0px !important;
    margin-bottom: -300px;
}

.modal-body .uib-datepicker-popup.dropdown-menu {
    top: -32px !important;
}

.dropdown {
    display: block !important;
}

.no-scroll {
    overflow-y: hidden;
}

.lireSuite {
    text-decoration: none !important;
    color: fade(@dnnMenu-selecting-bar,80%) !important;
}

.lireSuite:hover {
    color: @dnnMenu-selecting-bar !important;
}
/************************************/
/***    SEPARATEUR DEF           ****/
/************************************/
hr {
    height: 1px !important;
    color: #D8D8D8 !important;
    border-top: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
    border-bottom: 1px solid #D8D8D8 !important;
    padding-top: 4px !important;
    margin-bottom: 5px !important;
    margin-top: 0px !important;
    clear: both;
}

/*** Custom Checkboxes START ***/
.hidden {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/****** FACTORY ******/
#checkbox (@character:"?", @family:~"sans-serif, arial", @weight:bold) {
    content: @character;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    border-radius: .1875em;
    font-style: normal;
    font-weight: @weight;
    font-family: @family;
    vertical-align: middle;
    text-align: center;
    transition: all .2s linear;
    cursor: pointer;
}

#checkbox-color (@color:#fff, @background:#ddd) {
    color: @color;
    text-shadow: 0 0 0 @color;
    background-color: @background;
}

#checkbox-size (@width:1.125em, @height:1.125em, @size:1em) {
    width: @width;
    height: @height;
    font-size: @size;
    line-height: @height;
}

#radio () {
    content: "";
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    border-radius: 50%;
    border: 0 solid;
    vertical-align: middle;
    transition: all .2s linear;
    cursor: pointer;
}

#radio-color (@inner:#ddd, @outer:#ddd, @middle:#fff, @middle-width:.125em) {
    background-color: @inner;
    border-color: @outer;
    box-shadow: inset 0 0 0 @middle-width @middle;
}

#radio-size (@width:1.25em, @height:1.25em, @outer-width:.125em) {
    width: @width;
    height: @height;
    border-width: @outer-width;
}

/****** STYLES ******/
/* checkbox */
@font-face {
    font-family: "ui-checkbox";
    src: url(data:font/opentype;base64,OAUAAIQEAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAQVm5IgAAAAAAAAAAAAAAAAAAAAAAABYAdQBpAC0AYwBoAGUAYwBrAGIAbwB4AAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAWAHUAaQAtAGMAaABlAGMAawBiAG8AeAAAAAAAAAEAAAALAIAAAwAwT1MvMg8SAjoAAAC8AAAAYGNtYXAaRsynAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZvCibg8AAAF4AAAAmGhlYWQJG1ehAAACEAAAADZoaGVhBw0DxgAAAkgAAAAkaG10eAoAALkAAAJsAAAAFGxvY2EAKABgAAACgAAAAAxtYXhwAAcAHAAAAowAAAAgbmFtZVloyOcAAAKsAAABtnBvc3QAAwAAAAAEZAAAACAAAwMAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmEAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg5hD//f//AAAAAAAg5hD//f//AAH/4xn0AAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABALkAZwNLAygAGQAAJSImLwEmNjc2Fh8BAT4BFx4BBwEOASMqATEBqREeCrcSCBgXOxJ4AS8POhkZDhD+mgkeEgECZw4O8hc7ERIIF58B5hkNEA86Gf3CDxIAAAEAAAABAAAiuVlBXw889QALBAAAAAAA01kJvgAAAADTWQm+AAAAAANLAygAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA0sAAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAAAuQAAAAAACgAUAB4ATAABAAAABQAaAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACwAAAAEAAAAAAAIABwCEAAEAAAAAAAMACwBCAAEAAAAAAAQACwCZAAEAAAAAAAUACwAhAAEAAAAAAAYACwBjAAEAAAAAAAoAGgC6AAMAAQQJAAEAFgALAAMAAQQJAAIADgCLAAMAAQQJAAMAFgBNAAMAAQQJAAQAFgCkAAMAAQQJAAUAFgAsAAMAAQQJAAYAFgBuAAMAAQQJAAoANADUdWktY2hlY2tib3gAdQBpAC0AYwBoAGUAYwBrAGIAbwB4VmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwdWktY2hlY2tib3gAdQBpAC0AYwBoAGUAYwBrAGIAbwB4dWktY2hlY2tib3gAdQBpAC0AYwBoAGUAYwBrAGIAbwB4UmVndWxhcgBSAGUAZwB1AGwAYQBydWktY2hlY2tib3gAdQBpAC0AYwBoAGUAYwBrAGIAbwB4Rm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('embedded-opentype'), url(data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwT1MvMg8SAjoAAAC8AAAAYGNtYXAaRsynAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZvCibg8AAAF4AAAAmGhlYWQJG1ehAAACEAAAADZoaGVhBw0DxgAAAkgAAAAkaG10eAoAALkAAAJsAAAAFGxvY2EAKABgAAACgAAAAAxtYXhwAAcAHAAAAowAAAAgbmFtZVloyOcAAAKsAAABtnBvc3QAAwAAAAAEZAAAACAAAwMAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmEAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg5hD//f//AAAAAAAg5hD//f//AAH/4xn0AAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABALkAZwNLAygAGQAAJSImLwEmNjc2Fh8BAT4BFx4BBwEOASMqATEBqREeCrcSCBgXOxJ4AS8POhkZDhD+mgkeEgECZw4O8hc7ERIIF58B5hkNEA86Gf3CDxIAAAEAAAABAAAiuVlBXw889QALBAAAAAAA01kJvgAAAADTWQm+AAAAAANLAygAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA0sAAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAAAuQAAAAAACgAUAB4ATAABAAAABQAaAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACwAAAAEAAAAAAAIABwCEAAEAAAAAAAMACwBCAAEAAAAAAAQACwCZAAEAAAAAAAUACwAhAAEAAAAAAAYACwBjAAEAAAAAAAoAGgC6AAMAAQQJAAEAFgALAAMAAQQJAAIADgCLAAMAAQQJAAMAFgBNAAMAAQQJAAQAFgCkAAMAAQQJAAUAFgAsAAMAAQQJAAYAFgBuAAMAAQQJAAoANADUdWktY2hlY2tib3gAdQBpAC0AYwBoAGUAYwBrAGIAbwB4VmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwdWktY2hlY2tib3gAdQBpAC0AYwBoAGUAYwBrAGIAbwB4dWktY2hlY2tib3gAdQBpAC0AYwBoAGUAYwBrAGIAbwB4UmVndWxhcgBSAGUAZwB1AGwAYQBydWktY2hlY2tib3gAdQBpAC0AYwBoAGUAYwBrAGIAbwB4Rm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype');
}

.ui-checkbox:before,
.ui-checkbox-after:after {
    #checkbox
    ("\e610", ~"ui-checkbox", normal);
    #checkbox-color
    (#ddd, #ddd);
    #checkbox-size
    (1.25em, 1.25em, .9em);
}
/* checkbox-rounded */
.ui-checkbox-rounded:before,
.ui-checkbox-rounded-after:after {
    border-radius: 50%;
    #checkbox-size
    (1.407em, 1.407em, .889em);
}
/* checkbox:checked */
.ui-checkbox-checked:before,
.ui-checkbox-checked-after:after,
input[type=checkbox]:checked + .ui-checkbox:before,
input[type=radio]:checked + .ui-checkbox:before,
input[type=checkbox]:checked + .ui-checkbox-after:after,
input[type=radio]:checked + .ui-checkbox-after:after {
    #checkbox-color
    (#fff, @skin-color-main);
}
/* checkbox:indeterminate */
.ui-checkbox-indeterminate:before,
.ui-checkbox-indeterminate-after:after,
input[type=checkbox]:indeterminate + .ui-checkbox:before,
input[type=checkbox]:indeterminate + .ui-checkbox-after:after {
    #checkbox-color
    (#fff, @skin-color-main);
    content: "?";
    font-family: sans-serif, arial;
    font-weight: bold;
}
/* checkbox:disabled */
.ui-checkbox-disabled:before,
.ui-checkbox-disabled-after:after,
input[type=checkbox]:disabled + .ui-checkbox:before,
input[type=radio]:disabled + .ui-checkbox:before,
input[type=checkbox]:disabled + .ui-checkbox-after:after,
input[type=radio]:disabled + .ui-checkbox-after:after {
    #checkbox-color
    (#ddd, #ddd);
}
/* checkbox:checked:disabled */
.ui-checkbox-checked.ui-checkbox-disabled:before,
.ui-checkbox-checked-after.ui-checkbox-disabled-after:after,
input[type=checkbox]:checked:disabled + .ui-checkbox:before,
input[type=radio]:checked:disabled + .ui-checkbox:before,
input[type=checkbox]:checked:disabled + .ui-checkbox-after:after,
input[type=radio]:checked:disabled + .ui-checkbox-after:after {
    #checkbox-color
    (#fff, #ddd);
}
/* checkbox:invalid */
.ui-checkbox-invalid:before,
.ui-checkbox-invalid-after:after,
.ui-validation input[type=checkbox]:invalid + .ui-checkbox:before,
.ui-validation input[type=radio]:invalid + .ui-checkbox:before,
.ui-validation input[type=checkbox]:invalid + .ui-checkbox-after:after,
.ui-validation input[type=radio]:invalid + .ui-checkbox-after:after {
    #checkbox-color
    (#f6bfbf, #f6bfbf);
}
/* checkbox:checked:invalid */
.ui-checkbox-checked.ui-checkbox-invalid:before,
.ui-checkbox-checked-after.ui-checkbox-invalid-after:after,
.ui-validation input[type=checkbox]:checked:invalid + .ui-checkbox:before,
.ui-validation input[type=radio]:checked:invalid + .ui-checkbox:before,
.ui-validation input[type=checkbox]:checked:invalid + .ui-checkbox-after:after,
.ui-validation input[type=radio]:checked:invalid + .ui-checkbox-after:after {
    #checkbox-color
    (#fff1f1, #f6bfbf);
}

/* radio */
.ui-radio:before,
.ui-radio-after:after {
    #radio
    ();
    #radio-color
    (#fff, #86c858, #fff);
    #radio-size
    ();
}
/* radio:checked */
.ui-radio-checked:before,
.ui-radio-checked-after:after,
input[type=checkbox]:checked + .ui-radio:before,
input[type=radio]:checked + .ui-radio:before,
input[type=checkbox]:checked + .ui-radio-after:after,
input[type=radio]:checked + .ui-radio-after:after {
    #radio-color
    (#86c858, #86c858, #fff);
}
/* radio:disabled */
.ui-radio-disabled:before,
.ui-radio-disabled-after:after,
input[type=checkbox]:disabled + .ui-radio:before,
input[type=radio]:disabled + .ui-radio:before,
input[type=checkbox]:disabled + .ui-radio-after:after,
input[type=radio]:disabled + .ui-radio-after:after {
    #radio-color
    (#fff, #ddd, #fff);
}
/* radio:checked:disabled */
.ui-radio-checked.ui-radio-disabled:before,
.ui-radio-checked-after.ui-radio-disabled-after:after,
input[type=checkbox]:checked:disabled + .ui-radio:before,
input[type=radio]:checked:disabled + .ui-radio:before,
input[type=checkbox]:checked:disabled + .ui-radio-after:after,
input[type=radio]:checked:disabled + .ui-radio-after:after {
    #radio-color
    (#ddd, #ddd, #fff);
}
/* radio:invalid */
.ui-radio-invalid:before,
.ui-radio-invalid-after:after,
.ui-validation input[type=checkbox]:invalid + .ui-radio:before,
.ui-validation input[type=radio]:invalid + .ui-radio:before,
.ui-validation input[type=checkbox]:invalid + .ui-radio-after:after,
.ui-validation input[type=radio]:invalid + .ui-radio-after:after {
    #radio-color
    (#fff1f1, #f6bfbf, #fff1f1);
}
/* radio:checked:invalid */
.ui-radio-checked.ui-radio-invalid:before,
.ui-radio-checked-after.ui-radio-invalid-after:after,
.ui-validation input[type=checkbox]:checked:invalid + .ui-radio:before,
.ui-validation input[type=radio]:checked:invalid + .ui-radio:before,
.ui-validation input[type=checkbox]:checked:invalid + .ui-radio-after:after,
.ui-validation input[type=radio]:checked:invalid + .ui-radio-after:after {
    #radio-color
    (#f6bfbf, #f6bfbf, #fff1f1);
}

.MultiColor-bg {
    background-color: white !important;
}

#dnn_signupLogoGauche_signupLogoGauche {
    height: 60px !important;
}

.modal-body .dropdown-menu li {
    list-style-type: none !important;
    list-style: none !important;
}

.modal-body li {
    list-style-type: disc !important;
    list-style: circle !important;
}

/*.border-container-legend{
	margin-left:-15px!important;
}*/
.border-container-head {
    padding-left: 15px !important;
}

.multiselect-parent {
    width: 100%;
}

.multiselect-parent .dropdown-toggle {
    width: 100%;
}

.multiselect-parent .dropdown-menu {
    width: 100%;
}

.inputDate {
    width: 100% !important;
    height: 22px !important;
}

.date-width .btn-sm {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    margin-left: 3px !important;
}

.date-width {
    width: 120px !important;
}

.autocomplete-container {
    overflow: inherit !important;
}