@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html {
    font-family: 'Roboto', sans-serif;
}
::selection {
    background: #b4bdff;
    text-shadow: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
body {
    overflow: hidden;
}
.logo {
    margin: auto 0 auto -55px;
}
#content {
    background-color: rgb(250,250,250, 0.3);
}
*:focus {
    outline: none;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #f8f8f8;
}
::-webkit-scrollbar:hover {
    background-color: #eee;
}
::-webkit-scrollbar-thumb {
    min-height: 0.8em;
    min-width: 0.8em;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #bbb;
}
::-webkit-scrollbar-thumb:active {
    background-color: #888;
}
/*md-sidenav { display: block !important; }*/
md-backdrop {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='30' height='30'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'%3E%3C/path%3E%3C/svg%3E") 15 15, pointer;
}
.md-avatar {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    box-sizing: content-box;
    border: 1px solid rgba(0, 0, 0, 0.54);
}
a {
    color: rgba(0, 0, 0, 0.7);
}
md-content.md-default-theme, md-content, md-card {
    color: rgba(0, 0, 0, 0.7);
}
#contentWrapper {
    padding: 0 0 0 42px;
    background-color: #b0b0b0;
    background: linear-gradient(to bottom right, #878787, #c5c5c5);
}
.flag {
    width: 22px;
    margin: 0 5px 2px 0;
}
/*#content { opacity: 0; }*/
.footerCredits {
    display: block;
    color: rgba(0, 0, 0, 0.5);
    padding: 2px;
    font-size: 10px;
}
md-list-item, md-list-item .md-list-item-inner, md-list-item.md-2-line, md-list-item.md-2-line>.md-no-style {
    height: 42px;
    min-height: 42px;
}
.md-list-item-text>h4>span {
    color: rgba(0,0,0,0.7);
}
md-list-item.md-primary,
ng-md-icon.md-primary,
ng-md-icon.md-primary svg,
.infoText.md-primary,
.monthPicker.md-primary,
.cellDate.md-primary,
.sNumeroInput.md-primary,
md-autocomplete.md-primary input,
span.md-primary {
    color: rgb(91, 142, 208) !important;
    fill: rgb(91, 142, 208) !important;
}
.progressLinear .md-primary, .md-primary .md-ripple-container>* {
    background-color: rgb(91, 142, 208) !important;
}
md-autocomplete[disabled] button {
    display: none;
}
.md-button.md-primary.md-default-theme:not([disabled]):not(.md-icon-button).md-focused, .md-button.md-primary:not([disabled]):not(.md-icon-button).md-focused, .md-button.md-primary.md-default-theme:not([disabled]):not(.md-icon-button):hover, .md-button.md-primary:not([disabled]):not(.md-icon-button):hover {
    background-color: rgba(91,142,208,0.2) !important;
}
md-list-item.md-accent, .infoText.md-accent, ng-md-icon.md-accent, ng-md-icon.md-accent svg {
    color: rgb(251,192,45) !important;
    fill: rgb(251,192,45) !important;
}
.progressLinear .md-accent, .md-accent .md-ripple-container>* {
    background-color: rgb(251,192,45) !important;
}
.md-button.md-accent.md-default-theme:not([disabled]):not(.md-icon-button).md-focused, .md-button.md-accent:not([disabled]):not(.md-icon-button).md-focused, .md-button.md-accent.md-default-theme:not([disabled]):not(.md-icon-button):hover, .md-button.md-accent:not([disabled]):not(.md-icon-button):hover {
    background-color: rgba(251,192,45,0.2) !important;
}
md-list-item.md-warn, .infoText.md-warn, ng-md-icon.md-warn, .sNumeroInput.md-warn,  ng-md-icon.md-warn svg, md-autocomplete.md-warn input, span.md-warn, td.md-warn {
    color: rgb(255,112,67) !important;
    fill: rgb(255,112,67) !important;
}
.progressLinear .md-warn, .md-warn .md-ripple-container>* {
    background-color: rgb(255,112,67) !important;
}
.md-button.md-warn.md-default-theme:not([disabled]):not(.md-icon-button).md-focused, .md-button.md-warn:not([disabled]):not(.md-icon-button).md-focused, .md-button.md-warn.md-default-theme:not([disabled]):not(.md-icon-button):hover, .md-button.md-warn:not([disabled]):not(.md-icon-button):hover {
    background-color: rgba(255,112,67,0.2) !important;
}
md-list-item.md-background, ng-md-icon.md-background, ng-md-icon.md-background svg, span.md-background, button.md-background, .render-range {
    color: rgba(0,0,0,0.7);
    fill: rgba(0,0,0,0.7);
}
.greyText {
    color: rgba(33, 33, 33, 0.7);
}
ng-md-icon {
    position: relative;
    bottom: 1px;
}
md-sidenav, md-toolbar {
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px;
}
md-card {
    padding: 0 10px;
}
mdt-table table {
    background-color: rgb(250,250,250);
}
table.md-table th.md-column md-icon svg{
    max-width: 16px;
    margin: auto;
}
table.md-table tbody.md-body>tr.md-row, table.md-table tfoot.md-foot>tr.md-row {
    height: 28px;
}
table.md-table .md-button.md-icon-button {
    /*line-height: 26px;*/
    height: 26px;
    min-height: 26px;
    width: 26px;
    padding: 0;
    margin: 1px !important;
}
table.md-table thead.md-head>tr.md-row, .md-table-pagination>* {
    height: 40px;
}
.md-table-pagination md-select {
    min-width: 35px;
}
table:not(.staticHeader).md-table tbody.md-body>tr.md-row:hover, table:not(.staticHeader).md-table tfoot.md-foot>tr.md-row:hover {
    background-color: #f1f1f1;
}
table.md-table tbody.md-body>tr.md-row.infoRow, table.md-table tfoot.md-foot>tr.md-row.infoRow {
    background-color: rgb(255,255,255);
}
table.md-table tbody.md-body>tr.md-row, table.md-table tfoot.md-foot>tr.md-row {
    line-height: 26px;
}
.md-no-sticky.md-subheader {
    background-color: inherit;
}
.md-no-sticky.md-subheader .md-subheader-inner {
    padding: 0 16px;
}
md-list.md-default-theme md-list-item.md-2-line .md-list-item-text p, md-list md-list-item.md-2-line .md-list-item-text p, md-list.md-default-theme md-list-item.md-3-line .md-list-item-text p, md-list md-list-item.md-3-line .md-list-item-text p {
    color: inherit;
}
.topToolbar {
    background-color: rgba(0,0,0,.5) !important;
    color: #ffffff !important;
    position: fixed;
    min-height: 42px;
    z-index: 77;
}
.without-asterisk:after, md-select.without-asterisk>.md-select-placeholder>span:not(.md-select-icon):after {
    display: none !important;
}
md-card.md-default-theme, md-card {
    background-color: rgba(255, 255, 255, 0.95);
}
md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default, md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default {
    background-color: initial;
    overflow: inherit;
}
md-switch {
    margin: 0px;
}
.md-sidenav-left, .md-sidenav-right {
    padding-top: 42px;
}
.md-sidenav-right {
    padding: 48px 10px 10px 10px;
}
.md-toolbar-tools {
    width: 95px;
}
.md-toolbar-tools>button, md-toolbar>md-progress-circular {
    margin: auto;
}
.md-toolbar-tools .md-icon-button {
    margin: 0;
}
.md-toolbar-tools .inPageTitle {
    color: rgba(0, 0, 0, 0.2);
    margin: auto 14px auto 24px;
    font-weight: bold;
    font-size: 30px;
    font-style: italic;
}
md-toolbar.md-table-toolbar, .md-toolbar-tools, .logo {
    height: 42px !important;
    max-height: 42px !important;
    min-height: 42px !important;
    padding: 0 8px;
}
md-toolbar.md-table-toolbar .md-toolbar-tools {
    padding: 0 14px;
}
.topToolbar .md-nav-bar {
    margin-top: 16px;
    border-width: 0;
}
.topToolbar md-nav-bar {
    margin: auto;
}
.topToolbar md-nav-bar ._md-nav-button-text {
    color: rgb(250,250,250);
}
.topToolbar md-nav-bar .md-primary ._md-nav-button-text {
    color: inherit;
}
.topToolbar md-nav-bar md-nav-ink-bar {
    background: white;
}
.topToolbar li a, .topToolbar li span {
    color: white;
}
.topToolbar li.Statut1 a, .topToolbar li.Statut1 span {
    color: rgb(68, 179, 92);
}
.topToolbar li.Statut2 a, .topToolbar li.Statut2 span {
    color: rgb(68, 133, 179);
}
.topToolbar li.Statut3 a, .topToolbar li.Statut3 span {
    color: rgb(147, 179, 68);
}
.topToolbar li.Statut4 a, .topToolbar li.Statut4 span {
    color: rgb(243, 146, 46);
}
.topToolbar li.Statut5 a, .topToolbar li.Statut5 span {
    color: rgb(232, 178, 57);
}
.topToolbar li.Statut6 a, .topToolbar li.Statut6 span {
    color: rgb(255, 255, 255);
}
.topToolbar li.Statut7 a, .topToolbar li.Statut7 span {
    color: rgb(210, 203, 0);
}
.topToolbarTitle {
    text-align: center;
    line-height: 48px;
    font-weight: 600;
    font-size: 24px;
}
.tableCard {
    overflow: hidden;
}
md-toolbar.md-table-toolbar form > input {
    width: 100%;
    margin: 0;
    border: none;
}
md-toolbar.md-table-toolbar form {
    margin-left: 16px;
}
.filters-title {
    line-height: 40px;
    font-size: 20px;
}
canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.inlineInput {
    border: 0;
    text-align: right;
}
.inputsTable th, .inputsTable td {
    padding: 0 !important;
    text-align: center !important;
}
.inputsTable .inlineInput {
    width: 90%;
}
.inPageIcon {
    position: absolute;
    left: -9px;
    top: -18px;
    transform: rotate(340deg);
}
fieldset {
    border-style: solid;
    border-width: 1px;
    height: 100%;
    border-color: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}
