@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow');
/* font settings */
body, table, select, input, textarea {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12pt;
    color: #3a3b3d;
}

a, a span {
    text-decoration: underline;
}

/* default settings for HTML elements */

body {
    background-color: Transparent;
    margin: 0px 0px 0px 0px;
}

img {
    border: none;
}

/* fields */
.field-caption {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 10pt;
    color: #666666;
}


.field-error input, .field-error select, .field-error textarea {
    background-color: #ffcccc;
    color: #cc0000;
}

.field-required, .field-required input, .field-required select, .field-required textarea, .field-required .field-caption {
    color: #0033ff;
    border-radius: 5px;
}

.field-search {
    color: #777777;
}

.field {
    padding-bottom: 4px;
    padding-right: 16px;
}

.aspradio input {
    float: left;
}

.aspradio label {
    margin-left: 25px;
    margin-bottom: -12px;
    display: block;
}

.aspcheck input {
    float: left;
}

.aspcheck label {
    margin-left: 25px;
    display: block;
}

.field-textbox {
    padding-bottom: 4px;
    padding-right: 16px;
    padding-top: 10px;
}

.field-textbox select, .field-textbox input, .field-textbox textarea {
    border: solid 1px #bbbbbb;
    padding: 2px 2px 2px 2px;
    background-color: White;
    border-radius: 5px;
}

.field-textbox-large {
    font-size: 15pt;
    padding-bottom: 4px;
}

.field-textbox-large input {
    color: Black;
    border: solid 1px #bbbbbb;
    padding: 2px 2px 2px 2px;
    background-color: White;
    font-size: 15pt;
}

.field-black {
    color: black;
    border: solid 1px #bbbbbb;
    padding: 0px 2px 0px 2px;
    background-color: white;
}


.field-errormessage {
    display: inline-block;
    padding: 2px 4px 2px 4px;
    color: red;
    font-size: 10pt;
    font-weight: bold;
}

.field-error, .field-error .field-caption {
    color: #cc0000;
}

.field-hint {
    font-size: 10pt;
    color: Gray;
}



br {
    clear: both;
}


.separator {
    font-size: 18pt;
    color: #0078d4;
    padding: 0px 0px 2px 0px;
    margin: 20px 0px 20px -36px;
    clear: both; /* border-bottom: solid 2px #cccccc;*/
}

.separator-line hr {
    margin: 0 0 0 0;
    height: 1px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #aaaaaa;
    padding: 0 0 0 0;
}

.separator hr {
    margin: 0 0 0 36px;
    margin-left: +36px;
    height: 1px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 2px #cccccc;
    padding: 0 0 0 0;
}

.treeview {
    background-color: #e6e6fa;
}

.treenode {
    color: Gray;
}

    .treenode a {
        color: blue;
    }

.webpart-zonecontainer {
    padding: 0px 5px 0px 5px;
    border-left: dashed 1px gray;
}

.webpart-zonecontainerleft {
    padding: 0px 5px 0px 5px;
    background-color: #f8f8f8;
}

.homediv {
    border: solid 1px #e2e2e2;
    background-color: #f8f8f8;
    padding: 6px 6px 6px 6px;
}

.hometitle {
    background-color: #626262;
    padding: 6px 9px 6px 9px;
    margin-bottom: 7px;
    font-size: 11pt;
    font-weight: bold;
}

.contextmenu {
    width: 200px;
    border: solid 1px #777777;
    background-color: #eeeeee;
    padding: 5px 5px 3px 5px;
}

    .contextmenu div {
        margin-bottom: 2px;
        padding-bottom: 2px;
    }

        .contextmenu div a {
            margin-bottom: 2px;
            padding-bottom: 2px;
            background-color: #eeeeee;
            display: inline;
            color: #39639d;
            text-decoration: underline;
        }

.searchabledropdown {
    padding-bottom: 4px;
    padding-right: 16px;
}

    .searchabledropdown div a {
        padding: 0px 2px 0px 2px;
        color: Black;
        background-color: White;
        cursor: hand;
        text-decoration: none;
        display: block;
        width: 100%;
    }

.sddnormal {
    border: solid 1px silver;
    background-color: white;
    padding: 2px 2px 2px 2px;
    background-image: url('../../images/sdd0.gif');
    background-repeat: no-repeat;
    background-position: right;
}

.sddhover {
    border: solid 1px black;
    background-color: white;
    padding: 2px 2px 2px 2px;
    background-image: url('../../images/sdd1.gif');
    background-repeat: no-repeat;
    background-position: right;
}

.sddsearch {
    border: solid 1px black;
    background-color: white;
    padding: 2px 2px 2px 2px;
    background-image: url('../../images/sdds.gif');
    background-repeat: no-repeat;
    background-position: right;
}

.menu {
    color: white;
    background-color: Black;
    border: none;
    font-size: 12pt;
}


.menu-logo {
    background-repeat: no-repeat;
    width: 500px;
}

.menu-apptop {
    background-color: #002157;
}

.menu-top a, .menu-top a:visited, .menu-top a:visited {
    color: #0097d4;
    text-decoration: none;
    font-weight: bold;
}

.menu-top {
    padding-top: 6px;
}

.menu-staticitem a {
    text-decoration: none;
    display: inline-block;
    color: #bbbbbb;
    font-size: 11pt;
    cursor: pointer;
    text-transform: lowercase;
    padding: 5px 12px 5px 12px;
    height: 18px;
    border-bottom: solid 4px black;
}

    .menu-staticitem a:hover, .menu-staticitem a:active {
        color: white;
        font-size: 11pt;
        cursor: pointer;
        text-transform: lowercase;
        padding: 5px 12px 5px 12px;
        height: 18px;
        border-bottom: solid 4px white;
    }

