/****************************************************** Float *******************************************************/

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-none {
    float: none!important
}


/****************************************************** Position *******************************************************/

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.fixed-bottom,
.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1500
}

.fixed-top {
    top: 0
}

.fixed-bottom {
    bottom: 0
}

.full,
.position-full {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}


/****************************************************** Shadow *******************************************************/

.shadow {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .03)!important;
}

.shadow-none {
    box-shadow: none!important
}


/****************************************************** Width & Height *******************************************************/

.w-1 {
    width: 1px!important
}

.w-2 {
    width: 2px!important
}

.w-3 {
    width: 3px!important
}

.w-4 {
    width: 4px!important
}

.w-5 {
    width: 5px!important
}

.w-6 {
    width: 6px!important
}

.w-7 {
    width: 7px!important
}

.w-8 {
    width: 8px!important
}

.w-9 {
    width: 9px!important
}

.w-10 {
    width: 10px!important
}

.w-15 {
    width: 15px!important
}

.w-20 {
    width: 20px!important
}

.w-30 {
    width: 30px!important
}

.w-40 {
    width: 40px!important
}

.w-50 {
    width: 50px!important
}

.w-60 {
    width: 60px!important
}

.w-70 {
    width: 70px!important
}

.w-80 {
    width: 80px!important
}

.w-100 {
    width: 100px!important
}

.w-120 {
    width: 120px!important
}

.w-150 {
    width: 150px!important
}

.w-160 {
    width: 160px!important
}

.w-180 {
    width: 180px!important
}

.w-200 {
    width: 200px!important
}

.w-250 {
    width: 250px!important
}

.w-300 {
    width: 300px!important
}

.w-350 {
    width: 350px!important
}

.w-400 {
    width: 400px!important
}

.w-450 {
    width: 450px!important
}

.w-500 {
    width: 500px!important
}

.w-600 {
    width: 600px!important
}

.w-700 {
    width: 700px!important
}

.w-800 {
    width: 800px!important
}

.w-900 {
    width: 900px!important
}

.w-1000 {
    width: 1000px!important
}

.w-1100 {
    width: 1100px!important
}

.w-1200 {
    width: 1200px!important
}

.w-1300 {
    width: 1300px!important
}

.w-p5 {
    width: 5%!important
}

.w-p10 {
    width: 10%!important
}

.w-p15 {
    width: 15%!important
}

.w-p20 {
    width: 20%!important
}

.w-p25 {
    width: 25%!important
}

.w-p30 {
    width: 30%!important
}

.w-p33 {
    width: 33.3333%!important
}

.w-p50 {
    width: 50%!important
}

.w-p75 {
    width: 75%!important
}

.w-p100 {
    width: 100%!important
}

.h-1 {
    height: 1px!important
}

.h-2 {
    height: 2px!important
}

.h-3 {
    height: 3px!important
}

.h-4 {
    height: 4px!important
}

.h-5 {
    height: 5px!important
}

.h-6 {
    height: 6px!important
}

.h-7 {
    height: 7px!important
}

.h-8 {
    height: 8px!important
}

.h-9 {
    height: 9px!important
}

.h-10 {
    height: 10px!important
}

.h-15 {
    height: 15px!important
}


.h-20 {
    height: 20px!important
}

.h-30 {
    height: 30px!important
}

.h-40 {
    height: 40px!important
}

.h-50 {
    height: 50px!important
}

.h-60 {
    height: 60px!important
}

.h-80 {
    height: 80px!important
}

.h-100 {
    height: 100px!important
}

.h-120 {
    height: 120px!important
}

.h-150 {
    height: 150px!important
}

.h-160 {
    height: 160px!important
}

.h-200 {
    height: 200px!important
}

.h-250 {
    height: 250px!important
}

.h-300 {
    height: 300px!important
}

.h-350 {
    height: 350px!important
}

.h-400 {
    height: 400px!important
}

.h-450 {
    height: 450px!important
}

.h-500 {
    height: 500px!important
}

.h-p5 {
    height: 5%!important
}

.h-p10 {
    height: 10%!important
}

.h-p15 {
    height: 15%!important
}

.h-p20 {
    height: 20%!important
}

.h-p25 {
    height: 25%!important
}

.h-p30 {
    height: 30%!important
}

.h-p33 {
    height: 33.3333%!important
}

.h-p50 {
    height: 50%!important
}

.h-p75 {
    height: 75%!important
}

.h-p100 {
    height: 100%!important
}

.w-auto {
    width: auto!important
}

.h-auto {
    height: auto!important
}

.w-full {
    width: 100%!important
}

.h-full {
    height: 100%!important
}


/****************************************************** Margin *******************************************************/

