:focus {
	outline: none;
}
a {
    text-decoration: none;
    outline: none !important;
}
html {
	font-size: 85%;
}
body {
	color: #333;
	font-size: 14px;
	line-height: 1.5;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 400;
    background-color: #f6f7f9;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Ubuntu, sans-serif;
}
body, button, input, select, textarea {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
a {
    transition: all 0.3s ease-in-out 0s;
}
textarea.form-control {
	height: auto !important;
}
.text-white {
	color: #FFF;
}
.hidden {
	display: none !important;
}
.form-control-plaintext,
.form-control {
    /* height: 40px !important; */
    border-radius: 3px !important;
    box-shadow: none !important;
    border: 1px solid #e8eaec;
    transition: all .3s;
}
.form-control:hover,
.form-control:focus {

    outline: 0;
    box-shadow: none;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0 none;
    outline-offset: 0;
}
.btn-default {
	color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.space {
	padding-top: 70px !important;
	padding-bottom: 70px !important;
}
.px100 {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}
.p30 {
	padding: 30px;
}
.pt20 {
    padding-top: 20px;
}
.pt50 {
    padding-top: 50px;
}
.color-picker-container.blue {
    background-color: #1b70b8;
}
.color-picker-container.orange {
    background-color: #eb8423;
}
.bg-white {
	background-color: #FFF !important;
}
.top-border {
	border-top: 1px solid #f3f3f3;
}
.left-border {
	border-left: 1px solid #f3f3f3;
}
.bottom-border {
	border-bottom: 1px solid #f3f3f3;
}
.right-border {
	border-right: 1px solid #f3f3f3;
}

.navbar-brand {
	text-indent: -999rem;
	background-image: url("../img/logo.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	height: 30px;
	width: 130px;
}

.header .navbar {
	/* height: 70px; */
	border-bottom: 1px solid #f5f5f5;
}


.wrap-main-swiper .swiper-slide {
    background-position: center;
    background-size: cover;
    height: 500px;
}
.wrap-main-swiper .content-slide {
    height: 500px;
    padding: 10% 50px 0;
    font-size: 18px;
}
.wrap-main-swiper .content-slide .slogan {
    font-size: 46px;
    font-weight: 400;
    letter-spacing: -3px;
    line-height: 120%;
    margin-bottom: 0;
}
.wrap-main-swiper .content-slide .sub-slogan {
    margin-bottom: 0;
    opacity: .8;
}
.wrap-main-swiper .content-slide .event-title {
    font-size: 18px;
    letter-spacing: -1px;
    margin-bottom: 0;
    opacity: .8;
}
.wrap-main-swiper .content-slide .btn {
	border-radius: 3px;
}
.wrap-main-swiper .content-slide .btn-outline-success {
	color: #4cae4c !important;
    border-color: #4cae4c !important;
}
.swiper-pagination-bullet {
	background-color: #FFF !important;
}
.swiper-pagination-bullet-active {
	background-color: #FFF !important;
}
/*
* Main-top
*/
.main-top {
	background-color: #FFF;
    border-bottom: 1px solid #f5f5f5;
    margin: 0;
    padding: 1.25rem 1.5rem;
}
.main-top > .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-top h1 {
	color: #2a2e36;
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 0;
}

.main-top h1 small {
	font-weight: 400;
    line-height: 1;
    color: #777;
    margin-left: 10px;
    font-size: 1rem;
}
.main-top .breadcrumb {
	color: #4d5460;
	padding: 0;
	margin-bottom: 0;
	background-color: transparent;
}
.main-top .breadcrumb a {
	color: #a6abaf;
}
.login-container {
	padding-top: 10%;
}
.login .agreement {
	text-align: center;
	font-size: 12px;
	color: #7f8792;
}
.login .agreement a {
	color: #000;
	margin: 0 2px;
}
.login-container .join-container {
	padding: 5rem 0;
}
.login-div {
	overflow: hidden;
	border-radius: 6px;
	background-color: #FFF;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}
.login-left-img {
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-image: url("../img/45209D8C828735AADAA4ED44850B300A-squashed.jpg");
	background-size: cover;
}
.login-left-img:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .7;
    z-index: 1;
    background: #2468f2;
}
.login-left-title {
    margin-top: 32px;
    margin-bottom: 16px;
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    position: relative;
    z-index: 100;
}
.login-left-desc {
    margin-bottom: 32px;
    color: #FFF;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    position: relative;
    z-index: 100;
}
.login-or {
	position: relative;
    margin-bottom: 4px;
    color: rgba(0,0,0,.25);
    font-size: 12px;
    line-height: 22px;
    text-align: center;
}
.login-or:after,
.login-or:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 44%;
    height: 1px;
    background-color: #e8eaec;
    content: "";
    transform: translateY(-50%);
}
.login-or:before {
	left: 0;
}
.login .btn {
	font-size: 1.125rem;
}
.login .social-login .btn:hover {
	color: #007bff;
    border-color: #007bff;
    background-color: transparent;
}
.login .join-container {
	padding: 5rem 0;
}
.subtop {
	padding: 5rem 0;
    background: #dc3545;
}
.subtop .sub-info {
	color: #FFF;
	text-align: center;
}
.dropdown-menu {
    padding: 0;
    border-color: #eff3f7;
    box-shadow: none;
}
.dropdown-menu>li {
	padding: 0;
}
.dropdown-menu>li>a {
	color: #333;
	display: block;
	padding: 10px 20px;
}
.dropdown-divider {
	margin: 0;
}
.dropdown-item.active,
.dropdown-item:active,
.navbar-nav .dropdown-menu>.active>a,
.navbar-nav .dropdown-menu>.active>a:focus,
.navbar-nav .dropdown-menu>.active>a:hover,
.navbar-nav .dropdown-menu>.open>a,
.navbar-nav .dropdown-menu>.open>a:focus,
.navbar-nav .dropdown-menu>.open>a:hover,
.navbar-nav .dropdown-menu>li>a:focus,
.navbar-nav .dropdown-menu>li>a:hover {
    color: #1d7abd;
    text-decoration: none;
	background-color: transparent;
}
.navbar-nav .nav-divider {
    margin: 0;
    background-color: #eff3f7;
}
.price-box {
	padding: 1.5rem;
	border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.price-title {
	font-size: 18px;
}
.price-amount {
	color: #dc3545;
	font-size: 48px;
}
.price-amount small {
	display: block;
	font-size: 14px;
	color: #666;
	margin-bottom: 2rem;
}
.price-desc {
	padding: 0px;
	margin: 0;
	list-style: none;
	font-weight: 500;
	margin-bottom: 4rem;
}
.price-desc li {
	line-height: 28px;
}
.price-btn .btn {
	font-size: 15px;
	line-height: 28px;
}
.main-head {
	margin-bottom: 1.5rem;
}
.head-title {
	color: #333;
}
.head-desc {
	color: #666;
}
.text-link .btn-default {
	border: 1px solid #d6d6d6;
	color: #666;
}
.text-link .btn-default:hover,
.text-link .btn-default:focus,
.text-link .btn-default:active {
	border: 1px solid #1378e7;
	background-color: #1378e7;
	color: #FFF;
}

/* WHMCS */
section#main-body {
	padding: 0;
}
.main-content {
	margin-bottom: 0;
}
.main-content .card {
	margin-bottom: 1.5rem;
}
.main-content h3.card-title  {
    font-size: 1.25rem;
    font-weight: 400;
}
.main-content .form-check {
	padding-left: 0;
}

.bootstrap-switch.bootstrap-switch-small,
.bootstrap-switch.bootstrap-switch-mini {
	min-width: 55px;
}
.marketing-email-optin {
	padding: 20px;
	margin: 0 0 20px 0;
    background-color: #f8f8f8;
    border-radius: 3px;
}
#registration label {
	font-weight: 400;
	font-size: 16px;
}
#registration .checkbox {
	margin-top: 0;
	margin-bottom: 20px;
}
.checkbox label, .radio label {
	padding-left: 0;
}
input[type=checkbox] {
	position: relative !important;
	margin: 0 5px 0 0px !important;
	visibility: hidden;
}
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;
    font-size: .8rem;
    left: 2px;
}
input[type=checkbox]:after {
	position: absolute;
    content: '';
    border: 1px solid #e8eaec;
    height: 16px;
    width: 16px;
    display: block;
    border-radius: 2px;
    visibility: visible;
    cursor: pointer;
}
input[type=checkbox]:hover:after {
	border-color: #2254f4;
}
input[type=checkbox]:checked:before {
	color: #FFF;
}
input[type=checkbox]:checked:after {
	border-color: #2254f4;
	background-color: #2254f4;
}

