@charset "UTF-8";

/* ------------------------------------------------------------------------------
 *
 *  # Bootstrap v4.3.1 (https://getbootstrap.com)
 *
 *  Copyright 2011-2018 The Bootstrap Authors
 *  Copyright 2011-2018 Twitter, Inc.
 *  Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *
 * ---------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------
 *
 *  # Global configuration
 *
 *  Here you can change main theme, enable or disable certain components and
 *  optional styles. This allows you to include only components that you need.
 *
 *  'true'  - enables component and includes it to main CSS file.
 *  'false' - disables component and excludes it from main CSS file.
 *
 *  Layout helper: @if $layout == 'base' {...}
 *  Theme helper: @if $theme == 'material' {...}
 *  Component helper: @if $enable-* {...}
 *
 * ---------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------
 *
 *  # Custom Limitless functions
 *
 *  Utility mixins and functions for evalutating source code across our variables, maps, and mixins.
 *
 * ---------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------
 *
 *  # Custom template mixins
 *
 *  All custom mixins are prefixed with "ll-" to avoid conflicts
 *
 * ---------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------
 *
 *  # Main colors
 *
 *  List of the template main color palettes
 *
 * ---------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------
 *
 *  # Default Bootstrap variable overrides
 *
 *  Variables should follow the `$component-state-property-size` formula for
 *  consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
 *  Also includes custom variables, all marked with "!default" flag.
 *
 * ---------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------
 *
 *  # Additional variables
 *
 *  Mainly 3rd party libraries and additional variables for default
 *  Bootstrap components.
 *
 * ---------------------------------------------------------------------------- */

@import url("https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");

/* ------------------------------------------------------------------------------
 *
 *  # Mixins
 *
 *  Import Bootstrap mixins with overrides
 *
 * ---------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------
 *
 *  # Badge mixin
 *
 *  Override and extend default badge mixin.
 *
 * ---------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------
 *
 *  # Forms mixin
 *
 *  Override and extend default forms mixin.
 *
 * ---------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------
 *
 *  # Buttons mixin
 *
 *  Override and extend default buttons mixin.
 *
 * ---------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------
 *
 *  # Caret mixin
 *
 *  Override and extend default cared mixin.
 *
 * ---------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------
 *
 *  # Background mixin
 *
 *  Override and extend default background mixin.
 *
 * ---------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------
 *
 *  # Reboot
 *
 *  Normalization of HTML elements - overrides of default Bootstrap styles
 *
 * ---------------------------------------------------------------------------- */

body {
    position: relative;
}

dt {
    margin-bottom: 0.3125rem;
}

dd {
    margin-bottom: 1.25rem;
}

dd:last-child {
    margin-bottom: 0;
}

dl:last-child {
    margin-bottom: 0;
}

pre {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    border: 1px solid #ddd;
    padding: 1.25rem 1.25rem;
    margin-bottom: 0;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

svg {
    display: block;
}

.svg-inline svg {
    display: inline-block;
}

.svg-center svg {
    margin: auto;
}

input[type="file"] {
    display: block;
}


/* ------------------------------------------------------------------------------
 *
 *  # Text styling
 *
 *  Override and extend default Bootstrap styles.
 *
 * ---------------------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    letter-spacing: -0.015em;
}

.list>li,
.list>li .list>li {
    margin-top: 0.3125rem;
}

.list>li:first-child {
    margin-top: 0;
}

.list-extended>li,
.list-extended>li .list>li {
    margin-top: 0.625rem;
}

ul.list-square {
    list-style-type: square;
}

ul.list-circle {
    list-style-type: circle;
}

.list-inline-item {
    position: relative;
}

.list-inline-condensed .list-inline-item:not(:last-child) {
    margin-right: 0.625rem;
}

.list-inline-dotted .list-inline-item:not(:last-child) {
    margin-right: 0.625rem;
}

.list-inline-dotted .list-inline-item:not(:last-child):after {
    content: "";
    font-family: "icomoon";
    font-size: 0.5rem;
    width: 0.4rem;
    text-align: center;
    display: inline-block;
    margin-left: 0.825rem;
    opacity: 0.25;
}

.list-inline-dotted.list-inline-condensed .list-inline-item:not(:last-child) {
    margin-right: 0.41667rem;
}

.list-inline-dotted.list-inline-condensed .list-inline-item:not(:last-child):after {
    margin-left: 0.54167rem;
}

.list-icons {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
}

.list-icons>*:not(:last-child) {
    margin-right: 0.375rem;
}

.list-icons-extended>*:not(:last-child) {
    margin-right: 0.75rem;
}

a.list-icons-item {
    display: inline-block;
    line-height: 1;
    transition: all ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    a.list-icons-item {
        transition: none;
    }
}

a.list-icons-item:not([class*=text-]) {
    color: inherit;
}

a.list-icons-item>i {
    top: 0;
}

a.list-icons-item:hover,
a.list-icons-item:focus,
.show>a.list-icons-item {
    outline: 0;
    opacity: 0.75;
}

.font-weight-black {
    font-weight: 900;
}

.font-weight-semibold {
    font-weight: 600;
}

.font-weight-thin {
    font-weight: 100;
}

.text-white {
    color: #fff;
}

a.text-white:not(.btn) {
    transition: color ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    a.text-white:not(.btn) {
        transition: none;
    }
}

a.text-white:hover,
a.text-white:focus {
    color: rgba(255, 255, 255, 0.75);
}

.text-default {
    color: #333;
}

a.text-default:not(.btn) {
    transition: color ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    a.text-default:not(.btn) {
        transition: none;
    }
}

a.text-default:hover,
a.text-default:focus {
    color: rgba(51, 51, 51, 0.75);
}

.blockquote-bordered {
    border-left: 5px solid #eee;
}

.blockquote-bordered-reverse {
    border-left: 0;
    border-right: 5px solid #eee;
}

.blockquote-footer {
    font-size: 0.8125rem;
}

.blockquote-footer::before {
    content: "\2014 \00A0 \00A0 \00A0";
}

.list-feed-item {
    position: relative;
    padding-bottom: 1.25rem;
    padding-left: 1.75rem;
}

.list-feed-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.31252rem;
    background-color: #fff;
    display: inline-block;
    border: 2px solid #607D8B;
    z-index: 3;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
}

.list-feed-item:after {
    content: '';
    position: absolute;
    top: 0.31252rem;
    left: 0.1875rem;
    bottom: -0.43752rem;
    width: 0;
    border-left: 1px solid #607D8B;
    border-right: 1px solid #607D8B;
    z-index: 2;
}

.list-feed-item:first-child:after {
    top: 0.5rem;
}

.list-feed-item:last-child {
    padding-bottom: 0;
}

.list-feed-item:last-child:after {
    content: none;
}

.list-feed-item[class*=border-]:before,
.list-feed-item[class*=border-]:after {
    border-color: inherit;
}

.list-feed-solid .list-feed-item:before {
    content: '';
    border-width: 0.25rem;
    width: 0;
    height: 0;
}

.list-feed-square .list-feed-item:before {
    content: '';
    border-radius: 0;
}

.list-feed-rhombus .list-feed-item:before {
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 0;
}

.list-feed-time .list-feed-item {
    margin-left: 3.25rem;
}

.list-feed-time .list-feed-item .feed-time {
    position: absolute;
    left: -3.25rem;
    top: 0;
}

.content-divider {
    text-align: center;
    position: relative;
    z-index: 1;
}

.content-divider>span {
    background-color: #f5f5f5;
    display: inline-block;
}

.card .content-divider>span,
.tab-content-bordered .content-divider>span {
    background-color: #fff;
}

.modal .content-divider>span {
    background-color: #fff;
}

.content-divider>span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    background-color: #ddd;
    width: 100%;
    z-index: -1;
}

.letter-icon {
    width: 1rem;
    height: 1.25003rem;
    display: block;
}

.btn-lg .letter-icon {
    height: 1.25003rem;
}

.btn-sm .letter-icon {
    height: 1.25002rem;
}

.font-weight-medium {
    font-weight: 500 !important;
}


/* ------------------------------------------------------------------------------
 *
 *  # Code blocks
 *
 *  Overrides of default code block styles
 *
 * ---------------------------------------------------------------------------- */

code {
    padding: 0.2rem 0.4rem;
    background-color: #fafafa;
}

pre {
    white-space: pre-wrap;
    /*rtl:ignore*/
    text-align: left;
    border-radius: 0.1875rem;
}


/* ------------------------------------------------------------------------------
 *
 *  # Table styling
 *
 *  Override and extend default Bootstrap styles.
 *
 * ---------------------------------------------------------------------------- */

.table {
    margin-bottom: 0;
}

.table th,
.table td {
    vertical-align: middle;
}

.table th {
    font-weight: 600;
}

.table thead th {
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    background-color: #fafafa;
}

.table tfoot th {
    border-top-color: #ddd;
}

.table caption+thead tr:first-child th,
.table caption+thead tr:first-child td,
.table colgroup+thead tr:first-child th,
.table colgroup+thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
    border-top-width: 0;
}

