﻿/* RESET
---------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);

html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, textarea {
    font-family: 'Open Sans', 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    letter-spacing: .02em;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
    font-family: 'Open Sans', 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
}

ul, ol {
    list-style: none;
}

fieldset, img {
    border: none;
}

caption, th {
    text-align: left;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* TYPE
--------*/
html {
    height: 100%;
    width: 100%;
}

body {
    font-size: 14px;
    max-width: 100%;
    background-color: white;
}

    body.fullscreen-layout {
        width: 100%;
        min-height: 100vh;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        overflow-x: hidden;
    }

a {
    color: #0091BF;
    text-decoration: none;
}

img {
    border-style: none;
    border-width: 0;
}

strong {
    font-weight: 500;
}

em, i {
    font-style: italic;
}

table, thead, th, tbody, tr, td, tfoot {
    border-collapse: collapse;
    border-spacing: 0;
    border-style: none;
    margin: 0;
    padding: 0;
}

th {
    font-weight: 500;
}

p {
    margin-bottom: 18px;
}

h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 18px;
}

h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 18px;
}

h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
}

h4 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

ul {
    margin-bottom: 18px;
}

li {
    list-style: disc outside;
    padding: 0 0 2px 0;
}

ol {
    list-style: decimal;
    margin-bottom: 18px;
    margin-left: 2.2em;
}

input {
    margin: 2px;
}

    input:last-child {
        margin-right: 0;
    }

    input[type="checkbox"] {
        margin: 2px;
    }

    input[type="submit"] {
        min-width: 100px;
        padding: 4px 10px 4px 10px;
        margin: 4px;
        color: #FFF;
        font-size: 16px;
        border: none;
    }

        input[type="submit"]:hover {
            background-color: #333;
            color: #fff;
            cursor: pointer;
        }

        input[type="submit"]:last-child {
            margin-right: 0;
        }

    input[type="button"] {
        min-width: 100px;
        padding: 4px 10px 4px 10px;
        margin: 4px;
        color: #FFF;
        font-size: 16px;
        border: none;
    }

        input[type="button"]:disabled {
            opacity: .65;
        }

        input[type="button"]:hover {
            background-color: #333;
            color: #fff;
            cursor: pointer;
        }

        input[type="button"]:last-child {
            margin-right: 0;
        }

    input[type="text"] {
        padding: 2px 0 2px 2px;
    }

    input[type="password"] {
        padding: 2px 0 2px 2px;
    }

/* menu
--------*/
.horizontalBlackMenu {
}

    .horizontalBlackMenu ul {
        display: block;
        font-weight: 500;
        height: 20px;
        margin: 2px 0 2px 0;
        padding: 0;
    }

        .horizontalBlackMenu ul li {
            border-left-style: solid;
            border-left-width: 2px;
            display: inline-block;
            font-size: 12px;
            height: 16px;
            list-style-type: none;
            margin: 2px 0 2px 0;
            padding: 0 8px 0 8px;
        }

            .horizontalBlackMenu ul li:first-child {
                border-left-style: none;
            }


.horizontalMenu {
}

    .horizontalMenu ul {
        display: block;
        font-weight: 500;
        height: 20px;
        margin: 10px 0 6px 0;
        padding: 0;
    }

        .horizontalMenu ul li {
            border-left-style: solid;
            border-left-width: 1px;
            display: inline-block;
            font-size: 14px;
            height: 16px;
            list-style-type: none;
            margin: 2px 0 2px 0;
            padding: 0 7px 0 7px;
        }

            .horizontalMenu ul li:first-child {
                border-left-style: none;
                padding-left: 4px;
            }

    .horizontalMenu a {
        color: Black;
        text-decoration: none;
    }

.topMenu ul li {
    *padding-top: 2px;
}

/* menu
--------*/
#bottomMenu {
    float: left;
    font-size: 10px;
}

    #bottomMenu ul {
        display: block;
        margin: 6px 0 6px 0;
        padding: 0;
    }

        #bottomMenu ul li {
            border-left-style: solid;
            border-left-width: 1px;
            display: inline;
            list-style-type: none;
            padding: 0 4px 0 5px;
        }

            #bottomMenu ul li:first-child {
                border-left-style: none;
            }

    #bottomMenu a {
        color: Black;
        text-decoration: none;
    }

/* Tooltips
--------*/
.tooltipinfo {
}

.tooltipImage {
    cursor: help;
    height: 16px;
    width: 16px;
}

.tooltipinfoContent {
    font-size: 11px !important;
    font-weight: normal !important;
}

.tooltiptext {
    border-bottom: 1px dashed black;
    cursor: help;
    text-decoration: none;
}

.tooltiptextDisabled {
}

/* links
---------*/

.tabLinks {
    font-size: 14px;
}

    .tabLinks a {
        text-decoration: none;
    }

    .tabLinks a, #headerMenu a, #footer a, #downloadButton a {
        color: #fff;
    }

#pageMenu a {
    color: Black !important;
}

#pageMenu .waiting-room-count {
    display: inline-block;
    height: 18px;
    width: 18px;
    background-color: #ffb63b;
    color: #444;
    border-radius: 9px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ffb63b;
    font-weight: bold;
    font-size: .8em;
    line-height: 18px;
}

#footer {
    font-size: 12px;
}

.Results tr.ResultsRow a {
    color: Black;
    text-decoration: none;
}

    .Results tr.ResultsRow a:hover {
        color: #fff !important;
    }

.Results tr.ResultsRow:hover {
    background-color: #777;
    color: #fff !important;
}

.Results .Pager a, #cookieTrail a {
    color: Black;
    text-decoration: none;
}

    .Results .Pager a:hover {
        background-color: #777 !important;
        color: #fff !important;
        cursor: pointer !important;
    }

.sv-bar-m {
    font-size: 12px;
}

    .sv-bar-m a {
        text-decoration: none;
    }

.DA a {
    font-size: 16px;
}

.clearFloat {
    clear: both;
}

.external {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAHN6w8ZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkUExURQAAAFhYWFdXV3l5eX5+fv///3h4eFBQUE9PT7i4uLe3twAAAM7vpEIAAAAMdFJOU///////////////ABLfzs4AAAAJcEhZcwAADsMAAA7DAcdvqGQAAABESURBVBhXHYpBCgBACAJFMAz//9+17SBjI0I4IASvrmkhI6HutZ5jsjmqpaY5TCCpmYopVtI296NVWLJjqyB3h/q7JA+RBAKameH7ngAAAABJRU5ErkJggg==') /*../img/ico-externallink.png*/ no-repeat scroll right center transparent;
    background-position-y: 10px;
    padding: 8px 13px 8px 0;
}

/* Private Master
----------*/
.privatehelp {
}

/* global
----------*/
#header {
    position: relative;
}

#headerLogoLink {
    display: block;
    text-indent: -10000em;
}

#headerMenu {
    color: White;
    font-size: 12px;
    font-weight: 500;
    left: 0;
    position: absolute;
    right: -8px;
    top: 0;
}

#pageHeader {
    margin-top: 2px;
    position: relative;
}

#content {
    background-color: White;
    position: relative;
}

.fullscreen-layout #content {
    min-height: calc(100vh - 225px);
    padding: 0 10px;
}

.fullscreen-layout #pageHeader {
    padding: 0 10px;
}

.fullscreen-layout #footer {
    padding: 0 10px;
}

#content ul, #content ol {
    list-style: disc none inside;
    margin-left: 2.2em;
}

#dxPageControlID ul {
    margin: 0 0 0 0;
}

#contentBody {
    margin: 0;
    min-height: 500px;
    padding: 1px;
    position: relative;
}

#footerCopyright {
    margin: 4px 4px 4px 4px;
    padding: 2px 0 2px 0;
    position: absolute;
    right: 0;
}

    #footerCopyright a {
        color: White;
        text-decoration: none;
    }

#siteVersion {
    color: #777;
    font-size: 12px;
    text-align: right;
}

#downloadButton a {
    text-decoration: none;
}

#s table {
    width: 100%;
}

.dayChart {
    margin: 0 auto 0 auto;
    width: 480px;
}

.sv-dialog-h-m, .tabLinks, #cookieTrail, .schedulerWrapper, #s, #d, #w, #m {
    font-size: 14px;
}

.leftArrow {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNjhjOGU4Mi1jYTBlLTQyYWYtODI2ZC0zYmRmYWQyMWE1OWQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUFFMEZFQzc0NTJFMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUFFMEZFQzY0NTJFMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MzdjMWU3NS0wYmVlLTQwNzgtYTE2OC1hOWQ4MWJjYjBkYWYiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiOTc1OTdjYy04ZDk4LTExNzctOTljMC1hZmRlODYzOTFkZjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Unc/dAAAAq0lEQVR42mL8//8/AyWABZkzec4iXOqkgZgZiH8C8Y/clLiPMAkmIizJA+J7QPwQiF8A8QecLkAD3EA8B4gjiPYCElAH4nVArEXIedi8EAzEp4jRjM2AHiBeDcR8ZMUCEBSTGo1MDBQCdAPqgfgvJQY0AbEPEL+jxAs7gNgEiM9TEgb3gdgGiBdQEojfgDgRiLOA+BclsTAdiDmBWByINYDYDFmSkdLsDBBgABruH6E33sm0AAAAAElFTkSuQmCC') /*../img/ico-arrow-left-disabled.png*/;
    display: block;
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px;
    z-index: 1;
}

.rightArrow {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphZTU4Mzc3Mi1iMTVlLTRiNjktODk0YS02MDMzMmNiMzFmNzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUFFMEZFQ0I0NTJFMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUFFMEZFQ0E0NTJFMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NmUxNmZhZC1kODZmLTQ2NTAtYTYwNC0wNDg1N2JlYWE1ZjQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjOWIzOThmMi04ZDk4LTExNzctOTljMC1hZmRlODYzOTFkZjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz50MdCHAAAAsUlEQVR42mL8//8/AyWABZkzec4iUyD1CYjfA/EbIP6HTVNuShyczYQmdwqIbwDxSyD+DsSZhFzAhEeODYinAfF8IOYixwAYSADiI0CsSK4BIGAIxGeA2INcA0BACIi3AHEduQaAADMQN1JiAP50QAQApbo+cg0AJbAkIF5LjgHXgDgIiG+SEwsrgNgMm2ZCBvwC4nwgjgTir8QGogAQcwAxOxD/BeKnhJzHSGl2BggwAA9SIqNXumyHAAAAAElFTkSuQmCC') /*../img/ico-arrow-right-disabled.png*/;
    display: block;
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px;
    z-index: 1;
}

.leftArrow[href] {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmNDFlYzE3ZS00NzA4LTQ3YTAtOTgxNi0xMDY5NTljMzFhYWIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUNFODM2MUM0NTJFMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM3NjkyMDI0NTJDMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MDVmNzE5ZS05N2ZkLTQ3YzktOGMzNC0yYTk4YWQ3N2Y4ZWUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo2YTI1M2Y4NS04ZDk4LTExNzctOTljMC1hZmRlODYzOTFkZjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5u6+uzAAAAq0lEQVR42mL8//8/AyWABZnDuPYJLnXSQMwMxD+B+Mf/YJmPMAkmIizJA+J7QPwQiF8A8QecLkAD3EA8B4gjiPYCElAH4nVArEXIedi8EAzEp4jRjM2AHiBeDcR8ZMUCEBSTGo1MDBQCdAPqgfgvJQY0AbEPEL+jxAs7gNgEiM9TEgb3gdgGiBdQEojfgDgRiLOA+BclsTAdiDmBWByINYDYDCUDUpqdAQIMABEWH6GjlYPbAAAAAElFTkSuQmCC') /*../img/ico-arrow-left.png*/;
}

.rightArrow[href] {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM3NjkxRkU0NTJDMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUM3NjkxRkY0NTJDMTFFNEIyNTQ4MEIyREZGM0FCNkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Qzc2OTFGQzQ1MkMxMUU0QjI1NDgwQjJERkYzQUI2QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Qzc2OTFGRDQ1MkMxMUU0QjI1NDgwQjJERkYzQUI2QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pnvy70kAAAC1SURBVHjaYvr//z8DJZiFAQkwrn1iCqQ+AfF7IH4DxP8YsID/wTJwNhOa3CkgvgHEL4H4OxBnMhAATHjk2IB4GhDPB2IucgyAgQQgPgLEiuQaAAKGQHwGiD3INQAEhIB4CxDXkWsACDADcSMlBmAAFhLV/wfiPnINACWwJCBeS44B14A4CIhvkhMLK4DYDJtmQgb8AuJ8II4E4q/EBqIAEHMAMTsQ/wXip4ScxwjKkpQAgAADADkET3dHytMFAAAAAElFTkSuQmCC') /*../img/ico-arrow-right.png*/;
}

.leftArrow[href]:hover {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphYTRkOWMxMS0zNjU1LTQ1NDEtOTg1My1hNThjZTliYzYxNTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUNFODM2MjQ0NTJFMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUNFODM2MjM0NTJFMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MjZmMmFhYy1jNDY2LTRkODYtODJiNS1lZTUxNmY1ZWU0YmQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphYWM3ODVhMS04ZDk4LTExNzctOTljMC1hZmRlODYzOTFkZjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz59E0emAAAArUlEQVR42mL8//8/AyWAEdmAyXMW4VInDcTMQPwTiH/kpsR9hEkwEWFJHhDfA+KHQPwCiD8gS7Lg0cgNxHOAOAKf6bgMUAfidUCsRch52LwQDMSniNGMzYAeIF4NxHzExgK6F4pJjUYmBgoBugH1QPyXEgOagNgHiN9R4oUdQGwCxOcpCYP7QGwDxAsoCcRvQJwIxFlA/IuSWJgOxJxALA7EGkBshjM3kgMAAgwAa78im4ufsv0AAAAASUVORK5CYII=') /*../img/ico-arrow-left-hover.png*/;
}

.rightArrow[href]:hover {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowY2M4N2MzMC0zYTRhLTRkZDAtOWE5ZS1iODgxYjhlMjM3ZGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUNFODM2MjA0NTJFMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUNFODM2MUY0NTJFMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0ZGZiNDQ1My1mZTI5LTQxMzktYmFmNC02ZmVjMTZlMzBkMTQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4NmJjMzI0Zi04ZDk4LTExNzctOTljMC1hZmRlODYzOTFkZjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7eS+x6AAAAsUlEQVR42mL8//8/AyWABZkzec4iUyD1CYjfA/EbIP6HTVNuShyczYQmdwqIbwDxSyD+DsSZhFzAhEeODYinAfF8IOYixwAYSADiI0CsSK4BIGAIxGeA2INcA0BACIi3AHEduQaAADMQN1JiAP50QAQApbo+cg0AJbAkIF5LjgHXgDgIiG+SEwsrgNgMm2ZCBvwC4nwgjgTir8QGogAQcwAxOxD/BeKnhJzHSGl2BggwAA9SIqNXumyHAAAAAElFTkSuQmCC') /*../img/ico-arrow-right-hover.png*/;
}

.verisignssl {
}

.gridWrapper {
    margin: 6px auto 6px auto;
}

#resultsgrid #s {
    width: auto;
}

.grayed {
    color: #777;
    font-style: italic;
}

.dxgvDataRow:hover {
    background-color: #9F9F9F;
    cursor: pointer;
}
/*.dxeEditArea { width: 98% !important; }*/
.DO > a {
    color: #777 !important;
}

.summaryControl {
    font-size: 14px;
    margin: 6px 4px 4px 0;
    width: 175px;
}

