* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-family: Arial, Verdana;
    font-size: 12px;
    color: #000000;
    /*background-color: #0169AA;*/
}

/* === BASIC LAYOUT - START === */
#wrapper {
    width: 100%;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

#container {
    width: 100%;
    margin: 0 auto;
    top: 5px;
    background-color: #FFFFFF;
}

#head_wide, #menu_wide, #footer_wide {
    width: 100%;
    top: 0;
    height: 100px;
}

#head_wide {
    height: 60px !important;
    background-color: #FFFFFF;
}

#headlogo {
    margin: 0 auto;
    position: relative;
    background-image: url("../images/tekst_header.png");
    width: 236px;
    /*width: 168px;*/
    height: 60px;
    top: 0;
}

#menu_wide {
    height: 25px !important;
    border-bottom: 1px solid #87888A !important;
    background-color: #FFFFFF;
}

#footer_wide {
    margin: -55px auto 0 !important;
    height: 55px !important;
    position: relative;
    color: #FFFFFF;
    /*background-color: #0169AA;*/
}

#push {
    clear: both;
    height: 65px;
}

.clear {
    clear: both;
}

.spacer_below_menu {
    clear: both;
    height: 20px;
}

.browser_error_message {
    clear: both;
    padding-top: 3px;
    height: 17px;
    text-align: center;
    color: #DD0000;
    font-weight: bold;
}

.inner, .inner_footer {
    min-width: 960px;
    max-width: 98%;
    margin: 0 auto;
    min-height: 100%;
    top: 0;
    position: relative;
}

.inner_footer {
    margin: 0 auto 0 auto !important;
    height: 45px !important;
}

.iconCol {
    margin: 1px 0 -2px 0;
}

.footer_text {
    color: #DDDDDD;
    font-size: 11px;
    text-align: center;
    margin: 5px 0 0 0;
}
/* === BASIC LAYOUT - END === */

/* === MENU - START === */
.tabLink, .linkBtn {
    height: 15px;
    padding: 5px;
    display: block;
    float: left;
    margin-right: 5px;
    /*background-color: #0169AA;*/
    font-weight: bold;
    color: #FFFFFF;
}

.tabLink_active {
    background-color: #87888A;
}

.tabLink_admin {
    background-color: #F39200;
}

.linkBtn_delete {
    background-color: #E2001A !important;
}

.linkBtn_edit {
    background-color: #F39200 !important;
}

a:link.tabLink, a:active.tabLink, a:visited.tabLink, a:link.linkBtn, a:active.linkBtn, a:visited.linkBtn {
    text-decoration: none;
}

a:hover.tabLink, a:hover.linkBtn {
    text-decoration: underline;
    border: 1px solid #FFFFFF;
    padding: 4px;
}

#tabLink_account {
    float: right;
}

#currentUser {
    float: right;
    height: 15px;
    padding: 5px;
    margin-right: 5px;
    font-weight: bold;
    color: #000000;
}

#logOffBtn {
    float: right;
    clear: right;
    margin-right: 0 !important;
}

.tab {
    margin: 0 auto;
    width: 100%;
    position: relative;
    display: block;
}

#mainSelect {
    float: right;
}

#mainSelect fieldset {
    float: right;
    margin-top: 9px;
}

#mainSelect fieldset label {
    font-weight: bold;
    margin-right: 5px;
}

#mainSelect fieldset select {
    margin-right: 5px;
}

#mainSelect a.linkBtn {
    float: right;
    margin: 6px 0 5px 5px;
}
/* === MENU - END === */

/* === TABLES - START === */
table {
    border-spacing: 0;
    border-collapse: collapse;
}

fieldset {
    border: none;
}

.tablehead {
    color: #FFFFFF;
    background-color: #0000FF;
    text-align: left;
    font-weight: bold;
}

.rowColor_a, tr.odd {
    background-color: #FEFEFE;
}

.rowColor_b, tr.even {
    background-color: #DDDDDD;
}

.specialRow {
    font-weight: bold;
    background-color: #AFAFAF;
    color: #FFFFFF;
}

.hidden {
    display: none;
}

