/* ======================================= */
/* Uiversal css for page resetting */
/* ======================================= */
*,
::before,
::after {
  padding: 0px;
  margin: 0px;
  box-sizing: inherit;
}

/* ================================= */
/* Base css of project start */
/* ================================= */

html {
  font-size: 62.5%;
}

body {
  box-sizing: border-box;
  font-family: "Roboto", "Roboto Condensed";
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.6;
  color: #F2F4F7;
  height: 100%;
  width: 100%;
}

a,
button,
input,
select,
textarea {
  outline: none !important;
  box-shadow: none !important;
}

::-webkit-scrollbar {
  display: none;
}

textarea {
  resize: none;
}

.vs-main-contentContainer {
  background: #08081B;
  height: 100vh;
}

.vs-content_section {
  padding: 0px 20px;
}

.f-error {
  color: red;
  position: absolute;
  font-size: 1.3rem;
  letter-spacing: 1px;
  bottom: 0px;
  left: 10px
}

.vs-datasection {
  background-color: #222739;
  padding: 25px 25px 25px 25px;
  width: 95%;
  margin: 0 auto;
}

.modalIcons {
  width: 10px;
  display: inline-block;
  margin-left: 5px;
}

.headerlefticon {
  width: 10px;
}

.vs-inputform {
  background-color: #222739;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 30px 15px 20px 15px;
  margin: 0;
}

.inputicons {
  z-index: 10;
  position: absolute;
  width: 25px;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

.inputicons.first {
  right: 55px;
}

.form-floating {
  padding-bottom: 20px;
}

.form-floating .form-select {
  background-color: #222739 !important;
  font-size: 1.5rem;
  border: 0;
  border-bottom: 1px solid #6D6F81;
  border-radius: 0px;
  color: #ffffff;
}

/* ================================= */
/* Base css of project end */
/* ================================= */


/* ====================== */
/* Lodar css start */
/* ====================== */


.lodarbg {
  width: 100%;
  height: 100%;
  background-color: #2d2d3d;
}

.lodarcontainer {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.lodarcontainer img {
  width: 100%;
  height: 100%;
  padding: 10px;
  object-fit: cover;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

/* ====================== */
/* Lodar css end */
/* ====================== */


/* ======================== */
/* Header css start */
/* ======================== */

.vs-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 20px 20px;
}

.vs-header-title {
  font-size: 1.6rem;
  font-weight: 300;
  margin: 0 auto;
}

.headericon {
  display: block;
  position: relative;
}

.headericon img {
  width: 12px;
}

.vs-header-btn {
  border: 1px solid #2f2f40;
  position: relative;
  background: #1c1d2f;
  ;
}

.vs-header-btn::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 70%;
  background: #676975;
}

.Withbtngroup .vs-header-btn img {
  width: 14px;
}

/* ======================== */
/* Header css end */
/* ======================== */



/* ================================= */
/* Footer (Floating) css start */
/* ================================= */

.vs-floting-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 25px 25px;
  display: flex;
  justify-content: space-between;
}

.vs-footer-gradient {
  /*background-image: linear-gradient(to top, rgb(8 8 27 / 100%), rgb(8 8 27 / 0%));*/

  background-color: #08081B;
}

.vs-floting-footer a,
.vs-floting-footer button,
.vs-floting-footer input+label {
  font-size: 1.6rem !important;
}

.admyasseticon {
  width: 20px;
}






.vs-floting-footer a:first-child {
  width: 38%;
}

.vs-floting-footer a:last-child {
  width: 59%;
}

.vs-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f2f4f7;
  padding: 15px 50px;
  position: absolute;
  margin: 0 auto;
  width: 95%;
  bottom: 20px;
  left: 0;
  right: 0;
}

/*==== from here custom footer as per requirments ====*/
.vs-PrivacyPolicy .vs-floting-footer a:last-child {
  width: 100%;
}

.offcanvasFooter {
  padding: 25px 25px;
  background-color: #222739;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.offcanvasFooter button {
  font-size: 1.6rem;
}

.offcanvasFooter button:first-child {
  width: 36%;
}

.offcanvasFooter button:last-child {
  width: 57%;
}



/* ================================= */
/* Footer (Floating) css end */
/* ================================= */


/* ============================================= */
/* Notification flow in header css start */
/* ============================================= */