.summaryControlItem {
    background: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

    .summaryControlItem a {
        color: black;
    }

.summaryControlItemSelect {
    background: none;
    color: black;
    font-weight: 500;
}

.summaryControlItemImg {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    vertical-align: text-bottom;
}

.searchOption {
    font-size: 12px;
}

    .searchOption a {
        color: black;
        text-decoration: none;
    }

        .searchOption a:hover {
            text-decoration: none;
        }

.Loading {
    border-radius: 0;
    margin: 0;
    background-color: #ddd;
}

.DetailsTable tr {
    border: 1px solid #9F9F9F;
    cursor: default;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

    .DetailsTable tr > td:first-child {
        text-align: left;
        text-decoration: underline;
    }

    .DetailsTable tr > th:first-child {
        text-align: left;
    }

    .DetailsTable tr:hover {
        background: #DCDCDC;
        cursor: pointer;
    }

.DetailsTable tbody tr:hover:first-child {
    background: #DCDCDC;
    cursor: default;
}

.DetailsTable tr th {
    background-color: #DCDCDC;
    border: 1px solid #9F9F9F;
    font-weight: normal;
    line-height: 16px;
    overflow: hidden;
    padding: 4px 8px 5px;
    text-align: center;
    white-space: nowrap;
}

.DetailsTable tr td {
    border: 1px solid #9F9F9F;
    border-width: 0 1px 1px 0;
    color: Black;
    font-size: 12px;
    font-weight: normal;
    overflow: hidden;
    padding: 3px 6px 4px;
    text-align: center;
}

    .DetailsTable tr td a {
        color: Black;
        font-size: 12px;
        font-weight: normal;
    }

.DetailsTableNoLink tr {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

    .DetailsTableNoLink tr > td:first-child {
        text-align: left;
    }

    .DetailsTableNoLink tr > th:first-child {
        text-align: left;
    }

    .DetailsTableNoLink tr th {
        background-color: #DCDCDC;
        font-weight: normal;
        line-height: 16px;
        overflow: hidden;
        padding: 4px 8px 5px;
        text-align: center;
        white-space: nowrap;
    }

    .DetailsTableNoLink tr td {
        color: Black;
        font-size: 12px;
        font-weight: normal;
        overflow: hidden;
        padding: 3px 6px 4px;
        text-align: center;
    }

#d th, #d td, #m th, #m td {
    padding: 6px 2px 2px 2px;
}

.detailsHeaderId {
    font-size: 16px;
    font-weight: 600;
    padding: 6px 2px 4px 2px;
    text-align: left;
}

.detailsHeaderName {
    font-size: 16px;
    font-weight: 600;
    padding: 6px 2px 4px 2px;
    text-align: left;
}

.detailsHeaderValue {
    font-size: 16px;
    font-weight: 600;
    padding: 6px 2px 4px 2px;
    text-align: right;
    padding-right: 5px;
}

.detailsHeaderCI {
    font-size: 16px;
    font-weight: 600;
    padding: 6px 2px 4px 2px;
    text-align: center;
}

.detailsHeaderUnit {
    font-size: 16px;
    font-weight: 600;
    padding: 6px 2px 4px 2px;
    text-align: left;
    padding-left: 5px;
}

.detailsItemId {
    padding-left: 2px;
    text-align: left;
}

.detailsItemName {
    padding-left: 2px;
    text-align: left;
}

.detailsItemValue {
    text-align: right;
    padding-right: 5px;
}

.detailsItemCI {
    text-align: center;
}

.detailsItemUnit {
    text-align: left;
    padding-left: 5px;
}

/* Heads Up Area */
.HeadsUpArea {
    padding: 10px 0 10px 0;
    text-align: center;
    clear: both;
}

.HeadsUpGaugesArea {
    float: right;
    margin: 0 10px 0 0;
}

.HeadsUpGauge {
    float: right;
    text-align: center;
    width: 235px;
}

    .HeadsUpGauge span {
        font-size: 16px;
        font-weight: 500;
    }

.HeadsUpTrendGauge {
    padding: 10px 5px 0 0;
}

.HeadsUpValueGauge {
    padding: 10px 0 0 5px;
}

/* Indicator */
.Indicator {
    float: left;
    width: 195px;
    height: 140px;
    background-color: #777;
    border: 0 solid #777;
    border-radius: 0;
    margin: 0 10px 0 0;
}

.IndicatorTop {
    height: 29px;
    color: #FFFFFF;
    border-bottom: 0 solid #FFF;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0;
    padding: 6px 4px 0 4px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}
/* text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, -1px -1px #000, 1px 1px #000, -1px 1px #000, 1px -1px #000; */
.IndicatorMiddle {
    height: 52px;
    color: #ffffff;
    background-color: #777;
    font-size: 36px;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    padding-top: 16px;
    padding-bottom: 8px;
    margin: 0;
}

.IndicatorBottom {
    height: 29px;
    color: #FFFFFF;
    border-top: 0 solid #FFF;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
    padding: 6px 4px 0 4px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}

.Indicator .Undefined {
    background-color: #929BA1;
}

.Indicator .Normal {
    background-color: #71BF44;
    color: #FFF;
}

.Indicator .High1 {
    background-color: #ecdf2f;
    color: #333;
}

.Indicator .High2 {
    background-color: #fa7e00;
}

.Indicator .High3 {
    background-color: #DE0F00;
}

.Indicator .Low1 {
    background-color: #00ace3;
    color: #333;
}

.Indicator .Low2 {
    background-color: #0c82fa;
}

.Indicator .Low3 {
    background-color: #0c41f0;
}

/* Indicator Target */
.BPIndicatorTarget {
    float: left;
    width: 316px;
    height: 140px;
    background-color: white;
    border: 1px solid black;
    border-radius: 0;
    margin: 0 10px 0 0;
    box-shadow: rgba(0,0,0,0.3) 2px 4px 6px;
}

    .BPIndicatorTarget:hover {
        box-shadow: rgba(0,0,0,0.3) 0px 8px 8px;
        transition: all .4s;
    }

.IndicatorTarget {
    float: left;
    width: 195px;
    height: 170px;
    background-color: white;
    border: 1px solid black;
    border-radius: 0;
    margin: 0 10px 10px 0;
    box-shadow: rgba(0,0,0,0.3) 2px 4px 6px;
}

    .IndicatorTarget:hover {
        box-shadow: rgba(0,0,0,0.3) 0px 8px 8px;
        transition: all .4s;
    }

.IndicatorTargetTop {
    height: 29px;
    color: black;
    background-color: white;
    border: 0 solid #71BF44;
    border-bottom: 0 solid #FFF;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0;
    padding: 6px 4px 0 4px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}

.IndicatorTargetVoid {
    height: 20px;
    color: black;
    background-color: white;
    border: none;
    margin: 0;
    /*padding: 6px 4px 0 4px; */
    text-align: center;
    font-size: 12px;
}

.void-memo {
    width: 370px;
    margin: 0 20px 0 5px;
}

.void-remaining-char-red {
    color: red;
}

.void-remaining-char-orange {
    color: #F3A250;
}

.void-remaining-char-green {
    color: green;
}
/* text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, -1px -1px #000, 1px 1px #000, -1px 1px #000, 1px -1px #000; */
.IndicatorTargetMiddle {
    height: 52px;
    color: black;
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}

.IndicatorTargetMiddleBW {
    height: 108px;
    color: black;
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}

.IndicatorTargetMiddleCellBw {
    height: 98px; /* match row height */
    position: relative;
    text-align: center; /* center text horizontally */
    vertical-align: middle;
    padding: 0;
}

.IndicatorTargetMiddleOx {
    height: 108px;
    color: black;
    text-align: center;
    padding: 0px;
    margin: 0;
}

/* Make the TD a positioning context (NO flex) */
.IndicatorTargetMiddleCell {
    height: 98px; /* match row height */
    position: relative;
    text-align: center; /* center text horizontally */
    vertical-align: middle;
    padding: 0;
}

/* Center ONLY the main value */
.IndicatorMiddleMainValue {
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.IndicatorTargetUnitsOx {
    font-size: 16px;
    margin-left: 2px;
    line-height: 1;
    padding: 0;
}

/* Put pulse rate BELOW the centered main value (not centered in the whole cell) */
.PulseRateContainer {
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, 18px); /* pushes it below the centered value */

    line-height: 16px;
    margin: 0;
    white-space: nowrap;
}

.PulseRateText {
    font-size: 12px;
    font-weight: 600;
}

.PulseRateUnits {
    font-size: 11px;
    padding-left: 0px;
    font-weight: 600;
}

.IndicatorTargetBottom {
    height: 29px;
    color: black;
    border: 0 solid #61AF44;
    border-top: 0 solid #FFF;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 6px 4px 0 4px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

.IndicatorTargetUnits {
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}

.IndicatorTargetEditImageCell {
    height: 29px;
    background-color: white;
    border-color: white;
    padding-bottom: 3px;
    vertical-align: middle
}

.IndicatorTargetEditImage {
    width: 21px;
}

.IndicatorTargetAddImageCell {
    vertical-align: top;
    margin: 6px 0 0 0;
    border: solid;
    border-color: white;
    border-width: thin
}

.TASTable {
    margin: 8px 0 0 0;
    height: 29px;
}

.TASCell {
    text-align: center;
    width: 90px;
    font-size: 16px;
    font-weight: 400;
}

.IndicatorTargetPulse {
    text-align: center; /* center the text */
    height: 18px;
}

.ReverseIndicatorUndefined {
    border: 0 solid #929BA1;
    background-color: #929BA1;
}

.ReverseIndicatorNormal {
    border: 0 solid #71BF44;
    background-color: #71BF44;
    color: #FFF;
}

.ReverseIndicatorLow1 {
    border: 0 solid #ecdf2f;
    background-color: #ecdf2f;
    color: #333;
}

.ReverseIndicatorLow2 {
    border: 0 solid #fa7e00;
    background-color: #fa7e00;
}

.ReverseIndicatorLow3 {
    border: 0 solid #DE0F00;
    background-color: #DE0F00;
}

.ReverseIndicatorTopUndefined {
    background-color: #929BA1;
}

.ReverseIndicatorTopNormal {
    background-color: #71BF44;
    color: #FFF;
}

.ReverseIndicatorTopLow1 {
    background-color: #ecdf2f;
    color: #333;
}

.ReverseIndicatorTopLow2 {
    background-color: #fa7e00;
}

.ReverseIndicatorTopLow3 {
    background-color: #DE0F00;
}

.ReverseIndicatorMiddleUndefined {
    background-color: #929BA1;
}

.ReverseIndicatorMiddleNormal {
    background-color: #71BF44;
    color: #FFF;
}

.ReverseIndicatorMiddleLow1 {
    background-color: #ecdf2f;
    color: #333;
}

.ReverseIndicatorMiddleLow2 {
    background-color: #fa7e00;
}

.ReverseIndicatorMiddleLow3 {
    background-color: #DE0F00;
}

.ReverseIndicatorBottomUndefined {
    background-color: #727B81;
}

.ReverseIndicatorBottomNormal {
    background-color: #61AF44;
    color: #FFF;
}

.ReverseIndicatorBottomLow1 {
    background-color: #dccf2f;
    color: #333;
}

.ReverseIndicatorBottomLow2 {
    background-color: #ea6e00;
}

.ReverseIndicatorBottomLow3 {
    background-color: #cE0F00;
}

.ReverseIndicatorBottomEditUndefined {
    background-color: #626B71;
}

.ReverseIndicatorBottomEditNormal {
    background-color: #518F44;
    color: #FFF;
}

.ReverseIndicatorBottomEditLow1 {
    background-color: #ccbf2f;
    color: #333;
}

.ReverseIndicatorBottomEditLow2 {
    background-color: #da5e00;
}

.ReverseIndicatorBottomEditLow3 {
    background-color: #bE0F00;
}


.IndicatorNormal {
    border: 0 solid #71BF44;
    background-color: #71BF44;
    color: #FFF;
}

.IndicatorHigh1 {
    border: 0 solid #ecdf2f;
    background-color: #ecdf2f;
    color: black;
}

.IndicatorHigh2 {
    border: 0 solid #fa7e00;
    background-color: #fa7e00;
    color: black;
}

.IndicatorHigh3 {
    border: 0 solid #DE0F00;
    background-color: #DE0F00;
    color: black;
}

.IndicatorLow1 {
    border: 0 solid #00ace3;
    background-color: #00ace3;
    color: black;
}

.IndicatorLow2 {
    border: 0 solid #0c82fa;
    background-color: #0c82fa;
    color: black;
}

.IndicatorLow3 {
    border: 0 solid #0c41f0;
    background-color: #0c41f0;
    color: black;
}

.IndicatorTopNormal {
    background-color: #71BF44;
    color: #FFF;
}

.IndicatorTopHigh1 {
    background-color: #ecdf2f;
    color: #333;
}

.IndicatorTopHigh2 {
    background-color: #fa7e00;
}

.IndicatorTopHigh3 {
    background-color: #DE0F00;
}

.IndicatorTopLow1 {
    background-color: #00ace3;
    color: #333;
}

.IndicatorTopLow2 {
    background-color: #0c82fa;
}

.IndicatorTopLow3 {
    background-color: #0c41f0;
}

.IndicatorMiddleNormal {
    background-color: #71BF44;
    color: #FFF;
}

.IndicatorMiddleHigh1 {
    background-color: #ecdf2f;
    color: #333;
}

.IndicatorMiddleHigh2 {
    background-color: #fa7e00;
}

.IndicatorMiddleHigh3 {
    background-color: #DE0F00;
}

.IndicatorMiddleLow1 {
    background-color: #00ace3;
    color: #333;
}

.IndicatorMiddleLow2 {
    background-color: #0c82fa;
}

.IndicatorMiddleLow3 {
    background-color: #0c41f0;
}

.IndicatorBottomUndefined {
    background-color: #626B71;
}

.IndicatorBottomNormal {
    background-color: #61AF44;
    color: #FFF;
}

.IndicatorBottomHigh1 {
    background-color: #dccf2f;
    color: #333;
}

.IndicatorBottomHigh2 {
    background-color: #ea6e00;
}

.IndicatorBottomHigh3 {
    background-color: #cE0F00;
}

.IndicatorBottomLow1 {
    background-color: #009cd3;
    color: #333;
}

.IndicatorBottomLow2 {
    background-color: #0c72ea;
}

.IndicatorBottomLow3 {
    background-color: #0c41e0;
}

.IndicatorBottomEditUndefined {
    background-color: #424B51;
}

.IndicatorBottomEditNormal {
    background-color: #518F44;
    color: #FFF;
}

.IndicatorBottomEditHigh1 {
    background-color: #ccbf2f;
    color: #333;
}

.IndicatorBottomEditHigh2 {
    background-color: #da5e00;
}

.IndicatorBottomEditHigh3 {
    background-color: #bE0F00;
}

.IndicatorBottomEditLow1 {
    background-color: #008cc3;
    color: #333;
}

.IndicatorBottomEditLow2 {
    background-color: #0c62da;
}

.IndicatorBottomEditLow3 {
    background-color: #0c31d0;
}

.smallButton {
    min-width: 65px !important;
    min-height: 12px !important;
    font-size: 14px !important;
    margin: 0 auto 0 auto !important;
    background-color: darkgray !important;
    padding: 5px 8px 5px 8px !important;
    font-weight: 600 !important;
}

.additional-readings-row > td {
    vertical-align: top;
}

.reading-indicaor-time-wrapper {
    clear: both;
    text-align: center;
    padding-top: 23px;
}

.error-msg {
    color: #D94452;
    font-weight: 500;
    margin-left: 5px;
    line-height: 24px;
}

/* Utility classes */
.float-right {
    float: right;
}

.mtop {
    margin-top: 10px;
}

.mbottom {
    margin-bottom: 10px;
}

.mleft {
    margin-left: 10px;
}

.pb-16 {
    padding-bottom: 16px;
}

.p-16 {
    padding: 16px;
}

.padding-top-16 {
    padding-top: 16px;
}

.padding-bottom-16 {
    padding-bottom: 16px;
}

.button {
    border-width: 0;
    border-radius: 6px;
    color: #fff;
    padding: 6px 12px;
    display: inline-block;
    cursor: pointer;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-align: center;
}

    .button:hover,
    .button.active {
        background-color: #333;
    }

.button-group {
    display: inline-flex;
}

    .button-group .button {
        border-radius: 0;
        border-right: 0.5px solid #eeeeee;
    }

        .button-group .button:first-child {
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }

        .button-group .button:last-child {
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }

.hidden {
    display: none;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

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

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

.font-14 {
    font-size: 14px;
}
/* Compliance */
/* Scheduled surveys list */
td.column-has-icon,
.k-grid-header th.column-has-icon {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.page-top-links-wrapper {
    padding: 15px 0px;
}

    .page-top-links-wrapper > a:not(.active) {
        color: #333;
    }

.link-divider {
    display: inline-block;
    margin: 0 7px;
}

.schedule-detail-wrapper > div {
    display: inline-block;
}

.schedule-detail-wrapper > .title {
    width: 200px;
}
/*
Time Tracking
*/
@keyframes blinkingRedText {
    0% {
        color: currentColor
    }

    50% {
        color: #CF3E4B
    }

    100% {
        color: currentColor
    }
}

.div-notification {
    line-height: 24px;
}

#headerHide {
    z-index: 1;
}

#headerLogo {
    display: inline-block;
    padding-left: 8px;
}

.tt-timer-wrapper {
    position: absolute;
    background: #fff;
}

.tt-not-enabled-msg {
    text-align: center;
    margin-top: 10px;
}

.tt-user-control {
    position: fixed;
    display: inline-block;
    z-index: 1000;
    padding: 8px;
    background: #fff;
    font-size: 15.5px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: rgba(0,0,0,0.3) 4px 8px 12px;
    cursor: move;
}

.tt-control-notes {
    display: inline-block;
    z-index: 1000;
    padding: 4px;
    background: #fff;
    font-size: 15.5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: rgba(0,0,0,0.3) 4px 8px 12px;
}

.tt-time {
    line-height: 32px;
    text-align: center;
    font-weight: 600;
}

    .tt-time.active {
        animation: blinkingRedText 1s infinite;
        -webkit-animation: blinkingRedText 1s infinite; /* Safari 4+ */
        -moz-animation: blinkingRedText 1s infinite; /* Fx 5+ */
        -o-animation: blinkingRedText 1s infinite; /* Opera 12+ */
    }

.timer-buttons .button {
    min-width: 84px;
}

.timer-buttons-notes .button {
    min-width: 50px;
}

.tt-popup-wrapper {
    position: fixed;
    top: 45%;
    left: 50%;
    text-align: center;
    width: 500px;
    color: #222;
    z-index: 10001;
    transform: translate(-50%, -50%);
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.07);
    cursor: initial;
}

.tt-popup-header,
.tt-popup-footer {
    padding: 8px;
    border: 1px solid #eee;
    background: #f8f9fa;
}

.tt-popup-header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.tt-popup-footer {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.tt-popup-header > .header-text {
    font-weight: 600;
    line-height: 26px;
}

.form-item {
    padding: 10px;
}

    .form-item textarea {
        border: 1px solid #ccc;
        border-radius: 4px;
        width: 450px;
        resize: vertical;
    }

.popup-dismiss-btn {
    color: #aaaaaa;
    cursor: pointer;
    padding: 3px;
}

    .popup-dismiss-btn:hover {
        color: #666666;
    }

.tt-popup-wrapper > p {
    margin: 25px 10px;
}

.tt-popup-resume-btn {
    margin: 1px auto 0 auto;
}

body.fade::before,
.tt-user-control.fade::before {
    content: ' ';
    background: #000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.4;
    z-index: 1;
}

.tt-user-control.fade::before {
    border-radius: 8px;
}

.tt-user-control.fade {
    border: none;
}

.time-tracking-page-links {
    padding: 15px 5px;
}

    .time-tracking-page-links > a {
        margin-right: 8px;
        color: inherit;
    }

.tt-filter-wrapper {
    padding: 10px 0;
}

.tt-report-save-btn {
    border-width: 0;
    border-radius: 4px;
    float: right;
    color: #fff;
    padding: 6px 12px;
    cursor: pointer;
    font-weight: 400;
    text-align: center;
    letter-spacing: 1px;
}

    .tt-report-save-btn:hover {
        background-color: #333;
    }

.tt-month-navigation > button {
    background: none;
    border: none;
    outline: none;
    color: #fff;
}

.tt-month-navigation .glyphicon {
    cursor: pointer;
    top: 2px;
}

.tt-navigation-date {
    line-height: 18px;
    margin: 0 2px;
}

.time-tracking-grid-wrapper {
    clear: both;
}

/* 
CBP indicator specific style
*/
.CBPReadingTitle {
    padding-left: 10px;
    margin: 20px 8px 8px 0;
}

.CBPTargetIndicatorWrapper {
    width: 225px;
    height: 141px;
    margin-right: 10px;
}

.CBPReading.CBPTargetIndicatorWrapper {
    border: 4px solid #444444;
    height: 151px;
    box-sizing: border-box;
}

.CBPTargetIndicatorTop {
    height: 30px;
    line-height: 28px;
}

.CBPTargetIndicatorMiddle {
    display: flex;
    height: 105px;
    justify-content: center;
}

.ReadingValueWrapper {
    height: 55px;
    border-radius: 10px;
}

.CBPTargetIndicatorMiddle > div {
    line-height: 55px;
    margin: 0 5px;
    border-radius: 10px;
}

.CBPReadingUnitWrapper {
    text-align: center;
    margin-left: 10px;
    height: 45px;
}

    .CBPReadingUnitWrapper .CIWrapper {
        height: 20px;
        line-height: 20px;
        display: flex;
        padding-top: 3px;
        justify-content: center;
    }

    .CBPReadingUnitWrapper .CIToolTip {
        font-size: 16px;
        padding-left: 4px;
    }

    .CBPReadingUnitWrapper .tooltiptext {
        border-bottom: 0;
    }

.CBPReadingDetailWrapper {
    width: 698px;
    clear: both;
    padding-top: 10px;
}

    .CBPReadingDetailWrapper > div {
        float: none;
        margin: auto;
    }

.ReadingUnit,
.ConfidenceInterval {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

.CBPToolTipInfo > .tooltiptext {
    border: none;
}
/* Last Reading */
.LastReading {
    width: 290px;
    float: left;
    box-sizing: content-box;
    height: 144px;
    background-color: white;
    border: 1px solid black;
    border-radius: 0;
    margin: 0 0 15px 10px;
}

.LastReadingTop {
    height: 27px;
    color: black;
    border-bottom: 0px solid white;
    padding: 6px 4px 0 4px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}

.LastReadingMiddle {
    height: 78px;
    color: black;
    background-color: white;
    font-size: 56px;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    margin: auto 1px auto 1px;
    padding: 0 0 0 0;
}

.LastReadingBottom {
    height: 27px;
    color: black;
    border-top: 0px solid white;
    padding: 2px 4px 0 4px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}

/* Next Reading */
.NextReading {
    float: left;
    width: 275px;
    height: 144px;
    background-color: white;
    border: 1px solid black;
    border-radius: 0;
    margin: 0 0 0 10px;
}

.NextReadingTop {
    height: 27px;
    color: black;
    background-color: white;
    border-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 6px 4px 0 4px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin: auto 1px auto 1px;
}

.NextReadingMiddle {
    color: black;
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    margin: auto 0 auto 0;
    padding-top: 6px;
}

.NextReadingMiddleText {
    font-size: 20px;
    font-weight: 300;
}

/* Dashboard Chart */
.DashboardChart {
    clear: both;
    border: 1px solid #9f9f9f;
    border-radius: 0;
    margin: 0 20px 10px 10px;
    padding: 0 0 10px 0;
    text-align: center;
}

.DashboardChartTop {
    height: 25px;
    color: #FFFFFF;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: -1px -1px 0 -1px;
    padding: 6px 4px 0 4px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

/* Panel Blue */
.PanelBlue {
    clear: both;
    border: 1px solid #9f9f9f;
    border-radius: 0;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    text-align: left;
}

.Col1of3 {
    clear: none;
    float: left;
    width: 298px;
}

.Col2of3 {
    clear: none;
    float: left;
    width: 298px;
    margin-left: 17px;
}

.Col3of3 {
    clear: none;
    float: left;
    width: 298px;
    margin-left: 17px;
}

.Col1of3b {
    clear: none;
    float: left;
    width: 298px;
}

    .Col1of3b input {
        width: 273px;
    }

        .Col1of3b input[type="button"] {
            width: auto;
        }

        .Col1of3b input[type="submit"] {
            width: auto;
        }

.Col2of3b {
    clear: none;
    float: left;
    width: 88px;
    margin-left: 5px;
    margin-top: 60px;
    margin-bottom: auto;
    text-align: center;
    vertical-align: middle;
    font-size: 22px;
}

.Col3of3b {
    clear: none;
    float: left;
    width: 498px;
    margin-left: 5px;
}

    .Col3of3b input {
        width: 200px;
    }

        .Col3of3b input[type="button"] {
            width: auto;
        }

        .Col3of3b input[type="submit"] {
            width: auto;
        }

.Row150 {
    height: 150px;
}

.PanelBlueTop {
    height: 25px;
    color: #FFFFFF;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: -1px -1px 0 -1px;
    padding: 8px 4px 2px 6px;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
}

.PanelHighlight {
    margin: 2px auto 6px auto;
    padding: 10px 10px 10px 10px;
    background-color: #eee;
    border: 1px solid #9f9f9f;
    border-radius: 0;
}

    .PanelHighlight .Caption {
        font-weight: 500;
        text-align: center;
    }

    .PanelHighlight h1 {
        padding: 6px 6px 0 6px !important;
        margin: 0;
    }

    .PanelHighlight h2 {
        padding: 6px 6px 0 6px !important;
        margin: 0;
        font-size: 18px;
        color: #777;
    }

    .PanelHighlight input[type="checkbox"] {
        margin: 2px 0 2px 0;
    }

.PanelContent {
    padding: 6px 6px 0 6px;
    margin: 0;
}

    .PanelContent .ErrorMessage {
        text-align: center;
    }

    .PanelContent .SuccessMessage {
        text-align: center;
    }

    .PanelContent .WarningMessage {
        text-align: center;
    }

    .PanelContent h1 {
        padding-top: 20px;
        padding-bottom: 20px;
        color: #777;
    }

    .PanelContent input[type="text"], input[type="email"], input[type="number"], .PanelContent textarea {
        border: solid 1px #777;
        border-radius: 4px;
        padding: 4px;
        margin: 4px 0 4px 0;
        font-size: 14px;
    }

    .PanelContent input[type="password"] {
        border: solid 1px #777;
        border-radius: 4px;
        padding: 4px;
        margin: 4px 0 4px 0;
        font-size: 15px;
    }

    .PanelContent input[type="checkbox"] {
        border: solid 1px #777;
        border-radius: 4px;
        padding: 4px;
        margin: 4px 0 4px 0;
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        font-size: 15px;
        vertical-align: middle;
        text-align: left;
    }

    .PanelContent input[type="submit"],
    .PanelContent input[type="button"],
    .PanelContent button.dropdown-toggle,
    a.LinkButton {
        border: none;
        border-radius: 4px;
        color: #fff;
        padding: 4px 10px 4px 10px;
        margin: 7px 0 7px 0;
        font-size: 15px;
        cursor: pointer;
        display: inline-block;
        line-height: 1.3;
        vertical-align: baseline;
        letter-spacing: .02em;
        font-family: "Open Sans", "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
    }

        .PanelContent input[type="submit"]:hover,
        .PanelContent input[type="button"]:hover,
        .PanelContent button.dropdown-toggle:hover,
        a.LinkButton:hover {
            background-color: #333;
            cursor: pointer;
            text-decoration: none;
            color: #fff;
        }

        .PanelContent input[type="button"]:disabled,
        .PanelContent input[type="submit"]:disabled,
        .PanelContent button.dropdown-toggle:disabled,
        a.LinkButton:disabled {
            background-color: #777;
        }

    .PanelContent input:disabled, .PanelContent textarea:disabled {
        background-color: #EEE;
    }

    .PanelContent select {
        border: solid 1px #777;
        border-radius: 0;
        padding: 5px;
        margin: 4px 0 4px 0;
        font-size: 15px;
    }

        .PanelContent select:disabled {
            background-color: #EEE;
        }

    .PanelContent label {
        padding: 2px 2px 2px 0;
        margin: auto 0 auto 0;
        font-size: 12px;
        vertical-align: middle;
    }

    .PanelContent .Break {
        height: 30px;
    }

    .PanelContent .Clear {
        clear: both;
    }

.PatientFieldDate {
    margin-left: 10px;
}

.errorText {
    color: red;
}

/* Reading Grid */
.ReadingGridAdjustments {
    border-radius: 0;
}

    .ReadingGridAdjustments table {
        border-radius: 0;
    }

    .ReadingGridAdjustments tr:first-child td:first-child {
        border-top-left-radius: 0;
    }

    .ReadingGridAdjustments tr:first-child td:last-child {
        border-top-right-radius: 0;
    }

    .ReadingGridAdjustments .dxgv, .dxpComboBox, .dxpDropDownButton, .dxmSubMenu, .dxmSubMenuItem, .dxmSubMenuItemSelected {
        border-radius: 0 !important;
    }

    .ReadingGridAdjustments ul {
        list-style: none;
        list-style-position: inside;
        margin-left: 0 !important;
    }

    .ReadingGridAdjustments li {
        list-style: none;
        list-style-position: inside;
        margin-left: 0;
    }

    .ReadingGridAdjustments a {
        color: #0091BF;
    }

    .ReadingGridAdjustments .dxvgDataRowHover_Pulsewave a {
        color: #0091BF !important;
    }

.GridAdjustments {
    font-size: 12px;
}

    .GridAdjustments a {
        color: #0091BF !important;
        text-decoration: none;
    }

        .GridAdjustments a.dxeHyperlink:hover {
            text-decoration: none;
        }

.GridHeader {
    font-size: 14px;
    font-weight: 500;
}

.GridHeading {
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
}

.GridCellWrap {
    word-break: break-all;
}

.GridLeftCol {
    font-size: 14px;
    font-weight: 700;
}

.GridLink {
    color: #0091BF !important;
    text-decoration: none;
}

/* reading userProfile
-------------*/
.userProfileHeaderName {
    font-size: 16px;
    font-weight: 600;
    padding: 4px 2px 4px 2px;
    text-align: left;
}

.userProfileHeaderValue {
    padding: 4px 2px 4px 2px;
    text-align: left;
}

.userProfileItemName {
    padding-left: 2px;
    text-align: left;
}

.userProfileItemValue {
    text-align: left;
}

/* reading metadata
-------------*/
.metadataHeaderName {
    font-size: 16px;
    font-weight: 600;
    padding: 6px 2px 4px 2px;
    text-align: left;
}

.metadataHeaderValue {
    padding: 6px 2px 4px 2px;
    text-align: left;
}

.metadataItemName {
    padding-left: 2px;
    text-align: left;
    word-wrap: break-word;
}

.metadataItemValue {
    text-align: left;
}

    .metadataItemValue img {
        height: 16px;
        width: 16px;
    }

.metadataErrorItemName {
    padding: 6px 0 4px 2px;
    text-align: left;
    vertical-align: top;
}

.metadataErrorItemValue {
    padding: 6px 0 4px 2px;
    text-align: left;
}

/* reading summary
-------------*/
.readingSummaryResult {
    margin: 0 0 20px 0;
}

.uploadse2file {
    font-size: 16px;
    padding-left: 0;
    text-align: left;
}

    .uploadse2file a {
        color: Black;
    }

.waveformThumbnail {
    margin: 4px 0 10px 0;
    width: 700px;
}

/* reading waveform viewer
------------------------------------*/
.waveformviewer .NavBarWrapper {
    left: 10px;
    margin-right: 20px;
    width: auto;
}

.waveformviewerdetails {
    background: #fff;
    height: auto;
    overflow: auto;
    width: auto;
}

    .waveformviewerdetails h2 {
        padding: 4px 10px 4px 10px;
        margin: 0;
    }

    .waveformviewerdetails .tablePadding {
        width: 200px;
    }

        .waveformviewerdetails .tablePadding td {
            padding: 5px;
        }

        .waveformviewerdetails .tablePadding tr :first-child {
            text-align: center;
        }

.waveformLegend .tablePadding {
    width: 200px;
}

    .waveformLegend .tablePadding td {
        padding: 5px;
    }

    .waveformLegend .tablePadding tr :first-child {
        text-align: center;
    }

/* report preview*/
.reportPreview {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
}

.ReportToolbar ul {
    margin-left: 0 !important;
}

.ReportToolbar li {
    padding: 4px 5px 0 0 !important;
}

/* login
-------------*/
/* border-left: 2px solid  #00ACE3; */
.LoginBackground {
    margin: -14px -15px -15px -15px;
    height: 509px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}

.fullscreen-layout .LoginBackground {
    height: auto;
    min-height: calc(100vh - 150px);
    display: flex;
    align-items: flex-start;
}

.LoginWindow {
    position: relative;
    float: right;
    font-size: 14px;
    padding: 15px 5px 5px 15px;
    width: 300px;
    height: 490px;
    background-color: rgba(238, 238, 238, 0.95);
    border-radius: 0;
}

.fullscreen-layout .LoginWindow {
    float: none;
    flex-shrink: 0;
    height: auto;
    min-height: calc(100vh - 150px);
}

.LoginWindow h2 {
    padding: 0 0 8px 0;
    margin: 0;
    font-size: 22px;
}

.LoginWindow h3 {
    padding: 0 0 15px 0;
    margin: 0;
    font-size: 18px;
    color: #777;
}

.LoginWindow input[type="text"] {
    border: solid 1px #777;
    border-radius: 0;
    padding: 5px;
    margin: 0 0 8px 0;
    font-size: 15px;
    width: 280px;
}

.LoginWindow input[type="password"] {
    border: solid 1px #777;
    border-radius: 0;
    padding: 5px;
    margin: 0 0 8px 0;
    font-size: 15px;
    width: 280px;
}

.LoginWindow input[type="checkbox"] {
    padding: 5px;
    margin: 0 0 0 0;
    font-size: 15px;
    vertical-align: middle;
}

.LoginWindow input[type="submit"] {
    border-radius: 0;
    color: #fff;
    padding: 4px 10px 4px 10px;
    margin: 8px 0 8px 0;
    font-size: 15px;
    cursor: pointer;
}

.LoginWindow label {
    padding: 6px;
    margin: 0 0 0 0;
    vertical-align: middle;
}

.LoginWindow .Forgot {
}

.LoginWindow .Break {
    height: 30px;
}

.LoginWindow .Button {
    border-radius: 0;
    color: #fff;
    padding: 4px 10px 4px 10px;
    margin: 8px 0 8px 0;
    font-size: 15px;
    cursor: pointer;
}

.LoginMessageArea {
    padding: 5px 0 5px 0;
    text-align: center;
}

.LoginMessage {
    background-color: #bbb;
    padding: 15px;
    margin: 15px -15px -10px -15px;
    width: 922px;
    text-align: center;
}

.fullscreen-layout .LoginMessage {
    width: calc(100% + 30px);
}

.LoginWelcome {
    float: left;
    min-width: 0;
    padding: 30px 15px 15px 15px;
    width: 600px;
}

.fullscreen-layout .LoginWelcome {
    float: none;
    flex: 1;
    width: auto;
}

.LoginWelcome h1 {
    color: #444;
    font-size: 20px;
    padding-top: 20px;
}

.LoginWelcome h2 {
    color: #222;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 6px;
}

.LoginWelcome p {
    color: #222;
    font-size: 16px;
}

.LoginWelcome .Button {
    min-width: 100px;
    padding: 4px 10px 4px 10px;
    margin: 0;
    color: #FFF;
    font-size: 15px;
    border: none;
}

    .LoginWelcome .Button:hover {
        background-color: #333;
        color: #fff;
        cursor: pointer;
    }

.LoginWindow input[type="submit"]:hover, .LoginWindow .Button:hover {
    background: #464648;
    border: 1px solid #464648;
}

.registerContainer {
    position: absolute;
    bottom: 5px;
}
/* Main page (list readings)
-------------*/
.gaugesArea {
    height: 150px;
    margin: 0 auto 0 auto;
    position: relative;
    width: 680px;
}

.gauge {
    position: absolute;
    text-align: center;
    width: 235px;
}

    .gauge span {
        font-size: 16px;
        font-weight: 500;
    }

.trendGauge {
    left: 75px;
    top: 0;
}

.valueGauge {
    right: 75px;
    top: 0;
}

.gaugeImage {
    height: 120px;
    width: 231px;
}

.NoBorders {
    border: 0 none #ffffff;
}

    .NoBorders table {
        border: 0 none #ffffff;
    }

    .NoBorders thead {
        border: 0 none #ffffff;
    }

    .NoBorders tbody {
        border: 0 none #ffffff;
    }

    .NoBorders tfoot {
        border: 0 none #ffffff;
    }

    .NoBorders th {
        border: 0 none #ffffff;
    }

    .NoBorders td {
        border: 0 none #ffffff;
    }

    .NoBorders tr {
        border: 0 none #ffffff;
    }

.Results .ResultsHeader {
    background-color: #777;
    color: White;
    cursor: default;
}

    .Results .ResultsHeader th {
        padding: 2px;
        text-align: left;
    }

        .Results .ResultsHeader th + th {
            text-align: center;
        }

.Results tr:hover.ResultsRow {
    color: #fff !important;
    cursor: pointer !important;
}

.Results .Pager {
    font-weight: 500;
}

    .Results .Pager span {
        color: #777 !important;
    }

    .Results .Pager td {
        padding: 2px;
    }

.BetaColumn {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAJCAYAAAAo/ezGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANBJREFUeNpiZKAQ/P//n2i100DqkfA0LGJ3gXg3mthMIC6ByoHYBiBLYRgGlIDwPwosB2J0sbtAvBtNbCbU4rtw9kzcFtyFusoFahCyGLoP7iL5IBTJQkGwmCDMAiaUQFKCagEZsQdNDCKuBBW9h0QrMaQByQogPgvEaWDxEvTwV8Jw7X+sPoDFzV2o+F0GY7Qge4fqC+w+AOFZWMQgQZqJogfk4tVAzAjEQiBj4b5II5SKZmIRg/kAlmpKoOpWAbEjknoQzQfyASOt8wFAgAEAN6in5W3CptwAAAAASUVORK5CYII=') /*../img/beta-logo.png*/;
    background-repeat: no-repeat;
    background-position: right top;
    display: block;
}

.SubscriptionServiceFeatures table {
    width: 100% !important;
}

.SubscriptionServiceFeatures td {
    border: 1px solid #9F9F9F;
    text-align: center;
    width: 65%;
}

.SubscriptionServiceFeatures tr.altrow {
    background: #F5F5F5;
}

.SubscriptionServiceFeatures td.title {
    background: #DCDCDC;
    font-weight: 500;
    padding: 5px;
}

.SubscriptionServiceFeatures td.resultType {
    padding-left: 10px;
    text-align: left;
}

.SubscriptionServiceFeatures td.available {
}

.SubscriptionServiceFeatures td.unavailable {
}

.SubscriptionServiceFeatures img.available {
    height: 24px;
    width: 24px;
}

.SubscriptionServiceFeatures td.expiresOnTitle {
    background-color: #FFFFCC;
    font-style: italic;
    font-weight: 500;
    padding-left: 10px;
    text-align: left;
}

.SubscriptionServiceFeatures td.expiresOn {
    background-color: #FFFFCC;
}

.expiresSoon {
    color: #ef983a;
    text-decoration: underline;
}

/* My Account 
-------------*/

.closeAccountConfirmation {
    color: #ff0027;
    font-weight: 500;
}

/* scheduler
-------------*/
.scheduler {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAaCAYAAAB2BDbRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpi/g8ETAxAMAAECBQDBBgAC0MEo/EVybgAAAAASUVORK5CYII=') /*../img/nsr-bg-m.png*/;
    display: block;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding-left: 5px;
}

.nsrLeft {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAACgoey0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYRJREFUeNq8lktOwzAQhieJ21JFoi1CwKIRYZ09OzbsuUpPwI4D5C5cIFK3XAEi1As0alGjtHngMZriukFC4MlIfyLZ0Xye8cRjBwCekiR5hI5N4GM8HoPv+7Db7aAsS2iaxjrIdV3o9XrQ7/dhsVh8gauqgu12q8QJruv6MGIEIRyhnGDHcUAI8Q0muC7bZvreg3E1tCoOQ9+6f0FQEk5yRKwzWiM2i8D2HuP7IGKa0CdtR3yUaj0V3BH/COaM+AisD3JVtenfbZvkMt23aBvkgJs+FRibw3q9hqIo1JHJUVye56kmMRwOj1Pdpblcqf0VuIvCagNXcn/rLn4pE7zK83zVJZTAr2mavlOTxuozjzcu8MtsNnteLpcNljvC9QXYktkkPKkPqdMgCK6iKLpBoN4ibYn+Y9Rms1FgtLf5fA6j0cifTCZn8tZ5gh/qokz8VXTDHAwG6rAyN/FO6j6O44cwDK+n0+k53Ub+eyuhLGIQWZZBW/VcSN1KhVKXXMX1KcAAxtaNV3Pep5cAAAAASUVORK5CYII=') /*../img/nsr-bg-l.png*/;
    display: block;
    height: 26px;
    left: -30px;
    position: absolute;
    width: 30px;
}

.nsrRght {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAaCAYAAAB7GkaWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHxJREFUeNpi/A8EDFgAIyNjCRMDHjAqOQIkf//+/RNEYZX8AARA6hNWycuXL98CUg8Z/qOBP0AAlCgCYhEMnUuXLt0CpM4D1b2B63z37t3r2bNnrwVKBAMxMzjFPn/+/Onu3bsPAAXygdgYJAjDIBALxA5ALIQsAcIAAQYA031ccOGymp0AAAAASUVORK5CYII=') /*../img/nsr-bg-r.png*/;
    display: block;
    height: 26px;
    position: absolute;
    right: -7px;
    width: 7px;
}

.nsrIcon {
    left: -24px;
    position: absolute;
    top: 3px;
}

/* Languages
-------------*/
.languageSelector {
    display: inline;
    margin: 0;
    padding: 0;
    *position: relative;
    *top: -6px;
}

    .languageSelector select {
        border: none;
        display: inline;
        margin: 0;
        padding: 0;
        position: relative;
        top: 0;
        vertical-align: middle;
        font-size: 12px;
        font-weight: 500;
        background-color: #464648;
        color: #ffffff;
    }

/* navigation bar
----------*/
.dialogTitle {
    color: White;
    font-weight: 500;
    padding: 6px 0 5px 0;
    width: 180px;
}

.NavBarWrapper {
    color: White;
    font-weight: 500;
    margin: 0;
    padding: 0 10px;
}

.NavBarViewButtonWrapper {
    left: 0;
    position: absolute;
    top: 0;
}

.NavBarViewButton {
    position: absolute;
    top: 5px;
}

    .NavBarViewButton a {
        color: White;
        height: 22px;
        left: 0;
        padding-top: 4px;
        position: absolute;
        top: 0;
        width: 22px;
        z-index: 1;
    }

.NavBarRightTextWrapper {
    float: right;
    line-height: 32px;
    position: relative;
}

.NavBarCenterTextBlock {
    padding-top: 8px;
    position: absolute;
    text-align: left;
}

.NavBarCenterTextWrapper {
    height: 16px;
    position: relative;
    top: 8px;
    vertical-align: top;
    width: 300px;
}

.NavBarArrowBlock {
    line-height: 16px;
    position: absolute;
    top: 0;
    width: 16px;
}

.PanelBackLeft {
    left: -10px;
    position: absolute;
}

.PanelBackRight {
    position: absolute;
    right: -10px;
}

.MonthCalendarSelectedNode {
    background: none;
    color: black;
    font-weight: 500;
}

    .MonthCalendarSelectedNode a:hover {
        color: black;
        font-weight: 500;
    }

/* search control
----------*/
.NavSearchDiv {
    padding-bottom: 5px;
    padding-top: 5px;
}

.NavSearchInput {
    padding-top: 2px;
}

.NavSearchList {
    padding-top: 3px;
}

/* Calendar
-------------*/
.calendarWrapper {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAEBCAYAAAA9yOpWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5YTVkMThjNS02OTc3LTQzZDAtODg4Ny02ZDNlMGI1NDdhZjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTc4RjYzNzg0NTI3MTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTc4RjYzNzc0NTI3MTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiNDAxMzMwNS02Y2ZmLTRjYjEtOWNjOC1kNzkwMGZkNzM0YjYiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5YzdiNzkxZS04ZDk1LTExNzctOTljMC1hZmRlODYzOTFkZjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Y1zYxAAACUUlEQVR42uzdMQqDMBSA4aa4mtvZQza3iwd4XRpczCBCSvX7JsHtwc+LS0wR8QD2PY0A+qb2UOtqlcBXznOyQcARCwQCAoGffaTvWZaXCXF5pbxtEHDEAoGAQEAgIBAQCAgEBAIIBAQCAgGBgEBAICAQEAgIBAQCCAQEAgKBQVK73d3dvLBxNy84YoFAQCAgEBAICAQEAgIBgQACAYGAQEAgIBAQCAgEBAICAQQCAgGBgEBAICAQEAgIBAQCAgEEAgIBgYBAQCAgEBAICAQEAggEBAICAYGAQEAgIBAQCAgEBAIIBAQCAgGBgEBAICAQEAgIBARiBCAQEAgIBAQCAgGBgEBAICAQQCAgEBAICAQEAgIBgYBAQCAgEEAgIBAQCAgEBAICAYGAQEAggEBAICAQEAgIBAQCAgGBgEBAIIBAQCAgEBAICAQEAgIBgYBAAIGAQEAgIBAQCAgEBAICAYGAQACBgEBAICAQEAgIBAQCAgGBAAIBgYBAQCAgEBAICAQEAgIBgQACAYGAQEAgIBAQCAgEBAICAYEYAQgEBAICAYGAQEAgIBAQCAgEEAgIBAQCAgGBgEBAICAQEAgIBBAICAQEAgIBgYBAQCAgEBAIIBAQCAgEBAICAYGAQEAgIBAQCCAQEAgIBIaYei9ynk2H26h1tUHAEQsEAgIBgYBAQCAgEBAIIBAQCAgEBAICAYGAQEAgIBAQCCAQEAgIBAQCAgGBgEBAICAQQCAgEBAICAQEAgKBv9D9BVvvl1RggwACAYHACSkiTAFsEDjuI8AAWgcb1lDhBrcAAAAASUVORK5CYII=') /*../img/cal.png*/;
    font-size: 12px;
    font-weight: 500;
    height: 257px;
    position: relative;
    width: 200px;
}

.calendarLeftArrow {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNjhjOGU4Mi1jYTBlLTQyYWYtODI2ZC0zYmRmYWQyMWE1OWQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUFFMEZFQzc0NTJFMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUFFMEZFQzY0NTJFMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MzdjMWU3NS0wYmVlLTQwNzgtYTE2OC1hOWQ4MWJjYjBkYWYiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiOTc1OTdjYy04ZDk4LTExNzctOTljMC1hZmRlODYzOTFkZjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Unc/dAAAAq0lEQVR42mL8//8/AyWABZkzec4iXOqkgZgZiH8C8Y/clLiPMAkmIizJA+J7QPwQiF8A8QecLkAD3EA8B4gjiPYCElAH4nVArEXIedi8EAzEp4jRjM2AHiBeDcR8ZMUCEBSTGo1MDBQCdAPqgfgvJQY0AbEPEL+jxAs7gNgEiM9TEgb3gdgGiBdQEojfgDgRiLOA+BclsTAdiDmBWByINYDYDFmSkdLsDBBgABruH6E33sm0AAAAAElFTkSuQmCC') /*../img/ico-arrow-left-disabled.png*/;
    display: block;
    height: 16px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 16px;
    z-index: 100;
}

.calendarRightArrow {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphZTU4Mzc3Mi1iMTVlLTRiNjktODk0YS02MDMzMmNiMzFmNzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUFFMEZFQ0I0NTJFMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUFFMEZFQ0E0NTJFMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NmUxNmZhZC1kODZmLTQ2NTAtYTYwNC0wNDg1N2JlYWE1ZjQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjOWIzOThmMi04ZDk4LTExNzctOTljMC1hZmRlODYzOTFkZjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz50MdCHAAAAsUlEQVR42mL8//8/AyWABZkzec4iUyD1CYjfA/EbIP6HTVNuShyczYQmdwqIbwDxSyD+DsSZhFzAhEeODYinAfF8IOYixwAYSADiI0CsSK4BIGAIxGeA2INcA0BACIi3AHEduQaAADMQN1JiAP50QAQApbo+cg0AJbAkIF5LjgHXgDgIiG+SEwsrgNgMm2ZCBvwC4nwgjgTir8QGogAQcwAxOxD/BeKnhJzHSGl2BggwAA9SIqNXumyHAAAAAElFTkSuQmCC') /*../img/ico-arrow-right-disabled.png*/;
    display: block;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px;
    z-index: 100;
}

.calendarLeftArrow[href] {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmNDFlYzE3ZS00NzA4LTQ3YTAtOTgxNi0xMDY5NTljMzFhYWIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUNFODM2MUM0NTJFMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM3NjkyMDI0NTJDMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MDVmNzE5ZS05N2ZkLTQ3YzktOGMzNC0yYTk4YWQ3N2Y4ZWUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo2YTI1M2Y4NS04ZDk4LTExNzctOTljMC1hZmRlODYzOTFkZjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5u6+uzAAAAq0lEQVR42mL8//8/AyWABZnDuPYJLnXSQMwMxD+B+Mf/YJmPMAkmIizJA+J7QPwQiF8A8QecLkAD3EA8B4gjiPYCElAH4nVArEXIedi8EAzEp4jRjM2AHiBeDcR8ZMUCEBSTGo1MDBQCdAPqgfgvJQY0AbEPEL+jxAs7gNgEiM9TEgb3gdgGiBdQEojfgDgRiLOA+BclsTAdiDmBWByINYDYDCUDUpqdAQIMABEWH6GjlYPbAAAAAElFTkSuQmCC') /*../img/ico-arrow-left.png*/;
    height: 16px;
    width: 16px;
}

.calendarRightArrow[href] {
    height: 16px;
    width: 16px;
}

.calendarLeftArrow[href]:hover {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNjhjOGU4Mi1jYTBlLTQyYWYtODI2ZC0zYmRmYWQyMWE1OWQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUFFMEZFQzc0NTJFMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUFFMEZFQzY0NTJFMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MzdjMWU3NS0wYmVlLTQwNzgtYTE2OC1hOWQ4MWJjYjBkYWYiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiOTc1OTdjYy04ZDk4LTExNzctOTljMC1hZmRlODYzOTFkZjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Unc/dAAAAq0lEQVR42mL8//8/AyWABZkzec4iXOqkgZgZiH8C8Y/clLiPMAkmIizJA+J7QPwQiF8A8QecLkAD3EA8B4gjiPYCElAH4nVArEXIedi8EAzEp4jRjM2AHiBeDcR8ZMUCEBSTGo1MDBQCdAPqgfgvJQY0AbEPEL+jxAs7gNgEiM9TEgb3gdgGiBdQEojfgDgRiLOA+BclsTAdiDmBWByINYDYDFmSkdLsDBBgABruH6E33sm0AAAAAElFTkSuQmCC') /*../img/ico-arrow-left-hover.png*/;
    height: 16px;
    width: 16px;
}

.calendarRightArrow[href]:hover {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphZTU4Mzc3Mi1iMTVlLTRiNjktODk0YS02MDMzMmNiMzFmNzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUFFMEZFQ0I0NTJFMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUFFMEZFQ0E0NTJFMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NmUxNmZhZC1kODZmLTQ2NTAtYTYwNC0wNDg1N2JlYWE1ZjQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjOWIzOThmMi04ZDk4LTExNzctOTljMC1hZmRlODYzOTFkZjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz50MdCHAAAAsUlEQVR42mL8//8/AyWABZkzec4iUyD1CYjfA/EbIP6HTVNuShyczYQmdwqIbwDxSyD+DsSZhFzAhEeODYinAfF8IOYixwAYSADiI0CsSK4BIGAIxGeA2INcA0BACIi3AHEduQaAADMQN1JiAP50QAQApbo+cg0AJbAkIF5LjgHXgDgIiG+SEwsrgNgMm2ZCBvwC4nwgjgTir8QGogAQcwAxOxD/BeKnhJzHSGl2BggwAA9SIqNXumyHAAAAAElFTkSuQmCC') /*../img/ico-arrow-right-hover.png*/;
    height: 16px;
    width: 16px;
}

.calendarLeftArrow > img {
    display: none;
}

.calendarRightArrow > img {
    display: none;
}

.calendarTitle a {
    color: White;
    left: 8px;
    position: absolute;
    right: 8px;
    text-align: center;
    text-decoration: none;
    top: 10px;
}

.calendar {
    cursor: default;
    left: 6px;
    position: absolute;
    top: 32px;
}

    .calendar table {
        border: none 0 transparent;
    }

    .calendar th {
        border: none 0 transparent;
        border-collapse: collapse;
        border-spacing: 0;
        height: 18px;
        padding: 0;
        text-align: center;
        width: 26px;
    }

    .calendar tr {
        border: none 0 transparent;
    }

    .calendar td {
        border: none 0 transparent;
        border-collapse: collapse;
        border-spacing: 0;
        height: 26px;
        padding-bottom: 1px;
        padding-right: 1px;
        text-align: center;
        vertical-align: middle;
        width: 26px;
    }

    .calendar a {
        color: Black;
        display: block;
        height: 26px;
        line-height: 26px;
        text-align: center;
        text-decoration: none;
        width: 26px;
    }

        .calendar a:hover[href] {
            background-image: url('../img/sc.png');
            background-position: left top;
            background-position: -2727px 0;
            background-repeat: no-repeat;
            height: 26px;
            width: 26px;
        }

        .calendar a:active[href] {
            background-image: url('../img/sc.png');
            background-position: left top;
            background-position: -2727px 0;
            background-repeat: no-repeat;
            height: 26px;
            width: 26px;
        }

#calendarToolTip {
    font-size: 16px;
    height: 27px;
    left: 5px;
    overflow: hidden;
    padding: 8px 5px 4px 5px;
    position: absolute;
    text-align: center;
    top: 215px;
    width: 180px;
}

.monthWrapper {
}

/* Readings Day View
------------------*/

#ChartDayInfoDate {
    width: 150px;
}

/* Product Labelling
------------------*/

.ProductLabellingName {
    border-bottom: 1px solid #9F9F9F;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 0 0 0;
}

.ProductLabellingContent {
    padding: 0 0 10px 0;
}

/* Left Menu
------------*/
.LeftMenu {
    list-style: none;
    margin-bottom: -4px;
    margin-left: 0 !important;
    margin-top: -1px;
}

    .LeftMenu li {
        border-top: 1px solid #9F9F9F;
        list-style: none;
        text-decoration: none;
    }

        .LeftMenu li:first-child {
            border-top: 0 none;
            padding-top: 0;
            margin-top: 0;
        }

        .LeftMenu li a {
            color: #000000;
            display: block;
            font-size: 12px;
            font-weight: 500;
            height: 24px;
            padding: 8px 0 0 10px;
            text-decoration: none;
            text-decoration: none;
            voice-family: inherit;
        }

            .LeftMenu li a:hover {
                display: block;
                padding: 8px 0 0 10px;
            }

/* Input Form Table
-------------------*/
.InputFormTable {
    border-spacing: 0;
    border-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .InputFormTable tr td {
        border-bottom-style: solid;
        border-color: #CCC;
        border-width: 1px;
        color: #000;
        font-size: 12px;
        font-weight: normal;
        margin: 0;
        padding: 6px;
        text-align: left;
    }

    .InputFormTable th.FormHeader {
        border-bottom-style: solid;
        border-color: #777;
        border-width: 2px;
        color: #000;
        font-size: 18px;
        font-weight: 500;
        margin: 0;
        padding: 8px 6px 8px 6px;
        text-align: left;
    }

    .InputFormTable td.FieldName {
        color: #444;
        font-size: 12px;
        font-weight: 500;
        padding-top: 10px;
        text-align: left;
        vertical-align: top;
        width: 175px;
    }

    .InputFormTable td.FieldValue {
        font-size: 12px;
        font-weight: normal;
        text-align: left;
        vertical-align: top;
        width: 225px;
    }

    .InputFormTable td.FieldInfo {
        font-size: 12px;
        font-weight: normal;
        padding-left: 4px;
        text-align: left;
        vertical-align: top;
        width: auto;
    }

    .InputFormTable td.FormFooter {
        border: none;
        margin: 0;
        padding: 6px;
    }

        .InputFormTable td.FormFooter input {
            float: right;
            color: #FFF;
            height: auto;
            font-size: 15px;
            border: none;
            padding: 4px 10px;
            width: auto;
        }

            .InputFormTable td.FormFooter input:hover {
                background: #464648;
            }

    .InputFormTable .FieldErrors {
        background-color: #ff0027;
        border: 1px solid #ff0027;
        border-radius: 0;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        margin: 0 0 4px 0;
        padding: 6px;
        text-align: left;
        vertical-align: middle;
        width: auto;
    }

    .InputFormTable .FieldValidators {
        background-color: #ff0027;
        border: 1px solid #ff0027;
        border-radius: 0;
        color: #fff;
        float: left;
        font-size: 12px;
        font-weight: 500;
        margin: 0 0 4px 0;
        padding: 6px;
        text-align: left;
        vertical-align: middle;
        width: 95%;
    }

        .InputFormTable .FieldValidators ul {
            font: inherit;
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .InputFormTable .FieldValidators li {
            font: inherit;
        }

    .InputFormTable .FieldSuccess {
        background-color: #71BF44;
        border: 1px solid #71BF44;
        border-radius: 0;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        margin: 0 0 4px 0;
        padding: 6px;
        text-align: left;
        vertical-align: middle;
        width: auto;
    }

.SubmitError {
    background-color: #ff0027;
    border: 1px solid #ff0027;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    margin: 0 0 4px 0;
    padding: 6px;
    text-align: left;
    vertical-align: middle;
    width: auto;
}

.SubmitSuccess {
    background-color: #71BF44;
    border: 1px solid #71BF44;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    margin: 0 0 4px 0;
    padding: 6px;
    text-align: left;
    vertical-align: middle;
    width: auto;
}

    .SubmitSuccess a {
        color: #fff;
        text-decoration: underline;
    }

.cdx-header {
    box-sizing: border-box;
    border-bottom-style: solid;
    border-color: #777;
    border-width: 2px;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    padding: 8px 6px 8px 6px;
    text-align: left;
}

.cdx-divider {
    box-sizing: border-box;
    border-bottom-style: solid;
    border-color: #CCC;
    border-width: 1px
}

.cdx-content-margin {
    margin-top: 15px;
    margin-bottom: 10px
}

.cdx-vcenter-row {
    align-items: center;
    display: flex
}

.cdx-no-padding {
    padding: 0 !important
}

.cdx-no-margin {
    margin: 0 !important
}

.cdx-footer {
    box-sizing: border-box;
}

.cdx-number {
    text-align: right;
    margin: 0 0 10px 0 !important;
    padding: 0 10px 0 0 !important;
    border-radius: 4px !important;
    border-color: #CCCCCC !important;
    font-size: 14px !important
}

.cdx-hbaselinealign-row {
    display: flex;
    align-items: baseline;
}

.cdx-htopalign-row {
    display: flex;
    align-items: start;
}

.cdx-validation-error {
    background-color: #ff0027;
    color: #fff;
    width: auto !important
}

.cdx-sub-text {
    color: #464648;
    padding-top: 5px
}

.cdx-tab {
    color: #ffffff;
    background-color: #464648
}

    .cdx-tab:hover {
        background-color: #b8bec2
    }

.cdx-tabs {
    margin-top: 10px;
    left: 0 !important;
    padding: 0 !important
}

.cdx-checkbox-list {
    padding: 2px !important;
    margin: 15px !important
}

.cdx-temp {
    right-padding: 0 !important
}

.btn, button {
    font-size: 12px;
    line-height: normal;
    font-weight: 700;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 2px;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
}

.btn-lg {
    padding: 15px 25px;
    margin: 4px;
    display: inline-block;
    float: right;
    text-transform: uppercase;
}

.btn-color-a {
    color: #fff;
    border: none;
}

    .btn-color-a:hover {
        color: #fff !important;
        background: #373737;
    }

.InputFormTableSubmit {
    padding: 20px;
}

    .InputFormTableSubmit div {
        margin-bottom: 20px;
    }

.ErrorValidator {
    background-color: #ff0027;
    border: 1px solid #ff0027;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 8px 0;
    padding: 8px 0px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    float: left;
}

.ErrorMessage {
    background-color: #ff0027;
    border: 1px solid #ff0027;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 4px 0;
    padding: 8px;
    text-align: left;
    vertical-align: middle;
    width: auto;
}

.WarningMessage {
    background-color: #FFFF00;
    border: 1px solid #FFFF00;
    border-radius: 0;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 4px 0;
    padding: 8px;
    text-align: left;
    vertical-align: middle;
    width: auto;
}

.SuccessMessage {
    background-color: #71BF44;
    border: 1px solid #71BF44;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 4px 0;
    padding: 8px;
    text-align: left;
    vertical-align: middle;
    width: auto;
}

.WarnValidator {
    background-color: #94E3FE;
    border: 1px solid #80B0C0;
    border-radius: 0;
    color: #1D586E;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 8px 0;
    padding: 8px 0px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    float: left;
}

/* Forgot password
------------------*/
.ForgotInfoFormTable {
    border-spacing: 0;
    border-style: none;
    margin: 8px;
    padding: 0;
    width: 920px;
}

    .ForgotInfoFormTable tr td {
        border-bottom-style: none;
        border-color: #CCC;
        border-width: 1px;
        color: #000;
        font-size: 12px;
        font-weight: normal;
        margin: 0;
        padding: 6px;
        text-align: left;
    }

    .ForgotInfoFormTable td.FieldName {
        color: #444;
        font-size: 12px;
        font-weight: 500;
        padding-top: 10px;
        text-align: left;
        vertical-align: top;
        width: 150px;
    }

    .ForgotInfoFormTable td.FieldInfo {
        font-size: 12px;
        font-weight: normal;
        text-align: left;
        vertical-align: top;
        width: auto;
    }

    .ForgotInfoFormTable td.FieldSubmit {
        font-size: 12px;
        font-weight: normal;
        text-align: right;
        vertical-align: top;
        width: 300px;
    }

    .ForgotInfoFormTable th.FormHeader {
        border-bottom-style: solid;
        border-color: #777;
        border-width: 2px;
        color: #000;
        font-size: 18px;
        font-weight: 500;
        margin: 0;
        padding: 8px 6px 8px 6px;
        text-align: left;
    }

/* Tab Links Rollover
-------------------*/
.tabLinks a:hover .si-page-h-tab-l {
    background-position: -4px -688px;
    cursor: pointer;
    height: 32px;
    width: 8px;
}

.tabLinks a:hover .sv-page-h-tab-m {
    background-position: 0 -236px;
    cursor: pointer;
    height: 32px;
}

.tabLinks a:hover .si-page-h-tab-r {
    background-position: 0 -787px;
    cursor: pointer;
    height: 32px;
    width: 7px;
}

.tabLinks a:hover .si-page-h-tab-l-selected {
    background-position: -4px -688px;
    cursor: pointer;
    height: 32px;
    width: 8px;
}

.tabLinks a:hover .sv-page-h-tab-m-selected {
    background-position: 0 -236px;
    cursor: pointer;
    height: 32px;
}

.tabLinks a:hover .si-page-h-tab-r-selected {
    background-position: 0 -787px;
    cursor: pointer;
    height: 32px;
    width: 7px;
}

.tabLinks a:hover .sv-tab-m {
    background-position: 0 -370px;
}

.tabLinks a:hover .sv-tab-m-selected {
    background-position: 0 -370px;
}

.tabLinks .dropdown {
    position: absolute;
    left: 0;
    top: 30px;
    margin: 0 !important;
    padding: 0;
    z-index: 1000;
    width: 160%;
    display: none;
}

    .tabLinks .dropdown .sv-tab-m {
        line-height: 28px;
        background-position: 0 -434px;
    }

    .tabLinks .dropdown .sv-tab-m-selected {
        line-height: 28px;
        background-position: 0 -403px;
    }

    .tabLinks .dropdown a:hover .sv-tab-m,
    .tabLinks .dropdown a:hover .sv-tab-m-selected {
        background-position: 0 -372px;
    }

.tabLinks li:hover .dropdown {
    display: block;
}

.tabLinks .hasDropdown > a > span::after {
    content: "\25BC";
    font-size: 8px;
    padding-left: 3px;
    line-height: 0px;
}

/* Tabs */
.mainTab-content {
    position: relative;
    max-height: 37px;
    font-size: 12px;
    font-weight: 500;
}

.tabMenu {
    text-align: left;
    margin: 0;
    padding: 0 0 10px 0;
}

    .tabMenu ul {
        display: block;
        margin: 2px;
        padding: 0;
    }

    .tabMenu li {
        font-size: 14px;
        font-weight: 500;
        list-style-type: none;
        display: inline-block;
        border-left-style: solid;
        border-left-width: 1px;
        padding: 0 8px 0 10px;
        margin: 0;
    }

        .tabMenu li:first-child {
            border-left-style: none;
            padding-left: 0;
            margin-left: -24px;
        }

    .tabMenu .active {
        color: #0091BF;
    }

    .tabMenu a {
        color: #000000;
    }

/* sprite objects
------------------*/
.si {
    background-position: left top;
    background-repeat: no-repeat;
}

.sh {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAAABCAYAAACIRGNTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiMTQwNTRmNy05MTFmLTRjNDgtOGI0Yy00MGQzZjViNjhjOWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUMwRjNGOUE0NTIwMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUMwRjNGOTk0NTIwMTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphOGEwZTBlMS1hMTM1LTQ2ZDQtYjM4Mi01ZWYyMTQwMjA0YjkiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyN2MwOGUxNC04ZDhiLTExNzctOTljMC1hZmRlODYzOTFkZjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz65ui9rAAAAMklEQVR42mL8//8/AxSIAfFLBtyAEYj/45EXB+JXeOTXA3EABeYfAmJ7PPJUcz9AgAEA69IL/0yOoYMAAAAASUVORK5CYII=') /*../img/sh.png*/;
    background-position: left top;
    background-repeat: repeat-y;
}

.sv {
    background-position: left top;
    background-repeat: repeat-x;
}

.sc {
    background-image: url('../img/sc.png');
    background-position: left top;
    background-repeat: no-repeat;
}

.scn {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH3godDhoPJi+KXAAAAD1JREFUSMdj9PX13c9AB8DCwMDAsDl+mgMtLfFdmHWAiYFOYNSiUYtGLRq1aNSiUYtGLRq1aGRaxEivBiQAkDoHgekqdf8AAAAASUVORK5CYII=') /*../img/scn.png*/;
    background-position: left top;
    background-repeat: no-repeat;
}

/* sprite images
-----------------*/
.si-bar-l {
    background-position: 0 0;
    height: 32px;
    width: 10px;
}

.si-bar-r {
    background-position: 0 -33px;
    height: 32px;
    width: 10px;
}
/*?*/
.si-button {
    background-position: 1000px 1000px;
    height: 22px;
    width: 22px;
}

    .si-button:hover {
        background-position: 0 -66px;
        height: 22px;
        width: 22px;
    }

.si-button-selected {
    background-position: 0 -89px;
    height: 22px;
    width: 22px;
}

    .si-button-selected:hover {
        background-position: 0 -66px;
        height: 22px;
        width: 22px;
    }

.si-dialog-f-l {
    background-position: 0 -112px;
    height: 10px;
    width: 10px;
}

.si-dialog-f-r {
    background-position: 0 -123px;
    height: 10px;
    width: 10px;
}

.si-dialog-h-l {
    background-position: 0 -134px;
    height: 30px;
    width: 10px;
}

.si-dialog-h-r {
    background-position: 0 -165px;
    height: 30px;
    width: 10px;
}

.si-ico-arrow-down-hover {
    background-position: 0 -196px;
    height: 16px;
    width: 16px;
}

.si-ico-arrow-down {
    background-position: 0 -213px;
    height: 16px;
    width: 16px;
}

.si-ico-arrow-left-disabled {
    background-position: 0 -230px;
    height: 16px;
    width: 16px;
}

.si-ico-arrow-left:hover {
    background-position: 0 -247px;
    height: 16px;
    width: 16px;
}

.si-ico-arrow-left {
    background-position: 0 -264px;
    height: 16px;
    width: 16px;
}

.si-ico-arrow-right-disabled {
    background-position: 0 -281px;
    height: 16px;
    width: 16px;
}

.si-ico-arrow-right:hover {
    background-position: 0 -298px;
    height: 16px;
    width: 16px;
}

.si-ico-arrow-right {
    background-position: 0 -315px;
    height: 16px;
    width: 16px;
}

.si-ico-arrow-up-hover {
    background-position: 0 -332px;
    height: 16px;
    width: 16px;
}

.si-ico-arrow-up {
    background-position: 0 -349px;
    height: 16px;
    width: 16px;
}

.si-master-h-l {
    background-position: 0 -366px;
    height: 64px;
    width: 12px;
}

.si-master-h-menu-l {
    background-position: 0 -431px;
    height: 28px;
    width: 8px;
}

.si-master-h-menu-r {
    background-position: 0 -460px;
    height: 28px;
    width: 8px;
}

.si-master-h-r {
    background-position: 0 -490px;
    height: 64px;
    width: 12px;
}

.si-page-f-l {
    background-position: 0 -554px;
    height: 31px;
    width: 12px;
}

.si-page-f-r {
    background-position: 0 -586px;
    height: 31px;
    width: 12px;
}

.si-page-h-bar-l {
    background-position: 0 -618px;
    height: 34px;
    width: 12px;
}

.si-page-h-bar-r {
    background-position: 0 -653px;
    height: 34px;
    width: 12px;
}

.si-page-h-tab-l-hover {
    background-position: -4px -688px;
    height: 32px;
    width: 8px;
}

.si-page-h-tab-l-selected {
    background-position: -4px -721px;
    height: 32px;
    width: 8px;
}

.si-page-h-tab-l {
    background-position: -4px -754px;
    height: 32px;
    width: 8px;
}

.si-page-h-tab-r-hover {
    background-position: 0 -787px;
    height: 32px;
    width: 7px;
}

.si-page-h-tab-r-selected {
    background-position: 0 -820px;
    height: 32px;
    width: 7px;
}

.si-page-h-tab-r {
    background-position: 0 -853px;
    height: 32px;
    width: 7px;
}

.si-page-panel-h-l {
    background-position: 0 -885px;
    height: 12px;
    width: 12px;
}

.si-page-panel-h-r {
    background-position: 0 -898px;
    height: 12px;
    width: 12px;
}

.si-panel-f-l {
    background-position: 0 -912px;
    height: 10px;
    width: 10px;
}

.si-panel-f-r {
    background-position: 0 -923px;
    height: 10px;
    width: 10px;
}

.si-panel-h-l {
    background-position: 0 -934px;
    height: 10px;
    width: 10px;
}

.si-panel-h-r {
    background-position: 0 -945px;
    height: 10px;
    width: 10px;
}

/* Web Client
----------------------*/

.webclient-startleft {
    float: right;
    margin: 0;
    padding: 0;
}

.webclient-startbutton {
    float: left;
    background-image: url('../img/webclient/tr-start.png');
    background-repeat: no-repeat;
    background-position: 4px 0;
    margin: 0;
    padding: 10px 0 0 60px;
    height: 48px;
    width: 50px;
    vertical-align: middle;
    text-align: center;
}

    .webclient-startbutton:hover {
        background-image: url('../img/webclient/tr-start-hover.png');
    }

    .webclient-startbutton:hover {
        color: #464648;
    }

.webclient-startbg {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABACAYAAADbER1AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDY1MDA0Mzk0NTI3MTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDY1MDA0Mzg0NTI3MTFFNEIyNTQ4MEIyREZGM0FCNkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQUU2QkJGMDQ1MjMxMUU0QjI1NDgwQjJERkYzQUI2QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQUU2QkJGMTQ1MjMxMUU0QjI1NDgwQjJERkYzQUI2QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl15jFYAAAAdSURBVHjaYijc7/KfiQEIRglCBMP////RxQACDACO2AXtWeTHvAAAAABJRU5ErkJggg==') /*../img/webclient/tr-h-m.png*/;
    background-repeat: repeat-x;
    float: right;
    height: 64px;
    padding: 7px 0 0 0;
    text-align: center;
    vertical-align: middle;
    width: 125px;
}

.webclient-startright {
    float: right;
    margin: 0;
    padding: 0;
}

.webclient-Shift1 {
    right: 145px !important;
}

.webclient-Shift2 {
    right: 145px !important;
}

#linkToWebClient {
    font-size: 18px;
    white-space: nowrap;
    text-align: center;
    padding: 0 5px 0 10px;
}


/* web client
----------*/
#webClientAppWrapper {
}

.widget-container {
    height: 48px;
    margin-top: 5px;
    width: 48px;
}

.widget-app {
    height: 48px;
    margin-top: 5px;
    width: 48px;
}

.fullsize-container {
    background-color: rgb(77, 77, 77);
    background-color: rgba(77, 77, 77, 0.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000000000;
}

.fullsize-app {
    background-color: White;
    border: 0 solid black;
    border-radius: 0;
    bottom: 20px;
    left: 20px;
    padding: 20px;
    position: fixed;
    right: 20px;
    top: 20px;
}

/* Validators
----------------------*/
.validator {
    color: #ff0027;
}

.success {
    color: #71BF44;
}

/* Errors pages
----------*/
.UnsupportedBrowser {
    border: 1px none #777;
    width: 300px;
}

    .UnsupportedBrowser td {
        border-style: none;
        border-width: 1px;
        padding: 4px;
    }

/* horizontal sprites
----------------------*/
.sh-dialog-b-l {
    background-position: 0 0;
    width: 10px;
}

.sh-dialog-b-r {
    background-position: -11px 0;
    width: 10px;
}

.sh-page-b-l {
    background-position: -22px 0;
    width: 12px;
}

.sh-page-b-r {
    background-position: -35px 0;
    width: 12px;
}

.sh-panel-b-l {
    background-position: -48px 0;
    width: 10px;
}

.sh-panel-b-r {
    background-position: -59px 0;
    width: 10px;
}

/* vertical sprites
--------------------*/
.sv-bar-m {
    background-position: 0 0;
    height: 32px;
}

.sv-dialog-f-m {
    background-position: 0 -33px;
    height: 10px;
}

.sv-dialog-h-m {
    background-position: 0 -44px;
    height: 30px;
}

.sv-master-h-m {
    background-position: 0 -75px;
    height: 64px;
}

.sv-master-h-menu-m {
    background-position: 0 -140px;
    height: 28px;
}

.sv-page-f-m {
    background-position: 0 -169px;
    height: 31px;
}

.sv-page-h-bar-m {
    background-position: 0 -201px;
    height: 34px;
}

.sv-page-h-tab-m-hover {
    background-position: 0 -236px;
    height: 32px;
}

.sv-page-h-tab-m-selected {
    background-position: 0 -269px;
    height: 32px;
}

.sv-page-h-tab-m {
    background-position: 0 -302px;
    height: 32px;
}

.sv-page-panel-h-m {
    background-position: 0 -335px;
    height: 12px;
}

.sv-panel-f-m {
    background-position: 0 -348px;
    height: 0px;
}

.sv-panel-h-m {
    background-position: 0 -359px;
    height: 10px;
}

.sv-tab-m-hover {
    background-position: 0 -370px;
    line-height: 30px;
    vertical-align: middle;
    padding: 0 5px;
}

.sv-tab-m-selected {
    background-position: 0 -401px;
    line-height: 30px;
    vertical-align: middle;
    padding: 0 5px;
}

.sv-tab-m {
    background-position: 0 -432px;
    line-height: 30px;
    vertical-align: middle;
    padding: 0 5px;
}

.D {
    background-position: -2781px 0;
    height: 26px;
    width: 26px;
}

.DH {
    background-position: -2727px 0;
    height: 26px;
    width: 26px;
}

.DI {
    background-position: -2754px 0;
    height: 26px;
    width: 26px;
}

.DN {
    background-position: 0 0;
    height: 26px;
    width: 26px;
}

.D000 {
    background-position: 0 0;
    height: 26px;
    width: 26px;
}

.D001 {
    background-position: -27px 0;
    height: 26px;
    width: 26px;
}

.D002 {
    background-position: -54px 0;
    height: 26px;
    width: 26px;
}

.D003 {
    background-position: -81px 0;
    height: 26px;
    width: 26px;
}

.D004 {
    background-position: -108px 0;
    height: 26px;
    width: 26px;
}

.D005 {
    background-position: -135px 0;
    height: 26px;
    width: 26px;
}

.D006 {
    background-position: -162px 0;
    height: 26px;
    width: 26px;
}

.D007 {
    background-position: -189px 0;
    height: 26px;
    width: 26px;
}

.D008 {
    background-position: -216px 0;
    height: 26px;
    width: 26px;
}

.D009 {
    background-position: -243px 0;
    height: 26px;
    width: 26px;
}

.D010 {
    background-position: -270px 0;
    height: 26px;
    width: 26px;
}

.D011 {
    background-position: -297px 0;
    height: 26px;
    width: 26px;
}

.D012 {
    background-position: -324px 0;
    height: 26px;
    width: 26px;
}

.D013 {
    background-position: -351px 0;
    height: 26px;
    width: 26px;
}

.D014 {
    background-position: -378px 0;
    height: 26px;
    width: 26px;
}

.D015 {
    background-position: -405px 0;
    height: 26px;
    width: 26px;
}

.D016 {
    background-position: -432px 0;
    height: 26px;
    width: 26px;
}

.D017 {
    background-position: -459px 0;
    height: 26px;
    width: 26px;
}

.D018 {
    background-position: -486px 0;
    height: 26px;
    width: 26px;
}

.D019 {
    background-position: -513px 0;
    height: 26px;
    width: 26px;
}

.D020 {
    background-position: -540px 0;
    height: 26px;
    width: 26px;
}

.D021 {
    background-position: -567px 0;
    height: 26px;
    width: 26px;
}

.D022 {
    background-position: -594px 0;
    height: 26px;
    width: 26px;
}

.D023 {
    background-position: -621px 0;
    height: 26px;
    width: 26px;
}

.D024 {
    background-position: -648px 0;
    height: 26px;
    width: 26px;
}

.D025 {
    background-position: -675px 0;
    height: 26px;
    width: 26px;
}

.D026 {
    background-position: -702px 0;
    height: 26px;
    width: 26px;
}

.D027 {
    background-position: -729px 0;
    height: 26px;
    width: 26px;
}

.D028 {
    background-position: -756px 0;
    height: 26px;
    width: 26px;
}

.D029 {
    background-position: -783px 0;
    height: 26px;
    width: 26px;
}

.D030 {
    background-position: -810px 0;
    height: 26px;
    width: 26px;
}

.D031 {
    background-position: -837px 0;
    height: 26px;
    width: 26px;
}

.D032 {
    background-position: -864px 0;
    height: 26px;
    width: 26px;
}

.D033 {
    background-position: -891px 0;
    height: 26px;
    width: 26px;
}

.D034 {
    background-position: -918px 0;
    height: 26px;
    width: 26px;
}

.D035 {
    background-position: -945px 0;
    height: 26px;
    width: 26px;
}

.D036 {
    background-position: -972px 0;
    height: 26px;
    width: 26px;
}

.D037 {
    background-position: -999px 0;
    height: 26px;
    width: 26px;
}

.D038 {
    background-position: -1026px 0;
    height: 26px;
    width: 26px;
}

.D039 {
    background-position: -1053px 0;
    height: 26px;
    width: 26px;
}

.D040 {
    background-position: -1080px 0;
    height: 26px;
    width: 26px;
}

.D041 {
    background-position: -1107px 0;
    height: 26px;
    width: 26px;
}

.D042 {
    background-position: -1134px 0;
    height: 26px;
    width: 26px;
}

.D043 {
    background-position: -1161px 0;
    height: 26px;
    width: 26px;
}

.D044 {
    background-position: -1188px 0;
    height: 26px;
    width: 26px;
}

.D045 {
    background-position: -1215px 0;
    height: 26px;
    width: 26px;
}

.D046 {
    background-position: -1242px 0;
    height: 26px;
    width: 26px;
}

.D047 {
    background-position: -1269px 0;
    height: 26px;
    width: 26px;
}

.D048 {
    background-position: -1296px 0;
    height: 26px;
    width: 26px;
}

.D049 {
    background-position: -1323px 0;
    height: 26px;
    width: 26px;
}

.D050 {
    background-position: -1350px 0;
    height: 26px;
    width: 26px;
}

.D051 {
    background-position: -1377px 0;
    height: 26px;
    width: 26px;
}

.D052 {
    background-position: -1404px 0;
    height: 26px;
    width: 26px;
}

.D053 {
    background-position: -1431px 0;
    height: 26px;
    width: 26px;
}

.D054 {
    background-position: -1458px 0;
    height: 26px;
    width: 26px;
}

.D055 {
    background-position: -1485px 0;
    height: 26px;
    width: 26px;
}

.D056 {
    background-position: -1512px 0;
    height: 26px;
    width: 26px;
}

.D057 {
    background-position: -1539px 0;
    height: 26px;
    width: 26px;
}

.D058 {
    background-position: -1566px 0;
    height: 26px;
    width: 26px;
}

.D059 {
    background-position: -1593px 0;
    height: 26px;
    width: 26px;
}

.D060 {
    background-position: -1620px 0;
    height: 26px;
    width: 26px;
}

.D061 {
    background-position: -1647px 0;
    height: 26px;
    width: 26px;
}

.D062 {
    background-position: -1674px 0;
    height: 26px;
    width: 26px;
}

.D063 {
    background-position: -1701px 0;
    height: 26px;
    width: 26px;
}

.D064 {
    background-position: -1728px 0;
    height: 26px;
    width: 26px;
}

.D065 {
    background-position: -1755px 0;
    height: 26px;
    width: 26px;
}

.D066 {
    background-position: -1782px 0;
    height: 26px;
    width: 26px;
}

.D067 {
    background-position: -1809px 0;
    height: 26px;
    width: 26px;
}

.D068 {
    background-position: -1836px 0;
    height: 26px;
    width: 26px;
}

.D069 {
    background-position: -1863px 0;
    height: 26px;
    width: 26px;
}

.D070 {
    background-position: -1890px 0;
    height: 26px;
    width: 26px;
}

.D071 {
    background-position: -1917px 0;
    height: 26px;
    width: 26px;
}

.D072 {
    background-position: -1944px 0;
    height: 26px;
    width: 26px;
}

.D073 {
    background-position: -1971px 0;
    height: 26px;
    width: 26px;
}

.D074 {
    background-position: -1998px 0;
    height: 26px;
    width: 26px;
}

.D075 {
    background-position: -2025px 0;
    height: 26px;
    width: 26px;
}

.D076 {
    background-position: -2052px 0;
    height: 26px;
    width: 26px;
}

.D077 {
    background-position: -2079px 0;
    height: 26px;
    width: 26px;
}

.D078 {
    background-position: -2106px 0;
    height: 26px;
    width: 26px;
}

.D079 {
    background-position: -2133px 0;
    height: 26px;
    width: 26px;
}

.D080 {
    background-position: -2160px 0;
    height: 26px;
    width: 26px;
}

.D081 {
    background-position: -2187px 0;
    height: 26px;
    width: 26px;
}

.D082 {
    background-position: -2214px 0;
    height: 26px;
    width: 26px;
}

.D083 {
    background-position: -2241px 0;
    height: 26px;
    width: 26px;
}

.D084 {
    background-position: -2268px 0;
    height: 26px;
    width: 26px;
}

.D085 {
    background-position: -2295px 0;
    height: 26px;
    width: 26px;
}

.D086 {
    background-position: -2322px 0;
    height: 26px;
    width: 26px;
}

.D087 {
    background-position: -2349px 0;
    height: 26px;
    width: 26px;
}

.D088 {
    background-position: -2376px 0;
    height: 26px;
    width: 26px;
}

.D089 {
    background-position: -2403px 0;
    height: 26px;
    width: 26px;
}

.D090 {
    background-position: -2430px 0;
    height: 26px;
    width: 26px;
}

.D091 {
    background-position: -2457px 0;
    height: 26px;
    width: 26px;
}

.D092 {
    background-position: -2484px 0;
    height: 26px;
    width: 26px;
}

.D093 {
    background-position: -2511px 0;
    height: 26px;
    width: 26px;
}

.D094 {
    background-position: -2538px 0;
    height: 26px;
    width: 26px;
}

.D095 {
    background-position: -2565px 0;
    height: 26px;
    width: 26px;
}

.D096 {
    background-position: -2592px 0;
    height: 26px;
    width: 26px;
}

.D097 {
    background-position: -2619px 0;
    height: 26px;
    width: 26px;
}

.D098 {
    background-position: -2646px 0;
    height: 26px;
    width: 26px;
}

.D099 {
    background-position: -2673px 0;
    height: 26px;
    width: 26px;
}

.D100 {
    background-position: -2700px 0;
    height: 26px;
    width: 26px;
}

/* sprite alteration
---------------------*/
.sh-page-b-l {
    bottom: 0;
    left: -12px;
    position: absolute;
    top: 0;
}

.sh-page-b-r {
    bottom: 0;
    position: absolute;
    right: -12px;
    top: 0;
}

.sh-panel-b-l {
    bottom: 0;
    left: -10px;
    position: absolute;
    top: 0;
}

.sh-panel-b-r {
    bottom: 0;
    position: absolute;
    right: -10px;
    top: 0;
}

.sv-panel-h-m {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
}

    .sv-panel-h-m .sh-panel-b-l {
        height: 7px;
        left: -10px;
        top: 3px;
    }

.si-master-h-l {
    left: -12px;
    position: absolute;
}

.si-master-h-r {
    position: absolute;
    right: -12px;
}

.si-panel-h-r {
    bottom: 0;
    position: absolute;
    right: -10px;
}

.si-page-h-tab-l-sh {
    background-position: 0 -754px;
    height: 32px;
    width: 4px;
}

.si-page-h-tab-r-sh {
    background-position: -7px -853px;
    height: 32px;
    width: 5px;
}

/* welcome page */
.newwelcome {
    text-align: center;
    font-weight: 300;
    height: 254px;
    margin: 25px 0 50px 0;
}

    .newwelcome h1 {
        font-size: 26px;
        padding: 24px 0;
        background: #FFF;
        font-weight: 300;
    }

.content {
    margin-left: 20px;
}

    .content p {
        display: block;
        float: left;
        text-align: left;
        margin-left: 30px;
        font-weight: 300;
    }

.instructions {
    max-width: 200px;
    font-size: 16px;
    padding-top: 20px;
    line-height: 24px;
}

.no {
    font-size: 44px;
    padding-top: 10px;
}


/* medias
----------*/
@media print {
    * {
        background: none;
    }

    .noPrint, #headerMenu, .PrintButton, #verisignssl, #siteVersion, .horizontalBlackMenu, #cookieTrail, .tabLinks, #curUser, .schedulerWrapper, .monthWrapper, .calendarWrapper {
        display: none;
    }

    a {
        color: Black;
        text-decoration: none;
    }

    #contentBody {
        margin-bottom: 15px;
        padding: 1px;
        position: relative;
    }
}

.noPrint {
}

.PrintButton {
    float: right;
}

    .PrintButton input {
        height: 50px;
        width: 55px;
    }

.loadingThing {
    float: left;
    left: 200px !important;
}

/* LinkRequest Page */
.SwithLogInAndRegister > input {
    width: 20px;
    height: 20px;
    margin: 2px 2px 2px 2px;
    padding: 0 0 0 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
}

.SwithLogInAndRegister > label {
    margin: 0 0 0 0;
    padding: 0 0 0 10px;
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
}

table#RegisterPanelInLinkRequest td.left {
    width: 170px
}

table#RegisterPanelInLinkRequest td.right {
    padding-left: 3px
}