legend {
    margin-left: 5px;
    padding: 0 5px;
}
fieldset md-checkbox {
    font-size: 14px;
    margin: 0;
}
.inPageIcon>svg {
    fill: rgba(0, 0, 0, 0.1);
}
.inPageTitle {
    z-index: 1;
}
th>* {
    z-index: 10;
}
.loginInputs {
    width: 300px;
}
.loginForm {
    margin-top: 20px;
}
.ql-toolbar.ql-snow {
    border: 0;
    border-bottom: 1px solid #ccc;
}
.ql-container.ql-snow {
    border: 0 !important;
}
.allHeight {
    height: 100%;
}
.allWidth {
    width: 100%;
}
.width800 {
    max-width: 800px;
}
.width100 {
    max-width: 100px;
    width: 100px;
}
.width50 {
    max-width: 50px;
    width: 50px;
}
.width80 {
    max-width: 80px;
    width: 80px;
}
.width30 {
    max-width: 30px;
}
.padding8 {
    padding: 8px !important;
}
.padding16 {
    padding: 16px !important;
}
.padding24 {
    padding: 24px;
}
.padding0 {
    padding: 0 !important;
}
.margin0 {
    margin: 0 !important;
}
.margin10 {
    margin: 10px !important;
}
.marginTop10 {
    margin-top: 10px !important;
}
.marginAuto {
    margin: auto;
}
.marginAuto0 {
    margin: auto 0;
}
.margin0Auto {
    margin: 0 auto;
}
.margin05 {
    margin: 0 5px;
}
.border0 {
    border: 0 !important;
}
.alignCenter {
    text-align: center;
}
.fontBold {
    font-weight: bold;
}
.fontCalibri {
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
}
.fontGothic {
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}
.displayTable {
    display: table;
}
.displayFlex {
    display: flex !important;
}
.font10 {
    font-size: 10px !important;
}
md-card.allHeight.allWidth.displayTable {
    padding: 0;
    margin: 8px;
}
.red {
    color: orangered;
}

