/* Minification failed. Returning unminified contents.
(1699,13): run-time error CSS1030: Expected identifier, found ' '
(1699,14): run-time error CSS1031: Expected selector, found '100%'
(1699,14): run-time error CSS1025: Expected comma or open brace, found '100%'
(1702,9): run-time error CSS1030: Expected identifier, found ' '
(1702,16): run-time error CSS1031: Expected selector, found ';'
(1702,16): run-time error CSS1025: Expected comma or open brace, found ';'
(1705,10): run-time error CSS1030: Expected identifier, found ' '
(1705,15): run-time error CSS1031: Expected selector, found ';'
(1705,15): run-time error CSS1025: Expected comma or open brace, found ';'
(1708,18): run-time error CSS1030: Expected identifier, found ' '
(1708,25): run-time error CSS1031: Expected selector, found ';'
(1708,25): run-time error CSS1025: Expected comma or open brace, found ';'
(1709,10): run-time error CSS1030: Expected identifier, found ' '
(1709,11): run-time error CSS1031: Expected selector, found '0'
(1709,11): run-time error CSS1025: Expected comma or open brace, found '0'
(1710,26): run-time error CSS1030: Expected identifier, found ' '
(1710,34): run-time error CSS1031: Expected selector, found ';'
(1710,34): run-time error CSS1025: Expected comma or open brace, found ';'
(1711,1): run-time error CSS1019: Unexpected token, found '}'
(1711,3): run-time error CSS1031: Expected selector, found '/'
(1711,3): run-time error CSS1025: Expected comma or open brace, found '/'
(2296,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(2296,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2296,92): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2296,116): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2296,277): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(2296,297): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2296,365): run-time error CSS1019: Unexpected token, found '@keyframes'
(2296,381): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {
    font-size: 75% !important;
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

/* Trying to get content to take up height of screen */
html, body {
    margin: 0;
    padding: 0;
    border-top: 0;
}

div#body {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* Ensure that the height of the element includes the
         box border, not just the content */
    border: 0;
    border-top: 50px solid white;
    border-bottom: 26px solid white;
    /* Leave some space for the header and footer to
         overlay. */
}

header,
footer,
nav,
section {
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

a {
    color: #696969;
}

li {
    line-height: 1.6;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

header, #header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

    header h1, #header h1 {
        font-weight: bold;
        padding: 5px 0;
        margin: 0;
        color: #fff;
        border: none;
        line-height: 2em;
        font-size: 32px !important;
    }

#main {
    background: #fff;
    padding: 30px 30px 15px 30px;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}

footer, #footer {
    color: #999;
    padding: 5px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* MENU   
----------------------------------------------------------*/
#menu {
    position: relative;
    margin: 0;
    text-align: right;
}

    #menu .t-item {
        border-width: 0 0 0 1px;
    }

    #menu .t-link {
        padding: 5px 20px;
        font-weight: bold;
        text-decoration: none;
        line-height: 1.8em;
    }

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

/*input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}*/

/* TABLE
----------------------------------------------------------*/

/*table - Removed Because it interferes with Report css - JM
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}*/

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

div#title {
    display: block;
    text-align: left;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

    #logindisplay a:link {
        color: white;
        text-decoration: underline;
    }

    #logindisplay a:visited {
        color: white;
        text-decoration: underline;
    }

    #logindisplay a:hover {
        color: white;
        text-decoration: none;
    }

/* Styles for validation helpers
-----------------------------------------------------------*/
span.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    /* Telerik */
    /*font-weight: bold;
    color: #ff0000;*/
    /* Microsoft */
    color: #e80c4d;
    border-color: #e80c4d;
    border-style: solid;
    border-width: 1px;
    background-color: #fff0f0;
    font-weight: bold;
    font-size: 1.1em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label {
    margin: 0.5em 0 0 0;
    line-height: 1.4;
}

.editor-label-right {
    margin: 0.5em 0 0 0;
    line-height: 1.4;
    text-align: right;
}

.display-label-inline,
.editor-label-inline {
    margin: 0.5em 0 0 0;
    line-height: 1.4;
    display: inline-block;
}

/*.display-field,
.editor-field
{
    margin:0.5em 0 0 0;
}*/

.display-field-inline,
.editor-field-inline {
    display: inline-block;
}

.editor-field-nolabel {
    padding: 5px 0px 0px 0px; /* Adds space between field and previous field when no editor-label used. */
}

.editor-field-blanklabel {
    padding-top: 1.9em; /* Drops field down the same amount as a populated editor-label would. */
}

.text-box {
    width: 30em;
}

    .text-box.multi-line {
        height: 6.5em;
    }

.tri-state {
    width: 6em;
}

/* Other MS styles
----------------------------------------------------------*/
#logoutForm {
    display: inline;
}

/* Arcori styles
----------------------------------------------------------*/

.a-notetaskgrid {
    margin: 0 .29em .3em;
}

/* fieldset with smaller margin/padding and smaller legend */
fieldset.a-groupbox {
    padding: .3em .92em;
    margin: 0;
}

    fieldset.a-groupbox legend {
        font-size: 1em;
        font-weight: normal;
    }

.a-titlebar {
    padding: 0px 0px 0px 0px;
    font-size: 1.25em;
    text-indent: 25px;
    font-weight: bold;
}

.a-titlebar-centered {
    padding: 0px 0px 0px 0px;
    font-size: 1.25em;
    text-align: center;
    font-weight: bold;
}

.a-100width {
    width: 99%;
    text-align: left;
}

.a-100width-right {
    width: 99%;
    text-align: end;
}

.a-95width {
    width: 95%;
}

.a-90width {
    width: 90%;
}

.a-85width {
    width: 85%;
}

.a-75width {
    width: 75%;
}

.a-50width {
    width: 50%;
}

.a-33width {
    width: 33%;
}

.a-25width {
    width: 25%;
}

.a-15width {
    width: 15%;
}

/* Red, bordered style for static information of a serious nature. */
.a-critical {
    color: red;
    font-weight: bolder;
    border: 1px solid red;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 5px .3em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0.5em 0 0 0;
}

/* Development indicator for UI */
.todo {
    color: #640e89;
    font-weight: bold;
    font-size: 1.1em;
    border: 1px solid #640e89;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
    margin-top: 5px;
    visibility:hidden;

}

.header-background {
    width: 100%;
    height: 50px;
    background-color:#222;
    text-align: center;
}

.searchBox {
    width: 200px;
    background: #fff url('../images/search.png') no-repeat 100% center;
}

.search-menu {
    float: right;
    margin: 5px;
}

.app-logo {
    float: left;
    margin-left: 5px;
}

/*dev uses 2.1 in report creation, 21 for web display, both 21 and 2.1
  need to be installed on iis server where deployment package is server from*/

/*This font face is the webfont, displayed on the cheque stock screen, and the reportviewer*/
@font-face {
    font-family: 'MICR E13B 21';
    src: url('../Content/fonts/advmicr-webfont.eot');
    src: url('../Content/fonts/advmicr-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Content/fonts/advmicr-webfont.woff') format('woff'),
         url('../Content/fonts/advmicr-webfont.ttf') format('truetype'),
         url('../Content/fonts/advmicr-webfont.svg#micr_e13b_2.1_bt') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*catch MICR preview on CS setup, and display webfont*/
.a-micr-preview {
    font-family: 'MICR E13B 21';
    font-size: medium;
}

/*catch bank scan line on cheques in the report viewer to display webfont*/
.BankScanLine1  {
    font-family: 'MICR E13B 21';
}

/*This font face is used to by Dev to generate reports (ie - cheque), but is not a webfont*/
@font-face {
    font-family: 'MICR E13B 2.1';
    src: url('../Content/fonts/advmicr-webfont.eot');
    src: url('../Content/fonts/advmicr-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Content/fonts/advmicr-webfont.woff') format('woff'),
         url('../Content/fonts/advmicr-webfont.ttf') format('truetype'),
         url('../Content/fonts/advmicr-webfont.svg#micr_e13b_2.1_bt') format('svg');
    font-weight: normal;
    font-style: normal;
}

div#container {
    position: relative; /* needed for footer positioning*/
    margin: 0 auto; /* center, not in IE5 */
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/
    min-height: 100%; /* real browsers */
}

