@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);

html,
body {
    margin: 0;
    background-color: #ffffff;
    font-family: 'Spoqa Han Sans Neo', 'sans-serif';
    line-height: 130%;
    font-weight: 400;
    /* -webkit-font-smoothing: antialiased; */
}

::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}

::-webkit-scrollbar-track {
    background: #fff;
}

::-webkit-scrollbar-thumb {
    background-color: #e6eaec;
    /* medium_light */
    border-radius: 10px;
    background-clip: padding-box;
    border: 4px solid transparent;
}

html,
body,
#root {
    width: 100%;
    height: 100%;
}

/* Custom radio button */
[type='radio']:checked,
[type='radio']:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type='radio']:checked+label,
[type='radio']:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

[type='radio']+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border-width: 2px;
    border-style: solid;
    border-radius: 100%;
    background: #fff;
}

[type='radio']:checked+label:before {
    border-color: #3656ff;
}

[type='radio']:not(:checked)+label:before {
    border-color: #e6eaec;
    /* medium_light */
}

[type='radio']:checked+label:after,
[type='radio']:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #3656ff;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type='radio']:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type='radio']:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* React Datepicker */
/* .react-datepicker-wrapper {
    width: calc(100% - 16px);
} */
.react-datepicker__input-container {
    width: 100% !important;
    /* padding: 4px 8px; */
    /* border-radius: 10px; */
    /* border-width: 1px; */
    /* border-style: solid; */
    /* border-color: #c7ced2; */
    /* transition: border-color 0.2s ease-in-out; */
}

:hover {
    border-color: #3656ff;
}

.highcharts-loading {
    opacity: 1 !important;
}

.highcharts-loading-inner {
    display: block;
}

.highcharts-loading-inner,
.highcharts-loading-inner:before,
.highcharts-loading-inner:after {
    background: #3656ff;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}

.highcharts-loading-inner {
    color: #3656ff;
    text-indent: -9999em;
    margin: 0 auto;
    top: 50% !important;
    position: relative;
    font-size: 11px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.highcharts-loading-inner:before,
.highcharts-loading-inner:after {
    position: absolute;
    top: 0;
    content: '';
}

.highcharts-loading-inner:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.highcharts-loading-inner:after {
    left: 1.5em;
}

@-webkit-keyframes load1 {

    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

@keyframes load1 {

    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}


.react-datepicker__input-container input {
    /* width: 100%; */
    background: transparent;
    border: none;
    outline: none;
    font-size: 12px;
}

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

.react-datepicker__header {
    background-color: white !important;
    border: none !important;
}

.react-datepicker-popper[data-placement^='bottom'] {
    padding-top: 4px !important;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
    background-color: #3656ff !important;
    border-radius: 16px !important;
    color: #ffffff !important;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
    background-color: #f0f0f0 !important;
    border-radius: 16px !important;
    color: #000000 !important;
}

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
    background-color: #f0f0f0 !important;
    border-radius: 16px !important;
    color: #000000 !important;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
    background-color: #f0f0f0 !important;
    border-radius: 16px !important;
    color: #000000 !important;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

.SnackbarContainer-bottom.SnackbarContainer-right.SnackbarContainer-root {
    right: 20px;
    bottom: 20px;
}