/* @import url('https://fonts.googleapis.com/css?family=Sarabun&display=swap');
*{font-family: 'Sarabun', sans-serif;} */

@import url('https://fonts.googleapis.com/css2?family=Athiti&family=Fahkwang&family=Itim&family=Kanit&family=Pattaya&family=Pridi&family=Sriracha&display=swap');
*{font-family: 'Kanit';}

/* @import url('https://fonts.googleapis.com/css?family=K2D:400,400i,800,800i');
*{font-family: 'K2D', sans-serif;} */





#loading {
    /* background: #f4f4f288 url("img/page-bg.png") repeat scroll 0 0; */
    /* background: #f4f4f288 repeat scroll 0 0; */
    background: #000000 repeat scroll 0 0;
    opacity: 0.8;
    height: 100%;
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    /*display: none;*/
}
#loading div.text {
    text-align: center;
    font-size: 2rem;
    position: relative;
    margin: 0 auto;
    top: 35%;
    z-index: 2147483647;
}





.table-sm td, .table-sm th {
    padding: 0.25rem !important;
}
.table-show th {
    /* width: 10%; */
    width: 25%;
    /* white-space: nowrap; */
}

.table-show tr:last-child th, .table-show tr:last-child td{
    border-bottom: 0px solid;
}





.navbar-nav .nav-item-divider {
    width: 0;
    border-right: 1px solid #e3e6f0;
    height: calc(4.375rem - 2rem);
    margin: auto 1rem;
}

.bg-custom {
    background-color: #8058a5 !important;
}

a.bg-custom:hover, a.bg-custom:focus,
button.bg-custom:hover,
button.bg-custom:focus {
    background-color: #8a64ac !important;
}

.text-custom {
    color: rgba(255, 255, 255, 1) !important;
}
  
a.text-custom:hover, a.text-custom:focus {
    color: #fff !important;
}

/* .bg-purple {
    background-color: #8058a5 !important;
}

a.bg-purple:hover, a.bg-purple:focus,
button.bg-purple:hover,
button.bg-purple:focus {
    background-color: #8a64ac !important;
}

.text-purple {
    color: rgba(255, 255, 255, 0.8) !important;
}
  
a.text-purple:hover, a.text-purple:focus {
    color: #fff !important;
} */





/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
/* body {
    padding-top: 56px;
} */

.carousel-item {
    /* height: 65vh; */
    min-height: 300px;
    /* min-height: 160px; */
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* .portfolio-item {
    margin-bottom: 30px;
} */