/*
    01. Common CSS
    02. Welcome Header & Footer CSS
    03. Forms Sections CSS
    04. Main Banner & Sidebar CSS
    05. Dashboard Page CSS
    06. Dashboard Table
    07. Add New Customer Table
    08. Add Edit Customer Table
    09. View Customer Page
    10. Landing After Login Page
    11. View Warranty Page
    12. Warranty Register Page
    13. Registration Page
    14. Warranty Management 
*/

/* 01. Common CSS */
@font-face {
    font-family: 'Kiro';
    src: url('../fonts/Kiro-Bold.eot');
    src: url('../fonts/Kiro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Kiro-Bold.woff2') format('woff2'),
        url('../fonts/Kiro-Bold.woff') format('woff'),
        url('../fonts/Kiro-Bold.ttf') format('truetype'),
        url('../fonts/Kiro-Bold.svg#Kiro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kiro';
    src: url('../fonts/KiroW01-Regular.eot');
    src: url('../fonts/KiroW01-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/KiroW01-Regular.woff2') format('woff2'),
        url('../fonts/KiroW01-Regular.woff') format('woff'),
        url('../fonts/KiroW01-Regular.ttf') format('truetype'),
        url('../fonts/KiroW01-Regular.svg#KiroW01-Regular') format('svg'); 
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


body {
    font-family: 'Kiro';
    font-weight: 400;
    background-color: #fff;
    color: #797979;
    font-size: 16px;
}

a {
    display: inline-block;
    text-decoration: none;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

button:focus,
input:focus,
select:focus {
    outline: none;
}

a.submenu-links {
    font-size: 10px !important;
}
/***************************************/
/* 02. Welcome Header & Footer CSS */
.welcome-header {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}

.welcome-header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 370px;
    width: 200px;
    background-image: url(../images/header_dash_line.png);
    height: 81px;
    background-size: contain;
    z-index: -1;
}

.welcome-footer {
    background: #DDDDDD;
    padding: 15px 0;
}

.footer-option {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.copyright-text p {
    margin: 0;
    color: #323232;
}

.footer-option a {
    color: #ED1248;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
}

.footer-option li+li {
    margin-left: 40px;
}

/***************************************/
/* 03. Forms Sections CSS */
.welcome-content {
    min-height: calc(100vh - 155px);
    position: relative;
    padding: 30px 0 80px 0;
}

.welcome-content:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 320px;
    background-image: url(../images/footer_dash_line.png);
    height: 220px;
    background-size: contain;
    z-index: -1;
}
p:empty {
    display: none;
}
.welcome-form-title h3 {
    font-size: 30px;
    color: #ED1248;
    margin: 0;
    font-family: 'Calibri';
}
div.verify-message {
    margin-left: 30px;
}
.my-appliances-table .dataTables_filter {
    margin-right: 0 !important;
    margin-bottom: 6px;
}

.my-appliances-table .dataTables_filter label {
    min-width: 350px !important;
}
.customer-table.my-appliances-table table.dataTable thead th[aria-label="Action"] {
    width: auto !important;
}
.customer-table.my-appliances-table div.dataTables_wrapper div.dataTables_info {
    font-size: 15px !important;
    margin-top: 36px;
    padding: 0 !important;
}
.customer-table div.dataTables_wrapper div.dataTables_info {
    font-size: 15px !important;
}

/* .customer-table.warranties-table {
    padding-bottom: 100px !important;
} */
.landing-blog-section .row {
    margin: 0 -5px;
}

.landing-blog-section .row > div {
    padding: 0 5px;
}



.my-appliances-table .dataTables_paginate {
    width: auto !important;
    margin-top: 30px !important;
}

.my-appliances-table .dataTables_paginate > span {
    display: none;
}

.my-appliances-table .dataTables_length {
    DISPLAY: NONE;
}
h3.login-title
{
    font-size: 40px;
    font-weight: bold;
    font-family: 'Kiro';
}
.welcome-submit-row .default-btn.forgot-btn {
    font-size: 20px !important;
}
.custom-sent-content
{
    font-family: 'Calibri';
    font-size: 18px;
}
.save-account {
    background: #ED1248;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    border: 1px solid #ED1248;
    padding: 4px 10px;
    font-size: 20px;
    min-width: 230px;
    text-transform: uppercase;
    margin-top: 0;
    margin-right: 34px;
}

.reset-account {
    background: #797979;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    border: 1px solid #797979;
    padding: 4px 10px;
    font-size: 20px;
    min-width: 230px;
    text-transform: uppercase;
    margin-top: 0;
    margin-right: 34px;
}

.reset-account:hover {
    background: transparent;
    color: #797979;
}
.custom-sent-btn
{
    padding-top: 30px;
}

.disable-btn {
    margin-left: 2%;
    background: transparent;
    border: transparent;
    color: red;
}
.disable-btn:hover {
    color: red;
}
.password-has-been-reset {
    font-size: 18px;
    font-family: 'calibri' !important;
}
.welcome-form-title p {
    margin: 6px 16px 0 2px;
    font-size: 18px;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
}
.password-requirements-label {
    color: #6C6C6D;
    font-weight: 700;
    font-size: 20px;
    font-family: 'Calibri';
}

.password-requirements-label + li {
    padding-left: 10px;
    margin-bottom: 30px;
}
.default-btn.resetPassword-btn {
    font-size: 20px !important;
    padding: 5px 0 !important;
}
.welcome-form-title {
    margin-bottom: 70px; 
}

.welcome-field-box { 
    width: 100%;
    position: relative;
 /*   padding-bottom: 23px;*/
    margin-bottom: 30px;
}

.welcome-field-box label {
    width: 100%;
    color: #ED1248;
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 400;
    font-family: 'Calibri';
}

.welcome-field-box input {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #000000;
    color: #797979 !important;
    padding: 6px 10px;
    font-size: 18px;
    font-family: 'Calibri';
}

input:focus,
textarea:focus {
    outline: none;
}

.welcome-field-box .error-text {
    position: absolute;
    bottom: 0;
    margin: 0;
    font-size: 12px;
    color: #ED1248;
    font-weight: bold;
    font-family: 'Calibri';
    left: 0;
    display: none;
    top: 84px;
}
.welcome-content .welcome-field-box .error-text.login-page-error {
    top: 94px;
}
.customer-dashboard-page .welcome-field-box .error-text {
    position: absolute;
    margin: 0;
    font-size: 12px;
    color: #ED1248;
    font-weight: bold;
    left: 10px;
    display: none;
    top: 45px;
}
.add-category-btn {
    margin-left: auto;
}
/* .add-category-table #data-table_length {
    margin-left: 39px;
} */
.add-new-product-category p#errFirstname, .add-new-product-category  #productcategoryname {
    left: 0 !important;
    top: 45px !important;
}

.add-new-product-category .welcome-field-box select {
    min-height: 41px;
}
.error-show .error-text {
    display: block !important;
}

.custom-login-btn
{
    padding: 6px 14px !important;
    font-size: 20px !important;
}

.default-btn {
    background: #ED1248;
    min-width: 230px;
    border-radius: 5px;
    text-align: center;
    padding: 9px 14px;
    color: #fff;
    /* text-transform: uppercase; */
    border: 1px solid #ED1248;
    margin-top: 11px;
    font-size: 14px;
}

.forgot-btn
{
    padding: 5px 14px;
    font-size: 20px;
}

.welcome-submit-row {
    display: flex;
    align-items: center;
}

.default-btn:hover {
    border-color: #ED1248;
    background: transparent;
    color: #ED1248;
}

.welcome-submit-row+.welcome-submit-row {
    margin-top: 63px;
}

.go-to-forgot {
    margin-left: 70px;
    color: #ED1248;
    font-size: 16px;
}
.customer-table div.dataTables_wrapper .pagination-text-10px ~ .dataTables_info {
    font-size: 10px !important;
}
.pagination-text-10px ~ .dataTables_info {
    font-size: 10px !important;
}
.go-to-forgot:hover {
    color: #ED1248;
}

.go-to-home {
    margin-top: 30px;
    font-size: 15px;
    text-decoration: underline;
    color: #ed1248;
    font-family: 'Calibri';
}
.font-calibri {
    font-family: 'Calibri' !important;
}
.calibri-18 {
    font-family: 'Calibri' !important;
    font-size: 18px !important;
}
.calibri-18-in-select .select2.select2-container .select2-selection__rendered {
    font-family: 'Calibri' !important;
    font-size: 18px !important;
}
.dataTables_length select {
    margin: 0 8px;
}
.model-number-settings-delete .view-customer-alert-box {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.model-number-settings-delete .view-customer-alert-box .alert {
    margin-top: 15px;
}
.go-to-home:hover {
    color: #ed1248;
}

.administration-login-option {
    display: grid;
    margin-top: 40px;
}

.administration-login-option a {
    color: #ED1248;
    font-size: 15px;
    font-family: 'Calibri';
}

.administration-login-option div+div {
    margin-top: 9px;
}

.welcome-form-fields {
    position: relative;
}

.error-text {
    position: absolute;
    bottom: -33px;
    left: 0;
    margin: 0;
    font-size: 12px;
    display: none;
    color: #ED1248;
    font-weight: bold;
}

/***************************************/
/* 04. Main Banner & Sidebar CSS */
.sidebar-toggle {
    padding: 0;
    background: transparent;
    border: none;
}

.user-dropdown .dropdown-toggle {
    padding: 0;
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    color: #000000;
    font-size: 14px;
}

.user-dropdown .dropdown-toggle img {
    margin-right: 15px;
}

.user-dropdown .dropdown-toggle:after {
    margin-left: 10px;
}

.user-dropdown .dropdown-menu {
    transform: none !important;
    left: auto !important;
    right: 0 !important;
    top: 100% !important;
    padding: 0;
    border: none;
    filter: drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.1));
    border-radius: 8px;
    overflow: hidden;
}

