::-webkit-scrollbar{
      display:none;
}

*{
     margin:0;
     padding:0; 
     font-family:'Franklin Gothic Medium'; 
     /*user-select: none;*/
}

body{
       width:100%;
}

.holder{
      display:flex;
}


.hold-apart {
      display: flex; justify-content: space-between;
}

/*opacities*/
.op-50{
      opacity:50%;
}

.op-100{
      opacity:100%;
}


/*visibility*/
.miss {
      display: none;
}

/*floating classes*/
.fr{
      float:right;
}


/*top-priority*/
.top-prio{
      z-index:100;
}

/*stylings for backgrounds*/
.theme-bg{
      background:green;
}

.gray-bg{
      background:rgb(46, 46, 46);
}

.black-bg{
      background:black;
}

.op50-black-bg{
      background:rgba(0, 0, 0, 0.648);
}

#op80-black-bg{
      background:rgba(0, 0, 0, 0.864);
}

.light-bg{
      background:#eee;
}

.op80-light-bg {
      background: rgba(219, 219, 219, 0.864);
}



.no-bg{
      background:none;
}


/*Color*/
.light-cl{
      color:#eee;
}

.theme-cl{
      color:green;
}


/*height & width styling*/
.f-h{
      height:100dvh;
}

.s-w{
    width:20%; 
}


.f-w{
      width:100%;
}

.m-w{
      width:79%;
}



/*positions & overflows*/
.fix{
      position:fixed;
}

.scroll{
      overflow:scroll;
}

/*padding styling*/
.pad{
      padding:12px 14px;
}

.padded{
      padding:25px;
}

.wide-pad{
      padding:12px 25px;
}


/* rounded radius*/
.round{
      border-radius:15px;
}




/* from classes*/
.form-hand{
      padding:0px 18px 0px 15px;
}

.form-search-hand{
      text-align:center;
}

.form-search-hand input{ 
      width:80%; 
}

.form-search-hand button{
      margin-left:-5px;
}

.input{
      width:100%; padding:10px;
}

.checkboxes{
      height:15px; width:15px; display:inline-block;
      color:#edb31f; background:black;
}


/*button classes*/
button{
      border:none; 
}

.pri-btn{
      background:green; color:black; transition:0.5s; 
}

.pri-btn:hover{
      background:orange;
}

.sec-btn{
      background:rgb(172, 172, 171); color:black; transition:0.5s; 
}

.sec-btn:hover{
      background:rgb(40, 40, 40); color:white;
}

.empty-bg-btns button{
      background:none; padding:10px; border-bottom:1px solid green;
      font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      transition:1.2s;
}

.empty-bg-btns button:hover{
      background:green; color:black; 
}


/*Mouse Looks*/

.pointer{
      cursor:pointer;
}

.grab{
      cursor:grab;
}

/* border classes*/
.no-bord{
      border:none;
}

/*shadow classes*/
.shadow {
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.sm-logo{
      height:40px;width:auto;
}



/* Margin Classes */
.m-t{
      margin-top:0.6em;
}

.m{
      Margin:0.7em;
}

.m-{
      margin-right:0.7em;
}

.img-control{
      width:100%; height:auto;
}

/*alignment classes*/
.center{
      text-align:center;
}

.justify {
      text-align: justify;
}

.center-all{
      display:flex; align-items:center; 
      justify-content:center;
}



/*smll text*/
.sml-txt{
      font-size:13px;
}


/* Table Classes */
.table tr{
      padding:10px; 
}

.table > tr > th{
      margin-right:60px;
}



/* footer area */
.footer-links a{
      color:#eee; text-decoration:none; display:block; 
      padding:5px 10px; 
}


/*screen sizing*/
@media(width < 600px){
      .hos{
            display:none;
      }
}