.LinkRequestSuccess {
    color: #71BF44;
    font-weight: bold;
}

.LinkRequestFailure {
    color: #fff;
    font-weight: bold;
}

.LinkRequestFieldValidators {
    background-color: #ff0027;
    border: 1px solid #ff0027;
    border-radius: 0;
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 8px 0;
    padding: 6px;
    vertical-align: middle;
    width: 296px;
}

    .LinkRequestFieldValidators ul {
        margin-top: 5px;
        margin-bottom: 5px;
    }

.PanelErrorStatus {
    margin: 2px auto 6px auto;
    padding: 10px 10px 10px 10px;
    background-color: #ff0027;
    border: 1px solid #ff0027;
    color: #fff;
    border-radius: 0;
}

    .PanelErrorStatus .Caption {
        font-weight: 500;
        text-align: center;
    }

    .PanelErrorStatus h1 {
        padding: 6px 6px 0 6px !important;
        margin: 0;
    }

    .PanelErrorStatus h2 {
        padding: 6px 6px 0 6px !important;
        margin: 0;
        font-size: 18px;
        color: #777;
    }

    .PanelErrorStatus input[type="checkbox"] {
        margin: 2px 0 2px 0;
    }

    .PanelErrorStatus li {
        color: #fff;
    }

    .PanelErrorStatus ul {
        margin-bottom: 0;
    }