.user-dropdown .dropdown-menu a {
    font-size: 16px;
    color: #333333;
    font-weight: 400 !important;
    padding: 13px 16px;
}

.main-header {
    padding: 24px 15px;
    background: #fff;
}

.main-layout {
    min-height: 100vh;
    background: #F9FAFB;
}

.sidebar-content-section {
    display: flex;
}

.sidebar-section {
    width: 255px;
    flex: 0 0 255px;
    background: #fff;
    min-height: calc(100vh - 80px);
    max-height: calc(100vh - 80px);
    padding: 23px 0 23px 0;
    overflow-y: scroll;
}

.sidebar-section>ul>li>a {
    font-size: 14px;
    color: #A4A6B3;
    line-height: 22.4px;
    width: 100%;
    padding: 17px 29px;
    font-family: 'Kiro';
    display: flex;
    align-items: center;
    border-left: 3px solid transparent;
}

.sidebar-section>ul>li>a svg {
    margin-right: 24px;
}

.sidebar-section>ul>li.page-active>a,
.sidebar-section>ul>li:hover>a {
    background: #EFEFEF;
    color: #ED1248;
    position: relative;
    border-color: #ED1248;
}

.sidebar-section>ul>li.page-active>a svg,
.sidebar-section>ul>li:hover>a svg {
    fill: #ED1248;
}

.content-section {
    width: 100%;
    height: calc(100vh - 80px);
    overflow-y: scroll;
    padding: 25px;
}

.sidebar-section::-webkit-scrollbar {
    width: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.sidebar-section::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-section::-webkit-scrollbar-thumb {
    background: #ED1248;
}

.sidebar-section::-webkit-scrollbar-thumb:hover {

    background: #ED1248;
}

.content-section::-webkit-scrollbar {
    width: 5px;
    position: absolute;
    right: 0;
    top: 0;
}

.content-section::-webkit-scrollbar-track- {
    background: transparent;
}

.content-section::-webkit-scrollbar-thumb {
    background: #ED1248;
}

.content-section::-webkit-scrollbar-thumb:hover {

    background: #ED1248;
}
.submenu-box a {
    color: #737582;
    font-family: 'Kiro';
    font-size: 12px;
    padding: 8px 0 8px 70px;
    border-left: 3px solid transparent;
    width: 100%;
    background: #EFEFEF;
}

.submenu-box li:hover a,
.submenu-box li.page-active a {
    color: #ED1248;
    background: #E1E1E1;
    border-color: #ED1248;
}

/***************************************/
.filter-title-heading{
    margin-bottom: 12px !important;
}


/* 05. Dashboard Page CSS */
.data-count-wrap {
    padding-top: 32px;
}

.data-count-ui {
    background: #FFFFFF;
    border: 1px solid #A6A6A6;
    padding: 15px 118px 65px 18px;
    position: relative;
}

.data-count-ui h2 {
    color: #ED1248;
    font-weight: 700;
    font-size: 40px;
    margin: 0;
}

.data-count-ui p {
    color: #797979;
    font-size: 12px;
    margin: 0;
    font-family: 'Calibri';
}

.data-count-ui img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

.card-one-title {
    background: #F3F3F3;
    display: flex;
    align-items: center;
    padding: 17px 90px 17px 38px;
}

.card-one {
    background: #FFFFFF;
}

.card-one-title h3 {
    color: #ED1248;
    font-size: 28px;
    font-weight: bold;
    margin: 0;
    line-height: 36px;
}

.select-date {
    display: flex;
    align-items: center;
}

.select-date form {
    display: flex;
    align-items: center;
}

.select-date .date-input-box {
    position: relative;
}

.select-date .date-input-box input[type="date"]::-webkit-inner-spin-button,
.select-date .date-input-box input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.select-date .date-input-box img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    z-index: 9;
    pointer-events: none;
}

.select-date label {
    color: #797979;
    font-size: 16px;
    font-family: 'Calibri';
}

.select-date .select-date-title {
    margin-right: 35px;
}

.card-one-body {
    padding: 40px 28px;
}

.select-date .date-input-box input {
    border: none;
    border-bottom: 1px solid #000;
    padding: 4px 9px;
    color: #797979;
    min-width: 350px;
    font-size: 18px;
    font-family: 'Calibri';
}
.comparison-trend-dropdown .form-customer-title {
    font-size: 16px;
}

.comparison-trend-dropdown .welcome-field-box {
    margin: 0;
}
.select-date .date-input-box input::placeholder {
    color: #797979;
}

.card-two {
    background: #FFFFFF;
    position: relative;
}

.card-two-title {
    display: flex;
    align-items: center;
    padding: 17px 90px 17px 38px;
}

.card-two-title h3 {
    color: #ED1248;
    font-size: 28px;
    font-weight: bold;
    margin: 0;
    line-height: 36px;
}

.card-two-body {
    padding: 10px 38px 38px 38px;
}

.cot-btn {
    background: #ED1248;
    border: none;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 6px 28px;
    border-radius: 5px;
}

.cot-btn img {
    margin-right: 10px;
}

.table-search-wrap {
    display: flex;
    align-items: center;
    padding: 11px 90px 11px 38px;
}


.table-select-entries label {
    color: #414141;
    font-size: 14px;
}

.table-select-entries select {
    margin: 0 10px;
    background: #FFFFFF;
    border: 1px solid #E9E9E9;
    border-radius: 0;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 8px;
}

.table-select-entries {
    display: flex;
    align-items: center;
}

.table-search-box {
    min-width: calc(100% - 470px);
    position: relative;
    margin-right: 18px;
}

.user-dropdown .dropdown-menu a:active {
    background-color: #e9ecef;
}

.table-search-box input {
    background: #F9FAFB;
    border-radius: 16px;
    border: none;
    color: #6B7280;
    width: 100%;
    padding: 10px 15px 10px 45px;
}

.table-search-box input::placeholder {
    color: #6B7280;
}

