﻿@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700);

html {
    overflow-x: auto;
    overflow-y: scroll;
}

body {
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    background-color: #fcfcf5 !important;
    color: #000;
    font-size: 13px;
    font-family: Roboto;
    font-weight: 300;
    text-align: left;
}

/*Remove up down arrow from input of type numeric*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.ExtraPadding {
    padding-top: 10px !important;
}

.thinScroll {
    scrollbar-width: thin;
}

    .thinScroll::-webkit-scrollbar {
        height: 7px; /* height of horizontal scrollbar ← You're missing this */
        width: 7px; /* width of vertical scrollbar */
        border: 1px solid #d5d5d5;
    }

    .thinScroll::-webkit-scrollbar-track {
        background: transparent;
    }

    .thinScroll::-webkit-scrollbar-thumb {
        background-color: rgba(155, 155, 155, 0.5);
        border-radius: 20px;
        border: transparent;
    }

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.imageAlign {
    text-align: center !important;
}

.textbox {
    height: 45px !important;
    padding-top: 10px;
    color: rgba(51,51,51,.9);
    background-color: #fff;
    background-image: linear-gradient(rgba(184,207,40,.02),rgba(184,207,40,.02));
    border: .5px solid rgba(184,207,40,.2);
    border-radius: 10px !important;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    padding-left: 19px;
    width: calc(100% - 28px);
}

    .textbox:focus {
        outline: solid;
        outline-width: 0.5px;
        outline-color: #B8CF28;
    }

.textboxRightAlign {
    height: 45px !important;
    padding-top: 10px;
    color: rgba(51,51,51,.9);
    background-color: #fff;
    background-image: linear-gradient(rgba(184,207,40,.02),rgba(184,207,40,.02));
    border: .5px solid rgba(184,207,40,.2);
    border-radius: 10px !important;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    padding-left: 19px;
    width: calc(100% - 28px);
    text-align: right !important;
}

    .textboxRightAlign:focus {
        outline: solid;
        outline-width: 0.5px;
        outline-color: #B8CF28;
    }

.textboxCenterAlign {
    height: 45px !important;
    padding-top: 10px;
    color: rgba(51,51,51,.9);
    background-color: #fff;
    background-image: linear-gradient(rgba(184,207,40,.02),rgba(184,207,40,.02));
    border: .5px solid rgba(184,207,40,.2);
    border-radius: 10px !important;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    padding-left: 19px;
    width: calc(100% - 28px);
    text-align: center !important;
}

    .textboxCenterAlign:focus {
        outline: solid;
        outline-width: 0.5px;
        outline-color: #B8CF28;
    }

.textboxRightAlignEnrich {
    height: 45px !important;
    padding-top: 10px;
    color: rgba(51,51,51,.9);
    background-color: #fff;
    background-image: linear-gradient(rgba(184,207,40,.02),rgba(184,207,40,.02));
    border: .5px solid #042433;
    border-radius: 10px !important;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    padding-left: 19px;
    width: calc(100% - 28px);
    text-align: right !important;
}

    .textboxRightAlignEnrich:focus {
        outline: solid;
        outline-width: 0.5px;
        outline-color: #042433;
    }

.textboxNoHeight {
    padding-top: 10px;
    color: rgba(51,51,51,.9);
    background-color: #fff;
    background-image: linear-gradient(rgba(184,207,40,.02),rgba(184,207,40,.02));
    border: .5px solid rgba(184,207,40,.2);
    border-radius: 10px !important;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    padding-left: 19px;
    width: calc(100% - 28px);
}

    .textboxNoHeight:focus {
        outline: solid;
        outline-width: 0.5px;
        outline-color: #B8CF28;
    }

.npsHeaders {
    border-radius: 5px;
    background-color: #91B20F;
    padding: 10px 10px 10px 10px;
    color: white;
    font-size: 18px !important;
    height: 25px;
}

.panelCustom {
    padding: 10px 10px 10px 10px;
    background-color: #F6F9E5;
    box-shadow: 0 20px 20px -12px var(--shadow--large-shadow),0 5px 10px -3px var(--shadow--small-shadow);
    border: .5px solid #ecf2c3;
    border-radius: 10px;
    border-collapse: inherit;
}

.panelCustomLight {
    padding: 10px 10px 10px 10px;
    background-color: #fcfcf5;
    box-shadow: 0 20px 20px -12px var(--shadow--large-shadow),0 5px 10px -3px var(--shadow--small-shadow);
    border: .5px solid #fcfcf5;
    border-radius: 10px;
    border-collapse: inherit;
}

.panelCustomWhite {
    padding: 10px 10px 10px 10px;
    background-color: #fff;
    box-shadow: 0 20px 20px -12px var(--shadow--large-shadow),0 5px 10px -3px var(--shadow--small-shadow);
    border: .5px solid #fcfcf5;
    border-radius: 10px;
    border-collapse: inherit;
}

.panelCustomLightNoShadow {
    padding: 10px 10px 10px 10px;
    background-color: #fcfcf5;
    border: .5px solid #fcfcf5;
    border-radius: 10px;
    border-collapse: inherit;
}

.panelCustomClear {
    padding: 10px 10px 10px 10px;
    background-color: transparent;
    box-shadow: 0 20px 20px -12px var(--shadow--large-shadow),0 5px 10px -3px var(--shadow--small-shadow);
    border: .5px solid rgba(184,207,40,.2);
    border-radius: 10px;
    border-collapse: inherit;
}

.panelCustomClearNoShadow {
    padding: 10px 10px 10px 10px;
    background-color: transparent;
    border: .5px solid rgba(184,207,40,.2);
    border-radius: 10px;
    border-collapse: inherit;
}

.panelWhite {
    border-radius: 5px;
    /*background-color: #fff;*/
    padding: 10px 10px 10px 10px;
}

.legendHeader {
    border-radius: 1px;
    background-color: #F6F9E5;
    padding: 10px 10px 10px 10px;
    text-align: center;
}

.legendDesriptor {
    border-radius: 1px;
    background-color: #EEEEEE;
    padding: 2px 2px 2px 2px;
    text-align: center;
}

.dot {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
}

.Detracting {
    border-radius: 1px;
    background-color: #E57373;
    padding: 10px 10px 10px 10px;
    text-align: center;
}

.Passive {
    border-radius: 1px;
    background-color: #FFB74D;
    padding: 10px 10px 10px 10px;
    text-align: center;
}

.Promoting {
    border-radius: 1px;
    background-color: #CDDD69;
    padding: 10px 10px 10px 10px;
    text-align: center;
}

th {
    background-color: #C3D648 !important;
    border: 1px solid #fff !important;
    background-image: linear-gradient(139deg,rgba(216, 236, 84, 1),transparent) !important;
    padding: 5px;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 400 !important;
    line-height: 30px;
    color: #424242 !important;
}

.thMiddle {
    background-color: #C3D648 !important;
    border: 1px solid #fff !important;
    background-image: linear-gradient(139deg,rgba(216, 236, 84, 1),transparent) !important;
    padding: 5px;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 400 !important;
    line-height: 30px;
    color: #424242 !important;
}

.thMiddleCenter {
    background-color: #C3D648 !important;
    border: 1px solid #fff !important;
    background-image: linear-gradient(139deg,rgba(216, 236, 84, 1),transparent) !important;
    padding: 5px;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 400 !important;
    line-height: 30px;
    color: #424242 !important;
    text-align: center;
}

.thLeft {
    background-color: #C3D648 !important;
    border: 1px solid #fff !important;
    background-image: linear-gradient(139deg,rgba(216, 236, 84, 1),transparent) !important;
    padding: 5px;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 400 !important;
    line-height: 30px;
    color: #424242 !important;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.thRight {
    background-color: #C3D648 !important;
    border: 1px solid #fff !important;
    background-image: linear-gradient(139deg,rgba(216, 236, 84, 1),transparent) !important;
    padding: 5px;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 400 !important;
    line-height: 30px;
    color: #424242 !important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.thRightCenter {
    background-color: #C3D648 !important;
    border: 1px solid #fff !important;
    background-image: linear-gradient(139deg,rgba(216, 236, 84, 1),transparent) !important;
    padding: 5px;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 400 !important;
    line-height: 30px;
    color: #424242 !important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
}

.gridViewRowCenterTH {
    border-color: #E0E0E0;
    font-family: Roboto;
    font-weight: 400;
    font-size: 15px;
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    padding: 5px;
    background-color: #EEEEEE;
    color: #424242;
    font-family: Roboto;
    padding-left: 14px;
    text-align: center;
}

td {
    border-color: #E0E0E0;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    color: #424242;
    font-family: Roboto;
    text-align: left;
}

.tdRight {
    border-color: #E0E0E0;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    color: #424242;
    font-family: Roboto;
    text-align: right;
    padding-right: 5px;
}

.tdCenter {
    border-color: #E0E0E0;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    color: #424242;
    font-family: Roboto;
    text-align: center;
    padding-right: 5px;
}

.tdBoldDash {
    border-color: #E0E0E0;
    font-family: Roboto;
    /*font-weight: bold;*/
    font-size: 19px;
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    color: #424242;
    text-align: left;
    height: 25px;
    padding-top: 8px;
}

.tdBold {
    border-color: #E0E0E0;
    font-family: Roboto;
    /*font-weight: bold;*/
    font-size: 17px;
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    color: #424242;
    text-align: left;
    height: 25px;
    padding-top: 8px;
}

.tdBoldCenter {
    border-color: #E0E0E0;
    font-family: Roboto;
    /*font-weight: bold;*/
    font-size: 17px;
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    color: #424242;
    height: 25px;
    padding-top: 8px;
    text-align: center;
}

.tdBoldRight {
    border-color: #E0E0E0;
    font-family: Roboto;
    /*font-weight: bold;*/
    font-size: 17px;
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    color: #424242;
    height: 25px;
    padding-top: 8px;
    text-align: right;
    padding-right: 5px;
}

.tdBoldLarge {
    border-color: #E0E0E0;
    font-family: Roboto;
    font-weight: normal;
    font-size: 18px;
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    color: #424242;
    text-align: left;
}

.tdBoldModuleDesc {
    border-color: #E0E0E0;
    font-family: Roboto;
    font-weight: bold;
    font-size: 14px;
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    color: #424242;
    text-align: left;
    line-height: 28px;
}

.tdBoldCustom {
    border-color: #E0E0E0;
    font-family: Roboto;
    font-weight: bold;
    font-size: 14px;
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    color: #424242;
    text-align: left;
    height: 25px;
    padding: 2px;
}

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.dropdownList {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    margin: 5px 0px;
    padding: 0px 19px;
    font-size: 16px;
    line-height: 1.75;
    color: #333;
    background-color: #ffffff;
    background-image: none;
    border: .5px solid rgba(184,207,40,.2);
    -ms-word-break: normal;
    word-break: normal;
    border-radius: 10px;
    height: 47px;
    padding-top: 10px;
}

.selectdivWhite {
    position: relative;
    min-width: 200px;
}

    .selectdivWhite:after {
        content: '>';
        font: 17px "Consolas", monospace;
        color: #fff;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        right: 11px;
        top: 10px;
        padding: 0 0 2px;
        position: absolute;
        pointer-events: none;
    }

.selectdiv {
    position: relative;
    min-width: 200px;
}

    .selectdiv:after {
        content: '>';
        font: 17px "Consolas", monospace;
        color: #333;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        right: 11px;
        top: 10px;
        padding: 0 0 2px;
        position: absolute;
        pointer-events: none;
    }

.selectdivUp {
    position: relative;
    min-width: 200px;
}

    .selectdivUp:after {
        content: '<';
        font: 17px "Consolas", monospace;
        color: #333;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        right: 11px;
        top: 10px;
        padding: 0 0 2px;
        position: absolute;
        pointer-events: none;
    }

.selectdivNoImage {
    position: relative;
    /*float: left;*/
    min-width: 200px;
    /*margin: 50px 33%;*/
}

    .selectdivNoImage:after {
        /*content: '';*/
        font: 17px "Consolas", monospace;
        color: #333;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        right: 11px;
        top: 10px;
        padding: 0 0 2px;
        /*border-bottom: 1px solid #999;*/
        /*left line */
        position: absolute;
        pointer-events: none;
    }

.RadComboBox {
    line-height: 30px !important;
}

.RadComboBox_Default .rcbFocused, .RadComboBox_Default .rcbExpanded {
    border-color: none !important;
}

.RadComboBox .rcbInput {
    vertical-align: middle !important;
}

.RadComboBox_Default .rcbActionButton {
    display: none !important;
}

.RadComboBoxDropDown_Default {
    font-size: 16px !important;
    font-family: Roboto !important;
}

.RadComboBox .rcbInput {
    font-family: Roboto !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}

select::-ms-expand {
    display: none !important;
}

.fa-plus-circle {
    text-decoration: none !important;
}

.fa-minus-circle {
    text-decoration: none !important;
}

.fa-eye {
    font-size: 18px !important;
    color: #fff !important;
    text-decoration: none !important;
    cursor: pointer;
}

.fa-eye-slash {
    font-size: 18px !important;
    color: #fff !important;
    text-decoration: none !important;
}

.fa-exchange {
    font-size: 18px;
    color: #D3D3D3 !important;
    text-decoration: none !important;
}

.fa-copy {
    font-size: 18px;
    text-decoration: none !important;
    cursor: pointer;
}

.fa-history {
    font-size: 14px;
    text-decoration: none !important;
}

.fa-smile {
    color: #8BC34A !important;
    text-decoration: none !important;
}

.fa-meh {
    color: #F69344 !important;
    text-decoration: none !important;
}

.fa-frown {
    color: #F44336 !important;
    text-decoration: none !important;
}

.fa-frown-open {
    color: #EAEA00 !important;
    text-decoration: none !important;
}

.fa-smile-beam {
    color: #64B5F6 !important;
    text-decoration: none !important;
}

.fa-chevron-double-up {
    color: #8BC34A !important;
    text-decoration: none !important;
}

.fa-chevron-double-down {
    color: #F44336 !important;
    text-decoration: none !important;
}

.fa-chevron-up {
    color: #F69344 !important;
    text-decoration: none !important;
}

.fa-chevron-left {
    color: #2496F3 !important;
    text-decoration: none !important;
}

.fa-chevron-right {
    color: #2496F3 !important;
    text-decoration: none !important;
}

.alignRight {
    text-align: right;
}

.fa-link {
    font-size: 18px;
    color: #91B20F !important;
    text-decoration: none !important;
}

.fa-unlink {
    font-size: 18px;
    color: red !important;
    text-decoration: none !important;
}

.fa-window-close {
    font-size: 18px;
    color: red !important;
    text-decoration: none !important;
}

.fa-info-circle {
    font-size: 18px;
    color: #3F66DA !important;
    text-decoration: none !important;
}

.fa-sign-out-alt {
    font-size: 22px;
    color: rgba(51,51,51,.9) !important;
    text-decoration: none !important;
}

.fa-exchange {
    font-size: 22px;
    color: rgba(51,51,51,.9) !important;
    text-decoration: none !important;
}

.HeadingHeatMap {
    font-family: 'Roboto';
    font-weight: 200;
    Font-size: 40px;
    border-style: solid;
    border-left-color: #692876;
    border-left-width: 5px;
    border-top: none;
    border-bottom: none;
    border-right: none;
    padding-left: 10px;
}

#button {
    width: 180px;
    height: 23px;
    padding-left: 30px;
    padding-top: 2px;
    background-image: url(~/Images/button_bg.png);
}

.ButtonProcess {
    background-color: #91B20F;
    color: #fff;
    background-image: linear-gradient(139deg,rgba(174, 212, 26, 1),transparent);
    border-color: rgba(145, 178, 15, 1);
    text-align: center;
    border: .5px rgba(145, 178, 15, 1);
    border-radius: 10px;
    margin-left: 0;
    margin-right: 0;
    padding: .75rem 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    transition: all .4s;
    display: inline-block;
    box-shadow: 0 10px 20px -6px rgba(105,121,5,.2);
    cursor: pointer;
}

    .ButtonProcess:hover {
        transform: translateY(-3px);
        background-image: linear-gradient(139deg,rgba(174, 212, 26, 1),rgba(145, 178, 15, 1));
        border-color: rgba(145, 178, 15, 1);
        box-shadow: 0 20px 40px -12px rgba(145, 178, 15, 1);
        color: #fff;
    }

.ButtonPrint {
    background-color: #63B863;
    color: #fff;
    background-image: linear-gradient(139deg,rgba(109, 202, 109, 1),transparent);
    border-color: rgba(99, 184, 99, 1);
    text-align: center;
    border: .5px rgba(99, 184, 99, 1);
    border-radius: 10px;
    margin-left: 0;
    margin-right: 0;
    padding: .75rem 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    transition: all .4s;
    display: inline-block;
    box-shadow: 0 10px 20px -6px rgba(105,121,5,.2);
    cursor: pointer;
}

    .ButtonPrint:hover {
        transform: translateY(-3px);
        background-image: linear-gradient(139deg,rgba(109, 202, 109, 1),rgba(99, 184, 99, 1));
        border-color: rgba(99, 184, 99, 1);
        box-shadow: 0 20px 40px -12px rgba(109, 202, 109, 1);
        color: #fff;
    }

.ButtonKPIReport {
    padding: 5px 10px;
    Font-Family: Roboto !important;
    Color: #FFF !important;
    cursor: pointer !important;
    border-radius: 5px !important;
    Font-Size: 14px !important;
    background-color: #00B0F0 !important;
    border-left-style: none !important;
    border-left-color: inherit !important;
    border-left-width: medium;
    border-right-style: none !important;
    border-right-color: inherit !important;
    border-right-width: medium;
    border-top-style: none !important;
    border-top-color: inherit !important;
    border-top-width: medium;
    border-bottom-style: none !important;
    border-bottom-color: inherit !important;
    border-bottom-width: medium;
}

.ButtonTraining1Report {
    padding: 5px 10px;
    Font-Family: Roboto !important;
    Color: #FFF !important;
    cursor: pointer !important;
    border-radius: 5px !important;
    Font-Size: 14px !important;
    background-color: #305496 !important;
    border-left-style: none !important;
    border-left-color: inherit !important;
    border-left-width: medium;
    border-right-style: none !important;
    border-right-color: inherit !important;
    border-right-width: medium;
    border-top-style: none !important;
    border-top-color: inherit !important;
    border-top-width: medium;
    border-bottom-style: none !important;
    border-bottom-color: inherit !important;
    border-bottom-width: medium;
}

.ButtonTraining2Report {
    padding: 5px 10px;
    Font-Family: Roboto !important;
    Color: #FFF !important;
    cursor: pointer !important;
    border-radius: 5px !important;
    Font-Size: 14px !important;
    background-color: #0070C0 !important;
    border-left-style: none !important;
    border-left-color: inherit !important;
    border-left-width: medium;
    border-right-style: none !important;
    border-right-color: inherit !important;
    border-right-width: medium;
    border-top-style: none !important;
    border-top-color: inherit !important;
    border-top-width: medium;
    border-bottom-style: none !important;
    border-bottom-color: inherit !important;
    border-bottom-width: medium;
}

.fa-print {
    font-size: 18px;
    text-decoration: none !important;
}

.fa-file-spreadsheet {
    font-size: 18px;
    text-decoration: none !important;
}

.ButtonDownload {
    padding: 5px 10px;
    Font-Family: Roboto !important;
    Color: #FFF !important;
    cursor: pointer !important;
    border-radius: 5px !important;
    Font-Size: 14px !important;
    background-color: #42A5F5 !important;
    border-left-style: none !important;
    border-left-color: inherit !important;
    border-left-width: medium;
    border-right-style: none !important;
    border-right-color: inherit !important;
    border-right-width: medium;
    border-top-style: none !important;
    border-top-color: inherit !important;
    border-top-width: medium;
    border-bottom-style: none !important;
    border-bottom-color: inherit !important;
    border-bottom-width: medium;
}

.ButtonDelete {
    background-color: #ff6161;
    color: #fff;
    background-image: linear-gradient(139deg,rgba(255, 97, 97, 1),transparent);
    border-color: rgba(244, 67, 54, 1);
    text-align: center;
    border: .5px rgba(244, 67, 54, 1);
    border-radius: 10px;
    margin-left: 0;
    margin-right: 0;
    padding: .75rem 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    transition: all .4s;
    display: inline-block;
    box-shadow: 0 10px 20px -6px rgba(105,121,5,.2);
    cursor: pointer;
}

    .ButtonDelete:hover {
        transform: translateY(-3px);
        background-image: linear-gradient(139deg,rgba(255, 97, 97, 1),rgba(254, 118, 118, 1));
        border-color: rgba(255, 97, 97, 1);
        box-shadow: 0 20px 40px -12px rgba(254, 118, 118, 1);
        color: #fff;
    }

.ButtonProcessDarker {
    background-color: #78930D;
    color: #fff;
    background-image: linear-gradient(139deg,rgba(120, 147, 13, 1),transparent);
    border-color: rgba(120, 147, 13, 1);
    text-align: center;
    border: .5px rgba(120, 147, 13, 1);
    border-radius: 10px;
    margin-left: 0;
    margin-right: 0;
    padding: .75rem 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    transition: all .4s;
    display: inline-block;
    box-shadow: 0 10px 20px -6px rgba(105,121,5,.2);
    cursor: pointer;
}

    .ButtonProcessDarker:hover {
        transform: translateY(-3px);
        background-image: linear-gradient(139deg,rgba(120, 147, 13, 1),rgba(145, 178, 15, 1));
        border-color: rgba(120, 147, 13, 1);
        box-shadow: 0 20px 40px -12px rgba(145, 178, 15, 1);
        color: #fff;
    }

.KeywordButton {
    padding: 5px 10px;
    Font-Family: Roboto !important;
    Color: #FFF !important;
    cursor: pointer !important;
    border-radius: 3px !important;
    Font-Size: 12px !important;
    background-color: #66BB6A !important;
    border-left-style: none !important;
    border-left-color: inherit !important;
    border-left-width: medium;
    border-right-style: none !important;
    border-right-color: inherit !important;
    border-right-width: medium;
    border-top-style: none !important;
    border-top-color: inherit !important;
    border-top-width: medium;
    border-bottom-style: none !important;
    border-bottom-color: inherit !important;
    border-bottom-width: medium;
}

.ButtonProcessGrey {
    background-color: #424242;
    color: #fff;
    background-image: linear-gradient(139deg,rgba(122, 122, 122, 1),transparent);
    border-color: rgba(66, 66, 66, 1);
    text-align: center;
    border: .5px rgba(66, 66, 66, 1);
    border-radius: 10px;
    margin-left: 0;
    margin-right: 0;
    padding: .75rem 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    transition: all .4s;
    display: inline-block;
    box-shadow: 0 10px 20px -6px rgba(105,121,5,.2);
    cursor: pointer;
}

    .ButtonProcessGrey:hover {
        transform: translateY(-3px);
        background-image: linear-gradient(139deg,rgba(66, 66, 66, 1),rgba(122, 122, 122, 1));
        border-color: rgba(66, 66, 66, 1);
        box-shadow: 0 20px 40px -12px rgba(122, 122, 122, 1);
        color: #fff;
    }

.ButtonProcessLightGray {
    background-color: #d3d3d3;
    color: #fff;
    background-image: linear-gradient(139deg,rgba(211, 211, 211, 1),transparent);
    border-color: rgba(255, 0, 0, 1);
    text-align: center;
    border: .5px rgba(255, 0, 0, 1);
    border-radius: 10px;
    margin-left: 0;
    margin-right: 0;
    padding: .75rem 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    transition: all .4s;
    display: inline-block;
    box-shadow: 0 10px 20px -6px rgba(105,121,5,.2);
    cursor: pointer;
}

    .ButtonProcessLightGray:hover {
        transform: translateY(-3px);
        background-image: linear-gradient(139deg,rgba(211, 211, 211, 1),rgba(222, 222, 222, 1));
        border-color: rgba(211, 211, 211, 1);
        box-shadow: 0 20px 40px -12px rgba(222, 222, 222, 1);
        color: #fff;
    }

.ButtonProcessRed {
    background-color: #FF0000;
    color: #fff;
    background-image: linear-gradient(139deg,rgba(255, 80, 80, 1),transparent);
    border-color: rgba(255, 0, 0, 1);
    text-align: center;
    border: .5px rgba(255, 0, 0, 1);
    border-radius: 10px;
    margin-left: 0;
    margin-right: 0;
    padding: .75rem 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    transition: all .4s;
    display: inline-block;
    box-shadow: 0 10px 20px -6px rgba(105,121,5,.2);
    cursor: pointer;
}

    .ButtonProcessRed:hover {
        transform: translateY(-3px);
        background-image: linear-gradient(139deg,rgba(255, 0, 0, 1),rgba(255, 80, 80, 1));
        border-color: rgba(255, 0, 0, 1);
        box-shadow: 0 20px 40px -12px rgba(255, 80, 80, 1);
        color: #fff;
    }

.ButtonProcessPulse {
    padding: 5px 10px;
    Font-Family: Roboto !important;
    Color: #FFF !important;
    cursor: pointer !important;
    border-radius: 5px !important;
    Font-Size: 14px !important;
    background-color: #92D050 !important;
    border-left-style: none !important;
    border-left-color: inherit !important;
    border-left-width: medium;
    border-right-style: none !important;
    border-right-color: inherit !important;
    border-right-width: medium;
    border-top-style: none !important;
    border-top-color: inherit !important;
    border-top-width: medium;
    border-bottom-style: none !important;
    border-bottom-color: inherit !important;
    border-bottom-width: medium;
}

.ButtonProcessPulseLarge {
    padding: 5px 10px;
    Font-Family: Roboto !important;
    Color: #FFF !important;
    cursor: pointer !important;
    border-radius: 5px !important;
    Font-Size: x-large !important;
    background-color: #92D050 !important;
    border-left-style: none !important;
    border-left-color: inherit !important;
    border-left-width: medium;
    border-right-style: none !important;
    border-right-color: inherit !important;
    border-right-width: medium;
    border-top-style: none !important;
    border-top-color: inherit !important;
    border-top-width: medium;
    border-bottom-style: none !important;
    border-bottom-color: inherit !important;
    border-bottom-width: medium;
}

.ButtonProcessOrange {
    background-color: #F69344;
    color: #fff;
    background-image: linear-gradient(139deg,rgba(233, 163, 107, 1),transparent);
    border-color: rgba(50,1,59,.5);
    text-align: center;
    border: .5px rgba(50,1,59,.5);
    border-radius: 10px;
    margin-left: 0;
    margin-right: 0;
    padding: .75rem 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    transition: all .4s;
    display: inline-block;
    box-shadow: 0 10px 20px -6px rgba(105,121,5,.2);
    cursor: pointer;
}

    .ButtonProcessOrange:hover {
        transform: translateY(-3px);
        background-image: linear-gradient(139deg,rgba(244, 150, 75, 1),rgba(234, 162, 104, 1));
        border-color: rgba(234, 162, 104, 1);
        box-shadow: 0 20px 40px -12px rgba(234, 162, 104, 1);
        color: #fff;
    }

.ButtonProcessPurple {
    background-color: #692876;
    color: #fff;
    background-image: linear-gradient(139deg,rgba(239,157,255,.4),transparent);
    border-color: rgba(50,1,59,.5);
    text-align: center;
    border: .5px rgba(50,1,59,.5);
    border-radius: 10px;
    margin-left: 0;
    margin-right: 0;
    padding: .75rem 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    transition: all .4s;
    display: inline-block;
    box-shadow: 0 10px 20px -6px rgba(105,121,5,.2);
    cursor: pointer;
}

    .ButtonProcessPurple:hover {
        transform: translateY(-3px);
        background-image: linear-gradient(139deg,rgba(239,157,255,.7),rgba(239,157,255,.2));
        border-color: rgba(105,40,118,.3);
        box-shadow: 0 20px 40px -12px rgba(72,4,85,.4);
        color: #fff;
    }

.ButtonProcessBlue {
    background-color: #1658A6;
    color: #fff;
    background-image: linear-gradient(139deg,rgba(27, 111, 210, 1),transparent);
    border-color: rgba(50,1,59,.5);
    text-align: center;
    border: .5px rgba(50,1,59,.5);
    border-radius: 10px;
    margin-left: 0;
    margin-right: 0;
    padding: .75rem 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    transition: all .4s;
    display: inline-block;
    box-shadow: 0 10px 20px -6px rgba(105,121,5,.2);
    cursor: pointer;
}

    .ButtonProcessBlue:hover {
        transform: translateY(-3px);
        background-image: linear-gradient(139deg,rgba(27, 111, 210, 1),rgba(26, 109, 205, 1));
        border-color: rgba(26, 109, 205, 1);
        box-shadow: 0 20px 40px -12px rgba(26, 109, 205, 1);
        color: #fff;
    }

.ButtonProcessLightBlue {
    padding: 5px 10px;
    Font-Family: Roboto !important;
    Color: #FFF !important;
    cursor: pointer !important;
    border-radius: 0px !important;
    Font-Size: 14px !important;
    background-color: #1658A6 !important;
    border-left-style: none !important;
    border-left-color: inherit !important;
    border-left-width: medium;
    border-right-style: none !important;
    border-right-color: inherit !important;
    border-right-width: medium;
    border-top-style: none !important;
    border-top-color: inherit !important;
    border-top-width: medium;
    border-bottom-style: none !important;
    border-bottom-color: inherit !important;
    border-bottom-width: medium;
    white-space: normal;
}

h1 {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 19px;
    color: #CC000C;
    line-height: 17px;
    text-align: justify;
    margin-bottom: 3px;
}

.formHeaderDefault {
    /*background-color: transparent;
    border-bottom: None;
    Border-top: None;
    border-right: none;
    Line-Height: 40px;
    border-width: 4px;
    Font-Size: 30px;
    Font-Family: Roboto-Light;
    font-style: normal;
    Color: #FFF;
    Text-Align: left;
    color: #424242;*/

    border-bottom: None;
    Border-top: None;
    border-right: none;
    Font-Size: 30px;
    Font-Family: Roboto;
    font-style: normal;
    font-weight: 100;
    Color: #FFF;
    Text-Align: left;
    Line-Height: 40px;
    border-width: 4px;
    color: #424242;
}

.formHeaderSmall {
    background-color: transparent;
    /*border-left: #B8CF28;
    border-style: solid;*/
    border-bottom: None;
    Border-top: None;
    border-right: none;
    Line-Height: 20px;
    border-width: 4px;
    Font-Size: 18px;
    Font-Family: Roboto;
    font-style: normal;
    padding-left: 10px;
    Color: #FFF;
    Text-Align: left;
    color: #424242;
}

.formHeaderSmallGreenDash {
    background-color: transparent;
    border-left: #B8CF28;
    border-style: solid;
    border-bottom: None;
    Border-top: None;
    border-right: none;
    Line-Height: 20px;
    border-width: 4px;
    Font-Size: 16px;
    Font-Family: Roboto;
    font-weight: 400;
    font-style: normal;
    padding-left: 4px;
    Color: #FFF;
    Text-Align: left;
    color: #424242;
}

.formHeaderSmallOrange {
    background-color: transparent;
    border-left: #F69344;
    border-style: solid;
    border-bottom: None;
    Border-top: None;
    border-right: none;
    Line-Height: 20px;
    border-width: 4px;
    Font-Size: 18px;
    Font-Family: Roboto;
    font-style: normal;
    padding-left: 10px;
    Color: #FFF;
    Text-Align: left;
    color: #424242;
}

.formHeaderSmallOrangeDash {
    background-color: transparent;
    border-left: #F69344;
    border-style: solid;
    border-bottom: None;
    Border-top: None;
    border-right: none;
    Line-Height: 20px;
    border-width: 4px;
    Font-Size: 16px;
    Font-Family: Roboto;
    font-weight: 400;
    font-style: normal;
    padding-left: 4px;
    Color: #FFF;
    Text-Align: left;
    color: #424242;
}

.formHeaderSmallOrangePerceiveDash {
    background-color: transparent;
    border-left: #FFB74D;
    border-style: solid;
    border-bottom: None;
    Border-top: None;
    border-right: none;
    Line-Height: 20px;
    border-width: 4px;
    Font-Size: 16px;
    Font-Family: Roboto;
    font-weight: 400;
    font-style: normal;
    padding-left: 4px;
    Color: #FFF;
    Text-Align: left;
    color: #424242;
}

.formHeaderSmallPurple {
    background-color: transparent;
    border-left: #692876;
    border-style: solid;
    border-bottom: None;
    Border-top: None;
    border-right: none;
    Line-Height: 20px;
    border-width: 4px;
    Font-Size: 18px;
    Font-Family: Roboto;
    font-style: normal;
    padding-left: 10px;
    Color: #FFF;
    Text-Align: left;
    color: #424242;
}

.formHeaderSmallPurpleDash {
    background-color: transparent;
    border-left: #692876;
    border-style: solid;
    border-bottom: None;
    Border-top: None;
    border-right: none;
    Line-Height: 20px;
    border-width: 4px;
    Font-Size: 16px;
    Font-Family: Roboto;
    font-weight: 400;
    font-style: normal;
    padding-left: 4px;
    Color: #FFF;
    Text-Align: left;
    color: #424242;
}

.formHeaderSmallBlue {
    background-color: transparent;
    border-left: #1658A6;
    border-style: solid;
    border-bottom: None;
    Border-top: None;
    border-right: none;
    Line-Height: 20px;
    border-width: 4px;
    Font-Size: 18px;
    Font-Family: Roboto;
    font-style: normal;
    padding-left: 10px;
    Color: #FFF;
    Text-Align: left;
    color: #424242;
}

.formHeaderSmallRed {
    background-color: transparent;
    border-left: #FF0000;
    border-style: solid;
    border-bottom: None;
    Border-top: None;
    border-right: none;
    Line-Height: 20px;
    border-width: 4px;
    Font-Size: 18px;
    Font-Family: Roboto;
    font-style: normal;
    padding-left: 10px;
    Color: #FFF;
    Text-Align: left;
    color: #424242;
}

.formHeaderSmallRedDash {
    background-color: transparent;
    border-left: #E57373;
    border-style: solid;
    border-bottom: None;
    Border-top: None;
    border-right: none;
    Line-Height: 20px;
    border-width: 4px;
    Font-Size: 16px;
    Font-Family: Roboto;
    font-weight: 400;
    font-style: normal;
    padding-left: 4px;
    Color: #FFF;
    Text-Align: left;
    color: #424242;
}

.formHeaderDefaultSmall {
    /*-moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;*/
    border-style: none;
    padding: 5px;
    width: 500px;
    height: 25px;
    color: white;
    background-color: #99cc00;
    background-image: url(../Images/headbar.png@);
    background-repeat: no-repeat;
    vertical-align: top;
    font-size: 16px !important;
    font-weight: bold;
    /*font-style: italic;*/
    font-family: Roboto; /*Motorwerk*/
}

.gridStyleHeaderNew {
    Font-Family: Roboto;
    font-size: 14px;
    background-color: #EEEEEE;
}

/*.formHeaderPercieve {
    background-color: #ff9900;
}*/

.formHeaderPercieve {
    /*border-left: #F69344;
    border-style: solid;*/
    border-bottom: None;
    Border-top: None;
    border-right: none;
    Font-Size: 30px;
    Font-Family: Roboto;
    font-style: normal;
    font-weight: 100;
    /*padding-left: 10px;*/
    Color: #FFF;
    Text-Align: left;
    Line-Height: 40px;
    border-width: 4px;
    color: #424242;
    border-radius: 0px 0px 0px 0px;
}

.formHeaderLearner {
    border-left: #B8CF28;
    border-style: solid;
    border-bottom: None;
    Border-top: None;
    border-right: none;
    Line-Height: 40px;
    border-width: 4px;
    Font-Size: 30px;
    Font-Family: Roboto;
    font-style: normal;
    padding-left: 10px;
    Color: #FFF;
    Text-Align: left;
    color: #424242;
}

.formHeaderPercieveSubHeader {
    border-left: #F69344;
    border-style: solid;
    border-bottom: None;
    Border-top: None;
    border-right: none;
    Font-Size: 20px;
    Font-Family: Roboto;
    font-style: normal;
    font-weight: 100;
    padding-left: 10px;
    Color: #FFF;
    Text-Align: left;
    Line-Height: 30px;
    border-width: 4px;
    color: #424242;
}

