::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    opacity: 1; /* Firefox */
    font-family: Arial, serif;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #000;
}

/* button */
.ia-button {
    border: 0;
    border-radius: 0;
    background: transparent none;
}
.ia-button button {
    overflow: visible;
}
.x-nlg .ia-button td, .x-nlg .ia-button button, .x-nlg .ia-button em {
    background: transparent none !important;
}
.x-nlg .ia-button.ia-link-button {
    background: transparent none;
}
.x-nlg .x-btn-default-small {
    background-image: none;
}

.ia-centered {
    margin: 0 auto 0 auto !important;
}

.ia-continue-button {
    width: 58px;
    height: 48px;
}
.ia-confirm-button {
    height: 74px;
}
.ia-confirm-button button {
    padding-top: 54px;
}
.ia-continue-button .x-btn-inner, .ia-confirm-button .x-btn-inner, .ia-cancel-button .x-btn-inner {
    padding: 0 4px;
}
.ia-continue-button .x-btn-icon.fas, .ia-confirm-button .x-btn-icon.fas, .ia-cancel-button .x-btn-icon.fas,
.ia-delete-button .x-btn-icon.fas
{
    font-size: 44px;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #d6d6d6;
}

.ia-confirm-button .x-btn-inner {
    font-size: 16px;
    color: #fff;
}
.ia-confirm-button.x-btn-over .x-btn-icon.fas, .ia-delete-button.x-btn-over .x-btn-icon.fas
{
    color: #fff;
}
.ia-confirm-button.x-btn-over .x-btn-inner,
.ia-delete-button.x-btn-over .x-btn-inner {
    color: #fff;
    text-decoration: underline;
}

.ia-link-button.x-btn-default-small .x-btn-inner {
    height: 18px;
    font-size: 14px;
    color: #fff;
}
.ia-link-button-small.x-btn-default-small .x-btn-inner {
    font-size: 12px;
}

.ia-folder-header-text.x-btn-over,
.ia-link-button.x-btn-default-small a:hover .x-btn-inner {
    color: #fff;
    text-decoration: underline;
}
.ia-link-button.x-btn-default-small a:hover .x-btn-icon {
    color: #fff;
}


.ia-separator {
    color: #E5E5E5;
    font-size: 14px;
}


/* content panel (About, terms, etc) */
.ia-content-panel h1 {
    font-size: 36px;
    font-weight: bold;
    padding: 10px 0;
}

.ia-content-panel p {
    padding: 10px 0;
}

/* error message abowe form  */
.ia-error-message {
    color: #E5E5E5;
    text-align: center;
    font-size: 20px;
    padding: 15px 0 20px 0;
    font-weight: bold;
}
.ia-error-message b {
    font-size: 32px;
}
.ia-error-message ul {
    margin: 10px auto;
    text-align: left;
    width: 233px;
}
.ia-error-message li {
    font-size: 18px;
    list-style: disc;
}



.iabacus .x-form-text {
    border: none;
    border-radius: 3px;
    height: 24px;
}

.iabacus .x-pickerfield-open .x-form-text {
    border-left: 1px solid #b5b8c8 !important;
}

