span[aria-owns="RendezVousSiteProduitID_listbox"] {
    display: none;
}
/*
Elements
*/

.k-grid .k-grid-header .k-header.entete-type {
    border: solid 1px #fff !important;
    border-width: 0 1px !important;
}

.menu-top-left {
    height: 40px;
    width: 100%;
    background-color: #192a75;
}

@font-face {
    font-family: 'exobold';
    src: url(./fonts/exo2-bold-webfont.eot);
    src: url(./fonts/exo2-bold-webfont.eot?#iefix) format('embedded-opentype'), url(./fonts/exo2-bold-webfont.woff) format('woff'), url(./fonts/exo2-bold-webfont.ttf) format('truetype'), url(./fonts/exo2-bold-webfont.svg#exobold) format('svg');
    font-weight: normal;
    font-style: normal;
}

.nav-top, .k-scheduler-toolbar {
    /*font-family: exobold;
    font-weight: bold;
    text-transform: uppercase;
        */
    /*text-transform: uppercase;*/
    font-size: 13px;
}

.k-scheduler-toolbar {
    padding-left: 5px;
}

html, body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 100%;
    color: #555;
    background: #f3f5f6;
}

.k-tooltip-content {
    text-align: left;
}

.k-grid-header, .k-tabstrip-items .k-item {
    /*font-family: exobold;
    font-weight: bold;*/
    text-transform: none;
}

.k-grid td input.form-control {
    padding: .1em;
}

span.form-control-static {
    display: inline-block;
}

.panel-heading {
    /*font-family: exobold;*/
    /*font-weight: bold;*/
}

.remove-diplome-row {
    cursor: pointer;
}

.triangle-erreur {
    color: rgb(199, 27, 72);
    font-size: 14px;
    margin-right: 5px;
}

.sellor-color-blue {
    color: #009ee9;
}

.fa.picto {
    cursor: pointer;
}

a {
    color: #009ee9;
}

    a:hover {
        color: #009ee9;
    }

.inline-block {
    display: inline-block;
}

.row-space {
    margin-bottom: 10px;
}

.normalcase {
    text-transform: none;
}

i.fa {
    font-weight: normal !important;
}

.bs-callout-warning h4 {
    color: #f0ad4e;
}

.bs-callout-info {
    background-color: #f4f8fa;
    border-color: #5bc0de;
}

    .bs-callout-info h4 {
        color: #5bc0de;
    }

.bs-callout {
    padding: 7px 20px;
    border-left: 3px solid #eee;
}

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .bs-callout p:last-child {
        margin-bottom: 0;
    }

    .bs-callout code {
        background-color: #fff;
        border-radius: 3px;
    }

.bs-callout-danger {
    background-color: #fdf7f7;
    border-color: #d9534f;
}

    .bs-callout-danger h4 {
        color: #d9534f;
    }

.label {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}

label {
    font-size: 13px;
}

* {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    outline: none !important;
}

.hidden {
    display: none;
}

.bg-message {
    padding: 15px;
}
/*
Main page container
*/

.body-wrapper {
    height: 100%;
}

/*
Left nav
*/

.shadow {
    /*-moz-box-shadow: 4px 4px 4px rgba(37, 37, 37, 0.38);
    -webkit-box-shadow: 4px 4px 4px rgba(37, 37, 37, 0.38);
    box-shadow: 4px 4px 4px rgba(37, 37, 37, 0.38);*/
    /*border: 2px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.15);*/
    /*border: 2px solid #009ee9;*/
    border-radius: 120px !important;
    box-shadow: 0 0 5px rgba(0,0,0,2.15);
    width: 120px;
    height: 120px;
}

ul.nav a.disabled {
    opacity: 0.2;
}

.menuCont {
    width: 16%;
    position: fixed;
    height: 100%;
    float: left;
    background-color: white;
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
    display: inline-block;
    left: 0;
    top: 0;
    overflow: auto;
    border-right: 2px solid #e7ebee;
}

.image-logo {
    display: block;
    width: 100%;
    text-align: center;
    height: 130px;
}

    .image-logo img {
        display: block;
        margin: auto;
    }

.page-header {
    margin: 0;
    padding: 15px 15px 0 15px;
    z-index: 100;
    position: fixed;
    background-color: #eeeeee;
    border-bottom: 1px solid #ddd;
    left: 16%;
    right: 0;
    top: 40px;
    transition: left 0.5s;
    height: 55px;
    overflow: hidden;
}

.menu-closed .page-header {
    left: 50px;
}