header,
footer {
    position: fixed;
    left: 0;
    right: 0;
    background-color: #eee;
    /* Specify a background color so the content text doesn't
         bleed through the footer! */

    z-index: 101;
    /* specify a z-index so controls do not bleed */
    
}

header {
    top: 0;
}

footer {
    bottom: 0;
    height: 15px;
}

.mainnav {
    height: 100%;
}
.mainnav .mainnavitem {
    display:none;
}

.subnav {
    background-image: none;
    background-color: inherit;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    margin-left: -0.5em;
    margin-right: -0.5em;
    margin-bottom: 0.25em;
}

.a-ul-radio {
    list-style-type: none;
    padding: 0;
    margin-top: 0;
}

    .a-ul-radio input[type="radio"] {
        margin-right: 5px;
    }

.a-info:not(td) {
    background: #ffffe1 !important;
}


.a-error {
    background-color: red !important;
}

.a-img-button {
    padding: 4px;
    margin-top: -1px;
}

.a-currency {
    text-align: right;
}

.voided-cheque {
    position: relative;
}

    .voided-cheque::before {
        content: " ";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: url('images/VOID.png') no-repeat center;
        pointer-events: none;
        z-index: 9999;
        opacity: 0.5;
    }

/*#reportView, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}*/

.a-grid-footer {
    display: block;
    margin: 0;
    padding: .22em .2em .28em;
    cursor: default;
    border-style: solid;
    border-width: 0 1px 1px 1px;
}

.a-block {
    background-color: inherit;
}

.a-block-content {
    padding: 0px 5px 5px 5px;
    margin-top: -5px;
}

.dbSection {
    width: 400px;
}

.module {
    background: #eee;
    margin: 0 0 0 0;
}

    .module h2 {
        background: #ccc;
        line-height: 2;
        padding: 0 0 0 10px;
        font-size: 12px;
        box-shadow: inset 0 25px 10px -10px rgba(255, 255, 255, 0.2);
        padding: 0px;
        margin: 0px 0px 2px 0px;
    }

        .module h2 a {
            float: right;
            position: relative;
            text-decoration: none;
            color: #333;
            padding: 0 10px;
            border-left: 5px solid white;
            -webkit-transition: padding 0.1s linear;
            -moz-transition: padding 0.1s linear;
            -ms-transition: padding 0.1s linear;
            -o-transition: padding 0.1s linear;
        }

            .module h2 a:hover {
                padding: 0 14px;
            }

            .module h2 a:active {
                padding: 0 16px;
            }

    .module ul {
        list-style: none;
        padding: 10px 0;
    }

    .module li {
        color: #333;
        border-bottom: 1px solid #cfcfcf;
        border-top: 1px solid #fbf6f6;
        padding: 10px;
        font-family: Georgia, Serif;
    }

        .module li:first-child {
            border-top: 0;
            padding-top: 0;
        }

        .module li:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }

    .module h2 a:before,
    .module h2 a:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 0;
        height: 0;
    }

    .module h2 a:before {
        left: -12px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid white;
        margin-top: -8px;
    }

.moduleTitle1 h1 {
    background: #000000;
    margin: 0 0 0 0;
    line-height: 2;
    font-size: 14px;
    text-align: center;
    color: #CCCCCC;
    margin-top: 5px;
}


.module.blue h2 a {
    background: #a2d6eb;
}

    .module.blue h2 a:hover {
        background: #c5f0ff;
    }

    .module.blue h2 a:after {
        left: -5px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 6px solid #a2d6eb;
        margin-top: -6px;
    }

    .module.blue h2 a:hover:after {
        border-right-color: #c5f0ff;
    }


.moduleTitle2 h1 {
    background: #9cf1a4;
    margin: 0 0 0 0;
    line-height: 2;
    font-size: 14px;
    text-align: center;
}

.module.green h2 a {
    background: #9cf1a4;
}

    .module.green h2 a:hover {
        background: #bbffcf;
    }

    .module.green h2 a:after {
        left: -5px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 6px solid #9cf1a4;
        margin-top: -6px;
    }

    .module.green h2 a:hover:after {
        border-right-color: #bbffcf;
    }


.moduleTitle3 h1 {
    background: #f0a5b5;
    margin: 0 0 0 0;
    line-height: 2;
    font-size: 14px;
    text-align: center;
}

.module.red h2 a {
    background: #f0a5b5;
}

    .module.red h2 a:hover {
        background: #ffc7d2;
    }

    .module.red h2 a:after {
        left: -5px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 6px solid #f0a5b5;
        margin-top: -6px;
    }

    .module.red h2 a:hover:after {
        border-right-color: #ffc7d2;
    }


.moduleTitle4 h1 {
    background: #008A00;
    margin: 0 0 0 0;
    line-height: 2;
    font-size: 14px;
    text-align: center;
}

.module.emerald h2 a {
    background: #008A00;
}

    .module.emerald h2 a:hover {
        background: #60A917;
    }

    .module.emerald h2 a:after {
        left: -5px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 6px solid #008A00;
        margin-top: -6px;
    }

    .module.emerald h2 a:hover:after {
        border-right-color: #60A917;
    }

.moduleTitle5 h1 {
    background: #647687;
    margin: 0 0 0 0;
    line-height: 2;
    font-size: 14px;
    text-align: center;
}

.module.steel h2 a {
    background: #647687;
}

    .module.steel h2 a:hover {
        background: #7aa0c3;
    }

    .module.steel h2 a:after {
        left: -5px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 6px solid #647687;
        margin-top: -6px;
    }

    .module.steel h2 a:hover:after {
        border-right-color: #7aa0c3;
    }

.moduleTitle6 h1 {
    background: #0073ef;
    margin: 0 0 0 0;
    line-height: 2;
    font-size: 14px;
    text-align: center;
}

.module.cobalt h2 a {
    background: #7acff5;
}

    .module.cobalt h2 a:hover {
        background: #7aa0c3;
    }

    .module.cobalt h2 a:after {
        left: -5px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 6px solid #7acff5;
        margin-top: -6px;
    }

    .module.cobalt h2 a:hover:after {
        border-right-color: #7aa0c3;
    }

td[role=gridcell].centeredCell {
    text-align: center;
}

.mainNavExtra {
    height:100%;
    background-color:#fff; 
    position:relative;
}

.floatingToolbar {
    position: fixed; 
    width: 100%; 
    z-index: 100;
}

.divWithFloatingMenuToolbar {
    padding-top: 30px; /* height of menu/toolbar */
    padding-bottom: 20px; /* height of page footer */
}

.divWithFloatingToolbar {
    padding-top: 38px; /* height of toolbar */
    padding-bottom: 20px; /* height of page footer */
}

.a-nofocus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* For inline buttons contained within an input. */
.a-icon-button {
    top: 50%;
    margin: -8px 0 0;
    position: absolute;
    right: 3px;
}

.successTemplate {
    width: 300px;
    padding: 0 10px;
    overflow: auto;
}

.msgIcon {
    float: left;
}

.msgIcon img {
    display: inline-block;
}

.successTemplate .msg {
    margin-left: 47px;
    margin-bottom: 5px;
}

.successTemplate .msgTitle {
    font-size: 1.5em;
}

.monospace {
    font-family: monospace;
    font-size: medium;
}

#userMenuContainer {
    float: right;
    text-align: left;
    margin: 5px 10px 0 10px;
}

.a-no-LRT-borders {
    border-top: none;
    border-left: none;
    border-right: none;
}

