/* ///ahmad-css// */

     :root {
        --white: #ffffff;
        --black: #9a9a9a;
        --primary1: #5e0001;
        --orenge1: #F19FB2;
        --blue1: #BBA0CB;
        --primary2: #ffffff;
        --primary3: #000000;
        --btnshadow: #5e00019c;
        --font-family: "Poppins", sans-serif;
        --idcard-red-bg: #ffffff;
        --idcard-dark-bg: #ffffff;
        --id-card-green-bg: #000;
        --id-bottom-bg: #fff;
    }

    .theme-color,
    .theme-lightgreenbtn {
        width: 20px;
        height: 20px;
        border: 0;
        margin: 0 8px 0;
        border-radius: 4px;
    }

    .light1 .theme-color:nth-child(1) {
        background: #fff;
        border: 1px solid;
    }

    .light1 .theme-color:nth-child(2) {
        background: #f1b5b5;
    }

    .light1 .theme-color:nth-child(3) {
        background: #a38ae9;
    }

    .light1 .theme-color:nth-child(4) {
        background: #d6a394;
    }

    body.font1 {
        --font-family: Raleway, sans-serif;
    }

    body.font2 {
        --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }

    body.font3 {
        --font-family: "Roboto", sans-serif;
    }

    body.font4 {
        --font-family: "'Roboto Condensed',Arial,Helvetica,sans-serif";
    }

    body.green {
        --primary1: #000000;
        --textCol: #2b2b2b;
        --white: #ffffff;
        --black: #878787;
        --primary3: #ffffff;
        --btnshadow: #00000087;
        --idcard-red-bg: #d1cb19;
        --idcard-dark-bg: #ffffff;
        --id-card-green-bg: #03a688;
        --id-bottom-bg: #ffb900;
    }

    body.red {
        --primary1: #5e0001;
        --white: #ffffff;
        --black: #9a9a9a;
        --textCol: #5f0001;
        --primary3: #990002;
        --btnshadow: #5e00019c;
        --idcard-red-bg: #f53137;
        --idcard-dark-bg: #f1b5b5;
        --id-card-green-bg: #01090f;
        --id-bottom-bg: #020202;
    }

    body.blue {
        --primary3: #ffffff;
        --primary1: #a0e3df;
        --white: #ffffff;
        --black: #000;
        --textCol: #004f4b;
        --btnshadow: #004f4b9c;
        --idcard-red-bg: #e1d4aa;
        --idcard-dark-bg: #a38ae9;
        --id-card-green-bg: #a38ae9;
        --id-bottom-bg: #4f0000;
    }

    body.orenge {
        --primary1: #5c002c;
        --textCol: #910045;
        --white: #ffffff;
        --black: #9a9a9a;
        --primary3: #910045;
        --btnshadow: #5c002c87;
        --idcard-red-bg: #ff6f00;
        --idcard-dark-bg: #d6a394;
        --id-card-green-bg: #a3b104;
        --id-bottom-bg: #22004e;
    }

    .font p,
    h6, h5 {
        font-family: var(--font-family);
        font-weight: unset;
    }

    /* //ahmad-css// */
 
 body,
 html {
     overflow-x: hidden;
 }
 
 .header-notification {
     max-height: 300px;
 }
 
 .bg-color {
     background-color: rgba(var(--bs-white-rgb), 0.8) !important;
 }
 
 input::placeholder {
     color: #6c6666 !important;
 }
 
 label.is-invalid {
     color: var(--bs-danger);
 }
 
 .form-control.is-invalid {
     border-color: var(--bs-danger) !important;
 }
 
 .red-text {
     color: var(--primary-color) !important;
 }
 
 .red-bg {
     background-color: var(--primary-color) !important;
 }
 
 div#exampleModal {
     background-color: rgba(var(--bs-black-rgb), 0.7) !important;
 }
 
 span#email-error,
 span#matchConfirmPassword-error,
 span#matchPassword-error {
     color: var(--bs-danger);
 }
 
 .slide1 span {
     width: 80%;
     margin-inline: auto;
     display: block;
     animation: marquee 15s linear infinite;
 }
 
 @keyframes marquee {
     0% {
         transform: translateX(100%);
     }
     100% {
         transform: translateX(-100%);
     }
 }
 
 h6.card-title {
     font-size: 14px;
 }
 
 .card:focus,
 .card:hover {
     box-shadow: 0 6px 1rem rgb(25 24 24 / 10%), 0 0.5rem 1rem -0.75rem rgb(25 24 24 / 10%) !important;
     transform: translate3d(0, -3px, 0);
 }
 
 .form-section {
     padding: 30px 0;
 }
 
 .border-bottom {
     border-bottom: 0.1px solid #00000021 !important;
 }
 
 .avatar1 {
     position: relative;
     left: -20px;
 }
 
 .view-details {
     width: 26px;
     height: 26px;
     background: var(--bs-blue);
     padding-top: 6px;
 }
 
 .edit-details {
     width: 26px;
     height: 26px;
     background: var(--bs-green);
     padding-top: 6px;
 }
 
 .delete-details {
     width: 26px;
     height: 26px;
     padding-top: 6px;
 }
 
 .id-red {
     color: var(--primary-color) !important;
 }
 
 .font-size {
     font-size: 13px;
 }
 
 .step-app>.step-steps>li.active {
     background-color: var(--primary-color);
 }
 
 .step-app>.step-steps>li.done {
     background-color: #89918cf7;
 }
 
 input.form-control.filter {
     display: none !important;
 }
 
 button.btn.moveall.btn-outline-secondary,
 button.btn.removeall.btn-outline-secondary {
     background: var(--primary-color);
     color: white;
     border: none;
     min-width: 300px !important;
 }
 
 .space-between-btns {
     justify-content: space-around;
 }
 
 .underline {
     border-bottom: 2px solid var(--primary-color) !important;
     padding-bottom: 4px;
 }
 
 .form-range1 {
     width: 50%;
     height: auto;
     float: right;
     padding: 0;
     border: 0;
     background-color: transparent;
 }
 
 .price-range1 {
     height: 0.8em;
     top: 13px;
 }
 
 .form-control1 {
     background-color: transparent !important;
     border: 1.5px outset var(--border-color) !important;
 }
 
 .form-control2 {
     height: 40px;
     width: 200px;
 }
 
 .ui-widget-content {
     background: none;
     border: 1px outset !important;
 }
 
 .finish-btn {
     background-color: var(--bs-green) !important;
 }
 
 .next-btn {
     background-color: var(--bs-primary) !important;
 }
 
 .system-bg-color {
     background: linear-gradient(45deg, #955151, #00000061);
 }
 
 .input-border {
     border: 1px solid var(--bs-gray-500);
 }
 
 .modal-margin {
     margin-top: 80px;
 }
 
 .modal {
     background: #000000ad !important;
 }
 
 .margin {
     margin-top: 30px !important;
 }
 
 .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active {
     color: #f7f3f3 !important;
     font-weight: 900 !important;
     background: var(--primary-color) !important;
     border: none !important;
 }
 
 video.img-fluid {
     height: 87px;
 }
 
 .download-btn {
     width: 25px;
     height: 25px;
     display: flex;
     color: white;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     cursor: pointer;
     font-size: 12px;
 }
 
 .upload1 {
     background: transparent !important;
     border: initial !important;
     text-align: right;
 }
 
 .opacity {
     opacity: 0;
     height: 0;
 }
 
 .btn-hover {
     background-color: var(--primary-color) !important;
 }
 
 .visuhide {
     position: absolute !important;
     overflow: hidden;
     width: 1px;
     height: 1px;
     clip: rect(1px, 1px, 1px, 1px);
 }
 
 .star__container:hover .star__item,
 .star__radio:checked~.star__item {
     filter: grayscale(0);
 }
 
 .star__container:not(:hover)>.star__radio:nth-of-type(1):checked~.star__item:nth-of-type(1)~.star__item,
 .star__container:not(:hover)>.star__radio:nth-of-type(2):checked~.star__item:nth-of-type(2)~.star__item,
 .star__container:not(:hover)>.star__radio:nth-of-type(3):checked~.star__item:nth-of-type(3)~.star__item,
 .star__container:not(:hover)>.star__radio:nth-of-type(4):checked~.star__item:nth-of-type(4)~.star__item,
 .star__container:not(:hover)>.star__radio:nth-of-type(5):checked~.star__item:nth-of-type(5)~.star__item,
 .star__item,
 .star__item:hover~.star__item {
     filter: grayscale(1);
 }
 
 .star__radio:nth-of-type(1):checked~.star__item:nth-of-type(1)::before {
     transform: scale(1.5);
     transition-timing-function: cubic-bezier(0.5, 1.5, 0.25, 1);
 }
 
 .star__radio:nth-of-type(2):checked~.star__item:nth-of-type(2)::before {
     transform: scale(1.5);
     transition-timing-function: cubic-bezier(0.5, 1.5, 0.25, 1);
 }
 
 .star__radio:nth-of-type(3):checked~.star__item:nth-of-type(3)::before {
     transform: scale(1.5);
     transition-timing-function: cubic-bezier(0.5, 1.5, 0.25, 1);
 }
 
 .star__radio:nth-of-type(4):checked~.star__item:nth-of-type(4)::before {
     transform: scale(1.5);
     transition-timing-function: cubic-bezier(0.5, 1.5, 0.25, 1);
 }
 
 .star__radio:nth-of-type(5):checked~.star__item:nth-of-type(5)::before {
     transform: scale(1.5);
     transition-timing-function: cubic-bezier(0.5, 1.5, 0.25, 1);
 }
 
 .star__item {
     display: inline-flex;
     width: 2.25em;
     height: 3.5em;
     cursor: pointer;
 }
 
 .star__item::before {
     content: "⭐️";
     display: inline-block;
     margin: auto;
     vertical-align: top;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     transform-origin: 50% 33.3%;
     transition: transform 0.3s ease-out;
 }
 
 .timeline ul {
     padding: 50px 0;
 }
 
 .timeline {
     overflow: hidden;
 }
 
 .timeline ul li {
     list-style-type: none;
     position: relative;
     width: 6px;
     margin: 0 auto;
     padding-top: 50px;
     background: #fff;
 }
 
 #layout-p .header {
     border-bottom: 0;
 }
 
 ::-webkit-scrollbar-thumb {
     opacity: 0.2;
     background: #c0c6cc;
     border-radius: 5px;
 }
 
 #layout-p .sidebar .menu-list li .sub-menu {
     background-color: #686d73;
 }
 
 .timeline ul li::after {
     content: "";
     position: absolute;
     left: 50%;
     bottom: 0;
     transform: translateX(-50%);
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background: #c3c8cc;
     z-index: 1;
 }
 
 .timeline ul li div {
     position: relative;
     bottom: 0;
     width: 400px;
     padding: 15px;
 }
 
 .timeline ul li div::before {
     content: "";
     position: absolute;
     bottom: 7px;
     width: 0;
     height: 0;
     border-style: solid;
 }
 
 .timeline ul li:nth-child(odd) div {
     left: 45px;
 }
 
 .timeline ul li:nth-child(odd) div::before {
     left: -15px;
     border-width: 8px 16px 8px 0;
     border-color: transparent #c3c8cc transparent transparent;
 }
 
 .timeline ul li:nth-child(even) div {
     left: -439px;
 }
 
 .timeline ul li:nth-child(even) div::before {
     right: -15px;
     border-width: 8px 0 8px 16px;
     border-color: transparent transparent transparent #c3c8cc;
 }
 
 .timeline time {
     display: block;
     font-size: 1.2rem;
     font-weight: bold;
     margin-bottom: 8px;
 }
 
 .timeline ul li div {
     visibility: visible;
     opacity: 1;
     transition: all 0.5s ease-in-out;
 }
 
 @media screen and (max-width: 900px) {
     .timeline ul li div {
         width: 250px;
     }
     .timeline ul li:nth-child(even) div {
         left: -289px;
     }
 }
 
 @media screen and (max-width: 600px) {
     .timeline ul li {
         margin-left: 20px;
     }
     .timeline ul li div {
         width: calc(100vw - 91px);
     }
     .timeline ul li:nth-child(even) div {
         left: 45px;
     }
     .timeline ul li:nth-child(even) div::before {
         left: -15px;
         border-width: 8px 16px 8px 0;
         border-color: transparent #c3c8cc transparent transparent;
     }
 }
 
 .timeline-clippy ul li::after {
     width: 40px;
     height: 40px;
     border-radius: 0;
 }
 
 .timeline-rhombus ul li::after {
     clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
 }
 
 .timeline-rhombus ul li div::before {
     bottom: 12px;
 }
 
 .timeline-star ul li::after {
     clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
 }
 
 .timeline-heptagon ul li::after {
     clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
 }
 
 .timeline-infinite ul li::after {
     animation: scaleAnimation 2s infinite;
 }
 
 @keyframes scaleAnimation {
     0% {
         transform: translateX(-50%) scale(1);
     }
     50% {
         transform: translateX(-50%) scale(1.25);
     }
     100% {
         transform: translateX(-50%) scale(1);
     }
 }
 
 .align1 {
     text-align: right;
 }
 
 .sliderinx {
     position: sticky;
     top: 25px;
 }
 
 .sliderinx .cardd {
     height: 340px;
 }
 
 .table-present {
     background-color: #198754 !important;
     color: #fff !important;
     border: 1px solid;
 }
 
 .table-apsent {
     background-color: #dc3545 !important;
     color: #fff !important;
     border: 1px solid;
 }
 
 .selected1 img {
     max-width: 100%;
 }
 
 .selected1 .top-text-wrapper code {
     font-size: 0.85em;
     background: linear-gradient(90deg, #fce3ec, #ffe8cc);
     color: #ff4560;
     padding: 0.1rem 0.3rem 0.2rem;
     border-radius: 0.2rem;
 }
 
 .selected1 .tab-section-wrapper {
     padding: 30px 0;
 }
 
 .selected1 label.radio-card .card-content-wrapper {
     background: #fff;
     border-radius: 5px;
     padding: 15px;
     height: 100px;
     width: 100px;
     display: grid;
     box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04);
     transition: 200ms linear;
 }
 
 .selected1 label.radio-card .check-icon {
     width: 15px;
     height: 15px;
     bottom: 7px;
     display: inline-block;
     border: solid 2px #e3e3e3;
     border-radius: 50%;
     transition: 200ms linear;
     position: relative;
 }
 
 .selected1 label.radio-card .check-icon:before {
     content: "";
     position: absolute;
     inset: 0;
     background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A");
     background-repeat: no-repeat;
     background-size: 12px;
     background-position: center center;
     transform: scale(1.6);
     transition: 200ms linear;
     opacity: 0;
 }
 
 .selected1 label.radio-card input[type="checkbox"] {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
 }
 
 .selected1 label.radio-card input[type="checkbox"]:checked+.card-content-wrapper {
     box-shadow: 0 2px 4px 0 rgb(219 215 215 / 50%), 0 0 0 2px #ff4560;
 }
 
 .selected1 label.radio-card input[type="checkbox"]:checked+.card-content-wrapper .check-icon {
     background: #ff4560;
     border-color: #ff4560;
     transform: scale(1.2);
 }
 
 .selected1 label.radio-card input[type="checkbox"]:checked+.card-content-wrapper .check-icon:before {
     transform: scale(1);
     opacity: 1;
 }
 
 .selected1 label.radio-card input[type="checkbox"]:focus+.card-content-wrapper .check-icon {
     box-shadow: 0 0 0 4px rgba(213, 48, 48, 0.178);
     border-color: #ff4560;
 }
 
 .selected1 label.radio-card .card-content h4 {
     font-size: 16px;
     letter-spacing: -0.24px;
     text-align: center;
     color: #1f2949;
     margin-bottom: 10px;
 }
 
 .selected1 label.radio-card .card-content h5 {
     font-size: 14px;
     line-height: 1.4;
     text-align: center;
     color: #686d73;
 }
 
 .article1 {
     display: none;
 }
 
 .article1.on {
     display: block;
 }
 
 .datestyle {
     background: #fff;
     border-top: 3px solid #4fe4c1;
     padding: 2px 8px 3px;
     font-weight: 600;
     border-radius: 4px;
 }
 
 .datestyle1 {
     border-top: 3px solid #fd6679;
 }
 
 .pdf-file {
     background: blue;
     width: 30px;
     font-size: 16px;
     padding-top: 6px;
     color: white;
     height: 30px;
     border-radius: 5px;
 }
 
 .profile {
     width: 150px;
 }
 
 .field-width {
     width: 68%;
     margin: auto;
 }
 
 .alrtdiv {
     height: 40px;
     right: 0;
     top: 0;
     position: absolute;
     width: 50px;
     background: #d1e7dd;
 }
 
 .play-btn {
     width: 20px;
     height: 20px;
     top: 2px;
     border-radius: 50%;
     position: relative;
     display: inline-block;
     box-shadow: 0 0 25px 3px rgba(255, 255, 255, 0.63);
 }
 
 .tuto {
     position: relative;
     top: -3px;
     left: 5px;
 }
 
 .play-btn::after {
     content: "";
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translateX(-40%) translateY(-50%);
     transform: translateX(-40%) translateY(-50%);
     transform-origin: center center;
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-bottom: 5px solid transparent;
     border-left: 10px solid #fff;
     z-index: 100;
     -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
     transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
 }
 
 .play-btn:before {
     content: "";
     position: absolute;
     width: 150%;
     height: 150%;
     -webkit-animation-delay: 0s;
     animation-delay: 0s;
     -webkit-animation: pulsate1 2s;
     animation: pulsate1 2s;
     -webkit-animation-direction: forwards;
     animation-direction: forwards;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-timing-function: steps;
     animation-timing-function: steps;
     opacity: 1;
     border-radius: 50%;
     top: -28%;
     left: -25%;
 }
 
 @-webkit-keyframes pulsate1 {
     0% {
         -webkit-transform: scale(0.6);
         transform: scale(0.6);
         opacity: 1;
         box-shadow: inset 0 0 25px 3px rgba(255, 255, 255, 0.75), 0 0 25px 10px rgba(255, 255, 255, 0.75);
     }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0;
         box-shadow: none;
     }
 }
 
 @keyframes pulsate1 {
     0% {
         -webkit-transform: scale(0.6);
         transform: scale(0.6);
         opacity: 1;
         box-shadow: inset 0 0 25px 3px rgba(255, 255, 255, 0.75), 0 0 25px 10px rgba(255, 255, 255, 0.75);
     }
     100% {
         -webkit-transform: scale(1, 1);
         transform: scale(1);
         opacity: 0;
         box-shadow: none;
     }
 }
 
 .tabcontrol,
 .wizard {
     display: block;
     width: 100%;
     overflow: hidden;
 }
 
 .tabcontrol a,
 .wizard a {
     outline: 0;
 }
 
 .tabcontrol ul,
 .wizard ul {
     list-style: none !important;
     padding: 0;
     margin: 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
 }
 
 .tabcontrol ul>li,
 .wizard ul>li {
     display: block;
     padding: 0;
 }
 
 .tabcontrol>.steps .current-info,
 .wizard>.steps .current-info {
     position: absolute;
     left: -999em;
 }
 
 .tabcontrol>.content>.title,
 .wizard>.content>.title {
     position: absolute;
     left: -999em;
 }
 
 .wizard>.steps {
     position: relative;
     display: block;
     width: 100%;
 }
 
 .wizard.vertical>.steps {
     display: inline;
     float: left;
     width: 30%;
 }
 
 .wizard>.steps .number {
     font-size: 1.429em;
 }
 
 .wizard>.actions>ul>li,
 .wizard>.steps>ul>li {
     float: left;
 }
 
 .wizard.vertical>.steps>ul>li {
     float: none;
     width: 100%;
 }
 
 .wizard>.steps a,
 .wizard>.steps a:active,
 .wizard>.steps a:hover {
     display: block;
     width: auto;
     margin: 0 0.5em 0.5em;
     padding: 0.5em;
     text-decoration: none;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .wizard>.steps .disabled a,
 .wizard>.steps .disabled a:active,
 .wizard>.steps .disabled a:hover {
     color: #aaa;
     cursor: default;
 }
 
 .wizard>.steps .current a,
 .wizard>.steps .current a:active,
 .wizard>.steps .current a:hover {
     background: var(--primary-color);
     color: var(--bs-white);
     cursor: default;
 }
 
 .wizard>.steps .done a,
 .wizard>.steps .done a:active,
 .wizard>.steps .done a:hover {
     background: #4caf50;
     color: #fff;
 }
 
 .wizard>.steps .error a,
 .wizard>.steps .error a:active,
 .wizard>.steps .error a:hover {
     background: #ff3111;
     color: #fff;
 }
 
 .wizard>.content {
     display: block;
     margin: 0.5em;
     min-height: 35em;
     overflow: hidden;
     position: relative;
     width: auto;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .wizard.vertical>.content {
     display: inline;
     float: left;
     margin: 0 2.5% 0.5em;
     width: 65%;
 }
 
 .wizard>.content>.body {
     float: left;
     position: absolute;
     width: 95%;
     height: 95%;
     padding: 2.5%;
 }
 /* .wizard > .content > .body ul {
  list-style: disc !important;
} */
 
 .wizard>.content>.body ul>li {
     display: list-item;
 }
 
 .wizard>.content>.body>iframe {
     border: 0 none;
     width: 100%;
     height: 100%;
 }
 
 .wizard>.content>.body input {
     display: block;
     border: 1px solid #ccc;
 }
 
 .wizard>.content>.body input[type="checkbox"] {
     display: inline-block;
 }
 
 .wizard>.content>.body input.error {
     background: rgb(251, 227, 228);
     border: 1px solid #fbc2c4;
     color: #8a1f11;
 }
 
 .wizard>.content>.body label {
     display: inline-block;
     margin-bottom: 0.5em;
 }
 
 .wizard>.content>.body label.error {
     color: #8a1f11;
     display: inline-block;
     margin-left: 1.5em;
 }
 
 .wizard>.actions {
     position: relative;
     display: block;
     text-align: right;
     width: 100%;
 }
 
 .wizard.vertical>.actions {
     display: inline;
     float: right;
     margin: 0 2.5%;
     width: 95%;
 }
 
 .wizard>.actions>ul {
     display: inline-block;
     text-align: right;
 }
 
 .wizard>.actions>ul>li {
     margin: 0 0.5em;
 }
 
 .wizard.vertical>.actions>ul>li {
     margin: 0 0 0 1em;
 }
 
 .wizard>.actions a,
 .wizard>.actions a:active,
 .wizard>.actions a:hover {
     background: #2184be;
     color: #fff;
     display: block;
     padding: 0.5em 1em;
     text-decoration: none;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .wizard>.actions .disabled a,
 .wizard>.actions .disabled a:active,
 .wizard>.actions .disabled a:hover {
     background: #eee;
     color: #aaa;
 }
 
 .tabcontrol>.steps {
     position: relative;
     display: block;
     width: 100%;
 }
 
 .tabcontrol>.steps>ul {
     position: relative;
     margin: 6px 0 0;
     top: 1px;
     z-index: 1;
 }
 
 .tabcontrol>.steps>ul>li {
     float: left;
     margin: 5px 2px 0 0;
     padding: 1px;
     -webkit-border-top-left-radius: 5px;
     -webkit-border-top-right-radius: 5px;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
 }
 
 .tabcontrol>.steps>ul>li:hover {
     background: #edecec;
     border: 1px solid #bbb;
     padding: 0;
 }
 
 .tabcontrol>.steps>ul>li.current {
     background: #fff;
     border: 1px solid #bbb;
     border-bottom: 0 none;
     padding: 0 0 1px;
     margin-top: 0;
 }
 
 .tabcontrol>.steps>ul>li>a {
     color: #5f5f5f;
     display: inline-block;
     border: 0 none;
     margin: 0;
     padding: 10px 30px;
     text-decoration: none;
 }
 
 .tabcontrol>.steps>ul>li>a:hover {
     text-decoration: none;
 }
 
 .tabcontrol>.steps>ul>li.current>a {
     padding: 15px 30px 10px;
 }
 
 .tabcontrol>.content {
     position: relative;
     display: inline-block;
     width: 100%;
     height: 35em;
     overflow: hidden;
     border-top: 1px solid #bbb;
     padding-top: 20px;
 }
 
 .tabcontrol>.content>.body {
     float: left;
     position: absolute;
     width: 95%;
     height: 95%;
     padding: 2.5%;
 }
 
 .tabcontrol>.content>.body ul {
     list-style: disc !important;
 }
 
 .tabcontrol>.content>.body ul>li {
     display: list-item;
 }
 
 .actions li a,
 .steps>ul>li>a {
     padding: 10px;
     text-decoration: none;
     margin: 1px;
     display: block;
     color: #777;
 }
 
 .actions li,
 .steps>ul>li {
     list-style: none;
 }
 
 #layout-p .sidebar {
     overflow-y: auto;
 }
 
 #layout-p .sidebar.sidebar-mini .menu-list .sub-menu.collapse {
     display: none !important;
 }
 
 #layout-p .sidebar.sidebar-mini .menu-list>li:hover .sub-menu {
     display: none !important;
 }
 /* --------------add-property--------- */
 
 span.iconS_PPFDesk_48 {
     background: url(https://www.99acres.com/ppf-static/media/ppfDeskSprite.7db58537.png);
     width: 48px;
     height: 48px;
     background-size: 778px 380px;
     display: inline-block;
     vertical-align: middle;
     font-style: normal;
     background-repeat: no-repeat;
 }
 
 span.iconS_PPFDesk_48.icon_mobileUpload {
     background-position: -624px -96px;
 }
 
 .ownership {
     width: 470px !important;
 }
 
 .pricing {
     border: 1px solid #8080803b;
     color: black;
 }
 
 .count {
     width: 28px;
     height: 28px;
     margin: 0px 5px;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 /*  */
 
 label.radio {
     cursor: pointer;
     width: 100% !important;
 }
 
 label.radio input {
     position: absolute;
     top: 0;
     left: 0;
     visibility: hidden;
     pointer-events: none;
     width: 100%;
 }
 
 label.radio input:checked+span {
     background-color: var(--primary-color);
     color: #fff;
     padding: 8px 10px;
     border-radius: 20px;
 }
 
 label.radio input+span {
     border: 1px solid #8080803b;
     color: rgb(15, 12, 12);
     padding: 8px 10px;
     border-radius: 20px;
     display: inline-block;
     white-space: nowrap;
 }
 
 .span-padding {
     padding: 8px 14px !important;
 }
 
 ul.custom-checkboxes {
     grid-column-gap: 10px !important;
     justify-content: flex-start !important;
 }
 
 ul.custom-checkboxes li {
     display: inline;
 }
 
 ul.custom-checkboxes li label {
     display: inline-block;
     background-color: rgba(255, 255, 255, 0.9);
     color: rgba(var(--bs-black-rgb), 0.7);
     border-radius: 25px;
     white-space: nowrap;
     margin: 3px 0px;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: transparent;
     transition: all 0.2s;
 }
 
 ul.custom-checkboxes li label {
     padding: 8px 12px;
     cursor: pointer;
 }
 
 ul.custom-checkboxes li label::before {
     display: inline-block;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     font-size: 12px;
     padding: 2px 6px 2px 2px;
     content: "\f067";
     transition: transform 0.3s ease-in-out;
 }
 
 ul.custom-checkboxes li input[type="checkbox"]:checked+label::before {
     content: "\f00c";
     transform: rotate(-360deg);
     transition: transform 0.3s ease-in-out;
 }
 
 ul.custom-checkboxes li input[type="checkbox"]:checked+label {
     background-color: var(--primary-color);
     color: #fff;
     transition: all 0.2s;
 }
 
 ul.custom-checkboxes li input[type="checkbox"]+label {
     border: 1px solid #8080803b;
     color: rgba(var(--bs-black-rgb), 0.7);
 }
 
 ul.custom-checkboxes li input[type="checkbox"] {
     display: absolute;
 }
 
 ul.custom-checkboxes li input[type="checkbox"] {
     position: absolute;
     opacity: 0;
 }
 
 .cursor {
     cursor: pointer;
 }
 
 .main {
     background: #4442421f !important;
 }
 
 .li-space {
     justify-content: flex-start !important;
     grid-column-gap: 10px !important;
 }
 
 input.input-field {
     border: none !important;
     width: 30px;
     outline: none;
     text-align: center;
 }
 
 .altera {
     border-radius: 50%;
     width: 28px !important;
 }
 
 button.decrement,
 button.increment {
     border-radius: 50%;
     width: 27px;
 }
 
 .dropify-preview {
     opacity: 1 !important;
 }
 /*  */
 /**
 * FilePond Custom Styles
 */
 
 .filepond--drop-label {
     color: #4c4e53;
 }
 
 .filepond--label-action {
     text-decoration-color: #babdc0;
 }
 
 .filepond--panel-root {
     border-radius: 2em;
     background-color: #edf0f4;
     height: 1em;
 }
 
 .filepond--item-panel {
     background-color: #595e68;
 }
 
 .filepond--drip-blob {
     background-color: #7f8a9a;
 }
 
 .furnishing-list {
     grid-column-gap: 10px;
     flex-wrap: wrap;
     justify-content: flex-start;
 }
 /*  */
 /**
 * Meeting Time line
 */
.timeline-details {
  width: 26px;
  height: 26px;
  background: #1258bf;
  ;
  padding-top: 6px;
}

.timeline-meeting {
  width: 800px;
  color: #191818;
  padding: 30px 20px;
}

.timeline-meeting ul {
  list-style-type: none;
  border-left: 2px solid #094a68;
  padding: 10px 5px;
}

.timeline-meeting ul li {
  padding: 20px 20px;
  position: relative;
  cursor: pointer;
  transition: .5s;
  margin-right: 130px;
}

.timeline-meeting ul li span {
  display: inline-block;
  background-color: #1685b8;
  border-radius: 25px;
  padding: 2px 5px;
  font-size: 15px;
  text-align: center;
  color: white;
}

.content-timeline {
  padding: 10px;
  margin-top: 5px;
  background-color: #d0e7f3;
  border-radius: 5px;
}

.timeline-meeting ul li .content h3 {
  color: #B8405E;
  font-size: 17px;
  padding-top: 5px;
  padding-left: 10px;
}

.timeline-meeting ul li .content p {
  padding: 5px 10px 15px 10px;
  font-size: 15px;
}

.timeline-meeting ul li:before {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  background-color: #34ace0;
  border-radius: 50%;
  left: -11px;
  top: 28px;
  transition: .5s;
}

.timeline-meeting ul li:hover {
  background-color: #c4e0ef;
  border-radius: 5px;
}

.timeline-meeting ul li:hover:before {
  background-color: #0F0;
  box-shadow: 0px 0px 10px 2px #0F0;
}

@media (max-width:300px) {
  .timeline-meeting {
    width: 100%;
    padding: 30px 5px 30px 10px;
  }

  .timeline-meeting ul li .content h3 {
    color: #34ace0;
    font-size: 15px;
  }
}

.dt-buttons .btn {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--bs-white);
  margin: 0 5px 0 0;
  border-radius: 0.25rem !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #000080 !important;
  border-color: var(--primary-color);
}

.select2-container--default .select2-selection--single {
  background-color: transparent !important;
  height: 35px !important;
  /* box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%); */
}

/* id visiting, agreement and proposal css */
.marbottm {
  margin-bottom: 100px;
}

.padding-left-right {
  padding: 0 100px;
}

.text-chok {
  color: #ccac79;
}

.bg-chok {
  background: #ccac79;
}

.bg-white1 {
  background-color: #f0f0f2;
}

.visiting-card {
  background-image: url(https://images.pexels.com/photos/2457284/pexels-photo-2457284.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1) !important;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.visiting-card #overlay1 {
  position: absolute;
  width: 100%;
  transition: 0.3s ease-in-out;
  border-radius: 0 60px 60px 150px;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #00008057;
  cursor: pointer;
}

/* //////id-card//// */

.id-card {
  position: absolute;
  background: var(--primary3);
  width: 60%;
  justify-content: center;
  padding: 35px 15px 15px;
  border-radius: 5px;
  display: flex;
}

.id-card:before {
  content: "";
  position: absolute;
  top: 11px;
  width: 80px;
  height: 13px;
  background: #c2c6ccb5;
  border-radius: 50px;
}

.id-card .card {
  background: #fff;
  position: relative;
  border-radius: 5px;
}

.id-padding {
  padding: 20px 20px 5px;
}

.id-card1 .card:after {
  content: "Vishal Properties Builder";
  position: absolute;
  top: 153px;
  left: -150px;
  transform: rotate(-90deg);
  text-transform: uppercase;
  letter-spacing: 5px;
  color: #000;
  font-weight: bold;
}

.id-card .card .info {
  width: 100%;
  padding: 10px 20px;
  background: var(--id-bottom-bg);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.id-card .card p {
  text-transform: uppercase;
  font-family: var(--font-family);
  font-weight: 400;
}

.height {
  height: 500px;
  display: flex;
  padding: 300px 0;
  align-items: center;
  justify-content: center;
  background-color: #c2c6cc;
}

/* //////id-card//// */
/* //////visiting-card//// */

.front-side,
.back-side {
  /* height: 315px; */
  display: grid;
  overflow: hidden;
  box-shadow: 2px 5px 15px 0px #17161694;
  background-color: #000000;
}

.color-grid {
  display: grid;
  grid-template-columns: repeat(3, 140px);
  grid-template-rows: repeat(8, 50px);
  grid-gap: 8px;
  width: 150px;
  height: 340px;
  transform: rotate(-45deg);
}

.black2 {
  background-color: var(--idcard-dark-bg);
  grid-column: 2 / span 2;
  grid-row: 1 / span 3;
}

.red1 {
  background-color: var(--idcard-red-bg);
  grid-row: 1 / span 13;
}

.red2 {
  background-color: var(--idcard-red-bg);
  grid-column: 2 / span 8;
  grid-row: 3/7;
}

.green2 {
  background-color: var(--id-card-green-bg);
  grid-column: 2/31;
  grid-row: 7/45;
}

.info-grid {
  backdrop-filter: blur(4px);
  background-color: rgb(255 255 255 / 14%);
  border-radius: 6px;
  position: absolute;
  margin: 10px;
  padding: 5px;
}

.info-grid .name {
  grid-column: 2 / span 2;
  grid-row: 1 / span 1;
  font-size: 1.2em;
  letter-spacing: .1rem;
  margin-top: 8px;
}

.info-grid .name h5 {
  font-weight: unset;
  font-family: var(--font-family);
}

.info-grid .addr {
  grid-column: 2 / span 2;
  grid-row: 3;
}

.info-grid .phoneNo {
  grid-column: 3 / span 2;
  grid-row: 2;
  text-align: end;
}

.info-grid .emailId {
  grid-column: 3 / span 2;
  grid-row: 3;
  text-align: end;
  font-size: 1.1em;
}

.back-side .name-tag {
  grid-column: 1 / span 4;
  grid-row: 2 / span 1;
  align-self: center;
  z-index: 2;
  width: 100%;
  height: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  backdrop-filter: blur(4px);
  background-color: rgb(255 255 255 / 14%);
  font-size: 0.6rem;
  letter-spacing: .1rem;
  text-align: center;
  position: absolute;
  z-index: 9999;
}

.name-tag h1,
h3 {
  margin: 2px;
  font-family: var(--font-family);
  font-weight: unset;
}

.text-sh {
  text-shadow: 0px -3px 3px #f9b500;
}

#draggablePanelList .panel-heading {
  cursor: move;
}

#draggablePanelList2 .panel-heading {
  cursor: move;
}

/* //////visiting-card//// */
/* ///media Queries/// */

@media only screen and (max-width: 991px) {

  html,
  body {
    overflow-x: hidden;
  }

  .id-card {
    width: auto;
  }

  .id-padding {
    padding: 15px;
  }

  .w-25 {
    width: auto !important;
  }
}

/* ///media Queries-end/// */
/* //app-setting// */

.myactiv .nav-link.active,
.myactiv .show>.nav-link {
  border-left: 2px solid var(--primary-color);
  background-color: #e7f1ff !important;
  color: #000 !important;
  border-radius: 0;
}

.myactiv1 .accordion-button:not(.collapsed) {
  background-color: transparent !important;
}

.bg-lit {
  background-color: #e7f1ff !important;
  border: 0;
  border-radius: 0.25rem;
}

.bg-row {
  background-color: #fff;
  border: 0;
  border-radius: 0.25rem;
}

.bg-lit .select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border: 0 !important;
  background-color: #e7f1ff !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e7f1ff !important;
}

.tbl-app ::marker {
  color: var(--bs-primary);
}

.select2-container {
  z-index: 1055;
}

/* Underline From Left */

.hvr-line {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.hvr-line:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: var(--primary-color);
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-line:hover:before,
.hvr-line:focus:before,
.hvr-line:active:before {
  right: 0;
}

.nav-pills .hvr-line .nav-link {
  background-color: transparent !important;
  color: #191818 !important;
}

.nav-pills .hvr-line .nav-link.active {
  font-weight: 700;
}

/* //app-setting// */


/* =============emaill===================*/
.no-of-line-1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.no-of-line-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.no-of-line-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.no-of-line-4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.no-of-line-5 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}
.no-of-line-6 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
}
.no-of-line-7 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	overflow: hidden;
}
.no-of-line-8 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	overflow: hidden;
}
.no-of-line-9 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 9;
	overflow: hidden;
}
.no-of-line-10 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	overflow: hidden;
}
.bootstrap-tagsinput input {
	background-color: transparent;
}
.note-group-image-url{
    display: none !important;
}