.mon-bouton-icon {
display: inline-block;
width: 16px; height: 16px;
background-size: cover;
margin-right: 5px; }
.flexcalendar .navbar {
display: block;
position: relative; }
.flexcalendar .navbar * {
text-align: center;
}
.flexcalendar .navbar a {
text-decoration: none !important;
color: inherit;
}
.flexcalendar .navbar .previous a { color: inherit;
padding: 20px 20px 20px 50px;
background-repeat: no-repeat;
fill: green;
background-image: url(https://www.controle-technique-delaporte.com/wp-content/plugins/sayplanning/css/prev.svg);
background-position: left;
background-size: 30px;
background-position: 10%;
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
.flexcalendar .navbar .title { font-weight: bold;
text-transform: uppercase;
font-size: 1.4em;
padding: 20px 0;
}
.flexcalendar .navbar .next a { position: absolute;
top: 0;
right: 0;
padding: 20px 50px 20px 20px;
background-repeat: no-repeat;
background-image: url(https://www.controle-technique-delaporte.com/wp-content/plugins/sayplanning/css/next.svg);
background-size: 30px;
background-position: 90%;
display: inline-block;
}
.flexcalendar .navbar .previous a:hover,
.flexcalendar .navbar .next a:hover {
filter: invert(36%) sepia(93%) saturate(433%) hue-rotate(164deg) brightness(92%) contrast(91%);
}
.flexcalendar .navbartop,
.flexcalendar .navbarbottom {
display: none;
}
@media (max-width: 600px) {
.flexcalendar .navbar {
display: none;
}
.flexcalendar .navbartop,
.flexcalendar .navbarbottom {
display: block;
background-color: #c7c7c7;
position: relative;
}
.flexcalendar .navbartop a,
.flexcalendar .navbarbottom a {
display: block;
height: 30px;
}
.flexcalendar .navbartop a:before,
.flexcalendar .navbarbottom a:before {
content: "";
position: absolute;
width: 20px;
height: 20px;
left: calc(50% - 10px);
z-index: 0;
background-repeat: no-repeat;
background-image: url(https://www.controle-technique-delaporte.com/wp-content/plugins/sayplanning/css/arrow.svg);
background-size: 30px;
background-position: 90%;
}
.flexcalendar .navbartop a:before {
top: 2px;
transform: rotate(-90deg);
}
.flexcalendar .navbarbottom a:before {
top: 8px;
transform: rotate(90deg);
}
.flexcalendar .navbartop span,
.flexcalendar .navbarbottom span {
display: none !important;
} } .flexcalendar .table {
display: flex;
flex-direction: row;
width: 100%;
}
.flexcalendar .table * {
font-size: 14px;
line-height: 1.1;
}
.flexcalendar .table .column {
display: flex;
flex-direction: column;
}
.flexcalendar .cw15percent {
width: 15%;
}
.flexcalendar .cw16percent {
width: 16.66%
}
.flexcalendar .table .month {
display: none;
} .flexcalendar .table .datacell {
position: relative;
display: flex;
align-items: center;
}
.flexcalendar .datacell,
.flexcalendar .cell {
background-color: #ffffff;
color: #555;
height: 50px;
min-height: 50px;
max-height: 50px;
}
.flexcalendar .table .datacell {
padding-left: 22%;
}
.flexcalendar .table .datacell:hover { filter: sepia(40%) saturate(180%);
color: #FFF;
}
.flexcalendar .table .label:hover {
cursor: pointer;
}
[data-mode="1"] .time,
[data-mode="2"] .time {
position: absolute;
top: 0;
left: 0;
width: 20%;
height: 100%;
background-color: #555;
color: white;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
} [data-mode="2"] .time {
display: none;
}
.flexcalendar .table .label {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: #555;
}
.flexcalendar .table .tools {
position: absolute;
top: 0;
right: 0;
width: 10%;
height: 100%;
background-color: #c7c7c7;
color: white;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.flexcalendar .table .tools span {
color: #555;
}
.flexcalendar .table .tools span:hover {
filter: invert(36%) sepia(93%) saturate(433%) hue-rotate(164deg) brightness(92%) contrast(91%);
cursor: pointer;
}
.flexcalendar .table .tools .hidden {
display: none;
}
.flexcalendar .table .column>div:first-child {
border-top: solid thin #e1e1e1;
}
.flexcalendar .table .column>div {
display: block;
border-bottom: solid thin #e1e1e1;
border-right: solid thin #e1e1e1;
}
.flexcalendar .table .column>div>div {
padding: 6px 12px;
text-align: center;
}
.flexcalendar .headercell {
background-color: #d7d7d7 !important;
color: #555;
text-transform: uppercase;
}
.flexcalendar .headercell>div {
display: block;
height: 55px !important;
}
.flexcalendar .timecell {
background-color: #a3a3a3 !important;
color: #555;
}
.flexcalendar .num {
font-size: 1.3em;
color: #508eb5;
font-weight: 400;
}
.flexcalendar .complet {
background-color: rgb(222, 90, 90)!important;
color: #FFF;
}
.flexcalendar .complet .label {
color: #FFF;
}
.flexcalendar .libre {
background-color: rgb(144, 217, 144);
}
.flexcalendar .contrevisite {
background-color: rgb(214, 230, 144);
}
.flexcalendar .indisponible {
background-color: #7c7c7c;
color: #FFF;
}
.flexcalendar .closed {
background-color: #efefef;
color: #FFF;
}
.masked {
position: relative;
overflow: hidden;
}
.mask {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #555;
color: #FFF;
opacity: 1;
display: none;
align-items: center;
justify-content: center;
text-align: center;
}
pre {
white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
@media (max-width: 600px) {
.flexcalendar .table {
flex-direction: column;
}
.flexcalendar .table .column:first-child {
display: none;
}
.flexcalendar .cw16percent,
.flexcalendar .cw15percent {
width: 100% !important;
}
.headercell br {
display: none;
}
.flexcalendar .table .num {
margin: 0 10px;
}
.flexcalendar .table .month {
display: inline;
}
[data-mode="2"] .time {
display: flex;
}
[data-mode="2"] .label {
left: 20% !important;
}
}
.editForm div {
display: flex;
flex-direction: row;
padding-bottom: 10px;
}
.editForm div label {
width: 50%;
}
.editForm div input[type="text"] {
width: 50%;
}
.flexcalendar .partial span {
display: none;
}
.flexcalendar .partial {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAUCAYAAAAa2LrXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFMkM5NTk3NUY3QjMxMUU3OTkzMUQ5OEM0MjczNzBFMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFMkM5NTk3NkY3QjMxMUU3OTkzMUQ5OEM0MjczNzBFMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkUyQzk1OTczRjdCMzExRTc5OTMxRDk4QzQyNzM3MEUwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkUyQzk1OTc0RjdCMzExRTc5OTMxRDk4QzQyNzM3MEUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+A9PxqAAABCZJREFUeNrsWE1oE0EUzvYPQaGsAUs9tBDxrzdZLYWCCPZUFUFYj701tRdvkhwELxVSBEHwYGIvRUVob6IgJMeKoAkIrT8oTS+l4GUXQSmV1vimfCNfx9mkTe0P1IGPnZ15b+bNt2/mvVmnUqnEHMeJWcoFwRnBJcEpwTvBM8FbwQtTWI2zJ0vEwpsEy6rbgmX0/zVOPaijBILMv1z/ZlBtEbcFUwZ5U2ivaogUVzALnSK1J43x8rvBgbaKQFW6jQV3r8cQKQl4ifKWCWrPKtI26YG7nsAWwXXBXMQWnkN/Sy1D9Hajd+WVKZDrWuYO4JUB5kqhHuCjaA/21IfBeEWS3XECjwhmYNC04IagV+FRR+fYUDw+vs9xdP8M5K2GYMGrCzPeNQJsdV1c2tZ9VPdRz4CkCmSLgE9E7iiBHYJ5wZLgmqCBJ3pz9FgFWBiMx+9Dbh56NgI1Cb6xrV3uoyk8tCWZfCI2hSMgsASTYr3n6WYJZJLGBe2Cy4IHgl8Rc7YPHowPpw+1jUB+PEIugWcJhpYFaUFIMqFFvhxRD1HXbS7p6/ZtL5rAfsE5wR3By/XoXWltHT7Q0HAXev0WmdUFKuLUi+SaWUEg8OBNitBCDQJLlnaTYBfYUQIHBD8FoxvQbX/c0TkNvQFLv2d42CgWWQQBV22EEylhBFnVPLRWsR0dawo+8rrzTAc3kQWpfxScjxKUs++7PPYbzbe6v3w+K88uGedwPV8w4hakCVWeOqmPgW28SGjbUthFuVoDrAhyddqg9Fa24CZS01u2Og8007BqUXhR8LROG5TeojGxTzeRPN1O8mhTfR7abfmcZ6Q8LhZTpCicpXTIJJnTHZ8+BEdxvhVljZuSR7mo1vXMNTGBKqf7UCeB75W+cY3TCXGSDNB5W59OOyAflc+laLGucfXLEHG2FMYnIrI0Zp7OYJ1bZkiWidc7oC9iTX2cxjwXnMQgGylKvgv6bLyacAjn1yjOMCWbQ+Qt01xqMQXIhkZqEhoROkdz8BiuYVeJ9HyMzemOnsfDGadigY74IVItDlQ+BbA1czbQdlCJ8T3bn5aI0gT5JehzOhIi71PPNE0a0uQlOaSr5XMe1c1IzOQWLOe3JilJGUCMSFB9p0F0UuwoWuZPUBrGkT7EeAUmcA6urK5tY4LmGuQ1Q64XenNGcuyKUb4gL5glj/DkPYltUaiRzyXomTCI0fKauEmLjWXMk6Nx9MfKYjumYZsbQWAMH7lMayshhw3NMN4oeIL9/UrQE0FeD/orkG+0/I2xBYsUHcoZy6HNVzkOEik68/iYCOhcTFjs1PoJS1RPUNBiGwOLbRPGmv7c71dTQOOPtAODbyLnU7nha+1V8Ljjgh+CEbhyZS//kXYifum3CQYFFwUnBK2Cb4JPCBgPBV///9KPxX4LMAChTRVQhZ0Q7gAAAABJRU5ErkJggg==);
background-position: center center;
background-repeat: no-repeat;
}
.debug-container {
position: fixed;
bottom: 10px;
left: 10%;
right: 10%;
height: 200px;
background-color: #000;
color: #FFF;
overflow-y: scroll;
resize: both;
border: 1px solid #555;
display: block;
z-index: 1000;
}
.debug-drag-handle {
height: 20px;
background-color: #444;
cursor: move;
text-align: center;
line-height: 20px;
color: #FFF;
font-size: 12px;
}.dialogMask {
display: block;
color: #FFFFFF;
position: absolute;
z-index: 99999;
background-color: rgba(55,55,55,0.5);
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.dialogMask > .dialogBox {
display: block;
margin: auto;
background-color: #FFF;
-webkit-box-shadow: 0px 0px 35px 7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 35px 7px rgba(0,0,0,0.75);
box-shadow: 0px 0px 35px 7px rgba(0,0,0,0.75); }
.dialogHeader {
display: block;
position: relative;
color: rgb(128, 128, 128); background: rgb(127,127,127);
}
.dialogHeader span {
font-size: 16px;
font-weight: bold;
display: block;
padding: 4px 10px;
color: #FFFFFF;
}
.dialogContent {
display: block;
padding: 10px; }
.dialogContent > * {
display: block;
color: #555;
width: calc(100% - 2px);
font-family: inherit;
margin-bottom: 10px;
}
.dialogContent textarea {
width: calc(100% - 4px);
}
.dialogFooter {
padding: 10px 10px; background: rgb(127,127,127); }
.dialogFooter button {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
cursor: pointer;
padding: 6px 12px;
text-decoration: none;
text-shadow: 0px 1px 0px #154682;
font-size: inherit;
margin-right: 10px;
}
.dialogFooter button:hover {
transition-timing-function: ease;
transition-duration: 0.75s;
transform: translate3d(0%, 0px, 0px);
}
.dialogFooter button:disabled {
cursor: none!important;
background: rgb(181,189,200);
background: -moz-linear-gradient(top, rgba(127,127,127,1) 0%, rgba(117,117,117,1) 100%) !important;
background: -webkit-linear-gradient(top, rgba(127,127,127,1) 0%,rgba(117,117,117,1) 100%) !important;
background: linear-gradient(to bottom, rgba(127,127,127,1) 0%,rgba(117,117,117,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8D8D8D', endColorstr='#313131',GradientType=0 ) !important;
border: 1px solid rgba(127,127,127,1)!important;
-moz-box-shadow: inset 0px 1px 0px 0px rgba(127,127,127,1)!important;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(127,127,127,1)!important;
box-shadow: inset 0px 1px 0px 0px rgba(127,127,127,1)!important;
color:rgba(177,177,177,1)!important;
} .dialogFooter button.blue {
-moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
-webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
box-shadow: inset 0px 1px 0px 0px #54a3f7;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
background-color: #007dc1;
border: 1px solid #124d77;
color: #ffffff;
}
.dialogFooter button.blue:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
background-color: #0061a7;
} .dialogFooter button.green {
-moz-box-shadow: inset 0px 1px 0px 0px #95FA52;
-webkit-box-shadow: inset 0px 1px 0px 0px #95FA52;
box-shadow: inset 0px 1px 0px 0px #95FA52;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00C105), color-stop(1, #15A800));
background: -moz-linear-gradient(top, #00C105 5%, #15A800 100%);
background: -webkit-linear-gradient(top, #00C105 5%, #15A800 100%);
background: -o-linear-gradient(top, #00C105 5%, #15A800 100%);
background: -ms-linear-gradient(top, #00C105 5%, #15A800 100%);
background: linear-gradient(to bottom, #00C105 5%, #15A800 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00C105', endColorstr='#0061a7',GradientType=0);
background-color: #00C105;
border: 1px solid #107812;
color:#FFF;
}
.dialogFooter button.green:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #15A800), color-stop(1, #00C105));
background: -moz-linear-gradient(top, #15A800 5%, #00C105 100%);
background: -webkit-linear-gradient(top, #15A800 5%, #00C105 100%);
background: -o-linear-gradient(top, #15A800 5%, #00C105 100%);
background: -ms-linear-gradient(top, #15A800 5%, #00C105 100%);
background: linear-gradient(to bottom, #15A800 5%, #00C105 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#15A800', endColorstr='#00C105',GradientType=0);
background-color: #15A800;
} .dialogFooter button.red {
-moz-box-shadow: inset 0px 1px 0px 0px #FB5151;
-webkit-box-shadow: inset 0px 1px 0px 0px #FB5151;
box-shadow: inset 0px 1px 0px 0px #FB5151;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #C10000), color-stop(1, #A80000));
background: -moz-linear-gradient(top, #C10000 5%, #A80000 100%);
background: -webkit-linear-gradient(top, #C10000 5%, #A80000 100%);
background: -o-linear-gradient(top, #C10000 5%, #A80000 100%);
background: -ms-linear-gradient(top, #C10000 5%, #A80000 100%);
background: linear-gradient(to bottom, #C10000 5%, #A80000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C10000', endColorstr='#0061a7',GradientType=0);
background-color: #C10000;
border: 1px solid #79120F;
color:#FFFFFF;
}
.dialogFooter button.red:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #A80000), color-stop(1, #C10000));
background: -moz-linear-gradient(top, #A80000 5%, #C10000 100%);
background: -webkit-linear-gradient(top, #A80000 5%, #C10000 100%);
background: -o-linear-gradient(top, #A80000 5%, #C10000 100%);
background: -ms-linear-gradient(top, #A80000 5%, #C10000 100%);
background: linear-gradient(to bottom, #A80000 5%, #C10000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A80000', endColorstr='#C10000',GradientType=0);
background-color: #A80000;
}  .dialogFooter button.grey {
-moz-box-shadow: inset 0px 1px 0px 0px #A5A5A5;
-webkit-box-shadow: inset 0px 1px 0px 0px #A5A5A5;
box-shadow: inset 0px 1px 0px 0px #A5A5A5;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #606060), color-stop(1, #535353));
background: -moz-linear-gradient(top, #606060 5%, #535353 100%);
background: -webkit-linear-gradient(top, #606060 5%, #535353 100%);
background: -o-linear-gradient(top, #606060 5%, #535353 100%);
background: -ms-linear-gradient(top, #606060 5%, #535353 100%);
background: linear-gradient(to bottom, #606060 5%, #535353 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#535353',GradientType=0);
background-color: #606060;
border: 1px solid #444444;
color:#FFFFFF;
}
.dialogFooter button.grey:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #535353), color-stop(1, #606060));
background: -moz-linear-gradient(top, #535353 5%, #606060 100%);
background: -webkit-linear-gradient(top, #535353 5%, #606060 100%);
background: -o-linear-gradient(top, #535353 5%, #606060 100%);
background: -ms-linear-gradient(top, #535353 5%, #606060 100%);
background: linear-gradient(to bottom, #535353 5%, #606060 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#535353', endColorstr='#606060',GradientType=0);
background-color: #535353;
} .btnCancelIconic {
display: block;
position: absolute;
right: 4px;
top: 4px;
cursor: pointer;
}
.btnCancelIconic::after {
font-family: "dashicons";
content: "\f158";
font-size: 16px;
color: #FFFFFF;
position: relative;
right: 0px;
top: 0px;
}
.dialogContent {
display: block;
}
.dialogFooter {
display: block;
}#snackbar {
visibility: hidden;
min-width: 250px;
margin-left: -125px;
background-color: #333;
color: #fff;
text-align: center;
border-radius: 2px;
padding: 16px;
position: fixed;
z-index: 99999;
left: 50%;
bottom: 40px;
font-size: 17px;
}
#snackbar.show {
visibility: visible; -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}   @-webkit-keyframes slide-in-bottom {
0% {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes slide-in-bottom {
0% {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}