.a-no-LRB-borders {
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.a-no-borders {
    border: none;
}

.a-warning {
    border: 1px solid orangered;
    background-color: lightyellow;
    color: orangered;
    font-size: 1.1em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
    width: 100%;
}

.km-tabstrip .km-button
{
    font-size: 1.2em;
}

.a-budget-validation-result {
    max-height: 64px;
    overflow: auto;
}

.a-withbuttonwrap .a-withbutton {
    left: -4px;
    padding-right: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

/* XFrom css */
.form-page {
    position: relative;
    width: 850px;
    height: 1100px;
    background-repeat: no-repeat;
    background-size: 850px 1100px;
}
.form-textinput {
    background-color: #daecf4;
    border-style: none;
    resize: none;
    height: 100%;
    width: 100%;
    padding: 0;
    min-height: 0;
}

.N1-1 {
    background-image: url("Forms/N1_1.png");
}
.N1-2 {
    background-image: url("Forms/N1_2.png");
}

.N2-1 {
    background-image: url("Forms/N2_1.png");
}
.N2-Fr-1 {
    background-image: url("Forms/N2_Fr_1.jpg");
}

.N4-1 {
    background-image: url("Forms/n4_1.png");
}
.N4-2 {
    background-image: url("Forms/n4_2.png");
}
.N4-3 {
    background-image: url("Forms/n4_3.png");
}

.N5_1 {
    background-image: url("Forms/N5_1.jpg");
}

.N5_2 {
    background-image: url("Forms/N5_2.jpg");
}

.N5_3 {
    background-image: url("Forms/N5_3.jpg");
}

.N5_Fr_1 {
    background-image: url("Forms/N5_Fr_1.jpg");
}

.N5_Fr_2 {
    background-image: url("Forms/N5_Fr_2.jpg");
}

.N5_Fr_3 {
    background-image: url("Forms/N5_Fr_3.jpg");
}

.N7_1 {
    background-image: url("Forms/N7_1.jpg");
}
.N7_2 {
    background-image: url("Forms/N7_2.jpg");
}
.N7_Fr_1 {
    background-image: url("Forms/N7_Fr_1.jpg");
}
.N7_Fr_2 {
    background-image: url("Forms/N7_Fr_2.jpg");
}

.N11_1 {
    background-image: url("Forms/N11_1.jpg");
}
.N11_2 {
    background-image: url("Forms/N11_2.jpg");
}
.N11_Fr_1 {
    background-image: url("Forms/N11_Fr_1.jpg");
}
.N11_Fr_2 {
    background-image: url("Forms/N11_Fr_2.jpg");
}

.L1-1 {
    background-image: url("Forms/L1_1.png");
}
.L1-2 {
    background-image: url("Forms/L1_2.png");
}
.L1-3 {
    background-image: url("Forms/L1_3.png");
}
.L1-4 {
    background-image: url("Forms/L1_4.png");
}
.L1-5 {
    background-image: url("Forms/L1_5.png");
}
.L1-6 {
    background-image: url("Forms/L1_6.png");
}
.L1-7 {
    background-image: url("Forms/L1_7.png");
}
.L1-8 {
    background-image: url("Forms/L1_8.png");
}
.L1-9 {
    background-image: url("Forms/L1_9.png");
}
.L1-10 {
    background-image: url("Forms/L1_10.png");
}
.L1-11 {
    background-image: url("Forms/L1_11.png");
}
.CoS {
    background-image: url("Forms/CoS.png");
}
.HR3037 {
    background-image: url("Forms/HR3037.png");
}
.RTB30_1 {
    background-image: url("Forms/RTB30_1.png");
}
.RTB30_2 {
    background-image: url("Forms/RTB30_2.png");
}
.RTB30_3 {
    background-image: url("Forms/RTB30_3.png");
}
.RTB32_1 {
    background-image: url("Forms/RTB32_1.png");
}
.RTB32_2 {
    background-image: url("Forms/RTB32_2.png");
}
.RTB32_3 {
    background-image: url("Forms/RTB32_3.png");
}
.RTB32_4 {
    background-image: url("Forms/RTB32_4.png");
}
.RTB33_1 {
    background-image: url("Forms/RTB33_1.png");
}
.RTB33_2 {
    background-image: url("Forms/RTB33_2.png");
}
.RTB33_3 {
    background-image: url("Forms/RTB33_3.png");
}
.RTB7_1 {
    background-image: url("Forms/RTB7_1.png");
}
.RTB7_2 {
    background-image: url("Forms/RTB7_2.png");
}
.RTB34_1 {
    background-image: url("Forms/RTB34_1.png");
}
.RTB34_2 {
    background-image: url("Forms/RTB34_2.png");
}

.FIN68_1 {
    background-image: url("Forms/FIN68_1.png");
}
.FIN68_2 {
    background-image: url("Forms/FIN68_2.png");
}

.L2_1 {
    background-image: url("Forms/L2_1.png");
}
.L2_2 {
    background-image: url("Forms/L2_2.png");
}
.L2_3 {
    background-image: url("Forms/L2_3.png");
}
.L2_4 {
    background-image: url("Forms/L2_4.png");
}
.L2_5 {
    background-image: url("Forms/L2_5.png");
}
.L2_6 {
    background-image: url("Forms/L2_6.png");
}
.L2_7 {
    background-image: url("Forms/L2_7.png");
}
.L2_8 {
    background-image: url("Forms/L2_8.png");
}
.L2_9 {
    background-image: url("Forms/L2_9.png");
}
.L2_10 {
    background-image: url("Forms/L2_10.png");
}
.L2_11 {
    background-image: url("Forms/L2_11.png");
}
.L2_12 {
    background-image: url("Forms/L2_12.png");
}
.L2_13 {
    background-image: url("Forms/L2_13.png");
}

.L2_Fr_1 {
    background-image: url("Forms/L2_Fr_1.png");
}
.L2_Fr_2 {
    background-image: url("Forms/L2_Fr_2.png");
}
.L2_Fr_3 {
    background-image: url("Forms/L2_Fr_3.png");
}
.L2_Fr_4 {
    background-image: url("Forms/L2_Fr_4.png");
}
.L2_Fr_5 {
    background-image: url("Forms/L2_Fr_5.png");
}
.L2_Fr_6 {
    background-image: url("Forms/L2_Fr_6.png");
}
.L2_Fr_7 {
    background-image: url("Forms/L2_Fr_7.png");
}
.L2_Fr_8 {
    background-image: url("Forms/L2_Fr_8.png");
}
.L2_Fr_9 {
    background-image: url("Forms/L2_Fr_9.png");
}
.L2_Fr_10 {
    background-image: url("Forms/L2_Fr_10.png");
}
.L2_Fr_11 {
    background-image: url("Forms/L2_Fr_11.png");
}
.L2_Fr_12 {
    background-image: url("Forms/L2_Fr_12.png");
}
.L2_Fr_13 {
    background-image: url("Forms/L2_Fr_13.png");
}

.L9_1 {
    background-image: url("Forms/L9_1.jpg");
}
.L9_2 {
    background-image: url("Forms/L9_2.jpg");
}
.L9_3 {
    background-image: url("Forms/L9_3.jpg");
}
.L9_4 {
    background-image: url("Forms/L9_4.jpg");
}
.L9_5 {
    background-image: url("Forms/L9_5.jpg");
}
.L9_6 {
    background-image: url("Forms/L9_6.jpg");
}
.L9_7 {
    background-image: url("Forms/L9_7.jpg");
}
.L9_8 {
    background-image: url("Forms/L9_8.jpg");
}
.L9_9 {
    background-image: url("Forms/L9_9.jpg");
}
.L9_10 {
    background-image: url("Forms/L9_10.jpg");
}
.L9_11 {
    background-image: url("Forms/L9_11.jpg");
}

.L9_Fr_1 {
    background-image: url("Forms/L9_Fr_1.jpg");
}

.L9_Fr_2 {
    background-image: url("Forms/L9_Fr_2.jpg");
}

.L9_Fr_3 {
    background-image: url("Forms/L9_Fr_3.jpg");
}

.L9_Fr_4 {
    background-image: url("Forms/L9_Fr_4.jpg");
}

.L9_Fr_5 {
    background-image: url("Forms/L9_Fr_5.jpg");
}

.L9_Fr_6 {
    background-image: url("Forms/L9_Fr_6.jpg");
}

.L9_Fr_7 {
    background-image: url("Forms/L9_Fr_7.jpg");
}

.L9_Fr_8 {
    background-image: url("Forms/L9_Fr_8.jpg");
}

.L9_Fr_9 {
    background-image: url("Forms/L9_Fr_9.jpg");
}

.L9_Fr_10 {
    background-image: url("Forms/L9_Fr_10.jpg");
}

.L9_Fr_11 {
    background-image: url("Forms/L9_Fr_11.jpg");
}


.a-100width.a-with-inline-button {
    width: -moz-calc(100% - 32px);
    width: -webkit-calc(100% - 32px);
    width: calc(100% - 32px);
}

.a-org-header {
    color: white;
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 14px;
    font-size: 18px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Styling for Dashboards. */
.dashboard-item-summary {
    font-size: 50px;
    text-align: center;
}
.dashboard-item-selected>.k-block .dashboard-item-summary {
    font-weight: bolder
}
#userDashboardDiv {
    position: relative;
}
#userDashboardDetailsDiv {
    position: relative;
}
.dashboard-item {
    float: left;
    position: relative;
    min-width: 150px;
    min-height: 100px;
    margin: 0 5px 5px;
    padding: 0;
}
.dashboard-item>.k-block {
    min-height: 102px;
}
.dashboard-item>.k-block>.k-header {
    cursor: move;
    /* Override default bootstrap padding on header so dashboard items don't create single item rows */
    padding: .3em 0px 0px 2px;
}
.dashboard-item>.k-block>.dashboard-item-content {
    cursor: pointer;
    position: relative;
    min-height: 50px;
}
#userDashboardSummariesDiv:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.dashboard-item.placeholder {
    opacity: 0.4;
    border: 1px dashed #a6a6a6;
}
.dashboard-item-selected>.k-block>.k-header {
    font-weight: bolder
}
#homeDashboardDiv {
    margin-top: 16px;
}

