@charset "utf-8";
/* CSS Document */
:root {
    --bs-body-font-weight: 500;
}

.mandatory {
    color: #ffa07a;
}

label.is-invalid {
    color: #dc3545;
}

div:not(.product_accordion).is-invalid .form-check-input[type=radio],
div:not(.product_accordion).is-invalid .form-check-input[type=checkbox]{
    border-color: #dc3545;
}
div:not(.product_accordion).is-invalid label{
    color: #dc3545;
}

div.period_schedule.is-invalid .form-check-input[type=radio],
div.period_schedule.is-invalid .form-check-input[type=checkbox]{
    border-color: rgba(0,0,0,.25);
}

div.product_accordion.is-invalid.accordion{
    border: #dc3545 1px solid;
    border-radius: 5px;
}

a.referral_btn {
    color:white;
}

a.referral_btn span{
    background-color: red;
    display: inline-block;
    color: white;
    padding: 4px 20px;
    border-radius: 10px;
    font-size: 20px;
    max-width:470px;
}

.w-initial {
    width:initial !important;
    max-width:100%;
}

.your_time_zone{
    color:#f08080;
    font-size:smaller;
    border: 1px solid #f08080;
    padding:2px;
}


@media only screen and (max-width: 1199px) {
    .your_time_zone{
        color:#ffeb3b;
        border-color:#ffeb3b;
    }
}

.select_schedule_date {
    font-size:small;
    padding:1px 4px;
}

.cate_label{
    margin-top:5px;
}

.bs_file_group{
    margin-top:5px;
    margin-bottom:3px;
}

input.out_in.form-check-input{
    float: initial;
    margin-left: 0px;
}

.time_zone_control{
    font-size:14px;
}

.profileImg{
    max-width: 200px;
    max-height: 200px;
}
.previewImg{
    max-width: 200px;
    max-height: 200px;
}
.productImg{
    max-width: 200px;
    max-height: 200px;
}

.form-select{
    width:90% !important;
}
.form-select.w-initial {
    width:initial !important;
    max-width:100%;
    display:inline-block;
}

.cat-form-check-label{
    display: block;
    text-indent: 0;
    margin-left: 23px;
    margin-top: -21px;
}

.sem_organizer{
    color:#0000FF !important;
}
.sem_sponsor{
    color:#009900 !important;
}
.sem_luncheon{
    color:#ff0000 !important;
}

.sem-remarks li span.sem_organizer
{
    background:#FFF;
    border:#0000FF 1px solid;
}
.sem-remarks li span.sem_sponsor
{
    background:#FFF;
    border:#009900 1px solid;
}
.sem-remarks li span.sem_luncheon
{
    background:#FFF;
    border:#ff0000 1px solid;
}
.sem-remarks li span.seminar_applied{
    background:#FFF;
    border:#009688 1px solid;
    color:#009688;
}
.sem-remarks li span.seminar_full{
    background:#dc3545;
    border:#dc3545 1px solid;
    color:#fff;
}
.sem-remarks li span.seminar_ended{
    background:#FFF;
    border:#dc3545 1px solid;
    color:#dc3545;
}

.semTypeTable{
    text-align:center;border:2px solid black; border-spacing:0px;
}
.semTypeTable th{
    padding:5px 3px 5px 3px;border:1px solid black;background-color:#d9e1f2;font-weight:bold;
}
.semTypeTable td {
    padding:5px 3px 5px 3px;border:1px solid black;
}
.semTypeTable td span.desc {
    font-size:12px;
}

.form-switch .form-check-input {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2300cfd7'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:focus {
}
label.form-switch  { cursor: pointer; }

.schedule_form-switch{
    padding-left:0px !important;
}
.form-switch .form-check-input:checked {
    background-color: #878787 !important;
    border-color:#cbcccc !important;
}

.h1-ttl { padding: 30px 10px 10px 10px}

