﻿
/*<link rel="stylesheet" type="text/css" href="/newLandingAssets/css/buttons.css" / >*/
.btn_blue {
    border: 1px solid #1C84C6;
    min-width: 100px;
    width: auto;
    max-width: fit-content;
    height: 40px;
    border-radius: 6px;
    background-color: #1C84C6;
    color: #FFFFFF;
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    text-decoration: none;
    white-space: nowrap;
}

    .btn_blue:hover {
        color:#ffffff;
        background-color: #1270AB!important;
        border-color: #1270AB;
    }

    .btn_blue:focus, .btn_blue:focus-visible {
        text-decoration: none;
        background-color: #1C84C6;
        color: #FFFFFF;
        outline: none;
    }

    .btn_blue:disabled,
    .btn_blue.disabled {
        background-color: #A9C5DA;
        border-color: #A9C5DA;
        color: #FFFFFF;
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.65;
    }

.btn_border_blue {
    border: 1px solid #1C84C6;
    min-width: 100px;
    width: auto;
    max-width: fit-content;
    height: 40px;
    border-radius: 6px;
    background-color: #FFFFFF;
    color: #1C84C6;
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    text-decoration: none;
    white-space:nowrap;
}

    .btn_border_blue:hover {
        background: #E6F1FB!important;
        color: #1C84C6;
    }

    .btn_border_blue:focus, .btn_border_blue:focus-visible {
        text-decoration: none;
        background-color: #FFFFFF;
        color: #1C84C6;
        outline: none;
    }

.btn_border_red {
    border: 1px solid #FF004D;
    min-width: 100px;
    width: auto;
    max-width: fit-content;
    height: 40px;
    border-radius: 6px;
    background-color: #FFFFFF;
    color: #FF004D !important;
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    text-decoration: none;
    white-space: nowrap;
}

    .btn_border_red:hover {
        background: #FDF4F7;
    }

.btn_blue_small {
    border: 1px solid #1C84C6;
    min-width: 80px;
    width: auto;
    max-width: fit-content;
    height: 24px;
    border-radius: 4px;
    background-color: #1C84C6;
    color: #ffffff;
    padding: 2px 8px;
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    font-size: small;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
}

    .btn_blue_small:hover {
        color: #1C84C6;
        background: #ffffff;
        border-color: #1C84C6;
    }

    .btn_blue_small:focus, .btn_blue_small:focus-visible {
        text-decoration: none;
        background-color: #1C84C6;
        color: #FFFFFF;
        outline: none;
    }

.btn_border_blue_small {
    border: 1px solid #1C84C6;
    min-width: 80px;
    width: auto;
    max-width: fit-content;
    height: 24px;
    border-radius: 4px;
    background-color: #ffffff;
    color: #1C84C6;
    padding: 2px 8px;
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    font-size: small;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
}

    .btn_border_blue_small:hover {
        background-color: #E6F3FB;
        color: #1C84C6!important;
    }

    .btn_border_blue_small:focus, .btn_border_blue_small:focus-visible {
        text-decoration: none;
        background-color: #ffffff;
        color: #1C84C6;
        outline: none;
    }

.btn_border_red_small {
    border: 1px solid #FF004D;
    width: auto;
    min-width: 80px;
    height: 24px; /**/
    border-radius: 6px;
    background-color: #FFFFFF;
    color: #FF004D;
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 8px; /**/
    text-decoration: none;
    white-space: nowrap;
}

    .btn_border_red_small:hover {
        background: #FDF4F7;
        color: #FF004D;
    }

.btn_border_red_icon_circle {
    border: 1px solid #FF004D;
    /*min-width: 100px;*/
    width: auto;
    max-width: fit-content;
    height: 24px; /**/
    /*border-radius: 6px;*/
    border-radius: 50%;
    background-color: #FFFFFF;
    color: #FF004D;
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px; /**/
    text-decoration: none;
}

    .btn_border_red_icon_circle:hover {
        background: #FDF4F7;
        color: #FF004D;
    }

.btn_orange {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: #ffffff;
    display: table;
    padding: 10px 20px;
    background: #e76625;
    border: 2px solid #e76625;
    border-radius: 6px;
    text-decoration: none;
    white-space: nowrap;
}

    .btn_orange:hover {
        color: #e76625 !important;
        background: #ffffff !important;
        border-color: #e76625;
    }

.btn_border_orange {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: #e76625;
    display: table;
    padding: 10px 20px;
    background: #ffffff;
    border: 2px solid #e76625;
    border-radius: 6px;
    text-decoration: none;
    white-space: nowrap;
}

    .btn_border_orange:hover {
        background: #e76625 !important;
        color: #fff !important;
    }

.btn_orange_new {
    width: 100%;
    max-width: 400px;
    padding: 16px 32px;
    background: linear-gradient(135deg, #e76625 0%, #c8561f 100%);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(231, 102, 37, 0.3);
}

    .btn_orange_new:hover {
        box-shadow: 0 6px 16px rgba(231, 102, 37, 0.45);
        background: linear-gradient(135deg, #c8561f 0%, #e76625 100%);
    }

.btn_border_orange_new {
    width: 100%;
    max-width: 400px;
    padding: 16px 32px;
    background: linear-gradient(135deg, #fff4ed 0%, #ffe4d6 100%);
    color: #c8561f;
    border: 2px solid rgba(231, 102, 37, 0.35);
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 3px 10px rgba(231, 102, 37, 0.15);
}

    .btn_border_orange_new:hover {
        background: linear-gradient(135deg, #ffe4d6 0%, #fff4ed 100%);
        box-shadow: 0 6px 18px rgba(231, 102, 37, 0.25);
    }
/* START Checkbox ----------------*/

.checkbox_blue {
    cursor: pointer;
    display: flex;
    align-items: center;
    margin: 10px 0;
}

    .checkbox_blue .label {
        font-size: 14px;
        margin: 0 10px;
        color:#405064;
        font-weight:bold;
        background-color:#ffffff;
    }

    .checkbox_blue .checkmark {
        width: 24px;
        height: 24px;
        border: 2px solid #1C84C6;
        display: inline-block;
        border-radius: 6px;
        background: #ffffff;
        transition: background-size 0.2s ease;
    }

    .checkbox_blue input:checked + .checkmark {
        background: #ffffff left 0.5px top 3px url(/assets/svg/checkboxicon.svg) no-repeat; /* Add image on checked */
        background-size: 100%;
        transition: background-size 0.25s cubic-bezier(0.7, 0, 0.18, 1.24);
    }

    .checkbox_blue input {
        display: none;
    }

/*  Checkbox Usage        
    <label class="checkbox_blue" tab-index="0" aria-label="Another Label" >
    <input type="checkbox" >
    <span class="checkmark" > </span >
    <span class="label" > Label</span >
    </label >
*/
/* END Checkbox  ----------------*/