.m-0 {
    margin: 0!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mt-0 {
    margin-top: 0!important
}

.ml-0 {
    margin-left: 0!important
}

.mr-0 {
    margin-right: 0!important
}

.mr-3,
.mx-3 {
    margin-right: 3px!important
}

.ml-3,
.mx-3 {
    margin-left: 3px!important
}

.mt-3,
.my-3 {
    margin-top: 3px!important
}

.mb-3,
.my-3 {
    margin-bottom: 3px!important
}

.m-3 {
    margin: 3px!important
}

.mr-5,
.mx-5 {
    margin-right: 5px!important
}

.ml-5,
.mx-5 {
    margin-left: 5px!important
}

.mt-5,
.my-5 {
    margin-top: 5px!important
}

.mb-5,
.my-5 {
    margin-bottom: 5px!important
}

.m-5 {
    margin: 5px!important
}

.mr-10,
.mx-10 {
    margin-right: 10px!important
}

.ml-10,
.mx-10 {
    margin-left: 10px!important
}

.mt-10,
.my-10 {
    margin-top: 10px!important
}

.mb-10,
.my-10 {
    margin-bottom: 10px!important
}

.m-10 {
    margin: 10px!important
}

.mr-15,
.mx-15 {
    margin-right: 15px!important
}

.ml-15,
.mx-15 {
    margin-left: 15px!important
}

.mt-15,
.my-15 {
    margin-top: 15px!important
}

.mb-15,
.my-15 {
    margin-bottom: 15px!important
}

.m-15 {
    margin: 15px!important
}

.mr-20,
.mx-20 {
    margin-right: 20px!important
}

.ml-20,
.mx-20 {
    margin-left: 20px!important
}

.mt-20,
.my-20 {
    margin-top: 20px!important
}

.mb-20,
.my-20 {
    margin-bottom: 20px!important
}

.m-20 {
    margin: 20px!important
}

.mr-25,
.mx-25 {
    margin-right: 25px!important
}

.ml-25,
.mx-25 {
    margin-left: 25px!important
}

.mt-25,
.my-25 {
    margin-top: 25px!important
}

.mb-25,
.my-25 {
    margin-bottom: 25px!important
}

.m-25 {
    margin: 25px!important
}

.mr-30,
.mx-30 {
    margin-right: 30px!important
}

.ml-30,
.mx-30 {
    margin-left: 30px!important
}

.mt-30,
.my-30 {
    margin-top: 30px!important
}

.mb-30,
.my-30 {
    margin-bottom: 30px!important
}

.m-30 {
    margin: 30px!important
}

.mr-35,
.mx-35 {
    margin-right: 35px!important
}

.ml-35,
.mx-35 {
    margin-left: 35px!important
}

.mt-35,
.my-35 {
    margin-top: 35px!important
}

.mb-35,
.my-35 {
    margin-bottom: 35px!important
}

.m-35 {
    margin: 35px!important
}

.mr-40,
.mx-40 {
    margin-right: 40px!important
}

.ml-40,
.mx-40 {
    margin-left: 40px!important
}

.mt-40,
.my-40 {
    margin-top: 40px!important
}

.mb-40,
.my-40 {
    margin-bottom: 40px!important
}

.m-40 {
    margin: 40px!important
}

.mr-45,
.mx-45 {
    margin-right: 45px!important
}

.ml-45,
.mx-45 {
    margin-left: 45px!important
}

.mt-45,
.my-45 {
    margin-top: 45px!important
}

.mb-45,
.my-45 {
    margin-bottom: 45px!important
}

.m-45 {
    margin: 45px!important
}

.mr-50,
.mx-50 {
    margin-right: 50px!important
}

.ml-50,
.mx-50 {
    margin-left: 50px!important
}

.mt-50,
.my-50 {
    margin-top: 50px!important
}

.mb-50,
.my-50 {
    margin-bottom: 50px!important
}

.m-50 {
    margin: 50px!important
}

.mr-60,
.mx-60 {
    margin-right: 60px!important
}

.ml-60,
.mx-60 {
    margin-left: 60px!important
}

.mt-60,
.my-60 {
    margin-top: 60px!important
}

.mb-60,
.my-60 {
    margin-bottom: 60px!important
}

.m-60 {
    margin: 60px!important
}

.mr-70,
.mx-70 {
    margin-right: 70px!important
}

.ml-70,
.mx-70 {
    margin-left: 70px!important
}

.mt-70,
.my-70 {
    margin-top: 70px!important
}

.mb-70,
.my-70 {
    margin-bottom: 70px!important
}

.m-70 {
    margin: 70px!important
}

.mr-80,
.mx-80 {
    margin-right: 80px!important
}

.ml-80,
.mx-80 {
    margin-left: 80px!important
}

.mt-80,
.my-80 {
    margin-top: 80px!important
}

.mb-80,
.my-80 {
    margin-bottom: 80px!important
}

.m-80 {
    margin: 80px!important
}

.mr-100,
.mx-100 {
    margin-right: 100px!important
}

.ml-100,
.mx-100 {
    margin-left: 100px!important
}

.mt-100,
.my-100 {
    margin-top: 100px!important
}

.mb-100,
.my-100 {
    margin-bottom: 100px!important
}

.m-100 {
    margin: 100px!important
}

.mr--30,
.mx--30 {
    margin-right: -30px!important
}

.ml--30,
.mx--30 {
    margin-left: -30px!important
}

.mt--30,
.my--30 {
    margin-top: -30px!important
}

.mb--30,
.my--30 {
    margin-bottom: -30px!important
}

.m--30 {
    margin: -30px!important
}

.mr--25,
.mx--25 {
    margin-right: -25px!important
}

.ml--25,
.mx--25 {
    margin-left: -25px!important
}

.mt--25,
.my--25 {
    margin-top: -25px!important
}

.mb--25,
.my--25 {
    margin-bottom: -25px!important
}

.m--25 {
    margin: -25px!important
}

.mr--20,
.mx--20 {
    margin-right: -20px!important
}

.ml--20,
.mx--20 {
    margin-left: -20px!important
}

.mt--20,
.my--20 {
    margin-top: -20px!important
}

.mb--20,
.my--20 {
    margin-bottom: -20px!important
}

.m--20 {
    margin: -20px!important
}

.mr--15,
.mx--15 {
    margin-right: -15px!important
}

.ml--15,
.mx--15 {
    margin-left: -15px!important
}

.mt--15,
.my--15 {
    margin-top: -15px!important
}

.mb--15,
.my--15 {
    margin-bottom: -15px!important
}

.m--15 {
    margin: -15px!important
}

.mr--10,
.mx--10 {
    margin-right: -10px!important
}

.ml--10,
.mx--10 {
    margin-left: -10px!important
}

.mt--10,
.my--10 {
    margin-top: -10px!important
}

.mb--10,
.my--10 {
    margin-bottom: -10px!important
}

.m--10 {
    margin: -10px!important
}

.mr--5,
.mx--5 {
    margin-right: -5px!important
}

.ml--5,
.mx--5 {
    margin-left: -5px!important
}

.mt--5,
.my--5 {
    margin-top: -5px!important
}

.mb--5,
.my--5 {
    margin-bottom: -5px!important
}

.m--5 {
    margin: -5px!important
}

.mr--3,
.mx--3 {
    margin-right: -3px!important
}

.ml--3,
.mx--3 {
    margin-left: -3px!important
}

.mt--3,
.my--3 {
    margin-top: -3px!important
}

.mb--3,
.my--3 {
    margin-bottom: -3px!important
}

.m--3 {
    margin: -3px!important
}

.mr--1,
.mx--1 {
    margin-right: -1px!important
}

.ml--1,
.mx--1 {
    margin-left: -1px!important
}

.mt--1,
.my--1 {
    margin-top: -1px!important
}

.mb--1,
.my--1 {
    margin-bottom: -1px!important
}

.m--1 {
    margin: -1px!important
}

.mr-auto,
.mx-auto {
    margin-right: auto!important
}

.ml-auto,
.mx-auto {
    margin-left: auto!important
}

.mt-auto,
.my-auto {
    margin-top: auto!important
}

.mb-auto,
.my-auto {
    margin-bottom: auto!important
}

.m-auto {
    margin: auto!important
}


/****************************************************** Padding *******************************************************/

.p-0 {
    padding: 0!important
}

.pt-0,
.py-0 {
    padding-top: 0!important
}

.pb-0,
.py-0 {
    padding-bottom: 0!important
}

.pl-0,
.px-0 {
    padding-left: 0!important
}

.pr-0,
.px-0 {
    padding-right: 0!important
}

.pr-3,
.px-3 {
    padding-right: 3px!important
}

.pl-3,
.px-3 {
    padding-left: 3px!important
}

.pt-3,
.py-3 {
    padding-top: 3px!important
}

.pb-3,
.py-3 {
    padding-bottom: 3px!important
}

.p-3 {
    padding: 3px!important
}

.pr-5,
.px-5 {
    padding-right: 5px!important
}

.pl-5,
.px-5 {
    padding-left: 5px!important
}

.pt-5,
.py-5 {
    padding-top: 5px!important
}

.pb-5,
.py-5 {
    padding-bottom: 5px!important
}

.p-5 {
    padding: 5px!important
}

.pr-10,
.px-10 {
    padding-right: 10px!important
}

.pl-10,
.px-10 {
    padding-left: 10px!important
}

.pt-10,
.py-10 {
    padding-top: 10px!important
}

.pb-10,
.py-10 {
    padding-bottom: 10px!important
}

.p-10 {
    padding: 10px!important
}

.pr-15,
.px-15 {
    padding-right: 15px!important
}

.pl-15,
.px-15 {
    padding-left: 15px!important
}

.pt-15,
.py-15 {
    padding-top: 15px!important
}

.pb-15,
.py-15 {
    padding-bottom: 15px!important
}

.p-15 {
    padding: 15px!important
}

.pr-20,
.px-20 {
    padding-right: 20px!important
}

.pl-20,
.px-20 {
    padding-left: 20px!important
}

.pt-20,
.py-20 {
    padding-top: 20px!important
}

.pb-20,
.py-20 {
    padding-bottom: 20px!important
}

.p-20 {
    padding: 20px!important
}

.pr-25,
.px-25 {
    padding-right: 25px!important
}

.pl-25,
.px-25 {
    padding-left: 25px!important
}

.pt-25,
.py-25 {
    padding-top: 25px!important
}

.pb-25,
.py-25 {
    padding-bottom: 25px!important
}

.p-25 {
    padding: 25px!important
}

.pr-30,
.px-30 {
    padding-right: 30px!important
}

.pl-30,
.px-30 {
    padding-left: 30px!important
}

.pt-30,
.py-30 {
    padding-top: 30px!important
}

.pb-30,
.py-30 {
    padding-bottom: 30px!important
}

.p-30 {
    padding: 30px!important
}

.pr-35,
.px-35 {
    padding-right: 35px!important
}

.pl-35,
.px-35 {
    padding-left: 35px!important
}

.pt-35,
.py-35 {
    padding-top: 35px!important
}

.pb-35,
.py-35 {
    padding-bottom: 35px!important
}

.p-35 {
    padding: 35px!important
}

.pr-40,
.px-40 {
    padding-right: 40px!important
}

.pl-40,
.px-40 {
    padding-left: 40px!important
}

.pt-40,
.py-40 {
    padding-top: 40px!important
}

.pb-40,
.py-40 {
    padding-bottom: 40px!important
}

.p-40 {
    padding: 40px!important
}

.pr-45,
.px-45 {
    padding-right: 45px!important
}

.pl-45,
.px-45 {
    padding-left: 45px!important
}

.pt-45,
.py-45 {
    padding-top: 45px!important
}

.pb-45,
.py-45 {
    padding-bottom: 45px!important
}

.p-45 {
    padding: 45px!important
}

.pr-50,
.px-50 {
    padding-right: 50px!important
}

.pl-50,
.px-50 {
    padding-left: 50px!important
}

.pt-50,
.py-50 {
    padding-top: 50px!important
}

.pb-50,
.py-50 {
    padding-bottom: 50px!important
}

.p-50 {
    padding: 50px!important
}

.pr-60,
.px-60 {
    padding-right: 60px!important
}

.pl-60,
.px-60 {
    padding-left: 60px!important
}

.pt-60,
.py-60 {
    padding-top: 60px!important
}

.pb-60,
.py-60 {
    padding-bottom: 60px!important
}

.p-60 {
    padding: 60px!important
}

.pr-70,
.px-70 {
    padding-right: 70px!important
}

.pl-70,
.px-70 {
    padding-left: 70px!important
}

.pt-70,
.py-70 {
    padding-top: 70px!important
}

.pb-70,
.py-70 {
    padding-bottom: 70px!important
}

.p-70 {
    padding: 70px!important
}

.pr-80,
.px-80 {
    padding-right: 80px!important
}

.pl-80,
.px-80 {
    padding-left: 80px!important
}

.pt-80,
.py-80 {
    padding-top: 80px!important
}

.pb-80,
.py-80 {
    padding-bottom: 80px!important
}

.p-80 {
    padding: 80px!important
}

.pr-100,
.px-100 {
    padding-right: 100px!important
}

.pl-100,
.px-100 {
    padding-left: 100px!important
}

.pt-100,
.py-100 {
    padding-top: 100px!important
}

.pb-100,
.py-100 {
    padding-bottom: 100px!important
}

.p-100 {
    padding: 100px!important
}


/****************************************************** Text *******************************************************/

.text-justify {
    text-align: justify!important
}

.text-nowrap {
    white-space: nowrap!important
}

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

.text-break {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word
}

.text-top {
    vertical-align: top!important
}

.text-middle {
    vertical-align: middle!important
}

.text-bottom {
    vertical-align: bottom!important
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}


/****************************************************** Font *******************************************************/

.font-weight-unset {
    font-weight: unset!important
}

.font-weight-100 {
    font-weight: 100!important
}

.font-weight-200 {
    font-weight: 200!important
}

.font-weight-300 {
    font-weight: 300!important
}

.font-weight-400 {
    font-weight: 400!important
}

.font-weight-500 {
    font-weight: 500!important
}

.font-weight-600 {
    font-weight: 600!important
}

.font-weight-700 {
    font-weight: 700!important
}

.font-weight-800 {
    font-weight: 800!important
}

.font-weight-900 {
    font-weight: 900!important
}

.font-weight-light {
    font-weight: 300!important
}

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-medium {
    font-weight: 500!important
}

.font-weight-bold {
    font-weight: 700!important
}

.font-size-0 {
    font-size: 0!important
}

.font-size-10 {
    font-size: 10px!important
}

.font-size-11 {
    font-size: 11px!important
}

.font-size-12 {
    font-size: 12px!important
}

.font-size-13 {
    font-size: 13px!important
}

.font-size-14 {
    font-size: 14px!important
}

.font-size-15 {
    font-size: 15px!important
}

.font-size-16 {
    font-size: 16px!important
}

.font-size-17 {
    font-size: 17px!important
}

.font-size-18 {
    font-size: 18px!important
}

.font-size-19 {
    font-size: 19px!important
}

.font-size-20 {
    font-size: 20px!important
}

.font-size-22 {
    font-size: 22px!important
}

.font-size-24 {
    font-size: 24px!important
}

.font-size-26 {
    font-size: 26px!important
}

.font-size-30 {
    font-size: 30px!important
}

.font-size-40 {
    font-size: 40px!important
}

.font-size-50 {
    font-size: 50px!important
}

.font-size-60 {
    font-size: 60px!important
}

.font-size-70 {
    font-size: 70px!important
}

.font-size-80 {
    font-size: 80px!important
}


/****************************************************** Visibility *******************************************************/

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}