.page-header h1 {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.page-header a {
    color: #565656;
    background-color: white !important;
}

.page-header .nav a:hover {
    background-color: #eeeeee;
}

.page-default {
    margin-top: 40px;
    padding: 0px;
}

.page-header + .page-default {
    margin-top: 100px;
}

.page-footer {
    position: fixed;
    bottom: 0;
    background-color: white;
    z-index: 100;
    border-top: 1px solid #ddd;
    left: 15%;
    right: 0;
    transition: left 0.5s;
    height: 55px;
    overflow: hidden;
    padding: 8px 30px;
    text-align: right;
}

    .page-footer .btnFrom {
        float: right;
        margin-left: 15px;
    }

.menu-closed .page-footer {
    left: 50px;
}

.menu-closed .image-logo {
    height: 36px;
    padding-top: 4px;
}

    .menu-closed .image-logo:hover {
        text-underline: none;
    }

    .menu-closed .image-logo:before {
        margin-top: 10px;
        content: "\f0c9";
        color: white !important;
        height: 50px;
        font-family: FontAwesome !important;
        font-size: 18px !important;
    }

    .menu-closed .image-logo img {
        display: none;
    }

.menu-closed .menuCont {
    width: 51px;
}

    .menu-closed .menuCont .fa {
        font-size: 25px;
    }

    .menu-closed .menuCont span {
        display: none !important;
    }

/*
tabs
*/

.nav-tabs li {
    border: 0 !important;
}

    .nav-tabs li.active a {
        background-color: #F3F5F6;
    }

    .nav-tabs li a {
        color: #428bca;
    }

/*
nav primary
*/

.nav-primary {
    position: absolute;
    overflow-y: auto;
    top: 136px;
    bottom: 0;
    padding: 0;
    left: 0;
    right: 0;
}

    .nav-primary ul > li {
    }

        .nav-primary ul > li > a {
            padding: 10px 10px !important;
        }

            .nav-primary ul > li > a span {
                display: inline-block;
                padding-left: 5px;
                /*text-transform: uppercase;*/
                font-size: 13px;
            }

        .nav-primary ul > li > a {
            white-space: nowrap;
            color: BLACK;
            border-top: 1px solid rgba(255,255,255,0.05);
            border-bottom: 1px solid rgba(0,0,0,0.15);
        }

        .nav-primary ul > li.active > a, .nav-primary > ul > li > a:hover, .nav-primary > ul > li.active > a, .nav-primary > ul > li > a:focus {
            color: BLACK;
            background-color: #EEEEEE;
        }

    .nav-primary li a i {
        font-size: 18px !important;
        width: 20px;
        margin-right: 0px !important;
    }

.menu-closed .nav-primary > ul > li > a {
    padding: 10px 0px !important;
    text-align: center;
}

.menu-closed .nav-primary > ul > li.active {
    border-right: 0;
}

    .menu-closed .nav-primary > ul > li.active > a {
        background-color: #EEEEEE;
    }

.menu-closed .nav-primary {
    top: 40px;
}

.nav-primary .menu-sub-level {
    border-left: solid 10px rgba(0,0,0,0.15);
}

.menu-closed .nav-primary .menu-sub-level {
    border-left: solid 5px rgba(0,0,0,0.15);
    font-size: 14px !important;
}

/* buttons */
.btn-ec,
.btn-ec:visited,
.btn-ec:active,
.btn-ec:link {
    background-color: #009ee9 !important;
    color: #fff;
    border: 1px solid #009ee9 !important;
}

    .btn-ec:hover,
    .btn-ec:visited:hover,
    .btn-ec:active:hover,
    .btn-ec:link:hover {
        background-color: #ffffff !important;
        color: #009ee9;
    }

/*.dble .btn-ec {
    background-color: #79A101 !important;
}

    .dble .btn-ec:hover {
        background-color: #ffffff !important;
        color: #79A101;
    }*/

/*
LAYOUT
*/

.contentCont {
    margin-left: 16%;
    transition: margin 0.5s;
    -webkit-transition: margin 0.5s;
}

.menu-closed .contentCont {
    margin-left: 50px;
}

.main-container {
    width: 100%;
    padding: 0;
    background-color: #f3f5f6;
    padding-bottom: 50px;
}

.container > h2 {
    font-size: 20px;
    padding-left: 0;
}

footer {
    text-align: center;
}
/*
Page top nav
*/

.page-nav {
    background: #192a75;
    /*background-color: #224;*/
    height: 40px;
    padding-right: 38px;
    margin-left: -2px;
}

    .page-nav a.nav, .page-nav .nav > li {
        /*border-right: 1px solid rgba(255,255,255,0.05);
        border-left: 1px solid rgba(0,0,0,0.25);*/
        height: 40px !important;
    }

    .page-nav .nav > li {
        float: left;
    }

        .page-nav a.nav, .page-nav .nav > li > a {
            display: block;
            color: #eee;
            /*
        border-left: 1px solid #373d49;
        border-right: 1px solid #5b667a;
    */
            height: 20px;
            line-height: 40px;
            padding: 0 15px;
            text-decoration: none;
        }

    .page-nav a.with_icon {
        line-height: 45px !important;
    }

.menu-closed .page-nav a.nav span, .menu-closed .page-nav .nav > li > a {
    padding: 0 15px;
}

.page-nav a.nav {
    height: 20px;
    line-height: 20px;
    padding-top: 5px;
}

.menu-closed .page-nav a.nav span {
    padding-right: 0;
}

.page-nav .nav > li > a {
    border-bottom: 5px solid transparent;
}

.page-nav .nav > li.active > a {
    border-bottom: 5px solid #009ee9;
}

.page-nav a.nav:hover, .page-nav .nav > li > a:hover, .page-nav .nav > li.active > a {
    color: white;
    background-color: #223379;
    /*background-color: #224;*/
    opacity: 2.5;
    height: 40px;
}

.page-nav .nav > li > a {
    display: block;
    float: left;
}

    .page-nav .nav > li > a:focus {
        background-color: #223379;
        /*background-color: #224;*/
    }

.page-nav a.nav > i {
    color: white;
    padding-left: 10px;
}

.page-nav .dropdown-menu {
    margin: 0px 0;
}

    .page-nav .dropdown-menu li a {
        padding: 5px 20px;
    }

/*
Page help
*/

.page-help {
    margin-top: 15px;
    margin-right: 15px;
    text-align: right;
}

/*
Page breadcrumb
*/

/*

.breadcrumb {
    padding-left: 20px;
    border: 0;
    margin-bottom: 0;
    border: none;
    font-family: 'Arial' !important;
    font-weight: bold !important;
    text-transform: none;
    font-size: 18px;
    background-color: #eeeeee;
}

    */

.breadcrumb a {
    color: #565656;
    font-size: 13px;
}

/*
    3rd lvl menu
*/
.nav-tabs > li > a {
    border-color: #eee #eee #ddd;
    text-decoration: none;
    background-color: #eee;
}

.nav-top {
    position: fixed;
    width: 85%;
    z-index: 1000;
    transition: padding 0.5s, width 0.5s;
    -webkit-transition: padding 0.5s, width 0.5s;
    /*box-sizing: border-box;
    box-shadow: 0 1px 4px #333;*/
}

.menu-closed .nav-top {
    width: 100%;
    padding-right: 50px;
    margin-left: 1px;
}

/* Décalage pour le menu lvl 3*/
.nav-top + div.overflow-lvl3 {
    margin-top: 145px;
}

/* Partie formulaire */
div.form-container {
    width: 80%;
    margin: 20px auto;
    padding: 5px 0;
    display: table;
}

img.image-overview {
    max-width: 280px;
    border: 3px solid #ccc;
    margin-top: 10px;
}

div.form-label {
    width: 30%;
    text-transform: uppercase;
    text-align: right;
    display: table-cell;
    vertical-align: top;
}

    div.form-label.normalcase {
        text-transform: none;
    }

    div.form-label label {
        font-weight: bold;
        font-size: 14px;
        margin: 6px 0 0 0;
    }

div.form-edit-field .label.checkbox {
    width: inherit;
}

div.form-edit-field {
    display: table-cell;
    width: 60%;
    padding: 0 20px;
}

    div.form-edit-field input[type="checkbox"] {
        margin-top: -3px !important;
    }

    div.form-edit-field .field-validation-error {
        display: block;
        color: #f01111;
        margin: 5px 0 0 0;
    }

.input-validation-error {
    border-color: #f01111;
    color: #f01111;
    background-color: #FFE5E5;
}

span[class^='field-validation'].required:before {
    display: inline-block;
    content: "*";
    color: #f01111;
    font-size: 140%;
}

label.required:after {
    content: " *";
    color: #f01111;
}

.consultation label.required:after {
    content: "";
}

div.form-edit-field .k-textbox {
    height: 2.6em;
    line-height: 2.6em;
    width: 400px;
}

div.form-edit-field .k-dropdown,
div.form-edit-field .k-combobox {
    width: 280px;
}

div.form-edit-field .k-datepicker,
div.form-edit-field .k-numeric-wrap,
div.form-edit-field .k-dropdown-wrap {
    height: 2.6em;
    line-height: 2.6em;
}

    div.form-edit-field .k-datepicker input.k-input,
    div.form-edit-field .k-numeric-wrap input.k-input,
    div.form-edit-field .k-dropdown-wrap .k-input {
        height: 2.2em;
        line-height: 2.2em;
    }

div.form-edit-field .k-icon.k-i-calendar {
    display: inline-block;
    margin-top: 7px;
}

div.form-edit-field .k-numeric-wrap .k-select {
    padding-top: 2px;
}

div.form-container.level1 {
    padding-left: 50px;
}

div.form-container.level2 {
    padding-left: 100px;
}

div.form-container.nnchk {
    margin-left: 30%;
}

    div.form-container.nnchk label {
        font-weight: bold;
        font-size: 14px;
    }

    div.form-container.nnchk input[type="checkbox"] {
        margin-right: 20px;
    }

.form-label-precision {
    text-transform: none;
}

div.form-section {
    border: 1px solid #777;
    margin: 0 0 20px 0;
    /*padding: 0 0 15px 0;*/
    /*overflow: hidden;*/
    float: left;
    /*width: 100%;*/
}

    div.form-section > h3 {
        margin: 0;
        background-color: #777;
        color: #ffffff;
        font-size: 16px;
        padding: 5px 5px;
        /*margin-bottom: 15px;*/
    }

div.form-sub-section {
    border: 1px solid #ddd;
    margin: 10px 40px;
    overflow: hidden;
}

    div.form-sub-section #tab_locale {
        margin-top: 10px;
    }

    div.form-sub-section > h4 {
        background-color: #dddddd;
        padding: 5px;
        margin: 0;
        text-transform: uppercase;
    }

div.form-line {
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #eee;
    margin: 2px 10px;
}

div.form-line-title {
    text-align: right;
    font-weight: bold;
    padding: 10px 5px;
}

div.form-line-content {
    padding: 10px 5px;
    border-left: 1px solid #eee;
    position: relative;
    line-height: 2.5em;
}

.main-button {
    height: 45px;
    font-size: 1.5em;
    background-color: #fefefe;
    border-color: #aaa;
}

/* Locale */
#tab_locale {
    float: left;
    width: 100%;
    padding: 0px 10px;
}

#locale {
    float: left;
    width: 100%;
    padding: 0px 10px;
    margin-bottom: 5px;
    /* Tricky CSS */
    padding-right: 11px;
}

.js-tab {
    /*box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;*/
    border: 1px solid #ddd;
    float: left;
    width: 100%;
    border-top: none;
    padding-top: 5px;
}

/* Linked List */
.left {
    float: left;
}

.right {
    float: right;
}

.demo-section {
    padding: 50px 200px;
}

.list-headers, .list-wrapper {
    overflow: hidden;
}

    .list-headers h4 {
        width: 210px;
        text-align: center;
    }

#sortable-linkedlist, #sortable-unlinkedlist {
    width: 210px;
    min-height: 40px;
    margin: 0;
    padding: 0;
    border: 1px solid #dddddd;
    border-radius: 4px;
}

#sortable-linkedlist {
    float: right;
}

#sortable-unlinkedlist {
    float: left;
}