.green {
    color: green;
}
.md-icon-button+.md-datepicker-input-container {
    margin-left: 0;
}
.md-button:not(.md-icon-button):not(.md-no-style) {
    border: 0.1px solid;
    font-weight: 300;
}
label.ng-binding, .md-select-value.md-select-placeholder>span, table.md-table th.md-column, .thinText {
    font-weight: 300;
}
.mouvementText {
    font-size: 10px;
    height: 12px;
    align-self: center;
    display: inline-table;
    margin-left: 5px;
}

.routeImageContainer {
    position: absolute;
}
.routeImage {
    overflow: hidden;
    min-height: 48px;
}
.routeImage img {
    width: 100%;
}
.md-card-headline {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
}
.md-card-image {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    height: auto;
}
md-card .md-card-title {
    padding: 24px 16px 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
}
md-card .md-card-title .md-card-title-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.routeImageShadow {
    box-shadow: 0px 0px 120px 90px rgb(216, 216, 216);
}
.routeTitle {
    position: absolute;
    top: 85px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.7);
}
button:disabled svg {
    color: rgba(0, 0, 0, 0.25) !important;
    fill: rgba(0, 0, 0, 0.25) !important;
}

.absenceIndicator {
    width: 9px;
    height: 9px;
    margin-bottom: 2px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    display: inline-block;
}