.notifbadge {
  display: inline-block;
  background-color: #E60000;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: absolute;
  text-align: center;
  width: 22px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  top: -10px;
  right: -10px;
}


.vs-main-contentContainer.vs-notification .nav-link {
  width: 50%;
}

.vs-notification .notifbadge {
  right: 10px;
  width: 15px;
  height: 15px;
  top: -5px;
}

/* ============================================= */
/* Notification flow in header css end */
/* ============================================= */


/* ================================= */
/* Onboarding screen css start */
/* ================================= */

.slick-slide img {
  width: 200px;
  height: 200px;
  margin: 30px auto 30px auto;
  object-fit: cover;
}

.onboardingHeading {
  font-size: 2.5rem;
  margin-bottom: 20px;
  color: #ffffff;
}

.onboardingDesc {
  font-size: 1.5rem;
  color: #A8ACB8;
}

.vs-Onboarding .slick-dots {
  bottom: -70px;
}


.vs-Onboarding .slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0 10px;
}

.vs-Onboarding .slick-dots li button {
  width: 10px;
  height: 10px;
}

.vs-Onboarding .slick-dots li button:before {
  width: 10px;
  height: 10px;
}

.vs-Onboarding .slick-dots li.slick-active button:before {
  background-color: #E60000;
  color: #E60000;
  font-size: 1px;
}

.vs-Onboarding .slick-dots li button:before {
  background-color: #6D6F81;
  color: #6D6F81;
  font-size: 1px;
  border-radius: 50%;
  opacity: 1;
}

.vs-Onboarding .slick-dots li button:hover:before,
.vs-Onboarding .slick-dots li button:focus:before {
  opacity: 1;
}

/* ================================= */
/* Onboarding screen css start */
/* ================================= */


/* ================================= */
/* Privacy Policy screen css start */
/* ================================= */


.vs-PrivacyPolicy .vs-datasection {
  background-color: #222739;
  padding: 25px 25px 25px 25px;
  width: 100%;
  margin: 50px auto 0px auto;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 380px;
}

.TnCcontainer {
  margin-bottom: 20px;
}

.tncdes {
  font-size: 1.4rem;
  line-height: 20px;
  color: #A8ACB8;
  display: block;
  margin-top: 10px;
}


/* ================================= */
/* Privacy Policy screen css end */
/* ================================= */


/* ==================================================== */
/* Dashboard screen css start */
/* ==================================================== */

.vs-header.Withbtngroup .notifimg {
  width: 15px;
}

.vs-dashboard .vs-content_section,
.vs-coverSummary .vs-content_section {
  /* max-height: 570px; */
  overflow-x: hidden;
  overflow-y: scroll;
  padding-bottom: 50px;
}

/* .Toastify__toast-container {
  position: absolute !important;
  width: 95% !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
  bottom: 10px !important;
  transform: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
} */


.Toastify__toast--default {
  background: #fafafa !important;
  color: #000000 !important;
  padding: 10px 10px 30px 10px !important;
  font-size: 16px !important;
  line-height: 25px !important;
}


.dismisstext {
  position: absolute;
  bottom: 5px;
  right: 10px;
  color: red;
  font-weight: bold;
}

.dashboard-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid #efefef4d;
}

.dashboard-card .card-body {
  padding: 20px 20px 25px 20px;
}

.dashboard-card .generalbadge {
  background-color: #ffffff;
  color: #525365;
  left: inherit;
  font-weight: 600;
  right: 0;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 0px;
  padding: 5px 15px;
}

.responsive-row {
  position: relative !important;
}

.dashboard-card .addressAssesaddbtn {
  background: radial-gradient(69.56% 103.21% at 50% 100%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 80.73%),
    linear-gradient(95.6deg, #80A7FF 2.85%, #2800D1 138.79%), rgba(34, 39, 57, 0.9);
  font-size: 20px;
  padding: 10px 0px;
  text-align: center;
  display: block;
  width: 100%;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  color: #ffffff;
}

.dashboard-card .addressAssesaddbtn img {
  width: 30px;
}

.userassetalert {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  border: 1px solid #efefef4d;
  font-size: 1.6rem;
}

.userassetalert img {
  width: 25px;
  margin-right: 10px;
  vertical-align: sub;
}

.userassetalert a,
.userassetalert label {
  background-color: #E60000;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  font-size: 11px;
  padding: 10px 15px;
  font-size: 1.6rem;
  display: block;
  text-align: center;
  margin-top: 10px;
}

.vs-app-card-container .card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  border: 1px solid #efefef4d;
  color: #F2F4F7;
}

