.show {
    display: block !important
}

.hide {
    display: none !important
}

.nowrap {
    white-space: nowrap
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed;
    z-index: 1000
}


.static {
    position: static
}


.l-5 {
    padding-left: 5px !important
}

.l-6 {
    padding-left: 6px !important
}

.l-7 {
    padding-left: 7px !important
}

.l-8 {
    padding-left: 8px !important
}

.l-9 {
    padding-left: 9px !important
}

.l-10 {
    padding-left: 10px !important
}

.l-15 {
    padding-left: 15px !important
}

.l-20 {
    padding-left: 20px !important
}

.l-25 {
    padding-left: 25px !important
}

.l-30 {
    padding-left: 30px !important
}

.l-40 {
    padding-left: 40px !important
}

.l-60 {
    padding-left: 60px !important
}

.l-80 {
    padding-left: 80px !important
}

.l-100 {
    padding-left: 100px !important
}

.r-5 {
    padding-right: 5px !important
}

.r-6 {
    padding-right: 6px !important
}

.r-7 {
    padding-right: 7px !important
}

.r-8 {
    padding-right: 8px !important
}

.r-9 {
    padding-right: 9px !important
}

.r-10 {
    padding-right: 10px !important
}

.r-15 {
    padding-right: 15px !important
}

.r-20 {
    padding-right: 20px !important
}

.r-25 {
    padding-right: 25px !important
}

.r-30 {
    padding-right: 30px !important
}

.r-40 {
    padding-right: 40px !important
}

.r-60 {
    padding-right: 60px !important
}

.r-80 {
    padding-right: 80px !important
}

.r-100 {
    padding-right: 100px !important
}

.t-5 {
    padding-top: 5px !important
}

.t-6 {
    padding-top: 6px !important
}

.t-7 {
    padding-top: 7px !important
}

.t-8 {
    padding-top: 8px !important
}

.t-9 {
    padding-top: 9px !important
}

.t-10 {
    padding-top: 10px !important
}

.t-15 {
    padding-top: 15px !important
}

.t-20 {
    padding-top: 20px !important
}

.t-25 {
    padding-top: 25px !important
}

.t-30 {
    padding-top: 30px !important
}

.t-40 {
    padding-top: 40px !important
}

.t-60 {
    padding-top: 60px !important
}

.t-80 {
    padding-top: 80px !important
}

.t-100 {
    padding-top: 100px !important
}

.b-5 {
    padding-bottom: 5px !important
}

.b-6 {
    padding-bottom: 6px !important
}

.b-7 {
    padding-bottom: 7px !important
}

.b-8 {
    padding-bottom: 8px !important
}

.b-9 {
    padding-bottom: 9px !important
}

.b-10 {
    padding-bottom: 10px !important
}

.b-15 {
    padding-bottom: 15px !important
}

.b-20 {
    padding-bottom: 20px !important
}

.b-25 {
    padding-bottom: 25px !important
}

.b-30 {
    padding-bottom: 30px !important
}

.b-40 {
    padding-bottom: 40px !important
}

.b-60 {
    padding-bottom: 60px !important
}

.b-80 {
    padding-bottom: 80px !important
}

.b-100 {
    padding-bottom: 100px !important
}

.m-all {
    margin: 10px
}

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

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

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

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

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

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

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

.m-t-m-55 {
    margin-top: -55px !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.clear-both {
    clear: both
}

.width-auto {
    width: auto !important
}

.height-0 {
    height: 0 !important
}

.font-gray {
    color: #333 !important
}

.font-gray-2 {
    color: #666 !important
}

.font-gray-3 {
    color: #808080 !important
}

.font-red {
    color: #f10000 !important
}

.font-white {
    color: #fff !important
}

.fw-100 {
    font-weight: 100;
}

.fw-200 {
    font-weight: 200;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}
/*=====================start space============================*/
.space5 {
    height: 5px;
    clear: both;
}

.space10 {
    height: 10px;
    clear: both;
}

.space15 {
    height: 15px;
    clear: both;
}

.space20 {
    height: 20px;
    clear: both;
}

.space25 {
    height: 25px;
    clear: both;
}

.space30 {
    height: 30px;
    clear: both;
}

.space35 {
    height: 35px;
    clear: both;
}

.space40 {
    height: 40px;
    clear: both;
}

.space45 {
    height: 45px;
    clear: both;
}

.space50 {
    height: 50px;
    clear: both;
}

.space55 {
    height: 55px;
    clear: both;
}

.space60 {
    height: 60px;
    clear: both;
}

.space65 {
    height: 65px;
    clear: both;
}

.space70 {
    height: 70px;
    clear: both;
}

.space75 {
    height: 75px;
    clear: both;
}

.space80 {
    height: 80px;
    clear: both;
}

.space85 {
    height: 85px;
    clear: both;
}

.space90 {
    height: 90px;
    clear: both;
}

.space95 {
    height: 95px;
    clear: both;
}

.space100 {
    height: 100px;
    clear: both;
}

.space120 {
    height: 120px;
    clear: both;
}

.space150 {
    height: 150px;
    clear: both;
}

.space200 {
    height: 200px;
    clear: both;
}

.space250 {
    height: 250px;
    clear: both;
}

.space300 {
    height: 300px;
    clear: both;
}

.file-uploader {
    background: #e6ebf4;
    border: 2px dashed #92a7bf;
    text-align: center;
    font-size: 30px;
    color: #90a0bc;
    cursor: pointer;
    opacity: 0.5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: initial;
    border-radius: 4px;
    min-height: 132px !important;
    max-height: 132px !important;
}

    .file-uploader i {
        position: absolute;
        font-style: normal;
        left: 0;
        top: 0;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        z-index: 1;
    }

.display-img {
    padding: 15px;
}

    .display-img span {
        position: absolute;
        right: 0px;
        top: 0px;
    }
/*=====================end space============================*/
.variant-panel > li.list-group-item {
    padding: 0 !important;
}

    .variant-panel > li.list-group-item > a {
        padding: 10px 15px 10px 15px !important;
        display: block;
    }

        .variant-panel > li.list-group-item > a:hover {
            background: #f6f6f7 !important;
            color: #202223 !important
        }

.variant-panel > li > a {
    display: flex !important;
    align-items: center;
}

    .variant-panel > li > a span {
        margin-left: 10px
    }

.divVarant {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6rem;
    height: 6rem;
    border-radius: var(--p-border-radius-base);
    border: .2rem dashed #8c9196;
    background: white;
    cursor: pointer;
}

    .divVarant > i {
        color: #8c9196;
    }