.iabacus .x-pickerfield-open .x-form-text {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.iabacus .x-form-trigger-wrap .x-form-text {
    border-right: 0 !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.iabacus .x-form-trigger {
    height: 24px !important;
}

/* general message */
.ia-message div {
    color: #E5E5E5;
    font-size: 16px;
}
.ia-message div.title {
    text-align: center;
    font-size: 20px;
    padding-bottom: 20px;
    font-weight: bold;
}
.ia-message.ia-confirmation-message div.title {
    font-size: 32px;
}

.ia-message.ia-delete-abacus-message div.title {
    font-size: 32px;
}
.ia-delete-abacus-message {
    padding: 0 1px 20px 1px;
}
.ia-message.ia-bead-locked-message div.title {
    font-size: 24px;
}
.ia-message.ia-bead-locked-message div.message {
    text-align: center;
}

.ia-create-abacus-button {
    margin: 10px 0 30px 10px;
}
.ia-create-abacus-button span.x-btn-inner {
    font-size: 22px !important;
}
.ia-create-abacus-button .x-btn-inner b {
    font-size: 22px;
    text-decoration: underline;
}

.ia-license-manager-icon {
    padding-top: 10px;
    font-size: 44px;
}
.ia-license-manager div.license-code {
    padding-top: 16px;
}
.ia-license-manager div.users-count {
    padding-top: 6px;
    padding-bottom: 6px;
}
.ia-license-manager div, .ia-license-manager div b {
    font-size: 14px;
}
.ia-abacus-license-manager .ia-form-h1 {
    text-align: left;
}

.iabacus .x-btn.ia-check-connection-button {
    background: black;
    border: 2px solid white !important;
}
.iabacus .x-btn.ia-check-connection-button .x-btn-inner
{
    color: white;
    font-family: Arial,serif;
    font-size: 13px;
    font-weight: bold;
}

.ia-select-all-areas {
    padding-bottom: 5px;
}

.ia-select-all-areas .ia-select-all-areas-title {
    color: white;
}

.ia-select-all-areas .ia-button .x-btn-inner {
    font-size: 12px;
    color: white;
    text-decoration: underline;
}
.ia-select-all-areas .ia-button.ia-active .x-btn-inner {
    text-decoration: none;
}
.ia-abacus-report .x-form-checkboxgroup-body {
    border: 1px solid black;
}


.fas2 {
    color: #c0c0c0;
    font-size: 16px;
}

.grouped-list .x-boundlist-item {
    padding: 1px 3px 0 10px;
    font-size: 12px;
}

.grouped-list .group-header {
    padding: 20px 4px 4px 4px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

.ia-form-section {
    padding-top: 55px;
}

.ia-form-subsection {
    text-align: center;
    font-size: 16px;
    padding-bottom: 15px;
}

.ia-edit-user-template {
    margin-top: 40px;
}

.ia-edit-user-template .ia-button.ia-settings-btn-back {
    left: -170px !important;
}

.ia-templates {
    padding-top: 30px;
}

.templ-icon {
    margin-left: 10px;
}

.templ-icon .fas {
    margin-right: 5px;
}

.template-published, .template-unpublished {
    text-align: center;
    padding-top: 10px;
    width: 80px;
}
.template-published .fas {
    font-size: 26px;
    padding-bottom: 5px;
}
.template-unpublished .fas
{
    font-size: 30px;
    padding-bottom: 5px;
}

.template-unpublished {
    color: #606060;
}

.ia-create-template .x-btn-inner {
    padding-top: 2px;
}
.ia-create-template .x-btn-icon {
    top: -1px;
    left: -10px;
    font-size: 22px;
}

.ia-templates .ia-abacuslist-item img {
    cursor: default;
}
.ia-templates .ia-folder-header,
.ia-templates .ia-folder-header *,
.ia-templates .ia-folder-header-text,
.ia-templates .ia-folder-header-text * {
    cursor: default;
}

.ia-template-back {
    position: relative;
}
.template-settings-form .ia-template-back {
    margin: 50px auto 20px auto;
}
.template-settings-form .ia-settings-btn-back {
    top: -31px !important;
    left: -10px !important;
}
.ia-combobox input {
    cursor: pointer;
}
.del-template-users {
    height: 80px;
    width: 80%;
}
.ia-template-confirm {
    text-align: center;
}object {
    display: none;
}
body.iabacus {
    background: #4b4b4b;
}
.iabacus.x-body {
    font-family: Arial, serif;
    font-size: 14px;
}
.x-form-item, .x-form-item-label {
    font-family: Arial, serif;
}
.x-body .x-btn-default-small .x-btn-inner {
    font-family: Arial, serif;
}

.x-viewport, .x-viewport body.iabacus {
    overflow-y: auto;
}

.iabacus .x-panel-body-default {
    background: transparent;
}

.ia-header-panel {

}
.ia-header-top {
    padding-top: 10px;
}

.ia-main-logo {
    height: 32px;
    background: url(../../img/logo.svg) no-repeat;
}

.ia-logo-button {
    background: transparent url(../../img/logo.svg) no-repeat !important;
    width: 257px;
    height: 51px;
    margin-bottom: 21px;
}


/* footer panel */
.ia-footer-panel {
    height: 105px;
    padding: 48px 0 0 0;
}

.ia-opeus-link.ia-link-button.x-btn-default-small .x-btn-inner {
    font-weight: bold;
    font-size: 14px
}/* general panel */
.iabacus .ia-panel .x-panel-body {
    background: transparent;
    color: white;
    padding: 20px 60px 0;
}

.iabacus .ia-panel .x-panel-body, .iabacus .ia-panel .x-toolbar-footer {
    margin-top: 0;
    background: transparent url(../../img/bg/center3.png) repeat-y;
}

.iabacus .ia-panel .x-panel-body .x-panel-body { /* nested panels should have simple body */
    background: black;
    padding: 0;
}

.ia-panel-top {
    height: 35px;
}

.ia-panel-top-left, .ia-panel-top-right, .ia-panel-bottom-left, .ia-panel-bottom-right {
    width: 50px;
    background: transparent url(../../img/bg/corners.png) no-repeat;
}

.ia-panel-top-left {
    height: 35px;
    background-position: 0 0;
}
.ia-panel-top-right {
    height: 35px;
    background-position: -50px 0;
}
.ia-panel-top-center {
    height: 35px;
    background: transparent url(../../img/bg/top-center.png) repeat-x;
}

.ia-panel-bottom {
    height: 36px;
}

.ia-panel-bottom-left {
    height: 36px;
    background-position: 0 -35px;
}
.ia-panel-bottom-right {
    height: 36px;
    background-position: -50px -35px;
}
.ia-panel-bottom-center {
    height: 36px;
    background: transparent url(../../img/bg/bottom-center.png) repeat-x;

}

/*  background position for different panels */
.iabacus .ia-panel-my-account .x-panel-body, .iabacus .ia-panel-my-account .x-toolbar-footer
{
    background-position: -822px 0;
}

.iabacus .ia-panel-create .x-panel-body, .iabacus .ia-panel-create .x-toolbar-footer,
.iabacus .ia-popup-panel.ia-add-area-window .x-panel-body,
.iabacus .ia-popup-panel.ia-add-area-window .x-toolbar-footer
{
    background-position: -4106px 0;
}

/*  */
.iabacus .ia-abacuseslist-panel .x-panel-body
{
    background-position: -1392px 0;
}
/*  */
.iabacus .ia-judgement-popup-panel .x-panel-body,
.iabacus .ia-judgement-popup-panel .x-toolbar-footer,
.iabacus .ia-popup-panel.ia-criteria-popup-panel .x-panel-body,
.iabacus .ia-popup-panel.ia-criteria-popup-panel .x-toolbar-footer,
.iabacus .ia-popup-panel.ia-features-popup-panel .x-panel-body,
.iabacus .ia-popup-panel.ia-features-popup-panel .x-toolbar-footer,
.iabacus .ia-popup-panel.ia-edit-area-window .x-panel-body,
.iabacus .ia-popup-panel.ia-edit-area-window .x-toolbar-footer
{
    background-position: -2238px 0;
}

.iabacus .ia-panel.ia-login-panel .x-panel-body, .iabacus .ia-panel.ia-login-panel .x-toolbar-footer {
    margin-top: 0;
    background: transparent url(../../img/bg/center-login.png) repeat-y;
}

.iabacus .ia-panel.ia-login-panel .ia-form .x-panel-body {
    background: transparent;
}

.iabacus .ia-message-panel .x-panel-body, .iabacus .ia-message-panel .x-toolbar-footer
{
    background-position: -3246px 0;
}

.iabacus .ia-message-panel-account-created .x-panel-body, .iabacus .ia-message-panel-account-created .x-toolbar-footer
{
    background-position: -3628px 0;
}

.iabacus .ia-message-panel .x-panel-body {
    padding: 20px;
}


.iabacus .ia-popup-panel .x-panel-body, .iabacus .ia-popup-panel .x-toolbar-footer
{
    background-position: -3628px 0;
}


.iabacus .ia-abacus-report .x-panel-body,
.iabacus .ia-abacus-report .x-toolbar-footer
{
    background-position: -4761px 0;
}
.iabacus .ia-abacus-license-required .x-panel-body, .iabacus .ia-abacus-license-required .x-toolbar-footer
{
    background-position: -4106px 0;
}


.ia-popup-close {
    position: absolute;
    width: 32px;
    height: 32px;
    left: auto !important;
    right: 24px !important;
    top: 22px  !important;
}
.ia-popup-close .x-btn-icon {
    font-size: 24px;
    top: 3px;
    left: 3px;
}

.ia-popup-save-and-close {
    position: absolute;
    height: 38px;
    left: auto !important;
    right: 22px !important;
    top: 22px  !important;
    padding-left: 28px;
}
.ia-popup-save-and-close button {
    overflow: visible;
}

.ia-popup-save-and-close button .x-btn-inner {
    font-size: 16px;
    color: #e5e5e5;
}
.ia-popup-save-and-close button .x-btn-icon {
    font-size: 21px;
    top: 6px;
    left: -5px;
}

.x-btn-icon.fas {
    color: #d6d6d6;
}
.x-btn-over .x-btn-icon.fas,
button:hover .x-btn-icon.fas {
    color: #fff;
}


/** hover buttons */
.ia-popup-save-and-close button:hover .x-btn-inner,
.ia-btn-back button:hover .x-btn-inner,
.ia-btn-show-options button:hover .x-btn-inner,
.ia-btn-hide-options button:hover .x-btn-inner,
.ia-settings-btn-back button:hover .x-btn-inner,
.ia-btn-template-settings button:hover .x-btn-inner,
.ia-settings-btn-show-options button:hover .x-btn-inner,
.ia-settings-btn-hide-options button:hover .x-btn-inner
{
    color: #fff;
    text-decoration: underline;
}



.iabacus .ia-abacus-collaborate .x-panel-body, .iabacus .ia-abacus-collaborate .x-toolbar-footer,
.iabacus .ia-abacus-license-manager .x-panel-body, .iabacus .ia-abacus-license-manager .x-toolbar-footer
{
    background-position: -4761px 0;
}

.iabacus .ia-videopanel .x-panel-body, .iabacus .ia-videopanel .x-toolbar-footer {
    background-position: -5649px 0;
}
.iabacus .ia-panel .x-panel-body {
    padding: 20px 55px 0 54px;
}

.ia-btn-back {
    position: absolute;
    height: 38px;
    right: auto !important;
    left: 28px !important;
    top: 22px  !important;
    padding-left: 10px;
    z-index: 100;
}
.ia-btn-back button {
    padding-top: 5px;
    overflow: visible;
}
.ia-btn-back button .x-btn-inner {
    font-size: 16px;
    color: #fff;
}
.ia-btn-back .x-btn-icon.fas {
    width: 32px;
    top: 8px;
    left: -10px;
    font-size: 22px;
}

.ia-btn-show-options {
    position: absolute;
    height: 38px;
    left: auto !important;
    top: auto !important;
    right: 32px !important;
    bottom: 28px  !important;
    z-index: 100;
}
.ia-btn-show-options button,
.ia-btn-hide-options button {
    padding-left: 12px;
}
.ia-btn-show-options button .x-btn-inner,
.ia-btn-hide-options button .x-btn-inner {
    font-size: 14px;
    color: #fff;
}
.ia-btn-show-options .x-btn-icon.fas,
.ia-btn-hide-options .x-btn-icon.fas {
    top: 6px;
    left: 6px;
    font-size: 22px;
}

.ia-btn-hide-options {
    position: absolute;
    height: 38px;
    left: auto !important;
    right: 32px !important;
    top: 28px  !important;
    z-index: 100;
}
.ia-form .x-panel-body {
    color: white;
}

.ia-form-h1 {
    font-size: 32px;
    font-weight: bold;
    padding-bottom: 25px;
    text-align: center;
}
.ia-template-panel .ia-form-h1 {
    font-size: 28px;
}
.ia-form-h2 {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 25px;
    text-align: center;
}

.ia-form .x-form-item-label {
    font-size: 16px;
    text-align: right;
    padding: 2px 2px 0 0;
}
.ia-form .x-field {
    margin-bottom: 15px;
}
.ia-form .x-field.x-form-item-hidden {
    margin: 0;
}


.ia-edit-area-fields {
    margin-bottom: 6px !important;
}

.ia-field-err .x-form-text, .ia-form .x-form-invalid-field, .ia-form textarea.x-form-invalid-field {
    background: #FF7F7F;
}

.ia-form, .ia-form .x-panel-body {
    overflow: visible;
}.content-ie #content-targetEl {
    width: 200px !important;
}

/* login form */

.ia-loginform .ia-form22 { /* form panel inside */
    width: 388px;
    height: 297px;
    padding: 47px 40px 38px 50px;
    background: url(../../img/login-form-bg2.png) no-repeat;
}

/* forgot password form */
.ia-forgotpasswordform {

}
.ia-forgotpasswordform .ia-form { /* form panel inside */
    height: 272px;
    padding: 60px;
    background: url(../../img/forgot-password-bg.png) no-repeat;
}
/* message shown after password sent*/
.ia-account-created {
    padding: 0 20px 20px;
}

.ia-registerform .x-form-item .x-form-item-body {
    padding-right: 80px;
}
.ia-registerform  .ia-register-type  .x-form-item .x-form-item-body {
    padding-right: 0; /* cancel padding */
}
.ia-registerform .ia-form-h1 {
    padding-top: 26px;
}

/* Select account type imaginery */
.ia-register-as {
    height: 120px;
    width: 702px;
}
.ia-register-as div {
    position: absolute;
}
.ia-register-as .as-text, .ia-register-as .as-text b {
    font-size: 16px;
    font-weight: normal;
}
.ia-register-as .as-text b {
    font-weight: bold;
}
.ia-register-as .as-left {
    width: 155px;
    height: 50px;
    background: url(../../img/register-left-arrow.png);
    top: 2px;
    left: 166px;
}
.ia-register-as .as-license-text {
    width: 193px;
    height: 40px;
    top: 61px;
    left: 80px;
}
.ia-register-as .as-license {
    width: 56px;
    height: 56px;
    top: 46px;
    left: 11px;
    background: url(../../img/register-license.png);
}

.ia-register-as .as-right {
    width: 155px;
    height: 50px;
    background: url(../../img/register-right-arrow.png);
    top: 0;
    left: 376px;
}
.ia-register-as .as-collaboration-text {
    width: 230px;
    height: 40px;
    top: 61px;
    left: 452px;
}
.ia-register-as .as-collaboration {
    width: 56px;
    height: 56px;
    top: 46px;
    left: 381px;
    background: url(../../img/register-collaboration.png);
}

.ia-register-links a, .ia-register-links div {
    font-size: 16px;
    font-weight: bold;
    color: white;
}

.ia-register-links-license div {
    padding-left: 18px;
    padding-top: 2px;
}

.ia-register-links-license div {
    font-size: 14px;
}

.ia-register-links-collaboration div {
    padding-left: 58px;
}

.ia-login-create-link, .ia-login-create-link:hover, .ia-login-create-link:active, .ia-login-create-link:visited {
    color: white;
    text-decoration: underline;
}