html {
	position: relative;
	min-height: 100%;
}
body {
	margin-bottom: 468px;
	color:#545454;
	font-family: "Kanit", sans-serif;
}
main{
	margin-top: 128px;
}

.navbar-light .navbar-nav .nav-link {
	border-bottom: 2px solid transparent;
	font-size: 1rem;
	color: #545454;}

.navbar-nav .dropdown-item {
	font-size: 1rem;
}

.navbar-light .navbar-nav .nav-link.active {
        border-bottom: 2px solid #8384bf;
}

@media (max-width:767px){
	ul.navbar-nav {
		/*min-height: calc(100vh - 100px);*/
	}
}

.breadcrumb {
    background-color: transparent;
justify-content: center!important;}
.breadcrumb-item a{
	color: #8384bf;
}
.breadcrumb-item.active {
	color: #8a8a8a;
}

.carousel-indicators li {
        background-color: #999;
}
.carousel-indicators .active {
        background-color: #8384bf;
}

img.shadow{
        box-shadow: 0 13px 30px rgba(0,0,0,0.08);
}
.btn{
	font-size: 1rem;
}
.btn-primary,
.swal-button{
        background-color: #8384bf;
        border-color: #8384bf;
}

.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle,
.btn-primary:hover {
        background-color: #63619a;
        border-color: #63619a;
}
.btn-link {
    color: #63619a;
}
.btn-link:hover {
    color: #63619a;
}


.swal-button:not([disabled]):hover {
        background-color: #63619a;
        border-color: #63619a;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #313131 !important;
}

#footer h5{
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:#ffffff;
}
#footer a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

#footer ul.social li{
	padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
	font-size:25px;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.social li:hover a i {
	font-size:30px;
	margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
	color:#ffffff;
}
#footer ul.social li a:hover{
	color:#eeeeee;
}
#footer ul.quick-links li{
	padding: 3px 0;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.quick-links li a i{
	margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
    font-weight: 700;
}

@media (min-width:567px){
        body {
                margin-bottom: 290px;
        }
}
}