.table tr,
.table th,
.table td {
    transition: background-color ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {

    .table tr,
    .table th,
    .table td {
        transition: none;
    }
}

.table-dark thead th,
.table-dark thead td {
    border-bottom-color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 575.98px) {
    .table-responsive-sm>.table-bordered {
        border: 1px solid #ddd;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md>.table-bordered {
        border: 1px solid #ddd;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg>.table-bordered {
        border: 1px solid #ddd;
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl>.table-bordered {
        border: 1px solid #ddd;
    }
}

.table-responsive>.table-bordered {
    border: 1px solid #ddd;
}

.table-scrollable {
    max-height: 22.5rem;
    overflow: auto;
}

.table-columned tbody td,
.table-columned tbody th,
.table-columned tfoot td,
.table-columned tfoot th {
    border: 0;
    border-left: 1px solid #ddd;
}

.table-columned tbody td:first-child,
.table-columned tbody th:first-child,
.table-columned tfoot td:first-child,
.table-columned tfoot th:first-child {
    border-left: 0;
}

.table-columned thead th,
.table-columned thead td {
    border-left: 1px solid #ddd;
}

.table-columned thead th:first-child,
.table-columned thead td:first-child {
    border-left: 0;
}

.table-borderless td,
.table-borderless th {
    border: 0;
}

.table-xl th,
.table-xl td {
    padding: 1.25rem 1.25rem;
}

.table-lg th,
.table-lg td {
    padding: 1rem 1.25rem;
}

.table-xs th,
.table-xs td {
    padding: 0.5rem 1.25rem;
}

thead .table-border-solid th,
thead .table-border-solid td {
    border-bottom-width: 2px;
}

tbody .table-border-solid td,
tbody .table-border-solid th,
tfoot .table-border-solid td,
tfoot .table-border-solid th {
    border-top-width: 2px;
}

thead .table-border-double th,
thead .table-border-double td {
    border-bottom-width: 3px;
    border-bottom-style: double;
}

.table-bordered thead .table-border-double:first-child th,
.table-bordered thead .table-border-double:first-child td {
    border-bottom-width: 3px;
    border-bottom-style: double;
}

tbody .table-border-double td,
tbody .table-border-double th,
tfoot .table-border-double td,
tfoot .table-border-double th {
    border-top-width: 3px;
    border-top-style: double;
}

.table-border-dashed td,
.table-border-dashed th {
    border-top-style: dashed;
}

.table thead tr[class*=border-bottom-] th,
.table thead tr[class*=border-bottom-] td {
    border-bottom-color: inherit;
}

.table tbody tr[class*=border-top-] th,
.table tbody tr[class*=border-top-] td,
.table tfoot tr[class*=border-top-] th,
.table tfoot tr[class*=border-top-] td {
    border-top-color: inherit;
}

.card>.table:first-child caption+thead tr:first-child th,
.card>.table:first-child caption+thead tr:first-child td,
.card>.table:first-child colgroup+thead tr:first-child th,
.card>.table:first-child colgroup+thead tr:first-child td,
.card>.table:first-child thead:first-child tr:first-child th,
.card>.table:first-child thead:first-child tr:first-child td,
.card>[class*=table-responsive]:first-child>.table:first-child caption+thead tr:first-child th,
.card>[class*=table-responsive]:first-child>.table:first-child caption+thead tr:first-child td,
.card>[class*=table-responsive]:first-child>.table:first-child colgroup+thead tr:first-child th,
.card>[class*=table-responsive]:first-child>.table:first-child colgroup+thead tr:first-child td,
.card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child th,
.card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child td {
    border-top-width: 0;
}

.card.card-table {
    border-width: 1px;
    border-color: #ddd;
}

.card>.table caption,
.card>[class*=table-responsive]>.table caption {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.card>.table:first-child,
.card>[class*=table-responsive]:first-child>.table:first-child {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
}

.card>.table:first-child thead:first-child tr:first-child,
.card>.table:first-child tbody:first-child tr:first-child,
.card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child,
.card>[class*=table-responsive]:first-child>.table:first-child tbody:first-child tr:first-child {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
}

.card>.table:first-child thead:first-child tr:first-child td:first-child,
.card>.table:first-child thead:first-child tr:first-child th:first-child,
.card>.table:first-child tbody:first-child tr:first-child td:first-child,
.card>.table:first-child tbody:first-child tr:first-child th:first-child,
.card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child td:first-child,
.card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child th:first-child,
.card>[class*=table-responsive]:first-child>.table:first-child tbody:first-child tr:first-child td:first-child,
.card>[class*=table-responsive]:first-child>.table:first-child tbody:first-child tr:first-child th:first-child {
    border-top-left-radius: 0.125rem;
}

.card>.table:first-child thead:first-child tr:first-child td:last-child,
.card>.table:first-child thead:first-child tr:first-child th:last-child,
.card>.table:first-child tbody:first-child tr:first-child td:last-child,
.card>.table:first-child tbody:first-child tr:first-child th:last-child,
.card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child td:last-child,
.card>[class*=table-responsive]:first-child>.table:first-child thead:first-child tr:first-child th:last-child,
.card>[class*=table-responsive]:first-child>.table:first-child tbody:first-child tr:first-child td:last-child,
.card>[class*=table-responsive]:first-child>.table:first-child tbody:first-child tr:first-child th:last-child {
    border-top-right-radius: 0.125rem;
}

.card>.table:last-child,
.card>[class*=table-responsive]:last-child>.table:last-child {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
}

.card>.table:last-child tbody:last-child tr:last-child,
.card>.table:last-child tfoot:last-child tr:last-child,
.card>[class*=table-responsive]:last-child>.table:last-child tbody:last-child tr:last-child,
.card>[class*=table-responsive]:last-child>.table:last-child tfoot:last-child tr:last-child {
    border-bottom-left-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
}

.card>.table:last-child tbody:last-child tr:last-child td:first-child,
.card>.table:last-child tbody:last-child tr:last-child th:first-child,
.card>.table:last-child tfoot:last-child tr:last-child td:first-child,
.card>.table:last-child tfoot:last-child tr:last-child th:first-child,
.card>[class*=table-responsive]:last-child>.table:last-child tbody:last-child tr:last-child td:first-child,
.card>[class*=table-responsive]:last-child>.table:last-child tbody:last-child tr:last-child th:first-child,
.card>[class*=table-responsive]:last-child>.table:last-child tfoot:last-child tr:last-child td:first-child,
.card>[class*=table-responsive]:last-child>.table:last-child tfoot:last-child tr:last-child th:first-child {
    border-bottom-left-radius: 0.125rem;
}

.card>.table:last-child tbody:last-child tr:last-child td:last-child,
.card>.table:last-child tbody:last-child tr:last-child th:last-child,
.card>.table:last-child tfoot:last-child tr:last-child td:last-child,
.card>.table:last-child tfoot:last-child tr:last-child th:last-child,
.card>[class*=table-responsive]:last-child>.table:last-child tbody:last-child tr:last-child td:last-child,
.card>[class*=table-responsive]:last-child>.table:last-child tbody:last-child tr:last-child th:last-child,
.card>[class*=table-responsive]:last-child>.table:last-child tfoot:last-child tr:last-child td:last-child,
.card>[class*=table-responsive]:last-child>.table:last-child tfoot:last-child tr:last-child th:last-child {
    border-bottom-right-radius: 0.125rem;
}

.card>.table-bordered,
.card>[class*=table-responsive]>.table-bordered {
    border: 0;
}

.card>.table-bordered thead th:first-child,
.card>.table-bordered thead td:first-child,
.card>.table-bordered tbody th:first-child,
.card>.table-bordered tbody td:first-child,
.card>.table-bordered tfoot th:first-child,
.card>.table-bordered tfoot td:first-child,
.card>[class*=table-responsive]>.table-bordered thead th:first-child,
.card>[class*=table-responsive]>.table-bordered thead td:first-child,
.card>[class*=table-responsive]>.table-bordered tbody th:first-child,
.card>[class*=table-responsive]>.table-bordered tbody td:first-child,
.card>[class*=table-responsive]>.table-bordered tfoot th:first-child,
.card>[class*=table-responsive]>.table-bordered tfoot td:first-child {
    border-left: 0;
}

.card>.table-bordered thead th:last-child,
.card>.table-bordered thead td:last-child,
.card>.table-bordered tbody th:last-child,
.card>.table-bordered tbody td:last-child,
.card>.table-bordered tfoot th:last-child,
.card>.table-bordered tfoot td:last-child,
.card>[class*=table-responsive]>.table-bordered thead th:last-child,
.card>[class*=table-responsive]>.table-bordered thead td:last-child,
.card>[class*=table-responsive]>.table-bordered tbody th:last-child,
.card>[class*=table-responsive]>.table-bordered tbody td:last-child,
.card>[class*=table-responsive]>.table-bordered tfoot th:last-child,
.card>[class*=table-responsive]>.table-bordered tfoot td:last-child {
    border-right: 0;
}

.card-header:not([class*=bg-])+.table,
.card-header:not([class*=bg-])+div[class*=table-responsive],
.card-body+.table,
.card-body+div[class*=table-responsive],
.table+.card-body,
div[class*=table-responsive]+.card-body,
.navbar-light+div[class*=table-responsive],
.navbar-light+.table {
    border-top: 1px solid #ddd;
}

.table tbody:first-child tr:first-child th,
div[class*=table-responsive]>.table tbody:first-child tr:first-child th,
.table tbody:first-child tr:first-child td,
div[class*=table-responsive]>.table tbody:first-child tr:first-child td {
    border-top: 0;
}

.card-footer+[class*=table-responsive],
.card-footer+.table {
    border-top: 1px solid #ddd;
}

.table-frequently-message th,
.table-frequently-message td {
    padding: 5px 0;
    border-top-width: 0;
}


/* ------------------------------------------------------------------------------
 *
 *  # Form styles
 *
 *  Basic form styles and overrides of default Bootstrap styles
 *
 * ---------------------------------------------------------------------------- */

legend {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #ddd;
    font-size: 0.8125rem;
}

fieldset:first-child legend:first-child {
    padding-top: 0;
}

select[multiple],
select[size] {
    height: 200px;
    padding: 0.875rem;
}

select[multiple] option,
select[size] option {
    padding: 0.5rem 1rem;
    border-radius: 0.1875rem;
}

select[multiple] option+option,
select[size] option+option {
    margin-top: 1px;
}

.form-control {
    background-clip: border-box;
}

.form-control:disabled {
    color: #999;
}

.form-control[class*=bg-]:not(.bg-white):not(.bg-light):not(.bg-transparent):disabled,
.form-control[class*=bg-]:not(.bg-white):not(.bg-light):not(.bg-transparent)[readonly] {
    background-color: #8c8c8c;
    color: rgba(255, 255, 255, 0.5);
    border-color: #8c8c8c;
}

.form-control[class*=bg-]:not(.bg-white):not(.bg-light):not(.bg-transparent)::-webkit-input-placeholder {
    color: #fff;
}

.form-control[class*=bg-]:not(.bg-white):not(.bg-light):not(.bg-transparent)::-moz-placeholder {
    color: #fff;
}

.form-control[class*=bg-]:not(.bg-white):not(.bg-light):not(.bg-transparent):-ms-input-placeholder {
    color: #fff;
}

.form-control[class*=bg-]:not(.bg-white):not(.bg-light):not(.bg-transparent)::-ms-input-placeholder {
    color: #fff;
}

.form-control[class*=bg-]:not(.bg-white):not(.bg-light):not(.bg-transparent)::placeholder {
    color: #fff;
}

.form-group .form-group:last-child {
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .form-group [class*="col-md-"]:not([class*=col-form-label])+[class*="col-md-"] {
        margin-top: 1.25rem;
    }
}

@media (max-width: 991.98px) {
    .form-group [class*="col-lg-"]:not([class*=col-form-label])+[class*="col-lg-"] {
        margin-top: 1.25rem;
    }
}

@media (max-width: 1199.98px) {
    .form-group [class*="col-xl-"]:not([class*=col-form-label])+[class*="col-xl-"] {
        margin-top: 1.25rem;
    }
}

@media (max-width: 767.98px) {
    [class*=col-form-label][class*="col-md-"] {
        padding-top: 0;
    }
}

@media (max-width: 991.98px) {
    [class*=col-form-label][class*="col-lg-"] {
        padding-top: 0;
    }
}

@media (max-width: 1199.98px) {
    [class*=col-form-label][class*="col-xl-"] {
        padding-top: 0;
    }
}

.form-check:not(.form-check-inline) {
    margin-bottom: 0.5rem;
}

.form-check:not(.form-check-inline):last-child {
    margin-bottom: 0;
}

.form-group.row .form-check:not(.dropdown-item) {
    margin-top: 0.5rem;
}

.form-check.disabled {
    color: #999;
}

.form-check.disabled .form-check-label {
    cursor: default;
}

.form-check-input:disabled~.form-check-label {
    cursor: default;
}

.form-check-label {
    cursor: pointer;
}

.form-check-inline .form-check-label {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.form-check-inline .form-check-input {
    margin-top: 0.3rem;
}

.form-check-inline:last-child {
    margin-right: 0;
}

.form-check-inline input {
    position: static;
}

.form-check-right {
    padding-left: 0;
    padding-right: 1.875rem;
}

.form-check-right .form-check-input,
.form-check-right input {
    left: auto;
    right: 0;
}

.form-check-right.form-check-inline {
    padding: 0;
}

.form-check-right.form-check-inline .form-check-input {
    margin-right: 0;
    margin-left: 0.625rem;
}

.form-group-feedback {
    position: relative;
}

.form-group-feedback-left .form-control-feedback {
    left: 0;
}

.form-group-feedback-left .form-control {
    padding-left: 2.75rem;
}

.form-group-feedback-left .form-control-lg {
    padding-left: 3rem;
}

.form-group-feedback-left .form-control-sm {
    padding-left: 2.5rem;
}

.form-group-feedback-right .form-control-feedback {
    right: 0;
}

.form-group-feedback-right .form-control {
    padding-right: 2.75rem;
}

.form-group-feedback-right .form-control-lg {
    padding-right: 3rem;
}

.form-group-feedback-right .form-control-sm {
    padding-right: 2.5rem;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    color: #333;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    line-height: calc(1.5385em + 0.875rem + 2px);
    min-width: 1rem;
}

.form-control-feedback-lg {
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: calc(1.4286em + 1.125rem + 2px);
}

.form-control-feedback-sm {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    line-height: calc(1.6667em + 0.625rem + 2px);
}

input[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent)+.form-control-feedback {
    color: #fff;
}


/* Chrome, Safari, Edge, Opera */

input.form-hide-appearance::-webkit-outer-spin-button,
input.form-hide-appearance::-webkit-inner-spin-button {
    -webkit-appearance: none;
}


/* Firefox */

input.form-hide-appearance[type=number] {
    -moz-appearance: textfield;
}

.form-customer-info .select2-container--disabled .select2-selection--multiple:not([class*=bg-]) {
    background-color: transparent;
    border-width: 0;
}

.form-customer-info .select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    opacity: 1;
}

.form-customer-info .select2-selection--multiple .select2-selection__choice {
    background-color: #4DB6AC;
    color: #fff;
}

.form-customer-info .select2-container--disabled .select2-selection--multiple .select2-selection__choice:focus,
.form-customer-info .select2-container--disabled .select2-selection--multiple .select2-selection__choice:hover {
    background-color: #4DB6AC;
    color: #fff;
}

.form-customer-info .form-control:disabled {
    color: #333;
    padding: 0;
    background-color: transparent;
    border-width: 0;
    height: auto;
}


/* ------------------------------------------------------------------------------
 *
 *  # Button component
 *
 *  Overrides for button bootstrap component
 *
 * ---------------------------------------------------------------------------- */

.btn {
    position: relative;
    font-weight: 600;
}

.btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn):hover,
.btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn):focus,
.btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn).focus,
.btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn):active,
.btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn).active,
.show>.btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn).dropdown-toggle {
    box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset;
}

.btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn).disabled,
.btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn):disabled {
    box-shadow: none;
}

.btn::-moz-focus-inner {
    border: 0;
}

