/* HTML BASE ELEMENTS */
body{overflow-y:hidden !important;}
button:active{border:0px;}

.sticky-zone--15{position:sticky;top:-15px;z-index:9;}
.sticky-zone--12{position:sticky;top:-12px;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;}

.background-white{background-color:#FFF;}

/* BUTTON */
.skin-janoschka .btn-success{background-color:#00a65a !important;color:#FFF;border:1px #008d4c solid !important;}
.skin-janoschka .btn-warning{background-color:#f39c12 !important;color:#FFF;border:1px #e08e0b solid !important;}
.skin-janoschka .btn-danger{background-color:#dd4b39 !important;color:#FFF;border:1px #d73925 solid !important;}

/* CLASS SPECIFIQUE GENERIQUE */
.cursor-pointer{cursor:pointer;}
.btn-use-webservice{padding:15px !important;width:100% !important;}
.zone-hidden{display:none;}
.success {background:#dff0d8; color:#3c763d; border:1px #d6e9c6 solid;}

.validation-task-todo{color:#EBAB12 !important;}
.validation-task-ok{color:#2EAB3A !important;}
.validation-task-ko{color:#BB3B3A !important;}

/* PADDING */
.padding-top-25{padding-top:25px;}
.padding-left-15{padding-left:15px;}
.padding-left-5{padding-left:5px;}
.padding-bottom-10{padding-bottom:10px;}

/* MODAL */
.large-width-90{width:90%;}
.modal{background:rgba(255,255,255,0.5);}
.modal-content{border-radius:8px;}
.modal-header{
	color:#FFFFFF;
	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%);
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
.close, .close:focus, .close:hover{color:#FFFFFF;}

/* MAIN HEADER */
.header-simulator-links{padding:3px 12px;}

/* 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);-webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover; background-size: cover;/*background-size: contain;*/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.7);}
.hidden-lockscreen{display:none;}
.middle-box {max-width: 400px;z-index: 100;margin: 0 auto;padding-top: 40px; color:#b3b3b3;}
.lockscreen.middle-box {width: 400px;padding-top: 110px;background:transparent !important;}
.loginscreen.middle-box {width: 400px;}
img.circle-border {border: 2px solid #FFFFFF;border-radius: 50%;}

/* NAVBAR TOP*/
.skin-janoschka .main-header .navbar{padding-left:0px;margin-left:0px;background-color: white;}
.main-header .navbar{padding-left:0px;}
.navbar.navbar-static-top{width: 100%;position: fixed;top: 0px;float: left;display: flex;}
.navbar.navbar-static-top .container{width: 100% !important;}
.skin-janoschka .main-header .navbar-nav .user-menu>a{padding-top:12px;display:flex;line-height:38px;font-size:17px;}
.skin-janoschka .main-header .logo{position:relative !important; width:270px !important; line-height:57px; text-align:left;}.zone-menu-burger{display:none;}
.zone-menu-burger{border-left:none !important;}
.zone-menu-burger>a{font: 20px / 50px 'Roboto Condensed',sans-serif;padding-top: 14px;display: flex;line-height: 1.33em;height: 50px;padding-bottom: 0px;width:35px;}
.zone-menu-burger>a:hover,.zone-menu-burger>a:active,.zone-menu-burger>a:focus{background:unset !important;}
.logo-responsive{display:none;}
.top-bar .logo img {width:170px;}
.toggle-search {visibility:hidden;}
.dashboard-span {font-size:15px;}
.skin-janoschka .main-header .navbar-nav .user-menu > a > i {font-size:20px; line-height:37px;}
.dropdown-menu > li > a {padding:7px 10px;}
.dropdown-menu > li > a > i {width:20px; margin-right:5px;}
.dropdown-menu > li > a > span > i {width:20px; margin-right:5px;}

/* NAVBAR LEFT */
.skin-janoschka .menuspacer {margin:0;}
.active-categorie{background-color: rgb(226, 171, 205) !important;}
.open-sidebar-left{z-index:990;-webkit-transform: translate(0px, 0) !important;-ms-transform: translate(0px, 0) !important;;-o-transform: translate(0px, 0) !important;;transform: translate(0px, 0) !important;-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;}
.skin-janoschka .main-sidebar {position:fixed; width:285px; padding-left:30px; padding-right:20px; padding-top:120px;}
.skin-janoschka .sidebar-menu .subitems {margin-bottom:7px; box-shadow:0 2px 8px 0 rgba(0,0,0,0.1); line-height:30px;}
.skin-janoschka .sidebar-menu .subitems a {font:1em / 2em 'Roboto Condensed',sans-serif !important; font-weight:bold !important;}
.skin-janoschka .sidebar-menu .subitems a .fal {font-size:1em; line-height:2em; height:inherit;}
.skin-janoschka .sidebar-menu .statistique-status-order {margin-top: 5px;padding-top: 5px;}
.main-sidebar {/*z-index:9991;*/}

/* MAIN ZONE */
.skin-janoschka .content-wrapper {padding-bottom: 45px;padding-left: 285px;}
.skin-janoschka #bloc-center-main {height: calc(100vh - 170px);}
.skin-janoschka .main-header {/*z-index:9992 !important; position:fixed;*/}
.content-window{height: inherit;}
#zone-main{min-height:calc(100vh - 60px); margin-top:60px; overflow:hidden; /*z-index:9990; position:absolute;*/}
.header-div{background-color: #004386;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.skin-janoschka .content-window header > i {max-width:60px; width:60px; text-align:center;}
.skin-janoschka .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);-moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.2);box-shadow: 0 5px 15px 0 rgba(0,0,0,0.2);}
.skin-janoschka .tabs-content{height:calc(100vh - 120px) !important;}
.skin-janoschka .tabs-content .tab-content{ overflow: auto;height: calc(100% - 60px) !important;padding-bottom: 30px;}
.skin-janoschka .tabs-content .tab-content .tab-pane{height: inherit !important;}

/* UPLOADER DEFAULT ZONE */
.zone-uploader{max-height:70%;display:inline-block;}
.bt-soumission-file:hover{background-color:#ffa500 !important;border:1px #e08e0b solid !important;color:#FFFFF !important;}

/* FOOTER */
.skin-janoschka .main-footer{position:fixed;left: 0;bottom: 0;width: 100%;padding-right:0px;}
.footer-name-application{margin-right:15px;}

/* BTN BACK TO TOP */
#back-to-top {padding-top:6px;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;}

/* LISTING ORDERS */
.listing-order{background-color:#FFF; padding:15px; height:inherit;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;}
.skin-janoschka .field-navigater {position: sticky;text-align: left;height: calc(100vh - 180px);min-height:unset !important;margin-bottom: 0px;}

/* UPLOADER DEFAULT GENERIC */
.form-control.file-caption.kv-fileinput-caption{height: 47px !important;;padding: 12px!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:#;border:#990000 5px dashed;}

/* 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;text-align:center;color:#1C76BB;font-size:1.2rem;}
.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;}
.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;}

/* 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 */
.image-preview-progress{max-height:125px;min-height:125px;height:125px;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:33%;width:33%;max-width:33%;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);-moz-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;}
.zone-cylinder-production{width:250px;text-align:left;}
.zone-cylinder-delivery{color:#1DB100;width:125px;}
#node-waiting-loading{max-height:366px;width:300px;text-align:center;vertical-align:baseline;line-height:1em;font-size:5em;}

/* FILES LIST */
.fa-folder{color:#000000;}
.fa-file-pdf{color:#BB3B3A;}
.fa-file-picture{color:#BB3B3A;}
.fa-file-archive{color:#EBAB12;}
.fa-file-powerpoint{color:#aa0ef1;}

/* FORM CONNEXION USER */
#form-forget-password .input-group-addon{border:1px solid #203382; background:#203382; padding:0;}
#bt-lost-password-user{border:1px solid #203382; background:#203382; height:100%; width:100%; padding:6px 12px;}
