@font-face {
    font-family: 'vegurbold';
    src: url('../../fonts/vegur-bold-webfont.eot');
    src: url('../../fonts/vegur-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/vegur-bold-webfont.woff2') format('woff2'),
         url('../../fonts/vegur-bold-webfont.woff') format('woff'),
         url('../../fonts/vegur-bold-webfont.ttf') format('truetype'),
         url('../../fonts/vegur-bold-webfont.svg#vegurbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'vegurlight';
    src: url('../../fonts/vegur-light-webfont.eot');
    src: url('../../fonts/vegur-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/vegur-light-webfont.woff2') format('woff2'),
         url('../../fonts/vegur-light-webfont.woff') format('woff'),
         url('../../fonts/vegur-light-webfont.ttf') format('truetype'),
         url('../../fonts/vegur-light-webfont.svg#vegurlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'vegurregular';
    src: url('../../fonts/vegur-regular-webfont.eot');
    src: url('../../fonts/vegur-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/vegur-regular-webfont.woff2') format('woff2'),
         url('../../fonts/vegur-regular-webfont.woff') format('woff'),
         url('../../fonts/vegur-regular-webfont.ttf') format('truetype'),
         url('../../fonts/vegur-regular-webfont.svg#vegurregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#icon {
    position: absolute;
    right: 20px;
    top: 40px;
    width: 32px;
    height: 32px;
}

@media print{
    #udm { display: none; }
}

html, body {
    background-color: white;
    height: 100%;
}

#container {
    position: relative;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    height: auto;
    font-family: Bitstream Vera Sans, Arial, Verdana, sans-serif, Helvetica;
}

html>body #container {
    height: auto;
}

body {
    border: 0;
    font-family: Bitstream Vera Sans, Arial, Verdana, sans-serif, Helvetica;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

img, .ui-grid-controls span {
    border: 0;
    vertical-align: middle;
}

tr.systemFouoHeader,
tr.systemFouoFooter {
    line-height: 1rem;
    height: 1rem;
}

tr.systemFouoHeader td,
tr.systemFouoFooter td {
    text-align: center;
    font-weight: bold;
    background-color: #4A4A4A;
    color: white;
    padding: 0.5rem 0;
}

#systemBar {
    position: relative;
    height: 50px;
    padding: 0;
    margin: 0;
    background: #fff;
    font-family:"vegurregular", Arial;
}

ul.sm {
    z-index: auto !important;
}
ul.sm ul {
    z-index: 1001 !important;
}
#myAccount {
    font-size: 14px;
    left: 20px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    background: none repeat scroll 0 0 #FFFFFF;
    top: 13px;
}

#systemBar .simpleMenu a {
    padding: 3px;
}

#systemBar .simpleMenu li h1#themeTitle {
    padding: 15px 15px 0;
    font-size: 100%;
}

#systemBar .simpleMenu li p, #systemBar .simpleMenu li h2 {
    margin: 0;
    font-size: 100%;
    padding: 10px 20px 5px;
}

#systemBar .simpleMenu li span.etk-theme-label {
    margin-left: 21px;
}

#systemBar .simpleMenu li svg + span.etk-theme-label {
    margin-left: 0;
}

#systemBar .simpleMenu li ul {
    width: 175px;
}


#systemBar .simpleMenu li ul li {
    width: 175px;
    margin: 0;
}

#systemBar .simpleMenu li ul li a{
    padding: 10px!important;
    cursor: pointer;
}

#systemBar .simpleMenu li {
    margin-right: 25px;
}

.simpleMenu li ul {
    width: 115px;
}

#systemBar #myAccount ul {
    z-index: 1002 !important;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 1px 5px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 1px 5px rgba(50, 50, 50, 0.75);
}

#systemBar #myAccount li ul li a {
    padding-bottom: 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#systemBar #myAccount li ul li a:hover {
    background: #f1f1f1;
}

.skipNavigation {
    display: none;
}

a.skipNav {
    position: absolute;
    color: #2A568F;
    top: -100px;
    left: -100px;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

a.skipNav:active, a.skipNav:focus {
    top:0;
    left: 0;
    background-color: #fee599;
    height: auto;
    overflow: auto;
    padding: 4px;
    width: 99%;
    text-decoration: none;
    z-index: 1000;
    text-align: right;
}

#systemBar ul li a:hover {
    color: #EA2B1B;
}
#systemBar a {
    line-height: 18px;
    color: black;
}
#systemBar svg {
    height: 18px;
    width: 18px;
    vertical-align: top;
}
#topNav {
    background-color: #ffffff;
    border-bottom: 1px solid #2a568f;
}

#titleDisplay {
    background: #eeeeee;
    clear: both;
    color: #fff;
    padding-left: 15px;
    margin-bottom: 10px;
    font-family:"vegurregular", Arial;
}

#pathDisplay,
#pathDisplay a,
#userDisplay {
    color: #3399CC;
    text-decoration: none;
    padding: 6px 0 6px 0;
}

#pathDisplay {
    padding-left: 5px;
}

#pathDisplay a:hover{
    color: #EA2B1B;
}

span.arrow {
    color: #808080;
    padding: 0 10px;
}

#userDisplay {
    position: absolute;
    right: 0;
    text-align: right; color: #666;
    padding: 0 6px;
}

#userDisplay h2{
    font-size: 110%;
    padding: 3px;
    margin-top: 13px;
}

#myAccount #userDisplay {
    font-size: 110%;
    margin-right: 32px;
}

.user_panel {
    font-size: 14px;
    position: absolute;
    right: 15px;
    text-align: right;
    text-transform: none;
    top: 14px;
}

