@charset "UTF-8";
/**
 * @site            KeyCom
 * @author          Felipe Roy
 * @lastmodified    2016-03-15

 */
/* ----------------------------- */
/* Sommaire */
/* ----------------------------- */
/*
    == Config
    == CDI
        -- Telerik
    == Plugins
    == Projet
        -- Général
        -- Liens
        -- Top Bar
        -- Header
        -- Main content
*/
/* == @section Config  ==================== */
/* -- Couleurs ----------------------------- */
/* -- Fonts ----------------------------- */
/* -- Répertoires ----------------------------- */
/* -- Dimensions ----------------------------- */
/* Valeurs en pixels */
/* -- sprite size --------------------------------- */
/* -- Layout --------------------------------- */
/* flexbox */
/* == @section CDI  ==================== */
/**
 * @lastmodified  2015-08-24
 * @note          normalize.css v3.0.2 | MIT License | git.io/normalize
 * @note          ligne 104 : commentaire car la désactivation de l'outline est une mauvaise pratique en termes d'accessibilité.
 * @note          ligne 144 : commentaire pour ne pas rentrer en conflit avec les styles CDI ou du projet.
 * @note          ligne 333 : commentaire pour harmoniser la hauteur des éléments de formulaires.
 *
 */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/*
a:active,
a:hover {
  outline: 0;
}
*/
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
/*
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
*/
/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

    /**
 * Re-set default cursor for disabled elements.
 */
    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    /**
 * Remove inner padding and border in Firefox 4+.
 */
    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/*
input {
  line-height: normal;
}
*/
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

    /**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
    input[type=search]::-webkit-search-cancel-button,
    input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/**
 * @lastmodified 2015-09-08
 * @author       Felipe Roy, Luc Poupard
 * @note         Grille de base responsive
 */
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
}

.mobile {
    display: none;
}

.row {
    width: 100%;
    overflow: auto;
}

[class^=col] {
    float: left;
    display: block;
    margin: 0;
}

.col100 {
    width: 100%;
}

.col90 {
    width: 90%;
}

.col80 {
    width: 80%;
}

.col75 {
    width: 75%;
}

.col70 {
    width: 70%;
}

.col66 {
    width: 66.66666666%;
}

.col60 {
    width: 60%;
}

.col50 {
    width: 50%;
}

.col40 {
    width: 40%;
}

.col33 {
    width: 33.333333333%;
}

.col30 {
    width: 30%;
}

.col25 {
    width: 25%;
}

.col20 {
    width: 20%;
}

.col15 {
    width: 15%;
}

.col10 {
    width: 10%;
}

/* iPads (portrait) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    /*----
  Placer ici les largeur de colonnes désirées sur iPad portrait
  ex: 	.col10{width:50%;}
  		.col50{width:100%;}
     ---*/
}
/* iPads (landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    /*----
  Si nécessaire, placer ici les largeurs de colonnes désirées sur iPad landscape 
  ex: 	.col10{width:50%;}
  		.col50{width:100%;}
     ---*/
    .col10 {
        width: 30%;
    }
}
/**
 * @lastmodified 2015-10-16
 * @author       Luc Poupard
 * @note         Class utilitaires
 */
/* ----------------------------- */
/* Sommaire */
/* ----------------------------- */
/*
    == Alignements
    == Largeurs
    == Marges
    == Visibilité
*/
/* == @section Alignements ==================== */
.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.fnone {
    float: none;
}

