@font-face {
    font-family: lao;
    src: url('https://dev20.bizgital.com/assets/font/NotoSansLao-Regular.ttf');
}


@font-face {
    font-family: laoBold;
    src: url('https://dev20.bizgital.com/assets/font/NotoSansLao-Regular.ttf');
}

a,
li,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
input,
button,
div,
span,
table,
tr,
td,
th,
textarea,
p {
    font-family: lao !important;
}

.tb-header {
    background-color: #343a40 !important;
    color: #eff6ff !important;
    text-align: center !important;
}

.tb-footer {
    background-color: #5f6a75 !important;
    color: #eff6ff !important;
    text-align: center !important;
}

body,
html {
    height: 100%;
    font-size: 0.95rem !important;
}

.bg {
    background-image:linear-gradient(#70e4a2,#f34a16,#fbc76e);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    /* clip-path: polygon(0 0, 65% 0, 35% 100%, 0% 100%); */
}

.canvas {
    height: 300px!important;
}

.toggle.ios,
.toggle-on.ios,
.toggle-off.ios {
    border-radius: 20px;
    font-weight: 100px;
}

.toggle.ios .toggle-handle {
    border-radius: 20px;
}

.toggle-on.btn {
    padding-right: 19px;
    font-weight: 100 !important;
}

.btn {
    font-size: inherit !important;
}

.card,
.small-box,
.small-box-footer {
    border-radius: 15px !important;
}

.small-box h1 {
    font-size: 2rem !important;
}

.rtl {
    direction: rtl !important;
}

@media (max-width: 1200px) {
    .small-box h1 {
        font-size: 1.7rem !important;
    }
}

@media (max-width: 767px) {
    .small-box h1 {
        font-size: 1.4rem !important;
    }
}