.a-centered {
    text-align: center;
}

/* Styling for picture upload controls currently only used for household member profile picture */
.a-picture-upload {
    height: 89px;
}
.a-picture-upload > div {
    position: relative;
}
.a-picture-upload > div > div {
    position: absolute;
    right: 0;
}
.a-picture-upload > img {
    max-width: 100%;
    max-height: 89px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
.a-picture-preview {
    max-width: 100%;
    max-height: 154px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 0;
  margin-top: 0;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 0px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777;
}

/* Styling to display a grid row as disabled*/
.disabled-row {
    opacity: 0.5;
    pointer-events: none;
}

/* Styling to mark a grid cell that has been amended */
.amended-row {
    background-color: orange;
}

.amended-cell {
    background-color: #fccf00 !important;
}

/* Since a grid that is Sortable "overrides" mouse events, the mouse stops "working" when the in-cell editor is shown.
    So, dragging of a row where editing is in progress is disabled in the Sortable options to allow the mouse to work in the editor.
    This style simply shows the drag-allowed indicator only on those rows where it is possible, which is *not* the currently edited row. */
tr:not(.k-grid-edit-row) > td > .a-sortable-grid-dragHandle {
    cursor: grab;
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* Integrated MainMenu styling...to make Kendo Menu look as close to  */
/* the Bootstrap menu used in ServiceManager and Waitlist.            */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
ul.mainNavMenu.mainNavMenu {
    border-color: #222;
    background-color: #222;
    background-image: none;
}

li.mainMenuItem {
    background-color: #222;
    color: white;
    text-align: left;
    border-color: #222;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

    li.mainMenuItem.k-link {
        background-color: #222;
    }

ul.mainNavMenu.mainNavMenu.k-widget.k-reset.k-header.k-menu.k-menu-horizontal {
    border-color: #222;
    background-color: #222;
    background-image: none;
}

li.mainMenuItem > a.k-link {
    color: white;
}

    li.mainMenuItem > a.k-link:hover {
        color: white;
        background-color: #222;
        background-image: none;
    }

li.mainMenuItem.k-state-borderdown > a.k-link:hover {
    color: white;
    background-color: #222;
    background-image: none;
}

li.mainMenuItem > span.k-link:hover {
    color: white;
    background-color: #222;
    background-image: none;
}

li.mainMenuItem > span.k-link.k-state-active {
    color: white;
    background-color: #222;
    background-image: none;
}

    li.mainMenuItem > span.k-link.k-state-active:hover {
        color: white;
        background-color: #222;
        background-image: none;
    }

li.mainMenuItem > span.k-link:hover {
    color: white;
    background-color: #222;
    background-image: none;
}

/* The styles above here were the existing styles. 
    The styles below here are added styles for additional tweaking, based on the bootstrap theme.
    They could possible be combined/simplified/etc, but I have not yet done that. */
ul.mainNavMenu {
    border: none;
}

ul.mainNavMenu > li.mainMenuItem.k-item.k-menu-item {
    border: none;
    height: 100%;
}

ul.mainNavMenu > li.mainMenuItem > .k-link.k-menu-link {
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}

/* Override active nav menu item with an underline. */
ul.mainNavMenu > li.mainMenuItem.k-state-selected > .k-link.k-menu-link {
    border-bottom-width: 3px;
    border-bottom-style: solid;
    background-color: rgb(8,8,8);
    border-color: initial;
}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* Styling for labels on required fields.
    This *could* be in some kind of ArcoriCommon.css if we had one(and a shared code-base) and overridden in AppSpecific.css if necessary.
    But we don't have this setup so each app will just define its own styling. */
label.a-required:after {
    content: "*";
    font-weight: bold;
    color: red;
}

span.a-MemberPrimary {
    font-weight: bolder;
}
/* The HouseholdPortal does not require additional styling beyond the common styling for these elements 
    but including the empty rules to call them out as differing from the AdminPortal for now. */
html, body {
}

div#body {
}
/* ============================================================================================= */

/* Makes the menu items(currently just top-level "Home") line up with the Company/Org name the same way as the AdminPortal when it is in integrated mode...
    although I can't see what is different in the AdminPortal header CSS that the HouseholdPortal should require this tweak and the AdminPortal doesn't. */
ul.mainNavMenu > li.mainMenuItem > a.k-link.k-menu-link {
    margin-top: -2px;
}
/*!
 * Bootstrap v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* img style breaks Kendo TabStrip with images... */
/*img {
  /* Responsive images (ensure images don't scale beyond their parents) */

  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */

  width: auto\9;
  /* IE7-8 need help adjusting responsive images */

  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */

  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}*/
#map_canvas img,
.google-maps img {
  max-width: none;
}
button,
input,
select,
/*textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}*/
button,
input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
/*textarea {
  overflow: auto;
  vertical-align: top;
}*/
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.row {
  margin-left: -20px;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}
.span12 {
  width: 940px;
}
.span11 {
  width: 860px;
}
.span10 {
  width: 780px;
}
.span9 {
  width: 700px;
}
.span8 {
  width: 620px;
}
.span7 {
  width: 540px;
}
.span6 {
  width: 460px;
}
.span5 {
  width: 380px;
}
.span4 {
  width: 300px;
}
.span3 {
  width: 220px;
}
.span2 {
  width: 140px;
}
.span1 {
  width: 60px;
}
.offset12 {
  margin-left: 980px;
}
.offset11 {
  margin-left: 900px;
}
.offset10 {
  margin-left: 820px;
}
.offset9 {
  margin-left: 740px;
}
.offset8 {
  margin-left: 660px;
}
.offset7 {
  margin-left: 580px;
}
.offset6 {
  margin-left: 500px;
}
.offset5 {
  margin-left: 420px;
}
.offset4 {
  margin-left: 340px;
}
.offset3 {
  margin-left: 260px;
}
.offset2 {
  margin-left: 180px;
}
.offset1 {
  margin-left: 100px;
}
.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
}
.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}
.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}
.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}
.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}
.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}
.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}
.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}
.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}
.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}
.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}
.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}
.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}
.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}
.row-fluid .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}
.row-fluid .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}
.row-fluid .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}
.row-fluid .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}
.row-fluid .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}
.row-fluid .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}
.row-fluid .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}
.row-fluid .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}
.row-fluid .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}
.row-fluid .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}
.row-fluid .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}
.row-fluid .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}
.row-fluid .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}
.row-fluid .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}
.row-fluid .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}
.row-fluid .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}
.row-fluid .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}
.row-fluid .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}
.row-fluid .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}
.row-fluid .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}
.row-fluid .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}
.row-fluid .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}
.row-fluid .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}
.row-fluid .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}
[class*="span"].hide,
.row-fluid [class*="span"].hide {
  display: none;
}
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right;
}
.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}
.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.container-fluid:after {
  clear: both;
}

/* General */

.k-ext-required {
    background-color: pink;
}


/* ExtSplitter */