#userDisplay span {
   color: #000!important;
}

#titleDisplay div.account {
    color: white;
    float: right;
    padding: 1em 1em 0 0;
    text-align: right;
}

#accountDisplay {
    font-style: italic;
    font-weight: bold;
    color: #660000;
}

#titleDisplay h2 {
    font-size: 110%;
    padding: 0;
    margin: 0;
}

#footer {
    color: #555;
    height: 38px;
    font-family:"vegurregular", Arial;
}

#mainContent {
    font-family: Bitstream Vera Sans, Arial, Verdana, sans-serif, Helvetica;
    margin: 0px 20px 20px;
}

.tabPanel {
    padding: 20px 0 0 0;
    overflow: hidden;
    clear: both;
}

.tabPanel .tabBody,
.tabPanel .tabPanel {
    padding:0!important;
}

#footer a {
    text-decoration: none;

    color: #0385be;
}

#footer a:hover {}

#footer ul {
    padding: 0;
    margin: 0 0 0 2em;
    float: left;

    display: none;
}

#footer li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 1px;
    float: left;
}

#footer li:first-child a {
    border-left: 1px solid #d5e2e7;
}

#footer ul a {
    display: block;
    padding: 1em 1.2em;
    margin: 0;
    border-right: 1px solid #d5e2e7;
}

#footer ul a:hover {
    background-color: #fff;
}

#copyright {
    float: right;
    font-size: 90%;
    text-align: right;
    margin-right: 1em;
    color: #555;
    padding: 1.2em 1.4em;
}

#copyright a {
    color: #555;
}

#copyright #logo {
    background: url(../../web-pub/images/logo/tyler-logo-black.svg) no-repeat scroll center center transparent;
    background-size: 90px;
    width: 90px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
}

#copyright a:hover {}

h1 {
    font-size: 130%;
    padding: 5px;
    margin: 0px;
}

h1.white {
    font-size: 130%;
    padding-top: 2px;
    margin: 0px;
    color: #3399CC;
}

h1.title {
    font-size: 130%;
    padding-top: 2px;
    padding-right: 10px;
    margin: 0px;
    color: #fee599;
}

h3.redirecting {
    font-family: Bitstream Vera Sans, Arial, Verdana, sans-serif, Helvetica;
    font-weight: bold;
    font-size: 19px;
}

#titleDisplay div.title {
    clear: both;
    width: 100%;
    /*padding: 3px 0px 9px 3px;*/
}

#titleDisplay div.screenTitle {
    position: absolute;
    left: -9999px;
}

#titleDisplay div#userDisplay {
    max-width: 90%;
    overflow-x: hidden;
    white-space: nowrap;
    text-align: right;
    padding-right: 12px;
    padding-top: 5px;
}

th.sorted a, th.sortable a {
    background-position: right;
    text-decoration: none;
    color: #000;
    display: block;
    width: 100%;
    background-repeat:no-repeat;
}

th.icon, td.icon {
    width: 18px;
    text-align: center;
}

table.grid tr td a svg {
    color: black;
    fill: currentColor;
    vertical-align: top;
    width: 18px;
    height: 18px;
}

table.grid tr td svg.icon {
    color: black;
    fill: currentColor;
    vertical-align: top;
    width: 18px;
    height: 18px;
}

thead > tr > td.rowedit,
thead > tr > th.rowedit {
    width: 11px;
    text-align: center;
}

table.grid td a,
table.grid th a {
    text-decoration: none;
    color: #3399CC;
    cursor:pointer;
}

th a,
table.grid th a {
    color: #000!important;
}
table.grid td a:hover,
table.grid th a:hover {
    text-decoration: none;
    color: #EA2B1B;
}

table.grid th a:hover {
    color: #666;
}

th.sortable a {
    background-image: url(../images/icons/svg/sortable.svg);
    background-size: 16px;
}

th.order1 a {
    background-image: url(../images/icons/svg/sortasc.svg);
    background-size: 16px;
}

th.order2 a {
    background-image: url(../images/icons/svg/sortdesc.svg);
    background-size: 16px;
}


table.simple {
    width: 98%;
}

table.simple thead tr {
  background-color: #eee;
}

table.simple tr.even {
  background-color: #fff;
}

table.simple {
    border: 1px solid #ccc;
    border-collapse: collapse;
}

table.simple thead td {
    font-weight: bold;
}

table.simple td {
    background:#fff;
}

table.simple td,table.simple th {
    border: 1px solid #ccc;
    text-align: left;
    padding: 10px;
    font-weight: normal;
}

table.simple td.rightAligned,table.simple th.rightAligned {
    text-align: right !important;
}

table.simple td ol,
table.simple td ul
{
    margin: 0;
}


table.titleBar {
    background-color: #ECE9D8;
    border: 1px solid #d3d3d3;
    border-spacing: 1px;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%;
}

table.titleBar td {
    padding: 2px;
    margin: 0;
    border-spacing: 0;
}

.titleBarIcon {
    width: 20px;
    text-align: right;
}

.viewFilterStatus {
    color: #818181;
    float: left;
    padding: 5px;
    width: 200px;
}

.inboxLabel {
    color: #333;
    font-weight: bold;
    padding: 0px 25px 0px 25px;
    background-image: url('../images/icons/svg/inbox.svg');
    background-size: 18px;
    background-repeat: no-repeat;
    background-position-y: center;
}


.ui-grid-controls li {
    vertical-align: middle;
}

.inboxFilterSelect {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);;
    border-radius: 4px;
    font-family: Bitstream Vera Sans, Arial, Verdana, sans-serif, Helvetica;
    margin: 0;
}