.listView {
    width: 100%;
    border: none;
    margin: 5px 0 5px 0;
    float: left;
    clear: both;
    border-bottom: 1px solid #87888A;
}

.listView thead {
    background-color: #87888A;
    color: #FFFFFF;
    font-weight: bold;
}

.listView tr {
    height: 20px;
}

.listView td, .listView th {
    padding: 2px 0 2px 4px;
    border-width: 0 1px 0 0 !important;
    border-style: solid;
    border-color: #FFFFFF;
}

.listView th {
    text-align: left;
}

table.dataTable thead th {
    vertical-align: top;
}

table.dataTable thead .sorting_asc, th.sortUp {
    background: url("../images/sort_up.png") no-repeat center right;
}

table.dataTable thead .sorting_desc, th.sortDown {
    background: url("../images/sort_down.png") no-repeat center right;
}

table.dataTable thead .sorting, th.sortNone {
    background: url("../images/sort_both.png") no-repeat center right;
}

.listView thead .sortIcon {
    float: right;
    clear: both;
    height: 15px;
    margin-right: 4px;
}

.listView thead .sortIcon img {
    margin-top: 1px;
}

.listView thead td a:link, .listView thead td a:active, .listView thead td a:visited {
    color: #FFFFFF;
    text-decoration: underline;
}

.listView thead td a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.appListView tbody tr:hover, .userListView tbody tr:hover, .prefillList tbody tr:hover, .docListView tbody tr:hover, .actionLogList tbody tr:hover {
    background-color: #A9A9FF;
    cursor: pointer;
}

.col_active {
    width: 3%;
    text-align: center;
}

.col_action {
    width: 3.5%;
    text-align: center;
}

.dlLink a {
    display: block;
    float: left;
    margin: 0 3px 0 3px;
}

.warning {
    background-color: #FFBBBB;
}

/*--- DataTables ---*/
.thTitle {
    float: left;
    clear: both;
}

input.yadcf-filter, select.yadcf-filter {
    padding: 0 !important;
    margin: 2px 0 0 -2px;
}

.yadcf-filter-wrapper {
    margin: 0 !important;
    float: left;
    clear: both;
    width: 60%;
}

.yadcf-filter-wrapper-inner {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    float: left;
}

.yadcf-filter-wrapper-inner label {
    width: 30px;
    float: left;
    clear: right;
    text-align: left;
    font-size: 11px;
    font-weight: normal;
}

.yadcf-filter-range-date-seperator {
    margin: 0 5px !important;
}

#externalFilter .yadcf-filter-wrapper {
    width: 100% !important;
}

#externalFilter select {
    width: 100% !important;
}

th .yadcf-filter-wrapper input, th .yadcf-filter-wrapper select {
    width: 90%;
    font-size: 11px;
}

th.usr_role .yadcf-filter-wrapper input, th.usr_role .yadcf-filter-wrapper select {
    width: 55px !important;
    font-size: 11px;
}

.yadcf-filter-reset-button {
    width: 15px;
    margin-left: 2px;
}

.yadcf-filter-range-date {
    max-width: 60px !important;
    font-size: 11px;
}

.dataTables_info, .dataTables_paginate {
    float: right;
    clear: both;
}

.paginate_button, .ellipsis {
    display: block;
    float: left;
    padding: 2px 4px;
    margin: 4px 2px 0;
}

.paginate_button {
    border: 1px solid #CDCDCD;
}

.paginate_button.current {
    /*background-color: #0169AA;*/
    color: #FFFFFF;
    font-weight: bold;
}

.paginate_button.disabled {
    color: #9A9A9A;
}

.paginate_button.disabled:hover {
    background-color: #FFFFFF;
    text-decoration: none;
}

.paginate_button.current:hover {
    /*background-color: #0169AA;*/
    text-decoration: none;
}

.paginate_button:hover {
    background-color: #DEDEDE;
    text-decoration: underline;
}
/* === TABLES - END === */

/* === ICONS - START === */
.iconCol ._spr {
    margin: auto;
}

._spr_dl_icon {
    float: left;
}

._spr {
    background-image: url("../images/css_sprites.png");
    position: relative;
    display: block;
}

._spr_link {
    cursor: pointer;
}

._spr_14 {
    width: 14px;
    height: 14px;
}

