.js-custom-timeframe {
   display: none !important;
}

.js-reports-timeframe{
   display: none !important;
}




.datepicker .datepicker_wrapper {
   width: 420px;
   max-height: 700px;
}

.datepicker .period{
   margin-right: 0;
}
.datepicker .period .btn_text{
   margin-left: 0.2em;
}
.datepicker_wrapper {
   width: 252px;
   overflow: hidden;
}

.datepicker_wrapper .date_mounts {
   overflow-y: auto;
   width: 271px;

   max-height: 400px;
   position: relative;
}

.date_mounts .mount {
   padding: 0 12px;
   font-weight: bold;
   cursor: pointer;
   width: 100%;
   text-align: left;
   box-sizing: border-box;
}

.date_mounts > div, .week_day > div {
   display: inline-block;
   text-align: center;
   width: 36px;
   height: 36px;
   line-height: 36px;
   vertical-align: top;
   cursor: pointer;
}
.week_day > div {
   font-size: 0.85em;
}

.date_mounts > div:hover {
   background: var(--background-color-btn-light-gray);
   border-radius: 5px;
   box-shadow: 0 0 0px 1px var(--gray) inset;
}

.date_mounts .mount:hover {
   background: var(--background-color-btn-light-gray);
   box-shadow: none;
}

.date_mounts [today] ~ * {
   background:var(--background-color-input);
}

.date_mounts [e] {
   cursor: default;
   pointer-events: none;
}
.date_mounts [w] {
   color: var(--blue);
}
.date_mounts [l] {
   background: var(--blue) !important;
   color: #fff;
   font-weight: bold;
   border-radius: 5px;
}

.date_mounts [l="1"] {
   background: var(--blue) !important;
}

.date_mounts [s] {
   background: var(--background-color-zebra-row-odd);
}


.date_mounts [today] {
   box-shadow: 0 0 3px var(--dark-gray);
   border-radius: 5px;
   position: relative;
}


.week_day {
   border-bottom: 1px solid var(--border-color-hard);
}


.datepicker_wrapper .inputs input {
   width: 100%;
   text-align: center;
   margin: 0;

}


.datepicker {
   -ms-user-select: none;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
}

.datepicker .buttons {
   padding: 8px 12px;
   border-top: 1px solid var(--border-color-hard);
}
.datepicker .buttons .detailing{
   float: left;
   font-size: 12px;
   line-height: 27px;
}
.datepicker .buttons .detailing select{
   font-size: 12px;
   margin-left: 7px;
}




.datepicker_li {
   padding-top: 0;
   top: -6px;
   background: #fff !important;
}

.datepicker .preset_container {
   width: 167px;
   display: inline-block;
   height: 480px;
   vertical-align: top;
   box-sizing: border-box;
}

.datepicker .calendar_container {
   display: inline-block;
   width: 252px;
   border-left: 1px solid var(--border-color-hard);
   vertical-align: text-bottom;
   font-size: 0.9em;
}
.datepicker .calendar_container .inputs {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0.5em 0.5em;
   gap: 0.5em;
}

.datepicker .date_mounts_wrapper {
   overflow: hidden;
   position: relative;
}

.preset_container{
   font-size: 0.9em;
   line-height: 1.7em;
}

.preset_container span {
   padding: 0.275em 0.5em;
   cursor: pointer;
   border-radius: 0.375em;
   width: 50%;
   display: inline-block;
   box-sizing: border-box;
   text-align: center;
}

.preset_container span.active {
   background: var(--blue) !important;
   color: #fff;
   font-weight: bold;
   border-radius: 5px;
}

.preset_container span:hover {
   background: var(--chips-background-color);
}

.preset_container .preset {
   border-bottom: 1px solid var(--border-color-soft);
   padding: 9px;
}

.preset_container .preset:last-child {
   border-bottom: none;
}

.preset_container .preset.span1 span {
   width: 100%;
}

.preset_container .preset.span3 span {
   width: 33.33%;
}

.preset_container .preset.span4 span {
   width: 25%;
}

.preset_container .preset_name {
   padding: 0px 10px;
   font-weight: bold;
}

.datepicker .scrollbar {
   position: absolute;
   top: 0px;
   right: 3px;
   height: 144px;
   width: 4px;
   cursor: pointer;
   pointer-events: none;
   border-radius: 2px;
   background: var(--menu-tabs-border-color-hover);
   z-index: 10;
}

#maincontent {
   min-height: 100vh;
}