.table-search-box img {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.filter-btn {
    padding: 6px 7px;
    background: #ECECEC;
    border-radius: 5px;
    border: none;
    position: absolute;
    top: 15px;
    z-index: 11;
    right: 90px;
}

.table-select-filter 
{
    padding: 11px 90px 11px 38px;
    position: absolute;
    top: 62px;
    right: 0;
    left: 0;
    z-index: 12;
}

.table-select-filter label.filter-title {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #414141;
}

.table-select-filter  label.filter-checkbox-title {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #414141;
    margin: 0;
}

span.filter-count {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #ed1248;
    color: #fff;
    border-radius: 50%;
    top: 15px;
    left: 19px;
    font-size: 10px; 
}


.dashboard-select-dropdown .field-seclect-dropdown img {
    position: absolute;
    top: 9px !important;
    right: 0 !important;
    left: 94% !important;
    pointer-events: none;
}

.canvas-title
{
font-family: 'Calibri';
font-style: normal;
font-weight: 700;
font-size: 10px;
color: #71717A;
margin: 0;
text-align: center;
}

.canvas-subtitle
{
font-family: 'Calibri';
font-style: normal;
font-weight: 400;
font-size: 12px;
color: #797979;
margin: 0;
}

.canvas-totalno{
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    position: absolute;
    left: 10px;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    color: #71717A;
    bottom: 270px;
}

.canvas-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
    padding-bottom: 20px;
}

.canvas-section {
    display: flex;
    align-items: center;
    gap: 12px;
}

/***************************************/

/* 06. Dashboard Table */

.main-table-wrap .table > :not(caption) > * > * {
    padding: 16px;
    background-color: #F9FAFB;
    border-bottom: none;
}

.main-table-wrap .table > :not(:first-child) {
    border-top: 1px solid #E5E7EB;
} 

.main-table-wrap .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: #fff;
    color: #111827;
}

.main-table-wrap .table-striped > tbody > tr:nth-of-type(even) > * {
    background-color:  #F9FAFB;
    color: #111827;
}

.main-table-wrap tr.table-title th
{
font-family: 'Calibri';
font-style: normal;
font-weight: 700;
font-size: 12px;
color:#6B7280;
}

.main-table-wrap tbody tr {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
}

.table-action button
{
    background-color: transparent;
    border: none;
    padding: 0;
}

.table-action img {
    padding-right: 7px;
}

.table-title th:hover .updown-arrow {
    opacity: 1;
}
.updown-arrow {
    padding-left: 4px;
    background-color: transparent;
    padding: 0;
    border: none;
    opacity: 0;
    margin-left: 5px;
}

.table-pagination label {
    padding-left: 5px;
}

label.table-pagination-number {
    font-weight: 700;
}

.main-table-wrap table {
    margin: 0;
}

.table-pagination {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    padding: 16px;
}


.export-popup-modalbox .modal-content {
    min-height: 100px;
    height: auto;
    max-width: 1000px;
    margin: 0 auto;
}
.export-popup-modalbox .modal-content .modal-body {
    padding-bottom: 40px;
}
.export-popup-modalbox .modal-dialog {
    max-width: 100%;
    margin: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000000 transparent transparent transparent !important;
    border-width: 7px 7px 0 7px  !important;
}
.customer_manage_box_msg_delete > div {
    padding: 0 !important;
}
.model-number-settings-table .dataTables_filter {
    margin-right: 145px !important;
}
#response_message:empty {
    display: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 6px !important;
}
.export-popup-modalbox p
{
    margin: 0;
    font-size: 25px;
    font-family: 'Calibri';
}
.table-staus-select.status-radios {
    margin-top: 9px;
}
.product-category-information .welcome-field-box.error-show {
    font-size: 18px;
}
.delete-main-category-modal label.customer-title.customer-information {
    font-size: 18px;
}
.delete-main-category-modal .export-modal-row {
    width: 80%;
}
.delete-main-category-modal label.customer-title {
    font-size: 20px;
}
select[name="main_category_id"] option:first-child {
    display: none;
}
.delete-main-category-modal .modal-customer-information {
    width: 80%;
    margin: 0 auto;
}
.export-popup-search
{
    padding-top: 20px;
}

.export-title {
    padding-bottom: 50px;
}

.export-popup-modalbox h5#exampleModalLabel {
    text-align: center;
    font-family: 'Kiro';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    color: #ED1248;
    margin-top: -11px;
}
.export-modal-row
{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.export-modal-row .select-date .date-input-box input {
    min-width: 100%;
}

.export-modal-row .select-date .date-input-box {
    width: 100%;
}
.export-popup-modalbox .modal-footer
{
    justify-content: center;
}

.export-popup-modalbox button.popup-btn {
    font-family: 'Kiro';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    background: #ED1248;
    border: none;
    padding: 7px 82px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    margin: 0 10px;
}
/* .dashboard-page #myChart {
    border: 5px solid #ed1248;
    margin-bottom: 10px;
} */
.custom-dropdown .select2-container--default .select2-selection--single {
    height: auto;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #000;
}
.custom-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: auto;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.custom-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000000 transparent transparent transparent;
    border-width: 7px 7px 0 7px;
}
.custom-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {padding: 6px 10px;color: #797979;}
.export-popup-modalbox button.popup-btn.popup-cel
{
    background: #797979;
}

.export-popup-search label
{
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #6C6C6D;
    padding-left: 15px;
}
.select2-results__option {
    font-size: 10px;
    font-family: 'Calibri';
}
.export-modal-row label.select-date-title {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    color: #6C6C6D;
    padding-bottom: 10px;
}

.export-popup-modalbox .modal-footer
{
    border-top: none;
    padding-bottom: 50px;
    padding-top: 60px;
}

.export-popup-modalbox .modal-header
{
    border-bottom: none;
}

.modal-header img {
    /* width: 40px; */
}

img.popup-close {
    width: 40px;
}

.export-popup-modalbox .modal-popup-title {
    position: absolute;
    top: 47px;
    right: 45px;
    cursor: pointer;
}

.export-popup-modalbox .modal-header {
    justify-content: center;
    padding: 72px 40px 40px 40px;
}

.login-retrieve-modalbox .modal-header {
    padding: 72px 40px 8px 40px;
}

.popup-select  {
    display: grid;
}

span.modal-require-field {
    color: #ED1248;
}

.form-check-input[type=checkbox] {
    border: 2px solid #797979;
}

.export-require-field {
    text-align: center;
    padding: 50px;
    color: #ED1248;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
}

.export-require-field.success-field {
    color: #007744;
}

.form-check-input:checked {
    background-color: #797979;
}

.export-popup-modalbox .modal-content
{
    border: none;
    border-radius: 0;
}

/* Start Radio button */
.filter-checkbox
{
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
 }
  
  .filter-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  .checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #797979;
  }
  
  .filter-checkbox input:checked ~ .checkmark {
    background-color: #ffffff;
    border: 2px solid #797979;
  }
  
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  .filter-checkbox input:checked ~ .checkmark:after {
    display: block;
  }
  .table-staus-select .filter-title {
    font-size: 12px !important;
}
  .filter-checkbox .checkmark:after {
    top: 2px;
    left: 2px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #6C6C6D;
  }
  
  .table-staus-select {
    display: flex;
    gap: 35px;
    padding-bottom: 10px;
    }

  /* End Radio Button */

  /* Strat New Table Css */

  tbody td {
    font-size: 10px;
}

  /* .customer-table table.dataTable thead .sorting_asc:after
    {
    right: 5em !important;
  } */

  .customer-table table.dataTable thead .sorting_asc {
    background-image: none !important;
    }

    .customer-table table.dataTable thead .sorting_desc {
     background-image: none !important;
     }

     .customer-table table.dataTable thead .sorting
     {
        background-image: none !important;
     }

     .customer-table .table > tbody > tr:nth-of-type(odd) > * {
        --bs-table-accent-bg: #fff;
        color: #111827;
    }
    
    .customer-table .table > tbody > tr:nth-of-type(even) > * {
        background-color:  #F9FAFB;
        color: #111827;
    }

    .customer-table .table > :not(caption) > * > * {
        padding: 15px 8px;
        background-color: #F9FAFB;
        border-bottom: none;
    }

    .customer-table table.dataTable {
        border-bottom: none !important;
        padding-top: 10px !important;
        /* width: 100% !important; */
    }
    .customer-table table.dataTable thead th:first-child {
        width: 80px !important;
    }
    .customer-table table th
    {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    color:#6B7280;
    }

    .customer-table tbody tr {
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
    }

    .customer-table table.dataTable thead th, table.dataTable thead td {
        border-bottom: 1px solid #E5E7EB !important;
    }

    /* .customer-table div#DataTables_Table_0_paginate {
        display: none;
    } */

    table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before {
        /* right: auto; */
        left: 64px;
        top: 13px;
    }
    
    table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
        right: auto;
        left: 71px;
        top: 15px;
    }

    .customer-table div.dataTables_wrapper div.dataTables_filter input {
        display: inline-block;
        border: none;
        border-radius: 16px;
        padding: 5px 15px 5px 50px;
        position: absolute;
        right: 0;
        height: 100%;
        font-size: 16px;
        background: #F9FAFB;
        top: 0;
        width: 100%;
        z-index: 1;
        margin: 0 !important;
        font-family: 'Calibri';
    }

    .customer-table div.dataTables_wrapper div.dataTables_filter label
    {
        color: transparent;
        position: relative;
        height: 36px;
        min-width: 625px;
    }

    .customer-table div.dataTables_wrapper div.dataTables_info {
        padding: 10px !important;
        font-size: 10px;
    }
    .edit-page-btn.maincategory-btn-size button {
        min-width: 150px;
        padding: 6px 0;
    }
    .customer-table .dataTables_length {
        padding: 8px 39px 8px 38px;
    }

    .customer-table div.dataTables_wrapper div.dataTables_length label {
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        color: #414141;
        text-transform: capitalize;
    }
    .multi-select-dropdown {
        display: flex;
        align-items: center;
    }
    
    .multi-select-dropdown > p {
        margin: 0 20px 0 0;
        color: #414141;
        font-family: 'Calibri';
        font-size: 10px;
    }
    
    .multi-select-dropdown .select2-container {
        min-width: 400px !important;
    }
    
    .multi-select-dropdown .select2-container .select2-selection.select2-selection--multiple {
        border: none;
        background: #F9FAFB;
        min-height: auto;
        border-radius: 5px;
        line-height: 0;
    }
    
    .multi-select-dropdown .select2-container .select2-selection.select2-selection--multiple ul.select2-selection__rendered {
        padding: 2px 10px;
        line-height: initial;
    }
    
    .multi-select-dropdown .select2-container .select2-selection.select2-selection--multiple ul.select2-selection__rendered li {
        margin-right: 7px !important;
    }
    
    .multi-select-dropdown .select2-container .select2-selection.select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice {
        display: flex;
        font-size: 6px;
        background: #C4C4C4;
        border-radius: 2px;
        border: none;
        color: #414141;
        padding: 4px 9px;
        margin: 1px 0;
        font-family: 'Calibri' !important;
        font-weight: bold !important;
    }
    .multi-select-dropdown .select2-container .select2-selection.select2-selection--multiple ul.select2-selection__rendered li input {
        margin: 0;
        font-family: 'calibri' !important;
    }
    .multi-select-dropdown .select2-container .select2-selection.select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice span {
        order: 2;
        margin: 0 0 0 11px;
        color: #414141;
    }
    .customer-table .dataTables_length select {
        border: 1px solid #E9E9E9;
    }

    .dataTables_info {
        font-family: 'Calibri' !important;
        font-style: normal;
        font-weight: 400;
        font-size: 10px !important; 
    }
    .calibri-12 {
        font-size: 12px !important;
        font-family: 'Calibri' !important;
    }
    .main-category-settings-page .view-customer-alert-box {
        padding-top: 20px !important;
        padding-bottom: 5px !important;
    }
    a.cot-btn:hover {
        color: #fff;
    }
    .customer-table div.dataTables_wrapper div.dataTables_filter label:before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        background-image: url(../images/search-icon.svg);
        z-index: 2;
        background-size: cover;
        top: 50%;
        transform: translateY(-50%);
        left: 17px;
    }
    .customer-table .dataTables_filter {
        margin-right: 90px;
    }
    .main-category-settings-page .view-customer-alert-box {
        margin-top: -5px;
    }
    .customer-table {
        position: relative;
        padding-top: 15px;
    }
    .card-one-body {
        position: relative;
    }
    .customer-table.active-filter table.dataTable.no-footer {
        padding-top: 110px !important;
    }

    /* End New Table Css */