@-moz-document url-prefix() {
    .inboxFilterSelect {
        padding: 5px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .inboxFilterSelect {
        padding: 6px 5px 5px 5px;
    }
}

.inboxFilterSelectLabel {
    color: #ECE9D8;
    width: 0;
    height: 0;
    display: none;
}

div.inboxFilter {
    position:absolute;
    visibility:hidden;
    width: 200px;
    background: #f5f5f5;
    border-width: 1px;
    border-style: solid;
    border-color: threedshadow;
}

div.inboxFilter .title {
    font-weight: bold;
    color: #2a568f;
    padding: 4px;
}

div.inboxFilter .buttons {
    text-align: right;
}

.filterButton {
    font-size: 95%;
    background-color: #fee599;
    border: 1px solid #999;
}

.filterLabel {
    color: #999;
    text-align: right;
    font-weight: bold;
    vertical-align: top;
    padding-right: .25em;
}

div.assignmentList {
    background: none repeat scroll 0 0 #F5F5F5;
    border-color: threedshadow;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    visibility: hidden;
    width: 250px;
    z-index: 50000;
}

a {
    color: #3399CC;
}

a:hover {
    color: #EA2B1B;
}

a.max {
    border: 1px solid #999;
    background-color: #d3d3d3;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
    color: #999;
    width: 10px;
}

a.button {
    background-color: #fee599;
    border: 1px solid #999;
    color: #000;
    font-weight: bold;
    margin: 2px;
    -moz-border-radius: 0.5em;
    padding: 2px 10px;
    text-decoration: none;
}

a.button:hover {
    background-color: #fed24c;
}

table.grid td a.edit, .edit {
    background:#3399cc;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    color:#fff!important;
    font-size:14px;
    font-weight:normal;
    padding:5px 10px;
    text-decoration:none;
    border: none;
    margin-bottom:1px;
    width: 38px;
    text-align: center;
}

table.grid td a.edit:hover, .edit:hover {
    background:#EA2B1B;
    cursor:pointer;
}

button:hover,
input.formButton:hover {

    cursor: pointer;
}

button,
input.formButtonDisabled {
    background-color: #D6CEB6;
    border: 1px solid #999;
    color: #555;
    font-weight: bold;
    margin-right: 0.5em;
    -moz-border-radius: 0.5em;
}

button:hover,
formButtonDisabled:hover {
    background-color: #ABA289;
}

.formBody td {
    padding: 2px;
}

.formBody tr[id$="file-container"] > td:last-child {
    min-width: 300px;
}

.formLabel {
    color: #000000;
    padding-right: 10px;
    padding-top: 3px;
    display: block;
}

.formSecondLabel {
    padding-left: 5px;
    padding-right: 10px;
    color: #000000;
}

.formInput {
    font-family: Bitstream Vera Sans, Arial, Verdana, sans-serif, Helvetica;
    font-size: 13px;
    background: #ffffff;
    color: #003366;

    border: 1px solid #C0C0C0;
    padding-left: 5px;
}

select.formInput {
    padding-left: 2px;
}

textarea.formInput {
    white-space: pre-wrap;
}

.formInputAbsoluteDiv {
    position: relative;
}

.mp-etk-dm-form-file {
    min-width: 410px;
}

.multiValueDiv {
    overflow: auto;
    height: 200px;
    padding-right: 5px;
}

.multiValueReadOnlyDiv {
    overflow: auto;
    height: 150px;
}

.multiValueReadOnlyUl {
    list-style-position: inside;
    padding-left: 0px;
    padding-right: 5px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
}

.codeInput {
    font-family:monospace;
}

textarea {
    font-size: 100%;
    font-family: Bitstream Vera Sans, Arial, Verdana, sans-serif, Helvetica;
}

label.bold {
    font-weight: bold;
    color: #333333;
}

label.required {
    font-weight: bold;

}
h3.validation {
    color: #FF0000 !important;
    font-size: 14px !important;
    text-transform: uppercase;
}

a.validation {
    text-decoration: none;
}

a.validation:visited,a.validation:link {
    color: #000000;
}

a.validation:hover {
    color: #EA2B1B;
}

.messages {
    margin: 0;
    padding: 0;
}

.messages ul {
    margin: 0;
    padding: 0;
}

.messages ul li {
    margin-left: 25px;
    color: #000000;
    list-style: disc outside none;
}

.validation {
    margin: 0;
    padding: 0;
}

.validation ul {
    margin: 0;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.validation ul li {
    margin-left: 25px;
    color: #000000;
    list-style: disc outside none;
}

ul.errors {
    color: #990000;
    padding: 0px;
    margin: 5px;
    padding-left : 20px;
/*    list-style: disc inside; */

    list-style: disc;
    max-width: 720px;
}

ul.errors li {

    margin-top: 6px;
    margin-bottom: 6px;
}

.rowHighlight {

    background-color: #f1f1f1;
}

.rowNormal {
    background-color: #ffffff;
}

div.mainPanel {
    width: 100%;
    padding-bottom: 10px;
}

div.message {
    width: 600px;
}

.errorMessage {
    width: 640px;
    margin: 0 auto;
    padding: 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0px 1px 15px rgba(50, 50, 50, 0.93);
    -moz-box-shadow:    0px 1px 15px rgba(50, 50, 50, 0.93);
    box-shadow:         0px 1px 15px rgba(50, 50, 50, 0.93);
}

.errorMessage #title {
}

.errorMessage #image {
}

.errorMessage a {
}

.errorMessage #links p {
}

.validationError {
    color: #CC0000;
}