.list-item {
    list-style-type: none;
    width: 200px;
    margin: 5px;
    line-height: 30px;
    text-align: center;
    background-color: #222222;
    color: #ffffff;
    border-radius: 3px;
    cursor: pointer;
}

#sortable-linkedlist .list-item {
    background-color: #7AB800;
    color: #000000;
}

#sortable-unlinkedlist .list-item {
    background-color: #007ab8;
    color: #000000;
}

#placeholder.list-item {
    background-color: #ffffff;
    color: #777;
}

/** validation tooltips */
[data-tooltip='validation-tooltip'] + div.tooltip {
}

    [data-tooltip='validation-tooltip'] + div.tooltip > .tooltip-arrow {
        border-top-color: #E77272;
        border-bottom-color: #E77272;
    }

    [data-tooltip='validation-tooltip'] + div.tooltip > .tooltip-inner {
        background-color: #FFFFFF;
        color: #F01111;
        border: 1px solid #E77272;
        white-space: normal;
        padding-top: 5px;
    }

.tooltip-inner {
    border-radius: 4px !important;
    max-width: 230px;
}

/* SearchBox */
.action-buttons {
    display: inline-block;
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #ddd;
}

.search-form {
    margin-bottom: 20px;
}

    .search-form .input-group {
        width: 300px;
    }

    .search-form .k-dropdown {
        width: 300px;
    }

        .search-form .k-dropdown .k-dropdown-wrap {
            height: 32px;
        }

.search-input {
    /*width: 200px;
        float: left;*/
    padding: 5px;
    margin-top: 4PX;
    height: 35px;
    width: 90%;
}

.search-nomargin .search-input {
    margin-top: 0;
}

/*.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {
    padding: 5px 12px;
}*/

.validation-tooltip {
    display: none;
}

.validation-exception {
    color: #f01111;
}

    .validation-exception span.field-validation-error {
        display: block;
    }

/* TreeView */
.k-treeview span.k-in {
    width: 99%;
}

.tv-title {
    line-height: 30px;
}

.tv-actions {
    float: right;
    display: block;
}

.k-top, .k-mid {
    display: block;
}

/* Boutons d'action */
.js-action-activate {
    width: 100px;
}

.item-choices {
    display: inline-block;
    margin-right: 10px;
}

    .item-choices > label {
        font-size: 14px;
    }

/* Visuel dans les grid */
.picto-grid {
    font-size: 30px;
}

/* Titre */
h2 {
    position: fixed;
    width: 100%;
    background: white;
    height: 60px;
    margin: 0;
    padding-top: 20px;
    border-bottom: 1px grey dotted;
    z-index: 98;
}

    h2 + .search-form {
        margin-top: 70px;
    }
/* bouton enregistrer */
.fixed-save-button {
    position: fixed;
    top: 110px;
    /*left: 0;*/
    right: 0;
    width: auto;
    z-index: 98;
}

.dble-save-button {
    position: absolute;
    right: -13px;
    top: 10px;
    width: auto;
    z-index: 98;
}

/* Décalage pour le menu lvl 3*/
.nav-top + div.overflow-lvl3 .fixed-save-button {
    top: 155px;
}

.edit-content {
    margin-top: 65px;
}

.dble {
    position: relative;
    clear: both;
}

    .dble h2 {
        position: static;
        height: 60px;
        margin-bottom: 10px;
        font-size: 20px;
        padding-left: 0;
    }

h3 {
    cursor: pointer;
}

.js-accordion-content {
    margin: 10px 0;
    display: none;
}

.sub-list {
    margin: 10px 10px;
}

.col-selecter:first-child {
    border-right: 1px dotted #cccccc;
}

.col-selecter {
    width: 50%;
    float: left;
    margin-bottom: 30px;
}

    .col-selecter h4 {
        text-align: center;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: bold;
        border-bottom: 1px dotted #cccccc;
        margin: 10px 20px 5px 20px;
    }

.sweet-alert h2 {
    border: 0px;
}

.sweet-alert .sa-icon, .sweet-alert .sa-icon.sa-success .sa-placeholder {
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
}

#js-progress.spinner {
    float: none;
    /*margin: auto;*/
    height: auto;
}

    #js-progress.spinner > div {
        background-color: #575757;
        margin: 0px 1px;
        height: 12px;
    }

.js-extend {
    cursor: pointer;
    margin-left: 5px;
}

    .js-extend:before {
        content: "+";
    }

.open.js-extend:before {
    content: "-";
}

/*
 * Radio/Check box
 */

input[type=checkbox], input[type=radio] {
    display: none;
}
    /* to hide the checkbox itself */
    input[type=checkbox] ~ label:before {
        font-family: FontAwesome;
        display: inline-block;
        font-size: 20px;
        margin-left: 10px;
        /*width: 25px;*/
        line-height: 25px;
    }

    input[type=checkbox] ~ label:before {
        content: "\f096";
    }
    /* unchecked icon */
    input[type=checkbox] ~ label:before {
        letter-spacing: 10px;
    }
    /* space between checkbox and label */
    input[type=checkbox]:checked ~ label:before {
        content: "\f046";
    }
    /* checked icon */
    input[type=checkbox]:checked ~ label:before {
        letter-spacing: 5px;
    }
    /* allow space for check mark */

    input[type=checkbox]:disabled ~ label:before, input[type=checkbox]:disabled ~ label {
        opacity: 0.6;
    }

.panel-checkbox {
    margin-bottom: 15px !important;
}

    .panel-checkbox ~ label:before {
        content: "\f0c8" !important;
        color: #fff;
        opacity: 0.7;
    }

    .panel-checkbox:checked ~ label:before {
        content: "\f14a" !important;
        opacity: 1 !important;
    }

/* allow space for check mark */
input[type=radio] {
    display: none;
}
    /* to hide the checkbox itself */
    input[type=radio] + span:before {
        font-family: FontAwesome;
        display: inline-block;
        font-size: 25px !important;
        font-weight: inherit !important;
        cursor: pointer;
    }

    input[type=radio] + span:before {
        content: "\f10c";
    }

    input[type=radio] + span:before {
        letter-spacing: 10px;
    }

    input[type=radio]:checked + span:before {
        content: "\f192";
    }

checked icon input[type=radio]:checked + span:before {
    letter-spacing: 10px;
}
/* allow space for check mark */

/*input[type=checkbox] ~ label:before {
    font-family: FontAwesome !important;
    display: inline-block;
    font-size: 25px !important;
    margin-left: 20px;
    color: #444;
    cursor: pointer;
}*/

/*.cbxSpeciale ~ label:before {
    color: #78909C !important;
}

input[type=checkbox] ~ label:before {
    content: "\f096";
}*/

/* unchecked icon */
/*input[type=checkbox] ~ label:before {
    letter-spacing: 10px;
}

input[type=checkbox]:checked ~ label:before {
    content: "\f046";
}*/

/* checked icon */

/* Div filter */

.Filter {
    padding-top: 10px;
    /* min-height: 64px; */
    background-color: #EEEEEE;
    padding-left: 20px;
    padding-bottom: 10px;
    height: auto;
    display: inline-block;
    width: 100%;
}

.FilterSeparatorCbx {
    display: inline-block;
}

/*mainScheduler*/

#mainScheduler {
    margin-top: 20px;
    /*zoom:0.9;*/
    /*width: 111%;*/
    /*-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);

    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;*/
    /*margin:0;
    width:111%*/
}

.k-scheduler-table td, .k-scheduler-table th {
    font-size: 89% !important;
}

#moniteursScheduler {
    margin-bottom: 10px;
}

.k-slot-cell {
    text-align: left !important;
}

.rdv-template {
    padding: 3px;
}

.k-event-actions {
    top: 1px !important;
    right: 1px !important;
}

/*#Grid .k-grid-header {
    padding: 0 !important;
}*/

.k-grid td {
    padding: .929em 1.4em;
}

td.actions a {
    text-decoration: none;
}

td.actions i {
    margin: 0px 2px;
}

k-event:hover .k-resize-handle, .k-event-active .k-resize-handle, .k-scheduler-mobile .k-event-active:hover .k-resize-handle { /* Hides the resize icons on events */
    visibility: hidden;
}

.k-scheduler-footer {
    /* make them invisible */
    display: none;
    /* prevent height and paddings from influencing the size calculations */
    height: 0;
    padding: 0;
    overflow: hidden;
}

