html,body {
  background:rgb(24, 25, 26);
}

html {
  scrollbar-face-color: #646464;
  scrollbar-base-color: #646464;
  scrollbar-highlight-color: #646464;
  scrollbar-track-color: #000;
  scrollbar-arrow-color: #000;
  scrollbar-shadow-color: #646464;
  scrollbar-dark-shadow-color: #646464;
}
::-webkit-scrollbar { width: 8px; height: 3px;}
::-webkit-scrollbar-button {  background-color: #666; }
::-webkit-scrollbar-track {  background-color: #646464;}
::-webkit-scrollbar-track-piece { background-color: #000;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #646464;}
::-webkit-resizer { background-color: #666;}

 button.btn{
  display: inline-block;
  text-decoration: none;
 	background: rgb(57, 58, 59);
  color: rgb(176, 179, 184);
  width: 50px;
  height: 50px;
  line-height: 25px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  -webkit-transition: .1s;
  transition: .1s;
}

button.btn:hover{
    background: rgb(176, 179, 184);
    color:rgb(57, 58, 59);
}

input[type="text"], 
input[type="date"],
input[type="time"],
input[type="password"],
select,
select.form-control,
textarea,
textarea.form-control {
  	height: 50px;
    margin: 0;
    padding: 0 5px;
    vertical-align: middle;
    background: rgb(24, 25, 26);
    /*border: 1px solid rgb(24, 25, 26);*/
    border: none;
    border-bottom: 1px solid #555;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px;
    color: #888; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .3s; transition: all .3s;
}

input[type=time]::-webkit-inner-spin-button, 
input[type=time]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button, 
input[type=date]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type="time"]::-webkit-clear-button
input[type="date"]::-webkit-clear-button {
    display: none;
}
textarea,
textarea.form-control {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 30px;
  height: 100px;
}

input[type="text"]:focus, 
input[type="date"]:focus,
input[type="time"]:focus,
input[type="password"]:focus,
select.form-control:focus,
textarea:focus, 
textarea.form-control:focus {
	outline: 0;
	background: rgb(57, 58, 59);
    border: 1px solid #555; -webkit-box-shadow: none; box-shadow: none;
    color: #888;
}

input[type="text"]:-moz-placeholder, textarea:-moz-placeholder, textarea.form-control:-moz-placeholder { color: #888; }
input[type="text"]:-ms-input-placeholder, textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { color: #888; }
input[type="text"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { color: #888; }