*:not(a):not(.help.info *):not(textarea):not(input[type=text]):not(select){user-select : none;}
html {height: 100%}
html, body, #wrapper {min-height: 100%; min-width: 410px;}
/*#content {min-height: 98%; }*/

* { touch-action: manipulation;}
/*[role=dialog], textarea, .fc-scroller, .fc-time-grid { touch-action: pan-x pan-y;}*/
.modal::-webkit-scrollbar, #content::-webkit-scrollbar { width: 0 !important }
.modal, #content { overflow: -moz-scrollbars-none; }
.modal, #content { -ms-overflow-style: none; }
.centered-modal.in { display: flex !important; }
.centered-modal .modal-dialog {margin: auto;}

textarea {resize: none;}
#wrapper{height: 100%;}

.clearfix {clear: both; float: none;}
.left {float: left;}
.ellipsis {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
/*#content {height: auto;}*/
.cursorPointer {cursor: pointer;}
.taL {text-align: left;}
.taC {text-align: center;}
.pad15 {padding: 15px;}
.pL0 {padding-left: 0px!important;}
.pL5 {padding-left: 5px;}
.pR0 {padding-right: 0px!important; }
.dRTL {direction: rtl}


.tTC {text-transform: capitalize;}
.dF{display: flex; flex-flow: column;}
.dFM{flex: 0 0 auto;}
.dFP{flex: 1 1 auto;}
.oH {overflow: hidden !important;}
.os {overflow: scroll !important;}
.oA {overflow: auto !important;}
.oV {overflow: visible !important;}
.pR {position: relative;}
.p0 {padding: 0 !important;}
.p10 {padding: 10px;}
.m0 {margin: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px !important;}
.mt10 {margin-top: 10px;}
.mt30 {margin-top: 30px;}
.mL10 {margin-left: 10px;}
.pt0 {padding-top: 0px;}
.pt20 {padding-top: 20px;}
.pb12 {padding-bottom: 12px;}
.pb0 {padding-bottom: 0px;}
.mR10 {margin-right: 10px;}
.mR0 {margin-right: 0 !important;}
.m10 {margin: 10px;}

.cB {color: #196482;}

.file-input-new { border: 0px none; padding: 0px;}
.alertFix {margin: 10px auto 0 !important; text-align: left;}
.alertFix > span { display: block; text-indent: 20px;}
#wrapper .alertFix {position: fixed; }
table span.userName {display: inline-block;}
.cap{text-transform:capitalize}
.fLU{text-transform: lowercase; display: inline-block;}
.fLU::first-letter, table span.userName::first-letter {text-transform: uppercase;}

.dNI {display: none !important;} 
.dI {display: block !important;} 
.dIB {display: inline-block !important;} 
table.dI {display: table;}
tr.dI {display: table-row !important;}
th.dI,td.dI {display: table-cell !important;}

table.table tbody tr:hover td {background-color: #e1e6ff !important;transition: all 0.1s ease 0s;}

.table-overflow {overflow-x: visible; overflow-y: visible; }
.form1 .cfItem {margin-bottom: 10px;}
.form1 .cfItem:not([bOH]) {overflow: hidden;text-overflow: ellipsis;}

/*[role="dialog"] {min-width: 400px;}*/
.ui-dialog button-group.col-xs-12 {padding: 0;}
.modal-footer .ui-dialog button.col-xs-6 + .ui-dialog button.col-xs-6, .modal-footer .ui-dialog button.col-xs-12 + .ui-dialog button.col-xs-6 {margin-left: 0; margin-top: 10px;}

.logo {display: none !important;} 
.logo a {background-image: url("/css/images/logo1.png"); background-position: center center; background-repeat: no-repeat; background-size: 54%; display: none;} 
.logo span.logoText, .logo.expanded span.logoText {white-space: nowrap;}
#header a.navHandler {width: 70px; background-color: #196482;}
.right {float: right;}

#leftSide {min-height: 100%;}
#leftSide li a {cursor: pointer;}

.ui-dialog [aria-describedby="dialog-confirm"]
.ui-dialog {background-color: #fff; padding: 0; border-radius: 6px; border: 1px solid rgba(0,0,0,.2); z-index: 1051 !important; }
.ui-dialog .ui-dialog-titlebar{ background-color: #337ab7; color: #fff;}
.ui-dialog button {display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.ui-dialog button.active.focus,.ui-dialog button.active:focus,.ui-dialog button.focus,.ui-dialog button:active.focus,.ui-dialog button:active:focus,.ui-dialog button:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ui-dialog button.focus,.ui-dialog button:focus,.ui-dialog button:hover{color:#333;text-decoration:none}.ui-dialog button.active,.ui-dialog button:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.ui-dialog button.disabled,.ui-dialog button[disabled],fieldset[disabled] .ui-dialog button{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}
.ui-dialog button { color: #333; background-color: #fff; border-color: #ccc; font-size: 11px; padding: 3px 8px;}
.ui-dialog button:hover{color:#333; background-color:#e6e6e6; border-color:#adadad;}
.ui-dialog .ui-dialog-titlebar-close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0;}
.ui-dialog .ui-dialog-titlebar-close:after{content: "X";}
.ui-dialog .close:focus, .ui-dialog .close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}

.fix3 {position: absolute; padding-left: 10px; left: 10px; line-height: 36px;}
.locateMe {padding-right: 30px;} 
.locateMe + span {cursor: pointer; font-size: 18px; line-height: 36px; position: absolute; right: 13px; top: 0; transition: all 0.1s ease 0s;} 
.locateMe + span:hover {font-size: 24px; color: #f9b300;} 

.ui-autocomplete-loading { background: white url('/images/ui-anim_basic_16x16.gif') calc(100% - 15px) center no-repeat;}
.ui-autocomplete {z-index: 1051;}
.info.text-nowrap div::first-letter { text-transform: uppercase;}
.autoLink:hover {color: black;}

.fix4{color:white;}
.tabsWidget .nav-tabs.fix5 > li {width: 20% !important;}

.back tr td img {width: 30px;}

.labelStatus  {display: inline-block; width: 85px;line-height: 12px;padding: .3em .6em .2em;}
.label-warning {background-color: #f5b152;}
.label-danger {background-color: gray;}
.headerUserName {display: inline-block;}
.headerUserName::first-letter {text-transform: uppercase;}
.headerUserName + .fa.fa-angle-down {margin-left: 5px;}

.obl::before {color: red;content: "*";margin: 2px;}
.obl.fix3 {padding-left: 1px;}
/*.obl + .form-control {margin-left: 6px;}*/

.cRed {color: red;}
.cGreen {color: green;}

.custBoxOv {background-color: #8080806e; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 1052;}
.custBox {position: fixed;top: 50%;left: 50%;background-color: white;transform: translate(-50%, -50%);border-radius: 4px;}
.custBox .header .title {background-color: #1d82aa;color: white;padding: 4px 60px 4px 9px;border-top-left-radius: 5px;border-top-right-radius: 5px;white-space: nowrap;font-size: 12px;}
.custBox .header .close {content: "\f057";font: normal normal normal 14px/1 FontAwesome;}
.custBox .content {padding: 10px;}
.custBox .content input {width: 100%;}
.custBox .footer {padding: 0 10px 10px;text-align: right;}
.custBox .footer input {margin-left: 5px;}

#dialog-confirm {display: none;}
.ui-dialog[aria-describedby="dialog-confirm"] {z-index: 2000;}
#inboxTable tr {cursor: pointer;}
#inboxTable tr[modele] {display: none;}
table#inboxTable thead th:last-child, table#inboxTable thead th.z1 {z-index: 1 !important;}

.form-group-cmd {display: flex;font-weight: bold;margin-bottom: 18px; cursor: pointer}
.form-group-cmd:after {content: '';border-top: 1px black dotted;margin-left: 7px;flex-grow: 100;margin-top: 14px;}
.form-group-cmd:before {content: "\f061";font: normal normal normal 14px/1 FontAwesome;position: absolute;right: 15px;margin-top: 0px;background-color: white;border: 7px solid transparent;}
.form-group-cab {overflow: hidden;display: grid;}
.form-group-cab.open {overflow: visible;}
.form-group-cab .form-group-cab-content {height: 0; opacity: 0;}
.form-group-cab.open .form-group-cab-content {height: auto;opacity: 1; -webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.form-group-cab.open .form-group-cmd:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}

.modal-dialog {width: auto;}
.modal.alerte .modal-header {background-color: #e9967a; }
.modal .modal-header .help {font-size: 15px;line-height: 20px;margin-right: 6px;display: inline-block;font-family:FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;float: right;color: blue;vertical-align: middle; cursor: pointer;}
.modal .modal-header .help:before {content: "\f059";}
.modal .modal-header h4 {white-space: nowrap;text-overflow: ellipsis;box-sizing: border-box;z-index: 1;display: flex !important;flex-direction: row;background-color: white;overflow: hidden;line-height: 20px;    border-right: 10px solid white;}
.modal .modal-header {min-height: 54px;}
.modal .modal-header button.close {z-index: 2;font-size: 26px; position: relative; line-height: 23px;}
.modal .modal-header label {;position: relative;}
.modal a {overflow: hidden; text-overflow: ellipsis;text-decoration: none;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;outline: none;}
.modal label {color: #555;font-weight: 500; display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 700; z-index: 3;}
.modal label:not(:root:root) {font-weight: normal; color: black;}
.modal .logoM {width: 100%;background-image: url(/css/images/modal1.jpg);height: 168px;background-repeat: no-repeat;background-size: cover; height: 150px;margin-bottom: 22px;}
.modal-footer {padding: 0px;}
.modal-footer .info .titre{font-weight: bold}
.modal-footer .info{padding: 15px}
.modal-footer .info{background-color: #FFFBCD}
.modal-footer .ul1 {list-style-type: none; padding-left: 23px;padding-top: 10px;}
.modal .table > tbody > tr > td{border: 0 none;}
a.btn_full, .btn_full {border: none;font-family: inherit;font-size: inherit;color: #fff;width: 100%;background: #85c99d;cursor: pointer;padding: 12px 20px;display: inline-block;outline: none;font-size: 12px;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-transform: uppercase;font-weight: 700;display: block;text-align: center;margin-bottom: 10px;}
a.btn_full_outline {border: none;font-family: inherit;font-size: inherit;color: #85c99d;background: none;border: 2px solid #85c99d;cursor: pointer;padding: 10px 20px;display: inline-block;outline: none;font-size: 12px;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-transform: uppercase;font-weight: 700;display: block;text-align: center;}
.col-centered {float: none;margin: 0 auto;}

.load {position: absolute;right: 0;left: 0;top: 0;bottom: 0;/*background-color: rgba(0, 0, 0, 0.7);*/z-index: 1050;background-image: url(images/loader.gif);    background-size: 28%;background-position: center;background-repeat: no-repeat;max-height: 100vh;}
.load:before {content: " ";position: fixed;right: 0;left: 0;top: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.7);}
/*.load {position: fixed;height: 100%; width: 100%;background-color: rgba(0, 0, 0, 0.7);z-index: 1050;background-image: url(images/loader.gif);    background-size: 40%;background-position: center;background-repeat: no-repeat;background-attachment: fixed;}*/
.mgBox {text-align:left;top: 5px;position: fixed;z-index: 99999;padding: 0 10px;color: black;right:0;}
.mgBox .item {position: relative; display: inline-block; cursor: pointer; height:20px;height:auto;color: #F0F0F0;font-family: Calibri;font-size: 16px;padding:10px !important;border-radius: 2px;white-space: normal;word-break: normal;-webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);-moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);margin-bottom: 10px;width: 100%;}
.mgBox .item a {color: white;}
.mgBox pre {background: transparent; border: 0px none; margin: 0; padding: 10px 0px 0px;display: inline;}
.mgBox .error {background-color: #801122;}
.mgBox .success {background-color: #3b963f;}
.mgBox .warning {background-color: orange;}
.mgBox .info {background-color: #000;}
.mgBox .closeBox {position: absolute;top: 5px;right: 13px;width: 15px;height: 15px;font-size: 18px;color: white;}

.table > tbody tr:nth-child(2n) td { background-color: #ececec;}
.table > tbody tr:nth-child(2n) .cIC .checkmark { background-color: white;}
.table > tbody tr:nth-child(2n) .cIC:hover input ~ .checkmark {background-color: #ccc;}
.table > tbody tr:nth-child(2n) .cIC input:checked ~ .checkmark {background-color: #2196F3;}
.table th {-webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
#inboxTable tbody td, #inboxTable thead > tr > th {border-bottom-width: 0;}
.panel .table-overflow {position: relative; overflow: scroll;}
.tableSortColSelected {background-color: #105e7d !important;color: #fff;}
.tableRowSelected td {background-color: #bfe2f1 !important}
.tableRowSelected td .btn-o.btn-green{color: #1d82aa !important; border-color: #1d82aa !important; }
table th span.fa.fa-link {cursor: pointer; font-size: 14px;}
table th span.fa.fa-link:hover {color: black;font-size: 16px;}
table th span.fa.fa-unlink {color: black;font-size: 16px;}

table#appel tr.Prioritaire td, table#inboxTable tr.Prioritaire td {background-color: #ffc1c1}
table#appel tr.Moyenne td, table#inboxTable tr.Moyenne td {background-color: #fbefc7}
[page=appel] table#inboxTable tr a[href^="tel:"] {color: black;font-weight: normal;}
[page=appel] table#inboxTable tr td:nth-child(5) {color: black;font-weight: bold;}
[page=appel] table#inboxTable tr .btn-o.btn-green {color: black;border-color: #666;}
[page=appel] table#inboxTable thead tr + tr {display: none;}

[page=client] #tabAppel > div > div.table-overflow, [page=client] #tabIntervention > div > div.table-overflow { max-height: calc(100vh - 351px) !important;}
[page=client] .tabsContainer {box-shadow: none;    margin-bottom: 0;}
[page=client] table thead th { z-index: 1 !important;}
[page=client] [role=clientAction] {top: calc(-100% - 60px);}
[page=client] [role=clientAction] a  { cursor: default;}
[page=client] [role=clientAction] a[dest] { cursor: pointer;}
[page=client] [iF="cAlerteIcon"] { float: right;  font-size: 14px; line-height: 20px; margin-right: 10px; z-index: 2; cursor: pointer;color: red;}
[page=client] [iF="cAlerteIcon"]:hover {font-size: 16px;margin-right: 9px;}
[page=client] [iF="cAlerteIcon"]:hover + [iF="cAlerteList"], [page=client] [iF="cAlerteList"]:hover {display: block !important;}
[page=client] [iF="cAlerteList"] {display: none;position: absolute;right: 30px;top: 43px;z-index: 2;text-align: right;background-color: white;padding: 5px 0px;border: 1px solid grey;}
[page=client] [iF="cAlerteList"]:before {content: " ";position: absolute;top: -8px;right: 6px;height: 14px;width: 14px;background-color: white;transform: rotate(45deg);border: 1px solid grey;border-bottom: 0;border-right: 0;}
[page=client] [iF="cAlerteList"]:after {content: " ";position: absolute;top: -14px;right: 0px;left:  0; bottom: 0; background-color: transparent;}
[page=client] [iF="cAlerteList"] table {z-index: 1;position: relative;}
[page=client] [iF="cAlerteList"] td {padding: 0 10px;}
[page=client] [iF="cAlerteList"] td:first-child {text-align: left;}
[page=client] [iF="cAlerteList"] td:first-child:first-letter {text-transform: uppercase;}


[page=profil] .panel-body i {font-size: 20px;vertical-align: top;line-height: 18px;margin-left: 15px;color: #1d82aa;width: 26px;text-align: center;margin-top: 7px;}
[page=profil] .panel-body a {position: absolute;right: 5px;top: 0px;background: white;line-height: 14px;}
[page=profil] .panel-body ul {margin: 0; padding: 10px 0px 10px 0px;}
[page=profil] .panel-body li {position: relative; list-style-type: none;margin: 10px 0; white-space: nowrap;}
[page=profil] .panel-body span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: calc(100% - 65px);}
[page=profil] .panel-body [cLabBef] {    display: inline-block;margin-left: 24px;line-height: 24px;}
[page=profil] .panel-body [cLabBef]:before {white-space: pre;}
[page=profil] .panel-body [clabbef^=Addresse]:before {width: 50px; overflow: hidden; text-overflow: ellipsis; }
[page=profil] .modal.in[role="dialog"] {display: flex !important;align-items: center;}
[page=profil] .modal-title {font-weight: bold;}
[page=profil] .modal-dialog {width: 100%}
[page=profil] .modal-body label {display: block;font-weight: bold !important;}
[page=profil] .modal-body input {font-size: 14px; width: 100%; border: 1px solid #2992bd; border-radius: 3px; line-height: 28px; text-indent: 10px;}
[page=profil] .modal-body .info {margin-top: 10px; border-radius: 4px; position: relative; padding: 15px 15px 15px 63px;box-shadow: 2px 2px 4px 0px rgb(94 150 150 / 34%);}
[page=profil] .modal-body .info:before { content: "\f05a";font-family: 'FontAwesome';position: absolute;top: 0;left: 0;bottom: 0;width: 48px;text-align: center;line-height: 16px;font-size: 16px;margin-top: 10px;padding-top: 15px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;color: white;background-color: #5bc0de;}
[page=profil] .modal-body .info span {font-weight: bold;}
[page=profil] .modal-body .info ul {padding-left: 0; margin: 10px 0 0;}
[page=profil] .modal-body .info li {list-style-type: none;}

[page=profil] .modal-body input[iFu="sP"] + i {font-size: 16px;position: absolute;right: 25px;top: 22px;color: gray; z-index: 2; cursor: pointer;}
[page=profil] .modal-body input[iFu="sP"] + i:hover, [page=profil] .modal-body input[iFu="sP"] + i.hover {color: black;}

[page=rendez-vousliste] .single {padding-bottom: 0;}
[page=rendez-vousliste] .main {overflow-y: auto; max-height: calc(100vh - 160px)}
[page=rendez-vousliste] .panel-default > .panel-heading {white-space: nowrap;direction: rtl;text-align: left;}
[page=rendez-vousliste] .panel-body i {font-size: 20px;vertical-align: top;line-height: 18px;margin-left: 15px;color: #1d82aa;width: 26px;text-align: center;margin-top: 7px;}
[page=rendez-vousliste] .panel-body a {margin-top: 24px;line-height: 6px;z-index: 3;}
[page=rendez-vousliste] .panel-body ul {position: relative; margin: 0; padding: 10px 0px 10px 0px;}
[page=rendez-vousliste] .panel-body ul:before {    content: " "; position: absolute; right: 0; top: 0; bottom: 0; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: top right; z-index: 2; background-image: var(--bg-image); margin: 10px 0px auto auto; filter: drop-shadow(-23px 0px 9px white); max-width: 80px; border-radius: 40px; max-height: 80px;} 
[page=rendez-vousliste] .panel-body li {position: relative; list-style: none;margin: 10px 0; white-space: nowrap; text-transform: capitalize;}
[page=rendez-vousliste] .panel-body li:first-child {margin: 10px 75px 10px 0;}
[page=rendez-vousliste] .panel-body li:first-child span { white-space: break-spaces;}
[page=rendez-vousliste] .panel-body span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: calc(100% - 65px);}
[page=rendez-vousliste] .panel-body [cLabBef] {    display: inline-block;margin-left: 24px;line-height: 24px;}
[page=rendez-vousliste] .panel-body [cLabBef]:before {white-space: pre;}
[page=rendez-vousliste] .panel-body [clabbef^=Addresse]:before {width: 50px; overflow: hidden; text-overflow: ellipsis; }
[page=rendez-vousliste] .modal.in[role="dialog"] {display: flex !important;align-items: center;}
[page=rendez-vousliste] .modal-title {font-weight: bold;}
[page=rendez-vousliste] .modal-dialog {width: 100%}


[ifA="dialogConfirmation"] .modal-header { text-align: center;}
[ifA="dialogConfirmation"] .modal-header .modal-title { text-align: center; font-weight: bold;}
[ifA="dialogConfirmation"] .modal-body { white-space: break-spaces;font-size:  14px}
[ifA="dialogConfirmation"] .modal-body input, [ifA="dialogConfirmation"] .modal-body textarea { font-size: 14px; width: 100%;border: 1px solid #2992bd;border-radius: 3px;line-height: 28px;text-indent: 10px;}
[ifA="dialogConfirmation"] .modal-body .info { white-space: normal; margin-top: 10px; border-radius: 4px; position: relative; padding: 25px 15px 15px 63px;box-shadow: 2px 2px 4px 0px rgb(94 150 150 / 34%);}
[ifA="dialogConfirmation"] .modal-body .info:before { content: "\f05a";font-family: 'FontAwesome';position: absolute;top: 0;left: 0;bottom: 0;width: 48px;text-align: center;line-height: 16px;font-size: 16px;/*margin-top: 10px;*/padding-top: 25px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;color: white;background-color: #5bc0de;}
[ifA="dialogConfirmation"] .modal-body .info span {font-weight: bold;}
[ifA="dialogConfirmation"] .modal-body .info ul {padding-left: 0; margin: 10px 0 0;}
[ifA="dialogConfirmation"] .modal-body .info li {list-style-type: none;}
[ifA="dialogConfirmation"] .modal-body a {color: black; font-weight: bold; line-height: 20px; vertical-align: bottom;}
/*[ifA="dialogConfirmation"]:before {content: ' ';position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #00000060;}*/

input[id^=help]:not(:checked) + .help.info { padding: 0;margin:  0;}
.help.info { margin-bottom: 15px; border-radius: 4px; position: relative; padding: 15px 15px 15px 63px; box-shadow: 2px 2px 4px 0px rgb(94 150 150 / 34%);}
.help.info:before { content: "\f05a"; font-family: 'FontAwesome'; position: absolute; top: 0; left: 0; bottom: 0; width: 48px; text-align: center; line-height: 16px; font-size: 16px; padding-top: 15px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: white; background-color: #5bc0de;} 
.help.info span {font-weight: bold;}
.help.info ul {padding-left: 0; margin: 10px 0 0;}
.help.info li {list-style-type: none;}
.help.info  > * {user-select: text;}

.clientLink { float: right; }
.clientLink a { display: inline-block; height: 60px; line-height: 60px; padding: 0 20px;}
.clientLink a:hover {background-color: #f3f3f3;}

.main {margin-top: 30px;}

.mgBoxEffect{-webkit-animation: effect1 0.5s;  /* Safari 4.0 - 8.0 */-webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */animation: effect1 0.5s;animation-fill-mode: forwards;}

.newClientBtn {position: absolute;right: 15px;top: 0;bottom: 0;height: 20px;margin: auto;font-size: 14px;cursor: pointer;color: #ccc;z-index: 2;background-color: white;
    border: 1px solid #ccc;padding: 2px 4px;box-sizing: content-box;border-radius: 4px;display: none;}
.eraseSimpleBtn {position: absolute;right: 5px;top: 0;bottom: 0;height: 14px;margin: auto;font-size: 14px;cursor: pointer;color: #ccc;z-index: 2;background-color: white;}
.eraseSimpleBCtn{position: relative;}

.rSS {font-weight: bold;font-size: 12px; }
[searchadvanced] th {vertical-align: top !important;}
[searchadvanced] .tSABtn {margin-left: 10px;}
[searchadvanced] .tSAField {margin-top: 5px; height: 0;overflow: hidden}
[searchadvanced] .tSAField input {width: 100%;color: black;}
[searchadvanced][tsaOpen] .tSAField {-webkit-animation: heightDown 0.5s; -webkit-animation-fill-mode: forwards; animation: heightDown 0.5s;animation-fill-mode: forwards;}
[searchadvanced] .eraseSimpleBCtn  {height: 23px !important;}

table#permission th:not(:first-child) {text-align: center;}


.cHBU {position: fixed; display: block; top:0;font-size: 14px;z-index: 2000;}
.cHBU ul{ background-color: #6cadc7; padding: 0px;margin: 0;}
.cHBU label {margin-bottom:0;padding: 4px 14px 4px 34px}
.cHBU li {list-style-type: none; text-transform: lowercase;}
.cHBU li:first-child {border-top: 3px solid #6cadc7;}
.cHBU li:last-child {border-bottom: 3px solid #6cadc7;}
.cHBU label:first-letter {text-transform: uppercase;}
.cHBU li {display: block;position: relative;cursor: pointer;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.cHBU li input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 3px;left: 6px;height: 20px;width: 20px;background-color: #eee;}
.checkmark:after {content: "";position: absolute;display: none;}
.cHBU li:hover input ~ .checkmark {background-color: #ccc;}
.cHBU li input:checked ~ .checkmark {background-color: #2196F3;}
.cHBU li input:checked ~ .checkmark:after {display: block;}
.cHBU li .checkmark:after {left: 7px;top: 4px;width: 7px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.cHBU li hr {margin: 5px 0;}
.cHBU li.fa.fa-eraser {padding-left: 8px;}
.cHBU li label.raz {margin: 5px 0;padding: 0 0 0 13px;}

.cIC {text-align: center;}
.cIC label {display: inline-block;margin-bottom: 0px;}
.cIC input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.cIC .checkmark {position: inherit;display: block;top: 4px;left: 6px;height: 20px;width: 20px;background-color: #eee;}
.cIC .checkmark:after {content: "";position: absolute;}
.cIC:hover input ~ .checkmark {background-color: #ccc;}
.cIC input:checked ~ .checkmark {background-color: #2196F3;}
.cIC input:checked ~ .checkmark:after {display: block;}
.cIC label .checkmark:after {    position: relative;left: 7px;top: 4px;width: 7px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.locAdrBtn {position: absolute;top: 0;margin: 82px calc(50% - 75px);    z-index: 400;}
#map {height: 100%;}
#map.leaflet-container ~ .locAdrBtn {z-index: 400;right: 0px;margin: 5px;width: 40px;overflow: hidden;border-radius: 20px;display: block;height: 40px;}
#map.leaflet-container ~ .locAdrBtn span{display: none;}
#map.leaflet-container ~ .locAdrBtn:before{content: "\f021";position: absolute;top: 7px;left: 10px;font: normal normal normal 23px/1 FontAwesome;}

[int-panel=informations] .row.pb10 >div {text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}

#tabLocalisation #map1 {height: 300px;}
.fullscreen-icon:before{font-family: 'Glyphicons Halflings'; content: "\e140"}
.datepicker  {z-index: 2000;}


[page=appel] .ui-autocomplete li:hover {background-color: white!important}
[page=appel] #ui-id-1 {max-height: calc(100% - 300px);overflow: scroll;}
.appelAutoComplete .fa.fa-arrow-circle-o-down {position: absolute;padding-left: 10px;line-height: 18px;font-size: 16px;transform: rotate(1deg);}
.appelAutoComplete input:checked+label.fa.fa-arrow-circle-o-down {transform: rotate(180deg);transform-origin: 17px;transition: transform 0.3s;}
.appelAutoComplete input+label+div {display: none;}
.appelAutoComplete input:checked+label+div {display: block;}
.appelAutoComplete > div {padding: 5px 0 0 20px;}
.appelAutoComplete p[idinterlocuteur] {margin-bottom: 5px;}
.appelAutoComplete span[idcontact] {margin-left: 23px; display: block;}
.appelAutoComplete.ui-state-active {background-color: white !important; color: black; border: 0px none;}
.appelAutoComplete.ui-state-active p:hover, .appelAutoComplete.ui-state-active span:hover {background-color: rgb(0, 127, 255); color: white;}



#contentLoading {position: relative; min-height: 100%;}
#intervenantTable, #intervenantTable tbody{display: block;}
#intervenantTable tr td:first-child {padding-right: 10px !important;}
#intervenantTable tr {display: flex; white-space: nowrap;}
#intervenantTable tr td:last-child {overflow: hidden; text-overflow: ellipsis; flex-grow: 1;}
#intervenantTable tr.rowSelected td {background-color: #105e7d !important;color: #fff;}
#entryType input + label { background-color: #ccc; margin-right: 20px;}
#entryType input:checked + label {background-color: #068B85; color: white;}
#calendar th, #clDay th {overflow: hidden;}
#calendar .eventTechnicienMultiple, #clDay .eventTechnicienMultiple {color: black; background-color: white;}
#calendar .eventTechnicienNotFound, #clDay .eventTechnicienNotFound {color: black; background-color: red;}
#calendar .eventTechnicienIndispo .fc-bg, #clDay .eventTechnicienIndispo .fc-bg {background: repeating-linear-gradient( 45deg, transparent, transparent 10px, black 12px, black 12px)}
#calendar .fc-event-dot, #clDay .fc-event-dot {background-color: white;}
#calendar .fc-event, #clDay .fc-event {color: black; border-color: gray !important;}
#calendar .fc-title {text-transform: uppercase;}
#calendar .fc-day-header *::first-letter, #calendar .fc-list-heading-main::first-letter, #calendar .fc-list-item-title::first-letter {text-transform: uppercase;}
#calendar .fc-day-header *::first-letter,#clDay .fc-title::first-letter, #clDay .fc-list-heading-main::first-letter, #clDay .fc-list-item-title::first-letter {text-transform: uppercase;}
#calendar .fc-day-header a, #clDay .fc-day-header a{/*white-space: nowrap;direction: rtl;*/padding: 0 5px;}
#calendar .fc-day-header a, #calendar .fc-day-header span, #clDay .fc-day-header a, #clDay .fc-day-header span{ max-width: 100%;display: inline-block;margin-left: 5px;overflow: hidden;text-overflow: ellipsis;}
#calendar .fc-center, #clDay .fc-center {display: none;}
#calendar .fc-mois3-view .fc-bg td[data-date*="-01-"], #calendar .fc-mois3-view .fc-bg td[data-date*="-03-"], #calendar .fc-mois3-view .fc-bg td[data-date*="-05-"], #calendar .fc-mois3-view .fc-bg td[data-date*="-07-"], #calendar .fc-mois3-view .fc-bg td[data-date*="-09-"], #calendar .fc-mois3-view .fc-bg td[data-date*="-11-"] {background-color: rgba(204, 204, 204,0.3)}
#calendar .fc-mois3-view td.fc-today {background: #fcf8e3 !important;}
#calendar .ferie {background-color: red; color: white;}
#calendar .aConfirmer {background: linear-gradient(to right bottom, transparent 50%, orange 50%);}

#miniCalendar {border-left: 10px solid #f3f3f3;background-color: white; padding-top: 9px;}
#miniCalendar > [id^=miniCalendar]:not(:first-child) .fc-toolbar .fc-left, #miniCalendar > [id^=miniCalendar]:not(:first-child) .fc-toolbar .fc-right {display: none;}
#miniCalendar > [id^=miniCalendar]:not(:first-child) .fc-toolbar{line-height: 26px; height: 26px;}
#miniCalendar > [id^=miniCalendar] td span { display: block;width: 100%;padding: 1px 0 0 0;text-align: center;}
#miniCalendar .fc-other-month { visibility: hidden;}
[id^=miniCalendar] .fc-basic-view .fc-body .fc-row {min-height: 18px; height:  18px;}
[id^=miniCalendar] .fc-center h2 {font-size: 14px;vertical-align: bottom;line-height: 20px;}
[id^=miniCalendar] .fc-toolbar.fc-header-toolbar {margin-bottom: 0; padding: 5px;height: 30px;line-height: 30px; background-color: #ccc;}
[id^=miniCalendar] .fc-toolbar.fc-header-toolbar .fc-button{height: 18px;line-height: 18px;width: 17px;padding: 0 0 18px 2px;}
[id^=miniCalendar] .fc-scroller {overflow: hidden !important;}
[id^=miniCalendar] .fc-row  td { cursor:  pointer;}
[id^=miniCalendar] .fc-row > * {line-height: 18px !important; height:  18px !important;}
[id^=miniCalendar] .fc-today {font-weight: bold;}
[id^=miniCalendar] { margin-bottom: 7px;}
[id^=miniCalendar] .notEmpty {background-color: gray !important;color: white; transition: background-color 0.2s ease;}

[id^=miniCalendar] table { border-collapse: separate;}
[id^=miniCalendar] table { border-collapse: separate;border-spacing: 0;}
[id^=miniCalendar] table th, [id^=miniCalendar] table td { border:0px none;}

@media (max-width: 450px) {.fc-today-button {display: none;}}
@media (max-width: 800px) {
  .fc-toolbar .fc-right, .fc-toolbar .fc-right .fc-button-group, .fc-toolbar .fc-left, .fc-toolbar .fc-left h2 {float:none !important; text-align: center; margin-bottom: 3px}
  .fc-toolbar .fc-left {margin-bottom: 7px}
}



#clSettingTitle:after {content: attr(data-month);}
#clSettingTitle {content: attr(data-month);margin: 10px;line-height: 32px;text-overflow: ellipsis;text-align: left;white-space: nowrap;overflow: hidden;direction: rtl;}
#clSettingNav span {float: right;font: normal normal normal 14px/1 FontAwesome;margin: 10px 10px 0 0;}

#mycarousel {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1060;background-color: rgba(0,0,0,0.4); text-align:center;}
#mycarousel .carousel-inner, #mycarousel .carousel-inner .item{height: 100%;text-align: center;}
#mycarousel .carousel-inner .item:before{content: "";  display: inline-block;  height: 100%;  vertical-align: middle;}
#mycarousel .carousel-inner .item img{vertical-align: middle; display: inline;max-width: 100%;max-height: 100%;}
#mycarousel .fa-window-close{ font-size: 36px;margin: 25%;color: white;background-color: transparent;border: 0px;}
#mycarousel #pictureDelete {position: relative;bottom: 54px;}
@media (min-width: 1200px) {#mycarousel a[data-slide] {width: 8.33333333% !important;}}
#mycarousel2 {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1060;background-color: rgba(0,0,0,0.4); text-align:center;}
#mycarousel2 .carousel-inner, #mycarousel2 .carousel-inner .item{height: 100%;text-align: center;}
#mycarousel2 .carousel-inner .item:before{content: "";  display: inline-block;  height: 100%;  vertical-align: middle;}
#mycarousel2 .carousel-inner .item img{vertical-align: middle; display: inline;max-width: 100%;max-height: 100%;}
#mycarousel2 .fa-window-close{ font-size: 36px;margin: 25%;color: white;background-color: transparent;border: 0px;}
#mycarousel2 #pictureDelete {position: relative;bottom: 54px;}
@media (min-width: 1200px) {#mycarousel2 a[data-slide] {width: 8.33333333% !important;}}


/*#mycarousel .carousel-inner, #mycarousel .carousel-inner .item{height: 100%;background-size: contain;background-repeat: no-repeat;background-position: center;}*/


.clNotif {font-family: 'open_sansregular', sans-serif, Arial; color: #333;font-size: 14px; margin-left: 5px; line-height: 16px; vertical-align: text-bottom; }
#config .dropdown-label {margin-right: 10px;text-overflow: ellipsis;overflow: hidden;width: 72px;text-align: left;}
#config .dropdown-menu {right: 0px;left: auto;}
#config [data-toggle="dropdown"] {width: 120px;}
#config .caret {float: right; margin-top: 7px;}
#config .help span {margin-left: 30px;display: block;}


#inboxTable .technicienColor {padding: 0 13px;}
#inboxTable .technicienColor span {padding: 5px 8px; width: 65px; display: inline-block; }

input[type=checkbox]:checked[help] + div.help { max-height: 999px; opacity: 1; transition: all 0.5s ease;}
.modal-body .help {max-height: 0;opacity: 0; overflow: hidden;}
.modal-body .help .insideModal {border-radius: 5px;background-color: #a3f1a6;padding: 9px 13px 2px;margin: 0px 0 19px;}
.modal-body .help .insideModal p { margin-bottom: 3px;}
.modal-body .help .insideModal li { list-style: none;}

/*select[multiple] option {padding-left: 5px;}*/

.progress {height: 21px; z-index: 1051;position: relative;}
.progress-bar-animated {  -webkit-animation: progress-bar-stripes 1s linear infinite;  animation: progress-bar-stripes 1s linear infinite;}

#drag svg, #drag label[for=fichier] {display: none;}
#drag.has-advanced-upload svg, #drag.has-advanced-upload label[for=fichier]{display: block;}
#drag.has-advanced-upload {background-color: white;outline: 2px dashed black;outline-offset: -10px;text-align: center;padding: 23px 0 3px;  }
#drag.has-advanced-upload .box__dragndrop {display: inline;}
#drag.is-dragover {background-color: grey;}
#drag.is-uploading .box__input {visibility: none;}
#drag.is-uploading .box__uploading {display: block;}
#drag.has-advanced-upload label.fix3 {display: none;}
#drag.has-advanced-upload .box__file {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
#drag.has-advanced-upload .box__icon {width: 100%;height: 80px;fill: #92b0b3;display: block;margin-bottom: 40px;}
#drag.has-advanced-upload .box__file + label {max-width: 80%;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;display: inline-block;overflow: hidden;}
#drag.is-dragover {background-color: grey;}

[data-id='modal-planning'] option {display: block;}
[data-id='modal-planning'] option:before {width: 15px;display: inline-block;text-align: center;}
[data-id='modal-planning'] label.fa-calendar {position: absolute;top: 12px;right: 27px;}


/*.home .footer {position: absolute;bottom: 0px;width: 100%;text-align: center; background-color: white;padding-bottom: 10px;}*/
.home .footer {width: 100%;text-align: center; background-color: white;padding-bottom: 10px; margin-bottom: 60px;}
.home .footer > h3 {color: #196482;font-size: 31px!important;line-height: 43px !important;margin-bottom: 20px !important;margin-top: 16px !important;}
.home .footer img {margin-bottom: 16px;}
.home #content {display: flex;flex-flow: column;}
.home .middle {flex: 1; display: flex; align-items: center;}
.home .middle.background {background-image: url(/css/images/home.jpg);background-position: center;background-size: cover;height: 100%;flex: 1;}

#rdvClient a b {color: #196482;}
#rdvClient #cl { margin-bottom: 15px; position: relative;}
#rdvClient #cl [id^=clDate] { position: absolute; top: 0px; width: 30px; height: 100%;background-color: rgba(0,0,0,0.1);text-align: center;}
#rdvClient #cl [id^=clDate]:before {transform: translateY(0%);position: absolute;top: 44%;left: 38%;}
#rdvClient #cl #clDateNext { right: 0; }
#rdvClient #clList { margin: 30px; overflow: hidden;}
#rdvClient #clList .header { margin: 0px 10% 10px;width: 80%; white-space: normal;}
#rdvClient #clList .header h3 { display: inline-block;font-size: 44px;font-weight: bold;line-height: 30px;vertical-align: middle;margin-right: 10px;color: #196482; min-width: 50px;}
#rdvClient #clList .header .clMainTitle {display: inline-block;line-height: 14px;font-size: 19px;text-transform: uppercase;vertical-align: middle;min-width: 121px; padding-left: 0;}
#rdvClient #clList .header .clListDay {overflow: hidden;text-overflow: ellipsis; line-height: 20px}
#rdvClient #clList .header .clListMonth {font-weight: bold; }
#rdvClient #clList ul {padding:0; white-space: nowrap;}
#rdvClient #clList li {text-align: center;list-style: none; display: inline-block; *display: inline;vertical-align: top;    padding-top: 5px;}
#rdvClient #clList li[modele]{display: none;}
#rdvClient #clList .clItem {background-color: rgba(0,0,0,.1);padding: 2px;width: 90%;margin: 4px auto 0;cursor: pointer;transition: background-color 0.5s ease;}
#rdvClient #clList .clItem:hover, #rdvClient #clList .clItem.selected {background-color: #196482; color: white;}
[disabled] {cursor:not-allowed !important;filter: grayscale(1) !important;-webkit-box-shadow:none !important;box-shadow:none !important;}

#rapportPicture {padding: 15px 0 5px 10px;}
#rapportPicture label {display: inline-block;font-size: 35px;position: relative;cursor: pointer;color: #85c99d;margin: 0;height: 50px;line-height: 50px;vertical-align: top;}
#rapportPicture label:after {content: "\f067";position: absolute;top: -13px;right: -6px;font-size: 25px;color: gray;}
#rapportPicture label:hover {color: #068b85;transition: all 0.2s ease;}
#rapportPicture .item {display: inline-block;}
#rapportPicture .item img{display: inline-block;width: 50px;height: 50px;margin-right: 10px;border: 2px solid #196482;border-radius: 6px; cursor: pointer;}
#rapportPicture.is-dragover {outline: 2px dashed black;outline-offset: -10px;}

/*#client[role="dialog"]*/ span.mH{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;line-height: 16px;max-height: 32px;-webkit-line-clamp: 2;}

.dialog-overlay:before {content: " ";position: fixed; top: 0; left: 0; width: 100%; height: 100%;background-color: rgb(0,0,0,0.2);}
.dialog-overlay .ui-dialog-content {background-color: white;}
.dialog-overlay .ui-dialog-titlebar-close {font-size: 20px;padding: 0;margin-top: -13px;border: 0px none;outline: 0 !important;height: 25px;line-height: 25px;width: 25px;color: white;font-weight: bold;}

.dialog-planning textarea {height: 150px; margin-bottom: 15px;}

.dialog-delete {z-index: 1070 !important;}

#commande[role=dialog] .panel-body .alert { margin-bottom: 10px;}

#notifCt [role=menu] {padding-bottom: 0}
ul.notifyList li{padding: 5px;cursor: pointer;}
ul.notifyList li:nth-child(even){margin: 5px 0 0; background-color: rgba(25,100,130,0.24)}
ul.notifyList .notifyName {font-weight: bold;cursor: default;}
ul.notifyList .notifyTime {color: black;}
#majCt .notify {width: 100%; margin: 0}
#majCt .notifyName {width: 220px; padding: 0;}
#majCt li.notify {padding: 7px 10px;}
#majCt li.notify a {padding: 2px 10px;}
#majCt li.notify a:hover {background-color: #068b85;}
#majCt .load {background-size: 60%;background-color: rgba(0, 0, 0, 0.5);}
#majCt .load:before {content: none};
#majCt .date {font-size: 11px;color: #999;}

[cLabBef]:before {content: attr(cLabBef);font-weight: bold;}
[cLabBef]:before {content: attr(cLabBef);font-weight: bold;}
[cLabAft]:after {content: attr(cLabAft);}
[cLabBef] + [cLabBef]:before {font-weight: normal;}
p[cLabBef]:before {position: absolute;top: 9px;}
#maj p {padding-top: 30px;padding-bottom: 30px;}


div.fix-drop-full-width.form-group.open {position: relative;overflow: initial;}
[data-toggle="dropdown"].drop-full-width {width: 100%;border-color: #dfdfdf}
[data-toggle="dropdown"].drop-full-width + ul.dropdown-menu {position: absolute;top: 35px;width: 100%}
[data-toggle="dropdown"].drop-full-width span.caret {float: right;margin-top: 3px;}

#signup .info ul {margin-top: 10px}
#signup ul li {list-style: none;}

.avatar, .mobAvatar  {display: none;}
.tab-content , .panel-heading, .cfItem label + input, .form-group, .panel-body, .alert {text-overflow: ellipsis;overflow: hidden;}
th[int-action] .fa[sort] {margin-right: 3px;}
[int-action][int-activated]{display: none;}
[int-action="enable"][int-activated="0"], [int-action="disable"][int-activated="1"]{display: block;}
#config .form-group {overflow: visible;}

.technicien[data-id=modal-planning] .modal-header, .technicien[data-id=modal-planning] #entryType, .technicien[data-id=modal-planning] a#supprimer, .technicien[data-id=modal-planning] .input-group-addon,
.technicien[data-id=modal-planning] .row:nth-child(3), .technicien[data-id=modal-planning] [for=idClientAdresse], .technicien[data-id=modal-planning] .eraseSimpleBtn,
.technicien[data-id=modal-planning] #idInterventionObject option:not(selected) {display: none !important;}
.technicien[data-id=modal-planning] .eraseSimpleBCtn  {height: auto !important;}
.technicien[data-id=modal-planning] .row:nth-child(2) input {text-indent: 0!important;}

[page=planning] .modal-header .fa-cogs {margin-top: 2px; margin-right: 7px; float: right;cursor: pointer;}
[page=planning] .modal-header .fa-cogs:before {color: grey;}
[page=planning] .modal-header .fa-cogs:hover:before {color: black;}
[page=planning] [data-id="modal-planning"] .modal-dialog {margin-top: 5px}
[page=planning] .fc-title a.tel, [page=planning] .fc-list-item-title a.tel {color: black; font-weight: bold;}
[page=planning] .fc-title a.tel:before, [page=planning] .fc-list-item-title a.tel:before {content: '\f095'; font: normal normal normal 14px/1 FontAwesome; margin-right: 5px; vertical-align: text-bottom;}
[page=planning] .fc-list-item-title a.tel:before {vertical-align: baseline;}

.technicien #idClientAdresse a:before {content: '\f095'; font: normal normal normal 14px/1 FontAwesome; margin-right: 5px;}
[page=planning] #arrivedLeaveTechnicien {position: absolute; bottom: 0; display: none;}
[page=planning] .rolldate-container {position: absolute; z-index: 1051;}

[page=planning] #periodicity ul#perStop { padding: 10px 0px 0 10px;}
[page=planning] #periodicity ul#perStop > li { position: relative;display: table;list-style: none;text-indent: 35px;    line-height: 40px;height: 40px;}
[page=planning] #periodicity ul#perStop > li:before {content: ' ';position: absolute;border: 2px solid #196482;height: 20px;width: 20px;left: 7px;top: 9px;border-radius: 10px;}
[page=planning] #periodicity ul#perStop > li.checked:after {content: ' ';position: absolute;border: 3px solid #196482;height: 10px;width: 10px;left: 12px;top: 14px;border-radius: 5px;background-color: #196482;}
[page=planning] #periodicity ul#perStop > li:nth-child(1) span:nth-child(2) { padding: 0 0 0 59px;}
[page=planning] #periodicity ul#perStop > li:nth-child(2) span:nth-child(2) { padding: 0 0 0 39px;}
[page=planning] #periodicity ul#perStop > li tr {text-indent: 0}
[page=planning] #periodicity input { background-color: buttonface;color: black;border: #ddd;display: inherit;font-family: inherit;font-size: 16px;font-weight: 400;margin: 0;width: 58px;outline: none;margin: 0 5px;text-align: center;height: 34px;line-height: 33px;vertical-align: middle;}
[page=planning] #periodicity #perStopAt { width: 140px;}

[page=planning] ul.puce1 {padding: 0}
[page=planning] .puce1 li { position: relative;display: table;list-style: none;text-indent: 20px;line-height: 30px;height: 30px;font-size: 14px;}
[page=planning] .puce1 label {font-weight: 100;margin: 0;}
[page=planning] .puce1 input[type=radio] {display: none;}
[page=planning] .puce1 label:before {content: ' ';position: absolute;border: 2px solid #196482;height: 20px;width: 20px;left: 7px;top: 4px;border-radius: 10px;}
[page=planning] .puce1 input[type=radio]:checked ~ label:after {content: ' ';position: absolute;border: 3px solid #196482;height: 10px;width: 10px;left: 12px;top: 9px;border-radius: 5px;background-color: #196482;}

[page=planning] .nav-tabs li { padding:  0 1rem;}
[page=planning] .nav-tabs li.disabled { cursor: not-allowed; }
[page=planning] .nav-tabs li.disabled a { pointer-events: none; }
[page=planning] .tab-content .col-xs-12.col-sm-3 { padding-left: 0;}
[page=planning] .tab-content .col-xs-12.col-sm-3:last-child { padding-right: 0;}
[page=planning] .tab-content .dropdown-label { padding-right: 5px;}
[page=planning] .dropdown-select > li > a { padding: 5px 20px;}
[page=planning] #periodicity > div > span { line-height: 30px;}

#wrapper[technicien] .fc-today-button {display: inline-block ! important; float: left;}
#wrapper[technicien] .fc-left, #wrapper[technicien] .fc-right {margin: 0; padding: 0;}
#wrapper[technicien] #content h4 {display: none;}

#AjoutTechnicien .form-group, #config .form-group {overflow: visible;}
.bootstrap-datetimepicker-widget {z-index: 9999;margin:0px 10px  6px !important;}


#interventionList {display: none;}
label[for=interventionListBtn] .input-group-addon{ position: absolute;right: 0;top: 0;padding: 11px 22px 11px 16px;border: 0;margin: 0;border-left: 1px solid #dfdfdf;}
#interventionListBtn:checked + #interventionList {display: block;}
#interventionList table {margin: 0;}
#interventionList table tr{cursor: pointer;}

#rdvDay:before {content: " ";position: fixed;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,0.2);}
#rdvDay .fc-highlight {background-color: blue}

@media (max-width: 768px) {.home .footer .feature-item:not(:last-child) {border-bottom: 1px solid grey;margin-bottom: 14px;}.home .footer .feature-item h3{margin-left: 10px;text-align: left;margin-top: 4% !important;}}
@media (min-width: 768px) {.home .footer img.col-sm-8 {margin-left: 15%;}; }
@media (min-width: 992px) {.home .footer img.col-md-6 {margin-left: 25%;}}
@media (min-width: 1200px) {.home .footer img.col-md-6 {margin-left: 29%;}}




.dropdown-menu {padding-top: 0}
.btn-group.open .dropdown-toggle {box-shadow: none}
.navbar-nav li:hover > ul.dropdown-menu {display: block;}
.dropdown-submenu {position:relative;}
.dropdown-submenu>.dropdown-menu {top:0;left:100%;margin-top:-6px;}

.dropdown-submenu {position:relative;}
.dropdown-submenu>.dropdown-menu {top:0;left:100%;margin-top:-6px;margin-left:-1px;}
.dropdown-submenu:hover>.dropdown-menu {display:block;border-radius: 0;}
.dropdown-submenu>a:after {display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after {border-left-color:#ffffff;}
.dropdown-submenu.pull-left {float:none;}
.dropdown-submenu.pull-left>.dropdown-menu {left:-100%;margin-left:10px;}
.table-overflow table .dropdown-menu {right: auto !important; /*top: auto!important;*/ margin-top: 23px;position: fixed;} /*Set menu Action ... top commenté pour modif JS .dropdown-toggle ligne 814*/
.table-overflow table .btn-group.bypassOverview.open {position: inherit; z-index: 2;}/*Set menu Action*/
.table-overflow table .btn-group.bypassOverview hr{margin: 0 5px}
@media (min-width: 1px){
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;padding: 0px 7px;
  }
  .nav-tabs.nav-justified > li > a {margin-bottom: 0px}
}
@media (min-width: 530px){}
@media (max-width: 530px){.nav.nav-tabs.nav-justified {overflow-x: scroll;}}

.hideMe {opacity: 0; transition: all 0.2s ease 0s;} 

.animGreen {-webkit-animation: animGreen 5s; -webkit-animation-fill-mode: forwards; animation: animGreen 5s;animation-fill-mode: forwards;animation-iteration-count: infinite;animation-direction: alternate;    animation-timing-function: linear;}

.single {float: none;clear: both;margin: 0 auto;padding: 30px 20px;letter-spacing: 1.1px;}
.single h4{font-weight: bold;font-size: 22px;}

/*////////////////////////// Test CSS////////////////////////////////*/
.fix3, select {font-weight: bold !important;}
/*///////////////////////////////////////////////////////////////////*/

#calendarLeftPanel.min a[action]{display: inline-grid;-webkit-animation: fadeInFromNone 1s ease-out;-moz-animation: fadeInFromNone 1s ease-out;-o-animation: fadeInFromNone 1s ease-out;animation: fadeInFromNone 1s ease-out;color: transparent;font-size: 0px !important;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;width: 30%;margin-left: 2.5%;}
#calendarLeftPanel.min a[action]:hover{background-color: #068b85;}
#calendarLeftPanel.min a[action]:before{font-size: 30px; color: white;}
#calendarLeftPanel.min a[action=add]:before{content: "\f0fe";}
#calendarLeftPanel.min a[action=print]:before{content: "\f02f";}
#calendarLeftPanel.min a[action=refresh]:before{content: "\f021";}

[modele] {display: none;}
[gv] .modal-body {max-height: calc(100vh - 230px);overflow-y: auto;}
[gv] .modal-body img {max-width: 100%;}
[gv] .modal-body img.carousel {cursor: pointer }
[gv].modal .modal-header { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: calc(100% - 10px);}
[gv].modal .modal-header button.close {position: absolute;right: 10px;top: 10px;}


@-webkit-keyframes animGreen {0% {background-color: #fff; color: #85c99d;} 90% {background-color: #fff; color: #85c99d;} 100% {background-color: #85c99d; color: #fff;}}
@keyframes animGreen {0% {background-color: #fff; color: #85c99d;} 90% {background-color: #fff; color: #85c99d;} 100% {background-color: #85c99d; color: #fff;}}
@-webkit-keyframes effect1 { from {right: 100%;} to {right: 0%; }}
@keyframes effect1 {from {right: 100%;} to {right: 0%;}}
@-webkit-keyframes heightDown { from {height: 0px;} to {height: 23px; }}
@keyframes heightDown {from {height: 0px;} to {height: 23px;}}
@keyframes progress-bar-stripes {
  from { background-position: 42px 0; }
  to { background-position: 0 0; }
}
@media print {
/*  @page {
    size: 210mm 297mm ; 
  }
*/
  html, body, #wrapper {min-height: auto !important; height: auto !important; margin: 0 !important;}
  table tr {
    break-inside: avoid;
  }  
  #header, #leftSide, #print .modal-header, #print .modal-footer, #calendarLeftPanel {display: none !important;}
  #wrapper, #wrapper #content{left: 0; top: 0; margin: 0; padding: 0 !important}
  #wrapper #content { overflow: auto; height: auto !important;}
  #wrapper #content > div > div.col-xs-12 { padding: 0;}
  a[href]:after {content: "";}
  /*a[href^="tel:"], a[href^="tel:"] + br {display: none;}*/
  .fc-title {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
  .fc-time-grid .fc-event.fc-not-end:after, .fc-time-grid .fc-event.fc-not-start:before {display: none}
  [page="planning"] h2 {white-space: nowrap;}
  [page="planning"] h2:after {content: " - " attr(technicien); }
  /*#print .printLabel {page-break-before:always;page-break-inside: avoid;position: relative;}*/
  #periodicityConfirm {display: none;}
}

@media screen and (max-width: 767px) {
  .logo {display: block;}
  .logo.expanded {display: none;}
  .logo {color: white;width: 110vw;text-align: center;left: 0;line-height: 50px;font-size: 14px;font-weight: bold;letter-spacing: 3px;position: absolute;z-index: 0;}
  .navHandler {position: absolute;z-index: 1;}
  #header .headerUserWraper { background-color: #196482;z-index: 1;position: relative;padding-left: 12px;}
  /*.fc-event {background: inherit!important;}*/
  .fc-event {padding: 2px;}

  #signin form a {
    color: #999;
    width: 100%;
    line-height: 3rem;
    text-align: center;  	
  }
}
@media screen and (max-width: 460px) {
  .logoText {position: fixed; left: 72px;}
}

@media (min-width: 768px) {.col-sm-auto{width: auto;}}
@media (min-width: 992px) {.col-md-auto{width: auto;}}
@media (min-width: 1200px) {.col-lg-auto{width: auto;}}

/*@media only screen and (-webkit-min-device-pixel-ratio: 1) {
  .modal label {
    font-weight: 400 !important;
  }
}
*/
@-moz-document url-prefix() {
  .modal label {
    font-weight: 400 !important;
  }
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
    @media {
      .home .footer{ position: absolute; margin: 0; bottom: 0px;}
      .home .middle .panel{ margin-bottom: 380px;}
    }
}
@media screen and(-webkit-min-device-pixel-ratio:0) { 
  ::i-block-chrome, .home .footer {position: absolute; margin: 0; bottom: 0px;}
  ::i-block-chrome, .home .middle .panel{ margin-bottom: 380px;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {/*Version IE*/
  .home .footer{ position: absolute; margin: 0; bottom: 0px;}
  .home .middle .panel{margin-bottom: 380px;}
}
@media screen and (max-width: 347px) {
  button.fc-listWeek-button {display: none;}
  button.fc-agendaDay-button  {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
}