#Grid .k-grid-content {
    overflow-y: scroll !important;
}

#Grid .k-grid-content {
    padding-left: 0;
}

.k-grid td {
    padding-left: 15px !important;
}

/*.k-scheduler-footer {
    display: none;
    border-width: 0 0 1px;
}*/

/* Composant utils*/

.numberCircle {
    /*width: 18px;
    height: 18px;
    padding: 8px;*/
    /*background: #fff;*/
    /*border: 2px solid #666;
    color: #666;*/
    text-align: center;
    /*font: 20px Arial, sans-serif;*/
    font-weight: bold;
    font-size: 22px;
}

.numberCircleGreen {
    color: #87bc00;
    /*border: 2px solid green;*/
}

.numberCircleBlue {
    color: #192a75;
}

.page-toolbar .row {
    margin-bottom: 12px;
}

.btn-round {
    border-radius: 30px !important;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
}

    .btn-round.btn-xs {
        border-radius: 15px !important;
        height: 20px;
        width: 20px;
        line-height: 20px;
    }

.page-middle {
    margin-right: 15px;
    margin-left: 15px;
    padding-top: 20px;
    margin-bottom: 20px;
}

.page-toolbar {
    /*background-color: white;*/
    background-color: #EEEEEE;
    border-bottom: 1px solid #ddd;
    padding: 15px;
}

.page-header .btn-round {
    margin-top: -5px;
}

.searchInput::before {
    font-style: FontAwesome;
    color: #565656;
    content: "test";
    /*
        -ms-border-radius: inherit;
    border-radius: inherit;
    border-color: #DDDDDD;
    margin-top: -36px;
    padding-left: 60px;
    font-size: 18px;*/
}

.left-inner-addon input {
    font-size: 16px;
    height: 43px;
}

.modal-form {
    width: 90%;
    width: 90%;
}

.k-block, .k-widget, .k-popup, .k-content, .k-toolbar, .k-dropdown .k-input {
    color: black;
}

.k-scheduler-toolbar > ul:first-child {
    float: inherit !important;
}

.k-scheduler-toolbar > ul:first-child {
    float: right !important;
    margin-bottom: inherit !important;
}

    .k-scheduler-toolbar > ul:first-child > li > a {
        padding: 0 !important;
        /*outline: none;
    text-indent: -9999px;*/
        font-family: FontAwesome !important;
        display: inline-block;
        margin-left: 12px;
        content: "\f0c8";
    }

.k-nav-current {
    margin: 0 !important;
    margin-right: 12px !important;
}

.panel-default .panel-heading {
    padding: 19px 15px;
    /*color: rgba(255, 255, 255, 0.4) !important;
    background-color: #78909C !important;*/
    /*color: #009ee9;
    color: #999;*/
    /*color: black;*/
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    /*background-color: #eeeeee;*/
    background-color: #009ee9 !important;
    border-bottom: 0;
    height: 10px;
    line-height: 4px;
}

.k-window > .k-header, .k-grid > .k-header, .k-header > .k-button {
    background-color: #192a75 !important;
    border-color: #192a75 !important;
}

.k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected {
    border-bottom-color: #192a75 !important;
}

.k-dropdown .k-dropdown-wrap {
    height: 34px;
    line-height: 40px;
}

.inputLong {
    width: 100%;
    height: 30px;
    padding-left: 5px;
}

.inputLibelle {
    line-height: 30px;
    font-weight: bold;
    text-align: right;
}

.inputLibelleText {
    line-height: 30px;
}

/*.cancelPaddingright {
    padding-right: 0;
}*/

.color-sellor-green {
    color: #87bc00;
}

.color-sellor-red {
    color: #c71b48 !important;
}

.color-sellor-blue {
    color: #00bfff !important;
}

.btnFrom, .k-scheduler-update, .k-scheduler-cancel, .k-scheduler-delete {
    cursor: default;
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    border-width: 0 !important;
    outline: none !important;
    text-decoration: none !important;
    text-align: center !important;
    /*border-radius: 2px!important;*/
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6) !important;
    background-color: #87bc00 !important;
    background-color: #009EE9 !important;
    color: #ecf0f1 !important;
    transition: background-color .3s;
    height: 36px !important;
    line-height: 36px !important;
    width: 120px !important;
    float: left;
    font-weight: bold !important;
}

    .btnFrom.btnFrom-sm {
        height: 28px !important;
        line-height: 28px !important;
        font-weight: normal !important;
    }

    .btnFrom.largeBtn {
        width: 240px !important;
        margin: 0 20px 20px 0;
    }

/*.k-scheduler-delete {
    display: none;
}*/

.k-multiselect-wrap > ul > .k-button {
    padding-right: 25px !important;
    font-weight: inherit !important;
    text-transform: inherit !important;
    font-weight: inherit !important;
    padding-top: 8px !important;
    line-height: 15px;
}

.k-multiselect-wrap .k-select {
    top: 6px !important;
}

.k-button {
    line-height: inherit !important;
}

.k-edit-buttons {
    bottom: 0 !important;
}

.k-button {
    padding: 10px !important;
    font-weight: inherit !important;
    text-transform: lowercase;
    font-weight: bold !important;
    padding-top: 12px !important;
}

    .k-button:first-letter {
        text-transform: uppercase;
    }

.k-edit-buttons {
    background: none !important;
    border: none !important;
    float: right;
    padding-bottom: 5px !important;
}

.k-scheduler-layout tr + tr .k-scheduler-times th.k-slot-cell {
    white-space: normal;
    font-weight: inherit;
}

.k-edit-form-container .k-edit-buttons {
}

.btnFrom:hover, .btnFrom:focus, .k-scheduler-update:hover, .k-scheduler-update:focus, .k-scheduler-cancel:focus {
    background-color: #87a800 !important;
    background-color: #00bfff !important;
}

.btnFrom > *, .k-scheduler-update > *, .k-scheduler-cancel > * {
    position: relative;
}

.btnFrom span, .k-scheduler-update span, .k-scheduler-cancel span {
    display: block;
    padding: 12px 24px;
}

.btnFrom:before, .k-scheduler-update:before, .k-scheduler-cancel:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    padding-top: 0;
    /*border-radius: 100%;*/
    background-color: rgba(236, 240, 241, .3);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.btnFrom:active:before, .k-scheduler-update:active:before, .k-scheduler-cancel:active:before {
    width: 120%;
    padding-top: 120%;
    transition: width .2s ease-out, padding-top .2s ease-out;
}

.btnFrom.red, .k-scheduler-cancel {
    background-color: #c71b48 !important;
    margin-left: 10px;
}

    .btnFrom.red:hover, .btnFrom.red:focus, .k-scheduler-cancel:focus, .k-scheduler-cancel:hover {
        background-color: #911c47 !important;
    }

.btnFrom.green {
    background-color: #2ECC71 !important;
}

    .btnFrom.green:hover {
        background-color: #7AD8A2 !important;
    }

.btnFrom i {
    margin-right: 10px;
}

.headerFiche {
    margin-bottom: 10px;
    margin-right: 17px;
}

.link {
    color: black;
    cursor: pointer;
}

    .link:hover {
        color: black;
    }

.view:hover {
    text-decoration: none;
}

.fa-red {
    color: #c71b48 !important;
}

.fa-trash-o, .fa-close, .fa-trash, .fa-minus-circle {
}

.new-row, .new-diplome-row {
    cursor: pointer;
    height: 25px !important;
    margin-left: 20px;
    width: 180px;
    /*background-color: #78909C;*/
}

.remove-row, .remove-diploem-row {
    cursor: pointer;
}

.k-grid-update > .fa-check {
    color: #87bc00 !important;
}

    .k-grid-update > .fa-check:hover {
        color: #87a800 !important;
    }

.k-grid-update > .fa-close {
    color: #911c47;
}

    .k-grid-update > .fa-close:hover, .k-grid-update > .fa-trash-o:hover {
        color: #911c47 !important;
    }

.tooltip {
    font-family: 'arial';
    font-weight: normal !important;
    text-transform: none;
}

#tabstrip-1 {
    padding: 0;
    padding-top: 5px;
}

