html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 100%;
    background-color: #f2f2f2;
    font-family: Akkurat-Pro-Regular, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000;
}

.dataView {
    width: 100%;
    max-width: 1000px;
}

a,
a:link,
a:visited,
a:active {
    color: black;
    text-align: left;
    text-decoration: none;
    font-weight: normal;
}

    a:hover {
        color: black;
        text-align: left;
        text-decoration: underline;
        font-weight: normal;
    }

input, textarea {
    font-family: Akkurat-Pro-Regular, sans-serif;
    font-size: 14px;
    border: solid 1px #d5d5d5;
}


.dxeIRadioButton {
    display: none;
}

.dxichCellSys {
    display: inline-block;
    margin: 0.5em;
    cursor: pointer;
    border-radius: 0.25em;
    background: #f2f2f2;
    user-select: none;
}

    .dxichCellSys label {
        color: #000;
        font-size: 14px;
        min-width: 90px;
        line-height: 40px;
    }

    .dxichCellSys:hover {
        background: #685bc7;
        transition: 0.3s;
    }

.dxdvPagerPanel_Office365 table {
    max-width: 1000px;
}

.rblOCEAN .dxichCellSys label {
    min-width: 158px;
}

.pagerButton {
    background-color: #3ad4a7;
    border-radius: 0.25em;
    font-size: 14px;
    width: 120px;
    height: 30px;
    line-height: 30px;
}

select {
    font-family: Akkurat-Pro-Regular, sans-serif;
    font-size: 14px;
    border: solid 1px #d5d5d5;
    max-width: 600px;
}

button, input[type="button"], input[type="submit"] {
    margin-right: 3px;
    border-radius: 5px;
    background-color: #333333;
    color: #fff;
    border: 0;
    padding: 5px;
    background-position: 3px 3px;
    background-repeat: no-repeat;
}

    button:hover, input[type="button"]:hover, input[type="submit"]:hover {
        cursor: pointer;
        background-color: #ff5000;
    }

input.saveButton {
    background-image: url(/images/save.png);
    padding-left: 20px;
}

input.deleteButton {
    background-image: url(/images/delete.png);
    padding-left: 20px;
}

input.copyButton {
    background-image: url(/images/copy.png);
    padding-left: 20px;
}

input.exportButton {
    background-image: url(/images/export.png);
    padding-left: 20px;
}

input.closeButton,
input.cancelButton {
    background-image: url(/images/close.png);
    padding-left: 20px;
}

input.logButton {
    background-image: url(/images/log.png);
    padding-left: 20px;
}

input.signoutButton {
    background-image: url(/images/signout.png);
    padding-left: 20px;
}

input.clearButton {
    background-image: url(/images/wand.png);
    padding-left: 20px;
}

input.mapButton {
    background-image: url(/images/map.png);
    padding-left: 20px;
}

input.printButton {
    background-image: url(/images/print.png);
    padding-left: 20px;
}

input.findButton {
    background-image: url(/images/find2.png);
    padding-left: 20px;
}

input.addButton {
    background-color: forestgreen;
}

    input.addButton:hover {
        background-color: lightgreen;
    }

a {
    outline: none !important;
}

.pdf {
    width: 128px;
    text-align: center;
    background-image: url(/images/pdf.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    padding-top: 48px;
    float: left;
}

    .pdf a {
        padding-top: 48px;
    }

#loginPanel {
    border: solid 1px #ff5000;
    border-radius: 7px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    width: 275px;
    height: 160px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
}

#loginPanelError {
    width: 275px;
    height: 100px;
    margin: auto;
    position: absolute;
    top: 270px;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

#header {
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 30px;
    background-color: #000;
    line-height: 30px;
    border-bottom: solid 1px #ff5000;
}

#footer {
    color: #fff;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 30px;
    background-color: #000;
    line-height: 30px;
    border-top: solid 1px #ff5000;
}

.header-left,
#footer-left {
    padding-left: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 30px;
    text-align: left;
    z-index: 1;
}

.header-centre {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
}

.header-right,
#footer-right {
    padding-right: 3px;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 30px;
    text-align: right;
    z-index: 1;
}

#left-content {
    overflow: hidden;
    position: absolute;
    top: 31px;
    bottom: 31px;
    left: 0px;
    width: 250px;
    z-index: 999;
    background-color: #f2f2f2;
}

