@font-face {
    font-family: 'Nunito-sans';
    src: url("../fonts/NunitoSans10pt-Regular.woff");
}

@font-face {
    font-family: 'Nunito-sans-bold';
    src: url("../fonts/NunitoSans10pt-Bold.woff");
}

body{
    font-family: Nunito-sans;
}

.font-bold{
    font-family: Nunito-sans-bold;
}

h2, h3{
    font-family: Nunito-sans-bold;
}

.arial {
    font-family: Arial, Helvetica, sans-serif;
}
.hour-list::-webkit-scrollbar,
.select .options::-webkit-scrollbar{
    width: 0px;
}
.apexcharts-menu-icon{
    display:none !important;
}
.apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg, .apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg, .apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg{
    fill:#593CFB !important;
}
.password-control{
    background: url('../images/view.svg') 0 0 no-repeat;
}
.password-control.view {
    background: url('../images/no-view.svg') 0 0 no-repeat;
}
.gm-ui-hover-effect {
    display: none !important;
}
.scroll-map{
    position: sticky;
    top: 10px;
}
#left-menu{
    position: sticky;
    top: 0px;
}

.bg-magic-star{
    background: url('../images/magic-star.png')no-repeat top right;
}

/*accordion*/
.details {
    display: block;
    border-radius: 12px;
    border: 1px solid #E2E1FF;
    transition: 0.3s;
    overflow: hidden;
    cursor: pointer;
}

.details[open] {
    background: #F6F6FB;
}

.details[open] .details__title {
    border-bottom: 1px solid #E2E1FF;
}

.details__title {
    padding: 1.5rem;
    position: relative;
    list-style: none;
    transition: .3s;
}

.details__title::after {
    position: absolute;
    right: 24px;
    top: 50%;
    margin-top: -12px;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url('../images/arrow-accordion.svg')no-repeat center;
    transform: rotate(0deg);
    transform-origin: center;
    transition: .3s;
}

.details[open] .details__title::after {
    transform: rotate(180deg);
}

.details__title::-webkit-details-marker {
    display: none;
}

.details__content {
    padding: 1.5rem;
}

details[open] summary ~ * {
    animation: sweep .3s ease-in-out;
}
@keyframes sweep {
    0%    {opacity: 0; margin-left: -10px}
    100%  {opacity: 1; margin-left: 0px}
}