.boxFix *,
.boxFix *::before,
.boxFix *::after {
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.k-grid .k-grid-header .k-header {
    background-color: #78909C !important;
    color: white !important;
    border-color: #009ee9 !important;
    background-color: #009ee9 !important;
    /*color: rgba(255, 255, 255, .6) !important;*/
    color: white;
}

.k-grid .k-grouping-row td {
    padding: inherit !important;
    padding-top: 14px !important;
    padding-bottom: 10px !important;
    padding-left: 15px !important;
}

.k-grid-header th.k-header {
    padding-left: 13px;
}

.k-grid-header .k-link {
    color: white !important;
    font-weight: bold;
}

.modal-title {
    line-height: 37px;
}

.modal-footer {
    padding-bottom: 0;
}

.modal-header {
    background-color: #192a75 !important;
    color: white;
    height: 50px;
    padding: 7px 15px;
}

    .modal-header h4 {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 16px;
    }

    .modal-header input {
        color: #555555;
        height: 37px;
    }

    .modal-header .close {
        color: white !important;
        opacity: .7;
        text-shadow: 0 1px 0 #000;
    }

.modal-content {
    padding: 0 !important;
}

.k-window {
    top: 0;
}

.buttonActionAdd {
    color: white;
    /*margin-left:27px;*/
    width: 100%;
    text-align: center;
}

.k-state-hover {
    background-color: #eeeeee;
}

.k-grid tbody tr:hover {
    background: #eeeeee;
    cursor: pointer !important;
}

.k-grid tbody tr:active, .k-grid td.k-state-selected {
    color: black !important;
    background: #eeeeee !important;
}

.k-grid tr.k-state-selected {
    background: #eeeeee !important;
    color: black !important;
}

.k-pager-numbers .k-state-selected {
    border-color: #78909C transparent transparent !important;
    color: #78909C !important;
}

.link-add {
    color: white !important;
    /*margin-left: 27px;*/
    cursor: pointer;
}

#bodyHome {
    background: url("/Content/images/bgHome.png") no-repeat center fixed;
}

.loginBox {
    padding: 15px;
    padding-bottom: 0;
    width: 500px;
    padding-bottom: 20px;
    height: auto;
    display: block;
    background-color: white;
    -webkit-box-shadow: 10px 10px 19px -6px rgba(87,87,87,1);
    -moz-box-shadow: 10px 10px 19px -6px rgba(87,87,87,1);
    box-shadow: 10px 10px 19px -6px rgba(87,87,87,1);
    margin: 10% auto auto;
    text-align: center;
}

    .loginBox > form {
        margin-top: 5px;
        margin-left: 5px;
    }

        .loginBox > form > .checkbox {
            font-size: 12px;
            padding-left: 0 !important;
            line-height: 10px;
            margin-top: 30px;
        }

            .loginBox > form > .checkbox > label {
                font-size: 12px;
                line-height: -15px;
            }

    .loginBox .btn {
        color: white;
        background-color: #192a75;
        -ms-border-radius: inherit;
        border-radius: inherit;
        font-size: 18px;
        height: 37px;
        width: 400px;
        line-height: 0.33;
        margin: auto;
    }

    .loginBox .loginBlock input {
        width: 400px;
        margin: auto;
    }

    .loginBox .loginBlock {
        padding-top: 10px;
        width: 100%;
        min-height: 40px;
        text-align: center;
    }

    .loginBox .loginBottom {
        padding-top: 10px;
    }

.check-box {
    display: inherit !important;
    width: 20px;
    height: 20px;
}

.nav-top > .page-nav > .nav {
    margin-bottom: 5px;
}

.buttonAddEditGrid, .k-grid-toolbar {
    border: none;
    padding: 0;
    text-align: center !important;
    color: white !important;
}

    .buttonAddEditGrid:hover {
        text-decoration: none;
    }

/* Error template */
.k-notification-error.k-group {
    background: rgba(100%,0%,0%,.7);
    color: #ffffff;
}

.wrong-pass {
    width: 400px;
    height: 80px;
}

    .wrong-pass h3 {
        font-size: 1em;
        padding: 32px 10px 5px;
        cursor: none !important;
        font-weight: bold;
        margin: 0;
    }

    .wrong-pass img {
        float: left;
        margin: 30px 15px 30px 30px;
    }

.k-widget.k-notification.k-notification-error {
    background-color: #c71b48 !important;
    color: white !important;
    border-color: #c71b48 !important;
}

.pa {
    display: block;
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: left center;
    color: rgba(0, 0, 0, 0.87) !important;
    font-weight: 500;
    height: 35px;
    width: 35px;
}

.pa-voile {
    background-image: url("/Content/images/voile.svg");
}

.pa-voile-menu {
    background-image: url("/Content/images/voile-menu.svg");
}

.pa-natation {
    background-image: url("/Content/images/natation.svg");
}

.pa-kayak {
    background-image: url("/Content/images/kayak.svg");
}

.pa-bien-etre {
    background-image: url("/Content/images/well-being.svg");
}

.k-event, .k-task-complete {
    /*border-color: #30b578!important;
    background: #30b578 0 -257px none repeat-x;
    background-color: #30b578 !important;*/
    color: white !important;
    font-weight: bold;
}

.k-event-delete > .k-icon {
    background-image: url("kendo/Bootstrap/sprite.png") !important;
}

.k-edit-label {
    font-weight: bold;
}

.k-scheduler-edit-form .k-edit-label {
    width: 33%;
}

.k-scheduler-edit-form .k-edit-field {
    width: 60%;
}

.k-si-close {
    color: black;
}

.k-scheduler-times > .k-scheduler-table > tbody > tr > th, .k-scheduler-header-wrap > .k-scheduler-table > tbody > tr > th {
    background-color: #EEEEEE;
}

.k-scheduler-times > .k-scheduler-table > tbody > tr > .k-slot-cell {
    text-align: left !important;
}

/*.k-scheduler-times {
    width: 120px;
    word-wrap: break-word;
     table-layout: fixed;
}*/

.k-scheduler-layout tr + tr .k-scheduler-times th.k-slot-cell {
    width: 40px;
}

.k-window-titlebar .k-state-hover {
    background-color: rgb(125, 148, 160) !important;
    border-color: rgb(125, 148, 160) !important;
}

.k-state-hover {
    color: rgb(125, 148, 160);
}

@media (min-width: 1267px) {
    .nav-top > .page-nav > .nav {
        background-color: #192a75 !important;
        margin-bottom: 5px;
    }

    .nav-top > .page-nav {
        height: 40px;
    }

    /*.page-default {
        margin-top: 100px;
    }*/
}

/******************************/
/*       Fiche Moniteur       */
/******************************/

.ficheMoniteur .inputLibelle {
    font-size: 12px;
}

.ProdLibelle {
    color: black !important;
    font-weight: bold;
}

.SiteLibelle {
    color: rgb(135,188,0);
    font-weight: bold;
}

.ActiLibelle {
    color: #192a75 !important;
    font-weight: bold;
}

.k-window-title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
}

.k-scheduler-table .k-today {
    background-color: #fff8c4 !important;
}

.k-scheduler-table .k-nonwork-hour {
    background-color: #FFEBEE !important;
}

.k-scheduler-table > tbody > tr > th {
    background-color: white;
    color: black !important;
}

.k-scheduler-table > tbody > tr > .k-slot-cell {
    text-align: center !important;
}

.k-nav-day {
    line-height: 20px;
}

input[type=checkbox] ~ .panel-checkbox:before {
    font-size: 19px !important;
    color: white;
    font-family: FontAwesome !important;
    display: inline-block;
    margin-left: 12px;
    content: "\f0c8";
    cursor: pointer;
}

input[type=checkbox]:checked ~ .panel-checkbox:before {
    content: "\f14a";
    font-size: 19px !important;
}

input[type=checkbox]:checked ~ .panel-checkbox {
    opacity: 1;
}

.panel-checkbox {
    margin-top: -2px;
    margin-bottom: 8px;
    opacity: 0.7;
}

    .panel-checkbox:hover {
        opacity: 1;
    }

/*
    CS fixes
*/
table {
    font-size: 13px;
}

    table i.fa {
        font-size: 20px;
    }

.k-tabstrip > .k-tabstrip-items > .k-item {
    text-transform: none;
}

/*
    toastr
*/

