.w3-sidenav a,.w3-sidenav h4 {padding: 12px;} 
.w3-navbar li a {padding-top: 12px;	padding-bottom: 12px; }
.error 			{color: #FF0000;}
.notice_c		{display: block;}
.notice_e		{display: none;} 
.error_hide 	{color: #EE2;}
.amount			{text-align:right;
                padding-top: 6px; 
                padding-bottom: 6px;
                padding-left: 6px;
                padding-right: 6px;
                font-size: 16px;
                font-weight: bold;
                color: red;}
.nav-tabs > li > a	{
    padding-top: 2px; 
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
}		
#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 35%;
    bottom: 30px;
    font-size: 17px;
}
#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
    animation: fadein 0.5s, fadeout 0.5s 4.5s;
}
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}
@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}
@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}
@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

body{
    /* background: rgba(252,223,17, 0.5); */
}

.class-title{
    font-size: 16px;
    font-weight: bold;
}
.class-remark{
    color:red;
    max-width: 70%;
}
.early-bird{
    color: red;
}
/* .form-check{
    padding: 10px;
    display: flex;
}
.form-check input[type='checkbox']{
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 10px;
} */

.border-dark{
    border: #333 solid 1px;
}

.pinao_info .row{
    padding: 0 15px;
}

.pinao_info .col-sm-6{
    padding: 20px;
}

.input_error{
    color:#FF0000;
}

.header{
    font-size: 24px;
    font-weight: bold;
}

.section-title{
    font-weight: bold;
    text-decoration: underline;
    font-size: 18px;
}
.inline-title{
    font-weight: bold;
    font-size: 16px;
}

.btn{
    background-color: rgba(252,223,17, 0.8);
    color: #333333;
    border :#333333;
}

.btn:hover{
    background-color: #333333;
    color: rgba(252,223,17, 0.8);
    border :rgba(252,223,17, 0.8);
}

.form-control, .form-select, .form-check-input{
    border-color: #333333!important;
}

@media only screen and (max-width: 500px) {
    
    body{
        font-size: 1.2rem!important;
    }

    .container{
        max-width: initial!important;
    }
}