@font-face {
    font-family: "laosfont";
    src: url("../fonts/NotoSansLaoUI-CondensedBold.ttf");
    font-weight: bold;
    font-style: italic, oblique;
}

@font-face {
    font-family: "laosfont";
    src: url("../fonts/NotoSansLaoUI-CondensedMedium.ttf");
    font-style: italic, oblique;
}

@font-face {
    font-family: "laosfont";
    src: url("../fonts/NotoSansLaoUI-Bold.ttf");
    font-weight: bold;
}

@font-face {
    font-family: "laosfont";
    src: url("../fonts/NotoSansLaoUI-Condensed.ttf");
}

* {
    font-family: "laosfont";
}

#LoadingDiv {
    background: url("../images/loading2.gif") no-repeat scroll center center;
    background-size: 120px 100px;
    background-color: rgba(255, 255, 255, 0.767);
    z-index: 1100;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

#LoadingDiv2 {
    background-size: 120px 100px;
    background: #b8b8b8;
    z-index: 1000000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0.9;
}

.clock {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    border: solid 5px #204397;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px;
}

.clock .hours {
    position: absolute;
    width: 50px;
    height: 5px;
    top: 22.5px;
    -webkit-animation: you-spin-me-round-round-baby-right-round 6s linear 0s infinite;
}

.clock .hours:before {
    content: "";
    height: 5px;
    width: 16px;
    position: absolute;
    right: 11px;
    background: #204397;
    border-radius: 5px;
}

.clock .minutes {
    position: absolute;
    width: 50px;
    height: 5px;
    top: 22.5px;
    -webkit-animation: you-spin-me-round-round-baby-right-round 2s linear 0s infinite;
}

.clock .minutes:before {
    content: "";
    height: 5px;
    width: 22px;
    position: absolute;
    right: 5px;
    background: #204397;
    border-radius: 5px;
}


@-webkit-keyframes you-spin-me-round-round-baby-right-round {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@media (min-width: 800px) {
    .pdfauto_height_full {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
    }
}

@media (min-width: 800px) {
    .pdfauto_height {
        position: absolute;
        width: 75%;
        height: 100%;
        z-index: 0;
    }
}

@media (max-width: 800px) {
    .pdfauto_height {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
}

fieldset.scheduler-border {
    border: 1px groove #204397 !important;
    padding: 0 1.4em 0.4em 1.4em !important;
    /* margin: 0 15px 1.5em 15px !important; */
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
    border-radius: 5px;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
    border-radius: 5px;
}

.text-pink {
    color: #eb2f96 !important;
}

.bgg-pink {
    color: #eb2f96;
    background: #fff0f6;
    border-color: #ffadd2;
}

.text-red {
    color: #f5222d !important;
}

.bgg-red {
    color: #f5222d;
    background: #fff1f0;
    border-color: #ffa39e;
}

.text-orange {
    color: #fa8c16 !important;
}

.bgg-orange {
    color: #fa8c16;
    background: #fff7e6;
    border-color: #ffd591;
}

.text-green {
    color: #52c41a !important;
}

.bgg-green {
    color: #52c41a;
    background: #f6ffed;
    border-color: #b7eb8f;
}

.text-cyan {
    color: #13c2c2 !important;
}

.bgg-cyan {
    color: #13c2c2;
    background: #e6fffb;
    border-color: #87e8de;
}

.text-blue {
    color: #1890ff !important;
}

.bgg-blue {
    color: #1890ff;
    background: #e6f7ff;
    border-color: #91d5ff;
}

.text-purple {
    color: #722ed1 !important;
}

.bgg-purple {
    color: #722ed1;
    background: #f9f0ff;
    border-color: #d3adf7;
}

.font-11{
    font-size: 12px !important;
}


.text-ellipsis--1 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box!important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.text-ellipsis--2 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.text-ellipsis--3 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box!important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.text-ellipsis--4 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box!important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.text-ellipsis--5 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box!important;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.cursor-pointer{
    cursor: pointer !important;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 826px !important;
        margin: 1.75rem auto !important;
    }
}

@media (min-width: 576px) {
    .modal-sm {
        max-width: 300px !important;
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 1356px !important;
    }
}


.table-search-tariff tbody tr:hover{
    background-color: #e9e9e9 !important;
    cursor: pointer !important;
}

.bg-table-group{
    background-color: #e9e9e9 !important;
}

.datepicker {
    z-index: 2025 !important;
}


.change-password-page,
.register-page {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e9ecef;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.login-box,
.register-box {
  width: 400px;
}