body {
    margin: 0;
    padding: 0;
    background-color: #EAE9E9;
    font-family: 'Segoe UI',Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 12px;
    color: #4F4F4F;
}

.spacer {
    clear: both;
    font-size: 0;
    line-height: 0;
}

.center-content {
    margin: 90px auto 0 auto;
}

.processing {
    color: #4D7DB2;
    font-size: 14px;
    padding-right: 4px;
}

    .processing img {
        border: none;
        margin-right: 3px;
        margin-bottom: -5px;
        width: 22px;
        height: 22px;
    }

.watermark {
    color: #959494;
    padding: 3px;
    font-family: 'Segoe UI',Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 12px;
    border: 1px solid #808080;
}

.modal-wrapper {
    border: 1px solid #5284BC;
    padding: 5px;
    background-color: #6BADF6;
    font-family: 'Segoe UI',Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 12px;
    color: #4F4F4F;
}

.modal-inner {
    background: #fff;
    border: 1px solid #5284BC;
}

.modal-inner-de {
    padding: 5px;
}

.modal-header {
    margin-bottom: 5px;
    margin-top: 1px;
    font-family: 'Segoe UI',Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 16px;
    color: #0E0E0E;
}

.modal-bg {
    background-color: #282828;
    cursor: not-allowed;
    opacity: 0.5;
    filter: alpha(opacity:50);
}

.modal-mandatory-field {
    color: #F60606;
    padding: 1px;
}

.modal-error {
    color: #F60606;
    padding: 3px;
    background-color: #FBD1D1;
}

    .modal-error img {
        border: none;
        margin-bottom: -5px;
        margin-right: 3px;
    }

.modal-warning {
    padding: 5px;
    background: #fcfbb4;
    color: #4c4b4b;
    font-weight: normal;
    text-align: left;
    font-size: 12px;
    line-height: 17px;
}

    .modal-warning img {
        border: none;
        margin-bottom: -3px;
        margin-right: 3px;
        height: 16px;
        width: 16px;
    }

.textbox {
    padding: 3px;
    color: #4F4F4F;
    border: 1px solid #808080;
    font-family: 'Segoe UI',Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 12px;
}

    .textbox:hover {
        border: 1px solid #3399FF;
    }

.button {
    padding: 3px 16px;
    color: #4F4F4F;
    border: 1px solid #ACACAC;
    background-color: #E8E8E8;
    font-family: 'Segoe UI',Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 12px;
}

.button-extend {
    background-color: #85C0FB;
    border: 1px solid #3399FF;
    color: #4F4F4F;
}

.button:hover {
    border: 1px solid #3399FF;
    cursor: pointer;
}

.button-search-pidc {
    border: none;
    padding: 0px;
    background: inherit;
}

a {
    text-decoration: none;
    outline: none;
}

.search-cover {
    background: #F0F0F0;
    padding: 5px;
    border-bottom: 1px solid #C7C8C9;
}

.button-cover {
    background: #F0F0F0;
    padding: 5px;
    border-top: 1px solid #C7C8C9;
}

.button-cover-right {
    float: right;
}

.close-button {
    color: #fff;
    background-color: #C75050;
    padding: 3px 15px;
    border: none;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

    .close-button:hover {
        background-color: #C45D5D;
        cursor: pointer;
    }

.close-panel {
    text-align: right;
    margin-top: -5px;
}

.modal-success {
    color: #078543;
    padding: 5px;
    background-color: #C4FADE;
    margin-top: 5px;
    border: 1px solid #9BE9C0;
}

    .modal-success img {
        border: none;
        margin-bottom: -5px;
        margin-right: 3px;
    }

.data-table {
    padding-top: 5px;
}

    .data-table td {
        padding: 5px;
        border: 1px solid #C7C8C9;
        color: #4F4F4F;
    }

    .data-table th {
        padding: 5px;
        background-color: #85C0FB;
        border: 1px solid #3399FF;
        color: #4F4F4F;
    }

    .data-table a {
        text-decoration: none;
        color: #5284BC;
    }

.data-table-alt-row {
    background: #F4F4F4;
}

.image-grid {
    margin-bottom: -3px;
    border: none;
    width: 16px;
    height: 16px;
    margin-right: 3px;
}

.search-filter {
    background: #F4F4F4;
    padding: 2px;
}

.search-filter-left {
    float: left;
}

.search-filter-right {
    float: right;
    padding-top: 5px;
}

.page-wrapper {
    padding: 5px;
    background-color: #fff;
    float: left;
    border-left: 1px solid #C7C8C9;
    border-top: 1px solid #C7C8C9;
}

div#sidebar {
    width: 220px;
    float: left;
    padding: 5px;
}

.page-header {
    font-size: 28px;
    border-bottom: 1px solid #C7C8C9;
    padding-top: 10px;
    padding-bottom: 4px;
    color: #5284BC;
    font-family: 'Segoe UI',Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    width: 100%;
}

#header {
    font-family: Arial, Verdana, Tahoma;
    background-color: #F3F3F3;
    font-size: 22px;
    padding-left: 10px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #C7C8C9;
}

