/*! Custom 1by1 CSS */
/* START LAYOUT */
html { background: #f8f8f8; }
html.login { background: none; }
html.login .instance { font-size: 10px; font-weight: 800; text-align: center; opacity: 0.5; }

/* START HEADER*/
header { position: absolute; top: 0; left: 0; width: 100%; /*height:60px;*/ background: #4C4C4C; color: #fff; }
header .logo, header .center, header .right { display: inline-block; vertical-align: top; height: 40px; line-height: 40px; margin: 10px 20px 10px 20px; }
header .right { float: right; }
header .bootstrap-switch { border: none; }

/* END HEADER*/
/* START PAGE*/
#page { width: auto; max-width: 100%; height: auto; display: block; /*min-height: 900px;*/ margin: 0 0 0 251px; padding: 0 20px; background: #f8f8f8; /*overflow:hidden;*/ }
#page.full { max-width: 100%; height: auto; min-height: 400px; margin: 0 auto; padding: 0 20px; background: #fff; }
#page.login { height: 100%; }
#page #center { display: block; margin-top: 0px; padding: 0; position: relative; -webkit-transition: width 0.5s; -moz-transition: width 0.5s; -o-transition: width 0.5s; transition: width 0.5s; width: 100%; }
#page #center.helperActive { display: inline-block; padding: 0; position: relative; width: 80%; vertical-align: top; }
#page #center .footer { width: 100%; padding: 20px 0; margin-top: 20px; border-top: 1px dashed #DADADA; }

/* START BODY*/
body { background: #4C4C4C; /*margin-top:60px;*/ }
body.signin { background: #fff; margin-top: 0; }
body.signin #page { background: #fff; margin-top: 0; width: 50%; border: none; }

/* END BODY*/
body.signin { padding-top: 40px; padding-bottom: 40px; }

.form-signin { max-width: 700px; padding: 15px; margin: 0 auto; }
.form-signin .form-signin-heading, .form-signin .checkbox { margin-bottom: 10px; }
.form-signin .checkbox { font-weight: normal; }
.form-signin .form-control { position: relative; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*padding: 10px;*/ font-size: 16px; }
.form-signin .form-control:focus { z-index: 2; }
.form-signin select.form-control { height: 34px; }
.form-signin #inputKey { margin-top: 10px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.form-signin #inputSecret { margin-top: -1px; margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }

.signin-whole-pane { margin-bottom: 12px; }

.signin-left-pane { border-right: 1px solid #ccc; }

/* START FOOTER IN PAGE*/
footer { position: absolute; left: 0; bottom: 0; width: 100%; margin: 0 auto; }

.footer { width: 60%; }

/* END FOOTER IN PAGE*/
/* START COMON USE*/
/* START STYLE USE EVERYWHERE*/
.panel-body h3, a.planning, a.titleLink, h3.planning, h4.planning { color: #777; }

a.planning:hover, a.titleLink:hover { color: #76a45b; }

.opacity-100 { opacity: 1; }

.opacity-66 { opacity: 0.66; }

.opacity-50 { opacity: 0.5; }

.opacity-33 { opacity: 0.33; }

.opacity-25 { opacity: 0.25; }

.width10Percent { width: 10%; }

.width100Percent { width: 100%; }

.borderedLeft { border-left: 1px solid #DADADA; }

.borderedBottom { border-bottom: 1px solid #DADADA; }

.borderedRight { border-right: 1px solid #DADADA; }

.borderedTop { border-top: 1px solid #DADADA; }

.textCenter { text-align: center; }

.padding0, .no-padding { padding: 0; }

.padding5 { padding: 5px; }

.paddingTop5 { padding-top: 5px; }

.paddingTop10 { padding-top: 10px; }

.paddingTop20 { padding-top: 20px; }

.paddingBottom0 { padding-bottom: 0px; }

.paddingBottom5 { padding-bottom: 5px; }

.paddingBottom10 { padding-bottom: 10px; }

.paddingBottom20 { padding-bottom: 20px; }

.paddingRight0 { padding-right: 0px; }

.paddingRight5 { padding-right: 5px; }

.paddingRight10 { padding-right: 10px; }

.paddingRight15 { padding-right: 15px; }

.paddingLeft0 { padding-left: 0; }

.paddingLeft5 { padding-left: 5px; }

.paddingLeft10 { padding-left: 10px; }

.paddingLeft15 { padding-left: 15px; }

.marginBottomMinus1 { margin-bottom: -1px; }

.margin0 { margin: 0; }

.marginBottom0 { margin-bottom: 0px; }

.marginBottom5 { margin-bottom: 5px; }

.marginBottom10 { margin-bottom: 10px; }

.marginBottom20 { margin-bottom: 20px; }

.marginBottom25 { margin-bottom: 25px; }

.marginBottom50 { margin-bottom: 50px; }

.marginTop10 { margin-top: 10px; }

.marginTop20 { margin-top: 20px; }

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

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

.marginLeft15 { margin-left: 15px; }

.marginLeft5 { margin-left: 5px; }

.marginRight15 { margin-right: 15px; }

.marginRight5 { margin-right: 5px; }

.tableList { margin-bottom: 0; }

.green-scale-0 { color: #145a32; }

.green-scale-1 { color: #196f3d; }

.green-scale-2 { color: #1e8449; }

.green-scale-3 { color: #229954; }

.green-scale-4 { color: #27ae60; }

.green-scale-5 { color: #52be80; }

.green-scale-6 { color: #7dcea0; }

.green-scale-7 { color: #a9dfbf; }

.green-scale-8 { color: #d4efdf; }

.green-scale-9 { color: #e9f7ef; }

.blue-scale-0 { color: #1b4f72; }

.blue-scale-1 { color: #21618c; }

.blue-scale-2 { color: #2874a6; }

.blue-scale-3 { color: #2e86c1; }

.blue-scale-4 { color: #3498db; }

.blue-scale-5 { color: #5dade2; }

.blue-scale-6 { color: #85c1e9; }

.blue-scale-7 { color: #aed6f1; }

.blue-scale-8 { color: #d6eaf8; }

.blue-scale-9 { color: #ebf5fb; }

.green-scale-bg-0 { background: #145a32; }

.green-scale-bg-1 { background: #196f3d; }

.green-scale-bg-2 { background: #1e8449; }

.green-scale-bg-3 { background: #229954; }

.green-scale-bg-4 { background: #27ae60; }

.green-scale-bg-5 { background: #52be80; }

.green-scale-bg-6 { background: #7dcea0; }

.green-scale-bg-7 { background: #a9dfbf; }

.green-scale-bg-8 { background: #d4efdf; }

.green-scale-bg-9 { background: #e9f7ef; }

.blue-scale-bg-0 { background: #1b4f72; }

.blue-scale-bg-1 { background: #21618c; }

.blue-scale-bg-2 { background: #2874a6; }

.blue-scale-bg-3 { background: #2e86c1; }

.blue-scale-bg-4 { background: #3498db; }

.blue-scale-bg-5 { background: #5dade2; }

.blue-scale-bg-6 { background: #85c1e9; }

.blue-scale-bg-7 { background: #aed6f1; }

.blue-scale-bg-8 { background: #d6eaf8; }

.blue-scale-bg-9 { background: #ebf5fb; }

/* Elipsis animation for loading data */
.ellipsis-loading:after { overflow: hidden; display: inline-block; vertical-align: bottom; -webkit-animation: ellipsis steps(4, end) 750ms infinite; animation: ellipsis steps(4, end) 750ms infinite; content: "\2026"; /* ascii code for the ellipsis character */ width: 0px; }

@keyframes ellipsis { to { width: 1.25em; } }
@-webkit-keyframes ellipsis { to { width: 1.25em; } }
.bold { font-weight: bold; }

.italic { font-style: italic; }

.normal { font-weight: normal !important; }

.reco-item-default .thumbnail { border-style: dashed; border-color: #aaa; }

.reco-item-sm { height: auto !important; }

.reco-item img { max-height: 300px; }

.target-item { height: 380px; margin-bottom: 20px; }
.target-item .thumbnail { height: 100%; }

.thumbnail .caption h4 { min-height: 40px; }

.sort-handle { margin-right: 10px; font: bold 20px Sans-Serif; color: black; display: inline-block; cursor: move; cursor: -webkit-grabbing; }

a.navbar-brand img { margin-top: -10px; margin-right: 10px; }

.code { font-family: 'Courier New', 'Lucida Console', Consolas, Monaco, monospace, sans-serif; }

.etl-wizard-field { padding-top: 0 !important; }

#file-fields-content .file-field-row:nth-of-type(even) { background: #efefef; padding-top: 15px; }

.va-tt { vertical-align: text-top; }

.va-tb { vertical-align: text-bottom; }

div.checkbox.pt4 { padding-top: 4px; }

a.metricsLink { color: #888; }
a.metricsLink span.fa { font-size: 16px; }
a.metricsLink:hover { color: #76a45b; }

.dropdown-header { font-size: 16px; font-weight: 800; color: black; }

.label-lg { font-size: 110%; }

.label-md { font-size: 100%; }

.fa-white { color: white; }

.tooltip-inner { white-space: pre-wrap; max-width: 300px; }

.vam { vertical-align: middle !important; }

.text-orange { color: #E24301; }

.gi-2x { font-size: 1.5em; }

/* END STYLE USE EVERYWHERE*/
/* START SPECIFIC 1by1 BLOCK STYLE */
.breadcrumb { color: #777; background-color: #fff; }
.breadcrumb a.breadcrumbLink { color: #777; }
.breadcrumb a.breadcrumbLink:hover { color: #85B585; }
.breadcrumb .active { color: #85B585; }

/* START BOOTSTRAP EXTENSION & SPECIFIC 1by1 STYLE */
#searchbar .btn-group { overflow: hidden; border-left: 1px solid #DADADA; }

.btn.btn-header { padding: 18px 15px; font-size: 16px; line-height: 100%; color: #777; border: 1px solid #fff; border-radius: 0; position: relative; overflow: hidden; }
.btn.btn-header span.badge { position: absolute; color: #fff; top: 7px; right: 5px; }
.btn.btn-header span.badge.badge-danger { background: rgba(241, 100, 95, 0.75); }
.btn.btn-header span.badge.badge-warning { background: rgba(255, 167, 42, 0.65); }
.btn.btn-header span.badge.badge-success { background: rgba(127, 167, 106, 0.82); }
.btn.btn-header span.badge.badge-primary { background: rgba(51, 122, 183, 0.7); }
.btn.btn-header span.badge.badge-info { background: rgba(91, 192, 222, 0.74); }
.btn.btn-header:hover { background: #f8f8f8; border-right: 1px solid #DADADA; border-left: 1px solid #DADADA; }
.btn.btn-header:focus { outline: none; background: #f8f8f8; border-right: 1px solid #DADADA; border-left: 1px solid #DADADA; }

.btn.btnMarginBottom { margin-bottom: 5px; }

.modal-footer .btn + .btn { margin-bottom: 0; }

.btn-green1B1 { background: #5CAB7D; border-color: #5CAB7D; color: #fff; }
.btn-green1B1:hover { background: #5cb85c; border-color: #5cb85c; }

.btn-grey1B1 { border: 1px solid #777; color: #777; }
.btn-grey1B1:hover { color: #4C4C4C; background: #bbb; }

.btn-group.field-operator .btn { padding: 6px 10px; }

.btnRound.icon-btn { padding: 0 15px 0 0; border-radius: 50px; overflow: hidden; }
.btnRound.icon-btn .btn-fa { padding: 8px 8px 8px 10px; line-height: 120%; margin-right: 2px; }
.btnRound.icon-btn:hover .btn-fa { background: #ffffff; }
.btnRound.icon-btn.btn-green1B1:hover .btn-fa { background: #5CAB7D; color: #fff; }

.btn-success { background-color: rgba(127, 167, 106, 0.82); border-color: #85B585; }

.btn-warning { background-color: rgba(255, 167, 42, 0.65); }

.btn-info { background-color: rgba(91, 192, 222, 0.74); }

.btn-danger { background-color: rgba(241, 100, 95, 0.75); }

.btn-primary { background-color: rgba(51, 122, 183, 0.7); border-color: #337AB7; }
.btn-primary:hover { background: #337AB7; }

.btn-mode { padding: 0 5px; }
.btn-mode.btn-mode { border: none; }
.btn-mode.btn-mode.btn-success { background: rgba(179, 220, 165, 0.8); }
.btn-mode.btn-mode.btn-warning { background: rgba(238, 162, 54, 0.8); }

.actions .btn.dropdown-toggle { width: 100%; margin: 0; }
.actions .dropdown-menu { padding: 0; right: 0; left: auto; }
.actions .dropdown-menu .btn { text-align: left; width: 100%; border-radius: 0; margin: 0; border: none; background: #f8f8f8; }
.actions .dropdown-menu .btn.btn-info { color: rgba(91, 192, 222, 0.74); }
.actions .dropdown-menu .btn.btn-info:hover { color: #f8f8f8; background: rgba(91, 192, 222, 0.74); }
.actions .dropdown-menu .btn.btn-primary { color: rgba(51, 122, 183, 0.7); }
.actions .dropdown-menu .btn.btn-primary:hover { color: #f8f8f8; background: rgba(51, 122, 183, 0.7); }
.actions .dropdown-menu .btn.btn-warning { color: rgba(255, 167, 42, 0.65); }
.actions .dropdown-menu .btn.btn-warning:hover { color: #f8f8f8; background: rgba(255, 167, 42, 0.65); }
.actions .dropdown-menu .btn.btn-danger { color: rgba(241, 100, 95, 0.75); }
.actions .dropdown-menu .btn.btn-danger:hover { color: #f8f8f8; background: rgba(241, 100, 95, 0.75); }
.actions .dropdown-menu .btn.btn-success { color: rgba(127, 167, 106, 0.82); }
.actions .dropdown-menu .btn.btn-success:hover { color: #f8f8f8; background: rgba(127, 167, 106, 0.82); }
.actions .dropdown-menu .dropdown-divider { background: #f8f8f8; border-bottom: 1px dotted #ddd; padding: 1.5px 0; }
.actions .dropdown-menu .dropdown-divider.large { padding: 2px 0; }
.actions.actionsLarge .dropdown-menu { right: 20px; left: 20px; }

/* START LABEL */
.label.labelSizeHigh { font-size: 12px; line-height: 110%; }
.label.label-light { background-color: #769765c2; }
.label.label-grey { background-color: #ddd; color: #555; }
.label.label-success { background-color: rgba(127, 167, 106, 0.82); }
.label.label-success.label-token { background-color: rgba(179, 220, 165, 0.8); }
.label.label-warning { background-color: rgba(255, 167, 42, 0.65); }
.label.label-primary { background-color: rgba(51, 122, 183, 0.7); }
.label.label-info { background-color: rgba(91, 192, 222, 0.74); }
.label.label-danger { background-color: rgba(241, 100, 95, 0.75); }
.label.btnActionMenu { display: block; margin: 3px 10px; border-radius: 0; }
.label.btnActionMenu.label-primary:hover { background-color: #337ab7; }
.label.btnActionMenu.label-success.label-token:hover { background-color: rgba(127, 167, 106, 0.82); }

.parameter-label-infos { font-weight: 500; font-size: 12px; }

#rule-fields-form label i.fa-spinner { font-size: 20px; line-height: 34px; }

/* END LABEL */
/* START FORM CONTROL & FORM GROUP */
.input-group .form-control { z-index: auto; }

.form-group input.form-control.danger { border-color: #c54947; background-color: rgba(215, 122, 122, 0.25); }
.form-group .bootstrap-select.btn-group .dropdown-menu { max-height: none; }

/* END FORM CONTROL & FORM GROUP */
/* TARGETING FIELD OPERATOR COLOR*/
.filters-fields select.form-control.field-operator.danger { border-color: #c54947; background-color: rgba(215, 122, 122, 0.25); }

/* MODAL FORM */
.modal input.danger, .modal textarea.danger { border-color: #c54947; background-color: rgba(215, 122, 122, 0.25); }

.field-dig-helper, .field-search-helper, .field-name-helper { cursor: pointer; }

/* START MODAL */
.modal { z-index: 1000 !important; }

/* END MODAL*/
/* RESULT TARGETING MODAL*/
#modalContactInfo .modal-title span.contactInfoId { color: #85B585; }
#modalContactInfo .modal-backdrop { position: fixed; }

/* RESULT TARGETING MODAL*/
#modalProductInfo .modal-title span.productInfoId { color: #85B585; }
#modalProductInfo #modalProductInfo .modal-backdrop { position: fixed; }

.modal-content { border: 0 !important; }

.modal-footer { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; }

.modal-header { background-color: #4C4C4C; border-top-left-radius: inherit; border-top-right-radius: inherit; color: white; }

/* START NAVBAR PILLS */
#page #center .panel-nav.nav.nav-tabs { margin-top: -1px; margin-right: -1px; border: none; border-bottom: 1px solid #ccc; background: #f8f8f8; }
#page #center .panel-nav.nav.nav-tabs > li { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: 700; background: #f8f8f8; /*.fa-removeTab:hover,
&.active .fa-removeTab:hover,
&.active:hover .fa-removeTab:hover,
&:hover .fa-removeTab:hover{ color:#888;
}*/ }
#page #center .panel-nav.nav.nav-tabs > li a { color: #888; margin-right: 0; display: inline-block; vertical-align: top; }
#page #center .panel-nav.nav.nav-tabs > li:hover { background: #fff; }
#page #center .panel-nav.nav.nav-tabs > li:hover a { background: #fff; }
#page #center .panel-nav.nav.nav-tabs > li .fa-removeTab, #page #center .panel-nav.nav.nav-tabs > li.active .fa-removeTab, #page #center .panel-nav.nav.nav-tabs > li.active:hover .fa-removeTab, #page #center .panel-nav.nav.nav-tabs > li:hover .fa-removeTab { display: inline-block; vertical-align: top; padding: 10px; color: #ccc; }
#page #center .panel-nav.nav.nav-tabs > li .fa-removeTab:hover, #page #center .panel-nav.nav.nav-tabs > li.active .fa-removeTab:hover, #page #center .panel-nav.nav.nav-tabs > li.active:hover .fa-removeTab:hover, #page #center .panel-nav.nav.nav-tabs > li:hover .fa-removeTab:hover { color: #888; }
#page #center .panel-nav.nav.nav-tabs > li.active { border-bottom-color: transparent; background: #fff; }
#page #center .panel-nav.nav.nav-tabs > li.active a { background: #fff; }
#page #center .panel-nav.nav.nav-tabs > li.active > a, #page #center .panel-nav.nav.nav-tabs > li.active > a:focus, #page #center .panel-nav.nav.nav-tabs > li.active > a:hover, #page #center .panel-nav.nav.nav-tabs > li > a, #page #center .panel-nav.nav.nav-tabs > li > a:hover { border: none; }
#page #center .panel-nav.nav.nav-tabs.tabs-left { border-color: #888; border-bottom: none; border-right: 2px solid #888; }
#page #center .panel-nav.nav.nav-tabs.tabs-left > li { display: block; width: 100%; margin-right: -2px; margin-bottom: 0; }
#page #center .panel-nav.nav.nav-tabs.tabs-left > li > a { display: block; width: 100%; border-width: 2px; margin: 2px 0 2px 2px; }
#page #center .panel-nav.nav.nav-tabs.tabs-left > li > a:hover { border-top: 2px solid #888; border-left: 2px solid #888; border-right: 2px solid transparent; border-bottom: 2px solid #888; margin: 2px 0 2px 2px; }
#page #center .panel-nav.nav.nav-tabs.tabs-left > li.active > a, #page #center .panel-nav.nav.nav-tabs.tabs-left > li.active > a:focus, #page #center .panel-nav.nav.nav-tabs.tabs-left > li.active > a:hover { border: 2px solid; border-color: #888; border-right-color: transparent; margin: 2px 0 2px 2px; }
#page #center .panel-nav.nav.nav-tabs > li.tabulation { border-top: 3px solid #ccc; }
#page #center .panel-nav.nav.nav-tabs > li.tabulation.tabulation-error { border-top: 3px solid #D77A7A; }
#page #center .panel-nav.nav.nav-tabs > li.tabulation.tabulation-count { border-top: 3px solid rgba(91, 192, 222, 0.74); }
#page #center .panel-nav.nav.nav-tabs > li.tabulation.tabulation-preview { border-top: 3px solid rgba(51, 122, 183, 0.7); }

/* END NAVBAR PILLS*/
/* START CUSTOM PANEL */
.panel { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-color: #CCC; }
.panel .panel-heading { background: #E6E6E6; }
.panel.panel-colored .panel-heading.accordion-panel:hover { background: #f8f8f8 !important; border-bottom: 1px solid #DADADA !important; margin-bottom: -1px; }
.panel.panel-colored .panel-title.panel-title-center { text-align: center; }
.panel.panel-colored .panel-title.panel-title-2x { font-size: 20px; }

.panel-heading.accordion-panel { cursor: pointer; }

#page #center .panel.panel-colored { border-left: 3px solid #888; }
#page #center .panel.panel-colored .panel-heading { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: none; color: #888; border: none; }
#page #center .panel.panel-colored .panel-body { padding: 0; margin: 15px; }
#page #center .panel.panel-colored.panel-blue { border-left-color: #31708F; }
#page #center .panel.panel-colored.panel-blue .panel-heading { color: #31708F; }
#page #center .panel.panel-colored.panel-yellow { border-left-color: #eea236; }
#page #center .panel.panel-colored.panel-yellow .panel-heading { color: #eea236; }
#page #center .panel.panel-colored.panel-green { border-left-color: #85B585; }
#page #center .panel.panel-colored.panel-green .panel-heading { color: #85B585; }
#page #center .panel.panel-colored.panel-danger { border-color: #D77A7A; }
#page #center .panel.panel-colored.panel-danger .panel-heading { color: #D77A7A; }
#page #center .panel.panel-colored.panel-doc { margin-left: 80px; }
#page #center .panel.panel-colored.panel-doc .panel-heading .panel-title { font-size: 32px; }
#page #center .panel.panel-colored.panel-doc .panel-heading .panel-title span { position: absolute; left: 10px; font-size: 70px; }
#page #center .panel.panel-colored.panel-doc .panel-body h3 { color: #DADADA; }
#page #center .panel.targeting { border-left: 7px solid #888; }
#page #center .panel.targeting .panel-heading { border-bottom: 1px dashed #aaa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #E6E6E6; color: #111; }
#page #center .panel.targeting.panel-blue { border-left-color: #31708F; }
#page #center .panel.targeting.panel-blue .panel-heading { color: #31708F; }
#page #center .panel.targeting.panel-yellow { border-left-color: #eea236; }
#page #center .panel.targeting.panel-yellow .panel-heading { color: #eea236; }
#page #center .panel.targeting.panel-green { border-left-color: #4cae4c; }
#page #center .panel.targeting.panel-green .panel-heading { color: #4cae4c; }
#page #center .panel.targeting.panel-danger { border-color: #D77A7A; }
#page #center .panel.targeting.panel-danger .panel-heading { color: #D77A7A; }
#page #center .panel.targeting.panel-doc { margin-left: 80px; }
#page #center .panel.targeting.panel-doc .panel-heading .panel-title { font-size: 32px; }
#page #center .panel.targeting.panel-doc .panel-heading .panel-title span { position: absolute; left: 10px; font-size: 70px; }
#page #center .panel.targeting.panel-doc .panel-body h3 { color: #DADADA; }

/* END CUSTOM PANEL*/
/* START CUSTOM BLOCK */
.block .content strong { font-size: 40px; line-height: 110%; }

#page #center .block { width: 100%; margin: 0 0 20px; color: #777; border-left: 3px solid #888; background: #fff; padding: 5px 20px; }
#page #center .block .titre { text-align: left; font-size: 20px; font-weight: 700; line-height: 30px; color: #fff; }
#page #center .block .content { text-align: right; font-size: 16px; line-height: 110%; margin-left: 45px; }
#page #center .block .content span { font-size: 24px; }
#page #center .block .content strong.smallSize { font-size: 25px; }
#page #center .block .icon { position: relative; }
#page #center .block .icon span.fa, #page #center .block .icon span.glyphicon { position: absolute; top: 5px; left: 0; font-size: 40px; }
#page #center .block.blockBtn { border-color: #76a45b; }
#page #center .block.blockBtn .content { text-align: center; }
#page #center .block.blockBtn .content strong { text-align: center; color: #76a45b; }
#page #center .block.blockBtn .icon span.fa, #page #center .block.blockBtn .icon span.glyphicon { top: 25px; font-size: 60px; }
#page #center .block.blockBtn:hover { background: rgba(179, 220, 165, 0.3); }
#page #center .block.blockBtn:hover .icon span.fa, #page #center .block.blockBtn:hover .icon span.glyphicon { color: #76a45b; }
#page #center .block.blockBordered { border: 1px solid #ccc; border-left: 3px solid #777; }
#page #center .block.blockTitleMetrics { text-align: left; }
#page #center .block.blockTitleMetrics .content { text-align: left; margin-left: 10px; }
#page #center .block.blockTitleMetrics .content strong { text-align: left; }
#page #center .blockGrey .titre { background: #DADADA; }
#page #center .blockGrey .content strong { color: #DADADA; }
#page #center .blockGreen .titre { background: #8cc04d; }
#page #center .blockGreen .content strong { color: #8cc04d; }
#page #center .blockGreen.home-metrics-large-border:hover { color: #8cc04d; }
#page #center .blockRed .titre { background: #D77A7A; }
#page #center .blockRed .content strong { color: #D77A7A; }
#page #center .blockBlue .titre { background: #A0D4EB; }
#page #center .blockBlue .content strong { color: #A0D4EB; }
#page #center .blockBlue.home-metrics-large-border:hover { color: #A0D4EB; }
#page #center .blockDarkBlue .titre { background: #00698f; }
#page #center .blockDarkBlue .content strong { color: #00698f; }
#page #center .blockDarkBlue.home-metrics-large-border:hover { color: #00698f; }
#page #center .blockYellow .titre { background: #ffce00; }
#page #center .blockYellow .content strong { color: #ffce00; }
#page #center .blockYellow.home-metrics-large-border:hover { color: #ffce00; }
#page #center .blockOrange .titre { background: #ff6414; }
#page #center .blockOrange .content strong { color: #ff6414; }
#page #center .blockOrange.home-metrics-large-border:hover { color: #ff6414; }
#page #center .blockPurple .titre { background: #644b78; }
#page #center .blockPurple .content strong { color: #644b78; }
#page #center .blockPurple.home-metrics-large-border:hover { color: #644b78; }
#page #center a .blockGrey { color: #4C4C4C; }
#page #center a .blockGrey .content strong { color: #DADADA; }
#page #center a .blockGrey:hover { background: rgba(76, 76, 76, 0.25); border-color: #4C4C4C; }
#page #center a .blockBlue .content strong { color: #A0D4EB; }
#page #center a .blockBlue:hover { background: rgba(160, 212, 235, 0.25); border-color: #A0D4EB; }
#page #center a .blockGreen .content strong { color: #8cc04d; }
#page #center a .blockGreen:hover { background: rgba(140, 192, 77, 0.25); border-color: #8cc04d; }
#page #center a .blockRed .content strong { color: #D77A7A; }
#page #center a .blockRed:hover { background: rgba(215, 122, 122, 0.25); border-color: #D77A7A; }
#page #center a .blockDarkBlue .content strong { color: #00698f; }
#page #center a .blockDarkBlue:hover { background: rgba(0, 105, 142, 0.25); border-color: #00698f; }
#page #center a .blockYellow .content strong { color: #ffce00; }
#page #center a .blockYellow:hover { background: rgba(255, 206, 0, 0.25); border-color: #ffce00; }
#page #center a .blockOrange .content strong { color: #ff6414; }
#page #center a .blockOrange:hover { background: rgba(255, 100, 10, 0.25); border-color: #ff6414; }
#page #center a .blockPurple .content strong { color: #644b78; }
#page #center a .blockPurple:hover { background: rgba(100, 75, 120, 0.25); border-color: #644b78; }
#page #center a:hover, #page #center a:focus { text-decoration: none; }
#page #center a:hover .blockGrey .content strong { color: #EDF3AC; }
#page #center a .block:hover .home-metrics-card { color: #666; }
#page #center .home-metrics-large-border:hover .icon span { color: #777; }
#page #center .blockTitle { background: none; border: none; margin-bottom: 0; }
#page #center .blockTitle .icon { position: relative; display: inline-block; vertical-align: top; font-size: 25px; line-height: 120%; margin: 0; }
#page #center .blockTitle .icon span.fa, #page #center .blockTitle .icon span.glyphicon { position: initial; line-height: 120%; font-size: 25px; margin: 0 10px 0 0; }
#page #center .blockTitle .titre { font-size: 25px; display: inline-block; vertical-align: top; line-height: 120%; }
#page #center .blockTitle .content, #page #center .blockTitle .content strong { line-height: 120%; text-align: left; color: #777; font-size: 25px; margin-bottom: 0px; display: inline-block; vertical-align: top; margin-left: 0px; }
#page #center .blockTitle .content.home-metrics-card { display: block; font-size: 20px; color: #DADADA; }
#page #center .returnLink { text-align: center; padding: 5px 10px; color: #ccc; margin-bottom: 10px; border: 1px solid #ccc; border-left: 3px solid #777; margin-top: -5px; background: #fff; cursor: pointer; }
#page #center .returnLink:hover { color: #4c4c4c; }
#page #center .blockLink { margin-bottom: 0; }
#page #center .blockLink .content, #page #center .blockLink .content strong { line-height: 30px; text-align: right; color: #DADADA; font-size: 25px; margin-bottom: 0px; }
#page #center .blockLink .content.home-metrics-card { font-size: 20px; line-height: 30px; }
#page #center .src-image { display: none; }
#page #center .card { overflow: hidden; position: relative; border: 1px solid #CCC; text-align: center; padding: 0; background-color: #ECECEC; color: #888; margin-bottom: 15px; border-radius: 0px; }
#page #center .card:hover { background: #fff; cursor: pointer; }
#page #center .card.cardFixedSize { height: 250px; }
#page #center .card .header-bg { position: relative; width: 100%; height: 70px; border-bottom: 3px #f8f8f8 solid; z-index: 1; }
#page #center .card .avatar { position: relative; margin-top: -55px; margin-bottom: 20px; z-index: 100; }
#page #center .card .avatar p.number { width: 100px; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #f8f8f8; text-align: center; line-height: 90px; font-size: 50px; border: 5px solid #4c4c4c; background: #fff; margin: 0 auto; }
#page #center .card .content p { margin-bottom: 0; }
#page #center .card .content p strong { font-size: 22px; }
#page #center .card .content p span { font-size: 28px; }
#page #center .card .content table { width: 80%; margin: 20px auto; }
#page #center .card.yellow .header-bg { border-bottom: 3px #ffce00 solid; background: rgba(255, 206, 0, 0.7); }
#page #center .card.yellow .avatar p.number { color: #ffce00; border: 5px solid #ffce00; }
#page #center .card.yellow .content p strong { color: #ffce00; }
#page #center .card.orange .header-bg { border-bottom: 3px #ff6414 solid; background: rgba(255, 100, 10, 0.7); }
#page #center .card.orange .avatar p.number { color: #ff6414; border: 5px solid #ff6414; }
#page #center .card.orange .content p strong { color: #ff6414; }
#page #center .card.darkorange .header-bg { border-bottom: 3px #e24301 solid; background: rgba(226, 67, 0, 0.7); }
#page #center .card.darkorange .avatar p.number { color: #e24301; border: 5px solid #e24301; }
#page #center .card.darkorange .content p strong { color: #e24301; }
#page #center .card.blue .header-bg { border-bottom: 3px #00698f solid; background: rgba(0, 105, 142, 0.7); }
#page #center .card.blue .avatar p.number { color: #00698f; border: 5px solid #00698f; }
#page #center .card.blue .content p strong { color: #00698f; }
#page #center .card.darkblue .header-bg { border-bottom: 3px #273140 solid; background: rgba(39, 49, 64, 0.7); }
#page #center .card.darkblue .avatar p.number { color: #273140; border: 5px solid #273140; }
#page #center .card.darkblue .content p strong { color: #273140; }
#page #center .card.purple .header-bg { border-bottom: 3px #644b78 solid; background: rgba(100, 75, 120, 0.7); }
#page #center .card.purple .avatar p.number { color: #644b78; border: 5px solid #644b78; }
#page #center .card.purple .content p strong { color: #644b78; }
#page #center .card.green .header-bg { border-bottom: 3px #8cc04d solid; background: rgba(140, 192, 77, 0.7); }
#page #center .card.green .avatar p.number { color: #8cc04d; border: 5px solid #8cc04d; }
#page #center .card.green .content p strong { color: #8cc04d; }
#page #center .card.grey .header-bg { border-bottom: 3px #646569 solid; background: rgba(100, 100, 100, 0.7); }
#page #center .card.grey .avatar p.number { color: #646569; border: 5px solid #646569; }
#page #center .card.grey .content p strong { color: #646569; }

.home-metrics-large-border { border-left: 30px solid !important; position: relative; }

.home-metrics-info { color: white; font-weight: bold; transform: rotate(270deg); transform-origin: 0 0; /* margin-left: -95px; */ /* margin-top: auto; */ margin: 0px 0px; position: absolute; width: 103px; text-align: center; /* background-color: blue; */ top: 103px; left: -25px; }

hr { margin: 15px 0; border-style: dashed; color: #DADADA; border-color: #DADADA; }
hr .listCell { margin: 5px 0; }

.home-metrics-card { color: #bbb; }
.home-metrics-card span { font-size: 20px !important; }

/* END CUSTOM BLOCK*/
/* START CUSTOM CARD */
/* END CUSTOM CARD*/
/* PLANNING CARD*/
.planningCard { background: #fff; color: #bbb; font-size: 14px; border-left: 50px solid #777 !important; position: relative; margin: 0 0 20px 0; min-height: 103px; }
.planningCard .noMargin { margin: 0; }
.planningCard .planningHeight { min-height: 103px; }
.planningCard h2.success { color: rgba(127, 167, 106, 0.82); }
.planningCard h2.warning { color: #eea236; }
.planningCard .mainTitle { color: white; font-weight: bold; transform: rotate(270deg); transform-origin: 0 0; margin: 0px 0px; position: absolute; width: 103px; text-align: center; top: 103px; left: -50px; }
.planningCard .mainTitle p { margin: 5px 0; }
.planningCard .bordered { border-right: 1px solid #bbb; border-left: 1px solid #bbb; }
.planningCard .noPadding { padding-left: 0; padding-right: 0; }
.planningCard .next-item { padding: 5px 0; }
.planningCard .next-item .info .title { color: #888; font-size: 16px; font-weight: 700; margin-bottom: 0; }
.planningCard .next-item hr { margin: 5px 0; }
.planningCard .next-item a { color: rgba(0, 105, 143, 0.6); font-size: 16px; font-weight: 700; }
.planningCard .next-item a:hover { color: rgba(0, 105, 143, 0.9); }
.planningCard .next-item .status, .planningCard .next-item .moreInfo { display: inline-block; }
.planningCard .planning { padding: 8px 0; color: #bbb; }
.planningCard .planning .title { color: #888; font-size: 16px; font-weight: 700; }
.planningCard .planning .borderRight { border-right: 1px solid #bbb; }

/* START PANEL ACCORDION*/
#accordion .item { margin-bottom: 10px; }
#accordion .item > a.colored { line-height: 120%; }
#accordion .item > a.colored .panel-heading { background-color: #777; color: #f8f8f8; text-decoration: none; }
#accordion .item > a.colored .panel-heading:hover { background-color: #fff; color: #777; }
#accordion .item > a.colored:hover { color: #8a6d3b; background-color: #fcf8e3; text-decoration: none; }

.panel .accordion-panel span.plus.active .fa-plus { animation-name: spinActive; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); }
@keyframes spinActive { from { transform: rotate(225deg); }
  to { transform: rotate(0deg); } }
.panel .accordion-panel span.plus.unactive .fa-plus { animation-name: spinUnactive; -webkit-transform: rotateZ(225deg); -moz-transform: rotateZ(225deg); -o-transform: rotateZ(225deg); -ms-transform: rotateZ(225deg); transform: rotateZ(225deg); }
@keyframes spinUnactive { from { transform: rotate(0deg); }
  to { transform: rotate(225deg); } }
.panel .accordion-panel span.plus .fa-plus { font-size: 12px; animation-duration: 500ms; animation-iteration-count: 1; animation-timing-function: ease-out; }

/* END PANEL ACCORDION*/
/* START CUSTOM PROGRESSBAR */
.progressHome { height: 3px; margin-top: 19px; }

.progress-bar-F { background-color: #e85a71; }

.progress-bar-M { background-color: #4ea1d3; }

.progress-bar-N { background-color: #79bd9a; }

/* END CUSTOM PROGRESSBAR */
/* START PROGRESS WIZARD*/
#page #center ul.progress-indicator { margin-left: 20px; text-align: right; }
#page #center ul.progress-indicator li { height: 100px; margin-bottom: 20px; text-align: right; }
#page #center ul.progress-indicator li.warning { color: #edb10a; }
#page #center ul.progress-indicator li .line, #page #center ul.progress-indicator li .line .right, #page #center ul.progress-indicator li .line .left { height: 100%; }
#page #center ul.progress-indicator li span.bubble { position: absolute; right: 0; width: 30px; height: 30px; margin: 0 auto; }
#page #center ul.progress-indicator li span.bubble span { color: #fff; font-size: 16px; line-height: 30px; z-index: 20; position: absolute; left: 18px; }
#page #center ul.progress-indicator li span.bubble:before { height: 90px; z-index: 19; position: absolute; top: 30px; }
#page #center ul.progress-indicator li span.bubble:after { height: 70px; z-index: 19; position: absolute; top: 30px; }
#page #center ul.progress-indicator li span.stacked-text { width: 100% !important; text-align: right; margin-left: 0 !important; margin-bottom: 20px; }
#page #center ul.progress-indicator li span.stacked-text h4 { font-size: 16px; }

/* END PROGRESS WIZARD*/
.bootstrap-select div > ul > li.disabled { opacity: 0.4; }

.bootstrap-select .dropdown-menu li a { white-space: normal !important; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto; }

.bootstrap-select.no-wrap li a.opt { white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; }

/* START BOOTSTRAP SWITCH */
.bootstrap-switch-handle-on.bootstrap-switch-success { background-color: rgba(127, 167, 106, 0.82) !important; border-color: #85B585 !important; }

.bootstrap-switch-handle-off.bootstrap-switch-danger { background-color: rgba(241, 100, 95, 0.75) !important; }

/* END BOOTSTRAP SWITCH */
/* START CUSTOM TABLE */
tr.active.channel-lines, tr.active.group-lines, tr.active.template-lines { border-bottom: 2px solid #eea236; }
tr.active.channel-lines td, tr.active.group-lines td, tr.active.template-lines td { background-color: rgba(238, 162, 54, 0.3) !important; }
tr.subline { background-color: #e4e4e4; }

.table-hover > tbody > tr.subline:hover { background-color: #e4e4e4; }

.table-wrapped { word-wrap: break-word; table-layout: fixed; }

.badge-primary { background-color: rgba(51, 122, 183, 0.7); color: white; }

.badge-light { background-color: #f8f9fa; color: black; }

.badge-dark { background-color: #343a40; color: white; }

.badge-warning { background-color: #ffc107; color: black; }

.badge-danger { background-color: #dc3545; color: white; }

.badge-success { background-color: #28a745; color: white; }

/* START ALL PLUGINS EXTENSION FOR SPECIFIC 1by1 STYLE */
/* START AUTOCOMPLETE */
.ui-autocomplete { position: absolute; cursor: default; z-index: 1050 !important; overflow: auto; max-height: 500px; }

.autocomplete-suggestions { border: 1px solid #666; border-radius: 0; background: #FFF; margin-top: 3px; width: initial !important; max-height: initial !important; }
.autocomplete-suggestions strong { font-weight: bold; color: #337ab7; }

.autocomplete-suggestion { padding: 2px 10px; white-space: nowrap; border-left: 3px solid white; }

.autocomplete-selected { background: #F0F0F0 !important; border-left: 3px solid #337ab7; }

.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/* END AUTOCOMPLETE */
/* START CHARTBLOCK */
#page #center .chartBlock { -webkit-transition: width 2.5s; -moz-transition: width 2.5s; -o-transition: width 2.5s; transition: width 2.5s; }

.chart-container { display: none; }

/* END CHART BLOCK */
/* START CUSTOM COLORPICKER */
.colorpicker-2x .colorpicker-saturation { width: 200px; height: 200px; }
.colorpicker-2x .colorpicker-hue, .colorpicker-2x .colorpicker-alpha { width: 30px; height: 200px; }
.colorpicker-2x .colorpicker-color div { height: 30px; }

/* END CUSTOM COLORPICKER */
/* START FULLCALENDAR */
#calendar .passed { opacity: 0.4; }
#calendar button.fc-button.fc-button-primary { background-color: #71a0cb; border-color: #71a0cb; }
#calendar button.fc-button.fc-button-primary.fc-button-active, #calendar button.fc-button.fc-button-primary:hover { background-color: #327ab7; border-color: #327ab7; }
#calendar button.fc-button.fc-button-primary:hover { background-color: #286090; border-color: #204d74; }

/* END FULLCALENDAR */
/* RESULT TARGETING JSON DISPLAY */
.panel-colored.panelJson { background: #f8f8f8; }
.panel-colored.panelJson.reco-default { border-style: dashed; }
.panel-colored.panelJson a.contactLinkModal, .panel-colored.panelJson a.productLinkModal { color: #85B585; }
.panel-colored.panelJson a.contactLinkModal:hover, .panel-colored.panelJson a.productLinkModal:hover { color: #658665; }

.ivalSummary { line-height: 1.6; margin-bottom: 0; margin-top: 0; }
.ivalSummary h1, .ivalSummary h2, .ivalSummary h3, .ivalSummary h4, .ivalSummary h5, .ivalSummary h6 { margin: 0; }
.ivalSummary span.label { font-weight: 400 !important; letter-spacing: 0.08em; }
.ivalSummary span.label-date { color: black; border: solid 2px #96b785; }

.jsonViewEdit { border: 1px solid #ccc; background: #f8f8f8; padding: 10px; }

.has-success .jsonViewEdit { border-color: #3c763d; }

.has-error .jsonViewEdit { border-color: #a94442; }

/* START JSON EDITOR */
#jsoneditor_holder { padding: 10px 10px 0; }
#jsoneditor_holder h4 { margin-bottom: 15px; }
#jsoneditor_holder .well { border: 0; border-top: 1px solid #ddd; border-left: 3px solid darkgrey; border-radius: 0; box-shadow: none; padding-bottom: 0; }

#jsoneditor_buttonbar { padding-left: 12px; padding-bottom: 12px; }

/* END JSON EDITOR */
/* START METRIC TABLE */
#page #center .table-metrics { border-color: #888; border-width: 2px; margin-bottom: 0; }
#page #center .table-metrics tbody tr.subline { background-color: #ECECEC; border-bottom: 2px solid #888; }
#page #center .table-metrics tbody tr.subline.topline { border-bottom: 2px solid #888; }
#page #center .table-metrics tbody > thead { background-color: #888; color: #f8f8f8; }
#page #center .table-metrics tbody > thead, #page #center .table-metrics tbody > tbody { border-color: #888; border-width: 2px; }
#page #center .table-metrics tbody thead tr td, #page #center .table-metrics tbody tbody tr td { border-color: #888; border-width: 2px; }
#page #center .table-metrics tbody .animes tr, #page #center .table-metrics tbody .animes tr th.title, #page #center .table-metrics tbody .temoins tr, #page #center .table-metrics tbody .temoins tr th.title { border: 1px; }
#page #center .table-metrics tbody .animes tr th.title { background: rgba(160, 212, 235, 0.15); color: #08C; border-color: #a0d4eb; vertical-align: middle; }
#page #center .table-metrics tbody .animes tr, #page #center .table-metrics tbody .animes th { border: 1px; }
#page #center .table-metrics tbody .temoins tr th.title { background: rgba(179, 220, 165, 0.15); color: #3C763D; border-color: #b3dca5; vertical-align: middle; }
#page #center .table-metrics tbody .temoins tr, #page #center .table-metrics tbody .temoins th { border: 1px; }
#page #center .table-metrics td.cellCA { border-right: 2px solid #C5E99B; background: rgba(197, 233, 155, 0.35); border-bottom: 0px; }
#page #center .table-metrics td.cellBasket { border-right: 2px solid #8FBC94; background: rgba(143, 188, 148, 0.35); border-bottom: 0px; }
#page #center .table-metrics td.cellCATarget { border-right: 2px solid #548687; background: rgba(84, 134, 135, 0.35); border-bottom: 0px; }
#page #center .table-metrics td.cellMarketing strong.success, #page #center .table-metrics td.cellControls strong.success { color: #B3DC9C; }
#page #center .table-metrics td.cellMarketing strong.danger, #page #center .table-metrics td.cellControls strong.danger { color: #D77A7A; }

/* END METRIC TABLE */
/* START RANGE SLIDER */
#page #center .ui-editRangeSlider .ui-rangeSlider-container { width: 95% !important; background: #A0D4EB; }
#page #center .ui-editRangeSlider .ui-rangeSlider-container .ui-rangeSlider-innerBar { background: #A0D4EB; }
#page #center .ui-editRangeSlider .ui-rangeSlider-bar { cursor: pointer; }
#page #center .ui-editRangeSlider .ui-rangeSlider-rightHandle, #page #center .ui-editRangeSlider .ui-rangeSlider-leftHandle { background: #668D9E; cursor: pointer; }
#page #center .ui-editRangeSlider.ui-rangeSlider-widthArrows { background: #C1E9F2; height: 20px; margin: 1px 6px; cursor: pointer; }
#page #center .ui-dateRangeSlider .ui-rangeSlider-container, #page #center .ui-dateRangeSlider .ui-rangeSlider .ui-rangeSlider-container { cursor: default; width: 100% !important; }
#page #center .ui-dateRangeSlider .ui-rangeSlider-innerBar { background: #dff0d8; height: 20px; margin: 1px 6px; width: 100% !important; cursor: default; }
#page #center .ui-dateRangeSlider .ui-rangeSlider-bar { background: #B3DC9C; cursor: default; }
#page #center .ui-dateRangeSlider .ui-rangeSlider-rightHandle { background: #76A45B; cursor: default; }
#page #center .ui-dateRangeSlider .ui-rangeSlider-leftHandle { background: #76A45B; cursor: default; }
#page #center .ui-dateRangeSlider .ui-rangeSlider-label, #page #center .ui-dateRangeSlider .ui-rangeSlider-label-value, #page #center .ui-dateRangeSlider .ui-rangeSlider-label-inner { background: none; top: 20px; }
#page #center .ui-editRangeSlider-inputValue { width: 66px; }
#page #center .ui-rangeSlider-arrow.ui-rangeSlider-leftArrow { left: -10px !important; }
#page #center .ui-rangeSlider-arrow.ui-rangeSlider-rightArrow { right: -10px !important; }
#page #center .inverted .ui-rangeSlider-innerBar { background: #B3DC9C; height: 20px; margin: 1px 6px; }
#page #center .inverted .ui-dateRangeSlider .ui-rangeSlider-innerBar, #page #center .inverted .ui-dateRangeSlider .ui-rangeSlider-bar { cursor: default; }
#page #center .inverted .ui-rangeSlider-bar { background: #dff0d8; height: 20px; margin: 1px 6px; }
#page #center .ui-rangeSlider-label, #page #center .ui-rangeSlider-label-value, #page #center .ui-rangeSlider-label-inner { background: none; top: 20px; }

/* END RANGE SLIDER */
/* START CUSTOM SLIDER */
.sliderGroup .sliderCustom { height: 25px; width: 80%; display: inline-block; vertical-align: top; margin: 0; }
.sliderGroup .sliderCustom.ui-slider-horizontal .ui-slider-handle { color: #999999; background: #999999; width: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 25px; border: none; top: -1px; border-right: 2px solid #fff; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.sliderGroup .sliderCustom.ui-slider-horizontal .ui-slider-handle:focus { outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.sliderGroup input.form-control { width: 14%; display: inline-block; vertical-align: top; height: 25px; color: #fff; background: #999999; border-radius: 0; border: none; padding: 0; line-height: 25px; text-align: center; margin-left: -6px; }
.sliderGroup .input-group-addon { width: 5%; display: inline-block; vertical-align: top; height: 25px; color: #fff; background: #999999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; padding: 0; line-height: 25px; margin-left: -6px; }

/* END CUSTOM SLIDER*/
/* START TOKENFIELD */
.tokenField1By1 .tokenfield .token { background: none; border: none; }

/* END TOKENFIELD */
.jplist-current { font-weight: 800; border-color: #23527c !important; color: black !important; }

.jplist-panel *:focus { outline: none; }

.jplist-drop-down ul li.active { font-weight: 800; }

.jplist-reset-btn { width: 90px; }

#output-fields ul { list-style-type: none; font-size: 120%; }

#output-fields li { padding: 6px; }

#output-fields li input[type=checkbox] { margin-right: 6px; }

#output-fields li:nth-child(even) { background-color: #fafafa; }

#output-fields li.level1 { margin-left: 30px; }

#output-fields li.level2 { margin-left: 60px; }

#output-fields li.level3 { margin-left: 90px; }

#output-fields li.level4 { margin-left: 120px; }

#output-fields li.level5 { margin-left: 150px; }

#action-panel .btn-icon { opacity: 1.0; width: 42px; }

#action-panel .btn[disabled]:not(:first-child), #action-panel .btn.disabled:not(:first-child) { pointer-events: auto; filter: alpha(opacity=45); opacity: 0.45; }

#mailjet-segment-mapping code { color: black !important; }

/* START SPECIFIC 1by1 STYLE */
/* START CUSTOM ICONS & FA */
.fa-removeTab { margin: 0; color: #ccc; }
.fa-removeTab:hover { color: #888; }

.iconBlockFilter { font-size: 22px; }

.labelBlockFilter { font-size: 22px; line-height: 22px; }

.faFemale { color: #e85a71; }

.faDanger { color: rgba(241, 100, 95, 0.75); }

.faMale { color: #4ea1d3; }

.faNeuter { color: #79bd9a; }

.faSuccess { color: rgba(127, 167, 106, 0.82); }

/* END CUSTOM ICONS & FA */
/* START HELPER */
.panel-helper { position: fixed; top: 60px; right: 20px; z-index: 1500; float: right; letter-spacing: 1.2px; -webkit-transition: top 0.5s, right 0.5s, -webkit-transform 0.5s; /* Safari */ transition: top 0.5s, right 0.5s, transform 0.5s; }
.panel-helper.active { position: fixed; z-index: 1500; letter-spacing: 1.2px; -webkit-transition: top 0.5s, right 0.5s, -webkit-transform 0.5s; /* Safari */ transition: top 0.5s, right 0.5s, transform 0.5s; }

.helper { position: absolute; margin-top: 117px; top: 0; right: -360px; width: 0px; height: 0px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; overflow: hidden; }
.helper .panel-info { border-left: 3px solid #46b8da; }
.helper .panel-info > .panel-heading { background: none; border: none; color: #46b8da; }
.helper.active { float: right; display: block; height: auto; position: relative; z-index: 250; width: 18%; right: 10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; overflow: visible; }

/* END HELPER */
#hierarchy-sequence-content .list-group-item.item span.sort-handle { font-size: 15px; color: #ffffff; font-weight: 300; }

/* START SPECIFIC SCHEDULER PAGE */
#scheduler-cron-form .form-group input[type="checkbox"] { display: none; }
#scheduler-cron-form .form-group input[type="checkbox"] + .btn-group > label span { width: 20px; }
#scheduler-cron-form .form-group input[type="checkbox"] + .btn-group > label span:first-child { display: none; }
#scheduler-cron-form .form-group input[type="checkbox"] + .btn-group > label span:last-child { display: inline-block; }
#scheduler-cron-form .form-group input[type="checkbox"]:checked + .btn-group > label span:first-child { display: inline-block; }
#scheduler-cron-form .form-group input[type="checkbox"]:checked + .btn-group > label span:last-child { display: none; }
#scheduler-cron-form .form-group .borderRightDotted { border-right: 1px dotted #ccc; }
#scheduler-cron-form .form-group .borderRightFull { border-right: 1px solid #ccc; }

/* END SPECIFIC SCHEDULER PAGE */
/* START SPECIFIC WIZARD SENTENCE PAGE */
#parameters_sentence { display: none; }
#parameters_sentence .fa-quote-left, #parameters_sentence .fa-quote-right { display: inline-block; color: #777; }
#parameters_sentence.active { display: block; background: #f8f8f8; padding: 15px; font-size: 20px; font-style: italic; color: #777; margin-bottom: 10px; line-height: 40px; }
#parameters_sentence.active .sentence .bootstrap-select.form-control { width: auto; }
#parameters_sentence.active .fa-quote-right { float: right; }

#summary_parameters_sentence { display: block; background: #f8f8f8; padding: 15px; font-size: 20px; font-style: italic; color: #777; margin-bottom: 10px; line-height: 40px; background: none; }
#summary_parameters_sentence .fa-quote-left, #summary_parameters_sentence .fa-quote-right { display: inline-block; color: #777; }
#summary_parameters_sentence .fa-quote-right { float: right; }
#summary_parameters_sentence .sentence i.colored { color: #85B585; }
#summary_parameters_sentence p.sentence { text-align: center; }

/* START RESULTLINE*/
.result-line .update-nag { display: inline-block; font-size: 14px; text-align: left; background-color: #fff; height: 40px; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); width: 100%; }
.result-line .update-nag.refreshButton { cursor: pointer; }
.result-line .update-nag:hover { -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); }
.result-line .update-nag > .update-split { background: rgba(51, 122, 183, 0.7); width: 33px; float: left; color: #fff !important; height: 100%; text-align: center; }
.result-line .update-nag > .update-split > .fa { position: relative; line-height: 40px; font-size: 20px; font-weight: 700; }
.result-line .update-nag > .update-split.update-success { background: rgba(127, 167, 106, 0.82); }
.result-line .update-nag > .update-split.update-info { background: rgba(91, 192, 222, 0.74); }
.result-line .update-nag > .update-text { border: 1px solid #f8f8f8; line-height: 40px; padding-left: 45px; padding-right: 20px; }

/* START SUMMARY STYLE */
#summary .pin { position: relative; border: 1px solid #fff; text-align: center; padding: 0; background-color: #fff; color: #888; margin-bottom: 30px; border-radius: 0px; }
#summary .pin .avatar { position: relative; margin-top: -55px; margin-bottom: 20px; z-index: 100; }
#summary .pin .avatar p.number { width: 100px; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #888; text-align: center; line-height: 90px; font-size: 50px; border: 5px solid #888; background: #fff; margin: 0 auto; }
#summary .pin .content p { margin-bottom: 10px; }
#summary .pin .content p i { margin-bottom: 15px; }
#summary .pin .content p strong { font-size: 18px; color: #85B585; margin-bottom: 10px; }
#summary .pin .content p strong span { font-size: 28px; color: #888; margin-bottom: 25px; }
#summary .pin .content p.marginBottom20 { margin-bottom: 20px; }

#actionAfterSave { transition: visibility 0s, opacity 0.5s linear; }

/* END SPECIFIC WIZARD SENTENCE PAGE */
/* START SPECIFIC MARKETING PAGE */
.marketingRule .descriptionRule { display: block; color: #666; margin-bottom: 10px; }
.marketingRule .descriptionRule p { margin: 0 0 10px; }
.marketingRule .descriptionRule > span { font-style: italic; font-size: 14px; background: #f8f8f8; padding: 10px; border-radius: 5px; }
.marketingRule .info-block { color: #666; font-size: 14px; background: #f8f8f8; padding: 10px; border-radius: 5px; margin-bottom: 10px; }

/* END SPECIFIC MARKETING PAGE */
/* START PAGINATOR (not use anymore, keep it for later dev)*/
#page #center .paginator .paginator-indication { display: inline-block; vertical-align: top; }
#page #center .paginator .paginator-indication p { line-height: 39px; margin: 0; }
#page #center .paginator .paginator-paginate { display: inline-block; vertical-align: top; }
#page #center .paginator .paginator-paginate ul { margin: 0; }
#page #center .paginator .paginator-paginate ul li a { border-color: #4cae4c; color: #4C4C4C; }
#page #center .paginator .paginator-paginate ul li.active a { background-color: #eee; }

/* END PAGINATOR*/
/* Targeting */
.targeting-result-top-div { padding: 2px 0; }

.targeting-result-bottom-div { padding: 2px 0; }

.targeting-result-top-div a.targeting-result-id-link { font-weight: bold; }

.targeting-result-top-div span { background-color: #efefef; margin: 0 4px; padding: 2px 6px; border-left: 2px solid #bbb; }

.targeting-result-labels-list { margin-left: 4px; }

.targeting-result-bottom-div .fa-stack-2x { color: #989898; }

#tableResult .nowrap { white-space: nowrap; }

/* Marketing / Reco */
#result-panel .thumbnail { border-radius: 8px; border-color: #aaa; }
#result-panel .thumbnail img { max-height: 200px; max-width: 100%; border-radius: 8px; }

.market-product-image { text-align: center; height: 200px; }

div.reco-item-lg div.caption h5 { height: 40px; overflow: hidden; line-height: 1.3em; }

/* RESPONSIVE */
/* START RESPONSIVE */
@media (max-width: 1480px) { .block .content strong { font-size: 28px; }
  #page #center .block .icon span.fa, #page #center .block .icon span.glyphicon { font-size: 28px; } }
/* END RESPONSIVE */
/* Handlebars */
#hbars-panel .form-control-static:not(.form-control-blank) { border-bottom: 1px solid #ddd; background-color: #fafafa; border-radius: 3px 3px 0 0; padding: 5px 10px; width: auto !important; }

#hbars-panel .form-control-static:after { content: ''; display: inline-block; width: 0; }

#hbars-panel .top-header { margin-bottom: 10px; }

#hbars-tab-content, #hbars-tab-webtracking-content { /*border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;*/ padding-top: 10px; }

#hbars-tab-content .form-control-static:after { content: ''; display: inline-block; width: 0; }

#hbars-labels-list div.labels-list { font-size: 32px; line-height: 1.5em; }

#contactsheet-orders-table .contactsheet-order-recap, #contactsheet-campaigns-table .contactsheet-campaigns-recap, #contactsheet-webtracking-visit-table .contactsheet-webtracking-visit-recap, #contactsheet-webtracking-cart-table .contactsheet-webtracking-cart-recap { background-color: #EFEFEF; color: black; border-top: 1px solid #999 !important; }

#hbars-panel .tooltip.in { opacity: 1 !important; }

#hbars-panel .nav-tabs > li.active > a { background-color: #eee; }

#hbars-panel .subnav { margin-left: 15px; }

#hbars-panel .subnav li a { font-size: 85%; padding-top: 5px; padding-bottom: 5px; }

#hbars-tabs-container hr { margin-top: 8px; margin-bottom: 8px; }

#hbars-panel h4.contact-sheet-panel-content-header { border-bottom: 2px solid #ddd; padding: 8px; background-color: #efefef; }

/* Notifications */
div[data-notify="container"] ul { margin: 0; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { margin-left: -8px; position: absolute; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { box-sizing: content-box; position: absolute; border: 8px solid transparent; height: 0; width: 1px; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { content: ""; z-index: -1; border-width: 8px; left: -8px; border-bottom-color: #aeaeae; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle { top: 0; margin-top: -8px; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before { border-top: none; border-bottom-color: #f0f0f0; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before { top: -1px; border-bottom-color: #aeaeae; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { bottom: 0; margin-bottom: -8px; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { border-bottom: none; border-top-color: #fff; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { bottom: -1px; border-top-color: #aeaeae; }

.react-datepicker-wrapper { display: inline-block; padding: 0; border: 0; }

.react-datepicker { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.8rem; background-color: #fff; color: #000; border: 1px solid #aeaeae; border-radius: 0.3rem; display: inline-block; position: relative; }

.react-datepicker--time-only .react-datepicker__triangle { left: 35px; }

.react-datepicker--time-only .react-datepicker__time-container { border-left: 0; }

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box { border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }

.react-datepicker__triangle { position: absolute; left: 50px; }

.react-datepicker-popper { z-index: 1; }

.react-datepicker-popper[data-placement^="bottom"] { margin-top: 10px; }

.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle { left: auto; right: 50px; }

.react-datepicker-popper[data-placement^="top"] { margin-bottom: 10px; }

.react-datepicker-popper[data-placement^="right"] { margin-left: 8px; }

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle { left: auto; right: 42px; }

.react-datepicker-popper[data-placement^="left"] { margin-right: 8px; }

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle { left: 42px; right: auto; }

.react-datepicker__header { text-align: center; background-color: #f0f0f0; border-bottom: 1px solid #aeaeae; border-top-left-radius: 0.3rem; padding-top: 8px; position: relative; }

.react-datepicker__header--time { padding-bottom: 8px; padding-left: 5px; padding-right: 5px; }

.react-datepicker__header--time:not(.react-datepicker__header--time--only) { border-top-left-radius: 0; }

.react-datepicker__header:not(.react-datepicker__header--has-time-select) { border-top-right-radius: 0.3rem; }

.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll { display: inline-block; margin: 0 2px; }

.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header { margin-top: 0; color: #000; font-weight: bold; font-size: 0.944rem; }

.react-datepicker-time__header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.react-datepicker__navigation { background: none; line-height: 1.7rem; text-align: center; cursor: pointer; position: absolute; top: 10px; width: 0; padding: 0; border: 0.45rem solid transparent; z-index: 1; height: 10px; width: 10px; text-indent: -999em; overflow: hidden; }

.react-datepicker__navigation--previous { left: 10px; border-right-color: #ccc; }

.react-datepicker__navigation--previous:hover { border-right-color: #b3b3b3; }

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover { border-right-color: #e6e6e6; cursor: default; }

.react-datepicker__navigation--next { right: 10px; border-left-color: #ccc; }

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right: 95px; }

.react-datepicker__navigation--next:hover { border-left-color: #b3b3b3; }

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover { border-left-color: #e6e6e6; cursor: default; }

.react-datepicker__navigation--years { position: relative; top: 0; display: block; margin-left: auto; margin-right: auto; }

.react-datepicker__navigation--years-previous { top: 4px; border-top-color: #ccc; }

.react-datepicker__navigation--years-previous:hover { border-top-color: #b3b3b3; }

.react-datepicker__navigation--years-upcoming { top: -4px; border-bottom-color: #ccc; }

.react-datepicker__navigation--years-upcoming:hover { border-bottom-color: #b3b3b3; }

.react-datepicker__month-container { float: left; }

.react-datepicker__year { margin: 0.4rem; text-align: center; }

.react-datepicker__year-wrapper { display: flex; flex-wrap: wrap; max-width: 180px; }

.react-datepicker__year .react-datepicker__year-text { display: inline-block; width: 4rem; margin: 2px; }

.react-datepicker__month { margin: 0.4rem; text-align: center; }

.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text { display: inline-block; width: 4rem; margin: 2px; }

.react-datepicker__input-time-container { clear: both; width: 100%; float: left; margin: 5px 0 10px 15px; text-align: left; }

.react-datepicker__input-time-container .react-datepicker-time__caption { display: inline-block; }

.react-datepicker__input-time-container .react-datepicker-time__input-container { display: inline-block; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input { display: inline-block; margin-left: 10px; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input { width: auto; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] { -moz-appearance: textfield; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter { margin-left: 5px; display: inline-block; }

.react-datepicker__time-container { float: right; border-left: 1px solid #aeaeae; width: 85px; }

.react-datepicker__time-container--with-today-button { display: inline; border: 1px solid #aeaeae; border-radius: 0.3rem; position: absolute; right: -72px; top: 0; }

.react-datepicker__time-container .react-datepicker__time { position: relative; background: white; border-bottom-right-radius: 0.3rem; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box { width: 85px; overflow-x: hidden; margin: 0 auto; text-align: center; border-bottom-right-radius: 0.3rem; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list { list-style: none; margin: 0; height: calc(195px + (1.7rem / 2)); overflow-y: scroll; padding-right: 0px; padding-left: 0px; width: 100%; box-sizing: content-box; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item { height: 30px; padding: 5px 10px; white-space: nowrap; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover { cursor: pointer; background-color: #f0f0f0; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected { background-color: #216ba5; color: white; font-weight: bold; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover { background-color: #216ba5; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled { color: #ccc; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover { cursor: default; background-color: transparent; }

.react-datepicker__week-number { color: #ccc; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; }

.react-datepicker__week-number.react-datepicker__week-number--clickable { cursor: pointer; }

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover { border-radius: 0.3rem; background-color: #f0f0f0; }

.react-datepicker__day-names, .react-datepicker__week { white-space: nowrap; }

.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name { color: #000; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; }

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range, .react-datepicker__quarter--selected, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--in-range { border-radius: 0.3rem; background-color: #216ba5; color: #fff; }

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover, .react-datepicker__quarter--selected:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--in-range:hover { background-color: #1d5d90; }

.react-datepicker__month--disabled, .react-datepicker__quarter--disabled { color: #ccc; pointer-events: none; }

.react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover { cursor: default; background-color: transparent; }

.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text { cursor: pointer; }

.react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover { border-radius: 0.3rem; background-color: #f0f0f0; }

.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today { font-weight: bold; }

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted { border-radius: 0.3rem; background-color: #3dcc4a; color: #fff; }

.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover { background-color: #32be3f; }

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 { color: magenta; }

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 { color: green; }

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range { border-radius: 0.3rem; background-color: #216ba5; color: #fff; }

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover { background-color: #1d5d90; }

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected { border-radius: 0.3rem; background-color: #2a87d0; color: #fff; }

.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover { background-color: #1d5d90; }

.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range { background-color: rgba(33, 107, 165, 0.5); }

.react-datepicker__month--selecting-range .react-datepicker__day--in-range, .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range, .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range, .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range { background-color: #f0f0f0; color: #000; }

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled { cursor: default; color: #ccc; }

.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover { background-color: transparent; }

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover { background-color: #216ba5; }

.react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover { background-color: #f0f0f0; }

.react-datepicker__input-container { position: relative; display: inline-block; width: 100%; }

.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view { border: 1px solid transparent; border-radius: 0.3rem; }

.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover { cursor: pointer; }

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow { border-top-color: #b3b3b3; }

.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { border-top-color: #ccc; float: right; margin-left: 20px; top: 8px; position: relative; border-width: 0.45rem; }

.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown { background-color: #f0f0f0; position: absolute; width: 50%; left: 25%; top: 30px; z-index: 1; text-align: center; border-radius: 0.3rem; border: 1px solid #aeaeae; }

.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover { cursor: pointer; }

.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable { height: 150px; overflow-y: scroll; }

.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option { line-height: 20px; width: 100%; display: block; margin-left: auto; margin-right: auto; }

.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; }

.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }

.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover { background-color: #ccc; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming { border-bottom-color: #b3b3b3; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous { border-top-color: #b3b3b3; }

.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected { position: absolute; left: 15px; }

.react-datepicker__close-icon { cursor: pointer; background-color: transparent; border: 0; outline: 0; padding: 0px 6px 0px 0px; position: absolute; top: 0; right: 0; height: 100%; display: table-cell; vertical-align: middle; }

.react-datepicker__close-icon::after { cursor: pointer; background-color: #216ba5; color: #fff; border-radius: 50%; height: 16px; width: 16px; padding: 2px; font-size: 12px; line-height: 1; text-align: center; display: table-cell; vertical-align: middle; content: "\00d7"; }

.react-datepicker__today-button { background: #f0f0f0; border-top: 1px solid #aeaeae; cursor: pointer; text-align: center; font-weight: bold; padding: 5px 0; clear: left; }

.react-datepicker__portal { position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); left: 0; top: 0; justify-content: center; align-items: center; display: flex; z-index: 2147483647; }

.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 3rem; line-height: 3rem; }

@media (max-width: 400px), (max-height: 550px) { .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 2rem; line-height: 2rem; } }
.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header { font-size: 1.44rem; }

.react-datepicker__portal .react-datepicker__navigation { border: 0.81rem solid transparent; }

.react-datepicker__portal .react-datepicker__navigation--previous { border-right-color: #ccc; }

.react-datepicker__portal .react-datepicker__navigation--previous:hover { border-right-color: #b3b3b3; }

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover { border-right-color: #e6e6e6; cursor: default; }

.react-datepicker__portal .react-datepicker__navigation--next { border-left-color: #ccc; }

.react-datepicker__portal .react-datepicker__navigation--next:hover { border-left-color: #b3b3b3; }

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover { border-left-color: #e6e6e6; cursor: default; }

.react-datepicker-popper { width: max-content; }

.vcenter { display: flex; align-items: center; }

/* START SIDEBAR MENU */
#wrapper { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; overflow: hidden; background: #DADADA; width: 252px; padding-left: 1px; }
#wrapper #sidebar-wrapper { color: #DADADA; min-height: 100%; z-index: 1000; position: absolute; left: 0; width: 251px; background: #4C4C4C; padding-right: 1px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#wrapper #sidebar-wrapper hr { margin: 15px; border-style: groove; }
#wrapper #sidebar-wrapper .sidebarBlock { display: block; width: 100%; margin-bottom: 20px; background: #4C4C4C; }
#wrapper #sidebar-wrapper .sidebarBlock.haut img { margin: 25px 0 0; }
#wrapper #sidebar-wrapper .sidebarBlock.milieu .sidebar-nav { width: 252px; margin: 0; padding: 0; list-style: none; }
#wrapper #sidebar-wrapper .sidebarBlock.milieu .sidebar-nav li.dropdown { text-indent: 5px; line-height: 30px; margin-top: 0; }
#wrapper #sidebar-wrapper .sidebarBlock.milieu .sidebar-nav li.dropdown a { display: block; text-decoration: none; color: #DADADA; /*background: #4C4C4C;*/ border-radius: 0; border: none; padding: 10px 0 10px; border-left: #4C4C4C 4px solid; margin: 0; position: relative; }
#wrapper #sidebar-wrapper .sidebarBlock.milieu .sidebar-nav li.dropdown a:hover, #wrapper #sidebar-wrapper .sidebarBlock.milieu .sidebar-nav li.dropdown a.open { background: #f8f8f8; color: #4c4c4c; border-left: #2D75B3 4px solid; }
#wrapper #sidebar-wrapper .sidebarBlock.milieu .sidebar-nav li.dropdown a > span.fa { margin-right: 5px; }
#wrapper #sidebar-wrapper .sidebarBlock.milieu .sidebar-nav li.dropdown.active ul li a { background-color: #DADADA; color: #4C4C4C; border: none; padding-left: 20px; border-left: #4c4c4c 4px solid; }
#wrapper #sidebar-wrapper .sidebarBlock.milieu .sidebar-nav li.dropdown.active ul.nav-pills { display: block; }
#wrapper #sidebar-wrapper .sidebarBlock.milieu .sidebar-nav li.dropdown.active a { text-decoration: none; background: #f8f8f8; color: #4c4c4c; position: relative; border-left: #76a45b 4px solid; }
#wrapper #sidebar-wrapper .sidebarBlock.milieu .sidebar-nav li.dropdown ul { padding: 0; margin: 0; list-style-type: none; }
#wrapper #sidebar-wrapper .sidebarBlock.milieu .sidebar-nav li.dropdown ul li a { padding: 10px 0 10px 20px; background-color: #DADADA; color: #4C4C4C; position: relative; }
#wrapper #sidebar-wrapper .sidebarBlock.milieu .sidebar-nav li.dropdown ul li a:hover, #wrapper #sidebar-wrapper .sidebarBlock.milieu .sidebar-nav li.dropdown ul li a:focus { margin-left: 0; background-color: #dadada; color: #4C4C4C; border-left: rgba(51, 122, 183, 0.7) 4px solid; }
#wrapper #sidebar-wrapper .sidebarBlock.milieu .sidebar-nav li.dropdown ul li.active a { margin-left: 0; background-color: #f8f8f8; color: #4C4C4C; font-weight: 800; border-left: #B3DC9C 4px solid; }
#wrapper #sidebar-wrapper .sidebarBlock.milieu .sidebar-nav li.dropdown ul li.disabled a { color: grey; cursor: not-allowed; opacity: 0.5; }
#wrapper #sidebar-wrapper .sidebarBlock.milieu .sidebar-nav li.dropdown ul.nav-pills { display: none; list-style-type: none; }
#wrapper #sidebar-wrapper .sidebarBlock.milieu .sidebar-nav li.dropdown ul.nav-stacked > li + li { margin-top: 0px; }
#wrapper #sidebar-wrapper .sidebarBlock.milieu .sidebar-nav span.badge { text-indent: 0 !important; }
#wrapper #sidebar-wrapper .sidebarBlock.bas a.www { color: #B3DC9C; }
#wrapper #sidebar-wrapper .sidebarBlock.bas a.www:hover { color: #76a45b; text-decoration: none; }
#wrapper #sidebar-wrapper .sidebarBlock.bas p { display: block; color: #DADADA; text-align: center; }
#wrapper #sidebar-wrapper .sidebarBlock.bas #sidebarButton { padding: 15px 0; }
#wrapper #sidebar-wrapper .sidebarBlock.bas #sidebarButton .btn { margin-bottom: 4px; border-color: transparent; }
#wrapper #sidebar-wrapper .sidebarBlock.bas #sidebarButton .btn-default { background-color: #71717F; border-color: #71717F; color: white; }
#wrapper #sidebar-wrapper .sidebarBlock.bas #sidebarButton .btn-default:hover { background-color: #7f7f8d; border-color: #555; color: white; }
#wrapper #page-content-wrapper { width: 100%; overflow-x: hidden; padding: 20px; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#wrapper.toggled { padding-left: 0; }
#wrapper.toggled #sidebar-wrapper { width: 252px; }
#wrapper.toggled #page-content-wrapper { position: relative; margin-right: 0; padding-left: 250px; }
#wrapper.toggled-2 #sidebar-wrapper { width: 50px; }
#wrapper.toggled-2 #sidebar-wrapper:hover { width: 252px; }
#wrapper.toggled-2 #page-content-wrapper { position: relative; margin-right: 0; margin-left: -200px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; width: auto; }

.xyz { min-width: 360px; }

.fixed-brand { width: auto; }

.fixed-brand { width: 252px; }

#sidebar .logo { text-align: center; }
#sidebar .logo img { max-width: 200px; }

img.flag-hover { filter: gray; -webkit-filter: grayscale(1); -webkit-transform: scale(1.01); }
img.flag-hover:hover { filter: none; /* IE5+ */ -webkit-filter: grayscale(0); /* Webkit Nightlies & Chrome Canary */ -webkit-transition: all .2s ease-in-out; }

/* END SIDEBAR MENU */