@charset "utf-8";
/* CSS Document */

*, ::before, ::after {box-sizing:border-box;margin:0;padding:0;}
body {font-family:'Arial';background:#fefefe;color:#000;font-size:16px;height:100%;padding:0px;}
.navbar {display:none;}
#content {padding: 20px; margin-top: 3.5em;}
h1 {font-size: 1.6em;font-weight: 100;color:#333;display:flex;width:100%;}
h2 {margin-bottom:30px;color:#333;}
span {font-size:1em;}
a {color:#000;text-decoration: none;}
a:hover {text-decoration: none;}
.table-striped tbody tr:nth-of-type(odd) {background-color: inherit;}
.table-bordered td, .table-bordered th {border:0px;}
.table td, .table th {padding:inherit;border:0px;vertical-align: middle;}
.table-bordered {border:0px;}
[type=reset], [type=submit], button, html [type=button] {border:0px;}
.form-control {padding:inherit;}
.table thead th {vertical-align: inherit;border:0px;text-align: center;}
#documents-grid_wrapper .float-right {float:none !important;}
.navbar-toggler {padding:0;}
#footer {padding: 5px;overflow: hidden;font-size: 0.8em;color:#fff;position: fixed;bottom: 0;width: 100%;z-index:99;text-align: center;border-top:7px solid #fff;}
#footer .row {margin-top:0px;}
#navbar{position: absolute;left:0;background: #f1f1f1;position:fixed;margin-top: 1.3em;}
#navbar .nav-item .recup_btn {background: inherit;padding: inherit;display: inherit;color:#000;}
.mr-auto { line-height: 1.6em;padding: 10px;width: 1000vW;}
.mr-auto li {margin: 0 0 5px 0px;border-bottom: 1px solid #ccc;}
.priorityhome {cursor:pointer;overflow:hidden;}
#loading {position: fixed;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;top: 0;left: 0;opacity: 0.9;background-color: rgba(255,255,255,0.7);z-index: 9999;}
.fa-new-action {margin:3px 5px 0 0;}

#loading-image, #loading-image:after {border-radius: 50%;width: 5em;height: 5em; }
#loading-image {margin: 60px auto;font-size: 0.5em;font-weight: 700;position: relative;text-indent: -9999em;border-top: 1.1em solid rgba(0,0,0, 0.2);
		border-right: 1.1em solid rgba(0,0,0, 0.2);border-bottom: 1.1em solid rgba(0,0,0, 0.2);border-left: 1.1em solid #fe0000;-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: loadspinner 1.1s infinite linear;animation: loadspinner 1.1s infinite linear;}
	  @-webkit-keyframes loadspinner {
		0% { -webkit-transform: rotate(0deg);transform: rotate(0deg);}
		100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
	  }
	  @keyframes loadspinner {
		0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
		100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
	  }

.top {width:100%;position: fixed;background:#e1e1e1;padding:5px 20px;z-index:99;top:0;}
.top:after {content:'';position:absolute;bottom: 3px;left: 0;background: #e1e3e5;height: 2px;z-index:-1;width: 100%;}
.topsign .menu_logo{display: inherit; width: 100%;float:inherit;text-align: center;}



.menu_logo {display: flex; width: 15%; float: left;}
.logo {max-width: 180px;display: inline-flex;}
.menu {display:flex;float:left;width:70%;}
a.menu_link {font-size: 1em;padding: 14px 10px;margin: 0px 1%;color:#707070;font-weight:700;}
.bottom_link{position:relative;}
.bottom_link:hover:after{right:0;}
.submenu_user {	display:none;position:fixed;right:0;min-width: 160px;z-index: 1;background: #f1f1f1;border-radius:5px;margin-top:30px;}
a.submenu_link {font-size:0.9em;padding: 5px 0px;margin: 0px 15px;color: #707070;display: block;}
.menu_user:hover .submenu_user{display:block;}
a.download_driver{margin-top:15px;display: inline-flex;position:absolute;right:5%;}
a.download_driver:hover{opacity:0.8;}

.recup {display:flex;margin-bottom: 1em;}
.neworder_btn,.newintervention_btn {font-size: 1em;font-weight: 700;padding: 0.7em 6em;margin: auto;color:#fff;border-radius:5px;display: inline-flex;}

.modal {top:0;left:0;width:100%;height:100%;position: fixed;background:rgb(0,0,0,.5);z-index:999999}
.modal_close {padding: 2px 5px;color: #ed475f;float: right;margin: 5px;cursor:pointer;}
.modal_close:hover{opacity:.7;}
.modal_form {margin:20px auto 0 auto;width:220px;}
#order,  #pass {margin:20px auto 20px auto;width:100%;-webkit-filter: blur(0.000001px);}
#intervention {margin:20px auto 20px auto;width:100%;}

#liste-rapport-modal {width:100%;transition: opacity 0.5s ease-in;
    animation: fadein 0.5s;
    -moz-animation: fadein 0.5s;
    -webkit-animation: fadein 0.5s;
    -o-animation: fadein 0.5s;}

.modal_form .btn {width:220px;}
.modal_content {width: 50%;border-radius: 5px;background: #f1f1f1;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);overflow-y: scroll;max-height: 80vH;overflow-x: hidden !important;}
.modal_form .btn { width: 220px; margin-top: 1.4em;}
#recup_code,#doc_code {font-size: 1.4em;color: #707070;width: 87%;background: #ccc;border: 1px solid #3d5171;border-radius: 5px;text-align: center;padding: 5px 5px 5px 14px;letter-spacing: 0.5em;}
.unselectable {-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
.inputcode {height: 44px;padding: 2px !important;width: 30px;background: #e1e1e1 !important;font-size: 1.5em;}
.modal_input {padding: 5px;margin-top: 5px;background: transparent;border-bottom: 1px solid;}
#modal_code_true,#modal_code_false {display:none;margin: 50px auto 0 auto;width: 220px;text-align: center;}
#modal_code_true .btn,#modal_code_false .btn {margin: auto;}

.orderprint:hover{opacity:0.7;color:#fff !important;}

.edit_title {font-weight:bold;}
.neworder_input {width: 80%;border: 0px solid #ddd;padding: 5px;border-bottom: 1px solid #ccc;}
#neworder_note,#editorder_note,#editintervention_note,#new_intervention textarea {height:10em;font-size:0.8em;}
.neworder_comment {width: 80%;border: 0px;padding: 10px;border-bottom: 1px solid #ccc;height:22em;background:#ddd;font-size:0.8em;cursor:default;}
#neworder_note:focus,#editorder_note:focus,.neworder_comment:focus {outline:none;}
.neworder_select {padding: 5px;border: 0px;border-bottom: 1px solid #ccc;width: 60%;}
#order .btn, #intervention .btn {margin: 1.4em auto 0 auto;}
#new_intervention textarea,#editintervention_note {height:110px;}
.ui-helper-hidden-accessible {display:none!important;}
.newmateriel {margin-top:11px;height:130px;}
#new_intervention .newmateriel {height:130px;}
#edit_intervention .newsymptomes {height:80px;}
#edit_materiel {height:184px;}
.newcommentnote {height:80px;}
#edit_observations {    height: 80px;width: 80%;}

#new_intervention #new_observations {height:80px;font-size:1em;}
#new_intervention #new_symptomes {height:110px;font-size:1em;}
#new_intervention #new_note {height:60px;font-size:1em;}
#new_intervention #new_item,#new_intervention #new_adresse,#new_intervention #new_symptomes,#new_intervention #new_note{width:500px;max-width: 340px;}
#new_intervention .row {margin-top:0.5em !important;}
#edit_intervention #editintervention_comment {height:10em;}
#new_intervention .modal_content,#edit_intervention .modal_content {width:70%;}
#pdf .modal_content {width:80%;}
#pdf iframe {height:80vH;width:100%;}

.newcp {width:20%;max-width:125px;}
.newville { width: 60%;max-width:212px;}
.newtel {width:20%;max-width:125px;}
.newemail {width:60%;max-width:212px;}
.newpdv {width: 150px;margin-left: 12px;}
.newcat {width: 150px;}
.newitemid {width:250px;max-width:168px;margin:0 0 10px;}
.newmateriel {font-size: 1em !important;}
.ui-widget.ui-widget-content {z-index:999999999999;}
.newinter_garantie {margin-bottom:11px;margin-right:11px;}
.newinter_prior {margin-bottom:11px;}

.col-inter-right1 {margin-left: -20px;text-align:left;}


#permutter .modal_content {width:25%;}
#permutter #loginform {width:390px;margin: 1em auto;}
#permutter #logerror {width: 300px;font-size: 0.8em;}

.profil_abo {background: #26b6e0;padding: 15px 20px;border-radius: 7px;margin-top: 0.5em;}
.profil_abo .aboactif,.profil_abo_inactif .aboinactif {color:#fff !important;font-size: 1em !important;}
.profil_abo_inactif {background: #dc7c58;padding: 15px 20px;border-radius: 7px;margin-top: 0.5em;}
.btn_abo {background: #26b6e0;color: #fff;padding: 12px;font-size: 1.2em;border-radius: 7px;margin: 0.3em 0 0 auto;text-align: right;display: block;width: 50%;}
.btn_abo .aboprice {font-size: 1.3em !important;font-weight: 700;color:#fff !important;display:inline-block !important;width:inherit !important;}
.btn_abo:hover {background:#48c9ef;color:#fff;text-decoration: none;}

.form-actions {margin-top:15px;}
.header_content {width:100%;display:flex;}
.btn {color:#fff;border:0px;padding: 7px;font-size: 1em;display:block;width:200px;text-align:center;}
.btn:hover,.btnlogin:hover {cursor:pointer;opacity:.8;}
.btnlogin {background:#3d5171;color:#fff;border:0px;padding: 7px;font-size: 1em;display:block;width:200px;text-align:center;margin:auto;cursor:pointer;}
.btnadd {background:#44cb7f;}
.btncancel {background:#C0CCDA;}
.btn .fa-solid {margin-right:5px;}
#logerror {background: #fd726a;color: #fff;font-size: 1em;padding: 12px;width: 355px;text-align: center;display:none;}
#logerror2 {color:#fd726a;font-size:0.7em;}
#loginbox {margin: 0 auto; width: 100%;}
#loginform,#loginform2 {width: 350px;margin: 10em auto;background: #e1e1e1;padding: 50px;border-radius: 11px;}
#loginform h1,#loginform2 h1 {margin-bottom:0.5em;}
#loginform a,#loginform2 a {margin: 0.8em 0px;font-size: 0.8em;display: block;}
#loginform .main_input_box,#loginform2 .main_input_box {margin: 0.5em 0px;}
#loginform .main_input_box input,#loginform2 .main_input_box input{padding:5px;border:0px;}
.ico_login {margin-right:10px;width:15px;}
#loginform .main_input_box input:focus {outline:none;border:1px solid transparent;}

.row {display: flex;}
.col-submenu {padding: 0.5em;width:12%;border-right:2px solid #7c7c7c;}
.col-content {padding: 15px 0px 0px 30px;width:88%;}
.large .col-content {padding: 15px 0px 0px 0px;width:100%;}
a.submenu {color:#333333;padding: 15px 5px;display: block;font-size: 1em;}
.submenu_right {position:relative;}
.submenu_right:after{content:'';position:absolute;background:#f2f9ff;padding: 25px 0px;z-index: -1;bottom:0;left:0;right:100%;transition:all 500ms;}
.submenu-activ:after{content:'';position:absolute;background:#f2f9ff;bottom:0;left:0;right:0;}
.submenu_right:hover:after{right:0;}
a.link_ico {color:#707070;margin:0px 5px;}a.link_ico:hover {opacity:.8;}
a.link_ico_action:hover {cursor:pointer;}
.submenu .fa-solid {margin-right: 0.5em;}
.fa-print {cursor:pointer;}
.fa-pen-item {opacity: 0.3;margin: 0 4px 0 2px;}

#modal_pub {background: rgb(0,0,0,.5); width: 100%; height: 100%; z-index: 999999; display: block; position: absolute; top: 0;}
#close_ad {background:#000; color: #fff; padding: 7px; width: fit-content; font-size: 0.8em; z-index:999;position: absolute;right: 0;bottom: 0;margin:15px; cursor:pointer; }
#video_pub{background: #fff; width: 80%; height: 80%; margin: auto; margin-top: 50vh;transform: translateY(-50%);}

.form_col2 {display:flex;}
.content_page_3col {display:flex;width:100%;}
.content_page1_col1, .content_page1_col2 {flex-grow:1;}
.content_page1_col1 {width:60%;margin-right:5em;}
.content_page1_col2 {width:40%;border-left:2px solid #7c7c7c;padding:0 40px;}

.ui-colorpicker {max-width:22%;
	margin:auto;
	background: #ccc;
    padding: 20px;
    border-radius: 5px;
    box-sizing: content-box;}

.ui-colorpicker input {border:0px;}
.ui-colorpicker-buttonset {display:none;}
.ui-dialog-buttonset {text-align: right;}
.ui-colorpicker-cancel {color:#fff;border:0px;margin:0 0.1em;padding:5px;background:#ed475f;}
.ui-colorpicker-ok {color:#fff;border:0px;margin:0 0.1em;padding:5px;background:#85b24d;}

tbody {cursor: default;}
.dataTables_wrapper {font-size:0.9em;width: 90%; margin: auto;}
.dt-center {text-align: center;}

#documents-grid_filter input{
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
	background-color: #e1e1e1;
    background-position: 1px 10px !important;
    padding: 10px 7px 10px 25px;
    margin-left: 0;
	border-radius: 5px;
    border: 0;
    font-size: 1.1em;
}
.dataTables_length select {padding: 5px; border: 0; background: #e1e1e1;}
.row {margin-top:1em;}
.line_warning {background:rgb(0,0,0,.8);}
.datepicker {float: right;width:22px;margin: -3px 8px 0 0px;}
.doc_date {width:22px;}
.datepicker:hover,.doc_date:hover,.doc_date,.datepicker {cursor:pointer !important;color:#fff;}

.pagination {text-align: right;width:100%;display:initial;}
.dl_doc{font-size: 1.2em;color:#3d5171}
.dataTables_filter {text-align:left !important;}
.b-row {background:#f1f1f1;}
.b-row:hover,.a-row:hover{background:#e1e1e1 !important}
.ico_nosign_doc,.ico_nosign_doc2 {color:#aaa;}
.ico_nosign_doc2:hover {opacity:0.8;color:#44cb7f;}
.ico_sign_doc {color:#44cb7f;}
.colpriority i {margin-top:0px;}
.input_table {font-size: 1em;border: 0px;border-bottom: 1px solid transparent;background: transparent;width: 90%;padding:5px 5px -2px 5px;}
.input_table:hover,.selectpdv:hover {border-bottom: 1px solid #333;cursor:pointer;}
.input_qty {text-align:center;}
.td_date {padding-left:5px;}
.selectstate {border: 0px;padding: 5px 5px 3px 5px;color: #fff;width:100%;cursor:pointer;}
.selectpdv {border: 0px;padding: 5px 5px 0px 5px;width:100%;background:transparent;}
.selectstep {border: 0px;padding: 2px 5px 0px 5px;width:100%;background:transparent;font-size: 0.9em;background: #707070;color: #fff;border-radius: 5px;}
.selectstep:hover {border : 0px solid #333;cursor:pointer;opacity:0.7;}
.afacturer {width:60%;}
.modal_input {border-bottom: 1px solid transparent;}
.modal_input:hover {border-bottom: 1px solid #707070;}

.table .fa-circle-minus {color:#ed475f;}
.dataTables_length select {background:transparent;}

.neworder_btn:hover,.newintervention_btn:hover,
.table .fa-circle-minus:hover,.table .fa-paper-plane:hover,
.dl_doc:hover, .paginate_button:hover,
.alert #confirmYes:hover, .alert #confirmNo:hover, .alert #closesend:hover,
.ui-colorpicker-ok:hover,
.ui-colorpicker-cancel:hover,
.col_home_lastsignature a:hover,
.edituser:hover,
.activuser:hover, .inactivuser:hover,
.activabo:hover,.inactivabo:hover,
a.btn_abo_home:hover
 {opacity:0.7;cursor:pointer;}
.neworder_btn:hover,.newintervention_btn:hover,.paginate_button:hover {color:#fff;}

.activuser,.activabo {color:#85b24d;}
.edituser{color:#fbaf35;}
.inactivuser,.inactivabo {color:#ed475f;}


.alert {display: none;position:relative;z-index:999999;font-size:0.9em;}
.alert .alert1 {position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);top: 0px;left: 0px; }
.alert .alert2 {padding: 10px 20px;background: white;position: fixed;width: auto;height: auto;left: 50%;top: 40%;transform: translate(-50%, -50%);border-radius: 5px;	border: 1px solid #333;}
.alert .alertbtn {text-align:center;margin-top:1em;}
.alert button {padding: 5px;border: 0px;}
.alert #confirmYes, .alert #confirmNo,.alert #closesend{padding: 7px;border: 0;color: #fff;cursor:pointer;}
.alert #confirmYes,.alert #closesend {background:#85b24d;}
.alert #confirmNo {background:#ed475f;}
.confirmsend {display:none;}

input:focus {outline:  none;}
#list_chp {margin-bottom:20px;width:100%;}
#user #list_chp div:first-child,#revendeur #list_chp div:first-child  {background:#e3e6eb;margin-bottom:25px;display:block;padding:10px 15px;}
#list_chp span {color:#83848a;font-size: 0.8em;width: 100%;display:block;}
.modal_input_onlyview {border-bottom: 1px solid #e3e6eb !important;cursor:default;}
.edit_chp {padding:30px 0px 5px 0px;border-bottom:1px solid #e1e3e5;color:#707070;position:relative;width:31%;}
.edit_input1, .edit_input {border:0px;font-size:1em;color:#707070;width:87%;}

#colorpicker-full {border-bottom: 1px solid #353738 !important;margin-top:5px;}
.color_btn {width:22px;}


.switch,.switch-style,.switch-style:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.switch {display: inline-block;margin: 10px 0px 0px;position: relative;}
.switch .switch-style {height: 1.8em;width: 4em !important;left: 0;background: #C0CCDA;-webkit-border-radius: 5px;border-radius: 5px;display: inline-block;position: relative;top: 0;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;cursor: pointer;}
.switch .switch-style:before {display: block;content: '';height: 1.4em;width:1.8em; position: absolute; background-color: #fff;-webkit-border-radius: 5px;border-radius: 5px;left: 0.3em;top: 0.2em;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.switch > input[type="checkbox"] {display: none;}
.switch > input[type="checkbox"][disabled] + .switch-style {cursor: not-allowed;background-color: #D3DCE6;}
.switch > input[type="checkbox"]:checked + .switch-style:before {left: 50%;}
.switch > input[type="checkbox"]:checked[disabled] + .switch-style {background-color: #b0d7f5;}


@media screen and (max-width: 767px) {
.col-3,.col-8,.col-2 {flex:100%;max-width:100%;margin:2em 0;} .col{flex-grow:1;flex-basis:1;} .col_home_formule {margin:inherit;}
.rowhome .col{width: 100%;display: flex; flex-basis: auto; margin-bottom: 2em;}
.priorityhome {width:90%;}
a.menu_link {font-size: 0.8em;}
.top_desk {display:none;}
.navbar {display: inline-block;background: #e1e1e1 !important; float: right; margin-top: 0.45em;}
.modal_content {width:90%;}
.col-content {padding:10px;width:100%;}
.form_col2 {display:block;}
.content_page1_col1, .content_page1_col2 {width: 100%;}
.content_page1_col2 {border-left:none;padding:inherit;}
.droits_subdiv {margin-bottom:5em;}
.dataTables_wrapper {width:100%;zoom:50%;}
#documents-grid {margin-top:5em !important;}
}


/* dataTable */
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{top:50%;left:5px;height:1em;width:1em;margin-top:-9px;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#31b131}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{content:"-";background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control:before{left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.dtr-control,table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:.8em;width:.8em;margin-top:-0.5em;margin-left:-0.5em;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#31b131}table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:"-";background-color:#d33333}table.dataTable>tbody>tr.child{padding:.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:.5em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0, 0, 0, 0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}

#documents-grid_filter input {width:380px;}
.fa-thermometer-empty,.fa-thermometer-quarter,.fa-thermometer-half,.fa-thermometer-full {font-size:1.5em;}

.fa-thermometer-empty {color:#fff;background: #85b24d;padding: 3px 7px;border-radius: 3px;}
.fa-thermometer-quarter {color:#fff;background: #e4e568;padding: 3px 7px;border-radius: 3px;}
.fa-thermometer-half {color:#fff;background: #fda16a;padding: 3px 7px;border-radius: 3px;}
.fa-thermometer-full {color:#fff;background: #fd726a;padding: 3px 7px;border-radius: 3px;}
.colpriority {cursor:pointer;}

.fa-edit,.fa-share-nodes,.fa-share {cursor:pointer;}
#form_filtre {position: absolute; display: block; width: 330px; left: 28vW;}
#filtre,#filtre2 {border: 0px;background-color: #e1e1e1;padding: 10px;border-radius: 5px;}

input[type="number"] {-webkit-appearance: textfield;-moz-appearance: textfield;appearance: textfield;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;}
select {  -moz-appearance:none; -webkit-appearance:none; appearance:none;cursor:pointer;}
select[name="documents-grid_length"] {-moz-appearance:auto; -webkit-appearance:auto; appearance:auto;}
select:active,select:focus {border:0px;outline: none;}

.toggle-radio {background:#f5f5f5; border:1px solid #ccc;}
.toggle-radio > input:checked + label.prio0 {background:#85b24d;color:#fff;}
.toggle-radio > input:checked + label.prio1 {background:#e4e568;color:#000;}
.toggle-radio > input:checked + label.prio2 {background:#fda16a;color:#fff;}
.toggle-radio > input:checked + label.prio3 {background:#fd726a;color:#fff;}
.toggle-radio > input + label:not(:last-of-type) {border-right:1px solid #ccc;}
.toggle-radio {display:inline-flex;}
.toggle-radio > input[type='radio'] {display:none;}
.toggle-radio > input[disabled] + label {opacity:0.50;}
.toggle-radio > input[disabled] + label:hover {cursor:not-allowed;}
.toggle-radio > input + label {display:inline-block; margin-bottom:0; padding:5px 10px; float: left; cursor:pointer;}
.toggle-radio > input:checked + label {transition:background 300ms linear;}
.toggle-radio > input:checked + label.devisyes {background:#85b24d;color:#fff;}
.toggle-radio > input:checked + label.devisno {background:#fd726a;color:#fff;}

/* procybex audit */
.leftMenu {
  display: block;
  text-align: center;
  float: left;
  width: 10%;
  background-color: #333;
  color: white;
}

.leftMenu ul {
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  padding: 0;
}

.leftMenu li {
  text-align: center;
  border-bottom: 1px solid #58626B;
  padding-bottom: 7px;
  padding-top: 7px;
  cursor: pointer;
  font-size: 0.9em;
}

.leftMenu li:hover, .leftMenu_activ {
  background-color: #fe0000;
}

.leftMenu li p {
  margin: 0;
  font-weight: 300;
}

.audit_step {display: block; width: 100%;min-height: 50vH;margin-left: 11%;max-width: 89%;border-radius: 5px;border:1px solid #333;font-size:0.9em;margin-bottom: 44px;padding-bottom: 11px;}
.editc,.newaudit  {cursor:pointer;color:#85b24d;font-size:1.2em;}
.editac {cursor:pointer;}
.editc:hover,.editac:hover,.newaudit:hover {opacity:0.7;}
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 
{ opacity: 1;}

h1 {margin-bottom: 22px; border-bottom: 1px dashed #ccc;}
.h1spancompte {font-weight: 700;margin-left: 10px;}
.input_compte {padding: 5px;border: 1px solid #ccc;border-radius: 3px;}
.input440 {width: 440px;}
.input220 {width: 220px;}
.input110 {width: 110px;}

.intitule_input_compte {padding:5px 0 0 0;display:block;}

.labelaudit {text-align: right;display: block;padding-top: 2px;}
.input_audit,.input_audit:active,.input_audit:hover,.input_audit:focus {width: 440px;border: 1px solid #ccc;padding: 1px 5px;}

.btn_step_audit {text-align: right;display: block;padding-right: 20px;border-top: 1px solid #ccc;width: 98%;margin: 0 auto;padding-top: 11px;}
.btn_step {display: block; background: #fe0000;color:#fff;padding: 3px 10px;width: 120px; text-align: center;cursor:pointer;border-radius: 3px;float:right;margin-right:11px;}
.btn_step:hover {opacity:0.7;}

.viewlastaudit {cursor:pointer;font-size: 0.9em;font-weight:700;}

.auditq_line {margin: 0px 11px;padding-left: 11px;font-size: 1em;font-weight: 700;background: #eee;padding-top: 11px;border-top-left-radius: 11px;border-top-right-radius: 11px;}
.auditr_line {border: 1px solid #ccc;margin: 0 11px 22px 11px;padding: 5px 0px;}
.label_auditq {padding-top: 5px; display: inline-block;}

.auditp_line {border-radius:0;}
.label_auditp {border: 1px solid #ccc; border-radius: 5px;padding: 3px 10px;font-weight: 100;width: 100%;margin: -20px 0px 10px 0px;background: #FFFF99;}

.toggle {--width: 40px;--height: calc(var(--width) / 2); --border-radius: calc(var(--height) / 2);display: inline-block;cursor: pointer;padding-top:5px;}
.toggle__input { display: none;}
.toggle__fill { position: relative;width: var(--width);height: var(--height);border-radius: var(--border-radius);background: #dddddd;transition: background 0.2s;}
.toggle__fill::after {content: ""; position: absolute; top: 0; left: 0;height: var(--height); width: var(--height);background: #ffffff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); border-radius: var(--border-radius); transition: transform 0.2s;}
.toggle__input:checked ~ .toggle__fill {background: #85b24d;}
.toggle__input:checked ~ .toggle__fill::after {transform: translateX(var(--height));}

.answer0 {display:none;}

.audit_nb {max-width: 33px; text-align: center; margin-right: 5px;font-weight: 700;}
.audit_weight {font-weight: 700;}

.label_audit_reponse {display: inline-block;width: 95%;text-align: right;margin-right: 5px;margin-top:5px;}
.textarea_audit {width:80%;height:77px;border-radius:5px;background:#f1f1f1;border: 1px solid #ccc;padding:5px;}

.div_audit_point {display: block; width: 90%;text-align: center;background: #333;margin: 11px auto;padding: 11px;color: #fff;border-radius: 5px;font-size:1.3em;}
.div_audit_priorite {display: block;width: 100%;text-align: center;background: #000; margin: 3px auto;padding: 1px;color: #fff; border-radius: 5px;}
.div_audit_other { background: #333;}
.label_audit_indicator {margin-bottom: -5px; display: block;font-weight: 700;font-size:0.9em;}

.boxed-check-group,
.boxed-check-group .boxed-check {
    position: relative;
    margin-bottom: 10px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display:flex;
}
.boxed-check-group .boxed-check {
    display: inline-block;
}
.boxed-check-group .boxed-check:last-child {
    margin-bottom: 0;
}
.boxed-check-group .boxed-check.boxed-check-inline {
    display: inline-block;
    margin-bottom: 0;
}
.boxed-check-group .boxed-check .boxed-check-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: none;
}
.boxed-check-group .boxed-check .boxed-check-input:disabled + .boxed-check-label {
    border: 1px dashed #bec2c6;
    opacity: .4;
    cursor: not-allowed;
}
.boxed-check-group .boxed-check .boxed-check-input:checked + .boxed-check-label,
.boxed-check-group .boxed-check .boxed-check-input:not(:disabled) + .boxed-check-label:hover{
    border-color: #198754;
}

.boxed-check-group .boxed-check .boxed-check-label {
    display: block;
    background-color: #f1f1f1;
    border: 0px;
    padding: .5rem;
    margin: 0;
    border-radius: .25rem;
    cursor: pointer;
    width:100%;
    text-align:center;
}
.boxed-check-group .boxed-check .boxed-check-label:hover {opacity:0.7;}
.boxed-check-group.boxed-check-sm .boxed-check .boxed-check-label {
    padding: .2rem 1.3rem;
}
.boxed-check-group.boxed-check-lg .boxed-check .boxed-check-label {
    padding: .8rem 1.3rem;
}

/* boxed-check default theme */
.boxed-check-group.boxed-check-default .boxed-check .boxed-check-input:checked + .boxed-check-label *{
    color: #000000;
}
.boxed-check-group.boxed-check-default .boxed-check .boxed-check-input:checked + .boxed-check-label {
    color: #000000;
    background-color: #ced4da;
}
.boxed-check-group.boxed-check-default .boxed-check .boxed-check-input:checked + .boxed-check-label,
.boxed-check-group.boxed-check-default .boxed-check .boxed-check-input:not(:disabled) + .boxed-check-label:hover {
    border-color: #ced4da;
    background-color: #ced4da;
}
.boxed-check-group.boxed-check-outline-default .boxed-check .boxed-check-input:checked + .boxed-check-label *{
    color: #000000;
}
.boxed-check-group.boxed-check-outline-default .boxed-check .boxed-check-input:checked + .boxed-check-label {
    color: #000000;
    background-color: #ffffff;
}
.boxed-check-group.boxed-check-outline-default .boxed-check .boxed-check-input:checked + .boxed-check-label,
.boxed-check-group.boxed-check-outline-default .boxed-check .boxed-check-input:not(:disabled) + .boxed-check-label:hover {
    border-color: #198754;
    background-color: #ffffff;
}
.boxed-check-group.boxed-check-outline-default .boxed-check .boxed-check-input:checked + .boxed-check-label::before {
	border-color: #85b24d;
}

/* boxed-check colorful primary theme */
.boxed-check-group.boxed-check-primary .boxed-check .boxed-check-input:checked + .boxed-check-label *{
    color: #ffffff;
}
.boxed-check-group.boxed-check-primary .boxed-check .boxed-check-input:checked + .boxed-check-label {
    color: #ffffff;
    background-color: #0d6efd;
}
.boxed-check-group.boxed-check-primary .boxed-check .boxed-check-input:checked + .boxed-check-label,
.boxed-check-group.boxed-check-primary .boxed-check .boxed-check-input:not(:disabled) + .boxed-check-label:hover,
.boxed-check-group.boxed-check-outline-primary .boxed-check .boxed-check-input:checked + .boxed-check-label,
.boxed-check-group.boxed-check-outline-primary .boxed-check .boxed-check-input:checked + .boxed-check-label::before,
.boxed-check-group.boxed-check-outline-primary .boxed-check .boxed-check-input:not(:disabled) + .boxed-check-label:hover {
    border-color: #0d6efd;
}

/* boxed-check colorful secondary theme */
.boxed-check-group.boxed-check-secondary .boxed-check .boxed-check-input:checked + .boxed-check-label *{
    color: #ffffff;
}
.boxed-check-group.boxed-check-secondary .boxed-check .boxed-check-input:checked + .boxed-check-label {
    color: #ffffff;
    background-color: #6c757d;
}
.boxed-check-group.boxed-check-secondary .boxed-check .boxed-check-input:checked + .boxed-check-label,
.boxed-check-group.boxed-check-secondary .boxed-check .boxed-check-input:not(:disabled) + .boxed-check-label:hover,
.boxed-check-group.boxed-check-outline-secondary .boxed-check .boxed-check-input:checked + .boxed-check-label,
.boxed-check-group.boxed-check-outline-secondary .boxed-check .boxed-check-input:checked + .boxed-check-label::before,
.boxed-check-group.boxed-check-outline-secondary .boxed-check .boxed-check-input:not(:disabled) + .boxed-check-label:hover {
    border-color: #6c757d;
}

/* boxed-check colorful success theme */
.boxed-check-group.boxed-check-success .boxed-check .boxed-check-input:checked + .boxed-check-label *{
    color: #ffffff;
}
.boxed-check-group.boxed-check-success .boxed-check .boxed-check-input:checked + .boxed-check-label {
    color: #ffffff;
    background-color: #85b24d;
}
.boxed-check-group.boxed-check-success .boxed-check .boxed-check-input:checked + .boxed-check-label,
.boxed-check-group.boxed-check-success .boxed-check .boxed-check-input:not(:disabled) + .boxed-check-label:hover,
.boxed-check-group.boxed-check-outline-success .boxed-check .boxed-check-input:checked + .boxed-check-label,
.boxed-check-group.boxed-check-outline-success .boxed-check .boxed-check-input:checked + .boxed-check-label::before,
.boxed-check-group.boxed-check-outline-success .boxed-check .boxed-check-input:not(:disabled) + .boxed-check-label:hover {
    border-color: #85b24d;
}

.boxed-check-group.boxed-check-success .boxed-check .boxed-check-input:checked + .boxed-check-label-no {
    color: #ffffff;
    background-color: #fd726a;
}
.boxed-check-group.boxed-check-success .boxed-check .boxed-check-input:checked + .boxed-check-label-no,
.boxed-check-group.boxed-check-success .boxed-check .boxed-check-input:not(:disabled) + .boxed-check-label-no:hover,
.boxed-check-group.boxed-check-outline-success .boxed-check .boxed-check-input:checked + .boxed-check-label-no,
.boxed-check-group.boxed-check-outline-success .boxed-check .boxed-check-input:checked + .boxed-check-label-no::before,
.boxed-check-group.boxed-check-outline-success .boxed-check .boxed-check-input:not(:disabled) + .boxed-check-label-no:hover {
    border-color: #fd726a;
}



/* boxed-check colorful danger theme */
.boxed-check-group.boxed-check-danger .boxed-check .boxed-check-input:checked + .boxed-check-label *{
    color: #ffffff;
}
.boxed-check-group.boxed-check-danger .boxed-check .boxed-check-input:checked + .boxed-check-label {
    color: #ffffff;
    background-color: #dc3545;
}
.boxed-check-group.boxed-check-danger .boxed-check .boxed-check-input:checked + .boxed-check-label,
.boxed-check-group.boxed-check-danger .boxed-check .boxed-check-input:not(:disabled) + .boxed-check-label:hover,
.boxed-check-group.boxed-check-outline-danger .boxed-check .boxed-check-input:checked + .boxed-check-label,
.boxed-check-group.boxed-check-outline-danger .boxed-check .boxed-check-input:checked + .boxed-check-label::before,
.boxed-check-group.boxed-check-outline-danger .boxed-check .boxed-check-input:not(:disabled) + .boxed-check-label:hover {
    border-color: #dc3545;
}

/* boxed-check colorful warning theme */
.boxed-check-group.boxed-check-warning .boxed-check .boxed-check-input:checked + .boxed-check-label *{
    color: #000000;
}
.boxed-check-group.boxed-check-warning .boxed-check .boxed-check-input:checked + .boxed-check-label {
    color: #000000;
    background-color: #ffc107;
}
.boxed-check-group.boxed-check-warning .boxed-check .boxed-check-input:checked + .boxed-check-label,
.boxed-check-group.boxed-check-warning .boxed-check .boxed-check-input:not(:disabled) + .boxed-check-label:hover,
.boxed-check-group.boxed-check-outline-warning .boxed-check .boxed-check-input:checked + .boxed-check-label,
.boxed-check-group.boxed-check-outline-warning .boxed-check .boxed-check-input:checked + .boxed-check-label::before,
.boxed-check-group.boxed-check-outline-warning .boxed-check .boxed-check-input:not(:disabled) + .boxed-check-label:hover {
    border-color: #ffc107;
}

/* boxed-check colorful info theme */
.boxed-check-group.boxed-check-info .boxed-check .boxed-check-input:checked + .boxed-check-label *{
    color: #ffffff;
}
.boxed-check-group.boxed-check-info .boxed-check .boxed-check-input:checked + .boxed-check-label {
    color: #ffffff;
    background-color: #0dcaf0;
}
.boxed-check-group.boxed-check-info .boxed-check .boxed-check-input:checked + .boxed-check-label,
.boxed-check-group.boxed-check-info .boxed-check .boxed-check-input:not(:disabled) + .boxed-check-label:hover,
.boxed-check-group.boxed-check-outline-info .boxed-check .boxed-check-input:checked + .boxed-check-label,
.boxed-check-group.boxed-check-outline-info .boxed-check .boxed-check-input:checked + .boxed-check-label::before,
.boxed-check-group.boxed-check-outline-info .boxed-check .boxed-check-input:not(:disabled) + .boxed-check-label:hover {
    border-color: #0dcaf0;
}

/* boxed-check colorful dark theme */
.boxed-check-group.boxed-check-dark .boxed-check .boxed-check-input:checked + .boxed-check-label *{
    color: #ffffff;
}
.boxed-check-group.boxed-check-dark .boxed-check .boxed-check-input:checked + .boxed-check-label {
    color: #ffffff;
    background-color: #212529;
}
.boxed-check-group.boxed-check-dark .boxed-check .boxed-check-input:checked + .boxed-check-label,
.boxed-check-group.boxed-check-dark .boxed-check .boxed-check-input:not(:disabled) + .boxed-check-label:hover,
.boxed-check-group.boxed-check-outline-dark .boxed-check .boxed-check-input:checked + .boxed-check-label,
.boxed-check-group.boxed-check-outline-dark .boxed-check .boxed-check-input:checked + .boxed-check-label::before,
.boxed-check-group.boxed-check-outline-dark .boxed-check .boxed-check-input:not(:disabled) + .boxed-check-label:hover {
    border-color: #212529;
}

.priority_ticket_0,.gravite_ticket_0,.complexite_ticket_0,.probabilite_ticket_0 {background: #f8c851 !important;color:#fff;opacity:0.3;}
.priority_ticket_1,.gravite_ticket_1,.complexite_ticket_1,.probabilite_ticket_1 {background: #fda16a !important;color:#fff;opacity:0.3;}
.priority_ticket_2,.gravite_ticket_2,.complexite_ticket_2,.probabilite_ticket_2 {background: #fd726a !important;color:#fff;opacity:0.3;}
.priority_ticket_0,.priority_ticket_1,.priority_ticket_2,.gravite_ticket_0,.complexite_ticket_0,.probabilite_ticket_0,.gravite_ticket_1,.complexite_ticket_1,.probabilite_ticket_1,.gravite_ticket_2,.complexite_ticket_2,.probabilite_ticket_2 {width: 25px !important;padding: 0.2em !important;}
.priority_ticket_0:hover,.priority_ticket_1:hover,.priority_ticket_2:hover,.gravite_ticket_0:hover,.complexite_ticket_0:hover,.probabilite_ticket_0:hover,.gravite_ticket_1:hover,.complexite_ticket_1:hover,.probabilite_ticket_1:hover,.gravite_ticket_2:hover,.complexite_ticket_2:hover,.probabilite_ticket_2:hover,.boxed-check-group-priority .boxed-check .boxed-check-label:hover {opacity:1 !important;}
.boxed-check-group-priority .boxed-check {width: 40px;line-height: 20px;}

#modal_code_init {padding:5px;}
.modal-title {font-weight: 700;display: block;margin-bottom: 5px;}
.modal-company {display: block; border-bottom: 1px solid;font-size: 0.9em;margin-bottom:18px;}
.modal-result {display: block;font-size: 0.9em;margin-top: 11px;border-bottom: 1px solid #ccc;cursor: pointer;}

.scan_answer_line {  border: 1px solid #ccc;border-radius: 7px;padding: 0px 11px;margin: 1em 25px 2em 25px;}
.labelcsv {text-align: center; display: block;width: 60%;background: #333;margin: 0 20%;padding: 5px 11px; border-radius: 5px;color: #fff;}
.intitule-label-scan {display: block;font-weight: 700;margin-bottom: 3px}
.intitule-label-scan2 {margin-top:5px;}