/******** MODAL ********/
.modal{
    background-color: rgba(59, 47, 41, 0.6);;
    background-blend-mode: screen;
}
.modal-dialog {
    max-width: 50% !important;
}
@media(max-width:600px){
    .modal-dialog {
        max-width: 100% !important;
    }
}
.close-modal {
    background: transparent;
    width: 36px;
    height: 36px;
    position: relative;
    cursor: pointer;
}
.close-modal:after {
    content: '';
    height: 35px;
    border-left: 3px solid #93794a;
    position: absolute;
    transform: rotate(45deg);
    left: 16px;
}
.close-modal:before {
    content: '';
    height: 35px;
    border-left: 3px solid #93794a;
    position: absolute;
    transform: rotate(-45deg);
    left: 16px;
}
.modal-content{
    font-family: 'LanTingNormal', sans-serif;
}
.modal-header{
    border-bottom: 0px solid;
    padding:15px 15px 0 0;
    margin-left:auto;
}
/******** LEGAL NOTICES MODAL ********/
#myModal .modal-body{
    letter-spacing: .4px;
}
#myModal .modal-body{
    padding:0 15px 15px 15px;
}
.legal-notice-main-title{
    text-align: center;
    color:#93794a;
}
.legal-notice-main-title-eng{
    padding-top: 2px; 
    font-size:1.3rem;
    font-family: 'BebasNeue', sans-serif;
}
.legal-notice-main-title-chn{
    font-size:1.4rem;
}
.legal-content-valid-date{
    font-size: 0.75rem;
    color:#392523;
    padding:10px 0 10px 30px;
}
#legal-notices-content{
    height:500px;
    padding: 5px 10px 5px 10px;
    overflow-y: auto;
    text-align: justify;
}
.legal-content-title{
    font-size: 1rem;
    padding:15px 0;
    color:#93794a;
}
.legal-content-text{
    font-size: 0.75rem;
    color:#392523;
    line-height:23px;
    text-indent: 26px;
}
.legal-content-text-list{
    text-indent: 60px;
}
#legal-notices-content ul{
    margin:0;
    padding:0 0 0 20px; 
    list-style: none;
    overflow: hidden;
}
/******** IMPORTANT ANNOUNCEMENT MODAL ********/
#myModal2 table td{
    border: none !important;
}
#myModal2 table tbody td{
    font-size:0.8rem;
    color:#93794a;
}
#myModal2 table{
    border-spacing: 3px;
    border-collapse: separate;
}
#importantAnnouncement-datatable tbody td{
    cursor:pointer;
}
#importantAnnouncement-datatable tbody td:nth-child(1){
    text-align: right;
}
#importantAnnouncement-datatable tbody td:nth-child(2){
    text-align: left;
}
#importantAnnouncement-datatable tbody td:nth-child(3){
    text-align: right;
}
#importantAnnouncement-datatable.dataTable.no-footer{
    border: none !important;
}
.important-announcement-main-title{
    text-align: center;
    color:#93794a;
}
.important-announcement-main-title-chn{
    font-size:1.3rem;
}
.important-announcement-main-title-eng{
    font-size:1.25rem;
    font-family: 'BebasNeue', sans-serif;
}
#importantAnnouncement-datatable table.dataTable tbody th, #importantAnnouncement-datatable table.dataTable tbody td{
    padding:8px 0 !important;
}
#importantAnnouncement-datatable tbody td:nth-child(3){
    color:#3b2f29;
}
#importantAnnouncement-datatable table.child-row-table td{
    text-indent: 26px;
    text-align: justify;
}
#importantAnnouncement-datatable_paginate{
    float:none;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 50px;
}
#importantAnnouncement-datatable_paginate .paginate_button {
    /****** SET SMALLER BUTTON ******/
    padding:4px 9px; !important;
    margin:0px 3px; !important;
}
#importantAnnouncement-datatable_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button{
    color: #A38443!important;
    border: 1px solid #A38443;
}
#importantAnnouncement-datatable_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
    color: #A38443 !important;
}
#importantAnnouncement-datatable_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{
    color: #A38443 !important;
}
#importantAnnouncement-datatable_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    color: white!important;
    border: 1px solid #A38443;
    background: #392523; !important;
}
#importantAnnouncement-datatable_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    color: white!important;
    border: 1px solid #A38443;
    background: #392523; !important;
}
#importantAnnouncement-datatable_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    color: #A38443 !important;
    background:transparent;
    border: 1px solid #A38443;
}
#importantAnnouncement-datatable tr td:nth-child(1){
    width:15%;
}
#importantAnnouncement-datatable tr td:nth-child(2){
    width:75%;
}
#importantAnnouncement-datatable tr td:nth-child(3){
    width:10%;
}
/*****************************************************
*                    LOGIN MODAL                     *
*****************************************************/
.login-logo {
    width: 75px;
    height: auto;
}