/* Add here all your css styles (customizations) */
body {font-size:0.8rem}
#accordion-datalog-heading-8{color:#fff; opacity: 0.0}

#logo{font-family: 'Saira Stencil One', cursive; float: left;margin-left:5.0rem;padding: 0;}
#logo_tdb {margin-top:0px; text-align: center; font-family: 'Saira Stencil One', cursive; padding: 0; }
#graphs_tdb{min-height:91vh}
/*timer tableau de bord*/
#countdown {text-align:center; color:#fff}
#countdown>span{ display:inline-block; width:1.0em; font-size:1.6em; line-height:1em; color:hsl(0, 0%, 74%); }

/*.modal{
  display: block;
  position: relative;
}*/
#sideNavMenu{background-color : rgba(0,0,0,0)}
.modal{background: rgba(52, 58, 64, 0.8);
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;}
  
 #menu_analyses{margin-right:20%}
 #menu_modifs{margin-right:5%}

  
@media (min-width: 576px){.modal-dialog {max-width: 99%!important; }}
 #dialog_modal_timeline, #content_modal_timeline {width: 99%!important; height:100vh!important}

/*#modal_connexion{position:absolute; z-index:99}*/						 
/*menu principal hdo_mega_menu */
.navbar {padding: 0!important; background-color:#2B3036; border-bottom: 1px solid #2c3036}
.navbar > .container_menu{margin: 0px 30px 0px 30px!important; max-width:100%; line-height: 1.0; font-weight: 300!important;}
.navbar_hdo {overflow: hidden; font-family: inherit; float: center; }
.row_hdo{background-color: #42484f !important;float:right;}
.gauges_datas {color:white!important; text-align:center; margin-bottom:10px;}
#hdo_mega_menu a:hover{color:#F2F4F4!important}
																									  
/*boutons ligne supérieure*/
.navbar_hdo a {font-weight: 400!important; float: left; font-size: 1.0em; color: white; text-align: center;  padding: 15px 20px 10px 20px; text-decoration: none; }
.dropdown_hdo .dropbtn{ font-weight: 400!important; font-size: 1.0em;   border: none; outline: none; color: white; padding: 15px 20px 10px 20px; background-color: inherit; margin: 0;}
.dropdown_hdo .dropbtn:hover{background-color: #4a5057; color:#e62154}
.dropdown_hdo:hover .dropdown-content{ display: block;}

.dropdown_hdo{float: left; overflow: hidden; }
.dropdown-content{ width: 100%; left: 0%; 
animation: fadeIn; /* referring directly to the animation's @keyframe declaration */
animation-duration: 0.5s; /* don't forget to set a duration! */
font-weight: 300!important; display: none; position: absolute; background-color: #42484f ; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 99;}

.navbar_hdo a:hover, .dropdown_hdo:hover .dropbtn{background-color: #4a5057; font-weight: 400!important; color: #fff; 
animation: fadeIn; /* referring directly to the animation's @keyframe declaration */
animation-duration: 0.3s; /* don't forget to set a duration! */
}

/* Create three equal columns that floats next to each other */

.column_hdo{ float: left;}

.column_hdo a{ float: none; background-color:#4a5057; color: #fff; margin:0 1px 0 1px; padding : 10px 20px 10px 20px; display: block; text-align: center; font-weight: 400!important; text-transform: uppercase;  font-size: 0.85em!important;}
.column_hdo a:hover{ background-color: #e62154;}

.col-sm-6 .card {background-color: #30353b!important; border: solid 0px #ccc!important}
.gauges_datas_tdb {background-color:#343A40 ;color:#fff!important; text-align:center; margin-bottom:0px;}

.column_hdo_datas_tdb1{ font-weight: 300!important; float: left; width: 20%; padding: 1px; background-color: #343A40; }	
.column_hdo_datas_tdb2{ font-weight: 300!important; float: left; width: 17.5%; padding: 1px; background-color: #343A40; }
.column_hdo_datas_tdb4{ font-weight: 300!important; float: left; width: 30%; padding: 1px; background-color: #343A40; }
.column_hdo_datas_tdb3{ font-weight: 300!important; float: left; width: 10%; padding: 1px; background-color: #343A40; }
																																  
@media (max-width: 1250px) {
.column_hdo_datas_tdb1{ width: 24.5%;}
.column_hdo_datas_tdb3{ width: 1%;}
.column_hdo_datas_tdb2{ width: 25%;}
.column_hdo_datas_tdb4{ display:none;}
#top_tdb, #alert_temp_on, #alert_knock_on, #alert_o2_on, #alert_dfco_on, #alert_temp_off, #alert_knock_off, #alert_o2_off, #alert_dfco_off,{display:none}
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {border-color: #ddd #ddd #fff!important}

/* Clear floats after the columns */
.row_hdo:after { content: ""; display: table; clear: both;}

@supports(-webkit-appearance: none) or (-moz-appearance: none) {
 #nom_fichier{ border:none; padding:5px; margin:10px 0px 0 5px}
}
.u-file-attach-v3 {margin-bottom: 5px!important;}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) { .column_hdo {  width: 50%;  height: auto;} }
@media (max-width: 1250px) { 
.dropdown-content { width: 100%; left: 10%;}
}
/*fin menu principal*/
#import_sepst{max-width:95%;}
/*#import_carto_log{animation: slideInLeft; animation-duration: 0.5s; }*/
#menu_page{background-color:#42484f}
#for_post_page_menu h3 {font-size:1.1em!important; float:left; color:#eee!important; margin-left:5.9em!important; margin-top: 10px!important; margin-bottom: 0px!important}

/*#content_mode_selection {width:200px; overflow: hidden;} modif dso du 2 mai 2020 */
#content_mode_selection {width:2px; overflow: hidden;}

.u-accordion__header{background-color:#f2f2f2}
.u-accordion__header:hover{background-color:#ccc}
.u-accordion .g-color-main, .u-accordion__body.g-color-gray-dark-v5 {font-weight: 400!important; font-size: 1.0rem!important; color:#171717 !important}
.u-accordion .g-color-main:hover {color:#404040!important}


#stages a, #boitiers{color:#707B7C;}
.u-header__section--admin-dark, .u-sidebar-navigation--dark {background-color:rgba(0, 0, 0, 0);}
.u-header__section--admin-dark .u-header-logo-toggler, .u-sidebar-navigation--dark, .u-header__section--admin-dark .u-header-sidebar, #actionsMenu, #messagesMenu, #profileMenu {background-color:#30353B; border-left: solid 1px #171717}
.u-header__section--admin-dark .u-header-icon-v1.active {background-color: inherit;}
.u-sidebar-navigation--dark .u-side-nav--has-sub-menu.u-side-nav-opened, .u-sidebar-navigation--dark .u-side-nav--top-level-menu-item:hover, .u-sidebar-navigation--dark.u-sidebar-navigation-v1--mini .u-side-nav--second-level-menu {background-color:#141414}

#for_post_page_menu {margin-top:0px; position:relative; padding-bottom: 0px; padding-top: 0px;}
#for_post_page_menu:after {content:" "; position:absolute;  bottom:0;  height:1px; background-color:red; }

#is_menu_graph .list-inline-item {margin:0 !important;color:#fff; background-color:#4a5057}
#is_menu_graph .list-inline-item ..g-brd-around {border: 0!important}
#is_menu_graph .list-inline-item .u-tags-v1 {color:#fff !important}
#is_menu_graph .list-inline-item a {border-radius: 0px !important;text-transform: uppercase;}

 
.elem-is-choice {background-color:#e62154 !important; border-color:#e62154 !important; color:#fff !important}

#for_post_page_content {width:100%}
.element_viewer.row {margin-right: 0px; margin-left: 0px;}
#alert_temp_on{border: solid 4px red!important; animation: fadeIn; animation-duration: 0.6s; animation-iteration-count: 8; box-shadow: 0 5px 15px rgba(240, 52, 52, 1)
; transition: opacity 0.5s ease-in-out;}
#alert_knock_on, #alert_o2_on{border: solid 4px red!important; animation: fadeIn; animation-duration: 1.0s; animation-iteration-count: 10; box-shadow: 0 5px 15px rgba(240, 52, 52, 1); transition: opacity 0.5s ease-in-out;}
#alert_knock_off, #alert_o2_off, #alert_dfco_off, #alert_temp_off {border: solid 2px #171717!important;}
#alert_dfco_on{border: solid 4px blue!important; animation: fadeIn; animation-duration: 1.5s; animation-iteration-count: 8; box-shadow: 0 5px 15px rgba(58, 136, 187, 1); transition: opacity 0.5s ease-in-out;}
#for_post_page_content {clear:both}
.g-min-height-20 {min-height:20px}
.g-min-height-22 {min-height:22px}
.g-width-500 {width:500px}
.g-line-40 {line-height:40px}
#activityTimeline{width:100%; background-color:#fff; margin: 0 20px 0 40px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
#fond_page{position:fixed; bottom:37px; width:101%; z-index:-1}
#footer{position:fixed; border-top : solid 0px #eee}
#accordion-footer-heading-20, #accordion-footer-body-20{background-color:#2B3036; }
#boutons_footer{#}

.tooltip_footer {
  position: relative;
  display: inline-block;
}

.tooltip_footer .tooltiptext_footer {
  visibility: hidden;
  width: 80vh;
  background-color: #343A40;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 60%;
  margin-left: -40vh;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip_footer .tooltiptext_footer::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip_footer:hover .tooltiptext_footer {
  visibility: visible;
  opacity: 1;
}

/*.cms_btn {display:inline-block; width:100px; float:left; text-align:center; background-color:#5a6377; border-radius: 2px; font-size:11px; opacity:0.8; cursor:pointer}*/
/*.cms_btn {display:inline-block; width:35%; cursor:pointer; color:#fff}modif dso du 2 mai 2020 */
.cms_btn {display:inline-block; width:60px; cursor:pointer;}
.cms_btn:hover {opacity:1; color:#fff}
/*
.cms_btn:nth-child(1) {border-right:1px solid #fff}
.cms_btn:nth-child(3) {border-right:1px solid #171717; border-top:1px solid #171717}
.cms_btn:nth-child(4) {border-top:1px solid #171717}
*/
.cms_btn.selected {color:#e62154 !important; font-weight: bold !important; opacity:1}

/* Tooltip stages 1 & 2 */
#stages .tooltiptext {
  visibility: hidden;
  width: 270px;
  background-color: #171717;
  color: #fff;
  text-align: left;
  padding: 10px 10px;
  border-radius: 3px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 100;
 top: 62px;
  right: 290px;
  margin-left: 0px; /* Use half of the width (120/2 = 60), to center the tooltip */
}
/* Show the tooltip text when you mouse over the tooltip container */
#stages:hover .tooltiptext {
  visibility: visible!important;
}

input[type="checkbox"]:checked + .g-color-white--checked{background-color:#343A40!important}

#direct-action-button span {display: block;
width: 40px;
margin: 15px auto 0px;
height: 40px;
line-height: 40px;
border-radius: 3px; font-size:30px}
#direct-action-button span:hover {background-color: rgba(255, 0, 0, 0.6);}

#hdo_page_content_insertion {padding: 0; min-height:80vh;}
.custom-select-list-title {font-size:12px; padding-bottom:8px}
#ve-match-log .content-check-list-elem {height: 120px; overflow-y: scroll; padding-top: 10px; position: relative;}
#ve-match-log .custom-check-list-title {padding: 0 0 11px 0}
#start-ve-history {padding: 8px 8px !important; display: inline-block; margin-top: 26px;}
#ve_graph_reporting {min-height:200px; overflow: hidden;}

#update-valid-phase-wrapper .u-check {display:inline-block; width:160px; margin:0 5px 5px 0}

#power_modal_overlay {background-color:rgba(0,0,0,0.7); position:fixed; top:0; left:0; width:100%; height:100%; z-index:99}
#power_modal_wrapper {background-color:#fff; position:fixed; top:0; left:50%; width:50%; height:100%; z-index:100; margin-left:-25%}
#power_modal_content {position:absolute; top:0; left:0; width:100%; height:100%; z-index:101; padding:10px}
#power_modal_content .col-md-6 {width:100% !important; height:100% !important; flex:100% !important; float:none !important; max-width:100% !important}
#container_couple_et_puissance_modal_graph {width:100% !important; height:100% !important; padding-top:60px}

.fullscreenmode {color:#8294b9; cursor:pointer}
.fullscreenmode.active {color:red}

.active .g-bg-primary--active {background-color:inherit !important}
.input-group-addon {border:1px solid}
#register_hits_filter{font-size :1.0em}
#slider-spline-run-block-include .add_spline_to_timeline_wrap {clear: both; position: absolute; top: 5px; left: 20px; margin-left: 15px;margin-top: 0px; z-index:9}
.add_spline_to_timeline_wrap select {min-width:145px}
#slider-spline-run-block-include {position:relative; padding: 0px}
#slider-spline-run-block-include .hits-filter {position: absolute; top: 0px; max-width: 400px; right: -50px; }

.g-max-width-60 {max-width:60px}
.g-max-height-20 {max-height:20px; overflow:hidden}
.g-max-height-0 {max-height:0px; overflow:hidden}
.bui-secondary-nav-toggle-switch {cursor:pointer}
.g-mr-70 {margin-right:70px !important;}
.u-header__section--admin-dark [aria-labelledby] .log-action i {color: inherit !important;}
.view-filter-value {position:relative;font-size: 10px; height: 15px; opacity:0.6}
.view-filter-min {position: absolute; left: 0px; border-left: 1px solid #939393; padding-left: 5px; line-height: 0.7; height: 15px;}
.view-filter-max {position: absolute; right: 0px; border-right: 1px solid #939393; padding-right: 5px; line-height: 0.7; height: 15px;}
.form-control-min {padding: .225rem .75rem !important; font-size: 0.8rem !important;}
#hdo_page_content, #for_post_page_content {position:relative}
#for_post_page_content {min-height:500px}
.col {-ms-flex-preferred-size: 0; flex-basis: 1 !important; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}

.notification-section {cursor:default}
.notification-section:hover {opacity:1 !important}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ddd !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ddd !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ddd !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ddd !important;
}

.call_guide, .close-the-editor {cursor:pointer; margin-left:15px}
.direct-doc-link {color:#d4dade}
.call_guide:hover, .call_guide:hover span, .direct-doc-link:hover {color:#e62154 !important}

#guide_window {position: absolute; z-index:1001; width:70%; height:80%; top:90px; right:100px; min-width:100px; min-height:100px;-moz-box-shadow: 5px 5px 5px 0px #939393; -webkit-box-shadow: 5px 5px 5px 0px #939393; -o-box-shadow: 5px 5px 5px 0px #939393; box-shadow: 5px 5px 5px 0px #939393; display:none; overflow:hidden; padding-top:47px;}
#guide_window .ui-widget-header {position:absolute; top:0; left:0; width:100%}

#guide_window .close-the-guide, #guide_window .edit-the-guide {cursor:pointer}
#guide_window.active {display:block !important}
#guide_window_editor.active {display:block !important}
#guide_window_editor {position: absolute; z-index:2; width:70%; height:50%; top:90px; right:100px; min-width:100px; min-height:100px;-moz-box-shadow: 5px 5px 5px 0px #939393; -webkit-box-shadow: 5px 5px 5px 0px #939393; -o-box-shadow: 5px 5px 5px 0px #939393; box-shadow: 5px 5px 5px 0px #939393;display:none}
#guide_window_editor {background:#fff}
.note-editor.note-frame.fullscreen {top:65px !important; background:#fff}
.note-popover .popover-content .note-style .dropdown-style h1, .panel-heading.note-toolbar .note-style .dropdown-style h1, .note-popover .popover-content .note-style .dropdown-style h2, .panel-heading.note-toolbar .note-style .dropdown-style h2, .note-popover .popover-content .note-style .dropdown-style h3, .panel-heading.note-toolbar .note-style .dropdown-style h3, .note-popover .popover-content .note-style .dropdown-style h4, .panel-heading.note-toolbar .note-style .dropdown-style h4, .note-popover .popover-content .note-style .dropdown-style h5, .panel-heading.note-toolbar .note-style .dropdown-style h5, .note-popover .popover-content .note-style .dropdown-style h6, .panel-heading.note-toolbar .note-style .dropdown-style h6, .note-popover .popover-content .note-style .dropdown-style p, .panel-heading.note-toolbar .note-style .dropdown-style p {
    padding: 0;
    margin: 0;
    font-size: inherit;
    color: #111;
}
.note-editor a {color:#111 !important; }
.note-popover .popover-content .dropdown-menu, .panel-heading.note-toolbar .dropdown-menu {width:250px !important}
.modal-backdrop.show {display:none}
.note-popover.popover {display:none}
.note-editor .modal-dialog {top: 80px; left: 10px;}
#guide_content {overflow:auto; height:100%;}
#guide_content img {max-width:100%}

#day_notification_overlay {position:fixed; top:0; left:0; width:100%; height:100%; z-index:99; background-color:rgba(0,0,0,0.5); display: table; vertical-align: middle}
#day_notification_sorter {position:fixed; top:150px; left:50%; z-index:100; width:50%; height:auto; max-height: 500px; min-height:250px; overflow:auto; margin-left:-25%; background:#fff; border-radius:2}
#day_notification_sorter_info {overflow:hidden}
#day_notification_sorter_content {clear:both; font-size:14px}
#close_day_notification {cursor:pointer}
#activityInvoker_logs:hover,#activityInvoker_motos:hover,#activityInvoker_filtre:hover {color:white}
.fullscreenmode:hover, .exchangebutton:hover, #messagesInvoker i:hover, #profileMenuInvoker i:hover {color:#7F8C8D}
#messagesMenu {left:-65px !important}


/* NEW PRIVATE */
/*
#privatewrapper {position:absolute; width:100%; height:100%; background-image:url('img/hdo-new-bg.jpg'); background-size:cover; background-position:center center}
#privatecontent {position:absolute; width:100%; height:100%; left:0; top:0px; opacity:0.9}
.blockfortext {border:1px solid #fff; padding:10px; color:#fff; position:absolute}
.blockfortext.blockone {width: 300px; top:25%; left:5%}
.blockfortext.blocktwo {width: 300px; top:8%; right:25%}
.blockfortext.blockthree {width: 250px; top:70%; left:5%}
.blockfortext.blockfour {width: 320px; top:65%; right:3%}
.blockfortext-head {font-size:14px; font-weight:600; text-transform:uppercase}
.blockfortext-content {font-size:11px;}
.blockfortext-dash-h {border-top:1px dashed #fff;}
.blockfortext-dash-v {border-left:1px dashed #fff;}
.blockfortext-arrow {color:#fff}
.blockfortext-dash-h.one {position: absolute; width: 8%; top: 30%; left: 23.5%;}
.blockfortext-dash-v.one {position:absolute;height: 18%; width: 1px; top: 30%; left: 31.5%;}
.blockfortext-dash-v .markertop {position:absolute; top:0}
.blockfortext-dash-v .markerbottom {position:absolute; bottom:0}
.blockfortext.blockone .markercenter {position: absolute; right: 0px; top: 50%;}
.blockfortext.blocktwo .markercenter {position: absolute; right: 0px; top: 50%;}
.blockfortext.blockthree .markercenter {position: absolute; right: 0px; top: 50%;}
.blockfortext.blockfour .markercenter {position: absolute; left: 0px; top: 50%;}
.blockfortext-dash-h.two {position: absolute; width: 8%; top: 30%; left: 23.5%;}
.blockfortext-dash-v.two {position:absolute;height: 36%; width: 1px; top: 30%; left: 80%;}
.blockfortext-dash-h.three {position: absolute; width: 8%; top: 30%; left: 23.5%;}
.blockfortext-dash-v.three {position:absolute;height: 13%; width: 1px; top: 30%; left: 32%;}
.blockfortext-dash-h.four {position: absolute; width: 8%; top: 30%; left: 23.5%;}
.blockfortext-dash-v.four {position:absolute;height: 17%; width: 1px; top: 30%; left: 69%;}
.blockfortext {background-color:rgba(0,0,0,0.4); cursor:pointer}
.blockfortext:hover {background-color:rgba(255,0,0,0.2);}
.blockfortext-arrow {display: inline-block; position: absolute; height: 24px; width: 24px; text-align: center; line-height: 22px; margin-left: -12px; color: #fff; font-size: 18px; background-color: rgba(255,0,0,.6); margin-top: -16px; border-radius: 3px;}
.blockfortext-arrow.three, .blockfortext-arrow.four {transform: rotate(180deg);}
.privatepaiementimg {width: 60%; float: right; margin-top: 5px;}
.blockfortext a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.rgcontrol small {font-size: 14px; font-weight: 900;}
#refmarker {width:3px; height:3px; position:absolute; top:61%; left:69%; background:red; display:none}
*/
/* NEW PRIVATE SECOND */
#isprivate-interface {width:100%; height:100%; background-image:url('img/hdo-new-bg.jpg'); background-size:cover; background-position:center center}
.blockfortext:first-child {border-top:1px solid rgba(212,218,222,.2)}
.blockfortext {border-bottom:1px solid rgba(212,218,222,.2); padding:10px; color:#fff; position:relative}
.blockfortext-head {font-size:14px; font-weight:600; text-transform:uppercase}
.blockfortext-content {font-size:11px; overflow:hidden}
.blockfortext a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.privatepaiementimg {width: 20%;}
.emule-table {display: table-cell; text-align: center}
.emule-tablecell {position: relative;}
.c-image {width:90px; margin:0 20px 20px 20px}
.c-value {position: absolute; bottom: 39px; display: block; width: 100%; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 1px;}
.c-info {position: absolute; bottom: 8px; display: block; width: 100%; color: #bbb; font-size: 14px; font-weight: 600; letter-spacing: 1px;}
#c-wrap {position:fixed; bottom:20px; right:15px; width: auto;}
#demo-private-container {position:absolute; top:50px; left: 50%; margin-top:-30px; margin-left:-25%; width:50%; opacity:0.8}
#demo-private-container .highcharts-legend {display:none}
#demo-private-container-two {position:fixed; top:100px; right: 20px; width:60%; opacity:0.2; display:none}
/* OLD PRIVATE */
/*
#privatewrapper {position:absolute; width:100%; height:100%; background-image:url('img/privatebg.jpg'); background-size:cover; background-position:top center}
#privatecontent {position:absolute; width:100%; height:auto; left:0; bottom:0px; opacity:0.9}
*/


#privatetitle {text-align:center}
#privatewrapper article {cursor:pointer}
#privatestartaccountform, #privatestartaccount {width: 0%; position: absolute; top: 0px; right: 0px; height: 0%; opacity:0}
.g-overflow-y-auto {overflow-y: auto}
.g-overflow-x-auto {overflow-x: auto}
.bui-default-color {color:#fe6466}
.form-control:focus {box-shadow: none !important}
#if_no {display:block}
.hamburger-box {width: 37px; height: 25px;}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {width: 37px; height: 1px;}
#complete-js-header {padding-top: 2.1rem; height:71px}
.site-logo {margin-left: 1.42857rem;}
.site-name {margin-left: 0.22857rem;}
.site-subname {margin-left: 0.8rem; padding-top:12px}
.site-logo img {width:22px; margin-top:4px}
.bui-menu-icon {font-size:1rem; margin-right:0.3rem; min-width: 20px;}
/*.u-body--header-side-overlay-left .u-header--side {left: -26rem;}*/
/*body[class*="u-body--header-side"] .u-header.u-header--side {width:26rem}*/
.navbar .u-sub-menu-v1 .hs-sub-menu {min-width:19rem}
#navBar .nav-item:hover > a, #navBar .hs-mega-menu-opened > a {color:#fe6466}
#selection-dropdown .u-basket__product a:hover, #moto-dropdown .u-basket__product a:hover, #log-dropdown .u-basket__product a:hover {color:#fff; text-decoration: none}

#selection-dropdown, #filter-dropdown, #moto-dropdown, #log-dropdown {width:50rem}
.popover-body {max-height: 450px; overflow: auto;}
#private-interface .highcharts-data-labels {display:none !important}

.u-slider-v1-3.ui-slider {height:2px}
.u-slider-v1-3.ui-slider .ui-slider-range {background-color:#fe6466; height:2px; position:absolute}

.u-nav-v1-1.u-nav-primary.u-nav-nav-link-gray .nav-link, .u-nav-v1-1.u-nav-primary.u-nav-nav-link-gray .nav-link:focus, .u-nav-v1-1.u-nav-primary.u-nav-nav-link-gray .nav-link:hover {color: #a49da6;}
.u-nav-v1-1.u-nav-primary.u-nav-nav-link-gray .nav-link.active {color: #fff;}

#motofilter .dropdown-item {white-space: inherit}
#return-search-moto {position: relative;}

#modal-carto, #modal-infos {position:relative; min-height:300px}

#post-tech-tab article small {min-height:200px}

/* White Gradient */
.g-bg-white-gradient-opacity-v5,
.g-bg-white-gradient-opacity-v5--after::after {
  background-image: linear-gradient(to right, white 47%, rgba(255, 255, 255, 0) 75%);
  background-repeat: repeat-x; }

#register_run_date {border-right:0}

.d-none{display:none;}
.highcharts-contextbutton{display:none;}
.highcharts-reset-zoom {}

#motofilter-reponse .media {position:relative}
.dynojetloop {position: absolute; bottom: -15px; left: 0px;}
.sortablebgtest {background-color:darkorange}

#call_graph {position:relative}
.slide_is_explode{width:100% !important; transform: none !important}

.content-graph-button {position: absolute;
bottom: 0px;
width: 100%;
text-align: right;}

.d-block {width:100%; bottom:0}
.u-slider-v1-2.ui-slider{ margin-top: 3px; margin-left: 0px; margin-right: 0px;}
.content-dropdown-height {max-height:400px; overflow-y:auto}

.for-filter-min, .for-filter-max {width:100px}
.update-filter-value {width:100%}
.edit-cartomap-line, .save-cartomap-line, delete-cartomap-line {cursor:pointer}
.edit-cartomap-line:hover, .save-cartomap-line:hover, delete-cartomap-line:hover {color:#939393}
.g-bg-green-opacity-0_2 {background-color: rgba(114,192,44,0.2) !important;}
.moto-block-carto-footer {position: absolute; right: 10px; bottom: 12px;}

.js-slide .content-graph {float:left}
.js-pagination li span.g-font-size-15 {font-size:12px !important}

.content-graph {float:left; margin-bottom: 0px;}
/*.content-graph:after {content:" "; position:absolute; width:88%; left:10%; bottom:-10px; height:1px; background:#eeeeee}*/

#filterSlider6 .ui-slider-handle:after {content:''; position:absolute; height:520px; width:1px; background-color:#fe6466; bottom:11px; left:50%; opacity:0.4; margin-left:-1px;}

.dataTables_wrapper {overflow-x: auto}
.dataTables_wrapper .dataTables_filter {margin-left:5px}
.dataTables_wrapper .dataTables_filter input {display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.3;
color: #495057;
background-color: #fff;
background-image: none;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before { display:none !important }
.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate {
    display: block;
}
table.dataTable thead .sorting::before, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {
	content:"" !important;
}

#profileMenu {left: -275px !important; width: 320px !important;}

/*.content-graph-button .u-btn-outline-black, #slider-custom-graph-block .u-btn-outline-black {border:0}*/

.progress-bar2 span, fileuploader-item span {color:#666 !important}
.fileuploader-item .progress-bar2, .fileuploader-progressbar .bar {background-color:rgba(221, 221, 221, 0.5) !important}

.selection_moto_table, .selectalog, .selectalogforpartage, .select-partaged-log-for-read, .selection_moto, .edit_day_not, .suppr_day_not, #reset_day_editor {cursor:pointer}
.selectalogforpartage.ispartaged {color:#fe6466}

.form-control, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link {color:#171717}
.lead { font-size: 14px; font-weight:400}


.g-bg-orange-v1 {background-color:#ffc051}
.g-bg-orange-v2 {background-color:#fb4723}
.g-bg-red-v2 {background-color:#d80017}
.g-bg-gray-v4 {background-color:#5e5e5e}

#custom-graph-elem {width:0px; overflow:hidden;  transition: width linear 0.2s; top:0; left:0; padding:0px; z-index:9}
#custom-graph-elem.active {width:100%; transition: width linear 0.2s; margin-left:0; padding:10px 30px 0 30px}
#custom-graph-aide {width:0px; overflow:auto; transition: width linear 0.2s; position:absolute; top:60px; height:100%; left:0; padding:0px; background:#fff; z-index:8}
#custom-graph-aide.active {width:100%; transition: width linear 0.2s; margin-left:0; padding:15px;}
#custom-graph-content {{width:100%; overflow:auto; position:absolute; top:0; height:100%; left:0; padding:15px;}}

.custom-graph-filter h6 {float:left}
select.form-control.min {height: 22px !important; padding: 0 5px; font-size: 12px;}
.delete-custom-graph {float:right; cursor:pointer; margin-top: -20px;}
.graphinfo1 {float:left; margin-left:10px; }
.cgatwt {font-size: 14px;
font-weight: 900;
cursor: pointer;}

.cgatwc {padding-top:10px; height:0; overflow:hidden; clear:both}
.cgatwc.open {height:auto}
.launcher_graph {display: block; float: right; width: 460px;}
#place_graph {float: left; width: 240px;} 
#start_c_graph {float: right; width: 170px;}
.u-slider-v1-2.ui-slider .ui-slider-handle{   width: 12px; height: 12px; margin-top: -6px}
.content-graph-button .btn {border:0}

#acc_pages{border-style:none none solid none!important; border-color:#ddd!important}
.rgvalid {color: #72c02c !important;}

.u-dropdown--simple.u-dropdown--reverse-y, .u-dropdown--jquery-slide.u-dropdown--reverse-y, .u-dropdown--css-animation.u-dropdown--reverse-y {
    top: 100%!important;
    bottom: auto!important;
    margin-bottom: 1.42857rem;
}

#alertdev {padding:10px; font-size: 13px; line-height: 2;}
#alertdev i {font-size:80px}

table.text_column td {width:50%; text-align: justify; vertical-align: top; padding:0 20px 0 20px}
.secure-spinner-visibility {min-height:400px}
em.g-color-gray-light-v5.g-font-size-120.g-pos-abs.g-top-minus-15.g-left-minus-15.g-z-index-minus-1 {display:none}

.tooltip-inner{max-width:300px;padding:3px 8px;color:#fff;text-align:justify;background-color:#000;border-radius:.25rem}

#send-message-allusers .form-control {color:#171717 !important}

#post-tech-tab .g-bg-size-cover {background-position:center center;}

.fix-element-to-bottom {position:fixed; width:100%; bottom:0}

#no-tires-value {width:700px; position:fixed; z-index:9999999; background:#fff; left:50%; top:35%; border:1px solid #ddd; margin-left:-350px; padding:15px}

#addoverlay {z-index:999999; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,.75)}
#addoverlaycontent {width:500px; position:fixed; z-index:9999999; background:#fff; left:50%; top:5%; border:1px solid #ddd; margin-left:-250px; padding:15px; max-height:800px; overflow:auto}
#addoverlay.mp-change-table {background-color:rgba(255,255,255,.5) !important}
#addoverlay.mp-change-table #addoverlaycontent {left:100% !important; margin-left:-500px}

.map_cible_switch{font-size:10px; display:inline-block; height:30px; width:100px; text-align:center; color:#fff; background:#111; line-height:30px; border-radius:2px; cursor:pointer}
.btn:not(:disabled):not(.disabled)
.map_cible_switch:first-child {margin-left:3px}
.map_cible_switch:hover{background:#e62154}

#addoverlaycontent table td {padding: 8px;}

.editablecolor {background-color:#9dc7f1}

.tchatblock {border:1px solid #eee; padding:10px; font-style:italic; margin-bottom:10px; font-size:13px}
.tchatblock.usermessage {border-left:3px solid #17a2b8; width:70%; float:left; background:#f9f9f9}
.tchatblock.responsemessage {border-left:3px solid #72c02c; width:70%; float:right}
.tchatblockinfo {margin-top:-5px; font-size:12px}
#tchatcolsendmessage #contentuserlist {position: relative; height: 0px; margin-top:-10px}
#tchatcolsendmessage #contentuserlist .isauser {background:#fff; display:block; padding:8px 5px; border-width:0px 1px 1px 1px; border-color: #ddd; border-style:solid; cursor:pointer; display:none}
#tchatcolsendmessage #contentuserlist .isauser:hover {color:#fe6466}
#tchatcolsendmessage #contentuserlist .isauser.uservisible {display:block}
.tchatuniquesubject {border-bottom: 1px solid #ddd; padding: 10px 0px; overflow: hidden;}
.tchatuniquesubject.subjectclosed {height: 40px;}
.tchatnotification {cursor:default}


.exchangeblock {border:1px solid #eee; padding:10px; font-style:italic; margin-bottom:10px; font-size:13px}
.exchangeblock.usermessage {border-left:3px solid #17a2b8; width:70%; float:left; background:#f9f9f9}
.exchangeblock.responsemessage {border-left:3px solid #72c02c; width:70%; float:right}
.exchangeblockinfo {margin-top:-5px; font-size:12px}
.delete-exchange-post {float:right; color:red; cursor:pointer; opacity:0.6}
.delete-exchange-post:hover {opacity:1}

.user_start_spy, .user_sort_spy {cursor:pointer}
.user_start_spy:hover, .user_sort_spy:hover {opacity:0.5}
/*
#redirect_to_pdf, #redirect_to_website {position:absolute; bottom:40px}
#redirect_to_pdf {left:2.14286rem}
#redirect_to_website {right:12.14286rem}
*/
/* COMPARE GRAPH
======================================================================*/
/*.row {width:100%;}*/
#sliderpage-block {position:fixed; height:100%; width:100%; max-width: 100%; top:0px; right:-10000px; background:#fff; z-index:999; transition:right linear 0.5s; overflow:auto}
#sliderpage-block.active{right:0; transition:right linear 0.5s}
#close_slidebox {cursor:pointer}
#close_slidebox:hover {color:#333}
#post_compare .content-graph {float:left}
.compare-graph-title {font-size: 12px; color: #111; margin-bottom: -5px;}

/* SPLINE FILTER GRAPH
======================================================================*/
#slider-spline-run-block {position:fixed; height:100%; width:100%; max-width: 100%; top:0px; right:-10000px; background:#fff; z-index:9999; transition:right linear 0.5s; overflow:auto}
#slider-spline-run-block.active{right:0; transition:right linear 0.5s}

/* SPLINE HELP
======================================================================*/
#slider-help-block {position:fixed; height:100%; width:100%; max-width: 100%; top:0px; right:-10000px; background:#fff; z-index:9999; transition:right linear 0.5s; overflow:auto}
#slider-help-block.active{right:0; transition:right linear 0.5s}

/* DATALOG table
======================================================================*/
#slider-data-log-block {position:fixed; height:100%; width:100%; max-width: 100%; top:0px; right:-10000px; background:#fff; z-index:9999; transition:right linear 0.5s; overflow:auto}
#slider-data-log-block.active{right:0; transition:right linear 0.5s}

/* CUSTOM GRAPH
======================================================================*/
#slider-custom-graph-block {position:fixed; height:100%; width:100%; max-width: 100%; top:0px; right:-10000px; background:#fff; z-index:9999; transition:right linear 0.5s; overflow:auto}
#slider-custom-graph-block.active{right:0; transition:right linear 0.5s}

.bui-icon-puzzle-2-2 i {width: 50%; text-align: center; float:left;}

.modebar {display:none}

/* EMPTY GRAPH
======================================================================*/
.isemptygraphwrapper {min-height:250px; max-height:500px!important; display:table; height:100%; width:100%; vertical-align:middle; position:relative; background:#fff}
.isemptygraphcontent {display:table-cell; width:100%; text-align:center}
.emptygraphimg {max-height:500px; width:80%; opacity:0.3}
.emptygraphtext {position:absolute; top:5%; margin-top:-16px; line-height:32px; left:0; width:100%; padding:0 15px; color:#939393; text-align:center}; 


/* SPINNER
======================================================================*/
.forcingbgwhite {background:#fff !important;}
.spinnermessage {position:absolute; top:50%; left:50%; width:600px; margin-left:-300px; margin-top:150px; font-weight:300; text-align: center}
.cssload-loader-globalwrapper {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); border-radius:4px; z-index: 99999}
#comparedgraph .cssload-loader-globalwrapper {background-color:rgba(255,255,255,.3)}
.cssload-loader-wrapper {position:absolute; top:50%; left:50%; width:62px; height:62px;margin-left:-31px; margin-top:-31px}
.cssload-loader{position:relative;left:calc(50% - 31px);width:62px;height:62px;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;perspective:780px}
.cssload-inner{position:absolute;width:100%;height:100%;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
.cssload-inner.cssload-one{left:0;top:0;animation:cssload-rotate-one 1.15s linear infinite;-o-animation:cssload-rotate-one 1.15s linear infinite;-ms-animation:cssload-rotate-one 1.15s linear infinite;-webkit-animation:cssload-rotate-one 1.15s linear infinite;-moz-animation:cssload-rotate-one 1.15s linear infinite;border-bottom:3px solid #fe6466}
.cssload-inner.cssload-two{right:0;top:0;animation:cssload-rotate-two 1.15s linear infinite;-o-animation:cssload-rotate-two 1.15s linear infinite;-ms-animation:cssload-rotate-two 1.15s linear infinite;-webkit-animation:cssload-rotate-two 1.15s linear infinite;-moz-animation:cssload-rotate-two 1.15s linear infinite;border-right:3px solid #fe6466}
.cssload-inner.cssload-three{right:0;bottom:0;animation:cssload-rotate-three 1.15s linear infinite;-o-animation:cssload-rotate-three 1.15s linear infinite;-ms-animation:cssload-rotate-three 1.15s linear infinite;-webkit-animation:cssload-rotate-three 1.15s linear infinite;-moz-animation:cssload-rotate-three 1.15s linear infinite;border-top:3px solid #fe6466}
@keyframes cssload-rotate-one {
0%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}
@-o-keyframes cssload-rotate-one {
0%{-o-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{-o-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}
@-ms-keyframes cssload-rotate-one {
0%{-ms-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{-ms-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}
@-webkit-keyframes cssload-rotate-one {
0%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}
@-moz-keyframes cssload-rotate-one {
0%{-moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{-moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}
@keyframes cssload-rotate-two {
0%{transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}
@-o-keyframes cssload-rotate-two {
0%{-o-transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{-o-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}
@-ms-keyframes cssload-rotate-two {
0%{-ms-transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{-ms-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}
@-webkit-keyframes cssload-rotate-two {
0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}
@-moz-keyframes cssload-rotate-two {
0%{-moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{-moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}
@keyframes cssload-rotate-three {
0%{transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}
@-o-keyframes cssload-rotate-three {
0%{-o-transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{-o-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}
@-ms-keyframes cssload-rotate-three {
0%{-ms-transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{-ms-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}
@-webkit-keyframes cssload-rotate-three {
0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}
@-moz-keyframes cssload-rotate-three {
0%{-moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{-moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}

@media screen and (max-width: 991px) {
	.site-logo img {width:40px;}
	.site-logo, .site-name, .site-subname {text-align:center; margin:0; float:none !important}
	.site-name {font-size:30px;margin-top: -36px; font-weight: 700;}
	#complete-js-header {height:auto; padding-top:1rem}
}

@media screen and (max-height: 850px) {
	#addoverlaycontent {max-height:400px !important}
}