/****************************************************** Vertical *******************************************************/

.vertical-align {
    font-size: 0
}

.vertical-align:before {
    display: inline-block;
    height: 100%
}

.vertical-align-bottom,
.vertical-align-middle {
    display: inline-block;
    max-width: 100%;
    font-size: 1rem
}

.vertical-align-bottom {
    vertical-align: bottom
}


/****************************************************** Display *******************************************************/

.inline {
    display: inline!important
}

.inline-block {
    display: inline-block!important
}

.block {
    display: block!important
}

.hidden {
    display: none!important
}

.display-flex {
    display: flex!important;
}


/****************************************************** Background & Color *******************************************************/

.bg-red-100 {
    background-color: #ffdbdc!important
}

.bg-red-200 {
    background-color: #ffbfc1!important
}

.bg-red-300 {
    background-color: #ffa1a4!important
}

.bg-red-400 {
    background-color: #ff8589!important
}

.bg-red-500 {
    background-color: #ff666b!important
}

.bg-red-600 {
    background-color: #ff4c52!important
}

.bg-red-700 {
    background-color: #f2353c!important
}

.bg-red-800 {
    background-color: #e62020!important
}

.bg-red-900 {
    background-color: #d60b0b!important
}

.red-100 {
    color: #ffdbdc!important
}

