/** general **/
.required-field::after {
    content: ' *';
    color: red;
}

.help-block {
    display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
  font-size: 80%;
}

.text-decoration-line-through {
    text-decoration: line-through;
}

.gap-3 {
  gap: 1rem !important;
}

.page-section {
    padding:70px 0;
}

.page-section.page-bg.highlight {
    background-position: bottom left;
  background-repeat: no-repeat;
}

.page-section.highlight {
    background-color: #F3F3F3;
}

.page-section.contact {
    background-color: rgb(229, 227, 223);
}

.table.table-list tr:first-child td, .table.table-list tr:first-child th {
    border-top: none;
}

.table .thead-blue th {
  color: #2b398e;
  background-color: #d8dcf3;
  border-color: #dee2e6;
}

.qty-container {
    display: inline-flex;
    align-items: center;
    border: 1px solid #ddd;
    padding: 3px;
    background: #fff;
}

.qty-btn {
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    font-size: 10px;
    cursor: pointer;
}

.qty-input {
    width: 20px;
    text-align: center;
    border: none;
    font-size: 13px;
    font-weight: 600;
    background: transparent;
}

.qty-btn:focus,
.qty-input:focus {
    outline: none;
}

.cart-add .doc_metadata {
    line-height: 17px;
    min-width: 80px;
}
.cart-add .doc_metadata label {
    font-size:80%;
    margin: 0;
    font-weight: 400;
}
.cart-add .doc_metadata .doc_price {
    color:#dc3545;
    font-weight: 600;
}

.cart-add .doc_metadata .doc_price::before {
    content:'RM';
    font-size:80%;
    margin-right: -3px;
}

#cart-list {
    cursor: auto;
}

#cart-list .remove-item {
    cursor: pointer;
}

/** title **/
.title-devider{
    display: flex;
    align-items: center;
    color:#2b398e;
}
.title-devider span{
margin-right:20px;
}
.title-devider:after {
border-block-end: 0;
  border-block-start: 1px solid #e6e6e6;
  content: "";
  display: block;
  flex-grow: 1;
}

/** button **/
.move-button .fa-arrow-right {
    transition: 0.3s ease-in;
}

.move-button:hover .fa-arrow-right {
    margin-left:5px;
}

/** login **/
.frontend .site-login-page .login-logo img, .login-page .login-logo img {
    width:150px;
}

/** dashboard panel **/
.backend .brand-link .brand-image {
    float: none;
    line-height:normal;
    max-height: unset;
    width: auto;
    max-width: 60%;
}

/** frontend panel **/
.frontend .brand-text {
    color:#2b398e;
    font-weight: 500;
}
.frontend .container-fluid {
    max-width:1290px;
}

.frontend .content-header {
    background-color:#F0F0F0;
}

.frontend .content {
    padding-top: 50px;
    padding-bottom: 50px;
}

.frontend .top-bar {
    border-bottom:1px solid #dee2e6;
    color:rgba(0,0,0,.5);
}

.frontend .top-bar .top-links li {
    display: inline-block;
    vertical-align: initial;
}
.frontend .top-bar .top-links li::after {
    content: '|';
    padding-right:5px;
    padding-left:5px;
    vertical-align: text-bottom;
}

.frontend .top-bar .top-links li:last-child::after {
    content:none;
}

.frontend .top-bar .social-links a, .frontend .top-bar .top-links a {
    color:rgba(0,0,0,.8);
    transition:0.3s ease-in;
}

.frontend .top-bar .social-links a:hover, .frontend .top-bar .top-links a:hover {
    color:rgba(0,0,0,1);
}