﻿/*===========================================================================*/
/*  VAL                                                                      */
/*===========================================================================*/

body {
    background-color: #DEDEDE;
    overflow: hidden;
}

html, body, input, a, span, label {
    font-family: 'Open Sans', Sans-Serif;
    font-size: 1em;
}

label, button {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9em;
}

.nopadding {
    padding: 0 !important;
}

.nomargin {
    margin: 0 !important;
}

h2 {
    color: #5C5C5C;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans'), local('OpenSans'), url('../fonts/open-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v13-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/open-sans-v13-latin-600.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../fonts/open-sans-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v13-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v13-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v13-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v13-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v13-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/open-sans-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v13-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v13-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/*===========================================================================*/
/*  KENDO UI                                                                 */
/*===========================================================================*/

/* Champs de saisie invalide: pas d'affichage de l'icone et du message d'erreur */
.k-invalid-msg {
    display: none !important;
}

/* Champs de saisie invalide: bordure rouge */
.k-invalid {
    border-color: darkred;
}

/* Boutons par défaut */
.k-overflow-container .k-primary, .k-primary {
    border-color: #0F457B;
    background-color: #0F457B;
}

/* Boutons dans toolbars */
.k-toolbar .k-button {
    border: 0px;
    margin: 0px;
    padding: 0 1em;
    height: 26px;
}

/* Menu: suppression de la flèche */
.k-menu .k-i-arrow-60-down {
    display: none;
}

/* Badge Kendo */
.km-badge {
    color: #FFF;
    background-color: #0072C6;
}

.v-badge {
    margin-right: 12px;
    margin-top: 12px;
}

/* Grid: couleur ligne alternative */
.k-grid .k-alt {
    background-color: #F0F0F0;
}

/* Grid: texte d'entête sur plusieurs lignes */
.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}

.k-grid .k-grid-header .k-header {
    white-space: normal;
}

/* Affichage des radios boutons avec le point correctement au centre */
.k-radio-label:before {
    box-sizing: content-box;
}

.k-radio-label {
    vertical-align: unset;
}

.window-recovery-password {
    width: 80%;
    margin: auto;
    margin-top: 35px;
}


/* kendo window mail */
.k-window-titlebar {
    background-color: #0F457B !important;
    color: white;
}

#mail {
    width: 230px;
}

.v-no-underline {
    text-decoration-line: none;
}

/* kendo window password */

#show-window-password {
    text-align: center;
}

#messageRulesPassword {
    width: 100%;
    text-align: center;
    font-size: 10px;
    color: red;
}

/* Correction visuelle après mise à jour Kendo */

button.k-button {
    font-weight: bold;
    padding: .429em .714em;
    line-height: 1.143em;
    display: inline-block;
}

.k-link {
    color: inherit;
}

.k-block > .k-header {
    height: 1.1em;
}

.k-switch-handle {
    position: static;
    vertical-align: baseline;
}

.km-switch-label-off, .km-switch-label-on {
    top: 50%;
}

.k-button-icon {
    width: inherit;
}

.k-toolbar {
    padding: 0;
    min-height: 0;
    overflow: visible;
    display: block;
}

textarea.k-textbox {
    padding: 2px .3em;
}

.k-pager-wrap.k-pager-lg .k-pager-numbers, .k-pager-wrap.k-pager-md .k-pager-numbers, .k-pager-wrap.k-pager-sm .k-pager-numbers {
    position: static;
}

.k-window-content {
    padding: 0;
}

input.k-textbox {
    padding: 2px 0;
}

input.k-checkbox {
    min-width: 18px;
    width: 18px;
    height: 18px;
}

    input.k-checkbox + label {
        padding-left: 10px !important;
    }

div.k-window-content {
    padding: .231em .857em;
}

/*===========================================================================*/
/*  Val Admin Gear                                                           */
/*===========================================================================*/

.title-admin-gear {
    display: flex;
    justify-content: center;
}

.val-admin-gear {
    font-size: 16px;
    color: #ff4500;
    position: absolute;
    cursor: pointer;
    z-index: 1;
}

body:not([data-admin-mode="true"]) .val-admin-gear {
    display: none;
}

body[data-admin-mode="true"] .val-admin-gear {
    display: inline-block;
}

body[data-admin-mode="true"] button > .val-admin-gear,
body[data-admin-mode="true"] span > .val-admin-gear {
    display: block;
    top: 0;
    left: 0;
}

body[data-admin-mode="true"] li > .val-admin-gear,
body[data-admin-mode="true"] a > .val-admin-gear {
    display: block;
}

.val-admin-gear:hover {
    font-size: 18px;
}

.val-admin-info {
    margin-top: 5px;
}

.val-admin-info-key {
    margin-bottom: 5px;
}

.val-admin-info-value {
    font-weight: bold;
}

.val-admin-info-links {
    margin-top: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .val-admin-info-links > a {
        margin-bottom: 10px;
    }

/*===========================================================================*/