.k-ext-layout-header {
    margin-top:0px;
    position: relative;
}

.k-ext-layout-title {
    font-size:14px;
    font-weight:bold;
}

.k-ext-vertical-layout-title {
    position: absolute; 
    top: 30px !important;
    text-align: center;
    width: 14px;
	margin-left: 3px;
}

.k-ext-arrows-left, .k-ext-arrows-right, .k-ext-arrows-up, .k-ext-arrows-down {
	overflow: hidden;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url('./Images/small-sprites.gif') !important;
	margin: 0;
}

.k-ext-arrows-left {
	background-position: 0 -16px;
}

.k-ext-arrows-right {
	background-position: -16px -16px;
}

.k-ext-arrows-up {
	background-position: 0 0;
}

.k-ext-arrows-down {
	background-position: -16px 0;
}


/* ExtDialog */

.k-ext-information, .k-ext-question, .k-ext-warning, .k-ext-error {
	overflow: hidden;
	width: 32px;
	height: 32px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url('./Images/medium-sprites.png');
	margin: 0;
}

.k-ext-information {
	background-position: 0 0;
}

.k-ext-question {
	background-position: -32px 0;
}

.k-ext-warning {
	background-position: -64px 0;
}

.k-ext-error {
	background-position: -96px 0;
}

.k-ext-wait {
	overflow: hidden;
	width: 30px;
	height: 30px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url('./Images/medium-wait.gif');
	margin: 0;
}


/* ExtBorderLayout */

.k-ext-inner-splitter-contents {
    overflow: hidden !important;
}


/* ExtTextBox */

.k-ext-textbox {
	display:inline-block;
	position:relative;
	height:2.2em;
}

	.k-ext-textbox span {
		position:absolute;
		top:0;
		left:0;
		color:gray;
		z-index:99; 
		padding:0.178em 0; 
		height:1.6em; 
		line-height:1.6em; 
		text-indent:4px;
	}

	.k-ext-textbox input {
		position:absolute !important;
		opacity:1;
		filter:alpha(opacity=100);
		top:0;
		left:0;
		width:99%;
	}

/* ExtEditor */

.k-ext-table {
	background-position: -108px -270px;
    height: 20px !important;
}