.toast-title {
    font-weight: bold;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

    .toast-message a,
    .toast-message label {
        color: #ffffff;
    }

    .toast-message a {
        text-decoration: underline;
    }

        .toast-message a:hover {
            color: #cccccc;
            text-decoration: none;
        }

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

    .toast-close-button:hover,
    .toast-close-button:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40);
    }
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 55px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    /*overrides*/
}

    #toast-container * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #toast-container > div {
        position: relative;
        pointer-events: auto;
        overflow: hidden;
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 400px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        background-position: 15px center;
        background-repeat: no-repeat;
        -moz-box-shadow: 0 0 12px #999999;
        -webkit-box-shadow: 0 0 12px #999999;
        box-shadow: 0 0 12px #999999;
        color: #ffffff;
        opacity: 0.9;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
        filter: alpha(opacity=90);
    }

    #toast-container > :hover {
        -moz-box-shadow: 0 0 12px #000000;
        -webkit-box-shadow: 0 0 12px #000000;
        box-shadow: 0 0 12px #000000;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: alpha(opacity=100);
        cursor: pointer;
    }

    #toast-container > .toast-info {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
    }

    #toast-container > .toast-error {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
    }

    #toast-container > .toast-success {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
    }

    #toast-container > .toast-warning {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
    }

    #toast-container.toast-top-center > div,
    #toast-container.toast-bottom-center > div {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    #toast-container.toast-top-full-width > div,
    #toast-container.toast-bottom-full-width > div {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #51a351;
}

.toast-error {
    background-color: #bd362f;
}

.toast-info {
    background-color: #2f96b4;
}

.toast-warning {
    background-color: #f89406;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
}

/*
    forms
*/

.form-group {
    margin-bottom: 10px;
}

    .form-group .control-label {
        color: #565656;
        /*font-weight: bold;
    font-size: 12px;*/
        line-height: 18px;
    }

input.k-textbox {
    padding: 0px !important;
}

.display-sellor-none {
    display: none !important;
}

@media print {
    .k-scheduler,
    .k-scheduler-content,
    .k-scheduler-times {
        height: auto !important;
    }

    .k-scheduler-content {
        overflow-y: scroll !important;
    }

    .k-ff .k-scheduler-content {
        margin-right: 17px !important;
    }
}

.k-scheduler-header-wrap > .k-scheduler-table > tbody > tr > th {
    text-align: center !important;
}

.k-input {
    font-weight: 100;
}

.k-grid .k-header .k-button {
    color: #444 !important;
    border-color: #fafafa !important;
    background-color: #fafafa !important;
    padding-right: 25px !important;
    font-weight: inherit !important;
    text-transform: inherit !important;
    font-weight: inherit !important;
    padding-top: 8px !important;
    line-height: 15px;
}

/* Full page loading spinner */
#GlobalLoader {
    width: 100%;
    height: 100%;
    position: fixed;
    margin-top: -10px;
    background-color: rgba(243,245,246,0.7);
    z-index: 5000;
}

    #GlobalLoader .loader-icon {
        color: #999;
        position: absolute;
        left: 38%;
        top: 40%;
        font-size: 100px;
    }

.label-ra {
    font-size: 90%;
}

.k-calendar a:disabled {
    opacity: 0.5;
}

.validation-ra .red {
    margin: 0 10px 0 0;
}

.field-validation-error {
    color: #f01111;
}

.cell-absence {
    white-space: nowrap;
}

    .cell-absence label {
        display: inline-block;
        margin-top: 5px;
        vertical-align: middle;
        margin-right: 4px;
    }

.cause-absence {
    width: 130px;
}

#copie-ligne {
    position: absolute;
    margin-left: 30px;
    margin-top: 87px;
}

.panel-comments {
    margin-top: 15px;
}

    .panel-comments .grid {
        width: 75%;
    }

    .panel-comments table .fa {
        font-size: 14px;
        margin-right: 4px;
    }

.add-comment {
    padding-bottom: 40px;
}

    .add-comment textarea {
        width: 100%;
        height: 100px;
    }

    .add-comment .page-footer {
        left: 0;
    }

.button-return {
    margin-right: 10px;
}

.addSeance {
    padding-left: 15px;
    cursor: pointer;
}

.k-grid-content {
    overflow-y: scroll;
}

.volumes th.k-header {
    white-space: normal !important;
}

.volumes input[type='text'] {
    width: 50px;
}

.volumes td {
    text-align: center;
}

.warning-duree-contrat {
    float: right;
}

.photo-salarie .k-upload {
    width: 100%;
}

.k-dropzone em {
    display: none;
}

.photo-salarie i.fa {
    font-size: 1.7em;
}

.avatar-frame {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 60px; /* Saf3+, Chrome */
    border-radius: 60px !important; /* Opera 10.5, IE 9 */
    box-shadow: inset 0 0 2px #009EE9, inset 0 0 10px rgba(0,0,0,.2);
}

.k-grid .avatar-frame {
    margin-right: 5px;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%; /* Saf3+, Chrome */
    border-radius: 50% !important; /* Opera 10.5, IE 9 */
}

.k-list .avatar-frame {
    margin-right: 8px;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 40px; /* Saf3+, Chrome */
    border-radius: 40px !important; /* Opera 10.5, IE 9 */
}

.item-with-image {
    padding: 10px 0;
}

.boutonCache {
    display: none !important;
}

.k-button .avatar-frame {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 20px; /* Saf3+, Chrome */
    border-radius: 20px !important; /* Opera 10.5, IE 9 */
}

.nav .avatar-frame {
    margin-right: 5px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 30px; /* Saf3+, Chrome */
    border-radius: 30px !important; /* Opera 10.5, IE 9 */
}

.homepage .avatar-frame {
    margin-right: 5px;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 70px; /* Saf3+, Chrome */
    border-radius: 70px !important; /* Opera 10.5, IE 9 */
}

.fa-margin-right {
    margin-right: 5px;
}

#home-header {
    background: url("/Content/images/bgHomeHeader.jpg") no-repeat 0 0;
    background-size: cover;
    left: 0;
    right: 0;
    height: 200px;
    position: absolute;
    margin-bottom: 30px;
    /*background-color: yellow;*/
}

#header-banner {
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.4);
    color: #FFF;
    box-sizing: border-box;
}

.header-banner-left {
    padding-left: 20px;
}

.header-picture {
    width: 98px;
    height: 98px;
    background-color: #fefefe;
    border-radius: 100% !important;
    position: absolute;
    top: 10px;
    border: 3px solid #009EE9;
    overflow: hidden;
}

.header-message {
    height: 100%;
    display: table;
    padding-left: 120px;
}

.header-picture img {
    width: 100%;
}

.header-banner-left {
    padding-left: 20px;
}

.message-welcome {
    font-size: 20px;
    margin-bottom: 6px;
    padding-top: 10px;
}

.home-date-details {
    margin-top: 28px;
    margin-right: 15px;
    font-size: 1.1em;
}

/* Cropper /*/

.cliquable {
    cursor: pointer;
}

/*.avatar-view {
  display: block;
  margin: 15% auto 5%;
  height: 220px;
  width: 220px;
  border: 3px solid #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0,0,0,.15);
  cursor: pointer;
  overflow: hidden;
}

.avatar-view img {
  width: 100%;
}*/

.avatar-body {
    padding-right: 15px;
    padding-left: 15px;
}

.avatar-upload {
    overflow: hidden;
}

    .avatar-upload label {
        display: block;
        float: left;
        clear: left;
        width: 100px;
    }

    .avatar-upload input {
        display: block;
        margin-left: 110px;
    }

.avatar-alert {
    margin-top: 10px;
    margin-bottom: 10px;
}

.avatar-wrapper {
    height: 364px;
    width: 100%;
    margin-top: 15px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.25);
    background-color: #fcfcfc;
    overflow: hidden;
}

    .avatar-wrapper img {
        display: block;
        height: auto;
        max-width: 100%;
    }

.avatar-preview {
    float: left;
    margin-top: 15px;
    margin-right: 15px;
    border: 1px solid #eee;
    background-color: #fff;
    overflow: hidden;
    border-radius: 100% !important;
    border: 3px solid #009EE9;
    text-align: center;
}

    .avatar-preview:hover {
        border-color: #ccf;
        box-shadow: 0 0 5px rgba(0,0,0,.15);
    }

    .avatar-preview img {
        width: 100%;
    }

.preview-lg {
    height: 184px !important;
    width: 184px !important;
    margin-top: 15px;
}

.preview-md {
    height: 100px !important;
    width: 100px !important;
    margin-left: 40px;
}

