@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;}
#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 #809e7c;-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);display:none;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, #intervention {margin:20px auto 20px auto;width:100%;}
.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;}

.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_qty {}
.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;}

#new_intervention #new_observations {height:80px;font-size:1em;max-width: 77%;}
#new_intervention #new_symptomes {height:60px;font-size:1em;}
#new_intervention #new_note {height:60px;font-size:1em;max-width: 77%;}
#new_intervention #new_item,#new_intervention #new_adresse,#new_intervention #new_symptomes{width:500px;max-width: 340px;}
#new_intervention .row {margin-top:0.5em !important;}
#edit_intervention #editintervention_comment {height:16em;}
#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;}
.col-inter-right2 {}


#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;}
.dt-text {}

#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;}
.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:5px;}
.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;}
.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: absolute;width: auto;height: auto;left: 50%;top: -20vH;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;}

.modal_signature {display: none;position:relative;z-index:999999;font-size:0.9em;}
.modal_signature_block1 {position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);top: 0px;left: 0px;}
.modal_signature_block2 {padding: 10px 20px;background: white;position: absolute;width: auto;height: auto;left: 50%;top: -20vH;transform: translate(-50%, -50%);border-radius: 5px;border: 1px solid #333;}
.modal_signature_block2 #btnSubmitSign{width:240px;margin:auto;}
.modal_signature_block2 #canvas {cursor:crosshair;}
.modal_signature_block2 #btnClearSign {margin:1px;background:#ccc;position: absolute;display: inline-flex;z-index: 2;padding: 3px;font-size: 0.7em;display: block;width: 120px;text-align: center;border-radius: 5px;}
.modal_signature_block2 #btnClearSign:hover{cursor:pointer;opacity:0.8;}
#error_signature {color: #ed475f; padding: 5px;display: none;}

/* pie chart */
@property --p{syntax: '<number>';inherits: true;initial-value: 0;}
.pie {--p:20;--b:22px;--c:darkred;--w:150px;width:var(--w);aspect-ratio:1;position:relative;display:inline-grid;margin:5px;place-content:center;font-size:25px;font-weight:bold;font-family:sans-serif;}
.pie:before,.pie:after {content:"";position:absolute;border-radius:50%;}
.pie:before {inset:0;background: radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));		mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));}
.pie:after {inset:calc(50% - var(--b)/2);background:var(--c);transform:rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));}
.animate {animation:p 1s .5s both;}
.no-round:before {background-size:0 0,auto;}
.no-round:after {content:none;}
@keyframes p {from{--p:0}}

.chart-wrapper ul {list-style: none;}
.chart-wrapper {width: 95%;max-width: 500px;}
.chart-wrapper .chart-skills li::before,.chart-wrapper .chart-skills li::after {content: "";position: absolute;top: 25%;left:120px;height: 50%;border-top-right-radius: 0px;border-bottom-right-radius: 0px;z-index: 2;}
  
