/* *****************************************************

    ** Base Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
@import url('basic.css?1');
html {
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
:focus {
	outline: none;
}
.fade.in {
	opacity: 1;
}
.hidden,
.adminreturndiv {
	display: none !important;
}
.navbar-nav .nav-link {
	font-weight: 600;
	font-size: 16px;
}
.collapse.in {
	display: block;
}
.login-page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.register-page {
	padding: 56px 0;
	height: inherit;
}
.login-page .logo {
	color: #FFF;
	font-size: 34px;
	line-height: 40px;
	font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}
.logincontainer {
    font-size: .875rem;
	width: 100%;
	max-width: 400px;
	background-color: #FFF;
	border-radius: 4px;
}
.logincontainer.register {
	max-width: 700px;
}
.logincontainer-body {
	padding: 30px;
}
.logincontainer-body h1 {
	font-size: 34px;
	line-height: 40px;
	font-weight: 400;
}
.logincontainer-body h1 span {
	display: block;
	font-size: 14px;
	line-height: 30px;
}
.logincontainer-body .text-small {
	font-weight: 400;
}
.logincontainer-body h4 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin: 20px 0;
}
.marketing-email-optin h4 {
	margin: 0;
}
.logincontainer-body .form-group label {
	font-weight: 400;
}
.input-password-strenght {
    position: relative;
}
.input-password-strenght>span {
    display: flex;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    align-items: center;
    justify-content: center;
}
.password-content {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}
.password-content .btn-sm {
	height: 28px;
    padding: 2px 8px;
    font-size: 12px;
    line-height: 18px;
    border-radius: 2px;
    font-weight: 400;
}
.password-content .progress {
    flex: 1;
    height: 8px;
    margin: 0 0 0 12px;
    background-color: #e6e8ec;
    border-radius: 2px;
}
.password-content .progress .progress-bar:only-child {
    border-radius: 2px;
}
.logincontainer-footer {
	font-size: 14px;
	height: 60px;
	display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0 4px 4px;
	background-color: #f6f7f8;
}
.logincontainer-footer a {
	margin:0 5px;
}
input[type=search], select.form-control {
    -webkit-appearance: none;
}
select.form-control {
    padding-top: 0;
    padding-bottom: 0;
    appearance: none;
    background-image: url('../img/arrow-drop.svg');
    background-position-y: 50%;
    background-position-x: calc(100% - 11px);
    background-repeat: no-repeat;
    padding-right: 24px;
}
input[type=checkbox] {
    position: relative !important;
    margin: 0 3px 0 3px !important;
    visibility: hidden;
    transition: all .3s;
    height: 18px;
    width: 18px;
}
input[type=checkbox]:checked:before {
    position: absolute;
    z-index: 5;
    content: "\f00c";
    color: #3090d6;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    display: block;
    visibility: visible;
	transform: scale(.65);
    left: 2px;
    top: 2px;
}
input[type=checkbox]:after {
    position: absolute;
    content: '';
    border: 1px solid #dee2e6;
    height: 16px;
    width: 16px;
    display: block;
    margin-top: 3px;
    left: 0;
    visibility: visible;
    cursor: pointer;
    border-radius: 2px;
}
input[type=checkbox]:hover:after {
    border-color: #3854bf;
}
input[type=checkbox]:checked:before {
    color: #FFF;
}
input[type=checkbox]:checked:after {
    border-color: #3854bf;
    background-color: #3854bf;
}
.navbar-main .navbar-nav li .dropdown-toggle {
    appearance: none;
    background-image: url(../img/arrow-drop.svg);
    background-position-y: 50%;
    background-position-x: calc(100% - 11px);
    background-repeat: no-repeat;
    padding-right: 24px;
}
.navbar-main .navbar-nav .nav-item:first-child {
	margin-left: -.75rem;
}
.navbar-main .navbar-nav .nav-divider {
	height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}
.main-body {
    margin: 0;
    padding: 56px 0;
    background-color: #FFF;
}
.main-header {
    margin-bottom: 40px;
}
.main-header .header-lined h1 {
    margin: 0;
    border-bottom: none;
    font-weight: 400;
    color: #2a2e36;
    font-size: 34px;
    line-height: 40px;
}
.main-header .header-lined p {
    margin: 24px 0 0;
    font-size: 14px;
    color: #7c8088;
}
.main-header .breadcrumb {
    margin: 0;
    padding: 6px 0 0;
    background: 0 0;
    flex-wrap: wrap;
    font-weight: 400;
}
.main-header .breadcrumb, .main-header .breadcrumb li, .main-header .breadcrumb li a {
    display: flex;
    align-items: center;
}
.main-header .breadcrumb li a {
    color: #acb0b8;
}
.breadcrumb > li + li::before {
    content: "/ ";
    color: rgb(204, 204, 204);
    padding: 0px 5px;
    margin: 0px;
}
.main-header .breadcrumb li.active {
    color: #7c8088;
}
.tiles {
    margin: 0;
}
.tile {
    display: block;
    text-decoration: none;
    position: relative;
    padding: 12px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 4px;
    transition: all .24s ease;
    margin-bottom: 20px;
}
a.tile:hover {
    border-color: #3854bf;
    cursor: pointer;
}
.tile .icon {
    position: absolute;
    top: 10px;
    right: 16px;
    color: #b9bdc5;
}
a.tile:hover .icon {
    color: #3854bf;
}
.tile .stat {
    padding-top: 4px;
    padding-bottom: 8px;
    font-size: 30px;
    line-height: 1;
    color: #3854bf;
}
.tile .title {
    margin-top: -1px;
    color: #2a2e36;
    font-size: 17px;
    text-align: center;
}
.panel {
    margin-bottom: 24px;
    background-color: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 4px;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    color: inherit;
    color: #2a2e36;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
}
.panel-body {
    padding: 15px;
}
.panel-form {
    background: #f6f7f8;
}
.m-t-16 {
    margin-top: 16px!important;
}
.h3, h3 {
    font-size: 18px;
    line-height: 28px;
}
.panel-sidebar .panel-title > i {
    width: 0;
    overflow: hidden;
    margin-left: -9px;
    display: inline-block;
    line-height: 0;
}
.client-home-alerts .panel-sidebar .list-group-item {
	border: 0 none;
	padding: .3rem 0;
	position: relative;
}
.panel-sidebar .list-group-item span.badge {
	position: absolute;
}
.panel-footer {
    padding: 10px 15px;
    border-top: 1px solid #e6e8ec;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel-default>.panel-heading {
    color: #2a2e36;
    background-color: #f6f7f8;
    border-color: #e6e8ec;
}
.panel-sidebar .panel-body {
    padding: 8px 0;
    display: block!important;
}
.panel-sidebar.panel-client-details .panel-body {
    color: #7c8088;
}
.panel-sidebar {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}
.panel-sidebar .panel-heading {
    color: #2a2e36;
    background: 0 0;
    border-bottom: 0;
    padding: 4px 0 12px;
}
.panel-sidebar .panel-footer {
    background: 0 0;
    border-top: 0;
    padding: 16px 0 0;
}
.client-home-panels .panel > .panel-heading {
    padding-top: 15px;
    padding-bottom: 15px
}
.client-home-panels .panel > .panel-heading .panel-title {
    display: flex;
    justify-content: space-between;
    align-items: center
}
.client-home-panels .panel > .panel-heading .panel-title > i {
    order: 2;
    color: #b9bdc5
}
.client-home-panels .panel > .panel-heading .panel-title .pull-right {
    order: 1;
    margin-left: auto;
    margin-right: 16px
}
.client-home-panels .panel > .panel-heading .panel-title .btn {
    color: #fff;
    border: 0
}
.client-home-panels .panel > .panel-heading .panel-title .btn:hover {
    color: #000
}
.client-home-panels .panel > .panel-body {
    padding: 0;
    max-height: 323px
}
.client-home-panels .panel > .panel-body .input-group.margin-10 {
    margin: 10px 16px 24px
}
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn {
    color: #0c70de;
    background-color: #e3effc;
    border-color: #e3effc
}
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.active,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.active.focus,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.active:focus,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.active:hover,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.focus,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn:active,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn:active.focus,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn:active:focus,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn:active:hover,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn:focus,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn:hover,
.open > .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.dropdown-toggle,
.open > .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.dropdown-toggle.focus,
.open > .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.dropdown-toggle:focus,
.open > .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.dropdown-toggle:hover {
    color: #0c70de;
    background-color: #d5e7fb;
    border-color: #d5e7fb
}
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.active,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn:active,
.open > .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.dropdown-toggle {
    background-image: none
}
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.disabled,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.disabled.focus,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.disabled:focus,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.disabled:hover,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn[disabled],
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn[disabled].focus,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn[disabled]:focus,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn[disabled]:hover,
fieldset[disabled] .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn,
fieldset[disabled] .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn.focus,
fieldset[disabled] .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn:focus,
fieldset[disabled] .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn:hover {
    color: #2a2e36;
    background-color: #e6e8ec;
    border-color: #e6e8ec
}
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn .badge {
    color: #e3effc;
    background-color: #0c70de
}
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success {
    color: #fff;
    background-color: #1266dd;
    border-color: #1266dd
}
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.active,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.active.focus,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.active:focus,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.active:hover,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.focus,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success:active,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success:active.focus,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success:active:focus,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success:active:hover,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success:focus,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success:hover,
.open > .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.dropdown-toggle,
.open > .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.dropdown-toggle.focus,
.open > .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.dropdown-toggle:focus,
.open > .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.dropdown-toggle:hover {
    color: #fff;
    background-color: #0d55b8;
    border-color: #0d55b8
}
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.active,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success:active,
.open > .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.dropdown-toggle {
    background-image: none
}
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.disabled,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.disabled.focus,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.disabled:focus,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.disabled:hover,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success[disabled],
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success[disabled].focus,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success[disabled]:focus,
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success[disabled]:hover,
fieldset[disabled] .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success,
fieldset[disabled] .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success.focus,
fieldset[disabled] .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success:focus,
fieldset[disabled] .client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success:hover {
    color: #2a2e36;
    background-color: #0f66dc;
    border-color: #0f66dc
}
.client-home-panels .panel > .panel-body .input-group .input-group-btn .btn-success .badge {
    color: #3854bf;
    background-color: #fff
}
.client-home-panels .panel > .panel-body p {
    margin: 0;
    padding: 16px 15px
}
.client-home-panels .panel > .panel-body .no-data {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 48px 24px 36px
}
.client-home-panels .panel > .panel-body .no-data-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 20px
}
.client-home-panels .panel > .panel-body .no-data-icon img {
    width: 100%
}
.client-home-panels .panel > .panel-footer {
    border-top-width: 1px
}
.client-home-panels .panel .text-last-updated,
.client-home-panels .panel small {
    display: block;
    font-size: 12px;
    color: #acb0b8
}
.client-home-panels .panel .list-group {
    max-height: 323px;
    overflow: hidden;
    position: relative
}
.client-home-panels .panel .list-group .list-group-item {
    color: #2a2e36;
    padding: 16px;
    border-bottom: 1px solid #e6e8ec
}
.client-home-panels .panel .list-group .list-group-item:last-of-type {
    border-bottom: 0
}
.client-home-panels .panel .list-group .list-group-item:last-child {
	border-radius: 0 0 4px 4px;
}
.client-home-panels .panel .list-group.has-checkboxes .list-group-item {
    position: relative;
    padding-left: 48px
}
.client-home-panels .panel .list-group.has-checkboxes .list-group-item .checkbox-styled {
    position: absolute;
    top: 18px;
    left: 16px
}
.client-home-panels .panel-support-tickets .status {
    display: inline-block;
    margin: 0 0 0 4px
}
.client-home-panels .panel-support-tickets br {
    display: none
}
.client-home-panels .panel-accent-emerald {
    overflow: hidden;
    position: relative;
    background-color: #3755be;
    border: none;
    background-position-y: -100px;
    padding-bottom: 24px;
    padding-top: 24px
}
.client-home-panels .panel-accent-emerald small {
    opacity: .4;
    color: #fff
}
.client-home-panels .panel-accent-emerald p {
    color: hsla(0, 0%, 100%, .4);
    padding: 0!important;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    margin-top: -4px!important
}
.client-home-panels .panel-accent-emerald input[name=domain] {
    min-width: 100%;
    flex-basis: 100%;
    width: 100%;
    text-align: center;
    height: 48px;
    padding: 8px 24px;
    font-size: 17px;
    line-height: 28px;
    border-radius: 3px
}
.client-home-panels .panel-accent-emerald selectinput[name=domain] {
    height: 48px;
    line-height: 48px
}
.client-home-panels .panel-accent-emerald select[multiple]input[name=domain],
.client-home-panels .panel-accent-emerald textareainput[name=domain] {
    height: auto
}
.client-home-panels .panel-accent-emerald .panel-heading {
    background: 0 0;
    border: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0
}
.client-home-panels .panel-accent-emerald .panel-heading .panel-title {
    color: #fff;
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 6px
}
.client-home-panels .panel-accent-emerald .panel-heading .panel-title > i {
	display: none;
}
.client-home-panels .panel-accent-emerald .input-wrapper {
    padding: 16px
}
.client-home-panels .panel-accent-emerald .input-actions {
    display: flex;
    margin-top: 10px
}
.client-home-panels .panel-accent-emerald .input-actions .btn {
    flex: 1
}
.client-home-panels .panel-accent-emerald .input-actions .btn:first-child {
    margin-right: 8px
}
.client-home-panels .panel-accent-emerald .form-control {
    border: 0;
    box-shadow: none
}
.client-home-panels .panel-accent-emerald .panel-body {
    padding: 0 16px
}
.client-home-panels .panel-accent-emerald .panel-body .input-group.margin-10 {
    flex-wrap: wrap;
    margin: 10px 0 24px
}
.client-home-panels .panel-accent-emerald .panel-body .input-group.margin-10 .input-group-btn {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: row-reverse
}
.client-home-panels .panel-accent-emerald .panel-body .input-group.margin-10 .input-group-btn .btn:first-child {
    margin-left: 10px;
}
.client-home-panels .panel-accent-emerald .panel-body .input-group.margin-10 .input-group-btn .btn {
    flex: 1;
    height: 48px;
    padding: 8px 24px;
    font-size: 17px;
    line-height: 28px;
    border-radius: 3px
}
.client-home-panels .panel-accent-emerald .panel-body .input-group.margin-10 .input-group-btn .btn > i {
    font-size: 17px
}
.client-home-panels .panel-accent-emerald .panel-footer {
    margin-bottom: -40px;
    margin-top: 40px;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    color: hsla(0, 0%, 100%, .4)
}

.client-home-panels .panel-accent-gold .list-group .list-group-item {
    padding-right: 32px
}
.client-home-panels .panel-accent-gold .list-group .list-group-item:last-child {
	border-radius: 0 0 4px 4px;
}
.client-home-panels .panel-accent-gold .label {
    overflow: hidden;
    width: 8px;
}
.label {
    display: flex;
    min-height: 24px;
    align-items: center;
    line-height: 18px;
    padding: 0;
    color: #7c8088;
    font-size: 14px;
}
.label:before {
    position: relative;
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    min-width: 8px;
    border-radius: 100%;
    margin-right: 8px;
}
.client-home-panels .panel-accent-blue .label {
	background-color: transparent !important;
}
.client-home-panels .panel-accent-blue br {
	display: none;
}
.client-home-panels .panel-accent-blue .label:before {
    background: var(background-color);
    background-color: #b9bdc5;
}
.status-inprogress.transfer:before,
.status-inprogress:before,
.status-onhold.transfer:before,
.status-onhold:before,
.status-payment-pending.transfer:before,
.status-payment-pending:before,
.status-pending-transfer.transfer:before,
.status-pending-transfer:before,
.status-pending.transfer:before,
.status-pending:before,
.status-warning.transfer:before,
.status-warning:before {
    background: #ffbf00
}
.status-answered:before,
.status-collections:before,
.status-customer-reply:before,
.status-draft:before,
.status-info:before,
.status-refunded:before {
    background: #3854bf
}
.status-accepted:before,
.status-active:before,
.status-answered:before,
.status-completed:before,
.status-delivered:before,
.status-open:before,
.status-paid:before,
.status-success:before,
.status.completed:before,
.label-accepted:before,
.label-active:before,
.label-answered:before,
.label-completed:before,
.label-delivered:before,
.label-open:before,
.label-paid:before,
.label-success:before,
.label.completed:before {
    background: #1fc063
}
.status-danger:before,
.status-fraud:before,
.status-grace:before,
.status-suspended:before,
.status-unpaid:before {
    background: #e02430
}
.status-cancelled:before,
.status-closed:before,
.status-dead:before,
.status-expired:before,
.status-lost:before,
.status-terminated:before,
.status-transferred-away:before {
    background: #b9bdc5
}
.pull-right {
    float: right!important;
}
.client-home-panels .panel-info .panel-title > i {
    color: #0c70de!important
}
.client-home-panels .panel-info .panel-body {
    background-color: #e3effc;
    color: #0c70de
}
.client-home-panels .panel-info .panel-footer {
    background-color: #e3effc
}
.client-home-panels .panel-danger .panel-title > i {
    color: #be0f1a!important
}
.client-home-panels .panel-danger .panel-body {
    background-color: #fdeeef;
    color: #be0f1a
}
.client-home-panels .panel-danger .panel-footer {
    background-color: #fdeeef
}
.client-home-panels .panel-warning .panel-title > i {
    color: #c59301!important
}
.client-home-panels .panel-warning .panel-body {
    background-color: #fff4e6;
    color: #c59301
}
.client-home-panels .panel-warning .panel-footer {
    background-color: #fff4e6
}
.client-home-alerts a.alert:hover .alert-actions .btn:first-child {
    opacity: 1
}
.list-group+.panel-footer,
.client-home-panels .list-group .list-group-item:first-child {
    border-top-width: 0;
}
.client-home-panels .list-group .list-group-item,
.client-home-panels .list-group .list-group-item {
    border-radius: 0;
    border-left: 0 none;
    border-right: 0 none;
}

.text-domain {
    font-size: .75rem;
    color: #3854bf;
}
.table-container {
    position: relative;
    border: 1px solid #e6e8ec;
    background: #fff;
    border-radius: 4px;
}
.table-container.loading {
    max-height: 725px;
    overflow: hidden
}
.table-container.loading .table {
    opacity: 0;
    visibility: hidden
}
.table-container .table-top {
	position: absolute;
	right: 16px;
}
.table-container .table-top .d-flex {
	height: 45px;
    align-items: center;
}
.table-container .table-top label {
    display: inline-block;
    font-size: 12px;
    color: #7c8088;
    margin-right: 8px;
    margin-bottom: 0;
}
.table-container .table-top .btn-sm {
	color: #212529;
	padding: .15rem .5rem;
	border-radius: 3px;
	font-weight: 400;
	font-size: 12px;
    padding: .15rem .5rem;
    border-radius: 3px;
    font-weight: 400;
    font-size: 12px;
    background-image: url(../img/arrow-drop.svg);
    background-position-y: 50%;
    background-position-x: calc(100% - 8px);
    background-repeat: no-repeat;
    padding-right: 19px;
}
.table-container .dataTables_wrapper label {
    padding: 8px 16px;
    margin: 0;
    font-size: 12px
}
.table-container .dataTables_wrapper label .form-control {
    display: inline-block;
    width: auto;
    margin-left: 8px;
    margin-right: 8px;
    height: 28px;
    padding-right: 15px;
    font-size: 12px;
    line-height: 28px;
    border-radius: 2px;
}
.table-container .dataTables_length {
    background-color: #f6f7f8;
    border-top: 1px solid #e6e8ec;
    height: 44px;
    font-size: 12px;
    border-radius: 0 0 4px 4px;
}
.table-container .dataTables_info {
    padding: 0 16px;
    background: #f6f7f8;
    font-size: 12px;
    color: #7c8088;
    line-height: 45px;
    border-radius: 4px 4px 0 0;
}
.table-container .form-inline,
.table-container .form-inline label {
	display: inherit;
}
.table-container .table-list {
    margin-top: 0!important;
    margin-bottom: 0!important;
    width: 100%!important
}
.table-container .dataTables_paginate {
    float: right;
    padding: 8px 16px;
    height: 44px
}
.table-container .dataTables_paginate .pagination {
    margin: 0;
    padding: 0;
    border: 0
}
.table-container .dataTables_paginate .pagination > li > a,
.table-container .dataTables_paginate .pagination > li > span {
    padding: 4px 8px;
    font-size: 12px
}
.table-container .dataTables_filter {
	display: none;
}
.table-container .dataTables_filter label {
    margin: 0;
    padding: 0;
}
.table-container .dataTables_filter label .form-control {
	color: #f6f7f8;
    padding: 0 7px !important;
    height: auto;
    font-size: 12px;
    background-color: #f6f7f8;
    border: 0 none;
}
.table-container .dataTable .small,
.table-container .dataTable .text-small {
    display: inline-block;
    font-size: 12px;
    line-height: 18px
}
.table-container .dataTable .small:not(a),
.table-container .dataTable .text-small:not(a) {
    color: #7c8088
}
.table-container .dataTable.dtr-inline.collapsed tbody td:first-child:before,
.table-container .dataTable.dtr-inline.collapsed tbody th:first-child:before {
    top: inherit!important;
    box-shadow: none!important;
    line-height: 16px!important
}
.table-container .dtr-inline .dtr-title:empty {
    display: none!important
}
.table-container .dtr-inline .responsive-edit-button {
    display: none
}
.table-container .dataTable thead > tr > th {
	padding-top: .5rem;
	padding-bottom: .5rem;
	padding-left: 1rem;
	font-weight: 400;
    color: #7c8088;
}
.table-container .dataTable thead .sorting:after,
.table-container .dataTable thead .sorting_asc:after,
.table-container .dataTable thead .sorting_desc:after,
.table-container .dataTable thead .sorting:before,
.table-container .dataTable thead .sorting_asc:before,
.table-container .dataTable thead .sorting_desc:before {
	position: absolute;
    content: '';
    background-image: url(../img/arrow-drop.svg);
    background-repeat: no-repeat;
    width: 6px;
    height: 6px;
    right: 8px;
    opacity: .5;
}
.table-container .dataTable thead .sorting:after,
.table-container .dataTable thead .sorting_asc:after,
.table-container .dataTable thead .sorting_desc:after {
    top: 18px;
}
.table-container .dataTable thead .sorting:before,
.table-container .dataTable thead .sorting_asc:before,
.table-container .dataTable thead .sorting_desc:before {
    top: 12px;
    transform: rotate(180deg);
}
.table-container .dataTable thead .sorting_asc:before,
.table-container .dataTable thead .sorting_desc:after {
	opacity: 1;
}
.table-container .dropdown-item {
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
}
.table-container .active .dropdown-item {
	color: #3755be;
	font-weight: 500;
}
.table .cell-action {
    padding-top: 0;
    padding-bottom: 0;
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
}
.table .cell-action .btn-link {
    height: 36px;
    width: 36px;
    color: #b9bdc5;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 auto;
}
.table .cell-action .btn-link:hover {
	color: #3755be;
	border: 1px solid #f6f7f8;
}
@media(max-width:767px) {
    .dataTables_wrapper .dataTables_length label {
        display: none
    }
}
@media(max-width:600px) {
    .dataTable tr td a {
        word-break: break-all
    }
    .dataTables_wrapper .dataTables_info {
        padding: 9px 10px 40px
    }
    .dataTables_wrapper .dataTables_filter {
        float: right;
        margin-top: 30px;
        width: 100%
    }
    .dataTables_wrapper .dataTables_filter label {
        display: block;
        margin: 5px;
        padding: 0
    }
    .dataTables_wrapper .dataTables_filter label .form-control {
        margin: 0;
        width: 100%
    }
    .table-container .dataTables_wrapper {
        display: flex;
        flex-direction: column
    }
    .table-container .dataTables_wrapper .listtable {
        order: 1
    }
    .table-container .dataTables_paginate {
        float: none;
        justify-content: center;
        order: 3;
        padding-top: 2px
    }
    .table-container .dataTables_length {
        display: flex;
        justify-content: center;
        order: 2;
        padding-top: 4px
    }
}
@media(min-width:768px) {
    .table-container table.dataTable tbody tr td:not(.dataTables_empty) {
        height: 48px;
        cursor: pointer;
    }
}
.table-container table.dataTable td {
	vertical-align: middle;
}
.service-main {
	display: flex;
	align-items: center;
}
.service-main .ssl-info {
	margin-right: 5px
}

.pagination {
    display: flex;
    padding: 8px 16px;
    border: 1px solid #e6e8ec;
    border-radius: 2px;
    justify-content: flex-end;
    margin: 0;
    list-style: none
}
.pagination > li {
    margin-left: 4px
}
.pagination > li > a,
.pagination > li > span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 28px;
    padding: 4px 8px;
    line-height: 24px;
    text-decoration: none;
    color: #2a2e36;
    font-size: 11px;
    background-color: #fff;
    border: 1px solid #e6e8ec;
    margin-left: -1px;
    border-radius: 2px
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    z-index: 2;
    color: #015abe;
    background-color: #f6f7f8;
    border-color: #ddd
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    background-color: #3854bf;
    border-color: #3854bf;
    cursor: default
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    color: #e6e8ec;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 8px 24px;
    font-size: 17px;
    line-height: 28px
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 2px 8px;
    font-size: 12px;
    line-height: 18px
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}
.message {
    flex-direction: column;
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 4px
}
.message,
.message-icon {
    display: flex;
    align-items: center
}
.message-icon {
    width: 64px;
    height: 64px;
    justify-content: center;
    border: 2px solid #b9bdc5;
    border-radius: 100%;
    color: #b9bdc5
}
.message-icon img {
    max-width: 100%
}
.message-image {
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center
}
.message-image img {
    max-width: 100%
}
.message-text {
    text-align: center;
    margin-top: 16px;
    margin-bottom: 20px;
    font-weight: 400
}
@media(-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .message-text {
        max-width: 100%
    }
}
.message-success .message-icon {
    color: #1fc063;
    border-color: #1fc063
}
.message-success .message-text {
    color: #1fc063
}
.message-danger .message-icon {
    color: #e02430;
    border-color: #e02430
}
.message-danger .message-text {
    color: #e02430
}
.message-no-data {
    padding: 32px;
    min-height: 320px;
    justify-content: center
}
@media(-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .message-no-data {
        height: 320px
    }
}
.message-no-data > :last-child {
    margin-bottom: 0
}
.message-lg.message-no-data {
    padding: 48px;
    align-self: flex-start
}
.message + .message {
    margin-top: 24px
}
@media only screen and (max-width:767px) {
    .message-lg.message-no-data {
        padding: 24px 16px
    }
}
.svg-icon .stroke {
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}
.svg-icon .stroke-1 {
    stroke-linejoin: round;
    stroke-width: 2px
}
.svg-icon .stroke-2 {
    stroke-width: 5.22;
    stroke-linecap: round;
    stroke-linejoin: round
}
.svg-icon .outline {
    fill: none;
    stroke: #2a2e36
}
.svg-icon .white {
    fill: #fff;
    stroke: #fff
}
.svg-icon .outline-p {
    fill: none;
    stroke: #3854bf
}
.svg-icon .prime {
    fill: #3854bf;
    stroke: #3854bf
}
.svg-icon .prime-l {
    fill: #009aff;
    stroke: #009aff
}
.svg-icon .no-fill {
    fill: none!important
}
.svg-icon .no-stroke {
    stroke: none!important
}
.svg-icon-on-dark .outline {
    fill: none;
    stroke: #667b9e
}
.svg-icon .prime-1-w {
    fill: #009aff;
    stroke: #fff
}
.svg-icon .dashed {
    stroke-dasharray: 3.84 7.69
}
.svg-icon .dashed-1 {
    stroke-dasharray: 4 8
}
.svg-icon .dashed-2 {
    stroke-dasharray: 7.71 9.64
}
.svg-icon .dashed-3 {
    stroke-dasharray: 7.5 9.37
}
.svg-icon .dashed-4 {
    stroke-dasharray: 6.6 8.25
}
.svg-icon .dashed-5 {
    stroke-dasharray: 7.61 9.51
}
.svg-icon .dashed-6 {
    stroke-dasharray: 7.55 9.43
}
.svg-icon .dashed-7 {
    stroke-dasharray: 6.76 8.45
}
.svg-icon .dashed-8 {
    stroke-dasharray: 7.63 9.54
}
.svg-icon .dashed-9 {
    stroke-dasharray: 6.52 8.15
}
.svg-icon .dashed-10 {
    stroke-dasharray: 7.79 9.74
}
.svg-icon .dashed-11 {
    stroke-dasharray: 8.39 10.49
}
.svg-icon .dashed-12 {
    stroke-dasharray: 7.83 9.78
}
.svg-icon .dashed-13 {
    stroke-dasharray: 8 10
}
.svg-icon .dashed-14 {
    stroke-dasharray: 8 8
}
.svg-icon .dashed-15 {
    stroke-dasharray: 6.42 6.42
}
.svg-icon .dashed-16 {
    stroke-dasharray: 7.66 9.58
}
.svg-icon .dashed-17 {
    stroke-dasharray: 7.64 9.55
}
.svg-icon .dashed-18 {
    stroke-dasharray: 6.56 8.19
}
.svg-icon .dashed-19 {
    stroke-dasharray: 7.6 9.5
}
.svg-icon .dashed-20 {
    stroke-dasharray: 6.57 8.21
}
.svg-icon .dashed-21 {
    stroke-dasharray: 4.27 8.53
}
.svg-icon .dashed-22 {
    stroke-dasharray: 3.7 7.4
}
.svg-icon .dashed-23 {
    stroke-dasharray: 7.67 9.59
}
.svg-icon .dashed-24 {
    stroke-dasharray: 6.5 8.13
}
.svg-icon .dashed-25 {
    stroke-dasharray: 7.58 9.48
}
.svg-icon .dashed-26 {
    stroke-dasharray: 6.48 8.1
}
.svg-icon .dashed-27 {
    stroke-dasharray: 4 6
}
.svg-icon .dashed-28 {
    stroke-dasharray: 9.09, 11.36
}
.svg-icon .dashed-29 {
    stroke-dasharray: 23.25, 29.19
}
.svg-icon .dashed-30 {
    stroke-dasharray: 23.35, 29.19
}
.svg-icon .dashed-31 {
    stroke-dasharray: 23.25, 29.07
}
.svg-icon .dashed-32 {
    stroke-dasharray: 9.09, 11.37
}
.svg-icon .dashed-33 {
    stroke-dasharray: 10.93, 13.66
}
.svg-icon .dashed-34 {
    stroke-dasharray: 20.82, 26.02;
    stroke-dasharray: 20.88, 26.1
}
.svg-icon .dashed-35 {
    stroke-dasharray: 13.54, 16.93
}
.svg-icon .dashed-36 {
    stroke-dasharray: 21.14, 26.42
}
.svg-icon .dashed-37 {
    stroke-dasharray: 21.04, 26.31
}
.svg-icon .dashed-38 {
    stroke-dasharray: 13.42, 16.78
}
.svg-icon .dashed-39 {
    stroke-dasharray: 7.96, 9.94
}
.st0 {
    fill: #fff
}
.st1 {
    fill: #73c8ff
}
.st2 {
    fill: #88d3ff
}
.st3 {
    fill: #a4e0ff
}
.st4 {
    fill: #3192e7;
    opacity: .48;
    enable-background: new
}
.st5 {
    fill: #3854bf
}
.st6 {
    fill: #d6f1ff
}
.st7 {
    opacity: .48
}
.st8 {
    fill: #b4e8fe
}
.st9 {
    fill: #3192e7
}
.st-10 {
    stroke: #fff
}
.lock-st3 {
    fill: none;
    stroke: #fff;
    stroke-width: 18;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10
}
.ssl-st7 {
    fill: none;
    stroke: #a4e0ff;
    stroke-width: 18;
    stroke-linecap: round;
    stroke-linejoin: round
}
.sl-st0 {
    fill: #3854bf
}
.sl-st0,
.sl-st1 {
    opacity: .48;
    enable-background: new
}
.sl-st1 {
    fill: #3192e7
}
.is-st9 {
    fill-rule: evenodd;
    fill: #fff
}
.is-st9,
.is-st10 {
    clip-rule: evenodd
}
.is-st10 {
    fill-rule: evenodd;
    fill: #d6f1ff
}
.is-st11 {
    stroke: #a4e0ff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10
}
.is-st11,
.is-st12 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: none
}
.is-st12 {
    stroke: #a4e0ff;
    stroke-width: 1.9899;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10
}
.is-st13 {
    fill-rule: evenodd
}
.is-st14 {
    fill: none;
    stroke: #2a2e36;
    stroke-linecap: round
}
.is-st15 {
    fill-rule: evenodd;
    fill: #fff
}
.sl-st6 {
    fill: none;
    stroke: #fff;
    stroke-width: 6.492;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10
}
.sl-st7 {
    stroke: #fff;
    stroke-width: 2px
}
.banner-st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: none;
    stroke: #3854bf;
    stroke-width: 2;
    stroke-miterlimit: 10
}
.banner-st1 {
    opacity: .05
}
.banner-st2 {
    fill-rule: evenodd;
    clip-rule: evenodd
}
.banner-st3 {
    opacity: .1
}
.banner-st4 {
    fill: #3192e7
}
.banner-st5 {
    fill: #88d3ff
}
.banner-st6 {
    opacity: .48;
    fill: #3192e7;
    enable-background: new
}
.banner-st7 {
    fill: #73c8ff
}
.banner-st8 {
    opacity: .48
}
.banner-st9 {
    fill: #b4e8fe
}
.banner-st10 {
    fill: #a4e0ff
}
.banner-st11 {
    fill: #3854bf
}
.banner-st13 {
    display: inline
}
.banner-st14 {
    fill: #fff
}
.banner-st15 {
    display: inline;
    fill: #3192e7
}
.banner-st16 {
    display: inline;
    fill: #88d3ff
}
.banner-st17 {
    display: inline;
    fill: none;
    stroke: #000;
    stroke-miterlimit: 10
}
.banner-st18 {
    fill: #f3f5f9
}
.banner-st-19 {
    fill: #e3effc
}
.banner-st-20 {
    fill: #2a2e36
}
.submit-item a {
    display: flex;
    justify-content: space-between;
    height: 90px;
    background-color: #f2f2f2;
    padding: 25px;
    box-sizing: border-box;
}
.submit-item a:hover {
    background-color: #e5e5e5;
}
.submit-item .common-tool-icon {
    padding: 0 25px 0 0;
    border-right: 1px solid #ddd;
    margin-right: 20px;
    display: flex;
    align-items: center;
}
.submit-item .common-tool-icon > img {
    height: 32px;
    width: 32px;
}
.submit-item .common-tool-msg-cont {
    width: 74%;
}
.submit-item .submit-item-title {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-top: 0;
    vertical-align: middle;
    width: 72%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.submit-item .submit-item-text {
    display: inline-block;
    color: #888;
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 0;
    width: 100%;
    min-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.custom-file {
	margin-bottom: 10px;
}
.custom-file label {
	font-size: 1rem;
}
.custom-file-label::after {
	content: '选择文件';
}
.invoice {
    background: #fff;
    border: 1px solid #e6e8ec;
    padding: 42px 32px 48px;
    border-radius: 4px
}
.invoice-title {
    display: flex;
    font-size: 34px;
    font-weight: 400;
    line-height: 38px
}
.invoice-title-sm {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500
}
.invoice-title .label {
    align-self: center;
    margin-left: 16px;
    border-radius: 4px;
    padding: .25rem .5rem;
}
.invoice-title .label:before {
	display: none;
}
.invoice h3 {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 20px
}
.invoice h3 + .table-responsive {
    margin-top: -10px
}
.invoice address {
    margin-bottom: 0
}
.invoice .well {
    border-width: 1px 0;
    border-radius: 0
}
.invoice .section + .section {
    margin-top: 32px
}
.invoice .list-info li {
    margin-bottom: 0!important
}
.invoice .sub-total-row td {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0;
    color: #7c8088
}
.invoice .sub-total-row.last td {
    padding-bottom: 16px
}
.invoice .sub-total-row.first td {
    border-top: 1px solid #e6e8ec;
    padding-top: 16px;
    color: #2a2e36
}
.invoice .table td {
    vertical-align: middle
}
.invoice .total-row td {
    background: #f6f7f8;
    border-bottom: 1px solid #e6e8ec;
    font-weight: 500;
    vertical-align: middle
}
.invoice .notes {
    margin-top: 24px
}
.invoice .notes .notes-body {
    border: 1px solid #e6e8ec;
    background-color: transparent;
    box-shadow: none
}
@media(max-width:767px) {
    .invoice {
        padding: 26px 24px 32px
    }
}
.panel-payment .select-inline {
    width: 100%
}
.panel-payment .btn + .btn,
.panel-payment form + .btn + form + .btn {
    margin-top: 16px
}
.payment-form p {
    color: hsla(0, 0%, 100%, .64);
    margin: 0
}
.payment-form table {
    margin: 0;
    background: 0 0;
    display: block;
    border-spacing: 0;
    border-collapse: unset
}
.payment-form table tbody,
.payment-form table td,
.payment-form table tr {
    border-spacing: 0;
    border-collapse: unset;
    display: block;
    height: auto;
    padding: 0!important;
    border: 0
}
.payment-form table tbody tr td + td {
    margin-top: 16px
}
.payment-form .btn,
.payment-form input[type=submit] {
    margin: 0!important
}
.payment-form .btn i:not(.fa-spinner),
.payment-form input[type=submit] i:not(.fa-spinner) {
    display: none
}
.payment-form .btn .fa-spinner,
.payment-form input[type=submit] .fa-spinner {
    margin-left: 16px;
    margin-right: -16px;
    margin-top: -2px
}
.payment-form input[type=password],
.payment-form input[type=text] {
    display: block;
    width: 100%;
    height: 42px;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 24px;
    color: #2a2e36;
    background-color: #fff;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 2px;
    -webkit-transition: border-color .24s ease, box-shadow .24s ease;
    -o-transition: border-color .24s ease, box-shadow .24s ease;
    transition: border-color .24s ease, box-shadow .24s ease
}
.payment-form input[type=password]:focus,
.payment-form input[type=text]:focus {
    outline: 0
}
.payment-form input[type=password]::-moz-placeholder,
.payment-form input[type=text]::-moz-placeholder {
    color: #acb0b8;
    opacity: 1
}
.payment-form input[type=password]:-ms-input-placeholder,
.payment-form input[type=text]:-ms-input-placeholder {
    color: #acb0b8
}
.payment-form input[type=password]::-webkit-input-placeholder,
.payment-form input[type=text]::-webkit-input-placeholder {
    color: #acb0b8
}
.payment-form input[type=password]::-ms-expand,
.payment-form input[type=text]::-ms-expand {
    border: 0;
    background-color: transparent
}
.payment-form input[type=password][disabled],
.payment-form input[type=password][readonly],
.payment-form input[type=text][disabled],
.payment-form input[type=text][readonly],
fieldset[disabled] .payment-form input[type=password],
fieldset[disabled] .payment-form input[type=text] {
    background-color: #f6f7f8;
    opacity: 1
}
.payment-form input[type=password][disabled],
.payment-form input[type=text][disabled],
fieldset[disabled] .payment-form input[type=password],
fieldset[disabled] .payment-form input[type=text] {
    cursor: not-allowed
}
.payment-form .btn-group-sm > .btn,
.payment-form .btn-sm {
    padding: 8px 16px;
    font-size: 14px;
    line-height: 24px;
    border-radius: 2px;
    height: 42px;
    font-weight: 500
}
.payment-form .btn-group-sm > .btn > i,
.payment-form .btn-sm > i {
    font-size: 14px
}
@media(max-width:992px) {
    .page-viewinvoice .row-eq-height.row-eq-height {
        display: block
    }
}
.list-info {
    padding: 0;
    margin: 0
}
.list-info li {
    display: flex
}
.list-info-title {
    color: #7c8088
}
.list-info-v li {
    flex-direction: column
}
.list-info-v li:not(:last-of-type) {
    margin-bottom: 18px
}
.list-info-v .list-info-text {
    font-size: 17px
}
.list-info-50 li:not(:last-of-type) {
    margin-bottom: 10px
}
.list-info-50 .list-info-text,
.list-info-50 .list-info-title {
    flex-basis: 50%;
    word-break: break-word
}
.list-info-sm {
    font-size: 12px;
    line-height: 18px
}
.list-info-bordered li {
    margin: 0!important;
    padding: 16px
}
.list-info-bordered li:not(:last-of-type) {
    border-bottom: 1px solid #e6e8ec
}
.panel-sidebar.panel-payment .panel-body {
	padding: 15px;
}
.panel-sidebar.panel-payment {
    border-radius: 4px;
    background: #1062fe;
    margin-bottom: 36px;
    position: relative;
    z-index: 1;
    color: hsla(0, 0%, 100%, .64)
}
.panel-sidebar.panel-payment .panel-body {
    padding: 15px
}
.panel-sidebar.panel-payment .panel-body .total {
    display: flex;
    flex-direction: column;
    color: #fff;
    padding-top: 9px;
    margin-bottom: 21px
}
.panel-sidebar.panel-payment .panel-body .total-text {
    color: hsla(0, 0%, 100%, .64);
    font-size: 12px;
    line-height: 18px
}
.panel-sidebar.panel-payment .panel-body .total-price {
    padding-top: 6px;
    font-size: 26px;
    font-weight: 400;
    line-height: 34px;
    display: flex;
    justify-content: space-between;
    align-items: center
}
.panel-sidebar.panel-payment .panel-body .list-info {
    border-top: 1px solid hsla(0, 0%, 100%, .24);
    padding-top: 12px;
    margin-top: 27px
}
.panel-sidebar.panel-payment .panel-body .list-info li:not(:last-of-type) {
    margin-bottom: 8px
}
.panel-sidebar.panel-payment .panel-body .list-info span {
    color: hsla(0, 0%, 100%, .64)
}
.panel-sidebar.panel-payment .panel-body .list-info-title {
    padding-right: 16px;
    flex: 1
}
.panel-sidebar.panel-payment .panel-body .list-info-text {
    width: 88px
}
.panel-sidebar.panel-payment .panel-body .form-group {
    margin-bottom: 12px
}
.panel-sidebar.panel-payment .panel-body label {
    color: hsla(0, 0%, 100%, .64)
}
.panel-sidebar.panel-payment .panel-body .form-control {
    border-color: #fff
}
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn),
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn) {
    display: inline-flex;
    height: 42px;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin: 16px 0 0;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    outline: none;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 24px;
    border-radius: 2px;
    color: #0c70de;
    background-color: #e3effc;
    border: 1px solid #e3effc
}
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn) > i,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn) > i {
    font-size: 14px
}
.open > .panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn).dropdown-toggle,
.open > .panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn).dropdown-toggle.focus,
.open > .panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn).dropdown-toggle:focus,
.open > .panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn).dropdown-toggle:hover,
.open > .panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn).dropdown-toggle,
.open > .panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn).dropdown-toggle.focus,
.open > .panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn).dropdown-toggle:focus,
.open > .panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn).dropdown-toggle:hover,
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn).active,
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn).active.focus,
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn).active:focus,
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn).active:hover,
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn).focus,
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn):active,
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn):active.focus,
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn):active:focus,
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn):active:hover,
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn):focus,
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn):hover,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn).active,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn).active.focus,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn).active:focus,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn).active:hover,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn).focus,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn):active,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn):active.focus,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn):active:focus,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn):active:hover,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn):focus,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn):hover {
    color: #0c70de;
    background-color: #d5e7fb;
    border-color: #d5e7fb
}
.open > .panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn).dropdown-toggle,
.open > .panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn).dropdown-toggle,
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn).active,
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn):active,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn).active,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn):active {
    background-image: none
}
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn).disabled,
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn).disabled.focus,
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn).disabled:focus,
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn).disabled:hover,
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn)[disabled],
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn)[disabled].focus,
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn)[disabled]:focus,
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn)[disabled]:hover,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn).disabled,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn).disabled.focus,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn).disabled:focus,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn).disabled:hover,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn)[disabled],
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn)[disabled].focus,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn)[disabled]:focus,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn)[disabled]:hover,
fieldset[disabled] .panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn),
fieldset[disabled] .panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn).focus,
fieldset[disabled] .panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn):focus,
fieldset[disabled] .panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn):hover,
fieldset[disabled] .panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn),
fieldset[disabled] .panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn).focus,
fieldset[disabled] .panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn):focus,
fieldset[disabled] .panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn):hover {
    color: #2a2e36;
    background-color: #e6e8ec;
    border-color: #e6e8ec
}
.panel-sidebar.panel-payment .panel-body input[type=button]:not(.btn) .badge,
.panel-sidebar.panel-payment .panel-body input[type=submit]:not(.btn) .badge {
    color: #e3effc;
    background-color: #0c70de
}
.panel-sidebar.panel-payment .panel-body select:not(.form-control) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../img/arrow-drop.svg);
    background-position-y: 50%;
    background-position-x: calc(100% - 11px);
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 42px;
    padding: 8px 16px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 24px;
    color: #393d45;
    background-color: #fff;
    border-radius: 2px;
    border: none;
    transition: border-color .24s ease, box-shadow .24s ease
}
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info) {
    width: 100%!important;
    color: #0c70de;
    background-color: #e3effc;
    border-color: #e3effc
}
.open > .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).dropdown-toggle,
.open > .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).dropdown-toggle.focus,
.open > .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).dropdown-toggle:focus,
.open > .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).dropdown-toggle:hover,
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).active,
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).active.focus,
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).active:focus,
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).active:hover,
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).focus,
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info):active,
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info):active.focus,
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info):active:focus,
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info):active:hover,
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info):focus,
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info):hover {
    color: #0c70de;
    background-color: #d5e7fb;
    border-color: #d5e7fb
}
.open > .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).dropdown-toggle,
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).active,
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info):active {
    background-image: none
}
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).disabled,
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).disabled.focus,
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).disabled:focus,
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).disabled:hover,
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info)[disabled],
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info)[disabled].focus,
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info)[disabled]:focus,
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info)[disabled]:hover,
fieldset[disabled] .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info),
fieldset[disabled] .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info).focus,
fieldset[disabled] .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info):focus,
fieldset[disabled] .panel-sidebar.panel-payment .panel-body .btn:not(.btn-info):hover {
    color: #2a2e36;
    background-color: #e6e8ec;
    border-color: #e6e8ec
}
.panel-sidebar.panel-payment .panel-body .btn:not(.btn-info) .badge {
    color: #e3effc;
    background-color: #0c70de
}
.panel-sidebar.panel-payment + .alert-panel {
    margin-top: -42px;
    padding-top: 16px
}
.panel-sidebar.panel-payment + .alert-panel .alert-icon:before {
    top: 18px
}
.client-alerts {
    padding: 0;
    width: 320px;
    left: 50%;
    margin-left: -160px
}
.client-alerts .arrow {
    display: none
}
.client-alerts .client-alerts-header {
    padding: 10px 15px;
    font-size: 12px;
    line-height: 18px;
    color: #7c8088;
    text-transform: uppercase;
    display: block
}
.client-alerts li {
    position: relative
}
.client-alerts li:last-child {
    border: 0
}
.client-alerts li:not(:last-of-type):after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #e6e8ec
}
.client-alerts li a {
    color: #7c8088;
    position: relative;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    white-space: normal
}
.client-alerts li a:hover {
    background-color: #f6f7f8;
    color: #7c8088
}
.client-alerts li i {
    float: left;
    padding-top: 2px;
    font-size: 16px;
}
.client-alerts li .message {
    margin-left: 32px;
    background: 0 0;
    border: none;
    box-shadow: none;
    align-items: flex-start
}
.client-alerts li.none {
    display: flex;
    padding: 32px 32px 24px;
    min-height: auto;
    text-align: center;
    flex-direction: column;
    align-items: center
}
.client-alerts li.none .none-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 16px
}
.client-alerts li.none .none-icon img {
    width: 100%
}
@media(max-width:767px) {
    .client-alerts {
        margin: 0;
        left: auto;
        right: -50px
    }
}
.panel-group {
    margin-bottom: 24px
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    box-shadow: none
}
.panel-group .panel + .panel {
    margin-top: 5px
}
.panel-group .panel-heading {
    border-bottom: 0;
    padding: 15px;
}
.panel-group .panel:not(.checked) .panel-heading {
    background-color: transparent;
}
.panel-group>.panel:last-child .panel-heading {
	border-radius: 0 0 3px 3px;
}
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #e6e8ec
}
.panel-group .panel-footer {
    border-top: 0
}
.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #e6e8ec
}
.panel-group-condensed>.panel+.panel.checked {
	border-top: 1px solid #2689c5;
}

.panel-group-condensed>.panel+.panel {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 1px solid #e6e8ec;
}
.panel-group-condensed>.panel:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.check-icon {
    position: absolute;
    top: 16px;
    bottom: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.check-icon > svg,
.check-icon > img {
    max-height: 24px;
    max-width: 200px
}
.account .dropdown-menu {
    left: auto;
    right: 0;
}
ul.top-nav .account .dropdown-menu {
    left: auto;
    right: auto;
}
.panel-show h2 {
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.panel-show h2 .btn-sm {
	height: 19px;
    padding: 0 6px;
    border-radius: 3px;
}
.panel-show2 {
	width: 100%;
}
.panel-show2 .home-list-item {
	height: 48px;
	text-align: left;
	justify-content: inherit;
	margin-bottom: 12px;
}
.panel-show2 .home-list-item:last-child {
	margin-bottom: 0;
}
.panel-show2 .home-list-item .link {
    display: flex;
    text-align: left;
    align-items: center;
	justify-content: space-between;
    padding: 0 16px;
    width: 100%;
}
.panel-show2 .home-list-item .item-detail {
	padding-top: 5px;
}
.home-list-item {
	height: 108px;
    background: rgba(31,50,82,.04);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.home-list-item .item-detail {
    font-family: DINCondensed-Bold;
    font-size: 20px;
    color: #333;
    text-align: center;
}
.home-list-item .item-type {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}
.dropdown-menu.dropdown-right {
	left: auto !important;
	right: 0 !important;
	transition: transform .32s cubic-bezier(0,0,0,1),opacity .08s;
	transform: translate3d(0px, 25px, 0px) !important;
}
.product-list {
	max-height: 100% !important;
}
.product-list a {
	display: flex;
	padding: 0 !important;
}
.product-list .list-group-row {
	width: 18%;
	height: 66px;
	padding: 0 20px;
	display: flex;
	align-items: center;
}
.product-list .list-group-row:first-child {
	width: 40%;
}
.product-list .list-group-row:last-child {
	width: 15%;
	justify-content: flex-end;
}
.product-list .list-group-row .text-domain {
	font-size: 14px;
	font-weight: 600;
}
.product-list .list-group-row .text-desc {
	color: #AAA;
}