.red-200 {
    color: #ffbfc1!important
}

.red-300 {
    color: #ffa1a4!important
}

.red-400 {
    color: #ff8589!important
}

.red-500 {
    color: #ff666b!important
}

.red-600 {
    color: #ff4c52!important
}

.red-700 {
    color: #f2353c!important
}

.red-800 {
    color: #e62020!important
}

.red-900 {
    color: #d60b0b!important
}

.bg-pink-100 {
    background-color: #ffd9e6!important
}

.bg-pink-200 {
    background-color: #ffbad2!important
}

.bg-pink-300 {
    background-color: #ff9ec0!important
}

.bg-pink-400 {
    background-color: #ff7daa!important
}

.bg-pink-500 {
    background-color: #ff5e97!important
}

.bg-pink-600 {
    background-color: #f74584!important
}

.bg-pink-700 {
    background-color: #eb2f71!important
}

.bg-pink-800 {
    background-color: #e6155e!important
}

.bg-pink-900 {
    background-color: #d10049!important
}

.pink-100 {
    color: #ffd9e6!important
}

.pink-200 {
    color: #ffbad2!important
}

.pink-300 {
    color: #ff9ec0!important
}

.pink-400 {
    color: #ff7daa!important
}

.pink-500 {
    color: #ff5e97!important
}