.formHeaderReflect {
    /*border-left: #692876;
    border-style: solid;*/
    border-bottom: None;
    Border-top: None;
    border-right: none;
    Font-Size: 30px;
    Font-Family: Roboto;
    font-style: normal;
    font-weight: 100;
    /*padding-left: 10px;*/
    Color: #FFF;
    Text-Align: left;
    Line-Height: 40px;
    border-width: 4px;
    color: #424242;
}

.formHeaderReflectSubHeader {
    border-left: #692876;
    border-style: solid;
    border-bottom: None;
    Border-top: None;
    border-right: none;
    Font-Size: 20px;
    Font-Family: Roboto;
    font-style: normal;
    font-weight: 100;
    padding-left: 10px;
    Color: #FFF;
    Text-Align: left;
    Line-Height: 30px;
    border-width: 4px;
    color: #424242;
}

.formHeaderEnrich {
    /*border-left: #1658A6;
    border-style: solid;*/
    border-bottom: None;
    Border-top: None;
    border-right: none;
    Font-Size: 30px;
    Font-Family: Roboto;
    font-style: normal;
    font-weight: 100;
    /*padding-left: 10px;*/
    Color: #FFF;
    Text-Align: left;
    Line-Height: 40px;
    border-width: 4px;
    color: #424242;
}

.formHeaderEnrichSubHeader {
    /*border-left: #1658A6;
    border-style: solid;*/
    border-bottom: None;
    Border-top: None;
    border-right: none;
    Font-Size: 20px;
    Font-Family: Roboto;
    font-style: normal;
    font-weight: 100;
    /*padding-left: 10px;*/
    Color: #FFF;
    Text-Align: left;
    Line-Height: 30px;
    border-width: 4px;
    color: #424242;
}

.formHeaderPulse {
    /*border-left: #92D050;
    border-style: solid;*/
    border-bottom: None;
    Border-top: None;
    border-right: none;
    Font-Size: 30px;
    Font-Family: Roboto;
    font-style: normal;
    font-weight: 100;
    /*padding-left: 10px;*/
    Color: #FFF;
    Text-Align: left;
    Line-Height: 40px;
    border-width: 4px;
    color: #424242;
}

/*.formHeaderReflect {
    background-color: #800080;
}

.formHeaderEnrich {
    background-color: #333399;
}*/

.gridHeader {
    height: 25px;
    font-size: 18px;
    font-family: Roboto;
    font-weight: 400;
}

.gridViewRow {
    border-color: #E0E0E0;
    font-family: Roboto;
    font-weight: 300;
    font-size: 14px;
    padding-left: 14px;
    color: #616161;
    padding-top: 6px;
    padding-bottom: 4px;
}

.gridViewRowRight {
    border-color: #E0E0E0;
    font-family: Roboto;
    font-weight: 300;
    font-size: 14px;
    padding-left: 14px;
    color: #616161;
    padding-top: 6px;
    padding-bottom: 4px;
    padding-right: 14px;
    text-align: right;
}

.fa-check-circle {
    font-size: 20px !important;
    color: #A0BD18 !important;
    text-decoration: none !important;
}

.fa-minus-octagon {
    font-size: 20px !important;
    color: #FFB74D !important;
    text-decoration: none !important;
}

.fa-times-circle {
    font-size: 20px !important;
    color: red !important;
    text-decoration: none !important;
}

.fa-edit {
    font-size: 20px;
    text-decoration: none !important;
    color: black;
}

.fa-arrow-down {
    font-size: 18px;
    text-decoration: none !important;
    color: red !important;
}

.fa-arrow-up {
    font-size: 18px;
    text-decoration: none !important;
    color: green !important;
}

.fa-trash-alt {
    font-size: 20px;
    color: red !important;
    text-decoration: none !important;
}

.fa-ban {
    font-size: 20px;
    text-decoration: none !important;
    /*color: red !important;*/
}

.fa-building {
    font-size: 20px;
    color: green;
    text-decoration: none !important;
}

.fa-toggle-off {
    font-size: 24px;
    color: #424242;
    text-decoration: none !important;
}

.fa-toggle-on {
    font-size: 24px;
    color: #91B20F;
    text-decoration: none !important;
}

.fa-question-square {
    font-size: 40px;
    color: red !important;
    text-decoration: none !important;
    cursor: pointer;
}

    .fa-question-square:hover {
        color: red;
    }

    .fa-question-square:after {
        color: red;
    }

.fa-lightbulb-exclamation {
    font-size: 40px;
    color: #91B20F !important;
    text-decoration: none !important;
    cursor: pointer;
}

.fa-rocket {
    font-size: 40px;
    color: red !important;
    text-decoration: none !important;
    cursor: pointer;
}

    .fa-rocket:hover {
        color: red !important;
    }

.gridViewRowCenter {
    border-color: #E0E0E0;
    font-family: Roboto;
    font-weight: 300;
    font-size: 14px;
    padding-left: 14px;
    padding-bottom: 5px;
    /*padding-top: 2px;*/
    color: #616161;
    text-align: center;
}

.headingBlue {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #003366;
}

.headRepsLeft {
    border-radius: 1px;
    background-color: #424242;
    padding: 10px 10px 10px 10px;
    text-align: left;
    color: white;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 10px;
}

.headRepsRight {
    border-radius: 1px;
    background-color: #424242;
    padding: 10px 10px 10px 10px;
    text-align: left;
    color: white;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.headReps {
    border-radius: 1px;
    background-color: #424242;
    padding: 10px 10px 10px 10px;
    text-align: left;
    color: white;
    border-radius: 10px;
    border-radius: 10px;
}

.headRepscenter {
    border-radius: 1px;
    background-color: #424242;
    padding: 10px 10px 10px 10px;
    text-align: center;
    color: white;
}

.headItems {
    border-radius: 1px;
    background-color: #E0E0E0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: left;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-right: 15px;
}

.whiteCopy {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    text-align: center;
}

.smallCopy {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #001E40;
    text-align: justify;
}

/*END*/

.input1 {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 120px;
    height: 18px;
    color: #333333;
    background-color: #cdcdcd;
    border: 1px solid #293D70;
}

.whiteLink {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #ffffff;
    text-decoration: none;
    font-weight: lighter;
    vertical-align: middle;
    text-align: center;
}

    .whiteLink:visited {
        color: #ffffff;
    }

    .whiteLink:hover {
        color: #ffffff;
        text-decoration: underline;
    }

    .whiteLink:active {
        color: #ffffff;
    }

.whiteLink2 {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bolder;
}

    .whiteLink2:visited {
        color: #ffffff;
    }

    .whiteLink2:hover {
        color: #000000;
        text-decoration: underline;
    }

    .whiteLink2:active {
        color: #ffffff;
    }

.WhiteHeader {
    color: #ffffff;
    font-weight: bold;
}

.ajaxLoadingPanelBase {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: url(../Images/5-1.gif) no-repeat center 30%;
}

.ajaxLoadingPanelForm {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background: #d8eeed url(../Images/5-1.gif) no-repeat center 40%;
}

.ajaxLoadingPanel {
    width: 100%;
    height: 100%;
    background: #d8eeed url(../Images/5-1.gif) no-repeat center 40%;
}

.ajaxLoadingPanelGrid {
    width: 100%;
    height: 100%;
    background: #d8eeed url(../Images/5-1.gif) no-repeat center 40%;
}

.ajaxLoadingImageGrid {
    width: 100px;
    height: 50px;
    background: url(../Images/5-1.gif) no-repeat center 40%;
}

.ajaxLoadingPanelWindow {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background: #d8eeed url(../Images/5-1.gif) no-repeat center 40%;
}

.error1 {
    font-size: 12px;
    font-weight: bold;
    color: #CC0000;
    /*padding-right: 40px;*/
}

.panelPadding {
    padding: 10px 10px 10px 10px;
}

.gridPadding {
    padding-left: 12px;
}

.error2 {
    font-size: 14px;
    font-weight: normal;
    color: #CC0000;
    padding-right: 40px;
}

.tableBlankRow {
    border: none;
}

.reportHeader {
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    padding: 5px;
    color: #fff;
    background-color: #C3D648;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 500;
    line-height: 27px;
}

.reportHeaderRight {
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    padding: 5px;
    color: #fff;
    background-color: #C3D648;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 500;
    text-align: right;
}

.reportHeaderCenter {
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    padding: 5px;
    color: #fff;
    background-color: #C3D648;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 500;
    text-align: center;
}

.reportSubHeader {
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    padding: 5px;
    color: #424242;
    background-color: #D9D9D9;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 500;
    line-height: 27px;
}

.reportSubHeaderPurple {
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    padding: 5px;
    color: #fff;
    background-color: #692876;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 500;
    line-height: 27px;
}

.reportSubHeaderCenter {
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    padding: 5px;
    color: #424242;
    background-color: #D9D9D9;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 500;
    line-height: 27px;
    text-align: center;
}

.reportSubHeaderWhite {
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    padding: 5px;
    color: #424242;
    background-color: #F2F2F2;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 500;
    line-height: 27px;
}

.reportSubHeaderWhiteCenter {
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    padding: 5px;
    color: #424242;
    background-color: #F2F2F2;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 500;
    line-height: 27px;
    text-align: center;
}

.reportSubHeaderGreen {
    border-style: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    padding: 5px;
    color: #fff;
    background-color: #B8CF28;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 500;
    line-height: 27px;
}

.reportRowGreyBorder {
    font-weight: 400;
    font-size: 14px;
    border-radius: 0px;
    color: rgb(66, 66, 66);
    font-family: Roboto;
    text-align: left;
    border-style: solid;
    border-color: #E0E0E0;
    border-width: 1px;
    padding: 3px;
}

.reportRowGreyBorderCenter {
    font-weight: 400;
    font-size: 14px;
    border-radius: 0px;
    color: rgb(66, 66, 66);
    font-family: Roboto;
    text-align: center;
    border-style: solid;
    border-color: #E0E0E0;
    border-width: 1px;
    padding: 3px;
}

.RadGrid_Default .rgHeader {
    background-color: #C3D648 !important;
    /*border-bottom: 0px !important;*/
    border: 1px solid #fff !important;
    background-image: none !important;
    padding: 5px;
    color: #000000;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 400 !important;
    height: 30px;
    color: white !important;
}

    .RadGrid_Default .rgHeader a {
        color: white !important;
        font-weight: 400;
    }

.rgAltRow {
    background: #F6F9E5 !important;
}

.rgAltRowCentre {
    background: #F6F9E5 !important;
    text-align: center;
}

.rgRowCentre {
    text-align: center;
}

.radGridTableHeading {
    border-style: none;
    -moz-border-radius: 0px 0px 1px 1px;
    -webkit-border-radius: 0px 0px 1px 1px;
    border-radius: 0px 0px 0px 0px;
    padding: 5px;
    color: #000000;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 300;
}

.tableheading1 {
    background-color: #C3D648 !important;
    border: 1px solid #fff !important;
    background-image: none !important;
    padding: 5px;
    color: #000000;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 400 !important;
    height: 30px;
    color: white !important;
    border-radius: 10px;
}

.tableheading1Centre {
    border-style: none;
    padding: 5px;
    color: #000000;
    font-size: 16px;
    font-family: 'Trebuchet MS';
    font-weight: bold;
}

.tableheading2BrightGreen {
    padding: 5px;
    color: #000000;
    font-size: 16px;
    font-family: 'Trebuchet MS';
    font-weight: bold;
}

.tableheadingTopBrightGreen {
    padding: 5px;
    color: #000000;
    font-size: 16px;
    font-family: 'Trebuchet MS';
    font-weight: bold;
}

.tableNormalMiddleBrightGreen {
    padding: 5px;
    color: #000000;
    font-size: 16px;
    font-family: 'Trebuchet MS';
    font-weight: bold;
}

-moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; .tableNormalBottomBrightGreen {
    padding: 5px;
    color: #000000;
    font-size: 16px;
    font-family: 'Trebuchet MS';
    font-weight: bold;
}

.tableNormalTopTeal {
    padding: 5px;
    color: #000000;
    font-size: 16px;
    font-family: 'Trebuchet MS';
    font-weight: bold;
}

.tableNormalMiddleTeal {
    padding: 5px;
    color: #000000;
    font-size: 16px;
    font-family: 'Trebuchet MS';
    font-weight: bold;
}

.tableNormalBottomTeal {
    padding: 5px;
    color: #000000;
    font-size: 16px;
    font-family: 'Trebuchet MS';
    font-weight: bold;
}

.tableNormalTopWhite {
    padding: 5px;
    color: #000000;
    font-size: 16px;
    font-family: 'Trebuchet MS';
    font-weight: bold;
}

.tableNormalMiddleWhite {
    padding: 5px;
    color: #000000;
    font-size: 16px;
    font-family: 'Trebuchet MS';
    font-weight: bold;
}

.tableNormalBottomWhite {
    padding: 5px;
    color: #000000;
    font-size: 16px;
    font-family: 'Trebuchet MS';
    font-weight: bold;
}

.tableheading1Yellow {
    padding: 5px;
    border-style: solid;
    border-width: thin;
    border-color: #FFFFFF;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    font-size: 13px;
    font-weight: bold;
    color: #424242;
    background-color: #FFFF99;
}

.tableheading1YellowCentre {
    padding: 5px;
    border-style: solid;
    border-width: thin;
    border-color: #FFFFFF;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    font-size: 13px;
    font-weight: bold;
    color: #424242;
    text-align: center;
    background-color: #FFFF99;
}

.tableheading2 {
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    color: Black;
    background-color: #FFFF99;
}

.tableheading2top {
    padding: 5px;
    border-color: #FFFFFF;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    font-size: 13px;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
    color: Black;
    background-color: #FFFF99;
}

.tableCell1 {
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    /*color: Black;*/
    padding: 4px;
}

.tableCellRBTextTop {
    font-size: 13px;
    text-align: center;
    font-weight: normal;
    color: Black;
}

.tableRowHeading {
    font-family: Roboto;
    border-style: none solid solid solid;
    border-width: thin;
    border-color: #FFFFFF;
    padding: 5px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    color: #FFFFFF;
    font-size: 17px;
    background-color: #00838F;
    vertical-align: top;
    font-weight: bold;
    border-radius: 7px;
    border: 3px;
    border-style: solid;
}

.tableRow2Heading {
    font-family: Roboto;
    border-style: none solid solid solid;
    border-width: thin;
    border-color: #FFFFFF;
    padding: 5px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    color: #FFFFFF;
    font-size: 17px;
    background-color: #00ACC1;
    vertical-align: top;
    font-weight: bold;
    border-radius: 7px;
    border: 3px;
    border-style: solid;
}

.tableRow3Heading {
    font-family: Roboto;
    border-style: none solid solid solid;
    border-width: thin;
    border-color: #E3E3E3;
    padding: 5px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    color: black;
    font-size: 14px;
    background-color: #F2F2F2;
    vertical-align: top;
    font-weight: bold;
    border-radius: 3px 3px 0px 0px;
}

.tableRowHeading_Heatmap {
    text-align: center;
    background-color: #C3D648;
    Font-Family: Roboto;
    Font-Size: 15px;
    Color: #fff;
    height: 35px;
    font-weight: 400;
    /*border-radius: 2px;*/
}

.tableRow_Heatmap {
    background-color: #fff;
    margin: 10px 10px 10px 10px;
    border-spacing: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #cdcdcd;
    padding-left: 10px;
}

.tableRow_Heatmap_exceeds {
    text-align: center;
    background-color: #64B5F6;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    height: 35px;
    border-radius: 2px;
}

.tableRow_Heatmap_competent {
    text-align: center;
    background-color: #CDDD69;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    height: 35px;
    border-radius: 2px;
}

.tableRow_Heatmap_attention {
    text-align: center;
    background-color: #FFB74D;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    height: 35px;
    border-radius: 2px;
}

.tableRow_Heatmap_rubbish {
    text-align: center;
    background-color: #E57373;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    height: 35px;
    border-radius: 2px;
}

.tableRow_Heatmap_exceeds_selfvsR {
    text-align: center;
    background-color: #43A047;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    height: 35px;
    border-radius: 2px;
    color: white;
}

.tableRow_Heatmap_rubbish_selfvsR {
    text-align: center;
    background-color: #C62828;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    height: 35px;
    border-radius: 2px;
    color: white;
}

.tableRow_Heatmap_white {
    background-color: white;
    margin: 5px 0 10px 0;
    border-spacing: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #cdcdcd;
    text-align: center;
}

.tableRowNPSGreen {
    border-radius: 5px;
    background-color: #CDDD69;
    padding: 10px 10px 10px 10px;
    text-align: center;
}

.tableRowNPSYellow {
    border-radius: 5px;
    background-color: #FFB74D;
    padding: 10px 10px 10px 10px;
    text-align: center;
}

.tableRowNPSRed {
    border-radius: 5px;
    background-color: #E57373;
    padding: 10px 10px 10px 10px;
    text-align: center;
}

.tableRowSIRed {
    border-radius: 1px;
    background-color: rgb(229, 115, 115);
    padding: 10px;
    text-align: center;
}

.tableRowSIOrange {
    border-radius: 1px;
    background-color: rgb(255, 183, 77);
    padding: 10px;
    text-align: center;
}

.tableRowSIYellow {
    border-radius: 1px;
    background-color: rgb(255, 255, 153);
    padding: 10px;
    text-align: center;
}

.tableRowSIGreen {
    border-radius: 1px;
    background-color: rgb(205, 221, 105);
    padding: 10px;
    text-align: center;
}

.tableRowSIBlue {
    border-radius: 1px;
    background-color: rgb(100, 181, 246);
    padding: 10px;
    text-align: center;
}

.tableRowNoData {
    text-align: center;
    padding: 10px;
}

.tableRowNoDataGrey {
    text-align: center;
    background-color: #E7E6E6;
    padding: 10px;
}

.tablerowGrey {
    background-color: #E7E6E6;
    padding: 10px;
}

.tableRow1 {
    padding: 5px;
    padding-top: 3px;
    border: thin solid #E3E3E3;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    color: #000000;
    font-size: 13px;
    /*background-color: #dcdcdc;*/
    vertical-align: top;
    background-color: #FFFFFF;
}

.tableRow2 {
    padding: 5px;
    padding-top: 3px;
    border: thin solid #E3E3E3;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    color: #000000;
    font-size: 13px;
    /*background-color: #727272;*/
    vertical-align: top;
    background-color: #FFFFFF;
}

.tableRowModule {
    padding: 5px;
    padding-top: 3px;
    border: thin solid #E3E3E3;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    color: #000000;
    font-size: 15px;
    /*background-color: #dcdcdc;*/
    vertical-align: top;
    background-color: #FFFFFF;
}

.tableRowAlmanac1 {
    padding: 5px;
    padding-top: 5px;
    border: thin solid #FFFFFF;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    color: #000000;
    font-size: 13px;
    background-color: #dcdcdc;
    vertical-align: middle;
}

.tableRowAlmanac2 {
    padding: 5px;
    padding-top: 5px;
    border: thin solid #FFFFFF;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    color: #000000;
    font-size: 13px;
    background-color: #727272;
    vertical-align: middle;
}

.tableRow1Centre {
    padding: 5px;
    padding-top: 3px;
    /*border: thin solid #E3E3E3;*/
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    color: #000000;
    font-size: 13px;
    /*background-color: #dcdcdc;*/
    vertical-align: top;
    background-color: #FFFFFF;
    text-align: center;
}

.tableRow2Centre {
    padding: 5px;
    border: thin solid #FFFFFF;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    color: #000000;
    font-size: 13px;
    background-color: #727272;
    vertical-align: top;
    text-align: center;
}

.body {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #000000;
    text-align: left;
}

.BlackNote1 {
    color: Black;
    font-family: Verdana;
    font-size: 9;
    font-style: oblique;
}

.body1 {
    padding: 5px;
    border-style: solid solid solid solid;
    border-width: thin;
    border-color: #FFFFFF;
    /*-moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;*/
    color: #424242;
    background-color: #FFCC99;
    text-align: left;
}

.body2 {
    padding: 5px;
    border-style: solid;
    border-width: thin;
    border-color: #FFFFFF;
    /*-moz-border-radius: 8px;
    -webkit-border-radius: 8px;*/
    color: #424242;
    background-color: #F2A499;
    text-align: left;
}

.body3 {
    padding: 5px;
    border-style: solid;
    border-width: thin;
    border-color: #FFFFFF;
    /*-moz-border-radius: 8px;
    -webkit-border-radius: 8px;*/
    color: #424242;
    background-color: #B7E996;
    text-align: left;
}

.body4 {
    padding: 5px;
    border-style: solid;
    border-width: thin;
    border-color: #FFFFFF;
    /*-moz-border-radius: 8px;
    -webkit-border-radius: 8px;*/
    color: #424242;
    background-color: #CCCCFF;
    text-align: left;
}

.body5 {
    padding: 5px;
    border-style: solid;
    border-width: thin;
    border-color: #FFFFFF;
    /*-moz-border-radius: 8px;
    -webkit-border-radius: 8px;*/
    color: #424242;
    background-color: #CC99FF;
    text-align: left;
}

.body6 {
    padding: 5px;
    border-style: solid;
    border-width: thin;
    border-color: #FFFFFF;
    /*-moz-border-radius: 8px;
    -webkit-border-radius: 8px;*/
    color: #424242;
    background-color: #C0C0C0;
    text-align: left;
}

.body10 {
    padding: 5px;
    border-style: solid solid solid solid;
    border-width: thin;
    border-color: #FFFFFF;
    /*-moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;*/
    color: #000000;
    background-color: #FFCC99;
    text-align: center;
}

.body20 {
    padding: 5px;
    border-style: solid;
    border-width: thin;
    border-color: #FFFFFF;
    /*-moz-border-radius: 8px;
    -webkit-border-radius: 8px;*/
    color: #000000;
    background-color: #F2A499;
    text-align: center;
}

.body30 {
    padding: 5px;
    border-style: solid;
    border-width: thin;
    border-color: #FFFFFF;
    /*-moz-border-radius: 8px;
    -webkit-border-radius: 8px;*/
    color: #000000;
    background-color: #B7E996;
    text-align: center;
}

.body40 {
    padding: 5px;
    border-style: solid;
    border-width: thin;
    border-color: #FFFFFF;
    /*-moz-border-radius: 8px;
    -webkit-border-radius: 8px;*/
    color: #000000;
    background-color: #CCCCFF;
    text-align: center;
}

.body50 {
    padding: 5px;
    border-style: solid;
    border-width: thin;
    border-color: #FFFFFF;
    /*-moz-border-radius: 8px;
    -webkit-border-radius: 8px;*/
    color: #000000;
    background-color: #CC99FF;
    text-align: center;
}

.body60 {
    padding: 5px;
    border-style: solid;
    border-width: thin;
    border-color: #FFFFFF;
    /*-moz-border-radius: 8px;
    -webkit-border-radius: 8px;*/
    color: #000000;
    background-color: #C0C0C0;
    text-align: center;
}

.bodyGreen {
    padding: 5px;
    border-style: solid solid solid solid;
    border-width: thin;
    border-color: #FFFFFF;
    color: #000000;
    background-color: #00FF00;
    text-align: center;
}

.bodyRed {
    padding: 5px;
    border-style: solid solid solid solid;
    border-width: thin;
    border-color: #FFFFFF;
    color: #000000;
    background-color: #FF0000;
    text-align: center;
}

.bodyOrange {
    padding: 5px;
    border-style: solid solid solid solid;
    border-width: thin;
    border-color: #FFFFFF;
    color: #000000;
    background-color: #FF9900;
    text-align: center;
}

.bodyBlue {
    padding: 5px;
    border-style: solid solid solid solid;
    border-width: thin;
    border-color: #FFFFFF;
    color: #000000;
    background-color: #0000FF;
    text-align: center;
}

.textRed {
    color: red;
    text-align: center;
    padding: 5px;
    padding-top: 3px;
}

.textGreen {
    color: #B8CF28;
    text-align: center;
    padding: 5px;
    padding-top: 3px;
}

.textBlue {
    color: #1658A6;
    text-align: center;
    padding: 5px;
    padding-top: 3px;
}

.textRedTable {
    color: red;
    text-align: center;
    padding: 5px;
    padding-top: 3px;
    /*border: thin solid #E3E3E3;*/
}

.textGreenTable {
    color: #B8CF28;
    text-align: center;
    padding: 5px;
    padding-top: 3px;
    /*border: thin solid #E3E3E3;*/
}

.textBlueTable {
    color: #1658A6;
    text-align: center;
    padding: 5px;
    padding-top: 3px;
    /*border: thin solid #E3E3E3;*/
}

.courseModulePage_small {
    cursor: pointer;
    text-align: center;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: url(~/Images/pslms/page_icon.png) no-repeat center;
    _background: url(~/Images/pslms/page_icon.gif) no-repeat center; /*IE6*/
}

    .courseModulePage_small:hover {
        background: url(~/Images/pslms/page_icon_hover.png) no-repeat center;
        _background: url(~/Images/pslms/page_icon_hover.gif) no-repeat center; /*IE6*/
    }

.contentPaneDecorator {
    background: #f4f4f4 url(~/Images/background_pattern.png) repeat 0 0;
}

.courseModulePages {
    width: 800px;
    height: 600px;
    background: #fff;
    margin: 0 auto auto auto;
    overflow: hidden;
    position: inherit;
}

.rd_Custom {
    background-image: url(~/Images/pslms/VerticalSprite.gif);
    background-position: 0 -76px;
}

    .rd_Custom:hover {
        background-position: -19px -76px;
    }

.rd_Custom_EditText {
    cursor: pointer;
    background-image: url(~/Images/pslms/VerticalSprite.gif);
    background-position: 0 -96px;
}

    .rd_Custom_EditText:hover {
        background-position: -19px -96px;
    }

.ProgressArea {
    background-image: url(Images/ruProgressArea.png);
    background-color: #fff;
    border-style: solid;
    border-width: thin;
    border-color: #293B6B;
    z-index: 99;
}

.ProgressAreaProgress {
    background-color: #4CBBF3;
    background-image: url(Images/ruProgress.gif);
    background-position: 0 -17px;
    background-repeat: repeat-x;
    z-index: 100;
    text-align: center;
    border-radius: 2px 0px 0px 2px;
}

.ajaxLoadingPanelBase {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: url(../Images/5-1.gif) no-repeat center 30%;
}

.ajaxLoadingPanelForm {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background: #d8eeed url(../Images/5-1.gif) no-repeat center 40%;
}

.ajaxLoadingPanel {
    width: 100%;
    height: 100%;
    background: #d8eeed url(../Images/5-1.gif) no-repeat center 40%;
}

.ajaxLoadingPanelGrid {
    width: 100%;
    height: 100%;
    background: #d8eeed url(../Images/5-1.gif) no-repeat center 40%;
}

.ajaxLoadingImageGrid {
    width: 100px;
    height: 50px;
    background: url(../Images/5-1.gif) no-repeat center 40%;
}

.ajaxLoadingPanelWindow {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background: #d8eeed url(../Images/5-1.gif) no-repeat center 40%;
}

.Atrocious {
    border-radius: 1px;
    background-color: #E57373;
    padding: 10px 10px 10px 10px;
    /*height: 35px;*/
    text-align: center;
}

.Bad {
    border-radius: 1px;
    background-color: #FFB74D;
    padding: 10px 10px 10px 10px;
    /*height: 35px;*/
    text-align: center;
}

.Average {
    border-radius: 1px;
    background-color: #FFFF99;
    padding: 10px 10px 10px 10px;
    /*height: 35px;*/
    text-align: center;
}

.Good {
    border-radius: 1px;
    background-color: #CDDD69;
    padding: 10px 10px 10px 10px;
    /*height: 35px;*/
    text-align: center;
}

.Superb {
    border-radius: 1px;
    background-color: #64B5F6;
    padding: 10px 10px 10px 10px;
    /*height: 35px;*/
    text-align: center;
}

.Clear {
    height: 25px;
    font-weight: bolder;
    font-size: 16px;
    border-width: 3px;
    /*border-style: solid;*/
    text-align: center;
    vertical-align: middle;
    /*background-color: #E9E9E9;
    border-color: #CCCCCC;*/
    /*color: black;*/
}

.Version1 {
    background-color: #D9D9D9;
    color: #595959;
    border-radius: 5px;
    padding: 5px;
}

.Version2 {
    background-color: #F2F2F2;
    color: #595959;
    border-radius: 5px;
    padding: 5px;
}

.Version3 {
    background-color: #FFF;
    color: #595959;
    border-radius: 5px;
    padding: 5px;
}

.TestsH {
    font-size: 34px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    padding-top: 22px;
    padding-left: 22px;
    padding-Bottom: 30px;
    font-weight: lighter;
}

.Paragraph {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 14px;
    padding-left: 20px;
    font-weight: bolder;
    padding-bottom: 25px;
}

.Button {
    Font-Family: Roboto-Medium;
    Font-Size: 18px;
    Color: #FFF;
    Text-Align: center;
    Line-Height: 24px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    Border-Radius: 6px;
    background-color: #2196F3;
}

.Paragraph2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 14px;
    padding-left: 580px;
    font-weight: bolder;
    padding-bottom: 25px;
}

.Manager1 {
    border-radius: 1px;
    background-color: #0070C0;
    padding: 1px 1px 1px 1px;
    text-align: center;
    color: white;
}

.Manager2 {
    border-radius: 1px;
    background-color: #00B0F0;
    padding: 1px 1px 1px 1px;
    text-align: center;
}

.Manager3 {
    border-radius: 1px;
    background-color: #92D050;
    padding: 1px 1px 1px 1px;
    text-align: center;
}

.Manager4 {
    border-radius: 1px;
    background-color: #A9D08E;
    padding: 1px 1px 1px 1px;
    text-align: center;
}

.Manager5 {
    border-radius: 1px;
    background-color: #FFFF81;
    padding: 1px 1px 1px 1px;
    text-align: center;
}

.Manager6 {
    border-radius: 1px;
    background-color: #FFD966;
    padding: 1px 1px 1px 1px;
    text-align: center;
}

.Manager7 {
    border-radius: 1px;
    background-color: #FF9D5B;
    padding: 1px 1px 1px 1px;
    text-align: center;
}

.LNReportHeading1 {
    background-color: #262626;
    padding: 10px 10px 10px 10px;
    text-align: center;
    color: white;
    font-weight: 500;
    border-radius: 10px;
}

.LNReportHeading2 {
    background-color: #808080;
    padding: 10px 10px 10px 10px;
    text-align: center;
    color: white;
    font-weight: 500;
    border-radius: 10px;
}

.LNReportHeading3 {
    background-color: #D9D9D9;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
}

.LNReportHeading3TopRound {
    background-color: #D9D9D9;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    border-radius: 10px;
}

.LNReportAlternate1TopRound {
    background-color: #FFD966;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.LNReportAlternate2TopRound {
    background-color: #8EA9DB;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.LNReportAlternate3TopRound {
    background-color: #F4B084;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.LNReportAlternate4TopRound {
    background-color: #CC0099;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.LNReportAlternate5TopRound {
    background-color: #A0BD18;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.LNReportHeading4 {
    background-color: #F2F2F2;
    padding: 10px 10px 10px 10px;
    text-align: center;
}

.LNReportHeading5 {
    background-color: #F2F2F2;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
}

.LNReportAlternate1 {
    background-color: #FFD966;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
}

.LNReportAlternate2 {
    background-color: #8EA9DB;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
}

.LNReportAlternate3 {
    background-color: #F4B084;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
}

.LNReportAlternate4 {
    background-color: #CC0099;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
}

.LNReportAlternate5 {
    background-color: #A0BD18;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
}

.LNReportAlternate1Left {
    background-color: #FFD966;
    padding: 10px 10px 10px 10px;
    text-align: left;
    font-weight: 500;
}

.LNReportAlternate2Left {
    background-color: #8EA9DB;
    padding: 10px 10px 10px 10px;
    text-align: left;
    font-weight: 500;
}

.LNReportAlternate3Left {
    background-color: #F4B084;
    padding: 10px 10px 10px 10px;
    text-align: left;
    font-weight: 500;
}

.LNReportAlternate4Left {
    background-color: #CC0099;
    padding: 10px 10px 10px 10px;
    text-align: left;
    font-weight: 500;
}

.LNReportAlternate5Left {
    background-color: #A0BD18;
    padding: 10px 10px 10px 10px;
    text-align: left;
    font-weight: 500;
}

.LNReportAlternateLight1 {
    background-color: #FFF2CC;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
}

.LNReportAlternateLight2 {
    background-color: #D9E1F2;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
}

.LNReportAlternateLight3 {
    background-color: #FCE4D6;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
}

.LNReportAlternateLight4 {
    background-color: #FF66CC;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
}

.LNReportAlternateLight5 {
    background-color: #C6E0B4;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
}

.LNReportAlternateLight1Left {
    background-color: #FFF2CC;
    padding: 10px 10px 10px 10px;
    text-align: left;
    font-weight: 500;
}

.LNReportAlternateLight2Left {
    background-color: #D9E1F2;
    padding: 10px 10px 10px 10px;
    text-align: left;
    font-weight: 500;
}

.LNReportAlternateLight3Left {
    background-color: #FCE4D6;
    padding: 10px 10px 10px 10px;
    text-align: left;
    font-weight: 500;
}

.LNReportAlternateLight4Left {
    background-color: #FF66CC;
    padding: 10px 10px 10px 10px;
    text-align: left;
    font-weight: 500;
}

.LNReportAlternateLight5Left {
    background-color: #C6E0B4;
    padding: 10px 10px 10px 10px;
    text-align: left;
    font-weight: 500;
}

.LNReportFreeText1 {
    background-color: white;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
}

.LNReportFreeText2 {
    background-color: #EDEDED;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
    border-radius: 10px;
}

.LNReportFreeText3 {
    background-color: #A6A6A6;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
    border-radius: 10px;
}

.LNReportFreeText4 {
    background-color: #BFBFBF;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
    border-radius: 10px;
}

.ManagerRating1 {
    background-color: #0070C0;
    color: white;
    padding: 10px 10px 10px 10px;
    text-align: left;
}

.ManagerRating2 {
    background-color: #00B0F0;
    padding: 10px 10px 10px 10px;
    text-align: left;
}

.ManagerRating3 {
    background-color: #92D050;
    padding: 10px 10px 10px 10px;
    text-align: left;
}

.ManagerRating4 {
    background-color: #A9D08E;
    padding: 10px 10px 10px 10px;
    text-align: left;
}

.ManagerRating5 {
    background-color: #FFFF81;
    padding: 10px 10px 10px 10px;
    text-align: left;
}

.ManagerRating6 {
    background-color: #FFD966;
    padding: 10px 10px 10px 10px;
    text-align: left;
}

.ManagerRating7 {
    background-color: #FF9D5B;
    padding: 10px 10px 10px 10px;
    text-align: left;
}

/*---------------------------------------------------------------------------------- START Page telerik  ----------------------------------------------/*
                                                                                                                                                       /*
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                           START Page telerik                                                          //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

/* START Telerik.Web.UI.Skins.FormDecorator.css */
/* this is set to the "real" radiobuttons and checkboxes */
.rfdRealInput {
    position: absolute;
    left: -99999px;
}

/* --- COMMON SETTINGS FOR THE SKINNED BUTTONS --- */

/* set one pixel margin to the skinned buttons, which compensates the focus dots when the button is focused */
.rfdButton a.rfdSkinnedButton {
    margin: 1px;
}

    .rfdButton a.rfdSkinnedButton,
    .rfdButton a.rfdSkinnedButton * {
        cursor: default;
        background-repeat: no-repeat;
        background-color: transparent;
        height: 22px;
        line-height: 22px;
        text-decoration: none;
        display: inline-block;
        border: 0 !important; /* do not remove the !important flag, otherwise the * selector will not apply for that property */
        text-align: center;
        font: normal 12px "Segoe UI", Arial, Helvetica !important;
        white-space: nowrap;
    }

        /* set dotted border to a focused button */
        .rfdButton a.rfdSkinnedButton:focus {
            outline: dotted 1px #ccc;
        }

.rfdButton a.rfdSkinnedButton,
.rfdButton a.rfdInputDisabled.rfdSkinnedButton:hover {
    padding: 0 4px 0 0;
}