@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=3.2.1');src:url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
.icon-muted{color:#eeeeee;}
.icon-light{color:#ffffff;}
.icon-dark{color:#333333;}
.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.pull-right{float:right;}
.pull-left{float:left;}
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
.icon-glass:before{content:"\f000";}
.icon-music:before{content:"\f001";}
.icon-search:before{content:"\f002";}
.icon-envelope-alt:before{content:"\f003";}
.icon-heart:before{content:"\f004";}
.icon-star:before{content:"\f005";}
.icon-star-empty:before{content:"\f006";}
.icon-user:before{content:"\f007";}
.icon-film:before{content:"\f008";}
.icon-th-large:before{content:"\f009";}
.icon-th:before{content:"\f00a";}
.icon-th-list:before{content:"\f00b";}
.icon-ok:before{content:"\f00c";}
.icon-remove:before{content:"\f00d";}
.icon-zoom-in:before{content:"\f00e";}
.icon-zoom-out:before{content:"\f010";}
.icon-power-off:before,.icon-off:before{content:"\f011";}
.icon-signal:before{content:"\f012";}
.icon-gear:before,.icon-cog:before{content:"\f013";}
.icon-trash:before{content:"\f014";}
.icon-home:before{content:"\f015";}
.icon-file-alt:before{content:"\f016";}
.icon-time:before{content:"\f017";}
.icon-road:before{content:"\f018";}
.icon-download-alt:before{content:"\f019";}
.icon-download:before{content:"\f01a";}
.icon-upload:before{content:"\f01b";}
.icon-inbox:before{content:"\f01c";}
.icon-play-circle:before{content:"\f01d";}
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
.icon-refresh:before{content:"\f021";}
.icon-list-alt:before{content:"\f022";}
.icon-lock:before{content:"\f023";}
.icon-flag:before{content:"\f024";}
.icon-headphones:before{content:"\f025";}
.icon-volume-off:before{content:"\f026";}
.icon-volume-down:before{content:"\f027";}
.icon-volume-up:before{content:"\f028";}
.icon-qrcode:before{content:"\f029";}
.icon-barcode:before{content:"\f02a";}
.icon-tag:before{content:"\f02b";}
.icon-tags:before{content:"\f02c";}
.icon-book:before{content:"\f02d";}
.icon-bookmark:before{content:"\f02e";}
.icon-print:before{content:"\f02f";}
.icon-camera:before{content:"\f030";}
.icon-font:before{content:"\f031";}
.icon-bold:before{content:"\f032";}
.icon-italic:before{content:"\f033";}
.icon-text-height:before{content:"\f034";}
.icon-text-width:before{content:"\f035";}
.icon-align-left:before{content:"\f036";}
.icon-align-center:before{content:"\f037";}
.icon-align-right:before{content:"\f038";}
.icon-align-justify:before{content:"\f039";}
.icon-list:before{content:"\f03a";}
.icon-indent-left:before{content:"\f03b";}
.icon-indent-right:before{content:"\f03c";}
.icon-facetime-video:before{content:"\f03d";}
.icon-picture:before{content:"\f03e";}
.icon-pencil:before{content:"\f040";}
.icon-map-marker:before{content:"\f041";}
.icon-adjust:before{content:"\f042";}
.icon-tint:before{content:"\f043";}
.icon-edit:before{content:"\f044";}
.icon-share:before{content:"\f045";}
.icon-check:before{content:"\f046";}
.icon-move:before{content:"\f047";}
.icon-step-backward:before{content:"\f048";}
.icon-fast-backward:before{content:"\f049";}
.icon-backward:before{content:"\f04a";}
.icon-play:before{content:"\f04b";}
.icon-pause:before{content:"\f04c";}
.icon-stop:before{content:"\f04d";}
.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}
.icon-step-forward:before{content:"\f051";}
.icon-eject:before{content:"\f052";}
.icon-chevron-left:before{content:"\f053";}
.icon-chevron-right:before{content:"\f054";}
.icon-plus-sign:before{content:"\f055";}
.icon-minus-sign:before{content:"\f056";}
.icon-remove-sign:before{content:"\f057";}
.icon-ok-sign:before{content:"\f058";}
.icon-question-sign:before{content:"\f059";}
.icon-info-sign:before{content:"\f05a";}
.icon-screenshot:before{content:"\f05b";}
.icon-remove-circle:before{content:"\f05c";}
.icon-ok-circle:before{content:"\f05d";}
.icon-ban-circle:before{content:"\f05e";}
.icon-arrow-left:before{content:"\f060";}
.icon-arrow-right:before{content:"\f061";}
.icon-arrow-up:before{content:"\f062";}
.icon-arrow-down:before{content:"\f063";}
.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
.icon-resize-full:before{content:"\f065";}
.icon-resize-small:before{content:"\f066";}
.icon-plus:before{content:"\f067";}
.icon-minus:before{content:"\f068";}
.icon-asterisk:before{content:"\f069";}
.icon-exclamation-sign:before{content:"\f06a";}
.icon-gift:before{content:"\f06b";}
.icon-leaf:before{content:"\f06c";}
.icon-fire:before{content:"\f06d";}
.icon-eye-open:before{content:"\f06e";}
.icon-eye-close:before{content:"\f070";}
.icon-warning-sign:before{content:"\f071";}
.icon-plane:before{content:"\f072";}
.icon-calendar:before{content:"\f073";}
.icon-random:before{content:"\f074";}
.icon-comment:before{content:"\f075";}
.icon-magnet:before{content:"\f076";}
.icon-chevron-up:before{content:"\f077";}
.icon-chevron-down:before{content:"\f078";}
.icon-retweet:before{content:"\f079";}
.icon-shopping-cart:before{content:"\f07a";}
.icon-folder-close:before{content:"\f07b";}
.icon-folder-open:before{content:"\f07c";}
.icon-resize-vertical:before{content:"\f07d";}
.icon-resize-horizontal:before{content:"\f07e";}
.icon-bar-chart:before{content:"\f080";}
.icon-twitter-sign:before{content:"\f081";}
.icon-facebook-sign:before{content:"\f082";}
.icon-camera-retro:before{content:"\f083";}
.icon-key:before{content:"\f084";}
.icon-gears:before,.icon-cogs:before{content:"\f085";}
.icon-comments:before{content:"\f086";}
.icon-thumbs-up-alt:before{content:"\f087";}
.icon-thumbs-down-alt:before{content:"\f088";}
.icon-star-half:before{content:"\f089";}
.icon-heart-empty:before{content:"\f08a";}
.icon-signout:before{content:"\f08b";}
.icon-linkedin-sign:before{content:"\f08c";}
.icon-pushpin:before{content:"\f08d";}
.icon-external-link:before{content:"\f08e";}
.icon-signin:before{content:"\f090";}
.icon-trophy:before{content:"\f091";}
.icon-github-sign:before{content:"\f092";}
.icon-upload-alt:before{content:"\f093";}
.icon-lemon:before{content:"\f094";}
.icon-phone:before{content:"\f095";}
.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
.icon-bookmark-empty:before{content:"\f097";}
.icon-phone-sign:before{content:"\f098";}
.icon-twitter:before{content:"\f099";}
.icon-facebook:before{content:"\f09a";}
.icon-github:before{content:"\f09b";}
.icon-unlock:before{content:"\f09c";}
.icon-credit-card:before{content:"\f09d";}
.icon-rss:before{content:"\f09e";}
.icon-hdd:before{content:"\f0a0";}
.icon-bullhorn:before{content:"\f0a1";}
.icon-bell:before{content:"\f0a2";}
.icon-certificate:before{content:"\f0a3";}
.icon-hand-right:before{content:"\f0a4";}
.icon-hand-left:before{content:"\f0a5";}
.icon-hand-up:before{content:"\f0a6";}
.icon-hand-down:before{content:"\f0a7";}
.icon-circle-arrow-left:before{content:"\f0a8";}
.icon-circle-arrow-right:before{content:"\f0a9";}
.icon-circle-arrow-up:before{content:"\f0aa";}
.icon-circle-arrow-down:before{content:"\f0ab";}
.icon-globe:before{content:"\f0ac";}
.icon-wrench:before{content:"\f0ad";}
.icon-tasks:before{content:"\f0ae";}
.icon-filter:before{content:"\f0b0";}
.icon-briefcase:before{content:"\f0b1";}
.icon-fullscreen:before{content:"\f0b2";}
.icon-group:before{content:"\f0c0";}
.icon-link:before{content:"\f0c1";}
.icon-cloud:before{content:"\f0c2";}
.icon-beaker:before{content:"\f0c3";}
.icon-cut:before{content:"\f0c4";}
.icon-copy:before{content:"\f0c5";}
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
.icon-save:before{content:"\f0c7";}
.icon-sign-blank:before{content:"\f0c8";}
.icon-reorder:before{content:"\f0c9";}
.icon-list-ul:before{content:"\f0ca";}
.icon-list-ol:before{content:"\f0cb";}
.icon-strikethrough:before{content:"\f0cc";}
.icon-underline:before{content:"\f0cd";}
.icon-table:before{content:"\f0ce";}
.icon-magic:before{content:"\f0d0";}
.icon-truck:before{content:"\f0d1";}
.icon-pinterest:before{content:"\f0d2";}
.icon-pinterest-sign:before{content:"\f0d3";}
.icon-google-plus-sign:before{content:"\f0d4";}
.icon-google-plus:before{content:"\f0d5";}
.icon-money:before{content:"\f0d6";}
.icon-caret-down:before{content:"\f0d7";}
.icon-caret-up:before{content:"\f0d8";}
.icon-caret-left:before{content:"\f0d9";}
.icon-caret-right:before{content:"\f0da";}
.icon-columns:before{content:"\f0db";}
.icon-sort:before{content:"\f0dc";}
.icon-sort-down:before{content:"\f0dd";}
.icon-sort-up:before{content:"\f0de";}
.icon-envelope:before{content:"\f0e0";}
.icon-linkedin:before{content:"\f0e1";}
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
.icon-legal:before{content:"\f0e3";}
.icon-dashboard:before{content:"\f0e4";}
.icon-comment-alt:before{content:"\f0e5";}
.icon-comments-alt:before{content:"\f0e6";}
.icon-bolt:before{content:"\f0e7";}
.icon-sitemap:before{content:"\f0e8";}
.icon-umbrella:before{content:"\f0e9";}
.icon-paste:before{content:"\f0ea";}
.icon-lightbulb:before{content:"\f0eb";}
.icon-exchange:before{content:"\f0ec";}
.icon-cloud-download:before{content:"\f0ed";}
.icon-cloud-upload:before{content:"\f0ee";}
.icon-user-md:before{content:"\f0f0";}
.icon-stethoscope:before{content:"\f0f1";}
.icon-suitcase:before{content:"\f0f2";}
.icon-bell-alt:before{content:"\f0f3";}
.icon-coffee:before{content:"\f0f4";}
.icon-food:before{content:"\f0f5";}
.icon-file-text-alt:before{content:"\f0f6";}
.icon-building:before{content:"\f0f7";}
.icon-hospital:before{content:"\f0f8";}
.icon-ambulance:before{content:"\f0f9";}
.icon-medkit:before{content:"\f0fa";}
.icon-fighter-jet:before{content:"\f0fb";}
.icon-beer:before{content:"\f0fc";}
.icon-h-sign:before{content:"\f0fd";}
.icon-plus-sign-alt:before{content:"\f0fe";}
.icon-double-angle-left:before{content:"\f100";}
.icon-double-angle-right:before{content:"\f101";}
.icon-double-angle-up:before{content:"\f102";}
.icon-double-angle-down:before{content:"\f103";}
.icon-angle-left:before{content:"\f104";}
.icon-angle-right:before{content:"\f105";}
.icon-angle-up:before{content:"\f106";}
.icon-angle-down:before{content:"\f107";}
.icon-desktop:before{content:"\f108";}
.icon-laptop:before{content:"\f109";}
.icon-tablet:before{content:"\f10a";}
.icon-mobile-phone:before{content:"\f10b";}
.icon-circle-blank:before{content:"\f10c";}
.icon-quote-left:before{content:"\f10d";}
.icon-quote-right:before{content:"\f10e";}
.icon-spinner:before{content:"\f110";}
.icon-circle:before{content:"\f111";}
.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
.icon-github-alt:before{content:"\f113";}
.icon-folder-close-alt:before{content:"\f114";}
.icon-folder-open-alt:before{content:"\f115";}
.icon-expand-alt:before{content:"\f116";}
.icon-collapse-alt:before{content:"\f117";}
.icon-smile:before{content:"\f118";}
.icon-frown:before{content:"\f119";}
.icon-meh:before{content:"\f11a";}
.icon-gamepad:before{content:"\f11b";}
.icon-keyboard:before{content:"\f11c";}
.icon-flag-alt:before{content:"\f11d";}
.icon-flag-checkered:before{content:"\f11e";}
.icon-terminal:before{content:"\f120";}
.icon-code:before{content:"\f121";}
.icon-reply-all:before{content:"\f122";}
.icon-mail-reply-all:before{content:"\f122";}
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
.icon-location-arrow:before{content:"\f124";}
.icon-crop:before{content:"\f125";}
.icon-code-fork:before{content:"\f126";}
.icon-unlink:before{content:"\f127";}
.icon-question:before{content:"\f128";}
.icon-info:before{content:"\f129";}
.icon-exclamation:before{content:"\f12a";}
.icon-superscript:before{content:"\f12b";}
.icon-subscript:before{content:"\f12c";}
.icon-eraser:before{content:"\f12d";}
.icon-puzzle-piece:before{content:"\f12e";}
.icon-microphone:before{content:"\f130";}
.icon-microphone-off:before{content:"\f131";}
.icon-shield:before{content:"\f132";}
.icon-calendar-empty:before{content:"\f133";}
.icon-fire-extinguisher:before{content:"\f134";}
.icon-rocket:before{content:"\f135";}
.icon-maxcdn:before{content:"\f136";}
.icon-chevron-sign-left:before{content:"\f137";}
.icon-chevron-sign-right:before{content:"\f138";}
.icon-chevron-sign-up:before{content:"\f139";}
.icon-chevron-sign-down:before{content:"\f13a";}
.icon-html5:before{content:"\f13b";}
.icon-css3:before{content:"\f13c";}
.icon-anchor:before{content:"\f13d";}
.icon-unlock-alt:before{content:"\f13e";}
.icon-bullseye:before{content:"\f140";}
.icon-ellipsis-horizontal:before{content:"\f141";}
.icon-ellipsis-vertical:before{content:"\f142";}
.icon-rss-sign:before{content:"\f143";}
.icon-play-sign:before{content:"\f144";}
.icon-ticket:before{content:"\f145";}
.icon-minus-sign-alt:before{content:"\f146";}
.icon-check-minus:before{content:"\f147";}
.icon-level-up:before{content:"\f148";}
.icon-level-down:before{content:"\f149";}
.icon-check-sign:before{content:"\f14a";}
.icon-edit-sign:before{content:"\f14b";}
.icon-external-link-sign:before{content:"\f14c";}
.icon-share-sign:before{content:"\f14d";}
.icon-compass:before{content:"\f14e";}
.icon-collapse:before{content:"\f150";}
.icon-collapse-top:before{content:"\f151";}
.icon-expand:before{content:"\f152";}
.icon-euro:before,.icon-eur:before{content:"\f153";}
.icon-gbp:before{content:"\f154";}
.icon-dollar:before,.icon-usd:before{content:"\f155";}
.icon-rupee:before,.icon-inr:before{content:"\f156";}
.icon-yen:before,.icon-jpy:before{content:"\f157";}
.icon-renminbi:before,.icon-cny:before{content:"\f158";}
.icon-won:before,.icon-krw:before{content:"\f159";}
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
.icon-file:before{content:"\f15b";}
.icon-file-text:before{content:"\f15c";}
.icon-sort-by-alphabet:before{content:"\f15d";}
.icon-sort-by-alphabet-alt:before{content:"\f15e";}
.icon-sort-by-attributes:before{content:"\f160";}
.icon-sort-by-attributes-alt:before{content:"\f161";}
.icon-sort-by-order:before{content:"\f162";}
.icon-sort-by-order-alt:before{content:"\f163";}
.icon-thumbs-up:before{content:"\f164";}
.icon-thumbs-down:before{content:"\f165";}
.icon-youtube-sign:before{content:"\f166";}
.icon-youtube:before{content:"\f167";}
.icon-xing:before{content:"\f168";}
.icon-xing-sign:before{content:"\f169";}
.icon-youtube-play:before{content:"\f16a";}
.icon-dropbox:before{content:"\f16b";}
.icon-stackexchange:before{content:"\f16c";}
.icon-instagram:before{content:"\f16d";}
.icon-flickr:before{content:"\f16e";}
.icon-adn:before{content:"\f170";}
.icon-bitbucket:before{content:"\f171";}
.icon-bitbucket-sign:before{content:"\f172";}
.icon-tumblr:before{content:"\f173";}
.icon-tumblr-sign:before{content:"\f174";}
.icon-long-arrow-down:before{content:"\f175";}
.icon-long-arrow-up:before{content:"\f176";}
.icon-long-arrow-left:before{content:"\f177";}
.icon-long-arrow-right:before{content:"\f178";}
.icon-apple:before{content:"\f179";}
.icon-windows:before{content:"\f17a";}
.icon-android:before{content:"\f17b";}
.icon-linux:before{content:"\f17c";}
.icon-dribbble:before{content:"\f17d";}
.icon-skype:before{content:"\f17e";}
.icon-foursquare:before{content:"\f180";}
.icon-trello:before{content:"\f181";}
.icon-female:before{content:"\f182";}
.icon-male:before{content:"\f183";}
.icon-gittip:before{content:"\f184";}
.icon-sun:before{content:"\f185";}
.icon-moon:before{content:"\f186";}
.icon-archive:before{content:"\f187";}
.icon-bug:before{content:"\f188";}
.icon-vk:before{content:"\f189";}
.icon-weibo:before{content:"\f18a";}
.icon-renren:before{content:"\f18b";}

/* Fixes for various Kendo-related issues and other tweaks to the Kendo styling.
    i.e. style definitions to augment Kendo styles, 
         overrides of Kendo styling to achieve desired look,
         fixes for Kendo bugs(usually temporary until the next Kendo release), etc. */

/* Same margin/padding as content div of Kendo TabStrip(but without requiring the TabStrip parent) */
.a-content {
    padding: .3em .92em;
    margin: 0 .29em .3em;
}

/* Kendo PanelBar header text override */
ul.k-panelbar .k-item .k-link.k-header {
    font-size: 1.2em;
    font-weight: bold;
}

.subnav .k-state-highlight .k-link {
    font-weight: bold;
}

.k-grid table > tbody > tr:not(.k-state-selected) > td.a-info {
    background: #FFFFC7 !important;
}
.k-grid table > tbody > tr.k-alt:not(.k-state-selected) > td.a-info {
    background: #FFFFE3 !important;
}

.k-grid .k-button, .k-grid .k-grid-toolbar > * {
    margin: -1px;
}

.k-grid {
    border-radius: 0px;
}

.a-nopost.k-textbox {
    height: 22px;
    line-height: 16px;
    background-image: none;
    padding: 2px 0.3em;
}
.a-nopost.k-textbox:hover {
    background-image: none;
}

/*Button inside grid cell*/
.k-grid tbody .k-button.a-grid-button {
    height: 24px;
    width: 24px;
    min-width: 24px;
    padding: 0;
    margin: 0;
}

/* Clear button in grid filter row is too tall(extremely obvious) and wide(1px-ish) and misaligned icon,
    AND seems to be applying some sort of RTL so that simply changing the width actually shifts the position. */
.k-filtercell button.k-button.k-button-icon {
    height: 25px;
    width: 26px;
    margin-right: 1px;
    padding-top: 7px;
}

/* Button inside grid cell using img instead of kendo sprite. */
.k-grid tbody .k-button.a-grid-button img.k-icon {
    margin-bottom: 1px;
}

/*Prevent cell from growing vertically(which looks terrible)*/
.k-grid td {
    white-space: nowrap;
}

/* Allow grid to have cells that wrap*/
.a-grid-cellwithwrap.k-grid td {
    white-space: normal;
}

.k-menu .k-item-float-right {
    float: right !important;
    border-left-width: 1px !important;
    border-right-width: 0 !important;
}

/* For applying different background colours to grid rows. */
.k-grid-content table > tbody > tr.a-green:not(.k-state-selected) {
    background: #CCE6CC;
}
.k-grid-content table > tbody > tr.k-alt.a-green:not(.k-state-selected) {
    background: #E6F2E6;
}
.k-grid-content table > tbody > tr.a-gray:not(.k-state-selected) {
    background-color: #ECECEC;
}
.k-grid-content table > tbody > tr.k-alt.a-gray:not(.k-state-selected) {
    background-color: #F6F6F6;
}
.k-grid-content table > tbody > tr.a-red:not(.k-state-selected) {
    background: #FFCCCC;
}
.k-grid-content table > tbody > tr.k-alt.a-red:not(.k-state-selected) {
    background: #FFE6E6;
}

/* override kendo setting to ensure mask is on top of everything else. */
.k-loading-mask {
    z-index: 99999;
}

.k-widget.k-notification.k-notification-success {
    background: rgba(0,153,0,.7);
    color: #fff;
}

#userMenuContainer .k-group.k-menu-group.k-popup.k-reset.k-state-border-right {
    max-height: 95vh !important;
}

.usermenu.k-widget.k-reset.k-header.k-menu.k-menu-horizontal {
    border-style: none;
    background-color: inherit;
    background-image: none;
}

.usermenu li.k-item.k-state-default.k-first.k-last {
    border-style: none;
}

.usermenu li.k-item.k-state-default.k-first.k-last.k-state-focused {
    box-shadow: none;
}

.usermenu .top>.k-link {
    color: white;
    padding: 4px 8px 8px 0;
}

.usermenu .top>.k-link>.k-icon.k-i-arrow-s {
    background-image: url(kendo/2017.2.621/Black/sprite.png);
    background-position: 0;
}

.usermenu li.top.k-state-hover {
    background-image: none;
    background-color: inherit;
}

.usermenu li.top.k-state-hover>.k-link {
    text-decoration: underline;
    background-color: inherit;
    background-image: none;
}

.usermenu .k-link.k-state-active.k-state-border-down {
    background-color: inherit;
}

.usermenu ul.k-group.k-popup.k-reset.k-state-border-up {
    background-color: white;
}

.usermenu div ul li .k-link {
    color: inherit;
}

.usermenu.k-menu .k-group .k-item.separator>.k-link {
    padding: 0;
}

.k-item.separator>.k-link hr {
    margin: 0;
}

.a-treeview-pane {
    height: 100%;
}

.a-treeview-pane.k-splitter .k-splitbar-static-vertical {
    height: 0;
    border-width: 0;
}

/* Styling overrides to allow extra controls in a Kendo grid header cell and still look ok, used for (un)select all buttons. */
/* Fixes vertical alignment of the column text when there are other controls in the header, i.e. check/uncheck buttons. */
.k-grid-header .a-gridheader-extra.k-header > .k-link {
    padding-top: 10px;
}
.gridHeaderButton {
    float: left;
    padding: 0;
    height: 18px;
    width: 18px;
    line-height: normal;
}
a.gridHeaderButton > span.k-icon {
    font-size: smaller;
    top: 1px;
}
/* Fixes filter icon aligned too high when in column header with the check/uncheck all buttons and a title(not sure if the title is required or just the buttons on a filterable column). */
.a-gridheader-extra.k-header > .k-grid-filter {
    padding-top: 10px;
}

.k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-picker-wrap:before, .k-webkit .k-numeric-wrap:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: auto;
    padding-bottom: inherit;
}

