body {
    /*background: url(../Picture/BG_User_Line.gif);*/
    /*background: url(../Picture/BG_User_new.jpg);*/
    /*background: url(../Picture/BG_Nabar_gray_white.jpg);*/
    background-color: white;
   /* background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -o-background-size: 100% 100%, auto;
    -moz-background-size: 100% 100%, auto;
    -webkit-background-size: 100% 100%, auto;*/
    background-size: 100% 100%, auto;
    color: #DDE2E3;
    font-family: 'Kanit', sans-serif;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="checkbox"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
.uneditable-input:focus {
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.1);
    outline: 0 none;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    /*background-color: #fff;
    background-clip: padding-box;*/
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    /* border: 1px solid #ced4da; */
    /* -webkit-appearance: none; */
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.btn-login {
    transition: all .5s ease;
    color: #d37330;
    text-transform: uppercase;
    text-align: center;
    font-size: 17px;
    outline: none;
    background: white;
}

    .btn-login:hover {
        color: white;
        background: rgba(255, 255, 255, 0.2);
        background-repeat: no-repeat;
        background-position: center center;
        background-attachment: fixed;
        background-size: 100% 100%, auto;
    }


.form-check-input:checked {
    /* background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(0, 0, 0, 0.1);*/
    background-color: rgb(0 0 0 / 20%);
    border-color: rgba(0, 0, 0, 0.1);
}

*:before, *:after {
    box-sizing: inherit;
}


.w3-container:after, .w3-container:before, .w3-panel:after, .w3-panel:before, .w3-row:after, .w3-row:before, .w3-row-padding:after, .w3-row-padding:before, .w3-cell-row:before, .w3-cell-row:after, .w3-clear:after, .w3-clear:before, .w3-bar:before, .w3-bar:after {
    content: "";
    display: table;
    clear: both;
}

.w3-bar {
    width: 100%;
    overflow: hidden;
}

.w3-bar .w3-button {
    white-space: normal;
}

.w3-bar .w3-bar-item {
    padding: 8px 16px;
    float: left;
    width: 50%;
    border: none;
    display: block;
    outline: 0;
}

.bg-tab {
    /*background: rgba(255, 255, 255, 0.42);
    border-radius: 5px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.5px);
    -webkit-backdrop-filter: blur(8.5px);*/

    background: rgb(255 255 255);
    border-radius: 5px;
    box-shadow: 0 4px 30px rgb(114 113 113 / 23%);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8.5px);
}


.btn-textbox {
    font-family: 'Kanit', sans-serif;
    border: 1.25px solid #b3b6b9;
    padding: 5px 5px 5px 30px;
    border-radius: 25px;
    background-color: transparent;
    color: #737b83;
    width: 100%;
    margin: auto;
    /* outline: none;*/
}

.bg-regist {
    transition: all .5s ease;
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-size: 17px;
    padding: 0.25rem 2rem 0.25rem 1rem;
    outline: none;
    /*border-radius: 0 2.5rem 2.5rem 0;*/
    border-radius: 0 0.25rem 2.5rem 0;
    background: linear-gradient(to bottom left, #fdb833, #991010);
    background: -webkit-linear-gradient(to bottom left, #fdb833, #991010);
    background: -moz-linear-gradient(to bottom left, #fdb833, #991010);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: 100% 100%, auto;
    /*#ffffff, #8e5f1a*/
    /*#9a9a9a, #faaf2a*/
    /*#ffffff, #867358*/
    /*#ffa50070, #ab3131*/
}

.bg-button-2 {
    color: white;
    background-color: #f09b31;
}

.btn-tab {
    color: #6c757d;
    background-color: #e2e0e0;
    border-color: #e0e0e0;
}