html{
    width: 100%;
    height: 100%;
}
body{
    width: 100%;
    height: 100%;
    /* font-family: 'Prompt', sans-serif; */
    font-family: 'Kanit', sans-serif;
    font-weight: 200;
}
.main-container{
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    padding-bottom: 130px;
}
.footer{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}
a{
    color: unset;
}
/* a:hover{
    text-decoration: underline;
} */
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
.container{
    max-width: 1200px;
}
input:required{
    border: 2px solid green;
    box-sizing: border-box;
}
input:required:invalid {
    border: 2px solid red;
    box-sizing: border-box;
}
.modal.modal-fullscreen .modal-dialog{
    width: calc(100% - 50px);
    height: calc(100% - 50px);
    top: 25px;
    left: 25px;
    margin:0;
    padding:0;
    max-width:none
}
.modal.modal-fullscreen .modal-content{
    height:auto;
    min-height:100%;
    border:none
}

.swal2-title {
    position: relative;
    max-width: 100%;
    margin: 0 0 .4em;
    padding: 0;
    color: #595959;
    font-size: 1.875em;
    font-weight: 400;
    text-align: center;
    text-transform: none;
    word-wrap: break-word;
}