#normal-layout {
    height: 100%;
    margin-top: -93px;
    padding-top: 87px;
}

#normal-layout .content {
    height: 100%;
    padding: 5px 25px 25px 22px;
}

body {
    background: #F2F2F6;
}

.h4 {
    font-size: 12px;
}

.new-bg {
    background: #F2F2F6;
}

.panel {
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px;
}

.panel-body {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.btn-tpay-primary {
    background: linear-gradient(#3ED36D 0%, #91FEB2 100%);
    border-radius: 2rem;
    color: #072653;
    font-weight: 500;
    height: 40px;
    margin-right: 4em;
    width: 120px;
}

.btn.btn-tpay-white {
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 2rem;
    color: #000000;
    font-size: 10px !important;
    font-weight: bold;
    height: 40px;
    margin-right: 4em;
    padding-left: 20px !important;
    padding-right: 20px !important;

}

.btn.btn-tpay-white.padding-top-5.active, .btn.btn-tpay-white.padding-top-5:active {
    border: 1px solid #3FD46E;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.border-radius-1 {
    border-radius: 1em !important;
}

.close-sign {
    font-size: 16px;
}

.btn-primary {
    background: linear-gradient(#3ED36D 0%, #91FEB2 100%);
    border-radius: 2rem;
    color: #09150D;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 19px;
}

.btn-primary.btn-xs {
    border-radius: 2rem;
}

.btn-primary:hover {
    border: none;
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: linear-gradient(#3ED36D 0%, #91FEB2 100%) !important;
    border: 0;
    color: #072653;
}

.btn-primary:active:hover,
.btn-primary.active.hover {
    background: linear-gradient(#3ED36D 0%, #91FEB2 100%);
}

.btn-primary:active:hover.disabled,
.btn-primary.active.hover.disabled {
    color: #09150D;
}

.btn-primary:hover {
    border: 0;
    color: #09150D;
}

.btn-default {
    border: 1px solid #7CF3A0;
    border-radius: 2rem !important;
    color: #2A456C;
    font-size: 12px;
    font-weight: bold;
}

.btn-default.active,
.btn-default:active,
.btn-default:active:hover,
.btn-default.active.hover {
    border: 1px solid #7CF3A0;
}

.btn-danger {
    border-radius: 2rem !important;
}

.bg-white {
    background: #FFFFFF;
}

.btn-labeled, .filter-box-block .btn-labeled-right {
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    border-radius: 2em;
}

.btn-raised:not(.btn-flat):not(.btn-link).btn-default {
    border: 1px solid #7CF3A0;
}

.has-error .form-control {
    border-color: transparent transparent #FF0000;
}

.wbn-table-2 .header-menu .help-button {
    background: #F5F5F5 !important;
    color: #072653;
}

.form-control:focus,
.select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]),
.select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]) {
    border-bottom-color: #2953C6 !important;
    box-shadow: 0 1px 0 #2953C6 !important;
}

.table-label {
    border-radius: 2em;
}

.btn-danger, .btn-danger:hover {
    background: #FFFFFF;
    border: 1px solid #FF2020;
    color: #333333;
}

.btn-danger,
.btn-danger.active,
.btn-danger:active,
.btn-danger:active:hover,
.btn-danger.active.hover,
.btn-danger:active:focus,
.btn-danger.active.focus {
    background: #FFFFFF;
    border: 1px solid #FF2020;
    color: #333333;
    font-weight: bold;
}

.btn-labeled.btn-xs {
    padding-left: 46px;
    padding-right: 24px;
}

.login-button {
    margin-left: 16px !important;
}

.only-header .panel-body {
    border: none;
}

.main {
    height: 100%;
    margin-top: -95px;
    padding-top: 95px;
    position: relative;

}

.submain {
    height: 100%;
}

.vex-dialog-button-primary {
    background: linear-gradient(#3ED36D 0%, #91FEB2 100%) !important;
    border-radius: 2rem !important;
    color: #09150D !important;
    font-size: 12px;
    font-weight: bold !important;
    padding: 5px 19px;
}

.vex-dialog-button-secondary {
    background: #FFFFFF !important;
    border: 1px solid #7CF3A0 !important;
    border-radius: 2rem !important;
    color: #2A456C;
    font-size: 12px;
    font-weight: bold !important;
}

.vex.vex-theme-wireframe .vex-content {
    border: 2px solid #2953C6 !important; /** must have - overriding library */
    border-radius: 5px !important;
    top: 50%;
    transform: translateY(-50%);
    display: flow-root;
}

.vex.vex-theme-wireframe.plain .vex-overlay {
    background: rgba(7, 38, 83, .73);
}

.vex.vex-theme-wireframe.plain .vex-content {
    border: 0 !important; /** must have - overriding library */
    padding: 0;
    width: 700px;
}

.vex.vex-theme-wireframe.plain .vex-close {
    display: none;
}

.vex.vex-theme-wireframe .vex-close::before {
    font-size: 32px;
    height: 70px;
    line-height: 70px;
    width: 70px;
}

.leftLabel {
    padding-left: 40px;
}

.leftLabel b {
    padding-top: 8px;
}

.btn-labeled.btn-labeled-right > b {
    padding-top: 9px;
}

.custom-upload-styles .qq-upload-list li.qq-upload-success {
    background-color: transparent;
    color: rgb(51, 51, 51);
    max-width: 50%;
}

.custom-upload-styles .qq-upload-file-selector {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    max-width: 50%;
    margin-bottom: -3px;
}

.custom-upload-styles .qq-upload-delete-selector {
    display: none;
}

.custom-upload-styles li {
    list-style-type: disc;
}

.custom-upload-styles .qq-upload-list li.qq-upload-success {
    margin-left: 15px;
}

.custom-upload-styles .qq-upload-button {
    color: #333333;
}

.custom-upload-styles .qq-progress-bar {
    background: #166DBA;
}

.custom-upload-styles .qq-upload-list li {
    background-color: transparent !important;
}

.custom-upload-styles .qq-total-progress-bar-selector {
    display: none;
}