.header-links {
    float: right;
    font-size: 14px;
    background-color: #85C0FB;
    border-left: 1px solid #3399FF;
}

    .header-links a {
        text-decoration: none;
        color: #4F4F4F;
        padding: 0px 6px;
    }

.general img {
    border: none;
    margin-bottom: -3px;
    margin-right: 3px;
    width: 20px;
    height: 20px;
}

.menu-header {
    font-size: 15px;
    color: #4F4F4F;
    padding-top: 28px;
    font-weight: bold;
}

    .menu-header img {
        border: none;
        margin-bottom: -3px;
        margin-right: 3px;
    }

div#treeview {
    border-bottom: 1px solid #C7C8C9;
    overflow: auto;
    width: 220px;
}

    div#treeview a {
        font-family: 'Segoe UI',Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-size: 13px;
        color: #4F4F4F;
    }

        div#treeview a:hover {
            color: #3399FF;
        }

.quick-info {
    padding: 3px;
    background: #F3F3F3;
    border-bottom: 1px dotted #C7C8C9;
}

    .quick-info img {
        border: none;
        margin-bottom: -3px;
        margin-right: 3px;
    }

.extended {
    background-color: #85C0FB;
    border: 1px solid #3399FF;
    text-align: center;
}

.confirm {
    font-size: 14px;
    padding: 15px;
}

    .confirm img {
        border: none;
        margin-bottom: -5px;
        margin-right: 3px;
        width: 22px;
        height: 22px;
    }

.note {
    padding: 10px;
    color: #202020;
}

.panel-group { /*border-top:1px solid #C7C8C9;padding-top:2px; margin-top:2px;*/
}

.show-hide {
    padding: 3px;
    text-align: right;
    margin-top: 3px;
}

.login-content {
    margin: 10px 20px 0 auto;
    width: 300px;
    border: #3399FF solid 1px;
    background-color: #F4F4F4;
    padding: 15px;
}

.login-text {
    font-size: 30px;
    margin-left: 30px;
    margin-top: 90px;
    line-height: 20px;
    color: #C0D8F2;
}

    .login-text span {
        font-size: 16px;
        color: #E8E8E8;
    }

.login-text-trial {
    font-size: 30px;
    color: #f58c8c;
}

.forgot {
    text-align: right;
    padding-top: 5px;
}

    .forgot a {
        color: #5284BC;
        text-decoration: none;
    }

.session-expired-button {
    text-align: center;
    width: 100%;
    padding: 5px;
}

/* for change password icon */
.change-pwd {
    float: right;
    padding-right: 25px;
}

    .change-pwd img {
        margin-bottom: -5px;
        width: 24px;
        height: 24px;
    }

/*processing box*/
.processing-box {
    color: #4D7DB2;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    border: #85C0FB solid 1px;
    background-color: #fff;
    width: 180px;
}

    .processing-box img {
        border: none;
        margin-right: 3px;
        margin-bottom: -5px;
        width: 22px;
        height: 22px;
    }

.page-header-left {
    float: left;
}

.page-header-right {
    float: right;
    color: #4F4F4F;
    font-family: 'Segoe UI',Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 12px;
    line-height: 37px;
}

    .page-header-right span {
        color: #750505;
    }

.view-label {
    border-bottom: 1px dotted #C7C8C9;
}

.view-panel {
    padding: 3px;
    background-color: #FAFAFA;
    border-bottom: 1px solid #C7C8C9;
}

.node-selected {
    background-color: #C0D8F2;
    border: 1px solid #85C0FB;
    padding: 3px;
}

.counter-price-up {
    color: #1ac743;
    font-size: 16px;
    text-align: center;
}

.counter-price-bar {
    color: #a9ae34;
    font-size: 16px;
    text-align: center;
}

.counter-price-down {
    color: #F60606;
    font-size: 16px;
    text-align: center;
}

.counter-price-text {
    font-size: 20px;
    text-align: center;
}

.counter-market-val {
    font-size: 11px;
    text-align: center;
}

.counter-box {
    border: none;
    margin-right: 3px;
    margin-bottom: -3px;
    width: 16px;
    height: 16px;
}

.prices-box {
    border-bottom: 1px solid #F0F0F0;
    background-color: #fefbfb;
}

.html-editor {
    width: 100%;
    height: 200px;
}

.divider {
    color: #6BADF6;
    background-color: #6BADF6;
    height: 0.5px;
    width: 100%;
    float: left;
}

.td-hdr-label {
    text-align: right;
    font-weight: bold;
    padding-left: 8px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.trxn-hdr {
    padding: 5px;
    font-size: 14px;
    border-bottom: 1px solid #C7C8C9;
    margin-bottom: 5px;
    background-color: #efeeee;
}

.box-formatter {
    margin-top: 8px;
    margin-bottom: 8px;
}

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

.tab-panel-separator {
    border-top: 2px solid #808080;
    padding-top: 4px;
    margin-top: 4px;
}

.extend-panel-label {
    padding: 6px;
}

.dashboard {
    border-bottom: 2px solid #808080;
    padding: 4px;
    /*background: #d0d2d4;*/
    text-align: center;
    font-weight: bold;
}

.dashboard-sep {
    width: 20px;
}

.dashboard-span {
    background: #3399FF;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

.table-ui-component td {
    /*padding-top: 5px;*/
}