.btn.disabled,
.btn:disabled {
    cursor: default;
}

.btn-light {
    color: #333;
    background-color: #fafafa;
    border-color: #ddd;
}

.btn-light:hover,
.btn-light:focus,
.btn-light.focus,
.btn-light:not([disabled]):not(.disabled):active,
.btn-light:not([disabled]):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.btn-light.disabled,
.btn-light:disabled {
    background-color: #fafafa;
    border-color: #ddd;
}

.btn-outline:not(:hover):not(:active):not(.active):not([aria-expanded=true]),
.btn-outline.disabled,
.btn-outline:disabled {
    background-color: transparent !important;
}

.btn-outline:not(.disabled):not(:disabled):not([class*=alpha-]):hover,
.btn-outline:not(.disabled):not(:disabled):not([class*=alpha-]):not([disabled]):not(.disabled):active,
.btn-outline:not(.disabled):not(:disabled):not([class*=alpha-]):not([disabled]):not(.disabled).active,
.show>.btn-outline:not(.disabled):not(:disabled):not([class*=alpha-]).dropdown-toggle {
    color: #fff !important;
}

.btn-outline.bg-white:not(.disabled):not(:disabled):hover,
.btn-outline.bg-white:not(.disabled):not(:disabled):not([disabled]):not(.disabled):active,
.btn-outline.bg-white:not(.disabled):not(:disabled):not([disabled]):not(.disabled).active,
.show>.btn-outline.bg-white:not(.disabled):not(:disabled).dropdown-toggle {
    color: #333 !important;
}

.show>.btn-link.dropdown-toggle {
    color: #1360a4;
}

.btn-icon {
    padding-left: 0.56252rem;
    padding-right: 0.56252rem;
}

.btn-icon input[type=checkbox],
.btn-icon input[type=radio] {
    display: block;
}

.btn-icon img {
    height: 1em;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: inherit;
}

.btn-icon.btn-sm {
    padding-left: 0.43752rem;
    padding-right: 0.43752rem;
}

.btn-icon.btn-lg {
    padding-left: 0.68752rem;
    padding-right: 0.68752rem;
}

.btn-float {
    padding: 1rem;
    border-radius: 0.1875rem;
}

.btn-float.btn-link {
    padding: 0.8rem;
}

.btn-float i {
    display: block;
    top: 0;
}

.btn-float>span {
    display: block;
    padding-top: 0.625rem;
    margin-bottom: -0.40625rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn.border-2 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.btn.border-2.btn-lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.btn.border-2.btn-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.btn.border-2.btn-icon {
    padding-left: 0.50002rem;
    padding-right: 0.50002rem;
}

.btn.border-2.btn-icon.btn-lg {
    padding-left: 0.62502rem;
    padding-right: 0.62502rem;
}

.btn.border-2.btn-icon.btn-sm {
    padding-left: 0.37502rem;
    padding-right: 0.37502rem;
}

.btn.border-2.btn-float {
    padding: 0.9375rem;
}

.btn-labeled>b {
    position: absolute;
    top: -1px;
    background-color: rgba(0, 0, 0, 0.15);
    display: block;
    line-height: 1;
    padding: 0.62503rem;
}

.btn-labeled>b>i {
    top: 0;
}

.btn-labeled.rounded-round>b {
    border-radius: 100px;
}

.btn-labeled.btn-lg>b {
    padding: 0.75003rem;
}

.btn-labeled.btn-sm>b {
    padding: 0.50003rem;
}

.btn-labeled-left {
    padding-left: 3.12506rem;
}

.btn-labeled-left>b {
    left: -1px;
    border-top-left-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem;
}

.btn-labeled-left.btn-lg {
    padding-left: 3.50005rem;
}

.btn-labeled-left.btn-lg>b {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.btn-labeled-left.btn-sm {
    padding-left: 2.75006rem;
}

.btn-labeled-left.btn-sm>b {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
}

.btn-labeled-right {
    padding-right: 3.12506rem;
}

.btn-labeled-right>b {
    right: -1px;
    border-top-right-radius: 0.1875rem;
    border-bottom-right-radius: 0.1875rem;
}

.btn-fb {
    background-color: #1976D2;
    color: #fff;
}

.btn-fb:hover {
    color: #fff;
}

.btn-ib {
    background-color: #1F88E5;
    color: #fff;
}

.btn-ib:hover {
    color: #fff;
}

.btn-line {
    background-color: #5ACF36;
    color: #fff;
}

.btn-line:hover {
    color: #fff;
}

.btn-dm {
    background-color: #1CA3DF;
    color: #fff;
}

.btn-dm:hover {
    color: #fff;
}

.btn-shopee {
    background-color: #EE4E2C;
    color: #fff;
}

.btn-shopee:hover {
    color: #fff;
}

.btn-lazada {
    background-color: #1A57D9;
    background-image: linear-gradient(180deg, #1A57D9 0%, #12268A 100%);
    color: #fff;
    border-width: inherit;
}

.btn-lazada:hover {
    color: #fff;
}

.btn-ig {
    background-color: #EB058C;
    background-image: linear-gradient(227.74deg, #CF3092 6.5%, #ED0583 21.83%, #ED1E25 51.96%, #FFC50D 96.43%);
    color: #fff;
    border-width: inherit;
}

.btn-ig:hover {
    color: #fff;
}


/* ------------------------------------------------------------------------------
 *
 *  # Dropdown menu component
 *
 *  Overrides for dropdown menu bootstrap component
 *
 * ---------------------------------------------------------------------------- */

.dropdown-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    margin-bottom: 0;
    transition: background-color ease-in-out 0.15s, color ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .dropdown-item {
        transition: none;
    }
}

.dropdown-item+.dropdown-item,
.dropdown-submenu+.dropdown-item,
.dropdown-item+.dropdown-submenu {
    margin-top: 1px;
}

.dropdown-item:active {
    color: #333;
    background-color: #f5f5f5;
}

.dropdown-item-active {
    color: #333;
    background-color: #f5f5f5;
}

.dropdown-item.active {
    color: #fff;
    background-color: #1F88E5;
}

.dropdown-item.active .badge:not(.badge-mark) {
    background-color: #fff !important;
    color: #333 !important;
}

.dropdown-item.active .badge-mark[class*=bg-] {
    background-color: #fff !important;
    border-color: #fff !important;
}

.dropdown-item.active .badge-mark[class*=border-] {
    border-color: #fff !important;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #999;
    background-color: transparent;
    cursor: default;
}

.dropdown-item.disabled>.badge,
.dropdown-item.disabled>img,
.dropdown-item:disabled>.badge,
.dropdown-item:disabled>img {
    opacity: 0.8;
}

.dropdown-item-open {
    background-color: #f5f5f5;
    color: #333;
}

.dropdown-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    line-height: 1.6667;
}

.dropdown-header-highlight {
    margin-top: 0;
    background-color: #f8f8f8;
}

.dropdown-item+.dropdown-header-highlight,
.dropdown-header-highlight+.dropdown-item {
    margin-top: 0.5rem;
}

.dropdown-header-highlight:first-child {
    margin-top: 0;
}

.dropdown-item>i,
.dropdown-item>img,
.dropdown-header>i,
.dropdown-header>img {
    margin-right: 1rem;
}

.dropdown-item>i,
.dropdown-header>i {
    top: 0;
}

.dropdown-item>img,
.dropdown-header>img {
    max-height: 1.25003rem;
}

.dropdown-item.form-check {
    padding: 0;
    margin-bottom: 0;
}

.dropdown-item.form-check .form-check-label {
    -ms-flex: 1;
    flex: 1;
    padding: 0.5rem 1rem;
}

.dropdown-item.form-check.form-check-right .form-check-label {
    padding-left: 1rem;
}

.dropdown-scrollable {
    max-height: 340px;
    overflow-y: auto;
}

.dropdown-menu>.dropdown-submenu {
    position: relative;
}

.dropdown-menu>.dropdown-submenu>.dropdown-item {
    padding-right: 2.5rem;
}

.dropdown-menu>.dropdown-submenu>.dropdown-item:after {
    content: "";
    font-family: "icomoon";
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    right: 1rem;
    font-size: 1rem;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dropdown-menu>.dropdown-submenu.show>.dropdown-item,
.dropdown-menu>.dropdown-submenu:hover>.dropdown-item {
    background-color: #f5f5f5;
    color: #333;
}

.dropdown-menu>.dropdown-submenu:hover>.dropdown-item:not(.dropdown-toggle)~.dropdown-menu,
.dropdown-menu>.dropdown-submenu:focus>.dropdown-item:not(.dropdown-toggle)~.dropdown-menu {
    display: block;
}

.dropdown-menu>.dropdown-submenu.disabled>.dropdown-menu {
    display: none;
}

.dropdown-menu>.dropdown-submenu.disabled>.dropdown-item {
    background-color: transparent;
    color: #999;
    cursor: default;
}

.dropdown-menu>.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -0.5625rem;
}

.dropdown-menu>.dropdown-submenu.dropdown-submenu-left>.dropdown-menu {
    left: auto;
    right: 100%;
}

@media (max-width: 991.98px) {
    .dropdown-menu>.dropdown-submenu .dropdown-toggle:after {
        content: "";
    }

    .dropdown-menu>.dropdown-submenu .dropdown-menu,
    .dropdown-menu>.dropdown-submenu.dropdown-submenu-left .dropdown-menu {
        position: static;
        margin: 0 !important;
        border-width: 0;
        box-shadow: none;
        border-radius: 0;
    }

    .dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item,
    .dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
        padding-left: 2rem;
    }

    .dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item,
    .dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
        padding-left: 3rem;
    }
}

.dropdown-menu .dropup>.dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -0.5625rem;
}

.dropdown-menu .dropdown-submenu+.dropdown-submenu {
    margin-top: 1px;
}

.dropright .dropdown-toggle::after {
    vertical-align: middle;
}

.dropleft .dropdown-toggle::before {
    vertical-align: middle;
}

.dropleft .dropdown-submenu .dropdown-toggle::before {
    content: none;
}

.dropdown-menu-lg .dropdown-item {
    padding-top: 0.5625rem;
    padding-bottom: 0.5625rem;
    font-size: 0.875rem;
    line-height: 1.4286;
}

.dropdown-menu-sm .dropdown-item {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    font-size: 0.75rem;
    line-height: 1.6667;
}

.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light)>.dropdown-item,
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light)>.dropdown-submenu>.dropdown-item {
    color: #fff;
}

.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light)>.dropdown-item:hover,
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light)>.dropdown-item:focus,
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light)>.dropdown-submenu>.dropdown-item:hover,
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light)>.dropdown-submenu>.dropdown-item:focus {
    background-color: rgba(0, 0, 0, 0.1);
}

.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light)>.dropdown-item.active,
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light)>.dropdown-submenu>.dropdown-item.active {
    background-color: rgba(0, 0, 0, 0.2);
}

.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light)>.dropdown-item.disabled,
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light)>.dropdown-submenu>.dropdown-item.disabled {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.6);
}

.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light)>.dropdown-submenu.show>.dropdown-item,
.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light)>.dropdown-submenu:hover>.dropdown-item {
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
}

.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light)>.dropdown-submenu.disabled>.dropdown-item {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.6);
}

.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light)>.dropdown-header {
    color: rgba(255, 255, 255, 0.6);
}

.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light)>.dropdown-header-highlight {
    background-color: rgba(0, 0, 0, 0.1);
}

.dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light)>.dropdown-divider {
    border-top-color: rgba(255, 255, 255, 0.4);
}

.dropdown-live-name .dropdown-toggle {
    width: 100%;
}