.a-gridstate-button {
    position: absolute;
    top: 3px;
    border-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-bottom-right-radius: 4px;
    margin-top: -4px;
    margin-left: -4px;
}
/* Makes sure the colour of the icon is same as other icons and text instead of the <a> colour. */
.a-gridstate-button > a.k-header-column-menu {
    color: inherit;
}

.k-grid>.k-grid-toolbar>.k-toolbar {
    border: none;
    box-shadow: none
}

.k-button.k-button-icontext.a-dropdown-button {
     padding-left: 0;
     padding-right: 0;
}
.a-dropdown-button>span {
    padding-left: 7px;
}
.a-dropdown-button>span>.k-icon.k-i-arrow-s {
    margin-left: 0;
}

.a-dropdown-button-content li.k-state-hover {
    background-image: none;
    background-color: initial;
}

.a-dropdown-button-content > li.k-item > span.k-link {
    cursor: default;
}

.k-toolbar .k-button.a-toolbutton-right {
    float: right;
    margin-top: 5px;
}

.k-button.a-inline-button {
    height: 22px;
    width: 22px;
    padding-right: 0;
    min-width: 22px;
}

.k-button.a-image-only > img {
    position: relative;
    left: -1px;
    margin-top: 2px;
}

.k-tabstrip-items > .k-item.a-search-tab {
    position: absolute;
    right: 5px;
}