.menu-dropdown {
    background-color: white;
    border-top: solid 1px white;
    border-bottom: solid 2px white;
    z-index: 1000000;
}

.menu-dropdown-templates {
    background-color: Transparent;
    z-index: 1000000;
}

.menu-dynamicitemheader {
    display: inline-block;
    background-color: #0058b3;
    color: white;
    font-size: 14pt;
    cursor: default;
    padding: 2px 24px 2px 16px;
    width: 100%;
    font-weight: bold;
}

a.menu-dynamicitem {
    text-decoration: none;
    display: inline-block;
    background-color: #107FC9;
    border-bottom: solid 1px #0E4EAD;
    color: white;
    font-size: 12pt;
    cursor: pointer;
    padding: 8px 24px 8px 16px;
    width: 100%;
}

    a.menu-dynamicitem:hover, a.menu-dynamicitem:active {
        background-color: black;
        border-bottom: solid 1px #0E4EAD;
        color: white;
        cursor: pointer;
        padding: 8px 24px 8px 16px;
    }

a.menu-dynamicitem2 {
    text-decoration: none;
    display: inline-block;
    background-color: #0058b3;
    border-bottom: solid 1px #004080;
    color: white;
    font-size: 10pt;
    cursor: pointer;
    padding: 8px 24px 8px 16px;
    width: 100%;
}

    a.menu-dynamicitem2:hover, a.menu-dynamicitem2:active {
        background-color: black;
        border-bottom: solid 1px #004080;
        color: white;
        cursor: pointer;
        padding: 8px 24px 8px 16px;
    }


.hint {
    padding-top: 8px;
    padding-bottom: 8px;
}

    .hint table {
        border-top: solid 1px #dddd88;
        border-bottom: solid 4px #dddd88;
        background-color: #ffffbb;
    }

        .hint table table {
            border: solid 1px #eeeeaa;
            background-color: white;
        }

.grid-outer table {
    empty-cells: show;
}

.grid {
    border: none;
}

.grid-headerscrollable {
    background-color: Transparent;
    color: #555555;
}

.grid-rowscrollable {
    border-left: solid 1px #cfcfcf;
    border-right: solid 1px #cfcfcf;
    border-bottom: solid 1px #cfcfcf;
}

.grid-footerscrollable {
    border-top: solid 2px #aaaaaa;
    border-bottom: solid 1px #cccccc;
}

.grid-caption {
    color: black;
}

    .grid-caption div {
        font-weight: bold;
        font-size: 12pt;
        padding: 0px 0px 2px 0px;
        margin: 8px 0px 0px 0px;
        clear: both;
    }

.grid-caption-error div, .grid-caption-error img {
    border-bottom: solid 1px #cfcfcf;
    font-weight: bold;
    font-size: 10pt;
    padding: 0px 0px 2px 0px;
    margin: 8px 0px 0px 0px;
    clear: both;
}


.grid-caption-error {
    color: #cc0000;
}

.grid-command {
    padding: 6px 0px 6px 0px;
    border: none;
}

.grid tr:nth-child(even) {
    background-color: Transparent;
}

.grid-header {
    background-color: #0078d4;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9pt; /*background-color: #ddeeff;*/ /*background-color: White;*/
}

    .grid-header a, .grid-header a:hover, .grid-header a:visited {
        color: black;
        font-weight: normal;
        background-color: #0078d4;
        color: #f6f6f9;
        text-decoration: underline;
    }

    .grid-header th, .grid-header td {
        white-space: normal;
        font-weight: normal;
        background-color: #0078d4;
        color: #f6f6f9; /*border-top: solid 1px #66aaff;     border-bottom: solid 1px #66aaff;     border-left: dotted 1px #66aaff;     border-right: dotted 1px #66aaff;*/
        border-top: none;
        border-bottom: solid 2px #777777;
        border-left: dotted 1px #444444;
        border-right: dotted 1px #444444;
        padding: 4px 6px 4px 6px;
        font-size: 12pt;
    }


.grid-footer {
    border-top: solid 2px #cccccc;
    border-bottom: solid 1px #cccccc;
}

    .grid-footer td {
        font-weight: bold;
        border: none;
        height: 16px;
        border-bottom: solid 1px #dddddd;
        padding: 4px 6px 4px 6px;
    }

.grid-row {
    border: none;
}

    .grid-row td {
        border-bottom: solid 1px #cccccc;
        border-right: solid 1px transparent;
        white-space: normal;
        padding: 4px 6px 4px 6px;
        height: 20px;
        font-size: 12pt;
    }

.grid-emptyrow td {
    height: 20px;
    border-bottom: solid 1px #cccccc;
    white-space: normal;
    text-align: center;
    vertical-align: middle;
    color: Gray;
}

.grid-row td table {
    border: none;
    padding: 0 0 0 0;
    height: auto;
}

    .grid-row td table td {
        padding: 0 0 0 0;
        border: none;
        height: auto;
    }

.grid-pager {
    padding-bottom: 20px;
    table-layout: fixed;
}

    .grid-pager td {
        padding: 2px 4px 8px 0px;
        border: none;
    }


        .grid-pager td div {
            display: inline-block;
            float: left;
        }

            .grid-pager td div, .grid-pager td div table, .grid-pager td div table td {
                border: none;
            }

    .grid-pager a {
        display: inline-block;
        padding-top: 8px;
        height: 26px;
        width: 34px;
        text-align: center;
        border-left: solid 1px #dddddd;
        border-right: solid 1px #dddddd;
        color: black;
        text-decoration: none;
    }

        .grid-pager a:hover {
            border-left: solid 1px #dddddd;
            border-right: solid 1px #dddddd;
            background-color: #eeeeee;
            color: #6c9dbb;
        }

    .grid-pager span {
        display: inline-block;
        padding-top: 8px;
        height: 26px;
        width: 34px;
        text-align: center;
        border-left: solid 1px #dddddd;
        border-right: solid 1px #dddddd;
        background-color: #dddddd;
        color: black;
        font-weight: bold;
    }