.dropdown-live-name .dropdown-item {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.dropdown-live-name .dropdown-item h5 {
    font-size: 0.8125rem;
    font-weight: 400;
    margin-bottom: 0;
}

.dropdown-live-name .dropdown-item ul {
    color: #BFBFBF;
}

.dropdown-live-name .dropdown-item ul li:not(:last-child) {
    margin-right: 10px;
}


/* ------------------------------------------------------------------------------
 *
 *  # Button group component
 *
 *  Overrides for button group bootstrap component
 *
 * ---------------------------------------------------------------------------- */

.btn-group>.btn.border-2:not(:first-child) {
    margin-left: -2px;
}

.btn-group>.btn.border-3:not(:first-child) {
    margin-left: -3px;
}

.btn-group-justified {
    display: -ms-flexbox;
    display: flex;
}

.btn-group-justified .btn,
.btn-group-justified .btn-group {
    -ms-flex: 1;
    flex: 1;
}


/* ------------------------------------------------------------------------------
 *
 *  # Input group component
 *
 *  Overrides for input group component
 *
 * ---------------------------------------------------------------------------- */

.input-group .form-group-feedback {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    z-index: 4;
}

.input-group .form-group-feedback:not(:last-child) .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group .form-group-feedback:not(:first-child) .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group+.form-control-feedback,
.form-control-feedback+.input-group {
    z-index: 4;
}

.input-group-text i {
    display: block;
    top: 0;
}

.input-group-filter {
    display: grid;
    grid-template-areas: 'status search filter';
    grid-template-columns: 1fr auto auto;
}

.input-group-filter .select2-container {
    grid-area: status;
}

.input-group-filter input-group-append-search {
    grid-area: search;
}

.input-group-filter input-group-append-filter {
    grid-area: filter;
}


/* ------------------------------------------------------------------------------
 *
 *  # Custom form inputs
 *
 *  Custom checkboxes, radios, selects and file inputs
 *
 * ---------------------------------------------------------------------------- */

.custom-control {
    margin-bottom: 0.5rem;
}

.custom-control:last-child {
    margin-bottom: 0;
}

.custom-control-inline {
    margin-bottom: 0;
}

.custom-control-inline:last-child {
    margin-right: 0;
}

.custom-control-input:active~.custom-control-label::before {
    transition: all ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .custom-control-input:active~.custom-control-label::before {
        transition: none;
    }
}

.custom-control-input:disabled~.custom-control-label {
    cursor: default;
}

.custom-control-input:disabled~.custom-control-label:before,
.custom-control-input:disabled~.custom-control-label:after {
    opacity: 0.5;
}

.custom-control-label {
    cursor: pointer;
}

.custom-control-label::before {
    top: 0.00002rem;
}

.custom-control-label::after {
    top: 0.00002rem;
}

.custom-control-right {
    padding-left: 0;
    padding-right: 1.875rem;
}

.custom-control-right .custom-control-input {
    right: 0;
}

.custom-control-right .custom-control-label:before,
.custom-control-right .custom-control-label:after {
    left: auto;
    right: 0;
}

.custom-select {
    cursor: pointer;
    transition: all ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .custom-select {
        transition: none;
    }
}

.custom-select:hover,
.custom-select:focus {
    box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.01) inset;
}

.custom-select:disabled {
    cursor: default;
}

.custom-select:disabled:hover,
.custom-select:disabled:focus {
    box-shadow: none;
}

.custom-file-label {
    margin-bottom: 0;
}


/* ------------------------------------------------------------------------------
 *
 *  # Nav components
 *
 *  Overrides for nav components
 *
 * ---------------------------------------------------------------------------- */

.nav-link {
    position: relative;
    transition: all ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none;
    }
}

.nav-link:focus {
    outline: 0;
}

.nav-link::-moz-focus-inner {
    border: 0;
}

.nav-link.disabled {
    cursor: default;
}

.nav-tabs {
    font-family: 'Sarabun', sans-serif !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 1.25rem;
}

.nav-tabs .nav-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #777;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    color: #333;
}

.nav-tabs .nav-link.disabled {
    color: #999;
}

.nav-tabs .nav-item.show .nav-link:not(.active) {
    border-color: transparent;
    background-color: transparent;
}

.nav-tabs.border-top-1 {
    border-top-color: #ddd;
}

.nav-tabs-responsive {
    overflow-x: auto;
    box-shadow: 0 -1px 0 #ddd inset;
}

.nav-tabs-highlight .nav-link,
.nav-tabs-top .nav-link,
.nav-tabs-bottom .nav-link {
    position: relative;
}

.nav-tabs-highlight .nav-link:before,
.nav-tabs-top .nav-link:before,
.nav-tabs-bottom .nav-link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: background-color ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {

    .nav-tabs-highlight .nav-link:before,
    .nav-tabs-top .nav-link:before,
    .nav-tabs-bottom .nav-link:before {
        transition: none;
    }
}

.nav-tabs-highlight .nav-link {
    border-top-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav-tabs-highlight .nav-link:before {
    height: 2px;
    top: -1px;
    left: -1px;
    right: -1px;
}

.nav-tabs-highlight .nav-link.active:before {
    background-color: #1F88E5;
}

.nav-tabs-top .nav-item {
    margin-bottom: 0;
}

.nav-tabs-top .nav-link {
    border-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav-tabs-top .nav-link:hover:before,
.nav-tabs-top .nav-link:focus:before {
    background-color: #ddd;
}

.nav-tabs-top .nav-link:before {
    height: 2px;
}

.nav-tabs-top .nav-link.disabled:before {
    content: none;
}

.nav-tabs-top .nav-item.show .nav-link:not(.active):before {
    background-color: #ddd;
}

.nav-tabs-top .nav-link.active:before {
    background-color: #EC407A;
}

.nav-tabs-top .nav-link.active,
.nav-tabs-top .nav-item.show .nav-link {
    background-color: transparent;
}

.nav-tabs-top .dropdown-menu {
    margin-top: 0;
}

.nav-tabs-top.border-top-1 .nav-item {
    margin-top: -1px;
}

.nav-tabs-bottom .nav-item {
    margin-bottom: 0;
}

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

.nav-tabs-bottom .nav-link:before {
    height: 2px;
    top: auto;
    bottom: -1px;
}

.nav-tabs-bottom .nav-link.active:before {
    /* background-color: #1F77CF; */
}

.nav-tabs-bottom .nav-link.active,
.nav-tabs-bottom .nav-item.show .nav-link {
    background-color: transparent;
}

.nav-tabs-bottom .dropdown-menu {
    margin-top: 0;
}

.nav-tabs-solid {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
}

.nav-tabs-solid .nav-item {
    margin-bottom: 0;
}

.nav-tabs-solid .nav-link {
    border-width: 0;
}

.nav-tabs-solid .nav-item.show .nav-link {
    background-color: transparent;
}

.nav-tabs-solid .nav-link.active,
.nav-tabs-solid .nav-item.show .nav-link.active {
    color: #fff;
    background-color: #1F88E5;
}

.nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link {
    color: rgba(255, 255, 255, 0.9);
}

.nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link:hover,
.nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link:focus {
    color: #fff;
}

.nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link.disabled {
    color: rgba(255, 255, 255, 0.6);
}

.nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-item.show .nav-link {
    color: #fff;
}

.nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link.active,
.nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-item.show .nav-link.active {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1);
}

.nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent)+.tab-content[class*=bg-] {
    border-top-color: rgba(255, 255, 255, 0.5);
}

.nav-tabs-vertical .nav-link {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.nav-tabs-vertical .nav-link,
.nav-tabs-vertical .nav-link:hover,
.nav-tabs-vertical .nav-link:focus,
.nav-tabs-vertical .nav-link.disabled {
    border-color: transparent #ddd transparent transparent;
}

.nav-tabs-vertical .nav-link:before {
    content: '';
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    width: 2px;
    transition: background-color ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .nav-tabs-vertical .nav-link:before {
        transition: none;
    }
}

.nav-tabs-vertical .nav-item.show .nav-link:not(.active) {
    border-right-color: #ddd;
    border-bottom-color: transparent;
}

.nav-tabs-vertical-right .nav-link,
.nav-tabs-vertical-right .nav-link:hover,
.nav-tabs-vertical-right .nav-link:focus,
.nav-tabs-vertical-right .nav-link.disabled {
    border-color: transparent transparent transparent #ddd;
}

.nav-tabs-vertical-right .nav-link:before {
    left: auto;
    right: -1px;
}

.nav-tabs-vertical-right .nav-item.show .nav-link:not(.active) {
    border-right-color: transparent;
    border-left-color: #ddd;
}

.nav-tabs-vertical .nav-link.active:before {
    background-color: #1F88E5;
}

.nav-tabs-vertical .nav-link.active,
.nav-tabs-vertical .nav-item.show .nav-link {
    background-color: transparent;
    border-color: #ddd transparent;
}

.nav-pills {
    margin-bottom: 1.25rem;
}

.nav-pills .nav-link {
    color: #777;
}

.nav-pills .nav-link:not(.active):hover,
.nav-pills .nav-link:not(.active):focus {
    color: #333;
}

.nav-pills .nav-link.active .badge:not(.bg-transparent):not(.bg-light):not(.bg-white) {
    background-color: #fff;
    color: #333;
    transition: all ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .nav-pills .nav-link.active .badge:not(.bg-transparent):not(.bg-light):not(.bg-white) {
        transition: none;
    }
}

.nav-pills .nav-link.disabled,
.nav-pills .nav-link.disabled:hover,
.nav-pills .nav-link.disabled:focus {
    color: #999;
}

.nav-pills .nav-item.show .nav-link:not(.active) {
    color: #333;
    background-color: transparent;
}

.nav-pills.flex-column .nav-link {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.nav-pills-bordered .nav-item+.nav-item {
    margin-left: 0.625rem;
}

.nav-pills-bordered .nav-link {
    border: 1px solid #ddd;
}

.nav-pills-bordered .nav-link:not(.active):hover,
.nav-pills-bordered .nav-link:not(.active):focus,
.nav-pills-bordered .nav-item.show .nav-link:not(.active) {
    background-color: #f5f5f5;
}

.nav-pills-bordered .nav-link.active {
    border-color: #1F88E5;
}

.nav-pills-bordered .nav-link.disabled,
.nav-pills-bordered .nav-link.disabled:hover,
.nav-pills-bordered .nav-link.disabled:focus {
    background-color: #fafafa;
}

.nav-pills-bordered.flex-column .nav-item+.nav-item {
    margin-left: 0;
    margin-top: 0.625rem;
}

.nav-pills-toolbar .nav-item+.nav-item {
    margin-left: -1px;
}

.nav-pills-toolbar .nav-link {
    border-radius: 0;
}

.nav-pills-toolbar .nav-link.active {
    z-index: 3;
}

.nav-pills-toolbar .nav-item:first-child .nav-link {
    border-top-left-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem;
}

.nav-pills-toolbar .nav-item:last-child .nav-link {
    border-top-right-radius: 0.1875rem;
    border-bottom-right-radius: 0.1875rem;
}

.nav-pills-toolbar.flex-column .nav-item:first-child .nav-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0.1875rem;
    border-top-right-radius: 0.1875rem;
}

.nav-pills-toolbar.flex-column .nav-item:last-child .nav-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-right-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem;
}

.nav-pills-toolbar.flex-column .nav-item+.nav-item {
    margin-left: 0;
    margin-top: -1px;
}

.nav-message-type .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.nav-message-type .nav-link {
    text-align: center;
    padding: 0.5rem;
}

.nav-message-type .nav-link.active {
    color: #1F88E5;
}


/* ------------------------------------------------------------------------------
 *
 *  # Navbar component
 *
 *  Overrides for navbar component
 *
 * ---------------------------------------------------------------------------- */

