:root{
    --drop-bg:#34495e;
    --drop-bgh:rgb(39, 47, 54);
    --drop-width:var(--dropDownWidth);
    --anim-tim:0.2s;
}

.drop-down{list-style:none;overflow:hidden;height:100%;background-color:var(--drop-bg);width:inherit; }
.drop-down.drop-closed .opt-cont{display:none;opacity:0; }
.drop-down .opt-cont{display:block;transition: opacity 10s ease-out;z-index:1; }
.drop-down .opt-head{text-align:center;cursor:pointer;padding:0px 4px; }
.drop-down .opt-head>*{pointer-events:none; }
.drop-down .opt-head::after{content:"\25B4";float:right;padding-left:5px;vertical-align:middle; }
.drop-down.drop-closed .opt-head:after{content:"\25BE";float:right;padding-left:5px;vertical-align:middle; }
.drop-down .opt-cont,.opt-head{display:block;color:#ecf0f1;background:inherit;background-color:inherit;width:inherit; }
.drop-down .opt-cont{position:absolute;background:inherit;background-color:inherit;width:var(--dropDownWidth);margin-top:2px;list-style-type:none; }
.drop-down .opt-cont li>*{pointer-events:none; }
.drop-down .opt-cont li label{pointer-events:auto;width:100%;display:block;cursor:pointer; }
.drop-down .opt-cont li label input{margin-right:10px; }
.drop-down .opt-cont li{cursor:pointer;padding-left:5px; }
.drop-down .opt-cont li i{padding-right:5px; }
.drop-down .opt-cont li:hover{background-color:var(--drop-bgh); }
.drop-down .opt-inp{display:inline; }

.autocomplete{position:relative;display:inline-block;padding-left:0px!important; }
.autocomplete-inp{line-height:calc(var(--lineHeight) - 4px);padding-right: var(--liicoSize);background-color:transparent;border:none;width:inherit;border-radius:2px;color:var(--priFont); }
.autocomplete-act{position:absolute;line-height:calc(var(--liicoSize) - 4px);right:0px;box-shadow:-1px 0px 1px 0px var(--priShadow);width:var(--liicoSize);text-align:center;cursor:pointer; }
.autocomplete-act:hover{color:dodgerblue; }
.autocomplete-items{z-index:1;width:inherit;overflow-y:auto;max-height:calc(100% - 40px); }  
.autocomplete-items div{cursor:pointer;background-color:var(--drop-bg);border-bottom:1px solid #7775;color:#fff;padding-left:5px;line-height:var(--lineHeight); }
.autocomplete-items div:hover{background-color:var(--drop-bgh); }
.autocomplete-active{background-color:var(--drop-bgh)!important; }
.autocomplete-pan{display:none;z-index:101;position:absolute;margin-top:var(--marginM3); }

.drop-ast-ttl{display:inline-block;background:var(--terBg);color:var(--priFont);padding:10px 5px;text-align:left;width:calc(100% - var(--liicoSize) - 180px); }
.drop-ast-tim{display:inline-block;background:var(--terBg);color:rgb(13, 107, 13);padding:10px 5px;text-align:left;width:180px; }
.dark .drop-ast-tim{color:var(--priFg); }
.drop-ast-tgb{display:inline-block;padding:10px 5px;cursor:pointer;transform:rotate(-180deg);transition:transform var(--anim-tim) ease-in;width:var(--liicoSize);font-weight:bolder;text-align:center; }
.drop-ast-tgb::before{content:"↶"; }
.drop-ast-tgb:hover{color:var(--secHover); }
.drop-ast-cnt{overflow:hidden;padding:1px 20px;display:block;width:100%;padding:10px 5px;height:100%;transition:padding var(--anim-tim) linear , height 0.05s ease;background-color:var(--priBg); }
.drop-ast-mwn{border-radius:4px;width:100%;display:inline-block;box-shadow:0 0 5px #777; }
.drop-ast-t{width:60%;display:block; }
.drop-ast-t.drop-closed .drop-ast-cnt{padding:0px;height:0px;transition:padding var(--anim-tim) linear , height 0.05s ease; }
.drop-ast-t.drop-closed .drop-ast-tgb{transform:rotate(360deg);transition:transform var(--anim-tim) ease-in; }

.drop-down-ins{list-style:none;overflow:hidden;height:100%;background-color:inherit;display:inherit;align-items:center;cursor:pointer;border-radius:var(--radiusM4);border:inherit;box-shadow:inherit;position:relative; }
.drop-down-ins .opt-cont-ins{display:block;transition:opacity 10s ease-out;z-index:1; }
.drop-down-ins .opt-head-ins{text-align:center;cursor:pointer;padding:0px 4px;display:inline-block;width:var(--widthM4);float:right; }
.drop-down-ins .opt-head-ins:hover{color:var(--secHover); }
.drop-down-ins.drop-closed .opt-cont-ins{display:none;opacity:0; }
.drop-down-ins .opt-head-ins>*:not(input){pointer-events:none; }
.drop-down-ins .opt-cont-ins,.opt-head-ins{display:block;color:var(--priFg);background:inherit;background-color:inherit;width:inherit; }
.drop-down-ins .opt-cont-ins{position:absolute;background:inherit;background:var(--priBg);width:calc(var(--widthJ3) - var(--marginM4));margin-top:12px;list-style-type:none;border-radius:5px; }
.drop-down-ins .opt-cont-ins li{cursor:pointer;padding:var(--paddingM2);text-align:left;user-select:none;padding:10px; }
.drop-down-ins .opt-cont-ins li:not(:last-child){border-bottom:solid 1px var(--priBorder); }
.drop-down-ins .opt-cont-ins li label i{padding-right:5px; }
.drop-down-ins .opt-cont-ins li:hover{background-color:var(--drop-bgh); }
.drop-down-inp-ins{width:var(--widthM5);display:inline-block;background:var(--priBg);box-shadow:0 0 1px 1px var(--priShadow);padding:var(--paddingM1); }
.drop-down-lbl-ins{width:var(--widthJ1);display:inline-block; }

.drop-down-btn-ins{width:var(--widthM5);cursor:pointer;float:right;padding:1px;font-size:1.1em;box-shadow:0 0 1px 1px var(--priBorder);border-radius:10px;text-align:center;line-height:23px; }
.drop-down-btn-ins>*{pointer-events:none; }
.drop-down-btn-ins:hover{color:var(--secHover); }