/*
    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: "revista";
    src: url("../fonts/revistaq.ttf");
    /* 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: "Gotham";
    src: url("../fonts/GothamBook.ttf"), url("../fonts/GothamLight.ttf"),
        url("../fonts/GothamMedium.ttf");
    font-style: normal;
}
@font-face {
    font-family: "GothamL";
    src: url("../fonts/GothamLight.ttf");
}
.bold-heading {
    font-family: "Gotham";
    font-weight: bold;
    color: #53565a;
}

.revista {
    font-family: "revista";
}

.Gotham {
    font-family: "Gotham";
}

.black {
    color: #000 !important;
}
.register-page-section .welcome-form-row {
    padding: 0 !important;
}
body {
    font-family: "Gotham" !important;
    font-weight: 400;
    background-color: #fff;
    color: #6c6c6d;
    font-size: 16px;
    font-weight: bold;
}
.register-page-section {
    font-family: "Gotham" !important;
}
a {
    display: inline-block;
    text-decoration: none;
}

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

button:focus,
input:focus,
select:focus {
    opacity: 1;
    outline: none;
    color: #6c6c6d !important;
}

a.submenu-links {
    font-size: 10px !important;
}

/***************************************/
/* 02. Welcome Header & Footer CSS */
.welcome-header {
    padding-top: 30px;
    padding-bottom: 0px;
    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: #0e0e0e;
}

.footer-option a {
    color: #53565a;
    font-size: 14px;
    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;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f !important;
    background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50%
        top repeat-x !important;
    color: #363636 !important;
}
.salutation-dropdown option {
    padding-top: 10px !important;
}
.welcome-form-title h3 {
    margin-top: 20px !important;
    font-size: 30px;
    font-weight: bold;
    /* text-transform: uppercase; */
    margin: 0;
    font-family: "Gotham" !important;
    color: #000 !important;
}
button#save-btn {
    margin-right: 13px !important;
}
.card-one-body .row {
    margin-bottom: -23px;
}
.row {
    margin-top: 15px;
}
section.dashboard-page.customer-dashboard-page.model-number-page .row {
    margin-bottom: -29px;
}
.welcome-form-row.add-new-product-category .row {
    margin-bottom: -40px;
}
.copper-color {
    color: #aa6e50;
}
.main-header .brand-logo img {
    width: 200px;
    height: 60px;
}
.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: "revista" !important;
}

.welcome-submit-row .default-btn.forgot-btn {
    font-size: 17px !important;
    width: 230px;
    /* height: 45px; */
    font-family: "Gotham";
    font-weight: 200;
}

.custom-sent-content {
    font-size: 18px;
}

.save-account {
    background: #53565a;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    border: 1px solid #53565a;
    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;
}

.welcome-form-title p {
    margin: 6px 16px 0 2px;
    font-size: 18px;

    font-style: normal;
    font-weight: 400;
}

.password-requirements-label {
    color: #6c6c6d;
    /* font-weight: 700; */
    font-size: 20px;
}

.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: 45px;
}

.welcome-field-box label {
    width: 100%;
    font-size: 17px;
    font-family: "Gotham";
    color: #000;
    margin-bottom: 5px;
    font-weight: 500;
}

.welcome-field-box input {
    width: 100%;
    background: #fff;
    border: none;
    border-bottom: 1px solid #000000;
    color: #6c6c6d !important;
    padding: 6px 0px;
    font-weight: 600;
    font-size: 17px;
    opacity: 1;
}
.welcome-field-box input::placeholder {
    color: #6c6c6d !important;
    opacity: 1;
}
.welcome-field-box input::placeholder {
    color: #6c6c6d; /* Adjust the color as needed */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* Allow clicking through the placeholder */
}
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;

    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: 41px;
}
.error-text {
    width: 56% !important;
    color: #ed1248 !important;
}
p#errmodel-1 {
    width: 28% !important;
}

.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 {
    box-shadow: rgba(0, 0, 0, 0.572549) 0px 7px 34px;
    opacity: 1;
    clear: both;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    background-color: #6ec8dc;
    color: #fff;
    font-size: 100%;
    -webkit-appearance: none;
    outline: 0;
    resize: none;
    display: flex;
    font-size: 17px !important;
    padding: 5px 10px;
    width: 200px;
    justify-content: center;
    align-items: center;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
} */
.default-btn {
    background: transparent;
    min-width: 230px;
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    color: #000;
    border: 1px solid #464646 !important;
    font-size: 16px;
    /* line-height: 47px; */
    display: inline-block;
    margin-top: 40px;
    box-sizing: unset;
    padding: 12px !important;
}

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

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

