body {
    background: #FFF;
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 14px;
}

label {
    font-size: 14px;
}

.outer_ring {
    border: thin solid #999999;
    padding: 10px;
}

.eai_accordion_table td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0px;
}

.checkbox_option {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0px;
}

.eai_user_table {
}

.eai_user_table td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.upload-file {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0;
    color: #00A994;
    text-decoration: none;
}

.upload-file input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #00A994;
    text-decoration: none;
}

.upload-file input[type="button"] {
    text-transform: uppercase;
    height: 17px;
    font-size: 9px;
    color: #00A994;
    text-decoration: none;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    bottom: 0;
    width: 90px;
}

.upload-file input[type="file"] {
    color: #00A994;
}

/*Begin Zac's Clear Tasks Page CSS*/
body.clearTasks {
    padding: 0;
}

.green {
    color: #00A994;
}

input.clearTasks {
    width: 250px;
    height: 25px;
    margin-bottom: 0.25em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding: 0;
}

ul.clearTasks {
    width: 80%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-align: center;
}

li.clearTasks {
    margin-bottom: 1em;
    padding: 0;
    text-align: center;
}

/*End Zac's Clear Tasks Page CSS*/

.module-list {
}

.mini-accordion {
    width: 500px;
    margin: 0px;
}

.mini-accordion .ui-accordion-content {
    padding: 0 !important;
    font-size: 14px !important;
}

.mini-accordion .ui-accordion-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.mini-accordion .ui-accordion-header-icon {
    visibility: hidden;
}

.module-element {
    padding-top: 2px;
    padding-bottom: 2px;
}

.eai-wicket-core-task-bar-img {
    display: none;
}

.eai-wicket-core-task-bar-right-img {
    display: none;
}

.eai-wicket-core-subtitle-img {
    display: none;
}

.eai-wicket-core-task-bar-caption {
    color: #888 !important;
}

.eai-wicket-core-task-caption {
    color: #888 !important;
}

.eai-wicket-core-task-caption {
    color: #888 !important;
}

.eai-wicket-core-subtitle-caption {
    color: #888 !important;
}

.buttons-table {
    /*width: 100%*/
}

.buttons-left-column {
    border-left: 1px solid #999b9b;
    border-right: 0;
}

.buttons-center-left-column {
    border-left: 1px solid #999b9b;
    border-right: 1px solid #999b9b;
}

.buttons-center-right-column {
    border-left: 0;
    border-right: 1px solid #999b9b;
}

.buttons-right-column {
    border-left: 0;
    border-right: 1px solid #999b9b;
}

.buttons-table tr th {
    font-size: 14px;
    font-style: normal;
    width: 200px;
    background-color: #00A994;
    color: white;
    height: 30px;
}

.buttons-double-th {
    width: 400px !important;
}

.buttons-large-th {
    width: 300px !important;
}

.buttons-table tr td {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
    padding-bottom: 10px;
}

.buttons-label {
    font-weight: bold;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}

.buttons-label-large {
    font-weight: bold;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}

.buttons-td {
    border-bottom: 1px solid #999b9b;
}

.above-tasks-button-container {
    text-align: left;
    padding-top: 10px;
    display: block;
    padding-bottom: 4px;
}

.xer-options-table {
    width: 600px;
}

.xer-options-table tr th {
    font-size: 14px;
    font-style: normal;
    background-color: #00A994;
    color: white;
    height: 30px;
}

.xer-options-table-left-column {
    border-left: 1px solid #999b9b;
    border-right: 0;
}

.xer-options-table-span-column {
    border-left: 1px solid #999b9b;
    border-right: 1px solid #999b9b;
}

.xer-options-table-right-column {
    border-left: 0;
    border-right: 1px solid #999b9b;
}

.xer-text-box-label {
.xer-text-box-label {
    float: right;
}

.xer-options-table tr td input[type="text"] {
    width: 100px;
}

.xer-options-table-first-row {
    padding-top: 10px;
}

.xer-options-table-last-row {
    border-bottom: 1px solid #999b9b;
}

.xer-button-container {
    text-align: left;
    padding-top: 10px;
    display: block;
    padding-bottom: 4px;
}

.diagram-buttons-table tr th {
    font-size: 14px;
    font-style: normal;
    width: 800px;
    background-color: #00A994;
    color: white;
    height: 30px;
    border-left: 1px solid #999b9b;
    border-right: 1px solid #999b9b;
}

.diagram-buttons-table tr td {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
    padding-bottom: 10px;
    border-left: 1px solid #999b9b;
    border-right: 1px solid #999b9b;
}

.diagram-buttons-table tr td div {
    padding-top: 3px;
}

.diagram-buttons-label {
    width: 90px;
    display: inline-block;
    font-size: 14px;
}

.diagram-buttons-label-wide {
    width: 150px;
    display: inline-block;
    font-size: 14px;
}

.diagram-buttons-label-extra-wide {
    width: 200px;
    display: inline-block;
    font-size: 14px;
}

.diagram-buttons-label-no-width {
    display: inline-block;
    font-size: 14px;
}

.diagram-buttons-number-value {
    width: 60px;
}

.diagram-buttons-number-value-wide {
    width: 100px;
}

.diagram-buttons-row {
    margin-top: 5px;
}

.row-label {
    display: block;
    font-size: 14px;
    padding-bottom: 2px;
}

.row-label-bold {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 2px;
}

.row-label-bold-less-padding {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: -12px;
    margin-top: 6px;
}

.page-area-description {
    font-size: 12px;
    font-style: italic;
}

.simple-label {
    display: inline-block;
    font-size: 14px;
}

.block-label {
    display: inline-block;
    font-size: 14px;
    width: 170px;
}

.component-label {
    display: block;
    font-size: 14px;
    width: 100%;
    background-color: lightgrey;
    height: 22px;
    padding-top: 5px;
    vertical-align: middle;
    padding-left: 4px;
}

.block-buttons-row {
    margin-top: 10px;
    margin-bottom: 5px;
}

/*
Kendo UI customizations
*/

.k-datepicker {
    width: 9.4em
}

.k-icon.k-i-clock {
    background-image: url('./background/clock-ver-7B78EAF7E50EDDA7FA89A46DACE5855E.png');
    background-position: 1px 6px;
}

.k-icon.k-i-calendar {
    background-image: url('./background/calendar-ver-F6F87D5DA6B2B2CDAF34E26240927525.png');
    background-position: 1px 6px;
}

.k-i-clock {
    background-position: 1px 6px;
}

.k-input {
    border-radius: 0;
}

.k-i-calendar {
    background-position: 1px 6px;
}

.k-icon, .k-sprite {
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    overflow: hidden;
    text-align: center;
    width: 16px;
}

.k-input {
    height: 28px;
}

/*
End of Kendo UI customizations
*/