.div-form {
    border: none;
    background-color: Transparent;
    padding: 12px 12px 12px 12px;
}

.div-main {
    padding: 0 0px 0 0;
    background-color: Transparent !important; 
}

.div-tree {
    background-color: Transparent;
}


.task-title {
    font-weight: bold;
    color: white;
    background-color: #3377ff;
    height: 20px;
}

.task-header {
    font-weight: bold;
    color: White;
    background-color: #66ccff;
    height: 20px;
}

.task-urgentitem {
    color: red;
}

.task-item {
    height: 20px;
}

.task-altitem {
    height: 20px;
    background-color: #eeece1;
}

.tooltip-header {
    padding: 2px 2px 2px 2px;
    background-color: #aaddff;
    border: solid 1px #aaddff;
}

.tooltip-body {
    padding: 2px 2px 2px 2px;
    background-color: white;
    border: solid 1px #aaddff;
}


.object-top {
    /*background-image:url(../../images/edit-top-corporate.gif);*/ /*background-position: bottom;*/
    height: 20px;
    padding: none;
    background-color: white;
}

.object-workflow .field-caption, .object-workflow a {
    color: White;
    font-weight: normal;
}


.object-workflow, .object-workflow table {
    color: White;
    font-weight: bold;
}

    .object-workflow td {
        padding-top: 3px;
        padding-bottom: 3px;
    }

.object-caption {
    font-weight: bold;
    font-size: 17pt;
    text-transform: uppercase;
    color: #0078d4;
}

.subobject-buttons {
    padding: 10px 10px 5px 10px;
    background-color: #ffffff;
}

.object-buttons-div {
}

.object-buttons {
    padding: 10px 30px 10px 30px;
    background-color: Transparent;
}

    .object-buttons table {
        width: 100%;
    }


.object-buttons-fixed {
    position: fixed;
    background-color: #0078d4;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    min-width: 900px;
}

/* search page */