.default-btn:hover {
    /* border-color: #000;
    background: #000;
    color: #fff; */
}

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

.go-to-forgot {
    margin-left: 70px;
    color: #53565a;
    font-size: 16px;
}

.customer-table
    div.dataTables_wrapper
    .pagination-text-10px
    ~ .dataTables_info {
    font-size: 10px !important;
}

.go-to-forgot:hover {
    color: #53565a;
}

.go-to-home {
    margin-top: 30px;
    font-size: 15px;
    text-decoration: underline;
}

.font-calibri {
}

.calibri-18 {
    font-size: 18px !important;
}

.calibri-18-in-select .select2.select2-container .select2-selection__rendered {
    font-size: 17px;
}

.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: #53565a;
}

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

.administration-login-option a {
    color: #53565a;
    text-decoration: underline;
    font-size: 15px;
}

.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: red;
    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 22px;
    font-family: "Gotham";
    display: flex;
    align-items: center;
    border-left: 3px solid transparent;
    font-weight: bold;
}

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

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

.sidebar-section > ul > li.page-active > a svg,
.sidebar-section > ul > li:hover > a svg {
    /* fill: #53565A; */
}

.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: #53565a;
}

.sidebar-section::-webkit-scrollbar-thumb:hover {
    background: #53565a;
}

.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: #53565a;
}

.content-section::-webkit-scrollbar-thumb:hover {
    background: #53565a;
}

.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: #53565a;
    background: #e1e1e1;
    border-color: #53565a;
}

/***************************************/
.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: #53565a;
    font-weight: 700;
    font-size: 40px;
    margin: 0;
}

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

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

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

.card-one {
    background: #ffffff;
}

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

.select-date {
    display: flex;
}

.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: 16px;
    transform: translateY(-50%);
    right: 0px;
    z-index: 9;
    pointer-events: none;
}

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

.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: 2px 0px;
    color: #797979;
    min-width: 350px;
    font-size: 17px;
}

.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: #000;
    font-size: 28px;
    /* font-weight: bold; */
    margin: 0;
    line-height: 36px;
}

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

.cot-btn {
    background: #ffffff;
    border: 1px solid black;
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 5px;
}
.add_btn_class {
    color: black;
}
.cot-btn img {
    margin-right: 25px;
}

.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: 95px;
}

.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-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #414141;
}

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

span.filter-count {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: red;
    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-style: normal;
    font-weight: 700;
    font-size: 10px;
    color: #71717a;
    margin: 0;
    text-align: center;
}

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

.canvas-totalno {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    position: absolute;
    top: 50%;
    left: 1%;

    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    color: #71717a;
}

.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-style: normal;
    font-weight: 700;
    font-size: 12px;
    color: #6b7280;
}

.main-table-wrap tbody tr {
    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-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-weight: bold;
    color: #797979;
    line-height: 40px;
    font-size: 25px;
}

.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: #53565a;
    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,
.style-btn {
    font-style: normal;
    font-weight: 200;
    font-size: 17px;
    background: transparent;
    border: 1px solid #000;
    padding: 7px 20px;
    color: #000;
    text-transform: uppercase;
    border-radius: 5px;
    margin: 0 10px;
}

/* .dashboard-page #myChart {
    border: 5px solid #53565A;
    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: 30%;
    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 0px;
    color: #6c6c76;
    font-weight: 600;
}

.export-popup-modalbox button.popup-btn.popup-cel {
    background: #797979;
}

.export-popup-search label {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #6c6c6d;
    padding-left: 15px;
}

.select2-results__option {
    font-size: 10px;
}

.export-modal-row label.select-date-title {
    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: #53565a;

    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 */

