@charset "UTF-8";

$color-light: #81859f;
$color-dark: #181c32;
$color-black: #000000;
$color-white: #ffffff;
$color-bluemain: #5d77ff;
$color-red: #f64e60;
$color-yellow: #ffa800;
$color-green: #0abb87;
$color-light-blue: #3197ff;
$color-purple: #8950fc;
$color-orange: #ff751a;
$color-pink: #f64e60;
$color-oceangreen: #1bc5bd;
$color-red-500: #f44336;

@font-face {
    font-family: "Kanit-Regular";
    src: url("../fonts/Kanit/Kanit-Regular.ttf") format("opentype");
}

@font-face {
    font-family: "Kanit-Light";
    src: url("../fonts/Kanit/Kanit-Light.ttf") format("opentype");
}

@font-face {
    font-family: "Kanit-Medium";
    src: url("../fonts/Kanit/Kanit-Medium.ttf") format("opentype");
}

/*
    Flaticon icon font: Flaticon
    Creation date: 20/03/2017 20:02
    */
@font-face {
    font-family: "Flaticon2";
    src: url("../fonts/flaticon2/Flaticon2.eot");
    src: url("../fonts/flaticon2/Flaticon2.eot?#iefix") format("embedded-opentype"), url("../fonts/flaticon2/Flaticon2.woff") format("woff"), url("../fonts/flaticon2/Flaticon2.ttf") format("truetype"), url("../fonts/flaticon2/Flaticon2.svg#Flaticon2") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="flaticon2-"]:before,