.navbar {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.page-content~.navbar:not(.navbar-component):last-of-type,
.content~.navbar:not(.navbar-component):last-of-type {
    border-bottom-color: transparent;
}

.navbar-component {
    border: 1px solid transparent;
    margin-bottom: 1.25rem;
}

.page-header .navbar-component {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}

.navbar-component.navbar-dark {
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-component.navbar-light {
    border-color: rgba(0, 0, 0, 0.125);
}

.navbar-brand img {
    height: 1rem;
    display: block;
}

.navbar-text {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
}

.navbar-nav .nav-link {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.navbar-nav-link {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 0.875rem 1rem;
    outline: 0;
    transition: all ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .navbar-nav-link {
        transition: none;
    }
}

.navbar-nav-link.disabled {
    cursor: default;
}

.navbar-nav-link.disabled .badge,
.navbar-nav-link.disabled img {
    opacity: 0.5;
}

.navbar-nav-link .badge {
    position: absolute;
    top: 0;
    right: 0;
}

.navbar-nav-link .badge-mark {
    top: 0.4375rem;
    right: 0.5rem;
}

.navbar-nav-highlight .navbar-nav-link:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    width: 2px;
}

.navbar-light .navbar-nav-highlight .navbar-nav-link.active:before {
    background-color: #EC407A;
}

.navbar-dark .navbar-nav-highlight .navbar-nav-link.active:before {
    background-color: #fff;
}

.navbar-collapse {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.navbar-toggler {
    border: 0;
    line-height: 1.5385;
    cursor: pointer;
    transition: all ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none;
    }
}

.navbar-toggler+.navbar-toggler {
    margin-left: 1.25rem;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
    outline: 0;
}

.navbar-dark .navbar-toggler:hover,
.navbar-dark .navbar-toggler:focus {
    color: #fff;
}

.navbar-light .navbar-toggler {
    color: rgba(51, 51, 51, 0.85);
}

.navbar-light .navbar-toggler:hover,
.navbar-light .navbar-toggler:focus,
.navbar-light .navbar-toggler[aria-expanded=true] {
    color: #333;
}

@media (max-width: 575.98px) {
    .navbar-expand-sm .navbar-nav:first-child>.nav-item:first-child {
        margin-top: 0.625rem;
    }

    .navbar-expand-sm .navbar-nav:last-child>.nav-item:not(.show):last-child {
        margin-bottom: 0.625rem;
    }

    .navbar-expand-sm .navbar-nav-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin-left: -1.25rem;
        margin-right: -1.25rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .navbar-expand-sm .navbar-nav-link .badge:not(.position-static) {
        position: static;
    }

    .navbar-expand-sm .navbar-nav-link.dropdown-toggle:not(.caret-0) {
        padding-right: 2.5rem;
    }

    .navbar-expand-sm .navbar-nav-link.dropdown-toggle:not(.caret-0):after {
        position: absolute;
        top: 50%;
        right: 1.25rem;
        margin: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .navbar-expand-sm.navbar-dark .navbar-collapse {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .navbar-expand-sm.navbar-light .navbar-collapse {
        border-top: 1px solid #ddd;
    }

    .navbar-expand-sm .navbar-nav>.nav-item>.dropdown-menu {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }

    .navbar-expand-sm .dropdown-submenu .dropdown-toggle:after {
        content: "";
    }

    .navbar-expand-sm .dropdown-submenu .dropdown-menu,
    .navbar-expand-sm .dropdown-submenu.dropdown-submenu-left .dropdown-menu {
        margin: 0;
        border-width: 0;
        box-shadow: none;
        border-radius: 0;
    }

    .navbar-expand-sm .dropdown-submenu>.dropdown-menu>.dropdown-item,
    .navbar-expand-sm .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
        padding-left: 2rem;
    }

    .navbar-expand-sm .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item,
    .navbar-expand-sm .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
        padding-left: 3rem;
    }

    .navbar-expand-sm.fixed-top .navbar-collapse,
    .navbar-expand-sm.fixed-bottom .navbar-collapse {
        max-height: 440px;
        overflow-y: auto;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm .navbar-brand {
        min-width: 15.625rem;
    }

    .navbar-expand-sm .navbar-nav-link:before {
        top: auto;
        right: 0;
        width: auto;
        height: 2px;
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md .navbar-nav:first-child>.nav-item:first-child {
        margin-top: 0.625rem;
    }

    .navbar-expand-md .navbar-nav:last-child>.nav-item:not(.show):last-child {
        margin-bottom: 0.625rem;
    }

    .navbar-expand-md .navbar-nav-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin-left: -1.25rem;
        margin-right: -1.25rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .navbar-expand-md .navbar-nav-link .badge:not(.position-static) {
        position: static;
    }

    .navbar-expand-md .navbar-nav-link.dropdown-toggle:not(.caret-0) {
        padding-right: 2.5rem;
    }

    .navbar-expand-md .navbar-nav-link.dropdown-toggle:not(.caret-0):after {
        position: absolute;
        top: 50%;
        right: 1.25rem;
        margin: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .navbar-expand-md.navbar-dark .navbar-collapse {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .navbar-expand-md.navbar-light .navbar-collapse {
        border-top: 1px solid #ddd;
    }

    .navbar-expand-md .navbar-nav>.nav-item>.dropdown-menu {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }

    .navbar-expand-md .dropdown-submenu .dropdown-toggle:after {
        content: "";
    }

    .navbar-expand-md .dropdown-submenu .dropdown-menu,
    .navbar-expand-md .dropdown-submenu.dropdown-submenu-left .dropdown-menu {
        margin: 0;
        border-width: 0;
        box-shadow: none;
        border-radius: 0;
    }

    .navbar-expand-md .dropdown-submenu>.dropdown-menu>.dropdown-item,
    .navbar-expand-md .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
        padding-left: 2rem;
    }

    .navbar-expand-md .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item,
    .navbar-expand-md .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
        padding-left: 3rem;
    }

    .navbar-expand-md.fixed-top .navbar-collapse,
    .navbar-expand-md.fixed-bottom .navbar-collapse {
        max-height: 440px;
        overflow-y: auto;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-brand {
        min-width: 15.625rem;
    }

    .navbar-expand-md .navbar-nav-link:before {
        top: auto;
        right: 0;
        width: auto;
        height: 2px;
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg .navbar-nav:first-child>.nav-item:first-child {
        margin-top: 0.625rem;
    }

    .navbar-expand-lg .navbar-nav:last-child>.nav-item:not(.show):last-child {
        margin-bottom: 0.625rem;
    }

    .navbar-expand-lg .navbar-nav-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin-left: -1.25rem;
        margin-right: -1.25rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .navbar-expand-lg .navbar-nav-link .badge:not(.position-static) {
        position: static;
    }

    .navbar-expand-lg .navbar-nav-link.dropdown-toggle:not(.caret-0) {
        padding-right: 2.5rem;
    }

    .navbar-expand-lg .navbar-nav-link.dropdown-toggle:not(.caret-0):after {
        position: absolute;
        top: 50%;
        right: 1.25rem;
        margin: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .navbar-expand-lg.navbar-dark .navbar-collapse {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .navbar-expand-lg.navbar-light .navbar-collapse {
        border-top: 1px solid #ddd;
    }

    .navbar-expand-lg .navbar-nav>.nav-item>.dropdown-menu {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }

    .navbar-expand-lg .dropdown-submenu .dropdown-toggle:after {
        content: "";
    }

    .navbar-expand-lg .dropdown-submenu .dropdown-menu,
    .navbar-expand-lg .dropdown-submenu.dropdown-submenu-left .dropdown-menu {
        margin: 0;
        border-width: 0;
        box-shadow: none;
        border-radius: 0;
    }

    .navbar-expand-lg .dropdown-submenu>.dropdown-menu>.dropdown-item,
    .navbar-expand-lg .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
        padding-left: 2rem;
    }

    .navbar-expand-lg .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item,
    .navbar-expand-lg .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
        padding-left: 3rem;
    }

    .navbar-expand-lg.fixed-top .navbar-collapse,
    .navbar-expand-lg.fixed-bottom .navbar-collapse {
        max-height: 440px;
        overflow-y: auto;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-brand {
        min-width: 15.625rem;
    }

    .navbar-expand-lg .navbar-nav-link:before {
        top: auto;
        right: 0;
        width: auto;
        height: 2px;
    }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl .navbar-nav:first-child>.nav-item:first-child {
        margin-top: 0.625rem;
    }

    .navbar-expand-xl .navbar-nav:last-child>.nav-item:not(.show):last-child {
        margin-bottom: 0.625rem;
    }

    .navbar-expand-xl .navbar-nav-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin-left: -1.25rem;
        margin-right: -1.25rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .navbar-expand-xl .navbar-nav-link .badge:not(.position-static) {
        position: static;
    }

    .navbar-expand-xl .navbar-nav-link.dropdown-toggle:not(.caret-0) {
        padding-right: 2.5rem;
    }

    .navbar-expand-xl .navbar-nav-link.dropdown-toggle:not(.caret-0):after {
        position: absolute;
        top: 50%;
        right: 1.25rem;
        margin: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .navbar-expand-xl.navbar-dark .navbar-collapse {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .navbar-expand-xl.navbar-light .navbar-collapse {
        border-top: 1px solid #ddd;
    }

    .navbar-expand-xl .navbar-nav>.nav-item>.dropdown-menu {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }

    .navbar-expand-xl .dropdown-submenu .dropdown-toggle:after {
        content: "";
    }

    .navbar-expand-xl .dropdown-submenu .dropdown-menu,
    .navbar-expand-xl .dropdown-submenu.dropdown-submenu-left .dropdown-menu {
        margin: 0;
        border-width: 0;
        box-shadow: none;
        border-radius: 0;
    }

    .navbar-expand-xl .dropdown-submenu>.dropdown-menu>.dropdown-item,
    .navbar-expand-xl .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
        padding-left: 2rem;
    }

    .navbar-expand-xl .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item,
    .navbar-expand-xl .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
        padding-left: 3rem;
    }

    .navbar-expand-xl.fixed-top .navbar-collapse,
    .navbar-expand-xl.fixed-bottom .navbar-collapse {
        max-height: 440px;
        overflow-y: auto;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl .navbar-brand {
        min-width: 15.625rem;
    }

    .navbar-expand-xl .navbar-nav-link:before {
        top: auto;
        right: 0;
        width: auto;
        height: 2px;
    }
}

.navbar-expand .navbar-nav:first-child>.nav-item:first-child {
    margin-top: 0.625rem;
}

.navbar-expand .navbar-nav:last-child>.nav-item:not(.show):last-child {
    margin-bottom: 0.625rem;
}

.navbar-expand .navbar-nav-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.navbar-expand .navbar-nav-link .badge:not(.position-static) {
    position: static;
}

.navbar-expand .navbar-nav-link.dropdown-toggle:not(.caret-0) {
    padding-right: 2.5rem;
}

.navbar-expand .navbar-nav-link.dropdown-toggle:not(.caret-0):after {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    margin: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.navbar-expand.navbar-dark .navbar-collapse {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar-expand.navbar-light .navbar-collapse {
    border-top: 1px solid #ddd;
}

.navbar-expand .navbar-nav>.nav-item>.dropdown-menu {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.navbar-expand .dropdown-submenu .dropdown-toggle:after {
    content: "";
}

.navbar-expand .dropdown-submenu .dropdown-menu,
.navbar-expand .dropdown-submenu.dropdown-submenu-left .dropdown-menu {
    margin: 0;
    border-width: 0;
    box-shadow: none;
    border-radius: 0;
}

.navbar-expand .dropdown-submenu>.dropdown-menu>.dropdown-item,
.navbar-expand .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
    padding-left: 2rem;
}

.navbar-expand .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-item,
.navbar-expand .dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-item {
    padding-left: 3rem;
}

.navbar-expand.fixed-top .navbar-collapse,
.navbar-expand.fixed-bottom .navbar-collapse {
    max-height: 440px;
    overflow-y: auto;
}

.navbar-expand .navbar-brand {
    min-width: 15.625rem;
}

.navbar-expand .navbar-nav-link:before {
    top: auto;
    right: 0;
    width: auto;
    height: 2px;
}

.navbar-light {
    color: rgba(51, 51, 51, 0.85);
    background-color: #fff;
    border-bottom-color: rgba(0, 0, 0, 0.125);
}

.page-header-content+.navbar-light,
.content+.navbar-light,
.page-content+.navbar-light,
.fixed-bottom>.navbar-light:first-child {
    border-top-color: rgba(0, 0, 0, 0.125);
}

.navbar-light .navbar-nav .nav-link {
    color: #333;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: #333;
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: #999;
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: #333;
}

.navbar-light .navbar-nav-link {
    color: rgba(51, 51, 51, 0.85);
}

.navbar-light .navbar-nav-link:hover,
.navbar-light .navbar-nav-link:focus {
    color: #333;
    background-color: rgba(0, 0, 0, 0.04);
}

.navbar-light .navbar-nav-link.disabled {
    color: rgba(0, 0, 0, 0.5);
    background-color: transparent;
}

.navbar-light .show>.navbar-nav-link,
.navbar-light .active>.navbar-nav-link,
.navbar-light .navbar-nav-link.show,
.navbar-light .navbar-nav-link.active {
    color: #333;
    background-color: rgba(0, 0, 0, 0.04);
}

.navbar-light .navbar-text a {
    color: #1F88E5;
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: #1360a4;
}

.navbar-dark {
    color: rgba(255, 255, 255, 0.9);
    background-color: #2A3140;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.page-header-content+.navbar-dark,
.content+.navbar-dark,
.page-content+.navbar-dark,
.fixed-bottom>.navbar-dark:first-child {
    border-top-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-nav .nav-link {
    color: #333;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: #333;
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: #999;
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #333;
}

.navbar-dark .navbar-nav-link {
    color: rgba(255, 255, 255, 0.9);
}

.navbar-dark .navbar-nav-link:hover,
.navbar-dark .navbar-nav-link:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-nav-link.disabled {
    color: rgba(255, 255, 255, 0.5);
    background-color: transparent;
}

.navbar-dark .show>.navbar-nav-link,
.navbar-dark .active>.navbar-nav-link,
.navbar-dark .navbar-nav-link.show,
.navbar-dark .navbar-nav-link.active {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.navbar-nav .nav-tabs .nav-link {
    color: #777;
}

.navbar-nav .nav-tabs .nav-link:hover,
.navbar-nav .nav-tabs .nav-link:focus {
    color: #333;
}

.navbar-nav .nav-tabs .nav-link.disabled {
    color: #999;
}

.navbar-nav .nav-tabs .show>.nav-link,
.navbar-nav .nav-tabs .active>.nav-link,
.navbar-nav .nav-tabs .nav-link.show,
.navbar-nav .nav-tabs .nav-link.active {
    color: #333;
}

.navbar-nav .nav-pills .nav-link {
    color: #777;
}

.navbar-nav .nav-pills .nav-link:not(.active):hover,
.navbar-nav .nav-pills .nav-link:not(.active):focus {
    color: #333;
}

.navbar-nav .nav-pills .nav-link.active .badge:not(.badge-mark) {
    background-color: #fff !important;
    color: #333 !important;
}

.navbar-nav .nav-pills .nav-link.active .badge-mark[class*=bg-] {
    background-color: #fff !important;
    border-color: #fff !important;
}

.navbar-nav .nav-pills .nav-link.active .badge-mark[class*=border-] {
    border-color: #fff !important;
}

.navbar-nav .nav-pills .nav-link.active,
.show:not(.navbar-collapse)>.navbar-nav .nav-pills .nav-link {
    color: #fff;
}

.navbar-nav .nav-pills .nav-link.disabled:hover,
.navbar-nav .nav-pills .nav-link.disabled:focus {
    color: #999;
}

.navbar .btn-group .dropdown-menu-right {
    /*rtl:begin:ignore*/
    right: 0;
    left: auto;
    /*rtl:end:ignore*/
}

.dropdown-user .navbar-nav-link,
.dropdown-user .navbar-nav-link>span {
    padding-top: 0.4375rem;
    padding-bottom: 0.4375rem;
}

.img-flag {
    height: 0.875rem;
    margin-top: 0.18752rem;
    vertical-align: top;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.mega-menu-left>.dropdown-menu {
    /*rtl:ignore*/
    left: auto;
}

.mega-menu-right>.dropdown-menu {
    left: auto;
    right: 0;
}

.mega-menu-full>.dropdown-menu {
    left: 1.25rem;
    right: 1.25rem;
}

.navbar-component .mega-menu-full>.dropdown-menu {
    left: 0;
    right: 0;
}

.dropdown-content-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
}

.dropdown-content-header:not([class*=bg-]) {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.dropdown-content-header[class*=bg-] {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.dropdown-content-header+.table-responsive,
.dropdown-content-header+.table {
    border-top: 1px solid #ddd;
}

.dropdown-content:not(ul) {
    padding-top: 0;
    padding-bottom: 0;
}

.dropdown-content-body {
    padding: 1.25rem 1.25rem;
}

.dropdown-content-header:not([class*=bg-])+.dropdown-content-body {
    padding-top: 0;
}

.dropdown-content-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.75rem 1.25rem;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
}

.navbar-top {
    padding-top: 3.12503rem;
}

.navbar-lg-top {
    padding-top: 3.37503rem;
}

.navbar-sm-top {
    padding-top: 2.87503rem;
}

.navbar-lg-md-top {
    padding-top: 6.50006rem;
}

.navbar-md-md-top {
    padding-top: 6.25006rem;
}

.navbar-sm-md-top {
    padding-top: 6.00006rem;
}

.navbar-lg-sm-top {
    padding-top: 6.25006rem;
}

.navbar-bottom {
    padding-bottom: 3.12503rem;
}

.navbar-lg-md-bottom {
    padding-bottom: 6.50006rem;
}

.navbar-md-md-bottom {
    padding-bottom: 6.25006rem;
}

.navbar-sm-md-bottom {
    padding-bottom: 6.00006rem;
}

.navbar-lg-sm-bottom {
    padding-bottom: 6.25006rem;
}

.navbar-lg .navbar-brand {
    padding-top: 1.12502rem;
    padding-bottom: 1.12502rem;
}

.navbar-lg .navbar-nav-link {
    padding: 1rem 1.25rem;
}

.navbar-lg .navbar-nav-link .badge-mark {
    top: 0.5rem;
    right: 0.625rem;
}

.navbar-lg .navbar-text {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.navbar-lg .dropdown-user>.navbar-nav-link,
.navbar-lg .dropdown-user>.navbar-nav-link>span {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-lg .dropdown-user>.navbar-nav-link>img {
    max-height: 2.25003rem;
}

.navbar-sm .navbar-brand {
    padding-top: 0.87502rem;
    padding-bottom: 0.87502rem;
}

.navbar-sm .navbar-nav-link {
    padding: 0.75rem 0.875rem;
}

.navbar-sm .navbar-nav-link .badge-mark {
    top: 0.375rem;
    right: 0.4375rem;
}

.navbar-sm .navbar-text {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.navbar-sm .dropdown-user>.navbar-nav-link,
.navbar-sm .dropdown-user>.navbar-nav-link>span {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.navbar-sm .dropdown-user>.navbar-nav-link>img {
    max-height: 2.00003rem;
}

.navbar-header {
    margin-top: -1px;
    margin-bottom: -1px;
    margin-left: -1.25rem;
    margin-right: 1.25rem;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.navbar-header.navbar-dark {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.navbar-header.navbar-light {
    border-bottom-color: rgba(0, 0, 0, 0.125);
}

.navbar-header .navbar-brand {
    margin-left: 1.25rem;
    margin-right: 0;
}

.navbar-header .navbar-brand-xs {
    display: none;
}

.sidebar-xs .navbar-header .navbar-brand-md {
    display: none;
}

.sidebar-xs .navbar-header .navbar-brand-xs {
    display: inline-block;
    min-width: 60px;
    margin-left: 0;
    text-align: center;
}

.navbar-static {
    z-index: 100;
}


/* ------------------------------------------------------------------------------
 *
 *  # Card component
 *
 *  Overrides for card bootstrap component
 *
 * ---------------------------------------------------------------------------- */

.card {
    margin-bottom: 1.25rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.card.fixed-top {
    overflow: auto;
    max-height: 100%;
}

.card-body:not(.card)+.card-body:not(.card) {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-title {
    position: relative;
}

.card-header .card-title {
    margin-bottom: 0;
}

.card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .card-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.card-header:not([class*=bg-]):not([class*=alpha-]) {
    background-color: transparent;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom-width: 0;
}

.card-header:not([class*=bg-]):not([class*=alpha-])+.card-body,
.card-header:not([class*=bg-]):not([class*=alpha-])+*>.card-body:first-child {
    padding-top: 0;
}

.card-footer:first-child,
.card-header+.card-footer,
.card-header+*>.card-footer:first-child {
    border-top: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer.border-bottom-1 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header-tabs {
    margin-bottom: 0;
}

.card-header-tabs .nav-link {
    border-top-width: 0;
}

.card-body .card-img {
    border-radius: 0.1875rem;
}

.card-img-actions {
    position: relative;
}

.card-img-actions:hover .card-img-actions-overlay,
.card-img-actions:focus .card-img-actions-overlay {
    opacity: 1;
    visibility: visible;
}

.card-img-actions-overlay {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .card-img-actions-overlay {
        transition: none;
    }
}

[data-action] {
    cursor: pointer;
}

[data-action]:after {
    font-family: "icomoon";
    font-size: 1rem;
    min-width: 1rem;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[data-action="collapse"]:after {
    content: "";
}

[data-action="reload"]:after {
    content: "";
}

[data-action="remove"]:after {
    content: "";
    font-size: 0.8125rem;
}

[data-action="move"] {
    cursor: default;
}

[data-action="move"]:after {
    content: "";
}

[data-action="fullscreen"]:after {
    content: "";
}

[data-action="fullscreen"][data-fullscreen="active"]:after {
    content: "";
}

[data-action="modal"]:after {
    content: "";
}

.card-group-control .card-title>a {
    display: inline-block;
}

.card-group-control .card-title>a:before {
    content: "";
    font-family: "icomoon";
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.card-group-control .card-title>a.collapsed:before {
    content: "";
}

.card-group-control-left .card-title>a {
    padding-left: 1.625rem;
}

.card-group-control-left .card-title>a:before {
    left: 0;
}

.card-group-control-right .card-title>a {
    padding-right: 1.625rem;
}

.card-group-control-right .card-title>a:before {
    right: 0;
}

.card-chanel .dropdown-toggle {
    width: 100%;
    text-align: left;
}

.card-chanel .dropdown-toggle::after {
    position: absolute;
    top: 50%;
    right: 14px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.card-chanel .dropdown-toggle img {
    width: 36px;
    height: 36px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10rem;
    margin-right: 10px;
}

.card-chanel .dropdown-menu {
    min-width: 230px;
}

.card-chanel .dropdown-item img {
    width: 24px;
    height: 24px;
    max-height: 24px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10rem;
    margin-right: 10px;
}

.card-chanel .dropdown-item-link {
    color: #0A80FF;
}

.card-chanel .dropdown-item-link i {
    min-width: 24px;
    text-align: center;
    margin-right: 10px;
}

.card-customer-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-customer-info-header {
    border-bottom: 1px solid #ddd;
    padding: 15px 15px 20px 15px;
    height: 5.188rem !important; /* 83px */
    /* display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 10px; */
}

.card-customer-info-header-avatar {
    width: 48px;
    height: 48px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 48px;
}

.card-customer-info-header-details h5 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    font-family: 'Sarabun', sans-serif !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    color: #515151;
}

.card-customer-info-header-details h5 img {
    width: 16px;
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain;
    /* border-radius: 10rem; */
    margin-left: 5px;
}

.card-customer-info-header-details h5 img:hover {
    cursor: pointer;
}

.card-customer-info-header-details p {
    margin-bottom: 0;
    font-family: 'Sarabun', sans-serif !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #515151;
}

.card-customer-info-body {
    padding: 30px 15px;
    /* -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto; */
}

.card-customer-info-body .tab-content-ul {
    position: sticky;
    top: -1px;
    background-color: #fff !important;
    z-index: 999;
}

.card-customer-info-body-avatar {
    text-align: center;
    margin-bottom: 20px;
}

.card-customer-info-body-avatar-inner {
    position: relative;
    display: inline-block;
}

.card-customer-info-body-avatar-inner img {
    width: 75px;
    height: 75px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10rem;
}

.card-customer-info-body-avatar-inner a {
    display: inline-block;
    position: absolute;
    right: -1rem;
    bottom: 0;
    font-size: 1rem;
}

.card-customer-info-body-avatar-inner a:not(:hover) {
    color: #333;
}

.card-customer-info-body .tab-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.card-customer-info-body .form-group label {
    color: #94989F;
    font-weight: 500;
    margin-bottom: 5px;
}

.card-order-history {
    border-width: 0 !important;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15) !important;
    border-radius: 3px !important;
    padding: 16px 10px 12px;
}

.card-order-history-header {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 13px;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px dashed #E5E5E5;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.card-order-history-header-img {
    position: relative;
}

.card-order-history-header-img-product {
    width: 36px;
    height: 36px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.2));
    border-radius: 5px;
}

.card-order-history-header-img-logo {
    width: 16px;
    height: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10rem;
    position: absolute;
    top: -8px;
    right: -8px;
}

.card-order-history-header-details h5 {
    font-size: 0.8125rem;
    font-weight: 600;
}

.card-order-history-header-details .list-inline {
    color: #BFBFBF;
}

.card-order-history-header-details .list-inline-item:not(:last-child) {
    margin-right: 10px;
}

.card-order-history-body {
    color: #686A6C;
}

.card-order-history-total {
    font-weight: 600;
    font-size: 13px;
}

.card-order-history+.card-order-history {
    margin-top: 15px;
}

.card-note {
    /* border-width: 0 !important; */
    /* box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15) !important; */
    border-radius: 3px !important;
    border: 0.5px solid #DDDDDD;
    padding: 0.938rem;
}

.card-note-header {
    border-bottom: 1px dashed #E5E5E5;
    /* padding-bottom: 5px; */
    margin-bottom: 5px;
    display: flex;
}

.card-note-header-note-header {
    font-family: 'Sarabun', sans-serif !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    color: #515151;
}

.card-note-header-note-header-icon {
    font-size: 16px !important;
}

.card-note-header-note-header-sm-icon {
    font-size: 12px !important;
}

.card-note-header-note-sm-header {
    font-family: 'Sarabun', sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    /* line-height: 14.52px; */
    color: #515151;
}

.card-note-header-note-body {
    font-family: 'Sarabun', sans-serif !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #515151;
    word-break: break-all;
}

.card-note-header-note-avatar {
    width: 20px;
    height: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 20px;
}

.card-chat {
    border-width: 0;
    border-radius: 0;
    box-shadow: none;
}

.card-chat .card-body {
    padding-top: 0;
    padding-bottom: 0;
}

.media-chat-scrollable {
    height: 100%;
    min-height: calc(100vh - 3rem - 5.188rem - 11.25rem) !important;
    max-height: calc(100vh - 3rem - 5.188rem - 11.25rem) !important;
    padding: 20px 15px !important;
}

.media-chat-image-scrollable {
    height: 100%;
    min-height: calc(100vh - 3rem - 5.188rem - 11.25rem - 6.875rem);
    max-height: calc(100vh - 3rem - 5.188rem - 11.25rem - 6.875rem);
    padding: 20px 15px !important;
    overflow-y: auto;
}

.card-chat .card-footer {
    background-color: #fff;
    border-radius: 0;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: #ddd;
    height: 100%;
    min-height: 11.25rem; /* 180px */
    max-height: 11.25rem; /* 180px */
}

.card-product {
    border-width: 0 !important;
    padding: 12px 14px;
}

.card-product:not(.card-product--empty) {
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15) !important;
    border-radius: 5px !important;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 14px;
}

.card-product-img {
    width: 40px;
    height: 40px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.25));
}

.card-product-details li:not(:last-child) {
    margin-bottom: 5px;
}

.card-product-details li dl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.card-product-details li dl dt {
    white-space: nowrap;
    margin-bottom: 0;
}

.card-product-details li dl dd {
    margin-bottom: 0;
}

.card-product-details li dl dd .bootstrap-touchspin {
    width: 50px;
}

.card-product--empty {
    border-width: 0;
    box-shadow: none;
    display: block;
    text-align: center;
}

.card-create-product .wizard {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.card-create-product .wizard>.steps {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.card-create-product .wizard>.content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
}

.card-create-product .wizard>.actions {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}


/* ------------------------------------------------------------------------------
 *
 *  # Breadcrumb component
 *
 *  Overrides for breadcrumb bootstrap component
 *
 * ---------------------------------------------------------------------------- */

.breadcrumb {
    padding: 0;
}

.breadcrumb-item {
    padding: 0.625rem 0;
    color: inherit;
}

.breadcrumb-item i {
    font-size: 0.75rem;
}

a.breadcrumb-item,
a.breadcrumb-elements-item {
    display: inline-block;
    color: inherit;
    transition: opacity ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {

    a.breadcrumb-item,
    a.breadcrumb-elements-item {
        transition: none;
    }
}

a.breadcrumb-item:hover,
a.breadcrumb-elements-item:hover,
a.breadcrumb-item:focus,
a.breadcrumb-elements-item:focus,
.show>a.breadcrumb-item,
.show>a.breadcrumb-elements-item {
    opacity: 0.75;
}

.page-header-content>.breadcrumb {
    padding-top: 0;
    padding-bottom: 1.25rem;
}

.page-header-content>.breadcrumb:first-child {
    padding-bottom: 0;
    padding-top: 1.25rem;
}

.breadcrumb-dash>.breadcrumb-item+.breadcrumb-item:before {
    content: '\2013\00a0';
}

.breadcrumb-arrow>.breadcrumb-item+.breadcrumb-item:before {
    content: '\2192\00a0';
}

.breadcrumb-arrows>.breadcrumb-item+.breadcrumb-item:before {
    content: '\00bb\00a0';
}

.breadcrumb-caret>.breadcrumb-item+.breadcrumb-item:before {
    content: '\203A\00a0';
}

.breadcrumb-line {
    position: relative;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.breadcrumb-line:not(.breadcrumb-line-component):first-child {
    border-top-width: 0;
}

.breadcrumb-line:last-child {
    margin-bottom: 1.25rem;
}

.page-header-light .breadcrumb-line:last-child,
.page-header-dark .breadcrumb-line:last-child {
    margin-bottom: 0;
}

.breadcrumb-line-light {
    background-color: #fafafa;
    border-color: #ddd;
    color: #333;
}

.page-header-light .breadcrumb-line-light:not(.breadcrumb-line-component):last-child {
    border-bottom-width: 0;
}

.page-header-dark .breadcrumb-line-light:not(.breadcrumb-line-component) {
    border-top-width: 0;
}

.page-header-dark .breadcrumb-line-light:not(.breadcrumb-line-component):first-child {
    border-bottom-width: 0;
}

.breadcrumb-line-light.breadcrumb-line-component {
    border-color: #ddd;
}

.breadcrumb-line-dark {
    background-color: #273246;
    border-color: transparent;
    color: #fff;
}

.page-header-dark .breadcrumb-line-dark:not(.breadcrumb-line-component):last-child {
    border-bottom-width: 0;
}

.breadcrumb-line-dark .breadcrumb-item.active {
    color: inherit;
}

.page-header-dark .breadcrumb-line-dark {
    border-color: rgba(255, 255, 255, 0.25);
}

.breadcrumb-line-component {
    border: 1px solid transparent;
    border-radius: 0.1875rem;
}

.page-header .breadcrumb-line-component {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}

.breadcrumb-elements-item {
    padding: 0.625rem 0;
}

.breadcrumb-elements-item+.breadcrumb-elements-item {
    margin-left: 1.25rem;
}


/* ------------------------------------------------------------------------------
 *
 *  # Pagination component
 *
 *  Overrides for pagination component
 *
 * ---------------------------------------------------------------------------- */

.pagination {
    margin-bottom: 0;
}

.page-link {
    text-align: center;
    min-width: 2.25003rem;
    transition: all ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .page-link {
        transition: none;
    }
}

.pagination-lg .page-link {
    min-width: 2.50002rem;
}

.pagination-sm .page-link {
    min-width: 2.00002rem;
}

.pagination-rounded .page-item:first-child .page-link {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}

.pagination-rounded .page-item:last-child .page-link {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

.pagination-flat .page-item.active .page-link {
    background-color: #1F88E5;
}

.pagination-flat .page-item.disabled .page-link {
    border-color: transparent;
}

.pagination-flat .page-link {
    background-color: transparent;
    border-color: transparent;
    margin-left: 2px;
    border-radius: 0.1875rem;
}

.pagination-flat .page-link:hover,
.pagination-flat .page-link:focus {
    background-color: #f5f5f5;
}

.pagination-flat.pagination-rounded .page-link {
    border-radius: 100px;
}

.pagination-separated .page-link {
    margin-left: 0.625rem;
    border-radius: 0.1875rem;
}

.pagination-separated.pagination-rounded .page-link {
    border-radius: 100px;
}

.pagination-pager .page-item {
    border-radius: 0.1875rem;
}

.pagination-pager .page-link {
    margin-left: 1.25rem;
    border-radius: 0.1875rem;
}

.pagination-pager.pagination-rounded .page-link {
    border-radius: 100px;
}

.pagination-pager-linked .page-item.disabled .page-link {
    background-color: transparent;
    border-color: transparent;
}

.pagination-pager-linked .page-link {
    color: #1F88E5;
    background-color: transparent;
    border-color: transparent;
}

.pagination-pager-linked .page-link:hover,
.pagination-pager-linked .page-link:focus {
    color: #fff;
    background-color: #1F88E5;
    border-color: #1F88E5;
}

.pagination-pager:not(.pagination-rounded).pagination-lg .page-link {
    border-radius: 0.25rem;
}

.pagination-pager:not(.pagination-rounded).pagination-sm .page-link {
    border-radius: 0.125rem;
}


/* ------------------------------------------------------------------------------
 *
 *  # Badge component
 *
 *  Overrides for badge bootstrap component
 *
 * ---------------------------------------------------------------------------- */

.badge.dropdown-toggle:after {
    font-size: 85%;
    vertical-align: baseline;
}

.badge-light {
    background-color: #f5f5f5;
}

a.badge[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light):hover,
a.badge[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light):focus,
.show>a.badge[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light).dropdown-toggle {
    box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset;
}

.btn .badge {
    top: 0;
}

.badge-flat {
    background-color: transparent;
    border: 1px solid transparent;
    padding: calc(0.3125rem - 1px) calc(0.375rem - 1px);
}

.badge-flat[href]:hover,
.badge-flat[href]:focus {
    background-color: transparent;
    box-shadow: none;
}

.badge-flat.badge-pill {
    padding-left: calc(0.4375rem - 1px);
    padding-right: calc(0.4375rem - 1px);
}

.badge-striped {
    padding: 0.4375rem 0.5rem;
    position: relative;
}

.badge-striped:before {
    content: '';
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
}

.badge-striped-left {
    padding-left: calc(0.375rem + 2px);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.badge-striped-left:before {
    left: 0;
    border-left: 2px solid;
    border-left-color: inherit;
}

.badge-striped-right {
    padding-right: calc(0.375rem + 2px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.badge-striped-right:before {
    right: 0;
    border-right: 2px solid;
    border-right-color: inherit;
}

.badge-icon {
    padding: 0.375rem;
    line-height: 1;
}

.badge-icon>i {
    top: 0;
}

.badge-float {
    position: absolute;
    right: -0.5rem;
    top: -0.5rem;
}

.badge-mark {
    padding: 0;
    border: 2px solid;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100px;
}

.badge-mark:empty {
    display: inline-block;
}


/* ------------------------------------------------------------------------------
 *
 *  # Alert component
 *
 *  Overrides for alert bootstrap component
 *
 * ---------------------------------------------------------------------------- */

.alert-dismissible .close:hover,
.alert-dismissible .close:focus {
    color: inherit;
}

.alert[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light) .alert-link {
    color: inherit;
    border-bottom-color: rgba(255, 255, 255, 0.85);
}

.alert-rounded {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    border-radius: 100px;
}

.alert-rounded.alert-dismissible .close {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

.alert[class*=alert-styled-]:after {
    content: "";
    font-family: "icomoon";
    color: #fff;
    width: 2.875rem;
    left: -2.875rem;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.alert[class*=alert-styled-].alert-danger:after,
.alert[class*=alert-styled-][class*=bg-danger]:after {
    content: "";
}

.alert[class*=alert-styled-].alert-success:after,
.alert[class*=alert-styled-][class*=bg-success]:after {
    content: "";
}

.alert[class*=alert-styled-].alert-warning:after,
.alert[class*=alert-styled-][class*=bg-warning]:after {
    content: "";
}

.alert[class*=alert-styled-].alert-info:after,
.alert[class*=alert-styled-][class*=bg-info]:after {
    content: "";
}

.alert.alert-styled-left {
    border-left-width: 2.875rem;
}

.alert.alert-styled-left[class*=bg-]:not(.bg-white):not(.bg-light) {
    border-left-color: rgba(0, 0, 0, 0.15) !important;
}

.alert.alert-styled-right {
    border-right-width: 2.875rem;
}

.alert.alert-styled-right:after {
    left: auto;
    right: -2.875rem;
}

.alert.alert-styled-right[class*=bg-]:not(.bg-white):not(.bg-light) {
    border-right-color: rgba(0, 0, 0, 0.15) !important;
}

.alert.alert-styled-custom:after {
    content: "";
}

.alert:not(.ui-pnotify)[class*=alert-arrow-]:before,
.alert.ui-pnotify[class*=alert-arrow-]>.brighttheme:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    border-left: 5px solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left-color: inherit;
    margin-top: -5px;
}

.alert:not(.ui-pnotify).alert-arrow-right:before,
.alert.ui-pnotify.alert-arrow-right>.brighttheme:before {
    left: auto;
    right: 0;
    border-left: 0;
    border-right: 5px solid;
    border-right-color: inherit;
}


/* ------------------------------------------------------------------------------
 *
 *  # Progress bar component
 *
 *  Overrides for progress bar component
 *
 * ---------------------------------------------------------------------------- */

.progress {
    position: relative;
}

.progress-bar {
    width: 0;
    overflow: hidden;
    white-space: nowrap;
}

.progress .progressbar-back-text,
.progress .progressbar-front-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    font-size: 0.60938rem;
}

.progress .progressbar-back-text {
    -ms-flex-item-align: center;
    align-self: center;
}

.progress.right {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.progress.vertical {
    width: 3rem;
    height: 100%;
    display: inline-block;
}

.progress.vertical+.progress.vertical {
    margin-left: 0.625rem;
}

.progress.vertical .progress-bar {
    width: 100%;
    height: 0;
    transition: height 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .progress.vertical .progress-bar {
        transition: none;
    }
}

.progress.vertical.bottom .progressbar-back-text,
.progress.vertical.bottom .progressbar-front-text {
    top: auto;
    bottom: 0;
}

.progress.vertical.bottom .progress-bar {
    position: absolute;
    bottom: 0;
}


/* ------------------------------------------------------------------------------
 *
 *  # Media object component
 *
 *  Overrides for media object component
 *
 * ---------------------------------------------------------------------------- */

.media {
    margin-top: 1.25rem;
}

.media.card-body,
.media:first-child {
    margin-top: 0;
}

.media-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.media-title {
    margin-bottom: 0.125rem;
}

.img-preview {
    max-height: 5rem;
}

.media-list-bordered .media {
    margin-top: 0;
    padding: 1rem 1.25rem;
    border-top: 1px solid #ddd;
}

.media-list-linked .media {
    padding: 1rem 1.25rem;
}

.media-list-linked li.media {
    margin-top: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.media-list-linked.media-list-bordered li.media {
    border-bottom: 0;
}

.media-list-linked a.media {
    color: inherit;
    transition: all ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .media-list-linked a.media {
        transition: none;
    }
}

.media-list-linked a.media:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.list-message {
    list-style: none;
    padding-left: 0;
}

.list-message-link {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-column-gap: 5px;
    color: #515151;
    padding: 12px 15px;
    height: 100%;
    max-height: 100px;
}

.list-message-link:hover {
    color: #515151;
    background-color: #F5F6F7;
}

.list-message-link.active {
    background-color: #F5F6F7;
}

.list-message-avatar {
    position: relative;
    padding-right: 5px;
    width: 48px;
    height: 48px;
}

.list-message-avatar img {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10rem;
}

.list-message-avatar-customer {
    width: 48px;
    height: 48px;
}

.list-message-avatar-admin {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    /* border: 1px solid #fff; */
}

.list-message-page {
    position: relative;
    padding-right: 5px;
    width: 16px;
    height: 16px;
    display: flex;
}

.list-message-avatar-page {
    min-width: 16px;
    min-height: 16px;
    width: 16px;
    height: 16px;
    border-radius: 16px;
}

.list-message-page-admin {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    /* border: 1px solid #fff; */
}

.list-message-details-unread h5 {
    font-size: 13px;
    font-weight: 700 !important;
    line-height: 20px;
    color: #000 !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}

.list-message-details h5 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #515151;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}

.list-message-details h5 img {
    width: 16px;
    height: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10rem;
    margin-right: 3px;
}

.list-message-details-unread .customer-name {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #2196F3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    display: inline;
}

.list-message-details .customer-name {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #515151;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    display: inline;
}

.list-message-details .customer-name img {
    width: 16px;
    height: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10rem;
    margin-right: 3px;
}

.list-message-details p {
    margin-bottom: 2px;
}

.list-message-details .badge {
    border-radius: 3px;
}

.list-message-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
}

.list-message-info-time {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 0;
}

.list-message-info-time .badge {
    margin-left: 3px;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    padding: 0 .25rem;
    min-width: 16px;
    min-height: 16px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.list-message-info-assigned {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: auto;
    margin-bottom: 0;
}

.list-message-info-assigned img {
    width: 16px;
    height: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10rem;
    margin-left: 3px;
}

.message-customer-info-name {
    font-family: 'Sarabun', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #515151 !important;
}

.message-customer-info-tag-status {
    font-family: 'Sarabun', sans-serif !important;
    font-size: 7.5px !important;
    font-weight: 500 !important;
    line-height: 9px !important;
    color: #FFFFFF !important;
}

.message-customer-info-tag-status i {
    font-size: 8px !important;
}

.message-customer-info-assigned {
    font-family: 'Sarabun', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #515151 !important;
}


/* ------------------------------------------------------------------------------
 *
 *  # List group component
 *
 *  Overrides for list group component
 *
 * ---------------------------------------------------------------------------- */

.list-group {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    padding: 0.5rem 0;
    background-clip: padding-box;
    border-radius: 0.1875rem;
}

.list-group-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    border-width: 0;
    background-color: transparent;
    transition: all ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .list-group-item {
        transition: none;
    }
}

.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.list-group-item.active .badge:not(.badge-mark) {
    background-color: #fff !important;
    color: #333 !important;
}

.list-group-item.active .badge-mark[class*=bg-] {
    background-color: #fff !important;
    border-color: #fff !important;
}

.list-group-item.active .badge-mark[class*=border-] {
    border-color: #fff !important;
}

.list-group-item.disabled,
.list-group-item:disabled {
    cursor: default;
}

.list-group-horizontal {
    border: 0;
}

.list-group-horizontal .list-group-item-action {
    width: auto;
}

.list-group-horizontal .list-group-item {
    border: 1px solid rgba(0, 0, 0, 0.125);
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        border: 0;
    }

    .list-group-horizontal-sm .list-group-item-action {
        width: auto;
    }

    .list-group-horizontal-sm .list-group-item {
        border: 1px solid rgba(0, 0, 0, 0.125);
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        border: 0;
    }

    .list-group-horizontal-md .list-group-item-action {
        width: auto;
    }

    .list-group-horizontal-md .list-group-item {
        border: 1px solid rgba(0, 0, 0, 0.125);
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        border: 0;
    }

    .list-group-horizontal-lg .list-group-item-action {
        width: auto;
    }

    .list-group-horizontal-lg .list-group-item {
        border: 1px solid rgba(0, 0, 0, 0.125);
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        border: 0;
    }

    .list-group-horizontal-xl .list-group-item-action {
        width: auto;
    }

    .list-group-horizontal-xl .list-group-item {
        border: 1px solid rgba(0, 0, 0, 0.125);
    }
}

.list-group-flush {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.list-group-divider {
    padding: 0;
    margin: 0.5rem 0;
    border-top-width: 1px;
}

.list-group-bordered {
    padding: 0;
}

.list-group-bordered .list-group-item {
    border-top-width: 1px;
    border-bottom-width: 1px;
    margin-bottom: -1px;
}

.list-group-bordered .list-group-item:first-child {
    border-top-width: 0;
    border-top-left-radius: 0.1875rem;
    border-top-right-radius: 0.1875rem;
}

.list-group-bordered .list-group-item:last-child {
    border-bottom-right-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem;
}

.list-group-bordered[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .list-group-item {
    border-top-color: rgba(255, 255, 255, 0.1);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) {
    border-radius: 0.1875rem;
}

.list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item-action:not(.active):not(.disabled) {
    color: rgba(255, 255, 255, 0.9);
}

.list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item-action:not(.active):not(.disabled):hover,
.list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item-action:not(.active):not(.disabled):focus {
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
}

.list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item {
    color: #fff;
}

.list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item.active {
    background-color: rgba(0, 0, 0, 0.2);
}

.list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item.disabled,
.list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item:disabled {
    color: rgba(255, 255, 255, 0.6);
    background-color: transparent;
}

.list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-divider {
    border-top-color: rgba(255, 255, 255, 0.4);
}

.list-group-item-primary {
    color: #104777;
    background-color: #1F88E5;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #104777;
    background-color: #187bd2;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #104777;
    border-color: #104777;
}

.list-group-item-secondary {
    color: #3e3e3e;
    background-color: #eee;
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #3e3e3e;
    background-color: #e1e1e1;
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #3e3e3e;
    border-color: #3e3e3e;
}

.list-group-item-success {
    color: #285f59;
    background-color: #4DB6AC;
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #285f59;
    background-color: #44a69c;
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #285f59;
    border-color: #285f59;
}

.list-group-item-info {
    color: #00626e;
    background-color: #00BCD4;
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #00626e;
    background-color: #00a5bb;
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #00626e;
    border-color: #00626e;
}

.list-group-item-warning {
    color: #81592e;
    background-color: #FF9800;
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #81592e;
    background-color: #e68900;
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #81592e;
    border-color: #81592e;
}

.list-group-item-danger {
    color: #7f231c;
    background-color: #F44336;
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #7f231c;
    background-color: #f32c1e;
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #7f231c;
    border-color: #7f231c;
}

.list-group-item-light {
    color: #828282;
    background-color: #f5f5f5;
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: #828282;
    background-color: #e8e8e8;
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #828282;
    border-color: #828282;
}

.list-group-item-dark {
    color: #1a2225;
    background-color: #ECEFF1;
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #1a2225;
    background-color: #dde3e6;
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1a2225;
    border-color: #1a2225;
}


/* ------------------------------------------------------------------------------
 *
 *  # Close button
 *
 *  Overrides of default close button styles
 *
 * ---------------------------------------------------------------------------- */

.close {
    opacity: .75;
    transition: color ease-in-out 0.15s, opacity ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .close {
        transition: none;
    }
}

.close:hover,
.close:focus {
    outline: 0;
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    opacity: 1;
}


/* ------------------------------------------------------------------------------
 *
 *  # Tooltip component
 *
 *  Override and extend default tooltip styles.
 *
 * ---------------------------------------------------------------------------- */

.toast-header {
    background-clip: border-box;
}

.toast-header .close {
    color: inherit;
}


/* ------------------------------------------------------------------------------
 *
 *  # Modal component
 *
 *  Overrides for modal dialog component
 *
 * ---------------------------------------------------------------------------- */

.modal-header {
    position: relative;
    border-top-left-radius: 0.1875rem;
    border-top-right-radius: 0.1875rem;
}

.modal-header .close {
    color: inherit;
}

.modal-header:not([class*=bg-]) {
    padding-bottom: 0;
    border-bottom-width: 0;
}

.modal-footer:not([class*=bg-]) {
    padding-top: 0;
    border-top-width: 0;
}

[class*=table-responsive]+.modal-footer,
.table+.modal-footer {
    border-top-width: 1px;
    border-top-color: #ddd;
}

@media (min-width: 576px) {
    .modal-xs {
        max-width: 300px;
    }

    .modal-full {
        max-width: 94%;
        margin-left: 3%;
        margin-right: 3%;
    }
}


/* ------------------------------------------------------------------------------
 *
 *  # Tooltip component
 *
 *  Override and extend default tooltip styles.
 *
 * ---------------------------------------------------------------------------- */

.bs-tooltip-top .arrow[class*=border-]:before {
    border-top-color: inherit;
}

.bs-tooltip-right .arrow[class*=border-]:before {
    border-right-color: inherit;
}

.bs-tooltip-bottom .arrow[class*=border-]:before {
    border-bottom-color: inherit;
}

.bs-tooltip-left .arrow[class*=border-]:before {
    border-left-color: inherit;
}


/* ------------------------------------------------------------------------------
 *
 *  # Popover component
 *
 *  Overrides for popover component
 *
 * ---------------------------------------------------------------------------- */

.popover-header {
    font-weight: 600;
    padding-bottom: 0;
    border-bottom-width: 0;
}

.popover-header[class*=bg-]:not(.bg-white):not(.bg-light) {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom-width: 1px;
}

.bs-popover-top[class*=bg-]:not(.bg-white):not(.bg-light) .arrow,
.bs-popover-top[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:after,
.bs-popover-top[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:before,
.bs-popover-top[class*=border-] .arrow,
.bs-popover-top[class*=border-] .arrow:after,
.bs-popover-top[class*=border-] .arrow:before {
    border-top-color: inherit;
}

.bs-popover-right[class*=bg-]:not(.bg-white):not(.bg-light) .arrow,
.bs-popover-right[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:after,
.bs-popover-right[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:before,
.bs-popover-right[class*=border-] .arrow,
.bs-popover-right[class*=border-] .arrow:after,
.bs-popover-right[class*=border-] .arrow:before {
    border-right-color: inherit;
}

.bs-popover-bottom[class*=bg-]:not(.bg-white):not(.bg-light) .arrow,
.bs-popover-bottom[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:after,
.bs-popover-bottom[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:before,
.bs-popover-bottom[class*=border-] .arrow,
.bs-popover-bottom[class*=border-] .arrow:after,
.bs-popover-bottom[class*=border-] .arrow:before {
    border-bottom-color: inherit;
}

.bs-popover-left[class*=bg-]:not(.bg-white):not(.bg-light) .arrow,
.bs-popover-left[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:after,
.bs-popover-left[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:before,
.bs-popover-left[class*=border-] .arrow,
.bs-popover-left[class*=border-] .arrow:after,
.bs-popover-left[class*=border-] .arrow:before {
    border-left-color: inherit;
}


/* ------------------------------------------------------------------------------
 *
 *  # Utilities
 *
 *  Import Bootstrap utilities with overrides
 *
 * ---------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------
 *
 *  # Background utility
 *
 *  Override and extend default background utility.
 *
 * ---------------------------------------------------------------------------- */

[class*=bg-]:not(.bg-transparent):not(.bg-light):not(.bg-white):not(.btn-outline):not(body) {
    color: #fff;
}