fieldset {
    border: 1px solid #c6c6c6;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
}

fieldset label {
}

legend {

    color: #333;
    text-transform:uppercase;
}

fieldset div.content {
    padding: 5px;
}

.controls {
    background-color: #f1f1f1;
    border-bottom: 1px solid #d3d3d3;
    padding: 2px;
}

.controls ul {
    font-family: Bitstream Vera Sans, Arial, Verdana, sans-serif, Helvetica;
    font-weight: bold;
    color: #ffffff;
    margin: 0;
    padding-left: 0;
    padding-bottom: 2px;
    padding-top: 2px;
}

.controls ul li {
    font-weight: bold;
    display: inline;
    margin-left: -3px;
}

.controls ul li a {
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    color: #003366;
    text-decoration: none;
    border-right: 1px solid #d3d3d3;
}

.controls ul li a:hover {
    background-color: #FEE599;
}

span.pagebanner {
    background-color: #eee;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    width: 79%;
    margin-top: 10px;
    display:block;
    border-bottom: none;
}

span.pagelinks {
    background-color: #eee;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    width: 79%;
    display:block;
    border-top: none;
    margin-bottom: 2px;
}

span.linktextPlain {
    cursor:pointer;
    color:#004499;
}

span.linktextBold {
    cursor:pointer;
    color:#004499;
    font-weight:bold;
}

div.process-definition {
    padding: 0 1em;
    white-space: pre;
    border: 1px dotted #d3d3d3;
    padding: 5px;
    margin-top: -20px;

    color: #000;
    background:#fff;
}

.permissionHighlight {
    border-bottom: 1px solid #d3d3d3;
    font-weight: bold;
    color: #2A568F;
}

.subPermission {
    min-width: 250px;
}

.subPermission label {
    display: flex;
    line-height: 18px;
    align-items: flex-start;
}

.subPermission input[type="checkbox"] {
    margin-right: 10px;
}

table.data-entry > tbody > tr > td {
    padding: 0.15em;
}

table.data-entry > tbody > tr > td:first-child {
    vertical-align: top;
}

table.button td {
    padding: 0.25em;
}

.mainPanel .inboxLinks {
    border: 1px solid #d3d3d3;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FAFAFA;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-collapse: collapse;
    border-color: -moz-use-text-color #D6D6D6 #D6D6D6 #D6D6D6;
    border-image: none;
    border-spacing: 1px;
    border-style: none solid solid;
    border-width: 1px;
    font-size: 90%;
    /*height: 43px;*/
    margin: 0px;
    vertical-align: middle;
    padding: 12px;
}

.mainPanel .inboxLinks a {
    text-decoration: none;
    padding: 6px 15px;
    cursor: pointer;
    font-weight: normal;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 13px;
    color: #444!important;
}

.mainPanel .inboxLinks a:hover {
    color: #000!important;
    border: 1px solid #c6c6c6;
}

.mainPanel .inboxLinks a.newObject {
    padding-left: 35px !important;
    background: url('../images/icons/svg/add.svg') no-repeat 10px 50%;
    background-size: 16px;
}

.accessibilityPasswordField {
    width: 400px;
}

.accessibilityPasswordField input {
    background-color: transparent;
    border: none;
}

.passwordButton {
    font-weight: bold;
    padding: 2px 0;
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
    border: none;
    color: #000000;
}

.passwordButton,
.passwordButton:hover {
    background: transparent;
}

button.passwordButton:-moz-focusring {
    outline: 1px dotted ButtonText;
}

.passwordButton::-moz-focus-inner {
    border: 0;
}

.passwordButtonDisabled {
    background: url('../images/icons/16x16/window_edit_disabled.png') no-repeat 0 center;
    width: 18px;
    height: 18px;
    color: #fff;
    font-weight: bold;
    padding: 2px 8px 2px 8px;
    text-decoration: none;
}

.passwordTimestamp {
    font-size: 95%;
    color: #999;
    font-style: italic;
}

.userField {
    background: url('../images/icons/16x16/user1.gif') no-repeat left;
    padding-left: 18px;
    height: 17px;
}

.printButton,
.pdfButton {
    cursor: pointer;
    float: right;
    margin-right: 5px;
    margin-bottom: 5px;

    padding: 8px;
    text-decoration: none;

    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    clear: both;
    width: 12em;
}

.printButton svg,
.pdfButton svg {
    vertical-align: middle;
    height: 18px;
    width: 18px;
}

.eyeButton {
    background-color: Transparent;
    padding: 0px 0px;
    border: none;
    margin-left: 0.5rem;
}

.eyeButton:hover {
    background-color: Transparent;
}

.printButton:hover {
    background-color: #f1f1f1;
    cursor: pointer;
}

.pdfButton:hover {
    background-color: #f1f1f1;
    cursor: pointer;
}

.closeIcon {
    cursor: hand;
    cursor: pointer;
}

.messageContainer {
    border: 0px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
    width: 600px;
    margin: 0px;
}

.messageTitle {
    font-weight: bold;
    color: #ea2b1b;
}

.messageTitle img {
  margin-right: 5px;
}

#systemEventMsgTitle,
.trackingItem .messageTitle {
    margin: 0;
    font-size: 14px;
}

.messages ul li {
    padding-bottom: 5px;
}

.messageContainer .messages ul li {
    padding-bottom: 5px;
    font-weight: bold;
    color: #ea2b1b;
}

.identifierLabel {
    font-weight: bold;
    padding-left: 10px;
}

.identifierValue {

}

.visible {
}

.fileElementLinks {
    padding-left: 10px;
    font-size: 95%;
    color: #999;
}

