@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
* {
    font-family: 'Noto Sans JP' !important;
}

body {
  margin: 0;
  font-family: 'Noto Sans JP';
  background: #F7F7FB;
}

.date {
    margin-left: 2% 2% 2% 2%;
    border-radius: 18px;
    padding: auto;
    border-width: 1px;
    border-color: #DCDFE6;
    height: 33px;
    width: 100%;
}

.fixedElement {
    position: absolute;
    top: 0;
    z-index: 1;
}
.g-recaptcha {
  transform:scale(0.77);
  transform-origin:0 0;
}

.MuiSvgIcon-root {
    background: url("assets/images/arrow-dropdown.svg");
}

.MuiButton-label {
  font-family: 'Noto Sans JP';
}

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-thumb {
    background: #DCDFE6;
    height: 80px;
}

.MuiChip-label {
    font-family: 'Noto Sans JP';
}
.MuiSelect-root {
    font-family: 'Noto Sans JP';
    background: unset;
}

.MuiSelect-selectMenu {
    max-height: 10px;
    font-family: 'Noto Sans JP' !important;
}

label.MuiInputLabel-shrink {
    display: none;
}
.MuiFormControl-root .MuiInputBase-root {
    border: 1px solid #DCDFE6;
}
.MuiFormControl-root fieldset {
    border: none;
}

input[type=file] {
    font-size: 15px;
    color: #929AA7;
}
.MuiTypography-root {
    font-family: 'Noto Sans JP';
}

.MuiInputBase-root .MuiSelect-icon{
   color: #1C1966 !important;
}

.three-dot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.MuiButton-containedSecondary:hover {
    background-color: #DA5862 !important;
}
.MuiButton-outlinedSecondary:hover {
    border: 1px solid #DA5862 !important;
    color: #DA5862;
    background-color: #FFFFFF !important;
}
.MuiButton-containedSecondary.Mui-disabled {
    color: #FFFFFF !important;
    background-color: #DCDFE6 !important;
}
.MuiButton-outlinedSecondary {
    background-color: #FFFFFF !important;
}
input {
    color: #1C1966 !important;
}
.Mui-disabled {
    cursor: not-allowed !important;
}
.MuiInputBase-root input:not(.Mui-disabled):focus, .MuiInputBase-root input:not(.Mui-disabled):hover,
.MuiInputBase-root textarea:not(.Mui-disabled):focus, .MuiInputBase-root textarea:hover,
.MuiInputBase-root select:not(.Mui-disabled):focus, .MuiInputBase-root select:not(.Mui-disabled):hover {
    border: 1px solid #EF848C !important;
    box-shadow: none;
}
.MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline:not(.Mui-disabled),
.MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline:not(.Mui-disabled),
.MuiTextField-root .MuiInputBase-root:not(.Mui-disabled):hover {
    border-color: #EF848C !important;
}

.MuiTextField-root .MuiInputBase-root input:focus, .MuiTextField-root .MuiInputBase-root input:hover,
.MuiTextField-root .MuiInputBase-root textarea:focus, .MuiTextField-root .MuiInputBase-root textarea:hover,
.MuiTextField-root .MuiInputBase-root select:focus, .MuiTextField-root .MuiInputBase-root select:hover {
    border: none !important;
}

.MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-width: 1px !important;
}
.starSelect {
    color: #FFD77B !important;
}

.starSelect select {
    color: #FFD77B !important;
}

.select-placeholder-text {
    color: #929AA7 !important;
}

select.MuiSelect-root {
    background: unset !important;
}

.fc-event-container a {
    right: 0 !important;
    margin-right: 0 !important;
}

/*chart css*/
.bar path:last-child {
    fill: #7671E6;
    stroke: #7671E6;
}
.bar path {
    fill: #3DC77D;
    stroke: #3DC77D;
}

.bar .apexcharts-yaxis tspan {
    font-size: 12px;
    font-family: 'Inter' !important;
}

.bar .apexcharts-xaxis tspan {
    font-size: 13px;
}
.bar .apexcharts-legend-series {
    display: flex;
}
div.bar > p {
    padding-bottom: 0
}

label.MuiInputLabel-outlined {
    font-size: 15px;
}

.apexcharts-tooltip div, .apexcharts-tooltip span {
    color: #1C1966;
}

.apexcharts-tooltip-text {
    font-size: 15px !important;
}
.apexcharts-tooltip-text .apexcharts-tooltip-text-y-value {
    font-weight: 700
}
.apexcharts-tooltip-title {
    font-size: 15px !important;
}
/* React FullCalendarのスマホ文字サイズを強制的に変更(応急処置) */
@media screen and (max-width: 736px) {
    .fc-button {
        font-size: 14px !important;
    }

    .fc-center > h2 {
        font-size: 16px !important;
    }

    .test {
        background-color: "red" !important;
    }
}

@media screen and (max-width: 520px) {
    ::-webkit-scrollbar {
        width: 0;
    }

    ::-webkit-scrollbar-thumb {
        display: none;
    }
}