/*scrollbar*/
/*#content::-webkit-scrollbar { width: 0; }
#content { -ms-overflow-style: none; }*/

.md-avatar svg {
    height: 40px;
    width: auto;
}
.md-avatar.founisseurAvatar {
    height: 14px;
    width: auto;
    border: 0;
    position: absolute;
    top: 2px;
    left: 1px;
}
md-input-container {
    margin: 18px 0 0 0;
}
md-input-container>md-autocomplete input {
    border: 0 !important;
    height: 100% !important;
}
md-input-container>md-autocomplete button {
    position: absolute !important;
    right: 0;
    top: 5px;
    width: 30px !important;
}
.md-datepicker-triangle-button {
    display: none;
}
.contactForm md-input-container {
    margin: 18px 0 0 0;
    min-height: 54px;
}
#prestationContent li {
    display: block;
}
.carousel-template>a {
    height: 100%;
    display: block;
}
.carousel-template>a>img {
    width: 100%;
    height: 100%;
}
.carousel-template .carousel-description {
    position: relative;
    bottom: 105px;
    color: #000;
    font-size: 20px;
    line-height: 44px;
    background-color: #ffffff;
    opacity: 0.6;
    padding: 0 25px;
    min-width: 60%;
    display: inline-block;
}
.jk-carousel .right-arrow-button, .jk-carousel .left-arrow-button {
    display: none;
}
.carousel-template, .jk-carousel .slide>div {
    height: 100%;
}
.carousel-block {
    margin: 20px auto 0 auto;
}

.filtersCard md-input-container {
    height: 30px;
    text-align: left;
}
.filtersCard md-input-container:last-of-type {
    margin: 18px 0 18px 0;
}

.thumb {
    height: 50px;
    width: auto;
    max-width: 100%;
}
.additionalInfo {
    margin: 5px 0 5px 16px;
    color: rgba(0,0,0,0.54);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 1.2em;
}
.contactDialog md-dialog-content span {
    font-size: 14px;
}
.contactDialog table thead {
    border-bottom: 1px rgba(128, 128, 128, 0.07) solid;
}
.contactDialog table tr, .contactDialog table td {
    border-top: 0 !important;
}
.contactDialogHeader {
    margin-top: 10px;
}
.dialogLabel, .dialogRow md-table-container thead th {
    color: rgba(0,0,0,.36) !important;
    font-size: 11px !important;
    font-weight: 700;
    line-height: 20px;
    margin: auto;
    text-align: center;
}
.dialogRow {
    border: 1px solid rgba(128, 128, 128, 0.15);
    border-radius: 3px;
    margin-bottom: 1px;
    margin-right: 1px;
}
.dialogRow.layout-column {
    display: inline-table;
    width: 100%;
}
.dialogRow .dialogLabelContainer {
    border-right: 1px solid rgba(128, 128, 128, 0.15);
    text-align: center;
}
.dialogRow .dialogTextAreaValue, .dialogRow .dialogValueContainer, .dialogRow md-table-container {
    background-color: rgba(128, 128, 128, 0.07);
}
.dialogRow .dialogValueContainer {
    padding-left: 5px;
    text-align: center;
}
.calendarInfo {
    width: 100%;
}
.calendarInfo .dialogRow .dialogValueContainer {
    font-size: 14px;
}
.dialogRow .dialogValueContainer>span, .dialogRow .dialogValueContainer>a {
    margin: auto 3px auto 0;
}
.dialogRow md-table-container {
    min-height: 40px;
}
.dialogRow md-table-container thead {
    background-color: #fff;
}
.dialogRow .dialogTextAreaLabelContainer {
    border-bottom: 1px solid rgba(128, 128, 128, 0.15);
    width: 100%;
}
.dialogRow .dialogTextAreaLabel {
    margin-left: 26px;
}
.dialogRow .dialogTextAreaValue {
    padding: 2px;
    min-height: 20px;
    display: block;
}
.dialogRow .emailValue {
    font-size: 13px;
    line-height: 13px;
}
.dialogRow .md-icon-button {
    min-height: 24px;
    height: 24px;
    width: 24px;
    padding: 0;
}