/***************************************/
.export-popup-modalbox #forgot-email .modal-content {
    min-height: auto;
}

.retrieve-email-content {
    text-align: center;
    font-size: 25px;
    line-height: 30px;
    font-family: 'Calibri';
}

.export-popup-modalbox #forgot-email .modal-dialog {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/***************************************/

/* 07. Add New Customer Table */

.field-name-box{
    display: flex;
}

.welcome-field-box select {
    border: none;
    border-bottom: 1px solid #000000;
    color:#797979;
}
.welcome-field-box select.salutation-dropdown option:first-child {
    display: none;
}
.field-seclect-dropdown img {
    position: absolute;
    top: 15px;
    left: 25%;
    pointer-events: none;
}

.welcome-field-box select {
    appearance: none;
   /* max-width: 470px;*/
    width:100%;
    padding-left: 10px;
    font-family: 'Calibri';
    font-style: normal;
    font-size: 18px;
}

/* .field-name-box input {
    margin-left: 11px;
} */

button.customer-rest-btn {
    margin-left: 30px;
    text-transform: capitalize;
}

button.customer-save-btn {
    background-color: #00A860;
    border: #00A860;
    text-transform: capitalize;
}

.checkbox-active {
    padding: 25px 27px 44px;
}
.main-dashboard-page .card-one-body {
    padding: 40px 38px;
}
/* Start CheckBox Active */

.checkbox-active .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 22px;
  }
  span.currect-pass.text-danger {
    font-size: 12px;
    color: #ED1248 !important;
    font-weight: bold;
    font-family: 'Calibri';
}
.add_user_page .welcome-field-box p#errEmail + .currect-pass {
    position: relative;
    top: 20px;
}
  .checkbox-active .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .checkbox-active .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #a9a9a9;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .checkbox-active .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 1px;
    bottom: 1px;
    background-color: white;
    transition: .4s;
  }
  
  .checkbox-active input:checked + .slider {
    background-color: #00A860;
  }
  
  .checkbox-active input:focus + .slider {
    box-shadow: 0 0 1px #00A860;
  }
  
  .checkbox-active input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  .checkbox-active .slider.round {
    border-radius: 34px;
  }
  
  .checkbox-active .slider.round:before {
    border-radius: 50%;
  }

    /* End CheckBox Active */

  .checkbox-title 
  { 
    padding-left: 22px;
  }

  .customer-date.date-input-box {
        position: relative;
        width: 100%;
    }

    label.form-customer-title {
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        color: #6C6C6D;
    }

    .welcome-field-box select option {
       color: #333333;
    }

   .welcome-unit-text::placeholder
    {
        color:#B4B4B4;
    }

     #save-btn:hover {
        border-color: #00A860 !important;
        background: #00A860;
        color: #FFFFFF;
    }

    .welcome-form button#generate {
        max-width: 191px;
        width: 100%;
    }

    .welcome-form-row {
       padding: 0 27px;
    }

.customer-dashboard-page .card-one .card-one-title {
    padding: 17px 90px 17px 51px;
}


.customer-firstname {
    left: 33% !important;
}

.customer-lastname {
    left: 68% !important;
}

/***************************************/ 

/* 08. Add Edit Customer Table */

button.default-btn.edit-delete-btn img {
    padding-right: 20px;
}

button.default-btn.edit-delete-btn {
    min-width: 110px !important;
    text-transform: capitalize;
    margin: 0;
    padding: 6px 12px;
}

button.default-btn.edit-delete-btn:hover {
    background-color: #ed1248;
    color: #fff;
}

.customer-delete-box button {
    font-size: 14px;
}

.customer-delete-box
{
    display: flex;
    justify-content: end;
}

.edit-dashboard-page .checkbox-active {
    padding: 25px 0px 44px;
}

.edit-page-btn {
    display: flex;
}

.edit-dashboard-page button.customer-rest-btn {
    margin-left: 20px;
}

/* Delete Customer Modal Box */ 
.export-popup-modalbox button.popup-btn.popup-cel {
    background: #797979;
}

.popup-btn.popup-yes {
    font-family: 'Kiro';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    background: #ED1248;
    border: none;
    padding: 7px 82px;
    color: #fff;
    border-radius: 5px;
    margin: 0 10px;
}

.customer-title {  
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 20px; 
    color: #6C6C6D; 
    float: left;
}
.welcome-field-box select option {
    font-size: 16px;
}
/* p.canvas-subtitle.canvas-totalno {
    display: none;
} */
label.customer-information {
    font-weight: 700;
    font-size: 18px;
}
.export-popup-modalbox p.font-small {
    font-size: 20px;
    font-family: 'Calibri';
}
.modal-customer-information {
    padding-top: 50px;
}

