style.css

/*
  Author : Khalil Hassebi
  website: Prixco
  Year: 2018
*/
body{}
*{font-family: "Myriad Pro";}
tbody tr:hover{ background-color:#e9ecef;}
#title{font-weight: bold;color:#fff;text-align: center;width:80%;float:left;}
.title-bar{
  float:left;
  padding:10px;
  text-align: center;
  background: linear-gradient(
              to bottom,
              black,
              transparent
            );
  position: fixed;
  top:0;
  display: block;
  width:100%;
  height: 40px;
  -webkit-app-region: drag;}
.roundbtn{-webkit-app-region:no-drag; width: 12px;height: 12px;background: red;float:right;margin-left: 5px;border-radius: 40px;}
#win-close-btn{background:#fc5d57; }
#win-close-btn:hover{background:#fc5d59; }
#win-minmax-btn{background:#ffbc33; }
#win-minmax-btn:hover{background:#ffbc37; }
#win-minimize-btn{background:#03cb4e; }
#win-minimize-btn:hover{background:#03cb4f; }
.btns{width:20%;float:left;margin-top: 5px;}

::-webkit-scrollbar{
    width: 10px;
    height: 10px;
    padding-top: 40px;
}

::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
    border: 1px solid black;
    background: rgb(41,41,41);
    border-radius: 10px;

}
::-webkit-scrollbar-thumb{
    border-radius:10px;
    height: 30px;
    width: 8px;
    border: 1px solid black;
    background: rgb(111,111,111);
    -webkit-box-shadow: 0 1px 1px rgb(0,0,0);
    background: -webkit-linear-gradient(rgb(200,200,200), rgb(150,150,150));
}

::-webkit-scrollbar-track-piece {
    height: 30px;
    width: 30px;
}
/* FORM STYLING */
form input{ border:1px solid grey;float:right;padding:10px;margin-bottom:10px;width:100%;}
/* */
.deleteitem img{ width:10px;height: 10px;cursor: pointer;}