* {
    margin: 0px;
    padding: 0px;
}
:root {
    --main-color: #FE5112;
    --main-color-2: #FE5112;
    --secondar-color: #001529;
    --white: #FFFFFF;
    --grey: #3E4854;
    --input-gray: #3E4854;
    --label-color: #000;
    --bordercolor: #3E48544D;
    --green: #288D05;
    --gray-2: #F1F1F1;

}
.brand-color{
    color: var(--main-color) !important;
}

.brand-bg{
    background-color: var(--main-color) !important;
}

.text-green{
    color: var(--green);
}

.gray-color{
    color: var(--grey) !important;
}

.bg-gray2{
    background-color: var(--gray-2);
}
.bg-white{
    background-color: #fff;
}

.label{
    color: var(--label-color) !important;
    font-weight: 400;
}

.text-blue-dark{
    color: var(--secondar-color) !important;
}


.main-bg{
    background-color: var(--main-color);
}
.center{
   display: flex !important;
   align-items: center !important;
   justify-content: center !important; 
}

.display-none{
    display: none !important;
}
.col-center{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important; 
 }
.justify-center{
    display: flex !important;
    justify-content: center !important;
}
.justify-end{
    display: flex !important;
    justify-content: end !important;
}
.space-between{
    display: flex;
    justify-content: space-between;
}
.space-between-center{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.align-center{
    display: flex !important;
    align-items: center !important;
}
.align-end{
    display: flex !important;
    align-items: flex-end !important;
}

.flex-col-Space-between{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.flex-col-justify-end{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
}
.text-capitalize{
    text-transform: capitalize;
}
.text-center{
    text-align: center !important;
}
.p-0{padding: 0 !important}
.pt-3{padding-top:1rem!important;}
.pt-5{padding-top:3rem!important;}
.px-0{padding-right:0!important;padding-left:0!important}
.px-1{padding-right:.25rem!important;padding-left:.25rem!important}
.px-2{padding-right:.5rem!important;padding-left:.5rem!important}
.px-3{padding-right:1rem!important;padding-left:1rem!important}
.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.px-5{padding-right:3rem!important;padding-left:3rem!important}

.py-0{padding-top:0!important;padding-bottom:0!important}
.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}
.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}
.py-3{padding-top:1rem!important;padding-bottom:1rem!important}
.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.py-5{padding-top:3rem!important;padding-bottom:3rem!important}

.m-0{margin: 0 !important}
.mb-3{margin-bottom:1rem!important}
.mx-0{margin-right:0!important;margin-left:0!important}
.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}
.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}
.mx-3{margin-right:1rem!important;margin-left:1rem!important}
.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}
.mx-5{margin-right:3rem!important;margin-left:3rem!important}
.mx-auto{margin-right:auto!important;margin-left:auto!important}
.my-0{margin-top:0!important;margin-bottom:0!important}
.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}
.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}
.my-3{margin-top:1rem!important;margin-bottom:1rem!important}
.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}
.my-5{margin-top:3rem!important;margin-bottom:3rem!important}

.margin-top{
    margin-top: 5px;
}
.w-100{
    width: 100% !important;
}

.width-100{
    width: 100% !important;
}

.shadow-c{
    box-shadow: 0px 2px 6px rgba(15, 20, 34, 0.14);
}

.modal .ant-modal-content{
    border-radius: 10px;
}

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


.borderbtn{
    border: 1px solid var(--bordercolor);
    padding: 8px 12px;
    border-radius: 8px;
    width: 85px;
    display: block;
}

.borderbtn1{
    border: 1px solid var(--bordercolor);
    border-radius: 8px;
    height: 40px;
}

.border0{
    border: 0px !important;
}

.height-100{
    height: 100%;
}

:where(.css-dev-only-do-not-override-m5656o).ant-form-item .ant-form-item-label >label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {

    position: absolute;
    right: 0px;
    margin-inline-end: 0px !important;
}

.text-white{
    color: var(--white) !important;
}

.ant-upload-wrapper{
    text-align: center !important;
}

:where(.css-dev-only-do-not-override-m5656o).ant-pagination .ant-pagination-item-active{
    background-color: var(--main-color) !important;
    border-radius: 7px !important;
}

:where(.css-dev-only-do-not-override-m5656o).ant-pagination .ant-pagination-item-active a{
    color: var(--white) !important;
}

.bg-gradient{
    background: radial-gradient(50% 50% at 50% 50%, var(--main-color) 0%, var(--main-color) 100%) !important;
}

.pagination .ant-pagination-item{
    border-radius: 8px;
}

.pagination .ant-pagination-item-active{
    background-color: var(--main-color) !important;
}

.pagination .ant-pagination-item-active a{
    color: var(--white) !important;
}

:where(.css-dev-only-do-not-override-f01u6u).ant-btn:not(:disabled):focus-visible{
    outline: none !important;
}

.text-input{
    color: var(--input-gray) !important;
}

:where(.css-dev-only-do-not-override-1nlas0w).ant-form-item {
    margin-bottom: 10px;
}

@media (min-width: 1100px){
    .borderrad{
        border-radius: 30px !important;
        width: 300px;
    }
}

@media (max-width: 1100px){
    .borderrad{
        border-radius: 30px !important;
    }
}

.mb-3{
    margin-bottom: 1rem !important;
}

.card-c .ant-card-body{
    padding: 12px 24px !important;
    height: 100%;
    
}

.checkbtn{
    display: flex;
    align-items: center;
    gap: 3px;
    border: 1px solid #ECEEF6;
    padding: 2px 6px;
    border-radius: 6px;
}

@media (max-width: 1024px){
    .mbl-wrap{
        flex-wrap: wrap !important;
    }
}


.danger-color{
    color:#C30010 !important
}
.green-color{
    color: green !important
}

.btn-color-other{
    background-color: #145365 !important;
    border-color: #145365 !important;
}
.btn-color-green{
    background-color: #468124 !important;
}
.btn-color-dark-orange{
    background-color: #E7694B !important; 
}
.border-grey{
    border: 1px solid #e9e8e8 !important;
    box-shadow: 0 0 10px 0px rgba(183, 192, 206, 0.2) !important;
}
.radius-20{
    border-radius: 20px !important;
}
.table-cover{
    border: 1px solid #ECEEF7;
    border-radius: 3px;
    padding: 9px 9px 9px 9px;
}

.translate-down{
    transform: translateY(2px);
}
.rowgutter{
   background-color: #288D05;
}

/* scrollbar */

::-webkit-scrollbar, .ant-table-body::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
::-webkit-scrollbar-thumb, .ant-table-body::-webkit-scrollbar-thumb {
    background: #BBBBBB;
    border-radius: 8px !important;
}
::-webkit-scrollbar-track, .ant-table-body::-webkit-scrollbar-track {
    background-color: #EEEEEE;
    border-radius: 8px !important;
}
::-webkit-scrollbar-button, .ant-table-body::-webkit-scrollbar-button {
    background-color: #BBBBBB;
    border-radius: 5px;
}
::-webkit-scrollbar-button:hover, .ant-table-body::-webkit-scrollbar-button:hover {
background-color: #999999;
}
.ant-table-wrapper .ant-table{
scrollbar-color: unset !important;
}

.ant-divider{
    margin: 5px 0 !important;
}