.modal-customer-row {
    padding-bottom: 20px;
    align-items: center;
}

.custom-edit-title
{
    font-weight: normal !important;
}
/***************************************/

/* 09. View Customer Page */

.custom-card-view
{
    justify-content: space-between;
}

 .view-title
 {
    font-size: 18px;
    padding-bottom: 20px;
 }

.active-title
{
    font-size: 20px;
    font-weight: 700;
    padding: 25px 26px;
}

/* .card-view-title {
    padding: 0px 0 0 9px;
} */

.view-register-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

img.register-view-image {
    padding-right: 7px;
}

.view-register-btn button.default-btn {
    text-transform: capitalize;
}

.view-register-btn button.default-btn:hover {
    background-color: #ED1248;
    color: #ffff;
}

.view-customer-alert-box .alert {
    background-color: #DDFDEF;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    padding: 10px;
    color: #00A860; 
}

.view-customer-alert-box  .alert-dismissible .btn-close
{
    padding: 1rem 1rem; 
}

img.alert-checkimg {
    padding-right: 15px;
}

.view-customer-alert-box .alert {
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    align-items: center;
    margin: 0;
}

.customer_manage_box .view-customer-alert-box {
    padding: 20px;
}

  /* Start Register Warranty Table Css */

   .view-customer-table table.dataTable thead .sorting_asc {
    background-image: none !important;
    }

   .view-customer-table table.dataTable thead .sorting_desc {
     background-image: none !important;
     }

   .view-customer-table table.dataTable thead .sorting
     {
        background-image: none !important;
     }

     .view-customer-table table > tbody > tr:nth-of-type(odd) > * {
        --bs-table-accent-bg: #fff;
        color: #111827;
    }
    
    .view-customer-table table > tbody > tr:nth-of-type(even) > * {
        background-color:  #F9FAFB;
        color: #111827;
    }

   .view-customer-table table > :not(caption) > * > * {
        padding: 10px 9px;
        background-color: #F9FAFB;
        border-bottom: none;
    }
    /* .view-customer-alert-box {
        margin-top: -17px;
        margin-bottom: 15px;
    }
     */
     .main-header .col-12 {
        padding: 0 12px;
    }
    
    .main-header .brand-logo {
        margin-left: 24px !important;
    }
    .view-customer-alert-box .alert-close img.alert-checkimg {
        padding: 0;
        margin-right: 67px;
    }
   .view-customer-table table.dataTable.no-footer {
        border-bottom: none !important;
        padding-top: 10px !important;
    }

   .view-customer-table table th
    {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    color:#6B7280;
    }

   .view-customer-table tbody tr {
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
    }

   .view-customer-table table.dataTable thead th, table.dataTable thead td {
        border-bottom: 1px solid #E5E7EB !important;
    }

    .view-customer-table {
        padding-top: 30px;
    }

    .table-active
    {
        color: #007744 !important; 
    }
    .login-title h3{
        font-size: 40px !important;
        font-family: 'kiro' !important;
        font-weight: bold !important;
    }
    .login-title{
        margin-bottom: 40px !important;
    }
    .phone-num label{
        font-weight: bold !important;
    }
    .pass-reu{
            font-size: 20px !important;
    font-family: 'Calibri' !important;
    font-weight: bold !important;
    }
    .characters{
         font-size: 18px !important;
    font-family: 'Calibri' !important;
    margin-bottom: 30px !important;
    }
    .reset-pass button{
         font-size: 20px !important;
    font-family: 'kiro' !important;
    
    }

    /* End Register Warranty Table Css */

/* 10. Landing After Login Page */

.landing-after-login-page div#navbarNav {
    justify-content: end;
}

.one-blog-section h6 {
    font-family: 'Kiro';
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 32px;
    color: #ED1248;
    padding: 16px 85px;
    line-height: 40px;
}

.one-blog-section img {
    padding-bottom: 40px;
}

.one-blog-section p {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #797979;
    padding: 0px 70px;
    margin-bottom: 30px;
    line-height: 20px;
}

.one-blog-section {
    background: #FFFFFF;
    border: 1px solid #888888;
    border-radius: 5px;
    text-align: center;
}
  
.landing-blog-section {
    padding: 100px 0;
}

.landing-right-section ul {
    display: flex;
}

.landing-right-section ul li {
    margin-left: 50px;
    font-family: 'Kiro';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
}

.landing-right-section ul li a {
    color: #ED1248;
    font-size: 22px;
}

.landing-left-section p {
    font-family: 'Kiro';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #323232;
    margin: 0;
}

.landing-footer-section {
    background-color: #DDDDDD;
    padding: 18px 90px 18px 50px;
}

.landing-navigation-link {
    font-family: 'Kiro';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    color: #6C6C6D !important;
    margin-left: 70px;
    text-transform: UPPERCASE;
    padding: 0 !important;
}
.landing-navigation-link::after {
    margin-left: 20px;
}
.landing-after-login-page .navbar {
    padding: 55px 0;
}
.landing-slider-section img {
    width: 100%;
}

.landing-after-login-page .nav-link.active { 
    color: #ED1248 !important;
}

.landing-after-login-page ul.dropdown-menu.landing-drop-down li+ li {
    border-top: 1px solid #E5E5E5;
}

.landing-after-login-page ul.dropdown-menu.landing-drop-down li a {
    padding: 9px 16px;
    font-size: 16px;
}

.landing-after-login-page ul.dropdown-menu.landing-drop-down li a:active
{
    background-color: #e9ecef;
}

.landing-after-login-page ul.dropdown-menu.landing-drop-down.show {
    padding: 0;
    border: none;
    filter: drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.1));
    border-radius: 8px;
    overflow: hidden;
    min-width: 280px;
    top: 91px;
    left: auto;
    right: 0;
    top: 91px;
}

.view-customer-table table td:last-child {
    white-space: nowrap;
}

/***************************************/

/* 11. View Warranty Page */

.active-title
{
    color: #007744 !important;
}
/* 
.input-has-focus label.form-customer-title {
    color: #6C6C6D !important;
} */
.default-btn img {
    filter: brightness(0) invert(1);
}
.currect-pass{
    font-family: 'Calibri';
    font-size: 12px !important ;
}

.default-btn:hover img {
    filter: none;
}
.warranty-dropdown{
  display: inline-block;
  background-color: #CECECE;
  color: #000000;
  padding: 3px 27px;
  border-radius: 5px;
  cursor: pointer;
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  margin-left: 0;
} 
.warranty-dropdown:hover {
    color: #000000;
}
.user-management tbody tr td:nth-child(5) {
    text-transform: capitalize;
}
.customer-title.delete-title {
    font-size: 20px;
}
#file-chosen, #file-chosen1{
  margin-left: 22Px;
  font-family: 'Calibri';
  font-size: 18px;
}

/***************************************/

/* 12. Warranty Register Page */

.warranty-register-dropdown img {
    position: absolute;
    top: 9px;
    right: 15px; 
    pointer-events: none;
}


.warranty-register-page .warranty-welcome-form {
    width: 70%;
    margin: 0 auto;
}

.warranty-register-page .main-warranty-title
{
    width: 70%;
    margin: 0 auto;
}

.warrantyno-meassage p {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    /* text-decoration-line: underline; */
    position: relative;
    color: #4F4F4F;
    margin: 0;
}
.warrantyno-meassage p:before {
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    height: 1px;
    background: #4F4F4F;
    right: 0;
    bottom: 3px;
}
.warrantyno-meassage img {
    padding-right: 5px;
}

.warrantyno-meassage.meassage-info {
    padding: 20px 0 30px 0;
}

.warranty-btn {
    padding: 100px 0;
}

.warranty-btn button {
    margin-left: 9px;
}

.main-warranty-title h4 {
    font-family: 'Kiro';
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    color: #ED1248;
    padding: 80px 0 100px 0;
}
select[name="product_category"] option:first-child {
    display: none;
}

select[name="main_category"] option:first-child {
    display: none;
}

select[name="model_number"] option:first-child {
    display: none;
}