.PanelSuccessStatus {
    margin: 2px auto 6px auto;
    padding: 10px 10px 10px 10px;
    background-color: #71BF44;
    border: 1px solid #71BF44;
    color: #fff;
    border-radius: 0;
}


.PanelGrey {
    color: white;
    border-radius: 0;
    text-align: left;
    line-height: 30px;
    margin: 20px 8px 8px 0;
    font-weight: 400;
    font-size: 16px
}

.PanelWhite {
    border: 0px solid white;
    background-color: white;
    color: white;
    border-radius: 0;
    text-align: left;
    height: 1px;
    margin: 20px 0 0 0;
}

.DashboardHeading {
    border: 0px solid #FFFFFF;
    border-radius: 0;
    color: #4F4F4F;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 8px 0;
    padding: 6px;
    text-align: left;
    vertical-align: middle;
    width: 100%
}

.PanelBreak {
    border: 0px;
    border-radius: 0;
    text-align: left;
    height: 40px;
    margin: 0 -10px 0 -20px;
}

.TargetIndBottomLabel {
    clear: left;
    font-size: 14px;
}

.HiddenEditDiv {
    display: none;
}

.HiddenEdit {
    width: 80px;
    height: 50px;
    font-size: 36px;
    font-weight: 500;
    line-height: 48px;
}