.vs-app-card-container .card-body {
  padding: 30px 0px 15px 0px;
}

.vs-stack-icon {
  position: absolute;
  left: auto;
  right: 20px;
  top: -30px;
}

.vs-card-icon {
  background-color: #3E5FFF;
  padding: 1.5rem;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.vs-card-icon img {
  width: 25px;
}

/*==== TnC offcnavas on dashboard screen ====*/

.Offcanvastoptital {
  font-size: 1.8rem;
  color: #C9CCD4;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 40px;
}

.vs-borderbottomListrandom {
  padding: 0px 0px 25px 0px;
  list-style: none;
}

.vs-borderbottomListrandom li {
  border-bottom: 1px solid #a8acb88f;
  padding: 20px 0px 20px 0px;
  font-size: 1.6rem;
}

.vs-borderbottomListrandom li img {
  width: 22px;
  height: 22px;
  object-fit: contain;
  display: inline-block;
  margin-right: 20px;
}

#thefirstoff {
  padding-bottom: 60px;
}

.dashboardTnC_checkbox {
  padding: 10px 0px 35px 55px;
}

.dashboardTnC_checkbox input {
  margin-right: 20px;
}

.form-check .form-check-input[type="checkbox"] {
  width: 25px;
  height: 25px;
  border-radius: 4px;
}

.dashboardTnC_checkbox input[type="checkbox"]:checked {
  background-color: #00B0CA;
  border-color: #00B0CA;
}

.dashboardTnC_checkbox label {
  font-size: 1.3rem;
  position: relative;
}

.dashboardTnC_checkbox label::after {
  content: " ";
  width: 25px;
  height: 25px;
  border: 1px solid #efefef54;
  position: absolute;
  top: 5px;
  left: -45px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}


.dashboardTnC_checkbox label::before {
  content: " ";
  width: 25px;
  height: 25px;
  background-image: url("../Newimg/checkrightWHITE.png");
  background-repeat: no-repeat;
  background-size: 45%;
  background-position: center;
  position: absolute;
  left: -45px;
  top: 5px;
  background-color: transparent;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  z-index: 10;
}

.dashboardTnC_checkbox input[type="checkbox"]:checked+label::after {
  background-color: #00B0CA;
  border-color: #00B0CA;
}

.dashboardTnC_checkbox input[type="checkbox"]:checked+label::before {
  opacity: 1;
}

/*==== Add address offcnavas on dashboard screen ====*/

.bulb {
  width: 60px;
}

/* ==================================================== */
/* Dashboard screen css end */
/* ==================================================== */


/* ================================= */
/* Add address screen css start */
/* ================================= */

.gpsinput .form-floating>label {
  top: -17px;
  font-size: 1.5rem;
}

.gpsinput .form-floating>.form-control:focus~label,
.gpsinput .form-floating>.form-control:not(:placeholder-shown)~label,
.gpsinput .form-floating>.form-select~label {
  transform: scale(0.85) translateY(-1.3rem) translateX(0.15rem);
}

.searchaddresslisting {
  position: absolute;
  background-color: #484E63;
  left: 0;
  right: 0;
  top: auto;
  bottom: -210px;
  width: 100%;
  height: 200px;
  z-index: 1;
  border: 1px solid #6D6F81;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 10px 20px;
  color: #ffffff;
}

.form-floating+.searchaddresslisting {
  bottom: -180px;
}

.searchaddresslisting ul li a {
  border-bottom: 1px solid #6D6F81;
  margin-bottom: 0;
  padding: 10px 0px;
  font-size: 1.5rem;
}

.searchaddresslisting ul li a {
  color: #ffffff;
  display: block;
}


.searchaddresslisting ul li:last-child a {
  border-bottom: none;
}

.gpsinput .f-error {
  bottom: -25px;
}

.googletabimg {
  width: 120px;
  margin: 12px 0px 12px auto;
  display: block;
}

.vs-floting-footer button:first-child {
  width: 36%;
}

.vs-floting-footer button:last-child {
  width: 57%;
}

/* ================================= */
/* Add address screen css end */
/* ================================= */



