@import url('https://fonts.googleapis.com/css?family=K2D:400,400i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Bai+Jamjuree:400.400i,800,800i');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&family=Noto+Sans+Thai&display=swap');

html { font-family: 'Noto Sans','Noto Sans Thai','Bai Jamjuree','K2D', sans-serif;}
body {
    margin: 0;
    font-size: 1.063rem;
    font-family: 'Noto Sans','Noto Sans Thai','Bai Jamjuree','K2D', sans-serif;
    background-color: #f8f9fa!important;
}
.far span{
    font-family: 'Noto Sans','Noto Sans Thai', 'sans-serif'!important;
}
#loading {
    background: #f4f4f2;
    height: 100%;
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5001;
    /*display: none;*/
}
.loader-demo-box {
    border-radius: 0.25rem !important;
}

.loader-demo-box {
    width: 100%;
    height: 200px;
}

.jumping-dots-loader {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
    top: 40%;
    z-index: 5002;
}

.jumping-dots-loader span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: #e6581d;
    margin: 35px 5px;
}

.jumping-dots-loader span:nth-child(1) {
    animation: bounce 1s ease-in-out infinite;
}

.jumping-dots-loader span:nth-child(2) {
    animation: bounce 1s ease-in-out 0.33s infinite;
}

.jumping-dots-loader span:nth-child(3) {
    animation: bounce 1s ease-in-out 0.66s infinite;
}