/* clientarea-home */
.main-container {
	padding: 3rem 0;
}
.main-container .card {
    margin-bottom: 22px;
	border: 1px solid #f1f2f3;
	box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 3%);
}
.main-container .card .card-header {
	border-bottom: 1px solid #f1f2f3;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.main-container .card .card-header .btn {
	color: inherit;
	padding: 0px 5px;
	border: 1px solid #6c757d;
}
.main-container .card .card-header .btn:hover {
	color: #FFF;
}
.main-container .card .card-header .card-title {
	color: #666;
	font-size: 1rem;
	font-weight: 600;
	line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.clientarea-home .card .card-body {
    padding: 1rem 1.25rem;
    position: relative;
    max-height: inherit;
}
.clientarea-home .card .card-body ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.clientarea-home .card .card-body ul li {
	padding: 10px 1.25rem;
    border-bottom: 1px solid #f1f2f3;
}
.clientarea-home .card .card-body li .date {
	display: block;
	color: #AAA;
}
.clientarea-home .card .card-body li h5 {
	color: #333;
	font-size: 1rem;
	margin-bottom: 0;
}
.clientarea-home .card .card-body li a {
	display: block;
}
.clientarea-home .card .card-body a,
.clientarea-home .card .card-body a:hover {
	text-decoration: none;
}
.clientarea-home .card .card-body .product-list {
	height: 347px;	
}
.clientarea-home .card .card-body .product-list li {
	padding: 0;
}
.clientarea-home .card .card-body .product-list .list-link {
	padding: 1rem 1.25rem;
	color: #666;
	display: flex;
	align-items: center;
}
.clientarea-home .card .card-body .product-list .list-link:hover {
	background-color: #f3f6fb;
}
.clientarea-home .card .card-body .product-list .list-cell {
	width: 22%;
}
.clientarea-home .card .card-body .product-list .list-cell:first-child {
	width: 40%;
}
.clientarea-home .card .card-body .product-list .list-cell:last-child {
	width: 15%;
}
.announcements .announcement h1 a {
	color: #c82333;
	font-size: 20px;
}
.no-data {
	min-height: 150px;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 1.5rem;
}
.no-data.big-no-data {
	min-height: 347px;
}

.avatar {
	border-radius: 50%;
	overflow: hidden;
}
.avatar-md {
	width: 64px;
	height: 64px;
}
.avatar-md img {
	max-width: 100%;
}

.funds-items {
	display: flex;
	align-items: center;
}
.funds-item {
	flex: 1;
	padding: 8px;
	margin-right: 5px;
	font-size: 18px;
	color: #000;
	cursor: pointer;
	text-decoration: none;
}
.funds-item:last-child {
	margin-right: 0;
}
.funds-item:hover {
	background-color: #f3f6fb;
}
.funds-item-header {
	font-size: 12px;
	color: #888;
	line-height: 1.5;
}
.funds-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.funds-header h5 {
	font-size: 12px;
}

/* INVOICE */
@media (min-width: 992px) and (max-width: 1199px) {
    .invoice-container > div:last-child:not(.col-md-3) {
        width: 242px!important;
    }
}
.status-label {
    float: right;
    font-weight: 500;
    background-color: rgba(255, 255, 255, .1);
}
.invoice-logo img {
    max-width: 280px;
}
.invoice-top ul > li {
    position: relative;
    margin: 0 0 8px 0;
    text-align: right;
}
.invoice-top ul .list-label {
    display: inline-block;
    padding: 0 15px 0 0;
    color: #a1a6b2;
}
.invoice-status {
    color: #fff;
}
.invoice-status .status-id {
    padding-left: 44px!important;
}
.invoice-status.status-md .status-id {
    padding-right: 30px;
    text-align: right;
}
.invoice-status.status-md .status-label {
    font-weight: 700;
}
.panel-invoice .list-address,
.panel-invoice address {
    font-size: 13px;
}
.invoice-info h5 {
	font-size: 14px;
	font-weight: bold;
}
.form-actions table,
.form-actions table > tbody,
.form-actions table > tbody > tr,
.form-actions table > tbody > tr > td,
.form-actions table > tbody > tr > td > form {
    display: block;
    width: 100%;
}
.form-actions table > tbody > tr > td:first-child {
    margin-bottom: 8px;
}
.invoice-table .table>tbody>tr>td,
.invoice-table .table>tbody>tr>th,
.invoice-table .table>thead>tr>td,
.invoice-table .table>thead>tr>th, 
.invoice-table .table>tfoot>tr>td,
.invoice-table .table>tfoot>tr>th {
    padding-left: 0;
}
.invoice-table .table>tfoot>tr:last-child>td {
    border-bottom: 0 none;
}
.table .table-summary > tr > td:first-child {
    text-align: right;
    vertical-align: middle;
    border-bottom: none;
}
@media (min-width: 768px) {
    .panel-invoice .row {
        margin-left: -20px;
        margin-right: -20px;
    }
    .panel-invoice [class*="col-"] {
        padding-left: 20px;
        padding-right: 20px;
    }
    .panel-invoice .table > tbody > tr > td,
    .panel-invoice .table > thead > tr > th,
    .panel-invoice .table > tfoot > tr > td {
        padding: 10px 25px;
    }
    .panel-invoice .table > tbody > tr > td:first-child,
    .panel-invoice .table > thead > tr > th:first-child,
    .panel-invoice .table > tfoot > tr > td:first-child,
    .panel-invoice > .panel-body > h4,
    .panel-invoice > .panel-body > p {
        padding-left: 0;
    }
    .panel-invoice .table > tbody > tr > td:last-child,
    .panel-invoice .table > thead > tr > th:last-child,
    .panel-invoice .table > tfoot > tr > td:last-child,
    .panel-invoice > .panel-body > h4,
    .panel-invoice > .panel-body > p {
        padding-right: 0;
    }
    .status-label {
        padding: 0 20px;
    }
    .invoice-top,
    .invoice-status {
        margin-bottom: 40px;
    }
    .invoice-info {
        margin-bottom: 20px;
    }
    .invoice-status.status-lg {
        height: 80px;
        font-size: 32px;
        font-weight: 100;
        line-height: 80px;
    }
    .invoice-status.status-md {
        height: 40px;
        color: #fff;
        font-size: 16px;
        line-height: 40px;
    }
    .invoice-taxitem {
        margin: -30px 0 40px;
    }
}
@media (max-width: 767px) {
    .invoice-status {
        padding-left: 54px;
        margin: 0 0 20px -40px;
    }
    .invoice-status .status-id {
        padding-left: 10px!important;
    }
    .invoice-status .status-label {
        padding-left: 20px;
    }
    .invoice-payto,
    .invoice-invoicedto {
        margin-bottom: 20px!important;
    }
    .invoice-top {
        margin-bottom: 32px!important;
    }
    .invoice-taxitem {
        margin: -10px 0 20px;
    }
    .invoice-status.status-lg {
        height: 50px;
        font-size: 24px;
        font-weight: 100;
        line-height: 50px;
    }
    .invoice-status.status-md {
        height: 32px;
        font-size: 14px;
        font-weight: 100;
        line-height: 32px;
    }
    .panel-invoice h4 {
        margin-bottom: 10px;
    }
    .invoice-table .table > tbody > tr,
    .invoice-table .table > thead > tr th {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .invoice-table .table > tbody > tr .amount-col {
        line-height: 32px;
    }
    .table-summary tr {
        width: 100%;
        padding: 10px 0;
    }
    .table-summary tr:after {
        display: block;
        content: "";
        clear: both;
    }
    .table-summary tr td {
        float: left;
        width: 50%;
        padding: 0 10px !important;
    }
}
@media (max-width: 579px) {
    .panel-invoice .panel-body {
        padding: 24px;
    }
    .invoice-logo {
        text-align: center;
        margin-bottom: 20px;
    }
    .invoice-logo img {
        max-width: 200px;
    }
    .invoice-top ul > li {
        float: left;
        width: 50%;
        margin: 0;
        text-align: left;
    }
    .invoice-top ul > li .list-label {
        display: block;
    }
    .invoice-status {
        padding-left: 20px;
        margin: 0 0 20px -24px;
    }
    .invoice-status .status-id {
        padding-left: 10px!important;
    }
    .invoice-status .status-label {
        padding-left: 20px;
    }
}

/* All Table */
.table-container {
	position: relative;
}
.table-container .listtable {
    min-height: 300px;
}
.table-container .dataTables_empty {
    height: 200px;
	text-align: center !important;
}
div.dataTables_wrapper div.dataTables_info {
    background-color: transparent;
    color: #333;
    font-weight: 400;
}
div.dataTables_wrapper div.dataTables_filter label {
	padding: 0;
}
.dataTables_wrapper .dataTables_length {
	background-color: transparent;
}
.dataTables_wrapper .dataTables_length label {
	padding: 0 10px;
}
div.dataTables_wrapper div.dataTables_paginate {
	padding: 10px 0 0;
}
.dataTables_wrapper table.table-list{
	border: 0;
	border-top: 2px solid #6f6f6f;
	border-radius: 0;
}
.dataTables_wrapper table.table-list thead th {
    font-weight: 600;
    background-color: #f9fafc !important;
    border-bottom: 0 none !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    text-align: left;
    border-radius: 0 !important;
}
table.dataTable>thead .sorting:after, table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before {
	bottom: 10px;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
	top: 10px !important;
}
.dataTables_wrapper table.table-list thead th:nth-child(2) {
	text-align: left !important;
}
.table-list>tbody>tr>td {
    color: #666;
    padding: 1rem 1.25rem!important;
    text-align: left !important;
}
.table-list>tbody>tr>td a {
	font-weight: 400;
	text-decoration: none;
}
.status {
	padding: 0;
    border: 0 none;
    border-radius: 0;
    background-color: transparent;
    color: #666 !important;
}
.status:before {
    content: "\f111";
    font-size: 12px;
    display: inline-block;
    font-weight: 700;
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
    transform: scale(.8);
    border: 0 none;
    padding: 0;
}
/* 'Pending','Active','Suspended','Terminated','Cancelled','Fraud','Completed' */
.status.status-pending:before {
    color: #fbbc06;
}
.status.status-open:before,
.status.status-paid:before,
.status.status-completed:before,
.status.status-active:before {
    color: #4cd964;
}
.status.status-close:before, 
.status.status-Fraud:before, 
.status.status-terminated:before {
	color: #c0392b;
}
.status.status-cancelled,
.status.status-suspended:before {
	color: #666;
}

/* article */
.article section#main-body {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	background-color: transparent;
}

.xs-title h4 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 16px;
}
.terms-wraper p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.647;
	color: #444;
}
.terms-wraper:not(:last-child) {
  margin-bottom: 30px; }