.contactDialogImage {
    display: block !important;
    margin-bottom: 10px;
}
.contactDialogImage>md-card {
    padding: 0;
    margin: 0;
    height: 150px;
    display: block;
    text-align: center;
}
.contactDialogImage img {
    height: 150px;
    width: auto;
    margin: auto;
}
.emptyTableRow>td {
    text-align: center !important;
    color: rgba(0, 0, 0, 0.2) !important;
    font-size: 20px !important;
}
.fa-spin {
    line-height: 20px;
}
.fa-spin, .fa-spin svg {
    -webkit-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear;
    fill: #fff;
}
.fa-pulse, .fa-pulse svg {
    -webkit-animation: fa-spin 1s infinite steps(16);
    animation: fa-spin 1s infinite steps(16);
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.contactDialog table tr {
    height: 20px !important;
}
.mdListItemActive {
    color: #5b8ed0;
    fill: #5b8ed0;
    background-color: rgba(0, 0, 0, 0.15);
}
.leftMenuItem ng-md-icon {
    fill: rgb(141, 110, 99);
}
.mdListItemActive ng-md-icon {
    fill: #5b8ed0;
}
.leftMenuItem.disabled {
    opacity: 0.5;
}
.leftMenuItem .md-button {
    min-height: 42px;
    min-width: 42px;
    z-index: 1;
    border-radius: 0;
}
.leftMenuItem div.md-button {
    padding: 0 10px !important;
}
.contactsTable tbody, .contactsTable tr, .photoForm .photoInCenter>img {
    max-width: 100%;
}
.contactsTable th {
    line-height: 30px;
}
.contactsTable thead * {
    color: #5b8ed0 !important;
}
.contactsTable thead .md-active * {
    color: #5b8ed0 !important;
}
table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2), table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
    padding: 0 30px 0 0;
}
table.md-table.bulettinsListTable:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2), table.bulettinsListTable.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
    padding: 0 15px 0 0;
    line-height: 13px;
}
.starStatutField svg {
    fill: rgba(0, 0, 0, 0.3) !important;
}

.avatarContainer, .avatarContainer>ng-md-icon, .avatarImage {
    height: 40px;
    width: 40px;
}
.avatarContainer {
    display: table;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 16px;
    border-radius: 50%;
    box-sizing: content-box;
    overflow: hidden;
    border: 2px solid #ececec;
}
.avatarContainer>ng-md-icon {
    fill: #ececec;
    margin: auto;
    display: table;
}
.avatarImage {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.noteValue {
    font-size: 20px;
    font-weight: 300;
}
.md-input-container.md-default-theme .md-input-message-animation, md-input-container .md-input-message-animation, md-input-container.md-default-theme .md-input-messages-animation, md-input-container .md-input-messages-animation {
    font-size: 12px;
}
md-slider-container>:first-child:not(md-slider) {
    margin-right: 0;
}
md-slider-container md-input-container input[type=number] {
    text-align: center;
    padding-left: 7px;
    height: 17px;
    margin-top: -5px;
}
md-slider {
    z-index: 1;
}
.md-subheader {
    margin-top: 10px;
}
.infoText, .md-subheader-content {
    color: rgba(0,0,0,0.8);
    font-weight: 300;
    font-size: 12px;
}
.infoHeader {
    font-size: 18px;
    line-height: 15px;
}
.wrapText {
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}
.moyene {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.65);
}
.ajouterBtn button {
    z-index: 1;
}
.ajouterBtn[disabled] {
    opacity: 0.7;
}
.dateSpan {
    color: rgba(33, 33, 33, 0.7);
    font-weight: 300;
    font-size: 12px;
}
.cke_contents {
    min-height: 260px;
}

