/* 
  Custom v1.0.1 by @Momin - https://www.globusnet.it

*/

.w-100{width: 100% !important;}
.h-100{height: 100% !important;}

/* . --- Margin & Padding --- */
.m-0{margin: 0 !important;}
.mt-0{margin-top: 0 !important;}
.mb-0{margin-bottom: 0 !important;}
.ml-0{margin-left: 0 !important;}
.mr-0{margin-right: 0 !important;}
.mx-0{margin-left: 0 !important;margin-right: 0 !important;}
.my-0{margin-top: 0 !important;margin-bottom: 0 !important;}
.m-1{margin: .25rem !important;}
.mt-1{margin-top: .25rem !important;}
.mb-1{margin-bottom: .25rem !important;}
.ml-1{margin-left: .25rem !important;}
.mr-1{margin-right: .25rem !important;}
.mx-1{margin-left: .25rem !important;margin-right: .25rem !important;}
.my-1{margin-top: .25rem !important;margin-bottom: .25rem !important;}
.m-2{margin: .5rem !important;}
.mt-2{margin-top: .5rem !important;}
.mb-2{margin-bottom: .5rem !important;}
.ml-2{margin-left: .5rem !important;}
.mr-2{margin-right: .5rem !important;}
.mx-2{margin-left: .5rem !important;margin-right: .5rem !important;}
.my-2{margin-top: .5rem !important;margin-bottom: .5rem !important;}
.m-3{margin: 1rem !important;}
.mt-3{margin-top: 1rem !important;}
.mb-3{margin-bottom: 1rem !important;}
.ml-3{margin-left: 1rem !important;}
.mr-3{margin-right: 1rem !important;}
.mx-3{margin-left: 1rem !important;margin-right: 1rem !important;}
.my-3{margin-top: 1rem !important;margin-bottom: 1rem !important;}
.m-4{margin: 1.5rem !important;}
.mt-4{margin-top: 1.5rem !important;}
.mb-4{margin-bottom: 1.5rem !important;}
.ml-4{margin-left: 1.5rem !important;}
.mr-4{margin-right: 1.5rem !important;}
.mx-4{margin-left: 1.5rem !important;margin-right: 1.5rem !important;}
.my-4{margin-top: 1.5rem !important;margin-bottom: 1.5rem !important;}
.m-5{margin: 3rem !important;}
.mt-5{margin-top: 3rem !important;}
.mb-5{margin-bottom: 3rem !important;}
.ml-5{margin-left: 3rem !important;}
.mr-5{margin-right: 3rem !important;}
.mx-5{margin-left: 3rem !important;margin-right: 3rem !important;}
.my-5{margin-top: 3rem !important;margin-bottom: 3rem !important;}
.p-0{padding: 0 !important;}
.pt-0{padding-top: 0 !important;}
.pb-0{padding-bottom: 0 !important;}
.pl-0{padding-left: 0 !important;}
.pr-0{padding-right: 0 !important;}
.px-0{padding-left: 0 !important;padding-right: 0 !important;}
.py-0{padding-top: 0 !important;padding-bottom: 0 !important;}
.p-1{padding: .25rem !important;}
.pt-1{padding-top: .25rem !important;}
.pb-1{padding-bottom: .25rem !important;}
.pl-1{padding-left: .25rem !important;}
.pr-1{padding-right: .25rem !important;}
.px-1{padding-left: .25rem !important;padding-right: .25rem !important;}
.py-1{padding-top: .25rem !important;padding-bottom: .25rem !important;}
.p-2{padding: .5rem !important;}
.pt-2{padding-top: .5rem !important;}
.pb-2{padding-bottom: .5rem !important;}
.pl-2{padding-left: .5rem !important;}
.pr-2{padding-right: .5rem !important;}
.px-2{padding-left: .5rem !important;padding-right: .5rem !important;}
.py-2{padding-top: .5rem !important;padding-bottom: .5rem !important;}
.p-3{padding: 1rem !important;}
.pt-3{padding-top: 1rem !important;}
.pb-3{padding-bottom: 1rem !important;}
.pl-3{padding-left: 1rem !important;}
.pr-3{padding-right: 1rem !important;}
.px-3{padding-left: 1rem !important;padding-right: 1rem !important;}
.py-3{padding-top: 1rem !important;padding-bottom: 1rem !important;}
.p-4{padding: 1.5rem !important;}
.pt-4{padding-top: 1.5rem !important;}
.pb-4{padding-bottom: 1.5rem !important;}
.pl-4{padding-left: 1.5rem !important;}
.pr-4{padding-right: 1.5rem !important;}
.px-4{padding-left: 1.5rem !important;padding-right: 1.5rem !important;}
.py-4{padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;}
.p-5{padding: 3rem !important;}
.pt-5{padding-top: 3rem !important;}
.pb-5{padding-bottom: 3rem !important;}
.pl-5{padding-left: 3rem !important;}
.pr-5{padding-right: 3rem !important;}
.px-5{padding-left: 3rem !important;padding-right: 3rem !important;}
.py-5{padding-top: 3rem !important;padding-bottom: 3rem !important;}

.gap-x-10{column-gap: 10px !important;}
.gap-x-15{column-gap: 15px !important;}
.margin-bottom-15{margin-bottom: 15px;}