/*========== Home Screen Popup Series Start ==========*/

.Floatingpopuplogo {
  position: absolute;
  margin: 0 auto;
  left: 50%;
  width: 100px;
  top: -50px;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}

.vs-acceptpolicy .form-check-input,
.vs-underwriting .form-check-input {
  width: 1.3em;
  height: 1.3em;
}



.vs-acceptpolicy .form-check-input:checked,
.vs-underwriting .form-check-input:checked {
  background-color: #00B0CA;
  border-color: #00B0CA;
}

.vs-acceptpolicy .form-check,
.vs-underwriting .form-check {
  padding-left: 2.5em;
}

.vs-acceptpolicy .form-check .form-check-input,
.vs-underwriting .form-check .form-check-input {
  margin-left: -2.3em;
}


/*========== First Screen Series End ==========*/


/*========== Dashboard Style Start ==========*/









/*========== Dashboard Style End ==========*/




/*===== Footer Style (for Dashboard) =====*/


/*===== footer buttons (for Dashboard) =====*/
.vs-icon-btn {
  display: block;
  text-align: center;
  font-size: 1.2rem;
  margin-top: 3px;
}

.vs-icon-btn>span {
  margin-top: 5px;
}

.vs-stack-badge.active {
  background-color: #3E5FFF !important;
}

.vs-icon-btn.active path {
  fill: #E60000;
}

.vs-icon-btn.active p {
  color: #E60000 !important;
}

/*======= Floating Footer (with functional buttons) ========*/


.activityalert .btn-close {
  background: transparent;
}

/*=================== Base Component Style CSS for Project End ====================*/




/*========= Domicile Flow's  CSS Start ==========*/

.vs-domicile .vs-empty,
.vs-submission .vs-empty,
.vs-mylocker .vs-empty,
.vs-underwriting .vs-empty {
  background-image: url("../images/icon/EmptyBg.svg");
  background-repeat: no-repeat;
  background-position: 0 -90px;
  background-size: contain;
  display: flex;
  flex-direction: column-reverse;
}

.vs-addphoto.vs-submission .vs-empty {
  background-image: none;
  background-position: 42% 20%;
  height: calc(100vh - 170px);
}

.vs-feedback.vs-submission .vs-empty {
  background-image: url("../images/icon/SubmitscreenIcon.svg");
  background-position: 42% 20%;
  height: calc(100vh - 170px);
}

.vs-feedback.vs-underwriting .vs-empty {
  background-image: url("../images/UnderwritingBG.png");
  background-position: 50% 10%;
  height: calc(100vh - 140px);
  background-size: 50%;
}

.vs-photorejected.vs-submission .vs-empty {
  background-image: url("../images/icon/PhotoRejected.svg");
  background-position: 50% 5%;
  height: calc(100vh - 170px);
}

.vs-submission .vs-empty {
  background-image: url("../images/icon/Envelope.svg");
  background-position: 50% 120px;
  background-size: 40%;
}

.vs-submission .vs-content_section {
  height: 550px;
}


.form-floating>.form-control {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #6D6F81;
  border-radius: 0px;
  color: #ffffff;
  font-size: 1.6rem;
}

.form-floating>.form-control:focus {
  box-shadow: none;
}

.form-floating>label {
  top: -8px;
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
  padding-bottom: 2rem;
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
  transform: scale(0.85) translateY(-2.3rem) translateX(0.15rem);
}


.intl-tel-input~label {
  transform: scale(0.85) translateY(-2.3rem) translateX(0.15rem);
}

.intl-tel-input>.form-control {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #6D6F81 !important;
  border-radius: 0px !important;
  color: #ffffff !important;
  font-size: 1.6rem !important;
}



.vs-profileOption .new-badge {
  position: absolute;
  top: 25%;
  left: 70%;
  transform: translate(-50%, -50%);
}

/*========= Domicile Flow's  CSS End ==========*/

.radius-lg {
  border-radius: 2rem !important;
  -webkit-border-radius: 2rem !important;
  -moz-border-radius: 2rem !important;
  -ms-border-radius: 2rem !important;
  -o-border-radius: 2rem !important;
}

.radius-md {
  border-radius: 1rem !important;
  -webkit-border-radius: 1rem !important;
  -moz-border-radius: 1rem !important;
  -ms-border-radius: 1rem !important;
  -o-border-radius: 1rem !important;
}