.preview-sm {
    height: 50px !important;
    width: 50px !important;
    margin-left: 65px;
}

@media (min-width: 992px) {
    .avatar-preview {
        float: none;
    }
}

.avatar-btns {
    margin-top: 30px;
    margin-bottom: 15px;
}

    .avatar-btns .btn-group {
        margin-right: 5px;
    }

.loading {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff url("../img/loading.gif") no-repeat center center;
    opacity: .75;
    filter: alpha(opacity=75);
    z-index: 20140628;
}

.homepage .planning h4 {
    margin: 15px 0 3px;
    font-size: 14px;
}

    .homepage .planning h4:first-child {
        margin-top: 0;
    }

.homepage .planning .horaires {
    margin: 0 15px 0 5px;
    font-size: 18px;
}

.homepage .planning .libelle {
}

.homepage .contenu-planning {
    margin-bottom: 10px;
}

.k-datepicker {
    margin-top: -1px;
}

div.tooltip-inner {
    max-width: 650px;
    /* If max-width does not work, try using width instead */
    /*width: 650px;*/
}

.subtext {
    font-size: 12px;
    font-style: italic;
    color: #aaa;
}

.ErreurRed {
    color: #c71b48 !important;
}

a.disabled {
    opacity: 0.5 pointer-events: none cursor: default;
}

.k-grid .k-grid-header .k-subheader {
    background-color: #00bfff !important;
}

.grille-tarifaire {
    border: 1px solid #e6e6e6 !important;
}

    .grille-tarifaire tbody tr:hover {
        cursor: default !important;
        background: #fff !important;
    }

.editPeriode .k-datepicker {
    width: 115px !important;
}

.grille-tarifaire .viewPeriode {
    width: 300px;
}

    .grille-tarifaire .viewPeriode .libelle-periode,
    .grille-tarifaire .viewCategorie .libelle-categorie {
        margin-right: 20px;
    }

.grille-tarifaire .editPeriode {
    width: 450px;
}

.flag-base {
    line-height: 30px !important;
    color: #009ee9;
    display: none !important;
    font-size: 1.5em !important;
}

.periode-base .flag-base {
    display: block !important;
}

.grille-tarifaire tbody tr.periode-base, .grille-tarifaire tbody tr.periode-base:hover {
    /*background-color:#ccc !important;*/
}

    .grille-tarifaire tbody tr.periode-base .delete-periode {
        display: none !important;
    }

.grille-tarifaire .periode-base .viewPeriode {
    width: 100%;
}

.grille-tarifaire .editPeriode .k-textbox {
    width: 125px;
}

.grille-tarifaire .delete {
    visibility: hidden;
}

.grille-tarifaire td:hover .delete,
.grille-tarifaire th:hover .delete {
    visibility: visible;
    position: relative;
    right: 0;
    z-index: 10;
}

.grille-tarifaire td {
    vertical-align: top;
}

.grille-tarifaire .tarif-canal .form-control-static {
    padding: 5px;
}

.grille-tarifaire .edit-tarif {
    width: 60px;
}

.grille-tarifaire .libelle-format,
.grille-tarifaire .libelle-categorie {
    display: block;
    margin-right: 20px;
}

.viewPeriode .libelle-periode,
.viewCategorie .libelle-categorie,
.libelle-format {
    border: solid 1px transparent;
    padding: 4px;
}

    .viewPeriode .libelle-periode:hover,
    .viewCategorie .libelle-categorie:hover,
    .libelle-format:hover {
        cursor: pointer !important;
        border: dashed 1px #fff;
    }

    .viewPeriode .libelle-periode:hover {
        border-color: #009EE9;
    }

    .viewPeriode .libelle-periode.read-only:hover,
    .viewCategorie .libelle-categorie.read-only:hover,
    .libelle-format.read-only:hover {
        cursor: default !important;
        border-color: transparent;
    }

.cell-tarif {
}

.tarif-canal .input-group-addon {
    width: 20px;
}

.tarif-canal .canal-G {
    background-color: #009EE9;
    color: #fff;
}

.tarif-canal .canal-I {
    background-color: #7b68ee;
    color: #fff;
}

.tarif-canal .canal-C {
    background-color: #f0ad4e;
}

.tarif-canal .canal-P {
}

.grille-tarifaire .tarif-actif {
    width: 10px;
    padding: 6px;
}

    .grille-tarifaire .tarif-actif input {
        display: block !important;
    }

.boutons-copie {
    padding-left: 15px;
}

    .boutons-copie .btnFrom {
        margin-right: 10px;
    }

.k-tooltip {
    margin-left: 10px;
}

.btnAddBlue {
    width: auto !important;
    line-height: 6px !important;
    float: left;
}

.btnAddBlueIcon {
    margin-right: 0px;
}

.win-colored {
    /*font-weight: bold;*/
    font-size: 32px;
}

.win-colored-revert {
    color: #555 !important;
    /*background-color: #ffffff;*/
    /*padding: 5px;
    border: solid 1px #ddd;*/
}

td.row-Grid {
    padding: 0 !important;
    /*padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: inherit !important;
    padding-left: 5px !important;*/
    padding-left: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    height: 10px;
}

option {
    /*height: 40px !important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    background-color: yellow;*/
}