.DottelLabel {
    border-style: dotted;
    border-color: #AAA;
    border-width: thin;
    width: 140px;
    min-width: 140px;
}

.DialogFooter {
    float: right;
    color: #FFF;
    height: auto;
    font-size: 18px;
    width: auto;
    border: none;
}

    .DialogFooter div:hover {
        background: #464648;
    }

/*
    styling for kendo list item elements to prevent issues with the base li styling in this css file
*/
.kendoSimplifiedGridForComplience th {
    font-size: 13px;
}

ul.k-reset > li {
    list-style: none;
}

#content ul.k-reset {
    margin-left: 0;
}

.k-scheduler th {
    font-weight: bold;
}

.addEventButton {
    float: left;
}

/*
    Flexbox Items
*/
.flex {
    display: flex;
    justify-content: center;
    align-content: stretch;
    align-items: center;
    flex-wrap: wrap;
}

    .flex > .shrink {
        flex-shrink: 1;
    }

    .flex > .no-shrink {
        flex-shrink: 0;
    }

    .flex > .grow {
        flex-grow: 1;
    }

    .flex > .no-grow {
        flex-grow: 0;
    }

    .flex.no-wrap {
        flex-wrap: nowrap;
    }

    .flex.left {
        justify-content: flex-start;
    }

    .flex.right {
        justify-content: flex-end;
    }

    .flex.space-between {
        justify-content: space-between;
    }

    .flex.space-around {
        justify-content: space-around;
    }

    .flex.space-evenly {
        justify-content: space-evenly;
    }

    .flex.top {
        align-items: flex-start;
    }

    .flex.bottom {
        align-items: flex-end;
    }

    .flex.middle {
        align-items: center;
    }

