/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

.form-check-input{
    border:2px black solid!important;
    width:25px;
    height:25px;
}

@media only screen and (max-width: 600px) {
    .mobile-10 {height:10vh}
    .mobile-15 {height:15vh}
    .mobile-20 {height:20vh}
    .mobile-25 {height:25vh}
}

.text-plt-success        { color: #0E7BBE !important; }


.text-plt-success-200    { color: #2d747d !important; }
.text-plt-success-400    { color: #559299 !important; }
.text-plt-success-600    { color: #84b1b5 !important; }
.text-plt-success-800    { color: #b9d2d4 !important; }

.text-plt-bg-success     {background-color: #0E7BBE !important; color:white!important; }
.btn-plt-success         {background-color: #0E7BBE !important; color:white!important; }

.text-plt-warning        { color: #fe7e17 !important; }
.text-plt-warning-200    { color: #eba01f !important; }
.text-plt-warning-400    { color: #edb34d !important; }
.text-plt-warning-600    { color: #efc980 !important; }

.text-plt-bg-warning     {background-color: #fe7e17 !important; }
.btn-plt-warning         {background-color: #fe7e17 !important; color:white!important; }


.text-plt-danger         { color: #F96868 !important; }
.text-plt-danger-200     { color: #771e75 !important; }
.text-plt-danger-400     { color: #934c93 !important; }
.text-plt-danger-600     { color: #b17eb2 !important; }
.text-plt-danger-800     { color: #d2b6d2 !important; }

.text-plt-bg-danger      {background-color: #F96868 !important; }
.btn-plt-danger          {background-color: #F96868 !important; color:white!important; }

.text-plt-green         { color: #609B37 !important; }
.text-plt-green-400    { color: #acd57c !important; }
.text-plt-bg-green      {background-color: #609B37 !important; }
.btn-plt-green          {background-color: #609B37 !important; color:white!important; }

.text-plt-lightblue         { color: #e3eef6 !important; }
.text-plt-bg-lightblue      {background-color: #e3eef6 !important; }
.btn-plt-lightblue          {background-color: #e3eef6 !important; color:black!important; }




/*
*       Dashboard
*/


.nav-link.active.show{ background-color: #0E7BBE !important;}
.custom-verti-nav-pills .nav-link.active::before {
    border-left-color: #0E7BBE;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{ background-color: #0E7BBE !important;  color: white !important;}

.nav-link:focus, .nav-link:hover {color: #559299 !important;}



input[readonly] {
    background-color: #EFF2F7;
}


/*
*       General Row Spacing and small bits
*/

@media only screen and (max-width: 576px) {
    .mobileOnlyRowHeight {
        min-height: 100px;
    }
    .hideOnMobile {
        display: none;
    }
}

@media only screen and (min-width: 576px) {
    .desktopOnlyRowHeight {
        height: 60px;
        margin-top:10px;
    }
    .hideOnDesktop {
        display: none;
    }
}

/*
 * Partner discount (signup): markup uses the same `form-control padding-5` as other signup fields, and Check is
 * `<input type="button">` so `public/assets/css/global.css` Stripe rules on `button { display:block; … }` never apply.
 */

/*
 * Revenue linking splash (agent request)
 */
.revenue-linking-card {
    max-width: 1104px;
    margin: 0 auto;
    border: 1px solid #e9ebec;
    box-shadow: 0 1px 2px rgba(56, 65, 74, 0.05);
    font-size: 1.2rem;
}

.revenue-linking-card .card-body {
    padding: 2rem 2.4rem !important;
}

.revenue-linking-card h3 {
    font-size: 2.1rem;
    line-height: 1.3;
}

.revenue-linking-card h5 {
    font-size: 1.35rem;
}

.revenue-linking-card .text-muted,
.revenue-linking-card .fs-15,
.revenue-linking-card .fs-14,
.revenue-linking-card .fs-13 {
    font-size: 1.05rem !important;
    line-height: 1.55;
}

.revenue-linking-lead,
.revenue-linking-note {
    color: #000 !important;
    font-size: 1.05rem !important;
    line-height: 1.55;
}

.revenue-linking-card .form-label {
    font-size: 1.05rem;
    margin-bottom: 0.4rem;
}

.revenue-linking-card .form-control {
    font-size: 1.1rem;
    padding: 0.7rem 0.95rem;
    min-height: 3rem;
}

.revenue-linking-card .btn {
    font-size: 1.1rem;
    padding: 0.7rem 1.5rem;
}

.revenue-linking-step {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 1.2rem 1.3rem;
}

.revenue-linking-step-icon {
    position: relative;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: #e7f3fb;
    color: #0E7BBE;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 0.9rem;
}

.revenue-linking-step-num {
    position: absolute;
    top: -0.3rem;
    left: -0.3rem;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 50%;
    background: #0E7BBE;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.revenue-linking-info {
    display: flex;
    gap: 0.9rem;
    align-items: flex-start;
    background: #e7f3fb;
    border: 1px solid #c5dff0;
    border-radius: 10px;
    padding: 1.1rem 1.2rem;
    color: #000;
    font-size: 1.1rem;
    line-height: 1.5;
}

.revenue-linking-info i {
    color: #0E7BBE;
    font-size: 1.5rem;
    line-height: 1.2;
}

.revenue-linking-faq {
    background: #fbf6ee;
    border: 1px solid #f0e2c8;
    border-radius: 10px;
    padding: 1.2rem 1.3rem;
    color: #5c5346;
    font-size: 1.05rem;
    line-height: 1.55;
}

.revenue-linking-faq i {
    color: #c49a3f;
    font-size: 1.5rem;
}

.revenue-linking-faq strong.d-block {
    font-size: 1.15rem;
}

.revenue-linking-delay {
    background: #fdf3e3;
    border: 1px solid #f2d9b0;
    border-radius: 10px;
    padding: 1.1rem 1.2rem;
    color: #5c4632;
}

.revenue-linking-delay i {
    color: #b97a16;
    font-size: 1.5rem;
    line-height: 1.2;
}

.revenue-linking-delay strong.d-block {
    font-size: 1.1rem;
}

.revenue-linking-confirmation {
    background: #f1f8fd;
    border: 1px solid #cfe5f5;
    border-radius: 10px;
    padding: 1.4rem 1.5rem;
    color: #1d2b36;
}

.revenue-linking-manual-paye {
    border-top: 1px solid #e3e8ee;
    padding-top: 1.2rem;
    color: #3d4a55;
}

/* Keep the skip link visually secondary to the primary action. */
.revenue-linking-card .btn-link.text-muted {
    color: #6c757d !important;
    font-size: 0.95rem;
    font-weight: 400;
}

.revenue-linking-card .btn-link.text-muted:hover,
.revenue-linking-card .btn-link.text-muted:focus {
    color: #495057 !important;
}

/* ============================================================
   Read-only number inputs
   Native number spinners are drawn even when an input is
   read-only, and clicking them does nothing. Hide the arrows
   so the control does not look editable.
   ============================================================ */
input[type="number"][readonly]::-webkit-inner-spin-button,
input[type="number"][readonly]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"][readonly] {
    -moz-appearance: textfield;
    appearance: textfield;
    cursor: default;
}