@font-face{
  font-family:samim;
  src:url('fonts/Samim.ttf') format("truetype");
  font-weight:normal;
}
body {
  background: #ffffff;
  margin:0px;
}
.row {
  justify-content: right;
}
.sidebar {
  height: 100%;
  position:fixed;
  top:0px;
  left: 0px;
  padding:0px;
  background: #3e3e3e;
}

.sidebar .vcard {
  margin-top:50px;
}
.sidebar .vcard .avatar {
  width:100px;
  height:100px;
  background:gray;
  border-radius:100%;
  margin:10px auto;
  overflow:hidden;
}
.sidebar .vcard .avatar img {
  width:100%;
  height:auto;
}
.sidebar .vcard span {
  display:block;
  margin:5px auto;
  font:13px arial;
  color:#fff;
  text-align:center;
}

.sidebar ul {
  margin:20px 0px 0px 0px;
  padding:0px;
}
.sidebar ul li {
  list-style-type:none;
  transition:all 0.2s ease-in-out;
}
.sidebar ul li:hover {
  padding-left: 8px;
}
.sidebar ul li:nth-child(even){
  background: #363636;
}
.sidebar ul li a {
  font:14px arial;
  color:#fff;
  padding: 14px;
  display: block;
}
.sidebar li span {
    color:#fff;
    display:inline-block;
    padding-right: 8px;
}
.sidebar ul li {
  position: relative;
}
.sidebar ul li ul {
  position: absolute;
  left:100%;
  background:#333;
  width:200px;
  top:0px;
  margin-top:0px;
  display: none;
}
.sidebar ul li ul li {
  background:transparent !important;;
}
.sidebar ul li:hover ul {
  display: block;
}
.box {
  background:#006899;
  padding:15px;
  border-radius:8px;
  margin:10px 0px;
}
.box h2 {
  font:18px arial;
  color:#fff;
  font-weight:normal;
}
.box p {
  font:12px arial;
  color:#fff;
  margin-top:20px;
}
.box p b {
  font:14px tahoma;
  font-weight:bold;
}
.giveaway h3 , .form h3 {
  font:18px arial;
  color: #5e5e5e;
  margin-top:15px;
}
.giveaway h3:before , .form h3:before {
  content:"";
  width:5px;
  height: 5px;
  background: #747474;
  display:inline-block;
  margin-right: 8px;
  border-radius: 100%;
  margin-bottom: 5px;
}
.giveaway b {color: #565656;font:13px arial;display: block;margin:8px 0px;}
.giveaway textarea {display: block;width:100%;direction: ltr;background: #5c5c5c;border:1px solid #fff;color:#fff;font:13px arial;padding:5px;}
.giveaway input , .giveaway select {width: 100%;background: #5c5c5c;border:1px solid #fff;font:13px arial;color:#fff;direction: ltr;padding:5px;}
.giveaway select {
  margin-top:10px;
}

.giveaway .list {height: 83vh;overflow: auto;border: 1px solid #9f9f9f;margin:0px;padding:0px;margin-top:15px;}
.giveaway .list.onwork {
  overflow: hidden;
}
.giveaway .list li {
list-style-type:none;
padding:8px;
margin:0px;
background:#fff;
}
.giveaway .list li:nth-child(odd){
background: #f1f1f1;
}
.giveaway .list li.now {
  background: rgb(255, 57, 57);
}
.giveaway .time {font:45px arial;text-align: center;color: #000;border: 1px solid #323232;margin-top: 100px;}
.giveaway button {border: 1px solid #787878;display: block;background:transparent;color: #000;font:15px arial;padding:8px;margin:5px 0;width:100%;}
.giveaway button:disabled {
  background:#eee;
  color:#ccc;
}
.back {
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.3);
    width:100%;
    height:100%;
    z-index:3;
	display:none;
	cursor:pointer;
}
.winbox {
    width:100%;
    height:auto;
    max-height: 500px;
    background:white;
    margin:auto;
    border-radius:8px;
    padding:8px;
    display:none;
    overflow: auto;
}
.winbox h3 {
    font:18px arial;
    text-align:center;
    font-weight:bold;
}
.winbox .msg {
    background:#e9e9e9;
    border-radius:8px;
    padding:3px;
    margin: 8px 0;
}
b.cnt {
  display: inline-block;
}
.login {margin:50px auto;border: 1px solid #818181;}
.login input , .login label {display: block;font:14px tahoma;color: #000;padding:8px;margin:10px auto;}
.login input {width:100%;background: #4e4e4e;border: none;color: #fff;}
.login .links {
    text-align:center;
    margin:10px auto;
}
.login .links a {
    color:#333;
}
.form {border: 1px solid #7e7e7e;padding:10px;margin:20px auto;}
.form label {font:15px tahoma;color: #3a3a3a;display: block;margin:10px 0;}
.form input , .form select {font:14px tahoma;color: #565656;width:100%;display: block;border: none;background: #efefef;padding:5px;margin:5px 0;}
.form .ltr {
direction: ltr;
}
.form button {background: #46a1ff;border:none;border-radius: 8px;font:14px arial;padding:10px 20px;margin-top:20px;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);color: #fff;}
.form select option {
color:#333;
}
.table.white {background: #f5f5f5;}
.paged {
width:100%;
height: auto;
display:flex;
justify-content:center;
margin:15px 0;
}
.paged a {
background:#fff;
border:1px solid #ccc;
padding:8px;
margin:3px;
color:#333;
}
.over_data {
    position:fixed;
    top:12%;
    left:0;
    right:0;
    margin:auto;
    width:500px;
	max-height:500px;
	overflow:auto;
    background:#fff;
    padding:10px;
    border-radius:8px;
    box-shadow:0px 0px 5px rgba(0,0,0,.3);
	display:none;
}


.giveaway #start {
  background:#00d500;
  color:#023100;
}
.giveaway #stop {
  background:#ff4f4f;
  color:#4f0000;
  margin:15px 0;
}
.giveaway #choose {
  background:#00ace1;
  color:#fff;
}


a {
  text-decoration:none;
}