@keyframes bounce {
    0%,
    75%,
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    25% {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
.bokeh {
    border: 0.01em solid rgba(150, 150, 150, 0.1);
    border-radius: 50%;
    font-size: 100px;
    height: 0.8em;
    list-style: outside none none;
    margin: 0 auto;
    position: relative;
    top: 35%;
    width: 0.8em;
    z-index: 2147483647;
}
.bokeh li {
    border-radius: 50%;
    height: 0.2em;
    position: absolute;
    width: 0.2em;
}
.bokeh li:nth-child(1) {
    animation: 1.13s linear 0s normal none infinite running rota, 3.67s ease-in-out 0s alternate none infinite running opa;
    background: #00c176 none repeat scroll 0 0;
    left: 50%;
    margin: 0 0 0 -0.1em;
    top: 0;
    transform-origin: 50% 250% 0;
}
.bokeh li:nth-child(2) {
    animation: 1.86s linear 0s normal none infinite running rota, 4.29s ease-in-out 0s alternate none infinite running opa;
    background: #ff003c none repeat scroll 0 0;
    margin: -0.1em 0 0;
    right: 0;
    top: 50%;
    transform-origin: -150% 50% 0;
}
.bokeh li:nth-child(3) {
    animation: 1.45s linear 0s normal none infinite running rota, 5.12s ease-in-out 0s alternate none infinite running opa;
    background: #fabe28 none repeat scroll 0 0;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -0.1em;
    transform-origin: 50% -150% 0;
}
.bokeh li:nth-child(4) {
    animation: 1.72s linear 0s normal none infinite running rota, 5.25s ease-in-out 0s alternate none infinite running opa;
    background: #88c100 none repeat scroll 0 0;
    margin: -0.1em 0 0;
    top: 50%;
    transform-origin: 250% 50% 0;
}
@keyframes opa {
    12% {
        opacity: 0.8;
    }
    19.5% {
        opacity: 0.88;
    }
    37.2% {
        opacity: 0.64;
    }
    40.5% {
        opacity: 0.52;
    }
    52.7% {
        opacity: 0.69;
    }
    60.2% {
        opacity: 0.6;
    }
    66.6% {
        opacity: 0.52;
    }
    70% {
        opacity: 0.63;
    }
    79.9% {
        opacity: 0.6;
    }
    84.2% {
        opacity: 0.75;
    }
    91% {
        opacity: 0.87;
    }
}

@keyframes rota {
    100% {
        transform: rotate(360deg);
    }
}

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

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




.dropdown-menu-header {
    color: #fff;
    margin-top: -.65rem;
    margin-bottom: .65rem;
    position: relative;
    z-index: 6;
}
.dropdown-menu-header .dropdown-menu-header-inner {
    margin: -1px -1px 0;
    padding: 1.5rem .5rem;
    position: relative;
}
.bg-heavy-rain {
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%) !important;
}
.dropdown-menu-header .menu-header-image {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 8;
    opacity: .25;
    filter: grayscale(80%);
    background-size: cover;
}
.dropdown-menu-header .menu-header-content {
    text-align: center;
    position: relative;
    z-index: 10;
}
.menu-header-title {
    font-weight: 500;
    font-size: 1.25rem;
    margin: 0;
}
.menu-header-subtitle {
    margin: 5px 0 0;
    opacity: .8;
}

i.material-icons{
    margin-right: 5px;
}
.btn.btn-app{display:inline-block;width:100px;font-size:18px;font-weight:400;color:#FFF;text-align:center;text-shadow:0 -1px -1px rgba(0,0,0,.2)!important;border:none;border-radius:12px;padding:12px 0 8px;margin:2px;line-height:1.7;position:relative}.btn-app,.btn-app.btn-default,.btn-app.btn-default.disabled:hover,.btn-app.btn-default.no-hover:hover,.btn-app.disabled:hover,.btn-app.no-hover:hover{background:repeat-x #b4c2cc!important;background-image:-webkit-linear-gradient(top,#BCC9D5 0,#ABBAC3 100%)!important;background-image:-o-linear-gradient(top,#BCC9D5 0,#ABBAC3 100%)!important;background-image:linear-gradient(to bottom,#BCC9D5 0,#ABBAC3 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbcc9d5', endColorstr='#ffabbac3', GradientType=0)!important}.btn-app.btn-default:hover,.btn-app:hover{background:repeat-x #9baebc!important;background-image:-webkit-linear-gradient(top,#a3b5c5 0,#93a6b2 100%)!important;background-image:-o-linear-gradient(top,#a3b5c5 0,#93a6b2 100%)!important;background-image:linear-gradient(to bottom,#a3b5c5 0,#93a6b2 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa3b5c5', endColorstr='#ff93a6b2', GradientType=0)!important}.btn-app.btn-primary,.btn-app.btn-primary.disabled:hover,.btn-app.btn-primary.no-hover:hover{background:repeat-x #2a8bcb!important;background-image:-webkit-linear-gradient(top,#3B98D6 0,#197EC1 100%)!important;background-image:-o-linear-gradient(top,#3B98D6 0,#197EC1 100%)!important;background-image:linear-gradient(to bottom,#3B98D6 0,#197EC1 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b98d6', endColorstr='#ff197ec1', GradientType=0)!important}.btn-app.btn-primary:hover{background:repeat-x #1d6fa6!important;background-image:-webkit-linear-gradient(top,#267eb8 0,#136194 100%)!important;background-image:-o-linear-gradient(top,#267eb8 0,#136194 100%)!important;background-image:linear-gradient(to bottom,#267eb8 0,#136194 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff267eb8', endColorstr='#ff136194', GradientType=0)!important}.btn-app.btn-info,.btn-app.btn-info.disabled:hover,.btn-app.btn-info.no-hover:hover{background:repeat-x #68adde!important;background-image:-webkit-linear-gradient(top,#75B5E6 0,#5BA4D5 100%)!important;background-image:-o-linear-gradient(top,#75B5E6 0,#5BA4D5 100%)!important;background-image:linear-gradient(to bottom,#75B5E6 0,#5BA4D5 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75b5e6', endColorstr='#ff5ba4d5', GradientType=0)!important}.btn-app.btn-info:hover{background:repeat-x #3f96d4!important;background-image:-webkit-linear-gradient(top,#4a9ede 0,#348dc9 100%)!important;background-image:-o-linear-gradient(top,#4a9ede 0,#348dc9 100%)!important;background-image:linear-gradient(to bottom,#4a9ede 0,#348dc9 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4a9ede', endColorstr='#ff348dc9', GradientType=0)!important}.btn-app.btn-success,.btn-app.btn-success.disabled:hover,.btn-app.btn-success.no-hover:hover{background:repeat-x #85b558!important;background-image:-webkit-linear-gradient(top,#8EBF60 0,#7DAA50 100%)!important;background-image:-o-linear-gradient(top,#8EBF60 0,#7DAA50 100%)!important;background-image:linear-gradient(to bottom,#8EBF60 0,#7DAA50 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ebf60', endColorstr='#ff7daa50', GradientType=0)!important}.btn-app.btn-success:hover{background:repeat-x #6c9842!important;background-image:-webkit-linear-gradient(top,#74a844 0,#648740 100%)!important;background-image:-o-linear-gradient(top,#74a844 0,#648740 100%)!important;background-image:linear-gradient(to bottom,#74a844 0,#648740 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff74a844', endColorstr='#ff648740', GradientType=0)!important}.btn-app.btn-danger,.btn-app.btn-danger.disabled:hover,.btn-app.btn-danger.no-hover:hover{background:repeat-x #d3413b!important;background-image:-webkit-linear-gradient(top,#D55B52 0,#D12723 100%)!important;background-image:-o-linear-gradient(top,#D55B52 0,#D12723 100%)!important;background-image:linear-gradient(to bottom,#D55B52 0,#D12723 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd55b52', endColorstr='#ffd12723', GradientType=0)!important}.btn-app.btn-danger:hover{background:repeat-x #b52c26!important;background-image:-webkit-linear-gradient(top,#c43a30 0,#a51f1c 100%)!important;background-image:-o-linear-gradient(top,#c43a30 0,#a51f1c 100%)!important;background-image:linear-gradient(to bottom,#c43a30 0,#a51f1c 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc43a30', endColorstr='#ffa51f1c', GradientType=0)!important}.btn-app.btn-warning,.btn-app.btn-warning.disabled:hover,.btn-app.btn-warning.no-hover:hover{background:repeat-x #ffb44b!important;background-image:-webkit-linear-gradient(top,#FFBF66 0,#FFA830 100%)!important;background-image:-o-linear-gradient(top,#FFBF66 0,#FFA830 100%)!important;background-image:linear-gradient(to bottom,#FFBF66 0,#FFA830 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffbf66', endColorstr='#ffffa830', GradientType=0)!important}.btn-app.btn-warning:hover{background:repeat-x #fe9e19!important;background-image:-webkit-linear-gradient(top,#fa3 0,#fc9200 100%)!important;background-image:-o-linear-gradient(top,#fa3 0,#fc9200 100%)!important;background-image:linear-gradient(to bottom,#fa3 0,#fc9200 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffaa33', endColorstr='#fffc9200', GradientType=0)!important}.btn-app.btn-purple,.btn-app.btn-purple.disabled:hover,.btn-app.btn-purple.no-hover:hover{background:repeat-x #9889c1!important;background-image:-webkit-linear-gradient(top,#A696CE 0,#8A7CB4 100%)!important;background-image:-o-linear-gradient(top,#A696CE 0,#8A7CB4 100%)!important;background-image:linear-gradient(to bottom,#A696CE 0,#8A7CB4 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa696ce', endColorstr='#ff8a7cb4', GradientType=0)!important}.btn-app.btn-purple:hover{background:repeat-x #7b68af!important;background-image:-webkit-linear-gradient(top,#8973be 0,#6d5ca1 100%)!important;background-image:-o-linear-gradient(top,#8973be 0,#6d5ca1 100%)!important;background-image:linear-gradient(to bottom,#8973be 0,#6d5ca1 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8973be', endColorstr='#ff6d5ca1', GradientType=0)!important}.btn-app.btn-pink,.btn-app.btn-pink.disabled:hover,.btn-app.btn-pink.no-hover:hover{background:repeat-x #d54c7e!important;background-image:-webkit-linear-gradient(top,#DB5E8C 0,#CE3970 100%)!important;background-image:-o-linear-gradient(top,#DB5E8C 0,#CE3970 100%)!important;background-image:linear-gradient(to bottom,#DB5E8C 0,#CE3970 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdb5e8c', endColorstr='#ffce3970', GradientType=0)!important}.btn-app.btn-pink:hover{background:repeat-x #be2f64!important;background-image:-webkit-linear-gradient(top,#d2346e 0,#aa2a59 100%)!important;background-image:-o-linear-gradient(top,#d2346e 0,#aa2a59 100%)!important;background-image:linear-gradient(to bottom,#d2346e 0,#aa2a59 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd2346e', endColorstr='#ffaa2a59', GradientType=0)!important}.btn-app.btn-inverse,.btn-app.btn-inverse.disabled:hover,.btn-app.btn-inverse.no-hover:hover{background:repeat-x #444!important;background-image:-webkit-linear-gradient(top,#555 0,#333 100%)!important;background-image:-o-linear-gradient(top,#555 0,#333 100%)!important;background-image:linear-gradient(to bottom,#555 0,#333 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=0)!important}.btn-app.btn-inverse:hover{background:repeat-x #2b2b2b!important;background-image:-webkit-linear-gradient(top,#3b3b3b 0,#1a1a1a 100%)!important;background-image:-o-linear-gradient(top,#3b3b3b 0,#1a1a1a 100%)!important;background-image:linear-gradient(to bottom,#3b3b3b 0,#1a1a1a 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b3b3b', endColorstr='#ff1a1a1a', GradientType=0)!important}.btn-app.btn-grey,.btn-app.btn-grey.disabled:hover,.btn-app.btn-grey.no-hover:hover{background:repeat-x #797979!important;background-image:-webkit-linear-gradient(top,#898989 0,#696969 100%)!important;background-image:-o-linear-gradient(top,#898989 0,#696969 100%)!important;background-image:linear-gradient(to bottom,#898989 0,#696969 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff898989', endColorstr='#ff696969', GradientType=0)!important}.btn-app.btn-grey:hover{background:repeat-x #6c6c6c!important;background-image:-webkit-linear-gradient(top,#7c7c7c 0,#5c5c5c 100%)!important;background-image:-o-linear-gradient(top,#7c7c7c 0,#5c5c5c 100%)!important;background-image:linear-gradient(to bottom,#7c7c7c 0,#5c5c5c 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7c7c7c', endColorstr='#ff5c5c5c', GradientType=0)!important}.btn.btn-app.btn-light{color:#5A5A5A!important;text-shadow:0 1px 1px #EEE!important}.btn.btn-app.btn-light,.btn.btn-app.btn-light.disabled:hover,.btn.btn-app.btn-light.no-hover:hover{background:repeat-x #ededed!important;background-image:-webkit-linear-gradient(top,#F4F4F4 0,#E6E6E6 100%)!important;background-image:-o-linear-gradient(top,#F4F4F4 0,#E6E6E6 100%)!important;background-image:linear-gradient(to bottom,#F4F4F4 0,#E6E6E6 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f4f4', endColorstr='#ffe6e6e6', GradientType=0)!important}.btn.btn-app.btn-light:hover{background:repeat-x #e0e0e0!important;background-image:-webkit-linear-gradient(top,#e7e7e7 0,#d9d9d9 100%)!important;background-image:-o-linear-gradient(top,#e7e7e7 0,#d9d9d9 100%)!important;background-image:linear-gradient(to bottom,#e7e7e7 0,#d9d9d9 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ffd9d9d9', GradientType=0)!important}.btn.btn-app.btn-yellow{color:#963!important;text-shadow:0 -1px 0 rgba(255,255,255,.4)!important}.btn.btn-app.btn-yellow,.btn.btn-app.btn-yellow.disabled:hover,.btn.btn-app.btn-yellow.no-hover:hover{background:repeat-x #fee088!important;background-image:-webkit-linear-gradient(top,#FFE8A5 0,#FCD76A 100%)!important;background-image:-o-linear-gradient(top,#FFE8A5 0,#FCD76A 100%)!important;background-image:linear-gradient(to bottom,#FFE8A5 0,#FCD76A 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe8a5', endColorstr='#fffcd76a', GradientType=0)!important}.btn.btn-app.btn-yellow:hover{background:repeat-x #fdd96e!important;background-image:-webkit-linear-gradient(top,#ffe18b 0,#fbd051 100%)!important;background-image:-o-linear-gradient(top,#ffe18b 0,#fbd051 100%)!important;background-image:linear-gradient(to bottom,#ffe18b 0,#fbd051 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe18b', endColorstr='#fffbd051', GradientType=0)!important}.badge,.label{font-weight:400;text-shadow:none}.btn.btn-app>.app-icon{opacity:.88}.btn.btn-app:hover>.app-icon{opacity:1}.btn.btn-app.btn-sm{width:80px;font-size:16px;border-radius:10px;line-height:1.5}.btn.btn-app.btn-xs{width:64px;font-size:15px;border-radius:8px;padding-bottom:7px;padding-top:8px;line-height:1.45}.btn.btn-app>.app-icon{display:block;font-size:42px;margin:0 0 4px;line-height:36px;min-width:0;padding:0}.dropdown-50,.dropdown-menu.dropdown-only-icon{min-width:50px}.btn.btn-app.btn-sm>.app-icon{display:block;font-size:32px;line-height:30px;margin:0 0 3px}.btn.btn-app.btn-xs>.app-icon{display:block;font-size:24px;line-height:24px;margin:0}.btn.btn-app.no-radius{border-radius:0}.btn.btn-app.radius-4{border-radius:4px}.btn.btn-app>.badge,.btn.btn-app>.label{position:absolute!important;top:-2px;right:-2px;padding:1px 3px;text-align:center;font-size:12px;color:#FFF}.btn.btn-app>.badge.badge-left,.btn.btn-app>.badge.label-left,.btn.btn-app>.label.badge-left,.btn.btn-app>.label.label-left{right:auto;left:-2px}.btn.btn-app>.badge-yellow,.btn.btn-app>.label-yellow{color:#963}.btn.btn-app>.badge-light,.btn.btn-app>.label-light{color:#888}.btn.btn-app>.label{padding:1px 6px 3px;font-size:13px}.badge,.label{font-size:12px}.btn.btn-app.no-radius>.badge,.btn.btn-app.radius-4>.badge{border-radius:3px}.badge.no-radius,.btn.btn-app.no-radius>.badge.no-radius,.btn.btn-app.radius-4>.badge.no-radius,.label{border-radius:0}.btn.btn-app.active{color:#FFF}.btn.btn-app.active:after{display:none}.btn.btn-app.active.btn-yellow{color:#963;border-color:#FEE188}.btn.btn-app.active.btn-light{color:#515151}.btn-group>.btn-app:first-child:not(:last-child):not(.dropdown-toggle){margin-right:24px}.label.arrowed-in-right,.label.arrowed-right{margin-right:5px}.btn-group>.btn-app+.btn-app.dropdown-toggle{position:absolute;width:auto;height:100%;padding-left:6px;padding-right:6px;margin-left:-23px;border-bottom-left-radius:0;border-top-left-radius:0;right:0}.label.arrowed,.label.arrowed-in{margin-left:5px}.btn.btn-app.btn-light,.btn.btn-app.btn-yellow{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.08) inset!important;box-shadow:0 0 0 1px rgba(0,0,0,.08) inset!important}

.btn-pink, .btn-pink.focus, .btn-pink:focus {
    background: repeat-x #d54c7e!important;
    background-image: -webkit-linear-gradient(top,#DB5E8C 0,#CE3970 100%)!important;
    background-image: -o-linear-gradient(top,#DB5E8C 0,#CE3970 100%)!important;
    background-image: linear-gradient(to bottom,#DB5E8C 0,#CE3970 100%)!important;
    color: white;
}

.cart.dropdown-toggle::after {
    display: none!important;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.div-option{ box-sizing: border-box;border: 2px solid #CFCFCF;cursor: pointer;}
.div-option:hover{
    /* background-color:!important; */
    cursor: pointer;
    border-color: #888888;
}

.div-option.active{
    border-color: #F79621;
}

/* START REQUEST FORM */ 
#courserequest-form {
  margin: 40px auto;
}
#courserequest-form ul {
  padding-left: 0;
}
#courserequest-form li {
  list-style: none;
}
#courserequest-form label {
  font-weight: 300;
  margin-bottom: 10px;
  text-align: right;
}
#courserequest-form .next-btn,
#courserequest-form .submit-btn {
    background: #6592e6;
    padding-left: 40px;
    padding-right: 40px;
    color: #fff;
    text-transform: uppercase;
}

#courserequest-form .next-btn:hover,
#courserequest-form .submit-btn:hover {
    background-color: #444b5d;
    color: #fff;
}

#courserequest-form .progress-wrap {
    margin: auto;
    display: table;
}
#courserequest-form .line-progress-bar {
    display: flex;
    margin: auto;
    width: 100%;
}
@media screen and (max-width: 320px) {
    #courserequest-form .line-progress-bar {
        max-width: 250px;
    }
    #courserequest-form .line {
        max-width: 250px;
        margin-top: 15px;
    }
}
#courserequest-form .line {
    height: 1px;
    width: 500px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(217, 217, 217);
    position: absolute;
    margin-top: 20px;
}
#courserequest-form .progress-wrap div ul {
    display: flex;
    width: 500px;
    /* width: 100%; */
    list-style: none;
    padding: 0px;
    margin: initial;
    justify-content: space-between;
    z-index: 1;
}
#courserequest-form .progressbar-dots {
    background: rgb(217, 217, 217);
    display: inline-flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #d4d4d4;
    margin-left: 0px;
}
#courserequest-form .progressbar-dots span {
    font-size: 18px;
    line-height: 12px;
    position: absolute;
    margin-top: 60px;
    float: left;
}
#courserequest-form .progressbar-dots.active {
    color: #000;
    background: #6592e6;
}

#courserequest-form .tab-pane {
    /* display: none; */
    display: block !important;
}
#courserequest-form .tab-pane:first-child {
  display: block;
}

/* END REQUEST FORM */ 

[disabled] {
  cursor: not-allowed;
  opacity: .6;
}

.bt-wizard .nav {
    background: #ecf0f5;
}

.bt-wizard .nav .nav-link.active {
    box-shadow: 0px 0px 5px 2px rgba(70, 128, 255, 0.3);
}

html body.box-layout ,.ql-container{
    font-family: 'Noto Sans','Noto Sans Thai', sans-serif;
}
.btn:disabled{
    cursor: not-allowed!important;
    pointer-events: none!important;
}
.form-control{
    height: calc(1.5em + 1.2rem);
}