.RadForm.rfdTextbox input[type="text"],
.RadForm.rfdTextbox input[type="password"],
.RadForm.rfdTextarea textarea,
.RadForm.rfdTextarea textarea[disabled]:hover,
.RadForm.rfdTextbox input[disabled][type="text"]:hover,
.RadForm.rfdTextbox input[disabled][type="password"]:hover,
.RadForm .rfdCheckboxChecked,
.RadForm .rfdInputDisabled.rfdCheckboxChecked:hover,
.RadForm .rfdCheckboxUnchecked,
.RadForm .rfdInputDisabled.rfdCheckboxUnchecked:hover,
.RadForm.rfdLabel label,
.RadForm .rfdRadioUnchecked,
.RadForm .rfdInputDisabled.rfdRadioUnchecked:hover,
.RadForm .rfdRadioUnchecked:hover,
.RadForm .rfdRadioChecked,
.RadForm .rfdInputDisabled.rfdRadioChecked:hover,
.RadForm .rfdRadioChecked:hover,
.RadForm .riTextBox, /* prevents text flcikering in IE8, when TadTextBox is used with RDF */
.RadForm .rfdValidationSummaryControl,
.RadForm .rfdLoginControl,
.RadForm legend {
    font-size: 12px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

/* Headings */
.rfdHeading h4,
.rfdHeading h5,
.rfdHeading h6 {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 6px 0 1px 0;
}

.rfdHeading h4 {
    font-size: 14px;
}

.rfdHeading h5 {
    font-size: 13px;
}

.rfdHeading h6 {
    font-size: 12px;
}

/* Sets height of 22px to text boxes */
.RadForm.rfdTextbox input[type="text"],
.RadForm.rfdTextbox input[type="password"] {
    padding-top: 2px;
    padding-bottom: 3px;
    height: auto;
    line-height: normal;
    vertical-align: bottom;
}

/* Input height fixes where it is necessary if it breaks the layout */
/* FileExplorer addresbar fix */
.RadForm.rfdTextbox input.rfeAddressBox[type="text"] {
    padding: 0;
}

/* Fixes RadColor Picker text input when it is decorated by RadFromDecorator in webkit browsers */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .RadForm.rfdTextbox .RadColorPicker input[type="text"] {
        padding-top: 1px;
        padding-bottom: 0;
        height: 19px;
        line-height: 19px;
    }
}

/*TEKI: fix CSS inheritance issue with RadComboBox */
.RadForm.rfdTextbox .rfdSkinnedButton input,
.RadForm.rfdTextbox .rfdSkinnedButton button,
.RadForm.rfdTextbox .RadComboBox input,
.RadForm.rfdTextbox .RadComboBox input[type="text"],
.RadForm.rfdTextbox .rfdInputDisabled {
    border: 0;
    background-color: transparent;
}

/*TEKI: (text) inputs by default can have no type specified, so update the button definition to show no border!*/
.RadForm.rfdTextbox input[type="button"].rfdDecorated,
.RadForm.rfdTextbox input[type="reset"].rfdDecorated,
.RadForm.rfdTextbox input[type="submit"].rfdDecorated {
    border: 0;
}

.rfdButton input[type="button"].rfdDecorated,
.rfdButton input[type="reset"].rfdDecorated,
.rfdButton input[type="submit"].rfdDecorated,
.rfdButton .rfdSkinnedButton button,
.rfdButton a.rfdInputDisabled.rfdSkinnedButton:hover * {
    background-position: left -22px;
    height: 22px;
    line-height: 22px;
    border: 0;
    padding: 0 6px 0 10px;
    margin-right: 0; /*Safari!*/
}

* + html.rfdButton input[type="button"].rfdDecorated,
* + html.rfdButton input[type="reset"].rfdDecorated,
* + html.rfdButton input[type="submit"].rfdDecorated,
* + html.rfdButton .rfdSkinnedButton button,
* + html.rfdButton a.rfdInputDisabled.rfdSkinnedButton:hover * {
    padding-right: 0;
}

.rfdButton a.rfdSkinnedButton * {
    _background-position: left -22px;
}

/* IE6 fixes */
.rfdButton a.rfdInputDisabled:hover * {
    _background-position: left -22px !important;
}

.rfdButton a.rfdInputDisabled:hover {
    _background-position: right 0 !important;
}
/* end of IE6 fixes */

.rfdButton a.rfdSkinnedButton,
.rfdButton a.rfdInputDisabled.rfdSkinnedButton:hover {
    background-position: right 0;
}

    .rfdButton a.rfdSkinnedButton:hover {
        background-position: right -44px;
    }

        .rfdButton a.rfdSkinnedButton:hover * {
            background-position: left -66px;
        }

.rfdButton a.rfdClickedButton,
.rfdButton a.rfdClickedButton:hover {
    background-position: right -88px;
}

/* IE8 Onclickg filckering Bug fix */
.rfdButton .rfdSkinnedButton.rfdClickedButton .rfdDecorated {
    -ms-background-position-x: 1px !important;
    -ms-background-position-y: -109px !important;
}

.rfdButton a.rfdSkinnedButton.rfdClickedButton * {
    background-position: left -110px !important;
}

/* IE9 Onclicking flickering bug fix */
._Telerik_IE9.rfdButton a.rfdSkinnedButton.rfdClickedButton .rfdDecorated,
._Telerik_IE9 .rfdZone a.rfdSkinnedButton.rfdClickedButton .rfdDecorated,
._Telerik_IE9 .rfdZone a.rfdSkinnedButton.rfdClickedButton input.rfdDecorated {
    -ms-background-position-x: 1px !important;
    -ms-background-position-y: -110px !important;
}

._Telerik_IE9.rfdButton .rfdInputDisabled.rfdClickedButton input.rfdDecorated,
._Telerik_IE9 .rfdZone .rfdInputDisabled.rfdSkinnedButton.rfdClickedButton input.rfdDecorated,
._Telerik_IE9 .rfdZone .rfdInputDisabled.rfdSkinnedButton.rfdClickedButton button.rfdDecorated {
    -ms-background-position-x: 0 !important;
    -ms-background-position-y: -22px !important;
}

/* IE7 hovers fix */
* + html.rfdButton a.rfdSkinnedButton:hover *,
* + html .rfdButton a.rfdSkinnedButton:hover * {
    background-position: left -66px;
}

/* IE 6 fix for inputs */
.rfdButtonType {
    padding-left: 5px;
}
/* --- END OF COMMON SETTINGS FOR THE SKINNED BUTTONS --- */

.rfdCheckboxChecked,
.rfdCheckboxUnchecked,
.rfdRadioUnchecked,
.rfdRadioChecked {
    line-height: 20px !important;
    padding: 0 0 0 20px !important;
    zoom: 1; /* IE font-size fix when set in percent */
    display: inline-block !important;
    background-color: transparent;
    background-repeat: no-repeat;
}

/* Checkboxes and Radios Sprite Positions */
/* Decorate <input type="checkbox" /> */
.rfdCheckboxUnchecked {
    background-position: 0 0;
}

    .rfdCheckboxUnchecked:hover {
        background-position: 0 -200px;
    }

.rfdCheckboxChecked {
    background-position: 0 -420px;
}

    .rfdCheckboxChecked:hover {
        background-position: 0 -640px;
    }

.rfdCheckboxUnchecked.rfdInputDisabled,
.rfdCheckboxUnchecked.rfdInputDisabled:hover {
    background-position: 0 -860px;
}

.rfdCheckboxChecked.rfdInputDisabled,
.rfdCheckboxChecked.rfdInputDisabled:hover {
    background-position: 0 -1080px;
}

/*IE6 Disabled Checkboxes fix*/
*html .rfdCheckboxUnchecked {
    background-position: 0 0;
}

*html .rfdCheckboxChecked:hover {
    background-position: 0 -640px;
}

/* Decorate <input type="radio" /> */
.rfdRadioUnchecked {
    background-position: 1px 0;
}

    .rfdRadioUnchecked:hover {
        background-position: 1px -220px;
    }

.rfdRadioChecked {
    background-position: 1px -440px;
}

    .rfdRadioChecked:hover {
        background-position: 1px -640px;
    }

.rfdRadioUnchecked.rfdInputDisabled,
.rfdRadioUnchecked.rfdInputDisabled:hover {
    background-position: 1px -860px;
}

.rfdRadioChecked.rfdInputDisabled,
.rfdRadioChecked.rfdInputDisabled:hover {
    background-position: 1px -1080px;
}

/* IE6 Radio Disabled fix */
*html .rfdRadioUnchecked {
    background-position: 1px 0;
}

*html .rfdRadioChecked {
    background-position: 1px -440px;
}

/* Applies opacity to both checkbox and radio buttons */
*html .rfdInputDisabled {
    filter: alpha(opacity = 50);
}

/* Disabled state removed to avoid problems with RadInput and RadCombo */
.rfdSkinnedButton.rfdInputDisabled,
.rfdTextarea textarea[disabled],
.rfdTextbox input[type="text"][disabled],
.rfdTextbox input[type="password"][disabled] {
    /*filter: alpha(opacity=50);  IE < 8 */
    /*opacity: .5;  FF3, OP9, WebKit */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important; IE8 */
    /* -moz-opacity: .5;  FF2 */
}

*|html .rfdSkinnedButton.rfdInputDisabled,
*|html.rfdTextarea textarea[disabled],
*|html.rfdTextbox input[type="text"][disabled],
*|html.rfdTextbox input[type="password"][disabled],
.rfdCheckboxChecked.rfdInputDisabled,
.rfdCheckboxUnchecked.rfdInputDisabled,
.rfdRadioChecked.rfdInputDisabled,
.rfdRadioUnchecked.rfdInputDisabled,
.rfdSelectDisabled {
    opacity: .5;
}

/* FormDecorator + TreeView fix */
.RadTreeView .rfdCheckboxUnchecked,
.RadTreeView .rfdCheckboxChecked {
    display: -moz-inline-box;
    display: inline-block;
    width: 0;
    vertical-align: middle;
    line-height: 21px;
    height: 21px;
}

/* FormDecorator + TreeView fix */
.RadGrid .rfdCheckboxUnchecked,
.RadGrid .rfdCheckboxChecked {
    display: -moz-inline-block;
    display: inline-block;
}

/* decorated <fieldset />, <textarea /> and <input type="text | password" /> */
.rfdRoundedInner {
    width: 1px;
    font-size: 1px;
    background-repeat: no-repeat;
}

.rfdRoundedOuter {
    width: 1px;
    font-size: 0px;
}


table.rfdRoundedWrapper,
table.rfdRoundedWrapper_fieldset {
    display: -moz-inline-box; /*FF2*/
    display: inline-block; /* FF3, Opera, Safari*/
    _display: inline; /* IE6 */
    vertical-align: middle;
    border-width: 0px !important;
}

    /* do not merge these 2 rules, because of IE6 ! */
    table.rfdRoundedWrapper td {
        padding: 0px !important;
        border: 0px !important;
    }

    table.rfdRoundedWrapper_fieldset > tbody > tr > td {
        padding: 0px !important;
        border: 0px !important;
    }

/* IE7 */
* + html table.rfdRoundedWrapper,
* + html table.rfdRoundedWrapper_fieldset {
    display: inline;
}

    table.rfdRoundedWrapper tr td, table.rfdRoundedWrapper_fieldset tr td {
        vertical-align: middle;
    }

    table.rfdRoundedWrapper input[type='text'] {
        border-left: none;
        border-right: none;
    }

/* Styling for TABLE cells */
.rfdGrids .rfdTable th,
.rfdGrids .rfdTable td {
    border: 0;
    padding: 5px 7px 4px;
}

/* specific styling related to the elements that need to support rounded corners */
table.rfdRoundedWrapper textarea, textarea.rfdTextarea {
    /* Disable the drag resize of textareas in WebKit browsers */
    [hack:safari;
        resize: none;        
    ];
}

/* right-to-left support begin */
.rfdRtl {
    direction: rtl;
}

    .rfdRtl .rfdRealInput {
        position: absolute; /* Causes IE to jump when a textbox in a scrollable parent is clicked -however, setting position:relative has other side effects. This is why it will be left here as *absolute* and set to relative where needed */
        left: 0;
        right: 0;
        top: -9999px;
    }

    .rfdRtl .rfdCheckboxUnchecked,
    .rfdRtl .rfdInputDisabled.rfdCheckboxUnchecked:hover {
        padding: 0 20px 0 0 !important;
        background-position: right 0 !important;
    }

        .rfdRtl .rfdCheckboxUnchecked:hover {
            background-position: right -200px !important;
        }

    .rfdRtl .rfdCheckboxChecked,
    .rfdRtl .rfdInputDisabled.rfdCheckboxChecked:hover {
        padding: 0 20px 0 0 !important;
        background-position: right -420px !important;
    }

        .rfdRtl .rfdCheckboxChecked:hover {
            background-position: right -640px !important;
        }

    .rfdRtl .rfdRadioUnchecked,
    .rfdRtl .rfdInputDisabled.rfdRadioUnchecked:hover {
        padding: 0 20px 0 0 !important;
        background-position: right 0 !important;
    }

        .rfdRtl .rfdRadioUnchecked:hover {
            background-position: right -220px !important;
        }

    .rfdRtl .rfdRadioChecked,
    .rfdRtl .rfdInputDisabled.rfdRadioChecked:hover {
        padding: 0 20px 0 0 !important;
        background-position: right -440px !important;
    }

        .rfdRtl .rfdRadioChecked:hover {
            background-position: right -640px !important;
        }
/* right-to-left support end */

/* skinned selectbox */
.rfdSelect {
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    cursor: default;
    outline: none;
    -moz-user-select: none;
    max-width: 1024px;
    background-position: 0 0;
    padding-left: 2px;
    zoom: 1;
    z-index: 3000;
    vertical-align: middle;
    margin-right: 5px;
}

*html .rfdSelect {
    background-position: right -22px;
    padding-right: 19px;
    padding-left: 0;
    vertical-align: top;
    margin-right: 0;
}