/* main content area */
.vs-quote-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
}

.vs-quote-row li:not(:last-child) {
  margin-right: 1.8rem;
}

.vs-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.vs-stack-badge {
  position: absolute;
  left: auto;
  padding: 0.776rem;
  right: 10px;
  top: 7px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

/*============================================= fasdfdsfsdfdsfsd=================================== */



/* .vs-content_section::after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    background: red;
    height: 20px;
} */

.vs-InfoCardStatus {
  background-color: #222739;
}

.damageBadge.badge {
  position: inherit;
  top: inherit;
  bottom: inherit;
  left: inherit;
  right: inherit;
  border-radius: 20px;
  width: auto;
  display: inline-block;
  margin-left: 100px;
  font-size: 12px;
}

.badge {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 400;
  font-size: 1.4rem;
  width: 90px;
  text-align: left;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px 10px;
  text-align: center;
}

.insured {
  background: #00B0CA;
}

.uninsured {
  background: #EB9700;
}

.deactivate {
  background: #6D6F81;
}


.vs-InfoCardStatus .card {
  border-radius: 5px;
}

.vs-InfoCardStatus:not(:last-child) {
  margin-bottom: 15px;
}

.vs-quotes .vs-content_section {
  height: calc(100vh - 230px);
}



/*============================================= fasdfdsfsdfdsfsd=================================== */





/* slider css */

.center .slick-center h3 {
  color: #e67e22;
  opacity: 1;
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

.center h3 {
  background: #5f9ea0;
  color: #fff;
  font-size: 36px;
  line-height: 100px;
  margin: 10px;
  padding: 2%;
  position: relative;
  text-align: center;
}

.center h3 {
  opacity: 0.8;
  transition: all 0.3s ease;
}


/*========== MY Domicile slide to delete start ==========*/

.vs-domicile .vs-content_section,
.vs-domicile-form .vs-content_section,
.vs-profile .vs-content_section,
.vs-quotes .vs-content_section,
.vs-policy .vs-content_section {
  padding-top: 0px;
}

.vs-policy .vs-content_section {
  height: calc(100vh - 190px);
}

.vs-domicileList,
.vs-profileOption,
.vs-acceptpolicy,
.vs-getaquote,
.vs-deletereason,
.vs-View,
.vs-uplodfield,
.vs-uploadlist,
.vs-sharedata {
  background-color: #222739;
  padding: 0 25px 60px 25px;
}

.vs-domicileList li,
.vs-profileOption li,
.vs-acceptpolicy li,
.vs-getaquote li,
.vs-deletereason li,
.vs-View li,
.vs-uploadlist li,
.vs-sharedata li {
  border-bottom: 1px solid #A8ACB8;
  padding: 2rem 0;
}

.activityalert {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
}

.activityalert .alert {
  color: #141827;
  background-color: #F2F4F7;
  border-color: #F2F4F7;
  font-size: 1.5rem;
  border-radius: 15px;
}

.activityalert .alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 0px;
  bottom: 0;
  border-radius: 15px;
  width: 100%;
  margin: 0px;
  height: 100%;
}

/*========== MY Domicile slide to delete End ==========*/

.btn-width {
  width: 91%;
}

/*========== My Quote Flow CSS Start ==========*/
/* 
.nav-tabs .nav-link {
    border-bottom-color: #393949;
    border-width: 2px;
    padding-right: 0;
    border-radius: 0px;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    padding-left: 0x;
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border-bottom-color: red;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-bottom-color: #393949;
    border-width: 2px; */
/* } */




/* button.nav-link[data-bs-toggle="pill"] {
    background: #393949;
    border-radius: 6px;
    color: #ffffff;
    padding: 10px 0;
    font-size: 1.4rem;
    width: 120px;
    margin-right: -5px;
    position: relative;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #6d6f81;
    z-index: 10;
} */

/*========== My Quote Flow CSS End ==========*/


.wt-popover.top {
  left: 2% !important;
  right: 2% !important;
}

.vs-dashboard .offcanvas {
  position: absolute;
}

.mycanvas {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  background: #222739;
  margin: 0 auto;
}

#viewquote,
#confirmPhoto,
#viewaddimgprocess {
  height: 93vh !important;
}