.search-caption {
    font-size: 16pt;
    color: #0078d4;
    padding-top: 30px;
    padding-left: 10px;
    font-size: 20pt;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.search-hint {
    font-size: 10pt;
    color: #777777;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
}

.search-icon {
    /*background-image: url(../../images/page-search2.jpg);*/
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 70px;
}



/* report */

.reportpage {
    background-color: #f0f0f0;
}

.report-name {
    background-color: #4DBCE9;
    padding: 20px 20px 10px 20px;
}

    .report-name table {
        font-family: Arial;
        color: #f0f0f0;
        font-size: 18pt;
        font-weight: bold;
    }

.report-buttons {
    background-color: #4DBCE9;
    padding: 10px 100px 5px 100px;
}

.div-report {
    padding-left: 130px;
    padding-right: 50px;
}

.object-message, .search-message {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px black;
    background-color: #ffffaa;
    z-index: 1000000;
}

.dashboard-container {
    font-family: Arial;
    width: 300px;
    float: left;
    border: solid 1px #9C9E73;
}

.dashboard-header {
    font-family: Arial;
    width: 300px;
    height: 20px;
    background-color: #C3C49C;
    font-weight: bold;
    color: black;
    vertical-align: middle;
}

.dashboard-iframe {
    font-family: Arial;
    width: 300px;
    height: 320px;
}

.gantt- .gantt-PendingAssignment, .gantt-PendingHelpdesk, .gantt-PendingPlanning {
    height: 16px;
    width: 95%;
    border: solid 1px blue;
    font-family: Arial;
    font-size: 9pt;
    background-color: #bbbbff;
}

.gantt-PendingApproval {
    height: 16px;
    width: 95%;
    border: solid 1px blue;
    font-family: Arial;
    font-size: 9pt;
    background-color: #bbbbff;
}

.gantt-PendingAssignment {
    height: 16px;
    width: 95%;
    border: solid 1px blue;
    font-family: Arial;
    font-size: 9pt;
    background-color: #bbbbff;
}

.gantt-PendingExecution {
    height: 16px;
    width: 95%;
    border: solid 1px green;
    font-family: Arial;
    font-size: 9pt;
    background-color: #bbffbb;
}


.gantt-Rejected, .gantt-Cancelled, .gantt-Close {
    height: 16px;
    width: 95%;
    border: solid 1px gray;
    font-family: Arial;
    font-size: 9pt;
    background-color: #eeeeee;
}

.gantt-PendingClosure {
    height: 16px;
    width: 95%;
    border: solid 1px cyan;
    font-family: Arial;
    font-size: 9pt;
    background-color: #bbffff;
}

.gantt-background {
    background-color: #ffffff;
    border: solid 1px #cccccc;
    font-family: Arial;
    font-size: 9pt;
    padding: 1px 1px 1px 1px;
    height: 0px;
}

.gantt-rangeheader {
    background-color: #dddddd;
    border: solid 1px #cccccc;
    font-family: Arial;
    font-size: 7pt;
    font-weight: normal;
    padding: 0px 1px 0px 1px;
    height: 0px;
}

.gantt-today {
    background-color: #ddddff;
    border: solid 1px #cccccc;
    font-family: Arial;
    font-size: 9pt;
    padding: 1px 1px 1px 1px;
    height: 0px;
}

.gantt-weekend {
    background-color: #dddddd;
    border: solid 1px #cccccc;
    font-family: Arial;
    font-size: 9pt;
    font-weight: normal;
    padding: 1px 1px 1px 1px;
    height: 0px;
}

.gantt-title {
    background-color: #dddddd;
    border: solid 1px #cccccc;
    font-family: Arial;
    font-size: 9pt;
    font-weight: normal;
    height: 0px;
}

.gantt-tooltip-body {
    width: 250px;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    padding: 2px 4px 2px 4px;
}

.gantt-tooltip-header {
    width: 260px;
    background-color: #ddddff;
    border: solid 1px #bbbbff;
    padding: 2px 4px 2px 4px;
}

.gantt-complete {
    height: 4px;
    background-color: black;
    border: solid 1px black;
}

/*----------------------------------------------
 CSS for charts
----------------------------------------------*/

.chartsubmitbutton {
    font-family: Verdana, Sans-Serif;
    font-size: 9pt;
    background-color: #ddddff;
    border: solid 1px #608161;
}

.chartdroparea {
    font-family: Arial;
    font-size: 9pt;
    color: black;
    border-style: groove;
    border-width: thin;
    padding: 2px;
}

.chartsetuparea {
    font-family: Arial;
    font-size: 9pt;
    color: black;
    border-bottom-width: 2px;
    border-bottom-style: ridge;
    padding: 2px;
}



.advancedreportagggroupheader {
    font-family: Arial;
    font-size: 9pt;
    color: #0000A3;
    background-color: #ddffdd;
    padding: 2px;
}

.advancedreportgroup {
    font-family: Arial;
    font-size: 9pt;
    color: black;
    background-color: #ffffdd;
    padding: 2px;
}

.advancedreportitem {
    font-family: Arial;
    font-size: 9pt;
    color: black;
    background-color: white;
    padding: 2px;
}

.reportgridpager {
    font-family: Arial;
    font-size: 9pt;
    color: black;
    padding: 4px;
}

.advancedreportaltitem {
    font-family: Arial;
    font-size: 9pt;
    color: black;
    background-color: #eeeeee;
    padding: 2px;
}

.reporttitle {
    background: transparent url(../../images/reportTop.gif) top left;
    font-weight: bold;
    font-size: 9pt;
    font-family: Arial;
    color: white;
    height: 25px;
}


.advancedreportungroupcolheader {
    font-family: Arial;
    font-size: 9pt;
    color: black;
    background-color: #ddddff;
}

.advancedreportgroupcolheader {
    font-family: Arial;
    font-size: 9pt;
    color: blue;
    background-color: #ddddff;
}


.advancedreportdropnormal {
    background-color: #ddddff;
}

.advancedreportdropover_agg {
    border: solid 1px #0000ff;
}

.advancedreportdropover_ungroup {
    border: solid 1px black;
    background-color: Black;
}


.advancedreportdropover_ungrouppivot {
    border: solid 1px black;
    background-color: Black;
}


.advancedreportdropover_groupY {
    border: solid 2px #7777ff;
    background-color: #7777ff;
}


.advancedreportdropover_groupx {
    border: solid 1px #7777ff;
    background-color: #7777ff;
}

.reportheaderbuttonnormal {
    font-weight: normal;
    font-size: 9pt;
    font-family: Arial;
    border: solid 1px #4A6F9B;
    cursor: pointer;
    height: 21px;
    height: 21px;
}


.reportheaderbuttonmouseover {
    font-weight: normal;
    font-size: 9pt;
    font-family: Arial;
    background-color: #6085B0;
    border: solid 1px #6085B0;
    cursor: pointer;
    height: 21px;
    width: 21px;
}

.advancedreportbuttonnormal {
    border: solid 1px #AED3F0;
    cursor: pointer;
    height: 21px;
    width: 21px;
    font-weight: normal;
    font-size: 9pt;
    font-family: Arial;
    background-color: #AED3F0;
}


.advancedreportbuttonmouseover {
    background-color: #8BBEE7;
    border: solid 1px #3F668F;
    cursor: pointer;
    height: 21px;
    width: 21px;
    font-weight: normal;
    font-size: 9pt;
    font-family: Arial;
}

.reportbarleft {
    font-weight: normal;
    font-size: 9pt;
    font-family: Arial;
    border-right-style: solid;
    border-right-color: #103B5D;
    border-right-width: 1px;
    border-top-style: solid;
    border-top-color: #103B5D;
    border-top-width: 1px;
    background-color: #AED3F0;
}

.reportbackground {
    border-top-width: 2px;
    border-top-style: groove;
    border-top-color: #5F3FD6;
    border-left-style: groove;
    border-left-width: 2px;
    border-left-color: #5F3FD6;
    border-right-style: inset;
    border-right-width: 2px;
    border-right-color: #6887BB;
    border-bottom-style: inset;
    border-bottom-width: 2px;
    border-bottom-color: #6887BB;
}

.reportbarright {
    font-weight: normal;
    font-size: 9pt;
    font-family: Arial;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #103B5D;
    background-color: #AED3F0;
}

.leftpanelrow {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #103B5D;
}

.parallelviewdivide {
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: #6887BB;
}

.tabstrip {
}

    .tabstrip ul {
        margin: 0;
        list-style: none;
        font-size: 18pt;
        text-transform: lowercase;
        padding: 10px 0px 10px 0px;
    }

    .tabstrip li {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .tabstrip a, .tabstrip a:visited {
        display: inline-block;
        padding: 0 0 5px 0;
        margin-right: 20px;
        text-decoration: none;
        color: #888888;
        cursor: pointer;
    }

        .tabstrip a:hover, .tabstrip a:active {
            color: #224488;
        }

    .tabstrip .selected a {
        color: #6d87fd;
    }

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 99999;
}

.modalPopup {
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    padding: 8px 8px 8px 8px;
    width: 550px;
    z-index: 100000;
}


/*----------------------------------------
   v7.0 styles
----------------------------------------*/
.tabstrip-bg {
    background-color: inherit;
}

.tabmbl {
    background-color: #e7e7e7;
    border-bottom: solid 1px #f9f9f9;
}

    .tabmbl a {
        text-decoration: none;
        color: #888888;
        display: block;
        padding: 7px 0px 7px 0px;
        cursor: pointer;
    }

.selectedmbl {
    background-color: #e7e7e7;
    border-bottom: solid 1px #f9f9f9;
}

    .selectedmbl a {
        text-decoration: none;
        background-color: #e7e7e7;
        color: Black;
        display: block;
        padding: 7px 0px 7px 0px;
        cursor: default;
    }

.tab-ver {
    background-position: top right;
    background-repeat: no-repeat;
    background-color: Transparent;
}

.tabstrip-ver {
    padding: 0px 0px 0px 0px;
    text-transform: lowercase;
    font-size: 13pt;
    font-weight: normal;
    min-height: 500px;
}

    .tabstrip-ver td {
        vertical-align: top;
    }

    .tabstrip-ver ul {
        margin: 0;
        padding: 0px 0px 0px 0px;
        list-style: none;
    }

    .tabstrip-ver li {
        display: inline;
        margin: 0;
        padding: 0;
    }

    .tabstrip-ver a {
        text-decoration: none;
        color: #888888;
        display: block;
        padding: 7px 0px 7px 29px;
        border-left: none;
        width: 170px;
        cursor: pointer;
    }

        .tabstrip-ver a:hover, .tabstrip-ver a:active {
            color: #2278ff;
        }

    .tabstrip-ver .selected a, .tabstrip-ver .selected a:hover, .tabstrip-ver .selected a:active {
        color: White;
        padding: 7px 0px 7px 20px;
        border-left: solid 9px #0078d4;
        width: 170px;
        background-color: #0078d4;
    }

.tabstrip-ver-content {
    background-color: Transparent;
    border-left: solid 1px #999999;
}


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

/* ---- buttons ---- */

/* common styles */
.btn-d, .btn-d:hover, .btn-d:active, .btnblack-d, .btnblack-d:hover, .btnblack-d:active, .btnblue-d, .btnblue-d:hover, .btnblue-d:active, .btngray-d, .btngray-d:hover, .btngray-d:active, .btnblackpnmbl-d, .btnblackpnmbl-d:hover, .btnblackpnmbl-d:active, .btnblackmbl-d, .btnblackmbl-d:hover, .btnblackmbl-d:active {
    opacity: 0.25;
    -moz-opacity: 0.25;
    filter: alpha(opacity=25);
}

    .btn img, .btn-d img, .btnblack img, .btnblack-d img, .btnblue img, .btnblue-d img, .btngray img, .btngray-d img, .btnblackpnmbl img, .btnblackpnmbl-d img, .btnblackmbl img, .btnblackmbl-d img {
        height: 16px;
        width: 16px;
    }


    /* standard button */

    .btn, .btn:visited, .btn-d, .btn-d:hover, .btn-d:active, .btn-d:visited {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        border-radius: 3px;
        box-shadow: none;
        -webkit-transition-property: background;
        -moz-transition-property: background;
        -o-transition-property: background;
        transition-property: background;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.2s;
        color: #ffffff;
        text-shadow: none;
        border: none;
        height: 20px;
        line-height: 20px;
        padding: 5px 10px 5px 10px;
        font-weight: 300;
        font-size: 14px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        margin: 0;
        text-decoration: none;
        text-align: center;
        display: inline-block;
        background: #0078d4;
        margin: 10px 5px 3px 0px;
    }

        .btn:hover {
            background-color: #51758C;
        }

    /* black button */

    .btnblack, .btnblack:visited, .btnblack-d, .btnblack-d:hover, .btnblack-d:active, .btnblack-d:visited {
        display: inline-block;
        text-transform: uppercase;
        text-decoration: none;
        background-image: none;
        padding: 6px 8px 6px 8px;
        margin-bottom: 5px;
        font-size: 13pt;
        font-weight: normal;
        color: white;
        background-color: #0078d4;
        border: solid 1px #446688;
        margin-bottom: 50px;
    }

        .btnblack:hover {
            background-color: #03375f;
            border: solid 1px #cccccc;
        }

    /* black (mobile) button for prev/next buttons */

    .btnblackpnmbl, .btnblackpnmbl:visited, .btnblackpnmbl-d, .btnblackpnmbl-d:hover, .btnblackpnmbl-d:active, .btnblackpnmbl-d:visited {
        width: 146px;
        display: inline-block;
        text-transform: uppercase;
        text-decoration: none;
        background-image: none;
        padding: 6px 8px 6px 8px;
        margin-bottom: 5px;
        font-size: 12pt;
        font-weight: normal;
        color: white;
        background-color: #224466;
        border: solid 1px #446688;
    }

        .btnblackpnmbl:hover {
            background-color: #6688aa;
            border: solid 1px #cccccc;
        }

    /* black (mobile) button for action buttons */

    .btnblackmbl, .btnblackmbl:visited, .btnblackmbl-d, .btnblackmbl-d:hover, .btnblackmbl-d:active, .btnblackmbl-d:visited {
        width: 320px;
        display: inline-block;
        text-transform: uppercase;
        text-decoration: none;
        background-image: none;
        padding: 6px 8px 6px 8px;
        margin-bottom: 5px;
        font-size: 12pt;
        font-weight: normal;
        color: white;
        background-color: #224466;
        border: solid 1px #446688;
    }

        .btnblackmbl:hover {
            background-color: #6688aa;
            border: solid 1px #cccccc;
        }

    /* blue button */

    .btnblue, .btnblue:visited, .btnblue-d, .btnblue-d:hover, .btnblue-d:active, .btnblue-d:visited {
        display: inline-block;
        text-transform: uppercase;
        text-decoration: none;
        background-image: none;
        padding: 6px 8px 6px 8px;
        margin-bottom: 5px;
        font-size: 13pt;
        font-weight: normal;
        color: #ffffff;
        background-color: #0378b5;
        border: solid 1px #88ddff;
    }

        .btnblue:hover {
            background-color: #2bc3ff;
            border: solid 1px white;
        }

    /* gray button */

    .btngray, .btngray:visited, .btngray-d, .btngray-d:hover, .btngray-d:active, .btngray-d:visited {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transition-property: background;
        -moz-transition-property: background;
        -o-transition-property: background;
        transition-property: background;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.2s;
        color: #ffffff;
        text-shadow: none;
        border: none;
        height: 32px;
        line-height: 32px;
        padding: 2px 25.6px;
        font-weight: 300;
        font-size: 11px;
        font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        margin: 0;
        text-decoration: none;
        text-align: center;
        display: inline-block;
        background: gray;
    }

        .btngray:hover {
            background-color: #aaaaaa;
        }




/* hyper links */

/* white */
.hlink-white, .hlink-white:hover, .hlink-white:active, .hlink-white:visited, .hlink-white-d, .hlink-white-d:hover, .hlink-white-d:active, .hlink-white-d:visited {
    color: White;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 11pt;
    cursor: pointer;
}

/* gray */
.hlink-gray, .hlink-gray:hover, .hlink-gray:active, .hlink-gray:visited, .hlink-gray-d, .hlink-gray-d:hover, .hlink-gray-d:active, .hlink-gray-d:visited {
    color: gray;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 9pt;
    cursor: pointer;
}

/* blue */
.hlink-blue, .hlink-blue:hover, .hlink-blue:active, .hlink-blue:visited, .hlink-blue-d, .hlink-blue-d:hover, .hlink-blue-d:active, .hlink-blue-d:visited {
    color: #6c9dbb;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 9pt;
    cursor: pointer;
}

/* black */
.hlink-black, .hlink-black:hover, .hlink-black:active, .hlink-black:visited, .hlink-black-d, .hlink-black-d:hover, .hlink-black-d:active, .hlink-black-d:visited {
    color: Black;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 9pt;
    cursor: pointer;
}

    .hlink-white-d, .hlink-white-d:hover, .hlink-white-d:active, .hlink-white-d:visited, .hlink-gray-d, .hlink-gray-d:hover, .hlink-gray-d:active, .hlink-gray-d:visited, .hlink-blue-d, .hlink-blue-d:hover, .hlink-blue-d:active, .hlink-blue-d:visited, .hlink-black-d, .hlink-black-d:hover, .hlink-black-d:active, .hlink-black-d:visited {
        opacity: 0.25;
        -moz-opacity: 0.25;
        filter: alpha(opacity=25);
    }



.div-searchfom {
    border: solid 1px #dddddd;
    background-color: #f7f7f7;
    padding: 8px 8px 8px 8px;
    clear: both;
}

.div-edit {
    padding: 10px 50px 20px 74px;
    min-width: 506px;
}

.div-audit {
    padding: 12px 50px 12px 74px;
}

.div-status {
    border: 2px solid;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    text-align: center;
    vertical-align: middle;
    padding: 10px 10px 10px 10px;
    text-transform: uppercase;
    font-size: 0pt;
    font-weight: normal;
    color: White;
}

    .div-status .field span {
        font-size: 11pt;
    }

.div-urgent-no {
    padding: 5px 5px 5px 10px;
    width: 110px;
    text-align: left;
    vertical-align: middle;
    border-left: solid 30px #f7f7f7;
    font-size: 1pt;
    font-weight: bold;
    color: #cccccc;
}

    .div-urgent-no label {
        color: #cccccc;
        font-size: 14pt;
    }

    .div-urgent-no br {
        height: 0px;
    }

.div-urgent-yes {
    padding: 5px 5px 5px 10px;
    width: 110px;
    text-align: left;
    vertical-align: middle;
    border-left: solid 30px red;
    font-size: 1pt;
    font-weight: bold;
    color: Red;
}

    .div-urgent-yes label {
        color: Red;
        font-size: 14pt;
    }

.div-objectbase {
    padding: 6px 0px 2px 0px;
    min-width: 630px;
}

.div-objectbase-int {
    padding: 0px 38px 0px 38px;
}

.div-tabbuttons {
    padding: 8px 8px 8px 8px;
}

.div-home {
    border: none;
    background-color: white;
    padding: 12px 40px 0px 56px;
    background-color: #fff;
}

.homepage {
    background-color: #eeeeee;
}

.editpage {
    background-position: top;
    background-repeat: repeat-x;
}


.hint-top {
    padding: 8px 0px 8px 0px;
}

    .hint-top table {
        border: solid 1px #cccc00;
        background-color: #ffffcc;
    }

.span-inboxdate {
    padding-top: 3px;
    color: Gray;
    font-size: 7pt;
}

.subobject-panel {
    border: solid 5px #4DBCE9;
    background-color: #eef7ff;
    padding: 24px 50px 36px 74px;
}


.separator2 {
    background-color: #6699cc;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 12pt;
    padding: 5px 0px 5px 0px;
    margin: 15px 0px 15px 0px;
    clear: both;
}

.separator-small {
    font-weight: bold;
    font-size: 9pt;
    padding: 0px 0px 2px 0px;
    margin: 8px 0px 12px 0px;
    clear: both;
}

.dialog {
    margin: auto;
}

.dialog-container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000000;
    border: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-clip: padding-box;
    clear: both;
}

    .dialog-container > * > * {
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.dialog-bg {
    background-color: Black;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 99999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
}

.dialog-title {
    text-transform: uppercase;
    background-color: #f7f7f7;
    color: #0078d4;
    font-weight: normal;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 18pt;
    padding: 12px 30px 12px 30px;
    border-bottom: solid 1px #dddddd;
}

.dialog-title-closebutton {
    background-color: #f7f7f7;
    color: gray;
    font-size: 14pt;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 8px 8px 8px 8px;
    border-bottom: solid 1px #dddddd;
}

    .dialog-title-closebutton a {
        color: #0078d4;
        text-decoration-line: none;
    }

.dialog-main {
    background-color: #f7f7f7;
    padding: 20px 30px 20px 30px;
}

.dialog-buttons {
    background-color: #6c9dbb;
    text-align: center;
}

.div-audit table {
    font-size: 10pt;
    color: Gray;
}

.div-audit-int {
}

.div-indent {
    padding-left: 20px;
}

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



.stateBox {
    background-color: Pink;
    text-align: center;
    font-weight: bold;
    border: .1em solid #900;
    position: absolute;
    z-index: -1;
}

.stateBox-current {
    background-color: LightBlue;
    text-align: center;
    font-weight: bold;
    border: .1em solid #900;
    position: absolute;
    z-index: -1;
}

.actionBox {
    position: absolute;
    z-index: 4;
    background-color: white;
}

.stateBox div {
    font-size: 9px;
    font-weight: normal;
}

.stateBox-current div {
    font-size: 9px;
    font-weight: normal;
}


.text-sub {
    font-family: Arial;
    font-size: 8pt;
    color: Gray;
}

.object-base, .object-base input {
    font-size: 11pt;
    font-weight: bold;
}

/* month view calendar */
.monthv {
}

    .monthv span {
        font-size: 8pt;
        font-weight: normal;
        color: Black;
        cursor: pointer;
    }

.monthv-day-today {
    font-size: 13pt;
    font-weight: bold;
    min-height: 100px;
    border: solid 1px #dddddd;
    padding: 4px 8px 4px 8px;
}

.monthv-day-day {
    font-size: 13pt;
    min-height: 100px;
    border: solid 1px #dddddd;
    padding: 4px 8px 4px 8px;
}

.monthv-day-weekend {
    font-size: 13pt;
    min-height: 100px;
    border: solid 1px #dddddd;
    background-color: #ddeeff;
    padding: 4px 8px 4px 8px;
}

.monthv-day-othermonth {
    font-size: 13pt;
    min-height: 100px;
    border: solid 1px #dddddd;
    background-color: #eeeeee;
    color: #cccccc;
    padding: 4px 8px 4px 8px;
}

.monthv-dayheader {
    background-color: Silver;
    padding: 4px 8px 4px 8px;
    border: none;
}

.monthv-header {
    background-color: White;
    border: none;
}

    .monthv-header td {
        background-color: White;
        border: none;
        font-size: 15pt;
        padding: 4px 20px 4px 20px;
    }

.ajax__calendar_container {
    z-index: 1;
}


/* --- Desktop Menu --- */
.cssmenu ul, .cssmenu li, .cssmenu span, .cssmenu a {
    margin: 0;
    padding: 0;
    position: relative;
    color: #aaa;
}

.cssmenu {
    height: 30px;
    border-bottom: 0px;
    width: auto;
}

    .cssmenu:after, .cssmenu ul:after {
        content: '';
        display: block;
        clear: both;
    }

    .cssmenu a {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transition-property: background;
        -moz-transition-property: background;
        -o-transition-property: background;
        transition-property: background;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        color: #3a3b3d;
        text-shadow: none;
        height: 32px;
        line-height: 32px;
        padding: 0px 20px;
        font-size: 25px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        margin: 0;
        text-decoration: none;
        text-align: center;
        display: inline-block;
    }

    .cssmenu ul {
        list-style: none;
    }

    .cssmenu > ul {
        float: left;
        z-index: 10000;
    }

        .cssmenu > ul > li {
            float: left;
        }

            .cssmenu > ul > li > a {
                font-size: 20px;
            }

            .cssmenu > ul > li.active > a {
                background: black;
                color: White;
            }

            .cssmenu > ul > li:hover > a {
                color: #457795;
            }

    .cssmenu .has-sub {
        z-index: 1;
    }

        .cssmenu .has-sub ul {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            border-top: solid 2px white;
            border-bottom: solid 2px white;
            z-index: 10001;
            width: max-content;
        }

            .cssmenu .has-sub ul li {
                margin-bottom: -1px;
            }

                .cssmenu .has-sub ul li a {
                    background: #0078d4;
                    border-bottom: 1px solid #0078d4;
                    filter: none;
                    font-size: 15px;
                    display: block;
                    line-height: 100%;
                    padding-top: 10px;
                    text-align: left;
                    vertical-align: middle;
                    color: #ffffff;
                }

                .cssmenu .has-sub ul li:hover a {
                    background: #000;
                }

        .cssmenu .has-sub .has-sub ul {
            display: none;
            position: absolute;
            left: 100%;
            top: 0;
            z-index: 10002;
        }

        .cssmenu .has-sub > ul > .has-sub > a, .cssmenu .has-sub > ul > .has-sub > a:hover {
            background-image: url(../../images/submenu.gif);
            background-position: center right;
            background-repeat: no-repeat;
        }

        .cssmenu .has-sub .has-sub ul li a {
            background: #0058b3;
            border-bottom: 1px dotted #0E4EAD;
        }

            .cssmenu .has-sub .has-sub ul li a:hover {
                background: #000;
            }


/* --- Mobile Menu --- */
.cssmenum {
    width: 100%;
    font-family: Arial;
}

    .cssmenum ul {
        list-style: none;
    }

        .cssmenum ul > li > a {
            text-decoration: none;
        }

    .cssmenum .has-sub > a {
        color: Black;
        text-decoration: none;
    }

        .cssmenum .has-sub > a:hover {
            cursor: default;
        }



/*-----------------------
  Date Picker
-------------------------*/

#AUFCalSlide {
    overflow: hidden;
    width: 245px;
    height: 252px;
}