.fileElementLinks a {
    cursor: hand;
    cursor: pointer;
}

.fileElementDownload {
    background: url('../images/icons/16x16/document_attachment.gif') no-repeat 0 center;
    height: 17px;
    font-size: 95%;
    padding-left: 20px;
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
}

.fileElementDeleted {
    background: url('../images/icons/16x16/document_delete.gif') no-repeat 0 center;
    height: 17px;
    font-size: 95%;
    padding-left: 20px;
    text-decoration: line-through;
    cursor: hand;
    cursor: pointer;
}

.fileElementReplace {
    background: url('../images/icons/16x16/document_refresh.gif') no-repeat 0 center;
    height: 17px;
    font-size: 95%;
    padding-left: 20px;
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
}

option.imagebacked, option.selectall, select.imagebacked option {
    padding: 2px 0 2px 20px;
    background-repeat: no-repeat;
    background-position: 1px 2px;
    vertical-align: middle;
}

ul.imagebacked {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.imagebacked li {
    padding: 3px 0 3px 20px;
    background-repeat: no-repeat;
    background-position: 0em 2px;
}

#changeRoleList li a:hover {

    background: #d3d3d3;
}

#loading {
    background-color: #f1f1f1;
    border: 1px solid #999;
    color: #000;
    padding: 10px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

* html #loading { /*\*/position: absolute; top: expression((20 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((20 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }

body > #loading {
    position: fixed;
    top: 50%;
    right: 50%;
}

#screenText {
    padding-bottom: 10px;
}

fieldset.inline {
    border: 0;
    padding-bottom: 10px;
}

fieldset.inline legend {
    font-weight: normal;
}

fieldset.inline label {
    padding-left: 10px;
}

.noRecordsMessage {
    background: url("../images/icons/row_arrow_off.gif") no-repeat scroll 5px center transparent;
    color: #6a6a6a;
    padding: 8px 20px;
    border-top: 1px solid #DADADA;
}

.bold {
    font-weight: bold;
}

.boldBlue {

    color: #b30900;
}

.hiddenLabel {
    display: none;
}

.etk-dashboard-reportFailure {
    padding: 5px;
    margin-top: 10px;
    border-bottom: 1px solid #999;
    background: #fff;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-image: url(../images/icons/16x16/document_error.png);
    border: 1px dotted #d3d3d3;
}

.etk-dashboard-reportFailure div {
    padding-left: 20px;
    font-weight: bold;
}

.etk-path-identifier {
    font-weight: bold;
}

/*
 * Grid
 */
table.mp-etk-grid, table.grid {
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    width: 100%;
    border-spacing: 0;

    *border-collapse: collapse;
}

table.mp-etk-grid a, table.grid a {
    text-decoration: none;
}

table.mp-etk-grid thead th, table.grid thead th {
    padding: 5px;
}

table.mp-etk-grid tbody tr td, table.grid tbody tr td {
    padding: 5px;
}

table.grid tbody tr th {
    font-weight: normal;
    text-align: left;
}

table.mp-etk-grid thead th,
table.grid thead th,
table.grid thead td,
td.mp-web-accessibility-header {
    background: #d2d2d2;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    color: #000;
    text-align: left;
    font-size: 13px;
}

table.grid thead th.rightAligned,
table.grid tbody td.rightAligned {
    text-align: right !important;
}

table.grid thead th.rightAligned a {
    padding-right: 16px;
    width: auto;
}

table.mp-etk-grid thead th:first-child, table.grid thead th:first-child {
    border-left: none;
}

table.mp-etk-grid tbody tr, table.grid tbody tr {

}

table.mp-etk-grid tbody tr.even, table.grid tbody tr.even {
    background: #f5fafc;
}

table.mp-etk-grid tbody tr td,
table.grid tbody tr td,
table.grid tbody tr th {
    color: #333;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 5px;
    vertical-align: top;
}
table#report.mp-etk-grid tbody tr td,
table#report.grid tbody tr td {
    vertical-align: middle;
}
table .even td {
    background:#fafafa!important;
}

table.mp-etk-grid tbody tr td ul,
table.grid tbody tr td ul {
    margin: 0 0 0 10px;
    padding: 0;
}

.mp-etk-dashboard-inbox {
    width: 100%;
}

#navlist a,
input.button,
.formButton, a.button {
    background:#3399cc;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    color:#fff;
    font-size:14px;
    font-weight:normal;
    font-family: Bitstream Vera Sans, Arial, Verdana, sans-serif, Helvetica;
    padding:5px 10px;
    text-decoration:none;
    border: none;
    margin-bottom:1px;
}

#navlist a:hover,
input.button:hover,
.formButton:hover, a.button:hover {
    background:#EA2B1B;
    cursor:pointer;
}

.formButton:active, a.button:active {
    position:relative;
    top:1px;
}

textarea {
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
}

input[type="text"],
input[type="password"] {
    height: 16px;
}

input.formInput,
input[type="text"]
{
    border: 1px solid #C0C0C0;
    border-radius: 4px 4px 4px 4px;
    font-family: Bitstream Vera Sans, Arial, Verdana, sans-serif, Helvetica;
    padding: 2px;
    font-size:13px;
}

input[type="text"],
select,
select option,
textarea {
    color: #000 !important;
}

select {
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 6px;
}

