*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    min-height: 100%;
    min-width: 640px;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #3c5d79 !important;
    color: #696969;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

pre {
    font: 62.5% Arial, Tahoma;
    margin: 0;
}

hr {
    margin-top: 1.4em;
    margin-bottom: 1.4em;
}

a:link {
    color: #034af3;
    text-decoration: underline;
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

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


    header a {
        text-decoration: none;
    }

    nav a {
        text-decoration: none;
    }

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

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    height: 100%;
    margin-bottom: -10px;
    overflow: hidden;
}

header, #header {
    width: 86%;
    color: #000;
    min-height: 40px;
    max-height: 40px;
    float: right;
}

.main, #main {
    height: calc(100% - 40px);
    height: -o-calc(100% - 40px); /* opera */
    height: -webkit-calc(100% - 40px); /* google, safari */
    height: -moz-calc(100% - 40px); /* firefox */
    background-color: #fefefe;
    overflow: auto;
    width: 86.5%;
    float: right;
}

nav, #nav, .nav {
    width: 13%;
    height: 100%;
    background-color: #fefefe;
    float: left;
    padding-top: 0px;
    overflow-x: hidden;
    overflow-y: auto;
}

.popupContainer, #popupContainer {
    display: none;
    position: absolute;
    z-index: 100;
}

.shadow, #shadow {
    border: 1px solid #DFDFDF;
    border-radius: 4px;
    box-shadow: 1px 1px 1px #AFAFAF;
}

.popupBody, #popupBody {
    background-color: #FEFEFE;
    padding: 20px;
}

.notify {
    width: 80%;
    position: absolute;
    border: 1px solid #FCB51E;
    background-color: #FDCE6C;
    z-index: 10;
}

.notify_body {
    text-align: center;
    color: black;
    font-weight: bold;
}

.notify_hide {
    cursor: pointer;
    text-align: center;
}

footer, #footer {
    background-color: #fefefe;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
}

img.transparent, img#transparent {
    border: none;
}

#ajax-dialog {
    width: auto;
    min-height: 58.4px;
    height: auto;
    display: none;
}
/***** Ajax indicator ******/
#spinner {
    position: absolute; /* fixed not supported by IE */
    background-color: #eee;
    border: 1px solid #bbb;
    top: 35%;
    left: 40%;
    width: 20%;
    font-weight: bold;
    text-align: center;
    padding: 0.6em;
    z-index: 100;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

#spinner {
    position: fixed;
}

    #spinner span {
        background-position: 0 40%;
        background-repeat: no-repeat;
        background-image: url('data:image/gif;base64,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') /*/Content/Images/loading.gif*/;
        padding-left: 26px;
        vertical-align: bottom;
    }

/* Table styles
----------------------------------------------------------*/
table {
    border: none;
    border-collapse: collapse;
    width: 100%;
}

.data-grid td, .data-grid th {
    border: 1px solid;
    padding: 1em;
}

.wrapper-cell {
    word-wrap: break-word;
    min-width: 160px;
    max-width: 160px;
}

.data-grid th {
    background-color: #e1e1e1;
    border-color: #bbb;
    color: #000;
    font-weight: bold;
    text-align: left;
}

.data-grid td {
    border-color: #c4d3e3;
}

.data-grid tbody tr {
    vertical-align: top;
}

    .data-grid tbody tr.shown {
        display: table-row;
    }

    .data-grid tbody tr:nth-child(odd) {
        background-color: #e8eef4;
    }

    .data-grid tbody tr:hover {
        background-color: #FFF8DC !important;
        color: #000 !important;
    }

table.dataTable tbody tr.selected {
    /*background-color: #FFF8DC !important;*/
    background-color: orange !important;
    color: #000 !important;
}

table.dataTable tbody tr.myeven {
    --bs-table-bg: #ffffff;
}

table.dataTable tbody tr.myodd {
    --bs-table-bg: #e8eef4;
}

.table-light {
    --bs-table-bg: #e1e1e1;
}

.data-grid.data-grid-tight.right-panel div {
    float: right;
}

.data-grid.data-grid-tight table {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    table-layout: auto;
}


.data-grid.data-grid-tight td, .data-grid.data-grid-tight th {
    max-width: 100%;
    white-space: nowrap;
}

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

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