* + html .rfdSelect {
    vertical-align: top;
    margin-right: 0;
}

    .rfdSelect:hover {
        background-position: 0 -44px;
    }

    *html .rfdSelect:hover {
        background-position: right -66px;
    }

    .rfdSelect .rfdSelectOuter,
    .rfdSelect.rfdSelectDisabled:hover .rfdSelectOuter {
        background-position: right -22px;
        display: block;
        line-height: 22px;
        height: 22px;
        white-space: nowrap;
        width: inherit;
        margin-left: 6px;
    }

    .rfdSelect.rfdSelectDisabled:hover {
        background-position: 0 0;
    }

        *html .rfdSelect .rfdSelectOuter,
        *html .rfdSelect.rfdSelectDisabled:hover .rfdSelectOuter {
            background-position: 0 0;
            margin-right: 0;
            margin-left: 0;
            padding-left: 2px;
        }

        .rfdSelect .rfdSelectOuter,
        .rfdSelect.rfdSelectDisabled:hover .rfdSelectOuter {
            margin-right: -1px\9;
        }

    .rfdSelect:hover .rfdSelectOuter {
        background-position: right -66px;
    }

    *html .rfdSelect:hover .rfdSelectOuter {
        background-position: 0 -44px;
    }

    .rfdSelect .rfdSelectOuter span {
        margin-right: 22px;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    /*NEW - TEKI - Support for SELECT dropdowns using the new rendering */
    .rfdSelect .rfdSelectBox {
        position: absolute;
        overflow-y: auto;
        float: left;
        width: inherit;
    }

    .rfdSelect li {
        padding: 0 0 0 3px;
        line-height: 16px;
        height: 16px;
        background-image: none !important;
    }

.rfdSelectDisabled {
    opacity: .4; /* Gecko, Opera */
}

    .rfdSelectDisabled .rfdSelectText {
        filter: alpha(opacity=40); /* IE */
    }


/* dropdown settings */
.rfdSelectBox {
    font-size: 12px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    display: inline-block;
    overflow-x: hidden;
    z-index: 2900;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

    .rfdSelectBox.rfdSelectDisabled:hover {
        background-position: 0 0;
    }

    .rfdSelectBox ul {
        width: inherit;
    }

    .rfdSelectBox ul,
    .rfdSelectBox li {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .rfdSelectBox li {
        cursor: default;
        padding-left: 3px; /* In AJAX CSS-es are registered skin-specific first, base second, which creates problems*/
        line-height: 16px;
        height: 16px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.rfdSelectBox_optgroup li {
    padding-left: 20px !important;
    height: 18px !important;
    line-height: 18px !important;
}

.rfdSelectBox_optgroup .rfdSelectBox_optgroup_label {
    font-style: italic;
    font-weight: bold;
    padding-left: 0 !important;
}

.rfdSelectBox_Default .rfdSelectBox_optgroup_label:hover {
    background: none;
    color;
}

.rfdSelectBox.rfdSelectDisabled li:hover {
    background: none !important;
}

.rfdSelectBox .rfdSelectBox_optgroup li {
    padding-left: 12px !important;
}

.rfdSelectBox li.rfdSelectBox_optgroup_label {
    padding-left: 0 !important;
}

/* end of skinned selectbox */


/* Internet Explorer fix for background position of a <fieldset /> */
.rfdFieldset fieldset {
    background-position: 0 7px\9; /* all versions IE hack */
    background-repeat: no-repeat; /* Mandatory to use because of incorrect IE positioning of the image */
}

/* IE9 overwrite */
._Telerik_IE9.rfdFieldset fieldset {
    background-position: 0 0;
}

.RadForm.rfdFieldset table.rfdRoundedWrapper_fieldset fieldset,
.RadForm.rfdFieldset fieldset.rfdFieldset {
    _background-image: none !important; /* removes the background image in IE6 */
}

.rfdCheckboxChecked,
.rfdCheckboxUnchecked,
.rfdRadioUnchecked,
.rfdRadioChecked {
    line-height: 20px !important;
    padding: 0;
    padding-left: 20px;
    zoom: 1; /* fixes IE issue with font-size set in percent */
    display: inline-block !important;
}

.rfdRoundedCorners {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* This one fixes the jumping of the skinned select boxes when clicked in IE7 */
* + html .rfdSelect {
    vertical-align: middle;
}

.rfdRtl .rfdSelect {
    padding-left: 18px !important;
    background-position: 0 -110px !important;
}

    .rfdRtl .rfdSelect .rfdSelectOuter {
        margin: 0 !important;
        background-position: right -88px !important;
    }

    .rfdRtl .rfdSelect:hover {
        background-position: 0 -154px !important;
    }

    .rfdRtl .rfdSelect .rfdSelectOuter:hover {
        margin: 0 !important;
        background-position: right -132px !important;
    }

    .rfdRtl .rfdSelect .rfdSelectOuter span.rfdSelectText {
        margin: 0 0 0 0 !important;
        padding: 0 3px 0 0 !important;
    }
    /* this one removes the hover from the rtl dropdowns in IE6 */
    *html .rfdRtl .rfdSelect:hover {
        _background-position: 0 -110px !important;
    }

* + html.RadForm input.rfdDecorated,
* + html.RadForm button.rfdDecorated {
    padding-left: 4px !important;
}

.rfdDecorated,
a.rfdSkinnedButton {
    vertical-align: top;
}

/*  Fixed button position when it is placed next to a textbox - Firefox/Safari */
*|html .rfdDecorated,
*|html a.rfdSkinnedButton {
    vertical-align: middle;
}

/* the styling of radiobuttons and checkboxes in Safari and Chrome is already fully achieved with CSS */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .rfdRadio label,
    .rfdCheckbox label {
        padding-left: 0 !important;
        background-image: none !important;
        line-height: 18px;
    }

    .rfdCheckbox label {
        vertical-align: middle;
    }

    .rfdRadio label {
        vertical-align: bottom;
    }

    .rfdRadio input[type="radio"],
    .rfdCheckbox input[type="checkbox"] {
        -khtml-appearance: none; /* remove the graphic appearance of the original control */
        position: static; /* set back it's static position on the page */
        width: 20px; /* set default width of the control */
        height: 20px; /* set default height of the control */
        vertical-align: middle; /* align the control properly */
        margin: 0;
    }

        .rfdCheckbox input[type="checkbox"][disabled],
        .rfdRadio input[type="radio"][disabled] {
            opacity: .5; /* give the control a disabled looks */
        }

            /* checkboxes */
            .rfdCheckbox input[type="checkbox"],
            .rfdCheckbox input[type="checkbox"][disabled]:hover {
                background-repeat: no-repeat;
                background-position: 0 0;
            }

                .rfdCheckbox input[type="checkbox"]:hover {
                    background-position-y: -200px;
                }

                .rfdCheckbox input[type="checkbox"]:checked,
                .rfdCheckbox input[type="checkbox"][disabled]:hover:checked {
                    background-position-y: -420px;
                }

                .rfdCheckbox input[type="checkbox"]:hover:checked {
                    background-position-y: -640px;
                }

        /* radio buttons */
        .rfdRadio input[type="radio"],
        .rfdRadio input[type="radio"][disabled="disabled"]:hover {
            background-repeat: no-repeat;
            background-position: 0 0;
        }

            .rfdRadio input[type="radio"]:hover {
                background-position-y: -220px;
            }

            .rfdRadio input[type="radio"]:checked,
            .rfdRadio input[type="radio"][disabled="disabled"]:hover:checked {
                background-position-y: -440px;
            }

            .rfdRadio input[type="radio"]:hover:checked {
                background-position-y: -640px;
            }

    /* Prevents unwated border and background in mibile safari */
    .RadForm input[type="checkbox"],
    .RadForm input[type="radio"],
    .RadForm input[type="checkbox"]["checked"],
    .RadForm input[type="radio"]["checked"] {
        border: 0;
        background-color: transparent;
    }
}

/* ScrollBar CSS Settings for WebKit */
/* Since v.6 chrome uses standard Windows scrollbars for the iframe only */
/* We ca not manipulate them and will style only body, div and form scrolls */
/* arrow button settings */
.RadForm.rfdScrollBars body::-webkit-scrollbar,
.RadForm.rfdScrollBars textarea::-webkit-scrollbar,
.RadForm.rfdScrollBars div::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}

/* horizontal scroll left button */
.RadForm.rfdScrollBars ::-webkit-scrollbar-button:horizontal:decrement {
    background-position: 1px -132px;
}

/* horizontal scroll right button */
.RadForm.rfdScrollBars ::-webkit-scrollbar-button:horizontal:increment {
    background-position: -10px -132px;
}

/* vertical scroll up button */
.RadForm.rfdScrollBars ::-webkit-scrollbar-button:vertical:decrement {
    background-position: 0 -145px;
}

/* vertical scroll down button */
.RadForm.rfdScrollBars ::-webkit-scrollbar-button:vertical:increment {
    background-position: -11px -145px;
}

/* increment / decrement button settings */
.RadForm.rfdScrollBars ::-webkit-scrollbar-button:vertical:decrement,
.RadForm.rfdScrollBars ::-webkit-scrollbar-button:vertical:increment,
.RadForm.rfdScrollBars ::-webkit-scrollbar-button:horizontal:decrement,
.RadForm.rfdScrollBars ::-webkit-scrollbar-button:horizontal:increment {
    background-repeat: no-repeat;
    height: auto;
    width: auto;
}

.RadForm.rfdScrollBars ::-webkit-scrollbar-button:vertical:decrement,
.RadForm.rfdScrollBars ::-webkit-scrollbar-button:vertical:increment,
.RadForm.rfdScrollBars ::-webkit-scrollbar-button:horizontal:decrement,
.RadForm.rfdScrollBars ::-webkit-scrollbar-button:horizontal:increment,
.RadForm.rfdScrollBars ::-webkit-scrollbar-thumb:vertical,
.RadForm.rfdScrollBars ::-webkit-scrollbar-thumb:horizontal {
    border-style: solid;
    border-width: 1px;
}

/* Validation Summary Control and Login Control  */

.rfdValidationSummaryControl,
.rfdLoginControl {
    padding: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-collapse: separate !important; /* need to be with important as by default the table is rendered with collpase inline style */
}

    .rfdValidationSummaryControl ul {
        padding-left: 65px;
        margin-left: 0;
        min-height: 32px;
        color: #f00;
        background: url('/WebResource.axd?d=sqZRpy6N0fWkIUf6ELydMMPUOwFo7y3glAHsBnvJGYi8tDwcJXIMre_SOVTLkqGMtIvYIu-T0LP_P5eVcJlp7noY8eNIuNdngTdtH4RmgAg5MIO_H5JcEcaTRU347MDZfMN87le3mIHONT3EKhq2uNSU8ugOju8gAybPyju5qDH9wi7f0&t=634516086340000000') no-repeat 8px -3px;
    }

    *html .rfdValidationSummaryControl ul {
        height: 32px;
    }

/* END Telerik.Web.UI.Skins.FormDecorator.css */
/* START Telerik.Web.UI.Skins.WebBlue.FormDecorator.WebBlue.css */
/* RadFormDecorator for ASP.NET WebBlue Skin */

/* CSS class for styling the decoration zone or the <html /> tag of the page */
.RadForm_WebBlue.rfdZone {
}

/* Decorate scrollbars */
.RadForm_WebBlue.rfdScrollBars {
    scrollbar-3dlight-color: #90979e;
    scrollbar-arrow-color: #787878;
    scrollbar-base-color: #f5f5f5;
    scrollbar-darkshadow-color: #e7f1fa;
    scrollbar-face-color: #c7d0d9;
    scrollbar-highlight-color: #e7f1fa;
    scrollbar-shadow-color: #6787bb;
    scrollbar-track-color: #f0f2f4;
}

/* Decorate <input type="button | submit | reset" /> and <button type="button | submit | reset" /> - look if there is a secondary .rfdButton class applied to the root element */
.RadForm_WebBlue.rfdButton a.rfdSkinnedButton,
.RadForm_WebBlue.rfdButton input[type="button"].rfdDecorated,
.RadForm_WebBlue.rfdButton input[type="reset"].rfdDecorated,
.RadForm_WebBlue.rfdButton input[type="submit"].rfdDecorated,
.RadForm_WebBlue.rfdButton .rfdSkinnedButton button {
    background-image: url('/WebResource.axd?d=HEeD7waLzIhS1m9HBIPR1_5RRyzV9_23nCwXNFosjRN0E3XlzrtQ4qvhNAi8f97eULKO829m8O5PtTrJi8SyUCCn6ye-HoFoDOXz2m3k-9BMcLWUxoLuwUy4yPHMihoaVz5cRi_K-vr00TJd2BtEtxFGILYEonp3ADq3htRo1nk-ap-l0&t=634516086340000000');
    color: #000;
}

    *html .RadForm_WebBlue a.rfdSkinnedButton,
    *html .RadForm_WebBlue .rfdSkinnedButton button,
    *html .RadForm_WebBlue .rfdSkinnedButton input.rfdDecorated,
    .RadForm_WebBlue.rfdButton a.rfdSkinnedButton,
    .RadForm_WebBlue.rfdButton a.rfdSkinnedButton * {
        background-image: url('/WebResource.axd?d=HEeD7waLzIhS1m9HBIPR1_5RRyzV9_23nCwXNFosjRN0E3XlzrtQ4qvhNAi8f97eULKO829m8O5PtTrJi8SyUCCn6ye-HoFoDOXz2m3k-9BMcLWUxoLuwUy4yPHMihoaVz5cRi_K-vr00TJd2BtEtxFGILYEonp3ADq3htRo1nk-ap-l0&t=634516086340000000');
        color: #000;
    }

/* OPERA width fix - do not remove (and check if it is still necessary) */
@media screen and (min-width:1px) {
    /* 
       the hack below fixes a strange behavior under Opera - 
       input and button have a different CSS display when in anchor tag 
    */
    .RadForm_WebBlue.rfdButton a.rfdSkinnedButton input {
        display: block;
        float: left;
    }
}

/* Decorate <h4|5|6 /> */
.RadForm_WebBlue.rfdHeading h4 {
    color: #000;
    border-bottom: solid 1px #a0a0a0;
}

.RadForm_WebBlue.rfdHeading h5 {
    color: #000;
    border-bottom: solid 1px #a0a0a0;
}

.RadForm_WebBlue.rfdHeading h6 {
    color: #000;
}

/* Decorate <label /> */
.RadForm_WebBlue.rfdLabel label {
    color: #000;
}

/* Decorate <input type="checkbox" /> */
.RadForm_WebBlue .rfdCheckboxUnchecked,
.RadForm_WebBlue .rfdCheckboxChecked,
.RadForm_WebBlue .rfdInputDisabled.rfdCheckboxUnchecked,
.RadForm_WebBlue .rfdInputDisabled.rfdCheckboxChecked {
    background-image: url('/WebResource.axd?d=pPPBrK3G0nQXkkELyPfM9QEhy9ew-kU0qezJopnAh2wCVaCMhawiL57tzryu7YR9bpR2ZuB-AASCAUYL-s6h_s7Qke8Ehh3Lu_F6xTbwaZkYFIkNUmLZ7LPjv95KZ1IokZ1wLHUwlJTHnB69NbhEb4GfwDQLX1cI8zT3uuOqwXa6kdrk0&t=634516086340000000');
}

/* Decorate <input type="radio" /> */
.RadForm_WebBlue .rfdRadioUnchecked,
.RadForm_WebBlue .rfdRadioChecked,
.RadForm_WebBlue .rfdInputDisabled.rfdRadioUnchecked,
.RadForm_WebBlue .rfdInputDisabled.rfdRadioChecked {
    background-image: url('/WebResource.axd?d=DpilxPH2xRVYBGTBEANZR_ruumjzUzIK4Uecov1oLZqHWQ-WQDfQHAIUe_QRZ17DjFFQ9UqHc-l3PVDm7k6mbs9_7Ds2-fsPxrnPqJkXD4TCCOFFucJKatOyVfbe6v8AiVmDgi3FeniHWPeYDXDwSmyiW0yNKRTFI1299e5JZsgG-uqIXM6PRqvUNMiS6QXWbdZkgw2&t=634516086340000000');
}

    /* IE6 - we set .gif")%> image instead of .png")%> due to the lack RGBA support */
    .RadForm_WebBlue .rfdRadioUnchecked,
    .RadForm_WebBlue .rfdInputDisabled.rfdRadioUnchecked:hover,
    .RadForm_WebBlue .rfdRadioUnchecked:hover,
    .RadForm_WebBlue .rfdRadioChecked,
    .RadForm_WebBlue .rfdInputDisabled.rfdRadioChecked:hover,
    .RadForm_WebBlue .rfdRadioChecked:hover {
        _background-image: url('/WebResource.axd?d=YKabuOpz0EQ5KRejw9HTmU4tu8xlyakjoEbOkM55nTn1VTwlbL5H6F7q8IOb5S0USK-3y6xLGEIuXmE8Re5FyRcNAfKo4Nr9XmxTgEakGbHsFB6Ak0bvBz_b5MClrnWnwcCE3OmZafEpvjncgIEoyF2Fmo1TpTZTHdqBvaM8dDJMJ5qHKQZrzOtl4-GIsG0QLnzWtA2&t=634516086340000000'); /* IE6 hack */
    }

/* <fieldset /> and <legend /> */

.RadForm_WebBlue.rfdFieldset table.rfdRoundedWrapper_fieldset legend,
.RadForm_WebBlue fieldset.rfdFieldset legend,
.RadForm_WebBlue.rfdFieldset fieldset legend {
    color: #000;
}

.RadForm_WebBlue table.rfdRoundedWrapper:hover div.rfdRoundedInner {
    background-color: #fff;
    border-color: #5d9fb7 !important;
}

/* this selector styles the hover of the side bars of the rounded elements */
.RadForm_WebBlue table.rfdRoundedWrapper:hover .rfdRoundedOuter {
    background-color: #5d9fb7 !important;
}

/* Decorate <input type="text | password" /> and <textarea /> */
/* For all browsers except IE6 we are using attribute selectors - single or double */
.RadForm_WebBlue.rfdTextbox input[type="text"],
.RadForm_WebBlue.rfdTextbox input[type="password"],
.RadForm_WebBlue.rfdTextarea textarea,
.RadForm_WebBlue.rfdTextarea textarea[disabled]:hover,
.RadForm_WebBlue.rfdTextbox input[disabled][type="text"]:hover,
.RadForm_WebBlue.rfdTextbox input[disabled][type="password"]:hover {
    border: solid 1px #abadb3;
    background-color: #fff;
}

    .RadForm_WebBlue.rfdTextbox .rfdDecorated:hover,
    .RadForm_WebBlue.rfdTextarea textarea:hover,
    .RadForm_WebBlue.rfdTextbox .rfdDecorated:focus,
    .RadForm_WebBlue.rfdTextarea textarea:focus {
        border: solid 1px #5d9fb7;
    }

/* Decorate <fieldset /> */
.RadForm_WebBlue.rfdFieldset fieldset {
    border: solid 1px #69798c;
    background-image: url('/WebResource.axd?d=4UX4E-4G8M8laAXnoR1jZf-940L0y22DqGX57H6LCNO31YbZy-L9q3DRGOXolhsb4Y-4jlmPMrERRCPQarBWENFlcDPZ2Cxvni1Dr2I5o_oUGWLlCNg89Tndlf_1_BBeosg1iSfmjGQIIRTPwMki1Ab8toanZLJRL77p1Q78qkYp6KFB0&t=634516086340000000'); /* having a background image on a fieldset is not okay with IE */
}

    /* Decorate <fieldset /> and <legend /> */
    .RadForm_WebBlue.rfdFieldset table.rfdRoundedWrapper_fieldset legend,
    .RadForm_WebBlue.rfdFieldset fieldset.rfdFieldset legend {
        color: #a0a0a0;
    }

    .RadForm_WebBlue.rfdFieldset table.rfdRoundedWrapper_fieldset fieldset,
    .RadForm_WebBlue.rfdFieldset fieldset.rfdFieldset {
        border: solid 1px #69798c;
        background-image: url('/WebResource.axd?d=4UX4E-4G8M8laAXnoR1jZf-940L0y22DqGX57H6LCNO31YbZy-L9q3DRGOXolhsb4Y-4jlmPMrERRCPQarBWENFlcDPZ2Cxvni1Dr2I5o_oUGWLlCNg89Tndlf_1_BBeosg1iSfmjGQIIRTPwMki1Ab8toanZLJRL77p1Q78qkYp6KFB0&t=634516086340000000'); /* having a background image on a fieldset is not okay with IE */
    }

/* Because of a glitch in IE the following 2 CSS classes must be declared separately for correct parsing of the textarea class in IE6*/
.RadForm_WebBlue table.rfdRoundedWrapper input,
.RadForm_WebBlue table.rfdRoundedWrapper textarea,
.RadForm_WebBlue input.rfdInput,
.RadForm_WebBlue textarea.rfdTextarea {
    border: solid 1px #abadb3;
    background: #fff;
    color: #000;
}

.RadForm_WebBlue textarea.rfdTextarea,
.RadForm_WebBlue table.rfdRoundedWrapper textarea {
    overflow: auto;
}

/* <select /> */
.rfdSelect_WebBlue,
.rfdSelect_WebBlue:hover,
.rfdSelect_WebBlue .rfdSelectOuter,
.rfdSelect_WebBlue:hover .rfdSelectOuter,
.rfdSelect_WebBlue .rfdSelectArrow span,
.rfdSelectBox_WebBlue .rfdSelect_selected,
.rfdSelectBox_WebBlue li:hover,
.rfdSelect_WebBlue.rfdSelectDisabled:hover,
.rfdRtl .rfdSelect_WebBlue,
.rfdRtl .rfdSelect_WebBlue:hover,
.rfdRtl .rfdSelect_WebBlue .rfdSelectOuter,
.rfdRtl .rfdSelect_WebBlue .rfdSelectOuter:hover {
    background-image: url('/WebResource.axd?d=gAdT2yfFnOpUpnH9mKov9d-ROblBMd1OKHSUuv2ybOYSOWXJXQlwdBL7BZynJKsHVh1-wjCevRF-3YyndRPfpduaOJh69JmCuhOZDXBxlLVFFWzC-OrsNRjCFSL1mRp-JwgCJ_Iw-eDCW3guAB5je2cpJnT2BxR_ArDG2HnKVh_-v3we0&t=634516086340000000');
    background-repeat: no-repeat;
    background-color: transparent;
}

    .rfdSelect_WebBlue .rfdSelectOuter,
    .rfdSelect_WebBlue.rfdSelectDisabled:hover .rfdSelectOuter {
        color: #000;
    }

    .rfdSelect_WebBlue:hover .rfdSelectOuter {
        color: #768ca5;
    }

/* dropdown settings */
.rfdSelectBox_WebBlue {
    background: #fff;
    border: solid 1px #768ca5;
    color: #000;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

    .rfdSelectBox_WebBlue li {
        padding: 0 0 0 3px;
        background-image: none !important;
    }

        .rfdSelectBox_WebBlue .rfdSelect_selected,
        .rfdSelectBox_WebBlue li:hover {
            color: #000;
            background-color: #d1e9f8;
        }

    .rfdSelectBox_WebBlue .rfdSelectBox_optgroup_label:hover {
        background: none;
        color: #000;
    }

/* IE6 disabled state fix - this should not be added to the base stylesheet, but at the bottom of the skin file */
* html .RadForm_WebBlue.rfdButton a.rfdInputDisabled:hover {
    _background-position: 0 0;
}

    * html .RadForm_WebBlue.rfdButton a.rfdInputDisabled:hover * {
        _background-position: right -21px;
        _color: #000;
    }

.RadForm_WebBlue.rfdTextbox input.rfdIE6TextBox,
.RadForm_WebBlue.rfdTextbox textarea.rfdIE6TextBox {
    _border: solid 1px #abadb3;
    _background-color: #fff;
}

/* the styling of radiobuttons and checkboxes in Safari and Chrome is already fully achieved with CSS */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* checkboxes */
    .rfdCheckbox input[type="checkbox"],
    .rfdCheckbox input[type="checkbox"][disabled]:hover {
        background-image: url('/WebResource.axd?d=pPPBrK3G0nQXkkELyPfM9QEhy9ew-kU0qezJopnAh2wCVaCMhawiL57tzryu7YR9bpR2ZuB-AASCAUYL-s6h_s7Qke8Ehh3Lu_F6xTbwaZkYFIkNUmLZ7LPjv95KZ1IokZ1wLHUwlJTHnB69NbhEb4GfwDQLX1cI8zT3uuOqwXa6kdrk0&t=634516086340000000');
    }

    /* radio buttons */
    .rfdRadio input[type="radio"],
    .rfdRadio input[type="radio"][disabled="disabled"]:hover {
        background-image: url('/WebResource.axd?d=DpilxPH2xRVYBGTBEANZR_ruumjzUzIK4Uecov1oLZqHWQ-WQDfQHAIUe_QRZ17DjFFQ9UqHc-l3PVDm7k6mbs9_7Ds2-fsPxrnPqJkXD4TCCOFFucJKatOyVfbe6v8AiVmDgi3FeniHWPeYDXDwSmyiW0yNKRTFI1299e5JZsgG-uqIXM6PRqvUNMiS6QXWbdZkgw2&t=634516086340000000');
    }
}

/* ----------------------------------------------- Skin-specific Scrollbar Settings for WebKit ----------------------------------------------- */

/* the scrollbar face color */
.RadForm.rfdScrollBars.RadForm_WebBlue body::-webkit-scrollbar,
.RadForm.rfdScrollBars.RadForm_WebBlue body::-webkit-scrollbar-thumb:vertical,
.RadForm.rfdScrollBars.RadForm_WebBlue body::-webkit-scrollbar-thumb:horizontal,
.RadForm.rfdScrollBars.RadForm_WebBlue div::-webkit-scrollbar,
.RadForm.rfdScrollBars.RadForm_WebBlue div::-webkit-scrollbar-thumb:vertical,
.RadForm.rfdScrollBars.RadForm_WebBlue div::-webkit-scrollbar-thumb:horizontal .RadForm.rfdScrollBars.RadForm_WebBlue form::-webkit-scrollbar,
.RadForm.rfdScrollBars.RadForm_WebBlue form::-webkit-scrollbar-thumb:vertical,
.RadForm.rfdScrollBars.RadForm_WebBlue form::-webkit-scrollbar-thumb:horizontal {
    background-color: #c7d0d9;
}

/* scrollbar track background color */
.RadForm.rfdScrollBars.RadForm_WebBlue ::-webkit-scrollbar-track-piece,
.RadForm.rfdScrollBars.RadForm_WebBlue ::-webkit-scrollbar-corner {
    background-color: #f0f2f4;
}

.RadForm.rfdScrollBars.RadForm_WebBlue ::-webkit-scrollbar-button:vertical:decrement,
.RadForm.rfdScrollBars.RadForm_WebBlue ::-webkit-scrollbar-button:vertical:increment,
.RadForm.rfdScrollBars.RadForm_WebBlue ::-webkit-scrollbar-button:horizontal:decrement,
.RadForm.rfdScrollBars.RadForm_WebBlue ::-webkit-scrollbar-button:horizontal:increment,
.RadForm.rfdScrollBars.RadForm_WebBlue ::-webkit-scrollbar-thumb:vertical,
.RadForm.rfdScrollBars.RadForm_WebBlue ::-webkit-scrollbar-thumb:horizontal {
    border-color: #e7f1fa #6787bb #6787bb #e7f1fa;
}

/* increment / decrement button settings */
.RadForm.rfdScrollBars.RadForm_WebBlue ::-webkit-scrollbar-button:vertical:decrement,
.RadForm.rfdScrollBars.RadForm_WebBlue ::-webkit-scrollbar-button:vertical:increment,
.RadForm.rfdScrollBars.RadForm_WebBlue ::-webkit-scrollbar-button:horizontal:decrement,
.RadForm.rfdScrollBars.RadForm_WebBlue ::-webkit-scrollbar-button:horizontal:increment {
    background-image: url('/WebResource.axd?d=HEeD7waLzIhS1m9HBIPR1_5RRyzV9_23nCwXNFosjRN0E3XlzrtQ4qvhNAi8f97eULKO829m8O5PtTrJi8SyUCCn6ye-HoFoDOXz2m3k-9BMcLWUxoLuwUy4yPHMihoaVz5cRi_K-vr00TJd2BtEtxFGILYEonp3ADq3htRo1nk-ap-l0&t=634516086340000000');
    background-color: #c7d0d9;
}

/*GridView, FormView, DetailsView*/
.RadForm_WebBlue.rfdGrids .rfdTable {
    border: 1px solid #768ca5;
    background: #fff;
    color: #000;
    font: 12px "segoe ui",arial,sans-serif;
}

    .RadForm_WebBlue.rfdGrids .rfdTable th {
        border-bottom: 1px solid #3d556c;
        border-left: 1px solid #455f77;
        background: #67839a;
        color: #fff;
    }

    .RadForm_WebBlue.rfdGrids .rfdTable a {
        color: #0053a5;
    }

/* Validation Summary Control and Login Control  */

.RadForm_WebBlue .rfdValidationSummaryControl,
.RadForm_WebBlue .rfdLoginControl {
    background-color: #fff;
    border: 1px solid #69798c;
}

.RadForm_WebBlue a.rfdLoginControl {
    color: #0053a5;
}

    .RadForm_WebBlue a.rfdLoginControl:active {
        color: #0d202b;
    }

    .RadForm_WebBlue a.rfdLoginControl:hover {
        color: #0e3d4f;
    }

    .RadForm_WebBlue a.rfdLoginControl:visited {
        color: #111;
    }
/* END Telerik.Web.UI.Skins.WebBlue.FormDecorator.WebBlue.css */
/* START Telerik.Web.UI.Skins.Ajax.css */
/* Telerik RadAjaxLoadingPanel Common CSS */

.RadAjax .raDiv,
.RadAjax .raColor {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.RadAjax .raDiv {
    position: relative;
    z-index: 2;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
}

.RadAjax .raColor {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-image: none;
}

.RadAjax .raTransp {
    zoom: 1;
}

.RadAjax .raTop {
    background-position: center top;
}

.RadAjax .raTopLeft {
    background-position: left top;
}

.RadAjax .raTopRight {
    background-position: right top;
}

.RadAjax .raLeft {
    background-position: left center;
}

.RadAjax .raRight {
    background-position: right center;
}

.RadAjax .raBottom {
    background-position: center bottom;
}

.RadAjax .raBottomLeft {
    background-position: left bottom;
}

.RadAjax .raBottomRight {
    background-position: right bottom;
}

.RadAjax div.raNone {
    background-image: none;
}

* html .RadAjaxUpdatedElement select {
    visibility: hidden !important;
}
/* END Telerik.Web.UI.Skins.Ajax.css */
/* START Telerik.Web.UI.Skins.Splitter.css */
/* RadSplitter for ASP.NET AJAX - Base Stylesheet */

/* Borders */
.RadSplitter,
.RadSplitter .rspSlideZone,
.RadSplitter .rspSlideContainer,
.RadSplitter .rspPaneTabContainer,
/* Vertical RadSplitter items */
.RadSplitter .rspPane,
.RadSplitter .rspResizeBar,
.RadSplitter .rspSlideContainerResize,
/* Horizontal RadSplitter items */
.RadSplitter .rspPaneHorizontal,
.RadSplitter .rspResizeBarHorizontal,
.RadSplitter .rspSlideContainerResizeHorizontal {
    border-width: 0;
    border-style: solid;
}

.RadSplitter {
    border-collapse: separate;
}

/* We need to use !important here in order to override the inline border settings of a pane in a nested splitter. */
.rspNested .rspLastItem {
    border-right-width: 0px !important;
}

.rspNestedHorizontal .rspLastItem {
    border-bottom-width: 0px !important;
}

/* RadSlidingPane resize element */
.RadSplitter .rspSlideContainerResize {
    border-width: 0 1px;
}

.RadSplitter .rspSlideContainerResizeHorizontal {
    border-width: 1px 0;
}

/* RadPane */
.RadSplitter .rspPane,
.RadSplitter .rspPaneHorizontal {
    padding: 0px;
}

/* RadSlidingPane elements position */
.RadSplitter .rspSlidePane,
.RadSplitter .rspSlideContainer,
/* QuirksMode support for RadSlidingPanes */
.RadSlidingPaneQuirksMode {
    position: absolute;
    top: 0;
    left: 0;
}

/* hidden RadSlidingPane */
.RadSplitter .rspSlidePane,
/* QuirksMode support for RadSlidingPanes */
.RadSlidingPaneQuirksMode {
    top: -9999px;
    overflow: hidden;
}

/* RadSlidingPane title - determines the height of the RadSlidingPane header */
.RadSplitter .rspSlideHeader .rspSlideTitle {
    line-height: 25px;
    height: 25px;
    overflow: hidden;
    margin: 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* RadSlidingPane command button wrapper */
.RadSplitter .rspSlideHeaderIconWrapper {
    width: 17px;
    padding: 0 3px;
}

/* RadSlidingPane command buttons */
.RadSplitter .rspSlideHeaderDockIcon,
.RadSplitter .rspSlideHeaderUndockIcon,
.RadSplitter .rspSlideHeaderCollapseIcon {
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-size: 1px;
    line-height: 1px;
    margin-left: 3px;
}

/* RadSlidingPane tabs container */
.RadSplitter .rspTabsContainer {
    vertical-align: top;
}

/* RadSlidingPane tab - SlideDirection=Right/Left */
.RadSplitter .rspPaneTabContainer {
    padding: 6px 0px;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    font-size: 1px;
    border-width: 0 1px 1px 0;
}

.RadSplitter .rspRight .rspPaneTabContainer {
    border-width: 0 0 1px 1px;
}

/* RadSlidingPane tab - SlideDirection=Top/Bottom */
.RadSplitter .rspTop .rspPaneTabContainer,
.RadSplitter .rspBottom .rspPaneTabContainer {
    float: left;
    padding: 0px 6px;
    border-width: 1px 1px 0 0;
}

.RadSplitter .rspBottom .rspPaneTabContainer {
    border-width: 0 1px 1px 0;
}

/* RadSlidingPane tab text */
.RadSplitter .rspPaneTabText {
    writing-mode: tb-rl;
    white-space: nowrap;
}

.RadSplitter .rspTop .rspPaneTabText,
.RadSplitter .rspBottom .rspPaneTabText {
    writing-mode: lr-tb;
}

/* RadSlidingPane tab icon */
.RadSplitter .rspPaneTabText,
.RadSplitter .rspPaneTabIcon {
    margin: 2px;
}

.RadSplitter .rspTop .rspPaneTabIcon,
.RadSplitter .rspBottom .rspPaneTabIcon {
    display: block;
    float: left;
}

/* RadSplitBar/RadSlidingPane resize elements */
.RadSplitter .rspResizeBar,
.RadSplitter .rspResizeBarHorizontal,
.RadSplitter .rspSlideContainerResize,
.RadSplitter .rspSlideContainerResizeHorizontal {
    padding: 0px;
    font-size: 1px;
    line-height: 1px;
    text-align: center;
    vertical-align: middle;
}

.RadSplitter .rspResizeBar,
.RadSplitter .rspSlideContainerResize {
    cursor: w-resize;
}

.RadSplitter .rspResizeBarHorizontal,
.RadSplitter .rspSlideContainerResizeHorizontal {
    cursor: n-resize;
}

/* RadSplitBar/RadSlidingPane resize helper elements */
.RadSplitter .rspHelperBarDrag,
.RadSplitter .rspHelperBarSlideDrag {
    font-size: 1px;
    background-color: #ccc;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.6;
}

/* Cannot move RadSplitBar/RadSlidingPane resize element */
.RadSplitter .rspHelperBarError,
.RadSplitter .rspHelperBarSlideError {
    background-color: #f60;
}

/* RadSplitBar buttons */
.RadSplitter .rspCollapseBarWrapper {
    width: 4px;
    height: 54px;
    margin: auto;
}

.RadSplitter .rspCollapseBarHorizontalWrapper {
    height: 4px;
    width: 54px;
    margin: auto;
}

.RadSplitter .rspCollapseBarExpand,
.RadSplitter .rspCollapseBarCollapse,
.RadSplitter .rspCollapseBarHorizontalExpand,
.RadSplitter .rspCollapseBarHorizontalCollapse,
.RadSplitter .rspCollapseBarSpacer {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    font-size: 1px;
    cursor: pointer;
    outline: none;
    background-color: transparent;
}

    .RadSplitter .rspCollapseBarExpand:focus::-moz-focus-inner,
    .RadSplitter .rspCollapseBarCollapse:focus::-moz-focus-inner,
    .RadSplitter .rspCollapseBarHorizontalExpand:focus::-moz-focus-inner,
    .RadSplitter .rspCollapseBarHorizontalCollapse:focus::-moz-focus-inner {
        border-color: transparent;
    }

.RadSplitter .rspCollapseBarExpand,
.RadSplitter .rspCollapseBarCollapse {
    width: 4px;
    height: 27px;
    line-height: 27px;
}

.RadSplitter .rspCollapseBarHorizontalExpand,
.RadSplitter .rspCollapseBarHorizontalCollapse {
    width: 27px;
    height: 4px;
    line-height: 4px;
}

/* Cannot collapse/expand a pane */
.RadSplitter .rspCollapseBarExpandError,
.RadSplitter .rspCollapseBarCollapseError,
.RadSplitter .rspCollapseBarHorizontalExpandError,
.RadSplitter .rspCollapseBarHorizontalCollapseError {
    background-color: red;
}

/* VisibleDuringInit */
.rspHideRadSplitter {
    position: absolute;
    top: -9999px;
}

/* Support for displayng the rspLoading image in the iframe's parent */
.RadSplitter .rspLoading {
    background-repeat: no-repeat;
    background-position: center;
}

/* RadSlidingPane content elements overflow problem in Firefox */
.rspHideContentOverflow div {
    overflow: hidden !important;
}

.rspHideContentOverflow iframe {
    visibility: hidden !important;
}

/* Backwards compatibility */

/* RadSlidingPane title text */
.RadSplitter .rspSlideTitle,
/* RadSlidingPane tab text */
.RadSplitter .rspPaneTabText {
    font: normal 10px "Segoe UI", Arial, Sans-serif;
}

.RadSplitter .rspSlideTitle {
    font-size: 12px;
}

/* New rendering of splitbar buttons */
.RadSplitter .rspCollapseBarSpacer {
    visibility: hidden;
    vertical-align: middle;
}

.RadSplitter .rspCollapseBarHorizontalExpand,
.RadSplitter .rspCollapseBarHorizontalCollapse {
    float: none;
    vertical-align: middle;
}

.RadSplitter .rspCollapseBarCollapse,
.RadSplitter .rspCollapseBarExpand {
    margin: 0 auto;
    display: block;
}

.RadSplitter .rspCollapseBarExpand {
    background-position: -4px 0;
}
/* END Telerik.Web.UI.Skins.Splitter.css */
/* START Telerik.Web.UI.Skins.Default.Splitter.Default.css */
/* RadSplitter for ASP.NET AJAX - Default Skin */

/* Borders */
.RadSplitter_Default,
.RadSplitter_Default .rspPaneTabContainer,
/* Vertical RadSplitter items */
.RadSplitter_Default .rspPane,
.RadSplitter_Default .rspResizeBar,
.RadSplitter_Default .rspSlideContainerResize,
/* Horizontal RadSplitter items */
.RadSplitter_Default .rspPaneHorizontal,
.RadSplitter_Default .rspResizeBarHorizontal,
.RadSplitter_Default .rspSlideContainerResizeHorizontal {
    border-color: #828282;
}

    /* When ShowContentDuringLoad="false" */
    .RadSplitter_Default .rspLoading {
        background-image: url('/WebResource.axd?d=ZB7pg9rw-R1hhT14VfMmts_Mb8FsGLZ7kA9LT3eSwClUEA0CJ0AVDWgmesyU9cy7QYc0HBtbVEru14hFkgt61KniXJ0ep3EZl9cp6MHkmuGQMv0an7F5jkeDPLAwFK2w0E4zzKoleDFOPzfJKzenUQ0g3pc1&t=634516086340000000');
    }

    /* RadSplitBar/RadSlidingPane resize elements */
    .RadSplitter_Default .rspResizeBar,
    .RadSplitter_Default .rspSlideContainerResize {
        background: #ececec url('/WebResource.axd?d=3Hbl_eSSAIFI-2Reew3FsPh1g_5zqAFdHClEvMAKofiv1S2vJ6zlEsakMQ_4EFXrf_wWUURZ8849a5AMR67vTyMOThDKGy2jBKpLt1_wVz6fGAQMkZgdOue7ozsY7aFYzslJNIkMDuDOM8JJLLQQ61H3Hb1ebt9Ba_otrxVQmym5_6mEB5LZHCP8UwGDEDX_tSL6Kg2&t=634516086340000000') repeat-y 0 0;
        border-right-color: #989697;
    }

    .RadSplitter_Default .rspResizeBarOver,
    .RadSplitter_Default .rspSlideContainerResizeOver {
        background-position: -4px 0;
    }

    .RadSplitter_Default .rspResizeBarHorizontal,
    .RadSplitter_Default .rspSlideContainerResizeHorizontal {
        background: #ececec url('/WebResource.axd?d=EdrnnJkEywyqUasitcNAHZ26th9SYrVHpgJ28eJyeA1n2T-W4b856s8NLWWPtlCUrCwZ5xRgpqRM2TlLzc3cvLo3IKa21GaEn4ZwNyCiD-EjDyYLus38LDgC1BHhF1sC6Ej5GUJB-mCnmvMwWInVOIExdH3ZDKYPTJ3pArJ0PQV_JT7xJQ70iJ8kwMMX9nTK308N5A2&t=634516086340000000') repeat-x 0 0;
        border-bottom-color: #989697;
    }

    .RadSplitter_Default .rspResizeBarOverHorizontal,
    .RadSplitter_Default .rspSlideContainerResizeOverHorizontal {
        background-position: 0 -4px;
    }

    /* RadSlidingPane tab */
    .RadSplitter_Default .rspPaneTabContainer,
    /* RadSlidingPane buttons */
    .RadSplitter_Default .rspSlideHeaderDockIcon,
    .RadSplitter_Default .rspSlideHeaderUndockIcon,
    .RadSplitter_Default .rspSlideHeaderCollapseIcon,
    /* RadSplitBar buttons */
    .RadSplitter_Default .rspCollapseBarExpand,
    .RadSplitter_Default .rspCollapseBarCollapse,
    .RadSplitter_Default .rspCollapseBarHorizontalExpand,
    .RadSplitter_Default .rspCollapseBarHorizontalCollapse {
        background-image: url('/WebResource.axd?d=rmgTOGRZjHEmjNMecIiM0w7d4dyqeOgpp-Fz6MEKwLuUSR4scxfdFnbYDmxKlyTwZ-znOpQK1i-k7lp5Vw8k9tEc98nDAKPS7UMAstv3NCh-c7Sms9mdZuydtAy4BHSdWOi8ZkSMkPPzjaW3x_KcQUdI7LVl7dDPAB2s5R6RisDPATLCRL1O_ntrCMg51HDcPIYl6g2&t=634516086340000000');
        background-repeat: no-repeat;
    }

    /* RadSlidingPane tab */
    .RadSplitter_Default .rspPaneTabContainer {
        background-position: -81px 0;
        background-repeat: repeat-y;
    }

    /* RadSplitBar buttons */
    .RadSplitter_Default .rspCollapseBarCollapse {
        background-position: 0 0;
    }

    .RadSplitter_Default .rspCollapseBarCollapseOver {
        background-position: -192px 0;
    }

    .RadSplitter_Default .rspCollapseBarExpand {
        background-position: -4px 0;
    }

    .RadSplitter_Default .rspCollapseBarExpandOver {
        background-position: -196px 0;
    }

    .RadSplitter_Default .rspCollapseBarHorizontalExpand {
        background-position: -8px -4px;
    }

    .RadSplitter_Default .rspCollapseBarHorizontalExpandOver {
        background-position: -8px -12px;
    }

    .RadSplitter_Default .rspCollapseBarHorizontalCollapse {
        background-position: -8px 0;
    }

    .RadSplitter_Default .rspCollapseBarHorizontalCollapseOver {
        background-position: -8px -8px;
    }

    /* RadSlidingPane buttons */
    .RadSplitter_Default .rspSlideHeaderUndockIcon {
        background-position: -50px 0;
    }

    .RadSplitter_Default .rspSlideHeaderDockIcon {
        background-position: -35px 0;
    }

    .RadSplitter_Default .rspSlideHeaderCollapseIcon {
        background-position: -65px 0;
    }

    /* RadSlidingPane header */
    .RadSplitter_Default .rspSlideHeader,
    /* RadSlidingPane title */
    .RadSplitter_Default .rspSlideTitleContainer,
    /* RadSlidingPane tab, SlideDirection=Top/Bottom */
    .RadSplitter_Default .rspBottom .rspPaneTabContainer,
    .RadSplitter_Default .rspTop .rspPaneTabContainer {
        background-image: url('/WebResource.axd?d=wQDml5Lvgg5HeM0dXZKJvN04h9M2vtTqEbcoKbNlsmqR6arCHkh3FkFCu3F1yo9IwmoH76mGSrO1x_eZ4Y02vrCTVpzZxctGglxIpOW5DPZYq8yQ4PYJve9pTpr6_SkGQhRDFfQ4RDn8s9zxr8xcgvPvOTEFJFbApmyVHtnUGSOk74EFGejU4ZRI1Hu-mcEFOkeG0w2&t=634516086340000000');
        background-repeat: repeat-x;
    }

    .RadSplitter_Default .rspBottom .rspPaneTabContainer,
    .RadSplitter_Default .rspTop .rspPaneTabContainer {
        background-position: 0 -1px;
    }

    /* RadSlidingPane header elements */
    .RadSplitter_Default .rspSlideTitleContainer,
    .RadSplitter_Default .rspSlideHeaderIconWrapper {
        border-bottom: solid 1px #828282;
    }

    /* RadSlidingPane title text */
    .RadSplitter_Default .rspSlideTitle,
    /* RadSlidingPane tab text */
    .RadSplitter_Default .rspPaneTabText {
        font: normal 10px "Segoe UI", Arial, Sans-serif;
        color: #000;
    }

    .RadSplitter_Default .rspSlideTitle {
        font-size: 12px;
    }

    /* RadSlidingPane content - this element should not be transparent as it shows above content in adjacent RadPanes */
    .RadSplitter_Default .rspSlideContent {
        background-color: #fff;
    }
/* END Telerik.Web.UI.Skins.Default.Splitter.Default.css */
/* START Telerik.Web.UI.Skins.PanelBar.css */
/* PanelBar base css */

.RadPanelBar {
    width: 250px;
    text-align: left;
}

.RadPanelBar_rtl {
    text-align: right;
}

.RadPanelBar .rpRootGroup {
    border-width: 1px;
    border-style: solid;
}

.RadPanelBar .rpRootGroup,
.RadPanelBar .rpGroup,
.RadPanelBar .rpItem {
    margin: 0;
    padding: 0;
    list-style-position: outside;
    list-style: none;
}

.RadPanelBar .rpSlide {
    position: static;
    float: none;
    height: auto;
    overflow: hidden;
    display: none;
    zoom: 1;
}

.RadPanelBar .rpItem {
    float: none;
    display: block;
    overflow: hidden;
    position: static;
}

* html .RadPanelBar .rpItem {
    display: inline;
}

* html .RadPanelBar .rpSeparator {
    display: block;
}

* html .RadPanelBar .rpGroup .rpItem {
    display: block;
}

.RadPanelBar .rpItem:after,
.RadPanelBar .rpText:after,
.RadPanelBar .rpTemplate:after {
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.RadPanelBar .rpLink {
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    background-repeat: repeat-x;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    zoom: 1;
}

    .RadPanelBar .rpLink:focus {
        outline: 0 none;
    }

.RadPanelBar .rpLink,
.RadPanelBar .rpOut,
.RadPanelBar .rpText {
    display: block;
}

* + html .RadPanelBar .rpItem {
    display: inline;
}

* + html .RadPanelBar .rpGroup .rpItem {
    display: block;
}

* + html .RadPanelBar .rpSeparator {
    display: block;
}

.RadPanelBar .rpHeaderTemplate,
.RadPanelBar .rpOut {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.RadPanelBar .rpHeaderTemplate {
    line-height: 25px;
}

* html .RadPanelBar .rpHeaderTemplate {
    height: 25px;
}

.RadPanelBar .rpFocused .rpOut,
.RadPanelBar a.rpLink:hover .rpOut,
.RadPanelBar .rpSelected .rpOut,
.RadPanelBar a.rpSelected:hover .rpOut {
    border-bottom-width: 0;
    padding-bottom: 1px;
}

.RadPanelBar a.rpDisabled:hover .rpOut {
    padding-bottom: 0;
    border-bottom-width: 1px;
}

.RadPanelBar .rpImage {
    float: left;
    border: 0;
    vertical-align: middle;
    padding: 4px 3px 3px;
}

.RadPanelBar_rtl .rpImage {
    float: right;
}

* html .RadPanelBar .rpImage {
    padding-bottom: 4px;
}

.RadPanelBar .rpText {
    padding: 0 10px;
}

/* <sub items> */
.RadPanelBar .rpGroup {
    overflow: auto;
    overflow-x: hidden;
}

    .RadPanelBar .rpGroup .rpLink,
    .RadPanelBar .rpGroup .rpTemplate {
        background-color: transparent;
        border-bottom: 0;
        font-size: 12px;
        line-height: 22px;
    }


    .RadPanelBar .rpGroup a.rpLink:hover {
        border-bottom: 0;
    }

        .RadPanelBar .rpGroup .rpLink .rpOut,
        .RadPanelBar .rpGroup .rpExpanded .rpOut,
        .RadPanelBar .rpGroup .rpSelected .rpOut,
        .RadPanelBar .rpGroup a.rpLink:hover .rpOut,
        .RadPanelBar .rpGroup a.rpExpanded:hover .rpOut,
        .RadPanelBar .rpGroup a.rpSelected:hover .rpOut {
            padding-bottom: 0;
        }

    .RadPanelBar .rpGroup a.rpDisabled:hover .rpOut {
        border-bottom: 0;
    }

    .RadPanelBar .rpGroup .rpOut {
        border-bottom: 0;
        margin-right: 3px;
    }

    .RadPanelBar .rpGroup .rpImage {
        padding: 3px 3px 3px 9px;
    }
/* </sub items> */

/* <level indentation> */
.RadPanelBar .rpLevel2 .rpTemplate,
.RadPanelBar .rpLevel2 .rpOut {
    padding-left: 15px;
}

.RadPanelBar .rpLevel3 .rpTemplate,
.RadPanelBar .rpLevel3 .rpOut {
    padding-left: 30px;
}

/*      <rtl> */
.RadPanelBar_rtl .rpLevel2 .rpTemplate,
.RadPanelBar_rtl .rpLevel2 .rpOut {
    padding-left: 0;
    padding-right: 15px;
}

.RadPanelBar_rtl .rpLevel3 .rpTemplate,
.RadPanelBar_rtl .rpLevel3 .rpOut {
    padding-left: 0;
    padding-right: 30px;
}
/*      </rtl> */
/* </level indentation> */

.RadPanelBar .rpLevel1 .rpFirst {
    padding-top: 1px;
    zoom: 1;
}

.RadPanelBar .rpLevel2 .rpItem {
    padding-top: 0;
}

.RadPanelBar .rpLevel1 .rpLast {
    padding-bottom: 1px;
}

.RadPanelBar .rpLevel2 .rpItem {
    padding-bottom: 0;
}

.RadPanelBar .rpExpandable .rpExpandHandle,
.RadPanelBar .rpExpanded .rpExpandHandle {
    display: block;
    float: right;
    height: 15px;
    width: 15px;
    margin: 5px 5px 0 0;
}

.RadPanelBar .rpGroup .rpExpanded .rpExpandHandle,
.RadPanelBar .rpGroup .rpExpandable .rpExpandHandle {
    margin: 4px 2px 0 0;
}

.RadPanelBar_rtl .rpExpandable .rpExpandHandle,
.RadPanelBar_rtl .rpExpanded .rpExpandHandle {
    float: left;
    margin: 5px 0 0 5px;
}

.RadPanelBar_rtl .rpGroup .rpExpanded .rpExpandHandle,
.RadPanelBar_rtl .rpGroup .rpExpandable .rpExpandHandle {
    margin: 4px 0 0 5px;
}

@media print {
    .RadPanelBar div.rpSlide,
    .RadPanelBar li.rpItem,
    .RadPanelBar a.rpLink {
        overflow: visible;
    }

    .RadPanelBar ul.rpGroup {
        overflow: visible !important;
    }
}

/* END Telerik.Web.UI.Skins.PanelBar.css */
/* START Telerik.Web.UI.Skins.WebBlue.PanelBar.WebBlue.css */
.RadPanelBar_WebBlue {
    background: #fff;
}

    .RadPanelBar_WebBlue .rpRootGroup {
        border-color: #768ca5 #768ca5 #3D556C;
    }

    .RadPanelBar_WebBlue a.rpLink,
    .RadPanelBar_WebBlue .rpTemplate {
        font: normal 12px/24px "Segoe UI", Arial, sans-serif;
    }

    .RadPanelBar_WebBlue a.rpLink,
    .RadPanelBar_WebBlue div.rpHeaderTemplate {
        color: #fff;
        background-color: #069;
        background-image: url('/WebResource.axd?d=BkFebs-1JdDBnG50kl0img3QmCKP-LZTvpw0Aty7e2l8VqdU0yMEVqnibMuKyibskKb_4nVfkHudSDBSSGSoRRdz3ya6jFv3ByELABvRqHHf94Z3v0IahLhJp_IZG5Xt_SPIBDEIA01hKtk_gOIIHN8cyt_SoFT57xbi5O9q0Wskfv9c0&t=634516086340000000');
        border-color: #889eb1;
    }

    .RadPanelBar_WebBlue .rpOut {
        border-color: #718CA2;
    }

    .RadPanelBar_WebBlue a.rpExpanded,
    .RadPanelBar_WebBlue div.rpExpanded {
        border-color: #3d556c;
    }

    .RadPanelBar_WebBlue a.rpLink:hover,
    .RadPanelBar_WebBlue a.rpFocused,
    .RadPanelBar_WebBlue a.rpSelected,
    .RadPanelBar_WebBlue div.rpFocused,
    .RadPanelBar_WebBlue div.rpSelected {
        color: #0e3d4f;
    }

        .RadPanelBar_WebBlue a.rpSelected,
        .RadPanelBar_WebBlue div.rpSelected,
        .RadPanelBar_WebBlue a.rpSelected:hover {
            background-color: #9298A0;
            border-color: #2c628b;
        }

    /* <disabled items> */
    .RadPanelBar_WebBlue a.rpDisabled,
    .RadPanelBar_WebBlue div.rpDisabled,
    .RadPanelBar_WebBlue a.rpDisabled:hover {
        color: #bbb;
    }

        .RadPanelBar_WebBlue a.rpDisabled:hover .rpOut {
            border-color: #e8f5fc;
        }
    /* </disabled items> */

    /* <subitems> */
    .RadPanelBar_WebBlue .rpGroup {
        background-color: #fff;
    }

        .RadPanelBar_WebBlue .rpGroup a.rpLink,
        .RadPanelBar_WebBlue .rpGroup div.rpHeaderTemplate,
        .RadPanelBar_WebBlue .rpGroup .rpTemplate {
            color: #000;
            background-color: transparent;
            background-image: none;
        }

            .RadPanelBar_WebBlue .rpGroup a.rpLink:hover {
                color: #000;
            }

        .RadPanelBar_WebBlue .rpGroup a.rpLink,
        .RadPanelBar_WebBlue .rpGroup .rpOut {
            background-color: transparent;
            background-image: url('/WebResource.axd?d=970YjIg6Yh7ztyEI2nFFWiqQWQJzdHzCTESrlagu9dc9r1N5wGF9s17HYafQjjAwN54mBv0LReB9UbI2itMywhtggeUYN1tYRgCAQnx3nf9qCA_IsI5hbXvsPrt_Xu8XV3xwypVAjmKW7ya7BECAjzvVjA8i8aolBoH3bMnxCh2itDd20&t=634516086340000000');
            background-repeat: no-repeat;
        }


        /* <subitems (disabled)> */
        .RadPanelBar_WebBlue ul.rpGroup .rpDisabled,
        .RadPanelBar_WebBlue .rpGroup a.rpDisabled:hover,
        .RadPanelBar_WebBlue .rpGroup a.rpDisabled:hover .rpOut {
            background-image: none;
        }

        .RadPanelBar_WebBlue ul.rpGroup .rpDisabled,
        .RadPanelBar_WebBlue .rpGroup a.rpDisabled:hover {
            color: #bbb;
            text-decoration: none;
            background-color: #fff;
        }
    /* </subitems (disabled)> */

    /* <subitems> */

    /* <background positioning> */
    .RadPanelBar_WebBlue a.rpFocused,
    .RadPanelBar_WebBlue div.rpFocused,
    .RadPanelBar_WebBlue a.rpLink:hover,
    .RadPanelBar_WebBlue a.rpExpanded:hover {
        background-position: 0 -200px;
    }

    .RadPanelBar_WebBlue a.rpLink,
    .RadPanelBar_WebBlue div.rpHeaderTemplate,
    .RadPanelBar_WebBlue a.rpExpanded,
    .RadPanelBar_WebBlue div.rpExpanded,
    .RadPanelBar_WebBlue .rpItem a.rpLinkExpandHovered {
        background-position: 0 0;
    }

    .RadPanelBar_WebBlue a.rpSelected,
    .RadPanelBar_WebBlue div.rpSelected,
    .RadPanelBar_WebBlue a.rpSelected:hover {
        background-position: 0 -400px;
    }

    .RadPanelBar_WebBlue .rpFirst a.rpLink,
    .RadPanelBar_WebBlue .rpFirst div.rpHeaderTemplate,
    .RadPanelBar_WebBlue li.rpFirst .rpExpanded {
        background-position: 0 -1px;
    }

        .RadPanelBar_WebBlue li.rpFirst .rpFocused,
        .RadPanelBar_WebBlue .rpFirst a.rpLink:hover {
            background-position: 0 -201px;
        }

    .RadPanelBar_WebBlue li.rpFirst .rpSelected,
    .RadPanelBar_WebBlue .rpFirst a.rpSelected:hover {
        background-position: 0 -401px;
    }

    /* <root items (disabled)> */
    .RadPanelBar_WebBlue a.rpDisabled:hover {
        cursor: default;
    }

        .RadPanelBar_WebBlue a.rpDisabled,
        .RadPanelBar_WebBlue div.rpDisabled,
        .RadPanelBar_WebBlue a.rpDisabled:hover,
        .RadPanelBar_WebBlue a.rpDisabled:hover .rpOut {
            background-position: 0 0;
        }
    /* </root items (disabled)> */

    /*      <expand arrows> */
    /* <expand arrows> */
    .RadPanelBar_WebBlue .rpExpandable span.rpExpandHandle,
    .RadPanelBar_WebBlue .rpExpanded span.rpExpandHandle {
        background-color: transparent;
        background-image: url('/WebResource.axd?d=L7IF9byLjnEeNejRQa4euN2qg1UvqIYlCBEoa7jP8qtyNw4ql4RWFA3D7U63CL_5X-UlNuhXWKJobYrrLM9F2SPpeEjIPHHB54jBJnD-JqLbb1ZnxTWLZWyBT9LMe4PEohzDnV9V7TfDXAF4rV9d1gsiQM_8FhfnbqFEjrYMEwKoNNgo0&t=634516086340000000');
        background-repeat: no-repeat;
    }

.RadPanelBar_WebBlue_rtl .rpGroup .rpText {
    padding: 0 10px;
}

.RadPanelBar_WebBlue .rpExpandable span.rpExpandHandle,
.RadPanelBar_WebBlue a.rpExpandable:hover .rpNavigation .rpExpandHandle {
    background-position: 0 -5px;
}

.RadPanelBar_WebBlue a.rpExpandable:hover .rpExpandHandle,
.RadPanelBar_WebBlue a.rpExpandable:hover .rpNavigation .rpExpandHandleHovered {
    background-position: 100% -5px;
}

.RadPanelBar_WebBlue .rpExpanded span.rpExpandHandle,
.RadPanelBar_WebBlue a.rpExpanded:hover .rpNavigation .rpExpandHandle {
    background-position: 0 -181px;
}

.RadPanelBar_WebBlue a.rpExpanded:hover .rpExpandHandle,
.RadPanelBar_WebBlue a.rpExpanded:hover .rpNavigation .rpExpandHandleHovered {
    background-position: 100% -181px;
}

.RadPanelBar_WebBlue div.rpExpandable .rpExpandHandleHovered {
    background-position: 0 -5px;
}

.RadPanelBar_WebBlue div.rpExpanded .rpExpandHandleHovered {
    background-position: 0 -181px;
}

/*      </expand arrows> */

.RadPanelBar_WebBlue .rpGroup a.rpLink,
.RadPanelBar_WebBlue .rpGroup div.rpHeaderTemplate,
.RadPanelBar_WebBlue .rpGroup a.rpLink .rpOut {
    background-position: 0 200px;
}

    .RadPanelBar_WebBlue .rpGroup a.rpLink:hover,
    .RadPanelBar_WebBlue ul.rpGroup .rpFocused {
        background-position: 100% -22px;
    }

        .RadPanelBar_WebBlue .rpGroup a.rpLink:hover .rpOut,
        .RadPanelBar_WebBlue .rpGroup a.rpFocused .rpOut {
            background-position: 0 0;
        }

/*      <subitems (selected)> */
.RadPanelBar_WebBlue ul.rpGroup .rpSelected,
.RadPanelBar_WebBlue .rpGroup a.rpSelected:hover {
    background-position: 100% -222px;
    background-color: transparent;
}

    .RadPanelBar_WebBlue .rpGroup a.rpSelected .rpOut,
    .RadPanelBar_WebBlue .rpGroup a.rpSelected:hover .rpOut {
        background-position: 0 -200px;
    }
/*      </subitems (selected)> */

/*      <subitems (expand arrows)> */
.RadPanelBar_WebBlue ul.rpGroup .rpExpandable .rpExpandHandle,
.RadPanelBar_WebBlue .rpGroup a.rpExpandable:hover .rpNavigation .rpExpandHandle {
    background-position: 0 -343px;
}

.RadPanelBar_WebBlue .rpGroup a.rpExpandable:hover .rpExpandHandle,
.RadPanelBar_WebBlue .rpGroup a.rpExpandable:hover .rpNavigation .rpExpandHandleHovered {
    background-position: 100% -343px;
}

.RadPanelBar_WebBlue ul.rpGroup .rpExpanded .rpExpandHandle,
.RadPanelBar_WebBlue .rpGroup a.rpExpanded:hover .rpNavigation .rpExpandHandle {
    background-position: 0 -482px;
}

.RadPanelBar_WebBlue .rpGroup a.rpExpanded:hover .rpExpandHandle,
.RadPanelBar_WebBlue .rpGroup a.rpExpanded:hover .rpNavigation .rpExpandHandleHovered {
    background-position: 100% -482px;
}

.RadPanelBar_WebBlue .rpGroup div.rpExpandable .rpExpandHandleHovered {
    background-position: 0 -343px;
}

.RadPanelBar_WebBlue .rpGroup div.rpExpanded .rpExpandHandleHovered {
    background-position: 0 -482px;
}
/*      </subitems (expand arrows)> */
/* </background positioning> */

/* END Telerik.Web.UI.Skins.WebBlue.PanelBar.WebBlue.css */
/* START Telerik.Web.UI.Skins.TabStrip.css */
.RadTabStrip,
.RadTabStripVertical {
    margin: 0;
    padding: 0;
}

.RadTabStripVertical {
    vertical-align: top;
}

    .RadTabStripVertical,
    .RadTabStripVertical .rtsLevel {
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

        .RadTabStripVertical .rtsLevel {
            height: 100%;
            float: left;
        }

        * html .RadTabStripVertical .rtsLevel {
            width: 150px; /* Width is needed for IE6 to show the vertical RadTabStrip properly. */
        }

        div.RadTabStripVertical .rtsHasWidth,
        .RadTabStripVertical .rtsHasWidth .rtsUL,
        .RadTabStripVertical .rtsHasWidth .rtsLI {
            width: 100%;
        }

.RadTabStrip .rtsLevel {
    clear: both;
    overflow: hidden;
    width: 100%;
    position: relative;
    padding-top: 1px;
}

* html .RadTabStrip .rtsLevel {
    position: static;
}

* + html .RadTabStrip .rtsLevel {
    position: static;
}

.RadTabStrip .rtsLevel1 {
    padding-top: 0;
}

.RadTabStrip .rtsScroll {
    width: 100%;
    height: 26px;
    white-space: nowrap;
}

.RadTabStrip .rtsUL,
.RadTabStripVertical .rtsUL {
    overflow: hidden;
    float: left;
    margin: 0;
    padding: 0;
}

.RadTabStrip_rtl .rtsUL {
    float: right;
}

.RadTabStrip_rtl .rtsScroll /* IE6/7 scrolling calculation is problematic with float: right */ {
    float: left;
}

.RadTabStrip .rtsUL:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.RadTabStrip .rtsLI,
.RadTabStripVertical .rtsLI {
    overflow: hidden;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.RadTabStrip .rtsLI {
    float: left;
    display: inline;
    zoom: 1;
}

* html .RadTabStrip .rtsLI {
    float: none;
}

* + html .RadTabStrip .rtsLI {
    float: none;
}

.RadTabStrip .rtsSeparator,
.RadTabStripVertical .rtsSeparator {
    height: 26px;
}

/* <focus cue> */
.RadTabStrip a.rtsLink:focus,
.RadTabStripVertical a.rtsLink:focus {
    outline: 1px dotted #555;
    outline-offset: -2px;
    position /*\**/: relative\9;
}

.RadTabStripVertical a.rtsLink:focus {
    outline-offset: -2px;
}

* + html .RadTabStrip a.rtsLink:focus,
* + html .RadTabStripVertical a.rtsLink:focus {
    position: static;
}

* html .RadTabStrip a.rtsLink:focus,
* html .RadTabStripVertical a.rtsLink:focus {
    position: static;
}

.RadTabStrip a.rtsClicked:focus,
.RadTabStripVertical a.rtsClicked:focus {
    outline: none;
}

.RadTabStrip a.rtsLink:focus:after, /* Hack for IE8 which doesn't support outline-offset */
.RadTabStripVertical a.rtsLink:focus:after {
    content /*\**/: " ";
    position /*\**/: absolute\9;
    display /*\**/: block\9;
    border /*\**/: 1px dotted #555\9;
    left /*\**/: 1px\9;
    top /*\**/: 1px\9;
    right /*\**/: 1px\9;
    bottom /*\**/: 0\9;
}

.RadTabStrip a.rtsClicked:focus:after,
.RadTabStripVertical a.rtsClicked:focus:after {
    content /*\**/: none;
}
/* </focus cue> */

.RadTabStrip .rtsLink,
.RadTabStripVertical .rtsLink {
    display: block;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    padding-left: 9px;
}

.RadTabStrip .rtsLink {
    text-align: center;
}

.RadTabStripVertical .rtsLink {
    text-align: right;
}

/* Opera & IE8 bozos do not inherit text-decoration */
.RadTabStrip .rtsLevel .rtsOut,
.RadTabStrip .rtsLevel .rtsIn,
.RadTabStrip .rtsLevel .rtsTxt {
    text-decoration: inherit;
}

.RadTabStrip .rtsOut,
.RadTabStripVertical .rtsOut {
    display: block;
    padding-right: 9px;
}

.RadTabStrip .rtsIn,
.RadTabStripVertical .rtsIn {
    display: block;
    padding: 0 5px;
}

.RadTabStrip .rtsImg,
.RadTabStripVertical .rtsImg {
    border: 0;
    margin-top: -2px;
    vertical-align: middle;
}

.RadTabStrip .rtsTxt,
.RadTabStripVertical .rtsTxt {
    display: inline-block;
}

.RadTabStrip .rtsLevel1 .rtsTxt,
.RadTabStripVertical .rtsLevel1 .rtsTxt {
    padding: 0 5px;
}

.RadTabStrip .rtsDisabled,
.RadTabStripVertical .rtsDisabled {
    cursor: default;
}

.RadTabStrip .rtsPrevArrow,
.RadTabStrip .rtsNextArrow,
.RadTabStrip .rtsPrevArrowDisabled,
.RadTabStrip .rtsNextArrowDisabled,
.RadTabStripVertical .rtsPrevArrow,
.RadTabStripVertical .rtsNextArrow,
.RadTabStripVertical .rtsPrevArrowDisabled,
.RadTabStripVertical .rtsNextArrowDisabled {
    margin-top: 5px;
    height: 18px;
    width: 18px;
    font-size: 0;
    line-height: 18px;
    text-indent: -9999px;
    overflow: hidden;
    outline: 0;
    background-color: transparent;
    background-repeat: no-repeat;
}

    .RadTabStrip .rtsPrevArrowDisabled,
    .RadTabStrip .rtsNextArrowDisabled,
    .RadTabStrip .rtsPrevArrow,
    .RadTabStrip .rtsNextArrow .RadTabStripVertical .rtsPrevArrowDisabled,
    .RadTabStripVertical .rtsNextArrowDisabled,
    .RadTabStripVertical .rtsPrevArrow,
    .RadTabStripVertical .rtsNextArrow {
        display: block;
    }

.RadTabStrip .rtsPrevArrow {
    background-position: 0 -208px;
}

.RadTabStrip .rtsNextArrow {
    background-position: -18px -208px;
}

.RadTabStrip .rtsPrevArrow:hover {
    background-position: -36px -208px;
}

.RadTabStrip .rtsNextArrow:hover {
    background-position: -54px -208px;
}

.RadTabStrip .rtsPrevArrowDisabled,
.RadTabStrip .rtsPrevArrowDisabled:hover {
    background-position: -72px -208px;
}

.RadTabStrip .rtsNextArrowDisabled,
.RadTabStrip .rtsNextArrowDisabled:hover {
    background-position: -90px -208px;
}

.RadTabStripVertical .rtsPrevArrow {
    background-position: 0 -228px;
}

.RadTabStripVertical .rtsNextArrow {
    background-position: -18px -228px;
}

.RadTabStripVertical .rtsPrevArrow:hover {
    background-position: -36px -228px;
}

.RadTabStripVertical .rtsNextArrow:hover {
    background-position: -54px -228px;
}

.RadTabStripVertical .rtsPrevArrowDisabled,
.RadTabStripVertical .rtsPrevArrowDisabled:hover {
    background-position: -72px -228px;
}

.RadTabStripVertical .rtsNextArrowDisabled,
.RadTabStripVertical .rtsNextArrowDisabled:hover {
    background-position: -90px -228px;
}

.RadTabStrip .rtsCenter {
    text-align: center;
}

.RadTabStrip .rtsImg {
    border: none;
}

    .RadTabStrip .rtsImg + .rtsTxt {
        display: -moz-inline-box;
        display: inline-block;
    }

.RadTabStrip .rtsTxt {
    display: inline-block;
}

.RadTabStrip .rtsRight .rtsUL {
    float: right;
}

.RadTabStrip .rtsCenter .rtsUL {
    display: -moz-inline-box;
    display: inline-block;
    float: none;
}

.RadTabStrip .rtsBreak {
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    display: block;
    clear: left;
    overflow: hidden;
}

* html .RadTabStrip .rtsCenter .rtsUL {
    display: inline-block;
}

* html .RadTabStrip .rtsCenter .rtsUL {
    display: inline;
}

* + html .RadTabStrip .rtsCenter .rtsUL {
    display: inline-block;
}

* + html .RadTabStrip .rtsCenter .rtsUL {
    display: inline;
}

.RadTabStrip_rtl .rtsLI {
    float: right;
}

* html .RadTabStrip_rtl .rtsLI {
    float: none;
}

* + html .RadTabStrip_rtl .rtsLI {
    float: none;
}

@media screen and (min-width:50px) {
    :root .RadTabStripHorizontal .rtsScroll {
        width: auto;
    }

        :root .RadTabStripHorizontal .rtsScroll .rtsLI {
            float: none;
            display: inline-block;
        }

    :root .RadTabStripVertical .rtsScroll .rtsLI {
        float: none;
    }
}

.RadTabStripVertical .rtsLink,
.RadTabStripVertical .rtsLI .rtsDisabled:hover {
    background-position: 0 0;
}

    .RadTabStripVertical .rtsLink:hover {
        background-position: 0 -200px;
    }

.RadTabStripVertical .rtsSelected,
.RadTabStripVertical .rtsSelected:hover {
    background-position: 0 -400px;
}

.RadTabStripVertical .rtsLI {
    /*	display: block;*/
}

* html .RadTabStripVertical .rtsLI {
    display: inline;
}

* + html .RadTabStripVertical .rtsLI {
    display: inline;
}

.RadTabStripVertical .rtsSeparator {
    display: block;
    height: 2px;
}

* html .RadTabStripVertical .rtsSeparator {
    line-height: 0;
    font-size: 0;
}

* + html .RadTabStripVertical .rtsSeparator {
    line-height: 0;
    font-size: 0;
}

* html .RadTabStripVertical .rtsLevel {
    overflow: hidden;
}

* + html .RadTabStripVertical .rtsLevel {
    overflow: hidden;
}

/* END Telerik.Web.UI.Skins.TabStrip.css */
/* START Telerik.Web.UI.Skins.WebBlue.TabStrip.WebBlue.css */
.RadTabStrip_WebBlue .rtsLI,
.RadTabStrip_WebBlue .rtsLink {
    color: #000;
    font: 12px/26px "Segoe UI", Arial, sans-serif;
}

.RadTabStrip_WebBlue .rtsLI,
.RadTabStrip_WebBlue .rtsLink {
    color: #fff;
}

    .RadTabStrip_WebBlue .rtsLink:hover,
    .RadTabStrip_WebBlue .rtsSelected {
        color: #0f3789;
    }

.RadTabStripLeft_WebBlue .rtsSeparator,
.RadTabStripRight_WebBlue .rtsSeparator {
    background: #3D556C;
}

/* <focus cue> */
div.RadTabStrip_WebBlue a.rtsLink:focus {
    outline-color: #000;
}

    div.RadTabStrip_WebBlue a.rtsLink:focus:after {
        border-color /*\**/: #000\9;
    }
/* </focus cue> */

/* <disabled tabs> */
.RadTabStrip_WebBlue .rtsLevel .rtsDisabled,
.RadTabStrip_WebBlue .rtsLevel .rtsDisabled:hover {
    color: #ddd;
}
/* </disabled tabs> */

/* <scrolling arrows> */
.RadTabStrip_WebBlue .rtsNextArrow,
.RadTabStrip_WebBlue .rtsPrevArrow,
.RadTabStrip_WebBlue .rtsPrevArrowDisabled,
.RadTabStrip_WebBlue .rtsNextArrowDisabled {
    background-image: url('/WebResource.axd?d=b9wQC0hAhhUMWygYb-IoF7dVBwK7bdkKYhchhogW0YfNjp26L8VZuVvzdy7NKcvGO-_Sc91NnNaKyPzGSmcaVR59nN6CRbuTj9CFe78GdazVWadxkOy9pl4ill3z-6jbq7A5dUSkd_AyKVe7DybdLSoWxYgD5rtZeTKshTDZZsERPaZy0&t=634516086340000000');
}
/* </scrolling arrows> */

/* <tab backgrounds> */

.RadTabStripTop_WebBlue .rtsLevel {
    background-color: transparent;
}

    .RadTabStripTop_WebBlue .rtsLevel .rtsLink,
    .RadTabStripTop_WebBlue .rtsLevel .rtsOut,
    .RadTabStripBottom_WebBlue .rtsLevel .rtsLink,
    .RadTabStripBottom_WebBlue .rtsLevel .rtsOut,
    .RadTabStripTop_WebBlue_Baseline .rtsLevel,
    .RadTabStripBottom_WebBlue_Baseline .rtsLevel {
        background-image: url('/WebResource.axd?d=b9wQC0hAhhUMWygYb-IoF7dVBwK7bdkKYhchhogW0YfNjp26L8VZuVvzdy7NKcvGO-_Sc91NnNaKyPzGSmcaVR59nN6CRbuTj9CFe78GdazVWadxkOy9pl4ill3z-6jbq7A5dUSkd_AyKVe7DybdLSoWxYgD5rtZeTKshTDZZsERPaZy0&t=634516086340000000');
    }

.RadTabStripLeft_WebBlue .rtsLink,
.RadTabStripRight_WebBlue .rtsLink {
    background-image: url('/WebResource.axd?d=12zB8K7mhsO1UfE1F2YOOnp6sww2gHlmpKMs4FD2a0aSfMKdu154d94nGc2VxNcJAIhB5rLrRVzpYwObo4_IL1m8a-gPXMNLueY8JZVnlJyeJxUunEYY8GVA1zbDxKWOcBvUBe8my6hlGJIXbwuAa5th6y080gjldyEqnZC5D9jpuJSY0&t=634516086340000000');
}

.RadTabStripLeft_WebBlue .rtsLast .rtsLink,
.RadTabStripRight_WebBlue .rtsLast .rtsLink {
    border-bottom: 1px solid #898C95;
}

.RadTabStripRight_WebBlue .rtsLink,
.RadTabStripRight_WebBlue .rtsLI .rtsDisabled:hover {
    background-position: 100% 0;
}

    .RadTabStripRight_WebBlue .rtsLink:hover {
        background-position: 100% -200px;
    }

.RadTabStripRight_WebBlue .rtsSelected,
.RadTabStripRight_WebBlue .rtsSelected:hover {
    background-position: 100% -400px;
}
/* </tab backgrounds> */


/* <background positioning: tabs with hovers> */

/* <orientation: top> */

.RadTabStripTop_WebBlue .rtsLink {
    background-position: 0 0;
}

.RadTabStripTop_WebBlue .rtsOut {
    background-position: 100% 0;
}

.RadTabStripTop_WebBlue .rtsLink:hover {
    background-position: 0 -52px;
}

    .RadTabStripTop_WebBlue .rtsLink:hover .rtsOut {
        background-position: 100% -52px;
    }

.RadTabStripTop_WebBlue .rtsSelected,
.RadTabStripTop_WebBlue .rtsSelected:hover {
    background-position: 0 -26px;
}

    .RadTabStripTop_WebBlue .rtsSelected .rtsOut,
    .RadTabStripTop_WebBlue .rtsSelected:hover .rtsOut {
        background-position: 100% -26px;
    }

.RadTabStripTop_WebBlue .rtsDisabled:hover {
    background-position: 0 0;
}

    .RadTabStripTop_WebBlue .rtsDisabled:hover .rtsOut {
        background-position: 100% 0;
    }

.RadTabStripTop_WebBlue_Baseline .rtsLevel {
    background-position: 0 100%;
    background-repeat: repeat-x;
}

/* </orientation: top> */

/* <orientation: bottom> */

.RadTabStripBottom_WebBlue .rtsLink {
    background-position: 0 -182px;
}

.RadTabStripBottom_WebBlue .rtsOut {
    background-position: 100% -182px;
}

.RadTabStripBottom_WebBlue .rtsLink:hover {
    background-position: 0 -130px;
}

    .RadTabStripBottom_WebBlue .rtsLink:hover .rtsOut {
        background-position: 100% -130px;
    }

.RadTabStripBottom_WebBlue .rtsSelected,
.RadTabStripBottom_WebBlue .rtsSelected:hover {
    background-position: 0 -156px;
}

    .RadTabStripBottom_WebBlue .rtsSelected .rtsOut,
    .RadTabStripBottom_WebBlue .rtsSelected:hover .rtsOut {
        background-position: 100% -156px;
    }

.RadTabStripBottom_WebBlue .rtsDisabled:hover {
    background-position: 0 -182px;
}

    .RadTabStripBottom_WebBlue .rtsDisabled:hover .rtsOut {
        background-position: 100% -182px;
    }

.RadTabStripBottom_WebBlue_Baseline .rtsLevel {
    background-position: 0 -599px;
    background-repeat: repeat-x;
}

/* </orientation: bottom> */

/* <orientation: right> */

.RadTabStripRight_WebBlue .rtsUL .rtsLink,
.RadTabStripRight_WebBlue .rtsUL .rtsLI .rtsDisabled:hover {
    background-position: 100% 0;
    text-align: left;
}

    .RadTabStripRight_WebBlue .rtsUL .rtsLink:hover {
        background-position: 100% -200px;
    }

.RadTabStripRight_WebBlue .rtsUL .rtsSelected,
.RadTabStripRight_WebBlue .rtsUL .rtsSelected:hover {
    background-position: 100% -400px;
}

/* </orientation: right> */

/* </background positioning: tabs with hovers> */

/* <simplistic sub-item styles> */

.RadTabStrip_WebBlue_SimpleSubItems .rtsLevel2,
.RadTabStrip_WebBlue_SimpleSubItems .rtsLevel3,
.RadTabStrip_WebBlue_SimpleSubItems .rtsLevel4 {
    background: #fff;
}

    .RadTabStrip_WebBlue_SimpleSubItems .rtsLevel2 .rtsLink,
    .RadTabStrip_WebBlue_SimpleSubItems .rtsLevel3 .rtsLink,
    .RadTabStrip_WebBlue_SimpleSubItems .rtsLevel4 .rtsLink {
        color: #000;
    }

        .RadTabStrip_WebBlue_SimpleSubItems .rtsLevel2 .rtsLink:hover,
        .RadTabStrip_WebBlue_SimpleSubItems .rtsLevel3 .rtsLink:hover,
        .RadTabStrip_WebBlue_SimpleSubItems .rtsLevel4 .rtsLink:hover {
            color: #0f3789;
        }

    .RadTabStrip_WebBlue_SimpleSubItems .rtsLevel2 .rtsSelected,
    .RadTabStrip_WebBlue_SimpleSubItems .rtsLevel3 .rtsSelected,
    .RadTabStrip_WebBlue_SimpleSubItems .rtsLevel4 .rtsSelected {
        text-decoration: underline;
        color: #0f3789;
    }

    .RadTabStrip_WebBlue_SimpleSubItems .rtsLevel2 .rtsLink,
    .RadTabStrip_WebBlue_SimpleSubItems .rtsLevel2 .rtsOut,
    .RadTabStrip_WebBlue_SimpleSubItems .rtsLevel2 .rtsIn,
    .RadTabStrip_WebBlue_SimpleSubItems .rtsLevel3 .rtsLink,
    .RadTabStrip_WebBlue_SimpleSubItems .rtsLevel3 .rtsOut,
    .RadTabStrip_WebBlue_SimpleSubItems .rtsLevel3 .rtsIn,
    .RadTabStrip_WebBlue_SimpleSubItems .rtsLevel4 .rtsLink,
    .RadTabStrip_WebBlue_SimpleSubItems .rtsLevel4 .rtsOut,
    .RadTabStrip_WebBlue_SimpleSubItems .rtsLevel4 .rtsIn {
        background: none;
    }

/* </simplistic sub-item styles> */

/* END Telerik.Web.UI.Skins.WebBlue.TabStrip.WebBlue.css */
/* START Telerik.Web.UI.Skins.MultiPage.css */
.rmpHiddenView {
    display: none;
}

/* END Telerik.Web.UI.Skins.MultiPage.css */
/* START Telerik.Web.UI.Skins.Input.css */
/*Telerik RadInput Common CSS*/

/*global*/

.RadInput,
.RadInputMgr {
    vertical-align: middle;
}

    .RadInput table {
        border: 0;
        vertical-align: bottom;
    }

        .RadInput table.riTable td {
            border: 0;
            padding: 0;
            vertical-align: middle;
            overflow: visible; /*RadGrid*/
        }

        .RadInput table td.riCell {
            padding-right: 4px;
        }

    .RadInput textarea {
        vertical-align: bottom;
        overflow: auto;
        resize: none;
    }

/*textbox states*/

html body .RadInput .riTextBox,
html body .RadInputMgr {
    border-width: 1px;
    border-style: solid;
    padding: 2px 1px 3px;
    vertical-align: middle;
}

textarea.RadInputMgr {
    overflow: auto;
}

/*buttons*/

.RadInput a {
    display: block;
    overflow: hidden;
    position: relative; /*FF*/
    outline: none; /*FF*/
    z-index: 2; /*Opera*/
    text-indent: -2222px;
    text-align: center;
    text-decoration: none;
}

* html .RadInput a {
    position: static;
}
/*IE6*/
* + html .RadInput a {
    position: static;
}
/*IE7*/

.RadInput .riSpin a {
    margin: 0 1px;
}

.RadInput a.riDown {
    margin-top: 3px;
}

* html .RadInput a.riDown {
    margin-top /**/: 0;
}

/*label*/

.RadInput .riLabel {
    margin: 0 4px 0 0;
    white-space: nowrap;
}

/*rtl*/

.RadInputRTL table td.riCell {
    padding: 0 0 0 4px;
}

.RadInputRTL .riLabel {
    margin: 0 0 0 4px;
}

/* Password Strength Metter */
.riStrengthBar {
    background: url('/WebResource.axd?d=qkKLTuiW2AnHHEy3MO1kT_PM2rDgOtcejnnOOswb7W2eZBD6yqA-JF16oEgTXWU1wJ30Y06yc5d9x1_V4EO_LksnDqgIkBVRQ_bbQOUtObfV3ak6sAwtNDfYNN5yaB5RR8ZGzl220CZwtR4IvQNr0xuzO0ZT-4nn6Whx8vYx7VhW_hoD0&t=634516086340000000') repeat-y;
    display: inline-block;
    width: 100px;
    height: 20px;
    margin-left: 5px;
    font: 12px/18px "segoe ui",arial,sans-serif;
    color: #000;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.riStrengthBarL0 {
    background: none;
}

.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: #ddcc33;
    background-position: -900px 0;
    color: #696400;
}

.riStrengthBarL5 {
    background-color: #6bcc33;
    background-position: 100% 0;
    color: #236800;
}

/* END Telerik.Web.UI.Skins.Input.css */
/* START Telerik.Web.UI.Skins.Default.Input.Default.css */
/*Telerik RadInput Default Skin*/

/*global*/

.RadInput_Default,
.RadInputMgr_Default {
    font: 12px "segoe ui",arial,sans-serif;
}

/*textbox states*/

html body .RadInput_Default .riTextBox,
html body .RadInputMgr_Default {
    border-color: #8e8e8e #b8b8b8 #b8b8b8 #8e8e8e;
    background: #fff;
    color: #000;
    font: 12px "segoe ui",arial,sans-serif;
}

html body .RadInput_Default .riEmpty,
html body .RadInput_Empty_Default {
    color: #8a8a8a;
}

html body .RadInput_Default .riHover,
html body .RadInput_Hover_Default,
html body .RadInput_Default .riFocused,
html body .RadInput_Focused_Default {
    border-color: #515151;
}

html body .RadInput_Default .riRead,
html body .RadInput_Read_Default {
    border-color: #d0d0d0;
}

html body .RadInput_Default .riDisabled,
html body .RadInput_Disabled_Default {
    border-color: #d0d0d0;
    color: #8a8a8a;
    cursor: default;
}

html body .RadInput_Default .riError,
html body .RadInput_Error_Default {
    border-color: #d51923;
    background: #fff 100% -298px no-repeat url('/WebResource.axd?d=N0cGQ3ENIaeGh0q9iILxtFd5Od0IE5XZozzy9Jmw9MgoCWwwWGbDv2AMk97VBLHiCY-CLBm9RAkxansQtyd7ztzDBxLKt4dbdfD58L1gjAtfupldfj_Z1UwdNpTFOqHl9S-eOPZyPQVXtPpNfUEj_WsUKaA1&t=634516086340000000');
    color: #d51923;
}

.RadForm.rfdTextbox .RadInput_Default .riError[type="text"],
.RadForm.rfdTextbox .RadInput_Error_Default[type="text"] {
    border-color: #d51923;
    background: #fff 100% -298px no-repeat url('/WebResource.axd?d=N0cGQ3ENIaeGh0q9iILxtFd5Od0IE5XZozzy9Jmw9MgoCWwwWGbDv2AMk97VBLHiCY-CLBm9RAkxansQtyd7ztzDBxLKt4dbdfD58L1gjAtfupldfj_Z1UwdNpTFOqHl9S-eOPZyPQVXtPpNfUEj_WsUKaA1&t=634516086340000000');
    color: #d51923;
}

html body .RadInput_Default .riNegative,
html body .RadInput_Negative_Default {
    color: #565656;
}

/*buttons*/

.RadInput_Default a {
    background: transparent no-repeat url('/WebResource.axd?d=N0cGQ3ENIaeGh0q9iILxtFd5Od0IE5XZozzy9Jmw9MgoCWwwWGbDv2AMk97VBLHiCY-CLBm9RAkxansQtyd7ztzDBxLKt4dbdfD58L1gjAtfupldfj_Z1UwdNpTFOqHl9S-eOPZyPQVXtPpNfUEj_WsUKaA1&t=634516086340000000');
}

/*go*/

.RadInput_Default .riBtn a {
    width: 20px;
    height: 18px;
    line-height: 18px;
    background-position: 3px 5px;
}

    .RadInput_Default .riBtn a:hover {
        background-position: 3px -45px;
    }

/*spin*/

.RadInput_Default .riSpin a {
    width: 15px;
    height: 7px;
    line-height: 7px;
}

.RadInput_Default a.riUp {
    background-position: 4px -98px;
}

    .RadInput_Default a.riUp:hover {
        background-position: 4px -148px;
    }

.RadInput_Default a.riDown {
    background-position: 4px -199px;
}

    .RadInput_Default a.riDown:hover {
        background-position: 4px -249px;
    }

/*label*/

.RadInput_Default .riLabel {
    color: #000;
}

/*rtl*/

html body .RadInputRTL_Default .riError,
html body .RadInputRTL_Error_Default {
    background-position: 3px -298px;
}

.RadForm.rfdTextbox .RadInputRTL_Default .riError[type="text"],
.RadForm.rfdTextbox .RadInputRTL_Error_Default[type="text"] {
    background-position: 3px -298px;
}
/* END Telerik.Web.UI.Skins.Default.Input.Default.css */
/* START Telerik.Web.UI.Skins.ComboBox.css */
/* RadComboBox base skin */

/*global*/

.RadComboBox * {
    margin: 0;
    padding: 0;
}

.RadComboBox,
.RadComboBox .rcbInput,
.RadComboBoxDropDown {
    text-align: left;
}

.RadComboBox_rtl,
.RadComboBox_rtl .rcbInput,
.RadComboBoxDropDown_rtl {
    text-align: right;
}

/* combobox */

.RadComboBox {
    vertical-align: middle;
    display: -moz-inline-stack;
    display: inline-block;
}

* + html .RadComboBox {
    display: inline;
    zoom: 1;
}

* html .RadComboBox {
    display: inline;
    zoom: 1;
    vertical-align: top;
}

    .RadComboBox table {
        border: 0;
        border-collapse: collapse;
    }

        .RadComboBox table td.rcbInputCell {
            width: 100%;
            height: 20px;
            line-height: 20px;
            vertical-align: middle;
            padding: 0;
            border: 0;
        }

    * html .RadComboBox td.rcbInputCell {
        height /**/: 22px;
        line-height /**/: 22px;
    }

    /* combobox */

    .RadComboBox .rcbInputCellLeft,
    .RadComboBox .rcbInputCellRight,
    .RadComboBox .rcbArrowCellLeft,
    .RadComboBox .rcbArrowCellRight {
        background-color: transparent;
        background-repeat: no-repeat;
    }

    .RadComboBox .rcbInputCell .rcbInput {
        width: 100%;
        background: transparent;
        border: 0;
        vertical-align: middle;
        padding: 2px 0 1px;
        outline: 0;
        -webkit-appearance: none; /* iOS renders an additional shadow on the input */
    }

    * html .RadComboBox .rcbInputCell .rcbInput {
        height /**/: 18px;
        padding /**/: 2px 0 0; /* This should fix the ajax introduced height in IE6 */
    }

    .RadComboBox .rcbInputCell .rcbEmptyMessage {
        font-style: italic;
    }

    .RadComboBox .rcbReadOnly .rcbInput {
        cursor: default;
    }

    .RadComboBox table td.rcbInputCell,
    .RadComboBox .rcbInputCell .rcbInput {
        padding-left: 2px;
    }

.RadComboBox_rtl table td.rcbInputCell,
.RadComboBox_rtl .rcbInputCell .rcbInput {
    padding-right: 2px;
    padding-left: 0;
}

.RadComboBox table td.rcbArrowCell {
    width: 18px;
    padding: 0;
    border: 0;
}

.RadComboBox .rcbArrowCell a {
    position: relative;
    outline: 0;
    overflow: hidden;
    display: block;
    width: 18px;
    height: 22px;
    cursor: default;
    text-decoration: none;
    text-indent: 9999px;
    font-size: 0;
    line-height: 1px;
}

/*div.RadComboBox td.rcbArrowCellHidden,
div.RadComboBox .rcbArrowCellHidden a
{
	width: 3px;
}*/

/* Read-only styles */

/*.RadComboBox .rcbReadOnly td.rcbArrowCell { width: 16px; }
.RadComboBox .rcbReadOnly td.rcbArrowCell a { width: 16px; }

.RadComboBox .rcbReadOnly td.rcbArrowCellHidden,
.RadComboBox .rcbReadOnly td.rcbArrowCellHidden a { width: 3px; }*/

/* dropdown */

.rcbSlide {
    position: absolute;
    overflow: hidden;
    display: none;
    _height: 1px;
    float: left;
}

.RadComboBoxDropDown .rcbHeader,
.RadComboBoxDropDown .rcbFooter,
.RadComboBoxDropDown .rcbMoreResults,
.RadComboBoxDropDown .rcbMoreResults a {
    background-repeat: no-repeat;
}

.RadComboBoxDropDown {
    position: absolute;
    cursor: default;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
}

.RadComboBoxDropDown_rtl {
    text-align: right;
    direction: rtl;
}

.RadComboBoxDropDown .rcbScroll {
    overflow: auto;
    position: relative;
}

.RadComboBoxDropDown .rcbList {
    list-style: none outside;
    position: relative;
    margin: 0;
    padding: 0;
}

.RadComboBoxDropDown .rcbHeader,
.RadComboBoxDropDown .rcbFooter {
    background-repeat: repeat-x;
    padding: 5px 7px 4px;
}

.RadComboBoxDropDown .rcbHeader {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-bottom: 1px;
}

.RadComboBoxDropDown .rcbFooter {
    border-top-width: 1px;
    border-top-style: solid;
    margin-top: 1px;
}

.RadComboBoxDropDown .rcbNoWrap .rcbItem,
.RadComboBoxDropDown .rcbNoWrap .rcbHovered,
.RadComboBoxDropDown .rcbNoWrap .rcbDisabled,
.RadComboBoxDropDown .rcbNoWrap .rcbLoading {
    white-space: nowrap;
}

.RadComboBoxDropDown .rcbItem,
.RadComboBoxDropDown .rcbHovered,
.RadComboBoxDropDown .rcbDisabled,
.RadComboBoxDropDown .rcbLoading,
.RadComboBoxDropDown .rcbCheckAllItems,
.RadComboBoxDropDown .rcbCheckAllItemsHovered {
    padding: 2px 6px;
    margin: 0 1px;
}

html >/**/ body .RadComboBoxDropDown .rcbItem,
html >/**/ body .RadComboBoxDropDown .rcbHovered,
html >/**/ body .RadComboBoxDropDown .rcbDisabled,
html >/**/ body .RadComboBoxDropDown .rcbLoading,
html >/**/ body .RadComboBoxDropDown .rcbCheckAllItems,
html >/**/ body .RadComboBoxDropDown .rcbCheckAllItemsHovered {
    min-height: 13px;
}

* + html .RadComboBoxDropDown .rcbItem,
* + html .RadComboBoxDropDown .rcbHovered,
* + html .RadComboBoxDropDown .rcbDisabled,
* + html .RadComboBoxDropDown .rcbLoading,
* + html .RadComboBoxDropDown .rcbCheckAllItems,
* + html .RadComboBoxDropDown .rcbCheckAllItemsHovered {
    height: auto;
}

.RadComboBoxDropDown_rtl .rcbItem,
.RadComboBoxDropDown_rtl .rcbHovered,
.RadComboBoxDropDown_rtl .rcbDisabled,
.RadComboBoxDropDown_rtl .rcbLoading,
.RadComboBoxDropDown_rtl .rcbCheckAllItems,
.RadComboBoxDropDown_rtl .rcbCheckAllItemsHovered {
    padding: 2px 6px;
}

.RadComboBoxDropDown .rcbCheckBox,
.RadComboBoxDropDown .rcbCheckAllItemsCheckBox {
    vertical-align: middle;
}


.RadComboBoxDropDown .rcbImage {
    vertical-align: middle;
    margin: 0 6px 2px 0;
}

.RadComboBoxDropDown_rtl .rcbImage {
    margin: 0 0 2px 6px;
}

.RadComboBoxDropDown .rcbHovered {
    background-repeat: repeat-x;
}

.RadComboBoxDropDown em {
    font-style: normal;
    font-weight: bold;
}

* + html div.RadComboBoxDropDown .rcbList {
    zoom: 1;
}
/* IE7 item width fix */
* html div.RadComboBoxDropDown .rcbItem,
* html div.RadComboBoxDropDown .rcbHovered {
    zoom: 1;
}
/* IE6 item width fix */

.RadComboBox .rcbDisabled .rcbInputCell .rcbInput,
.RadComboBoxDropDown .rcbDisabled {
    cursor: default;
}

.RadComboBoxDropDown .rcbLoading {
    text-align: center;
}

.RadComboBoxDropDown .rcbMoreResults {
    clear: both;
    border-top-width: 1px;
    border-top-style: solid;
    background-repeat: repeat-x;
    position: relative;
    padding: 0 6px 0;
    text-align: center;
    margin-top: 1px;
}

    .RadComboBoxDropDown .rcbMoreResults a {
        display: inline-block;
        width: 15px;
        height: 9px;
        text-indent: -9999px;
        overflow: hidden;
        text-decoration: none;
        cursor: pointer;
        vertical-align: middle;
    }

    * html .RadComboBoxDropDown .rcbMoreResults a {
        font-size: 0;
        line-height: 0;
        text-indent: 0;
    }

    * + html .RadComboBoxDropDown .rcbMoreResults a {
        font-size: 0;
        line-height: 0;
        text-indent: 0;
    }

    .RadComboBoxDropDown .rcbMoreResults span {
        vertical-align: middle;
        height: 19px;
        line-height: 19px;
        display: inline-block;
    }

.RadComboBoxDropDown .rcbSeparatedList .rcbItem,
.RadComboBoxDropDown .rcbSeparatedList .rcbHovered,
.RadComboBoxDropDown .rcbSeparatedList .rcbDisabled,
.RadComboBoxDropDown .rcbSeparatedList .rcbLoading {
    padding-left: 12px;
}

.RadComboBoxDropDown .rcbSeparatedList .rcbSeparator {
    padding-left: 6px;
}

/*<ComboBox with Label>*/

.RadComboBoxWithLabel .rcbLabel {
    vertical-align: top;
    padding-right: 10px;
    line-height: 22px;
    zoom: 1;
}

.RadComboBox_rtl .rcbLabel {
    text-align: right;
    padding: 0 0 0 10px;
}

* + html .RadComboBox_rtl .rcbLabel {
    margin-right: 5px;
}

* html .RadComboBox_rtl .rcbLabel {
    margin-right: 5px;
}

.RadComboBoxWithLabel table {
    vertical-align: top;
    float: none;
    display: inline-block;
    zoom: 1;
}

* + html .RadComboBoxWithLabel table {
    display: inline;
    margin-right: 5px;
}

* html .RadComboBoxWithLabel table {
    display: inline;
    margin-right: 5px;
}

.RadComboBoxWithLabel {
    white-space: nowrap;
    zoom: normal;
}

/*</ComboBox with Label>*/

/*hacks*/

/*Opera start*/
@media screen and (min-width: 550px) {
    .RadComboBoxDropDown_rtl .rcbItem,
    .RadComboBoxDropDown_rtl .rcbHovered,
    .RadComboBoxDropDown_rtl .rcbDisabled,
    .RadComboBoxDropDown_rtl .rcbLoading {
        padding: 2px 6px 2px 19px;
    }
}
/*Opera end*/



/* END Telerik.Web.UI.Skins.ComboBox.css */
/* START Telerik.Web.UI.Skins.Default.ComboBox.Default.css */
/* RadComboBox Default skin */

/*global*/

.RadComboBox_Default,
.RadComboBox_Default .rcbInput,
.RadComboBoxDropDown_Default {
    font: 12px "Segoe UI", Arial, sans-serif;
    color: #333;
}

    /* combobox */

    .RadComboBox_Default .rcbInputCellLeft,
    .RadComboBox_Default .rcbInputCellRight,
    .RadComboBox_Default .rcbArrowCellLeft,
    .RadComboBox_Default .rcbArrowCellRight {
        background-image: url('/WebResource.axd?d=BE6Zu553mMMrnKnGs0VpOiJtE8u0X2kV1fpoCO--YaqSr_m3KlNES1nOi8sXXa4-cStgRlBYTffSKIRMNfEBN9hmFkcJy-ge-wLp_4TWp5klsSXkvnFY60hQ0_ZEnA3YQKS867FcXmTn_n4q0onzR52BUVkZwtC1DDMu-_ta3CMUxIFm0&t=634516086340000000');
    }

    * html .RadComboBox_Default .rcbInputCellLeft,
    * html .RadComboBox_Default .rcbInputCellRight,
    * html .RadComboBox_Default .rcbArrowCellLeft,
    * html .RadComboBox_Default .rcbArrowCellRight {
        background-image: url('/WebResource.axd?d=EFxAD1Hb2c5xjrtXQs5-RaRBsUMeOz9zOdJQdOGepHAwylrcVKZ7WcbJtxSgKMiVzTacHBAl8ISNqFAaiL23SDa0bIMLe0_yDB6MZRgp5qx43AEK6OhlB5Yu1lxOrWViz5LB8ricDr5SlighzTvIKELlf8ArjL7HlCZggyLWQUWUJ9Z00&t=634516086340000000');
    }

    /*.RadComboBox_Default td.rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_Default td.rcbInputCellRight { background-position: 100% 0; }

.RadComboBox_Default .rcbHovered .rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_Default .rcbHovered .rcbInputCellRight { background-position: 100% 0; }

.RadComboBox_Default .rcbFocused .rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_Default .rcbFocused .rcbInputCellRight { background-position: 100% 0; }

.RadComboBox_Default .rcbHovered .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -22px; }
.RadComboBox_Default .rcbHovered .rcbReadOnly td.rcbInputCellRight { background-position: 100% -22px; }

.RadComboBox_Default .rcbFocused .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -44px; }
.RadComboBox_Default .rcbFocused .rcbReadOnly td.rcbInputCellRight { background-position: 100% -44px; }*/

    .RadComboBox_Default .rcbInputCell .rcbEmptyMessage {
        color: #666;
    }

    .RadComboBox_Default .rcbHovered .rcbInputCell .rcbInput {
        color: #000;
    }

    /*.RadComboBox_Default td.rcbArrowCellLeft { background-position: -18px -88px; }
.RadComboBox_Default td.rcbArrowCellRight { background-position: 0 -88px; }

.RadComboBox_Default .rcbHovered .rcbArrowCellLeft { background-position: -54px -88px; }
.RadComboBox_Default .rcbHovered .rcbArrowCellRight { background-position: -36px -88px; }

.RadComboBox_Default .rcbFocused .rcbArrowCellLeft { background-position: -90px -88px; }
.RadComboBox_Default .rcbFocused .rcbArrowCellRight { background-position: -72px -88px; }

.RadComboBox_Default td.rcbArrowCellHidden,
.RadComboBox_Default .rcbHovered td.rcbArrowCellHidden,
.RadComboBox_Default .rcbFocused td.rcbArrowCellHidden { background-position: -15px -88px; }

.RadComboBox_Default_rtl td.rcbArrowCellHidden,
.RadComboBox_Default_rtl .rcbHovered td.rcbArrowCellHidden,
.RadComboBox_Default_rtl .rcbFocused td.rcbArrowCellHidden { background-position: -18px -88px; }*/

    /* Read-only styles */

    /*.RadComboBox_Default .rcbReadOnly td.rcbArrowCellLeft { background-position: -18px -88px; }
.RadComboBox_Default .rcbReadOnly td.rcbArrowCellRight { background-position: -2px -88px; }

.RadComboBox_Default .rcbHovered .rcbReadOnly .rcbArrowCellLeft { background-position: -54px -88px; }
.RadComboBox_Default .rcbHovered .rcbReadOnly .rcbArrowCellRight { background-position: -38px -88px; }

.RadComboBox_Default .rcbFocused .rcbReadOnly .rcbArrowCellLeft { background-position: -90px -88px; }
.RadComboBox_Default .rcbFocused .rcbReadOnly .rcbArrowCellRight { background-position: -74px -88px; }

.RadComboBox_Default .rcbReadOnly td.rcbArrowCellHidden { background-position: -15px -88px; }
.RadComboBox_Default .rcbHovered .rcbReadOnly td.rcbArrowCellHidden { background-position: -51px -88px; }
.RadComboBox_Default .rcbFocused .rcbReadOnly td.rcbArrowCellHidden { background-position: -87px -88px; }

.RadComboBox_Default_rtl .rcbReadOnly td.rcbArrowCellHidden { background-position: -18px -88px; }
.RadComboBox_Default_rtl .rcbHovered .rcbReadOnly td.rcbArrowCellHidden { background-position: -54px -88px; }
.RadComboBox_Default_rtl .rcbFocused .rcbReadOnly td.rcbArrowCellHidden { background-position: -90px -88px; }*/

    /* dropdown */

    .RadComboBoxDropDown_Default .rcbHeader,
    .RadComboBoxDropDown_Default .rcbFooter,
    .RadComboBoxDropDown_Default .rcbMoreResults,
    .RadComboBoxDropDown_Default .rcbMoreResults a {
        background-image: url('/WebResource.axd?d=BE6Zu553mMMrnKnGs0VpOiJtE8u0X2kV1fpoCO--YaqSr_m3KlNES1nOi8sXXa4-cStgRlBYTffSKIRMNfEBN9hmFkcJy-ge-wLp_4TWp5klsSXkvnFY60hQ0_ZEnA3YQKS867FcXmTn_n4q0onzR52BUVkZwtC1DDMu-_ta3CMUxIFm0&t=634516086340000000');
    }

        * html .RadComboBoxDropDown_Default .rcbHeader,
        * html .RadComboBoxDropDown_Default .rcbFooter,
        * html .RadComboBoxDropDown_Default .rcbMoreResults,
        * html .RadComboBoxDropDown_Default .rcbMoreResults a {
            background-image: url('/WebResource.axd?d=EFxAD1Hb2c5xjrtXQs5-RaRBsUMeOz9zOdJQdOGepHAwylrcVKZ7WcbJtxSgKMiVzTacHBAl8ISNqFAaiL23SDa0bIMLe0_yDB6MZRgp5qx43AEK6OhlB5Yu1lxOrWViz5LB8ricDr5SlighzTvIKELlf8ArjL7HlCZggyLWQUWUJ9Z00&t=634516086340000000');
        }

.RadComboBoxDropDown_Default {
    background: #fff;
    border-color: #c6c7d2;
    border-top-color: #83868d;
}

    .RadComboBoxDropDown_Default .rcbHeader,
    .RadComboBoxDropDown_Default .rcbFooter {
        background-color: #f1f2f4;
        background-position: 0 -110px;
    }

    .RadComboBoxDropDown_Default .rcbHeader {
        border-bottom-color: #d5d5d5;
    }

    .RadComboBoxDropDown_Default .rcbFooter {
        border-top-color: #d5d5d5;
    }

    .RadComboBoxDropDown_Default .rcbItem em {
        background: #e5e5e5;
    }

    .RadComboBoxDropDown_Default .rcbHovered {
        background: #dfdfdf;
        color: #000;
    }

    .RadComboBoxDropDown_Default .rcbCheckAllItems,
    .RadComboBoxDropDown_Default .rcbCheckAllItemsHovered {
        color: #999999;
        font-style: italic;
    }

    .RadComboBoxDropDown_Default .rcbCheckAllItemsHovered {
        color: #000000;
    }

    .RadComboBoxDropDown_Default .rcbSeparator {
        color: #fff;
        background: #8a8a8a;
    }

    .RadComboBox_Default .rcbDisabled .rcbInputCell .rcbInput,
    .RadComboBoxDropDown_Default .rcbDisabled {
        color: #999;
    }

    /*.RadComboBox_Default .rcbDisabled td.rcbInputCellLeft { background-position: 0 -66px; }
.RadComboBox_Default .rcbDisabled td.rcbInputCellRight { background-position: 100% -66px; }
.RadComboBox_Default .rcbDisabled td.rcbArrowCellLeft { background-position: -126px -88px; }
.RadComboBox_Default .rcbDisabled td.rcbArrowCellRight { background-position: -108px -88px; }
.RadComboBox_Default .rcbDisabled .rcbReadOnly td.rcbArrowCellRight { background-position: -110px -88px; }
.RadComboBox_Default table.rcbDisabled td.rcbArrowCellHidden,
.RadComboBox_Default .rcbDisabled .rcbReadOnly td.rcbArrowCellHidden { background-position: -123px -88px; }
.RadComboBox_Default_rtl table.rcbDisabled td.rcbArrowCellHidden,
.RadComboBox_Default_rtl .rcbDisabled .rcbReadOnly td.rcbArrowCellHidden { background-position: -126px -88px; }*/

    .RadComboBoxDropDown_Default .rcbLoading {
        background: #f0f0f0;
    }

    .RadComboBoxDropDown_Default .rcbMoreResults {
        border-top-color: #c6c7d2;
        background-position: 0 -132px;
        background-color: #e6e6e6;
        color: #8a8a8a;
    }

/*.RadComboBoxDropDown_Default .rcbMoreResults a
{
	background-position: -157px -94px;
}*/

/* END Telerik.Web.UI.Skins.Default.ComboBox.Default.css */
/* START Telerik.Web.UI.Skins.Window.css */
/* RadWindow for ASP.NET AJAX Base Stylesheet */

/* MVC overrides */
.RadWindow table.rwTable,
.RadWindow table.rwShadow,
.RadWindow .rwTitlebarControls {
    border: 0;
    padding: 0;
}

    .RadWindow .rwCorner,
    .RadWindow .rwTitlebar,
    .RadWindow .rwStatusbar,
    .RadWindow .rwFooterCenter,
    .RadWindow .rwTitlebarControls td {
        padding: 0;
        margin: 0;
        border: 0;
        border-collapse: collapse;
        vertical-align: top;
    }

.RadWindow .rwTopResize {
    font-size: 1px;
    line-height: 4px;
    width: 100%;
    height: 4px;
    background-position: 0 -31px;
    background-repeat: repeat-x;
}

.RadWindow .rwStatusbarRow .rwCorner {
    background-repeat: no-repeat;
}

.RadWindow .rwStatusbarRow .rwBodyLeft {
    background-position: -16px 0;
}

.RadWindow .rwStatusbarRow .rwBodyRight {
    background-position: -24px 0;
}

.RadWindow .rwStatusbar {
    height: 22px;
    background-position: 0 -113px;
    background-repeat: repeat-x;
}

    .RadWindow .rwStatusbar div {
        width: 18px;
        height: 18px;
        padding: 0 3px 0 0;
        background-position: 0 -94px;
        background-repeat: no-repeat;
    }

.RadWindow .rwTable {
    width: 100%;
    height: 100%;
    table-layout: auto; /* fixes the dimensions under IE */
}

.RadWindow .rwCorner {
    width: 8px;
}

.RadWindow .rwTopLeft,
.RadWindow .rwTopRight,
.RadWindow .rwTitlebar,
.RadWindow .rwFooterLeft,
.RadWindow .rwFooterRight,
.RadWindow .rwFooterCenter {
    height: 8px;
    font-size: 1px;
    background-repeat: no-repeat;
    line-height: 1px;
}

.RadWindow .rwBodyLeft,
.RadWindow .rwBodyRight {
    background-repeat: repeat-y;
}

.RadWindow .rwBodyRight {
    background-position: -8px 0;
}

.RadWindow .rwTopLeft {
    background-position: 0 0;
}

.RadWindow .rwTopRight {
    background-position: -8px 0;
}

.RadWindow table .rwTitlebar {
    background-repeat: repeat-x;
    background-position: 0 -31px;
    -moz-user-select: none;
}

.RadWindow .rwFooterLeft {
    background-position: 0 -62px;
}

.RadWindow .rwFooterRight {
    background-position: -8px -62px;
}

.RadWindow .rwFooterCenter {
    background-repeat: repeat-x;
    background-position: 0 -70px;
}

.RadWindow .rwTitlebarControls {
    width: 100%;
    height: 27px;
}

.RadWindow .rwWindowContent {
    height: 100% !important; /* very important property, especially for opera */
    background: white;
}

/* Support for displayng the rwLoading image in the iframe's parent TD */
.RadWindow td.rwLoading {
    background-repeat: no-repeat;
    background-position: center;
}

/* Support for displaying rwLoading image in the status bar  */
.RadWindow .rwStatusbar .rwLoading {
    background-repeat: no-repeat;
}

.RadWindow .rwStatusbar .rwLoading {
    padding-left: 30px;
}

.RadWindow td.rwStatusbar input {
    font: normal 12px "Segoe UI", Arial, Verdana, Sans-serif;
    padding: 4px 0 0 3px;
    margin: 0;
    border: 0 !important;
    width: 100%;
    height: 18px;
    line-height: 18px;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    cursor: default;
    -moz-user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    float: left;
    vertical-align: middle;
}

.RadWindow .rwControlButtons {
    padding: 0;
    margin: 2px 0 0 0;
    list-style: none;
    white-space: nowrap;
    float: right;
}

    .RadWindow .rwControlButtons li {
        float: left;
        padding: 0 1px 0 0;
    }

    .RadWindow .rwControlButtons a {
        width: 30px;
        height: 21px;
        line-height: 1px;
        font-size: 1px;
        cursor: default;
        background-repeat: no-repeat;
        display: block;
        text-decoration: none;
        outline: none;
    }

    .RadWindow .rwControlButtons span {
        display: block;
    }

/* reload button */
.RadWindow .rwReloadButton {
    background-position: -120px 0;
}

    .RadWindow .rwReloadButton:hover {
        background-position: -120px -21px;
    }

/* unpin button */
.RadWindow .rwPinButton {
    background-position: -180px 0;
}

    .RadWindow .rwPinButton:hover {
        background-position: -180px -21px;
    }

    /* pin button */
    .RadWindow .rwPinButton.on {
        background-position: -150px 0;
    }

        .RadWindow .rwPinButton.on:hover {
            background-position: -150px -21px;
        }

/* minimize button */
.RadWindow .rwMinimizeButton {
    background-position: 0 0;
}

    .RadWindow .rwMinimizeButton:hover {
        background-position: 0 -21px;
    }

/* maximize button */
.RadWindow .rwMaximizeButton {
    background-position: -60px 0;
}

    .RadWindow .rwMaximizeButton:hover {
        background-position: -60px -21px;
    }

/* close button */
.RadWindow .rwCloseButton {
    background-position: -90px 0;
}

    .RadWindow .rwCloseButton:hover {
        background-position: -90px -21px;
    }

/* restore button */
.RadWindow.rwMaximizedWindow .rwMaximizeButton,
.RadWindow.rwMinimizedWindow .rwMinimizeButton {
    background-position: -30px 0;
}

    .RadWindow.rwMaximizedWindow .rwMaximizeButton:hover,
    .RadWindow.rwMinimizedWindow .rwMinimizeButton:hover {
        background-position: -30px -21px;
    }

.rwMaximizedWindow .rwTitlebar {
    cursor: default !important; /* need to be important to overwrite inline style */
}

.RadWindow .rwIcon {
    display: block;
    background-repeat: no-repeat;
    background-position: 0 -78px;
    width: 16px;
    height: 16px;
    cursor: default;
    margin: 5px 5px 0 0;
}

.RadWindow .rwTitleRow em {
    font: normal bold 12px "Segoe UI", Arial;
    color: black;
    padding: 5px 0 0 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.RadWindow_rtl .rwControlButtons {
    float: left;
}

div.RadWindow_rtl .rwControlButtons li {
    float: right;
}

.RadWindow.rwInactiveWindow .rwTitlebarControls {
    position: static;
}

.RadWindow .rwDialogPopup {
    margin: 16px;
    color: black;
    padding: 0px 0px 16px 50px;
    font: normal 12px "Segoe UI", Arial, Verdana;
    cursor: default;
}

.rwDialogPopup .rwPopupButton {
    margin: 0;
}

    /*.rwDialogPopup .rwPopupButton:focus,
.rwDialogPopup .rwPopupButton:active
{
    border: dotted 1px #999;                        
}*/

    .rwDialogPopup .rwPopupButton,
    .rwDialogPopup .rwPopupButton span {
        display: block;
        float: left;
    }

.RadWindow .rwControlButtons a {
    text-indent: -3333px;
    overflow: hidden;
    text-align: center;
}

html:first-child .RadWindow ul {
    float: right;
    border: solid 1px transparent;
}

.RadWindow .rwDialogText {
    text-align: left;
}

.RadWindow.rwMinimizedWindow .rwPinButton,
.RadWindow.rwMinimizedWindow .rwReloadButton,
.RadWindow.rwMinimizedWindow .rwMaximizeButton,
.RadWindow.rwMinimizedWindow .rwTopResize {
    display: none !important;
}

.RadWindow .rwDialogInput {
    font: normal 12px "Segoe UI", Arial, Verdana;
    color: black;
    width: 100%;
    display: block;
    margin: 8px 0;
}

.RadWindow .rwWindowContent .radconfirm,
.RadWindow .rwWindowContent .radalert {
    background-color: transparent;
    background-position: left center;
    background-repeat: no-repeat;
}

.RadWindow .rwWindowContent .radconfirm {
    background-image: url('/WebResource.axd?d=c15HGszvCCguoRrIihMz_am9yGPpIBa4nwTCEYUaWU729xCD5Tz4kNGyzwgf6C0b4oH3wG4E31_4Cb5dYaZHfN66HChipaMuxI8qMO7RuPNl-lBiC3_InZwGybjEWfejbiMhd22VDC9gHKzAjAl6d0lHTdWYtaja4l6l1iISa3VlmbtN0&t=634516086340000000');
}

.RadWindow .rwWindowContent .radalert {
    background-image: url('/WebResource.axd?d=sqZRpy6N0fWkIUf6ELydMMPUOwFo7y3glAHsBnvJGYi8tDwcJXIMre_SOVTLkqGMtIvYIu-T0LP_P5eVcJlp7noY8eNIuNdngTdtH4RmgAg5MIO_H5JcEcaTRU347MDZfMN87le3mIHONT3EKhq2uNSU8ugOju8gAybPyju5qDH9wi7f0&t=634516086340000000');
}

.RadWindow .rwWindowContent .radprompt {
    padding: 0;
}

.RadWindow .rwPopupButton,
.RadWindow .rwPopupButton span {
    text-decoration: none;
    color: black;
    line-height: 21px;
    height: 21px;
    cursor: default;
}

.RadWindow .rwPopupButton {
    background-repeat: no-repeat;
    background-position: 0 -136px;
    padding: 0 0 0 3px;
    margin: 8px 8px 8px 0;
}

.RadWindow .rwWindowContent .rwPopupButton .rwOuterSpan {
    background-repeat: no-repeat;
    background-position: right -136px;
    padding: 0 3px 0 0;
}

.RadWindow .rwWindowContent .rwPopupButton .rwInnerSpan {
    background-repeat: repeat-x;
    background-position: 0 -157px;
    padding: 0 12px;
}

.RadWindow .rwWindowContent .rwPopupButton:hover {
    background-position: 0 -178px;
    padding: 0 0 0 3px;
    margin: 8px 8px 8px 0;
}

    .RadWindow .rwWindowContent .rwPopupButton:hover .rwOuterSpan {
        background-position: right -178px;
        padding: 0 3px 0 0;
    }

    .RadWindow .rwWindowContent .rwPopupButton:hover .rwInnerSpan {
        background-position: 0 -199px;
        padding: 0 12px;
    }

.RadWindow .rwStatusbarRow .rwBodyLeft {
    background-position: -16px 0;
}

.RadWindow .rwStatusbarRow .rwBodyRight {
    background-position: -24px 0;
}

.RadWindow.rwMinimizedWindow .rwContentRow,
.RadWindow.rwMinimizedWindow .rwStatusbarRow {
    display: none;
}

.RadWindow.rwMinimizedWindow table.rwTitlebarControls {
    margin-top: 4px;
}

.RadWindow.rwMinimizedWindow .rwControlButtons {
    width: 66px !important;
}

.RadWindow.rwMinimizedWindow em {
    width: 90px;
}

.RadWindow.rwMinimizedWindow,
.rwMinimizedWindowOverlay {
    width: 200px !important;
    height: 30px !important;
    overflow: hidden !important;
    float: left !important;
}

    .RadWindow.rwMinimizedWindow .rwCorner.rwTopLeft {
        background-position: 0 -220px;
        background-repeat: no-repeat;
    }

    .RadWindow.rwMinimizedWindow .rwCorner.rwTopRight {
        background-position: -8px -220px;
        background-repeat: no-repeat;
    }

    .RadWindow.rwMinimizedWindow .rwTitlebar {
        background-position: 0 -250px !important; /* Should be !important because of IE6 */
        background-repeat: repeat-x;
    }

.RadWindow.rwInactiveWindow .rwCorner,
.RadWindow.rwInactiveWindow .rwTitlebar,
.RadWindow.rwInactiveWindow .rwFooterCenter {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65) !important;
    opacity: .65 !important;
    -moz-opacity: .65 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
}

/* stop the control buttons from stretching in IE8 */
.RadWindow ul.rwControlButtons span {
    display /*\**/: none;\9
}

/* css for window's top corners when visibletitlebar is set to false */
div.RadWindow.rwNoTitleBar tr.rwTitleRow td.rwTopLeft {
    background-position: 0 -280px;
}

div.RadWindow.rwNoTitleBar tr.rwTitleRow td.rwTitlebar {
    background-position: 0 -288px;
    background-repeat: repeat-x;
}

div.RadWindow.rwNoTitleBar tr.rwTitleRow td.rwTopRight {
    background-position: -8px -280px;
}

div.RadWindow.rwNoTitleBar div.rwTopResize {
    background: none;
}

/* Window Horizontal Shadows */

.RadWindow .rwShadow .rwTopLeft,
.RadWindow .rwShadow .rwTopRight,
.RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopLeft,
.RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopRight {
    width: 15px !important;
}

.RadWindow .rwShadow .rwTopLeft,
.RadWindow .rwShadow .rwTopRight {
    height: 38px;
}

.RadWindow .rwShadow .rwTopLeft,
.RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopLeft {
    background-position: 0 -297px !important;
}

.RadWindow .rwShadow .rwTopRight,
.RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopRight {
    background-position: 0 -335px !important;
}

.RadWindow .rwShadow .rwTopResize {
    height: 8px;
    background-position: 0 -376px !important;
}

.RadWindow .rwShadow .rwTitlebar,
.RadWindow.rwMinimizedWindow .rwShadow .rwTitlebar {
    height: 30px !important;
    background-position: 0 -391px !important; /* Should be !important because of IE6 */
    background-repeat: repeat-x !important;
}

.rwInactiveWindow.rwMinimizedWindow {
    height: 29px\9 !important;
}

* html .rwInactiveWindow.rwMinimizedWindow {
    height: 30px !important;
}

.RadWindow .rwShadow .rwFooterLeft,
.RadWindow .rwShadow .rwFooterRight,
.RadWindow .rwShadow .rwFooterCenter {
    height: 14px;
}

.RadWindow .rwShadow .rwFooterLeft {
    width: 15px;
    background-position: 0 -431px;
}

.RadWindow .rwShadow .rwFooterCenter {
    background-position: 0 -461px;
    background-repeat: repeat-x;
}

.RadWindow .rwShadow .rwFooterRight {
    width: 15px;
    background-position: 0 -446px;
}

/* Window Vertical Shadows */

.RadWindow .rwShadow .rwBodyLeft,
.RadWindow .rwShadow .rwBodyRight {
    width: 15px;
    background-repeat: repeat-y;
}

.RadWindow .rwShadow .rwBodyLeft {
    background-position: -33px 0;
}

.RadWindow .rwShadow .rwBodyRight {
    background-position: -52px 0;
}

.RadWindow .rwShadow em {
    padding: 9px 0 0 1px;
}


.RadWindow .rwShadow .rwIcon {
    margin: 8px 5px 0 1px;
}


/* Shadows minimzed specific style */

.RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopLeft,
.RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopRight {
    height: 1px !important;
}


.RadWindow.rwMinimizedWindowShadow {
    overflow: visible !important;
}

    .RadWindow.rwMinimizedWindowShadow .rwTable {
        height: auto !important;
        width: 210px !important;
    }

.RadWindow.rwMinimizedWindow .rwShadow .rwFooterLeft {
    background-position: 0 -432px;
}

.RadWindow.rwMinimizedWindow .rwShadow .rwFooterCenter {
    background-position: 0 -462px;
}

.RadWindow.rwMinimizedWindow .rwShadow .rwFooterRight {
    background-position: 0 -447px;
}

.RadWindow.rwMinimizedWindowShadow .rwShadow .rwTitlebarControls {
    display: block;
}

    .RadWindow.rwMinimizedWindowShadow .rwShadow .rwTitlebarControls .rwControlButtons .rwPinButton,
    .RadWindow.rwMinimizedWindowShadow .rwShadow .rwTitlebarControls .rwControlButtons .rwReloadButton,
    .RadWindow.rwMinimizedWindowShadow .rwShadow .rwTitlebarControls .rwControlButtons .rwMaximizeButton,
    .RadWindow.rwMinimizedWindowShadow .rwShadow .rwContentRow,
    .RadWindow.rwMinimizedWindowShadow .rwShadow .rwStatusbarRow {
        display: none !important;
    }

.rwMinimizedWindowShadow .rwShadow .rwTopLeft,
.rwMinimizedWindowShadow .rwShadow .rwTopRight,
.rwMinimizedWindowShadow .rwShadow .rwFooterLeft,
.rwMinimizedWindowShadow .rwShadow .rwFooterRight,
.rwMinimizedWindowShadow .rwShadow .rwFooterCenter,
.rwMinimizedWindowShadow .rwShadow .rwTopResize {
    cursor: default !important;
}

div.RadWindow_rtl table.rwShadow .rwControlButtons li {
    float: right;
}

/* css for shadowed window's top corners when visibletitlebar is set to false */
div.RadWindow.rwNoTitleBar table.rwShadow td.rwTopLeft {
    background-position: 0 -480px !important;
}

div.RadWindow.rwNoTitleBar table.rwShadow td.rwTitlebar {
    background-position: 0 -525px !important;
}

div.RadWindow.rwNoTitleBar table.rwShadow td.rwTopRight {
    background-position: 0 -500px !important;
}

.RadWindow.rwNoTitleBar .rwShadow .rwTitlebar,
.RadWindow.rwNoTitleBar .rwShadow .rwTopLeft,
.RadWindow.rwNoTitleBar .rwShadow .rwTopRight {
    height: 13px !important;
}

/* Inactive notitlebar state */
div.RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow td.rwTopLeft {
    background-position: 8px -280px !important;
}

div.RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow td.rwTitlebar {
    background-position: 0 -288px !important;
}

div.RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow td.rwTopRight {
    background-position: -9px -280px !important;
}

.RadWindow.rwNoTitleBar.rwInactiveWindow .rwShadow .rwTitlebar,
.RadWindow.rwNoTitleBar.rwInactiveWindow .rwShadow .rwTopLeft,
.RadWindow.rwNoTitleBar.rwInactiveWindow .rwShadow .rwTopRight {
    height: 8px !important;
}


/* END Telerik.Web.UI.Skins.Window.css */
/* START Telerik.Web.UI.Skins.Default.Window.Default.css */
/* RadWindow for ASP.NET AJAX Default Skin */

/* Window Background */

/* Horiznotal */
.RadWindow_Default .rwTopLeft,
.RadWindow_Default .rwTopRight,
.RadWindow_Default .rwTitlebar,
.RadWindow_Default .rwFooterLeft,
.RadWindow_Default .rwFooterRight,
.RadWindow_Default .rwFooterCenter,
.RadWindow_Default .rwTopResize,
.RadWindow_Default .rwStatusbar div,
.RadWindow_Default .rwStatusbar,
.RadWindow_Default .rwPopupButton,
.RadWindow_Default .rwPopupButton span,
.RadWindow_Default.rwMinimizedWindow .rwCorner {
    background-image: url('/WebResource.axd?d=Hyhh1qMhUYWTcnREABaocfyzHQUoIGOD1oRLvivpsTe7WcNC-MYA1s89HNkX6PWfV43cyatWCdMjYNG7-PZd_04RyY15RdiYJdC7kr8HjGAN4Si5x2yy4qksNjsG5mAhDt2rP_XRBXNVUZFw1JzEFHtWPbrNtYkM3vu1fvY6rukP4gDj0&t=634516086340000000');
}


/* Vertical */
.RadWindow_Default .rwBodyLeft,
.RadWindow_Default .rwBodyRight,
.RadWindow_Default .rwStatusbarRow .rwCorner {
    background-image: url('/WebResource.axd?d=AnCJKsn6JavXCVA_ZA84-_2szvwJMwyzNqtAXQtA2wu3K76vcRJHxclXbsddrmUcWmMpF88eS-9aQ0WBPIJIPhoR47hW3lF8s5Fk4MQ4Hs4w_T4_Xx14alVQmsGORNMij34m0iCPjntTmKZd0TA1P325-4Kk62DjaFpzGPTtT6BTxqCL0&t=634516086340000000');
}

/* Window Shadows */

/* Horiznotal */
.RadWindow_Default .rwShadow .rwTopLeft,
.RadWindow_Default .rwShadow .rwTopRight,
.RadWindow_Default .rwShadow .rwTitlebar,
.RadWindow_Default .rwShadow .rwFooterLeft,
.RadWindow_Default .rwShadow .rwFooterRight,
.RadWindow_Default .rwShadow .rwFooterCenter,
.RadWindow_Default .rwShadow .rwTopResize,
.RadWindow_Default .rwShadow .rwStatusbar div,
.RadWindow_Default .rwShadow .rwStatusbar,
.RadWindow_Default .rwShadow .rwPopupButton,
.RadWindow_Default .rwShadow .rwPopupButton span,
.RadWindow_Default .rwShadow .rwBodyLeft,
.RadWindow_Default .rwShadow .rwBodyRight,
.RadWindow_Default .rwShadow .rwStatusbarRow .rwBodyLeft,
.RadWindow_Default .rwShadow .rwStatusbarRow .rwBodyRight {
    background-image: url('/WebResource.axd?d=Og2v8UCroc5nSMj33Wl2KmFgSrXeu369Isr92AtPAMDm__nfyn1jM6KZL6UVw3CZyJ0hFhsu3w99U09FyAau7xAge8efyy6pzyiqy85nTnRhyRqwj4CJRbIevsKDLXqyHCmcJXyRM2ccbhXh-sf5SIlvfWaYAhO16c9f5fBZiZL9odj00&t=634516086340000000');
}

/* Vertical */
.RadWindow_Default .rwShadow .rwBodyLeft,
.RadWindow_Default .rwShadow .rwBodyRight,
.RadWindow_Default .rwShadow .rwStatusbarRow .rwBodyLeft,
.RadWindow_Default .rwShadow .rwStatusbarRow .rwBodyRight {
    background-image: url('/WebResource.axd?d=OwzbUrKDiQCzQEikoxbvZHfqIcMgCW4KSdGA0Hkt87zbHzOxFwKxmO8IdIOjZnFJT9F93eUNx-ZpHVcW05AGWXTY_5vctQ2E4KkM2jLU_mv0RGrAHnxlTjs2v6ZzBcYaa5FGJLr3P7dmFezVxZ4AdlzR4xFmRmw2vZkU1QaDDCmvSubm0&t=634516086340000000');
}

/* Shadows End */

.RadWindow_Default .rwStatusbar input {
    background-color: #f7f3e9;
}

.RadWindow_Default .rwControlButtons a {
    background-image: url('/WebResource.axd?d=aXtpSGaoXJM7HYkZRUbWbDtWhMMoK8UasGTpkGRoF5v7INeYZgVzQvJprUxuxYYtvmE1U-liYqiAtAkkpYhHcLisETxNgAz5l8DMnOxghDYhDFQxRSmr_8ukBCV9091my3jTb6ZoRdvJZG_hoDO1SVgsuSG5ox4Qzk0RuNBJ_8IRZluX0&t=634516086340000000');
}

.RadWindow_Default a.rwIcon {
    background-image: url('/WebResource.axd?d=Hyhh1qMhUYWTcnREABaocfyzHQUoIGOD1oRLvivpsTe7WcNC-MYA1s89HNkX6PWfV43cyatWCdMjYNG7-PZd_04RyY15RdiYJdC7kr8HjGAN4Si5x2yy4qksNjsG5mAhDt2rP_XRBXNVUZFw1JzEFHtWPbrNtYkM3vu1fvY6rukP4gDj0&t=634516086340000000');
}

div.RadWindow_Default .rwTitlebarControls em {
    color: black;
}

div.RadWindow_Default .rwDialogInput {
    border-top: solid 1px #abadb3;
    border-right: solid 1px #dbdfe6;
    border-bottom: solid 1px #e3e9ef;
    border-left: solid 1px #e2e3ea;
}

    div.RadWindow_Default .rwDialogInput:hover {
        border-top: solid 1px #5794bf;
        border-right: solid 1px #b7d5ea;
        border-bottom: solid 1px #c7e2f1;
        border-left: solid 1px #c5daed;
        color: #565656;
    }

.RadWindow_Default td.rwWindowContent {
    background-color: #fff;
}

/* Loading Indicators */
div.RadWindow_Default tr td.rwLoading {
    background-color: #fff;
}

/* When ShowContentDuringLoad="true" */
.RadWindow_Default td.rwWindowContent.rwLoading {
    background-image: url('/WebResource.axd?d=ZB7pg9rw-R1hhT14VfMmts_Mb8FsGLZ7kA9LT3eSwClUEA0CJ0AVDWgmesyU9cy7QYc0HBtbVEru14hFkgt61KniXJ0ep3EZl9cp6MHkmuGQMv0an7F5jkeDPLAwFK2w0E4zzKoleDFOPzfJKzenUQ0g3pc1&t=634516086340000000');
}

/* When ShowContentDuringLoad="false" */
.RadWindow_Default input.rwLoading {
    background-image: url('/WebResource.axd?d=8k28DX6rI5oPfZbvz68fkzIJoPYDFFfjymJ3Phom8jwiT7qwnP_unB_EjeXsXTAYUuxV-4tB90V77wtn_Z8R7gEiwvI8-tMl1ip07WVcJ0JLnmyzo63oypuMflfrvf94xdED9XTzuke4mF9K9axVs6Zx2Jj2auEQKYOAr0olg_AlZbWJ0&t=634516086340000000');
}

div.RadWindow_Default a.rwCancel,
div.RadWindow_Default a.rwCancel span {
    background: none;
    cursor: pointer;
}

    div.RadWindow_Default a.rwCancel span span {
        color: #000000;
        text-decoration: underline;
    }

/* Shadow Control Buttons */

.RadWindow_Default .rwShadow .rwControlButtons {
    margin: 5px -2px 0 0;
}

.RadWindow_Default .rwShadow .rwControlButtons {
    margin: 5px -1px 0 0\9;
}

/* ctrl buttons when winodw is minimized */
.RadWindow_Default.rwMinimizedWindowShadow .rwShadow .rwControlButtons {
    margin: 7px -8px 0 0;
}

/* Icon when winodw is minimized */
.RadWindow_Default.rwMinimizedWindowShadow .rwShadow .rwIcon {
    margin: 9px 6px 0 0;
}

/*title buttons when winodw is minimized */
.RadWindow_Default.rwMinimizedWindowShadow .rwShadow em {
    margin: 4px 0 0 -1px;
}

.RadWindow_Default .rwShadow .rwControlButtons li {
    float: left;
    padding: 0;
}

.RadWindow_Default .rwShadow .rwControlButtons a {
    width: 26px;
}

.rwInactiveWindow .rwShadow .rwTopLeft,
.rwInactiveWindow .rwShadow .rwTopRight,
.rwInactiveWindow .rwShadow .rwTitlebar,
.rwInactiveWindow .rwShadow .rwFooterLeft,
.rwInactiveWindow .rwShadow .rwFooterRight,
.rwInactiveWindow .rwShadow .rwFooterCenter,
.rwInactiveWindow .rwShadow .rwTopResize,
.rwInactiveWindow .rwShadow .rwStatusbar div,
.rwInactiveWindow .rwShadow .rwStatusbar,
.rwInactiveWindow .rwShadow .rwPopupButton,
.rwInactiveWindow .rwShadow .rwPopupButton span,
.rwInactiveWindow .rwShadow.rwMinimizedWindow .rwCorner,
.RadWindow_Default.rwNoTitleBar.rwInactiveWindow .rwShadow .rwTopLeft,
.RadWindow_Default.rwNoTitleBar.rwInactiveWindow .rwShadow .rwTitlebar,
.RadWindow_Default.rwNoTitleBar.rwInactiveWindow .rwShadow .rwTopRight,
.RadWindow_Default.rwNoTitleBar.rwInactiveWindow .rwShadow .rwFooterLeft,
.RadWindow_Default.rwNoTitleBar.rwInactiveWindow .rwShadow .rwFooterCenter,
.RadWindow_Default.rwNoTitleBar.rwInactiveWindow .rwShadow .rwFooterRight {
    background-image: url('/WebResource.axd?d=Hyhh1qMhUYWTcnREABaocfyzHQUoIGOD1oRLvivpsTe7WcNC-MYA1s89HNkX6PWfV43cyatWCdMjYNG7-PZd_04RyY15RdiYJdC7kr8HjGAN4Si5x2yy4qksNjsG5mAhDt2rP_XRBXNVUZFw1JzEFHtWPbrNtYkM3vu1fvY6rukP4gDj0&t=634516086340000000') !important;
}

.rwInactiveWindow .rwShadow .rwBodyLeft,
.rwInactiveWindow .rwShadow .rwBodyRight,
.rwInactiveWindow .rwShadow .rwStatusbarRow .rwCorner,
.RadWindow_Default.rwNoTitleBar.rwInactiveWindow .rwShadow .rwBodyLeft,
.RadWindow_Default.rwNoTitleBar.rwInactiveWindow .rwShadow .rwBodyRight {
    background-image: url('/WebResource.axd?d=AnCJKsn6JavXCVA_ZA84-_2szvwJMwyzNqtAXQtA2wu3K76vcRJHxclXbsddrmUcWmMpF88eS-9aQ0WBPIJIPhoR47hW3lF8s5Fk4MQ4Hs4w_T4_Xx14alVQmsGORNMij34m0iCPjntTmKZd0TA1P325-4Kk62DjaFpzGPTtT6BTxqCL0&t=634516086340000000') !important;
}



/* END Telerik.Web.UI.Skins.Default.Window.Default.css */
/* START Telerik.Web.UI.Skins.ToolTip.css */
/* RadToolTip Base Stylesheet */
/*set width:auto because if it is 100% the right border is not visible - should be 100% minus the width of the side border TDs*/
.RadToolTip.rtLoading {
    width: auto;
    height: 100%;
}

div.RadToolTip {
    position: absolute;
    cursor: default;
}

    div.RadToolTip div.rtCallout {
        display: none;
    }

    div.RadToolTip.rtVisibleCallout div.rtCallout {
        display: block;
    }

    div.RadToolTip table.rtWrapper {
        padding: 0;
        margin: 0;
        border-collapse: collapse;
    }

.RadToolTip table.rtWrapper td.rtWrapperTopLeft,
.RadToolTip table.rtWrapper td.rtWrapperTopRight,
.RadToolTip table.rtWrapper td.rtWrapperBottomLeft,
.RadToolTip table.rtWrapper td.rtWrapperBottomRight {
    width: 3px;
    height: 3px;
    line-height: 1px;
    font-size: 1px;
    background-color: transparent;
    background-repeat: no-repeat;
}

div.RadToolTip table.rtWrapper td.rtWrapperTopLeft {
    background-position: 0 -12px;
}

div.RadToolTip table.rtWrapper td.rtWrapperTopRight {
    background-position: right -12px;
}

div.RadToolTip table.rtWrapper td.rtWrapperBottomLeft {
    background-position: 0 -63px;
}

div.RadToolTip table.rtWrapper td.rtWrapperBottomRight {
    background-position: right -63px;
}

div.RadToolTip table.rtWrapper td.rtWrapperTopCenter,
div.RadToolTip table.rtWrapper td.rtWrapperBottomCenter {
    height: 3px;
    line-height: 0px;
    font-size: 1px;
    background-repeat: repeat-x;
}

div.RadToolTip table.rtWrapper td.rtWrapperTopCenter {
    background-position: 0 -66px;
}

div.RadToolTip table.rtWrapper td.rtWrapperBottomCenter {
    background-position: 0 -120px;
}

div.RadToolTip table.rtWrapper td.rtWrapperLeftMiddle,
div.RadToolTip table.rtWrapper td.rtWrapperRightMiddle {
    background-repeat: repeat-y;
    font-size: 1px;
    width: 3px;
}

div.RadToolTip table.rtWrapper td.rtWrapperLeftMiddle {
    background-position: 0 0;
}

div.RadToolTip table.rtWrapper td.rtWrapperRightMiddle {
    background-position: -3px 0;
}

div.RadToolTip table.rtWrapper td.rtWrapperContent {
    font: normal 12px "Segoe UI", Arial, Sans-serif;
    height: 100%;
}

div.RadToolTip div.rtTitlebar {
    font: normal 18px "Segoe UI", Arial, Sans-serif;
    float: left;
    line-height: 22px;
}

div.RadToolTip a.rtCloseButton {
    display: block;
    float: right;
    position: absolute;
    right: 1px;
    width: 12px;
    height: 12px;
    font-size: 1px;
    line-height: 1px;
    margin-top: 3px;
    margin-right: 3px;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    outline: none;
}

/* RTL support begin */
div.RadToolTip_rtl a.rtCloseButton,
div.RadToolTip_rtl a.rtCloseButton:hover {
    float: left;
    text-decoration: none;
    outline: none;
    left: 2px;
    margin-left: 1px;
    right: auto;
    margin-right: auto;
}

div.RadToolTip_rtl div.rtTitlebar,
div.RadToolTip_rtl table.rtWrapper td.rtWrapperTopCenter div.rtTitlebar div {
    float: right;
}

/* position="rtCalloutCenter" */
div.RadToolTip_rtl .rtCalloutCenter {
    right: 0;
    left: auto;
}

/* position="rtCalloutBottomRight" */
.RadToolTip_rtl .rtCalloutTopLeft {
    margin-right: -8px;
    left: 0;
}

/* position="rtCalloutBottomCenter" */
.RadToolTip_rtl .rtCalloutTopCenter {
    margin-right: 10px;
}

/* position="rtCalloutBottomLeft" */
.RadToolTip_rtl .rtCalloutTopRight {
    margin-right: 20px;
}

/* position="rtCalloutTopCenter" */
.RadToolTip_rtl .rtCalloutBottomCenter {
    margin-right: 10px;
}

/* position="rtCalloutTopLeft" */
.RadToolTip_rtl .rtCalloutBottomRight {
    margin-right: 40px;
}

/* position="rtCalloutTopRight" */
.RadToolTip_rtl .rtCalloutBottomLeft {
    margin-right: -20px;
    left: 0;
}

/* position="rtCalloutMiddleRight" */
.RadToolTip_rtl .rtCalloutMiddleLeft {
    margin-right: 10px;
    left: 0;
}

/* position="rtCalloutMiddleLeft" */
.RadToolTip_rtl .rtCalloutMiddleRight {
    margin-right: 1px;
}

/* RTL Shadows */
div.RadToolTip_rtl .rtShadow .rtCloseButton,
div.RadToolTip_rtl .rtShadow a.rtCloseButton:hover {
    left: 10px;
}

* + html div.RadToolTip_rtl .rtShadow .rtCloseButton,
* + html div.RadToolTip_rtl .rtShadow a.rtCloseButton:hover {
    left: 17px;
}

/* RTL support end */

div.RadToolTip div.rtCallout {
    position: absolute;
    height: 11px;
    width: 11px;
    line-height: 0px;
    font-size: 1px;
    background-repeat: no-repeat;
}

/* position="rtCalloutCenter" */
div.RadToolTip .rtCalloutCenter {
    visibility: hidden;
}

/* position="rtCalloutBottomRight" */
.RadToolTip .rtCalloutTopLeft {
    margin-top: -10px;
    margin-left: 20px;
    background-position: 0 -22px;
}

/* position="rtCalloutBottomCenter" */
.RadToolTip .rtCalloutTopCenter {
    left: 50%;
    margin-top: -9px;
    margin-left: -10px;
    background-position: 0 0;
}

/* position="rtCalloutBottomLeft" */
.RadToolTip .rtCalloutTopRight {
    left: 100%;
    margin-top: -10px;
    margin-left: -20px;
    background-position: 0 -11px;
}

/* position="rtCalloutTopCenter" */
.RadToolTip .rtCalloutBottomCenter {
    top: 100%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    background-position: 0 -55px;
}

/* position="rtCalloutTopLeft" */
.RadToolTip .rtCalloutBottomRight {
    top: 100%;
    left: 100%;
    margin-left: -40px;
    margin-top: -1px;
    background-position: 0 -66px;
}

/* position="rtCalloutTopRight" */
.RadToolTip .rtCalloutBottomLeft {
    top: 100%;
    margin-left: 20px;
    margin-top: -1px;
    background-position: 0 -77px;
}

/* position="rtCalloutMiddleRight" */
.RadToolTip .rtCalloutMiddleLeft {
    top: 50%;
    margin-left: -10px;
    margin-top: -7px;
    background-position: 0 -44px;
}

/* position="rtCalloutMiddleLeft" */
.RadToolTip .rtCalloutMiddleRight {
    left: 100%;
    top: 50%;
    margin-left: -1px;
    margin-top: -10px;
    background-position: 0 -33px;
}

.RadToolTip table.rtWrapper td.rtWrapperTopLeft,
.RadToolTip table.rtWrapper td.rtWrapperTopCenter,
.RadToolTip table.rtWrapper td.rtWrapperTopRight,
.RadToolTip table.rtWrapper td.rtWrapperLeftMiddle,
.RadToolTip table.rtWrapper td.rtWrapperContent,
.RadToolTip table.rtWrapper td.rtWrapperRightMiddle,
.RadToolTip table.rtWrapper td.rtWrapperBottomLeft,
.RadToolTip table.rtWrapper td.rtWrapperBottomCenter,
.RadToolTip table.rtWrapper td.rtWrapperBottomRight {
    padding: 0;
    border: 0;
    border-collapse: collapse;
}

/* ToolTip Shadows */
.RadToolTip table.rtShadow td.rtWrapperTopLeft,
.RadToolTip table.rtShadow td.rtWrapperTopRight,
.RadToolTip table.rtShadow td.rtWrapperBottomLeft,
.RadToolTip table.rtShadow td.rtWrapperBottomRight {
    width: 7px;
    height: 7px;
    line-height: 1px;
    font-size: 1px;
    background-color: transparent;
    background-repeat: no-repeat;
}

div.RadToolTip table.rtShadow td.rtWrapperTopLeft {
    background-position: 0 -128px;
}

div.RadToolTip table.rtShadow td.rtWrapperTopRight {
    background-position: -9px -128px;
}

div.RadToolTip table.rtShadow td.rtWrapperBottomLeft {
    background-position: 0 -135px;
}

div.RadToolTip table.rtShadow td.rtWrapperBottomRight {
    background-position: -9px -135px;
}

div.RadToolTip table.rtShadow td.rtWrapperTopCenter,
div.RadToolTip table.rtShadow td.rtWrapperBottomCenter {
    height: 7px;
    line-height: 0px;
    font-size: 1px;
    background-repeat: repeat-x;
}

div.RadToolTip table.rtShadow td.rtWrapperTopCenter {
    background-position: 0 -145px;
}

div.RadToolTip table.rtShadow td.rtWrapperBottomCenter {
    background-position: 0 -152px;
}

div.RadToolTip table.rtShadow td.rtWrapperLeftMiddle,
div.RadToolTip table.rtShadow td.rtWrapperRightMiddle {
    background-repeat: repeat-y;
    font-size: 1px;
    width: 7px;
}

div.RadToolTip table.rtShadow td.rtWrapperLeftMiddle {
    background-position: -7px 0;
}

div.RadToolTip table.rtShadow td.rtWrapperRightMiddle {
    background-position: -14px 0;
}

.RadToolTip.rtShadow .rtCalloutTopLeft,
.RadToolTip.rtShadow .rtCalloutTopRight {
    margin-top: -4px;
}

.RadToolTip.rtShadow .rtCalloutTopCenter {
    margin-top: -3px;
}

.RadToolTip.rtShadow .rtCalloutMiddleRight {
    margin-left: -7px;
}

.RadToolTip.rtShadow .rtCalloutMiddleLeft {
    margin-left: -4px;
}

.RadToolTip.rtShadow .rtCalloutBottomRight,
.RadToolTip.rtShadow .rtCalloutBottomCenter,
.RadToolTip.rtShadow .rtCalloutBottomLeft {
    margin-top: -7px;
}

div.RadToolTip table.rtShadow a.rtCloseButton {
    margin-top: 6px;
    margin-right: 8px;
}

* + html div.RadToolTip table.rtShadow a.rtCloseButton {
    margin-top: 10px;
    margin-right: 8px;
}

* + html div.RadToolTip_rtl.rtShadow .rtCalloutMiddleLeft {
    margin-right: 4px !important;
}

/* Visible Shadowed Titlebar */
div.RadToolTip table.rtShadow .rtVisibleTitleBar td.rtWrapperTopLeft {
    background-position: 0 -205px;
}

div.RadToolTip table.rtShadow .rtVisibleTitleBar td.rtWrapperTopCenter {
    background-position: 0 -165px;
}

div.RadToolTip table.rtShadow .rtVisibleTitleBar td.rtWrapperTopRight {
    background-position: -7px -205px;
}
/* END Telerik.Web.UI.Skins.ToolTip.css */
/* START Telerik.Web.UI.Skins.Default.ToolTip.Default.css */
/* RadToolTip Default Skin */

.RadToolTip_Default.rtLoading {
    background: url('/WebResource.axd?d=ZB7pg9rw-R1hhT14VfMmts_Mb8FsGLZ7kA9LT3eSwClUEA0CJ0AVDWgmesyU9cy7QYc0HBtbVEru14hFkgt61KniXJ0ep3EZl9cp6MHkmuGQMv0an7F5jkeDPLAwFK2w0E4zzKoleDFOPzfJKzenUQ0g3pc1&t=634516086340000000') no-repeat center;
}

div.RadToolTip_Default table.rtWrapper td.rtWrapperTopLeft,
div.RadToolTip_Default table.rtWrapper td.rtWrapperTopRight,
div.RadToolTip_Default table.rtWrapper td.rtWrapperBottomLeft,
div.RadToolTip_Default table.rtWrapper td.rtWrapperBottomRight,
div.RadToolTip_Default table.rtWrapper td.rtWrapperTopCenter,
div.RadToolTip_Default table.rtWrapper td.rtWrapperBottomCenter,
div.RadToolTip_Default table.rtShadow td.rtWrapperTopLeft,
div.RadToolTip_Default table.rtShadow td.rtWrapperTopRight,
div.RadToolTip_Default table.rtShadow td.rtWrapperBottomLeft,
div.RadToolTip_Default table.rtShadow td.rtWrapperBottomRight,
div.RadToolTip_Default table.rtShadow td.rtWrapperTopCenter,
div.RadToolTip_Default table.rtShadow td.rtWrapperBottomCenter,
div.RadToolTip_Default a.rtCloseButton {
    background-image: url('/WebResource.axd?d=VAX2V73HM2S8NcNFL2xnXdhp4XrhFMqrsAYWex0VS9DdHmqBQOWhnfROuPwAtZ_kSVWYPFuRcImPZLVsXo5tUZUujIzbumzyU2bgSYyDDbHeKBlgcFwBADVTlkWdRXP-nvf226aw8D-nujfOt4v_5ByXmXG_xA9gIZxUHmzi2R4hqZMF0&t=634516086340000000');
}

div.RadToolTip_Default table.rtWrapper td.rtWrapperLeftMiddle,
div.RadToolTip_Default table.rtWrapper td.rtWrapperRightMiddle,
div.RadToolTip_Default table.rtShadow td.rtWrapperLeftMiddle,
div.RadToolTip_Default table.rtShadow td.rtWrapperRightMiddle {
    background-image: url('/WebResource.axd?d=F54ZQXWrPglXtqnUXauPplCUZbtw12SIXRo6F86SrQqTbG7KkGhOGee11uyAIEp3dthpnAjEmmQhuHFNPsotGBGUiT8RS0oNICOZYK2LQp9BPThjiv4iAxbwKL7sGTNReCe1JZmKk6ame3UWxovKs5v3AAm6ae6NPzGXG2tGavaibs1A0&t=634516086340000000');
}

div.RadToolTip_Default table.rtWrapper td.rtWrapperContent {
    background-color: #fff;
    color: #666;
}

div.RadToolTip_Default div.rtTitlebar {
    color: #666;
}

div.RadToolTip_Default div.rtCallout {
    background-image: url('/WebResource.axd?d=VXimolvyCRHTX9hpc5GAQof9m_GP4GSJBCFuVMcYukJZOjcaIc8iZQG7U7JZWT6Dq7CFTqUwYwWvgvFDceZrS_4D-6eu5Zxm0_zS9oJYMaprWvEoK4LsyyLX4AbrpLPVkeiHN34D8e-xfUsPC8hLsS36DKpg6OnDkT_lJupDySLjl5aC0&t=634516086340000000');
}
/* END Telerik.Web.UI.Skins.Default.ToolTip.Default.css */

iframe {
    overflow-x: hidden;
    overflow-y: scroll;
}

/*---------------------------------------------------------------------------------- START Page content.css-------------------------------------------*/
/*
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                           START Page content.css                                                      //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

img {
    /*border: solid 1px #999999;*/
    margin: 0px 2px 2px 2px;
}

hr {
    border: solid 1px #C71444;
}

h1 {
    font-size: large;
    color: #C71444;
}

h2 {
    font-size: medium;
    font-weight: bold;
    color: #C71444;
}

h3 {
    font-size: medium;
    font-weight: bold;
    color: #C71444;
}

h6 {
    font-size: small;
    font-weight: bold;
}

rade_toolbar.Default SavePage {
    background-image: url(~/Images/toolbar/toolbar_save_16x16.gif);
    background-position: center;
    background-repeat: no-repeat;
}

rade_toolbar.Default SavePageAndClose {
    background-image: url(~/Images/toolbar/toolbar_save_as_16x16.gif);
    background-position: center;
    background-repeat: no-repeat;
}

rade_toolbar.Default Close {
    background-image: url(~/Images/toolbar/toolbar_folder_close_16x16.gif);
    background-position: center;
    background-repeat: no-repeat;
}
/*---------------------------------------------------------------------------------- START Page basemaster.css ----------------------------------------/*
                                                                                                                                                       /*
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                           START Page basemaster.css                                                   //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
                                                                                                                                                       //
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
html {
    overflow-x: auto;
    overflow-y: scroll;
}

body {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
}

#GlobalDiv {
    position: relative;
    width: 920px;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
}

#TopBar {
    position: relative;
    width: 100%;
    height: 109px;
    z-index: 0;
    background-color: #293B6B;
    background-image: url(../Images/top_bar.jpg);
    background-repeat: no-repeat;
    background-position: left;
}

#Navigation {
    position: relative;
    float: inherit;
    width: 100%;
    height: 25px;
    padding-top: 0px;
    background-color: #1A4359;
    z-index: 0;
    background-image: url('../Images/nav_bg.jpg');
}

#FlashHolder {
    position: relative;
    width: 920px;
    z-index: 3;
    visibility: visible;
    float: left;
    height: 250px;
    background-color: #F4F4F4;
}

#ContentHolder {
    position: relative;
    width: 920px;
    z-index: 6;
    visibility: visible;
    float: left;
    background-image: url(../Images/content_bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
}

#HomeContent {
    position: relative;
    float: left;
    width: 546px;
    z-index: 0;
    padding-top: 20px;
    padding-left: 10px;
}

#SubContent {
    position: relative;
    float: left;
    width: 732px;
    z-index: 0;
    padding-top: 20px;
    padding-left: 10px;
    padding-bottom: 20px;
}

#Logos {
    float: right;
    position: inherit;
    z-index: 8;
    width: 168px;
    height: 430px;
}

#Search {
    float: right;
    position: relative;
    z-index: 8;
    width: 196px;
    height: 430px;
}

#Footer {
    position: inherit;
    width: 920px;
    height: 74px;
    margin-top: 2px;
    background-color: #FFFFFF;
}

#TableFloat {
    float: left;
    width: 257px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.Loginpadding {
    padding: 15px;
}

.logininput {
    font-family: "Trebuchet MS";
    font-size: 11px;
    background-color: #BCDCE9;
    height: 17px;
    width: 125px;
    border-style: solid;
    border-width: thin;
    border-color: #BCDCE9;
}

/* Style */

H1 {
    font-size: 24px;
    color: #165F89;
    font-weight: lighter;
}

H2 {
    font-size: 18px;
    color: #165F89;
    font-weight: lighter;
}

H3 {
    font-size: 16px;
    color: #165F89;
    font-weight: lighter;
}

a {
    font-family: Roboto;
    font-size: 15px;
    color: #333333;
    font-weight: 300;
    /*new*/
    padding-top: 4px;
    vertical-align: middle;
}

    a:link {
        text-decoration: underline;
    }

    a:visited {
        text-decoration: none;
        color: #B8CF28;
    }

    a:hover {
        text-decoration: underline;
        color: #333333;
        font-weight: 400;
    }

    a:active {
        text-decoration: none;
        color: #333333;
    }

.topnav {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}

    .topnav:link {
        color: #FFFFFF;
    }

    .topnav:visited {
        color: #FFFFFF;
    }

    .topnav:hover {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #FFFFFF;
        text-decoration: underline;
    }

    .topnav:active {
        color: #FFFFFF;
    }

.footernav {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #165F89;
}

    .footernav:link {
        color: #165F89;
    }

    .footernav:visited {
        color: #165F89;
    }

    .footernav:hover {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #165F89;
        text-decoration: underline;
    }

    .footernav:active {
        color: #165F89;
    }

.searchinput {
    font-family: "Trebuchet MS";
    font-size: 11px;
    height: 15px;
    width: 172px;
    background-color: #D0D2D5;
    border: 1px solid #666666;
}

.listbox {
    font-family: Roboto;
    font-size: 15px;
    height: 23px;
    width: 210px;
    background-color: #EEEEEE;
    border: none;
    line-height: 25px;
}

.Loginsmall {
    font-size: 10px;
}

.error1 {
    font-size: 12px;
    font-weight: bold;
    color: #CC0000;
}

.reportAnalyticsLess0 {
    border-radius: 1px;
    background-color: #E57373;
    padding: 10px 10px 10px 10px;
    text-align: center;
    border-radius: 5px;
    border-style: solid;
    border-width: 0.5px;
    border-color: white;
}

.reportAnalytics0 {
    border-radius: 1px;
    background-color: #FFB74D;
    padding: 10px 10px 10px 10px;
    text-align: center;
    border-radius: 5px;
    border-style: solid;
    border-width: 0.5px;
    border-color: white;
}

.reportAnalyticsBigger0 {
    border-radius: 1px;
    background-color: #CDDD69;
    padding: 10px 10px 10px 10px;
    text-align: center;
    border-radius: 5px;
    border-style: solid;
    border-width: 0.5px;
    border-color: white;
}

.reportTouchpointBigger9 {
    border-radius: 1px;
    background-color: rgb(100, 181, 246);
    padding: 10px;
    text-align: center;
}

.reportTouchpointBigger7 {
    border-radius: 1px;
    background-color: rgb(205, 221, 105);
    padding: 10px;
    text-align: center;
}

.reportTouchpointBigger4 {
    border-radius: 1px;
    background-color: rgb(255, 255, 153);
    padding: 10px;
    text-align: center;
}

.reportTouchpointBigger2 {
    border-radius: 1px;
    background-color: rgb(255, 183, 77);
    padding: 10px;
    text-align: center;
}

.reportTouchpointBigger0 {
    border-radius: 1px;
    background-color: rgb(229, 115, 115);
    padding: 10px;
    text-align: center;
}

.reportTouchpointNoScore {
    border-radius: 1px;
    background-color: #fff;
    padding: 10px;
    text-align: center;
}

.TableHeaders {
    text-align: center;
    background-color: #EEEEEE;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    height: 35px;
    border-radius: 2px;
}

.TableHeadersGrid {
    text-align: left;
    vertical-align: bottom !important;
    background-color: #EEEEEE;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    height: 35px;
    padding: 5px;
}

.TableSubHeadersGrid {
    text-align: left;
    vertical-align: bottom !important;
    background-color: #E0E0E0 !important;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    height: 35px;
    padding: 5px;
}

.TableSubHeadersGridCenter {
    text-align: center;
    background-color: #E0E0E0 !important;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    height: 35px;
    padding: 5px;
    vertical-align: middle !important;
    /*min-width: 300px;*/
    text-wrap: none;
}

.TableHeadersGridMiddle {
    text-align: center;
    vertical-align: middle !important;
    background-color: #EEEEEE;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    height: 35px;
    padding: 5px;
}

.TableSubSubHeadersGridCenter {
    text-align: center;
    background-color: #F2F2F2 !important;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    height: 35px;
    padding: 5px;
    vertical-align: middle !important;
    text-wrap: none;
}

.roundedTopGreen {
    border-radius: 4px 4px 0px 0px;
    border: 1px solid #91B20F;
    background-color: #91B20F;
    /*padding: 2px;*/
    font-family: Roboto;
    font-size: 18px;
    text-align: center;
    padding-top: 10px;
    color: white;
}

.pageSubHeaders {
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
}

.pageSubHeadersNormal {
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
}

.roundedTopDarkGray {
    border-radius: 4px 4px 0px 0px;
    border: 1px solid #616161;
    background-color: #616161;
    /*padding: 2px;*/
    font-family: Roboto;
    font-size: 12px;
    text-align: center;
    padding-top: 10px;
    color: white;
}

.roundedBottomLightGray {
    border-radius: 0px 0px 4px 4px;
    border: 1px solid #E0E0E0;
    background-color: #E0E0E0;
    /*padding: 2px;*/
    font-family: Roboto;
    font-size: 12px;
    text-align: center;
    padding-top: 10px;
    color: black;
}

.roundedNPSScore {
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #8BC34A;
    background-color: #8BC34A;
    /*padding: 2px;*/
    font-family: Roboto;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    padding-top: 8px;
    color: #ffffff;
}

.roundedCEIScore {
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #1E88E5;
    background-color: #1E88E5;
    /*padding: 2px;*/
    font-family: Roboto;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    padding-top: 8px;
    color: #ffffff;
}

.SubscriptionHeader {
    color: #A0BD18;
    font-size: 18px;
    font-weight: bold;
}

.PagerCell {
    font: normal 12px Roboto;
    font-weight: normal;
    color: #333;
    border: 0;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    background: #F2F2F2;
    padding-top: 5px;
    padding-bottom: 4px;
    padding-left: 1px;
    padding-right: 1px;
    text-align: left;
    font-weight: normal;
    border-spacing: 0;
    width: 10px;
    padding-right: 2px;
}

.PagerCellLast {
    font: normal 12px Roboto;
    font-weight: normal;
    color: #333;
    border: 0;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    background: #F2F2F2;
    padding-top: 5px;
    padding-bottom: 4px;
    padding-left: 1px;
    padding-right: 1px;
    text-align: left;
    font-weight: normal;
    border-spacing: 0;
}

.PagerButtonUnselected {
    border-color: #E0E0E0;
    background: #F2F2F2;
    cursor: pointer;
    color: #333;
    margin: 0;
    padding: 0 .5em 0;
    line-height: 1.833em;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 2px;
    white-space: nowrap;
    font: normal 12px Roboto;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 20px;
}

.PagerButton {
    border-color: #898989;
    background: #898989;
    cursor: pointer;
    color: #333;
    margin: 0;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 2px;
    white-space: nowrap;
    font: normal 12px Roboto;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 20px;
}

.TableHeaderRed {
    text-align: center;
    background-color: #E57373;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    height: 35px;
    border-radius: 2px;
}

.TableHeaderOrange {
    text-align: center;
    background-color: #FFB74D;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    height: 35px;
    border-radius: 2px;
}

.TableHeaderBlue {
    text-align: center;
    background-color: #64B5F6;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    height: 35px;
    border-radius: 2px;
}

.TableHeaderGreen {
    text-align: center;
    background-color: #CDDD69;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    height: 35px;
    border-radius: 2px;
}

.TableHeaderRed1 {
    text-align: center;
    background-color: #E57373;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    padding: 5px;
    border-style: solid solid solid solid;
    border-width: thin;
    border-color: #FFFFFF;
    color: #000000;
}

.TableHeaderOrange1 {
    text-align: center;
    background-color: #FFB74D;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    padding: 5px;
    border-style: solid solid solid solid;
    border-width: thin;
    border-color: #FFFFFF;
    color: #000000;
}

.TableHeaderBlue1 {
    text-align: center;
    background-color: #64B5F6;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    padding: 5px;
    border-style: solid solid solid solid;
    border-width: thin;
    border-color: #FFFFFF;
    color: #000000;
}

.TableHeaderGreen1 {
    text-align: center;
    background-color: #CDDD69;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    padding: 5px;
    border-style: solid solid solid solid;
    border-width: thin;
    border-color: #FFFFFF;
    color: #000000;
}

.TableHeaderOrangeMixed {
    text-align: center;
    background: -webkit-linear-gradient(50deg, #FFB74D 50%, #64B5F6 50%);
    background: linear-gradient(50deg, #FFB74D 50%, #64B5F6 50%);
    Font-Size: 14px;
    Color: #424242;
    padding: 5px;
    border-style: solid solid solid solid;
    border-width: thin;
    border-color: #FFFFFF;
    color: #000000;
}

.TableHeaderRedMixed {
    text-align: center;
    background: -webkit-linear-gradient(50deg, #E57373 50%, #64B5F6 50%);
    background: linear-gradient(50deg, #E57373 50%, #64B5F6 50%);
    Font-Size: 14px;
    Color: #424242;
    padding: 5px;
    border-style: solid solid solid solid;
    border-width: thin;
    border-color: #FFFFFF;
    color: #000000;
}

.roundedNPS {
    background-color: #8BC34A;
    padding: 10px 10px 10px 10px;
    text-align: center;
    border-radius: 4px;
    color: white;
}

.rotate {
    transform: rotate(-90deg);
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.thCustom {
    vertical-align: bottom;
    text-align: center;
    font-weight: bold;
}

    .thCustom span {
        -ms-writing-mode: tb-rl;
        -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        white-space: nowrap;
    }

.textCell {
    width: 50px;
    margin: 5px 0 10px 0;
    border-spacing: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #cdcdcd;
    text-align: center;
    background-color: #fff;
}

.ServicesSchedulerMGray {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/Scheduler-86191.svg');
    background-size: 40px 41px;
    filter: invert(32%) sepia(3%) saturate(3%) hue-rotate(25deg) brightness(94%) contrast(86%);
}

.LicenseManagerM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun-LicenseManager-273755.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.SettingsCDM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_towers_258614.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.SettingsLinkCompanyM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun-LinkCompanies-4725636.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.EmailSettingsM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun-email-server-1726510.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.SettingsManagersM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_manager_1064797.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.SettingsManagersMS {
    display: inline-block;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    background: url('../Images/menu/noun_manager_1064797.svg');
    background-size: 25px 25px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.SettingsEmployeesS {
    display: inline-block;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    background: url('../Images/menu/noun_Employee_3547173.svg');
    background-size: 25px 25px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.SettingsRatedEntitiesM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_hierarchy_1245913.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.SettingsRatedEntitiesMS {
    display: inline-block;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    background: url('../Images/menu/noun_hierarchy_1245913.svg');
    background-size: 25px 25px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.SettingsEmployeesM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_Employee_3547173.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.RespondentCountM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_respondent_3857492.svg');
    background-size: 40px 40px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.SubscriptionsM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_subscription_3915554.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.SatAppsM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun-integrations-5253152.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.HelpSuportInfoM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun-information-2980572.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.EnrichDashM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_dashboard_3603834.svg');
    background-size: 40px 40px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.EnrichDashMenu {
    display: inline-block;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    background: url('../Images/menu/noun_dashboard_3603834.svg');
    background-size: 32px 32px;
    vertical-align: middle;
    filter: invert(96%) sepia(100%) saturate(12%) hue-rotate(237deg) brightness(103%) contrast(103%); /*White*/
}

.EnrichDashCourses {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/noun-skill-2997663.svg');
    background-size: 40px 40px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.EnrichDashLearners {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/noun-training-2134088.svg');
    background-size: 40px 40px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.EnrichDashInProgress {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/noun-positive-dynamic-1219293.svg');
    background-size: 40px 40px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.EnrichDashOverdueDeadline {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/noun-stopwatch-1456738.svg');
    background-size: 40px 40px;
    filter: invert(75%) sepia(14%) saturate(5692%) hue-rotate(329deg) brightness(99%) contrast(92%); /*Orange*/
}

.AuthorzoneSurveysM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_Survey_3183406.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.CreateEditCourseM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun-documentation-1890359.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.ConfirmationStatementM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun-ConfirmationStatement-3527862.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.ManagementTrainingContent {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/Market-Research-Reports-3455583.svg');
    background-size: 40px 40px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.DevelopmentalFrameworkM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/Framework.svg?id=1024');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.AuthorzoneQRM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_QR Code_3548912.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.BLManagementM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_manage_3323948.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.AddressBookM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_address_book.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.ReportSchedulerM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/ReportScheduler.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.ServicesSchedulerMWhite {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/Scheduler-86191.svg');
    background-size: 40px 41px;
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(295deg) brightness(101%) contrast(100%);
}

.ServicesSchedulerMGreen {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/Scheduler-86191.svg');
    background-size: 40px 41px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.EmailGatewayM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_Gateway_2366968.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.EmailReportResendM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_page_1369342.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.WhatsAppPortalM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_whatsapp_988426.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.TextMessageCostReportM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/text_message_cost-2332478.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.VXCDashM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_dashboard_3603834.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.ReportingM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun-reporting-1012649.svg');
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.CXSurveyM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/CXSurvey.svg');
    background-size: 40px 40px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.CXSurveyDashSmall {
    display: inline-block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url('../Images/menu/noun_net promoter score_3683238.svg');
    background-size: 30px 30px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.CXSurveyDashScheduler {
    display: inline-block;
    text-indent: -9999px;
    width: 55px;
    height: 55px;
    background: url('../Images/menu/CXSurvey.svg');
    background-size: 55px 55px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.CEIDashSmall {
    display: inline-block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url('../Images/menu/noun_customer journey_508798.svg');
    background-size: 30px 30px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.OverallReportM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_donut chart_179486.svg');
    background-size: 40px 40px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.GraphicalViewM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_finance_2910162.svg');
    background-size: 40px 40px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.ComparativeM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_comparative_3047446.svg');
    background-size: 40px 40px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.ProgressiveM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_planning step_4067431.svg');
    background-size: 40px 40px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.TrendM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_Graph_50831.svg');
    background-size: 40px 40px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.FocusM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_focus_2749942.svg');
    background-size: 40px 40px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.RespondentScoreM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_Response_2644333.svg');
    background-size: 40px 40px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.RespondentCountM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_respondent_3857492.svg');
    background-size: 40px 40px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.BLReportM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_report_1519094.svg');
    background-size: 40px 40px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.PerceiveAIReportM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/AI-Report-2490385.svg');
    background-size: 40px 40px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.BrandLoyaltyReportM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/Brand-LoyaltyReport-1013168.svg');
    background-size: 40px 40px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.MarketResearchReportM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/Market-Research-report-3455583.svg');
    background-size: 40px 40px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.BLManagementM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_manage_3323948.svg');
    background-size: 40px 40px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.ArticlesAssociationM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun-ArticlesofAssociation-4066602.svg');
    background-size: 40px 40px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.ConsolidatedSummaryM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_Merger_3918389.svg');
    background-size: 40px 40px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.MarketResearchOutputM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_output_1825406.svg');
    background-size: 40px 40px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.CXMonitorM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_CX Monitor.svg');
    background-size: 40px 40px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.EngagementTrackerM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/EngagementTracker.svg');
    background-size: 40px 40px;
    filter: invert(76%) sepia(20%) saturate(4470%) hue-rotate(329deg) brightness(100%) contrast(94%); /*Orange*/
}

.LMUFM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/LMUF.svg');
    background-size: 40px 40px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.LMUFMS {
    display: inline-block;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    background: url('../Images/menu/LMUF.svg');
    background-size: 25px 25px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.HeatMapM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_Heat Map_1916191.svg');
    background-size: 40px 40px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.AppraisalReviewM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_Appraisal_Review.svg');
    background-size: 40px 40px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.AppraisalReviewFinalM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun-leadershipl-5514087.svg');
    background-size: 40px 40px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.ReflectScheduler {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_Reflect_3941260.svg');
    background-size: 40px 40px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.ReportSchedulerGreen {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/ReportScheduler.svg');
    background-size: 40px 40px;
    filter: brightness(0) saturate(100%) invert(81%) sepia(37%) saturate(807%) hue-rotate(18deg) brightness(90%) contrast(101%); /*Green*/
}

.Review360M {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/360Review.svg');
    background-size: 40px 40px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.Leadership360M {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun-leadershipl-5514087.svg');
    background-size: 40px 40px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.Review360MS {
    display: inline-block;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    background: url('../Images/menu/360Review.svg');
    background-size: 25px 25px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.PulseM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/PulseInsights.svg');
    background-size: 40px 40px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.PeerReviewM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/PeerReview.svg');
    background-size: 40px 40px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.BLManagementReflectM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_manage_3323948.svg');
    background-size: 40px 40px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.EmplEngagementWellbeingM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/EmpEngWell.svg');
    background-size: 40px 40px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.EmplEngagementWellbeingMS {
    display: inline-block;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    background: url('../Images/menu/EmpEngWell.svg');
    background-size: 25px 25px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.EmplSatisfactionIndexM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/EmpSatInd.svg');
    background-size: 40px 40px;
    vertical-align: middle;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.OverallReportReflectM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_donut chart_179486.svg');
    background-size: 40px 40px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.GraphicalViewReflectM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_finance_2910162.svg');
    background-size: 40px 40px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.CoreValuesOverviewM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_core values_2802640.svg');
    background-size: 40px 40px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.ConsolidatedSummaryReflectM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_Merger_3918389.svg');
    background-size: 40px 40px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.BLReportReflectM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_report_1519094.svg');
    background-size: 40px 40px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.ReflectAIReportM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/AI-Report-2490385.svg');
    background-size: 40px 40px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.ArticlesAssociationReflectM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun-ArticlesofAssociation-4066602.svg');
    background-size: 40px 40px;
    filter: invert(21%) sepia(56%) saturate(1200%) hue-rotate(254deg) brightness(97%) contrast(100%); /*Purple*/
}

.EnrichMetricsM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun-metrics-1916209.svg');
    background-size: 40px 40px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.EnrichEmplGroupOverviewM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun-progress-172434.svg');
    background-size: 40px 40px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.EnrichTrainingCompletionReportM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun-Training_Completion_Report.svg');
    background-size: 40px 40px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.EnrichTestQuestionAnalysisM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun-TestQuestionAnalysis-4829763.svg');
    background-size: 40px 40px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.HeatMapEnrichM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_Heat Map_1916191.svg');
    background-size: 40px 40px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.EnrichAllocatCoursesM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/AllocateCourses.svg');
    background-size: 40px 40px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.EnrichStudyTeamsM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_team_3741604.svg');
    background-size: 40px 40px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.DevelopmentalFrameworkReportM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/Framework_Report.svg');
    background-size: 40px 40px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.DevelopmentalAnalysisM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/DevAnalysis.svg');
    background-size: 40px 40px;
    vertical-align: middle;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.DevelopmentalAnalysisOverviewM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/DevAnalysisOverview.svg');
    background-size: 40px 40px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.EnrichTestProgressM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun_Human Skills_38926.svg');
    background-size: 40px 40px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.AppraisalQuestionResponse {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/Emp-Resp-Questions-1195076.svg');
    background-size: 40px 40px;
    vertical-align: middle;
    filter: invert(96%) sepia(100%) saturate(12%) hue-rotate(237deg) brightness(103%) contrast(103%);
}

.fa-chevron-down {
    text-decoration: none !important;
    font-size: 35px !important;
    color: #FBFBFB;
    font-weight: 400 !important;
}

.AppraisalReviewPrevObjectives {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/Review-Prev-Obj-2978829.svg');
    background-size: 40px 40px;
    vertical-align: middle;
    filter: invert(96%) sepia(100%) saturate(12%) hue-rotate(237deg) brightness(103%) contrast(103%);
}

.AppraisalReviewCurrObjectives {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/Agreed-Objectives-843332.svg');
    background-size: 40px 40px;
    vertical-align: middle;
    filter: invert(96%) sepia(100%) saturate(12%) hue-rotate(237deg) brightness(103%) contrast(103%);
}

.AppraisalScoreTable {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/Appraisal-Scores-3405508.svg');
    background-size: 40px 40px;
    vertical-align: middle;
    filter: invert(96%) sepia(100%) saturate(12%) hue-rotate(237deg) brightness(103%) contrast(103%);
}

.SmileyButton {
    font-size: 35px;
    color: #B8CF28;
    text-decoration: none !important;
    border-style: none;
    background-color: transparent;
}

    .SmileyButton:hover {
        color: #A6BD24;
    }

.progressContainer {
    width: 250px;
    height: 23px;
    border-color: #cdcccc;
    border-style: solid;
    border-width: 1px;
    border-radius: .28571429em;
    box-sizing: border-box;
    background-color: #e6e6e6;
    background-image: none,linear-gradient(to top,rgba(255,255,255,0),rgba(255,255,255,0.5));
}

.progress1 {
    background-color: #81C784;
    border-color: #81C784;
    border-radius: .28571429em 0 0 .28571429em;
    background-image: none,linear-gradient(to top,rgba(255,255,255,0.5),rgba(255,255,255,0));
    height: 100%;
    /*border-style: solid;
            border-width: 1px;
            overflow: hidden;*/
}

.progress2 {
    background-color: #4FC3F7;
    border-color: #4FC3F7;
    border-radius: .28571429em 0 0 .28571429em;
    background-image: none,linear-gradient(to top,rgba(255,255,255,0.5),rgba(255,255,255,0));
    height: 100%;
    /*border-style: solid;
            border-width: 1px;
            overflow: hidden;*/
}

.progress3 {
    background-color: #FFD54F;
    border-color: #FFD54F;
    border-radius: .28571429em 0 0 .28571429em;
    background-image: none,linear-gradient(to top,rgba(255,255,255,0.5),rgba(255,255,255,0));
    height: 100%;
    /*border-style: solid;
            border-width: 1px;
            overflow: hidden;*/
}

.progress4 {
    background-color: #4DB6AC;
    border-color: #4DB6AC;
    border-radius: .28571429em 0 0 .28571429em;
    background-image: none,linear-gradient(to top,rgba(255,255,255,0.5),rgba(255,255,255,0));
    height: 100%;
    /*border-style: solid;
            border-width: 1px;
            overflow: hidden;*/
}

.progress5 {
    background-color: #E57373;
    border-color: #E57373;
    border-radius: .28571429em 0 0 .28571429em;
    background-image: none,linear-gradient(to top,rgba(255,255,255,0.5),rgba(255,255,255,0));
    height: 100%;
    /*border-style: solid;
            border-width: 1px;
            overflow: hidden;*/
}

.progress6 {
    background-color: #90A4AE;
    border-color: #90A4AE;
    border-radius: .28571429em 0 0 .28571429em;
    background-image: none,linear-gradient(to top,rgba(255,255,255,0.5),rgba(255,255,255,0));
    height: 100%;
    /*border-style: solid;
            border-width: 1px;
            overflow: hidden;*/
}

.progress7 {
    background-color: #66BB6A;
    border-color: #66BB6A;
    border-radius: .28571429em 0 0 .28571429em;
    background-image: none,linear-gradient(to top,rgba(255,255,255,0.5),rgba(255,255,255,0));
    height: 100%;
    /*border-style: solid;
            border-width: 1px;
            overflow: hidden;*/
}

.progress8 {
    background-color: #FF7043;
    border-color: #FF7043;
    border-radius: .28571429em 0 0 .28571429em;
    background-image: none,linear-gradient(to top,rgba(255,255,255,0.5),rgba(255,255,255,0));
    height: 100%;
    /*border-style: solid;
            border-width: 1px;
            overflow: hidden;*/
}

.progress9 {
    background-color: #B4C6E7;
    border-color: #B4C6E7;
    border-radius: .28571429em 0 0 .28571429em;
    background-image: none,linear-gradient(to top,rgba(255,255,255,0.5),rgba(255,255,255,0));
    height: 100%;
    /*border-style: solid;
            border-width: 1px;
            overflow: hidden;*/
}

.progress10 {
    background-color: #9BFFA8;
    border-color: #9BFFA8;
    border-radius: .28571429em 0 0 .28571429em;
    background-image: none,linear-gradient(to top,rgba(255,255,255,0.5),rgba(255,255,255,0));
    height: 100%;
}

.progress11 {
    background-color: #F0F4A6;
    border-color: #F0F4A6;
    border-radius: .28571429em 0 0 .28571429em;
    background-image: none,linear-gradient(to top,rgba(255,255,255,0.5),rgba(255,255,255,0));
    height: 100%;
}

.progressDefault {
    background-color: #B8CF28;
    border-color: #81C784;
    border-radius: .28571429em 0 0 .28571429em;
    background-image: none,linear-gradient(to top,rgba(255,255,255,0.5),rgba(255,255,255,0));
    height: 100%;
}

.row1 {
    background-color: transparent;
    padding: 3px;
}

.row2 {
    background-color: #F2F2F2;
    padding: 3px;
}

.QuestionLibraryM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/menu/noun-Question Library-1210625.svg');
    background-size: auto;
    background-size: 40px 40px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.ReportScaleButton {
    max-width: 20px;
    max-height: 10px;
    min-width: 20px;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: #B8CF28;
    text-decoration: none !important;
    color: black;
    font-size: 13px;
    /*display: block;*/
    background-color: #F8F8F8;
}

.ReportScaleButtonSelected {
    max-width: 20px;
    max-height: 10px;
    min-width: 20px;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: #B8CF28;
    text-decoration: none !important;
    color: white;
    font-size: 13px;
    /*display: block;*/
    background-color: #B8CF28;
}

.KPIReportImg {
    display: inline-block;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    background: url('../Images/noun-training_KPI_status.svg');
    background-size: 20px 20px;
    vertical-align: middle;
    filter: invert(96%) sepia(100%) saturate(12%) hue-rotate(237deg) brightness(103%) contrast(103%);
}

.KPIReportImgM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/noun-training_KPI_status.svg');
    background-size: 40px 40px;
    vertical-align: middle;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.Training1Img {
    display: inline-block;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    background: url('../Images/noun-training_by_person.svg');
    background-size: 20px 20px;
    vertical-align: middle;
    filter: invert(96%) sepia(100%) saturate(12%) hue-rotate(237deg) brightness(103%) contrast(103%);
}

.Training1ImgM {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/noun-training_by_person.svg');
    background-size: 40px 40px;
    vertical-align: middle;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.Training2Img {
    display: inline-block;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    background: url('../Images/noun-TrainingByOrganisation-402066.svg');
    background-size: 25px 25px;
    vertical-align: middle;
    filter: invert(96%) sepia(100%) saturate(12%) hue-rotate(237deg) brightness(103%) contrast(103%);
}

.Training2ImgM {
    display: inline-block;
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    background: url('../Images/noun-TrainingByOrganisation-402066.svg');
    background-size: 50px 50px;
    vertical-align: middle;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.TrainingJobRoleSmall {
    display: inline-block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url('../Images/noun-JobRole-1002262.svg');
    background-size: 30px 30px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.TrainingCertifiedMonthSmall {
    display: inline-block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url('../Images/CertificationByMonth-86191.svg');
    background-size: 30px 30px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.TrainingCertifiedCountrySmall {
    display: inline-block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url('../Images/noun-certifiedbycountry-4836514.svg');
    background-size: 30px 30px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.TrainingCompletionByCourseSmall {
    display: inline-block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url('../Images/noun-CompletionByCourse-4139772.svg');
    background-size: 30px 30px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.TrainingCertifiedUserSmall {
    display: inline-block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url('../Images/noun-CertificationByUser-4520535.svg');
    background-size: 30px 30px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.TrainingTenureSmall {
    display: inline-block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url('../Images/noun-tenure-4867831.svg');
    background-size: 30px 30px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.TrainingCertifiedLevelSmall {
    display: inline-block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url('../Images/noun-CertificationByLevel-210139.svg');
    background-size: 30px 30px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.TrainingCertificationSmall {
    display: inline-block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url('../Images/noun-Certification-3147000.svg');
    background-size: 30px 30px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.TrainingKPINoStaffSmall {
    display: inline-block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url('../Images/noun-No.ofStaff-3523154.svg');
    background-size: 30px 30px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.TrainingKPINoOrgsSmall {
    display: inline-block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url('../Images/noun-No.Organisations-1837373.svg');
    background-size: 30px 30px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.TrainingKPIAvgStaffSmall {
    display: inline-block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url('../Images/noun-AverageStaffperOrg-4949300.svg');
    background-size: 30px 30px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.TrainingKPIYTDAchievedSmall {
    display: inline-block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url('../Images/noun-KPI_YTD_Achievemnet-5188131.svg');
    background-size: 30px 30px;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.TrainingOrgSmall {
    display: inline-block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url('../Images/noun-TrainingByOrganisation-402066.svg');
    background-size: 30px 30px;
    vertical-align: middle;
    filter: invert(27%) sepia(23%) saturate(4159%) hue-rotate(192deg) brightness(94%) contrast(94%); /*Blue*/
}

.AvailCredit {
    display: inline-block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url('../Images/available_credit-3741239.svg');
    background-size: 30px 30px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.TotalSpent {
    display: inline-block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url('../Images/total_spent-3201936.svg');
    background-size: 30px 30px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.UploadButton {
    cursor: pointer;
    display: inline-block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url('../Images/noun-import-3283603.svg');
    background-size: 30px 30px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.UploadButtonSM {
    cursor: pointer;
    display: inline-block;
    text-indent: -9999px;
    width: 22px;
    height: 22px;
    background: url('../Images/noun-import-3283603.svg');
    background-size: 22px 22px;
    filter: invert(89%) sepia(74%) saturate(580%) hue-rotate(9deg) brightness(83%) contrast(95%);
}

.NemoAvailCredit {
    width: 24px;
    height: 24px;
    background: url('../Images/available_credit.svg') no-repeat center;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(95%) sepia(23%) saturate(1%) hue-rotate(334deg) brightness(105%) contrast(100%);
    flex-shrink: 0; /* Prevents shrinking */
}

.HelpSM {
    width: 24px;
    height: 24px;
    background: url('../Images/noun-QuestionType-3972391.svg') no-repeat center;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(95%) sepia(23%) saturate(1%) hue-rotate(334deg) brightness(105%) contrast(100%);
    flex-shrink: 0; /* Prevents shrinking */
}

.NemoPDFUpload {
    display: inline-block;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    background: url('../Images/pdfUpload.svg');
    background-size: 25px 25px;
    filter: brightness(0) saturate(100%) invert(21%) sepia(0%) saturate(0%) hue-rotate(179deg) brightness(100%) contrast(84%); /*Charcoal*/
}

.NemoWebsiteUpload {
    display: inline-block;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    background: url('../Images/websiteupload.svg');
    background-size: 25px 25px;
    filter: brightness(0) saturate(100%) invert(21%) sepia(0%) saturate(0%) hue-rotate(179deg) brightness(100%) contrast(84%); /*Charcoal*/
}

.NemoManagement {
    display: inline-block;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    background: url('../Images/nemo_management.svg');
    background-size: 25px 25px;
    filter: brightness(0) saturate(100%) invert(21%) sepia(0%) saturate(0%) hue-rotate(179deg) brightness(100%) contrast(84%); /*Charcoal*/
}

.NemoAskNemo {
    display: inline-block;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    background: url('../Images/askNemo.svg');
    background-size: 25px 25px;
    filter: brightness(0) saturate(100%) invert(21%) sepia(0%) saturate(0%) hue-rotate(179deg) brightness(100%) contrast(84%); /*Charcoal*/
}

.NemoReporting {
    display: inline-block;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    background: url('../Images/nemo_Reporting.svg');
    background-size: 25px 25px;
    filter: brightness(0) saturate(100%) invert(21%) sepia(0%) saturate(0%) hue-rotate(179deg) brightness(100%) contrast(84%); /*Charcoal*/
}

.NemoUpgradeNow {
    display: inline-block;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    background: url('../Images/upgradeNow.svg');
    background-size: 25px 25px;
    filter: brightness(0) saturate(100%) invert(95%) sepia(23%) saturate(1%) hue-rotate(334deg) brightness(105%) contrast(100%); /*White*/
}

.RadWindow_Sunset table .rwTitlebar {
    background: #B8CF28 !important;
    text-align: center !important;
    font-size: 18px !important;
    height: 30px;
    border-style: solid;
    border-top-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;
    border-color: #b8cf28;
}

.RadWindow .rwWindowContent {
    border-style: solid;
    border-top-width: 0px;
    border-left-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-color: #b8cf28;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /*display: block ruby;*/
}

.licence-manager-container, .panel-manager-container .panel-manager {
    height: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: inline-grid;
    vertical-align: top;
}

.panel-manager-container .panel-manager {
    background-color: #ffffff;
    margin: 0px 18.5px 13px 18.2px;
    display: inline-grid;
    width: 90%;
}

.NPSBlock {
    text-align: center;
    background-color: #f6f9e5;
    background-image: linear-gradient(139deg,rgba(246, 249, 229, 1),transparent);
    Font-Family: Roboto;
    Font-Size: 15px;
    Color: #424242;
    font-weight: 400;
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: .5px solid #ecf2c3;
    border-collapse: inherit;
}

.sp-field-label {
    color: #6b7a07;
    letter-spacing: .5px;
    background-color: #fff;
    background-image: linear-gradient(rgba(184,207,40,.2),rgba(184,207,40,.2));
    border-radius: 4px;
    margin-bottom: 0;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 16px;
    z-index: 2;
}

.sp-field-label-enrich {
    color: #fff;
    letter-spacing: .5px;
    background-color: #fff;
    /*background-image: linear-gradient(rgba(184,207,40,.2),rgba(184,207,40,.2));*/
    background-color: #156082;
    border-radius: 4px;
    margin-bottom: 0;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 16px;
    z-index: 2;
}

.QuestionName {
    background-color: #ecf2c3 !important;
    background: #ecf2c3 !important;
    font-family: Roboto;
    font-size: 16px !important;
    color: #424242 !important;
    line-height: 27px;
    display: block !important;
    padding: 6px !important;
    padding-bottom: 0px !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.hand {
    cursor: pointer;
}

.AppraisalHeaderCenter {
    text-align: center;
    background-color: #5c6bc0 !important;
    background-image: linear-gradient(139deg,rgba(105, 122, 221, 1),transparent) !important;
    Font-Family: Roboto;
    Font-Size: 15px;
    Color: #FBFBFB !important;
    height: 35px;
    font-weight: 400;
    padding-top: 10px;
}

.AppraisalHeaderLeft {
    text-align: center;
    background-color: #5c6bc0 !important;
    background-image: linear-gradient(139deg,rgba(105, 122, 221, 1),transparent) !important;
    Font-Family: Roboto;
    Font-Size: 15px;
    Color: #FBFBFB !important;
    height: 35px;
    font-weight: 400;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-top: 10px;
}

.AppraisalHeaderTopRight {
    text-align: center;
    background-color: #5c6bc0 !important;
    background-image: linear-gradient(139deg,rgba(105, 122, 221, 1),transparent) !important;
    Font-Family: Roboto;
    Font-Size: 15px;
    Color: #FBFBFB !important;
    height: 35px;
    font-weight: 400;
    padding-top: 10px;
    border-top-right-radius: 10px;
}

.AppraisalHeaderBottomRight {
    text-align: center;
    background-color: #5c6bc0 !important;
    background-image: linear-gradient(139deg,rgba(105, 122, 221, 1),transparent) !important;
    Font-Family: Roboto;
    Font-Size: 15px;
    Color: #FBFBFB !important;
    height: 35px;
    font-weight: 400;
    padding-top: 10px;
    border-bottom-right-radius: 10px;
}

.AppraisalHeaderLG {
    text-align: left;
    background-color: #d8e48b !important;
    background-image: linear-gradient(139deg,rgba(225, 235, 160, 1),transparent) !important;
    Font-Family: Roboto;
    Font-Size: 15px;
    Color: #424242 !important;
    height: 35px;
    font-weight: 400;
    border-radius: 10px;
    padding-left: 10px;
}

.panel-manager {
    height: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: inline-grid;
    vertical-align: top;
}

.headRepsLeft {
    border-radius: 1px;
    background-color: #424242;
    padding: 10px 10px 10px 10px;
    text-align: left;
    color: white;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.HMHeaderLeft {
    text-align: center;
    background-color: #C3D648;
    border: 1px solid #fff !important;
    background-image: linear-gradient(139deg,rgba(216, 236, 84, 1),transparent);
    Font-Family: Roboto;
    Font-Size: 15px;
    Color: #424242;
    height: 35px;
    font-weight: 400;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-top: 10px;
}

.HMHeaderCenter {
    text-align: center;
    background-color: #C3D648;
    border: 1px solid #fff !important;
    background-image: linear-gradient(139deg,rgba(216, 236, 84, 1),transparent);
    Font-Family: Roboto;
    Font-Size: 15px;
    Color: #424242;
    height: 35px;
    font-weight: 400;
    padding-top: 10px;
}

.HMHeaderRight {
    text-align: center;
    background-color: #C3D648;
    border: 1px solid #fff !important;
    background-image: linear-gradient(139deg,rgba(216, 236, 84, 1),transparent);
    Font-Family: Roboto;
    Font-Size: 15px;
    Color: #424242;
    height: 35px;
    font-weight: 400;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 10px;
}

.HMHeader {
    text-align: center;
    background-color: #C3D648;
    border: 1px solid #fff !important;
    background-image: linear-gradient(139deg,rgba(216, 236, 84, 1),transparent);
    Font-Family: Roboto;
    Font-Size: 15px;
    Color: #424242;
    height: 35px;
    font-weight: 400;
    padding-top: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.HMHeaderTop {
    text-align: center;
    background-color: #C3D648;
    background-image: linear-gradient(139deg,rgba(216, 236, 84, 1),transparent);
    border: 1px solid #fff !important;
    Font-Family: Roboto;
    Font-Size: 15px;
    Color: #424242;
    height: 35px;
    font-weight: 400;
    padding-top: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.HMHeaderBottom {
    text-align: center;
    background-color: #C3D648;
    background-image: linear-gradient(139deg,rgba(216, 236, 84, 1),transparent);
    border: 1px solid #fff !important;
    Font-Family: Roboto;
    Font-Size: 15px;
    Color: #424242;
    height: 35px;
    font-weight: 400;
    padding-top: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.HMHeaderBottomLeft {
    text-align: center;
    background-color: #C3D648;
    background-image: linear-gradient(139deg,rgba(216, 236, 84, 1),transparent);
    border: 1px solid #fff !important;
    Font-Family: Roboto;
    Font-Size: 15px;
    Color: #424242;
    height: 35px;
    font-weight: 400;
    padding-top: 10px;
    border-bottom-left-radius: 10px;
}

.HMHeaderBottomRight {
    text-align: center;
    background-color: #C3D648;
    background-image: linear-gradient(139deg,rgba(216, 236, 84, 1),transparent);
    border: 1px solid #fff !important;
    Font-Family: Roboto;
    Font-Size: 15px;
    Color: #424242;
    height: 35px;
    font-weight: 400;
    padding-top: 10px;
    border-bottom-right-radius: 10px;
}

.ButtonProcessBlueEye {
    Font-Family: Roboto !important;
    Color: #FFF !important;
    cursor: pointer !important;
    border-radius: 5px !important;
    Font-Size: 14px !important;
    background-color: #42A5F5 !important;
    border-left-style: none !important;
    border-left-color: inherit !important;
    border-left-width: medium;
    border-right-style: none !important;
    border-right-color: inherit !important;
    border-right-width: medium;
    border-top-style: none !important;
    border-top-color: inherit !important;
    border-top-width: medium;
    border-bottom-style: none !important;
    border-bottom-color: inherit !important;
    border-bottom-width: medium;
    height: 26px;
    width: 28px;
    text-align: center;
}

.TableSubHeadersGridCenterRoundLeft {
    text-align: center;
    background-color: #E0E0E0 !important;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    height: 35px;
    padding: 5px;
    vertical-align: middle !important;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-wrap: none;
    padding-right: 19px;
}

.TableSubHeadersGridCenterRoundRight {
    text-align: center;
    background-color: #E0E0E0 !important;
    Font-Family: Roboto;
    Font-Size: 14px;
    Color: #424242;
    height: 35px;
    padding: 5px;
    vertical-align: middle !important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    text-wrap: none;
}

.rgHeaderLeft {
    background-color: #C3D648 !important;
    border: 1px solid #fff !important;
    background-image: linear-gradient(139deg,rgba(216, 236, 84, 1),transparent) !important;
    padding: 5px;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 400 !important;
    height: 30px;
    color: #424242 !important;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.rgHeaderRight {
    background-color: #C3D648 !important;
    border: 1px solid #fff !important;
    background-image: linear-gradient(139deg,rgba(216, 236, 84, 1),transparent) !important;
    padding: 5px;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 400 !important;
    height: 30px;
    color: #424242 !important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.rgHeader {
    background-color: #C3D648 !important;
    border: 1px solid #fff !important;
    background-image: linear-gradient(139deg,rgba(216, 236, 84, 1),transparent) !important;
    padding: 5px;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 400 !important;
    height: 30px;
    color: #424242 !important;
}

.RadGrid_Default .rgHeader a {
    color: white !important;
    font-weight: 400;
}

.greenProgressBar {
    background: linear-gradient(to right, #92d050, #a6e662);
    border-radius: 2px;
    text-align: center;
    height: 23px;
    padding-top: 2px;
}

.blueProgressBar {
    background: linear-gradient(to right, #00b0f0, #4cccfb);
    border-radius: 2px;
    text-align: center;
    height: 23px;
    padding-top: 2px;
}

.redProgressBar {
    background: linear-gradient(to right, #ff0000, #f18181);
    border-radius: 2px;
    text-align: center;
    height: 23px;
    padding-top: 2px;
}

.OnePageInfo {
    display: inline-block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('../Images/noun_CX Monitor-svg.svg');
    background-size: 40px 40px;
    filter: brightness(0) saturate(100%) invert(54%) sepia(36%) saturate(4603%) hue-rotate(168deg) brightness(96%) contrast(86%); /*light blue*/
}

.NemoPreSalesReport {
    display: inline-block;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    background: url('../Images/Market-Research-Reports-3455583.svg');
    background-size: 25px 25px;
    filter: brightness(0) saturate(100%) invert(21%) sepia(0%) saturate(0%) hue-rotate(179deg) brightness(100%) contrast(84%); /*Charcoal*/
}

.NemoSalesReport {
    display: inline-block;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    background: url('../Images/Salespeople-5426639.svg');
    background-size: 25px 25px;
    filter: brightness(0) saturate(100%) invert(21%) sepia(0%) saturate(0%) hue-rotate(179deg) brightness(100%) contrast(84%); /*Charcoal*/
}

.NemoHistoricReports {
    display: inline-block;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    background: url('../Images/noun-details-3320125.svg');
    background-size: 25px 25px;
    filter: brightness(0) saturate(100%) invert(21%) sepia(0%) saturate(0%) hue-rotate(179deg) brightness(100%) contrast(84%); /*Charcoal*/
}

.DeleteIcon {
    display: inline-block;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    background: url('../Images/noun-trash-1069782.svg');
    background-size: 20px 20px;
    filter: invert(18%) sepia(71%) saturate(22%) hue-rotate(329deg) brightness(98%) contrast(82%);
    transition: filter 0.3s ease; /* Smooth transition for hover effect */
}

    .DeleteIcon:hover {
        filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%); /* Red on hover */
    }

.DeleteIconLarge {
    display: inline-block;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    background: url('../Images/noun-trash-1069782.svg');
    background-size: 32px 32px;
    filter: invert(18%) sepia(71%) saturate(22%) hue-rotate(329deg) brightness(98%) contrast(82%);
    transition: filter 0.3s ease; /* Smooth transition for hover effect */
}

    .DeleteIconLarge:hover {
        filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%); /* Red on hover */
    }

.blueLine {
    color: #1658A6;
    padding-left: 5px;
    font-size: 50px;
    font-weight: 600;
    border-bottom: 5px solid #1658A6;
}

.greenLine {
    color: #B9D02A;
    padding-left: 5px;
    font-size: 50px;
    font-weight: 600;
    border-bottom: 5px solid #B9D02A;
}

.row1 {
    background-color: #FAFFEA;
    padding-right: 6px;
}

.row2 {
    background-color: #D9E6DB;
    padding-right: 6px;
}

.HMHeaderReflectLeft {
    text-align: center;
    background-color: #692876;
    border: 1px solid #fff !important;
    background-image: linear-gradient(139deg,#692876,transparent);
    Font-Family: Roboto;
    Font-Size: 15px;
    Color: #fff;
    height: 35px;
    font-weight: 400;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-top: 10px;
}

.HMHeaderReflectCenter {
    text-align: center;
    background-color: #692876;
    border: 1px solid #fff !important;
    background-image: linear-gradient(139deg,#692876,transparent);
    Font-Family: Roboto;
    Font-Size: 15px;
    Color: #fff;
    height: 35px;
    font-weight: 400;
    padding-top: 10px;
}

.HMHeaderReflectRight {
    text-align: center;
    background-color: #692876;
    border: 1px solid #fff !important;
    background-image: linear-gradient(139deg,#692876,transparent);
    Font-Family: Roboto;
    Font-Size: 15px;
    Color: #fff;
    height: 35px;
    font-weight: 400;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 10px;
}

.btn-with-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px; /* Space between icon and text */
    height: 50px;
    padding: 0 12px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.2s ease;
}

/* Specific fix for your green button */
.ButtonProcess.btn-with-icon {
    background-color: #91B20F; /* or whatever your original green is */
    color: white;
    border: none;
}

    /* Hover effect - premium feel */
    .ButtonProcess.btn-with-icon:hover {
        opacity: 0.9;
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(0,0,0,0.2);
    }

.ButtonProcessBlue.btn-with-icon {
    background-color: #1658A6; /* or whatever your original green is */
    color: white;
    border: none;
}

    /* Optional: nicer hover effect */
    .ButtonProcessBlue.btn-with-icon:hover {
        opacity: 0.9;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