/* Style to make the PageSize dropdown in a Grid footer large enough to fit
   >3 digit numbers without a "...". */
.k-pager-wrap .k-pager-sizes .k-dropdown {
    width: auto;
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* Styles to remove borders and border decoration from TabStrips so   */
/* that they look like one unending canvas instead of each pane being */
/* a different height based on its contents.                          */
/* They *are* all different heights, but it doesn't *look* that way   */
/* when you remove the borders(esp. the bottom border).               */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
.a-borderless-tabstrip-container {
    padding-left: 2px;
    padding-right: 2px;
}
.k-tabstrip.a-tabstrip-no-borders > .k-content {
    border-bottom: none;
    border-left: none;
    border-right: none;
    margin: 0;
}
.k-tabstrip.a-tabstrip-no-borders {
     -webkit-box-shadow: none; 
     box-shadow: none; 
     border: none;
}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* Fixes "off-by-1" "error" on TabStrip content that is to be 100% height of the content area 
    but due to various layout/CSS intricacies may still show a scrollbar for the "overlapping pixel".
    Telerik does this is in this example, https://docs.telerik.com/kendo-ui/knowledge-base/expand-grid-to-match-tabstrip-height-within-splitter-pane
    but they don't document it.
    May or may not play nicely with the a-tabstrip-no-borders "infinite scrolling" technique above as they are at cross purposes:
    - this fix hides the scrollbar when there is only a little bit of overlap
    - that fix uses the container's scrollbar when they is lots of vertical content(and hides the bottom border so the canvas looks uninterrupted. */
.k-content.a-100PercentContent {
    overflow: hidden;
}
/* And for full-height content div directly in a Splitter pane. */
.k-pane > .a-100PercentContent {
    overflow: hidden;
    height: 100%;
}

/* Styling to remove border between button and dropdown arrow on Kendo ToolBar SplitButton when it is to be used
    as a "menu"(where the button has no functionality of its own and will just be showing the dropdown menu. */
.a-splitbutton-menu {
    border-right: none;
}
.a-splitbutton-menu + .k-split-button-arrow {
    border-left: none;
    /* Fix for combination of Bootstrap 2, newer Kendo(noticed after upgrade to 2020.1.219),
    and using Kendo Bootstrap theme but with kendo.common.css instead of kendo.common-bootstrap.css
    causing ToolBar.SplitButton dropdown arrow element to be taller than the button element. */
    padding-top: 3px;
}

/* Fix button arrow. Its height was off a bit. */
.k-button.k-split-button-arrow {
    height: 27px;
}

/* For a Kendo Button that is inline with an input(textbox, dropdown, etc) so that the height
    of the button matches the height of the input. */
.a-inline-textbutton {
    padding-top: 3px;
    padding-bottom: 3px;
}

/* For a Kendo Menu that is inline with an input(textbox, dropdown, etc).
    This styles the top-level item like an a-inline-textbutton. */
.a-inline-menu {
    width: fit-content;
    background-color: inherit;
}
.a-inline-menu>li.k-item.k-menu-item {
    border-right-style: none;
}
.a-inline-menu .k-item>.k-link {
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
}
.a-inline-menu .k-item>.k-link>img.k-image {
    margin-left: -1.5px;
}

/* Fix for misalignment of image on ToolButtons in the overflow area.
    https://feedback.telerik.com/aspnet-mvc/1457045-buttons-with-image-in-overflow-area-image-vertically-misaligned
    Haven't fully tested if this affects other use of k-overflow-containers, if any. */
.k-overflow-container a>img {
    vertical-align: middle;
    display: inline-block;
}

/* Fix for scrollbar appearing on newer version of Kendo(first noticed in 2019.3.1023).
    Taken from https://github.com/telerik/kendo-themes/issues/380.
    This is not the same issue(as it is not fixed in this scenario even though the issue is resolved a while ago), but the same workaround works here.
    This also does not seem like a bug(even though it did not require a workaround before) based on this forum thread:
    https://www.telerik.com/forums/wrap-notifications-content-without-templates.
    Submitted support request to inquire if this is intended or not: https://www.telerik.com/account/support-tickets/view-ticket/1460754.
    Support request resulted in logged bug: https://github.com/telerik/kendo-themes/issues/1459. */
.successTemplate {
    white-space: normal;
}
/* Fixes for various Bootstrap-related issues and other tweaks to the Bootstrap styling.
    i.e. conflicts with Kendo styles and other problems
         overrides of Bootstrap styling to achieve desired look, etc. */

/* For some reason, bootstrap rows in a some Kendo containers are a couple pixels too wide...
   I can't figure out the underlying reason, but simple reducing the right margin seems to work.
   Although, this appears to be theme-dependent as the Bootstrap theme has the issue but Blue Opal does not. */
/* TabStrip */
/*.k-tabstrip > .k-content .row {
    margin-right: -13px;
}*/
/* Window */
.k-window>.k-window-content .row.a-windowfix {
    margin-right: -10px;
}
/* Splitter directly(no TabStrip) */
/*.a-rowfix-0,*/
/* Splitter in TabStrip */
/*.k-tabstrip > .k-content .row.a-rowfix-0 {
    margin-right: 0;
}*/