#AUFMYSlide {
    overflow: hidden;
    width: 240px;
    height: 180px;
}

#AUFCal, #AUFMY {
    font-family: Segoe UI, Arial;
    width: 245px;
    border: none;
    position: absolute;
    background-color: White;
    border: solid 4px #0cf;
    z-index: 1000001;
}

#AUFMY {
    width: 240px;
}

#AUFCalHeader, #AUFMYHeader {
    color: white;
    background-color: #0cf;
    height: 43px;
}

#AUFCalMonthYear, #AUFMYYear {
    padding-top: 3px;
}

#AUFCalLeft, #AUFCalRight, #AUFMYLeft, #AUFMYRight {
    width: 40px;
}

    #AUFCalLeft a, #AUFMYLeft a, #AUFCalRight a, #AUFMYRight a {
        padding-top: 8px;
        text-align: center;
        display: block;
        width: 40px;
        height: 32px;
        cursor: pointer;
    }

        #AUFCalLeft a div, #AUFMYLeft a div {
            display: inline-block;
            border: solid 6px transparent;
            border-right: solid 6px black;
        }

        #AUFCalRight a div, #AUFMYRight a div {
            display: inline-block;
            border: solid 6px transparent;
            border-left: solid 6px black;
        }

#AUFCalMonthYear, #AUFMYYear {
    text-align: center;
    width: 200px;
}