#viewquote .offcanvas-body,
#confirmPhoto .offcanvas-body,
#viewaddimgprocess .offcanvas-body {
  flex-grow: 0;
  height: calc(100vh - 235px);
}

.accordion-button.collapsed {
  border-bottom: none;
}

.vs-getaquote .accordion-collapse ul {
  list-style-type: disc;
}

.vs-getaquote .accordion-collapse li:first-child::after {
  content: " ";
  position: absolute;
  left: -17px;
  right: 0;
  top: 15px;
  height: 1px;
  background-color: #A8ACB8;
}

.vs-getaquote .accordion-collapse li {
  border: none;
  padding: 0.8rem 1.5rem;
}

.vs-policy .activityalert {
  bottom: 14px;
  top: auto;
  left: 50%;
  transform: translateX(-50%);
  width: 93%;
}

.intl-tel-input {
  width: 100%;
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
  border: none;
  background: transparent;
  box-shadow: none;
  outline: none;
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
  left: auto !important;
  right: 0 !important;
  top: 0;
  bottom: 0;
}

.intl-tel-input .country-list {
  width: 380px !important;
  left: -2px !important;
  right: 0 !important;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
  padding-left: 10px !important;
}

.vs-viewPolicy .vs-content_section {
  height: calc(100vh - 140px);
}

.vs-View.list-unstyled:not(:first-child) {
  margin-top: 20px;
}

.vs-Capture {
  border: 2px solid #71FAA8;
  border-radius: 12px;
  width: 225px;
  height: 370px;
  margin: 0 auto;
  background-color: #ffffff;
  object-fit: contain;
}

.vs-main-contentContainer.vs-confirmasset {
  height: calc(100vh - 250px);
}

.vs-confirmasset .vs-content_section.first {
  height: 340px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 50px;
}

.imgByGallery {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  text-align: center;
  border-radius: 12px;
  margin-bottom: 15px;
}


.multilabel .form-check-label,
.multilabel .form-label {
  background: transparent;
  border-radius: 8px;
  font-size: 1.4rem;
  padding: 15px 0px;
  width: 48%;
  text-align: center;
  border: 1px solid #ffffff;
  font-weight: bold;
  cursor: pointer;
}

.multilabel input[type="radio"]:checked+.form-check-label {
  background: #ffffff;
  color: #000000;
}

.multilabel .form-check-label.vs-single {
  font-size: 1.4rem;
  width: 100%;
}

.vs-coverSummary .vs-content_section {
  height: calc(100vh - 190px);
}

.vs-debitorder .vs-content_section {
  height: calc(100vh - 340px);
}


.Sharefeedback {
  background-color: #222739;
  width: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
}

.rating {
  display: flex;
  width: 100%;
  justify-content: center;
  overflow: hidden;
  flex-direction: row-reverse;
  height: 150px;
  position: relative;
}

.emoji-wrapper>.emoji {
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
}

.rating>input {
  display: none;
}

.rating>label {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-top: auto;
  background-image: url("../Newimg/outlinestar.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  transition: 0.3s;
}

.rating>input:checked~label,
.rating>input:checked~label~label {
  background-image: url("../Newimg/star-solid.png");
}

.rating>input:not(:checked)~label:hover,
.rating>input:not(:checked)~label:hover~label {
  background-image: url("../Newimg/star-solid.png");
}

.emoji-wrapper {
  width: 100%;
  text-align: center;
  height: 100px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.emoji-wrapper:before,
.emoji-wrapper:after {
  content: "";
  height: 15px;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
}

.emoji {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: 0.3s;
}

.emoji>svg {
  margin: 15px 0;
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}

#rating-1:checked~.emoji-wrapper>.emoji {
  transform: translateY(-80px);
  -webkit-transform: translateY(-80px);
  -moz-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  -o-transform: translateY(-80px);
}

#rating-2:checked~.emoji-wrapper>.emoji {
  transform: translateY(-180px);
  -webkit-transform: translateY(-180px);
  -moz-transform: translateY(-180px);
  -ms-transform: translateY(-180px);
  -o-transform: translateY(-180px);
}

#rating-3:checked~.emoji-wrapper>.emoji {
  transform: translateY(-280px);
  -webkit-transform: translateY(-280px);
  -moz-transform: translateY(-280px);
  -ms-transform: translateY(-280px);
  -o-transform: translateY(-280px);
}