.pink-600 {
    color: #f74584!important
}

.pink-700 {
    color: #eb2f71!important
}

.pink-800 {
    color: #e6155e!important
}

.pink-900 {
    color: #d10049!important
}

.bg-purple-100 {
    background-color: #eae1fc!important
}

.bg-purple-200 {
    background-color: #d9c7fc!important
}

.bg-purple-300 {
    background-color: #c8aefc!important
}

.bg-purple-400 {
    background-color: #b693fa!important
}

.bg-purple-500 {
    background-color: #a57afa!important
}

.bg-purple-600 {
    background-color: #9463f7!important
}

.bg-purple-700 {
    background-color: #8349f5!important
}

.bg-purple-800 {
    background-color: #7231f5!important
}

.bg-purple-900 {
    background-color: #6118f2!important
}

.purple-100 {
    color: #eae1fc!important
}

.purple-200 {
    color: #d9c7fc!important
}

.purple-300 {
    color: #c8aefc!important
}

.purple-400 {
    color: #b693fa!important
}

.purple-500 {
    color: #a57afa!important
}

.purple-600 {
    color: #9463f7!important
}

.purple-700 {
    color: #8349f5!important
}

.purple-800 {
    color: #7231f5!important
}

.purple-900 {
    color: #6118f2!important
}

.bg-indigo-100 {
    background-color: #e1e4fc!important
}

.bg-indigo-200 {
    background-color: #c7cffc!important
}

.bg-indigo-300 {
    background-color: #afb9fa!important
}

.bg-indigo-400 {
    background-color: #96a3fa!important
}

.bg-indigo-500 {
    background-color: #7d8efa!important
}

.bg-indigo-600 {
    background-color: #667afa!important
}

.bg-indigo-700 {
    background-color: #4d64fa!important
}

.bg-indigo-800 {
    background-color: #364ff5!important
}

.bg-indigo-900 {
    background-color: #1f3aed!important
}

.indigo-100 {
    color: #e1e4fc!important
}

.indigo-200 {
    color: #c7cffc!important
}

.indigo-300 {
    color: #afb9fa!important
}

.indigo-400 {
    color: #96a3fa!important
}

.indigo-500 {
    color: #7d8efa!important
}

.indigo-600 {
    color: #667afa!important
}

.indigo-700 {
    color: #4d64fa!important
}

.indigo-800 {
    color: #364ff5!important
}

.indigo-900 {
    color: #1f3aed!important
}

.bg-blue-100 {
    background-color: #d9e9ff!important
}

.bg-blue-200 {
    background-color: #b8d7ff!important
}

.bg-blue-300 {
    background-color: #99c5ff!important
}

.bg-blue-400 {
    background-color: #79b2fc!important
}

.bg-blue-500 {
    background-color: #589ffc!important
}

.bg-blue-600 {
    background-color: #3e8ef7!important
}

.bg-blue-700 {
    background-color: #247cf0!important
}

.bg-blue-800 {
    background-color: #0b69e3!important
}

.bg-blue-900 {
    background-color: #0053bf!important
}

.blue-100 {
    color: #d9e9ff!important
}

.blue-200 {
    color: #b8d7ff!important
}

.blue-300 {
    color: #99c5ff!important
}

.blue-400 {
    color: #79b2fc!important
}

.blue-500 {
    color: #589ffc!important
}

.blue-600 {
    color: #3e8ef7!important
}

.blue-700 {
    color: #247cf0!important
}

.blue-800 {
    color: #0b69e3!important
}

.blue-900 {
    color: #0053bf!important
}

.bg-cyan-100 {
    background-color: #c2f5ff!important
}

.bg-cyan-200 {
    background-color: #9de6f5!important
}

.bg-cyan-300 {
    background-color: #77d9ed!important
}

.bg-cyan-400 {
    background-color: #54cbe3!important
}

.bg-cyan-500 {
    background-color: #28c0de!important
}

.bg-cyan-600 {
    background-color: #0bb2d4!important
}

.bg-cyan-700 {
    background-color: #0099b8!important
}

.bg-cyan-800 {
    background-color: #007d96!important
}

.bg-cyan-900 {
    background-color: #006275!important
}

.cyan-100 {
    color: #c2f5ff!important
}

.cyan-200 {
    color: #9de6f5!important
}

.cyan-300 {
    color: #77d9ed!important
}

.cyan-400 {
    color: #54cbe3!important
}