.rotated-text {
    display: inline-block;
    overflow: hidden;
    width: 1.5em;
}
.rotated-text__inner {
    display: inline-block;
    white-space: nowrap;
    /* this is for shity "non IE" browsers
       that dosn't support writing-mode */
    -webkit-transform: translate(1.1em,0) rotate(90deg);
    -moz-transform: translate(1.1em,0) rotate(90deg);
    -o-transform: translate(1.1em,0) rotate(90deg);
    transform: translate(1.1em,0) rotate(90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    /* IE9+ */
    -ms-transform: none;
    -ms-transform-origin: none;
    /* IE8+ */
    -ms-writing-mode: tb-rl;
    /* IE7 and below */
    *writing-mode: tb-rl;
}
.rotated-text__inner:before {
    content: "";
    float: left;
    margin-top: 100%;
}

/* mininless css that used just for this demo */
.container {
    float: left;
}

/*.calendrTable tr:hover, .calendrTable th:hover { background-color: rgba(75, 255, 0, 0.05); }*/
.calendrTable {
    width: 100%;
}
.cellToPick {
    height: inherit;
    line-height: 26px;
}
.divToPick {
    height: 25px;
    margin: 2px;
    text-align: center;
    background-color: rgb(0, 0, 0);
    border-radius: 2px;
    cursor: pointer;
    opacity: 0.1;
}
.divToPick:hover {
    margin: 0 !important;
    border-radius: 2px !important;
    opacity: 0.2;
}
.divToPick.active {
    height: 30px;
    margin: 0 2px 0 2px;
    font-size: 12px;
    background-color: rgb(91, 142, 208);
    color: #FFF;
    border-radius: 0;
    opacity: 1 !important;
    cursor: pointer !important;
}
.divToPick.active:hover {
    font-weight: 800;
}
.divToPick.active.first {
    height: 28px;
    margin: 2px 2px 0 2px;
    border-radius: 2px 2px 0 0;
}
.divToPick.active.first:hover {
    margin: 2px 0 0 0 !important;
}
.divToPick.active.last {
    height: 28px;
    margin: 0 2px 2px 2px;
    border-radius: 0 0 2px 2px;
}
.divToPick.active.last:hover {
    margin: 0 0 2px 0 !important;
}
.divToPick.active.first.last {
    margin: 2px;
    border-radius: 2px 2px 2px 2px;
    height: 26px;
}
.divToPick.active.first.last:hover {
    margin: 2px 0 2px 0 !important;
}
.divToPick.weekend {
    background-color: #ff0000;
    opacity: 0.2;
}
.divToPick.picked {
    background-color: rgb(251,192,45);
    opacity: 0.8;
}
.divToPick.disabled {
    opacity: 0.05;
}
.divToPick.past {
    cursor: inherit;
}
.cellDate {
    padding-left: 5px;
    overflow: hidden;
    white-space: pre;
}
.cellDate .numberDate {
    font-size: 16px;
    font-weight: bold;
}
.cellDate .weekDate {
    font-size: 12px;
    font-weight: 300;
    margin-left: 2px;
}
.monthPicker {
    width: 205px;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    margin: 5px 0;
}
.mdOptionCenter .md-text {
    width: 100%;
    text-align: center;
}

.tooltip {
    position: relative;
}
.tooltip .tooltiptext {
    line-height: 10px;
    font-size: 10px;
    visibility: hidden;
    background-color: #585858;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 3px;
    position: absolute;
    z-index: 1;
    top: 0;
    display: none;
}
.tooltip .tooltiptext.to-the-right {
    left: 100%;
}
.tooltip .tooltiptext.to-the-left {
    right: 100%;
}
.tooltip .tooltiptext.to-the-top {
    left: 0;
}
.tooltip .tooltiptext>div {
    white-space: nowrap;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    display: block;
}
.md-dialog-content {
    padding: 8px !important;
}
.md-dialog-content md-input-container {
    padding: 2px 4px;
}
.md-dialog-content>div {
    padding: 4px;
}

.clear-date-btn {
    position: absolute;
    right: 0;
    top: -3px;
}
.md-errors-spacer {
    display: none;
}
[disabled] md-input-container.md-default-theme .md-input, [disabled] md-input-container .md-input, md-input-container.md-default-theme .md-input[disabled], md-input-container .md-input[disabled] {
    color: rgba(0, 0, 0, 0.6);
}
md-select.md-default-theme[disabled] .md-select-icon, md-select[disabled] .md-select-icon, md-select.md-default-theme[disabled] .md-select-value, md-select[disabled] .md-select-value, md-select.md-default-theme[disabled] .md-select-value.md-select-placeholder, md-select[disabled] .md-select-value.md-select-placeholder {
    color: rgba(0, 0, 0, 0.6);
}


.customSidenav md-expansion-panel-collapsed,
.customSidenav md-expansion-panel-expanded,
.expansionUserEdit md-expansion-panel-collapsed,
.expansionUserEdit md-expansion-panel-expanded {
    cursor: pointer;
}
.customSidenav .md-expansion-panel-header-container, .customSidenav md-expansion-panel-collapsed {
    background-color: rgba(0, 0, 0, 0.03);
}
.customSidenav md-expansion-panel.md-open, .expansionUserEdit.md-open {
    margin: 0 0 10px 0;
}
.customSidenav .md-title, .expansionUserEdit .md-title {
    color: rgba(0, 0, 0, 0.54) !important;
}
.customSidenav md-expansion-panel-content, .expansionUserEdit md-expansion-panel-content {
    padding: 0;
}
.customSidenav md-expansion-panel-content md-list, .expansionUserEdit md-expansion-panel-content md-list {
    padding: 0;
}
.customSidenavMini {
    width: 42px;
}
.expansionUserEdit md-expansion-panel-collapsed, .expansionUserEdit md-expansion-panel-header, .expansionUserEdit .md-expansion-panel-header-container {
    min-height: 30px;
}
.expansionUserEdit .md-title {
    line-height: 30px;
}
.expansionUserEdit .md-expansion-panel-header-container md-icon, .expansionUserEdit md-expansion-panel-collapsed md-icon {
    position: absolute;
    right: 17px;
}
.expansionUserEdit md-checkbox {
    margin: 0;
}

.progressLinear {
    position: relative;
    display: block;
    height: 3px;
    opacity: 0.8;
}
.progressLinear>* {
    position: absolute;
    display: block;
    height: 100%;
}
.progressLinear .potential {
    opacity: 0.4;
}
.progressTableRow td {
    padding: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgb(178, 178, 178);
}

.questionRow {
    height: 135px;
    width: 100%;
    border-bottom: 1px solid rgb(178, 178, 178);
    padding: 5px;
    position: relative;
}
.questionRow .handle {
    margin: auto 0;
    cursor: pointer;
}
.controll, .controll * {
    cursor: pointer !important;
}
.configRow button, .sommaire button {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    padding: 2px !important;
    line-height: 12px !important;
    margin: 0 1px !important;
}
.questionDiv {
    width: 176px;
    margin: 0 2px 2px 2px;
    padding: 2px;
    background-color: #d0d0d0;
    font-size: 12px;
    text-align: left;
    border-radius: 5px;
    cursor: pointer;
}
.sommaireTitre {
    font-size: 14px;
    margin-bottom: 4px;
}
.addSommaireButton {
    margin: 2px;
    font-size: 11px;
    width: 180px;
}
md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default .md-button, md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default .md-button {
    color: inherit;
}
.som_titre:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.59);
}
.som_titre:nth-child(even) {
    background-color: rgba(206, 206, 206, 0.11);
}
.thinButton {
    font-size: 8px;
    min-height: 23px;
    max-height: 23px;
    line-height: 23px;
}
.smallButton {
    font-size: 11px;
    min-height: 28px;
    max-height: 28px;
    line-height: 27px;
}

