:root {
    --white: #FFF;
    --grey: #AAA;
    --grey_30:#323946; /*second-bg-color*/      
    --grey_50:#1f242d; /*bg-color*/
    
    --violet_00: #ede7f6; /*rgba(237,231,246)*/
    --violet_10: #b388ff; /*179,136,255*/
    --violet_30: #673ab7; /*rgba(103,58,183)  */
    --violet_50: #4a148c ;
        
    --bs1:0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%); 
    --bsm1:0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    --bsm2:0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    --bsm3:0 8px 17px 2px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%);
  
    --ts1:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.fc{display:flex;flex-direction:column;}
.fr{display:flex;flex-direction:row;}
.cc{align-items:center;justify-content:center;}
.ce{align-items:center;justify-content:flex-end;}
.ca{align-items:center;justify-content:space-around;}
.cs{align-items:center;justify-content:flex-start;}
.cb{align-items:center;justify-content:space-between;}
.ec{align-items:flex-end;justify-content:center;}
.sc{align-items:flex-start;justify-content:center;}

.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.op0{opacity:0;transition:0.5s;z-index:-10!important;}
.m0a{margin:0 auto;}
.dnone,.dnone.fas{display:none;}

.h100{height:100%;}.vh100{height:100vh;}
.w100{width:100%;} .w90{width:90%;} .w80{width:80%;}.w70{width:70%;}.w60{width:60%;}.w50{width:50%;}
.w40{width:40%;} .w30{width:30%;}.w33{width:33%;}.w25{width:25%;}.w20{width:20%;}

.blr-a{background-color:rgba(255,255,255,0.5);backdrop-filter: blur(1.5px);-webkit-backdrop-filter: blur(1.5px);}
.blr-b{background-color:rgba(0,0,0,0.5);backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);}
.blink {animation:fade 3000ms infinite;-webkit-animation:fade 1500ms infinite;}@keyframes fade {from {opacity: 1.0;} 50% {opacity: 0.4;} to {opacity: 1.0;}}

.er{color:indianred;font-size:12px;margin-top:7px;display:none;}
.act{min-width:30px;text-align:center;cursor:pointer;transition: 0.3s;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}

.blink{animation:fade 3000ms infinite;-webkit-animation:fade 1500ms infinite;}@keyframes fade {from {opacity: 1.0;} 50% {opacity: 0.4;} to {opacity: 1.0;}}