/*
    Author: Sonzero
    File: Custom Css File
*/
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "M PLUS 2", sans-serif !important;
}

div, a, span, p, th, td, b{
    font-family: "M PLUS 2", sans-serif !important;
}

/* Common */
.text-super-warning{
    color: #c47703;
}

/*  Employees Page  */
#div_employees_list .employees_box{
    border: 1px solid var(--vz-card-bg);
}
#div_employees_list .employees_box:hover{
    border: 1px solid #299cdb;
}
.employees_thumbnail {
    position: relative;
    overflow: hidden;
    border: 2px solid var(--vz-border-color);
}
.employees_thumbnail img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.employees_thumbnail img.portrait {
    width: 100%;
}

/*  Calendar  */
#public_holidays .dropdown-years {
    font-size: 16px;
    padding: .35rem 2.0rem .35rem .9rem;
    color: var(--vz-heading-color);
    font-weight: 500;
}
#public_holidays .calendar {
    display: flex;
    position: relative;
    margin: 0 auto;
}

#public_holidays .month-year {
    color: var(--vz-heading-color);
}

#public_holidays .year {
    margin-left: 4px;
    /* color: #CBD5E1; */
}

#public_holidays .days {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
}

#public_holidays .day-label {
    position: relative;
    flex-basis: calc(14.286% - 2px);
    margin: 1px 1px 12px 1px;
    font-weight: 700;
    font-size: 0.65rem;
    text-transform: uppercase;
    text-align: center;
}

#public_holidays .day {
    position: relative;
    flex-basis: calc(14.286% - 2px);
    margin: 1px;
    border-radius: 999px;
    cursor: pointer;
    font-weight: 300;
}

/* #public_holidays .day.dull {
    color: #bfc8d4;
} */

#public_holidays .today,
.color-meaning-body .today {
    color: #fff;
    font-weight: 600;
    background: rgba(10, 179, 156, 0.7);
}

#public_holidays .day::before {
    content: '';
    display: block;
    padding-top: 100%;
}

#public_holidays .day:hover {
    border: 1px solid #0AB39C;
}

#public_holidays .day .content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: var(--vz-body-font-weight);
}
#public_holidays .dull .content {
    opacity: 0.5;
}

#public_holidays .year-calen-body{
    padding-right: 11px;
}

#public_holidays .year-calen-border{
    border-right: dashed var(--vz-border-width) var(--vz-border-color);
}

.weekend{
    background: rgba(var(--vz-dark-rgb), 0.12);
}

.vn-holiday{
    background: rgba(247, 184, 75, 0.45);
}

.kba-holiday{
    background: rgba(41, 156, 219, 0.35);
}

.jp-holiday{
    /* background: rgba(240, 101, 72, 0.18); */
    color: #F06548;
}

#div_month_holidays .day .content{
    top: 10%;
    left: 10%;
    height: 80%;
    width: 80%;
    border-radius: 999px;
}

.color-meaning-body{
    padding: var(--vz-card-spacer-y) var(--vz-card-spacer-x);
}
.color-meaning-body .external-event{
    text-align: left;
    padding: 8px 16px;
    border-radius: 2px;
    cursor: move;
    font-size: 0.8125rem;
}
.holidays-event .nav-tabs .nav-link {
    color: var(--vz-nav-tabs-link-active-color);
    background-color: var(--vz-nav-tabs-link-active-bg);
    border: 1px solid var(--vz-border-color);
    font-size: 0.9rem;
}
.holidays-event .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #299cdb;
    border-bottom: 1px solid #299cdb;
}
.holidays-event .calen-list{
    border-left: 1px solid var(--vz-border-color);
    border-right: 1px solid var(--vz-border-color);
    border-bottom: 1px solid var(--vz-border-color);
}
.holidays-event .calen-event{
    border-bottom: 1px dashed;
    padding: 16px;
}
.tooltip-inner {
    background-color: #1a1a1a !important;
    color: #fff ;
}

/*  Poll Page  */
#newpoll_answerlist .poll-answer-number,
#new_detail_list .answer-number,
#edit_detail_list .answer-number{
    background-color: rgba(53, 119, 241, 0.18);
    color: #3577f1;
    border-radius: 5px;
    width: 50px;
    text-align: center;
    padding: 6px 0;
    font-size: 0.9rem;
}
#newpoll_answerlist .poll-answer-remove,
#new_detail_list .answer-remove,
#edit_detail_list .answer-remove {
    box-sizing: content-box;
    color: #f06548;
    background: transparent;
    border: 0;
}
#newpoll_answerlist .poll-answer-remove:hover,
#new_detail_list .answer-remove:hover,
#edit_detail_list .answer-remove:hover {
    color: #b44c36;
}
#newpoll_answerlist .poll-answer-remove i,
#new_detail_list .answer-remove i,
#edit_detail_list .answer-remove i{
    font-size: 24px;
}
.check-answer{
    padding: 0.9rem;
    margin-bottom: 0;
    border: 1px solid #c4d4da;
    border-radius: 0.25rem;
    color: #495057;
    font-weight: 500;
    text-align: left;
    display: block;
    position: relative;
    padding-right: 32px;
    --vz-btn-border-color: #299cdb;
    --vz-btn-hover-bg: #299cdb;
    --vz-btn-hover-border-color: #299cdb;
    --vz-btn-focus-shadow-rgb: 41, 156, 219;
    --vz-btn-active-bg: rgba(41,156,219,.18);
    --vz-btn-active-border-color: #299cdb;
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --vz-btn-disabled-color: #299cdb;
    --vz-btn-disabled-bg: transparent;
    --vz-btn-disabled-border-color: #299cdb;
    --vz-gradient: none;
}
.div-answer-check .btn-check:checked + .check-answer:before {
    content: "\eb7b";
    font-family: "remixicon";
    position: absolute;
    top: 2px;
    right: 6px;
    font-size: 16px;
    color: #405189;
}
#polls-goingon .poll_link a:hover,
#polls-all .poll_link a:hover,
#polls_goingon_table .poll_link a:hover{
    color: #3577f1;
}

/* Market */
.market-content .nothing-here{
    width: 100%;
}
.market-content .nothing-here .nothing-here-text{
    border: 1px solid #ccc;
    text-align: center;
    font-weight: normal;
}
.market-content .explore-box .explore-img{
    width: 100%;
}
.market-nav-custom{
    background-color: #ffffff;
    border-radius: 0.25rem;
    box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
}
.card .card-body .sold-out{
    position: relative;
}
.card .card-body .sold-out .sold-out-icon{
    position: absolute;
    right: -8px;
    bottom: -8px;
}
.card .card-body .sold-out .sold-out-icon img{
    max-height: 60px;
}
.link-underline:hover{
    color: #3577f1;
}
#my_post_table .my_post_image img{
    height: 3rem;
    width: 3rem;
    object-fit: cover;
    border: 2px solid #ccc;
}
#my_post_table .my_post_title a:hover{
    color: #3577f1;
}
/* Tic Tac Toe */
.game-room-item{
    border-bottom: 1px dashed #878a99;
}
.game-room-item:hover{
    background-color: #FBEFDC;
    cursor: pointer;
}
.game-room-item.active {
    background-color: #DFF1F1;
}