[class*=" flaticon2-"]:before {
    font-family: Flaticon2;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.flaticon2-notification:before {
    content: "\f100";
}

.flaticon2-settings:before {
    content: "\f101";
}

.flaticon2-search:before {
    content: "\f102";
}

.flaticon2-delete:before {
    content: "\f103";
}

.flaticon2-psd:before {
    content: "\f104";
}

.flaticon2-list:before {
    content: "\f105";
}

.flaticon2-box:before {
    content: "\f106";
}

.flaticon2-download:before {
    content: "\f107";
}

.flaticon2-shield:before {
    content: "\f108";
}

.flaticon2-paperplane:before {
    content: "\f109";
}

.flaticon2-avatar:before {
    content: "\f10a";
}

.flaticon2-bell:before {
    content: "\f10b";
}

.flaticon2-fax:before {
    content: "\f10c";
}

.flaticon2-chart2:before {
    content: "\f10d";
}

.flaticon2-supermarket:before {
    content: "\f10e";
}

.flaticon2-phone:before {
    content: "\f10f";
}

.flaticon2-envelope:before {
    content: "\f110";
}

.flaticon2-pin:before {
    content: "\f111";
}

.flaticon2-chat:before {
    content: "\f112";
}

.flaticon2-chart:before {
    content: "\f113";
}

.flaticon2-infographic:before {
    content: "\f114";
}

.flaticon2-grids:before {
    content: "\f115";
}

.flaticon2-menu:before {
    content: "\f116";
}

.flaticon2-plus:before {
    content: "\f117";
}

.flaticon2-list-1:before {
    content: "\f118";
}

.flaticon2-talk:before {
    content: "\f119";
}

.flaticon2-file:before {
    content: "\f11a";
}

.flaticon2-user:before {
    content: "\f11b";
}

.flaticon2-line-chart:before {
    content: "\f11c";
}

.flaticon2-percentage:before {
    content: "\f11d";
}

.flaticon2-menu-1:before {
    content: "\f11e";
}

.flaticon2-paper-plane:before {
    content: "\f11f";
}

.flaticon2-menu-2:before {
    content: "\f120";
}

.flaticon2-shopping-cart:before {
    content: "\f121";
}

.flaticon2-pie-chart:before {
    content: "\f122";
}

.flaticon2-box-1:before {
    content: "\f123";
}

.flaticon2-map:before {
    content: "\f124";
}

.flaticon2-favourite:before {
    content: "\f125";
}

.flaticon2-checking:before {
    content: "\f126";
}

.flaticon2-safe:before {
    content: "\f127";
}

.flaticon2-heart-rate-monitor:before {
    content: "\f128";
}

.flaticon2-layers:before {
    content: "\f129";
}

.flaticon2-delivery-package:before {
    content: "\f12a";
}

.flaticon2-sms:before {
    content: "\f12b";
}

.flaticon2-image-file:before {
    content: "\f12c";
}

.flaticon2-plus-1:before {
    content: "\f12d";
}

.flaticon2-send:before {
    content: "\f12e";
}

.flaticon2-graphic-design:before {
    content: "\f12f";
}

.flaticon2-cup:before {
    content: "\f130";
}

.flaticon2-website:before {
    content: "\f131";
}

.flaticon2-gift:before {
    content: "\f132";
}

.flaticon2-chronometer:before {
    content: "\f133";
}

.flaticon2-browser:before {
    content: "\f134";
}

.flaticon2-digital-marketing:before {
    content: "\f135";
}

.flaticon2-calendar:before {
    content: "\f136";
}

.flaticon2-calendar-1:before {
    content: "\f137";
}

.flaticon2-rocket:before {
    content: "\f138";
}

.flaticon2-analytics:before {
    content: "\f139";
}

.flaticon2-pie-chart-1:before {
    content: "\f13a";
}

.flaticon2-pie-chart-2:before {
    content: "\f13b";
}

.flaticon2-analytics-1:before {
    content: "\f13c";
}

.flaticon2-google-drive-file:before {
    content: "\f13d";
}

.flaticon2-pie-chart-3:before {
    content: "\f13e";
}

.flaticon2-poll-symbol:before {
    content: "\f13f";
}

.flaticon2-gear:before {
    content: "\f140";
}

.flaticon2-magnifier-tool:before {
    content: "\f141";
}

.flaticon2-add:before {
    content: "\f142";
}

.flaticon2-cube:before {
    content: "\f143";
}

.flaticon2-gift-1:before {
    content: "\f144";
}

.flaticon2-list-2:before {
    content: "\f145";
}

.flaticon2-shopping-cart-1:before {
    content: "\f146";
}

.flaticon2-calendar-2:before {
    content: "\f147";
}

.flaticon2-laptop:before {
    content: "\f148";
}

.flaticon2-cube-1:before {
    content: "\f149";
}

.flaticon2-layers-1:before {
    content: "\f14a";
}

.flaticon2-chat-1:before {
    content: "\f14b";
}

.flaticon2-copy:before {
    content: "\f14c";
}

.flaticon2-paper:before {
    content: "\f14d";
}

.flaticon2-hospital:before {
    content: "\f14e";
}

.flaticon2-calendar-3:before {
    content: "\f14f";
}

.flaticon2-speaker:before {
    content: "\f150";
}

.flaticon2-pie-chart-4:before {
    content: "\f151";
}

.flaticon2-schedule:before {
    content: "\f152";
}

.flaticon2-expand:before {
    content: "\f153";
}

.flaticon2-menu-3:before {
    content: "\f154";
}

.flaticon2-download-1:before {
    content: "\f155";
}

.flaticon2-help:before {
    content: "\f156";
}

.flaticon2-list-3:before {
    content: "\f157";
}

.flaticon2-notepad:before {
    content: "\f158";
}

.flaticon2-graph:before {
    content: "\f159";
}

.flaticon2-browser-1:before {
    content: "\f15a";
}

.flaticon2-photograph:before {
    content: "\f15b";
}

.flaticon2-browser-2:before {
    content: "\f15c";
}

.flaticon2-hourglass:before {
    content: "\f15d";
}

.flaticon2-mail:before {
    content: "\f15e";
}

.flaticon2-cardiogram:before {
    content: "\f15f";
}

.flaticon2-document:before {
    content: "\f160";
}

.flaticon2-contract:before {
    content: "\f161";
}

.flaticon2-graph-1:before {
    content: "\f162";
}

.flaticon2-graphic:before {
    content: "\f163";
}

.flaticon2-position:before {
    content: "\f164";
}

.flaticon2-soft-icons:before {
    content: "\f165";
}

.flaticon2-circle-vol-2:before {
    content: "\f166";
}

.flaticon2-rocket-1:before {
    content: "\f167";
}

.flaticon2-lorry:before {
    content: "\f168";
}

.flaticon2-cd:before {
    content: "\f169";
}

.flaticon2-file-1:before {
    content: "\f16a";
}

.flaticon2-reload:before {
    content: "\f16b";
}

.flaticon2-placeholder:before {
    content: "\f16c";
}

.flaticon2-refresh:before {
    content: "\f16d";
}

.flaticon2-medical-records:before {
    content: "\f16e";
}

.flaticon2-rectangular:before {
    content: "\f16f";
}

.flaticon2-medical-records-1:before {
    content: "\f170";
}

.flaticon2-indent-dots:before {
    content: "\f171";
}

.flaticon2-search-1:before {
    content: "\f172";
}

.flaticon2-edit:before {
    content: "\f173";
}

.flaticon2-new-email:before {
    content: "\f174";
}

.flaticon2-calendar-4:before {
    content: "\f175";
}

.flaticon2-console:before {
    content: "\f176";
}

.flaticon2-open-text-book:before {
    content: "\f177";
}

.flaticon2-download-2:before {
    content: "\f178";
}

.flaticon2-zig-zag-line-sign:before {
    content: "\f179";
}

.flaticon2-tools-and-utensils:before {
    content: "\f17a";
}

.flaticon2-crisp-icons:before {
    content: "\f17b";
}

.flaticon2-trash:before {
    content: "\f17c";
}

.flaticon2-lock:before {
    content: "\f17d";
}

.flaticon2-bell-1:before {
    content: "\f17e";
}

.flaticon2-setup:before {
    content: "\f17f";
}

.flaticon2-menu-4:before {
    content: "\f180";
}

.flaticon2-architecture-and-city:before {
    content: "\f181";
}

.flaticon2-shelter:before {
    content: "\f182";
}

.flaticon2-add-1:before {
    content: "\f183";
}

.flaticon2-checkmark:before {
    content: "\f184";
}

.flaticon2-circular-arrow:before {
    content: "\f185";
}

.flaticon2-user-outline-symbol:before {
    content: "\f186";
}

.flaticon2-rhombus:before {
    content: "\f187";
}

.flaticon2-crisp-icons-1:before {
    content: "\f188";
}

.flaticon2-soft-icons-1:before {
    content: "\f189";
}

.flaticon2-hexagonal:before {
    content: "\f18a";
}

.flaticon2-time:before {
    content: "\f18b";
}

.flaticon2-contrast:before {
    content: "\f18c";
}

.flaticon2-telegram-logo:before {
    content: "\f18d";
}

.flaticon2-hangouts-logo:before {
    content: "\f18e";
}

.flaticon2-analytics-2:before {
    content: "\f18f";
}

.flaticon2-wifi:before {
    content: "\f190";
}

.flaticon2-protected:before {
    content: "\f191";
}

.flaticon2-drop:before {
    content: "\f192";
}

.flaticon2-mail-1:before {
    content: "\f193";
}

.flaticon2-delivery-truck:before {
    content: "\f194";
}

.flaticon2-writing:before {
    content: "\f195";
}

.flaticon2-calendar-5:before {
    content: "\f196";
}

.flaticon2-protection:before {
    content: "\f197";
}

.flaticon2-calendar-6:before {
    content: "\f198";
}

.flaticon2-calendar-7:before {
    content: "\f199";
}

.flaticon2-calendar-8:before {
    content: "\f19a";
}

.flaticon2-bell-2:before {
    content: "\f19b";
}

.flaticon2-hourglass-1:before {
    content: "\f19c";
}

.flaticon2-next:before {
    content: "\f19d";
}

.flaticon2-chat-2:before {
    content: "\f19e";
}

.flaticon2-correct:before {
    content: "\f19f";
}

.flaticon2-photo-camera:before {
    content: "\f1a0";
}

.flaticon2-fast-next:before {
    content: "\f1a1";
}

.flaticon2-fast-back:before {
    content: "\f1a2";
}

.flaticon2-down:before {
    content: "\f1a3";
}

.flaticon2-back:before {
    content: "\f1a4";
}

.flaticon2-up:before {
    content: "\f1a5";
}

.flaticon2-arrow-down:before {
    content: "\f1a6";
}

.flaticon2-arrow-up:before {
    content: "\f1a7";
}

.flaticon2-accept:before {
    content: "\f1a8";
}

.flaticon2-sort:before {
    content: "\f1a9";
}

.flaticon2-arrow:before {
    content: "\f1aa";
}

.flaticon2-back-1:before {
    content: "\f1ab";
}

.flaticon2-add-square:before {
    content: "\f1ac";
}

.flaticon2-quotation-mark:before {
    content: "\f1ad";
}

.flaticon2-clip-symbol:before {
    content: "\f1ae";
}

.flaticon2-check-mark:before {
    content: "\f1af";
}

.flaticon2-folder:before {
    content: "\f1b0";
}

.flaticon2-cancel-music:before {
    content: "\f1b1";
}

.flaticon2-cross:before {
    content: "\f1b2";
}

.flaticon2-pen:before {
    content: "\f1b3";
}

.flaticon2-email:before {
    content: "\f1b4";
}

.flaticon2-graph-2:before {
    content: "\f1b5";
}

.flaticon2-open-box:before {
    content: "\f1b6";
}

.flaticon2-files-and-folders:before {
    content: "\f1b7";
}

.flaticon2-ui:before {
    content: "\f1b8";
}

.flaticon2-sheet:before {
    content: "\f1b9";
}

.flaticon2-dashboard:before {
    content: "\f1ba";
}

.flaticon2-user-1:before {
    content: "\f1bb";
}

.flaticon2-group:before {
    content: "\f1bc";
}

.flaticon2-black-back-closed-envelope-shape:before {
    content: "\f1bd";
}

.flaticon2-left-arrow:before {
    content: "\f1be";
}

.flaticon2-sort-alphabetically:before {
    content: "\f1bf";
}

.flaticon2-sort-down:before {
    content: "\f1c0";
}

.flaticon2-rubbish-bin:before {
    content: "\f1c1";
}

.flaticon2-rubbish-bin-delete-button:before {
    content: "\f1c2";
}

.flaticon2-calendar-9:before {
    content: "\f1c3";
}

.flaticon2-tag:before {
    content: "\f1c4";
}

.flaticon2-refresh-button:before {
    content: "\f1c5";
}

.flaticon2-refresh-arrow:before {
    content: "\f1c6";
}

.flaticon2-reload-1:before {
    content: "\f1c7";
}

.flaticon2-refresh-1:before {
    content: "\f1c8";
}

.flaticon2-left-arrow-1:before {
    content: "\f1c9";
}

.flaticon2-reply:before {
    content: "\f1ca";
}

.flaticon2-reply-1:before {
    content: "\f1cb";
}

.flaticon2-printer:before {
    content: "\f1cc";
}

.flaticon2-print:before {
    content: "\f1cd";
}

.flaticon2-shrink:before {
    content: "\f1ce";
}

.flaticon2-resize:before {
    content: "\f1cf";
}

.flaticon2-arrow-1:before {
    content: "\f1d0";
}

.flaticon2-size:before {
    content: "\f1d1";
}

.flaticon2-arrow-2:before {
    content: "\f1d2";
}

.flaticon2-cancel:before {
    content: "\f1d3";
}

.flaticon2-exclamation:before {
    content: "\f1d4";
}

.flaticon2-line:before {
    content: "\f1d5";
}

.flaticon2-warning:before {
    content: "\f1d6";
}

.flaticon2-information:before {
    content: "\f1d7";
}

.flaticon2-layers-2:before {
    content: "\f1d8";
}

.flaticon2-file-2:before {
    content: "\f1d9";
}

.flaticon2-bell-3:before {
    content: "\f1da";
}

.flaticon2-bell-4:before {
    content: "\f1db";
}

.flaticon2-bell-5:before {
    content: "\f1dc";
}

.flaticon2-bell-alarm-symbol:before {
    content: "\f1dd";
}

.flaticon2-world:before {
    content: "\f1de";
}

.flaticon2-graphic-1:before {
    content: "\f1df";
}

.flaticon2-send-1:before {
    content: "\f1e0";
}

.flaticon2-location:before {
    content: "\f1e1";
}

.flaticon2-pin-1:before {
    content: "\f1e2";
}

.flaticon2-start-up:before {
    content: "\f1e3";
}

.flaticon2-right-arrow:before {
    content: "\f1e4";
}

.form-group {
    margin-bottom: 1.75rem;
}

.card.card-custom {
    box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
    border: 0;
}

    .card.card-custom > .card-header {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
        min-height: 70px;
        padding-top: 0;
        padding-bottom: 0;
        background-color: transparent;
    }

        .card.card-custom > .card-header .card-title {
            display: flex;
            align-items: center;
            margin: 0.5rem;
            margin-left: 0;
        }

            .card.card-custom > .card-header .card-title .card-icon {
                margin-right: 0.75rem;
                line-height: 0;
            }

                .card.card-custom > .card-header .card-title .card-icon i {
                    font-size: 1.25rem;
                    color: #7E8299;
                    line-height: 0;
                }

                    .card.card-custom > .card-header .card-title .card-icon i:after, .card.card-custom > .card-header .card-title .card-icon i:before {
                        line-height: 0;
                    }

                .card.card-custom > .card-header .card-title .card-icon .svg-icon svg {
                    height: 24px;
                    width: 24px;
                }

                    .card.card-custom > .card-header .card-title .card-icon .svg-icon svg g [fill] {
                        transition: fill 0.3s ease;
                        fill: #7E8299;
                    }

                    .card.card-custom > .card-header .card-title .card-icon .svg-icon svg:hover g [fill] {
                        transition: fill 0.3s ease;
                    }

            .card.card-custom > .card-header .card-title,
            .card.card-custom > .card-header .card-title .card-label {
                font-weight: 500;
                font-size: 1.275rem;
                color: #181C32;
            }

                .card.card-custom > .card-header .card-title .card-label {
                    margin: 0 0.75rem 0 0;
                    flex-wrap: wrap;
                }

                .card.card-custom > .card-header .card-title small {
                    color: #B5B5C3;
                    font-size: 1rem;
                }

        .card.card-custom > .card-header .card-toolbar {
            display: flex;
            align-items: center;
            margin: 0.5rem 0;
            flex-wrap: wrap;
        }

        .card.card-custom > .card-header.card-header-tabs-line {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            align-items: stretch;
        }

            .card.card-custom > .card-header.card-header-tabs-line .card-toolbar {
                margin: 0;
            }

            .card.card-custom > .card-header.card-header-tabs-line .nav {
                border-bottom-color: transparent;
            }

                .card.card-custom > .card-header.card-header-tabs-line .nav .nav-item {
                    align-items: stretch;
                }

                .card.card-custom > .card-header.card-header-tabs-line .nav .nav-link {
                    padding-top: 2rem;
                    padding-bottom: 2rem;
                }

        .card.card-custom > .card-header.card-header-right {
            justify-content: flex-end;
        }

    .card.card-custom > .card-body {
        padding: 2rem 2.25rem;
    }

    .card.card-custom > .card-footer {
        background-color: transparent;
    }

    .card.card-custom.card-stretch {
        display: flex;
        align-items: stretch !important;
        flex-direction: column;
        height: 100%;
    }

        .card.card-custom.card-stretch.gutter-b {
            height: calc(100% - 25px);
        }

        .card.card-custom.card-stretch.card-stretch-half {
            height: 50%;
        }

            .card.card-custom.card-stretch.card-stretch-half.gutter-b {
                height: calc(50% - 25px);
            }

        .card.card-custom.card-stretch.card-stretch-third {
            height: 33.33%;
        }

            .card.card-custom.card-stretch.card-stretch-third.gutter-b {
                height: calc(33.33% - 25px);
            }

        .card.card-custom.card-stretch.card-stretch-fourth {
            height: 25%;
        }

            .card.card-custom.card-stretch.card-stretch-fourth.gutter-b {
                height: calc(25% - 25px);
            }

    .card.card-custom.card-fit > .card-header {
        border-bottom: 0;
    }

    .card.card-custom.card-fit > .card-footer {
        border-top: 0;
    }

    .card.card-custom.card-space {
        padding-left: 2.25rem;
        padding-right: 2.25rem;
    }

        .card.card-custom.card-space > .card-header {
            padding-left: 0;
            padding-right: 0;
        }

        .card.card-custom.card-space > form > .card-body,
        .card.card-custom.card-space > .card-body {
            padding-left: 0;
            padding-right: 0;
        }

        .card.card-custom.card-space > form > .card-footer,
        .card.card-custom.card-space > .card-footer {
            padding-left: 0;
            padding-right: 0;
        }

    .card.card-custom.card-sticky > .card-header {
        transition: left 0.3s, right 0.3s, height 0.3s;
        min-height: 70px;
    }

.card-sticky-on .card.card-custom.card-sticky > .card-header {
    transition: left 0.3s, right 0.3s, height 0.3s;
    position: fixed;
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1);
    z-index: 101;
    background: #ffffff;
}