.ui_time_zone{
    max-width:180px;
    width:100% !important;
    padding-left:0.25rem;
    font-size:12px;
}

.btn-organizer-sem{
    line-height:16px;
    width:100%;
}

.btn-organizer-sem span{
    font-size:13px;
}
.sem-info .d-col:nth-child(2) {
    width: 150px;
}

.btn-organizer-sem-en{
    width:100%;
}
.btn-organizer-sem-en span{
    font-size:13px;
}

.bg-grey {
    background: #f7f7f7;
}
.seminar .btn.disabled {
    opacity: 1;
    pointer-events:all;
}
.seminar .btn.bg-grey.disabled:hover {
    background: #f7f7f7;
}

@media only screen and (max-width: 1199px) {
    .seminar .your_time_zone{
        color:#f08080;
        border-color:#f08080;
    }
}

span.set_time{
    font-size: 12px;
    border-left: 4px solid #f08080;
    border-right: 4px solid #f08080;
    padding-left: 3px;
    padding-right: 3px;
    display: inline-block;
    text-align: center;
}

div.div_your_time_zone{
    margin-bottom:3px;
    margin-top:3px;
}


@media only screen and (max-width: 1199px) {
    .your_time_zone{
        color:#ffeb3b;
        border-color:#ffeb3b;
    }
    span.set_time {
        border-color:#ffeb3b;
    }

    .seminar span.set_time {
        border-color:#f08080;
    }
}

@media (max-width: 768px) {
    .seminar span.set_time {
        border-color:#f08080;
        margin-top:5px;
    }
}

span.two_lines_top{
    display:block;
}

span.set_time:empty {
    display:none;
}

.error {
    width: 100%;
    margin-top: 0.25rem;
    font-size: .875em;
    color: #dc3545;
}

a.g-nav-url.active, div.g-nav-url.active{
    border-left: 3px solid #5482b8;
}

.doc_download_table table{
    width:100%;
}

.doc_download_table table td,
.doc_download_table table th{
    text-align:left;
}

.browser-record.doc_download_table .card {
    border-right: none;
    border-bottom:1px solid #FFF;
}

.browser-record.doc_download_table .card-title {
    text-decoration:underline;
}

a.doc_download_link{
    color:white;
}

span.text_important{
    color:#ffeb3b;
}

.documentTitleClick{
    color:white;
    cursor:pointer;
    margin-top:10px;
}

ul li.news-unread::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #5289b9; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.member_list_icon {
    border: 0px;
    height: 20px;
    vertical-align:sub;
}

.seminar-check{
    width: 22px;
}
.seminar-check i {
    margin-left:-2px;
}

.h1-ttl {
        padding-left: 0px;
        padding-right: 0px;
    }