.order-list {
	padding-left: 0px;
	margin-bottom: 0px;
}
.order-list li {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.647;
	color: #666;
	list-style: decimal;
	list-style-position: inside;
}
.order-list li:not(:last-child) {
	margin-bottom: 10px;
}

.tickets-main {
	border: 1px solid #EEE;
	border-radius: 4px;
	padding: 20px;
	display: block;
}
.tickets-main:focus,
.tickets-main:hover {
	text-decoration: none;
	background-color: #FAFAFA;
}
.tickets-main h4 {
	color: #333;
	font-size: 18px;
	margin: 0 0 15px;
}
.tickets-main p {
	color: #666;
	margin-bottom: 0;
}

#popup-backdrop .main-content {
	padding: 0;
}

/* Footer */
footer.footer {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #f5f6f8;
	border: 0 none;
	font-size: 14px;
    color: #676767;
    position: relative;
    border-top: 1px solid #f5f5f5;
}
footer.footer .btn {
	color: #333;
	display: flex;
	align-items: center;
}
footer.footer .btn > div {
	margin-right: .2rem;
}

div.header-lined h1 {
    margin: 0px 0px 0px -2px;
    border-bottom: none;
    font-weight: 400;
    color: #2a2e36;
    font-size: 28px;
    line-height: 40px;
    line-height: 1.5;
}
div.header-lined h1 small {
	color: #777;
	font-size: 1.25rem;
	margin-left: 1rem;
}
div.header-lined .breadcrumb {
	font-size: 14px;
}
div.header-lined .breadcrumb>.active {
    color: #666;
}
div.header-lined .breadcrumb > .breadcrumb-item > a {
	color: #888;
}
div.dataTables_wrapper div.dataTables_length label {
	margin-top: 8px;
}
.dataTables_wrapper .dataTables_length label .form-control {
    border: 1px solid #ddd;
    min-width: 50px;
    height: 27px !important;
    line-height: 27px;
    padding: 0 0 0 10px;
}
select.form-control {
    padding-top: 0;
    padding-bottom: 0;
    appearance: none;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldhcnN0d2FfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYgNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNCOUJEQzU7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNS41LDFoLTVDMC4yMiwxLDAsMS4yMiwwLDEuNVYyYzAsMC4xMywwLjA1LDAuMjYsMC4xNSwwLjM1bDIuNSwyLjVDMi43NCw0Ljk1LDIuODcsNSwzLDVzMC4yNi0wLjA1LDAuMzUtMC4xNQoJbDIuNS0yLjVDNS45NSwyLjI2LDYsMi4xMyw2LDJWMS41QzYsMS4yMiw1Ljc4LDEsNS41LDF6Ii8+Cjwvc3ZnPgo=");
    background-position-y: 50%;
    background-position-x: calc(100% - 11px);
    background-repeat: no-repeat;
    padding-right: 24px;
    -webkit-appearance: none;
}