._spr_16 {
    width: 16px;
    height: 16px;
}

._spr_preview {
    background-position: -73px -19px;
}

._spr_edit {
    background-position: -37px -1px;
}

._spr_delete {
    background-position: -1px -19px;
}

._spr_copy {
    background-position: -19px -1px;
}

._spr_note {
    background-image: url("../images/memo_14x14.png") !important;
    /*background-position: -71px -73px;*/
}

._spr_workinstruction {
    background-image: url("../images/werkinstructie_14x14.png") !important;
    /*background-position: -71px -73px;*/
}

.spr_planning {
    background-position: -91px -1px;
}

._spr_att_14 {
    background-position: -55px -73px;
    width: 14px;
    height: 14px;
}

._spr_att_16 {
    background-position: -1px -1px;
    width: 16px;
    height: 16px;
}

._spr_status_expired {
    background-position: -1px -55px;
}

._spr_status_synced {
    background-position: -19px -55px;
}

._spr_status_unpublished {
    background-position: -37px -55px;
}

._spr_status_unsynced {
    background-position: -55px -55px;
}

._spr_published {
    background-position: -55px -19px;
}

._spr_unpublished {
    background-position: -73px -1px;
}

._spr_lock_closed {
    background-position: -37px -19px;
}

._spr_lock_validated {
    background-position: -1px -37px;
}

._spr_lock_processed {
    background-position: -73px -55px;
}

._spr_lock_open {
    background-position: -19px -37px;
}

._spr_icon_csv {
    background-position: -73px -37px;
}

._spr_icon_pdf {
    background-position: -1px -73px;
}

._spr_icon_xml {
    background-position: -19px -73px;
}

._spr_doctype_web {
    background-position: -37px -73px;
}

._spr_remake_task {
    background-position: -55px -37px;
}

._spr_plus {
    background-position: -55px -1px;
}

._spr_minus {
    background-position: -37px -37px;
}

._spr_download {
    background-position: -19px -19px;
}

._spr_status_completed {
    background: url("../images/status_completed.png") !important;
}
/* === ICONS - END === */

/* === FORM - START === */
fieldset.hasLegend {
    border: 1px solid #87888A;
    margin: 10px 0 0 0;
    padding: 0 10px 10px 10px;
}

fieldset.hasLegend legend {
    margin: 0 0 5px 5px;
    font-weight: bold;
}

div.confirmMsg {
    width: 100%;
    text-align: center;
    margin: 10px 0;
    color: #00AA00;
}

div.warnMsg {
    width: 100%;
    text-align: center;
    margin: 10px 0;
    color: #FF7700;
    font-weight: bold;
}

span.ro_val {
    float: left;
    width: 200px;
    clear: right;
    font-style: italic;
}

label.error {
    color: #E2001A;
    font-size: 11px;
}

.settingsBox {
    float: left;
    background-color: #EEEEEE;
    border: 1px solid #87888A;
    padding: 0 15px 15px 15px;
}

.settingsBox fieldset label {
    float: left;
    clear: both;
    width: 180px;
    margin: 6px 0 0 0;
}

.settingsBox fieldset #pf_setMemo, .settingsBox fieldset#pf_publishCopies_grp {
    display: none;
}

.settingsBox fieldset label.error {
    float: right;
    margin-right: 0 !important;
    text-align: right;
}

.settingsBox fieldset input, .settingsBox fieldset textarea, .settingsBox fieldset select, .ui-spinner, .settingsBox .ro_val {
    float: left;
    clear: both;
    width: 200px;
    margin: 5px 0 0 0;
}

.settingsBox fieldset textarea {
    width: 200px !important;
    height: 100px !important;
}

.settingsBox fieldset input[type=checkbox] {
    margin: 7px 3px 0 -3px;
    width: 20px;
}

.settingsBox fieldset input[type=button], .settingsBox fieldset input[type=submit], .settingsBox fieldset input[type=reset] {
    width: 120px;
    clear: right !important;
}

.settingsBox #changePass input[type=submit] {
    width: 150px;
}

.formBox h3 {
    margin: 0 0 10px;
}

.formBox fieldset {
    clear: both;
    width: 100%;
    margin: 3px 0;
}