.blockTarif {
    display: block;
    -moz-min-width: 90px;
    -ms-min-width: 90px;
    -o-min-width: 90px;
    -webkit-min-width: 90px;
    min-width: 90px;
    height: 46px;
    background-color: #009ee9;
    color: #fff;
    font-size: 30px;
    float: left;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

.subCbx {
    margin-left: -10px;
}

.k-grid-header-wrap, .k-auto-scrollable {
    /*background-color: #009ee9 !important;*/
    /*Retiré car met la Kendo TreeList en bleu*/
}

.k-grid-content > table {
    border-right: 1px solid #e6e6e6;
}

.btn-default-crm {
    background-color: #192A75 !important;
    border: none;
    color: #fff;
}

    .btn-default-crm:hover,
    .btn-default-crm:active,
    .btn-default-crm:link,
    .btn-default-crm:focus,
    .btn-default-crm:visited {
        color: #fff !important;
    }

    .btn-default-crm:hover {
        background-color: #223379 !important;
        -webkit-animation-name: ShineAnimation;
        -webkit-animation-duration: 15s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: cubic-bezier(.12,.89,.98,.47);
    }

.rspaced {
    margin-right: 10px;
}

.lspaced {
    margin-left: 10px;
}

.grid-devis {
    margin-bottom: 20px !important;
}

    .grid-devis .libelle-famille {
        font-size: 1.2em;
        font-weight: bold;
    }

    .grid-devis tr:hover td {
        background: #fff !important;
        cursor: default !important;
    }

    .grid-devis tr.libelle-produit td, .grid-devis tr.libelle-produit td:hover {
        background: #eee !important;
    }

    .grid-devis tr.libelle-produit td {
        border-top: solid 1px #aaa !important;
    }

    .grid-devis tr.libelle-produit:first-child td {
        border-top: none !important;
    }

    .grid-devis .libelle-produit td,
    .grid-devis .valeurs-produit td {
        /*border-bottom-width: 0;*/
    }

    .grid-devis .descriptif-produit td {
        padding: 0 !important;
        border-bottom: none !important;
    }

.k-textbox:focus, .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused {
    background-color: inherit !important;
    background-image: none !important;
    background-position: inherit !important;
    ;
    border-color: #ebebeb;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2),0 2px 3px rgba(0,0,0,0.05);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2),0 2px 3px rgba(0,0,0,0.05);
}

.enTeteTooltip {
    display: block;
    width: 100%;
    height: 25px;
    background-color: rgb(25, 42, 117);
    color: white;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    margin-left: -6px;
    margin-top: -5px;
    width: 361px;
}

.bodyTooltip {
    display: block;
    width: 364px;
    margin-left: -40px;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-top: 5px;
}

.enTeteTooltipProduit {
    width: 728px !important;
}

.enTeteTooltipHebergement {
    width: calc(100% + 11px) !important;
}

.bodyTooltipProduit {
    margin-left: 0px !important;
    width: 718px !important;
}

.bodyTooltipHebergement {
    min-width: 170px !important;
}

.k-editable-area {
    padding-left: 5px;
    padding-top: 5px;
}

.ec-image-picker .k-editor, .ec-file-picker .k-editor {
    width: 4% !important;
    height: 28px !important;
    border: none !important;
    background-image: none;
    /* permet de corriger un bug sous firefox */
    margin-left: 2000000px;
    position: fixed;
}

a.ec-image-picker-click, a.ec-file-picker-click {
    display: inline-block;
    margin: 0 0 0 10px;
    font-size: 20px;
    /*background-color: #009EE9;*/
    color: #ffffff;
    text-align: center;
    width: 31px;
    height: 31px;
    /*border: 1px solid #009EE9;*/
    vertical-align: middle;
    cursor: pointer;
    padding-bottom: 1px;
}

    a.ec-image-picker-click:hover, a.ec-file-picker-click:hover {
        /*background-color: #ffffff;*/
        color: #009EE9;
    }

div.ec-image-overview-content {
    width: 280px;
    display: inline-block;
    /*text-align: center;*/
}

.ec-image-picker, .ec-image-overview-content {
    /*text-align: center;*/
}

    .ec-image-picker > .inline-block {
        width: 90%;
        display: none;
    }

.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td {
    background-color: white;
}

.k-grid td.k-state-selected, .k-grid tr.k-state-selected > td {
    border-color: inherit;
}

/*.k-block, .k-button, .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-pager-wrap, .k-toolbar, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #192a75;
}
.k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-button, .k-draghandle, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #009ee9;
}*/
/*.k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-button, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .km-pane-wrapper>.km-pane>.km-view>.km-content {
    background-image: none;
    background-position: 50% 50%;
    background-color: #009ee9;
}

.k-gantt-toolbar .k-button, .k-gantt>.k-header .k-link, .k-gantt>.k-header li, .k-grid .k-header .k-button, .k-scheduler .k-header .k-button, .k-scheduler .k-header .k-link, .k-scheduler .k-header li, .km-pane-wrapper .k-header .k-button {
    color: #fff;
    background-color:#009ee9;
    border-color: #009ee9;
    -webkit-box-shadow: none;
    box-shadow: none;
}*/ * .k-popup .k-calendar {
    padding-left: 6px;
}

.k-widget.k-tooltip {
    border-color: rgba(100,100,100,.9);
    background-color: white;
    color: black;
}
/*RAYON*/
.img-rayonPicto {
    height: 50px;
    width: 50px;
    background-color: GrayText;
    padding: 10px;
}

    .img-rayonPicto.small {
        height: 20px;
        width: 20px;
        background-color: GrayText;
        padding: 5px;
    }

.button-cropper-container {
    padding-top: 10px;
    margin: 0 auto;
    float: none;
    width: 800px;
}

.no-margin {
    margin: 0;
}

.button-cropper-container-row {
    margin-top: 10px;
}

.button-cropper {
    margin-right: 10px;
}

.visuelNoImage {
    width: 150px;
}

/* 650 x 310 */
.visuelImageDouble {
    width: 325px;
    height: 155px;
}

/* 310 x 310 */
.visuelImageSimple {
    width: 155px;
    height: 155px;
}

/* 1400 x 440 */
.visuelImage {
    width: 420px;
    height: 132px;
}

.alert.alert-info.alert-toolbar {
    margin: 0 15px -10px 15px;
}

.checkSearch {
    padding-top: 5px;
}

.stringSearch-field {
    float: left;
    width: 10%;
    margin-top: 4PX;
    height: 35px;
    padding-top: 8px;
    text-align: center;
    font-size: 14px;
    background-color: #ddd;
    border: solid 1px #A9A9A9;
    border-right: none;
}

/*Editorial*/

.social-media-icon {
    height: 35px;
    width: 35px;
}

.ui-state-highlight {
    height: 120px;
    width: 450px;
    margin: 20px;
    background-color: lightgray;
}

#PanelBlocDispo {
    min-height: 400px;
    margin-top: 25px;
}

#PanelBlocHTML {
    min-height: 200px;
    height: 200px;
    margin-top: 70px;
}

#PanelBlocPage {
    min-height: 625px;
}

.blocDiv {
    height: 120px;
    width: 450px;
    margin: 20px;
    background-color: #009ee9;
}

    .blocDiv.blocDivHtml {
        background-color: #565656;
    }

#ListBlocsPage {
    min-height: 250px;
}

#ListBlocsDisponible {
    min-height: 250px;
}

#BlocHtmlDisponible {
    min-height: 200px;
}

.ImgPreview {
    margin: 20px;
    display: block;
    height: 80px;
    width: 100px;
}

    .ImgPreview.Large {
        margin: 0 20px 20px 0;
        display: block;
        height: 220px;
        width: 250px;
        border: 2px solid #EEEEEE;
        padding: 10px;
    }

.IconEntite {
    color: black;
    font-size: 90px !important;
    text-align: center;
    margin-left: 19px;
    margin-top: 16px;
    display: flex;
}

.iconLock {
    color: black;
    font-size: 34px !important;
    text-align: center;
    margin-top: 42px;
    display: flex;
}

    .iconLock:hover {
        color: red;
        font-size: 34px;
        text-decoration: none;
    }

.BtOpenEditor {
    color: black;
    font-size: 34px !important;
    text-align: center;
    margin-top: 20px;
    display: flex;
}

    .BtOpenEditor:hover {
        color: white;
        font-size: 35px;
        text-decoration: none;
    }

.BtDeleteBloc {
    color: red;
    font-size: 34px !important;
    text-align: center;
    margin-top: 20px;
    display: flex;
}

    .BtDeleteBloc:hover {
        color: white;
        font-size: 35px;
        text-decoration: none;
    }

.BlocLibelle {
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 50px;
    display: flex;
}

.BtValidLibelle {
    color: white;
    font-size: 34px !important;
    text-align: center;
}

    .BtValidLibelle:hover {
        color: green;
        font-size: 35px;
        text-decoration: none;
    }

.LockedLibelle {
}

.WritableLibelle {
    display: none;
}

.ui-state-highlight-menu {
    margin-top: 5px;
    height: 25px;
    background-color: #e0dede;
}

.listeMenu {
    padding: 5px;
    min-height: 150px;
}

.MenuDiv {
    margin-top: 5px;
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    background-color: #565656;
}

.panel-default-menuDispo {
    background-color: lightgray;
}

.footerBalances {
    width: 100%;
    display: block;
    text-align: right;
    font-weight: bold;
}

.k-scheduler .k-header li {
    background-color: #009ee9 !important;
}

.k-scheduler .k-header {
    background-color: #009ee9 !important;
}

    .k-scheduler .k-header .k-button, .k-scheduler .k-header .k-link, .k-scheduler .k-header li {
        background-color: #009ee9 !important;
        border-color: #009ee9 !important;
    }

.list-facture-pdf {
    width: 330px;
    display: block;
    float: left;
}

.fa-file-pdf-o {
    color: red;
}

.content-evidence {
    font-size: large;
    font-weight: 700;
}

.popup {
    height: 96%;
}

    .popup #formEditActivite {
        height: 100%;
    }

        .popup #formEditActivite .popup-content {
            overflow-y: auto;
            overflow-x: hidden;
            height: calc(100% - 75px);
            padding: 10px;
        }

            .popup #formEditActivite .popup-content .effectif-min, .popup #formEditActivite .popup-content .effectif-max {
                float: left;
                line-height: 32px;
            }

#formProduit .info-produit {
    padding-top: 10px;
    font-style: italic;
    float: inherit;
    font-size: smaller;
}

.cell-absence {
    border-left: 6px solid black !important;
}

.cell-midi-from {
    border-left: 6px solid black !important;
}

.cell-apresmidi-to {
    border-right: 6px solid black !important;
}

.cell-midi-from > input {
}

.cell-midi-to > input {
}

.cell-matin-from > input {
}

.cell-matin-to > input {
}

.cell-absence {
}

.jours .k-grid-header th.k-header > .k-link {
    white-space: initial;
}

.timera {
    width: 80px !important;
}

.k-grid td.modulation-cell {
    padding: 0 !important;
    position: relative;
}

    .k-grid td.modulation-cell div {
        height: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        font-size: 1.4em;
        position: absolute;
        top: 0;
        width: 100%;
    }

        .k-grid td.modulation-cell div .fa {
            font-size: 15px;
        }

        .k-grid td.modulation-cell div.moins35 {
            background-color: #00FF0040;
        }

        .k-grid td.modulation-cell div.plus35 {
            background-color: #FF000040;
        }