.warranty-register-page:before
{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 180px;
    background-image: url(../images/warranty-top.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 11%;
}
table.dataTable thead .sorting_asc:after {
    content: none !important;
}

table.dataTable thead .sorting_desc:after {
    content: none !important;
}

table.dataTable thead .sorting_desc:before {
    content: "" !important;
    opacity: 1 !important;
    background-image: url(../images/sort-icon-1.png);
    background-position: left;
    background-repeat: no-repeat !important;
}
table.dataTable thead .sorting_asc:before {
    content: "" !important;
    opacity: 1 !important;
    background-image: url(../images/sort-icon-2.png);
    background-position: left;
    background-repeat: no-repeat !important;
}
.customer-table div.dataTables_wrapper .customer-management-table ~ .dataTables_info {
    font-size: 10px !important;
}

.main-warranty-title:before{
    content: "";
    position: absolute;
    bottom: 0;
    right:0;
    width: 180px;
    background-image: url(../images/wrranty-right.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 27%;
}

.main-warranty-title:after
{
    content: "";
    position: absolute;
    bottom: 0;
    left:0;
    width: 180px;
    background-image: url(../images/warranty-left.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 29%;
}

a.add-warranty img {
    text-align: right;
}

.warranty-info-title {
    margin: 90px 0 50px 0;
}

.view-title
{
    min-height: 58px;
    padding-bottom: 30px;
}
.landing-after-login-page ~ section .warranty-register-page {
    min-height: calc(100vh - 219px);
}
label.warranty-dropdown.view-upload-title {
    margin-bottom: 30px;
}

.view-register-page .warranty-info-title {
    margin: 50px 0 50px 0;
}

/***************************************/

/* 13. Registration Page */


button#register-page-btn {
    min-width: 120px;
    padding: 4px 14px;
    margin: 0;
}

.register-page-section p.register-password-text {
    padding-top: 34px;
    margin: 0;
}


.register-page-section p.register-password-text {
    padding-top: 25px;
    margin: 0;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    color: #6C6C6D;
}

.register-page-section p.register-checkbox-title {
    padding-bottom: 40px;
    margin: 0;
}

.register-page-section p.register-checkbox-title .form-check-input {
    margin-right: 9px;
}

.register-page-section p.register-checkbox-subtitle .form-check-input {
    margin-right: 9px;
}

.register-page-section {
    width: 70%;
    margin: 0 auto;
}

.register-page-logo {
    padding-top: 50px;
}

p.register-title {
    padding-top: 22px;
}


ul.register-password-subtext {
    padding-bottom: 25px;
    padding-left: 30px;
}

ul.register-password-subtext li {
    list-style: disc;
}

p.register-checkbox-subtitle {
    display: flex;
}

.register-page-section input.form-check-input {
    flex: 0 0 1em;
}

.register-page-section p.register-checkbox-title a {
    color: #ed1248;
}

.register-page-section p.register-checkbox-title {
    display: flex;
}

.edit-page-btn.register-btn {
    padding-bottom: 100px;
}

button.add-warranty-btn {
    min-width: 150px;
    padding: 6px 14px;
}

.add-warranty-resgister button.customer-rest-btn {
    margin-left: 20px; 
}

.warranty-row {
    text-align: right;
}

p.serialnumber-title {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 25px; 
}

p.serialnumber-subtitle {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    padding-top: 20px;
}

.serialnumber-images {
    padding-top: 50px;
}

.serialnumber-images img {
    height: 135px;
    object-fit: cover;
    margin: 0 10px;
}
.table-staus-select .select2-container {
    min-width: 250px;
}
.customer_manage_box + .table-select-filter .filter-title.warranties-filter-title ~ .table-staus-select label {
    min-width: 120px;
}
.customer_manage_box + .table-select-filter .filter-title.warranties-filter-title ~ .table-staus-select.status-radios .filter-title ~ label {
    min-width: auto;
    padding-left: 30px;
}
.row.export-modal-row.serialnumber-images-main {
    width: 100%;
}
p.delete-wraanty {
    padding: 0 100px;
}

.edit-delete-modal .modal-customer-row {
    padding-left: 30px;
}


/***************************************/
 

 /* 14. Warranty Management  */


.warranties-table.active-filter table.dataTable.no-footer {
    padding-top: 195px !important;
}

label.filter-title.warranties-filter-title {
    margin-bottom: 12px;
}

.edit-page-btn.user-information-btn {
    padding-top: 50px;
}

/***************************************/

.manage-users-page
{
    justify-content: space-between;
}

.manage-users-page .cot-btn
{
    padding: 6px 34px;
}

.edit-page-btn.maincategory-btn
{
   padding-top: 90px;
}

.model-number-page .checkbox-active {
    padding: 1px !important;
}

.model-number-page .edit-page-btn.maincategory-btn {
    padding-top: 56px;
}

label.view-model-title {
    font-weight: 700;
}

.customer_manage_box .view-model-box {
    padding: 0;
}

.edit-modal-box {
    padding-top: 21px; 
}

.edit-modal-page .edit-page-btn.maincategory-btn {
    padding-top: 26px;
}

.edit-modal-page .checkbox-active {
    padding: 1px !important;
}

p.delete-edit-model {
    padding: 0px 25px;
}


.edit-model-footer .popup-btn.popup-yes
{
    padding: 7px 100px;
}

.edit-model-footer button.popup-btn
{
    padding: 7px 103px;
}


p.error-text.warranty-text {
    top: 47px;
    left: 12px;
}

p.error-text.warranty-infotext {
    top: 41px;
    left: 8px;

}

p.warranty-filesupload {
    margin: 0;
    font-size: 12px;
    color: #ED1248;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 10px;
    }

.view-product-box {
    padding: 20px;
}

.edit-profile-text
{
    color:#BFBFBF !important
}

.edit-input-profile input
{
    color:#BFBFBF !important;
    border-bottom: 1px solid #BFBFBF !important;
}
.edit-input-profile input::placeholder{
    color:#BFBFBF !important;
}
.view-user-form {
    padding: 40px 30px;
}

.add_user_page .welcome-field-box .error-text
{
    top:40px;
}

.manage-user-page .customer-table.active-filter table.dataTable.no-footer {
    padding-top: 120px !important;
}

label.filter-checkbox.filter-all {
    margin-left: 16px;
}

label.filter-checkbox.filter-inactive {
    margin-left: 32px;
}

.manage-row
{
    text-align: left;
}

.manage_customer_page label.customer-information {
    font-weight: 700;
    font-size: 18px;
}

.manage_customer_page .customer-title {
    font-size: 20px;
}

.manage_cusomer_title
{
    font-size: 25px;
}

.passowrd-error-text {
    top: 38% !important;
    display: inherit !important;
    bottom: 0 !important;
    left: 44% !important;
}

 /***************************************/
/* date picker */
 #ui-datepicker-div {
    border: none;
    background: #ffffff;
    padding: 0;
    border-radius: 0;
}

#ui-datepicker-div .ui-datepicker-header {
    background: transparent;
    border: none;
    padding: 10px 0;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
    width: 65px;
    font-size: 18px;
    font-family: 'Lexend', sans-serif;
    font-weight: bold;
    padding: 0 !important;
    appearance: none;
    text-align: center;
    border: none;
    margin: 0 10px;
    box-shadow: 0px 1px 1px rgba(0, 14, 51, 0.05);
    border-radius: 6px;
    position: relative;
}

#ui-datepicker-div {
    font-family: 'Lexend', sans-serif;
}

#ui-datepicker-div.ui-datepicker td {
    border: none !important;
    padding: 0;
    width: 14.28%;
}

#ui-datepicker-div.ui-datepicker td a.ui-state-default, #ui-datepicker-div.ui-datepicker td span {
    background: transparent;
    border: none;
    font-weight: normal;
    text-align: center;
    color: #000;
    padding: 7px 0;
    box-shadow: 0px 1px 1px rgba(0, 14, 51, 0.05);
    border-radius: 6px;
}

#ui-datepicker-div.ui-datepicker td a.ui-state-default.ui-state-highlight, #ui-datepicker-div.ui-datepicker td a.ui-state-active {
    background: #ED1248;
    color: #fff;
}

#ui-datepicker-div.ui-datepicker td span.ui-state-default {
    color: #ED1248;
}