input[type="text"],
input[type="password"],
textarea {
    padding: 7px 5px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* Supplimental text for assistive tech */
.assistive {

    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

label.assistive {
    overflow: visible; /* NVDA won't read offscreen LABELs w/ overflow:hidden */
}


.viewFilterContainer {
    border-bottom: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    display: block;
}

.etk_vfc_link_span {
    float: right;
}

.etk_vf {
    height: 100%;
    padding: 0px;
    margin: 0px;
    border-style:none;
    border-spacing:0px;
    border-collapse: collapse;
}

.etk_ff {
    padding: 2px;
    max-height: 200px;
}

.etk_ffn {
    vertical-align: text-top;
    padding-left: 25px;
    min-width: 150px;
}

.etk_ffo {
    vertical-align: text-top;
    padding: 3px 10px 3px 10px;
}

.etk_vf_act_fs {
    border: 0px;
}

.etk_vf_act_fs legend {
    display: none;
}

.etk_vf_act_row {
    padding-top: 5px;
}

.etk_ffo select {

}

.etk_ffv {
    vertical-align: top;
    padding: 2px;
}

.etk_ffv svg {
    vertical-align: middle;
}

.etk_vfv_span {
    min-height: 20px;
}

.etk_vf_multiselect {
    overflow : auto;
    max-height: 150px;
    background: #FFF;
    margin-top: 2px;
    margin-botton: 2px;
    border: 1px;
}

.etk_vf_multiselect input {
    width: 20px;
}

.etk_vf_controls_con {
    width: 100%;
    padding-left: 10px;
}

.etk_vf_act_ctrl_con {
    width: 200px;
}

.etk_vf_apply_con {
    width: 200px;
}

.etk_vf_clear_con {

}

.etk_ffc {
    padding-left: 10px;
}

.etk_vf_block {
    display: block;
}

#etk_vf_error_list {
    padding-top: 6px;
    padding-bottom: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #990000;
    list-style: disc outside none;
}

#etk_vf_error_list li {
    padding-bottom: 3px;
}

#etk_vf_errors a {
    color: #990000;
    text-decoration: none;
    padding-left: 3px;
    display: block;
}

.vf_con_img {
    padding: 0;
    margin: 0;
    height: 16px;
    width: 16px;
    valign: middle;
    border: 0;
}

#etk_vf_control_con {
    text-align: left;
    padding-top: 10px;
    vertical-align: bottom;
}

.etk_vf_button_con {
    height: 100%;
    padding-left: 10px;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
}

viewFilterForm {
    margin: 0px;
    padding: 0px;
}

legend.accessibility {
    position: absolute;
    left: -6000px;
}
fieldset.accessibility{
    border: 0px;
    margin: 0px;
    padding: 0px;
}

label.accessibility {
    position: absolute;
    left: -6000px;
}

.data-entry label {
    line-height: 25px;
}

.adminblock {
    width: 30%;
    padding-right: 3%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.adminblock:last-child {
    padding: 0;
}

.adminblock .description ul {
    margin: 20px 0;
    padding: 0 15px;
}

.adminblock .iconblock {
    float: left;
    width: 32px;
}

.adminblock h3 {
    margin: 0;
}

.adminblock h3 .iconblock {
    float: none;
}
.adminblock .description {
    clear: both;
    padding-top: 10px;
}

#configOptions .title {
    font-size: 14px!important;
    font-weight: bold;
    text-decoration: none;
    line-height: 32px;
    display: flex;
    align-items: center;
}

#configOptions .description {
    padding-left: 5px;
    padding-bottom: 10px;
    color: #666;
}

#configOptions a {
    text-decoration: none;
}

#configOptions .description a{
    font-size: 100%;
    font-weight: normal;
}

#adminOptions .title {
    font-size: 14px!important;
    font-weight: bold;
    padding: 7px 10px;
    text-decoration: none;
    margin-left: 30px;
    text-transform: uppercase;
}

#adminOptions h3 .title {
    padding: 7px 0px;
    margin-left: 0px;
}

#adminOptions .description {
    padding-left: 5px;
    padding-bottom: 10px;
    color: #666;
}

#adminOptions  a {
    text-decoration: none;
}

#adminOptions .description a{
    font-size: 100%;
    font-weight: normal;
}

.row-selector {
    background: #D3D3D3;
}


tr.ruled {
    background: #f1f1f1!important;
}

.clearer {
    clear:both;
}

#navlist,
#mp-etk-search-controls {
    right: 0px;
}

#mp-etk-search-controls {
    width: 770px;
    font-family:"vegurregular", Arial;
}

#navlist ul,
#mp-etk-search-controls ul {
    list-style: none outside none;
    margin: 25px 0 0 25px;
    padding: 0;
}

#navlist li,
#mp-etk-search-controls li {
    display: inline;
    list-style: none outside none;
}

.sortDirection td {
    background: transparent!important;
}

#navcontainer #navlist {
    margin: 0px;
    padding: 20px 20px 0px 20px;
}

#contentPane {
    padding: 5px 10px;
}

table.formBody {
    width:100%permission_specific_label
}

#mp-etk-search-assignmentTable td {
    padding:0!important;
}
.mp-etk-search-assignment-elementColumn,
.mp-etk-search-assignment-operatorColumn,
.mp-etk-search-assignment-valueColumn {
    border:none!important;
}

/* Configuration -> Utilities page */
#utilities {
    padding: 5px;
    width: 600px;
}

#utilities table tr td.title {
    font-weight: bold;
    padding: 0px 5px;
    text-decoration: none;
    margin-left: 30px;
}

#utilities table tr td.description {
    padding-left: 5px;
    padding-bottom: 10px;
    color: #666;
}

#utilities table a {
    font-size: 14px;
    text-decoration: none;
    color: #3399CC;
}

#utilities table a:hover {
    color: #EA2B1B;
}