.sachet_photo {
    height: 120px;
    width: 160px;
    min-width: 160px;
    margin: 5px;
}
.sachet_photo_second:disabled, .sachet_photo_second:disabled * {
    color: #656565 !important;
    fill: #656565;
    border-color: #656565 !important;
}
.photoInCenter {
    display: flex;
    justify-content: center;
}
.photoInCenter>img {
    max-height: 100%;
}
.photoPickPreview img {
    height: 70vh;
}
.photoPickPreview .ng-webcam, .photoPickPreview video {
    height: 70vh !important;
    width: auto !important;
}
#ng-webcam-overlay {
    display: none;
}
.darkForm input {
    border: 0;
}
/*.backgroundColorRedOp { background-color: rgba(255, 47, 47, 0.1) !important; }
.backgroundColorBlueOp { background-color: rgba(76, 143, 255, 0.1) !important; }
.backgroundColorVioletOp { background-color: rgba(232, 76, 255, 0.1) !important; }
.backgroundColorYellowOp { background-color: rgba(215, 255, 76, 0.1) !important; }
.backgroundColorOceanOp { background-color: rgba(76, 255, 218, 0.1) !important; }*/
input:not(disabled), md-select:not(disabled):not(.md-table-select), textarea:not(disabled), .md-select-colorized {
    background-color: rgba(76, 143, 255, 0.1) !important;
}
.statusSelect md-option {
    max-height: 42px;
}
.compactText {
    font-size: 14px;
    line-height: 18px !important;
}