/*
    client note styling classes
*/

.history-toggle-link {
    margin-left: 1rem;
}

.clientNotes .notification-history h3 {
    margin: 1rem 0;
}

.clientNotes .notification-history {
    margin: 1rem 0 1rem 2rem;
    border-left: solid 1px #cecece;
    padding-left: 1rem;
}

.clientNotes .notification-history-item {
    margin: 1rem 0;
}

    .clientNotes .notification-history-item br {
        display: none;
    }

.clientNotes .notification-fliter {
    margin: 0 0 1rem 0;
    width: 100%;
}

    .clientNotes .notification-fliter label {
        font-weight: bold;
        margin: 0 0.5rem 0 0;
    }

.notes-loader {
    border: 16px solid #efefef;
    border-top: 16px solid #00ace3;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    animation: spin 2s linear infinite;
}

.clientNotesDisplay :disabled {
    background-color: #efefef;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.client-notes-loading-container .loading-text {
    margin-left: 1rem;
}

div.clientNotesDisplay {
    height: 250px;
    width: 100%;
    overflow: auto;
}

.note-message {
    padding: 0;
    font-size: 0.75rem;
    margin: 0.5rem 0;
}

    .note-message strong {
        font-size: 0.75rem;
    }

.clientNotesDisplay .update-btn {
    margin: 0;
    width: auto;
    min-width: auto;
    font-size: 0.9rem;
    margin-left: 1.5rem;
}