div.titleBarHome {
    background-color: #ECE9D8;
    border: 1px solid #d3d3d3;
    border-spacing: 1px;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    height: 40px;

    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FAFAFA;
    border-color: #D6D6D6 #D6D6D6 -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-width: 1px 1px medium;
    vertical-align: middle;
}

div.titleBarHome div {
    margin: 0;
    border-spacing: 0;
}

.inboxLabelContainer {
    padding: 10px;
    float: left;
}

.inboxActionsContainer {
    /*float: right;*/
    padding: 5px;
}

.filterContainer {
    margin-right: 4px !important;
    float: left;
}

.filterSelectContainer {
    float: left;
    padding-right: 10px;
}

.titleBarIcon {
    width: 34px;
    text-align: right;
    float: left;
}

.applyFilterIcon {
    text-decoration: none;
    padding: 7px 6px 6px 6px;
    cursor: pointer;
    font-weight: normal;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 13px;
    color: #444 !important;
}

.applyFilterIcon:hover {
    color: #000!important;
    border: 1px solid #c6c6c6;
}

.inboxCloseIcon {
    padding: 0px 9px 5px 5px;
    float: right !important;
}

.filterBar {
    margin-right: 4px !important;
}

.inboxGrid {
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
}

.inboxGrid > thead > tr > th, .inboxGrid > thead > tr > td {
    background: none repeat scroll 0 0 #D2D2D2 !important;
    border-bottom: 1px solid #E0E0E0 !important;
    border-left: 1px solid #E0E0E0 !important;
    color: #000000 !important;
    font-size: 13px !important;
    text-align: left !important;
    padding: 5px !important;
}

.inboxGrid > thead > tr > th.rightAligned,
.inboxGrid > tbody > tr > td.rightAligned {
    text-align: right !important;
}

.inboxGrid > thead > tr > th:first-child {
    border-width: 1px 1px 1px 0px !important;
}

.inboxGrid > thead > tr > th:last-child {
    border-width: 1px 0px 1px 1px !important;
}

.inboxGrid > tbody > tr > th {
    font-weight: normal;
    text-align: left;
}

.inboxGrid > tbody > tr > th,
.inboxGrid > tbody > tr > td {
    border-bottom: 1px solid #E0E0E0 !important;
    border-left: 1px solid #E0E0E0 !important;
    color: #333333 !important;
    padding: 5px !important;
    vertical-align: top !important;
}

.inboxGrid > tbody > tr > td:first-child {
    border-left: 0px none !important;
}

.inboxNoRecordsMessage {
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
}

.instruct {
    border-bottom: 1px solid #D3D3D3;
    color: #333333 !important;
    font-weight: bold;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
    padding: 0 0 10px;
    text-transform: uppercase;
}

.buttons > .formButton {
    margin-right: 5px;
}

#supportedLanguages.minimized {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
}

#supportedLanguages {
    width: 450px;
    display: inline;
    margin: 0px
    padding: 4px;
}

#supportedLanguagesControl {
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}

#supportedLanguages > label, #supportedLanguages > br {
    display: none;
}

#supportedLanguagesRequired {
    width: 50px;
    border: none;
    vertical-align: bottom;
    padding: 0px;
    margin: 0px
}

#supportedLanguagesRequired.hidden {
    display: none;
}

#supportedLanguagesRequired.shown {
    display: inline;
    vertical-align: top;
    margin-top: 0.3rem;
}

.editScriptButton {
    position: absolute;
    background-color: Transparent;
    margin-right: 0px;
    padding: 0px 0px;
    border: none;
}

.editScriptButton img:hover {
    background-color: Transparent;
    cursor: pointer;
}

.editScriptButton:hover {
    background-color: Transparent;
}

td.timezone {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}


.spacer {
    width: 100px;
}

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

#previewBlock {
    margin-left: 100px;
}

.time-zone-preview-spacing {
    padding-left: 10px;
}

.small-margin {
    margin: 0.5em 0 !important;
}

.rightAligned {
    text-align: right !important;
}

.nowrap {
    white-space: nowrap;
}

.lookupDefinitionCacheWarning {
    width: 350px;
}

tr.lookupDefinitionFilterHidden td:first-child {
    visibility: hidden;
}

tr.lookupDefinitionFilterHidden td:last-child {
    display: none;
}

.emptyHeader{
    background: none repeat scroll 0 0 #D2D2D2 !important;
}

button.empty-background {
    background:transparent;
    border:none;
    color:transparent;
    margin-right: 0px;
    padding:0px 0px;
}

svg {
    fill: currentColor;
    height: 16px;
    width: 16px;
}

#sharedReports span.disabled {
    color: #666;
}

.reporting-gridButton {
    width: 40px;
}

#etk_vfs_but svg {
    height: 18px;
    width: 18px;
}

span.required {
    color: #e00000;
}

.required svg {
    width: 10px;
    height: 10px;
    vertical-align: middle;
    fill: currentColor;
}

textarea + span.required svg {
    vertical-align: top;
}

.required img {
    width: 10px;
    height: 10px;
    vertical-align: middle;
}

.datePicker svg {
    vertical-align: middle;
}

#anchor_date {
    color: black;
    text-decoration: none;
}

#anchor_date svg {
    vertical-align: middle;
    height: 18px;
    width: 18px;
}

form.jobForm a.datePicker,
form.eventLogForm a.datePicker,
form.auditLogForm a.datePicker,
form.timePeriodForm a.datePicker,
form.auditLogForm a.datePicker {
    color: black;
    text-decoration: none;
}

td.pre-whitespaced {
    white-space: pre;
}

table.timestampInputComponent td.timestampInputBlock {
    padding-left: 0;
}