.md-icon-button:not(disabled) ng-md-icon[icon="hourglass_empty"] svg,
.leftMenuItem button:not(disabled) ng-md-icon[icon="add_box"] svg,
.md-icon-button:not(disabled) ng-md-icon[icon="add_box"] svg,
.md-icon-button:not(disabled) ng-md-icon[icon="add"] svg {
    color: rgb(68, 179, 92);
    fill: rgb(68, 179, 92);
}
.md-icon-button:not(disabled) ng-md-icon[icon="refresh"] svg {
    color: rgb(68, 133, 179);
    fill: rgb(68, 133, 179);
}
.md-icon-button:not(disabled) ng-md-icon[icon="delete"] svg,
.md-icon-button:not(disabled) ng-md-icon[icon="chevron_right"] svg,
.leftMenuItem button:not(disabled) ng-md-icon[icon="logout"] svg,
.md-icon-button:not(disabled) ng-md-icon[icon="logout"] svg,
.logoutItem *,
.md-icon-button:not(disabled) ng-md-icon[icon="close"] svg {
    color: rgb(255, 67, 67);
    fill: rgb(255, 67, 67);
}
.md-icon-button:not(disabled) ng-md-icon[icon="edit"] svg,
.md-icon-button:not(disabled) ng-md-icon[icon="info_outline"] svg {
    color: rgb(232, 178, 57);
    fill: rgb(232, 178, 57);
}
.md-icon-button:not(disabled) ng-md-icon[icon="mail_outline"] svg,
.md-icon-button:not(disabled) ng-md-icon[icon="perm_identity"] svg {
    color: rgb(204, 0, 204);
    fill: rgb(204, 0, 204);
}
.md-icon-button:not(disabled) ng-md-icon[icon="insert_drive_file"] svg {
    color: rgb(102, 153, 0);
    fill: rgb(102, 153, 0);
}
.md-icon-button:not(disabled) ng-md-icon[icon="inbox"] svg,
.md-icon-button:not(disabled) ng-md-icon[icon="content_copy"] svg,
.md-icon-button:not(disabled) ng-md-icon[icon="assignment"] svg,
.md-icon-button:not(disabled) ng-md-icon[icon="local_atm"] svg,
.md-icon-button:not(disabled) ng-md-icon[icon="filter_list"] svg {
    color: rgb(141, 110, 99);
    fill: rgb(141, 110, 99);
}

/*calendar section*/
.tui-full-calendar-popup {
    font-weight: inherit;
    box-shadow: 0px 8px 11px 3px rgb(0 0 0 / 10%);
}
.tui-full-calendar-section-calendar,
.tui-full-calendar-section-calendar .tui-full-calendar-dropdown-button .tui-full-calendar-content,
.tui-full-calendar-section-end-date,
.tui-full-calendar-section-start-date {
    width: inherit;
}
.tui-full-calendar-popup-section-item {
    padding: 0 5px 0 5px;
}
.tui-full-calendar-section-end-date input,
.tui-full-calendar-section-start-date input {
    width: 130px;
}
.tui-full-calendar-section-title {
    width: 100% !important;
}
#tui-full-calendar-schedule-private, .tui-full-calendar-popup-section.tui-full-calendar-dropdown.tui-full-calendar-close.tui-full-calendar-section-state {
    display: none !important;
}

.toolbarSelect {
    margin: auto 5px;
}
.wideSidenav {
    width: 475px;
    min-width: 475px;
}
.priceField {
    width: 63px;
    height: 13px;
    line-height: 13px;
    margin: 3px 0;
}
table.staticHeader>tbody>tr, table.staticHeader>tbody>tr>td {
    border-top: 0 !important;
    border-bottom: 0 !important;
}
.temsFields td {
    padding: 0 5px !important;
    min-width: 127px;
}   

@media screen and (max-width: 960px) {
    .inPageTitle {
        font-size: 20px !important;
        color: rgba(0, 0, 0, 0.3) !important;
    }
}
@media screen and (max-width: 600px) {
    #contentWrapper {
        padding: 0;
    }
    .inPageTitle {
        font-size: 12px !important;
        color: rgba(0, 0, 0, 0.4) !important;
    }
}

@media screen {
    #printSection {
        display: none;
    }
}

@media print {
    #bodyWrapper *, body>div:not(#printSection) {
        display:none;
    }

    #printSection {
        display: inline;
    }

    #printSection {
        position:absolute;
        left:0;
        top:0;
    }
}