@font-face {
    font-family: 'IBMPlexSans-Regular';
    src: url('../fonts/IBMPlexSans-Regular.ttf');
}

@font-face {
    font-family: 'IBMPlexSans-Medium';
    src: url('../fonts/IBMPlexSans-Medium.ttf');
}

@font-face {
    font-family: 'IBMPlexSans-Semibold';
    src: url('../fonts/IBMPlexSans-SemiBold.ttf');
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.ttf');
}

body {
    font-family: 'IBMPlexSans-Regular';
    color: #495057;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'IBMPlexSans-Semibold';
}

label {
    text-wrap-mode: nowrap;
}

.bg-primary {
    background: #1F3D7C !important;
}

.text-primary {
    color: #1F3D7C !important;
}

.mm-active > a {
    color: #1F3D7C !important;
}

    .mm-active > a svg path {
        fill: #1F3D7C !important;
    }

.mm-active .active {
    color: #1F3D7C !important;
    background: #F3F8FB !important;
}

    .mm-active .active svg path {
        fill: #1F3D7C !important;
    }

.vertical-menu #sidebar-menu > ul > li:hover > a {
    color: #1F3D7C !important;
    font-family: 'IBMPlexSans-Semibold' !important;
}

    .vertical-menu #sidebar-menu > ul > li:hover > a svg path {
        fill: #1F3D7C !important;
    }

.vertical-menu #sidebar-menu > ul > li > a svg {
    text-align: center;
    min-width: 50px;
}

#sidebar-menu ul li a svg path {
    fill: #7B8190
}

.vertical-menu .sub-menu {
    margin-left: 25px;
}

.w-auto {
    width: auto !important;
}

.link {
    color: #3860B5 !important;
    font-family: 'Poppins-Regular';
}

.bg-red {
    background: #FE5B5C !important;
}

.bg-blue {
    background: #3860B5 !important;
}

.text-blue {
    color: #3860B5 !important
}

.bg-lightgreen {
    background: #DAF4EB !important
}

.bg-violet {
    background: #5B73E840 !important;
}

.bg-green {
    background: #1EAF7B !important;
}

.text-violet {
    color: #5B73E8 !important;
}

.text-gray {
    color: #495057 !important
}

table tr td {
    vertical-align: middle;
}

.accordion-button:not(.collapsed) {
    background-color: white !important;
}

.mediaUpload {
    text-align: center;
    max-width: 50%;
    position: relative;
}

    .mediaUpload img {
        width: 50px;
        height: auto;
    }

    .mediaUpload input {
        z-index: 10;
        position: absolute;
        top: 13%;
        width: 100%;
        left: 0;
        cursor: pointer;
    }

.border-dashed {
    border: 2px dashed #ced4da;
    border-radius: 5px;
}

.previewImage {
    max-width: 50%; /* change from 80 to 75 */
    height: auto;
    border-radius: 5px;
}

    .previewImage video, .previewImage img {
        max-width: 100%
    }
/* add kiosk html */
.form-switch.enable-disable-switch {
    padding-left: 0;
    padding-right: 60px;
    margin-top: 5px;
}

    .form-switch.enable-disable-switch .form-check-input {
        width: 60px;
        height: 30px;
        left: auto;
        right: -10px;
        position: absolute;
        bottom: 0px;
    }

        .form-switch.enable-disable-switch .form-check-input:checked {
            background-color: #DFEBF2 !important;
            border-color: #DFEBF2 !important;
        }

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url('../images/switch-off.svg') !important;
    border: none !important;
    background-color: #DFEBF2 !important;
}

.form-switch.enable-disable-switch .form-check-input:checked {
    --bs-form-switch-bg: url(../images/switch.png) !important;
    background-size: 25px 24px;
    background-position: 31px 2px;
}

.fileUpload {
    position: relative;
    min-width: 200px;
}

    .fileUpload input[type="file"] {
        z-index: 10;
        position: absolute;
        top: 30px;
        width: 100%;
        left: 0;
        cursor: pointer;
        opacity: 0;
        height: 40px;
    }

    .fileUpload .previewImage {
        max-width: 100%;
    }
/* add kiosk html */

.form-check-input[type=radio] {
    border: solid 1px #5b73e8 !important;
}