.formBox fieldset label, .formBox label {
    float: left;
    text-align: right;
    width: 120px;
    font-weight: bold;
    margin-right: 5px;
}

.formBox fieldset label.error, .formBox label.error {
    float: right;
    clear: both;
    font-weight: normal;
    width: 250px;
}

.formBox fieldset input:not([type=checkbox]), .formBox fieldset select {
    width: 200px;
    float: left;
    clear: right;
}

.formBox fieldset textarea {
    width: 400px;
    float: left;
    clear: right;
}

.formBox fieldset .radiogroups {
    float: left;
    clear: right;
    display: block;
}

.formBox fieldset .radiogroups input[type=radio] {
    float: left;
    clear: left;
    width: auto;
    margin: 0 5px 0 0;
}

.formBox fieldset .radiogroups label {
    float: left;
    clear: right;
    font-weight: normal;
    width: 100px;
    text-align: left;
}

.formBox fieldset input[type=submit], .formBox fieldset input[type=reset], .formBox fieldset input[type=button] {
    width: auto;
}

#boxLogin {
    float: none !important;
    margin: 0 auto;
    width: 204px;
    border: 1px solid #87888A;
    position: relative;
}

#boxLogin .forgotPW {
    float: left;
    clear: both;
    margin: 5px 0 0 0;
}

#boxLogin input[type=submit] {
    width: 100%;
}

.forgotPW:link, .forgotPW:active, .forgotPW:visited {
    /*color: #0169AA;*/
    text-decoration: underline;
}

.forgotPW:hover {
    /*color: #0169AA;*/
    text-decoration: none;
}
/* === FORM - END === */

/* ===== APPLICATIONS - START ===== */
.qq-upload-list li {
    font-size: 12px !important;
}

.qq-upload-button {
    padding: 3px 0 !important;
    width: 135px !important;
}

.qq-upload-button input {
    height: 21px;
    width: 135px !important;
}

/* === Install Applications - START === */
.appInstall, .userNewBtn, .langStringNewBtn, .newCustomer, .newMapping {
    margin: 6px 0 5px 0 !important;
    float: right !important;
    clear: both;
}

#appInstallPopup {
    width: 430px;
    height: 230px;
    display: none;
}

.listView thead .app_id, .listView thead .app_version, .listView thead .app_pages, .listView thead .app_enabled, .listView thead .app_cpready {
    text-align: left;
    padding-left: 4px !important;
}

.listView .app_id {
    text-align: center;
    width: 4%;
    padding: 0 !important;
}

.listView .app_name {
    width: 20%;
}

.listView .app_customer {
    width: 10%;
}

.listView .app_date {
    width: 13%;
}

.listView .app_group {
    width: 8%;
}

.listView .app_version, .listView .app_pages, .listView .app_enabled, .listView .app_cpready {
    text-align: center;
    width: 4%;
    padding: 0 !important;
}

.listView .app_enabled {
    width: 5% !important;
}
/* === Install Applications - END === */

/* === Application information - START === */
#appInfoPopup {
    width: 670px;
    height: 480px;
    display: none;
}

#appPreview, #appDetails {
    float: left;
    height: 478px;
    position: relative;
    border: 1px solid #AAAAAA;
    display: block;
}

#appPreview {
    width: 296px;
    margin: 0 2px 0 2px;
    background: center no-repeat;
}

#appDetails {
    width: 362px;
    margin: 0 2px 0 2px;
}

#appDetails fieldset, #appDetails form fieldset {
    margin: 1px 0 0 0;
}

#appDetails fieldset label, #appDetails form fieldset label {
    float: left;
    text-align: right;
    font-size: 12px;
    width: 130px;
    font-weight: normal !important;
    margin: 3px 10px 0 0;
}

#appDetails fieldset label.error, #appDetails form fieldset label.error {
    width: 295px;
    text-align: center;
}

#appDetails fieldset span.app_item, #appDetails form fieldset span.app_item {
    float: left;
    text-align: left;
    font-size: 12px;
    display: block;
    margin: 3px 0 0 0;
    position: relative;
    width: 155px;
}

#appDetails .qq-uploader {
    margin: 25px 0 0 15px !important;
}