h2 {
    font-size: 1.5em;
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

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

/* MENU LAYOUT ELEMENTS   
----------------------------------------------------------*/
nav .level0 {
    background-color: #BEBEBE;
}

nav .level1 {
    margin-left: 10px;
    background-color: #CECECE;
}

nav .level2 {
    margin-left: 10px;
    background-color: #DEDEDE;
}

nav .level3 {
    margin-left: 10px;
    background-color: #EEEEEE;
}

nav .level4 {
    margin-left: 10px;
    background-color: #FEFEFE;
}

nav .level5 {
    margin-left: 10px;
    background-color: #A0BBD4;
}

nav > ul {
    margin-top: 0px;
}

nav ul {
    margin-left: 2px;
}

nav ul, nav li {
    background: inherit;
    text-decoration: none;
    list-style: none;
    padding: 0px;
}

nav li {
    border-top: 1px #86001B solid;
    margin-left: 2px;
}

nav a {
    background: inherit;
    display: block;
    padding: 10px;
    margin-left: 2px;
    text-decoration: none;
    line-height: 1em;
    background: inherit;
    color: #000000; /*     border-radius: 4px 4px 0 0;     -webkit-border-radius: 4px 4px 0 0;     -moz-border-radius: 4px 4px 0 0; */
}

    nav a:visited, nav a:link {
        color: #000000;
    }

    nav a:hover {
        color: #000000;
        background-color: #FFF8DC;
        text-decoration: none;
    }

    nav a.selected {
        color: #000000;
        background-color: #FFF8DC;
        color: #000;
    }

.dropdown-toggle:first-child::after {
    display: inline;
    content: url('/content/images/triangle_black_bottom.gif');
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: -1px;
}

nav > ul > li > a > h5 {
    line-height: 2em;
}

nav li a h5 {
    display: inline;
}

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

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

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

.accordion legend {
    cursor: pointer;
}

textarea {
    min-height: 75px;
}

label {
    font-size: 1.1em;
}

.control, .editor-field > input, .editor-field select, .editor-field > textarea {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.editor-field > .borderless {
    border: 0;
    box-shadow: none;
}

.readonly, input[disabled], select[disabled], input[readonly] {
    background-color: rgb(235, 235, 228);
}

select[multiple="multiple"] {
    line-height: normal;
    height: auto;
}

input[type=checkbox]:not(.bigcheck), input[type=radio] {
    -webkit-box-shadow: initial;
    box-shadow: initial;
    -webkit-transition: initial;
    width: auto;
    display: inline-block !important;
}

.inline {
    width: auto;
    display: inline-block !important;
}

input[type="submit"], button:not(.ui-dialog-titlebar-close):not(*[class*='trumbowyg']), #button, .button:not(*[class*='trumbowyg']) {
    padding: 5px !important;
    color: #fff !important;
    background-color: #123b75 !important;
    border: 1px solid #082957 !important;
    background-image: none !important;
}

    input[type="submit"]:hover, button:not(.ui-dialog-titlebar-close):hover:not(*[class*='trumbowyg']), #button:hover, .button:hover:not(*[class*='trumbowyg']) {
        padding: 5px !important;
        color: #fff !important;
        background-color: #121d75 !important;
        border: 1px solid #071e3d !important;
    }

    input[type="submit"]:disabled, button:not(.ui-dialog-titlebar-close):disabled, #button:disabled, .button:disabled {
        color: #BFCDDB !important;
        background-color: #F4F7FC !important;
    }


#imageButton, .imageButton {
    border: none !important;
    background-color: transparent;
    border-radius: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    width: auto !important;
    min-width: auto !important;
}

button.filter {
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.linkTable {
    cursor: pointer;
}
/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.shown {
    display: block;
}

.dataTable tbody tr.shown,
.dataTables_wrapper table.dataTable tbody tr.shown {
    display: table-row;
}



.hidden {
    display: none;
}

.error {
    color: Red;
}

div#title {
    /*float:left;*/
    text-align: left;
}

.logindisplay {
    float: right;
    cursor: pointer;
}

#log-description, .log-description {
    white-space: pre-wrap;
    word-break: break-all;
    font-size: 1em;
    width: 100em;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
input[data-val-required], textarea[data-val-required] {
    background: #FFF8DC;
}

select[data-val-required] {
    background: #FFF8DC;
}

.field-validation-error {
    color: #ff0000;
}

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

/*override border style*/
.input-validation-error {
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee !important;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

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

/* Styles for editor and display helpers
----------------------------------------------------------*/
.form-row {
    margin-bottom: 5px;
    width: 100%;
}

    .form-row:after {
        content: "";
        display: table;
        clear: both;
    }

.form-row [class*='col-']:last-of-type {
    padding-right: 0;
}

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

.vertical-center {
    vertical-align: middle;
}

.strikeout, #strikeout {
    text-decoration: line-through;
}

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

.panel {
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.no-corners {
    border-radius: 0px !important;
}

.col-2-3 {
    width: 66.66%;
}

.col-1-3 {
    width: 33.33%;
}

.col-1-6 {
    width: 16.67%;
}

.col-1-2 {
    width: 50%;
}

.col-1-4 {
    width: 25%;
}

.col-1-8 {
    width: 12.5%;
}

.page-wrapper {
    height: inherit;
}

}

div.dialog table, div#dialog table {
    background-color: #FFF;
}

td.popupHeading {
    padding: 6px 5px;
    text-align: left;
    background-color: #CCCCCC;
    border: solid 1px #e8eef4;
    color: #000000;
    font-weight: bold;
}

.tabulator .tabulator-header,
.tabulator .tabulator-header .tabulator-col {
    background-color: #e1e1e1 !important;
    border-color: #bbb !important;
    color: #000 !important;
    font-weight: bold !important;
    text-align: left !important;
}

.tabulator .tabulator-footer {
    background-color: #e1e1e1 !important;
    border-color: #bbb !important;
    color: #000 !important;
    font-weight: bold !important;
    text-align: left !important;
}

.tabulator-row-odd {
    background-color: #e8eef4 !important;
}