.cyan-500 {
    color: #28c0de!important
}

.cyan-600 {
    color: #0bb2d4!important
}

.cyan-700 {
    color: #0099b8!important
}

.cyan-800 {
    color: #007d96!important
}

.cyan-900 {
    color: #006275!important
}

.bg-teal-100 {
    background-color: #c3f7f2!important
}

.bg-teal-200 {
    background-color: #92f0e6!important
}

.bg-teal-300 {
    background-color: #6be3d7!important
}

.bg-teal-400 {
    background-color: #45d6c8!important
}

.bg-teal-500 {
    background-color: #28c7b7!important
}

.bg-teal-600 {
    background-color: #17b3a3!important
}

.bg-teal-700 {
    background-color: #089e8f!important
}

.bg-teal-800 {
    background-color: #008577!important
}

.bg-teal-900 {
    background-color: #00665c!important
}

.teal-100 {
    color: #c3f7f2!important
}

.teal-200 {
    color: #92f0e6!important
}

.teal-300 {
    color: #6be3d7!important
}

.teal-400 {
    color: #45d6c8!important
}

.teal-500 {
    color: #28c7b7!important
}

.teal-600 {
    color: #17b3a3!important
}

.teal-700 {
    color: #089e8f!important
}

.teal-800 {
    color: #008577!important
}

.teal-900 {
    color: #00665c!important
}

.bg-green-100 {
    background-color: #c2fadc!important
}

.bg-green-200 {
    background-color: #99f2c2!important
}

.bg-green-300 {
    background-color: #72e8ab!important
}

.bg-green-400 {
    background-color: #49de94!important
}

.bg-green-500 {
    background-color: #28d17c!important
}

.bg-green-600 {
    background-color: #11c26d!important
}

.bg-green-700 {
    background-color: #05a85c!important
}

.bg-green-800 {
    background-color: #008c4d!important
}

.bg-green-900 {
    background-color: #006e3c!important
}

.green-100 {
    color: #c2fadc!important
}

.green-200 {
    color: #99f2c2!important
}

.green-300 {
    color: #72e8ab!important
}

.green-400 {
    color: #49de94!important
}

.green-500 {
    color: #28d17c!important
}

.green-600 {
    color: #11c26d!important
}

.green-700 {
    color: #05a85c!important
}

.green-800 {
    color: #008c4d!important
}

.green-900 {
    color: #006e3c!important
}

.bg-light-green-100 {
    background-color: #dcf7b0!important
}

.bg-light-green-200 {
    background-color: #c3e887!important
}

.bg-light-green-300 {
    background-color: #add966!important
}

.bg-light-green-400 {
    background-color: #94cc39!important
}

.bg-light-green-500 {
    background-color: #7eb524!important
}

.bg-light-green-600 {
    background-color: #6da611!important
}

.bg-light-green-700 {
    background-color: #5a9101!important
}

.bg-light-green-800 {
    background-color: #4a7800!important
}

.bg-light-green-900 {
    background-color: #3a5e00!important
}

.light-green-100 {
    color: #dcf7b0!important
}

.light-green-200 {
    color: #c3e887!important
}

.light-green-300 {
    color: #add966!important
}

.light-green-400 {
    color: #94cc39!important
}

.light-green-500 {
    color: #7eb524!important
}

.light-green-600 {
    color: #6da611!important
}

.light-green-700 {
    color: #5a9101!important
}

.light-green-800 {
    color: #4a7800!important
}

.light-green-900 {
    color: #3a5e00!important
}

.bg-yellow-100 {
    background-color: #fff6b5!important
}

.bg-yellow-200 {
    background-color: #fff39c!important
}

.bg-yellow-300 {
    background-color: #ffed78!important
}

.bg-yellow-400 {
    background-color: #ffe54f!important
}

.bg-yellow-500 {
    background-color: #ffdc2e!important
}

.bg-yellow-600 {
    background-color: #ffcd17!important
}

.bg-yellow-700 {
    background-color: #fcb900!important
}

.bg-yellow-800 {
    background-color: #faa700!important
}

.bg-yellow-900 {
    background-color: #fa9600!important
}

.yellow-100 {
    color: #fff6b5!important
}

.yellow-200 {
    color: #fff39c!important
}

.yellow-300 {
    color: #ffed78!important
}

.yellow-400 {
    color: #ffe54f!important
}

.yellow-500 {
    color: #ffdc2e!important
}

.yellow-600 {
    color: #ffcd17!important
}

.yellow-700 {
    color: #fcb900!important
}

.yellow-800 {
    color: #faa700!important
}

.yellow-900 {
    color: #fa9600!important
}

.bg-orange-100 {
    background-color: #ffe1c4!important
}

.bg-orange-200 {
    background-color: #ffc894!important
}

.bg-orange-300 {
    background-color: #fab06b!important
}

.bg-orange-400 {
    background-color: #fa983c!important
}

.bg-orange-500 {
    background-color: #f57d1b!important
}

.bg-orange-600 {
    background-color: #eb6709!important
}

.bg-orange-700 {
    background-color: #de4e00!important
}

.bg-orange-800 {
    background-color: #b53f00!important
}

.bg-orange-900 {
    background-color: #962d00!important
}

.orange-100 {
    color: #ffe1c4!important
}

.orange-200 {
    color: #ffc894!important
}

.orange-300 {
    color: #fab06b!important
}

.orange-400 {
    color: #fa983c!important
}

.orange-500 {
    color: #f57d1b!important
}

.orange-600 {
    color: #eb6709!important
}