.appstate_0 {
    font-weight: bold;
    color: #990000;
}

.appstate_1 {
    font-style: italic;
    font-weight: bold;
    color: #009900;
}

.appstate_ro {
    font-style: italic;
    font-weight: bold;
    color: #FF8C00;
}

.info_title, .info_subTitle {
    top: 10px;
    left: 20px;
    position: relative;
    font-weight: bold;
    font-size: 16px;
    color: #000000;
    margin-bottom: 5px;
}

.info_subTitle {
    font-size: 14px !important;
    top: 5px !important
}

#appNameEditForm {
    height: 22px;
}

#appNameEditForm fieldset {
    margin: 0 !important;
}

#app_name_edit {
    display: none;
}

#app_name_edit_btn {
    height: 20px;
    font-size: 11px;
    margin: 0 0 0 10px;
}

#app_name_save_btn {
    height: 20px;
    font-size: 11px;
    margin: 0 0 0 10px;
    display: none;
}
/* === Application information - END === */

/* === Additional application settings - START === */
#addSet fieldset, #serverSettings fieldset {
    width: 565px;
    margin: 5px 0 0 5px;
    padding-bottom: 5px;
    float: left;
    clear: both;
}

#addSet fieldset.l1, #serverSettings fieldset.l1 {
    width: 570px !important;
    border: 1px solid #CCCCCC;
}

#addSet label.l1, #serverSettings label.l1 {
    width: 140px;
    font-weight: bold;
}

fieldset.l1 legend.l1 {
    font-style: normal !important;
    font-weight: bold;
    text-decoration: none !important;
}

#addSet fieldset.l2, #serverSettings fieldset.l2 {
    width: 555px !important;
    margin: 5px 0 0 5px;
    border: 1px solid #DDDDDD;
}

#addSet fieldset legend, #serverSettings fieldset legend {
    margin-left: 10px;
    padding: 0 3px;
    font-style: italic;
    text-decoration: underline;
}

#addSet fieldset label, #serverSettings fieldset label {
    width: 135px;
    float: left;
    clear: left;
    margin: 5px 0 0 10px;
}

#addSet fieldset input, #addSet fieldset select, #addSet fieldset .readonlyval, #serverSettings fieldset input, #serverSettings fieldset select, #serverSettings fieldset .readonlyval, #serverSettings fieldset div.radioGroup {
    float: left;
    clear: right;
    margin: 5px 0 0 5px;
}

#serverSettings fieldset.l1 {
    width: 430px !important;
}

#serverSettings label {
    width: 150px !important;
}

#serverSettings fieldset input, #serverSettings fieldset select, #serverSettings fieldset .readonlyval, #serverSettings fieldset div.radioGroup {
    width: 250px;
}

#serverSettings fieldset div.radioGroup {
    margin: auto;
}

#serverSettings .radioGroup input[type="radio"] {
    width: auto;
}

#serverSettings .radioGroup label {
    width: 50px !important;
    float: left;
    clear: none !important;
}

#addSet #closeB {
    float: right;
    clear: both;
    margin: 0 5px 0 0;
}

#addSet .cbxs_div, div[id*="Email_addresses"], div[id="docToTask_included"], div[id="docToTask_excluded"], div[id="excludeOnCopy_included"], div[id="excludeOnCopy_excluded"] {
    float: left;
    clear: right;
    width: 330px;
}

#addSet input[type=text], .docToTask_selectField, .excludeOnCopy_selectField {
    width: 300px;
}

#addSet input[size='3'] {
    width: 30px !important;
}

#addSet input[name$="Ftp_port"] {
    width: 50px !important;
}

#addSet input[size='12'] {
    width: 100px !important;
}

#addSet .cbxs_div .cbx_item input[type=checkbox] {
    float: left;
    clear: left;
}

#addSet .cbx_item {
    float: left;
    width: 120px;
}

#addSet .cbx_lbl {
    float: left;
    clear: right;
    width: 95px;
    margin: 5px 0 0 5px !important;
}

#addSet .email_item {
    float: left;
    width: 400px;
}

