::-webkit-scrollbar {width: 6px;border-radius:3px;}

::-webkit-scrollbar-track {-webkit-box-shadow:0 0 6px rgba(0,0,0,0.3);border-radius:3px;}

::-webkit-scrollbar-thumb {background-color: #6200EA;outline: 1px solid #6200EA;border-radius:3px;}

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

*{margin:0;border:0;padding:0;font-family: 'Open Sans', sans-serif;}

body{background: #fff;background: -webkit-linear-gradient(to right, #eef2f3, #fff);background: linear-gradient(to right, #eef2f3, #fff);background-repeat: repeat-y;}

a{color:#1E88E5;}

p{margin-bottom:0;}

header{width:100%;height:50px;background: #4e54c8;background: -webkit-linear-gradient(to right, #8f94fb, #4e54c8);background: linear-gradient(to right, #8f94fb, #4e54c8);box-shadow:0px 3px 6px rgba(0,0,0,0.4);position:fixed;z-index:100;}

header .col-12{display:flex;flex-wrap:wrap;justify-content: space-between;}

header .logo{width:auto;height:50px;}



header .logo span{width:40px;height:40px;border-radius:6px;background:#666;margin:5px 0;float:left;box-shadow:0px 3px 6px rgba(0,0,0,0.4);display:flex;flex-wrap:wrap;justify-content: center;align-items: center;}



header .logo img{height:30px;}



header .logo p{height:50px;line-height:50px;float:left;color:#fff;padding-left:10px;font-size:24px;text-shadow:0px 3px 6px rgba(0,0,0,0.4);}



header .profile{height:50px;position: relative;;}



header .profile .login, .username {cursor:pointer;height:50px;line-height:50px;float:left;color:#fff;padding-left:10px;font-size:18px;text-shadow:0px 3px 6px rgba(0,0,0,0.4);float:left;}



header .profile .avatar{cursor:pointer;width:40px;height:40px;border-radius:100%;margin-top:5px;margin-left:10px;float:left;position: relative;}


header .profile .avatar img{width: 100%;height: 100%;border-radius: 100%;float:left;box-shadow:0px 3px 6px rgba(0,0,0,0.4);}



header .profile .box{width:320px;right:0;top:55px;background:#fff;border-radius:4px;position:absolute;z-index:100;box-shadow:0px 3px 6px rgba(0,0,0,0.4);padding:0 15px 15px;display:none;max-width: calc(100vw - 35px);}



header .profile .box.active{display:block;}



header .profile .box:after{width:20px;height:20px;right:10px;top:-10px;background:#fff;content:"";position: absolute;transform: rotateZ(45deg);z-index:-1;}



header .profile .box .box-title{width:100%;text-align:center;margin-top:15px;color:#444;font-size:16px;text-shadow:0px 3px 6px rgba(0,0,0,0.2);}


header .profile .box .nav-link{width:100%;text-align: center;font-size:14px;margin-top:15px;line-height:1;}



footer{width:100%;margin:15px 0;}


footer p{font-size:14px;line-height:18px;color:#455A64;}


main{width:100%;min-height:calc(100vh - 98px);padding-bottom:15px;padding-top:50px;box-sizing: border-box;}



main .page-title{width:100%;font-size:24px;font-weight:600;margin-top:30px;color:#263238;text-shadow:0px 2px 6px rgba(0,0,0,.2);}



main .form .in{width:100%;position:relative;margin-top:30px;}



main .form input,main .form select{width:300px;height:30px;font-size:14px;padding-left:15px;border-radius:15px;max-width:100%;box-shadow:0px 1px 6px rgba(0,0,0,0.2);position:relative;outline:none;clear:both;}



main .form label{font-size:14px;padding-left:15px;line-height:30px;z-index:2;clear:both;display: block;}



main .form input + label{position:absolute;left:0;top:0;}



main .form select + label{position:absolute;left:0;top:0;}



main .form input:valid + label{top:-30px;}



main .form input:focus + label{top:-30px;}



main .form select:valid + label{top:-30px;}



main .form select:focus:valid + label{top:-30px;}



main .form .avatar{width:100px;height:100px;border-radius:100%;box-shadow:0px 1px 6px rgba(0,0,0,0.4);float:left;cursor:pointer;}



main .form #file{display:none;}



main .form .submit{width:200px;height:40px;font-size:14px;text-align: center;color:#fff;background: #ee0979;background: -webkit-linear-gradient(to right, #ff6a00, #ee0979);background: linear-gradient(to right, #ff6a00, #ee0979);box-shadow:0px 1px 6px rgba(0,0,0,0.4);border-radius:20px;margin-top:30px;cursor: pointer;}



@media (max-width: 520px) {

    header .profile .username{display:none;}

}


.nav-link{padding:0;}



main .box-widget{width:100%;height:auto;margin-top:30px;border-radius:6px;box-shadow:0px 1px 6px rgba(0,0,0,0.4);background:#fff;padding:0 15px 15px;display: inline-block;}



main .box-widget .widget-title{width:100%;margin-top:15px;font-size:18px;color:#263238;font-weight: 600;display: inline-block;}



main .box-widget .widget-title #list{float:right;outline: none;font-size: 14px;height: 18px;color:#1E88E5;}



main .box-widget .widget-title #list option{color:#263238;}



main .box-widget .clear-item{width:100%;display: inline-block;margin-top:15px;}



main .box-widget .clear-item .left{float:left;}



main .box-widget .clear-item .right{float:right;}



main .box-widget .clear-item .o-text{font-size:12px;color:#999;}



.progress{background-color: #bbb;}


.forum-status {
	background: #ffa714;
}




.page-title-month{margin-top:30px;}



.select-user{font-size:14px;padding:5px 10px;border-radius:6px;box-shadow:0px 1px 6px rgba(0,0,0,0.2);outline: none;margin-left:15px;}

.parent {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto;
}

.parent-block {
    height: 300px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.order {
  min-width: 84px;
  border-radius: 4px;
    font-size: 14px;
    color: #fff;
    background: #666;
    padding: 3px 7px;
    margin: 0 auto;
    display: inline-block;
    box-shadow: 0px 1px 6px rgba(0,0,0,0.2);
    vertical-align: middle;
}

.order.c1 {
  background: #000;
}
.order.c2 {
  background: #ff0052;
}
.order.c3 {
  background: #ff0076;
}
.order.c4 {
  background: #ff00a5;
}
.order.c5 {
  background: #c000ff;
}
.order.c6 {
  background: #9100ff;
}
.order.c7 {
  background: #4b00ff;
}
.order.c8 {
  background: #40e0d0;
}
.order.c9 {
  background: #0008ff;
}
.order.c10 {
  background: #005aff;
}
.order.c11 {
  background: #116d00;
}
.order.c12 {
  background: #6d0065;
}