a {
    color: #333;
}

body {
    color: #333;
}

.color-primary {
    color: #4a75f6;
    /*color:#1660d4;*/
}

.color-gray {
    color: #9a9a9a;
}

.color-bluelight {
    color: #8a90a7;
}

.color-darkgray {
    color: #666666;
}

.color-white {
    color: #ffffff;
}

.color-red {
    color: #ff0000;
}

.color-green {
    color: #079c84;
}
.color-orange {
    color: #f7753e;
}

.color-red {
    color: #f00
}

.hover-primary:hover{
	color: #4a75f6;
}

.bg-primary {
    background: #4a75f6;
}

.bg-white {
    background: #ffffff;
}

.bg-gray {
    background: #f5f7fa;
}

.btn-default {
    border: none;
    cursor:pointer;
}

.btn-primary {
    background: #4a75f6;
    border: none;
    cursor:pointer;
}

.btn-primary:focus {
    background: #4a75f6;
}

.btn-primary:hover {
    background-color: #265af4;
}

.btn-primary-light {
    background-color: #d7e0fd;
    color: #4874f7;
    border: 1px solid #7999f9;
}

.btn-primary-light:hover {
    background-color: #8aa7fb;
    color: #ffffff;
}
.btn-disabled{
	background-color: #efefef;
	color:#999;
}

.btn-light{
    border: 1px solid #dedede;
    background-color: #FFFFFF;
    padding:4px 20px;
    color:#666;
    cursor:pointer;
}
.btn-light:hover{
    border: 1px solid #4a75f6;
    background-color: #FFFFFF;
    color: #4a75f6;
}
.btn-unborder{
	background-color: rgba(255,255,255,0);
	padding:0;
	border:none;
	display:flex;
	align-items:center;
	cursor:pointer;
}
.btn-unborder:hover, .btn-unborder.active{
	color:#4a75f6;
	padding:0;
	border:none;
}

.border-primary {
    border: 1px solid #4a75f6;
}
.radius-xs {
    border-radius: 2px;
}
.radius-sm {
    border-radius: 4px;
}

.radius {
    border-radius: 6px;
}

.radius-lg {
    border-radius: 10px;
}

.radius-xl {
    border-radius: 16px;
}

.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.overflow-hidden {
    overflow: hidden;
}