@media (max-width: 991px) {
	.space {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	.px100 {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
	.wrap-main-swiper .swiper-slide {
		height: 360px;
	}
	.wrap-main-swiper .content-slide {
		height: 360px;
		padding-top: 60px;
	}
}
.contact-main {
	background: url("../img/pexels-tima-miroshnichenko-5453808.jpg") no-repeat top center/cover;
    min-height: 650px;
    position: relative;
}
.contact-main:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    z-index: 1;
    background: #dc3545;
    background: -moz-linear-gradient(-45deg, #ff9688 15%, #dc3545 100%);
    background: -webkit-linear-gradient(-45deg, #ff9688 15%, #dc3545 100%);
    background: linear-gradient(135deg, #ff9688 0%, #dc3545 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$navy', endColorstr='$blue', GradientType=1);
}
.contact-main > .container {
	z-index: 100;
	position: relative
}
.contact-main .form-control {
	color: #FFF;
	border: 0 none;
	background-color: rgba(220, 53, 69, .5);
}
.contact-main .form-control::placeholder {
	color: #FFF;
}


section.main-productgroup {
    padding-top: 40px;
    padding-bottom: 20px;
    background: #fff;
}



.pg-left-main {
    padding: 131px 0 0 24px;
    box-sizing: border-box;
    background: #e0edff url(https://bce.bdstatic.com/bce-portal/static/static/media/index-mp-main-bg.5ede2b7d.png) no-repeat 100% 0/cover;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
    transition: all .3s linear;
    min-height: 258px;
    height: calc(100% - 20px);
}

.pg-left-main:hover {
    background-image: url(https://bce.bdstatic.com/bce-portal/static/static/media/index-mp-main-bg_hover.d1e61409.png);
}

.pg-left-main:hover {
    background-color: #2468f2;
}


.pg-left-main .title {
    width: 190px;
    position: absolute;
    bottom: 144px;
    font-size: 22px;
    color: #2468f2;
    font-family: PingFangSC-Regular;
    line-height: 26px;
}
.pg-left-main:hover .desc {
    color: hsla(0,0%,100%,.7);
}
.pg-left-main .desc {
    width: 200px;
    margin-top: 0;
}
.pg-left-main .desc {
    margin-top: 10px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #596178;
    line-height: 24px;
}

.pg-left-main:hover .title {
    color: #fff;
}

.pg-left-main:hover .btn {
    background-color: #fff;
    color: #2468f2;
}

.pg-left-main .btn {
    display: block;
    width: 108px;
    height: 28px;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    text-align: center;
    margin-top: 16px;
    background: #2468f2;
    color: #fff;
    line-height: 16px;
}



div.marketing-position .minor {
	width: 858px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	cursor: pointer
}

.pg-right-main {
	min-height: 123px;
	margin-bottom: 20px!important;
	padding: 16px 24px;
	box-sizing: border-box;
	position: relative;
	background: #f6f7fa;
	border-radius: 8px;
	cursor: pointer;
}

.pg-right-main:last-child,.pg-right-main:nth-last-child(2) {
	/* margin-bottom: 0!important; */
}

.pg-right-main:after {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(data:image/png;base64,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) no-repeat 100% 0/cover;
	opacity: 0;
	transition: opacity .3s linear;
	background-size: 100% 100%;
}

.pg-right-main,.pg-right-main * {
	transition: all .3s linear
}

.pg-right-main:hover {
	background-color: #2468f2
}

.pg-right-main:hover .title {
	color: #fff
}

.pg-right-main:hover .title span {
	border-color: #fff;
	background-color: rgba(0,0,0,0)
}

.pg-right-main:hover .title span i {
	color: #fff
}

.pg-right-main:hover .desc {
	color: hsla(0,0%,100%,.7)
}

.pg-right-main:hover .btn {
	background-color: #fff;
	color: #2468f2
}

.pg-right-main:hover .discount span {
	color: #fff
}

.pg-right-main:hover:after {
	transition: opacity .3s linear .3s;
	opacity: 1
}

.pg-right-main>a {
	display: block;
	position: relative;
	z-index: 1
}

.pg-right-main .btn {
	position: absolute;
	right: 10px;
	bottom: -30px;
	transition: all .3s linear;
	display: block;
	width: 78px;
	height: 28px;
	background: #e5e8f1;
	border-radius: 4px;
	font-family: PingFangSC-Regular;
	color: #191a24;
}

.pg-right-main .btn:hover {
	background-color: hsla(0,0%,100%,.8)
}


.pg-right-main .title {
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #191a24;
    line-height: 26px;
}

.pg-right-main .desc {
    margin-top: 10px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #596178;
    line-height: 24px;
}
@media (min-width: 992px) {
.navbar-light .navbar-nav .nav-link {
    padding-top: 20px;
    padding-bottom: 20px;
}
}



.index-developer {
	background: #f6f7fa;
	background-image: url(../img/index-developer.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: auto 100%
}

.index-developer .index-developer-wrapper {
	padding: 110px 0 68px
}

.index-developer .index-developer-wrapper .developer-title {
	font-size: 28px;
	color: #191a24;
	text-align: left;
	line-height: 26px;
}

.index-developer .index-developer-wrapper .developer-desc {
	opacity: .8;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #191a24;
	line-height: 24px;
	font-weight: 400;
	margin: 20px 0
}

.index-developer .index-developer-wrapper .developer-btn {
	display: block;
	width: 124px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: #2468f2;
	border-radius: 6px;
	color: #fff;
	margin-bottom: 50px
}

.index-developer .index-developer-wrapper .developer-btn:hover {
	background: #4e84f2
}

.index-developer .index-developer-wrapper .developer-modules {
	display: flex;
	justify-content: space-between;
	padding: 36px 32px;
	background: #fff;
	border-radius: 8px
}

.index-developer .index-developer-wrapper .developer-modules .developer-item h4 {
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #191a24;
	text-align: left;
	line-height: 30px;
	margin-bottom: 20px
}

.index-developer .index-developer-wrapper .developer-modules .developer-item h4 img {
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin-right: 10px
}

.index-developer .index-developer-wrapper .developer-modules .developer-item li {
	width: 340px;
	margin-bottom: 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.index-developer .index-developer-wrapper .developer-modules .developer-item li a {
	opacity: .8;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #191a24;
	line-height: 26px;
	font-weight: 400
}

.index-developer .index-developer-wrapper .developer-modules .developer-item li a:hover {
	color: #2468f2
}

.developer-item ul {
    padding: 0px;
}


@media (max-width: 992px) {
    .index-developer .index-developer-wrapper .developer-modules {
    display: block;
    overflow: hidden;
}

.developer-item {
    overflow: hidden;
}
}


.card-item {
	display: flex;
	margin: .5rem 0 .75rem;
}
.card-item .card-item-icon {
	height: 48px;
	width: 48px;
	margin-right: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f1faff!important;
	color: #7d848e;
	font-size: 24px;
	line-height: 1;
}
.card-item .card-item-title {
	color: #444;
	margin-bottom: 4px;
}
.card-item:hover .card-item-title {
	color: #076dff;
}
.card-item .card-item-info {
	font-size: 12px;
	color: #888;
	display: flex;
	align-items: flex-start;
	word-break: break-word;
}


@font-face {
	font-family: element-icons;
	src: url("./fonts/element-icons.017b197.ttf") format("truetype"), url("./fonts/element-icons.324e214.woff") format("woff"), url("./fonts/element-icons.deb6466.svg") format("svg");
	font-weight: 400;
	font-style: normal
}
i[class*=el-icon-] {
	font-family: element-icons !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	letter-spacing: 0;
	-ms-font-feature-settings: "liga"1;
	font-feature-settings: "liga";
	font-variant-ligatures: discretionary-ligatures;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.el-icon-arrow-down:before {
	content: "\E600"
}
.el-icon-arrow-left:before {
	content: "\E601"
}
.el-icon-arrow-right:before {
	content: "\E602"
}
.el-icon-arrow-up:before {
	content: "\E603"
}
.el-icon-caret-bottom:before {
	content: "\E604"
}
.el-icon-caret-left:before {
	content: "\E605"
}
.el-icon-caret-right:before {
	content: "\E606"
}
.el-icon-caret-top:before {
	content: "\E607"
}
.el-icon-check:before {
	content: "\E608"
}
.el-icon-circle-check:before {
	content: "\E609"
}
.el-icon-circle-close:before {
	content: "\E60A"
}
.el-icon-circle-cross:before {
	content: "\E60B"
}
.el-icon-close:before {
	content: "\E60C"
}
.el-icon-upload:before {
	content: "\E60D"
}
.el-icon-d-arrow-left:before {
	content: "\E60E"
}
.el-icon-d-arrow-right:before {
	content: "\E60F"
}
.el-icon-d-caret:before {
	content: "\E610"
}
.el-icon-date:before {
	content: "\E611"
}
.el-icon-delete-2:before {
	content: "\E612"
}
.el-icon-document:before {
	content: "\E613"
}
.el-icon-edit:before {
	content: "\E614"
}
.el-icon-information:before {
	content: "\E615"
}
.el-icon-loading:before {
	content: "\E616"
}
.el-icon-menu:before {
	content: "\E617"
}
.el-icon-memcache:before {
	content: "\E618"
}
.el-icon-minus:before {
	content: "\E619"
}
.el-icon-more:before {
	content: "\E61A"
}
.el-icon-picture:before {
	content: "\E61B"
}
.el-icon-plus:before {
	content: "\E61C"
}
.el-icon-search:before {
	content: "\E61D"
}
.el-icon-setting:before {
	content: "\E61E"
}
.el-icon-share:before {
	content: "\E61F"
}
.el-icon-star-off:before {
	content: "\E620"
}
.el-icon-star-on:before {
	content: "\E621"
}
.el-icon-time:before {
	content: "\E622"
}
.el-icon-warning:before {
	content: "\E623"
}
.el-icon-delete:before {
	content: "\E624"
}
.el-icon-upload2:before {
	content: "\E625"
}
.el-icon-view:before {
	content: "\E626"
}
.el-icon-eye:before {
	content: "\E627"
}
.el-icon-sign-user:before {
	content: "\E628"
}
.el-icon-account-circle:before {
	content: "\E629"
}
.el-icon-ubuntu:before {
	content: "\E62A"
}
.el-icon-server-hl:before {
	content: "\E62B"
}
.el-icon-credit-card:before {
	content: "\E62C"
}
.el-icon-help:before,
.el-icon-lifebuoy:before,
.el-icon-support:before {
	content: "\E62D"
}
.el-icon-auth-pass:before {
	content: "\E62E"
}
.el-icon-info:before {
	content: "\E62F"
}
.el-icon-checkmark:before {
	content: "\E630"
}
.el-icon-circle-cross-white:before {
	content: "\E631"
}
.el-icon-plus-white:before {
	content: "\E632"
}
.el-icon-cycle:before {
	content: "\E633"
}
.el-icon-centos:before {
	content: "\E634"
}
.el-icon-ghost:before {
	content: "\E635"
}
.el-icon-gitlab:before {
	content: "\E636"
}
.el-icon-magento:before {
	content: "\E637"
}
.el-icon-drupal:before {
	content: "\E638"
}
.el-icon-wordpress:before {
	content: "\E639"
}
.el-icon-freebsd:before {
	content: "\E63A"
}
.el-icon-sshkey:before {
	content: "\E63B"
}
.el-icon-snapshot:before {
	content: "\E63C"
}
.el-icon-dedicated:before,
.el-icon-server:before {
	content: "\E63D"
}
.el-icon-bell:before {
	content: "\E63E"
}
.el-icon-horn:before {
	content: "\E63F"
}
.el-icon-terminal:before {
	content: "\E640"
}
.el-icon-shift:before {
	content: "\E641"
}
.el-icon-wechat:before {
	content: "\E642"
}
.el-icon-alipay:before {
	content: "\E643"
}
.el-icon-sms-vcode:before {
	content: "\E644"
}
.el-icon-phone:before {
	content: "\E645"
}
.el-icon-toast-fail:before {
	content: "\E646"
}
.el-icon-email:before {
	content: "\E647"
}
.el-icon-invoice:before {
	content: "\E648"
}
.el-icon-firewall:before {
	content: "\E649"
}
.el-icon-coreos:before {
	content: "\E64A"
}
.el-icon-lock:before {
	content: "\E64B"
}
.el-icon-sign-key:before {
	content: "\E64C"
}
.el-icon-minus-white:before {
	content: "\E64D"
}
.el-icon-plus-circle:before {
	content: "\E64E"
}
.el-icon-minus-circle:before {
	content: "\E64F"
}
.el-icon-notice-white:before {
	content: "\E650"
}
.el-icon-cog:before {
	content: "\E651"
}
.el-icon-cogs:before {
	content: "\E652"
}
.el-icon-chart:before {
	content: "\E653"
}
.el-icon-open:before {
	content: "\E654"
}
.el-icon-sale:before {
	content: "\E655"
}
.el-icon-bookmark:before {
	content: "\E656"
}
.el-icon-medal:before {
	content: "\E657"
}
.el-icon-locked:before {
	content: "\E658"
}
.el-icon-unlocked:before {
	content: "\E659"
}
.el-icon-zoomin:before {
	content: "\E65A"
}
.el-icon-zoomout:before {
	content: "\E65B"
}
.el-icon-email-open:before {
	content: "\E65C"
}
.el-icon-male:before {
	content: "\E65D"
}
.el-icon-female:before {
	content: "\E65E"
}
.el-icon-arrow-left2:before {
	content: "\E65F"
}
.el-icon-bind:before {
	content: "\E660"
}
.el-icon-Unbundled:before {
	content: "\E661"
}
.el-icon-edit2:before {
	content: "\E662"
}
.el-icon-add-user:before {
	content: "\E663"
}
.el-icon-eip:before {
	content: "\E664"
}
.el-icon-slb:before {
	content: "\E665"
}
.el-icon-slb-monitor:before {
	content: "\E666"
}
.el-icon-direction:before {
	content: "\E667"
}
.el-icon-collapse:before,
.el-icon-expand:before {
	content: "\E668"
}
.el-icon-replace:before {
	content: "\E669"
}
.el-icon-waf:before {
	content: "\E66A"
}
.el-icon-copy:before {
	content: "\E66B"
}
.el-icon-back:before {
	content: "\E66C"
}
.el-icon-reset:before {
	content: "\E66D"
}
.el-icon-cbs:before,
.el-icon-ebs:before {
	content: "\E66E"
}
.el-icon-danger:before {
	content: "\E66F"
}
.el-icon-bucket:before {
	content: "\E670"
}
.el-icon-clear:before {
	content: "\E671"
}
.el-icon-enter:before {
	content: "\E672"
}
.el-icon-pie:before {
	content: "\E673"
}
.el-icon-upload-delete:before {
	content: "\E674"
}
.el-icon-upload-done:before {
	content: "\E675"
}
.el-icon-windows:before {
	content: "\E676"
}
.el-icon-pie-active .path1:before {
	content: "\E677"
}
.el-icon-pie-active .path2:before {
	content: "\E678"
}
.el-icon-combined:before {
	content: "\E679"
}
.el-icon-snapshot-chain:before {
	content: "\E67A"
}
.el-icon-rename:before {
	content: "\E67B"
}
.el-icon-back-2:before {
	content: "\E67C"
}
.el-icon-checkbox:before {
	content: "\E67D"
}
.el-icon-close-2:before {
	content: "\E67E"
}
.el-icon-down:before {
	content: "\E67F"
}
.el-icon-delete-3:before {
	content: "\E680"
}
.el-icon-expand-2:before {
	content: "\E681"
}
.el-icon-folder:before {
	content: "\E682"
}
.el-icon-list:before {
	content: "\E683"
}
.el-icon-next:before {
	content: "\E684"
}
.el-icon-plus-2:before {
	content: "\E685"
}
.el-icon-previous:before {
	content: "\E686"
}
.el-icon-question:before {
	content: "\E687"
}
.el-icon-refresh:before {
	content: "\E688"
}
.el-icon-up:before {
	content: "\E689"
}
.el-icon-vpc:before {
	content: "\E68A"
}
.el-icon-vpc-child:before {
	content: "\E68B"
}
.el-icon-vpc-p2p:before {
	content: "\E68C"
}
.el-icon-filter:before {
	content: "\E68D"
}
.el-icon-rds:before {
	content: "\E68E"
}
.el-icon-tip:before {
	content: "\E68F"
}
.el-icon-database:before {
	content: "\E690"
}
.el-icon-bill:before {
	content: "\E691"
}
.el-icon-expand-3:before {
	content: "\E692"
}
.el-icon-chat-1:before {
	content: "\E693"
}
.el-icon-chat-2:before {
	content: "\E694"
}
.el-icon-switch:before {
	content: "\E695"
}
.el-icon-download:before {
	content: "\E696"
}
.el-icon-add:before {
	content: "\E697"
}
.el-icon-java:before {
	content: "\E698"
}
.el-icon-docker:before {
	content: "\E699"
}
.el-icon-php:before {
	content: "\E69A"
}
.el-icon-python:before {
	content: "\E69B"
}
.el-icon-setting-2:before {
	content: "\E69C"
}
.el-icon-delete-4:before {
	content: "\E69D"
}
.el-icon-reset-2:before {
	content: "\E69E"
}
.el-icon-danger-2:before {
	content: "\E69F"
}
.el-icon-copy-2:before {
	content: "\E6A0"
}
.el-icon-extend:before {
	content: "\E6A1"
}
.el-icon-gift:before {
	content: "\E6A2"
}
.el-icon-pause:before {
	content: "\E6A3"
}
.el-icon-play:before {
	content: "\E6A4"
}
.el-icon-invoice-2:before {
	content: "\E6A5"
}
.el-icon-cart:before {
	content: "\E6A6"
}
.el-icon-arrow-right-2:before {
	content: "\E6A7"
}
.el-icon-eye-close:before {
	content: "\E6A8"
}
.el-icon-eye-open:before {
	content: "\E6A9"
}
.el-icon-menu-list:before {
	content: "\E6AA"
}
.el-icon-suggestion:before {
	content: "\E6AB"
}
.el-icon-dingtalk:before {
	content: "\E6AC"
}
.el-icon-wechat-2:before {
	content: "\E6AD"
}
.el-icon-qq:before {
	content: "\E6AE"
}
.el-icon-diamond:before {
	content: "\E6AF"
}
.el-icon-pull:before {
	content: "\E6B0"
}
.el-icon-reasoning:before {
	content: "\E6B1"
}
.el-icon-model:before {
	content: "\E6B2"
}
.el-icon-namespace:before {
	content: "\E6B3"
}
.el-icon-repository:before {
	content: "\E6B4"
}
.el-icon-nas:before {
	content: "\E6B5"
}
.el-icon-account:before {
	content: "\E6B6"
}
.el-icon-add-menu:before {
	content: "\E6B7"
}
.el-icon-create-team:before {
	content: "\E6B8"
}
.el-icon-envoy:before {
	content: "\E6B9"
}
.el-icon-help:before {
	content: "\E6BA"
}
.el-icon-icp:before {
	content: "\E6BB"
}
.el-icon-logout:before {
	content: "\E6BC"
}
.el-icon-message:before {
	content: "\E6BD"
}
.el-icon-mini:before {
	content: "\E6BE"
}
.el-icon-org:before {
	content: "\E6BF"
}
.el-icon-permission:before {
	content: "\E6C0"
}
.el-icon-settings:before {
	content: "\E6C1"
}
.el-icon-switch-team:before {
	content: "\E6C2"
}
.el-icon-cert:before {
	content: "\E6C3"
}
.el-icon-monitor:before {
	content: "\E6C4"
}
.el-icon-ddos:before {
	content: "\E6C5"
}
.el-icon-docker:before {
	content: "\E6C6"
}
.el-icon-ebs-1:before {
	content: "\E6C7"
}
.el-icon-cdn:before,
.el-icon-eip-1:before {
	content: "\E6C8"
}
.el-icon-eis:before {
	content: "\E6C9"
}
.el-icon-mysql:before {
	content: "\E6CA"
}
.el-icon-host:before,
.el-icon-redis:before {
	content: "\E6CB"
}
.el-icon-s3:before {
	content: "\E6CC"
}
.el-icon-security:before {
	content: "\E6CD"
}
.el-icon-slb-1:before {
	content: "\E6CE"
}
.el-icon-snapshot1:before {
	content: "\E6CF"
}
.el-icon-vpc-1:before {
	content: "\E6D0"
}
.el-icon-waf-1:before {
	content: "\E6D1"
}
.el-icon-ec:before,
.el-icon-dc2:before {
	content: "\E6D2"
}
.el-icon-min:before {
	content: "\E6D3"
}
.el-icon-max:before {
	content: "\E6D4"
}
.el-icon-minus-1:before {
	content: "\E6D5"
}
.el-icon-minus-2:before {
	content: "\E6D6"
}
.el-icon-plus-3:before {
	content: "\E6D7"
}
.el-icon-notepad:before {
	content: "\E6D8"
}
.el-icon-refresh-2:before {
	content: "\E6D9"
}
.el-icon-clear-2:before {
	content: "\E6DA"
}
.el-icon-linux:before {
	content: "\E6DB"
}
.el-icon-refresh-3:before {
	content: "\E6DC"
}
.el-icon-download-2:before {
	content: "\E6DD"
}
.el-icon-warning-light:before {
	content: "\E6DE"
}
.el-icon-grid-2:before {
	content: "\E6DF"
}
.el-icon-grid-3:before {
	content: "\E6E0"
}
.el-icon-plus-4:before {
	content: "\E6E1"
}
.el-icon-expand-hollow:before {
	content: "\E6E2"
}
.el-icon-expand-solid:before {
	content: "\E6E3"
}
.el-icon-more-hollow:before {
	content: "\E6E4"
}
.el-icon-more-solid:before {
	content: "\E6E5"
}
.el-icon-excel-hollow:before {
	content: "\E6E6"
}
.el-icon-excel-solid:before {
	content: "\E6E7"
}
.el-icon-image-hollow:before {
	content: "\E6E8"
}
.el-icon-image-solid:before {
	content: "\E6E9"
}
.el-icon-location:before {
	content: "\E6EA"
}
.el-icon-menu-2:before {
	content: "\E6EB"
}
.el-icon-email-2:before {
	content: "\E6EC"
}
.el-icon-top:before {
	content: "\E6ED"
}
.el-icon-save:before {
	content: "\E6EE"
}
.el-icon-kf:before {
	content: "\E6EF"
}
.el-icon-plus-5:before {
	content: "\E6F0"
}
.el-icon-open-2:before {
	content: "\E6F1"
}
.el-icon-pause-2:before {
	content: "\E6F2"
}
.el-icon-resume:before {
	content: "\E6F3"
}
.el-icon-folder-active:before {
	content: "\E6F4"
}
.el-icon-folder-normal:before {
	content: "\E6F5"
}
.el-icon-bucket-active:before {
	content: "\E6F6"
}
.el-icon-bucket-normal:before {
	content: "\E6F7"
}
.el-icon-restart:before {
	content: "\E6F8"
}
.el-icon-nightingale:before {
	content: "\E6F9"
}
.el-icon-mount:before {
	content: "\E6FA"
}
.el-icon-bill:before {
	content: "\E900"
}
.el-icon-to-top:before {
	content: "\E901"
}
.el-icon-contact:before {
	content: "\E902"
}
.el-icon-form:before {
	content: "\E903"
}
.el-icon-tool:before {
	content: "\E904"
}
.el-icon-mail-open:before {
	content: "\E905"
}
.el-icon-jump:before,
.el-icon-bms:before {
	content: "\E906"
}
.el-icon-income:before {
	content: "\E907"
}
.el-icon-renewal-manage:before {
	content: "\E908"
}
.el-icon-resource-manage:before {
	content: "\E909"
}
.el-icon-switch-team-2:before {
	content: "\E90A"
}
.el-icon-permission-2:before {
	content: "\E90B"
}
.el-icon-enovy-2:before {
	content: "\E90C"
}
.el-icon-logout-2:before {
	content: "\E90D"
}
.el-icon-personal-user:before {
	content: "\E90E"
}
.el-icon-create-team-2:before {
	content: "\E90F"
}
.el-icon-team-user:before {
	content: "\E910"
}
.el-icon-sub-personal-user:before {
	content: "\E911"
}
.el-icon-check-1:before {
	content: "\E912"
}
.el-icon-search-2:before {
	content: "\E913"
}
.el-icon-arrow-top:before {
	content: "\E914"
}
.el-icon-link:before {
	content: "\E915"
}
.el-icon-wechat-help:before {
	content: "\E916"
}
.el-icon-account-2:before {
	content: "\E917"
}
.el-icon-order-manage:before {
	content: "\E918"
}
.el-icon-arrow-left-2:before {
	content: "\E919"
}
.el-icon-drupal {
	color: #10a7db
}
.el-icon-ghost {
	color: #999
}
.el-icon-gitlab {
	color: #775ed1
}
.el-icon-magento {
	color: #f5926f
}
.el-icon-wordpress {
	color: #3886be
}
.el-icon-wechat {
	color: #0bae0f
}
.el-icon-alipay {
	color: #00a0e9
}
.el-icon-toast-fail {
	color: #fe4f27
}
.el-icon-circle-check {
	color: #09d274
}
.el-icon-collapse:before {
	display: inline-block;
	transform: rotate(180deg)
}
.el-icon-pie-active .path1:before {
	color: #2d77ee
}
.el-icon-pie-active .path2:before {
	margin-left: -1em;
	color: #659aef
}
.el-icon-loading {
	animation: rotating 1s linear infinite
}
.el-icon--right {
	margin-left: 5px
}
.el-icon--left {
	margin-right: 5px
}
[class*=" el-icon-"],
[class^=el-icon-] {
	display: inline-block
}
@keyframes rotating {
	0% {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(1turn)
	}
}


.el-icon-hosting:before {
    content: "\E689";
}

.el-icon-vps:before {
    content: "\E68A";
}
.card-item .card-item-icon i {
    font-size: 22px;
    color: #009ef7;
}



.card.wechat-card {
    background-image: url(../img/wechat/unbind.svg);
    background-size: auto 100%;
    background-position-x: right;
    background-repeat: no-repeat;
}

.card.wechat-card h2 {
    font-size: 16px;
}

.card.wechat-card p {
    max-width: 60%;
}

.card.wechat-card a {
    min-width: 130px;
    padding: unset!important;
}

.card.wechat-card.bind {
    background-image: url(../img/wechat/bind.svg);
}


ul.reward-primary {
	display: flex;
}
ul.reward-primary > li {
	flex: 1;
	border-right: 1px solid #ebebeb;
	text-align: center;
}
ul.reward-primary > li:last-child {
	border-right: 0;
}
ul.reward-primary > li .money {
	color: #333;
	font-size: 2rem;
	font-family: TCloudNumber;
}
ul.reward-primary > li .symbol {
	font-size: 14px;
}
ul.reward-primary > li .money-label {
	font-size: 12px;
	color: rgba(85,85,85,.5);
}
ul.reward-secondary {
	margin-top: 20px;
}
ul.reward-secondary>li {
	display: flex;
	position: relative;
	line-height: 24px;
	font-size: 12px;
}
ul.reward-secondary>li .money-label {
	color: #333;
	flex: 1;
	color: #888;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.item-aff .links {
	margin-top: 16px;
	text-align: center;
}
.item-aff .inner {
	font-size: 12px;
	margin-top: 16px;
	padding: 12px 16px;
	color: #555;
	background-color: #ebf4fb;
}
.item-aff .share-links {

}




.header-fixed .header {
    background: #111627;
}

.menu-state-bg .menu-item.show>.menu-link {
    color: #fff;
    font-weight: 500;
    background: hsla(0,0%,100%,.12);
}

.menu-state-title-primary .menu-item.show>.menu-link .menu-title {
    color: #fff;
}

.aside.aside-dark .aside-logo {
    background-color: #111627;
}


				
.nav-tabs {
	border-bottom: 0;
}

.nav-tabs .nav-link {
	border: solid transparent;
	border-width: 0 0 2px;

	text-transform: uppercase;
	line-height: 1;
	font-weight: 500;
	font-size: 12px;
	color: rgba(0,0,0,.55);
	padding: 17px 29px 16px
}

.nav-tabs .nav-link:hover {
	background-color: transparent;
	border-color: transparent
}

.nav-tabs .nav-link:focus {
	border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
	color: #009ef7;
	border-color: #009ef7;
}

.nav-pills {
	margin-left: -.5rem
}

.nav-pills .nav-link {
	border-radius: .25rem;
	font-size: 12px;
	text-transform: uppercase;
	padding: 17px 29px 16px;
	line-height: 1;
	background-color: #f7f7f7;
	font-weight: 500;
	color: rgba(0,0,0,.55);
	margin: .5rem
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
	background-color: #e3ebf7;
	color: #285192
}

.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link {
	width: auto
}
.ann-card ul.nav.nav-tabs {
    margin-bottom: 5px;
}

.clientarea-home .card .card-body li h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



li.list-group-item {
    border: none;
    border-bottom: 1px solid #e4e6ef!important;
}


.card.ann-card {
    border-radius: 0.625rem!important;
}

._ov-related-wechat__qcode {
    width: 116px;
    height: 129px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE2IiBoZWlnaHQ9IjEyNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIxMzUuNTU4JSIgeTE9IjE5MC4xMjElIiB4Mj0iMjEuMzk0JSIgeTI9IjAlIiBpZD0iYyI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0Q3RDdENyIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBpZD0iYSIgZD0iTTAgMGgxMzZ2MTM2SDB6Ii8+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMSAtOSkiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBtYXNrPSJ1cmwoI2IpIj48cGF0aCBkPSJNMTA1IDBjNi4wNzUgMCAxMSA0LjkyNSAxMSAxMXYxMzJjMCA0LjUwMy0yLjcwNiA4LjM3NS02LjU4MSAxMC4wNzdBMy45OCAzLjk4IDAgMDAxMTAgMTUxVjIwYTQgNCAwIDAwLTQtNEgxMGE0IDQgMCAwMC00IDR2MTMxYzAgLjc2LjIxMiAxLjQ3LjU4IDIuMDc3QTExLjAwMyAxMS4wMDMgMCAwMTAgMTQzVjExQzAgNC45MjUgNC45MjUgMCAxMSAwaDk0eiIgZmlsbD0idXJsKCNjKSIgb3BhY2l0eT0iLjY0NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEgOSkiLz48cGF0aCBkPSJNNTIgMTVhMiAyIDAgMTEwIDQgMiAyIDAgMDEwLTR6bTMyIDFhMSAxIDAgMDEwIDJINTlhMSAxIDAgMDEwLTJoMjV6IiBmaWxsPSIjOTA5MDkwIiBvcGFjaXR5PSIuMjEiLz48cGF0aCBkPSJNMTExLjc5MyAxMTIuODY3djkuMjc3YTIuMzU1IDIuMzU1IDAgMDEtMi4zNTUgMi4zNTZIOTkuNTF2LTFoOS45MjdjLjc0OCAwIDEuMzU1LS42MDcgMS4zNTUtMS4zNTZ2LTkuMjc3aDF6bS04My4yODIgMHY5LjI3N2MwIC43NS42MDcgMS4zNTYgMS4zNTYgMS4zNTZoOS45MjZ2MWgtOS45MjZhMi4zNTYgMi4zNTYgMCAwMS0yLjM1Ni0yLjM1NnYtOS4yNzdoMXptNzkuNzcxLTczLjAxMmEyLjUgMi41IDAgMDEyLjUgMi41djkuMTM0aC0xdi05LjEzNGExLjUgMS41IDAgMDAtMS41LTEuNUg5OC41di0xaDkuNzgyem0tNjkuNS0xdjFIMjlhMS41IDEuNSAwIDAwLTEuNSAxLjV2OS4xMzRoLTF2LTkuMTM0YTIuNSAyLjUgMCAwMTIuNS0yLjVoOS43ODJ6IiBmaWxsPSIjOTc5Nzk3Ii8+PC9nPjwvZz48L3N2Zz4=);
    background-position: 0 100%;
    background-repeat: no-repeat;
    padding: 37px 21px;
}

.app-overview-media__left img {
    width: 74px;
    height: 74px;
}

.app-overview-media--reverse.app-overview-media, .app-overview-media--reverse .app-overview-media {
    flex-direction: row-reverse;
}
.app-overview-media {
    display: flex;
    align-items: flex-start;
    color: rgba(0,0,0,.9);
}

.app-overview-media__body {
    margin-right: 12px;
}

.index__bg--2nnKX {
    display: inline-block;
    width: 60px;
    height: 14px;
    top: 2px;
    background: url(//res.volccdn.com/obj/volc-console-fe/home/product-recommend.svg) no-repeat;
    position: relative;
    overflow: visible;
}

.index__bg--2nnKX:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 5px;
    background: url(//res.volccdn.com/obj/volc-console-fe/home/ellipse.svg) no-repeat;
    right: 8px;
    bottom: -5px;
    background-size: cover;
    background-position: 50%;
}

 .index__tip--3xB8l {
    font-size: 12px;
    color: #86909c;
    margin-left: 6px;
    line-height: 18px;
}

.current-month-number {
    font-size: 20px;
    font-weight: 500;
}


@media (max-width: 768px) {
.hideChecks {
    left: 10px;
}
}

.no-data .text {
    margin-top: 10px;
    margin-bottom: 20px;
}



.security-title-box {
	padding: 24px;
	background-color: #d0e3ff;
	display: flex;
	justify-content: flex-start;
}
.security-title-box .icon-box {
	margin-right: 16px;
}
.security-title-box .icon-box .bi {
	color: #084298;
	font-size: 40px;
	line-height: 1;
}
.security-title-box .title-info .title {
	color: #1f2533;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 4px;
}
.security-title-box .title-info .sub-title {
	color: #7c8294;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	margin-bottom: 0;
}
.security-list {
	padding: 0;
}
.security-content {
	min-height: 24px;
	padding: 20px 0;
	border-bottom: 1px solid #eef0f8;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.security-line {
	padding: 0 24px;
}
.security-line:hover {
	background-color: #fafbfc;
}
.security-line:last-child .security-content {
	border-bottom: 0 none;
}
.security-line .security-content .icon-title-box {
	display: flex;
	align-items: center;
	margin-right: 12px;
}
.security-line .security-content .icon-title-box .icon-box {
	margin-right: 12px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.security-line .security-content .icon-title-box .icon-box .bi {
	color: var(--primary);
	font-size: 24px;
	line-height: 1;
	vertical-align: text-top;
}

.security-line .security-content .icon-title-box .title-box .line-title {
	color: #40475b;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	margin-bottom: 0;
}
.security-line .security-content .icon-title-box .title-box .line-desc {
	color: #9ba1b1;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	margin-bottom: 0;
}
.security-line .security-content .right-content {
	width: 340px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.security-line .security-content .right-content span {
	margin-right: 16px;
	font-size: 12px;
	font-weight: 500;
}
.security-line .security-content .right-content span:last-child {
	margin-right: 0;
}
.security-line .security-content .right-content .info-text {
	color: #9aa1b1;
	line-height: 16px;
}

.btn-group.view-filter-btns {
    border-radius: 50rem!important;
    background-color: #f5f8fa!important;
    --bg-color: 245,248,250!important;
    padding: 10px 20px;
}

.btn-group.view-filter-btns .btn {
    padding: 5px 20px!important;
}

.btn-group.view-filter-btns .btn:hover,.btn-group.view-filter-btns .btn.active {
    background-color: #009ef7!important;
    color: #ffffff;
}


.btn-group.view-filter-btns .btn {
    border-radius: 50rem!important;
}

.submit-item a {
	display: flex;
	align-items: center;
	border-radius: .5rem;
	border: 1px solid #f0f1f3;
	padding: 1rem 1.5rem;
	text-decoration: none;
	transition: all .3s;
}
.submit-item a:hover {
    
border-color: rgba(0,110,255,.5);
}
.common-tool-icon {
	margin-right: 1.5rem;
}
.common-tool-icon i {
	color:  var(--primary);
	font-size: 48px
}
.common-tool-msg-cont {
	
}
.submit-item-title {
	color: #333;
	font-size: 16px;
}
.submit-item-text {
	margin-bottom: 0;
	color: #6c757d;
}


.common-tool-icon img {
    width: 48px;
    height: 48px;
}

.attachment-group .btn-default {
    border: 1px solid #ccc!important;
    padding: 0.375rem 0.75rem!important;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem!important;
}


span.client-level {
        color: #fce2ae;
    background: -webkit-linear-gradient(left,#7a7a7a,#3d3d3d);
    background: -o-linear-gradient(right,#7a7a7a,#3d3d3d);
    background: -moz-linear-gradient(right,#7a7a7a,#3d3d3d);
    background: linear-gradient(to right,#7a7a7a,#3d3d3d);
    padding: 4px 20px;
    border-radius: 20px;
    margin-left: 10px;
}

.aff-text-bg-1 {
    background: -webkit-linear-gradient(186.01deg,#8fc3ff -32.49%,#366eff 104.9%);
    background: -moz-linear-gradient(186.01deg,#8fc3ff -32.49%,#366eff 104.9%);
    background: linear-gradient(263.99deg,#8fc3ff -32.49%,#366eff 104.9%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    color: transparent;
}

.aff-text-bg-2 {
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#ff8555),to(#fd2225));
    background: linear-gradient(90deg,#ff8555,#fd2225);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    color: transparent;
}

.btn-affiliate {
    background: linear-gradient(90deg, rgba(255, 37, 37, 0.6) 0%, rgb(255, 37, 37) 100%);
    color: #ffffff;
    transition: all .3s;
}

.btn-affiliate:hover {
    background: rgba(255, 37, 37);
    color: #fff;
}

.text-hide-overflow {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width: 120px;
}

.ticket-alert {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    line-height: 36px;
    margin-bottom: 10px;
}

span.ticket-alert-sub {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: rgba(34,34,34,.9);
    text-align: center;
    line-height: 24px;
    display: block;
    margin-bottom: 10px;
}

.card-clientlevel {
    background: url(../img/clientlevel/cl_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}

.clientlevel-plugin-vip-header {
    height: 22px;
    line-height: 22px;
    color: #b87100;
    font-weight: 500;
    text-align: left;
    font-size: 1.275rem;
    margin-bottom: 30px;
}

.clientlevel-plugin-vip-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 84px;
}

a.clientlevel-plugin-vip-footer-btn {
    display: inline-block;
    text-align: center;
    color: rgba(184,113,0,.8);
    line-height: 22px;
    font-size: 14px;
}

.clientlevel-plugin-vip-body a {
    display: inline-block;
    text-align: center;
    color: rgba(184,113,0,.8);
    line-height: 22px;
    font-size: 14px;
}




i.clientlevel-plugin-vip-icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    width: 56px;
    height: 56px;
    margin-bottom: 0;
}

.card.card-xl-stretch.mb-5.mb-xl-8.card-clientlevel {
    padding: 2rem 2.25rem;
}


.card-clientlevel {
    padding: 2rem 2.25rem;
    border-radius: 0.625rem;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.clientlevel-content .card-footer {border-top: none;}

a.clientlevel-plugin-vip-footer-link {
    display: inline-block;
    /* height: 32px; */
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #999aaa;
    line-height: 32px;
    margin: 0;
}

a.clientlevel-plugin-vip-footer-btn {
    display: inline-block;
    color: #b87100;
    width: 96px;
    height: 32px;
    line-height: 32px;
    background: -webkit-gradient(linear,right top,left top,from(#f8c883),to(#fae8d0));
    background: linear-gradient(270deg,#f8c883 0,#fae8d0 100%);
    border-radius: 16px;
    cursor: pointer;
    margin: 0;
}

.clientlevel-plugin-vip-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* padding-top: 20px; */
    align-items: center;
}

.prodWgs {
    margin-left: -20px;
}


.finance-card-header {
  font-size: 14px;
  color: #282f38;
  margin-bottom: 8px;
}

.finance-card-header img {
  background-color: #3370ff;
  height: 16px;
  width: 16px;
  border-radius: 16px;
  padding: 3px;
  margin-right: 8px;
  margin-top: -3px;
}
.card-clientarea {
  padding: 20px 0px 20px 32px;
  height: 100%;
}

span.finance-credit-value {
  font-size: 24px;
  font-weight: 700;
  color: #282f38;
  letter-spacing: -.6px;
}

span.finance-credit-unit {
  font-size: 14px;
  margin-left: 4px;
  color: #39424e;
}

span.finance-credit-card {
  font-size: 12px;
  color: #606a78;
  margin-left: 20px;
  white-space: nowrap;
}

span.finance-credit-card-border {
  display: inline-block;
  height: 1px;
  width: 8px;
  background-color: #282f38;
  margin: 0 8px;
  position: relative;
  top: -4px;
}

span.finance-credit-card span {
  font-weight: 500;
  color: #282f38;
}
.finance-card-left {
  width: calc(100% - 280px);
  padding-right: 122px;
  position: relative;
}

.finance-card-left:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #f0f1f2;
  width: 1px;
  height: 56px;
  right: 0;
  top: -1px;
}
.finance-card-left .btn-addfunds {
  position: absolute;
  right: 24px;
  top: 11px;
}

.finance-card-flex {
  display: flex;
}

.finance-card-right {
  padding-left: 24px;
  width: 280px;
}

.finance-card-right h6 {
  font-weight: 500;
  line-height: 20px;
}

.finance-card-right .toggle {
  width: 60px!important;
}

.input-group.search {
    border: 1px solid #e9eef4;
    border-radius: 2px;
    color: #282f38;
    transition: all .3s;
    background-color: #f2f3f5;
}


.input-group.search input.form-control {
    background-color: #f2f3f5;
    border: none;
}

.input-group.search:hover {
    border-color: #3370ff;
}

.input-group.search .btn-default {
    border: none;
    background-color: #f2f3f5;
    cursor: pointer;
}

.input-group.search i.fas.fa-search {color:#7B8499}


.btn-size-default {
    padding: 0 16px;
    font-size: 14px;
    height: 32px;
    line-height: 1.499;
}

.btn-shape-square {
    border-radius: 2px;
    cursor: pointer;
}

span.no-product-order {
    margin-top: 15px;
    font-size: 14px;
    color: #73777A;
}


.table-hover tbody tr:hover {
    background: #f6f8fa;
}

table.dataTable.table-hover>tbody>tr:hover>* {
    box-shadow: none;
}

table.dataTable.table-hover td,table.dataTable.table-hover th {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.table td:first-child, .table th:first-child, .table tr:first-child {
    padding-left: 1.25rem;
}

.empty-text {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 44px;
    color: #a9b2c5;
    font-weight: 500;
    margin-top: 20px;
}


.no-data .text {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 44px;
    color: #a9b2c5;
    font-weight: 500;
    margin-top: 20px;
}

.client-top-link {
    color: #181c32!important;
}

.client-top-info:hover {
    border-color: #009ef7!important;
}

.client-top-info {
    transition: all .3s;
}

.client-top-info:hover .client-top-link {
    color: #009ef7!important;
}


.client-top-info:hover .text-gray-400{
    color: #009ef7!important;
}


.card-item-left {
    display: flex;
}

.card-item {
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.card-item .card-item-info {
        font-weight: 500;
        font-size: 1rem;
        color: #181c32;
}

.card-item-desc span {
    color: #a1a5b7!important;
}


div#Secondary_Navbar-Account-Logout {
    display: none;
}