@media only screen and (max-width: 1199px) {
    .h1-ttl {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1200px) {
    .exhibitor-link a.nav-link{
        padding-right: 1.35rem !important;
        padding-left:  1.35rem !important;
    }
    .visitor-link-en {
        font-size:14px !important;
    }
    .visitor-link{
        padding-right: 2rem !important;
        padding-left:  2rem !important;
    }
}

.coex-tab{
    border-right: none;
}

.avatar {
    background-repeat: no-repeat;
    background-position: 50% 20%;
    background-size: cover;
}

.timeline {
    width:100%;
    border-spacing: 0px;
    border: 1px solid black;
    margin-top: 20px;
}

.timeline tr th {
    background-color: #5387b9;
    border: 1px solid black;
    padding: 3px 10px 3px 10px;
    color:white;
}

.timeline tr td {
    border: 1px solid black;
    padding: 3px 10px 3px 10px;
}

.schedule-time span {
    display: initial;
    font-size: initial;
    vertical-align: initial;
}

.schedule-time .sep {
    display: inline-block;
    font-size: 12px;
    vertical-align: text-top;
}

.cursor-na {
    pointer-events:all !important;
    cursor:not-allowed;
}

.display-none{
    display:none !important;
}

.bg-applied{
    background-color:#009688;
}

.bg-appointment{
    background-color:#5484b8;
}


.seach_cat_item li {
    width: 49%;
    list-style:none;
    float:left;
    margin-bottom:3px;
}
.seach_cat_item li:nth-child(odd){
    margin-right:2%
}
.seach_cat_item li label{
    padding:0px 25px;
    line-height: 25px;
}
.seach_cat_item li input[type=checkbox]{
    margin-left:-20px;
    margin-top:5px;
}
.seach_cat_item li input[type=text]{
    margin-left:20px;
    width:90%;
}
.seach_cat_item li:last-child {
    margin-bottom:10px;
}
/*.seach_cat_item li:nth-child(odd):last-child{
    width:98%;
}*/
.seach_cat_item p{
    width:100%;
    clear:both;
    margin-bottom:0.5rem;
}

.seach_cat_item ul.w-100{
    clear:both;
}

.seach_cat_item button.accordion-button{
    padding-right:1.5rem;
    font-size:14px;
    font-weight:bold;
}

.list-group-item.selection-text{
    display:block;
    margin-bottom:15px;
    border-bottom:none;
    font-weight:normal;
}
.list-group-item.selection-text:empty{
    display:none;
    margin-bottom:0px;
}

.return_result_en{
    line-height:15px;
}


.appointment_status_en label {
    margin-left: 0px !important;
}

.nav-link .badge, #g-nav .badge, .index-btnArea .badge {
    width: 30px;
    height: 30px;
    line-height: 17px !important;
}

.cell-label-mb-1 label{
    margin-bottom: 0.25rem;
}

.messagebox-content{
    line-height:1.25rem;
}

.chat-box .messages ul li span{
    padding: 15px;
}

.app-4-places{
    margin-bottom: 0.25rem !important;
}

a[name=company_detail]{
    color:black !important;
}

div.no-evt-summary {
    display:none;
}

@media (max-width: 1199px) {
    div.no-evt-summary {
        display: block !important;
    }
}

#g-nav.panelactive{
    z-index:1001;
}
 #g-narrowSearch.panelactive{
     z-index:1002;
 }

.dropdown-menu.show{
    z-index:1001;
}

.for_print_only{
    display:none;
}

div[name=time_slot_ok],div[name=time_slot_ng]{
    cursor:pointer;
}


@media print{
    .seminar_info{
        display:block !important;
    }

    div.no-evt-summary{
        display:none !important;
    }
}



.schedule .schedule-time span.set_time {
    border-color:#f08080;
    margin-top:5px;
    font-size:12px;
}

.schedule .schedule-time span.set_time span.your_time_zone{
    font-size:smaller;
}

.schedule .schedule-time span.two_lines_top {
    display:block;
}

@media (max-width: 1199px) {
    .schedule .schedule-time span.set_time span.your_time_zone {
        color: #f08080;
        border-color: #f08080;
    }
    .schedule-time span {
        display: block;
        transform: rotate(0deg);
    }
    .DateTime_Availability_DIV .schedule-time{
        width:100%;
        padding:1px;
    }
    .DateTime_Availability_DIV .Availability_DIV{
        width:0%;
    }
    .schedule-time .sep{
        display:block;
        transform: rotate(90deg);
        margin-left: -10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
}

.sem-cont ul li{
    vertical-align:top !important;
}


@media (max-width: 768px){
    .seminar .sem-date li:nth-child(3) {
        width: 100%;
        margin-left: initial;
        text-align:left;
    }
    .seminar .sem-date li:nth-child(1)  {
        width:100%;
        text-align:left;
    }
    .seminar .sem-date li:nth-child(2)  {
        width:100%;
        text-align:left;
    }
    .seminar .sem-date li:nth-child(2) span.two_lines_top{
        display:inline-block !important;
    }
    .seminar .sem-date li:nth-child(3) {
        width: 100%;
        margin-left: initial;
        text-align:left;
    }
    
    .seminar .sem-date ul.Online li:nth-child(1)  {
        width:100%;
        text-align:left;
    }
    .seminar .sem-date ul.Online li:nth-child(2)  {
        width:100%;
        text-align:left;
    }
    
    .seminar .sem-date ul.Online li:nth-child(2) div.div_your_time_zone {
        display:inline-block;
    }
}


div:not(.product_accordion).is-invalid label.schedule_form-switch{
    color:white;
}

@media (max-width: 768px) {
    div:not(.product_accordion).is-invalid label.schedule_form-switch {
        color: black;
    }
}

button.join-btn:hover{
    color:white !important;
}

.openbtn{
    z-index:1002;
}

#g-nav-list a:hover, #g-nav-list button:hover{
    opacity:0.6;
}