#right-content {
    overflow: hidden;
    position: absolute;
    top: 31px;
    bottom: 31px;
    left: 250px;
    right: 0px;
}

#full-content {
    overflow: hidden;
    position: absolute;
    top: 31px;
    bottom: 31px;
    left: 0px;
    right: 0px;
    text-align: center;
    vertical-align: middle;
}

#content-header,
#popup-header {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    border-bottom: solid 1px #9ecacb;
    background-color: #f2f2f2;
}

#content-body-header {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    border-bottom: solid 1px #9ecacb;
    background-color: #f2f2f2;
    padding-left: 10px;
    z-index: 999;
}

#content-body,
#popup-body {
    position: absolute;
    top: 30px;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.content-body-inner {
    overflow: auto;
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
    background-color: #fff;
    border: solid 1px #d5d5d5;
    border-radius: 7px;
    padding: 5px;
}

.popup-body-inner {
    overflow: hidden;
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
    background-color: #fff;
    border: solid 1px #d5d5d5;
    border-radius: 7px;
}

.scrolling-list {
    overflow: auto;
    position: absolute;
    top: 55px;
    left: 5px;
    bottom: 5px;
    right: 5px;
}

.column {
    float: left;
    width: Calc(50% - 20px);
    min-width: 275px;
    margin: 10px;
}

    .column table {
        width: 100%;
    }

        .column table tr {
            vertical-align: top;
        }

            .column table tr td:first-child {
                width: 33%;
            }

.column20pc {
    float: left;
    width: Calc(20% - 20px);
    min-width: 275px;
    margin: 10px;
}

.column25pc {
    float: left;
    width: Calc(25% - 10px);
    min-width: 135px;
    margin: 5px;
}

.column30pc {
    float: left;
    width: Calc(30% - 10px);
    min-width: 135px;
    margin: 5px;
}

.column33pc {
    float: left;
    width: Calc(33% - 20px);
    min-width: 275px;
    margin: 10px;
}

.column40pc {
    float: left;
    width: Calc(40% - 20px);
    min-width: 275px;
    margin: 10px;
}

.column50pc {
    float: left;
    width: Calc(50% - 20px);
    min-width: 275px;
    margin: 10px;
}

.column60pc {
    float: left;
    width: Calc(60% - 20px);
    min-width: 275px;
    margin: 10px;
}

.column75pc {
    float: left;
    width: Calc(75% - 20px);
    min-width: 275px;
    margin: 10px;
}

#site-logo {
    font-family: Akkurat-Pro-Bold, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    text-align: left;
    height: 30px;
    line-height: 30px;
}

#page-heading {
    font-family: Akkurat-Pro-Bold, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

#mobile-menu {
    display: none;
}

.colon {
    font-family: Georgia, serif;
    color: #ff5000;
}

.blackColon {
    font-family: Georgia, serif;
    color: #000;
}

h1 {
    font-family: Akkurat-Pro-Bold, sans-serif;
    font-weight: bold;
    font-size: 20px;
}

.right {
    text-align: right;
}

