@font-face {
    font-family: "sukhumvit_setbold";
    src: url("~/Resource/fonts/sukhumvit-set_bold.woff");
}

@font-face {
    font-family: "sukhumvit_settext";
    src: url("~/Resource/fonts/sukhumvit-set_text.woff");
}

@font-face {
    font-family: "sukhumvit_setthin";
    src: url("~/Resource/fonts/sukhumvit-set_thin.woff");
}

@font-face {
    font-family: 'KrungsriCondensedBold';
    src: url('~/Resource/fonts/KrungsriCondensedBold.ttf') format('truetype');
}

body {
    /*background: #E5E5E5;*/
    font-family: 'sukhumvit_settext';
}

.ks-login {
    margin-top: -50px;
}

    .ks-login .card {
        /*border-color: transparent;*/
    }

        .ks-login .card .card-header {
            background: #FFFFFF;
        }

.card-body {
    max-width: 540px;
}

.form-control {
    border-color: #C2CFE0;
    border-radius: 8px;
    height: calc(1.5em + 1.15rem + 2px);
}

.upload_avatar {
    background-size: cover;
    background: url(/Resource/assets/apiportal/user/avatar_icon.png) center no-repeat;
    height: 105px;
    width: 105px;
    position: relative;
    margin: 0 auto;
    transition: all 250ms ease-in-out;
    cursor: pointer;
}

    .upload_avatar .edit-icon {
        position: absolute;
        width: 24px;
        height: 24px;
        background: #FFF;
        bottom: 5px;
        right: 5px;
        border-radius: 100%;
        z-index: 2;
        transition: all 250ms ease-in-out;
    }

        .upload_avatar .edit-icon:before {
            content: "\e975";
            font-family: 'figma';
            text-align: center;
            display: block;
        }

    .upload_avatar:hover:after {
        content: "";
        position: absolute;
        display: block;
        margin: auto;
        width: 100%;
        height: 100%;
        border-radius: 20px;
        background: rgba(0, 0, 0, 0.7);
        z-index: 1;
    }

#upload {
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.upload-file {
    border-radius: 4px;
    border-color: #EBEFF2;
    margin-top: 0.5rem;
}

    .upload-file:hover {
        background: #EBEFF2;
    }

label {
    font-family: 'sukhumvit_settext';
}

    label span {
        color: red;
    }

.ks-form {
    max-width: none;
}

.banner-section {
    height: auto !important;
}

/*--- HWC Custom ---*/
.btn-ks.btn-ks-signup:hover {
    --background: #eee;
}

.banner-section {
    background: url('/KDP/Resource/assets/banner/SignUp_BG.jpg')
}

.consent-content {
    word-break: break-all;
}

.div-group .custom-control-label::before {
    border-radius: 0.25rem;
}

.checkbox-consent {
    margin-bottom: 1rem;
}

.div-group .custom-control-label #consentDetail {
    color: #007bff
}

/*-- 20200920 --*/
.consent-modal .modal-dialog {
    max-width: 750px !important;
}

    .consent-modal .modal-dialog .modal-content {
        width: 100%;
    }

        .consent-modal .modal-dialog .modal-content .modal-body {
            text-align: center;
            padding: 2rem;
        }

.consent-modal .accept-button {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-around;
}

.accept-button #acceptBtn {
    background-color: #ffda00;
    border-color: #ffda00;
    color: #222;
}

.accept-button #deniedBtn {
    background-color: #fff;
    border-color: #e8e8e8;
    color: #222;
}

.is-invalid-select {
    border-color: #dc3545;
}


/* HWC Custom */
.bd-sidebar a.htx::after {
    font-family: 'figma';
    content: "?";
    border: none;
    vertical-align: text-top;
    margin-left: 5px;
}

footer .footer-desc-contact i {
    width: 24px;
}

#navbarSupportedContent .dropdown-item > img {
    width: 16px;
}

@media (min-width:992px) {
    header .bd-navbar {
        height: 54px;
    }
}