.orange-700 {
    color: #de4e00!important
}

.orange-800 {
    color: #b53f00!important
}

.orange-900 {
    color: #962d00!important
}

.bg-brown-100 {
    background-color: #f5e2da!important
}

.bg-brown-200 {
    background-color: #e0cdc5!important
}

.bg-brown-300 {
    background-color: #cfb8b0!important
}

.bg-brown-400 {
    background-color: #bda299!important
}

.bg-brown-500 {
    background-color: #ab8c82!important
}

.bg-brown-600 {
    background-color: #997b71!important
}

.bg-brown-700 {
    background-color: #82675f!important
}

.bg-brown-800 {
    background-color: #6b534c!important
}

.bg-brown-900 {
    background-color: #57403a!important
}

.brown-100 {
    color: #f5e2da!important
}

.brown-200 {
    color: #e0cdc5!important
}

.brown-300 {
    color: #cfb8b0!important
}

.brown-400 {
    color: #bda299!important
}

.brown-500 {
    color: #ab8c82!important
}

.brown-600 {
    color: #997b71!important
}

.brown-700 {
    color: #82675f!important
}

.brown-800 {
    color: #6b534c!important
}

.brown-900 {
    color: #57403a!important
}

.bg-grey-100 {
    background-color: #fafafa!important
}

.bg-grey-200 {
    background-color: #eee!important
}

.bg-grey-300 {
    background-color: #e0e0e0!important
}

.bg-grey-400 {
    background-color: #bdbdbd!important
}

.bg-grey-500 {
    background-color: #9e9e9e!important
}

.bg-grey-600 {
    background-color: #757575!important
}

.bg-grey-700 {
    background-color: #616161!important
}

.bg-grey-800 {
    background-color: #424242!important
}

.bg-grey-900 {
    background-color: #474747!important
}

.grey-100 {
    color: #fafafa!important
}

.grey-200 {
    color: #eee!important
}

.grey-300 {
    color: #e0e0e0!important
}

.grey-400 {
    color: #bdbdbd!important
}

.grey-500 {
    color: #9e9e9e!important
}

.grey-600 {
    color: #757575!important
}

.grey-700 {
    color: #616161!important
}

.grey-800 {
    color: #424242!important
}

.grey-900 {
    color: #474747!important
}

.color-6 {
    color: #666!important
}

.color-8 {
    color: #888!important
}

.color-9 {
    color: #999!important
}

.color-a {
    color: #aaa!important
}

.color-c {
    color: #ccc!important
}

.color-d {
    color: #eee!important
}

.color-df {
    color: #dfdfdf!important
}

.color-c6 {
    color: #c6c6c6!important
}

.color-7e {
    color: #7e7e7e!important
}

.color-9e {
    color: #9e9e9e!important
}

.color-9d {
    color: #9d9d9d!important
}

.color-75 {
    color: #757575!important
}

.color-bd {
    color: #bdbdbd!important
}

.bg-blue-grey-100 {
    background-color: #f3f7f9!important
}

.bg-blue-grey-200 {
    background-color: #e4eaec!important
}

.bg-blue-grey-300 {
    background-color: #ccd5db!important
}

.bg-blue-grey-400 {
    background-color: #a3afb7!important
}

.bg-blue-grey-500 {
    background-color: #76838f!important
}

.bg-blue-grey-600 {
    background-color: #526069!important
}

.bg-blue-grey-700 {
    background-color: #37474f!important
}

.bg-blue-grey-800 {
    background-color: #263238!important
}

.bg-blue-grey-900 {
    background-color: #3e4854!important
}

.blue-grey-100 {
    color: #f3f7f9!important
}

.blue-grey-200 {
    color: #e4eaec!important
}

.blue-grey-300 {
    color: #ccd5db!important
}

.blue-grey-400 {
    color: #a3afb7!important
}

.blue-grey-500 {
    color: #76838f!important
}

.blue-grey-600 {
    color: #526069!important
}

.blue-grey-700 {
    color: #37474f!important
}

.blue-grey-800 {
    color: #263238!important
}

.blue-grey-900 {
    color: #3e4854!important
}

.bg-primary-100 {
    background-color: #d9e9ff!important
}

.bg-primary-200 {
    background-color: #b8d7ff!important
}

.bg-primary-300 {
    background-color: #99c5ff!important
}

.bg-primary-400 {
    background-color: #79b2fc!important
}

.bg-primary-500 {
    background-color: #589ffc!important
}

.bg-primary-600 {
    background-color: #3e8ef7!important
}

.bg-primary-700 {
    background-color: #247cf0!important
}

.bg-primary-800 {
    background-color: #0b69e3!important
}

.primary-100 {
    color: #d9e9ff!important
}

.primary-200 {
    color: #b8d7ff!important
}

.primary-300 {
    color: #99c5ff!important
}

.primary-400 {
    color: #79b2fc!important
}

.primary-500 {
    color: #589ffc!important
}

.primary-600 {
    color: #3e8ef7!important
}

.primary-700 {
    color: #247cf0!important
}

.primary-800 {
    color: #0b69e3!important
}

.black {
    color: #000!important
}

.white {
    color: #fff!important
}

.bg-white {
    color: #76838f;
    background-color: #fff
}

.bg-primary {
    color: #fff;
    background-color: #3e8ef7!important
}

.bg-primary:hover {
    background-color: #6fabf9!important
}

.bg-primary a,
.bg-primary a.bg-primary,
.bg-primary a.bg-primary:hover,
.bg-primary a:hover {
    color: #fff
}