#AUFCalWeeks td {
    color: #bbb;
    font-size: 12px;
}

#AUFCalCells, #AUFMYCells {
    font-family: Segoe UI, Arial;
    font-size: 14px;
    width: 245px;
    border-spacing: none;
    position: relative;
    top: 0px;
    left: 0px;
}

#AUFMYCells {
    width: 240px;
}

    #AUFCalCells td, #AUFMYCells td {
        width: 35px;
        height: 35px;
        text-align: center;
        vertical-align: center;
    }

    #AUFMYCells td {
        width: 60px;
        height: 60px;
    }

    #AUFCalCells a, #AUFMYCells a {
        text-decoration: none;
        display: inline-block;
        padding-top: 7px;
        width: 33px;
        height: 26px;
        color: black;
    }

    #AUFMYCells a {
        padding-top: 22px;
        width: 58px;
        height: 36px;
    }

#AUFCalToday, #AUFMYThisMonth {
    border-top: solid 1px #ddd;
    padding-top: 1px;
    padding-bottom: 1px;
    border-bottom: solid 1px #ddd;
}

    #AUFCalToday a, #AUFMYThisMonth a {
        text-decoration: none;
        display: block;
        padding-top: 10px;
        height: 34px;
        width: 243px;
        color: #08f;
    }

    #AUFMYThisMonth a {
        width: 238px;
    }


        #AUFCalCells a:hover, #AUFMYCells a:hover, #AUFCalToday a:hover, #AUFMYThisMonth a:hover {
            color: white;
        }