#addSet .email_item .removeLnk, #addSet .email_item .addLnk, #addSet .helpLnk, #addSet .docToTask_processField .removeLnk, #addSet .excludeOnCopy_processField .removeLnk {
    display: block;
    float: left;
    margin: 6px 0 0 4px;
}

#addSet #list_excludedFields .removeLnk {
    display: block;
    float: right;
    margin: 0 2px 0 4px;
}

#addSet .helpLnk {
    margin-top: 5px;
}

.setting_help {
    display: none;
}

.setting_help #help_subjectoptions {
    list-style: inside disc;
    margin-left: 5px;
}

#addSet fieldset input[type=checkbox].browsercb {
    float: left;
    clear: left;
}

#addSet fieldset label.browsercb {
    float: left;
    clear: right;
    margin: 5px 0 0 5px;
}

#addSet fieldset #browserlist {
    float: left;
}

#addSet fieldset .browser_corr {
    display: none;
    float: left;
    clear: both;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #CCCCCC;
}

#addSet #browserlist .tr {
    width: 430px;
    float: left;
    clear: both;
    margin: 3px 0 0 0;
}

#addSet #browserlist .tcol {
    width: 170px;
    float: left;
}

#addSet #browserlist .ccol {
    width: 60px;
    margin-left: 5px;
    float: left;
}

#addSet #browserlist .ccol input[type=text] {
    width: 40px;
    margin: -2px 0 0 -3px;
}

input.delivery_type {
    margin: 0 5px 0 0 !important;
}

label.delivery_type {
    float: none !important;
}

#task_calendar, .task_calendar_reminder, #task_calendar_titlePrefix {
    display: none;
}

.task_calendar_reminder {
    float: left;
    clear: left;
    width: 600px;
}

.task_calendar_reminder_time {
    width: 150px !important;
}
/* === Additional application settings - END === */
/* ===== APPLICATIONS - END ===== */

/* ===== USERS - START ===== */
/* === Table-columns === */
.usr_enable {
    width: 4%;
    text-align: center;
    padding: 0 !important;
}

.usr_name {
    text-align: left;
}

.usr_name input {
    max-width: 85%;
}

.usr_role {
    width: 85px !important;
    text-align: center;
}

.usr_action {
    width: 7%;
    text-align: center;
    cursor: pointer;
}

/* === User-edit === */
.userInfo {
    float: left;
    width: 350px;
}

.groupList {
    width: 150px;
    max-height: 160px;
    overflow-y: auto;
    float: left;
}

.user_disabled {
    color: #EE0000 !important;
    font-style: italic;
}

#userBox {
    width: 100%;
    height: 100%;
    display: none;
}

.setRole {
    float: left;
    clear: both;
    width: 200px;
}

.setRole input[type=checkbox] {
    float: left;
    width: 20px;
}

.setRole label {
    width: 100px !important;
    text-align: left !important;
    float: left !important;
    font-weight: normal !important;
}
/* ===== USERS - END ===== */

/* ===== DEVICES - START ===== */
/* === Table-columns === */
thead td.dev_serialno, .dev_user, .dev_name {
    width: 18%;
}

tbody td.dev_serialno {
    font-family: "Courier New";
}

.dev_f4tbuild {
    width: 90px;
}

.dev_lastSubmit, .dev_lastSeen {
    width: 125px;
}

.dev_submits {
    width: 50px;
}
/* ===== DEVICES - END ===== */

/* ===== GROUPS - START ===== */
#groupBox {
    width: 350px;
    height: 110px;
    display: none;
}
/* ===== GROUPS - END ===== */

/* ===== PREFILL/VALIDATOR - START ===== */
#formBackground {
    left: 0;
    top: 0;
    float: left;
    position: relative;
    border: 1px solid #87888A;
    clear: both;
}

#formBackground img.background {
    top: 0px;
    left: 0px;
}

#formBackground img.pagedrawing {
    top: 0px;
    left: 0px;
    position: relative;
}

#appCanvas {
    position: relative;
}

#prefillSettings, #docInfo, #selectPdfPages {
    border-left: none;
    padding: 15px 15px 15px 20px;
    position: relative;
    left: 0px;
}

.fInput {
    border: 1px solid #000000;
    font-size: 9px;
    position: absolute;
}