.chart-wrapper .chart-skills li::after {width: 100%;background: rgba(211, 211, 211, 0.4);z-index:0;}
.chart-wrapper .chart-skills span {display: inline-block;width: 120px;padding: 5px 10px;}
.chart-wrapper .chart-levels {left: 0;bottom: 0;width: 100%;height: 100%;padding-left: 120px;}
.chart-wrapper .chart-levels li {border-right: 1px solid rgba(211, 211, 211, 0.3);}
.chart-wrapper .chart-levels li:last-child {border-right: 0;}
.chart-wrapper .chart-levels span {bottom: 0;transform: translateY(50px) rotate(45deg);padding: 10px;width: 100%;}
.nbprio_home {width: inherit !important;position: absolute;z-index: 10;color: #fff;}

.barchart-Wrapper {display: table;position: relative; height: 140px;cursor:pointer;}
.barChart-Container {display: table-cell; width: 100%; height: 100%;}
.barchart {display: table;table-layout: fixed;height: 100%;width: 100%;}
.barchart-Col {position: relative;vertical-align: bottom;display: table-cell;height: 100%;}
.barchart-Bar {position: relative; height: 0; transition: height 0.5s 2s; width: 33px; margin: auto;}
.barchart-Bar:after {content: attr(attr-height);color: white; position: absolute; text-align: center; width: 100%;}
.barchart-BarFooter { position: absolute; text-align: center; height: 10%; width: 100%;}
.barchart-Col span {font-size:0.9em;}
.barchart-Bar span {position: absolute;bottom: 0;text-align: center;color:#fff;width: 33px;}

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;}

#calendar {max-width: 1280px;margin: 0 auto;}
a.fc-col-header-cell-cushion {color:#fff;}
.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start,.fc-daygrid-event {border: 0px;padding: 1px 2px;max-width:150px;cursor:move;}
.fc .fc-toolbar-title {text-transform: capitalize;}
.fc-event-no {font-size: 0.8em;letter-spacing: -0.02em;}
#external-events {background: #ccc; position: fixed; padding: 10px; max-width: 200px; width: 200px;border-radius: 5px;z-index:99;}
#external-events h2 {font-size: 0.9em;background: #f00;color: #fff; padding: 5px;text-align: center;border-radius: 5px;width: 100%;margin-bottom: 20px;}
#external-events .fc-event {margin-bottom:5px;}
#external-events .fc-event-main {cursor:move;}
.fc .fc-daygrid-day.fc-day-today {background-color: rgba(128,158,124,0.5);}
.fc-v-event {border: 1px solid #fff;padding: 0 3px;}
#calico {background: #85b24d;}
#cal2ico {background:#fd726a;}
.fa-edit {background:#85b24d;}
.fa-edit-nonote {background:#ccc;opacity:0.7;}
#calico, #cal2ico,.fa-edit {font-size: 1.1em;padding: 5px 6px;border-radius: 3px;color: #fff;}
#calico:hover,#cal2ico:hover {opacity:0.7;}
.price_table {width:60%;}
.message_info {position:absolute;width: 100%;top: 10%;left: 0;}
.message_error {background:#fd726a;color:#fff;padding:10px 20px;width:350px;text-align:center;margin-left: auto;}
.message_success {background:#85b24d;color:#fff;padding:10px 20px;width:350px;text-align:center;margin-left: auto;}


label.edit_select select {font-size:1em;background: transparent;color: #353738;border:0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer;outline: none;padding: 0px 40px 4px 0px;width:100%;margin-top: 2px;}
label.edit_select select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #444;}
label.edit_select select::-ms-expand {display: none;}
label.edit_select:before {content: '';right: 5px;top: -7px;width: 30px;height: 33px;color: #353738;background: transparent;
 position: absolute;pointer-events: none;display: block;}
label.edit_select { position: relative; }
label.edit_select:after {content: '>';font-family:Consolas, monospace;color: #353738;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);right: 2px;top: -3px;position: absolute;pointer-events: none;width: 35px;padding: 0 0 5px 0;text-indent: 8px;font-weight: 900;font-size: 1.4em;}
@media screen\0 {label.edit_select:after {width: 38px;text-indent: 15px;right: 0;}}
@media screen and (min--moz-device-pixel-ratio:0) {label.edit_select select { padding-right: 40px; } label.edit_select:before { right: 6px; } label.edit_select:after {text-indent: 14px;right: 6px;top: -5px;width: 36px;}}
label.edit_select .footer_page_select {background: #ecf0fb;color: #353738;border: 0px;-webkit-appearance: none; -moz-appearance: none;appearance: none;cursor: pointer;outline: none;padding: 13px 42px 10px 10px;width:inherit;}
.page_link {cursor:pointer;background:#ecf0fb;width: 40px;height: 40px;display: block;text-align: center;padding-top: 12px;float:left;margin-left:5px;}


.pie {width:160px;display:grid;margin:0 auto;}
.pie_span {font-size: 0.95em;font-weight: 700;margin-bottom:1em;display:block;text-align: center;letter-spacing:-0.05em;}
.col_home_lastsignature {padding: 10px;background: #e1e1e1;border-radius: 5px;}
.col_home_formule {padding: 10px;background: #3d5171;border-radius: 5px;color:#fff;margin-left:2em;}
.col_home_formule .aboprice {font-size:1.4em;}

.col_home_lastsignature a {padding: 10px;display: block;margin-top: 1em;text-align: center;color:#fff;}
.lastsignature_row {padding:1px 0;}
.lastsignature {margin-left:10px;}
a.btn_abo_home {margin: 0 auto;border-radius: 5px;display: block;width: 50%;color: #fff;background: #dc7c58;padding: 7px;text-align: center;}

.droits {margin-bottom:50px;}

@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 {margin-left:-140px;}
.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%;}
}


/* 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;}

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

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;}