.banner-section {
    background: url(~/Resource/assets/banner/sub_banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px;
}

.ks-form {
    margin: auto;
}

footer .footer-desc .brand span {
    letter-spacing: 0;
}

.bd-navbar .navbar-nav .nav-item.active .nav-link {
    color: #109CF1;
}

/*Layout*/
.ks-badge {
    padding: 0.55em 1.5em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    max-width: 100%;
    width: 60px;
    text-transform: uppercase;
}

    .ks-badge.ks-badge-cold {
        color: white;
        background-color: #61AFFE;
    }

    .ks-badge.ks-badge-success {
        color: white;
        background-color: #2ED47A;
    }

    .ks-badge.ks-badge-warning {
        color: white;
        background-color: #FFB946;
    }

    .ks-badge.ks-badge-danger {
        color: white;
        background-color: #FF6633;
    }

.btn-ks {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    text-decoration: none !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding: 0.375rem 0.75rem;
    border-radius: 4px;
    /* Restful Method*/
}

    .btn-ks:focus {
        outline: none;
    }

    .btn-ks.btn-ks-login {
        background: #ffda00;
        color: #52575C;
    }

    .btn-ks.btn-ks-about {
        background: #ffda00;
        color: #322C2C;
    }

    .btn-ks.btn-ks-signup {
        background: #ffda00;
        color: #554242;
    }

    .btn-ks.btn-ks-signup-2 {
        background: #705F5F;
        color: #FFFFFF;
    }

    .btn-ks.btn-ks-contact {
        background: transparent;
        color: white;
        border: 1px solid white;
    }

    .btn-ks.btn-ks-discover {
        background: #705F5F;
        color: #FFDA00;
        border: none;
        font-weight: bold;
        padding: 0.6rem 3rem;
        box-shadow: 4px 4px 10px #FFB946;
    }

    .btn-ks.btn-ks-discover-2 {
        background: #FFDA00;
        color: #705F5F;
        border: none;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
        font-weight: bold;
        padding: 1.6rem 0;
    }

    .btn-ks.btn-ks-subscribe {
        background: #FFDA00;
        color: #705F5F;
        border: 1px solid #FFDA00;
        padding: 0.375rem 0.75rem;
        border-radius: 12px;
    }

    .btn-ks.btn-ks-download {
        background: #FFDA00;
        box-shadow: 0px 2px 10px #FFB946;
        border-radius: 4px;
        color: #52575C;
        border: none;
        padding: 0.375rem 0.75rem;
        letter-spacing: 0.01em;
        font-weight: 500;
        font-style: normal;
        line-height: 16px;
    }

        .btn-ks.btn-ks-download.dropdown-toggle::after {
            content: none;
        }

        .btn-ks.btn-ks-download span {
            vertical-align: middle;
        }

            .btn-ks.btn-ks-download span::before {
                content: "";
                background: url(~/Resource/assets/icon/download.svg) 0 0 no-repeat;
                width: 18px;
                height: 18px;
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
            }

        .btn-ks.btn-ks-download i.ksi-down1 {
            margin-left: 10px;
            vertical-align: middle;
            font-size: 20px;
            transition: transform 0.3s ease-in-out;
        }

        .btn-ks.btn-ks-download[aria-expanded="true"] i {
            transform: rotatex(180deg);
        }

    .btn-ks.btn-ks-discover-dark {
        background: #705F5F;
        color: #ffda00;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
    }

    .btn-ks.ks-outline-secondary {
        color: #C2CFE0;
        border-color: #C2CFE0;
    }

        .btn-ks.ks-outline-secondary:hover {
            background: #C2CFE0;
            color: #FFFFFF;
        }

    .btn-ks.ks-default {
        color: #322C2C;
    }

    .btn-ks.ks-primary {
        background: #61AFFE;
        color: #FFFFFF;
    }

    .btn-ks.ks-warning {
        background: #FFB946;
        color: #FFFFFF;
    }

    .btn-ks.ks-success {
        background: #2ED47A;
        color: #FFFFFF;
    }

    .btn-ks.ks-danger {
        background: #FF6633;
        color: #FFFFFF;
    }

    .btn-ks.ks-krungsri {
        color: #322C2C;
        background: #FFDA00;
    }

    .btn-ks.ks-sm-text {
        font-size: 14px;
    }

    .btn-ks.btn-ks-api {
        background: #FFDA00;
        box-shadow: 0px 2px 10px #FFB946;
        border-radius: 4px;
        color: #52575C;
        border: none;
        padding: 0.375rem 0.75rem;
        letter-spacing: 0.01em;
        font-weight: 500;
        font-style: normal;
        line-height: 16px;
    }

        .btn-ks.btn-ks-api.dropdown-toggle::after {
            content: none;
        }

        .btn-ks.btn-ks-api i.ksi-down1 {
            margin-left: 10px;
            vertical-align: middle;
            font-size: 20px;
            transition: transform 0.3s ease-in-out;
        }

        .btn-ks.btn-ks-api[aria-expanded="true"] i {
            transform: rotatex(180deg);
        }

    .btn-ks.btn-ks-lg {
        padding: 0.65rem 3.75rem;
    }

    .btn-ks.btn-ks-sm {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-radius: 0.2rem;
    }

    .btn-ks.badge-pill {
        border-radius: 10rem;
    }

    .btn-ks.btn-ks-dropdown {
        background: #ffda00;
        color: #52575C;
    }

    .btn-ks.default-shadow {
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
    }

    .btn-ks.primary-shadow {
        box-shadow: 4px 4px 10px #007EFF;
    }

    .btn-ks.warning-shadow {
        box-shadow: 4px 4px 10px #FFB946;
    }

@font-face {
    font-family: "sukhumvit_setbold";
    src: url("~/Resource/fonts/sukhumvit-set_bold.woff");
}

@font-face {
    font-family: "sukhumvit_settext";
    src: url("~/Resource/fonts/sukhumvit-set_text.woff");
}

@font-face {
    font-family: "sukhumvit_setthin";
    src: url("~/Resource/fonts/sukhumvit-set_thin.woff");
}

@font-face {
    font-family: 'KrungsriCondensedBold';
    src: url('~/Resource/fonts/KrungsriCondensedBold.ttf') format('truetype');
}

.ks-shadow {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
}

.ks-shadow-2 {
    box-shadow: 4px 4px 10px #FFB946;
}
/* header */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'KrungsriCondensedBold';
}