.fInput_mandatory {
    border: 1px solid #FF0000 !important;
}

input.fInput_ro {
    font-size: 9px;
    position: absolute;
    border: none;
    background-color: transparent;
    color: #000000;
}

div.fInput_ro {
    font-size: 9px;
    position: absolute;
    padding: 2px 0 0 2px;
}

.fInput_cb {
    position: absolute;
}

.fInput_cb_ro {
    position: absolute;
    padding: 1px 0 0 3px;
    font-weight: bold;
    margin: -2px 0 0 -2px;
}

.fInput_df {
    border: none;
}

.fInput_df img {
    width: inherit;
    height: inherit;
}

.fInput_plh {
    border: none;
    text-align: center;
    white-space: nowrap;
}

.fInput_plh img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    display: inline-block;
}

.fInput_plh .plh_helper {
    vertical-align: middle;
    display: inline-block;
    height: 100%;
}

#prefillSettings.settingsBox label.error {
    width: 100%;
}

#pf_memoFile_upload {
    display: none;
}
/* ===== PREFILL/VALIDATOR - END ===== */

/* ===== PREFILL - START ===== */
.listTitle {
    display: block;
    margin-bottom: 4px;
    font-weight: bold;
}

.listView thead .iconCol {
    text-align: left !important;
    padding-left: 4px !important;
}

.listView .iconCol, .listView .check_row {
    width: 30px;
    padding: 0 !important;
    text-align: center;
}

.listView th.iconCol {
    padding: 2px 0 2px 4px !important;
}

.listView th.check_row input[type=checkbox] {
    margin-top: 4px;
}

.iconCol img {
    margin: 2px 0 -2px 0;
}

.listView .col_date {
    width: 110px;
}

.listView .col_expdate {
    width: 150px;
}

.listView .col_execdate {
    width: 185px;
}

.listView .col_docid {
    width: 70px;
}

td.docid {
    text-align: right;
    padding-right: 3px;
}

.listView .col_app {
    width: 180px;
}

.listView .col_user, .listView .col_docuser {
    width: 240px;
}

.listView .col_createdby {
    width: 150px;
}

.listView .col_device {
    width: 175px;
}

.listView .col_dlLinks {
    width: 46px;
}

#pf_setExecution, #pf_setExpiry {
    width: 75px;
    clear: left !important;
}

#pf_setExecutionTime {
    width: 50px;
    clear: right;
    margin-left: 5px;
}

.expiredT {
    color: #FF0000;
    text-decoration: underline;
}

a:hover.expiredT {
    text-decoration: none;
}

.executionExpired {
    color: #FF0000;
}

a:link.executionExpired {
    text-decoration: underline;
}

a:hover.executionExpired {
    text-decoration: none !important;
}

.editLink:not(.executionExpired) {
    color: #0169aa;
}

a:link:not(.executionExpired).editLink {
    text-decoration: none;
}

a:hover:not(.executionExpired).editLink {
    text-decoration: underline;
}

.editInput input[type=text], .editInput select {
    height: 16px;
    width: 60px;
    font-size: 11px;
    float: left;
}

.editInput input[type=text].changeTitle, .editInput input[type=text].changeFullname, .editInput input[type=text].changeDevicename {
    width: 70% !important;
}

.editInput select.changeUser {
    width: 65% !important;
}

.editInput .fTime {
    width: 30px !important;
}

.editInput input[type=button] {
    height: 18px;
    font-size: 9px;
    float: left;
    margin-top: 0;
}

#prefillSettings #pf_memoFile {
    float: left;
    clear: both;
}

#prefillSettings #pf_memoFile_upload {
    float: left !important;
    clear: both !important;
    width: 135px !important;
}

.pf_memoFile_delete {
    margin: 3px 3px -3px 3px;
}

#pf_memoFile_list, #doc_noteAttachmentList {
    float: left;
    clear: both;
}

.taskMemoIcon, .planningIcon {
    float: right;
    margin: 0 3px 0 0;
}
/* ===== PREFILL - END ===== */

/* ===== VALIDATOR - START ===== */
#docInfo, #selectPdfPages {
    width: 300px;
}

#docInfo fieldset div {
    margin: 6px 0 0;
}