.card.card-custom.card-transparent {
    background-color: transparent;
}

.card.card-custom.card-shadowless {
    box-shadow: none;
}

.card.card-custom.card-border {
    box-shadow: none;
    border: 1px solid #EBEDF3;
}

.card.card-custom .card-scroll {
    position: relative;
    overflow: auto;
}

.card.card-custom.card-collapsed > form,
.card.card-custom.card-collapsed > .card-body {
    display: none;
}

.card.card-custom .card-header .card-toolbar [data-card-tool="toggle"] i {
    transition: all 0.15s ease;
}

.card.card-custom.card-collapsed .card-header .card-toolbar [data-card-tool="toggle"] i, .card.card-custom.card-collapse .card-header .card-toolbar [data-card-tool="toggle"] i {
    transition: all 0.15s ease;
    transform: rotate(180deg);
}

.radio {
    display: flex;
    align-items: center;
    position: relative;
    text-align: left;
    cursor: pointer;
    font-size: 1rem;
    transition: all 0.3s ease;
    margin: 0;
}

    .radio > span {
        border-radius: 50%;
        background-color: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .radio > span:after {
            content: '';
            display: none;
            border-radius: 100% !important;
        }

    .radio > input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

        .radio:hover > input:not([disabled]) ~ span,
        .radio > input:focus ~ span {
            transition: all 0.3s ease;
        }

    .radio.radio-disabled {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .radio > input:checked ~ span {
        transition: all 0.3s ease;
        background-color: none;
    }

        .radio > input:checked ~ span:after {
            display: block;
        }

    .radio.radio-square > span {
        border-radius: 0;
    }

    .radio.radio-rounded > span {
        border-radius: 0.42rem;
    }

    .radio.radio-outline > span {
        border-width: 1px;
        border-style: solid;
    }

    .radio.radio-outline-2x > span {
        border-width: 2px !important;
    }

    .radio.radio-accent > span {
        border-width: 3px !important;
        border-style: solid !important;
        background-color: transparent !important;
    }

        .radio.radio-accent > span:after {
            display: block;
        }

    .radio > span {
        height: 18px;
        width: 18px;
    }

        .radio > span:after {
            width: 6px;
            height: 6px;
        }

    .radio.radio-lg > span {
        height: 24px;
        width: 24px;
    }

        .radio.radio-lg > span:after {
            width: 8px;
            height: 8px;
        }

    .radio.radio-outline > span {
        height: 18px;
        width: 18px;
    }

        .radio.radio-outline > span:after {
            width: 6px;
            height: 6px;
        }

    .radio.radio-outline.radio-lg > span {
        height: 24px;
        width: 24px;
    }

        .radio.radio-outline.radio-lg > span:after {
            width: 8px;
            height: 8px;
        }

    .radio.radio-accent > span {
        height: 24px;
        width: 24px;
    }

        .radio.radio-accent > span:after {
            width: 14px;
            height: 14px;
        }

    .radio.radio-accent.radio-lg > span {
        height: 30px;
        width: 30px;
    }

        .radio.radio-accent.radio-lg > span:after {
            width: 10px;
            height: 10px;
        }

    .radio > span {
        background-color: #EBEDF3;
        border: 1px solid transparent;
    }

    .radio > input:focus ~ span {
        border: 1px solid transparent;
    }

    .radio > input:checked ~ span {
        background-color: #3699FF;
    }

        .radio > input:checked ~ span:after {
            background-color: #ffffff;
            border-color: #ffffff;
        }

    .radio.radio-outline > span {
        background-color: transparent;
        border-color: #D1D3E0;
    }

    .radio.radio-outline > input:focus ~ span {
        background-color: transparent;
        border-color: #D1D3E0;
    }

    .radio.radio-outline > input:checked ~ span {
        background-color: transparent;
        border-color: #3699FF;
    }

        .radio.radio-outline > input:checked ~ span:after {
            background-color: #3699FF;
            border-color: #3699FF;
        }

    .radio.radio-primary > span {
        border: 1px solid transparent;
    }

    .radio.radio-primary > input:focus ~ span {
        border: 1px solid transparent;
    }

    .radio.radio-primary > input:checked ~ span {
        background-color: #3699FF;
    }

        .radio.radio-primary > input:checked ~ span:after {
            background-color: #ffffff;
            border-color: #ffffff;
        }

    .radio.checkbox-light-primary > span {
        background-color: #E1F0FF;
        border: 1px solid transparent;
    }

    .radio.checkbox-light-primary > input:focus ~ span {
        border: 1px solid transparent;
    }

    .radio.checkbox-light-primary > input:checked ~ span {
        background-color: #3699FF;
    }

        .radio.checkbox-light-primary > input:checked ~ span:after {
            border-color: #FFFFFF;
        }

    .radio.radio-outline.radio-primary > span {
        background-color: transparent;
        border-color: #D1D3E0;
    }

    .radio.radio-outline.radio-primary > input:focus ~ span {
        background-color: transparent;
        border-color: #D1D3E0;
    }

    .radio.radio-outline.radio-primary > input:checked ~ span {
        background-color: transparent;
        border-color: #3699FF;
    }

        .radio.radio-outline.radio-primary > input:checked ~ span:after {
            background-color: #3699FF;
            border-color: #3699FF;
        }

    .radio.radio-accent.radio-primary > span:after {
        background-color: #3699FF;
    }

    .radio.radio-accent.radio-primary > input:focus ~ span {
        border-color: #E1F0FF;
    }

        .radio.radio-accent.radio-primary > input:focus ~ span:after {
            background-color: #3699FF;
        }

    .radio.radio-accent.radio-primary > input:checked ~ span {
        border-color: #E1F0FF;
    }

        .radio.radio-accent.radio-primary > input:checked ~ span:after {
            background-color: #3699FF;
        }

    .radio.radio-secondary > span {
        border: 1px solid transparent;
    }

    .radio.radio-secondary > input:focus ~ span {
        border: 1px solid transparent;
    }

    .radio.radio-secondary > input:checked ~ span {
        background-color: #E4E6EF;
    }

        .radio.radio-secondary > input:checked ~ span:after {
            background-color: #ffffff;
            border-color: #ffffff;
        }

    .radio.checkbox-light-secondary > span {
        background-color: #EBEDF3;
        border: 1px solid transparent;
    }

    .radio.checkbox-light-secondary > input:focus ~ span {
        border: 1px solid transparent;
    }

    .radio.checkbox-light-secondary > input:checked ~ span {
        background-color: #E4E6EF;
    }

        .radio.checkbox-light-secondary > input:checked ~ span:after {
            border-color: #3F4254;
        }

    .radio.radio-outline.radio-secondary > span {
        background-color: transparent;
        border-color: #D1D3E0;
    }

    .radio.radio-outline.radio-secondary > input:focus ~ span {
        background-color: transparent;
        border-color: #D1D3E0;
    }

    .radio.radio-outline.radio-secondary > input:checked ~ span {
        background-color: transparent;
        border-color: #E4E6EF;
    }

        .radio.radio-outline.radio-secondary > input:checked ~ span:after {
            background-color: #E4E6EF;
            border-color: #E4E6EF;
        }

    .radio.radio-accent.radio-secondary > span:after {
        background-color: #E4E6EF;
    }

    .radio.radio-accent.radio-secondary > input:focus ~ span {
        border-color: #EBEDF3;
    }

        .radio.radio-accent.radio-secondary > input:focus ~ span:after {
            background-color: #E4E6EF;
        }

    .radio.radio-accent.radio-secondary > input:checked ~ span {
        border-color: #EBEDF3;
    }

        .radio.radio-accent.radio-secondary > input:checked ~ span:after {
            background-color: #E4E6EF;
        }

    .radio.radio-success > span {
        border: 1px solid transparent;
    }

    .radio.radio-success > input:focus ~ span {
        border: 1px solid transparent;
    }

    .radio.radio-success > input:checked ~ span {
        background-color: #1BC5BD;
    }

        .radio.radio-success > input:checked ~ span:after {
            background-color: #ffffff;
            border-color: #ffffff;
        }

    .radio.checkbox-light-success > span {
        background-color: #C9F7F5;
        border: 1px solid transparent;
    }

    .radio.checkbox-light-success > input:focus ~ span {
        border: 1px solid transparent;
    }

    .radio.checkbox-light-success > input:checked ~ span {
        background-color: #1BC5BD;
    }

        .radio.checkbox-light-success > input:checked ~ span:after {
            border-color: #ffffff;
        }

    .radio.radio-outline.radio-success > span {
        background-color: transparent;
        border-color: #D1D3E0;
    }

    .radio.radio-outline.radio-success > input:focus ~ span {
        background-color: transparent;
        border-color: #D1D3E0;
    }

    .radio.radio-outline.radio-success > input:checked ~ span {
        background-color: transparent;
        border-color: #1BC5BD;
    }

        .radio.radio-outline.radio-success > input:checked ~ span:after {
            background-color: #1BC5BD;
            border-color: #1BC5BD;
        }

    .radio.radio-accent.radio-success > span:after {
        background-color: #1BC5BD;
    }

    .radio.radio-accent.radio-success > input:focus ~ span {
        border-color: #C9F7F5;
    }

        .radio.radio-accent.radio-success > input:focus ~ span:after {
            background-color: #1BC5BD;
        }

    .radio.radio-accent.radio-success > input:checked ~ span {
        border-color: #C9F7F5;
    }

        .radio.radio-accent.radio-success > input:checked ~ span:after {
            background-color: #1BC5BD;
        }

    .radio.radio-info > span {
        border: 1px solid transparent;
    }

    .radio.radio-info > input:focus ~ span {
        border: 1px solid transparent;
    }

    .radio.radio-info > input:checked ~ span {
        background-color: #8950FC;
    }

        .radio.radio-info > input:checked ~ span:after {
            background-color: #ffffff;
            border-color: #ffffff;
        }

    .radio.checkbox-light-info > span {
        background-color: #EEE5FF;
        border: 1px solid transparent;
    }

    .radio.checkbox-light-info > input:focus ~ span {
        border: 1px solid transparent;
    }

    .radio.checkbox-light-info > input:checked ~ span {
        background-color: #8950FC;
    }

        .radio.checkbox-light-info > input:checked ~ span:after {
            border-color: #ffffff;
        }

    .radio.radio-outline.radio-info > span {
        background-color: transparent;
        border-color: #D1D3E0;
    }

    .radio.radio-outline.radio-info > input:focus ~ span {
        background-color: transparent;
        border-color: #D1D3E0;
    }

    .radio.radio-outline.radio-info > input:checked ~ span {
        background-color: transparent;
        border-color: #8950FC;
    }

        .radio.radio-outline.radio-info > input:checked ~ span:after {
            background-color: #8950FC;
            border-color: #8950FC;
        }

    .radio.radio-accent.radio-info > span:after {
        background-color: #8950FC;
    }

    .radio.radio-accent.radio-info > input:focus ~ span {
        border-color: #EEE5FF;
    }

        .radio.radio-accent.radio-info > input:focus ~ span:after {
            background-color: #8950FC;
        }

    .radio.radio-accent.radio-info > input:checked ~ span {
        border-color: #EEE5FF;
    }

        .radio.radio-accent.radio-info > input:checked ~ span:after {
            background-color: #8950FC;
        }

    .radio.radio-warning > span {
        border: 1px solid transparent;
    }

    .radio.radio-warning > input:focus ~ span {
        border: 1px solid transparent;
    }

    .radio.radio-warning > input:checked ~ span {
        background-color: #FFA800;
    }

        .radio.radio-warning > input:checked ~ span:after {
            background-color: #ffffff;
            border-color: #ffffff;
        }

    .radio.checkbox-light-warning > span {
        background-color: #FFF4DE;
        border: 1px solid transparent;
    }

    .radio.checkbox-light-warning > input:focus ~ span {
        border: 1px solid transparent;
    }

    .radio.checkbox-light-warning > input:checked ~ span {
        background-color: #FFA800;
    }

        .radio.checkbox-light-warning > input:checked ~ span:after {
            border-color: #ffffff;
        }

    .radio.radio-outline.radio-warning > span {
        background-color: transparent;
        border-color: #D1D3E0;
    }

    .radio.radio-outline.radio-warning > input:focus ~ span {
        background-color: transparent;
        border-color: #D1D3E0;
    }

    .radio.radio-outline.radio-warning > input:checked ~ span {
        background-color: transparent;
        border-color: #FFA800;
    }

        .radio.radio-outline.radio-warning > input:checked ~ span:after {
            background-color: #FFA800;
            border-color: #FFA800;
        }

    .radio.radio-accent.radio-warning > span:after {
        background-color: #FFA800;
    }

    .radio.radio-accent.radio-warning > input:focus ~ span {
        border-color: #FFF4DE;
    }

        .radio.radio-accent.radio-warning > input:focus ~ span:after {
            background-color: #FFA800;
        }

    .radio.radio-accent.radio-warning > input:checked ~ span {
        border-color: #FFF4DE;
    }

        .radio.radio-accent.radio-warning > input:checked ~ span:after {
            background-color: #FFA800;
        }

    .radio.radio-danger > span {
        border: 1px solid transparent;
    }

    .radio.radio-danger > input:focus ~ span {
        border: 1px solid transparent;
    }

    .radio.radio-danger > input:checked ~ span {
        background-color: #F64E60;
    }

        .radio.radio-danger > input:checked ~ span:after {
            background-color: #ffffff;
            border-color: #ffffff;
        }

    .radio.checkbox-light-danger > span {
        background-color: #FFE2E5;
        border: 1px solid transparent;
    }

    .radio.checkbox-light-danger > input:focus ~ span {
        border: 1px solid transparent;
    }

    .radio.checkbox-light-danger > input:checked ~ span {
        background-color: #F64E60;
    }

        .radio.checkbox-light-danger > input:checked ~ span:after {
            border-color: #ffffff;
        }

    .radio.radio-outline.radio-danger > span {
        background-color: transparent;
        border-color: #D1D3E0;
    }

    .radio.radio-outline.radio-danger > input:focus ~ span {
        background-color: transparent;
        border-color: #D1D3E0;
    }

    .radio.radio-outline.radio-danger > input:checked ~ span {
        background-color: transparent;
        border-color: #F64E60;
    }

        .radio.radio-outline.radio-danger > input:checked ~ span:after {
            background-color: #F64E60;
            border-color: #F64E60;
        }

    .radio.radio-accent.radio-danger > span:after {
        background-color: #F64E60;
    }

    .radio.radio-accent.radio-danger > input:focus ~ span {
        border-color: #FFE2E5;
    }

        .radio.radio-accent.radio-danger > input:focus ~ span:after {
            background-color: #F64E60;
        }

    .radio.radio-accent.radio-danger > input:checked ~ span {
        border-color: #FFE2E5;
    }

        .radio.radio-accent.radio-danger > input:checked ~ span:after {
            background-color: #F64E60;
        }

    .radio.radio-light > span {
        border: 1px solid transparent;
    }

    .radio.radio-light > input:focus ~ span {
        border: 1px solid transparent;
    }

    .radio.radio-light > input:checked ~ span {
        background-color: #F3F6F9;
    }

        .radio.radio-light > input:checked ~ span:after {
            background-color: #ffffff;
            border-color: #ffffff;
        }

    .radio.checkbox-light-light > span {
        background-color: #F3F6F9;
        border: 1px solid transparent;
    }

    .radio.checkbox-light-light > input:focus ~ span {
        border: 1px solid transparent;
    }

    .radio.checkbox-light-light > input:checked ~ span {
        background-color: #F3F6F9;
    }

        .radio.checkbox-light-light > input:checked ~ span:after {
            border-color: #7E8299;
        }

    .radio.radio-outline.radio-light > span {
        background-color: transparent;
        border-color: #D1D3E0;
    }

    .radio.radio-outline.radio-light > input:focus ~ span {
        background-color: transparent;
        border-color: #D1D3E0;
    }

    .radio.radio-outline.radio-light > input:checked ~ span {
        background-color: transparent;
        border-color: #F3F6F9;
    }

        .radio.radio-outline.radio-light > input:checked ~ span:after {
            background-color: #F3F6F9;
            border-color: #F3F6F9;
        }

    .radio.radio-accent.radio-light > span:after {
        background-color: #F3F6F9;
    }

    .radio.radio-accent.radio-light > input:focus ~ span {
        border-color: #F3F6F9;
    }

        .radio.radio-accent.radio-light > input:focus ~ span:after {
            background-color: #F3F6F9;
        }

    .radio.radio-accent.radio-light > input:checked ~ span {
        border-color: #F3F6F9;
    }

        .radio.radio-accent.radio-light > input:checked ~ span:after {
            background-color: #F3F6F9;
        }

    .radio.radio-dark > span {
        border: 1px solid transparent;
    }

    .radio.radio-dark > input:focus ~ span {
        border: 1px solid transparent;
    }

    .radio.radio-dark > input:checked ~ span {
        background-color: #181C32;
    }

        .radio.radio-dark > input:checked ~ span:after {
            background-color: #ffffff;
            border-color: #ffffff;
        }

    .radio.checkbox-light-dark > span {
        background-color: #D1D3E0;
        border: 1px solid transparent;
    }

    .radio.checkbox-light-dark > input:focus ~ span {
        border: 1px solid transparent;
    }

    .radio.checkbox-light-dark > input:checked ~ span {
        background-color: #181C32;
    }

        .radio.checkbox-light-dark > input:checked ~ span:after {
            border-color: #ffffff;
        }

    .radio.radio-outline.radio-dark > span {
        background-color: transparent;
        border-color: #D1D3E0;
    }

    .radio.radio-outline.radio-dark > input:focus ~ span {
        background-color: transparent;
        border-color: #D1D3E0;
    }

    .radio.radio-outline.radio-dark > input:checked ~ span {
        background-color: transparent;
        border-color: #181C32;
    }

        .radio.radio-outline.radio-dark > input:checked ~ span:after {
            background-color: #181C32;
            border-color: #181C32;
        }

    .radio.radio-accent.radio-dark > span:after {
        background-color: #181C32;
    }

    .radio.radio-accent.radio-dark > input:focus ~ span {
        border-color: #D1D3E0;
    }

        .radio.radio-accent.radio-dark > input:focus ~ span:after {
            background-color: #181C32;
        }

    .radio.radio-accent.radio-dark > input:checked ~ span {
        border-color: #D1D3E0;
    }

        .radio.radio-accent.radio-dark > input:checked ~ span:after {
            background-color: #181C32;
        }

    .radio.radio-white > span {
        border: 1px solid transparent;
    }

    .radio.radio-white > input:focus ~ span {
        border: 1px solid transparent;
    }

    .radio.radio-white > input:checked ~ span {
        background-color: #ffffff;
    }

        .radio.radio-white > input:checked ~ span:after {
            background-color: #ffffff;
            border-color: #ffffff;
        }

    .radio.checkbox-light-white > span {
        background-color: #ffffff;
        border: 1px solid transparent;
    }

    .radio.checkbox-light-white > input:focus ~ span {
        border: 1px solid transparent;
    }

    .radio.checkbox-light-white > input:checked ~ span {
        background-color: #ffffff;
    }

        .radio.checkbox-light-white > input:checked ~ span:after {
            border-color: #3F4254;
        }

    .radio.radio-outline.radio-white > span {
        background-color: transparent;
        border-color: #D1D3E0;
    }

    .radio.radio-outline.radio-white > input:focus ~ span {
        background-color: transparent;
        border-color: #D1D3E0;
    }

    .radio.radio-outline.radio-white > input:checked ~ span {
        background-color: transparent;
        border-color: #ffffff;
    }

        .radio.radio-outline.radio-white > input:checked ~ span:after {
            background-color: #ffffff;
            border-color: #ffffff;
        }

    .radio.radio-accent.radio-white > span:after {
        background-color: #ffffff;
    }

    .radio.radio-accent.radio-white > input:focus ~ span {
        border-color: #ffffff;
    }

        .radio.radio-accent.radio-white > input:focus ~ span:after {
            background-color: #ffffff;
        }

    .radio.radio-accent.radio-white > input:checked ~ span {
        border-color: #ffffff;
    }

        .radio.radio-accent.radio-white > input:checked ~ span:after {
            background-color: #ffffff;
        }

.radio-inline {
    display: flex;
}

    .radio-inline .radio {
        margin-right: 1rem;
    }

        .radio-inline .radio span {
            margin-right: 0.75rem;
        }

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

.radio-list {
    display: flex;
    flex-direction: column;
}

    .radio-list .radio {
        margin-bottom: 1rem;
    }

        .radio-list .radio span {
            margin-right: 0.75rem;
        }

        .radio-list .radio:last-child {
            margin-bottom: 0;
        }

.input-group .radio {
    margin-bottom: 0 !important;
    padding-left: 0;
}

.form-inline .radio {
    margin-left: 15px;
    margin-right: 15px;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

    .input-group > .form-control,
    .input-group > .form-control-plaintext,
    .input-group > .custom-select,
    .input-group > .custom-file {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        margin-bottom: 0;
    }

        .input-group > .form-control + .form-control,
        .input-group > .form-control + .custom-select,
        .input-group > .form-control + .custom-file,
        .input-group > .form-control-plaintext + .form-control,
        .input-group > .form-control-plaintext + .custom-select,
        .input-group > .form-control-plaintext + .custom-file,
        .input-group > .custom-select + .form-control,
        .input-group > .custom-select + .custom-select,
        .input-group > .custom-select + .custom-file,
        .input-group > .custom-file + .form-control,
        .input-group > .custom-file + .custom-select,
        .input-group > .custom-file + .custom-file {
            margin-left: -1px;
        }

        .input-group > .form-control:focus,
        .input-group > .custom-select:focus,
        .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
            z-index: 3;
        }

        .input-group > .custom-file .custom-file-input:focus {
            z-index: 4;
        }

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

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

    .input-group > .custom-file {
        display: flex;
        align-items: center;
    }

        .input-group > .custom-file:not(:last-child) .custom-file-label,
        .input-group > .custom-file:not(:last-child) .custom-file-label::after {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .input-group > .custom-file:not(:first-child) .custom-file-label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

.input-group-prepend,
.input-group-append {
    display: flex;
}

    .input-group-prepend .btn,
    .input-group-append .btn {
        position: relative;
        z-index: 2;
    }

        .input-group-prepend .btn:focus,
        .input-group-append .btn:focus {
            z-index: 3;
        }

        .input-group-prepend .btn + .btn,
        .input-group-prepend .btn + .input-group-text,
        .input-group-prepend .input-group-text + .input-group-text,
        .input-group-prepend .input-group-text + .btn,
        .input-group-append .btn + .btn,
        .input-group-append .btn + .input-group-text,
        .input-group-append .input-group-text + .input-group-text,
        .input-group-append .input-group-text + .btn {
            margin-left: -1px;
        }

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.65rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #3F4254;
    text-align: center;
    white-space: nowrap;
    background-color: #F3F6F9;
    border: 1px solid #E4E6EF;
    border-radius: 0.42rem;
}

    .input-group-text input[type="radio"],
    .input-group-text input[type="checkbox"] {
        margin-top: 0;
    }

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
    height: calc(1.5em + 1.65rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
    padding: 0.825rem 1.42rem;
    font-size: 1.08rem;
    line-height: 1.5;
    border-radius: 0.42rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
    height: calc(1.35em + 1.1rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
    padding: 0.55rem 0.75rem;
    font-size: 0.925rem;
    line-height: 1.35;
    border-radius: 0.28rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
    padding-right: 2rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.flaticon2-calendar-9:before {
    content: "\f1c3";
}

.fs-15 {
    font-size: 15px !important;
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.page-bg {
    background-image: url('../metronic/assets/media/image/2600x1200/');
}

.dark .page-bg {
    background-image: url('assets/media/images/2600x1200/bg-10-dark.png');
}

table,th {
    border: 1px solid #dddddd !important;
}

th {
    background-color: whitesmoke !important;
}

.bg-photo-camera-setting {
    --bs-bg-opacity: 1;
    --bs-gray-200-rgb: 233, 236, 239;
    background-color: rgba(var(--bs-gray-200-rgb), 1) !important;
}

.bg-photo-camera-setting:hover {
    --bs-bg-opacity: 1;
    --bs-gray-500-rgb: 173, 181, 189;
    background-color: rgba(var(--bs-gray-500-rgb), 1) !important;
}