#rating-4:checked~.emoji-wrapper>.emoji {
  transform: translateY(-380px);
  -webkit-transform: translateY(-380px);
  -moz-transform: translateY(-380px);
  -ms-transform: translateY(-380px);
  -o-transform: translateY(-380px);
}

#rating-5:checked~.emoji-wrapper>.emoji {
  transform: translateY(-480px);
  -webkit-transform: translateY(-480px);
  -moz-transform: translateY(-480px);
  -ms-transform: translateY(-480px);
  -o-transform: translateY(-480px);
}


.emoji img {
  width: 80px;
  display: block;
  margin-bottom: 20px;
}


#confirmassetmodal {
  height: 93vh !important;
}

#confirmassetmodal {
  flex-grow: 0;
  height: calc(100vh - 235px);
}

.newassetflow #QuoteAccordion1 .accordion-button::after {
  display: none;
}

.newassetflow .vs-getaquote {
  padding: 0px;
}

.newassetflow .vs-getaquote .bg-primary {
  background-color: #3E5FFF !important;
}

.newassetflow .vs-getaquote .accordion-item {
  padding-top: 1rem;
}


.newassetflow .vs-getaquote .accordion-collapse li:first-child::after {
  display: none;
}

.newassetflow .vs-getaquote .accordion-collapse ul {
  list-style-type: none;
}

.newassetflow .vs-domicileList {
  background-color: #08081b;
  padding: 15px 20px;
}


.newassetflow .vs-content_section {
  height: calc(100vh - 350px);
  overflow-x: hidden;
  overflow-y: scroll;
  padding-top: 30px;
  padding-bottom: 0px;
  position: relative;
}

.inputsoicon {
  position: absolute;
  top: 10px;
  right: 0;
}

.mastbtn {
  margin-bottom: 25px;
  background-color: transparent;
  border: none;
  color: #ffffff;
  font-size: 1.4rem;
}


.vs-InfoCardStatus.fornewasset img {
  width: 25px;
}

.fornewasset .badge {
  left: inherit;
  right: 0;
  border-top-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 5px;
}

.vs-content_section.vs-acceptpolicy {
  background-color: transparent;
}




.bluecheckimg {
  width: 20px;
  margin-right: 10px;
}

.vs-main-contentContainer.vs-newasset .nav-link {
  width: 33.33%;
  padding-left: 0;
  padding-right: 0;
}

.idcheckoffcan .badge {
  background-color: #2800D1;
  left: inherit;
  text-transform: capitalize;
  right: 0;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 0px;
}

.vs-InfoCardStatus.idcheckoffcan {
  background-color: #393949;
  margin: 30px 0px 50px 0px;
}

.vs-InfoCardStatus.shareniwcard {
  background-color: #525365;
}


.assetinqotemodal img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 5px;
}

.assetinqotemodal .btn-close {
  background: transparent url("../images/icon/btncloseicon.svg") center/0.4em auto no-repeat;
  right: inherit;
  top: 15px;
  left: 52px;
  background-color: #000000;
  opacity: 0.6;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  padding: 0px;
}

.websitefloaticon {
  position: absolute;
  top: -15px;
  right: 10px;
  width: 40px;
}


.customerDetails {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  padding: 20px;
}

.bg-primary.inventorybutton {
  background-color: #3E5FFF !important;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff;
  -webkit-box-shadow: 0 0 0rgb(255, 255, 255)00px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}

.noafter::after {
  display: none;
}

.recoimg.vs-Capture {
  width: 200px;
  height: 170px;
  display: block;
}


#viewaddimgprocess .offcanvas-body.recoimgoffcanbody {
  height: calc(100vh - 140px);
}

.asseBUTonlael {
  margin: 0 auto;
}

.vodasparkal {
  position: absolute;
  top: -8px;
  width: 50px;
  right: 0;
}

input::-webkit-calendar-picker-indicator {
  color: #ffffff;
}

::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.rocketcontainer {
  width: 150px !important;
  height: 150px !important;
}

.afternone::after,
.befornone::before {
  display: none;
}

.mybackdrop {
  position: fixed;
  background-color: #00000066;
  width: 450px;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  margin: 0 auto;
  z-index: 1;
}


.btn-outline-primary.disabled,
.btn-primary.disabled {
  background-color: #393949;
  border-color: #393949;
}