.chat-box {
  background: #425AA6;
  background: -webkit-linear-gradient(to right, #425AA6, #5AB5B2);
  background: -o-linear-gradient(to right, #425AA6, #5AB5B2);
  background: -moz-linear-gradient(to right, #425AA6, #5AB5B2);
  background: linear-gradient(to right, #425AA6, #5AB5B2);
}

.chat-box .messages ul li span.left{
    background-color: white;
}

.chat-box .messages ul li span.left:after{
    border-right: 8px solid white;
}

.referral_btn_new{
    border:6px solid #58889f;
    padding:15px 10px;
    font-size:20px;
    text-align:center;
    vertical-align:middle;
    width:360px;
}

.referral_btn_new i{
    float:left;
    padding-top:12px;
    padding-left:10px;
}

.referral_btn_new div{
    text-align:left;
    padding-left:80px;
}
.referral_btn_new2 i{
    padding-top:26px;
}

.fs-8{
    font-size: .7rem !important;
}

@media (max-width: 1199px) {
    .date-btns [class*="col-"] {
        width: initial !important;
    }
}

@media (max-width: 768px) {
    .schedule_change_availability{
        float:left;
        margin-left:10px;
    }
}

@media (max-width: 700px) {
    .schedule_change_availability{
        float:left;
        margin-left:0px;
    }
}

.isPending-True{
    color:#9e9e9e !important;
}

.timeslot_for_mobile_only{
    display:none;
}

.cursor_text{
    cursor:text !important;
}

@media (max-width: 800px) {
    iframe.iframeAutoSP {
        width:100% !important;
        height:300px !important;
    }
}

.export_selection {
    margin-top: 0px !important;
}

@media (min-width: 1200px) {
    .export_selection {
        margin-top: -20px !important;
    }
}


div.responsive-cat > ul.w-100 li {
    width:49%;
}

@media (max-width: 992px) {
    div.responsive-cat > ul.w-100 li {
        width:99%;
    }
}

.clear_button{
    background-color: #e3f2fd;
    border: 1px solid #2e6e9e;
    padding: 3px 10px 3px 10px;
    margin-left: 10px;
    cursor: pointer;
    color: #2e6e9e;
    display: inline-block;
    float: right;
    border-radius: 7px;
}

.d-cell {
    vertical-align:top;
}


.accordion-button:not(.collapsed)::after{
    background-image:none;
}
.accordion-button::after{
    background-image:none;
}

.testsite{
    color: red;font-weight: bold;font-size: 35px;padding: 17px 5px;position: fixed;right: 0px;top: 0;height: 48px;
}

@media (min-width: 1199px)
{
    .agreement_statement {
        height: 440px;
       overflow: auto;
    }
}

/*.agreement_statement {
    width: 100%;
    height: 440px;
    overflow: auto;
    text-align: left;
    border: 1px solid silver;
    padding:15px;
    word-break: break-all;
}*/

.agreement_statement {
    width: 100%;
    text-align: left;
    border: 1px solid silver;
    padding:15px;
    word-break: break-all;
}