.nowrap {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nowrap2 {
    white-space: nowrap;
}

.hidden {
    display: none;
}

.line-through {
    text-decoration: line-through
}

.text-xs {
    font-size: 12px;
}

.text-sm {
    font-size: 13px;
}

.text-md {
    font-size: 14px;
}

.text-xmd {
    font-size: 15px;
}

.text-lg {
    font-size: 16px;
}

.text-xl {
    font-size: 18px;
}

.text-xxl {
    font-size: 22px;
}

.text-xxxl {
    font-size: 28px;
}

.font-bold {
    font-weight: bold;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-end {
    justify-content: flex-end;
}

.justify-content-between {
    justify-content: space-between;
}
.align-items-start{
    align-items: flex-start;
}
.align-items-center {
    align-items: center;
}

.align-items-end {
    align-items: flex-end;
}

.float-right {
    float: right;
}

.bg-white {
    background: #FFFFFF;
}

.bg-bluelight {
    background: #f2f9fc;
}


.margin {
    margin: 10px;
}
.margin-xl {
    margin: 20px;
}

.margin-right-xs {
    margin-right: 3px;
}

.margin-right-sm {
    margin-right: 5px;
}

.margin-right {
    margin-right: 10px;
}

.margin-right-lg {
    margin-right: 20px;
}
.margin-right-xl {
    margin-right: 30px;
}
.margin-right-xxl {
    margin-right: 40px;
}

.margin-left-xs {
    margin-left: 5px;
}

.margin-left {
    margin-left: 10px;
}

.margin-left-sm {
    margin-left: 10px;
}

.margin-left-md {
    margin-left: 15px;
}

.margin-left-lg {
    margin-left: 20px;
}

.margin-left-xl {
    margin-left: 40px;
}

.margin-lr {
    margin-left: 10px;
    margin-right: 10px;
}

.margin-lr-lg {
    margin-left: 20px;
    margin-right: 20px;
}

.margin-top {
    margin-top: 20px;
}

.margin-top-3px {
    margin-top: 3px;
}

.margin-top-8px {
    margin-top: 8px;
}

.margin-top-xs {
    margin-top: 5px;
}

.margin-top-sm {
    margin-top: 10px;
}

.margin-top-lg {
    margin-top: 15px;
}

.margin-top-xl {
    margin-top: 20px;
}

.margin-top-xxl {
    margin-top: 30px;
}

.margin-top-xxxl {
    margin-top: 50px;
}

.margin-bottom-xs {
    margin-bottom: 5px;
}

.margin-bottom-sm {
    margin-bottom: 10px;
}

.margin-bottom-xmd {
    margin-bottom: 15px;
}

.margin-bottom-md {
    margin-bottom: 20px;
}

.margin-bottom-lg {
    margin-bottom: 30px;
}

.margin-bottom-3px {
    margin-bottom: 3px;
}
.margin-tb-sm {
    margin-top: 10px;
    margin-bottom: 10px;
}
.margin-tb-md {
    margin-top: 15px;
    margin-bottom: 15px;
}
.margin-tb-lg {
    margin-top: 20px;
    margin-bottom: 20px;
}

.padding-sm {
    padding: 10px;
}
.padding-md {
    padding: 15px;
}

.padding-lg {
    padding: 20px;
}

.padding-xl {
    padding: 30px;
}

.padding-xxl {
    padding: 40px;
}

.padding-lr-10px {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-lr-15px {
    padding-left: 15px;
    padding-right: 15px;
}

.padding-lr-20px {
    padding-left: 20px;
    padding-right: 20px;
}

.padding-lr-30px {
    padding-left: 30px;
    padding-right: 30px;
}

.padding-lr-40px {
    padding-left: 40px;
    padding-right: 40px;
}

.padding-lr-50px {
    padding-left: 50px;
    padding-right: 50px;
}

.padding-tb-5px {
    padding-top: 5px;
    padding-bottom: 5px;
}

.padding-tb-6px {
    padding-top: 6px;
    padding-bottom: 6px;
}

.padding-tb-8px {
    padding-top: 8px;
    padding-bottom: 8px;
}

.padding-tb-3px {
    padding-top: 3px;
    padding-bottom: 3px;
}

.padding-tb-10px {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padding-tb-12px {
    padding-top: 12px;
    padding-bottom: 12px;
}
.padding-tb-15px {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padding-tb-20px {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-left-20px {
    padding-left: 20px;
}

.padding-left-30px {
    padding-left: 30px;
}

.padding-right-20px {
    padding-right: 20px;
}

.padding-right-lg {
    padding-right: 20px;
}

.padding-lr-5px {
    padding-left: 5px;
    padding-right: 5px;
}

.padding-left-5px {
    padding-left: 5px;
}

.padding-left-10px {
    padding-left: 10px;
}

.padding-right-5px {
    padding-right: 5px;
}

.padding-right-10px {
    padding-right: 10px;
}

.padding-top-5px {
    padding-top: 5px;
}

.padding-top-10px {
    padding-top: 10px;
}

.padding-top-15px {
    padding-top: 15px;
}

.padding-top-20px {
    padding-top: 20px;
}

.padding-bottom-5px {
    padding-bottom: 5px;
}

.padding-bottom-10px {
    padding-bottom: 10px;
}

.padding-bottom-15px {
    padding-bottom: 15px;
}

.padding-bottom-20px {
    padding-bottom: 20px;
}

.padding-bottom-25px {
    padding-bottom: 25px;
}
.padding-bottom-30px {
    padding-bottom: 30px;
}

.border-radius {
    border-radius: 4px;
}

.border-right {
    border-right: 1px solid #f1f1f1;
}

.border-top {
    border-top: 1px solid #f1f1f1;
}

.border-bottom {
    border-bottom: 1px solid #f1f1f1;
}

.border {
    border: 1px solid #f1f1f1;
}

.border-primary {
    border: 1px solid #4a75f6;
}

.border-none {
    border: none;
}

.el-row {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
}

.el-col-0 {
    max-width: 0%;
    flex: 0 0 0%;
    display: none
}

.el-col-1 {
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%
}

.el-col-2 {
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%
}

.el-col-3 {
    max-width: 12.5%;
    flex: 0 0 12.5%
}

.el-col-4 {
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%
}

.el-col-5 {
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%
}

.el-col-6 {
    max-width: 25%;
    flex: 0 0 25%
}

.el-col-7 {
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%
}

.el-col-8 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%
}

.el-col-9 {
    max-width: 37.5%;
    flex: 0 0 37.5%
}

.el-col-10 {
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%
}

.el-col-11 {
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%
}

.el-col-12 {
    max-width: 50%;
    flex: 0 0 50%
}

.el-col-13 {
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%
}

.el-col-14 {
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%
}

.el-col-15 {
    max-width: 62.5%;
    flex: 0 0 62.5%
}

.el-col-16 {
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%
}

.el-col-17 {
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%
}

.el-col-18 {
    max-width: 75%;
    flex: 0 0 75%
}

.el-col-19 {
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%
}

.el-col-20 {
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%
}

.el-col-21 {
    max-width: 87.5%;
    flex: 0 0 87.5%
}

.el-col-22 {
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%
}

.el-col-23 {
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%
}

.el-col-24 {
    max-width: 100%;
    flex: 0 0 100%
}

.el-col-1_5 {
    max-width: 6.25%;
    flex: 0 0 6.25%;
}
.el-col-1_8 {
    max-width: 7.5%;
    flex: 0 0 7.5%;
}
.el-col-4_8 {
    max-width: 20.0%;
    flex: 0 0 20.0%;
}

.el-col-5_8 {
    max-width: 24.16666666666667%;
    flex: 0 0 24.16666666666667%;
}

.el-col-7_8 {
    max-width: 32.5%;
    flex: 0 0 32.5%;
}
.el-col-11_8 {
    max-width: 49.1666666667%;
    flex: 0 0 49.1666666667%;
}

[class*=col-] {
    box-sizing: border-box
}

[class*=el-col-] {
    box-sizing: border-box
}

.mt-tag {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #787878;
    display: inline-block;
    height: auto;
    margin: 0 8px 0 0;
    padding: 0 7px;
    font-size: 12px;
    line-height: 20px;
    height:20px;
    white-space: nowrap;
    background: #f6f6f6;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
}
.mt-tag.noborder{
    border: none;
}

.mt-tag.bordered {
    border-color: #d9d9d9
}

.mt-tag.orange {
    border-color: #fcf2da;
    background: #fcf2da;
    color: #ee9824;
}

.mt-tag.green {
    border-color: #edfaf0;
    background: #edfaf0;
    color: #3b7649
}

.mt-tag.blue {
    border-color: #f2f3f7;
    background: #f2f3f7;
    color: #576b95;
}

.mt-tag.blue2 {
    border-color: #f4f3f8;
    background: #eef7ff;
    color: #4e6ef2;
}

.mt-tag.orange2 {
    border-color: #feefe9;
    background: #feefe9;
    color: #f7753e
}

.mt-tag.mt-tag-slim {
    line-height: 18px;
    height:20px;
    padding: 0 4px;
}

.hide {
    display: none;
}

.text-align-center {
    text-align: center;
}

.text-align-right {
    text-align: right;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}
.pointer{
	cursor:pointer;
}

.dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #5bc39b;
}
.dot.red {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fa585c;
}
.dot.black {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #666;
}
.alert {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #4a75f6;
    background-color: #fcfdfe;
    border-color: #e6edeb;
}