element.style {
}
.customer-table .table > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: #fff;
    color: #111827;
}
.customer-table .table > :not(caption) > * > * {
    padding: 15px 8px;
    background-color: #f9fafb;
    border-bottom: none;
}
table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 10px;
}
table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 10px;
}
table.dataTable td,
table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
table.dataTable,
table.dataTable th,
table.dataTable td {
    box-sizing: content-box;
}
table.dataTable td,
table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
table.dataTable,
table.dataTable th,
table.dataTable td {
    box-sizing: content-box;
}
.table > :not(caption) > * > * {
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > :not(caption) > * > * {
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
tbody td {
    font-size: 12px !important;
    font-weight: bold;
}

/* .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-style: normal;
    font-weight: 700;
    font-size: 12px;
    color: #6b7280;
}

.customer-table tbody tr {
    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;
}

.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-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-size: 13px;
}

.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: 9px;
    background: #c4c4c4;
    border-radius: 2px;
    border: none;
    color: #000000;
    padding: 4px 9px;
    margin: 1px 0;

    font-weight: bold !important;
}

.multi-select-dropdown
    .select2-container
    .select2-selection.select2-selection--multiple
    ul.select2-selection__rendered
    li
    input {
    margin: 0;
}

.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-style: normal;
    font-weight: 400;
    font-size: 10px !important;
}

.calibri-12 {
    font-size: 12px !important;
}

.main-category-settings-page .view-customer-alert-box {
    padding-top: 20px !important;
    padding-bottom: 5px !important;
}

a.cot-btn:hover {
    color: #000;
}

.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: 150px;
}

.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;
}

.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: 29%;
    pointer-events: none;
}

.welcome-field-box select {
    appearance: none;
    /* max-width: 470px;*/
    width: 100%;
    /* padding-left: 10px; */
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    background: transparent;
}

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

button.customer-rest-btn {
    text-transform: capitalize;
}

button.customer-save-btn {
    background-color: #ffffff;
    border: 1px solid #090909;
    text-transform: capitalize;
}

.checkbox-active {
    padding: 40px 27px 40px;
}

.main-dashboard-page .card-one-body {
    padding: 20px 38px;
}

.warranty_type_list {
    width: 120px;
}

/* Start CheckBox Active */

.checkbox-active .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 22px;
}

span.currect-pass.text-danger {
    font-size: 12px;
    color: #53565a !important;
    font-weight: bold;
}

.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: 0.4s;
    transition: 0.4s;
}

.checkbox-active .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 1px;
    bottom: 1px;
    background-color: white;
    transition: 0.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-style: normal;
    font-weight: 500;
    font-size: 17px;
    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: 12px;
}

button.default-btn.edit-delete-btn {
    min-width: 110px !important;
    text-transform: capitalize;
    margin: 0;
    padding: 6px 12px;
    background: #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-style: normal;
    font-weight: 400;
    font-size: 18px;
    background: #53565a;
    border: none;
    padding: 7px 82px;
    color: #fff;
    border-radius: 5px;
    margin: 0 10px;
}

.customer-title {
    font-style: normal;
    font-weight: 600;
    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;
}

.modal-customer-information {
    padding-top: 50px;
    margin-left: 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: #53565a;
    color: #ffff;
}

.view-customer-alert-box .alert {
    background-color: #ddfdef;

    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    padding: 10px;
    color: #00a860;
}

a {
    color: black;
}
.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-style: normal;
    font-weight: 700;
    font-size: 12px;
    color: #6b7280;
}

.view-customer-table tbody tr {
    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: 18px !important;
}

.phone-num label {
    font-weight: bold !important;
}

.pass-reu {
    font-size: 20px !important;
}

.characters {
    font-size: 18px !important;

    margin-bottom: 30px !important;
}

.reset-pass button {
}

/* 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;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 33px;
    color: #9b6b50;
    padding: 16px 50px;
    line-height: 40px;
}

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

.one-blog-section p {
    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: 16px 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: #000;
    font-size: 14px;
    font-family: "Gotham";
}

.landing-left-section p {
    font-family: "Gotham";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    margin: 0;
}

.landing-footer-section {
    background-color: #dddddd;
    padding: 18px 90px 18px 50px;
}
.one-blog-section img.img-fluid {
    filter: brightness(0);
}

.landing-navigation-link {
    width: 180px;
    font-family: "Gotham" !important;
    text-align: center;
    font-style: normal;
    color: #fff !important;
    font-weight: 700;
    font-size: 20px;
    padding-top: 14px;
    margin-left: 70px;
    /* padding: 0 !important; */
}

.landing-navigation-link::after {
    margin-left: 20px;
}
.logo-under a.navbar-brand {
    position: absolute;
    top: -38px;
}
.navbar {
    background: #262626 !important;
}
/* .landing-after-login-page .navbar {
    padding: 55px 0;
} */

.landing-slider-section img {
    width: 100%;
}

.landing-after-login-page .nav-link.active {
    color: #fff !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;
    left: auto;
    right: 0;
}

.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-size: 12px !important;
}

.default-btn:hover img {
    filter: none;
}

.warranty-dropdown {
    display: inline-block;
    background-color: #cecece;
    color: #000000;
    padding: 3px 27px;
    margin-bottom: 10px;
    border-radius: 5px;
    cursor: pointer;

    font-style: normal;
    font-weight: 600;
    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-size: 18px;
    font-weight: 500;
}

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

