/* HTML BASE ELEMENTS */
a{color:#333333;}
a:hover,a:active,a:focus{color:#333333;outline:none;text-decoration:none;}
h1,h2,h3,h4{font-family:'Roboto Condensed',sans-serif;font-weight:300;margin-top:0px;}
header h1{font:2em / 4em 'Roboto Condensed',sans-serif;margin:0;overflow:hidden;line-height:2em}
button:focus{border:1px transparent solid;}
.btn-use-webservice{padding:15px !important;width:100% !important;}
.label-form{display:inline-block;width:100% !important;}
.zone-center{margin:auto;}
.cursor-pointer{cursor:pointer;}
.sticky-zone--10{position:sticky;top:-10px;z-index:9;}
.sticky-zone--15{position:sticky;top:-15px;z-index:9;}
.sticky-zone-0{position:sticky;top:0px;z-index:9;}
.sticky-zone-5{position:sticky;top:5px;z-index:9;}
.sticky-zone-10{position:sticky;top:10px;z-index:9;}
.sticky-zone-15{position:sticky;top:15px;z-index:9;}
.sticky-zone-19{position:sticky;top:19px;z-index:9;}
.sticky-zone-20{position:sticky;top:20px;z-index:9;}
.sticky-zone-25{position:sticky;top:25px;z-index:9;}
.sticky-zone-30{position:sticky;top:30px;z-index:9;}
.sticky-zone-35{position:sticky;top:35px;z-index:9;}
.sticky-zone-40{position:sticky;top:40px;z-index:9;}
.sticky-zone-45{position:sticky;top:45px;z-index:9;}
.sticky-zone-50{position:sticky;top:50px;z-index:9;}
.sticky-zone-55{position:sticky;top:55px;z-index:9;}
.sticky-zone-60{position:sticky;top:60px;z-index:9;}

/* TOP */
.top-5{top:5px;}
.top-18{top:18px;}
.top-35{top:35px;}
.top-50{top:50px;}
.top--5{top:-5px;}

/* HEIGHT + overflow */
.max-height-modal{max-height:calc(100vh - 220px);overflow-y:auto;overflow-x:hidden;}

/* WIDTH */
.width-0{width:0%;}
.width-16{width: 16.66666667%;}
.width-33{width:33.33%;}
.width-50{width:49%;}
.width-84{width: 83.33333333%;}
.width-100{width:100%;}
.width-100-165{width:calc(100% - 165px);}

/* PADDING */
.pt-7px{padding-top:7px;}	 
.pt-15{padding-top:90px;}
.pr-15{padding-right:15px;}
.pr-30{padding-right:30px;}
.pl-15{padding-left:15px;}
.pl-30{padding-left:30px;}
.padding-5{padding:5px;}

/* MARGIN */
.mr-15{margin-right:15px;}

.fa-3D2x{font-size:1.5em;}
.icon-global-duotone{--fa-primary-color: #397CBF; --fa-secondary-color: #6AD7AC;}

.alert-small{padding:5px 15px;margin-bottom:5px;}
.alert-default{background-color:#EEE;border:1px #E9E9E9 solid}

/* SURCHARGE BUTTON */
.btn-width-100{width:100%;}
.btn-width-50{width:50%;}
.btn-width-33{width:33.33%;}
.btn-width-25{width:25%;}
.btn-streams-primary{background-color:#218380;color:#FFF;}
.btn-streams-primary:hover,.btn-streams-primary:active,.btn-streams-primary:focus{background-color:#218380;color:#FFF;border:1px #218380 solid;outline:unset;}
.btn-streams-warning{background-color:#FBB13C;color:#FFF;}
.btn-streams-warning:hover,.btn-streams-warning:active,.btn-streams-warning:focus{background-color:#FBB13C;color:#FFF;border:1px #FBB13C solid;outline:unset;}
.btn-streams-danger{background-color:#BB3B3A;color:#FFF;}
.btn-streams-danger:hover,.btn-streams-danger:active,.btn-streams-danger:focus{background-color:#8F2D2C;color:#FFF;border:1px #8F2D2C solid;outline:unset;}
.btn-streams-success{background-color:#84C318;color:#FFF;}
.btn-streams-success:hover,.btn-streams-success:active,.btn-streams-success:focus{background-color:#84C318;color:#FFF;border:1px #84C318 solid;outline:unset;}
.btn-streams-default{background-color:#E6E6E6;color:#000;}
.btn-streams-default:hover,.btn-streams-default:active,.btn-streams-default:focus{background-color:#F0F0F0;color:#000;border:1px #F0F0F0 solid;outline:unset;}
.btn-streams-dark{background-color:#3C3C3C;color:#FFF;}
.btn-streams-dark:hover,.btn-streams-dark:active,.btn-streams-dark:focus{background-color:#787878;color:#FFF;border:1px #787878 solid;outline:unset;}

/* SURCHARGE BACKGROUND */
.bg-streams-primary{background-color:#397CBF;}
.bg-streams-warning{background-color:#EBAB12;}
.bg-streams-danger{background-color:#BB3B3A;}
.bg-streams-success{background-color:#2EAB3A;}
.bg-streams-default{background-color:#E6E6E6;}
.bg-streams-dark{background-color:#3C3C3C;}
.background-white{background-color:#FFF;}
.background-light-pink{background-color:#E3CBD9;}
/* Pour tableau stock cylindres */
.bg-ipack-blue{background-color:#6d9bc1;}
.bg-ipack-light-blue{background-color:#b6cee2;}

/* SURCHARGE COLOR TEXT */
.color-white{color:#fff;}
.color-black{color:#000;}

/* SURCHARGE FONT */
.font-yanone{font-family:'Yanone',sans-serif;}

/* BLINK */
.blink {animation: blinker 1.5s linear infinite;}
@keyframes blinker{50%{opacity: 0;}}

/* TOGGLE SWITCH */
.switch {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 15px;
}

.switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 11px;
	width: 11px;
	left: 4px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.switch input:checked + .slider {background-color: #2196F3;}

.switch input:focus + .slider {box-shadow: 0 0 1px #2196F3;}

.switch input:checked + .slider:before {
	-webkit-transform: translateX(25px);
	-ms-transform: translateX(25px);
	transform: translateX(25px);
}

/* Rounded sliders */
.slider.round {border-radius: 34px;}

.slider.round:before {border-radius: 50%;}
/* FIN TOGGLE SWITCH */

/* SURCHARGE DE MODAL */
#ModalSimple{z-index:1060;}

/* SURCHARGE ALERTE */
.alert-sm{padding: 5px;margin-bottom: 5px;border: 1px solid transparent;border-radius: 4px;}

/* FORM CONNEXION */
#zone-user-unknown-connexion{max-width:350px;}

/* COOKIE CONSENT */
.bloc-cookie-consent{position:absolute;bottom:0px;left:0px;width:100%;z-index:999;}
.bloc-cookie-consent div{margin-bottom:0px;}
.bloc-cookie-consent #text-accept-cookie{float:left;}
.bloc-cookie-consent #button-accept-cookie{float:left;}
.bloc-cookie-consent #bt-accept-cookie{float:right;background-color:#003fef;}

/* FENETRE MODAL */
#zone_modal_simple{max-height:calc(100vh - 200px);overflow-y:auto;overflow-x:hidden;}
#zone_modal_simple_large{max-height:calc(100vh - 200px);overflow-y:auto;overflow-x:hidden;}

/* STRUCTURE INTERFACE STREAMS */
	/* LEFT BLOC */
	.bloc-left-main{position:relative;float:left;width:285px;padding-left:15px;padding-right:30px;padding-top:0px;z-index:990;-webkit-transition:-webkit-transform .3s ease-in-out,width .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out,width .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out,width .3s ease-in-out;transition:transform .3s ease-in-out,width .3s ease-in-out;}
		.bloc-left-main .top-leftbar{display:flex;margin:auto;height:120px;}
			.bloc-left-main .top-leftbar .top-bar{display:table-cell;margin:auto;height:120px;}
			/* LOGO */
			.bloc-left-main .top-bar .logo {max-height: 120px !important;max-width:240px !important;line-height: 11.5em;vertical-align: baseline;min-height: 120px;margin: auto;}
			.bloc-left-main .top-bar .logo .logo-header {height: 100% !important;width: 100% !important;max-height: 120px;max-width: 240px;}
			/* BLOC FIRST LINE DASHBOARD */
			.bloc-left-main .main-sidebar {position:relative;padding:0px;height:calc(100vh - 150px);overflow-x:hidden;overflow-y:auto;width:100%;-webkit-transition:-webkit-transform .3s ease-in-out,width .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out,width .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out,width .3s ease-in-out;transition:transform .3s ease-in-out,width .3s ease-in-out;}
			.bloc-left-main .main-sidebar.alert-systeme {height:calc(100vh - 220px) !important;}
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu {vertical-align:baseline;height:90px;list-style:none;clear:both;margin:0px;padding:0px;background-color:#FFF;border-radius:4px;overflow:hidden;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.1);box-shadow:0 2px 8px 0 rgba(0,0,0,0.1);}
			/* item de base du widget sidebar */
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu .item{height:inherit;width:33.3333%;float:left;text-align:center;font:1.5em / 1.5em 'Roboto Condensed',sans-serif;}
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu .item a.wrap{width:100%;position:relative;display:block;height:90px;padding-top:15px;-webkit-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;}
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu .item a.wrap:hover{background-color:#F2F2F2;}
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu .item a.wrap .icone-wrap{display:block;font-size:1.6em;vertical-align:baseline;line-height:1.2em;}
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu .item a.wrap .label-wrap{display:block;font-size:0.75em;vertical-align:baseline;}
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu .item a.wrap .border-right{border-right:1px #CDC solid;}
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu .item a.wrap .border-left{border-right:1px #CDC solid;}
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu .item.last a:after{display:none}
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu .item.plus i{padding-top:30px}
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu .item a.wrap.active-categorie{background-color:rgb(210, 172, 195);}
			/* item de base du widget small en sidebar */
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu-small {vertical-align:baseline;height:auto;list-style:none;clear:both;margin:0px;padding:0px;background-color:#FFF;border-radius:4px;overflow:hidden;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.1);box-shadow:0 2px 8px 0 rgba(0,0,0,0.1);}
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu-small .item-small{height:45px;width:25%;float:left;text-align:center;font:1em / 1em 'Roboto Condensed',sans-serif;}
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu-small .item-small a.wrap{width:100%;position:relative;display:block;height:45px;padding-top:10px;-webkit-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;}
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu-small .item-small a.wrap:hover{background-color:#F2F2F2;}
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu-small .item-small a.wrap .icone-wrap{display:block;font-size:1.2em;vertical-align:baseline;line-height:1em;}
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu-small .item-small a.wrap .label-wrap{display:block;font-size:0.75em;vertical-align:baseline;}
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu-small .item-small a.wrap .border-right{border-right:1px #CDC solid;}
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu-small .item-small a.wrap .border-left{border-right:1px #CDC solid;}
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu-small .item-small.last a:after{display:none}
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu-small .item-small.plus i{padding-top:30px}
			.bloc-left-main .main-sidebar .sidebar .dashboard-menu-small .item-small a.wrap.active-categorie{background-color:rgb(210, 172, 195);}
			/* MENU DES CATEGORIES */
			.bloc-left-main .main-sidebar .sidebar-menu .active-categorie{background-color:rgb(210, 172, 195);}
			.bloc-left-main .main-sidebar .sidebar-menu .subitems-menu.treeview-menu.active  .active-categorie{background-color:rgb(227,203,217);}
			.bloc-left-main .main-sidebar .subitems .menu-open > ul {display:block;}
			.bloc-left-main .main-sidebar .subitems .subitems-menu {background-color:#F6F6F6;list-style:none;padding:0px;}
			.bloc-left-main .main-sidebar .subitems .subitems-menu a{display:block;}
			.bloc-left-main .main-sidebar .subitems .subitems-menu.treeview-menu .categorie>a{padding:0px 0px 0px 15px;line-height:3em;}
			.bloc-left-main .main-sidebar .subitems .subitems-menu .label-ssrubrique{display:inline-block;border-bottom:1px #CDC solid;width:100%;}
			.bloc-left-main .main-sidebar .subitems .subitems-menu .connector {display:inline-block;padding-right:10px;}
			.bloc-left-main .main-sidebar .subitems .subitems-menu .connector:before{content:' ';display:block;border-radius:5px;width:9px;height:9px;background-color:#A3E4BD;}
			.bloc-left-main .main-sidebar .subitems .subitems-menu .connector:after {content:' ';display:block;background-color:#CCC;position:absolute;width:1px;height:100%;left:19px;}
			.bloc-left-main .main-sidebar .subitems .subitems-menu li:last-child .connector:after{height:0%;}
			/* BADGE */
			.badge-navbar-left{position:absolute;top:5px;right:5px;}
			.counter-task-empty{background-color:#63B14C;}
			.counter-task-not-empty{background-color:#B34F45;}
			.zone-manage-widget{position:absolute;left:5px;/*top:50px;*/z-index:99;}
	.menuspacer {margin-bottom:15px;}
	/*MAIN-SIDEBAR*/
	.main-sidebar .dashboard-menu .item a.wrap{height:inherit;color:#333;border-radius:4px;background-color:transparent;-webkit-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;}
	.main-sidebar .dashboard-menu .item{text-align:center;font:14px / 14px 'Roboto Condensed',sans-serif;}
	/*ITEMS MENU LIST*/
	.sidebar{max-height:calc(100vh - 180px);padding-bottom:10px;font:12px / 24px 'Roboto Condensed',sans-serif;}
	.sidebar-menu {line-height:30px;list-style:none;margin:0;padding:0;}
	.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header {white-space:nowrap;overflow:hidden;}
	.sidebar-menu > li {position:relative;line-height:2em;}
	.sidebar-menu li > a {position:relative;padding:5px 15px;display:block;}
	.sidebar-menu .subitems {-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);border-radius:4px;overflow:hidden;}
	.sidebar-menu .subitems.default-margin {margin-bottom:7px;}
	.sidebar-menu .subitems a > span{margin-right:5px;}
	.sidebar-menu .subitems a {border:2px transparent;line-height:2em;}
	.sidebar-menu .subitems a .fa,.sidebar-menu .subitems a .far,.sidebar-menu .subitems a .fal,.sidebar-menu .subitems a .fas,.sidebar-menu .subitems a .fab,.sidebar-menu .subitems a .fa-duotone{margin-right:10px;}
	.categorie {/*height:30px;*/}
	.sidebar-menu .subitems a .subitems-menu {display:block;font-size:1em;width:45px;text-align:center;float:left;height:inherit;line-height:2em;}
	.sidebar-menu .subitems .treeview-menu {display:none;list-style:none;padding:0;margin:0;}
	.sidebar-menu .subitems .treeview-menu.active {display:block;}
	.treeview-menu > li > a {font-size:1em;}
	/* CENTER BLOC */
		/*.content-window{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}*/
		/* HEADER BLOC CENTER */
		.main-header{height:60px;position:relative;display:flex;}
		.main-header .navbar{padding-left:0px;margin-left:0px;}
		.main-header .navbar.navbar-static-top{height:60px;width:100%;}
		.main-header .navbar.navbar-static-top .navbar-top-container{padding-right:30px;}
		.main-header .navbar-static-top .navbar-top-container .navbar-menu-burger{display:none;}
  		.main-header .navbar-static-top .navbar-top-container .logo-header-reponse{display:none;}
		.main-header .navbar-title {float:left;}
		.main-header .navbar-nav .user-menu>a{padding-top:12px;display:flex;line-height:1.33em;}
		.main-header .navbar-nav .user-menu>a:hover,.main-header .navbar-nav .user-menu>a:active,.main-header .navbar-nav .user-menu>a:focus{color:#444;background:transparent;cursor:pointer;}
		.navbar-custom-menu{float: right !important;margin-right: unset;position: fixed;right: 15px;}
		.header-simulator-links, .header-compare-links{padding:3px 12px;}
		.main-header .navbar-title {font:20px / 60px 'Roboto Condensed',sans-serif;}
		.span_color {color:#9FA0A2;}
		.main-header .navbar-nav .user-menu > a {font:1.5em/ 60px 'Roboto Condensed',sans-serif;padding-top:0px;padding-bottom:0px;height:2em;display:table;}
		.main-header .navbar-nav>li {border-left: 1px solid rgba(179,179,179,0.9);}
		.zone-trash-compare-job {position: absolute;border: 1px #a94442 solid;font-size: 0.5em;top: 5px;right: -5px;padding: 5px;border-radius: 15px;line-height: 1.2em;z-index: 99;}
		.bloc-center-main{z-index:99;}
			/*.content-wrapper {padding-bottom:45px;padding-left:285px;}*/
			#zone-main{height:calc(100vh - 80px);overflow:hidden;margin-left:0px;padding-right:30px;}
			#bloc-center-main {height:calc(100vh - 105px);}
			.content-window{height:inherit;}
			.wrapper{}
			.content-data-manager{overflow-y:auto;height:calc(100vh - 144px);overflow-x:hidden;}
			.content-data-manager table:first-child{border-top:unset;}
		/* BLOC MAIN CENTER */
		.content-window header {position: relative;background-color: #590363;color: #fff;/*background: #14385C;background: -moz-linear-gradient(top, #14385C 50%, #002953 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #14385C), color-stop(100%, #002953));background: -webkit-linear-gradient(top, #14385C 50%, #002953 100%);background: -o-linear-gradient(top, #14385C 50%, #002953 100%);background: -ms-linear-gradient(top, #14385C 50%, #002953 100%);background: linear-gradient(to bottom, #14385C 50%, #002953 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14385C', endColorstr='#002953', GradientType=0);*/border-top-left-radius: 8px;border-top-right-radius: 8px;display: table;width: 100%;}
		.content-window header>*{display:table-cell;vertical-align:middle}
		.content-window header .fa,.content-window header .fal,.content-window header .far,.content-window header .fas,.content-window header .fab,.content-window header .fa-duotone{font-size:1.6em;font-weight:normal;width:60px;height:60px;text-align:center;line-height:60px;}
	/* FOOTER BLOC */
	.main-footer{border:0px transparent;color:rgba(255,255,255,0.9);background-color:#004386;position:fixed;left:0;bottom:0;width:100%;padding:5px 15px 5px 15px;}
	.footer-name-application{}

/* SPECIFIQUE WIDTH LIST */
.width-165px{width:165px !important;}
.width-120px{width:120px !important;}
.width-80px{width:80px !important;}
.width-40px{width:40px !important;}

/* ROTATION */
.rotate-0{transform:rotate(0deg);}
.rotate-90{transform:rotate(90deg);}
.rotate-180{transform:rotate(180deg);}
.rotate-270{transform:rotate(270deg);}

/* LINK */
.link-success{color:#3c763d !important;}
.link-danger{color:#a94442 !important;}
.link-warning{color:#EBAB12 !important;}

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

/* MODAL */
.large-width-90{width:90%;}
.large-width-message-system{width:600px;margin:auto;}
#ModalSimple .modal-dialog{max-width:600px;}
.zone-message{position:fixed;width:100%;z-index:10;}
.zone-message p{margin-bottom:0px;border-radius:0px;}
.zone-message-top{top:0px;left:0px;}
.zone-message-bottom{bottom:0px;left:0px;}
.zone-label-message{font-size:1.2em;font-weight:bold;}
.zone-comment-message{font-size:1em;font-weight:normal;}
.modal{background:rgba(255,255,255,0.3);}
.modal-content{background-color:unset;}
.modal-header {
    color: #FFFFFF;
    background: #590363;
    /*background: -moz-linear-gradient(top, #14385C 50%, #002953 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #14385C), color-stop(100%, #002953));
    background: -webkit-linear-gradient(top, #14385C 50%, #002953 100%);
    background: -o-linear-gradient(top, #14385C 50%, #002953 100%);
    background: -ms-linear-gradient(top, #14385C 50%, #002953 100%);
    background: linear-gradient(to bottom, #14385C 50%, #002953 100%);*/
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.full-open{float: right;font-size: 1.2em;font-weight: bold;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;margin-right:15px;}
button.full-open {padding: 0;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.modal-header .close {font-size: 1.8em;}
.modal-header .close, .modal-header .full-open{color:#FFF; opacity:1;}
.modal-header .close:hover, .modal-header .close:focus, .modal-header .full-open:hover, .modal-header .full-open:focus{opacity:0.7;}
.modal-body{background-color:#FFF;}
.modal-footer{background-color:#FFF;}

.modal-full-open{width:100%;margin:0;height:calc(100vh);}
.modal-full-open .modal-content{width:100%;height:100%;}
.modal-full-open .modal-content #zone_modal_simple_large{height:calc(100vh - 90px);max-height:unset;}
.modal-full-open .frame-dialogue{height:calc(100vh - 120px);width:100%;}
.zone-view-dialogue{position:sticky;top:0px;}


/* BLOCKED SCREEN */
.gray-bg {background-color:#555;}
.background-lockscreen{position:fixed;height:100%;width:100%;margin:auto;top:0px;left:0px;z-index:9990;background:#555;background-size:cover;-webkit-filter:blur(3px);background-size:cover;background-repeat:no-repeat;background-position:center;opacity:0.85;}
.container-lockscreen{position:fixed;height:100%;width:100%;margin:auto;top:0px;left:0px;z-index:9999;background:rgba(0,0,0,0.75);}
.hidden-lockscreen{display:none;}
.middle-box {max-width:400px;z-index:100;margin:0 auto;padding-top:40px;color:#FFF;}
.lockscreen.middle-box {width:400px;padding-top:110px;background:transparent !important;}
.loginscreen.middle-box {width:400px;}
.position-bt-unlock{width:180px;margin:auto;}
img.circle-border {border:2px solid #FFFFFF;border-radius:50%;}

/* NAVBAR TOP*/
.bt-view-compare-dialog{color:#FFF !important;background-color:#5cb85c !important;border-color:#4cae4c !important;}
.bt-view-compare-dialog-error{color:#FFF !important;background-color:#d9534f !important;border-color:#d43f3a !important;}
/* .zone-menu-burger>a:hover,.zone-menu-burger>a:active,.zone-menu-burger>a:focus{background:unset !important;} */
.main-header .navbar-nav .navbar-menu>a {font:20px / 60px 'Roboto Condensed',sans-serif;padding-top:20px;display:flex;line-height:1.33em;height:50px;padding-bottom:0px;}
.user-menu > .dropdown-menu{width:-moz-available;}
.user-header{width:100%;}
.user-header>ul{width:100%;list-style:none;padding-left:10px;}
.user-header>ul>li{width:100%;padding:5px;}

/* MAIN ZONE */
.header-div{background-color:#153B62;border-top-left-radius:8px;border-top-right-radius:8px;}
.frame{overflow-x:hidden;overflow-y:hidden;height:100% !important;max-height:100% !important;border-radius:8px;border-bottom-right-radius:5px;background-color:#fff;vertical-align:top;-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,0.2);box-shadow:0 5px 15px 0 rgba(0,0,0,0.2);}
.tabs-content{height:calc(100vh - 120px) !important;}
.tabs-content .tab-content{ overflow:auto;height:calc(100% - 115px) !important;padding-bottom:30px;}
.tabs-content .tab-content .tab-pane{height:inherit !important;}
.input-group{position: relative;display: flex;border-collapse: separate;}
.input-group-append {margin-left:-1px;}
.input-group-append, .input-group-prepend {display:-webkit-box;display:-ms-flexbox;display:flex;}
.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {border-top-left-radius:0;border-bottom-left-radius:0;}
.input-group-text {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem;}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;/*width:100%;*/margin-bottom:0;}
.etiquette-user-data{width:100%;}
.data-profil-right{width:100%;}
#logo-uat {position:absolute; left:50%; max-width:180px; z-index:100; top:39px;}

/* ZONE MAIN HEADER */
.content-window header ul.right-menu {list-style:none;padding:0px;top:0px;}
.navbar-form-search{margin:17px 35px 0px 0px;}
.navbar-form-search #zone-global-search-header{margin-left:20px;height:25px;border-radius:10px;font-size:1em;width:175px;-webkit-transition:width .2s ease-in-out;-o-transition:width .2s ease-in-out;transition:width .2s ease-in-out}
.navbar-form-search #zone-global-search-header:focus{width:285px;}
.right-menu-item {float:right;}
.right-menu-item a{display:block;color:#fff;background-color:rgba(255,255,255,0);-webkit-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}
.right-menu-item a:hover{background-color:transparent;}
.right-menu-item a i{float:none;width:40px;height:60px;line-height:60px;text-align:center;}
#header-initiales-user{display:none;border: 1px #12365b solid;border-radius: 35px;width: 35px;height: 35px;line-height: 2.0em;text-align: center;margin-top: 12px;background-color: #12365b;color: #FFF;}

/* BTN BACK TO TOP */
#back-to-top {padding-top:8px;cursor:pointer;display:inline-block;background-color:#1e5bc6;color:#FFF;width:30px;height:30px;text-align:center;border-radius:15px;position:fixed;bottom:70px;right:20px;transition:background-color .3s, opacity .5s, visibility .5s;opacity:0;visibility:hidden;z-index:10000;}
#back-to-top.show {opacity:1;visibility:visible;}
#back-to-top-module {padding-top:8px;cursor:pointer;display:inline-block;background-color:#1e5bc6;color:#FFF;width:30px;height:30px;text-align:center;border-radius:15px;position:fixed;bottom:50px;right:25px;transition:background-color .3s, opacity .5s, visibility .5s;opacity:0;visibility:hidden;z-index:10000;}
#back-to-top-module.show {opacity:1;visibility:visible;}

/* LISTING ORDERS */
.listing-order{background-color:#FFF;padding:0px;height:inherit;overflow-y:auto;}
.listing-stock-cylinder, .listing-stock-cylinder-ordered{background-color:#FFF;padding:0px 15px 0px 15px;overflow-y:auto;}
.bg-preflight-warning{background-color:#ffb630;}
.bg-preflight-success{background-color:#83e07d;}
.skin-janoschka .content-window .header-search {background-color:#153B62;color:rgba(255,255,255,0.3);font-size:0.8em;padding:15px;display:none;}

/* FORM ORDER */
.empty-line-nav-order{line-height:3.8em;}
.create_job_span {color:white;font-size:10px;padding-top:30px;padding-bottom:20px;}
.btn-approve{padding-top:10px;padding-bottom:10px;margin-bottom:9px;}
.menu-order-form{padding:0px; margin:0px; top:0px; bottom:0px; height:38px; /*margin-bottom:3.5%;*/}
.menu-order-form>a{margin:0px;padding-top:0px;height:42px;}
.select-form-order{border-radius:6px;padding:10px 15px 10px 15px;height:46px;}
.input-form-order{height:46px !important;}
.infohelp{visibility:visible;top:0px;width:15%;position:fixed;display:block;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {padding:10px 15px;max-height:calc(100vh - 150px);overflow-y:auto;color:#34424D !important;}
.focus-field{cursor:pointer;}
.field-navigater {position:sticky;text-align:left;height:calc(100vh - 180px);min-height:unset !important;margin-bottom:0px;}
.section-file-center{padding:15px !important;}

/* UPLOADER PDF */
#drop_file_zone{width:100%;height:230px;padding:8px;font-size:18px;}
#drag_upload_file{width:50%;margin:0 auto;}
#drag_upload_file p{text-align:center;}
#drag_upload_file #selectfile{display:none;}
.bg-drop-file-zone{background-color:#EEE;border:#999 5px dashed;}
.alert-empty-file{background-color:#990000;border:#990000 5px dashed;}
.form-control.file-caption.kv-fileinput-caption{width:100%;}
.file-caption-name{max-height:3.33em !important;width:100%;display:initial;font-size:1em;}
.zone-default-uploader .file-input .input-group,#upload_files .file-input .input-group{display:table;}

/* UPLOADER 3D FILES */
#drop_file_zone_3D{width:100%;height:230px;padding:8px;font-size:18px;}
#drag_upload_file_3D{width:50%;margin:0 auto;}
#drag_upload_file_3D p{text-align:center;}
#drag_upload_file_3D #file-3d{display:none;}

/* JOB COLOR */
.cylinder { background-color:#FFF;}
.cylinder tr td { padding:2px !important;vertical-align:middle !important;}
.data-trimbox{color:#2F75B5;}

/* IMPOSITIONS */
.zone-imposition{width:66.7%;margin:auto;}
.table-imposition{width:100%;margin:auto;}
.table-imposition .title-table-imposition{font-size:1.2em;text-align:center;padding-bottom:5px;}
.table-imposition td{margin:10px;}
.zone-data-imposition{/*background-color:#fff;*/cursor:pointer;padding:5px !important;text-align:center;color:#1C76BB;font-size:1.2rem !important;height:30px !important;font-weight:bold;}
.zone-base-imposition{background-color:#fff;cursor:pointer;padding:5px !important;text-align:center;color:#1C76BB;font-size:1.2rem !important;height:30px !important;font-weight:bold;}
.zone-unit-imposition{padding-top:20px;padding-bottom:20px;}
.label-unit-imposition{float:left;width:75%;font-size:1.1em;text-align:left;}
.value-unit-imposition {float:right;width:25%;background-color:#fff;cursor:pointer;padding:5px;text-align:center;color:#1C76BB;font-size:1.2rem;}
.zone-cylinder-imposition{padding-top:20px;padding-bottom:20px;}
.title-cylinder-imposition{font-size:1.4em;font-weight:bold;text-align:center;vertical-align:baseline;line-height:3.7em;}
.subtitle-cylinder-imposition{font-size:1.1em;font-weight:normal;text-align:center;}
.value-cylinder-nbr-imposition{display:inline-block;width:25%;background-color:#fff;cursor:pointer;padding:5px;text-align:center;color:#000;font-size:1rem;}
.value-metric-cylinder{float:left;width:90%;white-space:nowrap;background-color:#fff;cursor:pointer;padding:5px;text-align:center;color:#000;font-size:1rem;}
.unit-metric-cylinder{padding-right:5px;float:right;width:10%;white-space:nowrap;}
.zone-field-cylinder{float:left;margin-right:5px;}
.width-radio-imposition{width:20px;height:20px !important;}

/* TBALE CYLINDER */
.line-table-cylinder td{line-height:1.0em !important;padding:4px !important;vertical-align:inherit !important;}

/* PREFLIGHT PREVIEW ORDER */
.full-preview{height:100%;width:100%;z-index:9999;margin:auto;position:fixed;top:0px;left:0px;padding:25px;background-color:rgba(1,1,1,0.75);}
.full-preview img{height:95%;}
.hidden-preview{display:none;}
.zone-zoom-preview{position:relative;float:right;bottom:24px;right:5px;font-size:14pt;}
.zone-reload-preview{width:100%;background-color:#FFF;border:1px #CDCDCD dotted;padding-top:10%;padding-bottom:10%;margin-right:auto;margin-left:auto;min-height:10vh;text-align:center;vertical-align:middle;cursor:pointer;}
.zone-reload-preview img{width:100%;}
.inner-reload-preview{width:50%;font-size:50px;min-height:15vh;margin-right:auto;margin-left:auto;}
	.inner-reload-preview i{font-size:50px;padding-bottom:25px}
	.inner-reload-preview span{font-size:20px;}
#list-folder .badge{margin-right:5px;}

/* USER INTERFACE */
.focus-label{position:relative;float:left;color:#2D4A95 !important;width:100%;text-align:left;padding-left:15px;}

/* LISTING ORDERS */
.label-validation-list-order{color:#048915;}
.image-preview-progress{max-height:125px;min-height:125px;height:125px;cursor:pointer;}
.small-image-preview-progress{max-height:56px;min-height:56px;height:56px;cursor:pointer;}
.zone-order-progress{width:100%;min-height:50px;display:inline-block;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #CDCDCD;}
.order-label{min-width:25%;width:25%;max-width:25%;overflow-x:hidden;text-align:left;font-size:1.4em;font-weight:bold;color:#000;cursor:pointer;}
.zone-repro{width:250px;text-align:center;}
.text-repro{text-align:center;font-size:1.2em;padding:0px 15px 0px 15px}
.text-repro-waiting{color:#FF9300;}
.text-repro-ok{color:#1DB100;}
.shadow{-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.3);box-shadow:0 2px 4px 0 rgba(0,0,0,0.3);}
.zone-cylinder{float:left;display:block;height:20px;width:20px;border-radius:50px;margin-left:5px;}
.border-grey{border:3px solid #A6AAA9;}
.border-orange{border:3px solid #FF9300;}
.border-green{border:3px solid #017100;}
.background-grey-light{background-color:#DCDEE0;}
.background-orange{background-color:#FF9300;}
.background-green{background-color:#88FA4E;}
.zone-shipment{font-size:1.4em;width:125px;text-align:center;}
.shipment-off{color:#9A9A9A;}
.shipment-waiting{color:#D25F00;}
.shipment-ok{color:#007013;}
.delivery-off{color:#9A9A9A;}
.delivery-waiting{color:#D25F00;}
.delivery-ok{color:#007013;}
.zone-cylinder-production{width:250px;text-align:left;height:17px;width:17px;margin-left:7px;}
.zone-cylinder-delivery{color:#1DB100;width:125px;}
.liste-data-orders td{vertical-align:middle !important;}
.liste-data-orders .order-label{font-weight:bold;cursor:pointer;color:#000;font-size:1em !important;}
.valid-customer-success{color:#048915;}
.valid-customer-waiting{font-size:1.4em !important;}
.valid-date-customer-off{font-size:1.4em !important;color:#FEFEFE;}
.valid-date-customer-on{color:#1DB100;cursor:pointer;font-size:1.4em !important;}
.close-timeline{display:none;}
.zone-info-delivery-steelbases{display:block;font-size:0.75em;color:#CCC;text-align:left;clear:both;padding-top:10px;}
.zone-info-delivery-steelbases .date-delivery{color:#AAA;}

.zone-choice-compare{vertical-align:top !important;}
.zone-choice-compare input[type="checkbox"]{height:unset;}
.view-time-line{cursor:pointer;}

.sort-datas-asc::after {content: " \f15e";font-family: 'Font Awesome 6 Pro';font-weight: 900;float:right;text-align:right;color:#828282;}
.sort-datas-desc::after {content: " \f881";font-family: 'Font Awesome 6 Pro';font-weight: 900;float:right;text-align:right;color:#828282;}

/* JOBS IN PROGRESS */
.liste-stock-cylindres th,
.listing-order .liste-data-orders th,
.listing-order .liste-data th
	{background-color:lightgray;font-size:0.75em;font-weight:bold;font-family:"Arial" !important;}
.liste-data tbody tr td {padding:4px 8px;}
.listing-order .liste-data-orders tr td {min-height:50px;padding:2px 8px;font-size:0.85em !important;}
.liste-data-orders .btn {padding:13px;}

.bt-valid-repro-listing{font-size:0.9em !important;}

.zone-imposition-sr{height:50px;min-width:100px;/*width:150px;*/float:left;clear:both;}
.data-imposition-sr{height:50px;min-width:100px;/*width:150px;*/}
.data-imposition-sr > tbody > tr > td {border:1px #444 solid;padding:2px 2px !important;}
.data-diametre-imposition{width:55px;margin:auto;}
.data-diametre-imposition span{position:relative;float:left;background-color:#CDCDCD;color:#FFF;padding:2px 6px 2px 6px;font-size:0.65em;}
.data-laize-imposition{position:relative;float:right;background-color:#CDCDCD;color:#FFF;padding:2px 6px 2px 6px;font-size:0.65em;}
.zone-laize-imposition{width:50px;}
.zone-data-imposition-laize{font-size:0.75em;font-weight:normal;color:#CCC;}
.zone-etat-cylinders{}
.list-etat-cylinders{display:flex;}

/* STOCKS */
#zone-listing-stock-cylindre{overflow-y:auto;overflow-x:hidden;}
.listing-order .liste-data th {font-family:"Arial";font-weight:bold;background-color:lightgray;padding:6px;}
.listing-order .liste-data td {padding:6px;}
.zone-title-stock-cylinder {font-weight:bold;font-size:1.25em;padding:20px;}
.data-table-cylindre{font-weight:bold;color:#004386;background-color:lightgray;width:125px;text-align:center;}
.data-developpement-cylindre{font-weight:bold;width:125px;text-align:center;background-color:#f2f3f4;}
.data-total-cylindre{font-weight:bold;width:105px;}
.data-total-cylindre-stock {font-weight:bold;}
.zone-change-orientation{cursor:pointer;font-size:1.25em;}
.sens-defilement-cylinder{color:#999;font-size:1.25em;}


/* ELEMENT CSS */
.generic-image-listing-H50{max-height:25px;max-width:50px;}
.generic-image-listing{max-width:75px;max-height:75px;}
.without-border-bottom{border-bottom:0px !important;}
textarea.form-control{min-height:160px;}

/* MODULE COMPARE */
.compare-jobs{display:inline-flex;padding:15px 5px;float:left;font:1.5em / 20px 'Roboto Condensed',sans-serif;line-height:2em;}
#header_compare_jobs_text{display:block;float:left;margin-right:5px;}
#header_compare_jobs_icone{display:none;float:left;margin-right:5px;}
.file-upload-wrapper{margin-top:50px;height:calc(100vh - 250px);}
.zone-text-explicatif{}

/* MODULE ALERTE JOB */
.alert-comments-jobs{display:inline-flex;padding:15px 5px;float:left;font:1.5em / 20px 'Roboto Condensed',sans-serif;line-height:2em;}
#header_alert_comments_jobs_icone{float:left;margin-right:5px;}
.alert-request-account{display:inline-flex;padding:15px 5px;float:left;font:1.5em / 20px 'Roboto Condensed',sans-serif;line-height:2em;}

/* MODULE DATAS REGLEMENTAIRES */
.file-upload-data-wrapper{margin-top:50px;margin-bottom:50px;height:auto;}

/* MODULE PAGE DEFAULT */
.section-page-default{width:75%;margin:auto;}

/* MODULE SHERIF */
#choice-sheriff-orders-attribution{height:auto;}

/* PROFIL USER */
#zone-profil-logs-user{height:calc(100vh - 280px);overflow-y:auto;}

/* TIMELINE */
ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {content: ' ';background: #d4d9df;display: inline-block;position: absolute;left: 29px;width: 2px;height: 100%;z-index: 400;}
ul.timeline > li {margin: 20px 0;padding-left: 20px;}
ul.timeline > li:before {content: ' ';background: white;display: inline-block;position: absolute;border-radius: 50%;border: 3px solid #22c0e8;left: 20px;width: 20px;height: 20px;z-index: 400;}

/* INTERFACE REQUEST ACCOUNT */
#commentaire_request{min-height:85px !important;}
#header_request_account_icone i{font-size:1.25em;}

/* ARCHIVES */
.table-header-blue.dataTable thead th, .table-header-blue.dataTable thead td{
    background-color: #590363;
}

/* STOCK CYLINDRES*/
.table-cylindres {border:1px #476393 solid !important;}
.table-cylindres td{border:1px #476393 solid !important;}
.table-cylindres .entete {background-color:#6d9bc1; color:#FFFFFF; font-weight:bold; text-align:center;}
.table-high-size {font-size:1.2em;}