.logo {
    background: url(../images/tbd/TBD_Logo-doc-Eng.png) no-repeat;
    /* background-size: 100%; */
    background-size: contain;
    width: 181px;
    height: 50px;
}

section#home {
    overflow: hidden;
}

/* .logo {
    background: url(../images/tbd/logotbdcolor.svg) no-repeat;
    background-size: 100%;
    width: 181px;
    height: 50px;
} */

.color-blue-tbd {
    color: var(--bs-blueTBD);
}

.color-green-tbd {
    color: var(--bs-GreenTBD);
}

.background-color-blue-tbd {
    background-color: var(--bs-blueTBD);
}

.background-color-blue-tbd:hover {
    background-color: var(--bs-GreenTBD);
}

.background-color-green-tbd {
    background-color: var(--bs-GreenTBD);
}

.background-color-green-tbd:hover {
    background-color: var(--bs-blueTBD);
}


/* .title-style:after {
    height: 4px;
    width: 5%;
    display: block;
    content: "";
    position: absolute;
    margin-top: 10px;
    background: #75a900;
} */

.program-table-vertical {
    overflow-x: auto;
}

a.section_link {
    color: blue;
    text-decoration: underline;
}
a.section_link:hover {
    color: var(--bs-GreenTBD) !important;
}

#program-tab a.nav-link {
    color: var(--bs-blueTBD);
}

#program-tab.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: white;
    background-color: var(--bs-GreenTBD);
    border-color: #dee2e6 #dee2e6 #fff;
}

.speaker-list {
    margin-top: 20px;
}

.thumbnail-circle {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-top: 5px;
    border-radius: 100%;
    border: 1px solid white;
    width: 200px;
    height: 200px; 
    background-size: 100% auto;
    background-color: #555;
    background-repeat: no-repeat;
    background-position: center;
}

.thumbnail-circle-modal {
    border-radius: 100%;
    border: 1px solid white;
    width: 100px;
    height: 100px; 
    background-size: 100% auto;
    background-color: #555;
    background-repeat: no-repeat;
    background-position: center;
}

.thumbnail-circle:hover {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    transform: scale(1.2);
    transition: transform 0.2s linear;
    /* border-radius: var(--border-radius) !important;  */
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff !important;
    background-clip: border-box;
    border: 1px solid #fff !important;
    border-radius: 0.25rem;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
    height: 100%;
}

.naoya_inoue_image {
    background-image: url("../images/speakers/naoya_inoue.jpg");
}

.tojo_satoshi_image {
    background-image: url("../images/speakers/TOJO-Satoshi.jpg");
}

.teeradaj_Racharak_image {
    background-image: url("../images/speakers/Teeradaj_Racharak.jpg");
}

.nguyen_le_minh_image {
    background-image: url("../images/speakers/nguyen_le_minh.jpeg");
}

.nguyen_su_image {
    background-image: url("../images/speakers/nguyen_su.jpg");
    background-size: cover !important;
}

.ogawa_mizuhito_image {
    background-image: url("../images/speakers/ogawa.jpg");
}
/* .nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.program-table-vertical {
    overflow-x: auto;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.tab-content>.active {
    display: block;
}

.fade.in {
    opacity: 1;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.program-table-header {
    background-color: var(--bs-blueTBD);
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
} */

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: red;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
  }
  
  .close:hover, .close:focus {
    color: red;
    text-decoration: none;
    opacity: .75;
  }
  
  .close:not(:disabled):not(.disabled) {
    cursor: pointer;
  }
  
  button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
  }