.AUFSel select, .AUFSelY select {
    font-family: Segoe UI, Arial;
    font-size: 16px;
    background: transparent;
    width: 90px;
    height: 33px;
    border: 0;
    color: black;
    line-height: 1;
    border-radius: 0;
    -webkit-appearance: none;
}

.AUFSel, .AUFSelY {
    display: inline-block;
    width: 60px;
    height: 33px;
    overflow: hidden;
    background: url('../../images/datepicker-dn.gif') no-repeat right transparent;
    border: none;
    color: white;
}

a.calsel {
    background-color: #0cf;
    color: white;
}

a.calnor {
    background-color: white;
    color: black;
}

.calnor:hover, .calsel:hover, #AUFCalToday a:hover, #AUFMYThisMonth a:hover {
    background-color: #2288ff;
}


.grid-dayheader {
    border: none;
    padding: 3px 3px 3px 3px;
    background-color: #eeece1;
}

.grid-day {
    text-align: center;
    padding: 3px 3px 3px 3px;
}

.grid-day-big {
    padding: 3px 3px 3px 3px;
}


/** START -- UICollapsiblePanel default css classes **/
.collapsible-panel-container {
    margin: 0px 0px 10px 0px;
}

.collapsible-panel-collapsed {
    background: url('../../images/icon_plus.png') 98% center no-repeat #07F;
    display: block;
    border: 1px solid #666;
    padding: 6px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    color: #FFF;
    min-height: 15px;
}

.collapsible-panel-expanded {
    background: url('../../images/icon_minus.png') 98% center no-repeat #07F;
    display: block;
    border: 1px solid #666;
    padding: 6px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    color: #FFF;
    min-height: 15px;
}
/** END -- UICollapsiblePanel default css classes **/

/** START -- UICollapsiblePanel customized css classes for customer account pages**/
.custacc-collapsible-panel-collapsed {
    background: url('../../images/icon_plus.png') 10px center no-repeat #07F;
    display: block;
    border: 1px solid #666;
    padding: 6px 10px 6px 36px;
    margin-left: -36px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    color: #FFF;
    min-height: 15px;
}

.custacc-collapsible-panel-expanded {
    background: url('../../images/icon_minus.png') 10px center no-repeat #07F;
    display: block;
    border: 1px solid #666;
    padding: 6px 10px 6px 36px;
    margin-left: -36px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    color: #FFF;
    min-height: 15px;
}

/** END -- UICollapsiblePanel customized css classes for customer account pages**/
.hidden {
    display: none;
}