.bg-success {
    color: #fff;
    background-color: #11c26d!important
}

.bg-success:hover {
    background-color: #1beb87!important
}

.bg-success a,
.bg-success a.bg-primary,
.bg-success a.bg-primary:hover,
.bg-success a:hover {
    color: #fff
}

.bg-info {
    color: #fff;
    background-color: #0bb2d4!important
}

.bg-info:hover {
    background-color: #1fcff3!important
}

.bg-info a,
.bg-info a.bg-info,
.bg-info a.bg-info:hover,
.bg-info a:hover {
    color: #fff
}

.bg-warning {
    color: #fff;
    background-color: #eb6709!important
}

.bg-warning:hover {
    background-color: #f78330!important
}

.bg-warning a,
.bg-warning a.bg-warning,
.bg-warning a.bg-warning:hover,
.bg-warning a:hover {
    color: #fff
}

.bg-danger {
    color: #fff;
    background-color: #ff4c52!important
}

.bg-danger:hover {
    background-color: #ff7f83!important
}

.bg-danger a,
.bg-danger a.bg-danger,
.bg-danger a.bg-danger:hover,
.bg-danger a:hover {
    color: #fff
}

.bg-dark {
    color: #fff;
    background-color: #526069!important
}

.bg-dark:hover {
    background-color: #687a86!important
}

.bg-dark a,
.bg-dark a.bg-dark,
.bg-dark a.bg-dark:hover,
.bg-dark a:hover {
    color: #fff
}


/****************************************************** Flex *******************************************************/

.flex-column {
    flex-direction: column;
}

.flex-column,
.flex-row {
    display: flex;
    display: -webkit-flex
}

.flex,
.flex-auto {
    flex: 1 1;
    -ms-flex: 1
}

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

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

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

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

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

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

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

.flex-justify-content-between {
    justify-content: space-between;
}

.flex-justify-content-around {
    justify-content: space-around;
}

.flex-align-content-start {
    align-content: flex-start;
}

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

.flex-align-content-center {
    align-content: center;
}

.flex-align-content-between {
    align-content: space-between;
}

.flex-align-content-around {
    align-content: space-around;
}

.flex-align-self-start {
    align-self: flex-start;
}

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

.flex-align-self-center {
    align-self: center;
}


/******************************************************  *******************************************************/

.cursor-pointer {
    cursor: pointer;
}


/****************************************************** Border *******************************************************/

.border-0,
.border-none {
    border: none !important;
}

.border-top-0 {
    border-top-width: 0 !important;
}

.border-bottom-0 {
    border-bottom-width: 0 !important;
}

.border-left-0 {
    border-left-width: 0 !important;
}

.border-right-0 {
    border-right-width: 0 !important;
}

.border-x-0 {
    border-right-width: 0 !important;
    border-left-width: 0 !important;
}

.border-y-0 {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
}


/****************************************************** Border Radius *******************************************************/

.border-radius-0,
.border-radius-none {
    border-radius: 0 !important;
}

.border-radius-t-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.border-radius-t-2 {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
}

.border-radius-t-3 {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}

.border-radius-t-4 {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.border-radius-t-5 {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.border-radius-t-6 {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}

.border-radius-t-8 {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.border-radius-t-10 {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.border-radius-b-0 {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.border-radius-b-2 {
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}

.border-radius-b-3 {
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.border-radius-b-4 {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.border-radius-b-5 {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.border-radius-b-6 {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.border-radius-b-8 {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.border-radius-b-10 {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.border-radius-2 {
    border-radius: 2px !important;
}

.border-radius-3 {
    border-radius: 3px !important;
}

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

.border-radius-5 {
    border-radius: 5px !important;
}

.border-radius-6 {
    border-radius: 6px !important;
}

.border-radius-8 {
    border-radius: 8px !important;
}

.border-radius-10 {
    border-radius: 10px !important;
}


/****************************************************** Hover Highlight *******************************************************/

.hover-highlight:hover,
.hover-highlight:hover i {
    color: #11c26d!important;
    border-color: #11c26d!important;
}

.hover-bg-highlight:hover {
    background: RGBA(195, 249, 220, 0.40) !important;
}

.hover-border:hover {
    border-color: #11c26d !important;
}


/****************************************************** Active Highlight *******************************************************/

.active-highlight {
    color: #11c26d!important;
    border-color: #11c26d!important;
    background: RGBA(195, 249, 220, 0.40) !important;
}


/****************************************************** Opacity *******************************************************/

.opacity-1 {
    opacity: 0.1;
}

.opacity-2 {
    opacity: 0.2;
}

.opacity-3 {
    opacity: 0.3;
}

.opacity-4 {
    opacity: 0.4;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-6 {
    opacity: 0.6;
}

.opacity-7 {
    opacity: 0.7;
}

.opacity-8 {
    opacity: 0.8;
}

.opacity-9 {
    opacity: 0.9;
}


/****************************************************** Image *******************************************************/

.img-gray {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
}


/****************************************************** Blur *******************************************************/

.blur {
    overflow: hidden;
    filter: blur(25px);
    -webkit-filter: blur(25px);
}

.layui-layer-setwin .layui-layer-ico{
    background: url(images/panel_tools.png) no-repeat center center!important;
}

/******************************************************  *******************************************************/


/******************************************************  *******************************************************/


/******************************************************  *******************************************************/


/******************************************************  *******************************************************/


/******************************************************  *******************************************************/


/******************************************************  *******************************************************/


/******************************************************  *******************************************************/


/******************************************************  *******************************************************/