#ui-datepicker-div .ui-datepicker-header:before {
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #ed1248 transparent;
    top: 32px;
    left: 130px;
    z-index: 1;
}

#ui-datepicker-div .ui-datepicker-header:after {
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #ed1248 transparent;
    top: 32px;
    left: 215px;
    z-index: 1;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
    top: 15px;
    left: 7px;
    opacity: 1;
    width: 24px;
    height: 24px;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
    right: 7px;
    top: 15px;
    opacity: 1;
    width: 24px;
    height: 24px;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span {
    width: 100%;
    height: 100%;
    background-image: url(https://brandt.sftechnologiesstage.co/public/images/calendar-left.png);
    background-repeat: no-repeat;
    position: initial !important;
    margin: 0;
    background-position: center;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span {
    width: 100%;
    height: 100%;
    background-image: url(https://brandt.sftechnologiesstage.co/public/images/calendar-right.png);
    background-repeat: no-repeat;
    position: initial !important;
    margin: 0;
    background-position: center;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    color: transparent !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    width: 10px !important;
    height: 22px;
    min-width: auto;
    border: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous:before {
    content: "\f053";
    position: absolute;
    font-family: "FontAwesome";
    color: #000 !important;
}
.select2-results__option[aria-disabled="true"] {
    display: none;
}

span.select2-search.select2-search--dropdown:before {
    content: "\f002";
    position: absolute;
    font-family: "FontAwesome";
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    pointer-events: none;
    color: #000;
}
.warranty-information-page .view-customer-alert-box {
    position: relative;
    top: -28px;
}
span.select2-search.select2-search--dropdown {
    position: relative;
}

span.select2-search.select2-search--dropdown input {
    border-color: #000 !important;
    font-family: 'calibri' !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #000000 transparent !important;
    border-width: 0 7px 7px 7px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
    color: transparent !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    color: transparent !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    width: 10px !important;
    height: 22px;
    min-width: auto;
    border: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next:before {
    content: "\f054";
    position: absolute;
    font-family: "FontAwesome";
    color: #000 !important;
}

.dataTables_wrapper .dataTables_paginate span a {
    display: inline-block !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    min-width: auto !important;
    margin: 0 10px !important;
    opacity: 0.7;
}

.dataTables_wrapper .dataTables_paginate span a.current {
    opacity: 1;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: transparent !important;
}
body .dataTables_wrapper .dataTables_paginate span .paginate_button:hover {
    color: #000 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.previous:focus, .dataTables_wrapper .dataTables_paginate .paginate_button.previous:active {
    background: transparent !important;
    border: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next:focus, .dataTables_wrapper .dataTables_paginate .paginate_button.next:active {
    background: transparent !important;
    border: none !important;
}
.body-fix {
    overflow: hidden;
    height: 100vh;
    width: 100vw;
}

.body-fix .content-section {
    padding-right: 30px;
}

.body-fix .content-section {overflow: hidden;}
 /***************************************/





 /* 1-7-2022 */

 .s-year-select{
    max-width: 500px;
    width: 370px;
    margin-left: 30px;
 }
 .select-year {
    display: flex;
    align-items: center;
    width: 100%;
    margin-left: 3px;
}
.s-year-label label{
    color: #797979;
}
.customer-table div#DataTables_Table_0_info{
    color: #414141;
}
.paging_simple_numbers span{
    font-size: 15px; 
    font-family: 'calibri';
}

.select-dat input::placeholder{
    color:#797979;
    font-size: 18px;
    font-family: 'Calibri';
    font-weight: 400;
    
}

.export-require-field{
    padding: 40px;
}
/* .export-popup-search{
padding-top: 0;
} */
.s-msg{
    font-size: 20px !important;
    font-family:'Calibri';
    font-weight: bold;
}
.welcome-field-box::placeholder{
    color:#797979;
    font-size: 18px;
    font-family: 'Calibri';
    font-weight: 400;
}

.welcome-field-box select option{
    font-family: 'calibri' !important;
}


.edit-page-btn button{
    font-family:'Kiro' !important;
}
/* .default-btn{
font-size: 14px !important;
font-family:'Kiro' !important;
} */
.select2-results__option[aria-disabled="true"] {
    display: none;
}
.date-input-box input::placeholder{
    color:#797979;
    font-size: 18px;
    font-family: 'Calibri';
    font-weight: 400;
}
div#response_message {
    font-size: 20px;
    font-family: 'Calibri';
}
.dataTables_paginate{
    /* width: 144px !important; */
    text-align: left !important;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.customer-table table.dataTable thead th[aria-label="Action"] {
    width: 110px !important;
}
.change-color-password input{
    color:#797979;
    border-bottom: 1px solid #000000;
}
.out-status{
    color:#ED1248 !important;
}
.serialnumber-images{
    padding-bottom: 32px;
    padding-left:0;
    padding-right:0;
}
.order-modal-header{
    padding-bottom: 0px !important;
}
.export-popup-modalbox .modal-body{
    padding-left:0;
    padding-right:0;
}
.order-contant{
    max-width: 74% !important;
}
.add-now-d{
    font-size: 16px !important;
}
.select2-dropdown {
    border: none !important;
}
.warranties-table.active-filter .warranty-management-table.table.dataTable.no-footer {
    padding-top: 236px !important;
}
.margin-top{
    margin-top: 30px;
}

.mt-7-dashboard-error
{
    margin-top: 7px !important;
}

.m-l-123
{
    margin-left: 123px !important;
}
.create-acc-pass {
    position: absolute;
    right: 0;
    top: 10px;
}


.view-password-icon {
    position: absolute;
    right: 10px;
    top: 17px;
    cursor: pointer;
}



.title-with-round-inner:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 280px;
    background-image: url(../images/wrranty-right.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 280px;
}

.warranty-register-page-no-round::before {content: none;}


.title-with-round h4 {
    font-family: 'Kiro';
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    color: #ED1248;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.title-with-round {position: relative;}

.title-with-round-inner {
    padding: 164px 0;
    position: relative;
}

.title-with-round-inner:before {
    content: "";
    position: absolute;
    width: 272px;
    background-image: url(../images/warranty-top.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    height: 97px;
    left: 49%;
}

.title-with-round:before {
    content: "";
    position: absolute;
    left: 0;
    width: 180px;
    background-image: url(../images/warranty-left.png);
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0;
    height: 142px;
}

.warranty-registration-page .welcome-form-title h3 {
    font-size: 40px;
}

.warranty-registration-page {
    padding-top: 130px !important;
}
.my-appliances-table .dataTables_paginate > a:before {
    content: none !important;
}
.my-appliances-table .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, .my-appliances-table .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
    color: #6C6C6D !important;
}
.landing-after-login-page > .container-fluid .container-fluid {
    padding: 0 80px;
}
.my-appliances-table .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .my-appliances-table .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    width: 110px !important;
    max-width: 100% !important;
    margin: 0 !important;
    border: 1px solid #CDCDCD !important;
    height: auto !important;
    padding: 9px 0 !important;
    font-size: 15px;
    color: #6C6C6D !important;
    font-family: 'calibri';
    cursor: pointer !important;
    margin-left: 6px !important;
}
.my-appliances-table {
    padding-bottom: 100px !important;
}
.landing-drop-down a:hover, .landing-drop-down a.active {
    background: transparent !important;
    color: #ED1248;
}

.landing-after-login-page {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1050;
    background: #fff;
}

.landing-after-login-page + * {
    margin-top: 149px;
}
@media (max-width: 1728px) {
    .customer-table div.dataTables_wrapper div.dataTables_filter label {

        min-width: 845px;}
}
@media (max-width: 1440px) {
    .customer-table div.dataTables_wrapper div.dataTables_filter label {

        min-width: 604px;}
        .landing-after-login-page > .container-fluid .container-fluid {
            padding: 0 15px;
        }
}

@media only screen and (max-width: 1199px) {
    .warranty-registration-page .welcome-form-title h3 {
        font-size: 30px;
    }
.one-blog-section h6 {
    padding: 24px 0 10px 0;
    font-size: 22px;
    line-height: normal;
}

.one-blog-section img {
    padding-bottom: 20px;
}

.landing-blog-section {
    padding: 70px 0;
}
.title-with-round-inner {
    padding-left: 15px;
    padding-right: 15px;
    /* padding-top: 100px; */
    padding-bottom: 100px;
}

.title-with-round-inner:after {
    height: 130px;
    width: 130px;
}

.title-with-round-inner:before {
    height: 57px;
    width: 160px;
}

.title-with-round:before {
    height: 72px;
    width: 100px;
}

.title-with-round h4 {
    font-size: 40px;
}

}
@media only screen and (max-width: 991px) {
    .landing-after-login-page > .container-fluid .container-fluid {
        padding: 0 15px;
    }
    .edit-account-responsive .field-name-box {
        display: block;
    }
    .edit-account-responsive .welcome-field-box .error-text {
        position: initial;
    }
    .edit-account-responsive .field-name-box.welcome-field-box select {
        padding: 6px 10px;
    }
    
    .edit-account-responsive .field-seclect-dropdown img {
        left: auto;
        right: 0;
    }
    .user-register-responsive .field-name-box .error-text {
        position: initial !important;
    }
    .welcome-header:before {
        left: auto;
        right: 50px;
        width: 120px;
        height: 48px;
    }
    .welcome-header {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .welcome-content:before {
        width: 130px;
        height: 89px;
    }
    .warranty-registration-responsive .warranty-register-dropdown {
        display: none;
    }
    .warranty-registration-responsive .select2-container {
        width: 100% !important;
    }
    .warranty-registration-responsive  .edit-page-btn button {
        margin-left: 15px !important;
        margin-bottom: 70px !important;
        margin-top: 0 !important;
    }
    .warranty-registration-responsive .warranty-info-title {
        margin: 30px 0 20px 0;
    }
    .warranty-registration-responsive .welcome-form-title.mt-5.mb-5.d-flex.justify-content-between {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .export-popup-modalbox h5#exampleModalLabel {
        font-size: 30px;
    }
    p.serialnumber-title {
        font-size: 18px;
    }
    .serialnumber-images img {
        margin-bottom: 30px;
    }
    .serialnumber-images {
        padding-bottom: 0;
    }
    .serialnumber-images img:last-child {
        margin-bottom: 0;
    }
    
    img.popup-close {
        width: 20px;
    }
    
    .export-popup-modalbox .modal-popup-title {
        top: 10px;
        right: 10px;
    }
    
    .export-popup-modalbox .modal-header {
        padding-top: 50px;
        padding-bottom: 10px;
    }
    
    p.serialnumber-subtitle {
        padding-top: 0;
        font-size: 18px;
    }
    .view-appliances-responsive.edit-account-responsive .welcome-form-row .select-date .date-input-box input {
        min-width: auto;
    }
    .account-update-successful {
        padding-top: 60px !important;
    }
    
    .account-update-successful .welcome-form-title h3 {
        font-size: 26px !important;
    }
    
    .account-update-successful .welcome-form-title {
        margin-bottom: 15px !important;
    }
    
    .account-update-successful .welcome-form-title ~ div p {
        margin: 0 !important;
        font-size: 16px !important;
    }
    
    .account-update-successful .warranty-btn {
        padding: 50px 0 60px 0 !important;
    }
    .landing-right-section ul li a {
        font-size: 16px;
    }
    .landing-right-section ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    .view-appliances-responsive {
        padding-top: 60px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .view-appliances-responsive .welcome-form-title h3 {
        font-size: 30px !important;
    }
    .view-appliances-responsive .welcome-form-row {
        padding: 0;
    }
    
    .view-appliances-responsive .view-title {
        padding-bottom: 0 !important;
        min-height: auto;
    }
    .view-register-page .warranty-info-title {
        margin: 25px 0 0 0 !important;
    }
    .view-appliances-responsive .welcome-form-row .col-md-8, .view-appliances-responsive .welcome-form-row .col-md-4 {
        padding-bottom: 15px !important;
    }
    
    .view-appliances-responsive .welcome-form-row .row {
        align-items: center;
    }
    .view-appliances-responsive .warranty-btn {
        padding: 15px 0 70px 0;
    }
    .landing-after-login-page .navbar {
        padding: 40px 0;
    }
    
    .landing-after-login-page + * {
        margin-top: 120px;
    }
    
    .landing-navigation-link {
        margin: 30px 0 0 0;
    }
    .landing-left-section p {
        text-align: center;
    }
    
    .landing-footer-section .col-lg-7 {
        justify-content: center !important;
    }
    
    .landing-right-section ul li {
        margin: 0 15px;
    }
    
    .landing-footer-section {
        padding: 18px 15px 18px 15px;
    }
    .landing-blog-section a {
        width: 100%;
        margin: 15px 0;
    }


    .edit-account-responsive .edit-page-btn {
        flex-wrap: wrap;
        padding: 0 !important;
    }
    
    .edit-account-responsive .edit-page-btn button {
        margin: 10px 20px 10px 0;
    }
    .view-appliances-responsive.edit-account-responsive  .welcome-form-row .col-md-8, .view-appliances-responsive.edit-account-responsive  .welcome-form-row .col-md-4 {
        padding-bottom: 0 !important;
    }
    
    .view-appliances-responsive.edit-account-responsive  .welcome-form-row .row {
        align-items: flex-start;
    }
    .welcome-content {
        padding-bottom: 110px;
    }
    .user-register-responsive .welcome-form-row {
        padding: 0;
    }




    .user-register-responsive .field-name-box {
        display: block;
    }
    
    .user-register-responsive .welcome-field-box input {
        margin: 0 !important;
    }
    
    .user-register-responsive .field-name-box select {
        padding-top: 6px;
        padding-bottom: 6px;
    }
    
    .user-register-responsive .field-seclect-dropdown img {
        left: auto;
        right: 0;
    }
    .user-register-responsive .edit-page-btn.register-btn {
        padding-bottom: 0;
    }
    .register-page-section {
        width: 100%;
    }
    
    .welcome-form-row {
        padding: 0;
    }
    
    .welcome-form-title p br {
        display: none;
    }
    
    .welcome-form-title p {
        padding-bottom: 70px !important;
    }
    
    .welcome-content {
        min-height: calc(100vh - 183px);
    }
}   

@media only screen and (max-width: 767px) {
.view-appliances-responsive .welcome-form-row .col-md-8, .view-appliances-responsive .welcome-form-row .col-md-4 {
    padding-bottom: 0 !important;
}
.welcome-brand img {
    width: 150px;
}
.view-appliances-responsive .welcome-form-row .row {
    padding-bottom: 15px;
}
.view-appliances-responsive label.form-customer-title {
    font-size: 18px;
}
a#resend_otp {
    margin-left: 20px !important;
}
}




@media only screen and (max-width: 575px) {
    p.serialnumber-title br {
        display: none;
    }
    
    .welcome-form-fields .d-flex.align-items-center.mb-4.pb-2 {
        flex-wrap: wrap;
    }
    div.verify-message {
        width: 100%;
        margin: 10px 0 0 0;
    }
    .welcome-form-fields .d-flex.align-items-center.mb-4.pb-2 .otp-section-mobile {
        text-align: left !important;
        width: 100% !important;
        margin-right: 0 !important;
    }
    
    .welcome-form-fields .d-flex.align-items-center.mb-4.pb-2 {
        width: 100% !important;
    }
    
    .welcome-form-fields .d-flex.align-items-center.mb-4.pb-2 .otp-section-mobile.welcome-field-box.mb-0 {
        padding: 0 0 15px 0;
    }
    .welcome-content h3 {
        font-size: 25px !important;
        margin: 0 !important;
    }
    .welcome-form-title {
        margin-bottom: 30px !important;
    }
    .go-to-forgot {
        margin-left: 20px;
    }
    
    .welcome-submit-row .default-btn {
        min-width: 200px;
    }
}
.select2-container {
    width: 100% !important;
}
.eye-toggle:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 1px;
    pointer-events: none;
    background: #000;
    top: 22px;
    right: 9px;
    transform: rotate(45deg);
}


.add-warranty-tooltip {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
    flex-wrap: wrap;
}

.add-warranty-tooltip:before {
    content: "Click here if you wish to register for more than 1 appliances in the same sales order / invoice";
    pointer-events: none;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #6C6C6D;
    max-width: 320px;
    margin-right: 12px;
}