.clientNotesDisplay .note {
    margin-bottom: 0;
    padding-bottom: 0;
}

.clientNotes .form-item {
    margin: 1rem 0;
    padding: 0 !important;
}

.notification-status-dropdown {
    padding: 0.25rem;
    width: 35%;
}

.clientNotesDisplay .form-item label {
    font-weight: bold;
    display: block;
    width: 100%;
}

.clientNotesDisplay .noteBody,
span.notesText {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.clientNotesDisplay .noteBody {
    font-size: 0.9rem;
    margin: 0.25rem 0;
    overflow-wrap: break-word;
    word-break: break-all;
}

textarea.clientNotesEntry {
    height: 150px;
    font-family: inherit;
    width: 100%;
    display: block;
    font-size: 14px;
    resize: none;
    padding: 0px;
    box-sizing: border-box;
    padding: 0.5rem;
}

#clientNotesDisplayArea {
    height: 350px;
    margin-bottom: 10px;
}

.noteTimePeriod {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

    .noteTimePeriod p {
        margin-bottom: 0;
        width: 50%;
    }

    .noteTimePeriod div {
        border: 1px solid #ccc;
        padding: 5px;
        width: 50%;
    }

div#clientNotesPopupWindow input[type=button] {
    margin-top: 10px;
    float: right;
}