table.dateInputComponent td.dateInputBlock {
    padding-left: 0;
}

.hiddenDynamicElement {
    display: none;
}

.formLabel.dynamicLabel {
    display: none;
}

div.ssnInfoMessage {
    width: 250px;
    margin-top: 10px;
    color: #666;
}

div.dynamicInfoMessage {
    margin-left: 21px;
    display: block;
    color: #666;
}

table.innerDataTable tr td {
    vertical-align: top;
}

.subPermission-indent1 {
    text-indent: 10px;
    white-space: nowrap;
}

.subPermission-indent2 {
    text-indent: 20px;
    white-space: nowrap;
}

.hidden {
    display: none;
}

.message-bar .icon-container {
    display: none;
}

.message-bar ul {
    color: #000;
    margin: 5px 5px 15px 5px;
    padding: 0 0 0 20px;
    list-style: disc;
}

.message-bar h3 {
    padding: 0;
    margin: 0;
    color: #FF0000;
    font-size: 14px;
    text-transform: uppercase;
}

.message-bar li {
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 0.875rem;
}

button.ui-dialog-titlebar-close span.ui-button-text {
    height: 0;
}

.preferenceLabel {
    padding-bottom: 5px;
}

fieldset.preferenceRadio {
    margin-bottom: 10px;
}

/**************
 * Dialog CSS *
 **************/

/* Modal */
.etk-dialog {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 200001;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    display: none;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.etk-dialog.fade-in {
    -webkit-animation: fade-in 0.5s;
    animation: fade-in 0.5s;
}

.etk-dialog.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* Card */
.etk-dialog .etk-dialog--body {
    position: relative;
    top: 30px;
    border-radius: 4px;
    display: none;
    background-color: #ffffff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
    box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
}

.etk-dialog .etk-dialog--body.slide-down {
    -webkit-animation: slide-down 0.5s;
    animation: slide-down 0.5s;
}

.etk-dialog .etk-dialog--body.active {
    display: block;
}

@media only screen and (min-width: 600px)
.etk-dialog .etk-dialog--body {
    max-width: 400px;
}

.etk-dialog *, .etk-dialog *::before, .etk-dialog *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Modal Elements */
.etk-dialog .etk-dialog--body .etk-dialog--masthead {
    display: block;
    padding: 24px 24px 0px 24px;
}

.etk-dialog .etk-dialog--body .etk-dialog--masthead .heading {
    color: #272727;
    font-size: 1.25rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.etk-dialog .etk-dialog--body .etk-dialog--content {
    padding: 8px 24px;
}

.etk-dialog .etk-dialog--body .etk-dialog--footer {
    padding: 0px 24px 8px 16px;
}

.etk-dialog .etk-button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

input[type="checkbox"]:not([disabled]):focus {
    outline-offset: 1px;
    outline: 2px solid black;
}
.etk-form-file > div.upload-footer {
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background: #f2f2f2;
    font-size: 14px;
}

.etk-form-file > div.upload-footer > div.footer-status {
    margin-left: 5px;
    display: flex;
    color: #0066cc;
    padding: 5px;
}

.etk-form-file > div.upload-footer > div.footer-status > p {
    color: #272727;
    margin: 0 0 0 5px;
    font-weight: 400;
}

.etk-form-file > div.upload-footer > div.footer-status > span::after {
    content: ':'
}

.etk-form-file > div.file-footer {
    padding: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background: #f2f2f2;
    font-size: 14px;
}

.etk-form-file > div.file-footer > div.footer-status {
    margin-left: 5px;
    display: flex;
    color: #0066cc;
}

.etk-form-file > div.file-footer > div.footer-status > p {
    color: #272727;
    margin: 0 0 0 5px;
    font-weight: 400;
}

.etk-form-file > div.file-footer > div.footer-status > span::after {
    content: ':'
}

.progress-bar {
  float: left;
  clear: both;
  width: 67%;
  height: 5px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  padding: 0px;
  background-color: #0066CC;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
          transition: width .6s ease;
}

.complete {
  background-color: #078807;
  width: 100%;
}

.error {
  background-color: #e00000;
  width: 78%;
}

.progressDialog {
    font-weight: 400;
    padding: 20px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block !important;
}

.upload-status {
  font-weight: 200;
  font-size: 12px;
  padding: 2px;
  background: #f2f2f2;
}

.upload-error {
  color: #e00000;
}

.progressContainer {
  width: 100%;
  margin: 10px 0;
}

.remodal-progress-controls {
    float: right;
}

.progress {
  width: 600px !important;
}

.status-container {
    margin-top: 20px;
}

.progressDialogButton {
    margin-right: 30px;
    margin-bottom: 15px;
}

.remodal-progress-content {
  padding: 10px 30px 10px 30px !important;
}

.remodal-progress-content-message {
    margin: 10px 0;
}

.etk-progress-container {
    height: 5px;
    width: 175px;
    background: #f2f2f2;
}

.upload-status-text {
    font-size: .7em;
    color: #888;
    margin: 0px;
    padding: 0px;
}

.etk-form-file.border {
    border: 1px solid #b3b3b3;
}

.accountNameReadOnly {
    font-style: italic;
    font-weight: bold;
    font-color: #660000;
}

.disablePermissionIcon {
    pointer-events:none;
}

.info {
    border: 1px solid #272727;
}

.infoTitle {
    font-size: 1rem;
    font-weight: 500;
    color: #272727;
    margin: 0 0 5px 0;
    padding-left: 0px;
}

div.ui-widget-overlay {
    z-index: 22222 !important;
}

div.ui-dialog {
    z-index: 22223 !important;
}