#selectPdfPages {
    border-top: none;
}

fieldset#btns {
    text-align: center;
}

fieldset#btns input[type=button], #btns input[type=submit] {
    float: none !important;
    clear: none !important;
}

div.pageColumn {
    width: 75px;
    float: left;
}

div.pageNumber {
    width: 75px;
    position: relative;
    float: left;
}

.pageNumber input[type=checkbox] {
    float: left;
}

.pageNumber label {
    width: 20px;
    text-align: right;
    float: left;
    margin-right: 5px;
}

textarea {
    resize: none;
}

/* ===== VALIDATOR - END ===== */
#changePass label.error {
    width: 190px !important;
}

/* ===== LANGUAGES - START ===== */
#languageStringBox {
    width: 530px;
    float: left;
    display: none;
}

#languageBox {
    float: left;
    display: none;
}

#lang_stringName, #lang_stringDescription {
    float: left;
    clear: right;
    max-width: 400px;
}

.fs_new, .fs_subCat {
    display: none;
}
/* ===== LANGUAGES - END ===== */

/* ===== LISTS - START ===== */
table#optionLists tbody tr.specialRow td {
    text-align: center;
}

form[name=optionlist_items] fieldset {
    margin: 5px 0 5px 0;
}

form[name=optionlist_items] fieldset[class=listinputtypes] {
    display: none;
    float: left;
    clear: both;
}

form[name=optionlist_items] fieldset[class=listbuttons] {
    float: left;
    clear: both;
}

form[name=optionlist_items] input[type=button] {
    float: left;
}

form[name=optionlist_items] fieldset label {
    float: left;
    width: 150px;
    position: relative;
    clear: right;
}

fieldset.listinputtypes select {
    margin: 0 0 5px 0;
}

.importvalues {
    float: left;
    width: 750px;
}

.importvalues textarea {
    width: 100%;
}

.col_action {
    width: 100px;
    text-align: center;
}

.col_lastUpdate {
    width: 140px;
}
/* ===== LISTS - END ===== */

/* ===== CUSTOMERS - START ===== */
#customerBox {
    width: 340px;
    height: 100px;
    display: none;
}
/* ===== CUSTOMERS - END ===== */

/* ===== ACCOUNT - START ===== */
#appOrder {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#appOrder li {
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    padding-left: 1.5em;
}

#appOrder li span {
    position: absolute;
    margin-left: -1.3em;
}
/* ===== ACCOUNT - END ===== */

/* ===== MAPPINGS - START ===== */
.mapping_datatype, .mapping_task, .mapping_list, .mapping_csv, .mapping_xml, .group_task_articles {
    display: none;
}

#mapping_task_formdefs, #mapping_task_articlefields, #mapping_task_titlefields {
    position: relative;
    width: 485px;
    float: left;
}

#mapping_task_formdefs div, #mapping_task_articlefields div {
    float: left;
    clear: both;
    margin: 3px 0;
    width: inherit;
}

#mappingForm.formBox fieldset label:not(.error) {
    width: 150px !important;
}

#mappingForm.formBox fieldset label.error {
    width: 300px !important;
}
/* ===== MAPPINGS - END ===== */

/* ===== SELECT2 OVERRIDE - START ===== */
.select2-selection .select2-selection--single {
    height: inherit !important;
}

.select2-container .select2-selection--single {
    height: inherit !important;
}

.select2-selection__rendered {
    line-height: inherit !important;
    font-size: 9px !important;
}

.select2-selection__clear {
    font-size: 14px !important;
}

.select2-selection__arrow {
    height: 0px !important;
    top: 50% !important;
}

.selection {
    height: inherit !important;
}

.select2-results__options {
    max-height: 250px !important;
}

.select2-results__option {
    font-size: 9px !important;
    padding: 2px !important;
}
/* ===== SELECT2 OVERRIDE - END ===== */

/* ===== ActionLog - START ===== */
.act_green {
    color: #008800;
}

.act_orange {
    color: #EE8800;
}

.act_red {
    color: #880000;
}

.act_bold {
    font-weight: bold;
}
/* ===== ActionLog - END ===== */

.errorClass {
    border: 1px solid #BB0000;
    padding: 2px;
}