.clear {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* == @section Largeurs ==================== */
.w10 {
    width: 10%;
}

.w20 {
    width: 20%;
}

.w30 {
    width: 30%;
}

.w40 {
    width: 40%;
}

.w50 {
    width: 50%;
}

.w60 {
    width: 60%;
}

.w70 {
    width: 70%;
}

.w80 {
    width: 80%;
}

.w90 {
    width: 90%;
}

.w100 {
    width: 100%;
}

.w20px {
    width: 20px;
}

.w30px {
    width: 30px;
}

.w40px {
    width: 40px;
}

.w50px {
    width: 50px;
}

.w60px {
    width: 60px;
}

.w70px {
    width: 70px;
}

.w80px {
    width: 80px;
}

.w90px {
    width: 90px;
}

.w100px {
    width: 100px;
}

.w120px {
    width: 120px;
}

.w150px {
    width: 150px;
}

.w180px {
    width: 180px;
}

.w200px {
    width: 200px;
}

/* == @section Marges  ==================== */
/* == @section Visibilité  ==================== */
.display-in {
    display: inline;
}

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

.display-bl {
    display: block;
}

.display-no {
    display: none;
}

/* Pour masquer un élément visuellement et qu'il reste accessible aux moteurs de recherche et technologies d'assistance */
.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* -- @subsection Telerik ------------------ */
.RadButton {
    cursor: pointer;
    font: inherit;
    outline: 0 none;
    vertical-align: top;
}

    .RadButton.rbButton {
        border-style: solid;
        border-width: 1px;
        line-height: 1;
        min-width: 64px;
        padding: 6px 10px;
        vertical-align: top;
    }

        .RadButton.rbButton.rbIconOnly {
            min-width: auto;
            padding: 2px 8px 4px;
        }

    .RadButton::-moz-focus-inner {
        border: 0 none;
        outline: 0 none;
        padding: 0;
    }

    .RadButton.rbRounded {
        border-radius: 0.214286em;
    }

    .RadButton .rbIcon {
        background-repeat: no-repeat;
        display: inline-block;
        height: 1.14286em;
        vertical-align: text-top;
        width: 1.54286em;
    }

    .RadButton .rbPrimaryIcon {
        margin: 0 0.357143em 0 0;
    }

    .RadButton .rbSecondaryIcon {
        margin: 0 0 0 0.357143em;
    }

    .RadButton .rbIcon::before {
        display: inline-block;
        font-family: "TelerikWebUI";
        font-size: 1.33333em;
        line-height: 1;
    }

    .RadButton.rbPrimary,
    .RadButton.rbSecondary {
        position: relative;
    }

    .RadButton.rbButton.rbPrimary {
        padding-left: 1.5em;
    }

        .RadButton.rbButton.rbPrimary .rbText {
            margin-left: 10px;
        }

    .RadButton.rbButton.rbSecondary {
        padding-right: 1.5em;
    }

        .RadButton.rbButton.rbSecondary .rbText {
            margin-right: 10px;
        }

    .RadButton.rbPrimary .rbIcon,
    .RadButton.rbSecondary .rbIcon {
        position: absolute;
    }

        .RadButton.rbPrimary .rbIcon::before,
        .RadButton.rbSecondary .rbIcon::before {
            vertical-align: top;
        }

    .RadButton.rbPrimary .rbPrimaryIcon {
        left: 10px;
    }

    .RadButton.rbSecondary .rbSecondaryIcon {
        right: 10px;
    }

    .RadButton .rbCustomIcon {
        background-repeat: no-repeat;
        background-position: 50% 100%;
        background-size: 20px;
    }

    .RadButton .rbText {
        display: inline-block;
        vertical-align: top;
    }

    .RadButton .rbToggleCheckbox + span.rbText,
    .RadButton .rbToggleCheckboxChecked + span.rbText,
    .RadButton .rbToggleRadio + span.rbText,
    .RadButton .rbToggleRadioChecked + span.rbText,
    .RadButton .rbToggleCheckboxFilled + span.rbText,
    .RadButton .rbIcon + span.rbText {
        display: inline;
    }

    .RadButton.rbCheckBox .rbText,
    .RadButton.rbRadioButton .rbText,
    .RadButton.rbToggleButton .rbText {
        vertical-align: top;
    }

    .RadButton.rbCheckBox .rbIcon.rbToggleCheckbox,
    .RadButton.rbCheckBox .rbIcon.rbToggleCheckboxChecked,
    .RadButton.rbCheckBox .rbIcon.rbToggleCheckboxFilled,
    .RadButton.rbToggleButton .rbIcon.rbToggleCheckbox,
    .RadButton.rbToggleButton .rbIcon.rbToggleCheckboxChecked,
    .RadButton.rbToggleButton .rbIcon.rbToggleCheckboxFilled,
    .RadButton.rbToggleButton .rbIcon.rbToggleRadio,
    .RadButton.rbToggleButton .rbIcon.rbToggleRadioChecked,
    .RadButton.rbRadioButton .rbIcon.rbToggleRadio,
    .RadButton.rbRadioButton .rbIcon.rbToggleRadioChecked {
        margin: 0.142857em 0.428571em 0 0;
    }

@media not all {
    .RadButton.rbCheckBox .rbIcon.rbToggleCheckbox,
    .RadButton.rbCheckBox .rbIcon.rbToggleCheckboxChecked,
    .RadButton.rbCheckBox .rbIcon.rbToggleCheckboxFilled,
    .RadButton.rbToggleButton .rbIcon.rbToggleCheckbox,
    .RadButton.rbToggleButton .rbIcon.rbToggleCheckboxChecked,
    .RadButton.rbToggleButton .rbIcon.rbToggleCheckboxFilled,
    .RadButton.rbToggleButton .rbIcon.rbToggleRadio,
    .RadButton.rbToggleButton .rbIcon.rbToggleRadioChecked,
    .RadButton.rbRadioButton .rbIcon.rbToggleRadio,
    .RadButton.rbRadioButton .rbIcon.rbToggleRadioChecked {
        margin: 0.0714286em 0.5em 0 0;
    }
}

.RadButton .rbToggleCheckbox::before,
.RadButton .rbToggleCheckboxChecked::before,
.RadButton .rbToggleCheckboxFilled::before,
.RadButton .rbToggleRadio::before,
.RadButton .rbToggleRadioChecked::before {
    content: "";
}

.RadButton .rbToggleCheckbox::before {
    content: "\e14e";
}

.RadButton .rbToggleCheckboxChecked::before {
    content: "\e14d";
}

.RadButton .rbToggleCheckboxFilled::before {
    content: "\e14f";
}

.RadButton .rbToggleRadio::before {
    content: "\e14c";
}

.RadButton .rbToggleRadioChecked::before {
    content: "\e14b";
}

.RadButton .rbSplitPart {
    cursor: pointer;
    display: inline-block;
    height: 2.14286em;
    overflow: hidden;
    vertical-align: text-top;
    width: 1.14286em;
}

.RadButton .rbSplitPartRight {
    border-left-style: solid;
    border-left-width: 1px;
    border-radius: 0 0.214286em 0.214286em 0;
    float: right;
    margin: -0.357143em -0.714286em -0.357143em 0.357143em;
}

.RadButton .rbSplitPartLeft {
    border-radius: 0.214286em 0 0 0.214286em;
    border-right-style: solid;
    border-right-width: 1px;
    float: left;
    margin: -0.357143em 0.357143em -0.357143em -0.714286em;
}

.RadButton .rbSplitIcon {
    font-size: 16px;
    margin: 0.357143em 0 0 -0.142857em;
}

    .RadButton .rbSplitIcon::before {
        content: "\e002";
        display: inline-block;
    }

.RadButton.rbButton.rbImageButton {
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    border: 0 none;
    border-radius: 0;
    min-width: unset;
}

.RadButton.rbDisabled {
    cursor: default;
    opacity: 0.7;
}

.RadButton.rbRtl .rbIcon {
    margin: -0.0714286em -0.357143em 0 0.357143em;
}

.RadButton.rbRtl.rbIconOnly .rbIcon {
    margin: -0.0714286em 0.142857em 0 0.285714em;
}

.RadButton.rbRtl .rbSplitPart {
    border-left: 0 none;
    border-radius: 0.214286em 0 0 0.214286em;
    border-right: 1px solid transparent;
    margin: -0.0714286em 0.357143em -0.142857em -0.714286em;
}

    .RadButton.rbRtl .rbSplitPart .rbIcon {
        margin: 0.0714286em -0.142857em 0 0.357143em;
    }

.RadButton.rbRtl .rbToggleCheckbox,
.RadButton.rbRtl .rbToggleCheckboxChecked,
.RadButton.rbRtl .rbToggleCheckboxFilled,
.RadButton.rbRtl .rbToggleRadio,
.RadButton.rbRtl .rbToggleRadioChecked {
    margin-left: 0.214286em;
    margin-right: auto;
}

.RadButton.rbRtl.rbRtl.rbCheckBox .rbIcon.rbToggleCheckbox,
.RadButton.rbRtl.rbCheckBox .rbIcon.rbToggleCheckboxChecked,
.RadButton.rbRtl.rbCheckBox .rbIcon.rbToggleCheckboxFilled,
.RadButton.rbRtl.rbToggleButton .rbIcon.rbToggleCheckbox,
.RadButton.rbRtl.rbToggleButton .rbIcon.rbToggleCheckboxChecked,
.RadButton.rbRtl.rbToggleButton .rbIcon.rbToggleCheckboxFilled,
.RadButton.rbRtl.rbToggleButton .rbIcon.rbToggleRadio,
.RadButton.rbRtl.rbToggleButton .rbIcon.rbToggleRadioChecked,
.RadButton.rbRtl.rbRadioButton .rbIcon.rbToggleRadio,
.RadButton.rbRtl.rbRadioButton .rbIcon.rbToggleRadioChecked {
    margin: 0.142857em 0 0 0.428571em;
}

@media not all {
    .RadButton.rbRtl.rbCheckBox .rbIcon.rbToggleCheckbox,
    .RadButton.rbRtl.rbCheckBox .rbIcon.rbToggleCheckboxChecked,
    .RadButton.rbRtl.rbCheckBox .rbIcon.rbToggleCheckboxFilled,
    .RadButton.rbRtl.rbToggleButton .rbIcon.rbToggleCheckbox,
    .RadButton.rbRtl.rbToggleButton .rbIcon.rbToggleCheckboxChecked,
    .RadButton.rbRtl.rbToggleButton .rbIcon.rbToggleCheckboxFilled,
    .RadButton.rbRtl.rbToggleButton .rbIcon.rbToggleRadio,
    .RadButton.rbRtl.rbToggleButton .rbIcon.rbToggleRadioChecked,
    .RadButton.rbRtl.rbRadioButton .rbIcon.rbToggleRadio,
    .RadButton.rbRtl.rbRadioButton .rbIcon.rbToggleRadioChecked {
        margin: 0.0714286em 0 0 0.5em;
    }
}

.RadButton .rbHiddenImages {
    position: absolute;
    top: -9999px;
    visibility: hidden;
}

.RadButton .rbHideElement {
    display: none;
    height: 0 !important;
    overflow: hidden !important;
    width: 0 !important;
}

span.RadButton.rbButton {
    display: inline-block;
    overflow: hidden;
}

.rbCheckBox,
.rbRadioButton,
.rbToggleButton {
    background-color: transparent;
    background-image: none;
    border: 0 none;
    line-height: 1.42857;
    padding: 0.357143em 0 0.214286em 0.285714em;
}

.rbRtl.rbCheckBox,
.rbRtl.rbRadioButton,
.rbRtl.rbToggleButton {
    padding: 0.357143em 0.285714em 0.214286em 0;
}

@media not all {
    .rbCheckBox,
    .rbRadioButton,
    .rbToggleButton {
        padding: 0.428571em 0 0.214286em 0.285714em;
    }

    .rbRtl.rbCheckBox,
    .rbRtl.rbRadioButton,
    .rbRtl.rbToggleButton {
        padding: 0.428571em 0.285714em 0.214286em 0;
    }
}

.rbCheckBox::-moz-focus-inner,
.rbRadioButton::-moz-focus-inner {
    border: 0 none;
    outline: 0 none;
    padding: 0;
}

.rbAdd::before {
    content: "\e0cb";
}

.rbRemove::before {
    content: "\e0c3";
}

.rbOk::before {
    content: "\e118";
}

.rbCancel::before {
    content: "\e115";
}

.rbUpload::before {
    content: "\e0c6";
}

.rbDownload::before {
    content: "\e096";
}

.rbPrevious::before {
    content: "\e13e";
}

.rbNext::before {
    content: "\e13b";
}

.rbOpen::before {
    content: "\e0a2";
}

.rbAttach::before {
    content: "\e084";
}

.rbSave::before {
    content: "\e0bd";
}

.rbConfig::before {
    content: "\e0c9";
}

.rbPrint::before {
    content: "\e07e";
}

.rbRefresh::before {
    content: "\e0e6";
}

.rbSearch::before {
    content: "\e0e9";
}

.rbHelp::before {
    content: "\e0fb";
}

.rbCart::before {
    content: "\e0d1";
}

.rbEdit::before {
    content: "\e0d5";
}

.rbRSS::before {
    content: "\e0bc";
}

.rbMail::before {
    content: "\e099";
}

.rbFB::before {
    content: "\e10d";
}

.rbTwitter::before {
    content: "\e10b";
}

.rbLinkedIn::before {
    content: "\e10c";
}

.rbPinterest::before {
    content: "\e10e";
}

.rbYouTube::before {
    content: "\e10f";
}

.rbVimeo::before {
    content: "\e110";
}

.rbBehance::before {
    content: "\e111";
}

.rbDribble::before {
    content: "\e112";
}

.rbGooglePlus::before {
    content: "\e113";
}

.RadButton_Metro {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

    .RadButton_Metro.rbRounded,
    .RadButton_Metro .rbSplitPart {
        border-radius: 0;
    }

    .RadButton_Metro.rbButton,
    .RadButton_Metro .rbSplitPart {
        background-color: #4D539E;
        border: 0;
        color: #ffffff;
    }

        .RadButton_Metro.rbButton.rbHovered,
        .RadButton_Metro .rbSplitPart.rbHovered {
            background-color: #2C47A9;
            border-color: 0;
            color: #ffffff;
        }

        .RadButton_Metro.rbButton:focus,
        .RadButton_Metro.rbButton.rbSelected,
        .RadButton_Metro.rbButton.rbToggled,
        .RadButton_Metro.rbButton.rbSelected .rbSplitPart {
            background-color: #2C47A9;
            border-color: 0;
            color: #ffffff;
        }

    .RadButton_Metro .rbSplitPartRight.rbHovered {
        border-left-color: #e5e5e5;
    }

    .RadButton_Metro .rbSplitPartRight.rbSelected {
        border-left-color: #25a0da;
    }

    .RadButton_Metro .rbSplitPartLeft.rbHovered {
        border-right-color: #e5e5e5;
    }

    .RadButton_Metro .rbSplitPartLeft.rbSelected {
        border-right-color: #25a0da;
    }

    .RadButton_Metro.rbCheckBox .rbIcon,
    .RadButton_Metro.rbRadioButton .rbIcon,
    .RadButton_Metro.rbToggleButton .rbIcon {
        color: #767676;
    }

        .RadButton_Metro.rbCheckBox .rbIcon.rbToggleCheckbox,
        .RadButton_Metro.rbCheckBox .rbIcon.rbToggleCheckboxChecked,
        .RadButton_Metro.rbCheckBox .rbIcon.rbToggleCheckboxFilled,
        .RadButton_Metro.rbToggleButton .rbIcon.rbToggleCheckbox,
        .RadButton_Metro.rbToggleButton .rbIcon.rbToggleCheckboxChecked,
        .RadButton_Metro.rbToggleButton .rbIcon.rbToggleCheckboxFilled,
        .RadButton_Metro.rbRadioButton .rbIcon.rbToggleRadio,
        .RadButton_Metro.rbRadioButton .rbIcon.rbToggleRadioChecked {
            margin: 0.075em 0.41667em 0 0;
        }

    .RadButton_Metro.rbButton.rbCheckBox.rbHovered .rbText,
    .RadButton_Metro.rbButton.rbRadioButton.rbHovered .rbText,
    .RadButton_Metro.rbButton.rbToggleButton.rbHovered .rbText,
    .RadButton_Metro.rbButton.rbCheckBox.rbHovered .rbIcon,
    .RadButton_Metro.rbButton.rbRadioButton.rbHovered .rbIcon,
    .RadButton_Metro.rbButton.rbToggleButton.rbHovered .rbIcon,
    .RadButton_Metro.rbCheckBox.rbSelected .rbIcon,
    .RadButton_Metro.rbRadioButton.rbSelected .rbIcon,
    .RadButton_Metro.rbToggleButton.rbSelected .rbIcon {
        color: #000;
    }

    .RadButton_Metro.rbButton.rbCheckBox.rbHovered.rbSelected .rbText,
    .RadButton_Metro.rbButton.rbRadioButton.rbHovered.rbSelected .rbText,
    .RadButton_Metro.rbButton.rbToggleButton.rbHovered.rbSelected .rbText,
    .RadButton_Metro.rbButton.rbCheckBox.rbSelected .rbIcon,
    .RadButton_Metro.rbButton.rbRadioButton.rbSelected .rbIcon,
    .RadButton_Metro.rbButton.rbToggleButton.rbSelected .rbIcon,
    .RadButton_Metro.rbButton.rbCheckBox.rbHovered.rbSelected .rbIcon,
    .RadButton_Metro.rbButton.rbRadioButton.rbHovered.rbSelected .rbIcon,
    .RadButton_Metro.rbButton.rbToggleButton.rbHovered.rbSelected .rbIcon {
        color: #fff;
    }

    .RadButton_Metro.rbCheckBox.rbHovered .rbText,
    .RadButton_Metro.rbRadioButton.rbHovered .rbText,
    .RadButton_Metro.rbToggleButton.rbHovered .rbText,
    .RadButton_Metro.rbCheckBox.rbHovered.rbSelected .rbText,
    .RadButton_Metro.rbRadioButton.rbHovered.rbSelected .rbText,
    .RadButton_Metro.rbToggleButton.rbHovered.rbSelected .rbText,
    .RadButton_Metro.rbCheckBox.rbHovered .rbIcon,
    .RadButton_Metro.rbRadioButton.rbHovered .rbIcon,
    .RadButton_Metro.rbToggleButton.rbHovered .rbIcon,
    .RadButton_Metro.rbCheckBox.rbHovered.rbSelected .rbIcon,
    .RadButton_Metro.rbRadioButton.rbHovered.rbSelected .rbIcon,
    .RadButton_Metro.rbToggleButton.rbHovered.rbSelected .rbIcon,
    .RadButton_Metro.rbCheckBox.rbSelected .rbIcon,
    .RadButton_Metro.rbRadioButton.rbSelected .rbIcon,
    .RadButton_Metro.rbToggleButton.rbSelected .rbIcon {
        color: #25a0da;
    }

    .RadButton_Metro.rbPrimaryButton {
        background-color: #25a0da;
        border-color: #25a0da;
        color: #fff;
    }

        .RadButton_Metro.rbPrimaryButton.rbHovered,
        .RadButton_Metro.rbPrimaryButton.rbFocused {
            background-color: #0d87bf;
            border-color: #0d87bf;
            box-shadow: none;
            color: #fff;
        }

        .RadButton_Metro.rbPrimaryButton.rbSelected {
            background-color: #0071a6;
            border-color: #0071a6;
            color: #fff;
        }

    .RadButton_Metro.rbButton.rbRtl .rbSplitPart,
    .RadButton_Metro.rbButton.rbRtl .rbSplitPart.rbHovered {
        border-right-color: #e5e5e5;
    }

        .RadButton_Metro.rbButton.rbRtl .rbSplitPart.rbSelected {
            border-right-color: #25a0da;
        }

.RadGrid {
    border: 1px solid;
    line-height: 1.42857;
}

    .RadGrid button,
    .RadGrid [type=button] {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

    .RadGrid .rgMasterTable,
    .RadGrid .rgDetailTable,
    .RadGrid .rgEditForm table {
        border-collapse: separate;
        border-spacing: 0;
    }

    .RadGrid .rgRow,
    .RadGrid .rgAltRow,
    .RadGrid .rgHeader,
    .RadGrid .rgResizeCol,
    .RadGrid .rgGroupPanel,
    .RadGrid .rgGroupHeader {
        cursor: default;
    }

    .RadGrid input {
        line-height: normal;
    }

        .RadGrid input[type=image] {
            cursor: pointer;
        }

    .RadGrid .rgInput,
    .RadGrid .rgFilterBox,
    .RadGrid .rgHCMClear,
    .RadGrid .rgHCMFilter,
    .RadGrid .rgFilterApply,
    .RadGrid .rgFilterCancel,
    .RadGrid .rgActionButton {
        font: inherit;
    }

    .RadGrid .rgRow > td,
    .RadGrid .rgAltRow > td,
    .RadGrid .rgEditRow > td,
    .RadGrid .rgFooter > td,
    .RadGrid .rgFilterRow > td,
    .RadGrid .rgHeader,
    .RadGrid .rgResizeCol,
    .RadGrid .rgGroupHeader td {
        padding-left: 7px;
        padding-right: 7px;
    }

    .RadGrid .rgClipCells .rgHeader,
    .RadGrid .rgClipCells .rgFilterRow > td,
    .RadGrid .rgClipCells .rgRow > td,
    .RadGrid .rgClipCells .rgAltRow > td,
    .RadGrid .rgClipCells .rgEditRow > td,
    .RadGrid .rgClipCells .rgFooter > td {
        overflow: hidden;
    }

    .RadGrid .rgEditRow > td [type=image] {
        vertical-align: middle;
    }

    .RadGrid .rgBatchChanged {
        position: relative;
        background: url("WebResource.axd?d=9wIC_ROF9NynLIk0uappy4FJ7-u8Gb5moiNQL3P7YTtLQYACSNJr7QQeLGUs9CYNsidbyAde9J5iUJ39CS3yRU67AKgC3XkO49GABsyicIDWZI4kAfbP4-GUN9zz38X5egQiKM1BlPgRiQQhrv5Q3A2&t=635936461678085782") 0 0 no-repeat \9;
    }

        .RadGrid .rgBatchChanged:before {
            content: "";
            left: 0;
            position: absolute;
            top: 0;
            border-style: solid;
            border-width: 6px 6px 0 0;
            border-color: #f00 transparent transparent transparent;
        }

    .RadGrid .rgBatchContainer {
        max-width: 90%;
    }

    .RadGrid .rgDeletedRow,
    .RadGrid .rgDeletedRow td {
        background: transparent !important;
    }

        .RadGrid .rgDeletedRow .rgIcon,
        .RadGrid .rgDeletedRow .rgButtonText {
            vertical-align: middle;
        }

        .RadGrid .rgDeletedRow .rgBatchUndoDeleteButton {
            cursor: pointer;
        }

    .RadGrid .rgBatchOverlay {
        position: absolute;
        z-index: 100;
        left: 0;
        right: 0;
    }

    .RadGrid .rgBatchUndoDeleteButton {
        position: absolute;
        top: 50%;
    }

    .RadGrid .rgBatchUndoDeleteIcon:before {
        content: "\e0ed";
    }

    .RadGrid .rgGroupItem input,
    .RadGrid .rgCommandRow img,
    .RadGrid .rgCommandRow a,
    .RadGrid .rgHeader input {
        vertical-align: middle;
    }

    .RadGrid .rgFilterRow img,
    .RadGrid .rgFilterRow input {
        vertical-align: middle;
    }

    .RadGrid .rgFilterRow .RadAutoCompleteBox {
        display: inline-block;
        vertical-align: middle;
    }

    .RadGrid .rgRow > td,
    .RadGrid .rgAltRow > td,
    .RadGrid .rgEditRow > td,
    .RadGrid .rgFooter > td {
        padding-top: 4px;
        padding-bottom: 3px;
    }

    .RadGrid table.rgMasterTable tr .rgDragCol {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    .RadGrid .rgDrag {
        width: 15px;
        height: 15px;
        cursor: url("WebResource.axd?d=zygyn5bPuSx4K1F5VvdlQKKj-SgAo-Z7lXSamdNzu4h5PzTGVEsgZXS3vm6QyH_qw_3W6sCQoGeLbvEnUS3oeEXR0AJn4XB0vO6UvjRKLE7Oj7DApL9s8Q8qXDetHqNTuTeR0QDlEijCSSguA2HJ_Q2&t=635936461678085782"), move;
    }

    .RadGrid div.rgHeaderWrapper {
        border-left: 0 none;
        border-right: 0 none;
        padding: 0;
        overflow: hidden;
    }

    .RadGrid .rgFooterWrapper {
        border-top-style: solid;
        overflow: hidden;
    }

    .RadGrid .rgCommandCell {
        padding: 0.83333em 0.41667em;
    }

    .RadGrid .rgCommandCellLeft {
        float: left;
    }

    .RadGrid .rgCommandCellRight {
        float: right;
    }

    .RadGrid .rgActionButton {
        width: 1.833em;
        margin: 0 0.083em 0 0;
        padding: 0;
        vertical-align: middle;
        cursor: pointer;
        text-align: center;
        background: none transparent;
        border: 0 none;
    }

        .RadGrid .rgActionButton::-moz-focus-inner {
            border: 0;
            padding: 0;
        }

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

        .RadGrid .rgIcon:before {
            font: 16px/1 "TelerikWebUI";
            text-align: center;
            vertical-align: middle;
            display: inline-block;
        }

    .RadGrid .rgActionButton .rgButtonText {
        display: none;
    }

    .RadGrid .rgSortDescIcon:before {
        content: "\e00e";
    }

    .RadGrid .rgSortAscIcon:before {
        content: "\e00d";
    }

    .RadGrid .rgAddIcon:before,
    .RadGrid .rgDropAllow:before {
        content: "\e11e";
    }

    .RadGrid .rgOptionsIcon:before,
    .RadGrid .rgOptSelectedIcon:before {
        content: "\e0e1";
    }

    .RadGrid .rgDragIcon {
        cursor: move;
        display: inline-block;
        padding: 5px;
    }

        .RadGrid .rgDragIcon:before {
            content: "\e098";
            font-size: 1.333em;
        }

    .RadGrid .rgPagerCell {
        border-style: solid;
        border-width: 1px 0 0;
    }

    .RadGrid thead .rgPagerCell {
        border-width: 0 0 1px;
    }

    .RadGrid .rgPagerCell {
        padding: 4px 10px;
    }

        .RadGrid .rgPagerCell > div:after {
            content: "";
            display: block;
            clear: both;
        }

        .RadGrid .rgPagerCell .rgWrap {
            float: left;
            white-space: nowrap;
        }

        .RadGrid .rgPagerCell .rgWrapRight {
            float: right;
        }

        .RadGrid .rgPagerCell .rgWrapNone {
            float: none;
        }

        .RadGrid .rgPagerCell .NextPrevAndNumeric .rgAdvPart,
        .RadGrid .rgPagerCell .NextPrevNumericAndAdvanced .rgAdvPart {
            padding: 0 10px;
        }

        .RadGrid .rgPagerCell .rgInfoPart {
            float: right;
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .RadGrid .rgPagerCell .RadComboBox {
            min-width: 55px;
        }

        .RadGrid .rgPagerCell .RadInput {
            margin-right: 2px;
            vertical-align: top;
        }

        .RadGrid .rgPagerCell .RadSlider {
            float: left;
            margin: 4px 0;
        }

            .RadGrid .rgPagerCell .RadSlider + .rgPagerLabel,
            .RadGrid .rgPagerCell .rgSliderLabel {
                padding: 5px 0;
            }

        .RadGrid .rgPagerCell .rgPagerLabel {
            margin: 0 2px 0 0;
            vertical-align: middle;
            display: inline-block;
        }

        .RadGrid .rgPagerCell .rgPagerTextBox {
            vertical-align: middle;
        }

        .RadGrid .rgPagerCell .rgNumPart a {
            margin-right: 2px;
            text-align: center;
            display: inline-block;
            text-decoration: none;
            border: 1px solid transparent;
            vertical-align: middle;
            padding: 4px 6px;
        }

            .RadGrid .rgPagerCell .rgNumPart a.rgCurrentPage {
                cursor: default;
            }

        .RadGrid .rgPagerCell .rgActionButton {
            width: 1.42857em;
            margin: 0 2px 0 0;
        }

            .RadGrid .rgPagerCell .rgActionButton .rgIcon:before {
                display: inline-block;
                line-height: 20px;
                vertical-align: top;
            }

        .RadGrid .rgPagerCell .rgPagerButton,
        .RadGrid .rgPagerCell .rgActionButton {
            padding: 4px;
            vertical-align: middle;
            cursor: pointer;
            background-repeat: no-repeat;
            box-sizing: content-box;
            font: inherit;
            text-decoration: none;
            display: inline-block;
            text-align: center;
        }

            .RadGrid .rgPagerCell .rgPagerButton::-moz-focus-inner,
            .RadGrid .rgPagerCell .rgActionButton::-moz-focus-inner {
                border: 0;
                padding: 0;
            }

        .RadGrid .rgPagerCell .rgPagerButton {
            padding: 4px 10px;
            margin-right: 10px;
        }

        .RadGrid .rgPagerCell .rgPageFirst .rgIcon:before {
            content: "\e00b";
        }

        .RadGrid .rgPagerCell .rgPagePrev .rgIcon:before {
            content: "\e007";
        }

        .RadGrid .rgPagerCell .rgPageNext .rgIcon:before {
            content: "\e005";
        }

        .RadGrid .rgPagerCell .rgPageLast .rgIcon:before {
            content: "\e009";
        }

    .RadGrid .rgStatus {
        float: left;
    }

        .RadGrid .rgStatus div {
            width: 3em;
            height: 2em;
            border: 0;
            background-color: transparent;
            background-position: center center;
            background-repeat: no-repeat;
        }

    .RadGrid .rgEditForm .rgHeader {
        box-sizing: content-box;
    }

    .RadGrid .rgEditForm > table {
        display: inline-block;
        vertical-align: top;
    }

.rgCellSelectorArea {
    position: absolute;
    z-index: 1000100;
    opacity: 0.1;
    filter: alpha(opacity=10);
}

.rgNoScrollImage div.rgHeaderDiv {
    background-image: none;
}

.rgMultiHeader {
    overflow: hidden;
}

.rgHeaderWrapper .rgHeaderDiv {
    margin-bottom: -1px;
    border-right: 1px solid transparent;
}

.rgFooterWrapper .rgFooterDiv {
    margin-top: -1px;
}

.RadGrid .rgHeader,
.RadGrid th.rgResizeCol {
    padding-top: 5px;
    padding-bottom: 4px;
    text-align: left;
    font-weight: normal;
}

    .RadGrid .rgHeader a {
        text-decoration: none;
    }

.RadGrid .rgCheck input {
    height: 15px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    cursor: default;
}

.RadGrid .rgRotateHeader {
    vertical-align: top;
}

    .RadGrid .rgRotateHeader a,
    .RadGrid .rgRotateHeader span {
        transform: rotate(90deg);
        transform-origin: 11px 11px;
        writing-mode: tb-rl;
        display: inline-block;
    }

._Telerik_IE9 .RadGrid .rgRotateHeader a,
._Telerik_IE9 .RadGrid .rgRotateHeader span {
    transform: rotate(0);
}

.rfdCheckbox .RadGrid .rgCheck input {
    height: 20px;
}

.GridReorderTop,
.GridReorderBottom {
    width: 0.75em;
    height: 0.75em;
    margin: 0 0 0 -5px;
    padding: 0;
}

    .GridReorderTop:before,
    .GridReorderBottom:before {
        font-size: 1.4em;
        line-height: 0.45em;
        font-family: "TelerikWebUI";
        text-align: center;
        content: "\e13d";
        position: absolute;
        bottom: 0;
    }

    .GridReorderBottom:before {
        content: "\e13c";
        line-height: 0.55em;
    }

.RadGrid .rgFilterRow > td {
    padding-top: 4px;
    padding-bottom: 7px;
}

.RadGrid .rgFilter {
    width: 1.428571429em;
    box-sizing: content-box;
    margin-left: 0.167em;
    padding: 4px;
    background-repeat: repeat-x;
}

.RadGrid .rgFilterIcon:before {
    content: "\e06c";
}

.RadGrid .rgFilterBox {
    border-width: 1px;
    border-style: solid;
    margin: 0;
    padding: 4px 10px;
    vertical-align: middle;
    box-sizing: border-box;
}

.t-ie .RadGrid .rgFilterBox {
    height: 30px;
    height: calc(1.428571429em + 10px);
}

.RadGrid .rgFilterRow .RadRating {
    display: inline-block;
    vertical-align: middle;
}

.GridContextMenu .rgFilterListMenu,
.GridContextMenu .rgFilterMenu {
    max-width: 200px;
}

html .GridContextMenu .rgFilterListMenu,
html .GridContextMenu .rgFilterMenu {
    height: auto;
}

    html .GridContextMenu .rgFilterListMenu:hover,
    html .GridContextMenu .rgFilterMenu:hover {
        background: 0;
    }

.GridContextMenu .rgFilterListMenu .RadInput,
.GridContextMenu .rgFilterListMenu .RadComboBox,
.GridContextMenu .rgFilterMenu .RadInput,
.GridContextMenu .rgFilterMenu .RadComboBox {
    margin-bottom: 5px;
}

.GridContextMenu .rgFilterListMenu span.rmLeftImage,
.GridContextMenu .rgFilterMenu span.rmLeftImage {
    top: 14px;
}

.GridContextMenu .rgFilterListMenu .RadListBox {
    max-width: 100%;
    min-width: 11.42857em;
}

.GridContextMenu .rlbItem {
    overflow: hidden;
    text-overflow: ellipsis;
}

.GridContextMenu .rgFilterMenu div.rmContent,
.GridContextMenu .rgFilterListMenu div.rmContent {
    overflow: hidden;
    padding-right: 8px;
}

.GridContextMenu .rgFilterMenu div.rgEmptyList,
.GridContextMenu .rgFilterListMenu div.rgEmptyList {
    padding: 0;
}

.GridContextMenu .rgFilterMenu .rgHCMFilter {
    margin: 0 5px 5px 0;
}

.GridContextMenu .rgFilterMenu .rgHCMClear,
.GridContextMenu .rgFilterMenu .rgHCMFilter {
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
}

.RadMenu.GridContextMenu .rmContent {
    white-space: normal;
    padding-left: 35px;
    padding-right: 10px;
}

.GridContextMenu li.rgHCMFilter {
    background: 0;
}

.GridContextMenu .rmArrow {
    z-index: 2000;
}

.GridContextMenu span.rmIcon {
    display: inline-block;
    left: 0;
    margin-left: 2px;
}

    .GridContextMenu span.rmIcon:before {
        font-size: 16px;
    }

.GridContextMenu .rgHCMSortAscsIcon:before {
    content: "\e06e";
}

.GridContextMenu .rgHCMSortDescIcon:before {
    content: "\e06f";
}

.GridContextMenu .rgHCMUnsortIcon:before {
    content: "\e070";
}

.GridContextMenu .rgHCMGroupIcon:before {
    content: "\e116";
}

.GridContextMenu .rgHCMUngroupIcon:before {
    content: "\e0c5";
}

.GridContextMenu .rgHCMColsIcon:before {
    content: "\e090";
}

.GridContextMenu .rgHCMFilterIcon:before {
    content: "\e06c";
}

.GridContextMenu .rgFreezeIcon:before {
    content: "\e0b8";
}

.GridContextMenu .rgUnFreezeIcon:before {
    content: "\e0b7";
}

.RadMenu .rmGroup .rgHCMItem .rmContent {
    width: 161px;
    padding: 6px 5px 5px 30px;
}

.rgHCMItem .rgHCMClear,
.rgHCMItem .rgHCMShow,
.rgHCMItem .rgHCMAnd,
.rgHCMItem .rgHCMFilter {
    display: block;
}

.rgHCMItem .rgHCMShow,
.rgHCMItem .rgHCMAnd {
    padding-top: 5px;
    line-height: 12px;
}

.rgHCMItem .rgHCMClear,
.rgHCMItem .rgHCMShow,
.rgHCMItem .RadComboBox {
    margin: 0 0 5px;
}

.rgHCMItem .rgHCMAnd {
    margin: 0 0 5px;
    margin-top: 5px;
}

.rgHCMItem .rgHCMFilter {
    margin-top: 11px;
}

.rgHCMItem .rgHCMClear,
.rgHCMItem .rgHCMFilter {
    width: 160px;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    padding: 1px 0;
    font-size: 12px;
    cursor: pointer;
}

.RadFilterMenu_CheckList .RadListBox {
    display: block;
    margin-bottom: 7px;
    margin-top: 5px;
    width: 200px;
    max-height: 250px;
    overflow: auto;
    border-left: 0 none;
}

.RadFilterMenu_CheckList ul.rmGroup li.rmLast {
    padding-bottom: 5px;
}

.RadFilterMenu_CheckList .rmGroup div.rmText {
    padding: 0 10px 0 0;
    margin-left: 0;
}

.RadFilterMenu_CheckList .rgFilterApply,
.RadFilterMenu_CheckList .rgFilterCancel {
    height: 22px;
    line-height: 22px;
    margin-right: 10px;
    padding: 0 6px 2px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
}

.RadFilterMenu_CheckList .rgFilterApply {
    margin-left: 5px;
    margin-left: 33px;
}

.RadGrid .rgGroupPanel {
    padding: 0.25em 0.333em;
    white-space: nowrap;
    min-height: 1.5em;
}

.RadGrid .rgGroupItem {
    padding: 0.167em 0.167em 0 0.25em;
    line-height: 1.5em;
}

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

    .RadGrid .rgGroupItem + .rgGroupItem {
        margin-left: 1em;
        position: relative;
    }

        .RadGrid .rgGroupItem + .rgGroupItem:before {
            content: "-";
            left: -0.8em;
            position: absolute;
        }

.RadGrid .rgUngroupIcon:before {
    content: "\e115";
}

.RadGrid .rgGroupHeaderText {
    padding-left: 1em;
}

.RadGrid .rgGroupHeader td {
    padding-top: 0;
    padding-bottom: 0;
}

    .RadGrid .rgGroupHeader td p {
        display: inline;
        margin: 0;
        padding: 0 10px;
    }

    .RadGrid .rgGroupHeader td div div {
        top: -0.8em;
        padding: 0 10px;
    }

.RadGrid table.rgMasterTable tr .rgGroupCol,
.RadGrid table.rgMasterTable tr .rgExpandCol {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.RadGrid .rgCollapseIcon:before {
    content: "\e002";
}

.RadGrid .rgExpandIcon:before {
    content: "\e000";
}

.RadGrid .rgGroupHeader td div div div {
    top: 0;
    padding: 0;
    border: 0;
}

.RadGrid .rgUpdate,
.RadGrid .rgCancel {
    width: 1.5em;
    height: 1.5em;
}

.RadGrid .rgDetailTable {
    border-style: solid;
    border-width: 1px;
    border-right-width: 0;
}

.RadGrid .rgAdd,
.RadGrid .rgRefresh {
    vertical-align: bottom;
}

.RadGrid .rgCommandRow .rgActionButton {
    position: relative;
    width: auto;
    height: auto;
    margin-right: 0.5em;
}

    .RadGrid .rgCommandRow .rgActionButton .rgButtonText {
        display: inline;
        line-height: 1.5em;
    }

.RadGrid .rgCommandRow *[class*=rgExp] .rgButtonText {
    display: none;
}

.RadGrid .rgCommandRow .rgIcon {
    width: 1.2em;
    vertical-align: baseline;
}

.RadGrid .rgCommandCell .rgPrev,
.RadGrid .rgCommandCell .rgNext {
    float: right;
    margin-right: 0.8em;
}

.RadGrid .rgPrevIcon:before {
    content: "\e013";
}

.RadGrid .rgNextIcon:before {
    content: "\e010";
}

.RadGrid .rgExpDOCIcon:before {
    content: "\e145";
}

.RadGrid .rgExpXLSIcon:before {
    content: "\e146";
}

.RadGrid .rgExpCSVIcon:before {
    content: "\e147";
}

.RadGrid .rgExpPDFIcon:before {
    content: "\e148";
}

.RadGrid .rgRefreshIcon:before {
    content: "\e01e";
}

.RadGrid .rgSaveIcon:before {
    content: "\e0bd";
}

.RadGrid .rgCancelIcon:before {
    content: "\e115";
}

.RadGrid .rgUpdateIcon:before {
    content: "\e118";
}

.RadGrid .rgDelIcon:before {
    content: "\e115";
}

.RadGrid .rgEditIcon:before {
    content: "\e10b";
}

.rgPager thead,
.rgPager caption,
.rgCommandTable thead {
    display: none;
}

.RadGridRTL .rgHeader,
.RadGridRTL .rgResizeCol {
    text-align: right;
}

.RadGridRTL .rgStatus {
    border-right: 0;
    border-left-width: 1px solid;
}

.RadGridRTL .rgWrap {
    float: right;
}

.RadGridRTL .rgArrPart1 {
    padding: 0 10px 0 5px;
}

.RadGridRTL .rgArrPart2 {
    padding: 0 5px 0 10px;
}

.RadGridRTL .rgPageFirst,
.RadGridRTL .rgPagePrev {
    margin-right: 0;
    margin-left: 1px;
}

.RadGridRTL .rgPageNext,
.RadGridRTL .rgPageLast {
    margin-left: 0;
    margin-right: 1px;
}

.RadGridRTL .rgNumPart a {
    float: right;
}

.RadGridRTL .rgDetailTable {
    border-right-width: 1px;
    border-left-width: 0;
}

.RadGridRTL input.rgRefresh,
.RadGridRTL input.rgAdd {
    margin: 0 0 0 4px;
}

.RadGridRTL .rgInfoPart {
    text-align: left;
}

.RadGridRTL .rgSliderLabel {
    float: right;
}

.RadGridRTL .rgPager div.RadSlider {
    float: right;
    margin: 0 0 0 10px;
}

.RadGridRTL .rgExpandIcon:before {
    content: "\e003";
}

.RadGrid_Metro {
    border: 1px solid #e5e5e5;
    background: #fff;
    color: #565656;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

    .RadGrid_Metro .rgActionButton {
        color: #767676;
    }

    .RadGrid_Metro .rgInput {
        background-color: #fff;
        border: 1px solid #e5e5e5;
        color: #565656;
    }

    .RadGrid_Metro .rgHeader:first-child,
    .RadGrid_Metro th.rgResizeCol:first-child,
    .RadGrid_Metro .rgFilterRow > td:first-child,
    .RadGrid_Metro .rgRow > td:first-child,
    .RadGrid_Metro .rgAltRow > td:first-child {
        border-left-width: 0;
        padding-left: 8px;
    }

    .RadGrid_Metro .rgHeader,
    .RadGrid_Metro th.rgResizeCol,
    .RadGrid_Metro .rgHeaderWrapper {
        border: 0;
        border-bottom: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5;
    }

    .RadGrid_Metro .rgHeaderDiv {
        border-right-color: #e5e5e5;
    }

    .RadGrid_Metro .rgMultiHeaderRow th.rgHeader,
    .RadGrid_Metro .rgMultiHeaderRow th.rgResizeCol {
        border: 0;
        border-bottom: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5;
    }

    .RadGrid_Metro th.rgSorted {
        background-color: #e5e5e5;
    }

    .RadGrid_Metro .rgHeader {
        color: #767676;
    }

        .RadGrid_Metro .rgHeader a {
            color: #767676;
        }

    .RadGrid_Metro th.rgSorted {
        color: #000;
    }

        .RadGrid_Metro th.rgSorted a {
            color: #000;
        }

    .RadGrid_Metro .rgRow > td,
    .RadGrid_Metro .rgAltRow > td,
    .RadGrid_Metro .rgEditRow > td {
        border-style: solid;
        border-width: 0 0 1px 1px;
    }

    .RadGrid_Metro .rgRow > td {
        border-color: #fff #e5e5e5;
    }

    .RadGrid_Metro .rgAltRow {
        background: #ededed;
    }

        .RadGrid_Metro .rgAltRow > td {
            border-color: #e5e5e5;
        }

    .RadGrid_Metro .rgActiveRow td:not(.rgExpandCol) {
        box-shadow: inset 0 5px 5px -5px #25a0da, inset 0 -5px 5px -5px #25a0da;
    }

    .RadGrid_Metro .rgActiveRow td:first-child:not(.rgExpandCol),
    .RadGrid_Metro .rgActiveRow .rgExpandCol + td {
        box-shadow: inset 0 5px 5px -5px #25a0da, inset 0 -5px 5px -5px #25a0da, inset 5px 0 5px -5px #25a0da;
    }

    .RadGrid_Metro .rgActiveRow td:not(.rgExpandCol):last-child {
        box-shadow: inset 0 5px 5px -5px #25a0da, inset 0 -5px 5px -5px #25a0da, inset -5px 0 5px -5px #25a0da;
    }

    .RadGrid_Metro .rgActiveCell {
        box-shadow: inset 0 0 5px #25a0da;
    }

    .RadGrid_Metro .rgSelectedRow .rgSorted,
    .RadGrid_Metro .rgHoveredRow .rgSorted,
    .RadGrid_Metro .rgEditRow .rgSorted {
        background-color: transparent;
    }

    .RadGrid_Metro .rgRow a,
    .RadGrid_Metro .rgAltRow a,
    .RadGrid_Metro .rgEditRow a,
    .RadGrid_Metro .rgFooter a,
    .RadGrid_Metro .rgEditForm a,
    .RadGrid_Metro .btnGrid {
        color: #565656;
    }

    .RadGrid_Metro .rgHoveredRow {
        background: #e5e5e5;
    }

    .RadGrid_Metro .rgMasterTable .rgSelectedCell,
    .RadGrid_Metro .rgSelectedRow {
        color: #fff;
        background: #4D539E;
    }

        .RadGrid_Metro .rgSelectedCell a,
        .RadGrid_Metro .rgSelectedRow a {
            color: #fff;
        }

    .RadGrid_Metro .rgEditRow {
        background: rgba(205, 205, 205, 0.75) 0 -4900px repeat-x url("WebResource.axd?d=ifcjPV8aj2vMt9az-6wWm0pyohMQ1HJz2rQ5oLt9NXfZQfC7LIBBTx28_s4zecycDUP8MMkUibdWYcbxwe3tBuio1kmCM3AZFlImgyktMMjP24G0MhuLAxJlYc_TL8gF5dib8YDjcPsClf26MXH3XEkvKBTHUa8he8MQiuSFhuU1&t=635936461678185852");
        color: #000;
    }

    .RadGrid_Metro .rgHoveredRow > td {
        border-color: #c3c3c3;
    }

        .RadGrid_Metro .rgHoveredRow > td.rgSorted {
            border-color: #c3c3c3;
        }

    .RadGrid_Metro .rgSelectedRow > td {
        border-color: #ffffff;
    }

        .RadGrid_Metro .rgSelectedRow > td.rgSorted {
            border-color: #25a0da;
        }

    .RadGrid_Metro .rgEditRow > td {
        border-color: #616161 #c3c3c3;
        border-top-width: 1px;
    }

        .RadGrid_Metro .rgEditRow > td.rgSorted {
            border-color: #616161 #c3c3c3;
        }

    .RadGrid_Metro .rgEditForm {
        border-bottom: 1px solid #616161;
    }

    .RadGrid_Metro .rgEditPopup {
        border-bottom: 1px solid #e5e5e5;
    }

    .RadGrid_Metro .rgDeletedRow > td {
        border-color: #a7a7a7;
        color: #333;
    }

        .RadGrid_Metro .rgDeletedRow > td a {
            color: #333;
        }

    .RadGrid_Metro .rgBatchOverlay {
        background: rgba(205, 205, 205, 0.9);
    }

    .RadGrid_Metro .rgBatchUndoDeleteButton {
        padding: 0 5px;
        position: absolute;
        top: 50%;
        left: 7px;
        border: 1px solid;
        border-color: #e5e5e5;
        color: #000;
        background-color: #f9f9f9;
        border-radius: 4px;
    }

        .RadGrid_Metro .rgBatchUndoDeleteButton:hover {
            border-color: #e5e5e5;
            color: #000;
            background-color: #e5e5e5;
        }

    .RadGrid_Metro .rgBatchUndoDeleteIcon {
        margin-right: 3px;
        font-size: 1.4em;
    }

    .RadGrid_Metro .rgDrag {
        background-image: url("WebResource.axd?d=J-Z8v2tDlK3-Z7sbgXh8wOJgUpZpXzXYXM6X8_3NXvd7cIxJRxKiHsrmZ3dCp7N45vIXpCULxOu3MdS1etdXVNw5L-Jg_zNzFT5xBtg0IAo1VVIAFx8rh7dy9i1I6rI0s95WNLqV5kGavVC-BaM5_zaQl4fJIf_r1gkDxdgRtAk1&t=635936461678185852");
    }

html .RadGrid_Metro .rgFooterDiv td,
html .RadGrid_Metro .rgFooter td {
    background: #f9f9f9;
}

.RadGrid_Metro .rgFooter > td,
.RadGrid_Metro .rgFooterWrapper {
    border-top: 1px solid #e5e5e5;
}

    .RadGrid_Metro .rgFooterWrapper .rgFooter > td {
        border-bottom: 0;
    }

.RadGrid_Metro .rgStatus {
    border-color: #e5e5e5;
}

    .RadGrid_Metro .rgStatus div {
        background-image: url("WebResource.axd?d=8roOJWZ7_Ney1zr3iYTkTVlngg_oz1OZsdg1EL_h-8YfFW22Mb-xtTsz6hsckUMV3oaqE4O-awxYv6FXq21xxJek8A43C_wnkBYzgwHSvaS8-8j8JlaXwQ8RaJ33qVt8WcNyp4Un6zoGog8CdrgkT-EvD73F2OfXESGB508zgfc1&t=635936461678185852");
    }

.RadGrid_Metro .rgPagerCell {
    background: #fff;
    color: #767676;
    border-color: #cdcdcd;
}

    .RadGrid_Metro .rgPagerCell .rgNumPart a {
        color: inherit;
    }

        .RadGrid_Metro .rgPagerCell .rgNumPart a:hover {
            border-color: #e5e5e5;
            color: #000;
            background-color: #e5e5e5;
        }

        .RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage {
            border: 1px solid #25a0da;
        }

    .RadGrid_Metro .rgPagerCell .rgPagerButton,
    .RadGrid_Metro .rgPagerCell .rgActionButton {
        background: #f9f9f9;
        color: inherit;
        border: 1px solid #e5e5e5;
    }

        .RadGrid_Metro .rgPagerCell .rgPagerButton:hover,
        .RadGrid_Metro .rgPagerCell .rgActionButton:hover {
            border-color: #e5e5e5;
            color: #000;
            background-color: #e5e5e5;
        }

    .RadGrid_Metro .rgPagerCell .rgActionButton {
        border-radius: 100%;
    }

.GridReorderTop_Metro,
.GridReorderBottom_Metro {
    color: #25a0da;
}

.RadGrid_Metro .rgFilterRow > td {
    border-bottom: 1px solid #e5e5e5;
}

.RadGrid_Metro .rgFilter {
    border: 1px solid;
    border-color: #e5e5e5;
    color: #000;
    background-color: #f9f9f9;
    background-image: linear-gradient();
}

    .RadGrid_Metro .rgFilter:hover,
    .RadGrid_Metro .rgFilter:focus {
        border-color: #e5e5e5;
        color: #000;
        background-color: #e5e5e5;
        background-image: linear-gradient();
    }

.RadGrid_Metro .rgFilterActive,
.RadGrid_Metro .rgFilterActive:hover,
.RadGrid_Metro .rgFilterActive:focus {
    border-color: #25a0da;
    color: #fff;
    background-color: #25a0da;
    box-shadow: inset 0 0 6px rgba(165, 165, 165, 0.5);
}

.RadGrid_Metro .rgFiltered {
    border-color: #25a0da;
    color: #fff;
    background-color: #25a0da;
    background-image: linear-gradient();
}

    .RadGrid_Metro .rgFiltered:hover,
    .RadGrid_Metro .rgFiltered:focus {
        border-color: #0d87bf;
        color: #fff;
        background-color: #0d87bf;
    }

    .RadGrid_Metro .rgFiltered.rgFilterActive {
        border-color: #0071a6;
        color: #fff;
        background-color: #0071a6;
    }

.RadGrid_Metro .rgFilterBox {
    border-color: #e5e5e5;
    color: #000;
    background-color: #fff;
}

.RadGrid_Metro .rgOptions {
    color: #333;
}

.RadGrid_Metro .rgOptSelected {
    color: #25a0da;
}

.GridContextMenu_Metro .rgHCMClear,
.GridContextMenu_Metro .rgHCMFilter {
    font-size: 1em;
    height: 1.75em;
    border-color: #e5e5e5;
    color: #000;
    background-color: #f9f9f9;
    border-radius: 0;
}

    .GridContextMenu_Metro .rgHCMClear:hover,
    .GridContextMenu_Metro .rgHCMFilter:hover {
        border-color: #e5e5e5;
        color: #000;
        background-color: #e5e5e5;
    }

.GridContextMenu_Metro .rmGroup .rgHCMItem div.rmContent {
    padding: 15px;
    margin: 0 auto;
}

.RadGrid_Metro .rgGroupPanel {
    border: 0;
    border-bottom: 1px solid #7c7c7c;
}

    .RadGrid_Metro .rgGroupPanel,
    .RadGrid_Metro .rgGroupPanel caption {
        background: #25a0da;
        color: #fff;
    }

.RadGrid_Metro .rgGroupItem {
    border: 1px solid #7e7e7e;
    background: #fff;
    color: #000;
}

.RadGrid_Metro td.rgGroupCol,
.RadGrid_Metro td.rgExpandCol {
    border-color: #c9c9c9;
    background: #dedede;
}

.RadGrid_Metro .rgGroupHeader {
    background: #dedede;
    font-size: 1.1em;
    line-height: 22px;
    color: #000;
}

    .RadGrid_Metro .rgGroupHeader td {
        padding-left: 8px;
        padding-bottom: 2px;
    }

.RadGrid_Metro .rgDetailTable {
    border-color: #999;
}

.RadGrid_Metro .rgCommandRow {
    color: #767676;
    text-decoration: none;
}

    .RadGrid_Metro .rgCommandRow a {
        color: #767676;
        text-decoration: none;
    }

.RadGrid_Metro .rgCommandCell {
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.RadGrid_Metro tfoot .rgCommandCell,
.RadGrid_Metro .rgMasterTable > tbody > tr.rgCommandRow .rgCommandCell {
    border-top: 1px solid #e5e5e5;
    border-bottom: 0;
}

.RadGrid_Metro .rgCommandTable {
    border: 0;
}

    .RadGrid_Metro .rgCommandTable td {
        border: 0;
        padding: 2px 7px;
    }

.rgCellSelectorArea_Metro,
.GridRowSelector_Metro {
    background: #4c4e54;
}

.GridItemDropIndicator_Metro {
    border-top: 1px dashed #666;
}

.GridToolTip_Metro {
    border: 1px solid #c98400;
    padding: 3px;
    background: #ffefbd;
    color: #333;
}

.RadGridRTL_Metro .rgHeader:first-child,
.RadGridRTL_Metro th.rgResizeCol:first-child,
.RadGridRTL_Metro .rgFilterRow > td:first-child,
.RadGridRTL_Metro .rgRow > td:first-child,
.RadGridRTL_Metro .rgAltRow > td:first-child {
    border-left-width: 1px;
    padding-left: 7px;
}

.RadDropDownList {
    width: 12em;
    line-height: 1.42857143;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    cursor: default;
}

    .RadDropDownList .rddlInner {
        padding: 4px 2em 4px 10px;
        border-width: 1px;
        border-style: solid;
        background-repeat: repeat-x;
        background-position: 0 0;
        display: block;
        position: relative;
    }

    .RadDropDownList .rddlFakeInput {
        width: 100%;
        height: 1.42857143em;
        display: block;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .RadDropDownList .rcbDisabled .rddlFakeInput {
        opacity: 1;
    }

    .RadDropDownList .rddlEmptyMessage,
    .RadDropDownList .rddlDefaultMessage {
        font-style: italic;
        filter: alpha(opacity=80);
        opacity: 0.8;
    }

    .RadDropDownList .rddlSelect {
        padding: 4px;
        min-width: 1em;
        text-align: center;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        right: 0;
        left: auto;
    }

        .RadDropDownList .rddlSelect:before {
            content: ".";
            width: 0;
            vertical-align: middle;
            display: inline-block;
            overflow: hidden;
        }

    .RadDropDownList .rrdlLabel {
        vertical-align: top;
        padding-right: 10px;
        line-height: 22px;
    }

    .RadDropDownList .rddlDisabled {
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    .RadDropDownList_rtl,
    .RadDropDownList[dir=rtl] {
        text-align: right;
    }

        .RadDropDownList_rtl .rddlInner,
        .RadDropDownList[dir=rtl] .rddlInner {
            padding-left: 2em;
            padding-right: 10px;
        }

        .RadDropDownList_rtl .rddlSelect,
        .RadDropDownList[dir=rtl] .rddlSelect {
            left: 0;
            right: auto;
        }

        .RadDropDownList_rtl .rrdlLabel,
        .RadDropDownList[dir=rtl] .rrdlLabel {
            padding-left: 10px;
            padding-right: 0;
        }

.rddlSlide,
.rddlDropDownSlide {
    float: left;
    display: none;
    position: absolute;
    overflow: hidden;
    z-index: 7000;
}

.rddlPopup {
    border-width: 1px;
    border-style: solid;
    text-align: left;
    cursor: default;
    position: relative;
    line-height: 1.42857;
}

    .rddlPopup .rddlHeader,
    .rddlPopup .rddlFooter {
        padding: 4px 10px;
        border-width: 0;
        border-style: solid;
    }

    .rddlPopup .rddlHeader {
        margin-bottom: 1px;
        border-bottom-width: 1px;
    }

    .rddlPopup .rddlFooter {
        margin-top: 1px;
        border-top-width: 1px;
    }

    .rddlPopup .rddlList {
        height: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
        overflow: auto;
        box-sizing: border-box;
    }

    .rddlPopup .rddlItem {
        margin: 0;
        padding: 4px 10px;
        min-height: 13px;
    }

        .rddlPopup .rddlItem > label {
            margin: -4px -10px;
            padding: 4px 10px;
            display: block;
        }

    .rddlPopup .rddlItemDisabled {
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

.rddlPopup_rtl {
    text-align: right;
    direction: rtl;
}

.RadDropDownList_Metro {
    color: #000;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

    .RadDropDownList_Metro .rddlInner {
        border-color: #d0d0d0;
        color: #000;
        background-color: #f9f9f9;
    }

    .RadDropDownList_Metro .rddlHovered {
        border-color: #e5e5e5;
        color: #000;
        background-color: #e5e5e5;
    }

    .RadDropDownList_Metro .rddlFocused {
        border-color: #25a0da;
        color: #fff;
        background-color: #25a0da;
    }

.rddlPopup_Metro {
    border-color: #cdcdcd;
    color: #000;
    background-color: #fff;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

    .rddlPopup_Metro .rddlHeader,
    .rddlPopup_Metro .rddlFooter {
        border-color: #cdcdcd;
    }

    .rddlPopup_Metro .rddlItemHovered,
    .rddlPopup_Metro .rddlItemLoading {
        color: #000;
        background-color: #e8e8e8;
    }

    .rddlPopup_Metro .rddlItemSelected {
        color: #fff;
        background-color: #25a0da;
    }

.RadCalendar {
    border: 0;
    color: inherit;
    display: inline-block;
}

    .RadCalendar caption, .RadCalendar caption span {
        color: inherit;
        display: none;
    }

    .RadCalendar .rcTitlebar {
        border-style: solid;
        border-width: 1px;
        text-align: center;
        padding: 0.2em 0.1em;
        *zoom: 1;
    }

        .RadCalendar .rcTitlebar:after {
            content: "";
            height: 0;
            clear: both;
            display: block;
        }

    .RadCalendar .rcPrev, .RadCalendar .rcNext, .RadCalendar .rcFastPrev, .RadCalendar .rcFastNext {
        float: left;
        color: inherit;
        display: block;
        height: 1.5em;
        line-height: 100em;
        overflow: hidden;
        margin: 0 0.3em;
        text-decoration: none;
    }

        .RadCalendar .rcPrev:before, .RadCalendar .rcNext:before, .RadCalendar .rcFastPrev:before, .RadCalendar .rcFastNext:before {
            font-size: 1em;
            line-height: 1.7em;
            font-family: "TelerikWebUI";
            text-align: center;
            display: block;
            text-indent: 0;
        }

    .RadCalendar .rcNext, .RadCalendar .rcFastNext {
        float: right;
    }

    .RadCalendar .rcFastPrev {
        margin-left: 0.4em;
    }

    .RadCalendar .rcFastNext {
        margin-right: 0.4em;
    }

    .RadCalendar .rcTitle {
        width: 100%;
        cursor: pointer;
    }

    .RadCalendar span.rcTitle {
        display: block;
    }

    .RadCalendar .rcNoNav .rcTitle {
        cursor: default;
    }

    .RadCalendar .rcMain {
        width: auto;
        border-style: solid;
        border-width: 0 1px 1px;
        padding: 0;
        *zoom: 1;
    }

        .RadCalendar .rcMain:after {
            content: "";
            height: 0;
            clear: both;
            display: block;
        }

    .RadCalendar .rcMainTable {
        table-layout: auto;
        border-collapse: separate;
        border: 0;
        width: 100%;
        font-size: 1em;
        line-height: normal;
        border-spacing: 0;
    }

    .RadCalendar .rcHeader, .RadCalendar .rcFooter {
        border-style: solid;
        border-width: 0 1px 1px;
        padding: 0;
    }

    .RadCalendar .rcWeek th {
        border: 0;
        padding: 0.25em 0.3em 0.2em 0;
        font-weight: normal;
        vertical-align: middle;
        cursor: default;
        text-align: right;
    }

    .RadCalendar .rcWeek .rcViewSel {
        text-align: center;
    }

    .RadCalendar .rcRow th {
        text-align: center;
        border: 0;
        padding: 0 0.6em;
        font-weight: normal;
        vertical-align: middle;
        cursor: default;
    }

    .RadCalendar .rcRow td {
        border-style: solid;
        border-width: 1px;
        padding: 0;
        text-align: right;
        vertical-align: middle;
    }

    .RadCalendar .rcRow a, .RadCalendar .rcRow span {
        display: block;
        padding: 0.08em 0.4em;
        text-decoration: none;
        outline: 0;
    }

    .RadCalendar .rcRow span {
        cursor: default;
    }

    .RadCalendar .riLabel {
        float: left;
        padding-right: 5px;
        padding-top: 5px;
    }

.RadCalendarTimeView {
    color: inherit;
    border-spacing: 0;
}

.RadCalendarMultiView .rcCalendar {
    border-style: solid;
    border-width: 1px;
    padding: 0;
}

.RadCalendarMultiView .rcMainTable .rcTitle {
    border-style: solid;
    border-width: 0 0 1px;
    padding: 0 0 0.2em;
    line-height: 1.5em;
    text-align: center;
}

.RadCalendarMonthView {
    table-layout: auto;
    border-collapse: separate;
    border-style: solid;
    border-width: 1px;
    border-spacing: 0;
}

    .RadCalendarMonthView button, .RadCalendarMonthView [type=button] {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

    .RadCalendarMonthView td {
        border: 0;
        padding: em2px(5px 3px 0, 12);
    }

    .RadCalendarMonthView a {
        display: block;
        padding: 0.1em 0.2em;
        text-align: center;
        text-decoration: none;
        border: 1px solid transparent;
    }

    .RadCalendarMonthView .rcHover a, .RadCalendarMonthView .rcSelected a {
        padding: em2px(1px 3px, 12);
    }

    .RadCalendarMonthView #rcMView_PrevY a, .RadCalendarMonthView #rcMView_NextY a {
        display: block;
        overflow: hidden;
        margin: 0 auto;
        text-align: center;
        text-decoration: none;
        height: 1em;
    }

        .RadCalendarMonthView #rcMView_PrevY a:before, .RadCalendarMonthView #rcMView_NextY a:before {
            font-size: 1em;
            line-height: 1.5em;
            font-family: "TelerikWebUI";
            text-align: center;
            display: block;
            text-indent: 0;
        }

    .RadCalendarMonthView .rcButtons {
        border: 0;
        text-align: center;
        padding: 0.25em 0.4em 0.3em;
    }

    .RadCalendarMonthView input {
        border-style: solid;
        border-width: 1px;
        cursor: pointer;
        font-size: 1em;
    }

    .RadCalendarMonthView #rcMView_Today {
        margin: 0 0.4em 0 0;
    }

.RadCalendarTimeView {
    border-collapse: separate;
    border-style: solid;
    border-width: 1px;
    border-spacing: 0;
}

    .RadCalendarTimeView th {
        border: 0;
        text-align: center;
        cursor: default;
        font-weight: normal;
        line-height: 1.5em;
    }

    .RadCalendarTimeView a {
        display: block;
        padding: 2px 5px;
        text-align: center;
        text-decoration: none;
        border: 1px solid transparent;
    }

    .RadCalendarTimeView td {
        border-style: solid;
        border-width: 0 0 0 1px;
        padding: 2px 2px 3px;
    }

        .RadCalendarTimeView td:first-child {
            border-left: 0;
        }

    .RadCalendarTimeView .rcFooter {
        border-style: solid;
        border-width: 1px 0 0;
        padding: 0;
    }

.RadPicker {
    vertical-align: middle;
    display: inline-block;
    line-height: 1.42857;
}

    .RadPicker .RadInput {
        display: block;
        overflow: hidden;
        font-size: 1em;
        width: auto;
    }

        .RadPicker .RadInput > input {
            float: left;
        }

    .RadPicker .riLabel {
        float: left;
        box-sizing: border-box;
        padding: 5px 10px 5px 0;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .RadPicker .rcSelect {
        position: absolute;
        bottom: 1px;
        right: 1px;
        top: 1px;
        overflow: hidden;
    }

    .RadPicker .rcCalPopup, .RadPicker .rcTimePopup {
        display: inline-block;
    }

    .RadPicker .rcDisabled {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .RadPicker .riTextBox {
        padding-right: 2.286em;
    }

.RadDateTimePicker .riTextBox {
    padding-right: 4.572em;
}

.RadCalendarMonthView .rcDisabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.rcIE > .rcShadBL, .rcIE > .rcShadBR, .rcIE > .rcShadTR {
    background-image: none;
}

.RadPickerRTL table.rcTable .rcInputCell {
    padding: 0 0 0 4px;
}

.rcFastPrev:before, #rcMView_PrevY a:before {
    content: "\e132";
}

.rcPrev:before {
    content: "\e003";
}

.rcNext:before {
    content: "\e000";
}

.rcFastNext:before, #rcMView_NextY a:before {
    content: "\e12f";
}

.rcCalPopup:before {
    content: "\e089";
}

.rcTimePopup:before {
    content: "\e08d";
}

.RadCalendar_Metro {
    background: #fff;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

    .RadCalendar_Metro .rcTitlebar {
        line-height: 1.7;
        border-color: #7c7c7c;
        color: #767676;
    }

        .RadCalendar_Metro .rcTitlebar table {
            font: normal 14px "Segoe UI", Arial, Helvetica, sans-serif;
            line-height: 2;
        }

        .RadCalendar_Metro .rcTitlebar td {
            padding: 0 0 0.125em;
        }

        .RadCalendar_Metro .rcTitlebar .rcPrev, .RadCalendar_Metro .rcTitlebar .rcNext, .RadCalendar_Metro .rcTitlebar .rcFastPrev, .RadCalendar_Metro .rcTitlebar .rcFastNext {
            padding: 0;
            border: 1px solid transparent;
            margin: 0.125em 0;
            color: #ccc;
        }

            .RadCalendar_Metro .rcTitlebar .rcPrev:hover, .RadCalendar_Metro .rcTitlebar .rcNext:hover, .RadCalendar_Metro .rcTitlebar .rcFastPrev:hover, .RadCalendar_Metro .rcTitlebar .rcFastNext:hover {
                background: #e5e5e5;
            }

.RadCalendarMultiView_Metro .rcTitlebar .rcPrev:hover, .RadCalendarMultiView_Metro .rcTitlebar .rcNext:hover, .RadCalendarMultiView_Metro .rcTitlebar .rcFastPrev:hover, .RadCalendarMultiView_Metro .rcTitlebar .rcFastNext:hover {
    border-color: #fff;
    background-color: transparent;
}

.RadCalendarMultiView_Metro .rcTitlebar .rcFastPrev:before, .RadCalendarMultiView_Metro .rcTitlebar .rcPrev:before, .RadCalendarMultiView_Metro .rcTitlebar .rcNext:before, .RadCalendarMultiView_Metro .rcTitlebar .rcFastNext:before {
    color: #fff;
}

.RadCalendar_Metro .rcMain {
    border-color: #999;
}

.RadCalendar_Metro .rcMainTable {
    line-height: 1.4167;
}

.RadCalendar_Metro .rcHeader, .RadCalendar_Metro .rcFooter {
    border-color: #999;
}

.RadCalendar_Metro .rcWeek th {
    border-bottom: 1px solid #e5e5e5;
    padding: 0.25em 0.375em 0.25em 0;
    color: #000;
}

.RadCalendar_Metro .rcWeek .rcViewSel {
    width: 1.083em;
    padding: 0 0.58333em 0 0.75em;
    color: #25a0de;
}

.RadCalendar_Metro .rcRow th {
    width: 1.0833em;
    padding: 0 0.5833em 0 0.75em;
    color: #25a0de;
}

.RadCalendar_Metro .rcRow td {
    border: 1px solid transparent;
    padding: 1px;
}

.RadCalendar_Metro .rcMain .rcRow a, .RadCalendar_Metro .rcMain .rcRow span {
    color: #767676;
}

.RadCalendar_Metro .rcMain .rcWeekend a {
    color: #666;
}

.RadCalendar_Metro .rcRow .rcToday {
    border-color: #25a0da;
}

.RadCalendar_Metro .rcMain .rcOtherMonth a {
    color: #e5e5e5;
}

.RadCalendar_Metro .rcMain .rcOutOfRange span {
    color: #777;
}

.RadCalendar_Metro .rcRow .rcSelected {
    border-color: #fff;
    background: #25a0da;
}

.RadCalendar_Metro .rcMain .rcRow .rcSelected a {
    color: #fff;
}

.RadCalendar_Metro .rcRow .rcHover {
    border-color: transparent;
    background: #e5e5e5;
}

.RadCalendar_Metro .rcRow .rcFocus {
    box-shadow: 0 0 3px #25a0da inset;
}

.RadCalendar_Metro .rcMain .rcRow .rcHover a {
    color: #000;
}

.RadCalendarMultiView_Metro .rcTitlebar {
    border: 0 none;
    background: #25a0da;
    color: #fff;
}

    .RadCalendarMultiView_Metro .rcTitlebar table {
        line-height: 2.4166;
    }

.RadCalendarMultiView_Metro .rcMain {
    border-color: #dadad2;
}

.RadCalendarMultiView_Metro .rcCalendar {
    border-color: #e5e5e5;
}

.RadCalendarMultiView_Metro .rcMainTable .rcTitle {
    border-color: #e5e5e5;
    padding: 0 0 0.125em;
    line-height: 1.8333;
}

.RadCalendarMonthView_Metro {
    border-color: #dadad2;
    background: #fff;
    font: 14px "Segoe UI", Arial, Helvetica, sans-serif;
    color: #333;
}

    .RadCalendarMonthView_Metro #rcMView_Feb, .RadCalendarMonthView_Metro #rcMView_Apr, .RadCalendarMonthView_Metro #rcMView_Jun, .RadCalendarMonthView_Metro #rcMView_Aug, .RadCalendarMonthView_Metro #rcMView_Oct, .RadCalendarMonthView_Metro #rcMView_Dec {
        border-right: 1px solid #999;
    }

    .RadCalendarMonthView_Metro a {
        color: #333;
    }

    .RadCalendarMonthView_Metro .rcSelected a {
        border-color: #25a0da;
        background: #25a0da;
        color: #fff;
    }

    .RadCalendarMonthView_Metro #rcMView_PrevY a, .RadCalendarMonthView_Metro #rcMView_NextY a {
        width: 1.5em;
        height: 1.0833em;
        color: #ccc;
    }

    .RadCalendarMonthView_Metro .rcButtons {
        padding: 0.3125em 0.5833em 0.25em;
    }

    .RadCalendarMonthView_Metro input {
        border-color: #e5e5e5;
        background: transparent;
        color: #767676;
        font: 1em "segoe ui", arial, sans-serif;
    }

.RadCalendarTimeView_Metro {
    border-color: #dadad2;
    background: #fff;
    font: 14px "Segoe UI", Arial, Helvetica, sans-serif;
}

    .RadCalendarTimeView_Metro th {
        border-bottom: 1px solid #999;
        padding: 0 0 1px;
        background: #fff;
        color: #767676;
        line-height: 1.9167;
    }

    .RadCalendarTimeView_Metro td {
        border-color: #999;
    }

    .RadCalendarTimeView_Metro a {
        color: #333;
    }

    .RadCalendarTimeView_Metro td.rcSelected a {
        border-color: #25a0da;
        background: #25a0da;
        color: #fff;
    }

    .RadCalendarTimeView_Metro td.rcHover a {
        border-color: #e5e5e5;
        background: #e5e5e5;
        color: #000;
    }

    .RadCalendarTimeView_Metro .rcFooter {
        border-color: #999;
    }

.RadPicker_Metro {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

    .RadPicker_Metro .riLabel {
        color: #333;
    }

.RadInputMgr {
    font: inherit;
}

.RadInput, .RadInputMgr {
    vertical-align: middle;
    width: 12em;
    line-height: 1.428571429;
    box-sizing: border-box;
}

.t-ie .RadInput, .t-ie .RadInputMgr {
    height: 30px;
    height: calc(1.428571429em + 10px);
}

    .t-ie .RadInput.RadInputMultiline, .t-ie textarea.RadInput_Multiline {
        height: auto;
    }

.RadInput .riTextBox {
    height: inherit;
    width: 100%;
    font: inherit;
}

.RadInput {
    display: inline-block;
    white-space: nowrap;
    text-align: left;
    position: relative;
}

    .RadInput textarea {
        vertical-align: bottom;
        overflow: auto;
        resize: none;
        white-space: pre-wrap;
    }

    .RadInput.riResizable .riTextBox {
        min-width: 5.41667em;
        min-height: 3.33333em;
    }

    .RadInput .riResizeIcon {
        width: 7px;
        height: 7px;
        display: inline-block;
        vertical-align: bottom;
        margin-left: -7px;
    }

    .RadInput.riResizable .riTextBox {
        padding-right: 2px;
    }

    .RadInput .rfdRoundedContent {
        width: 100% !important;
    }

    .RadInput .rfdRoundedWrapper {
        table-layout: fixed;
    }

    .RadInput .riTextBox, .RadInputMgr {
        border-width: 1px;
        border-style: solid;
        padding: 4px 10px;
        vertical-align: middle;
    }

        .RadInput .riTextBox:disabled, .RadInputMgr:disabled {
            opacity: 1;
        }

.RadPicker .riTextBox {
    padding-right: 2.286em;
}

.RadDateTimePicker .riTextBox {
    padding-right: 4.572em;
}

textarea.RadInputMgr {
    overflow: auto;
}

.RadInput .riEmpty, .RadInput_Empty {
    font-style: italic;
}

.RadInput a {
    display: block;
    height: 100%;
    padding: 0 4px;
    text-align: center;
    vertical-align: bottom;
    background-clip: padding-box;
    background-repeat: no-repeat;
    border-left: 1px solid transparent;
}

    .RadInput a, .RadInput a:hover {
        text-decoration: none;
    }

        .RadInput a span {
            display: none;
        }

        .RadInput a:before {
            font: 16px/1 "TelerikWebUI";
            vertical-align: middle;
        }

        .RadInput a:after {
            content: "";
            display: inline-block;
            height: 100%;
            width: 0;
            vertical-align: middle;
        }

.RadInput .riLabel, .RadInput .riTextBox, .RadInput .riContentWrapper {
    box-sizing: border-box;
}

.RadInput .riLabel {
    float: left;
    padding: 5px 10px 5px 0;
    text-overflow: ellipsis;
    overflow: hidden;
}

.RadInput .riSelect {
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
}

.RadInput .riButton {
    vertical-align: top;
}

    .RadInput .riButton:before {
        content: "\e023";
    }

.RadInput .riUp, .RadInput .riDown {
    height: 50%;
}

.RadInput .riUp {
    vertical-align: top;
}

    .RadInput .riUp:before {
        content: "\e001";
        vertical-align: top;
    }

.RadInput .riDown:before {
    content: "\e002";
    vertical-align: top;
}

.RadInput .riContentWrapper {
    display: block;
    vertical-align: middle;
    overflow: hidden;
    height: inherit;
}

.riContButton a {
    display: inline-block;
}

.riContButton .riDown {
    margin-left: -29px;
    margin-left: calc(-9px - 1.42857em);
}

.riPassIndicator {
    padding-right: 7.5em;
    overflow: hidden;
}

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

    .riPassIndicator.riContButton .riContentWrapper {
        position: relative;
        padding-right: 2em;
    }

.riStrengthBar {
    background: linear-gradient(to left, #6c3, #f4cc33 50%, #f33) repeat-y;
    background-size: 1500px auto;
    display: inline-block;
    width: 7.143em;
    height: 1.429em;
    margin-left: 0.357em;
    color: #000;
    text-align: center;
    vertical-align: middle;
}

.riStrengthBarL0 {
    background: 0;
}

.riStrengthBarL1 {
    background-color: #ff3933;
    background-position: 0 0;
    color: #620000;
}

.riStrengthBarL2 {
    background-color: #ff7833;
    background-position: -300px 0;
    color: #922b00;
}

.riStrengthBarL3 {
    background-color: #ffbe33;
    background-position: -600px 0;
    color: #9e5900;
}

.riStrengthBarL4 {
    background-color: #dc3;
    background-position: -900px 0;
    color: #696400;
}

.riStrengthBarL5 {
    background-color: #6bcc33;
    background-position: 100% 0;
    color: #236800;
}

.RadForm.rfdTextbox input.rfdDecorated.RadInputMgr {
    width: auto;
}

.RadInputRTL {
    text-align: right;
}

    .RadInputRTL.riResizable .riTextBox {
        padding-right: 5px;
        padding-left: 2px;
    }

    .RadInputRTL.riContButton .riResizeIcon {
        margin-left: 0;
        margin-right: -27px;
    }

    .RadInputRTL .riResizeIcon {
        margin-left: 0;
        margin-right: -7px;
    }

    .RadInputRTL .riLabel {
        padding: 5px 0 5px 10px;
        float: right;
    }

.RadInput_Metro, .RadInputMgr_Metro {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

    .RadInput_Metro .riTextBox, .RadInputMgr_Metro {
        border-color: #e5e5e5;
        background-color: #fff;
        color: #000;
    }

    .RadInput_Metro .riEmpty, .RadInput_Empty_Metro {
        color: #bbb;
    }

    .RadInput_Metro .riHover, .RadInput_Hover_Metro {
        color: #000;
        border-color: #767676;
    }

    .RadInput_Metro .riFocused, .RadInput_Focused_Metro {
        border-color: #25a0da;
    }

    .RadInput_Metro .riRead, .RadInput_Read_Metro {
        border-color: #b0b0b0;
    }

    .RadInput_Metro .riDisabled, .RadInput_Disabled_Metro {
        color: #767676;
        cursor: default;
    }

    .RadInput_Metro .riError, .RadInput_Error_Metro {
        border-color: #de3914;
        background: #ffe9e9 100% -298px no-repeat url("../images/Telerik/Metro/Input/sprite.gif");
        color: #de3914;
    }

.RadForm.rfdTextbox .RadInput_Metro .riError[type=text], .RadForm.rfdTextbox .RadInput_Error_Metro[type=text] {
    border-color: #de3914;
    background: #fff 100% -298px no-repeat url("../images/Telerik/Metro/Input/sprite.gif");
    color: #de3914;
}

.RadInput_Metro .riNegative, .RadInput_Negative_Metro {
    color: #565656;
}

.RadInput_Metro a {
    border-color: #e5e5e5;
    color: #000;
    background-color: #f9f9f9;
}

    .RadInput_Metro a:hover {
        border-color: #e5e5e5;
        color: #000;
        background-color: #e5e5e5;
    }

.RadInput_Metro .riLabel {
    color: #666;
}

.RadInput_Metro .riResizeIcon {
    background: transparent 0 0 no-repeat url("../images/Telerik/Metro/Input/ResizeEdge.gif");
}

.RadInputRTL_Metro .riError, .RadInputRTL_Error_Metro {
    background-position: 3px -298px;
}

.RadInputRTL_Metro .riResizeIcon {
    background-position: 0 -19px;
}

.RadForm.rfdTextbox .RadInputRTL_Metro .riError[type=text], .RadForm.rfdTextbox .RadInputRTL_Error_Metro[type=text] {
    background-position: 3px -298px;
}

.RadUpload {
    line-height: 1.42857143;
    position: relative;
    white-space: nowrap;
}

    .RadUpload .ruInputs {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .RadUpload .ruFakeInput, .RadUpload .ruButton {
        vertical-align: top;
    }

    .RadUpload input[disabled], .RadUpload .ruDisabled {
        opacity: 0.6;
    }

    .RadUpload .radIcon {
        position: relative;
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 3px;
        vertical-align: middle;
        background-repeat: no-repeat;
    }

        .RadUpload .radIcon:before {
            position: absolute;
            top: 2px;
            left: 4px;
            content: "";
            display: block;
            width: 9px;
            height: 9px;
            border-radius: 5px;
        }

    .RadUpload .ruUploading .radIcon {
        background: url("WebResource.axd?d=yCVtF_MKKf6-t0lvg-Vj4MaC3OH_u4MT2NwR53UxW65BC8VHu1O2XGdiGBtBLOYcO1NwabclQ2K8S0M-vVWOmgOc9Skscj9t22fRz1OsZFI-boIuPRl1kY5v5MIA0JG9I2-kmRfeYGCxy1NR3ra5dck5TgT6Tncs-bdpIPiYOXI1&t=635936461678085782") 4px 2px no-repeat;
    }

    .RadUpload .ruUploadSuccess .radIcon:before {
        background-color: #cfe461;
        box-shadow: -0.14286em -0.14286em 0.14286em #669021 inset;
    }

    .RadUpload .ruUploadCancelled .radIcon:before, .RadUpload .ruUploadFailure .radIcon:before {
        background-color: #f24343;
        box-shadow: -0.14286em -0.14286em 0.14286em #8f0f0f inset;
    }

    .RadUpload .ruFileLI {
        margin-bottom: 4px;
    }

        .RadUpload .ruFileLI .ruFileWrap {
            padding: 4px 0;
        }

        .RadUpload .ruFileLI .ruButton {
            font-size: 0.71428571em;
            vertical-align: middle;
            margin-left: 10px;
            cursor: pointer;
        }

            .RadUpload .ruFileLI .ruButton:hover {
                color: #000;
            }

            .RadUpload .ruFileLI .ruButton.ruRemove:before {
                width: 0.71428571em;
                content: "✕";
                display: inline-block;
                color: #fb4202;
                margin-right: 3px;
                text-decoration: none;
            }

    .RadUpload .ruFileProgressWrap {
        position: absolute;
        top: 1.42857143em;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        margin-top: 3px;
    }

    .RadUpload .ruFileProgress {
        display: block;
        width: 0;
        height: 4px;
        border-right-width: 1px;
        border-right-style: solid;
    }

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

    .RadUpload .ruFileWrap {
        position: relative;
        vertical-align: middle;
    }

        .RadUpload .ruFileWrap.ruStyled {
            display: inline-block;
            overflow: hidden;
        }

    .RadUpload .ruFakeInput {
        display: inline-block;
        width: 9.28571429em;
        padding: 4px 0;
        border-width: 1px;
        border-style: solid;
    }

        .RadUpload .ruFakeInput:before {
            content: "";
            display: inline-block;
        }

    .RadUpload .ruBrowse {
        display: inline-block;
        min-width: 4.28571429em;
        margin-left: 0;
        margin-bottom: 1em;
        padding: 4px 10px;
        text-align: center;
        border: 1px solid transparent;
        outline-offset: -2px;
    }

    .RadUpload .ruStyled .ruFileInput {
        font-size: 7.14285714em;
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .RadUpload .ruDropZone {
        display: none;
        position: absolute;
        left: -6px;
        top: -6px;
        width: 100%;
        height: 100%;
        padding: 5px;
        border: 1px solid;
        font-size: 18px;
        text-align: center;
        z-index: 2000;
    }

        .RadUpload .ruDropZone span {
            position: absolute;
            left: 0;
            top: 50%;
            width: 100%;
            height: 18px;
            margin: -9px 0 0;
            line-height: 1;
            text-align: center;
        }

    .RadUpload.ruDisabled .ruButton {
        opacity: 0.5;
    }

    .RadUpload.ruDisabled .ruFakeInput {
        opacity: 0.5;
    }

.RadUpload_Metro {
    color: #ffffff;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

@media \0 screen {
    .RadUpload_Metro .ruFileLI.ruUploadSuccess .radIcon {
        background-image: url("WebResource.axd?d=qjP5W-F0diVpCGfZPIX7kCbH3Zona5ZJq3yDeOLU-w1lCGXcfPjqDVu07-I5xaQBqf_vyyoiSetiy6SqCEP0cV7Sj88tfWcOg8NjCvBqrx5Dh3kQIvY_h_FCsTHURDVpNdErxDF4bzsflQ47Nuc6UrK3wymNpm2Tbrz5oOBmah81&t=635936461678185852");
        background-position: 3px -16px;
    }
}

.RadUpload_Metro .ruFileLI.ruUploadSuccess .radIcon:before {
    background-color: #76b01b;
    box-shadow: none;
}

@media \0 screen {
    .RadUpload_Metro .ruFileLI.ruUploadCancelled .radIcon, .RadUpload_Metro .ruFileLI.ruUploadFailure .radIcon {
        background-image: url("WebResource.axd?d=qjP5W-F0diVpCGfZPIX7kCbH3Zona5ZJq3yDeOLU-w1lCGXcfPjqDVu07-I5xaQBqf_vyyoiSetiy6SqCEP0cV7Sj88tfWcOg8NjCvBqrx5Dh3kQIvY_h_FCsTHURDVpNdErxDF4bzsflQ47Nuc6UrK3wymNpm2Tbrz5oOBmah81&t=635936461678185852");
        background-position: 3px -66px;
    }
}

.RadUpload_Metro .ruFileLI.ruUploadCancelled .radIcon:before, .RadUpload_Metro .ruFileLI.ruUploadFailure .radIcon:before {
    background-color: #e81313;
    box-shadow: none;
}

.RadUpload_Metro .ruFileLI .ruButton {
    color: #767676;
}

    .RadUpload_Metro .ruFileLI .ruButton.ruRemove:before {
        color: #767676;
    }

.RadUpload_Metro .ruFileLI .ruFileProgressWrap {
    background-color: #e5e5e5;
}

.RadUpload_Metro .ruFileLI .ruFileProgress {
    border-color: #25a0da;
    background-color: #25a0da;
}

.RadUpload_Metro .ruSelectWrap .ruFakeInput {
    display: none;
}

.RadUpload_Metro .ruSelectWrap .ruButton {
    background-color: #4D539E;
}

    .RadUpload_Metro .ruSelectWrap .ruButton.ruButtonHover {
        background-color: #2C47A9;
    }

.RadUpload_Metro .ruDropZone {
    color: #000;
    border-color: #cdcdcd;
    background-color: #fff;
}

/*adds by fro*/
.ruUploadProgress {
    color: #000000;
}

.RadComboBox {
    width: 12em;
    line-height: 1.428571429;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}

    .RadComboBox .rcbInner {
        padding: 4px 2em 4px 10px;
        border-width: 1px;
        border-style: solid;
        background-repeat: repeat-x;
        background-position: 0 0;
        display: block;
        position: relative;
    }

        .RadComboBox .rcbInner.rcbToggleButtonHidden {
            padding-right: 10px;
        }

    .RadComboBox .rcbInput {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 1.428571429em;
        border: 0;
        box-shadow: none;
        outline: 0;
        color: inherit;
        background: 0;
        font: inherit;
        display: inline-block;
        -webkit-appearance: none;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .RadComboBox .rcbReadOnly .rcbInput, .RadComboBox .rcbDisabled .rcbInput {
        cursor: default;
    }

    .RadComboBox .rcbDisabled .rcbInput {
        opacity: 1;
    }

    .RadComboBox .rcbEmptyMessage {
        font-style: italic;
        filter: alpha(opacity=80);
        opacity: 0.8;
    }

    .RadComboBox .rcbActionButton {
        padding: 4px;
        min-width: 1em;
        border-width: 0 0 0 1px;
        border-style: solid;
        box-sizing: content-box;
        background-color: transparent;
        background-repeat: repeat-x;
        background-position: 0 0;
        font: inherit;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: auto;
    }

        .RadComboBox .rcbActionButton::-moz-focus-inner {
            padding: 0;
            border: 0;
            outline: 0;
        }

        .RadComboBox .rcbActionButton .rcbButtonText {
            display: none;
        }

    .RadComboBox .rcbDisabled {
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    .RadComboBox .rcbReadOnly .rcbActionButton {
        border-width: 0;
    }

    .RadComboBox .rcbLabel {
        padding-top: 5px;
        padding-right: 10px;
        float: left;
        vertical-align: baseline;
    }

.RadComboBox_rtl {
    text-align: right;
}

    .RadComboBox_rtl .rcbInner {
        padding-right: 10px;
        padding-left: 2em;
    }

        .RadComboBox_rtl .rcbInner.rcbToggleButtonHidden {
            padding-left: 10px;
        }

    .RadComboBox_rtl .rcbActionButton {
        border-right-width: 1px;
        border-left-width: 0;
        right: auto;
        left: 0;
    }

    .RadComboBox_rtl .rcbLabel {
        float: right;
        padding-right: 0;
        padding-left: 10px;
    }

.rcbSlide {
    display: none;
    position: absolute;
    overflow: hidden;
}

.RadComboBoxDropDown {
    border-width: 1px;
    border-style: solid;
    text-align: left;
    cursor: default;
    position: relative;
    line-height: 1.428571429;
    box-sizing: border-box;
}

    .RadComboBoxDropDown input[type=checkbox] {
        margin: 3px 3px 3px 4px;
    }

    .RadComboBoxDropDown.rcbAutoWidth {
        min-width: 12em;
    }

        .RadComboBoxDropDown.rcbAutoWidth .rcbList {
            white-space: nowrap;
        }

    .RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered, .RadComboBoxDropDown .rcbDisabled {
        min-height: 1.42857em;
    }

    .RadComboBoxDropDown.rcbAutoWidthResizer .rcbItem, .RadComboBoxDropDown.rcbAutoWidthResizer .rcbHovered, .RadComboBoxDropDown.rcbAutoWidthResizer .rcbDisabled {
        padding-right: 20px;
    }

    .RadComboBoxDropDown .rcbScroll {
        height: 100%;
        position: relative;
        overflow: auto;
    }

    .RadComboBoxDropDown .rcbHeader, .RadComboBoxDropDown .rcbFooter {
        padding: 4px 10px;
        border-width: 0;
        border-style: solid;
    }

    .RadComboBoxDropDown .rcbHeader {
        margin-bottom: 1px;
        border-bottom-width: 1px;
    }

    .RadComboBoxDropDown .rcbFooter {
        margin-top: 1px;
        border-top-width: 1px;
    }

    .RadComboBoxDropDown .rcbList {
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
    }

    .RadComboBoxDropDown li {
        line-height: inherit;
    }

    .RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered, .RadComboBoxDropDown .rcbDisabled, .RadComboBoxDropDown .rcbLoading, .RadComboBoxDropDown .rcbCheckAllItems, .RadComboBoxDropDown .rcbCheckAllItemsHovered {
        *zoom: 1;
        padding: 4px 10px;
        background-repeat: repeat-x;
    }

        .RadComboBoxDropDown .rcbItem:after, .RadComboBoxDropDown .rcbHovered:after, .RadComboBoxDropDown .rcbDisabled:after, .RadComboBoxDropDown .rcbLoading:after, .RadComboBoxDropDown .rcbCheckAllItems:after, .RadComboBoxDropDown .rcbCheckAllItemsHovered:after {
            content: "";
            height: 0;
            clear: both;
            display: block;
        }

        .RadComboBoxDropDown .rcbItem > label, .RadComboBoxDropDown .rcbHovered > label, .RadComboBoxDropDown .rcbDisabled > label, .RadComboBoxDropDown .rcbLoading > label, .RadComboBoxDropDown .rcbCheckAllItems > label, .RadComboBoxDropDown .rcbCheckAllItemsHovered > label {
            margin: -4px -10px;
            padding: 4px 10px;
            font-weight: normal;
            display: block;
        }

    .RadComboBoxDropDown .rcbNoWrap .rcbItem, .RadComboBoxDropDown .rcbNoWrap .rcbHovered, .RadComboBoxDropDown .rcbNoWrap .rcbDisabled, .RadComboBoxDropDown .rcbNoWrap .rcbLoading {
        white-space: nowrap;
    }

    .RadComboBoxDropDown .rcbDisabled {
        cursor: default;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    .RadComboBoxDropDown .rcbLoading {
        text-align: center;
    }

    .RadComboBoxDropDown em {
        font-style: normal;
        font-weight: bold;
    }

    .RadComboBoxDropDown .rcbCheckBox, .RadComboBoxDropDown .rcbCheckAllItemsCheckBox {
        padding: 0;
        margin: 0;
        vertical-align: middle;
        position: relative;
        top: -1px;
        margin-right: 0.3em;
    }

    .RadComboBoxDropDown .rcbImage {
        margin: 0 6px 2px 0;
        vertical-align: middle;
    }

    .RadComboBoxDropDown .rcbMoreResults {
        margin: 1px 0 0 0;
        padding: 2px 5px;
        border-width: 1px 0 0 0;
        border-style: solid;
        text-align: center;
        cursor: pointer;
    }

        .RadComboBoxDropDown .rcbMoreResults a {
            margin: 0 2px;
            width: 0;
            height: 0;
            border-width: 4px;
            border-style: solid;
            border-left-color: transparent;
            border-right-color: transparent;
            border-bottom-color: transparent;
            display: inline-block;
            overflow: hidden;
            vertical-align: middle;
            cursor: pointer;
        }

    .RadComboBoxDropDown .rcbSeparator {
        margin: 5px 0 0;
        font-weight: bold;
    }

    .RadComboBoxDropDown .rcbSeparatedList .rcbSeparator {
        padding-left: 5px;
        padding-right: 5px;
    }

.RadComboBoxDropDown_rtl {
    text-align: right;
    direction: rtl;
}

    .RadComboBoxDropDown_rtl.rcbAutoWidthResizer .rcbItem, .RadComboBoxDropDown_rtl.rcbAutoWidthResizer .rcbHovered, .RadComboBoxDropDown_rtl.rcbAutoWidthResizer .rcbDisabled {
        padding-left: 20px;
        padding-right: 10px;
    }

    .RadComboBoxDropDown_rtl .rcbImage {
        margin: 0 0 2px 6px;
    }

.RadComboBoxWithLabel .rcbInner {
    display: block;
    overflow: hidden;
}

.RadComboBox_Metro {
    color: #000;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

    .RadComboBox_Metro .rcbInner {
        border-color: #e5e5e5;
        color: #000;
        background-color: #fff;
    }

    .RadComboBox_Metro .rcbActionButton {
        border-color: #e5e5e5;
        color: #000;
        background-color: #f9f9f9;
    }

    .RadComboBox_Metro .rcbHovered {
        border-color: #767676;
        color: #000;
        background-color: #fff;
    }

        .RadComboBox_Metro .rcbHovered .rcbActionButton {
            border-color: #e5e5e5;
            color: #000;
            background-color: #e5e5e5;
        }

    .RadComboBox_Metro .rcbFocused {
        border-color: #25a0da;
        color: #000;
        background-color: #fff;
    }

        .RadComboBox_Metro .rcbFocused .rcbActionButton {
            border-color: #25a0da;
            color: #fff;
            background-color: #25a0da;
        }

    .RadComboBox_Metro .rcbReadOnly {
        border-color: #e5e5e5;
        color: #000;
        background-color: #f9f9f9;
    }

        .RadComboBox_Metro .rcbReadOnly.rcbHovered {
            border-color: #e5e5e5;
            color: #000;
            background-color: #e5e5e5;
        }

        .RadComboBox_Metro .rcbReadOnly.rcbFocused {
            border-color: #25a0da;
            color: #fff;
            background-color: #25a0da;
        }

.RadComboBoxDropDown_Metro {
    border-color: #cdcdcd;
    color: #000;
    background-color: #fff;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

    .RadComboBoxDropDown_Metro .rcbHeader, .RadComboBoxDropDown_Metro .rcbFooter, .RadComboBoxDropDown_Metro .rcbCheckAllItems, .RadComboBoxDropDown_Metro .rcbMoreResults {
        border-color: #cdcdcd;
    }

    .RadComboBoxDropDown_Metro .rcbHovered {
        color: #000;
        background-color: #e8e8e8;
    }

    .RadComboBoxDropDown_Metro .rcbSelected {
        color: #fff;
        background-color: #25a0da;
    }

    .RadComboBoxDropDown_Metro .rcbLoading {
        color: #000;
        background-color: #e8e8e8;
    }

    .RadComboBoxDropDown_Metro .rcbItem em {
        color: #000;
        background-color: #e8e8e8;
    }

    .RadComboBoxDropDown_Metro .rcbCheckAllItemsHovered {
        color: #000;
        background-color: #e8e8e8;
    }

.RadScheduler .rsVerticalHeaderTable th {
    padding: 0px 6px !important;
}

/* == @section Projet  ==================== */
/**
 * @site            KeyCom
 * @author          Felipe Roy
 * @lastmodified    2016-03-16
 * @note            Fonts
 */
@font-face {
    font-family: "SegoeUI";
    src: url("../fonts/segoeui.eot?#iefix") format("embedded-opentype"), url("../fonts/segoeui.ttf");
}

@font-face {
    font-family: "SegoeUI";
    font-weight: bold;
    src: url("../fonts/segoeuib.eot?#iefix") format("embedded-opentype"), url("../fonts/segoeuib.ttf");
}

@font-face {
    font-family: "SegoeUI";
    font-style: italic;
    src: url("../fonts/segoeuii.eot?#iefix") format("embedded-opentype"), url("../fonts/segoeuii.ttf");
}

@font-face {
    font-family: "SegoeUISemiBold";
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/seguisb.eot?#iefix") format("embedded-opentype"), url("../fonts/seguisb.ttf");
}

@font-face {
    font-family: "SegoeUISemiBold";
    font-weight: 500;
    font-style: normal;
    src: url("../fonts/seguisb.eot?#iefix") format("embedded-opentype"), url("../fonts/seguisb.ttf");
}

h1 {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 0;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

.menu {
    text-transform: uppercase;
    font-size: 18px;
}

.breadcrumb {
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 0;
}

/* -- Général ----------------------------- */
body {
    min-width: 1200px;
    font-family: "SegoeUI", Arial, Verdana, sans-serif;
    font-size: 16px;
    color: #353535;
}

.container {
    width: 96%;
    margin: 0 auto;
    padding: 0 0.5em;
}

.first {
    padding-left: 0 !important;
}

.last {
    padding-right: 0 !important;
}

.col100 .bloc,
.first .bloc {
    margin-left: 0 !important;
}

.col100 .bloc,
.last .bloc {
    margin-right: 0 !important;
}

.col100 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.col50 .col50.shorter {
    width: calc(50% - 10px);
    margin-right: 10px;
}

    .col50 .col50.shorter + .col50 {
        width: calc(50% - 10px);
        margin-left: 10px;
    }

/* -- Liens ----------------------------- */
a:link,
a:active,
a:visited,
a[id*=readBuildingHlnk]:hover,
a:not([href]):hover {
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: underline;
}

a {
    color: #4D539E;
}

    a:not([href]) {
        color: #353535;
    }

/* -- Alerts -------------------------------- */
.alert {
    width: 100%;
    padding: 0.75em;
    position: relative;
    margin: 15px 0;
}

    .alert a.close {
        position: absolute;
    }

    .alert div {
        margin-left: 20px;
    }

.alert-error {
    background-color: #f2dede;
    color: #a94442;
}

    .alert-error a {
        color: #a94442;
    }

.alert-info {
    background-color: #D9EDF7;
    color: #245269;
}

    .alert-info a {
        color: #245269;
    }

.alert-success {
    background-color: #dff0d8;
    color: #3c763d;
}

    .alert-success a {
        color: #3c763d;
    }

.alert-warning {
    background-color: #fcf8e3;
    color: #8a6d3b;
}

    .alert-warning a {
        color: #8a6d3b;
    }

.error,
.field-validation-error {
    color: #a94442;
    padding: 6px;
}

.errorBlock {
    background-color: #f2dede;
    padding: 6px;
}

.errorTxt {
    color: #a94442;
    font-size: 0.8em;
}

/* -- Top Bar ------------------------------- */
.topBar {
    background-color: #4D539E;
    overflow: auto;
    padding: 4px;
}

.comboBoxTop .col30,
.comboBoxTop .col50 {
    min-height: 1px;
}

    .comboBoxTop .col50 div {
        width: 100%;
    }

    .comboBoxTop .col30 div {
        width: 80%;
        margin-left: 20%;
    }

.topBar ul {
    display: inline;
}

    .topBar ul li {
        list-style: none;
        display: inline-block;
    }

        .topBar ul li a {
            color: #ffffff;
        }

/* -- header ------------------------------------- */
.header {
    border-bottom: 1px solid #e1e1e1;
    overflow: auto;
    padding-top: 6px;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
}

    .header .col80 .row:nth-child(2) {
        margin-top: 36px;
    }

.mainTop {
    margin-bottom: 1em;
}

.menu {
    text-align: left;
    margin-bottom: 0.25em;
}

    .menu li {
        list-style: none;
        display: inline-block;
        margin: 0 1.5%;
        position: relative;
        line-height: 20px;
    }

.submenu {
    font-size: 0.85em;
    text-align: left;
    border-top: 1px solid #e1e1e1;
    padding: 10px 0;
}

    .submenu li {
        list-style: none;
        display: inline-block;
        margin: 0 1%;
        position: relative;
    }

        .submenu li:first-child {
            margin-left: 0;
        }

        .menu li a,
        .submenu li a {
            padding: 0 0 1px;
            display: inline-block;
            color: #4D539E;
        }

            .menu li a:hover,
            .submenu li a:hover,
            .menu li a:focus,
            .submenu li a:focus,
            .menu li a:active,
            .submenu li a:active {
                text-decoration: none;
            }

            .menu li a::after,
            .submenu li a::after {
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                height: 1px;
                background: #4D539E;
                content: "";
                opacity: 0;
                -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
                -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
                transition: height 0.3s, opacity 0.3s, transform 0.3s;
                -webkit-transform: translateY(-3px);
                -moz-transform: translateY(-3px);
                transform: translateY(-3px);
            }

            .menu li a:hover::after,
            .menu li a:focus::after,
            .submenu li a:hover::after,
            .submenu li a:focus::after {
                height: 1px;
                opacity: 1;
                -webkit-transform: translateY(0px);
                -moz-transform: translateY(0px);
                transform: translateY(0px);
            }

            .menu li a.current {
                border-bottom: 1px solid #4D539E;
            }

footer {
    width: 75%;
    float: none;
    display: block;
    text-align: center;
    font-size: 0.8em;
    border-top: 1px solid #e1e1e1;
    padding: 1em;
}

/* -- Main content ------------------------------- */
.mainContent {
    overflow: auto;
    margin-bottom: 3em;
    /* -- Forms ------------------------------- */
    /* -- General -------*/
    /* -- formulaires dans bloc ------------ */
    /* -- Login ------------------*/
    /* -- EditBuilding ----------- */
    /* -- blocs -----------------*/
}

    .mainContent .btnLeft {
        min-height: 1px;
        float: left;
    }

    .mainContent label {
        width: 200px;
        display: inline-block;
        float: left;
        padding: 6px 0px;
        font-weight: bold;
    }

    .mainContent .label {
        font-weight: bold;
    }

    .mainContent input[type=text],
    .mainContent input[type=password],
    .mainContent select,
    .mainContent textarea {
        width: 200px;
        border: 1px solid #d0d0d0;
        float: left;
        padding: 5px 3px;
        margin: 0 0 5px 0;
    }

    .mainContent input.rcbInput {
        margin: 0;
        padding: 0;
        width: 100%;
        border: 0;
        float: none;
    }

    .mainContent label.mandatory:after {
        content: " *";
    }

    .mainContent .RadPicker_Metro {
        margin-bottom: 5px;
    }

        .mainContent .RadPicker_Metro input[type=text] {
            margin-bottom: 0;
        }

    .mainContent .blocContent {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

        .mainContent .blocContent .col50,
        .mainContent .blocContent .col75 {
            margin-bottom: 0.5em;
        }

        .mainContent .blocContent input,
        .mainContent .blocContent .RadInput,
        .mainContent .blocContent .RadDropDownList,
        .mainContent .blocContent .RadPicker,
        .mainContent .blocContent textarea,
        .mainContent .blocContent label {
            width: 100%;
        }

            .mainContent .blocContent input[type=checkbox] {
                width: auto;
                vertical-align: bottom;
            }

    .mainContent .requiredField span div {
        display: inline-block;
        float: right;
        margin-bottom: 0.5em;
    }

    .mainContent .blocContent .row button[type=button] {
        float: right;
        margin: 2em 3px 1em 0;
    }

    .mainContent .blocComment {
        padding-left: 5px;
        color: #808080;
        font-size: 0.8em;
        display: inline-block;
    }

    .mainContent #loginForm {
        margin: 0.5em 0;
    }

        .mainContent #loginForm .form {
            margin: 1em 0;
        }

            .mainContent #loginForm .form .rememberMe input[type=checkbox] {
                width: auto;
                vertical-align: bottom;
            }

            .mainContent #loginForm .form .passWord i {
                cursor: pointer;
            }

    .mainContent .editBuildingForm .RadInput input,
    .mainContent .editLaundry .RadInput input,
    .mainContent .editTenant .RadInput input,
    .mainContent .editKey .RadInput input,
    .mainContent .compatibility .RadInput input,
    .mainContent .radGridEdit .RadInput input,
    .mainContent .paymentlist .RadInput input,
    .mainContent .TransactionsByBuilding .RadInput input,
    .mainContent .TransactionsByTenant .RadInput input,
    .mainContent .WarrantyDepots .RadInput input,
    .mainContent .editLetter .RadInput input,
    .mainContent .facturationStatement .RadInput input {
        margin-bottom: 0;
    }

    .mainContent .bloc {
        border: 1px solid #808080;
        margin: 0.5em;
        overflow: auto;
    }

    .mainContent .selected .bloc,
    .mainContent .selected .blocTitle {
        background-color: #4D539E;
        border: 1px solid #4D539E;
    }

    .mainContent .blocTitle {
        background-color: #4D539E;
        padding: 0.3em;
        color: #ffffff;
        overflow: auto;
        width: 100%;
    }

        .mainContent .blocTitle a,
        .mainContent .blocTitle button {
            color: #ffffff;
            display: inline-block;
            float: right;
            text-align: right;
            margin-left: 10px;
            background-color: transparent;
        }

        .mainContent .blocTitle h3 {
            font-weight: normal;
            padding: 0;
            margin: 0;
            width: auto;
            float: left;
            text-align: left;
            text-transform: uppercase;
        }

    .mainContent .blocContent h4,
    .mainContent .subBlocTitle h4 {
        font-weight: normal;
        padding: 0;
        margin: 1em;
        width: 100%;
        float: left;
        text-align: left;
        text-transform: uppercase;
        border-bottom: 1px solid #d0d0d0;
    }

    .mainContent .blocContent h4 {
        margin: 1em 0;
    }

    .mainContent .blocContent {
        background-color: #ffffff;
        padding: 1em;
    }

    .mainContent dl {
        width: 100%;
        overflow: auto;
    }

    .mainContent dd {
        font-weight: bold;
    }

    .mainContent dd,
    .mainContent dt {
        display: inline-block;
        width: 50%;
        float: left;
        margin: 0;
    }

        .mainContent dd:empty:after,
        .mainContent dt:empty:after {
            content: " ";
        }

        .mainContent dd:after,
        .mainContent dt:after {
            width: 100%;
            overflow: auto;
            height: 1px;
            content: " ";
        }

/*Listes*/
ul {
    margin: 0;
    padding: 0;
    list-style-position: inside;
}

/*tooltips*/
.tooltip table {
    width: 100%;
}

    .tooltip table td {
        padding: 3px;
        border: 1px solid;
    }

/*Search page*/
.search > .col50 {
    padding: 1em;
}

.mainContent .search input {
    width: 100%;
}

.search .row .col25:nth-child(3) {
    padding-left: 1em;
}

.search label,
.search input[type=checkbox] {
    width: auto;
    vertical-align: bottom;
}

/* interfaces */
.machineGroup div {
    display: inline-block;
    text-align: center;
    padding: 0 6px;
}

.machineGroup i {
    display: block;
}

/* finance read block */
.finance a {
    display: inline-block;
    margin: 0.25em;
}

/*compatibility block*/
.mainContent .blocContent.compatibility .row button[type=button] {
    margin-top: 0;
}

.compatibility .col15 span {
    display: inline-block;
    padding: 6px 0;
}

/*payments*/
/*radGrid for payments*/
.radGridEdit .RadGrid .rgEditForm {
    padding: 1em;
}

    .radGridEdit .RadGrid .rgEditForm table tr td {
        vertical-align: middle;
        padding: 6px 10px 6px 0;
    }

        .radGridEdit .RadGrid .rgEditForm table tr td label {
            padding: 0;
        }

        .radGridEdit .RadGrid .rgEditForm table tr td:first-child {
            font-weight: bold;
        }

        .radGridEdit .RadGrid .rgEditForm table tr td > div .RadDropDownList,
        .radGridEdit .RadGrid .rgEditForm table tr td > div .RadInput,
        .radGridEdit .RadGrid .rgEditForm table tr td > div input {
            width: 100%;
        }

        .radGridEdit .RadGrid .rgEditForm table tr td > div.RadPicker {
            width: 50%;
        }

        .radGridEdit .RadGrid .rgEditForm table tr td > input {
            vertical-align: baseline;
        }

.mainContent .editLetter .blocContent table label,
.mainContent .editLetter table input {
    display: inline-block;
    float: none;
    width: auto;
}

.mainContent .editLetter .blocContent table label {
    width: 100px;
    padding-left: 15px;
}

.facturationStatement .search.row .col25 label {
    text-align: right;
    padding-right: 5px;
}

.facturationStatement .blocContent .search.row .row button[type=button] {
    margin-top: 1em;
}

.facturationStatement input#toggle {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.facturationStatement .bloc {
    position: relative;
    overflow: hidden;
}

.facturationStatement .col50.first .bloc .blocTitle {
    padding-left: 25px;
}

.facturationStatement label[for=toggle] {
    width: 24px;
    height: 24px;
    display: block;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    margin: 4px 0px;
    padding: 5px;
    text-align: center;
    overflow: hidden;
}

    .facturationStatement label[for=toggle]:after {
        position: absolute;
        content: "›";
        transform: rotate(0deg);
        transition-duration: 0.3s;
        top: 0px;
        left: 0px;
        cursor: pointer;
        color: #fff;
        font-size: 2em;
        padding: 0px;
        display: block;
        width: 24px;
        line-height: 16px;
        height: 24px;
        font-weight: normal;
    }

.facturationStatement input[type=checkbox]:checked ~ label[for=toggle]:after {
    position: absolute;
    content: "›";
    transform: rotate(90deg);
    transition-duration: 0.3s;
    top: 0px;
    left: 0px;
    cursor: pointer;
    color: #fff;
    padding: 0px;
    display: block;
    width: 24px;
    line-height: 16px;
    height: 24px;
    font-weight: normal;
}

.facturationStatement #generation {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    transition: opacity 0.5s linear, max-height 0.5s linear, padding 0.5s linear;
}

.facturationStatement input[type=checkbox]:checked ~ #generation {
    max-height: 100%;
    opacity: 1;
    padding: 1em;
}

.facturationStatement .RadComboBox {
    width: 100%;
}

    .facturationStatement .RadComboBox .rcbInner button[type=button] {
        margin: 0;
    }

/*paymentlist*/
.paymentlist .row {
    margin-bottom: 0.5em;
}

.button,
button,
input[type=submit] {
    display: inline-block;
    background-color: #4D539E;
    color: #ffffff;
    padding: 5px 8px;
    border: 0;
    line-height: 1;
}

    button:not(.btnLast) {
        margin-right: 3px;
    }

    button.btnLast {
        margin-right: 0 !important;
    }

    .button:hover,
    button:hover,
    input[type=submit]:hover {
        background-color: #2C47A9;
    }

    .button a,
    button a,
    input[type=submit] a {
        color: #ffffff;
    }

        .button a:hover,
        button a:hover,
        input[type=submit] a:hover {
            text-decoration: none;
        }

    .button.btn,
    button.btn,
    input[type=submit].btn {
        min-height: 30px;
    }

.btnGrid,
.RadGrid .rgMasterTable .rgCommandRow .rgCommandCell .rgCommandCellLeft button {
    margin: 0 0.25em;
    vertical-align: baseline;
    background-color: #f8f8f8;
    border: 1px solid #c8c8c8;
    padding: 0 0.25em 2px;
    white-space: nowrap;
}

    .btnGrid:hover,
    .RadGrid .rgMasterTable .rgCommandRow .rgCommandCell .rgCommandCellLeft button:hover {
        text-decoration: none;
        background-color: #ffffff;
    }

.rgSelectedRow .btnGrid {
    background-color: #4D539E;
}

    .rgSelectedRow .btnGrid:hover {
        background-color: #2C47A9;
    }

.button span {
    display: inline-block;
    padding-top: 2px;
}

/* Icons */
.spaceIcons {
    margin: 0 0.25em;
    padding: 6px 0;
}

.svg {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.detail-icon {
    background-image: url("../images/detail-icon.svg");
    background-size: 16px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.icon::before {
    display: inline-block;
    margin-right: 0.5em;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.RadGrid_Metro .rgMasterTable .rgSelectedCell,
.RadGrid_Metro .rgSelectedRow .detail-icon {
    background-image: url("../images/detail-icon.svg");
    background-size: 16px;
    background-position: 0 -16px;
    background-repeat: no-repeat;
}

.blocContent .fa-close {
    color: red;
}

.blocContent .fa-check {
    color: green;
}

.blocTitle button .fa,
.fa {
    font-size: 23px;
}

.blocTitle .btn a {
    margin-top: 0.25rem;
    margin-right: 0.25rem;
}

.blocTitle .btn-eye a {
    margin-top: 0.15rem;
    margin-right: 0.25rem;
}

.blocTitle .RadButton_Metro.rbButton.rbHovered,
.blocTitle .RadButton_Metro .rbSplitPart.rbHovered,
.blocTitle button:hover {
    background-color: transparent;
}

.uploadDoc .fa,
button .fa,
.btn .fa,
.fa-power-off {
    font-size: 16px;
}

.uploadDoc ul li a:last-child {
    font-size: 0.7em;
}

.uploadDoc ul li span.remove a:before {
    content: "✕";
    font-size: 1em;
    margin: 0 3px 0 10px;
}

html {
    height: 100%;
}

.page-payment {
    min-width: unset;
    height: 100%;
}

    .page-payment form {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .page-payment .topBar {
        display: none;
    }

    .page-payment .container {
        padding: 0;
        flex: 1 0 0;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .page-payment .header {
        padding: 32px 16px 32px;
        overflow: unset;
    }

        .page-payment .header .col20 {
            width: 100%;
            text-align: center;
            float: unset;
        }

        .page-payment .header .col80 {
            display: none;
        }

    .page-payment .mainContent {
        text-align: center;
        padding: 32px 16px;
        margin-bottom: 0;
        height: 100%;
    }

        .page-payment .mainContent .row {
            margin: 0;
            height: 100%;
        }

        .page-payment .mainContent .col-12 {
            padding: 0;
            margin: 0 !important;
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .page-payment .mainContent h1 {
            text-transform: none;
            margin-bottom: 32px;
            margin-top: 64px;
            padding-top: 24px;
            position: relative;
            color: #3c763d;
        }

            .page-payment .mainContent h1:before {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                left: 50%;
                transform: translate(-50%, -100%);
                border: 3px solid #3c763d;
                width: 64px;
                height: 64px;
                border-radius: 50%;
            }

            .page-payment .mainContent h1:after {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                left: 50%;
                transform: translate(-50%, -100%) rotate(45deg);
                border: 3px solid #3c763d;
                border-left: 0;
                border-top: 0;
                width: 20px;
                height: 32px;
                margin-top: -20px;
            }

        .page-payment .mainContent p {
            font-size: 16px;
            margin: 0 32px 32px;
        }

        .page-payment .mainContent button {
            margin-top: auto;
            padding: 16px !important;
            width: 100%;
            font-size: 16px;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

    .page-payment footer {
        padding: 16px 16px 32px;
        margin: 0 !important;
        display: flex;
        justify-content: space-between;
        color: #565656;
    }

        .page-payment footer .pull-right {
            width: auto;
            padding: 0;
        }

.page-payment-failed .mainContent h1 {
    color: #a94442;
}

    .page-payment-failed .mainContent h1:before {
        border-color: #a94442;
    }

    .page-payment-failed .mainContent h1:after {
        border: 0;
        content: "!";
        font-size: 52px;
        transform: translate(-50%, -100%);
        margin-top: -35px;
    }

.page-payment-success .mainContent h1 {
    color: #3c763d;
}

    .page-payment-success .mainContent h1:before {
        border-color: #3c763d;
    }

    .page-payment-success .mainContent h1:after {
        border: 0;
        content: "!";
        font-size: 52px;
        transform: translate(-50%, -100%);
        margin-top: -35px;
    }

/*# sourceMappingURL=styles.css.map */