.vs-newasset.newheight .vs-content_section {
  padding-bottom: 90px;
}

.hoverablediv {
  position: absolute;
  z-index: 10;
  background-color: rgba(242, 244, 247);
  width: 300px;
  color: #000000;
  font-size: 11px;
  padding: 20px;
  border-radius: 10px;
  top: 30px;
  left: 0;
  display: none;
}

.hoverablediv.inofcanc {
  top: inherit;
  bottom: 85%;
  left: 25px;
}

.hoverablediv:after {
  content: " ";
  width: 20px;
  height: 20px;
  background-color: rgba(242, 244, 247);
  position: absolute;
  top: -4px;
  left: 120px;
  transform: rotate(45deg);
  z-index: -1;
}


.hoverablediv.inofcanc::after {
  top: inherit;
  bottom: -3px;
}

.tobehover:hover~.hoverablediv {
  display: block;
}

.vs-addassetform .vs-content_section {
  max-height: 580px;
  overflow-x: hidden;
  overflow-y: auto;

}


.rocketimg {
  position: absolute;
  width: 100%;
  display: block;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  object-fit: cover;
}


.tipslist {
  padding: 0px 25px 0px 25px;
  font-size: 17px;
}

.vs-takeaphoto .vs-content_section {
  height: 600px;
  overflow-x: hidden;
  overflow-y: scroll;
}


.inputforrandomR {
  padding-left: 30px !important;
}

/* .inputforrandomR+label {
  left: 10px !important;
} */

.vs-coverSummary {
  font-size: 1.6rem;
}

.randomR {
  position: absolute;
  left: 10px;
  top: 17px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  color: #a4a7b1;
  font-size: 15px;
  opacity: 0;
}

.inputforrandomR:focus+label~.randomR {
  opacity: 1;
}

.inputforrandomR:not(:placeholder-shown)+label~.randomR {
  opacity: 1;
}

.DebitOrder {
  max-height: 270px !important;
  overflow-x: hidden;
  overflow-y: auto;
}

.vs-debitsuMMry {
  font-size: 1.6rem;
}

.offcanvas-body.mynewano {
  height: calc(100vh - 250px);
}

.vs-notification .vs-content_section {
  max-height: 570px;
  overflow-x: hidden;
  overflow-y: auto;
}

.underwiritinCheckbox input[type="checkbox"] {
  width: 1em !important;
  height: 1em !important;
}

.underwiritinCheckbox input[type="checkbox"]:checked {
  background-color: #00B0CA !important;
  border-color: #00B0CA !important;
  border-color: #007C92 !important;
}

#myassetstocover input[type="checkbox"] {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 1em !important;
  height: 1em !important;
}

#myassetstocover input[type="checkbox"]:checked {

  background-color: #00B0CA !important;
  border-color: #00B0CA !important;
  border-color: #007C92 !important;
  box-shadow: 0 0 0 5px rgb(0 124 146 / 100%) !important;
  background-image: none;
}

.vs-Myassetlist .vs-content_section {
  max-height: 450px;
  overflow-x: hidden;
  overflow-y: auto;
}

.nemamheding {
  font-size: 2.5rem;
}

.personlainuts input[type="radio"]:checked,
#mypay1:checked,
#mypay2:checked,
.mydetailsPassID input[type="radio"]:checked {
  background-image: url("../images/icon/inputradio.svg") !important;
  background-color: #00B0CA !important;
  border-color: #00B0CA !important;
  border-color: #007C92 !important;
  box-shadow: 0 0 0 5px rgb(0 124 146 / 100%) !important;
}

.noheight.assetinqotemodal img {
  width: auto;
  height: auto;
}

.vs-mydetailsAll .vs-content_section {
  max-height: 530px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 30px;
}


.vs-updateassetForm .vs-header-title {
  color: #08081B;
  font-weight: bold;
}


.vs-myprofile img.iimage {
  width: 18px;
}

.MyassetStatus img {
  width: 20px;
  opacity: 0;
}

.MyassetStatus input[type="radio"]:checked+img {
  opacity: 1;
}

.cursor-pointer {
  cursor: pointer;
}

.proIdInput {
  border: 1px solid #222739;
}


.vs-content_section.focuskeyboard {
  padding-bottom: 250px !important;
}

.offcanvas.focuskeyboard {
  padding-bottom: 250px !important;
}