p,
a,
li {
    font-family: 'sukhumvit_settext';
}

.hideNav {
    position: fixed;
    top: -100px;
    right: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

    .hideNav.releaseNav {
        opacity: 1;
        top: 0;
    }

.main-nav.main-nav-bg {
    background-color: #322C2C;
}

    .main-nav.main-nav-bg .nav-title {
        color: white;
        font-family: 'sukhumvit_setthin';
    }

@media (max-width: 768px) {
    .main-nav.main-nav-bg .nav-title {
        font-size: 13px;
    }
}

.main-nav.main-nav-bg .nav-title span {
    color: #FFDA00;
    font-weight: bold;
    font-family: 'sukhumvit_setbold';
}

.bd-navbar {
    background-color: #E6EAF1;
}

    .bd-navbar .navbar-nav .nav-item {
        padding-left: 0.65rem;
        padding-right: 0.65rem;
    }

        .bd-navbar .navbar-nav .nav-item.active .nav-link {
            color: #109CF1;
        }

            .bd-navbar .navbar-nav .nav-item.active .nav-link:not(.dropdown-toggle) {
                color: #109CF1;
            }

        .bd-navbar .navbar-nav .nav-item .nav-link {
            padding: 0;
            color: #322C2C;
        }

@media (max-width: 991px) {
    .bd-navbar .navbar-nav .nav-item .nav-link {
        padding: 0.35rem;
        display: inline-block;
    }
}

.bd-navbar .navbar-nav .nav-item .nav-link i {
    vertical-align: middle;
}

.bd-navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:hover {
    color: #109CF1;
}

.bd-navbar .navbar-nav .nav-item .nav-link:not(.dropdown-toggle) {
    color: #705F5F;
    position: relative;
}

    .bd-navbar .navbar-nav .nav-item .nav-link:not(.dropdown-toggle):after {
        content: '';
        left: 0;
        right: 0;
        width: 0;
        height: 3px;
        bottom: 0;
        transition: width 0.15s ease-in-out;
        position: absolute;
    }

    .bd-navbar .navbar-nav .nav-item .nav-link:not(.dropdown-toggle):hover {
        color: #109CF1;
    }

        .bd-navbar .navbar-nav .nav-item .nav-link:not(.dropdown-toggle):hover:after {
            content: "";
            background: #109CF1;
            width: 100%;
        }

.bd-navbar .navbar-nav .dropdown .dropdown-menu {
    background: #F8F2DE;
}

@media (max-width: 768px) {
    .bd-navbar .navbar-nav .dropdown {
        margin: 5px 0;
    }

        .bd-navbar .navbar-nav .dropdown.nav-item {
            margin: 0;
        }
}

.dropdown-toggle::after {
    font-family: 'figma';
    content: "\e945";
    border: none;
    vertical-align: text-top;
    padding-right: 5px;
}
/* Breadcrumb */
nav[aria-label="breadcrumb"] {
    padding: 10px;
    background: #FCFCFC;
}

    nav[aria-label="breadcrumb"] .breadcrumb {
        margin: 0;
        background: #FCFCFC;
    }

        nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item + .breadcrumb-item {
            color: #109CF1;
        }

            nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
                content: "|";
                color: #109CF1;
            }
/* sidebar */
.bd-sidebar {
    position: -webkit-sticky;
    position: sticky !important;
    top: 0;
    z-index: 1000;
    height: 100vh;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding-right: 15px;
}

@media (max-width: 768px) {
    .bd-sidebar {
        height: 100%;
        padding-right: 0;
        border-right: none;
    }
}

