.clearbutton {
      right: 1rem;
    position: absolute;
}.container-widgetbox *{
  color: var(--color-lightest);
}
.selecttitle {
  border-bottom:1px solid var(--color-lightest);
}
.ss-main .ss-single-selected .ss-arrow span {
  border-color:var(--color-lightest)!important;
}
input[type="search"] {
  color:var(--color-base-1);
}
#picker-wrapper 
{
  display:none;
}
.operator  {
padding:1rem;

}
.container-widgetbox .row .col {
}

#custom-content {
  display:none;
}

/*MAIN*/
.nav-widgetbox {
    background: var(--color-base-1);
    overflow:hidden;
    height: 0;
    z-index: 2;
    position: relative;
    width:0;
}
.nav-widgetbox .container-widgetbox {
    height: 100%;
    width: 100%;
    overflow: auto;
    flex-direction: column;
    display: flex;
    padding: 2rem 1rem 1rem 1rem;
}
.nav-widgetbox ul {
    list-style-type: none;
    padding: 0;
    position: relative;

    margin: 0;
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: center;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
  
    flex-direction: column;
}
.nav-widgetbox ul li {
    /* margin:0 1vw 0 1vw; */
}
.nav-widgetbox ul li a {
    font: 500 1.5rem/2rem "pggm-1";
    display: block;
    width:100%;
    text-decoration: none;
    color: #000000 !important;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    display: flex;
    width:100%;
    padding: 0;
}
.picker-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--color-base-1);
      padding: 0.5rem;
}

.selecttitle {
      flex: 1;
      border-bottom: 1px solid var(--color-lightest);
      padding: 1rem;
      width: 100%;
      text-align: left;
}


.clearbutton, .operator {

}

/*SLIM SELECT*/
.ss-main .ss-multi-selected .ss-values .ss-value, .ss-main .ss-single-selected .ss-values .ss-value{
    line-height:1.5rem!important
}
.ss-values {
  display:unset!important;
}
.ss-disabled {
   /*background: #6B878C;*/
}
.ss-main .ss-multi-selected, .ss-main .ss-single-selected, ss-content{

  overflow:hidden;
}
.ss-main .ss-multi-selected .ss-values .ss-value {
  display: flex;
  float: left;
}
.ss-main .ss-multi-selected .ss-add .ss-plus:after, .ss-main .ss-multi-selected .ss-add .ss-plus {
  background:var(--color-lightest);
}

.ss-value-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  flex:1;
}
.ss-main {
    flex: 1;
  top:0;
    color:white!important;
}
.ss-content .ss-search {
    background: var(--color-base-2) !important;
}
.ss-content {
    border: none !important;
  top:0;
}
.ss-main .ss-multi-selected .ss-values .ss-value,.ss-main .ss-single-selected .ss-values .ss-value, .ss-content .ss-list .ss-option.ss-highlighted {
    background:var(--color-base-2);
    max-width: 90%;
  padding:1rem;

}
.ss-value .ss-value-text {
    font-size:var(--font-size-1)!important;
}
.ss-main .ss-multi-selected,.ss-main .ss-single-selected, ss-content {
    border: none !important;
    background: transparent !important;
}
.ss-content .ss-list .ss-option.ss-disabled {
    color: #fff!important;
    background: var(--color-base-2);
    opacity:0.5;
}
.ss-content .ss-list .ss-option {
    background: var(--color-base-3);
    color: var(--color-base-1);
}
.ss-content .ss-list .ss-option:hover {
  background:var(--color-base-2)!important;
}
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
    color: var(--color-lightest);
    background-color: var(--color-base-2);
    opacity: 0.5;
}

.ss-single-selected .placeholder {
  color: var(--color-base-2);
  opacity:1!important;
  background:transparent;
  cursor:pointer;
}

/*TIMEFRAME*/

.litepicker .container__months {
    box-shadow: none !important;
}
.daterangefield {
    background: transparent;
    border: none;
    color: white;
}
.counter {
    /* display: flex !important; */
}
.litepicker .container__months.columns-2 {
    width: 100% !important;
    display: flex;
}
.litepicker .container__months .month-item {

}

.nav-widgetbox ul li {width: 100%;}

/*MEDIA*/
@media screen and (min-width: 960px) {
    .nav-widgetbox ul li {}
}
@media screen and (min-width: 1024px) {
    .nav-widgetbox ul {
}
}

.activeli {
    background: var(--color-base-1);
}
.flex-a {
 
    display: flex;
    flex-direction: column;
}
.select-label {
  padding: 1rem 0;
  flex:1;
  display:flex;
  flex-direction:column;
}
label {
    color: #fff;
}
.fal {
    margin-right: 1rem;
}
.fad {
    margin-left: 1rem;
}
.counter a {
    margin: auto !important;
}
.counter{
    /* margin:0!important; */
}


.progressbar {
    display: block;
    position: relative;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 5px;
}
.progressbar::before,
.progressbar::after {
    content: '';
    display: block;
    position: relative;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*border-radius: 15px;*/
    /* background-image: linear-gradient(90deg, #e91e63 0%, #e91e63 20%, #03a9f4 20%, #03a9f4 40%, #8bc34a 40%, #8bc34a 60%, #ffeb3b 60%, #ffeb3b 80%, #ff5722 80%, #ff5722 100%);*/
   /* background-image: linear-gradient(90deg, var(--urban) 0%, var(--forest) 20%, var(--tranquil) 20%, var(--sea) 40%, var(--aware) 40%, var(--mindful) 60%, var(--stone) 60%, var(--eternity) 80%, var(--concrete) 80%, var(--purity) 100%);*/

    background-image: linear-gradient(90deg, var(--sea) 0%, var(--sea) 20%, var(--sea) 20%, var(--aware) 40%, var(--aware) 40%, var(--aware) 60%, var(--mindful) 60%, var(--mindful) 80%, var(--mindful) 80%, var(--sea) 100%);

    background-position: 0 0;
    background-repeat: repeat-x;
    -webkit-animation: movebar 5s linear infinite;
    animation: movebar 5s linear infinite;
}
.progressbar::before {
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.1);
}
.progressbar::after {
    z-index: 9;
    top: 6px;
    filter: blur(16px);
    opacity: 0.7;
}
.stylization {
    position: absolute;
    z-index: 999;
    height: 4px;
    width: 90%;
    left: 5%;
    top: 6px;
    opacity: 0.3;
}
.stylization::before,
.stylization::after {
    content: '';
    display: block;
    position: absolute;
    height: 4px;
    top: 0;
    border-radius: 2px;
}
.stylization::before {
    background: #fff;
    left: 0;
    right: 10px;
}
.stylization::after {
    width: 6px;
    background: #fff;
    right: 0;
}
@-webkit-keyframes movebar {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 400px 0;
    }
}
@keyframes movebar {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 400px 0;
    }
}

.clearbutton:not(.icon-disabled)
{
  cursor: pointer;
}

.clearbutton:hover:not(.icon-disabled)
{
  color: var(--aware);
}

.operator:not(.icon-disabled)
{
  cursor: pointer;
}

.operator:hover:not(.icon-disabled)
{
  color: var(--aware);
}

.icon-disabled
{
  color: var(--base-color-3);
}

.toggle-active
{
  color: var(--base-color-2);
}
 .ss-disabled {
  color:var(--color-base-2)!important;
}


/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:wfill-dashboard-settings] [55.1364] DESIGN*/
/*******************************************************************/
/* 0.6 D>D */
/* db 151 */