/* 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-style: normal;
    font-weight: 600;
    font-size: 17px;
    /* 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: #53565a;
    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-2.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-1.png);
    background-position: left;
    background-repeat: no-repeat !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-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: #53565a;
}

.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-style: normal;
    font-weight: 600;
    font-size: 22px;
}

p.serialnumber-subtitle {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    padding-top: 30px;
}

.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;
}

p.warranty-filesupload {
    margin: 0;
    font-size: 12px;
    color: #53565a;
    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;
    width: 100% !important;
}

.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: 42% !important;
    display: inherit !important;
    bottom: 0 !important;
    left: 43% !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: #53565a;
    color: #fff;
}

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

#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 #53565a 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 #53565a 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;
}

.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;
}

.select-dat input::placeholder {
    color: #797979;
    font-size: 18px;

    font-weight: 400;
}

.export-require-field {
    padding: 40px;
}
.default-btn {
    font-family: "Gotham" !important;
}
/* .export-popup-search{
padding-top: 0;
} */
.s-msg {
    font-size: 20px !important;

    font-weight: bold;
}

.welcome-field-box::placeholder {
    color: #797979;
    font-size: 18px;

    font-weight: 400;
}

.welcome-field-box select option {
}

/* .default-btn{
font-size: 14px !important;
font-family:'Kiro' !important;
} */
.select2-results__option[aria-disabled="true"] {
    display: none;
}

.date-input::placeholder {
    color: #797979;
    font-size: 18px;

    font-weight: 400;
}

div#response_message {
    font-size: 20px;
}

.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: #53565a !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%;
}

.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;
}

.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: #53565a;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

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

.title-with-round-inner {
    padding: 120px 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;
    font-family: Gotham !important;
    color: #000 !important;
}

.warranty-registration-page {
    padding-top: 10px;
}

.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;

    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: #53565a;
}

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

@media (max-width: 1440px) {
    .customer-table div.dataTables_wrapper div.dataTables_filter label {
        min-width: 604px;
    }
}
@media (max-width: 600px) {
    .export-popup-modalbox .modal-content {
        margin: 10px;
        max-width: 100%;
        padding: 18px;
    }
    .user-dropdown .dropdown-toggle {
        width: 40px;
        overflow: hidden;
        padding: 0;
        background: transparent;
        border: none;
        display: flex;
        font-family: "Gotham" !important;
        font-size: 14px;
        float: right;
    }
    canvas {
        display: block !important;
        height: auto !important;
        width: 100% !important;
    }
    .select-date form {
        align-items: flex-start;
        flex-direction: column;
    }
    form.welcome-form {
        max-width: 100%;
    }
    h3.login-title {
        font-size: 36px;
    }
    .welcome-header {
        position: relative;
        padding: 22px 0 0 !important;
    }
    .export-popup-modalbox h5#exampleModalLabel {
        font-size: 28px;
    }
    .export-popup-modalbox p {
        line-height: 20px;
        font-size: 17px;
    }
    img.popup-close {
        width: 16px;
    }
    .login-retrieve-modalbox .modal-header {
        padding: 30px 4px 8px 4px;
    }
    .export-popup-modalbox .modal-popup-title {
        position: absolute;
        top: 16px;
        right: 36px;
        cursor: pointer;
    }
    .export-popup-modalbox .modal-content .modal-body {
        padding-bottom: 20px;
    }
    .export-popup-modalbox .modal-footer {
        padding-bottom: 0;
    }
    .welcome-footer {
        background: #dddddd;
        padding: 20px 0 !important;
    }
    .footer-option {
        display: block !important;
        text-align: center;
    }
    .footer-option li + li {
        margin-left: 0px;
    }
}

.new-margin {
    margin-bottom: 250px;
}

.width-new {
    min-width: 200px !important;
}
/* .warranty-management-table thead th:first-child {
    width: 0px !important;
} */

.new-edit-btn {
    padding-bottom: 33px !important;
}

.edit-page-btn {
    padding-bottom: 22px;
}
div#ui-datepicker-div {
    z-index: 9 !important;
}
/* iOS Safari specific styles */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input::placeholder {
        color: #6c6c6d !important;
    }
}
.welcome-field-box input::-webkit-input-placeholder {
    padding: 18px 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
    font-size: 16px !important;
    color: #6c6c6d !important;
    font-family: sans-serif !important;
	  font-weight: 600 !important;
}