.dialer {
    background-image: url(/images/call.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.mailer {
    background-image: url(/images/email.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.bottomborder tr td div {
    border-radius: 5px;
    background-color: #ff5000;
}

.bottomborder tr:nth-of-type(even) {
    background-color: #eeeeee;
}

.Tab {
    position: absolute;
    right: 5px;
    bottom: 26px;
    left: 0px;
    top: 0px;
}

    /*Header*/
    .Tab .ajax__tab_header_verticalleft {
        color: #000;
        font-size: 14px;
        padding-top: 12px;
    }

    /*Body*/
    .Tab .ajax__tab_body_verticalleft {
        background-color: #fff;
        position: absolute;
        left: 248px;
        top: 5px;
        right: 0px;
        padding: 7px;
        overflow: auto;
        border: solid 1px #d5d5d5;
        border-radius: 7px;
    }

    /*Tab Active*/
    .Tab .ajax__tab_active .ajax__tab_tab {
        height: 30px;
        color: #000;
        background-color: #fff;
        margin-left: 3px;
        border-right: solid 1px #fff;
    }

    .Tab .ajax__tab_active .ajax__tab_inner {
        padding-left: 0px;
        color: #000;
        font-weight: bold;
        text-decoration: none;
    }

    .Tab .ajax__tab_active .ajax__tab_outer {
        padding-right: 0px;
        color: #000;
    }

    /*Tab Hover*/
    .Tab .ajax__tab_hover .ajax__tab_tab {
        height: 30px;
        color: #fff;
        background-color: #ff5000;
        margin-left: 3px;
    }

    .Tab .ajax__tab_hover .ajax__tab_inner {
        color: #000000;
        font-weight: bold;
        padding-left: 0px;
    }

    .Tab .ajax__tab_hover .ajax__tab_outer {
        color: #000000;
        padding-right: 0px;
    }

    /*Tab Inactive*/
    .Tab .ajax__tab_tab {
        color: #666666;
        height: 30px;
        line-height: 30px;
        margin-left: 3px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border: solid 1px #d5d5d5;
        width: 250px;
        margin-bottom: 2px;
        z-index: 9999;
    }

    .Tab .ajax__tab_inner {
        color: #666666;
        padding-left: 0px;
    }

    .Tab .ajax__tab_outer {
        color: #666666;
        padding-right: 0px;
        margin-right: 0px;
    }

.NodeDefault {
    padding: 0px 3px 0px 3px;
    border-radius: 5px;
}

.NodeSelected {
    background-color: #ff5000;
}

.NodeHover {
    background-color: #9ecacb;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modalPopup {
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
}

.myGridView {
    font-family: Akkurat-Pro-Regular, sans-serif;
    color: Black;
    background-color: White;
    border-collapse: collapse;
    border: solid 1px #d5d5d5;
    width: 100%;
}

    .myGridView td {
        padding: 3px;
    }

    .myGridView th {
        padding: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        font-weight: normal;
    }

.myGridViewAlternate {
    background-color: #F5F5F5;
    border-right: #d5d5d5 1px solid;
}

.gridrow_hover td {
    cursor: pointer;
    background-color: #ff5000;
}

.myTableHeader {
    text-align: left;
    background-color: #000;
    color: #fff;
}

    .myTableHeader a:link,
    .myTableHeader a:visited,
    .myTableHeader a:active {
        color: #fff;
        text-align: left;
        text-decoration: none;
    }

    .myTableHeader a:hover {
        color: #fff;
        text-align: left;
        text-decoration: underline;
    }

.myTableFooter {
    height: 12px;
}

.myExpTableFooter {
    font-weight: bold;
    background-color: orange;
    border-top: #d5d5d5 1px solid;
    text-align: left;
}

.printButton {
    display: inline-block;
}

.entryStat {
    border: solid 0px black;
    color: white;
    background-color: Silver;
    width: 100%;
    height: 15px;
}

.hiddenColumn {
    display: none;
}

.star {
    background-image: url(/images/emptystar.png);
    width: 16px;
    height: 16px;
}

.emptystar {
    background-image: url(/images/emptystar.png);
    width: 16px;
    height: 16px;
}

.filledstar {
    background-image: url(/images/filledstar.png);
    width: 16px;
    height: 16px;
}

.waitingstar {
    background-image: url(/images/emptystar.png);
    width: 16px;
    height: 16px;
}

.tiny {
    font-size: 6pt;
}

.lGrey {
    color: #d3d3d3;
}

a.lGrey {
    color: #d3d3d3;
    text-decoration: none;
}


    a.lGrey:hover {
        color: #d3d3d3;
        text-decoration: underline;
    }

.lGrey a:link {
    color: #d3d3d3;
    text-decoration: none;
}

.lGrey a:hover {
    color: #d3d3d3;
    text-decoration: underline;
}

.lGrey a:visited {
    color: #d3d3d3;
    text-decoration: none;
}

.no {
    font-weight: normal;
    color: #ff0033;
}


    .no a:link {
        color: #ff0033;
        text-align: left;
        text-decoration: none;
        font-weight: normal;
    }

    .no a:hover {
        color: #ff0033;
        text-align: left;
        text-decoration: underline;
        font-weight: normal;
    }

    .no a:visited {
        color: #ff0033;
        text-align: left;
        text-decoration: none;
        font-weight: normal;
    }


a.no {
    font-weight: normal;
    color: #ff0033;
    text-decoration: none;
}

    a.no:hover {
        font-weight: normal;
        color: #ff0033;
        text-decoration: underline;
    }


.kam {
    font-weight: normal;
    color: #3300ff;
}


    .kam a:link {
        color: #3300ff;
        text-align: left;
        text-decoration: none;
        font-weight: normal;
    }

    .kam a:hover {
        color: #3300ff;
        text-align: left;
        text-decoration: underline;
        font-weight: normal;
    }

    .kam a:visited {
        color: #3300ff;
        text-align: left;
        text-decoration: none;
        font-weight: normal;
    }


a.kam {
    font-weight: normal;
    color: #3300ff;
    text-decoration: none;
}

    a.kam:hover {
        font-weight: normal;
        color: #3300ff;
        text-decoration: underline;
    }

.yes {
    color: #000000;
}

.warning {
    font-weight: normal;
    color: #ff5000;
}

.dPurple {
    color: purple;
    font-weight: bold;
}

    a.dPurple, .dPurple a:link {
        color: purple;
        font-weight: bold;
        text-decoration: none;
    }

        a.dPurple:hover, .dPurple a:hover {
            color: purple;
            font-weight: bold;
            text-decoration: underline;
        }

    .dPurple a:visited {
        color: purple;
        font-weight: bold;
        text-decoration: none;
    }

.orange {
    color: #ff6633;
}

.white {
    color: White;
}

.red {
    color: #ff0000;
}

.yellow {
    color: yellow;
}

.green {
    color: green;
}

.blue {
    color: blue;
}

.white {
    color: white;
}

.highlighted {
    background-color: yellow;
}

@media screen and (max-width: 768px) {

    body {
        font-size: 12px;
    }

    input, select, textarea {
        font-size: 12px;
    }

    select {
        max-width: 200px;
    }

    #mobile-menu {
        display: inline-block;
    }

    #left-content {
        display: none;
        width: 100%;
    }

    #right-content {
        left: 0px;
    }

    .column {
        width: Calc(100% - 20px);
    }

        .column table tr td:last-child {
            text-align: right;
        }

    .column20pc,
    .column25pc,
    .column30pc,
    .column33pc,
    .column40pc,
    .column50pc,
    .column60pc,
    .column75pc {
        width: Calc(100% - 20px);
    }

    .Tab .ajax__tab_header_verticalleft {
        font-size: 12px;
    }

    .Tab .ajax__tab_tab {
        width: 33px;
    }

    .Tab .ajax__tab_body_verticalleft {
        left: 36px;
    }

    .printButton {
        display: none;
    }

    .dialer {
        background-image: url(/images/call32.png);
        background-repeat: no-repeat;
        background-position: left top;
        display: inline-block;
        width: 32px;
        height: 32px;
    }

    .mailer {
        background-image: url(/images/email32.png);
        background-repeat: no-repeat;
        background-position: left top;
        display: inline-block;
        width: 32px;
        height: 32px;
    }
}

/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * www.coulterpartners.com
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2015
 */


/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The fonts folder(s) should be placed relative to the regular CSS file.
 *
 * You can use either the complete or subsetted fonts:
 * If you don’t require the entire range of characters, you can use the smaller, subsetted webfonts instead.
 * See "Glyphs & Languages" for an overview of the characters in the *_subsetted.html file in the root directory of this package.
 *
 */


/* Complete */

@font-face {
    font-family: "Akkurat-Pro-Regular";
    src: url("/fonts/lineto-akkurat-pro-regular.eot");
    src: url("/fonts/lineto-akkurat-pro-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-akkurat-pro-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Akkurat-Pro-Bold";
    src: url("/fonts/lineto-akkurat-pro-bold.eot");
    src: url("/fonts/lineto-akkurat-pro-bold.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-akkurat-pro-bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Akkurat-Pro-Italic";
    src: url("/fonts/lineto-akkurat-pro-italic.eot");
    src: url("/fonts/lineto-akkurat-pro-italic.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-akkurat-pro-italic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Akkurat-Pro-Lightitalic";
    src: url("/fonts/lineto-akkurat-pro-lightitalic.eot");
    src: url("/fonts/lineto-akkurat-pro-lightitalic.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-akkurat-pro-lightitalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Akkurat-Pro-Light";
    src: url("/fonts/lineto-akkurat-pro-light.eot");
    src: url("/fonts/lineto-akkurat-pro-light.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-akkurat-pro-light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Akkurat-Pro-Bolditalic";
    src: url("/fonts/lineto-akkurat-pro-bolditalic.eot");
    src: url("/fonts/lineto-akkurat-pro-bolditalic.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-akkurat-pro-bolditalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}