.k-window-maximized .clientNotes,
.k-window-maximized .viewNote {
    height: 100%;
}

.k-window-maximized div.clientNotesDisplay,
.k-window-maximized textarea.clientNotesEntry {
    height: 43%;
}

.k-window-maximized div#clientNotesPopupWindow input[type=button] {
    margin-top: 1%;
    height: 4%;
}

.note {
    margin-bottom: 1rem;
    padding: 1rem;
}

.editing-notificaton {
    color: #666666;
    font-style: italic;
}

.note-validation-error {
    margin: 1rem 0;
    color: red;
    font-weight: bold;
}

.success-close {
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-size: 0.9rem;
    width: auto;
    border-radius: 5px;
    text-align: center;
    color: #666666;
    width: 20px;
    height: 20px;
    letter-spacing: unset;
}

    .success-close:hover {
        background-color: #cecece;
    }

.note-success-message {
    border-radius: 5px;
    background-color: #4BB543;
    color: #fff;
    text-align: center;
    padding: 1rem;
    margin-bottom: 1rem;
}

div#clientNotesPopupWindow.openedFromNotesList .clientNotesDisplay {
    display: none;
}

#clientNotesPopupWindow .viewNote .fullnote {
    margin: 0;
    height: 514px;
    overflow: auto;
}

.k-window-maximized #clientNotesPopupWindow .viewNote .fullnote,
.k-window-maximized .openedFromNotesList textarea.clientNotesEntry {
    height: 90%;
}

.headerText {
    font-weight: bold;
    color: blue;
    font-size: 12px;
    display: block;
}

label.notebody {
    font-size: 14px;
    display: block;
    white-space: pre-wrap;
}

a.noteNavigationLink {
    font-size: 12px;
    color: blue;
    text-decoration: underline;
}

.note-title-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

/* Make checkbox not push baseline */
.note-select-checkbox {
    margin: 4px 0 0 0;
}

/* Disclaimer styling */
.note-disclaimer {
    color: #d9534f; /* red */
    font-weight: 600;
    margin: 8px 0 12px 0; /* adds spacing below disclaimer */
}

/* 

.k-window-title
{
    font-weight:bold;
}

.errorButton
{
    position:absolute;
    bottom:10px;
    right:10px;
    font-weight:bold;
    font-size:14pt;
}

.datetimePickerRemoveIEClear::-ms-clear{
    display:none;
}

.clientTab {
    overflow:hidden;
    max-width:500px;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding: 8px 4px 6px 4px; 
    text-align: center;
}

/* styling for kendo checkbox - used in schedule editing dialog to space out the checkboxes for easier reading */
.k-check {
    margin-right: 15px;
}

.dxeEditArea_Pulsewave {
    padding: 0px !important;
    font-size: 14px !important;
    margin: 0px !important;
}

.oneSecondBlink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

.reconcileSinglePatientTable {
    width: 600px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.bold {
    font-weight: bold;
}

.padLeft10 {
    padding-left: 10px;
}


#gridPulsewaveClientSummary.k-grid, #gridPulsewaveAnomalyClientSummary.k-grid, #gridExternalClientSummary.k-grid, #gridSurveyClientSummary.k-grid, #gridClientList.k-grid {
    font-size: 12px;
}

#gridPulsewaveClientSummary .k-grid-header .k-header, #gridPulsewaveAnomalyClientSummary .k-grid-header .k-header, #gridExternalClientSummary .k-grid-header .k-header, #gridSurveyClientSummary .k-grid-header .k-header,, #gridClientList .k-grid-header .k-header {
    font-size: 12px;
}

#gridPulsewaveClientSummary th.k-header, #gridPulsewaveAnomalyClientSummary th.k-header, #gridExternalClientSummary .k-grid-header .k-header, #gridSurveyClientSummary .k-grid-header .k-header,, #gridClientList th.k-header {
    padding: 0px 0px 0px 5px;
    height: 15px;
    white-space: normal;
    vertical-align: middle;
}

div span.rightSideDropDown {
    float: right;
}

#dxPageControlID {
    padding-top: 10px;
}

#gridPulsewaveClientSummary tr > td, #gridPulsewaveAnomalyClientSummary tr > td, #gridExternalClientSummary tr > td, #gridSurveyClientSummary tr > td, #gridClientList tr > td {
    text-overflow: initial;
    font-family: 'Open Sans', 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
}

#gridPulsewaveClientSummary tr.k-alt > td, #gridPulsewaveAnomalyClientSummary tr.k-alt > td, #gridExternalClientSummary tr.k-alt > td, #gridSurveyClientSummary tr.k-alt > td, #gridClientList tr.k-alt > td {
    border-top: 1px solid #ceced2;
}

#gridPulsewaveClientSummary tr.k-alt:not(:last-child) > td, #gridPulsewaveAnomalyClientSummary tr.k-alt:not(:last-child) > td, #gridExternalClientSummary tr.k-alt:not(:last-child) > td, #gridSurveyClientSummary tr.k-alt:not(:last-child) > td, #gridClientList tr.k-alt:not(:last-child) > td {
    border-bottom: 1px solid #ceced2;
}

#gridPulsewaveClientSummary td:not(.gridUserName), #gridPulsewaveAnomalyClientSummary td:not(.gridUserName), #gridExternalClientSummary td:not(.gridUserName), #gridSurveyClientSummary td:not(.gridUserName), #gridClientList td:not(.gridUserName) {
    text-align: center;
    color: black;
    font-size: 12px;
}

.wordbreak {
    word-break: break-word;
}

#gridPulsewaveClientSummary.k-grid td.indicatorCell, #gridPulsewaveAnomalyClientSummary.k-grid td.indicatorCell, #gridExternalClientSummary.k-grid td.indicatorCell, #gridSurveyClientSummary.k-grid td.indicatorCell {
    padding: 0px;
    height: 1px;
}

    #gridPulsewaveClientSummary.k-grid td.indicatorCell div, #gridPulsewaveAnomalyClientSummary.k-grid td.indicatorCell div, #gridExternalClientSummary.k-grid td.indicatorCell div, #gridSurveyClientSummary.k-grid td.indicatorCell div {
        display: inline-block;
        width: 100%;
        line-height: 29px;
    }

        #gridPulsewaveClientSummary .k-grid td.indicatorCell div span.indicatorCellText, #gridPulsewaveAnomalyClientSummary .k-grid td.indicatorCell div span.indicatorCellText, #gridExternalClientSummary .k-grid td.indicatorCell div span.indicatorCellText, #gridSurveyClientSummary .k-grid td.indicatorCell div span.indicatorCellText, #gridSurveyClientSummary .k-grid td.indicatorCell div span.indicatorCellText {
            display: inline-block;
            vertical-align: middle;
            line-height: normal;
            font-size: 12px;
        }

#gridPulsewaveClientSummary td > a, #gridPulsewaveAnomalyClientSummary td > a, #gridExternalClientSummary td > a, #gridSurveyClientSummary td > a, #gridClientList td > a {
    color: #0091BF;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

div.k-grid-norecords-template {
    border: none;
}

ul.no-list {
    display: flex;
    margin-bottom: 0;
}

    ul.no-list li {
        list-style: none;
    }

div.item-selected {
    background-color: #ccf2ff;
}

#gridPulsewaveClientSummary td.k-detail-cell div.k-grid-content, #gridPulsewaveAnomalyClientSummary td.k-detail-cell div.k-grid-content, #gridExternalClientSummary td.k-detail-cell div.k-grid-content, #gridSurveyClientSummary td.k-detail-cell div.k-grid-content, #gridClientList td.k-detail-cell div.k-grid-content {
    max-height: 300px;
}

.centerText {
    text-align: center;
    padding-top: 4px;
}

#dashboardExternalReadingsResults .IndicatorTarget {
    width: 225px;
}

#documentsPageLink {
    display: inline-block;
}

.tosHeader {
    font-weight: bold;
}

.statement p {
    margin-left: 20px;
}

.notesContextMenuItemClass {
    width: 170px;
}

.notesContextMenuItemSubscribedClass {
    width: 200px;
}

.toastMessage {
    width: 200px;
    min-height: 20px;
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    color: #F0F0F0;
    font-family: Calibri;
    font-size: 20px;
    padding: 10px;
    text-align: center;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
}

.seeMoreButton {
    color: #0091BF;
    font-weight: bold;
    cursor: pointer;
    padding: 0;
    border: none;
    background: none;
    float: none;
    text-transform: none;
}

.userContentArticleSection {
    border: 1px solid black;
    padding: 10px;
}

.articlePreviewSection {
    width: 100%;
    overflow: hidden;
}

.userContentArticleSection .articlePreviewSection p:last-child {
    margin-bottom: 0px;
}

.status-alert {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 10px;
    margin-left: 10px;
    height: 16px;
    display: inline-block;
    margin-bottom: 10px;
}

/* video chat statuses */

.status_online {
    background-image: url('../img/NormalIndicatorCircle.png');
    background-repeat: no-repeat;
}

.status_offline {
    background-image: url('../img/UndefinedIndicatorCircle.png');
    background-size: 16px;
    background-repeat: no-repeat;
}

.status_online::after {
    content: "Online"
}

.status_offline::after {
    content: "Offline"
}

.status_online::after,
.status_offline::after {
    margin-left: 20px;
}

button.vSeeButton {
    padding: 10px;
}

.articleMainImage {
    width: 550px;
}

.goalsIcon {
    height: 50px;
    width: 50px;
    margin-right: 10px;
}

input.errorField {
    border: 1px solid red;
}

#goalsTable tr > td {
    padding-bottom: 10px;
}

.messageContainer {
    overflow: auto;
    margin-top: 10px;
}

.message {
    max-width: 500px;
    display: inline-block;
    color: white;
}

.currentUserChatMessage {
    border-radius: 15px 0px 15px 15px;
    background-color: #3c3a3a;
}

.currentUserMessage {
    float: right;
    margin-right: 10px;
    margin-top: 20px;
}

.userChatMessage {
    border-radius: 0px 15px 15px 15px;
    background-color: #00ace3;
}

.userMessage {
    display: inline-block;
    margin-left: 10px;
    margin-top: 20px;
}

.messageContent {
    padding: 15px 15px 15px 15px;
}

.messageIconContainer {
    overflow: hidden;
    height: 18px;
}

.messageReadIcon {
    float: right;
}

    .messageReadIcon::after {
        content: "Read";
        margin-left: 5px;
        margin-right: 65px;
        font-size: 11px;
        font-family: 'Open Sans', 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    }

.messageTimeStamp {
    font-size: 10px;
    vertical-align: top;
}

.messageConversationDate {
    font-weight: bold;
    text-align: center;
    font-size: 18px;
}

.messageText {
    max-width: 100%;
    word-wrap: break-word;
    display: inline-block;
}

.avatar {
    vertical-align: top;
    background: #999999;
    border-radius: 40px;
    width: 50px;
    height: 50px;
}

.doctorAvatar {
    background-image: url('../img/chat/doctor_avatar.png');
    background-repeat: no-repeat;
    background-size: 50px;
    float: right;
}

.patientAvatar {
    background-image: url('../img/chat/patient_avatar.png');
    background-repeat: no-repeat;
    background-size: 50px;
    float: left;
}

.chatStatus {
    text-align: center;
}

.bpUnitTable {
    width: 100%;
}

.pageError {
    text-align: center;
    margin-top: 200px;
}

.k-icon:before {
    color: #515967;
}

.strong-header {
    font-size: 13px !important;
    font-family: 'Open Sans', 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    font-style: normal;
    word-spacing: 99999px;
    white-space: normal !important;
}

.clouddx-firefox-ng-cloak {
    display: none !important;
}

.clouddx-lock-icon {
    padding-left: 5px;
}

.clouddx-dark-blue {
    color: #0091BF;
}

.k-grid-header {
    padding-right: 0 !important;
}

.k-grid-content {
    overflow-y: auto !important;
}

.PanelContent .k-grid-header th.k-header > .k-link {
    font-size: 11px;
    text-overflow: clip !important;
}

/* Patient Dashboard */
.btn-custom:hover {
    background-color: #000000 !important;
    border: #000000 !important;
}

/* ASPxDocumentViewer styles */
#content ul.dx {
    margin-left: 10px;
}

    #content ul.dx li {
        list-style: none;
    }

#content .dxsplLCC {
    overflow-x: hidden !important;
    padding: 0 !important;
    padding-left: 5px !important;
}

.dxXtraReports_PageBorder_l_Pulsewave,
.dxXtraReports_PageBorder_r_Pulsewave,
.dxXtraReports_PageBorder_t_Pulsewave,
.dxXtraReports_PageBorder_b_Pulsewave {
    display: none;
}

/* Downloads Page */
.tos-link {
    text-align: right;
    margin-top: -30px;
    margin-bottom: 15px;
}

.tos-content-wrapper {
    overflow: scroll;
    max-height: 300px;
    border: solid 1px Gray;
}

.tos-accept {
    text-align: center;
    padding-top: 5px;
}

.download-app-button {
    color: white;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    display: block;
    width: 158px;
    height: 31px;
    padding-top: 12px;
}

#patientGroupDropDown-list ul.k-list::before {
    content: "-------------------------";
    display: block;
}

/* un-viewed documents tab indicator */
a#Documents .k-icon {
    display: none;
}

    a#Documents .k-icon.has-unviewed {
        display: inline-block;
        margin-top: -2px;
    }

        a#Documents .k-icon.has-unviewed:before {
            color: #000;
        }

a#Documents:hover .k-icon.has-unviewed:before {
    color: #00ACE3
}

#articlesContainer {
    width: 190px;
    margin: 0;
    float: right;
}

.disabled-state {
    pointer-events: none;
    background: #ebe7e7 !important;
}
/* Specific Styles for Patient Dashboard */
#dashboardExternalReadingsResults .IndicatorTarget {
    min-height: 153px;
}

.cdx-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #fafafa;
    color: #000;
    background: #ededed;
    transition: all .2s ease-in-out;
    box-shadow: 0 0px 6px rgba(0,0,0,0.3);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    bottom: -27px;
    margin: -22px auto 0 auto;
}

    .cdx-btn:after {
        content: '+';
        font-size: 35px;
    }

    .cdx-btn:hover {
        transform: scale(1.1);
        box-shadow: 0 10px 6px rgba(0,0,0,0.5);
    }