/* . --- Border --- */
.border,
.border-1{border: 1px solid #cccccc !important;}
.border-bottom-1{border-bottom: 1px solid #cccccc !important;}
.border-top-1{border-top: 1px solid #cccccc !important;}
.border-left-1{border-left: 1px solid #cccccc !important;}
.border-right-1{border-right: 1px solid #cccccc !important;}

/* . --- Border Radius --- */
.border-radius-0{border-radius: 0 !important;}
.border-radius-5{border-radius: 5px !important;}
.border-radius-8{border-radius: 8px !important;}
.border-radius-10{border-radius: 10px !important;}
.border-radius-12{border-radius: 12px !important;}
.border-radius-15{border-radius: 15px !important;}
.border-radius-20{border-radius: 20px !important;}
.rounded-pill,
.border-radius-pill{border-radius: 50rem !important;}
.rounded-circle,
.border-radius-circle{
  border-radius: 50% !important;
}

.alert-danger{
    color: #DC3545 !important;
    background-color: rgba(220, 53, 69, 0.15) !important;
}

/* . --- Background Color --- */
.background-white{background-color: #FFFFFF !important;}
.background-light{background-color: #F8F8F8 !important;}
.background-dark{background-color: #0F2136 !important;}
.background-primary{background-color: #007BFF !important;}
.background-secondary{background-color: #6C757D !important;}
.background-success{background-color: #40B665 !important;}
.background-danger{background-color: #DC3545 !important;}
.background-warning{background-color: #FFC107 !important;}
.background-info{background-color: #17A2B8 !important;}
.background-lightblue{background-color: #D1ECF1 !important;}
.background-transparent{background-color: transparent !important;}
.background-lightblue{background-color: #3EADD5 !important;}
.background-blue{background-color: #5561CF !important;}
.background-green{background-color: #40B665 !important;}
.background-orange{background-color: #FF5744 !important;}
.background-yellow{background-color: #D89400 !important;}


/* . --- Border Color --- */
.border-success{border: 1px solid #40B665 !important;}
.border-danger{border: 1px solid #DC3545 !important;}
.border-warning{border: 1px solid #FFC107 !important;}
.border-info{border: 1px solid #17A2B8 !important;}


/* . --- Text Color --- */

.text-color-white{color: #FFFFFF !important;}
.text-color-dark{color: #0F2136 !important;}
.text-color-light{color: #F8F8F8 !important;}
.text-color-primary{color: #007BFF !important;}
.text-color-secondary{color: #6C757D !important;}
.text-color-success{color: #40B665 !important;}
.text-color-danger{color: #DC3545 !important;}
.text-color-warning{color: #FFC107 !important;}
.text-color-info{color: #17A2B8 !important;}

/* . --- Text Color --- */
.text-white{color: #FFFFFF !important;}
.text-dark{color: #0F2136 !important;}
.text-white-50{color: rgba(255, 255, 255, 0.5) !important;}
.text-white-70{color: rgba(255, 255, 255, 0.7) !important;}
.text-dark-50{color: rgba(15, 33, 54, 0.5) !important;}
.text-primary{color: #007BFF !important;}

/* . --- Text Alignment --- */
.text-left{text-align: left !important;}
.text-end{text-align: right !important;}
.text-center{text-align: center !important;}
.text-justify{text-align: justify !important;}


.btn-rounded:hover,
.btn-rounded:focus{
    color: #FFFFFF;
    background-color: #40B665;
    border: 1px solid #40B665;
}
.postion-relative{position: relative !important;}
.position-absolute{position: absolute !important;}

/* -- Flex -- */
.d-flex{display: flex !important;}
.gap-1{gap: 1rem !important;}
.gap-2{gap: 2rem !important;}
.gx-6{column-gap: 6px !important;}
.gx-8{column-gap: 8px !important;}
.gx-10{column-gap: 10px !important;}
.gy-10{row-gap: 10px !important;}
.justify-content-center{justify-content: center !important;}
.justify-content-between{justify-content: space-between !important;}
.justify-content-around{justify-content: space-around !important;}
.align-items-center{align-items: center !important;}
.flex-column{flex-direction: column !important;}
.d-block{display: block !important;}
.d-inline-block{display: inline-block !important;}


.text-truncate{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70%;
    white-space: nowrap;
}
.line-height-14,
.line-height-16{line-height: 14px;}

/* . --- Button Outline Styles --- */

.btn-outline-primary{
    color: #3D4696;
    background-color: transparent;
    background-image: none;
    border: 1px solid #3D4696;
}
.btn-outline-primary:hover{
    color: #FFFFFF;
    background-color: #3D4696;
    border: 1px solid #3D4696;
}
.btn-outline-success{
    color: #40B665;
    background-color: transparent;
    background-image: none;
    border: 1px solid #40B665;
}
.btn-outline-success:hover{
    color: #FFFFFF;
    background-color: #40B665;
    border: 1px solid #40B665;
}
.btn-outline-danger{
    color: #FF5744;
    background-color: transparent;
    background-image: none;
    border: 1px solid #FF5744;
}
.btn-outline-danger:hover{
    color: #FFFFFF;
    background-color: #FF5744;
    border: 1px solid #FF5744;
}
.btn-outline-warning{
    color: #D89400;
    background-color: transparent;
    background-image: none;
    border: 1px solid #D89400;
}
.btn-outline-warning:hover{
    color: #FFFFFF;
    background-color: #D89400;
    border: 1px solid #D89400;
}
.btn-outline-info{
    color: #3EADD5;
    background-color: transparent;
    background-image: none;
    border: 1px solid #3EADD5;
}
.btn-outline-info:hover{
    color: #FFFFFF;
    background-color: #3EADD5;
    border: 1px solid #3EADD5;
}
.btn-outline-dark{
    color: #0F2136;
    background-color: transparent;
    background-image: none;
    border: 1px solid #0F2136;
}
.btn-outline-dark:hover{
    color: #FFFFFF;
    background-color: #0F2136;
    border: 1px solid #0F2136;
}