.bd-sidebar .bd-search {
    position: relative;
    padding: 1rem 15px;
    margin-right: -15px;
    margin-left: -15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

    .bd-sidebar .bd-search .input-group-text {
        background: white;
    }

    .bd-sidebar .bd-search input {
        border-left: none;
    }

.bd-sidebar nav a {
    color: #334D6E;
}

.bd-sidebar nav ul li a {
    color: #707683;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link {
    font-family: 'sukhumvit_setbold';
}
/* get started */
.trail-getstarted-section {
    background: transparent;
    padding: 25px 0;
}

    .trail-getstarted-section a {
        margin-bottom: 0;
        color: #705F5F;
    }

    .trail-getstarted-section hr {
        background-color: #705F5F;
    }
/* footer */
footer {
    padding: 25px;
    background: #DCD5D5;
}

    footer .footer-desc .brand {
        font-family: 'sukhumvit_setthin';
        font-size: 24px;
    }

@media (max-width: 768px) {
    footer .footer-desc .brand {
        margin-top: 0;
        font-size: 16px;
    }
}

footer .footer-desc .brand span {
    color: #705F5F;
    font-weight: bold;
    font-family: 'sukhumvit_setbold';
    letter-spacing: 0.5px;
}

footer .footer-desc .brand p {
    margin-bottom: 0;
}

footer .footer-desc .terms-policy {
    font-size: 16px;
}

@media (max-width: 768px) {
    footer .footer-desc .terms-policy {
        font-size: 14px;
    }
}

footer .footer-desc-contact .icon-mail {
    background: url(~/Resource/assets/footer/mail.svg) 0 0 no-repeat;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    display: inline-block;
}

footer .footer-desc-contact .icon-tel {
    background: url(~/Resource/assets/footer/tel.svg) 0 0 no-repeat;
    width: 16px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
}

footer .footer-desc-contact .text-icon {
    padding-left: 0.35rem;
    line-height: 16px;
}

@media (min-width: 1200px) {
    .bd-sidebar {
        -ms-flex: 0 1 320px;
        flex: 0 1 320px;
    }
}
/* banner */
.banner-section {
    background: url('~/Resource/assets/banner/sub_banner.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 50px;
}

@media (max-width: 768px) {
    .banner-section {
        padding: 50px 0;
    }
}

.banner-section .inner-banner {
    padding-left: 167px;
}

@media (max-width: 768px) {
    .banner-section .inner-banner {
        padding-left: 0;
    }
}

.banner-section .container.specific-container {
    margin-left: 17.5rem;
}

@media (max-width: 1500px) {
    .banner-section .container.specific-container {
        margin-left: auto;
    }
}

.banner-section .container .d-tb {
    display: table;
    width: 100%;
}

    .banner-section .container .d-tb .d-tb-cell {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

        .banner-section .container .d-tb .d-tb-cell.specific-banner {
            padding-left: 167px;
        }

@media (max-width: 1024px) {
    .banner-section .container .d-tb .d-tb-cell.specific-banner {
        padding-left: 218px;
    }
}

@media (max-width: 991px) {
    .banner-section .container .d-tb .d-tb-cell.specific-banner {
        padding-left: 147px;
    }
}

@media (max-width: 768px) {
    .banner-section .container .d-tb .d-tb-cell.specific-banner {
        padding-left: 0;
    }
}

@media (max-width: 1366px) {
    .banner-section .container .d-tb .d-tb-cell.specific-banner-2 {
        padding-left: 148px;
    }
}

@media (max-width: 1024px) {
    .banner-section .container .d-tb .d-tb-cell.specific-banner-2 {
        padding-left: 218px;
    }
}

@media (max-width: 991px) {
    .banner-section .container .d-tb .d-tb-cell.specific-banner-2 {
        padding-left: 147px;
    }
}

@media (max-width: 768px) {
    .banner-section .container .d-tb .d-tb-cell.specific-banner-2 {
        padding-left: 0;
    }
}

.banner-section .container .d-tb .d-tb-cell .inner-area {
    text-align: left;
    color: #705F5F;
}

    .banner-section .container .d-tb .d-tb-cell .inner-area h1 {
        margin-bottom: 2rem;
    }

        .banner-section .container .d-tb .d-tb-cell .inner-area h1 span {
            color: #109CF1;
            font-weight: bold;
        }

    .banner-section .container .d-tb .d-tb-cell .inner-area p {
        margin-bottom: 1.75rem;
    }
/*endpoint*/
.inner-tab-2 {
    padding: 50px;
}

@media (max-width: 991px) {
    .inner-tab-2 {
        padding: 0;
    }
}

.inner-tab-2 .nav .nav-item {
    padding: 0.5rem 1rem;
}

@media (max-width: 768px) {
    .inner-tab-2 .nav .nav-item {
        padding: 0.5rem;
    }
}

.inner-tab-2 .nav .nav-item .nav-link {
    padding: 0;
    color: #192A3E;
    font-size: 14px;
}

    .inner-tab-2 .nav .nav-item .nav-link:hover {
        color: #109CF1;
        border-bottom: 2px solid #109CF1;
    }

    .inner-tab-2 .nav .nav-item .nav-link.active {
        color: #109CF1;
        border-bottom: 2px solid #109CF1;
    }

.inner-tab-2 .inner-tab-2-content .content {
    margin-top: 0.975rem;
}

    .inner-tab-2 .inner-tab-2-content .content .col-12,
    .inner-tab-2 .inner-tab-2-content .content .col-4 {
        padding: 15px;
    }

    .inner-tab-2 .inner-tab-2-content .content h3 {
        color: #58585A;
    }

    .inner-tab-2 .inner-tab-2-content .content span {
        font-weight: bold;
        width: 35%;
        float: left;
    }

        .inner-tab-2 .inner-tab-2-content .content span:last-child {
            font-weight: normal;
            font-size: 14px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            width: 60%;
            display: inline-block;
            vertical-align: middle;
            float: right;
        }


        /*Icon*/
@font-face {
    font-family: 'figma';
    src: url('~/Resource/fonts/figma.eot?uqwur1');
    src: url('~/Resource/fonts/figma.eot?uqwur1#iefix') format('embedded-opentype'), url('~/Resource/fonts/figma.ttf?uqwur1') format('truetype'), url('~/Resource/fonts/figma.woff?uqwur1') format('woff'), url('~/Resource/fonts/figma.svg?uqwur1#figma') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="ksi-"],
[class*=" ksi-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'figma' !important;
    speak: none;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ksi-figma:before {
    content: "\e900";
}

.ksi-gitlab:before {
    content: "\e901";
}

.ksi-github:before {
    content: "\e902";
}

.ksi-instagram:before {
    content: "\e903";
}

.ksi-facebook:before {
    content: "\e904";
}

.ksi-codesandbox:before {
    content: "\e905";
}

.ksi-feather:before {
    content: "\e906";
}

.ksi-twitch:before {
    content: "\e907";
}

.ksi-youtube:before {
    content: "\e908";
}

.ksi-codepen:before {
    content: "\e909";
}

.ksi-trello:before {
    content: "\e90a";
}

.ksi-linkedin:before {
    content: "\e90b";
}

.ksi-twitter:before {
    content: "\e90c";
}

.ksi-framer:before {
    content: "\e90d";
}

.ksi-slack:before {
    content: "\e90e";
}

.ksi-chrome:before {
    content: "\e90f";
}

.ksi-wifi-off:before {
    content: "\e910";
}

.ksi-wifi-on:before {
    content: "\e911";
}

.ksi-shield-off:before {
    content: "\e912";
}

.ksi-shield-on:before {
    content: "\e913";
}

.ksi-off:before {
    content: "\e914";
}

.ksi-on:before {
    content: "\e915";
}

.ksi-eye-on:before {
    content: "\e916";
}

.ksi-eye-off:before {
    content: "\e917";
}

.ksi-mic-off:before {
    content: "\e918";
}

.ksi-mic-on:before {
    content: "\e919";
}

.ksi-thumb-down:before {
    content: "\e91a";
}

.ksi-thumb-up-filled:before {
    content: "\e91b";
}

.ksi-thumb-up:before {
    content: "\e91c";
}

.ksi-thumb-down-filled:before {
    content: "\e91d";
}

.ksi-notification-off:before {
    content: "\e91e";
}

.ksi-notification-on:before {
    content: "\e91f";
}

.ksi-camera-on:before {
    content: "\e920";
}

.ksi-camera-off:before {
    content: "\e921";
}

.ksi-download:before {
    content: "\e922";
}

.ksi-download-cloud:before {
    content: "\e923";
}

.ksi-upload-cloud:before {
    content: "\e924";
}

.ksi-upload:before {
    content: "\e925";
}

.ksi-zap-on:before {
    content: "\e926";
}

.ksi-zap-off:before {
    content: "\e927";
}

.ksi-unlocked:before {
    content: "\e928";
}

.ksi-locked:before {
    content: "\e929";
}

.ksi-right:before {
    content: "\e92a";
}

.ksi-left:before {
    content: "\e92b";
}

.ksi-default:before {
    content: "\e92c";
}

.ksi-charging:before {
    content: "\e92d";
}

.ksi-search:before {
    content: "\e92e";
}

.ksi-sliders:before {
    content: "\e92f";
}

.ksi-crop:before {
    content: "\e930";
}

.ksi-droplet:before {
    content: "\e931";
}

.ksi-more-vertical:before {
    content: "\e932";
}

.ksi-settings:before {
    content: "\e933";
}

.ksi-share-2:before {
    content: "\e934";
}

.ksi-more-horizontal:before {
    content: "\e935";
}

.ksi-delete-2:before {
    content: "\e936";
}

.ksi-send:before {
    content: "\e937";
}

.ksi-star:before {
    content: "\e938";
}

.ksi-delete:before {
    content: "\e939";
}

.ksi-clock:before {
    content: "\e93a";
}

.ksi-share:before {
    content: "\e93b";
}

.ksi-filter:before {
    content: "\e93c";
}

.ksi-calendar:before {
    content: "\e93d";
}

.ksi-menu:before {
    content: "\e93e";
}

.ksi-backspace:before {
    content: "\e93f";
}

.ksi-heart:before {
    content: "\e940";
}

.ksi-down:before {
    content: "\e941";
}

.ksi-up:before {
    content: "\e942";
}

.ksi-right1:before {
    content: "\e943";
}

.ksi-left1:before {
    content: "\e944";
}

.ksi-down1:before {
    content: "\e945";
}

.ksi-up1:before {
    content: "\e946";
}

.ksi-double-up:before {
    content: "\e947";
}

.ksi-double-down:before {
    content: "\e948";
}

.ksi-right2:before {
    content: "\e949";
}

.ksi-double-right:before {
    content: "\e94a";
}

.ksi-double-left:before {
    content: "\e94b";
}

.ksi-sort:before {
    content: "\e94c";
}

.ksi-left2:before {
    content: "\e94d";
}

.ksi-minimize-2:before {
    content: "\e94e";
}

.ksi-move:before {
    content: "\e94f";
}

.ksi-maximize:before {
    content: "\e950";
}

.ksi-minimize:before {
    content: "\e951";
}

.ksi-maximize-2:before {
    content: "\e952";
}

.ksi-up-left:before {
    content: "\e953";
}

.ksi-down2:before {
    content: "\e954";
}

.ksi-down-left:before {
    content: "\e955";
}

.ksi-up2:before {
    content: "\e956";
}

.ksi-up-right:before {
    content: "\e957";
}

.ksi-right3:before {
    content: "\e958";
}

.ksi-down-right:before {
    content: "\e959";
}

.ksi-left3:before {
    content: "\e95a";
}

.ksi-left-up:before {
    content: "\e95b";
}

.ksi-right-down:before {
    content: "\e95c";
}

.ksi-up-left1:before {
    content: "\e95d";
}

.ksi-left-down:before {
    content: "\e95e";
}

.ksi-down-left1:before {
    content: "\e95f";
}

.ksi-up-right1:before {
    content: "\e960";
}

.ksi-right-up:before {
    content: "\e961";
}

.ksi-down-right1:before {
    content: "\e962";
}

.ksi-trending-down:before {
    content: "\e963";
}

.ksi-trending-up:before {
    content: "\e964";
}

.ksi-log-out:before {
    content: "\e965";
}

.ksi-log-in:before {
    content: "\e966";
}

.ksi-rotation-left:before {
    content: "\e967";
}

.ksi-rotation-right:before {
    content: "\e968";
}

.ksi-list:before {
    content: "\e969";
}

.ksi-link:before {
    content: "\e96a";
}

.ksi-pen-tool:before {
    content: "\e96b";
}

.ksi-scissors-tool:before {
    content: "\e96c";
}

.ksi-image:before {
    content: "\e96d";
}

.ksi-attachment:before {
    content: "\e96e";
}

.ksi-edit-form:before {
    content: "\e96f";
}

.ksi-zoom-out:before {
    content: "\e970";
}

.ksi-highlight:before {
    content: "\e971";
}

.ksi-zoom-in:before {
    content: "\e972";
}

.ksi-copy:before {
    content: "\e973";
}

.ksi-save:before {
    content: "\e974";
}

.ksi-edit:before {
    content: "\e975";
}

.ksi-align-left:before {
    content: "\e976";
}

.ksi-align-justify:before {
    content: "\e977";
}

.ksi-align-center:before {
    content: "\e978";
}

.ksi-align-right:before {
    content: "\e979";
}

.ksi-underline:before {
    content: "\e97a";
}

.ksi-type:before {
    content: "\e97b";
}

.ksi-bold:before {
    content: "\e97c";
}

.ksi-italic:before {
    content: "\e97d";
}

.ksi-airplay:before {
    content: "\e97e";
}

.ksi-aperture:before {
    content: "\e97f";
}

.ksi-tv:before {
    content: "\e980";
}

.ksi-cast:before {
    content: "\e981";
}

.ksi-monitor:before {
    content: "\e982";
}

.ksi-film:before {
    content: "\e983";
}

.ksi-user-minus:before {
    content: "\e984";
}

.ksi-user:before {
    content: "\e985";
}

.ksi-user-x:before {
    content: "\e986";
}

.ksi-user-plus:before {
    content: "\e987";
}

.ksi-user-check:before {
    content: "\e988";
}

.ksi-users:before {
    content: "\e989";
}

.ksi-inbox:before {
    content: "\e98a";
}

.ksi-archive:before {
    content: "\e98b";
}

.ksi-mail:before {
    content: "\e98c";
}

.ksi-at-sign:before {
    content: "\e98d";
}

.ksi-printer:before {
    content: "\e98e";
}

.ksi-crosshair:before {
    content: "\e98f";
}

.ksi-home:before {
    content: "\e990";
}

.ksi-map:before {
    content: "\e991";
}

.ksi-map-pin:before {
    content: "\e992";
}

.ksi-flag:before {
    content: "\e993";
}

.ksi-navigation:before {
    content: "\e994";
}

.ksi-compass:before {
    content: "\e995";
}

.ksi-navigation-2:before {
    content: "\e996";
}

.ksi-globe:before {
    content: "\e997";
}

.ksi-pie-chart:before {
    content: "\e998";
}

.ksi-bar-chart:before {
    content: "\e999";
}

.ksi-bar-chart-2:before {
    content: "\e99a";
}

.ksi-tag:before {
    content: "\e99b";
}

.ksi-shopping-cart:before {
    content: "\e99c";
}

.ksi-package:before {
    content: "\e99d";
}

.ksi-pocket:before {
    content: "\e99e";
}

.ksi-shopping-bag:before {
    content: "\e99f";
}

.ksi-target:before {
    content: "\e9a0";
}

.ksi-briefcase:before {
    content: "\e9a1";
}

.ksi-voicemail:before {
    content: "\e9a2";
}

.ksi-clipboard:before {
    content: "\e9a3";
}

.ksi-key:before {
    content: "\e9a4";
}

.ksi-credit-card:before {
    content: "\e9a5";
}

.ksi-coffee:before {
    content: "\e9a6";
}

.ksi-tool:before {
    content: "\e9a7";
}

.ksi-dollar-sign:before {
    content: "\e9a8";
}

.ksi-watch:before {
    content: "\e9a9";
}

.ksi-loader:before {
    content: "\e9aa";
}

.ksi-life-buoy:before {
    content: "\e9ab";
}

.ksi-award:before {
    content: "\e9ac";
}

.ksi-box:before {
    content: "\e9ad";
}

.ksi-percent:before {
    content: "\e9ae";
}

.ksi-truck:before {
    content: "\e9af";
}

.ksi-anchor:before {
    content: "\e9b0";
}

.ksi-gift:before {
    content: "\e9b1";
}

.ksi-activity:before {
    content: "\e9b2";
}

.ksi-mouse-pointer:before {
    content: "\e9b3";
}

.ksi-meh:before {
    content: "\e9b4";
}

.ksi-frown:before {
    content: "\e9b5";
}

.ksi-smile:before {
    content: "\e9b6";
}

.ksi-file-plus:before {
    content: "\e9b7";
}

.ksi-file:before {
    content: "\e9b8";
}

.ksi-folder-plus:before {
    content: "\e9b9";
}

.ksi-file-minus:before {
    content: "\e9ba";
}

.ksi-file-text:before {
    content: "\e9bb";
}

.ksi-folder-minus:before {
    content: "\e9bc";
}

.ksi-folder:before {
    content: "\e9bd";
}

.ksi-columns:before {
    content: "\e9be";
}

.ksi-grid:before {
    content: "\e9bf";
}

.ksi-layers:before {
    content: "\e9c0";
}

.ksi-sidebar:before {
    content: "\e9c1";
}

.ksi-layout:before {
    content: "\e9c2";
}

.ksi-book:before {
    content: "\e9c3";
}

.ksi-book-open:before {
    content: "\e9c4";
}

.ksi-bookmark:before {
    content: "\e9c5";
}

.ksi-forwarded:before {
    content: "\e9c6";
}

.ksi-off1:before {
    content: "\e9c7";
}

.ksi-incoming:before {
    content: "\e9c8";
}

.ksi-missed:before {
    content: "\e9c9";
}

.ksi-phone:before {
    content: "\e9ca";
}

.ksi-call:before {
    content: "\e9cb";
}

.ksi-outgoing:before {
    content: "\e9cc";
}

.ksi-wind:before {
    content: "\e9cd";
}

.ksi-sunrise:before {
    content: "\e9ce";
}

.ksi-umbrella:before {
    content: "\e9cf";
}

.ksi-cloud-rain:before {
    content: "\e9d0";
}

.ksi-cloud-off:before {
    content: "\e9d1";
}

.ksi-cloud-drizzle:before {
    content: "\e9d2";
}

.ksi-thermometer:before {
    content: "\e9d3";
}

.ksi-sunset:before {
    content: "\e9d4";
}

.ksi-cloud-snow:before {
    content: "\e9d5";
}

.ksi-sun:before {
    content: "\e9d6";
}

.ksi-cloud:before {
    content: "\e9d7";
}

.ksi-cloud-lightning:before {
    content: "\e9d8";
}

.ksi-moon:before {
    content: "\e9d9";
}

.ksi-hard-drive:before {
    content: "\e9da";
}

.ksi-smartphone:before {
    content: "\e9db";
}

.ksi-power:before {
    content: "\e9dc";
}

.ksi-database:before {
    content: "\e9dd";
}

.ksi-terminal:before {
    content: "\e9de";
}

.ksi-server:before {
    content: "\e9df";
}

.ksi-radio:before {
    content: "\e9e0";
}

.ksi-code:before {
    content: "\e9e1";
}

.ksi-cpu:before {
    content: "\e9e2";
}

.ksi-hash:before {
    content: "\e9e3";
}

.ksi-git-branch:before {
    content: "\e9e4";
}

.ksi-bluetooth:before {
    content: "\e9e5";
}

.ksi-rss:before {
    content: "\e9e6";
}

.ksi-git-commit:before {
    content: "\e9e7";
}

.ksi-git-pull-request:before {
    content: "\e9e8";
}

.ksi-command:before {
    content: "\e9e9";
}

.ksi-tablet:before {
    content: "\e9ea";
}

.ksi-git-merge:before {
    content: "\e9eb";
}

.ksi-circle:before {
    content: "\e9ec";
}

.ksi-square:before {
    content: "\e9ed";
}

.ksi-stop:before {
    content: "\e9ee";
}

.ksi-play:before {
    content: "\e9ef";
}

.ksi-pause:before {
    content: "\e9f0";
}

.ksi-music:before {
    content: "\e9f1";
}

.ksi-disc:before {
    content: "\e9f2";
}

.ksi-headphones:before {
    content: "\e9f3";
}

.ksi-speaker:before {
    content: "\e9f4";
}

.ksi-back:before {
    content: "\e9f5";
}

.ksi-forward:before {
    content: "\e9f6";
}

.ksi-stop1:before {
    content: "\e9f7";
}

.ksi-play1:before {
    content: "\e9f8";
}

.ksi-pause1:before {
    content: "\e9f9";
}

.ksi-shuffle:before {
    content: "\e9fa";
}

.ksi-refresh-left:before {
    content: "\e9fb";
}

.ksi-refresh-right:before {
    content: "\e9fc";
}

.ksi-level-2:before {
    content: "\e9fd";
}

.ksi-level-0:before {
    content: "\e9fe";
}

.ksi-level-1:before {
    content: "\e9ff";
}

.ksi-mute:before {
    content: "\ea00";
}

.ksi-right4:before {
    content: "\ea01";
}

.ksi-left4:before {
    content: "\ea02";
}

.ksi-empty:before {
    content: "\ea03";
}

.ksi-x:before {
    content: "\ea04";
}

.ksi-uniEA05:before {
    content: "\ea05";
}

.ksi-uniEA06:before {
    content: "\ea06";
}

.ksi-check:before {
    content: "\ea07";
}

.ksi-empty1:before {
    content: "\ea08";
}

.ksi-1:before {
    content: "\ea09";
}

.ksi-x1:before {
    content: "\ea0a";
}

.ksi-uniEA0B:before {
    content: "\ea0b";
}

.ksi-stop2:before {
    content: "\ea0c";
}

.ksi-2:before {
    content: "\ea0d";
}

.ksi-check1:before {
    content: "\ea0e";
}

.ksi-empty2:before {
    content: "\ea0f";
}

.ksi-x2:before {
    content: "\ea10";
}

.ksi-3:before {
    content: "\ea11";
}

.ksi-uniEA12:before {
    content: "\ea12";
}

.ksi-empty3:before {
    content: "\ea13";
}

.ksi-x3:before {
    content: "\ea14";
}

.ksi-uniEA15:before {
    content: "\ea15";
}

.ksi-4:before {
    content: "\ea16";
}

.ksi-check2:before {
    content: "\ea17";
}

.ksi-info:before {
    content: "\ea18";
}

.ksi-5:before {
    content: "\ea19";
}

/*Custom*/
.search-placeholder {
    padding-left: 1.5rem;
}

    .search-placeholder:before {
        content: "\e92e";
        font-family: 'figma' !important;
        speak: none;
        display: inline-block;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        left: 0.6rem;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .search-placeholder:after {
        content: "\e945";
        font-family: 'figma' !important;
        speak: none;
        display: inline-block;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        right: 0.6rem;
        top: 0;
        bottom: 0;
        margin: auto;
    }

.bd-sidebar nav li.active a {
    color: #109cf1;
    font-weight: bold;
}

.inner-area .docsub a {
    text-decoration: none !important;
    color: #707683;
}
/**/
label {
    display: inline-block;
    margin-bottom: 0.5rem;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-text {
    display: block;
    margin-top: 0.25rem;
}
.small, small {
    font-size: 80%;
    font-weight: 400;
}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}
.pl-0, .px-0 {
    padding-left: 0 !important;
}
.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}