/*@font-face {
    font-family: 'AvenirLTStd-Book';
    src: url('../fonts/AvenirLTStd-Book.eot');
    src: url('../fonts/AvenirLTStd-Book') format('woff'), url('../fonts/AvenirLTStd-Book.ttf') format('truetype'), url('../fonts/AvenirLTStd-Book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'AvenirLTStd-Black';
    src: url('../fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Black.woff') format('woff'), url('../fonts/AvenirLTStd-Black.ttf') format('truetype'), url('../fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'AvenirLTStd-Medium';
    src: url('../fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Medium.woff') format('woff'), url('../fonts/AvenirLTStd-Medium.ttf') format('truetype'), url('../fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'AvenirLTStd-Heavy';
    src: url('../fonts/AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Heavy.woff') format('woff'), url('../fonts/AvenirLTStd-Heavy.ttf') format('truetype'), url('../fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'AvenirLTStd-Light';
    src: url('AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Light.woff') format('woff'), url('../fonts/AvenirLTStd-Light.ttf') format('truetype'), url('../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");

/*=========================================================================================================*/
/*07-12-2017*/
.upDownArrowSty {
  background: none;
  border: none;
  padding: 0px 7px;
}

.upDownArrowSty i.fa {
  color: #2e2a26;
  font-size: 18px;
}

a {
  color: #2e2a26;
}

a:hover {
  color: #2e2a26;
}

a:focus {
  outline: none;
  box-shadow: none;
}

.addKeyPop input {
  border-radius: 5px !important;
  height: 50px !important;
  /* background: rgba(46, 42, 38, 0.02); */
  /* border: 1px solid rgba(46, 42, 38, 0.85); */
  color: #757575;
  font-weight: normal !important;
}

.adInputbox input {
  border-radius: 5px !important;
  height: 50px !important;
  font-size: 15px;
}

.adInputbox .form-group {
  margin-bottom: 15px !important;
}

.addKeyPop label {
  padding-left: 18px;
}

.custom-radios label {
  padding-left: 0px;
}

.addKeyPop .form-group {
  margin-bottom: 19px;
}

.close {
  color: red;
  font-weight: bold;
  margin-top: 10px !important;
  opacity: 8;
}

.modal-dialog {
  text-align: left;
  margin: 0 auto;
  width: calc(100vw - 20px);
  max-width: 530px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  height: auto;
}

.codeText {
  color: #00b189 !important;
  font-weight: bold;
}

.collectionDate {
  width: 100%;
  float: left;
  color: rgba(46, 42, 38, 0.6);
}

.keyCodeTables .boldText {
  font-weight: bold;
}

.keyCodeTables .boldMedium {
  font-weight: 500;
}

.colorDeleteIco {
  color: #e86346;
  margin-left: 7px;
}

.colorEditIco {
  margin-left: 7px;
}

.keyCodeTables tbody tr {
  background: #fff;
  border-bottom: 18px solid #f9f9f9;
}

.keyCodeTables tbody tr td {
  border: none;
  font-size: 15px;
}

.keyCodeTables tbody tr td a,
.keyCodeTables tbody tr td {
  color: #2e2a25;
}

.keyCodeGreenText {
  color: #00b189 !important;
  font-size: 17px !important;
  font-weight: 600 !important;
}

.marginBottom8 {
  margin-bottom: 8px;
}

.deleteKeyPopup h4 {
  font-size: 20px;
  text-align: center;
  line-height: 30px;
  margin-top: 0px;
  color: #2e2a25 !important;
}

.deleteKeyPopup p {
  font-size: 15px;
  color: #2e2a25;
  font-weight: normal;
}

.deleteKeyPopup label {
  padding-left: 8px;
}

.deleteKey_text p {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 15px;
  color: #2e2a25;
}

#DivAddKey .keyTitlepupop {
  margin-bottom: 17px;
}

#DivAddKey .deleteKey_text .row {
  margin-bottom: 19px;
}

#addKeyCodeFrm .row {
  padding-bottom: 10px;
}

.qLineText {
  font-weight: 600;
}

.dropdown-menu {
  z-index: 2000000003 !important;
  border: 0px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  box-shadow: 0px 0px 0px 3px rgb(46 42 37 / 5%);
}

.dropdown-menu.open {
  padding: 7px 7px 0 7px !important;
  border-radius: 5px !important;
  margin: 10px -12px;
  -webkit-box-shadow: 0px 0px 7px rgba(46, 42, 38, 0.15) !important;
  box-shadow: 0px 0px 7px rgba(46, 42, 38, 0.15) !important;
}

.dropdown-menu.inner > li {
  padding-bottom: 7px !important;
}

.dropdown-menu > li > a {
  border-radius: 5px;
  line-height: 1.5em !important;
  padding: 5px 10px !important;
}

.top_menu li > a:hover {
  color: #262626 !important;
}

.modal-content {
  z-index: 10000000;
  /* display: inline-block; */
  box-shadow: 0px 0px 5px rgba(46, 42, 38, 0.2);
  min-height: 60px;
  width: 100%;
}

.model-scroll {
  height: 400px;
  overflow-y: scroll;
}

body {
  background: #f4f4f2;
  font-size: 12px;
  font-family: "Poppins", sans-serif !important;
  padding-right: 0px !important;
}

.navbar-toggle {
  margin-top: 12px;
}

.modal-header .close {
  margin-top: 0px;
}

.modal-body {
  position: relative;
  padding: 0 20px;
}

button a:focus a:active {
  outline: none !important;
}

.green {
  color: #01745d;
}

.white {
  color: #fff;
}

.right {
  float: right !important;
}

.left {
  float: left !important;
}

.marginTop-15 {
  margin-top: 15px;
}

.orgBtn {
  background: #ff9000;
}

/*Header Css
=============================================*/
.header_bg_top {
  background: #fff none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  padding: 7px 0;
  box-shadow: 0px 0px 5px rgba(46, 42, 38, 0.1);
  z-index: 10;
}

.header_logo img {
  height: auto;
  width: 170px;
}

.userName {
  color: #615e5a;
  font-size: 15px;
  font-weight: 600;
  margin-right: 14px;
  margin-top: 1px;
}

/*Menu Css
=============================================*/
.top_menu {
  width: auto;
  float: right;
  margin-top: 0px;
}

.ico {
  width: 24px;
  height: 24px;
  float: left;
}

.top_menu li {
  list-style: none;
  float: left;
  /*background: url(../images/right_dvider_menu.png) no-repeat right;*/
  /*
        comment by sanjay as per client feedback on PB024_Header_Height
        padding: 30px 0px;*/
  padding: 30px 0px;
}

.top_menu li > a {
  text-decoration: none;
  padding: 11px 15px;
  color: #2e2a26 !important;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}

.top_menu li > a:hover {
  text-decoration: none;
  color: #00b189 !important;
}

.top_menu li a.key_ico:hover {
  text-decoration: none;
  color: #00b189 !important;
  /*background: url(../images/my_key_ico_act.png) no-repeat 0 12px;*/
}

.top_menu li a.key_ico {
  text-decoration: none;
  color: #2e2a26 !important;
  font-size: 15px;
  /*background: url(../images/my_key_ico.png) no-repeat 0 12px;*/
}

.top_menu li a.key_billing:hover {
  text-decoration: none;
  color: #00b189 !important;
  /*background: url(../images/my_key_ico_act.png) no-repeat 0 12px;*/
}

.top_menu li a.key_billing {
  text-decoration: none;
  color: #2e2a26 !important;
  font-size: 15px;
  /*background: url(../images/my_key_ico.png) no-repeat 0 12px;*/
}

.top_menu li a.my_key_active {
  text-decoration: none;
  color: #00b189 !important;
  /*background: url(../images/profile_ico_act.png) no-repeat 0 12px;*/
}

.top_menu li a.locations_ico {
  text-decoration: none;
  color: #2e2a26 !important;
  font-size: 15px;
  /*background: url(../images/locations_ico.png) no-repeat 0 12px;*/
}

.top_menu li a.locations_ico:hover {
  text-decoration: none;
  color: #00b189 !important;
  /*background: url(../images/locations_ico_act.png) no-repeat 0 12px;*/
}

.top_menu li a.locations_active {
  text-decoration: none;
  color: #00b189 !important;
  /*background: url(../images/locations_ico_act.png) no-repeat 0 12px;*/
}

.top_menu li a.profile_ico {
  text-decoration: none;
  color: #2e2a26 !important;
  font-size: 15px;
  /*background: url(../images/profile_ico.png) no-repeat 0 12px;*/
}

.top_menu li a.profile_ico:hover {
  text-decoration: none;
  color: #00b189 !important;
  /*background: url(../images/profile_ico_act.png) no-repeat 0 12px;*/
}

.top_menu li a.profile_active {
  text-decoration: none;
  color: #00b189 !important;
  /*background: url(../images/profile_ico_act.png) no-repeat 0 12px;*/
}

.top_menu li a.billing_active {
  text-decoration: none;
  color: #00b189 !important;
  /*background: url(../images/profile_ico_act.png) no-repeat 0 12px;*/
}

.top_menu li a.logout_ico {
  text-decoration: none;
  color: #2e2a26 !important;
  font-size: 15px;
  /*background: url(../images/logout_ico.png) no-repeat 0 12px;*/
}

.top_menu li a.logout_ico:hover {
  text-decoration: none;
  color: #00b189 !important;
  /*background: url(../images/logout_ico_act.png) no-repeat 0 12px;*/
}

.form-horizontal .form-group {
  margin-right: 0px;
  margin-left: 0px;
}

/*Cont Area
==================================================*/
.cont_area {
  float: left;
  padding: 10px;
  width: 100%;
  /* min-height: 70vh; */
}

#lstKey .value-res {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 8px;
}

.title_top {
  font-size: 18px;
  color: #02493b;
  font-family: "Poppins", sans-serif;
  margin-bottom: 20px;
  float: left;
}

/* .addBtn_key {
    background: none;
    border: 2px solid #00B189;
    color: #00B189 !important;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 7px 48px;
    text-transform: uppercase;
} */
.addBtn_key {
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.05) 109%
  );
  border: 2px solid #00b189;
  border-radius: 4px;
  color: #00b189 !important;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 30px;
  text-transform: inherit;
}

.cancelBtn_key {
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.05) 109%
  );
  border: 2px solid #2e2a26;
  border-radius: 4px;
  color: #2e2a26 !important;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 30px;
  text-transform: inherit;
}

.addBtn_key:hover {
  /*border-radius: 10px;*/
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.15) 109%
  );
}

.addBtn_key:focus {
  background: #00b189;
  border: 2px solid #00b189;
  color: #fff !important;
}

.update_details {
  width: 100%;
  margin: auto;
}

.update_details input {
  width: 100%;
  margin: auto;
  margin: 5px 0;
  border: 2px solid #e9e9e7;
  background: #f4f4f2;
}

.update_details select {
  width: 100%;
  margin: auto;
  margin: 0;
  padding: 8px 5px 5px 16px;
  font-size: 15px;
  height: 50px !important;
  border: 1px solid rgba(46, 42, 38, 0.85);
  color: #757575;
  background: rgba(46, 42, 38, 0.02) url("../images/black_down.png") no-repeat
    scroll right center / 7% auto;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  border-radius: 5px;
}

.datepicker-days table td {
  cursor: pointer;
}

.borderLine {
  background: #f2f4f4;
  float: left;
  width: 100%;
  height: 1px;
  margin-top: 5px;
}

.my_keylist {
  width: 100%;
  float: left;
}

.my_keylist table tr {
  margin: 0px;
  padding: 0px;
}

.my_keylist table tr {
  list-style: none;
}

/*.my_keylist table thead tr {
                border: 1px solid #f2f4f4;
                padding: 15px;
                background: #fff;
                text-decoration: none;

                font-size: 24px;
                margin-bottom: 5px;
                color: #2E2A25;
                font-family: "robotoregular";
            }
            .my_keylist table tbody tr {
                border: 1px solid #f2f4f4;
                padding: 15px;
                background: #fff;
                text-decoration: none;

                font-size: 24px;
                margin-bottom: 5px;
                color: #2E2A25;
                font-family: "robotoregular";
            }*/
.keyTab thead th {
  color: #525d5b;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  padding: 10px 6px !important;
}

.keyTab tbody td {
  color: #525d5b;
  border: 1px solid #f2f4f4;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  padding: 10px 6px !important;
}

.my_keylist table tbody tr:hover {
  background: #fff;
  text-decoration: none;
}

.manageAccess.manageAccess-arrow {
  background: rgba(0, 0, 0, 0) url("../images/Arrow icon(1).svg") no-repeat
    scroll 0 0;
  border: medium none;
  float: right;
  height: 15px;
  padding: 0;
  width: 15px;
}

.my_keylist table tbody tr:hover .manageAccess.manageAccess-arrow {
  background: rgba(0, 0, 0, 0) url("../images/Arrow icon(1) - Copy.svg")
    no-repeat scroll 0 0;
}

.my_keylist table tbody tr:hover.overdue .manageAccess.manageAccess-arrow {
  background: rgba(0, 0, 0, 0) url("../images/Arrow_icon_red.svg") no-repeat
    scroll 0 0;
}

.myKeysIcon {
  background: #01745d none repeat scroll 0 0;
  border-radius: 100%;
  padding: 12px 12px;
  width: 50px;
}

.myKeysIcon img {
  width: 20px;
}

.table tr > td:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.table tr > td:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/*Footer Css
============================================================*/
.footerBG {
  background: #01745d;
  width: 100%;
  float: left;
  min-height: 120px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  margin-top: 0x;
  font-family: "Poppins", sans-serif;
}

.footer_link {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 4%;
}

.footer_link a {
  text-decoration: none;
  color: #fff;
  font-size: 17px;
  padding: 0 10px;
  text-align: center;
}

.footer_link a:hover {
  text-decoration: none;
  color: #fe9f25;
}

.footerBG p {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  color: #cededb;
  padding-top: 7px;
  width: 100%;
  float: left;
}

.social_icon {
  width: 100%;
  float: left;
  text-align: center;
}

.social_icon a {
  padding: 5px;
}

.social_icon img {
  width: 35px;
}

.social_icon img:hover {
  border: 3px solid #01745d;
  border-radius: 50%;
}

/*Map Area
=============================================================*/
.mapArea {
  width: 100%;
  float: left;
  margin: 0px;
  padding: 0px;
}

.mapArea img {
  width: 100%;
}

/*popup
============================================================*/
.form-control:focus {
  border-color: #00b189;
  box-shadow: none;
  outline: 0 none;
}

.keyTitlepupop {
  color: #2e2a25;
  font-size: 20px;
  text-align: center;
  font-family: "Poppins";
  font-weight: 500;
  margin-bottom: 15px;
  line-height: normal;
}

.keyFromBox {
  float: left;
  /* padding: 0 0 10px 0; */
  width: 100%;
}

.keyFromBox_login {
  float: left;
  padding: 0 !important;
  width: 100%;
}

/* .keyFromBox input {
    border-radius: 0px;
    font-size: 15px;
    padding: 6px 18px;
    height: 42px;
    font-family: 'Poppins', sans-serif; font-weight:300 !important;
	margin:0;
} */
.keyFromBox label {
  font-size: 15px;
  color: #2e2a25;
  font-weight: normal;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  padding-left: 5px;
  margin-bottom: 10px;
}

.popHeader {
  border: none;
  padding: 0px 20px;
  height: 20px;
}

.key_addBtn {
  background: rgba(0, 0, 0, 0)
    linear-gradient(
      180deg,
      rgba(0, 177, 137, 0) -39%,
      rgba(0, 177, 137, 0.05) 109%
    )
    repeat scroll 0 0;
  border: 2px solid #00b189;
  border-radius: 5px;
  color: #00b189;
  font-size: 15px;
  font-weight: 600;
  padding: 14px 0;
  text-transform: inherit;
  width: 100%;
  margin: 0 auto 15px;
}

.key_addBtn:hover {
  background: rgba(0, 0, 0, 0)
    linear-gradient(
      180deg,
      rgba(0, 177, 137, 0) -39%,
      rgba(0, 177, 137, 0.15) 109%
    )
    repeat scroll 0 0;
  border: 2px solid #00b189;
  color: #00b189;
}

.key_addBtn:focus {
  background: #00b189 none repeat scroll 0 0;
  color: #ffffff;
}

.key_greenBtn {
  background: #01745d;
  border: 3px solid #01745d;
  width: 100%;
  padding: 4px 10px;
  font-size: 18px;
  color: #fff;
  text-transform: inherit;
}

.key_greenBtn:hover {
  background: #01745d;
  border: 3px solid #01745d;
}

.suggestBrnBG {
  background: #ff9000;
  border: 3px solid #ff9000;
  width: 100%;
  padding: 4px 0px;
  font-size: 18px;
  color: #fff;
  text-transform: inherit;
}

.suggestBrnBG:hover {
  background: #fea22b;
  border: 3px solid #fea22b;
}

.updareBtn {
  background: #ff9000;
  border: 3px solid #ff9000;
  width: auto;
  padding: 4px 50px;
  font-size: 18px;
  color: #fff;
  text-transform: inherit;
}

.btngreen {
  background: #01745d;
  border: 3px solid #01745d;
}

.location_detels_box .updareBtn {
  width: 100%;
}

.location_detels_box .desprictionOuter {
  padding-bottom: 0;
}

.updareBtn:hover {
  background: #fea22b;
  border: 3px solid #fea22b;
}

.btngreen.updareBtn:hover {
  background: #08876e;
  border: 2px solid #08876e;
}

.loginRemember {
  color: #010101;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  padding: 0px;
  float: left;
  width: 100%;
}

.loginRemember input {
  height: auto;
}

.signUp {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  margin: 10px 0 20px 0;
  float: left;
  width: 100%;
  text-align: center;
}

.signUp a {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

.signUpText a {
  color: #2e2a25;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  margin: 10px 0 20px 0;
  float: left;
}

.setRowOuter {
  margin: 7px 0;
}

/*   .signUpText a:hover {
        color: #010101;
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        font-weight: normal;
        text-decoration: underline;
    } */
.signUp img {
  margin-left: 10px;
}

.blurpop {
  /* filter: blur(0px) !important; */
}

.modal-backdrop {
  background-color: rgba(46, 42, 38, 0.8);
}

.modal-backdrop.in {
  opacity: 1 !important;
}

/* Profile Page Css
=============================================================*/
.tabBox {
  width: 100%;
  float: left;
}

.profileTab {
  width: 100%;
  background: #fff;
}

.profileTab li {
  list-style: none;
}

.profileTab li a {
  text-decoration: none;
  font-size: 18.49px;
  color: #2e2a25;
  border-radius: 0px;
  border: 1px solid #ddd;
  margin: 0px;
  padding: 10px 60px;
  font-family: "Poppins", sans-serif;
}

.profileTab li a:hover {
  text-decoration: none;
  background: #01745d;
  color: #fff;
  cursor: pointer;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background: #01745d;
  color: #fff;
}

.profileTab li a.profile_ico {
  text-decoration: none;
  color: #2e2a25 !important;
  background: #fff url(../images/your_profile_ico.png) no-repeat 30px 10px;
  cursor: pointer;
}

.profileTab li a.profile_ico_act {
  text-decoration: none;
  color: #fff !important;
  font-size: 18px;
  background: #01745d url(../images/your_profile_ico_act.png) no-repeat 30px
    10px;
}

.profileTab li a.profile_ico:hover {
  text-decoration: none;
  color: #2e2a25 !important;
  background: #fff url(../images/your_profile_ico.png) no-repeat 30px 10px;
  cursor: pointer;
}

.profileTab li.active a.profile_ico {
  background: #01745d url("../images/your_profile_ico_act.png") no-repeat scroll
    30px 10px;
  color: #fff !important;
  font-size: 18px;
  text-decoration: none;
}

.profileTab li.active a.change_password_ico {
  background: #01745d url(../images/change_password_ico_act.png) no-repeat 30px
    10px;
  color: #fff !important;
  font-size: 18px;
  text-decoration: none;
}

.profileTab li.active a.notification_ico {
  background: #01745d url(../images/notification_ico_act.png) no-repeat 30px
    10px;
  color: #fff !important;
  font-size: 18px;
  text-decoration: none;
}

.profileTab li.active a.manageUsers {
  background: #01745d url(../images/membership_ico_act.png) no-repeat 30px 10px;
  color: #fff !important;
  font-size: 18px;
  text-decoration: none;
}

/*1------------------------------------------*/
.profileTab li a.change_password_ico {
  text-decoration: none;
  color: #2e2a25 !important;
  font-size: 18px;
  background: #fff url(../images/change_password_ico.png) no-repeat 30px 10px;
}

.profileTab li a.change_password_ico:hover {
  text-decoration: none;
  color: #fff !important;
  background: #01745d url(../images/change_password_ico_act.png) no-repeat 30px
    10px;
  cursor: pointer;
}

.change_password_ico_act {
  text-decoration: none;
  color: #fff !important;
  background: #01745d url(../images/change_password_ico_act.png) no-repeat 30px
    10px;
  cursor: pointer;
}

/*------------------------------------------*/
/*2------------------------------------------*/
.profileTab li a.notification_ico {
  text-decoration: none;
  color: #2e2a25 !important;
  font-size: 18px;
  background: #fff url(../images/notification_ico.png) no-repeat 30px 10px;
}

.profileTab li a.notification_ico:hover {
  text-decoration: none;
  color: #fff !important;
  background: #01745d url(../images/notification_ico_act.png) no-repeat 30px
    10px;
  cursor: pointer;
}

.notification_ico_act {
  text-decoration: none;
  color: #fff !important;
  background: #01745d url(../images/notification_ico_act.png) no-repeat 30px
    10px;
  cursor: pointer;
}

/*------------------------------------------*/
/*3------------------------------------------*/
.profileTab li a.membership_ico {
  text-decoration: none;
  color: #2e2a25 !important;
  font-size: 18px;
  background: #fff url(../images/membership_ico.png) no-repeat 30px 10px;
}

.profileTab li a.membership_ico:hover {
  text-decoration: none;
  color: #fff !important;
  background: #01745d url(../images/membership_ico_act.png) no-repeat 30px 10px;
  cursor: pointer;
}

.membership_ico_act {
  text-decoration: none;
  color: #fff !important;
  background: #01745d url(../images/membership_ico_act.png) no-repeat 30px 10px;
  cursor: pointer;
}

/*------------------------------------------*/
/*4------------------------------------------*/
.profileTab li a.location_ico_key {
  text-decoration: none;
  color: #2e2a25 !important;
  font-size: 18px;
  background: #fff url(../images/loc_ico.png) no-repeat 30px 10px;
}

.profileTab li a.location_ico_key:hover {
  text-decoration: none;
  color: #fff !important;
  background: #01745d url(../images/loc_ico_act.png) no-repeat 30px 10px;
  cursor: pointer;
}

.loc_ico_act {
  text-decoration: none;
  color: #fff !important;
  background: #01745d url(../images/loc_ico_act.png) no-repeat 30px 10px;
  cursor: pointer;
}

/*------------------------------------------*/
/*5------------------------------------------*/
.profileTab li a.edit_ico_key {
  text-decoration: none;
  color: #2e2a25 !important;
  font-size: 18px;
  background: #fff url(../images/edit_ico.png) no-repeat 30px 10px;
}

.profileTab li a.edit_ico_key:hover {
  text-decoration: none;
  color: #fff !important;
  background: #01745d url(../images/edit_ico_act.png) no-repeat 30px 10px;
  cursor: pointer;
}

.edit_ico_act {
  text-decoration: none;
  color: #fff !important;
  background: #01745d url(../images/edit_ico_act.png) no-repeat 30px 10px;
  cursor: pointer;
}

/*------------------------------------------*/
/*6------------------------------------------*/
.profileTab li a.history_ico {
  text-decoration: none;
  color: #2e2a25 !important;
  font-size: 18px;
  background: #fff url(../images/history_ico.png) no-repeat 30px 10px;
}

.profileTab li a.history_ico:hover {
  text-decoration: none;
  color: #fff !important;
  background: #01745d url(../images/history_ico_act.png) no-repeat 30px 10px;
  cursor: pointer;
}

.history_ico_act {
  text-decoration: none;
  color: #fff !important;
  background: #01745d url(../images/history_ico_act.png) no-repeat 30px 10px;
  cursor: pointer;
}

/*------------------------------------------*/
.tabContaBox {
  width: 100%;
  border: 1px solid #ddd;
  padding: 20px 15px;
  float: left;
}

.yourProfile_form {
  width: 60%;
  margin: auto;
  border: 1px solid #e3e3e3;
  background: #fff;
  padding: 30px 15px;
  position: relative;
}

.profile_formDiv {
  width: 100%;
  margin: auto;
}

.profile_formDiv input {
  border-radius: 5px;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  height: 48px;
  padding: 15px 18px;
  color: #757575;
  background: #f4f4f2;
  border: 2px solid #e9e9e7;
}

.profile_formDiv select {
  border-radius: 0px;
  font-size: 18px;
  padding: 15px 10px;
  height: 55px;
  font-family: "Poppins", sans-serif;
}

.profile_formDiv select.home-city {
  border-radius: 0px;
  font-size: 18px;
  padding: 4px 10px;
  height: 40px;
  font-family: "Poppins", sans-serif;
  border: 1px solid #999;
}

.profile_formDiv label {
  font-size: 14px;
  color: #2e2a25;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  padding-left: 10px;
}

.notification_textBox {
  width: 100%;
  float: left;
  background: #fff;
  padding: 30px;
}

.notification_list {
  width: 100%;
  float: left;
}

.notification_list ul {
  margin: 0px;
  padding: 0px;
}

.notification_textBox ul li {
  list-style: none;
  float: left;
  border-bottom: 1px solid #e3e3e3;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.membership_box {
  width: 50%;
  float: left;
}

.membership_title {
  width: 100%;
  float: left;
  background: #f8fbfa;
  padding: 15px;
  border: 1px solid #e3e3e3;
  color: #293533;
  font-size: 30px;
  font-family: "Poppins", sans-serif;
}

.membership_text {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  padding: 15px;
  float: left;
  border-right: 1px solid #e3e3e3;
}

.border_none {
  border: none !important;
}

input[type="checkbox"].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.btnCenter {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 8px;
}

input[type="checkbox"].css-checkbox + label.css-label,
input[type="checkbox"].css-checkbox + label.css-label.clr {
  padding-left: 35px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 30px;
  vertical-align: middle;
  cursor: pointer;
}

input[type="checkbox"].css-checkbox:checked + label.css-label,
input[type="checkbox"].css-checkbox + label.css-label.chk {
  background-position: 0 -30px;
}

label.css-label {
  float: left;
  background-image: url(http://csscheckbox.com/checkboxes/u/csscheckbox_0aad05d7af20863960296dafb24c4f30.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.location_detels_box p {
  margin: 0 0 2px;
}

.location_detels_box label {
  margin: 0px;
  padding: 0px;
}

.history_table {
  width: 100%;
  float: left;
  /*background: #fff;*/
  padding: 0 30px;
}

.historyTable {
  border: none !important;
}

.historyTable thead th {
  color: #001712;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  padding: 15px !important;
}

.historyTable tbody td {
  color: #525d5b;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  padding: 20px 28px;
}

.table_act {
  background: #f6faf9;
}

.searchBtn {
  background: #fff;
  color: #333;
  border-color: #ccc;
  border-radius: 30px;
  height: 40px;
}

.searchBtn:hover {
  background: #01745d;
  color: #fff;
  border-color: #ccc;
}

.searchBtn:focus {
  background: #01745d;
  color: #fff;
  border-color: #ccc;
}

.searchForm {
  border-radius: 30px;
  height: 40px;
}

.locContaBox {
  width: 100%;
  border: 1px solid #ddd;
  padding: 0;
  float: left;
}

.locationBgBox {
  /* padding: 20px 15px; */
  float: left;
}

.location_detels_box h1 {
  /*float: left;*/
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  padding: 0;
  margin: 5px 0;
  /*width: 100%;*/
}

.location_detels_box p span {
  font-weight: bold;
  float: left;
  margin-right: 5px;
}

.ui-widget .custom-combobox {
  width: 82%;
}

.ui-menu .ui-menu-item:hover {
  background: #3399ff !important;
  color: #fff !important;
}

.location_detels_box p {
  float: left;
  font-size: 13px;
  width: 100%;
  line-height: 20px;
  color: #333;
  text-align: justify;
}

.location_detels_box {
  background: #fff;
  padding: 15px;
  width: 100%;
  border: 1px solid #cccccc;
  text-align: left;
}

.closeArrow {
  width: 100%;
  float: right;
  text-align: right;
  margin-bottom: 10px;
  position: absolute;
  right: 18px;
  top: 24px;
}

.address_pop {
  font-size: 14px;
  font-weight: bold;
}

.locSearch_img {
  /*width: 320px;
    float: left;
    height: 160px;*/
  float: left;
  height: 130px;
  margin-right: 10px;
  width: 150px;
  overflow: hidden;
}

.locSearch_img img {
  float: left;
  width: 150px;
}

#storeModel {
  width: 380px;
  position: absolute;
  z-index: 1040;
  top: 65px;
}

.terms_text {
  width: 100%;
  float: left;
  color: #2e2a26;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 15px;
}

.terms_text a {
  color: rgba(46, 42, 38, 0.7);
  text-decoration: underline;
}

.mapBoxs {
  height: 730px;
  float: left;
  width: 100%;
  /*height: 70vh;*/
}

/*.desc {background-color:rgba(0,0,0,0.4);padding: 10px 5px 5px 5px;}*/
.desc {
  background-color: #2e2a25;
  bottom: 0;
  min-height: 40px;
  padding: 10px 0 0px 0;
  position: fixed;
  width: 100%;
}

.desc a {
  color: #fff;
  text-decoration: underline;
  display: inline-block;
}

.agreeBtn {
  background: #fff;
  color: #00b288 !important;
  padding: 6px 12px;
  text-decoration: none !important;
  border-radius: 5px;
  font-weight: 500;
  margin: 12px 0 0 0 !important;
}

.agreeBtn:hover {
  cursor: pointer;
  opacity: 0.9;
}

.get_notified {
  background: #01745d;
  width: 100%;
  float: left;
  padding: 5px 0;
  color: #fff;
}

.get_notified_form {
  width: 100%;
  float: left;
}

.get_notified_form h1 {
  font-size: 21.5px;
  font-weight: bold;
  padding-left: 15px;
  color: #fff;
  margin-bottom: 14px;
  margin: 5px 0;
}

.orText {
  font-size: 24px;
  font-weight: bold;
  /* margin-top: 55px;*/
  text-align: center;
}

.arrRight {
  font-size: 24px;
  font-weight: bold;
}

.arrowRight {
  padding: 0 14px 15px 0;
}

.suggestBrn {
  width: 100%;
  margin: auto;
  /*margin-top: 34px;*/
  font-weight: bold;
  text-transform: uppercase;
}

.get_notified input {
  border-radius: 0;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  height: 35px;
  padding: 5px 10px;
}

.get_notified label {
  font-size: 13px;
  color: #fff;
  font-weight: normal;
  font-family: "Poppins", sans-serif;
}

.get_notifiedBtn {
  background: #ff9000 none repeat scroll 0 0;
  border: 3px solid #ff9000;
  color: #fff;
  font-size: 16px;
  padding: 1px 5px 3px 2px;
  text-transform: none;
  width: 100%;
}

.get_notifiedBtn:hover {
  background: #fea22b;
  border: 3px solid #fea22b;
}

/*11-05-2016
=========================*/
.selectBx {
  width: 100%;
  float: left;
  border: 1px solid #ccc;
  padding: 5px;
  height: 35px;
}

.selectBx2 {
  width: 30%;
  float: left;
  border: 1px solid #ccc;
  padding: 5px;
  height: 35px;
}

.arrowRet {
  font-size: 36px;
  color: #fff;
}

.hedTitBg {
  background: #ff9000;
  padding: 10px;
  float: left;
  width: 100%;
  color: #fff;
  font-size: 18px !important;
  font-weight: bold;
}

.update_details.date_only input[type="text"] {
  border: none;
  background: rgba(255, 255, 255, 0.01) url(../images/Calendar_icon.png)
    no-repeat scroll right center / 15px auto;
  height: 26px !important;
  padding: 0;
  margin: 0;
  font-weight: bold !important;
  color: #2e2a26;
}

.update_details.date_only.dropArrowInRight input[type="text"] {
  background: rgba(255, 255, 255, 0.01) url(../images/Attention_icon.png)
    no-repeat scroll right center / 15px auto !important;
}

.update_details.date_only input[type="text"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #2e2a26;
  opacity: 9;
}

.update_details.date_only input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #2e2a26;
  opacity: 9;
}

.update_details.date_only input[type="text"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #2e2a26;
  opacity: 9;
}

.update_details.date_only input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #2e2a26;
  opacity: 9;
}

.keyFromBox .newTime_details label {
  width: 100%;
}

.popupAddKey {
  overflow: auto;
}

.storeDetailsDv #selectKeyDD {
  border: none;
  color: #00b189;
  font-family: poppins;
  font-weight: bold;
  line-height: normal;
  font-size: 15px;
}

.locationBgBox .description_details {
  margin-bottom: 15px;
}

.locationBgBox .key-detailSec h3 {
  text-align: center !important;
}

.storeDetailsDv .ui-button-icon-only.custom-combobox-toggle {
  background: none;
  height: auto;
}

.storeDetailsDv .custom-combobox {
  width: 220px;
}

.storeDetailsDv .custom-combobox-input.ui-widget {
  background: none !important;
  padding: 0;
  margin: 0;
  height: auto;
  font-weight: 600;
  line-height: normal;
  font-size: 15px;
  color: #2e2a25 !important;
}

.storeDetailsDv
  a.ui-button.ui-widget.ui-state-default.ui-button-text-only.custom-combobox-toggle.ui-corner-right {
  padding: 0;
  margin: 0;
  border: none;
  width: 120px;
  text-align: left;
  font-weight: 500;
  line-height: normal;
  font-size: 12px;
}

.storeDetailsDv .ui-button-text-only .ui-button-text {
  padding: 0;
  margin-left: 15px;
  position: relative;
  padding-bottom: 5px;
}

.storeDetailsDv .ui-button-text-only .ui-button-text:before {
  content: "";
  position: absolute;
  width: 82px;
  height: 1px;
  background: #00b189;
  bottom: 0;
}

/*a.custom-combobox-toggle.ui-corner-right {
        padding: 0;
    margin-left: 15px;
    position: relative;
    padding-bottom: 5px;
}
    a.custom-combobox-toggle.ui-corner-right:hover {
    text-decoration:none;
    }

a.custom-combobox-toggle.ui-corner-right:before {
    content: "";
    position: absolute;
    width: 82px;
    height: 1px;
    background: #00b189;
    bottom: 0;
}*/
.my_keylist #location_key .btns .collectionCount .js-example-basic-single {
  height: auto !important;
  background-color: #fff !important;
  text-decoration: none;
  font-weight: 500;
}

span#SelectedStoreAddress {
  float: left;
  width: 50%;
  padding-right: 15px;
  color: #2e2a25 !important;
}

span#SelectedStoreTime {
  float: left;
  width: 50%;
  color: #2e2a25 !important;
}

p.description_details {
  font-size: 15px;
  width: 100%;
  display: inline-block;
}

.collectionCount #numberOfKeys {
  color: #00b189;
  font-weight: 500;
  padding-left: 5px;
  text-decoration: none;
}

.collectionCount#collectionCount #numberOfKeys {
  background-color: #fff !important;
  height: auto;
}

@media (min-width: 1025px) and (max-width: 1366px) {
  .mapBoxs {
    height: 500px;
  }
}

@media (max-width: 991px) {
  .btngreen.updareBtn {
    padding: 4px 10px;
    margin: 5px 0;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .mapBoxs {
    height: 600px;
  }
}

/* 360 - 640 Start
===========================================================*/
@media (min-width: 360px) and (max-width: 640px) {
  .top_menu li {
    background: none;
    float: left;
    width: 100%;
    border-bottom: 1px solid #06604e;
  }
}

/* 320 - 480 Start
===========================================================*/
@media (min-width: 320px) and (max-width: 480px) {
  .footer_link {
    margin-bottom: 35%;
  }

  .top_menu li {
    background: none;
    float: left;
    width: 100%;
    border-bottom: 1px solid #06604e;
  }

  .yourProfile_form {
    width: 100%;
  }

  .membership_box {
    width: 100%;
    float: left;
  }
}

.signup_modelError ul li {
  list-style: none !important;
}

.contSerBox {
  width: 90%;
  margin: auto;
  padding: 15px;
}

.contSerBox p {
  font-size: 16px;
}

.setDate {
  width: 100%;
  border: 1px solid #ccc;
  padding: 6px;
  margin-right: 15px;
}

.setTime {
  width: 100%;
  border: 1px solid #ccc;
  padding: 6px;
}

/*Paypal Page Css =========================================================== */
.paymentWor {
  margin: auto;
  width: 40%;
  background: #fff;
  padding: 20px;
  box-shadow: 0 2px 2px #ccc;
}

.checkoutBtn {
  border: 3px solid #ff9000;
  background: #ff9000;
  border-radius: 5px;
  padding: 5px 20px;
  font-size: 18px;
  color: #fff;
  margin-top: 10px;
}

.checkoutBtn:hover {
  border: 3px solid #fea22b;
  background: #fea22b;
  color: #fff;
}

.checkoutBtn2 {
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.05) 109%
  );
  border: 2px solid #00b189;
  border-radius: 5px;
  padding: 14px 20px;
  color: #00b189;
  margin-top: 10px;
  margin-bottom: 15px;
  width: 100%;
  font-weight: 600;
  line-height: normal;
  font-size: 15px;
}

.checkoutBtn2:hover {
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.15) 109%
  );
  border: 2px solid #00b189;
  color: #00b189;
}

.checkoutBtn2:focus {
  background: #00b189;
  border: 2px solid #00b189;
  color: #fff;
}

.amount-wrapper input {
  -webkit-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    color 0.2s ease;
  -moz-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    color 0.2s ease;
  -ms-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    color 0.2s ease;
  -o-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    color 0.2s ease;
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    color 0.2s ease;
  -webkit-transform: translateX(-14px);
  -moz-transform: translateX(-14px);
  -ms-transform: translateX(-14px);
  -o-transform: translateX(-14px);
  transform: translateX(-14px);
  padding: 7px 14px;
  background: url(../images/pound.png) no-repeat scroll 4px 9px;
  border: 1px solid #ccc;
}

.has-focus .amount-wrapper input,
.has-value .amount-wrapper input {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}

.has-focus .amount-wrapper:after,
.has-value .amount-wrapper:after {
  opacity: 1;
}

label.has-focus {
  background-color: #f9f9f9;
  cursor: text;
  z-index: 2;
}

label.has-focus .input-wrapper:after {
  color: #393536;
}

label.has-focus .input-label {
  color: #2e2a25;
}

label.has-value .input-label {
  opacity: 1;
}

.has-value {
  width: 80%;
  float: left;
}

.has-value span {
  margin: 3px 0;
  float: left;
  width: 100%;
}

.edit_history {
  float: right;
  font-size: 16px;
  /*padding-top: 8px;*/
  padding-top: 0px;
  width: auto;
}

a.EditKeyCode:hover,
a.EditKeyCode:focus {
  text-decoration: none;
}

.KeyCodeListTable {
  width: 25%;
  text-align: right;
  margin: 10px 0 25px 0;
}

.KeyCodeListTable tr td {
  font-size: 16px;
  padding: 4px;
}

.datepicker-days table thead tr {
  background: #01745d;
  color: #fff;
}

.prev {
  font-size: 20px;
  cursor: pointer;
}

.next {
  font-size: 12px;
  text-align: right;
  font-family: Arial;
  cursor: pointer;
}

.datepicker-days table {
  width: 280px;
}

.EditKeyCode {
  cursor: pointer;
}

.EditKeyCode span {
  border-bottom: 1px solid rgba(46, 42, 38, 0.6);
}

.thanksText {
  font-weight: bold;
  font-size: 22px !important;
}

.ETA_error ul li {
  color: red;
  font-size: 14px;
  list-style: outside none none;
}

.ETA_error ul {
  margin-left: 0px !important;
  padding-left: 0px !important;
}

.paddingSpc {
  padding-left: 0px;
  margin-bottom: 20px;
}

.thankInp {
  float: left;
  font-size: 16px;
  margin-right: 20px;
  /*width: 25%;*/
}

.thankFrom {
  width: 100%;
  float: left;
  margin: 20px 0;
}

.loading_img {
  left: 0;
  position: fixed;
  top: 0px;
  right: 0px;
  text-align: center;
  bottom: 0px;
  padding: calc(50vh - 90px) 0 0 0;
  z-index: 99999999999;
  background-color: rgba(0, 0, 0, 0.3);
}

.loading_img img {
  background: url(/Content/images/spinner.gif) no-repeat center/65px, #fff;
  height: 0;
  width: 0;
  padding: 45px;
  border-radius: 5px;
}

.loading_img.modal.mobCenterMod {
  background-color: rgba(0, 0, 0, 0.3);
}

.clr_cls {
  color: #02493b;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: #fff !important;
}

.mar-tb90.yourProfile_form {
  margin: 90px auto;
}

button {
  text-transform: uppercase;
}

.check_box_text input {
  float: left;
  width: 20px;
  padding: 0px;
  margin: 0px 10px 0 0;
  height: 29px;
}

.check_box_text label {
  font-weight: normal !important;
  margin: 0 4px 0 0;
  height: 20px;
}

.check_box_text {
  font-size: 16px;
  margin-bottom: 12px;
}

.location_detels_box1 {
  font-size: 15px !important;
}

.LateComingCheckbox {
  float: left !important;
  height: 42px !important;
  margin: 0 9px 0 0 !important;
  padding: 0 !important;
  width: 27px !important;
}

#addKeyCodeFrm .update_details {
  margin-left: 0px !important;
  margin-bottom: 19px !important;
}

/*.wrapper {
    padding: 0px 15px 5px 0px;
    background: #01745d;
    width: 100%;
    z-index: 10000;
    color: #fff;
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
}*/
#cookies .desc {
  bottom: 0;
  border-radius: 10px;
}

#cookies .wrapper {
  display: block;
  max-width: 290px;
  position: fixed;
  bottom: 20px;
  width: calc(100vw - 40px);
  background: unset;
  left: 20px;
  right: unset;
  text-align: left;
}

.wrapper {
  padding: 0px 15px 5px 0px;
  background: #01745d;
  width: 100%;
  z-index: 10000;
  color: #fff;
  text-align: center;
  float: none;
  width: 100%;
  position: relative;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.wrapper .desc {
  background-color: #00b288;
  bottom: 0;
  min-height: 40px;
  padding: 10px 0 0px 0;
  position: fixed;
  width: 100%;
  padding: 12px;
}

.accept_cookies {
  background: #ff9000;
  padding: 5px;
  width: 155px;
  color: #fff !important;
  text-align: center;
  margin: auto;
}

.accept_cookies a {
  color: #fff;
  cursor: pointer;
  font-size: 16px;
}

.wrapper h2 {
  margin: 1px;
  font-size: 28px;
}

.wrapper p {
  font-size: 12px;
  padding: 13px;
}

/*======================08-11-16===================*/
.key_deteilsBox {
  width: 100%;
  float: left;
}

.key_deteilsBox table {
  border: 1px solid #e0e0e0;
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  /* display: block; */
}

.key_deteilsBox table tr {
  /*border-bottom: 1px solid #e0e0e0;*/
  background: #fff;
}

.key_deteilsBox table tr td {
  padding: 20px 28px !important;
  border: none;
}

.key_deteilsBox table thead {
  color: #2e2a25;
  font-weight: bold;
}

.key_deteilsBox table tbody tr td.boldText {
  color: #2e2a26;
  font-weight: 500;
  font-size: 15px;
  line-height: 26px;
}

.key_deteilsBox table tbody tr:hover td.boldText {
  color: #00b288 !important;
}

.key_deteilsBox table tbody tr td .boldText {
  color: #2e2a26;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 26px !important;
}

.key_deteilsBox table tbody tr:hover td .boldText {
  color: #00b288 !important;
}

.key_deteilsBox table tbody tr:hover.overdue td .boldText {
  color: #e35454 !important;
}

.dataTable.historyTable tr.usedviewcode td {
  background: rgba(46, 42, 38, 0.05);
}

.manageAccess {
  border: 2px solid #00b189;
  border-radius: 5px;
  padding: 6px 40px 6px 10px;
  text-transform: uppercase;
  font-size: 20px;
  color: #006b54;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  white-space: nowrap;
}

.manageAccess:hover {
  color: #006b54;
  text-decoration: none;
  font-weight: bold;
}

.key_deteilsBox table.a:hover,
a:focus {
  text-decoration: none;
  color: #006b54;
}

.titleHed {
  text-align: center;
  color: #2e2a25;
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: -10px;
  padding: 0 25px;
}

.titleHed span {
  line-height: normal;
}

.house_keys {
  display: inline-block;
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  padding-left: 20%;
  margin: 40px 0 20px 0;
}

.house_keys tr td {
  padding: 10px;
}

.house_keys tr td.boldText {
  color: #2e2a25;
  font-weight: bold;
}

.btns {
  width: 90%;
  margin: auto;
  font-family: "Poppins", sans-serif;
}

.btns ul {
  margin: 0px;
  padding: 0px;
}

.btns ul li {
  list-style: none;
  display: inline-block;
  width: 100%;
}

.btns ul li a {
  text-decoration: none;
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.05) 109%
  );
  border: 2px solid #00b189;
  color: #00b189;
  font-size: 20px;
  font-weight: normal;
  border-radius: 5px;
  padding: 5px 25%;
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-bottom: 15px;
}

.btns ul li a:hover {
  text-decoration: none;
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.1) 109%
  );
  color: #00b189;
  border: 2px solid #00b189;
  border-radius: 5px;
}

.btns ul li a:focus {
  text-decoration: none;
  background: #00b189;
  color: #fff;
  border: 2px solid #00b189;
  border-radius: 5px;
}

.btns ul li a.active {
  text-decoration: none;
  background: #006b54;
  color: #fff;
  border: 2px solid #006b54;
  border-radius: 5px;
  font-weight: bold;
}

.Btn_ico1 {
  background: url(../images/icon1.png) no-repeat;
  height: 26px;
  width: 22px;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.Btn_ico7 {
  background: url(../images/icon7.png) no-repeat;
  height: 25px;
  width: 40px;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.btns ul li a:hover .Btn_ico7 {
  background-position: left bottom;
}

.btns ul li a.active .Btn_ico7 {
  background-position: left bottom;
  font-weight: bold;
}

.btns ul li a:hover .Btn_ico1 {
  background-position: left bottom;
}

.btns ul li a.active .Btn_ico1 {
  background-position: left bottom;
  font-weight: bold;
}

.Btn_ico2 {
  background: url(../images/icon2.png) no-repeat;
  height: 25px;
  width: 40px;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.btns ul li a:hover .Btn_ico2 {
  background-position: left bottom;
}

.btns ul li a.active .Btn_ico2 {
  background-position: left bottom;
  font-weight: bold;
}

.Btn_ico3 {
  background: url(../images/icon3.png) no-repeat;
  height: 26px;
  width: 40px;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.btns ul li a:hover .Btn_ico3 {
  background-position: left bottom;
}

.btns ul li a.active .Btn_ico3 {
  background-position: left bottom;
  font-weight: bold;
}

.Btn_icoairbnb {
  background: url(../images/airbnbicon.png) no-repeat;
  height: 26px;
  width: 40px;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.btns ul li a:hover .Btn_icoairbnb {
  background-position: left bottom;
}

.btns ul li a.active .Btn_icoairbnb {
  background-position: left bottom;
  font-weight: bold;
}

.Btn_ico4 {
  background: url(../images/icon4.png) no-repeat;
  height: 35px;
  width: 38px;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.btns ul li a:hover .Btn_ico4 {
  background-position: left bottom;
}

.btns ul li a.active .Btn_ico4 {
  background-position: left bottom;
  font-weight: bold;
}

.Btn_ico5 {
  background: url(../images/icon5.png) no-repeat;
  height: 30px;
  width: 30px;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.btns ul li a:hover .Btn_ico5 {
  background-position: left bottom;
}

.btns ul li a.active .Btn_ico5 {
  background-position: left bottom;
  font-weight: bold;
}

.Btn_ico6 {
  background: url(../images/icon6.png) no-repeat;
  height: 26px;
  width: 26px;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.btns ul li a:hover .Btn_ico6 {
  background-position: left bottom;
}

.btns ul li a.active .Btn_ico6 {
  background-position: left bottom;
  font-weight: bold;
}

.Btn_icoinfo {
  background: url(../images/icoinfo.png) no-repeat;
  height: 30px;
  width: 30px;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.btns ul li a:hover .Btn_icoinfo {
  background-position: left bottom;
}

.btns ul li a.active .Btn_icoinfo {
  background-position: left bottom;
  font-weight: bold;
}

.mainDiv {
  width: 100%;
}

.manageAcc {
  margin: auto;
  width: auto;
  text-align: center;
  font-size: 20px;
  margin: 0 -5px;
}

.manageAcc .midContent {
  padding: 0 30px;
}

.bottomButton {
  float: left;
  width: 100%;
}

.manageAcc li .boldText1 {
  color: #2e2a25;
  font-weight: 600;
  text-align: left;
  display: inline-block;
  width: 32%;
  /*margin-left:10%;*/
  vertical-align: top;
  font-size: 15px;
}

.manageAcc li .boldText2 {
  color: #2e2a25;
  text-align: left;
  display: inline-block;
  width: 54%;
  /*margin-left:10%;*/
}

.manageAcc ul {
  margin: 0px;
  padding: 0px;
}

.manageAcc ul li {
  list-style: none;
  margin: 5px 0;
}

.manageAcc ul li span {
  padding: 5px 0;
}

.phone-iconPhone {
  display: none;
}

.addBtn_key.btn-sm {
  font-size: 16px;
}

.modal-content {
  border-radius: 10px;
}

/**************************** ============================== New css Line 08- dec-2017 ================================***************************/
.venueHolder {
  float: left;
  width: 65%;
}

.venueHolder + .locSearch_img {
  float: left;
  height: inherit;
  margin-left: 15px;
  margin-right: 0;
  margin-top: 11px;
  overflow: inherit;
  position: relative;
  right: -4px;
  text-align: center;
  width: 30%;
}

.venueHolder + .locSearch_img img {
  border-radius: 50%;
  height: 100px;
  width: 100px;
}

.location_detels_box .venueHolder h1 {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  line-height: 30px;
  color: #2e2a26;
}

.location_detels_box .venueHolder .address_pop {
  color: #00b189;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 23px;
  margin-bottom: 6px;
}

.location_detels_box {
  border: 0;
  padding: 0px;
  border-radius: 10px;
}

.updareBtn {
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.05) 109%
  );
  border: 2px solid #00b189;
  border-radius: 5px;
  color: #00b189;
  font-size: 15px;
  font-weight: 600;
  padding: 14px 18px;
  text-transform: inherit;
  font-family: "Poppins", sans-serif;
}

.updareBtn:hover {
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.15) 109%
  );
  border: 2px solid #00b189;
  color: #00b189;
}

.updareBtn:focus {
  background: #00b189;
  color: #fff;
}

.desprictionOuter {
  float: left;
  padding-bottom: 15px;
  width: 100%;
}

.desprictionOuter p {
  font-family: poppins;
  font-size: 13px;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
  color: #2e2a26;
}

/* .closeArrow {
    float: right;
    margin-bottom: 10px;
    position: absolute;
    right: -20px;
    text-align: right;
    top: -20px;
    width: auto;
} */
.closeArrow {
  float: right;
  margin-bottom: 10px;
  position: absolute;
  right: 10px;
  text-align: right;
  top: -10px;
  width: auto;
}

.closeArrow button.close {
  font-size: 28px;
}

/*.gm-style-iw {
    width: 380px !important;
    left: 25px !important;
    background: #ffffff none repeat scroll 0 0 !important;
    padding: 20px;
    position: relative;
    border-radius: 10px !important;
    border: 1px solid rgba(46, 42, 38, 0.05) !important;
}*/

.gm-style-iw {
  width: 400px !important;
  left: 25px !important;
  background: #ffffff none repeat scroll 0 0 !important;
  padding: 20px;
  position: relative;
  border-radius: 10px !important;
  border: 1px solid rgba(46, 42, 38, 0.05) !important;
}

.gm-style img {
  width: 15px;
  height: 15px;
}

.locationBgBox {
  background: #fff none repeat scroll 0 0;
  float: left;
  padding: 0px 0 10px;
}

.locationBgBox .location_detels_box {
  margin-top: 0;
}

.locationBgBox .closeArrow {
  right: 18px;
  top: 22px;
}

.keyLabel {
  color: #00b189;
  font-size: 17px;
  font-weight: 600;
  margin-top: 10px;
}

.dataTable.historyTable tr td {
  background: #fff;
  border: medium none;
  border-radius: 5px;
  display: block;
  padding: 20px 15px !important;
}

tr.permanentcode td,
tr.validcode td {
  background: #fff none repeat scroll 0 0 !important;
}

.transparent_sperater:hover {
  background: transparent;
}

h1.title_page_lastmovements {
  color: #2e2a26;
  font-size: 20px;
  font-weight: 500;
  margin: 0 15px 15px;
}

h2.form_undergo_title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px;
  margin-top: 0;
  color: #2e2a26;
}

#dataTables-example span {
  color: #615e5a;
  font-size: 15px;
  font-weight: 400;
}

* {
  outline: none;
}

.my_keylist #location_key .mainDiv {
  padding: 20px;
  background: #fff;
  margin-bottom: 35px;
  -webkit-box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.75);
  border-radius: 5px;
}

.my_keylist #location_key .mainDiv .titleHed {
  margin-top: 0;
}

.my_keylist #location_key .mainDiv .btns {
  width: 100%;
}

.my_keylist
  #location_key
  .mainDiv
  .btns
  .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input.valid {
  color: #00b189;
}

.my_keylist #location_key .mainDiv .btns .ui-state-default,
.my_keylist #location_key .mainDiv .btns .ui-widget-content .ui-state-default,
.my_keylist #location_key .mainDiv .btns .ui-widget-header .ui-state-default {
  color: #00b189;
}

.my_keylist #location_key .mainDiv .btns .ui-state-default .ui-icon {
  background: rgba(0, 0, 0, 0) url("../images/arrow_right.png") no-repeat scroll
    0 0 / 100% auto;
}

.my_keylist #location_key .mainDiv .btns select {
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0) url("../images/down_arrow.png") no-repeat scroll
    26px center / 50% auto;
  border: 1px solid #cccccc;
  min-width: 52px;
}

.locationBgBox .location_detels_box .ui-state-default .ui-icon {
  background: rgba(0, 0, 0, 0) url("../images/arrow_right.png") no-repeat scroll
    0 0 / 100% auto;
}

.storeDetailsDv .ui-button-icon-only.custom-combobox-toggle {
  width: 25px !important;
  background: #fff !important;
}

.locationBgBox .location_detels_box .ui-state-default .ui-icon-down-arrow {
  background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll
    0 0 / 100% auto !important;
  font-size: 15px !important;
  font-weight: bold !important;
  margin-top: -10px;
  left: 0 !important;
  margin-left: 0 !important;
  width: 25px !important;
  top: 0 !important;
  height: 25px !important;
}

.locationBgBox .location_detels_box select {
  padding-left: 5px;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0) url("../images/down_arrow.png") no-repeat scroll
    26px center / 50% auto;
  border: 1px solid #cccccc;
  min-width: 52px;
}

.col50.col {
  padding: 0 10px;
}

.col50.col_1 {
  float: left;
  width: 50%;
  padding: 0 10px;
}

.col50.col_2 {
  width: 50%;
  float: left;
}

.btns ul li.col50 a {
  font-size: 15px;
  padding: 7px 12px;
  height: 50px;
  font-weight: 500;
  line-height: 27px;
}

.btns ul li.col_1 a {
  font-size: 15px;
  font-weight: 500;
  line-height: 27px;
  border: 2px solid #2e2a26;
  color: #2e2a26;
  background: linear-gradient(
    180deg,
    rgba(46, 42, 38, 0) 25%,
    rgba(46, 42, 38, 0.07) 117%
  );
}

.btns ul li.col_1 a:hover {
  border: 2px solid #2e2a26;
  color: #2e2a26;
  background: linear-gradient(
    180deg,
    rgba(46, 42, 38, 0) 25%,
    rgba(46, 42, 38, 0.125) 117%
  );
}

.btns ul li.col_1 a:focus {
  border: 2px solid #2e2a26;
  color: #fff;
  background: #2e2a26;
}

.btns ul li.col50.col_2 a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  padding: 0;
  color: #2e2a26;
}

.btns ul li.col50.col_2 a:hover {
  color: #2e2a26;
}

.col50.col_2 span {
  padding-bottom: 0px;
  margin-right: 5px;
}

.boldText2 span {
  border-bottom: 1px solid #006b54;
  color: #006b54;
  padding-bottom: 5px;
}

.midContent {
  max-width: 100%;
  padding: 0 38px;
}

/*.gm-style .gm-style-iw-c {
    transform: translate(-56%, -100%);
    box-shadow: 0px 0px 0px 3px rgb(46 42 37 / 3%) !important;
    padding: 0px !important;
}*/
.gm-style .gm-style-iw-c {
  transform: translate(-56%, -100%);
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);
  padding: 0px !important;
}

.location_detels_box .desprictionOuter > p:first-child {
  font-weight: 600 !important;
}

.location-detail-divider {
}

.gm-style .gm-style-iw-d::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
}

.gm-style .gm-style-iw-t {
  transform: translateY(-9px);
}

.gm-style .gm-style-iw-t::after {
  top: 8px !important;
  transform: translate(-85%, -50%) rotate(-45deg) !important;
  border-radius: 3px;
}

.gm-style-iw + div {
  display: none;
}

.mapSearch_outer {
  background: #fff;
  display: table;
  margin: 15px auto 0;
  /* max-width: 660px; */
  padding: 7px;
  position: relative;
  /* width: 100%; */
  z-index: 1;
  /* -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75); */
  border-radius: 10px;
  box-shadow: 0px 0px 0px 3px rgb(46 42 37 / 1%);
}

.mapSearch_outer .mapSearchBox {
  float: left;
  margin-top: 0px;
  position: relative;
  right: 0;
  top: 0;
  z-index: 1;
}

.mapSearch_outer .selectCity {
  float: left;
  margin-top: 4px;
  position: relative;
  right: 0;
  top: 0;
  z-index: 1;
  /*width: 140px;*/
}

.customespan {
  float: left;
  color: #2e2a26;
  font-size: 15px;
  font-weight: 500;
  margin-left: 5px;
  margin-top: 17px;
  padding: 0 5px;
  text-transform: lowercase;
}

.searcWhiteBox > .customespan {
  padding: 0 !important;
}

.mapSearch_outer .searchTerm.Map-AutoComplete {
  border-color: #2e2a25;
}

/*.mapSearch_outer #city-dropdown select.home-city {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll right center / 20% auto;
    border: 1px solid rgba(0, 0, 0, 0);
    min-width: 120px;
    color: #2E2A26;
    font-size: 15px;
    font-weight: 500;
}*/
.mapSearch_outer #city-dropdown .bootstrap-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  border: 1px solid rgba(0, 0, 0, 0);
  /*min-width: 120px;*/
  color: #2e2a26;
  font-size: 15px;
  font-weight: 500;
  margin-top: 5px;
  margin-left: 5px;
  width: auto;
}

.mapSearch_outer #city-dropdown .bootstrap-select > .dropdown-toggle {
  display: inline-block;
  overflow: hidden;
  width: auto;
  text-align: left;
  text-transform: inherit;
  border: none;
  padding: 0;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 15px;
  color: #2e2a26;
  background: rgba(0, 0, 0, 0) url("../images/Chevron_icon.svg") no-repeat
    scroll right center / 23px auto !important;
  padding-right: 25px;
}

.bs-caret .caret {
  display: none;
}

.bootstrap-select.btn-group .dropdown-menu {
  min-width: 66% !important;
}

#city-dropdown .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}

.open > .dropdown-toggle.btn-default:hover,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default:hover {
  background: transparent !important;
  box-shadow: none !important;
}

.mapSearchBox .searchboxWithBtn button {
  background: #fff;
  border: 2px solid #615e5a;
  border-radius: 0px 5px 5px 0px;
  color: #2e2a26;
  font-size: 15px;
  padding: 7px 12px;
  position: absolute;
  height: 50px;
  right: 0;
  text-transform: capitalize;
  font-weight: 500;
}

.mapSearchBox .searchboxWithBtn button:hover {
  background: #2e2a26;
  color: #fff;
}

.mapSearchBox .searchboxWithBtn button:focus {
  background: #2e2a26;
  color: #fff;
}

.mapSearchBox .searchboxWithBtn {
  float: left;
}

.mapSearchBox .searchboxWithBtn input[type="text"] {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #4b4845 currentcolor #4b4845 #4b4845;
  border-image: none;
  border-radius: 5px;
  border-style: solid none solid solid;
  border-width: 2px medium 2px 2px;
  color: #2e2a25;
  float: left;
  font-size: 15px;
  padding: 14px 90px 14px 18px;
  width: 100%;
  height: 50px;
  text-align: left;
  font-weight: 500;
  color: #757575;
  background: #fff;
}

.mapSearchBox .searchboxWithBtn input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #757575;
  font-weight: 400;
}

.mapSearchBox .searchboxWithBtn input::-moz-placeholder {
  /* Firefox 19+ */
  color: #757575;
  font-weight: 400;
}

.mapSearchBox .searchboxWithBtn input:-ms-input-placeholder {
  /* IE 10+ */
  color: #757575;
  font-weight: 400;
}

.mapSearchBox .searchboxWithBtn input:-moz-placeholder {
  /* Firefox 18- */
  color: #757575;
  font-weight: 400;
}

.get_notified a button.key_addBtn.suggestBrn.suggestBrnBG {
  background: #00b189 none repeat scroll 0 0;
  /* border: 2px solid rgba(46, 42, 37, 0.25); */
  border-radius: 7px;
  font-weight: normal;
  text-transform: inherit;
  width: 260px;
  font-size: 17px;
  font-weight: bold;
  width: 300px;
  padding: 12px !important;
  left: 0;
  right: 0;
  margin: 0 auto;
  box-shadow: 0px 0px 7px rgba(0, 177, 137, 0.25);
  color: #fff;
}

.get_notified a button.key_addBtn.suggestBrn.suggestBrnBG:hover {
  background: #02a17d;
  border: 2px solid rgba(46, 42, 37, 0.25);
}

.get_notified a button.key_addBtn.suggestBrn.suggestBrnBG:focus {
  background: #02a17d;
  border: 2px solid #02a17d;
}

.profileOuter .tabContaBox {
  border: none;
  padding: 0;
}

.profileOuter .yourProfile_form {
  border: medium none;
  border-radius: 7px;
  float: left;
  margin: 18px 0 50px;
  width: 100%;
  -webkit-box-shadow: 0px 0px 0px 3px rgba(46, 42, 37, 0.01);
  -moz-box-shadow: 0px 0px 0px 3px rgba(46, 42, 37, 0.01);
  box-shadow: 0px 0px 0px 3px rgba(46, 42, 37, 0.01);
}

.home-city {
  padding: 5px 23px 5px 4px !important;
  border-radius: 0 !important;
  /*  border-bottom: 1px solid #757575 !important; */
}

/*.mapSearch_outer .selectCity::before {
    background: rgba(46, 42, 38, 0.6) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 5px;
    position: absolute;
    width: calc(100% - 35px);
}*/

.suggestBrn {
  bottom: 25px !important;
}

.modal-header .close {
  margin-top: 0px !important;
  position: relative;
  top: 20px;
  right: 0px;
  z-index: 999;
}

.boldText2 a:hover {
  text-decoration: none;
}

.boldText2 span {
  border-bottom: 1px solid #00b189;
  color: #00b189;
  padding-bottom: 5px;
}

.boldText2 a:hover span {
  color: #006b54;
}

.custom-combobox-input.ui-widget,
.ui-button-icon-only.custom-combobox-toggle {
  height: 48px;
  background: #f9f9f9 !important;
  border-radius: 0px;
  border: none;
}

.my_keylist #location_key .mainDiv .btns select,
.js-example-basic-single {
  height: 40px;
  background-color: #f9f9f9 !important;
  border-radius: 0px;
  border: none !important;
}

#lblAmountDiv + p,
#lblAmountDiv + p + p {
  font-size: 15px;
}

#CouponCode {
  margin: 0px;
  text-transform: uppercase;
}

#dvCoupon .searchboxWithBtn button {
  position: absolute;
  background: #2e2a26;
  color: #fff;
}

#dvCoupon .searchboxWithBtn {
  margin-bottom: 15px;
}

#dvCoupon label {
  font-weight: 500;
  margin: 10px 0 10px 0;
}

.greenDiscText {
  color: #00b189;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 15px;
}

.redDiscText {
  color: #f10;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 15px;
}

.deleteIconBtn {
  background: none;
  border: none;
  margin-bottom: 15px;
}

.deleteIconBtn i {
  color: #e86346;
  font-size: 20px;
}

.greenColorCl {
  color: #00b189 !important;
}

.textoverLIne {
  text-decoration: line-through;
}

.searchboxWithBtn input[type="text"] {
  width: 100%;
  border: 2px solid #2e2a26;
  background: transparent;
  padding: 14px 90px 14px 18px;
  border-radius: 4px;
  font-size: 15px;
  float: left;
  border-right: none;
  color: #757575;
  height: 50px;
  font-weight: 500 !important;
}

.searchboxWithBtn button {
  position: absolute;
  background: transparent;
  border: solid 2px #2e2a26;
  font-size: 15px;
  text-transform: capitalize;
  padding: 7px 12px;
  border-radius: 0px 5px 5px 0px;
  color: #2e2a26;
  right: 0;
  height: 50px;
  font-weight: 500;
}

.searchboxWithBtn button:hover {
  background: #2e2a26;
  border: solid 2px #2e2a26;
  color: #fff;
}

.searchboxWithBtn button:focus {
  background: #2e2a26;
  border: solid 2px #2e2a26;
  color: #fff;
}

.key_deteilsBox table tr td.deletekeycodetd {
  background: #f9f9f9 none repeat scroll 0 0;
}

.key_deteilsBox table tr.usedviewcode {
  background: rgba(46, 42, 38, 0.05);
}

.key_deteilsBox table tr.usedviewcode:hover {
  background: rgba(46, 42, 38, 0.05);
}

.custom-radios #dvAddCoupon {
  margin: 5px 0;
}

.blurpop + #myModal {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.profileOuter .updareBtn {
  min-width: 200px;
  padding: 7px 12px !important;
  line-height: 23px !important;
  height: 48px;
}

.gm-style .gm-style-iw {
  overflow: inherit !important;
}

.form-group.oneSetRow {
  float: left;
  margin: 0 0 15px 0;
  width: 47%;
}

.form-group.twoSetRow {
  float: left;
  width: 50%;
  text-align: right;
}

.form-group.twoSetRow a {
  margin: 0;
  padding-top: 6px;
}

.form-group.twoSetRow span {
  text-align: right;
  display: inline-block;
}

.profileOuter .btnLeft {
  margin-top: 5px;
}

.btns ul li.col50.getCodeCol a {
  font-weight: 600;
  font-size: 15px;
}

.keyFromBox.addKeyPop #payment-form label {
  padding-left: 0;
  font-weight: 500;
}

.keyFromBox.addKeyPop #payment-form .key-detailSec h3 {
  font-weight: 600;
}

/**************************** ============================== // New css Line 08- dec-2017 ================================***************************/
@media (max-width: 767px) {
  #location_key.usekeypopbox {
    width: 100%;
  }

  .my_keylist > div {
    width: 100%;
    /* padding: 0; */
  }

  #location_key.usekeypopbox .locationBgBox {
    padding: 0;
  }

  #location_key.usekeypopbox .locationBgBox .btnCenter {
    margin-bottom: 10px;
  }

  .manageAcc .midContent {
    float: left;
    text-align: left !important;
    width: auto;
    padding: 0;
    margin-right: 30px;
  }

  .manageAcc {
    margin: 0 20px 0 20px !important;
  }

  .manageAcc li .boldText1 {
    text-align: left !important;
    width: 100%;
  }

  .manageAcc li .boldText2 {
    text-align: left !important;
    float: left !important;
  }

  .manageAcc ul li {
    padding: 0 0px;
  }

  .checkAutofaker {
    margin-top: -20px !important;
  }

  .col50.col.getCodeCol {
    margin-bottom: 0px !important;
  }

  .checkAutofaker .btns {
    padding: 0 10px !important;
  }

  .historyTable tbody td {
    /* padding: 30px 20px !important; */
  }

  td.value-res {
    width: calc(90% - 20px) !important;
    float: left;
  }

  #lstKey .value-res:nth-of-type(2) {
    padding-bottom: 5px !important;
    margin: 0 -20px 0 20px;
  }

  #lstKey .value-res:nth-of-type(3) {
    padding-top: 5px !important;
    margin: 0 -20px 0 20px;
  }

  td.value-arrow {
    width: 20px !important;
    float: right !important;
    position: relative;
    bottom: 20px !important;
    padding: 0 !important;
  }

  .form-group.twoSetRow {
    width: 100%;
    text-align: left;
  }

  .form-group.oneSetRow {
    width: 100%;
    margin-left: 0;
  }

  .mapSearch_outer {
    /* background: transparent; */
    max-width: 95vw;
  }

  .mapSearchBox .searchboxWithBtn {
    border: none;
  }

  .key_deteilsBox table tr.usedviewcode {
    background: #fff;
  }

  .navbar-default .navbar-toggle {
    border-color: #ffffff;
  }

  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 7px;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #00b189;
  }

  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
    background-color: #fff;
  }

  .resp-disNone {
    display: none !important;
  }

  .phone-iconPhone {
    display: inline-block;
    padding: 0px;
    margin: 15px 0 0 15px;
    float: right;
  }

  .phone-iconPhone li {
    list-style: none;
  }

  .phone-iconPhone li img {
    margin: 7px 0 0;
    width: 25px;
  }

  .suggestBrn {
    font-size: 13px;
    bottom: 65px !important;
    padding: 7px 8px 4px 8px !important;
  }

  .gm-style-iw {
    /* width: inherit !important; */
  }

  /*.venueHolder + .locSearch_img{width:100%; margin:0;}
		.venueHolder{width:100%;}*/
  .venueHolder + .locSearch_img img {
    border-radius: 50%;
    height: 85px;
    width: 85px;
  }

  .location_detels_box .venueHolder h1 {
    font-size: 20px;
    line-height: 30px;
  }

  .my_keylist #location_key .mainDiv {
    padding: 15;
  }

  .custom_mob {
    padding: 0;
  }

  #lblAmountDiv p span {
    margin-left: 0px !important;
  }

  .mainDiv p,
  .mainDiv .btnCenter {
    margin-left: 0px !important;
  }

  .custom-combobox-input,
  .ui-autocomplete.ui-front {
    /* width: 92% !important; */
  }

  .ui-autocomplete.ui-front {
    width: 82% !important;
    max-height: 400px;
    overflow: auto;
  }

  .history_table {
    padding: 0 0px;
  }

  .historyTable + .row .dataTables_info,
  .historyTable + .row .col-sm-6 {
    text-align: center;
  }

  .historyTable + .row .col-sm-6 .paging_simple_numbers {
    text-align: center;
    float: none;
  }

  .header_bg_top {
    min-height: 60px !important;
  }
}

@media (min-width: 320px) and (max-width: 768px) {
  .mainDiv {
    width: 100%;
  }

  .thankInp {
    margin-top: 10px;
  }

  .manageAcc li .boldText1 {
    color: #2e2a25;
    font-weight: bold;
    text-align: left;
    display: inline-block;
    width: 40%;
    margin-left: 0%;
  }

  .manageAcc li .boldText2 {
    color: #2e2a25;
    text-align: left;
    display: inline-block;
    width: 40%;
    margin-left: 0%;
  }

  .btns {
    width: 100%;
  }

  .btns ul li a {
    padding: 10px 5%;
  }

  .house_keys {
    padding: 0px;
  }
}

@media (min-width: 769px) and (max-width: 990px) {
  .btns {
    width: 100%;
  }

  .btns ul li a {
    padding: 10px 10%;
  }

  .house_keys {
    padding: 0px;
  }
}

@media (min-width: 991px) and (max-width: 1600px) {
  .btns {
    width: 100%;
  }

  .btns ul li a {
    padding: 10px 16%;
  }

  .house_keys {
    padding: 0px;
  }

  .btns ul li.col50 a {
    padding: 7px 5px;
  }
}

@media (min-width: 320px) and (max-width: 768px) {
  .paymentWor {
    width: 80% !important;
  }

  #dataTables-example tr td {
    /* float: left; */
    /* width: 39%; */
    /* border: none; */
    /* min-height: 26px; */
  }

  #dataTables-example tr td:nth-of-type(5) {
    width: 100%;
  }

  #dataTables-example tr td:nth-of-type(5) span.collectionDate {
    width: 48%;
    float: left;
    height: 40px;
  }

  #dataTables-example tr td:last-child {
    width: 90%;
    padding: 10px 5% !important;
    border-top: 1px solid rgba(46, 42, 38, 0.1);
  }

  .collectionDate {
    width: 100%;
    float: left;
    color: rgba(46, 42, 38, 0.6);
  }

  td:last-child .collectionDate {
    width: 50%;
  }

  #dataTables-example tr td .text_bold {
    float: left;
    width: 50% !important;
  }

  #dataTables-example tr td .manage_button {
    float: left;
    width: 100% !important;
    text-align: center;
  }

  #dataTables-example tr {
    /* display: inline-table; */
    width: 100%;
  }

  .manageAccess {
    font-size: 18px;
    padding: 6px 24px 6px 10px;
  }

  .manageAccess i img {
    width: 25px;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .manage_button {
    width: 100% !important;
  }

  .manageAccess {
    width: 100%;
    text-align: center;
  }

  .city-dropdown {
    top: 190px;
  }

  .mapBoxs {
    height: 270px;
  }

  .header_logo img {
    width: 168px;
  }
}

@media (min-width: 150px) and (max-width: 319px) {
  .manage_button {
    width: 100% !important;
  }

  .manageAccess {
    width: 85%;
    font-size: 10px;
    text-align: center;
    padding: 6px 24px 6px 2px;
  }

  .manageAccess i img {
    width: 15px;
  }

  #dataTables-example tr td {
    float: left;
    /* width: 39%; */
    border: none;
    /* text-align: center; */
    word-wrap: break-word;
  }

  #dataTables-example tr td .text_bold {
    float: left;
    width: 50% !important;
    text-align: center;
  }

  #dataTables-example tr td .manage_button {
    float: left;
    width: 100% !important;
    text-align: center;
  }

  #dataTables-example tr {
    display: inline-table;
    width: 100%;
  }
}

@media (min-width: 561px) and (max-width: 800px) {
  .manageAccess {
    width: 100%;
    font-size: 11px;
  }

  .manageAccess i img {
    width: 23px;
  }

  #dataTables-example tr td {
    width: 33%;
  }
}

@media (max-width: 800px) {
  .home-city {
    width: 100% !important;
  }

  #city-dropdown {
    display: none;
  }
}

@media (max-width: 480px) {
  .suggestBrn {
    bottom: 50px;
    font-weight: bold;
    margin: auto;
    position: absolute;
    /* right: 5% !important;
        margin: 0 0 0 0 !important;*/
    text-transform: uppercase;
    width: 430px;
    max-width: 90%;
    min-width: 80% !important;
  }
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  vertical-align: middle;
}

.key-detailSec p {
  font-size: 15px;
  text-align: left;
  font-weight: 500;
  color: #2e2a25;
}

.key-detailSec h3 {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  margin: 0 0 15px 0;
}

.pay-detail-outer {
  padding: 20px 50px;
}

.key-detailSec p input {
  height: auto !important;
}

/*.gmnoprint
{
    display:none !important;
}*/
.selectmodalpopup .keyTitlepupop.head1 {
  color: #2e2a25;
  font-size: 20px;
  text-align: center;
  font-family: "Poppins";
  font-weight: 500;
  margin-bottom: 10px;
  line-height: normal;
}

.selectmodalpopup .keyTitlepupop {
  font-size: 15px;
  color: #2e2a25;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  padding-left: 5px;
  margin-bottom: 10px;
}

.selectmodalpopup button.addBtn_key {
  width: 100%;
  margin: 10px 0;
  font-size: 18px;
  padding-right: 5px;
  padding-left: 5px;
}

.modal {
  /* z-index: 999999 !important; */
}

button.close {
  font-size: 18px;
}

.selectmodalpopup .keyFromBox {
  padding: 0 0 15px;
}

.text-decoNone:hover,
.text-decoNone2:hover {
  text-decoration: none;
}

/* .airbnbsignup:hover {
    background:#ff5050;
    color:#fff;
    text-decoration:none;
}
.airbnbsignup span
{

    font-size:20px;
    font-weight:bold;
}*/
.airbnbsignupSignup {
  background: #fc5255 none repeat scroll 0 0;
  border: 2px solid #fc5255;
  border-radius: 5px;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  margin: 0;
  padding: 15px 10px;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

/* .airbnbsignupSignup:hover {
    background:#fff;
    border:2px solid #ff5050;
    color:#ff5050;
    text-decoration:none;
}
.airbnbsignupSignup span
{

    font-size:20px;
    font-weight:bold;
} */
.midOrCont2 {
  text-align: center;
  width: 100%;
  display: inline-block;
  position: relative;
  margin: 10px 0;
  font-size: 14px;
  color: #7f7f7f;
}

.midOrCont2:after {
  height: 1px;
  background: #ddd;
  width: 40px;
  position: absolute;
  right: 0px;
  top: 10px;
  content: "";
}

.midOrCont2:before {
  height: 1px;
  background: #ddd;
  width: 40px;
  position: absolute;
  left: 0px;
  top: 10px;
  content: "";
}

.midOrCont {
  text-align: center;
  width: 100%;
  display: inline-block;
  position: relative;
  margin: 10px 0;
  font-size: 14px;
  color: #7f7f7f;
}

.midOrCont:after {
  height: 1px;
  background: #ddd;
  width: 85px;
  position: absolute;
  right: 0px;
  top: 10px;
  content: "";
}

.midOrCont:before {
  height: 1px;
  background: #ddd;
  width: 85px;
  position: absolute;
  left: 0px;
  top: 10px;
  content: "";
}

a.text-decoNone {
  border-bottom: 0px solid #ddd;
  display: inline-block;
  padding-bottom: 0px;
  margin: 8px 0;
  width: 100%;
}

.checkbox-inputHeight input {
  height: auto;
}

.checkAutofaker {
  background: linear-gradient(0deg, #ffffff, #ffffff), #f7fcfa;
  box-shadow: 0px 0px 5px rgba(46, 42, 38, 0.1);
  border-radius: 10px;
  padding: 50px 10px 18px 10px;
  float: left;
  width: 100%;
  margin: 20px 0;
}

.marginBottom15 {
  margin-bottom: 15px;
}

.checkAutofaker .manageAcc {
  font-size: 15px;
  color: #2e2a25;
}

.uderLine {
  border-bottom: 1px solid #adabaa !important;
}

/*---11-08-2017*/
/*---03-01-2018*/
.yourProfile_form .check_box_text select.home-city {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  background: rgba(0, 0, 0, 0) url("../images/green_down.png") no-repeat scroll
    right 0px / 23px auto;
  border: 1px solid rgba(0, 0, 0, 0);
  min-width: 120px;
  font-size: 15px;
  font-weight: 600 !important;
  padding-right: 22px;
  color: #00b189;
  padding-top: 0 !important;
  padding-left: 0 !important;
  height: auto !important;
  padding-bottom: 0 !important;
}

/* .btnUser {
    background: #01745d;
    padding: 8px !important;
    color: #fff !important;
    text-align: center;
    width: 100%;
    float: left; font-size:20px;
} */
.btnUser {
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.05) 109%
  );
  border: 2px solid #00b189;
  border-radius: 5px;
  color: #00b189 !important;
  float: left;
  font-size: 15px;
  font-weight: 600;
  height: auto;
  padding: 14px 20px !important;
  text-align: center;
  width: auto;
}

.btnUser:hover {
  text-decoration: none;
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.15) 109%
  );
  color: #00b189 !important;
}

.btnUser:focus {
  background: #00b189;
  color: #fff !important;
}

/*.btnLeft:first-child .updareBtn {
    margin-right: 10px;
}*/
.us_list {
  border: 1px solid #01745d;
  color: #01745d;
  background: #fff;
  text-align: center;
  width: 100%;
  float: left;
  padding: 8px;
  margin: 4px 0;
  font-size: 20px !important;
}

.us_list:hover {
  background: #01745d;
  color: #fff !important;
  text-decoration: none !important;
}

.us_list.active {
  background: #01745d;
  color: #fff !important;
  text-decoration: none !important;
}

.addBtn {
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.05) 109%
  );
  border: 2px solid #00b189;
  box-sizing: border-box;
  border-radius: 5px;
  margin-bottom: 15px;
  font-weight: 600;
  line-height: normal;
  font-size: 15px;
  padding: 10px 8px;
  color: #00b189;
}

.font_13 {
  font-size: 13px;
}

.addBtn:hover {
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.15) 109%
  );
  border: 2px solid #00b189;
}

.addBtn:focus {
  background: #00b189;
  border: 2px solid #00b189;
  color: #fff;
}

.headTitle {
  font-size: 20px;
  font-weight: 600;
}

.headManUser {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  width: 100%;
  float: left;
  margin: 0px 0 25px 0;
}

.mangerUsers tr th {
  text-align: center;
  padding: 10px;
  font-size: 18px;
}

.mangerUsers tr td {
  text-align: center;
  padding: 10px 5px;
  font-size: 18px;
}

.subBtns {
  position: fixed !important;
  float: right;
}

.maUser_list {
  width: 100%;
  overflow: auto;
  height: 400px;
  margin-bottom: 10px;
  border: 1px solid rgba(46, 42, 38, 0.3);
  border-radius: 10px;
}

.inlinecheckBox label {
  display: inline !important;
  padding: 0;
  color: #2e2a25;
  font-weight: 600 !important;
}

.inlinecheckBox label.hidden-xs {
  display: none !important;
}

[inline] label.hidden-lg.hidden-md.hidden-sm {
  display: inline !important;
}

.inlinecheckBox .check_box_text label {
  font-size: 15px !important;
  color: #2e2a25;
  font-weight: 600 !important;
}

.searchboxWithBtn {
  position: relative;
  /* width: 400px; */
}

i.arrow-img {
  float: right;
}

.header-sec {
  width: 100%;
  float: left;
  margin: 15px 0;
}

@media (min-width: 767px) {
  .header-sec > .pull-right > div {
    float: right !important;
    width: auto !important;
    margin-left: 0 !important;
  }
}

.key-detailSec .custom-radios div {
  display: inline-block;
  width: 100%;
  float: left;
}

.key-detailSec .custom-radios input[type="radio"] {
  display: none;
}

.key-detailSec .custom-radios input[type="radio"] + label {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 14px;
  width: 100%;
}

.key-detailSec .custom-radios input[type="radio"] + label span.selectIco {
  line-height: 10px;
}

.key-detailSec .custom-radios input[type="radio"] + label span {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 4px 16px 15px 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: none;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 20px;
  border: solid 1px #2e2a25;
  float: left;
}

.key-detailSec .custom-radios input[type="radio"] + label span img {
  opacity: 0;
  transition: all 0.3s ease;
}

.key-detailSec .custom-radios input[type="radio"]:checked + label span img {
  opacity: 1;
}

.check_box_text {
  display: inline-block;
  float: left;
}

.check_box_text input[type="radio"] {
  display: none;
}

.check_box_text input[type="radio"] + input[type="hidden"] + label {
  color: #333;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 35px;
  padding-left: 0;
  width: 100%;
}

.check_box_text input[type="radio"] + label span {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 4px 16px 20px 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: none;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 20px;
  border: solid 1px #2e2a25;
  float: left;
}

.check_box_text input[type="radio"] + label span img {
  opacity: 0;
  transition: all 0.3s ease;
}

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

.check_box_text {
  display: inline-block;
  float: left;
}

.check_box_text input[type="checkbox"] {
  display: none;
}

.check_box_text input[type="checkbox"] + input[type="hidden"] + label {
  color: #333;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 35px;
  padding-left: 0;
  width: 100%;
}

.check_box_text input[type="checkbox"] + input[type="hidden"] + label span {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 4px 16px 20px 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: none;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 20px;
  border: solid 1px #2e2a25;
  float: left;
}

.check_box_text input[type="checkbox"] + input[type="hidden"] + label span img {
  opacity: 0;
  transition: all 0.3s ease;
}

.check_box_text
  input[type="checkbox"]:checked
  + input[type="hidden"]
  + label
  span
  img {
  opacity: 1;
}

.form-group.check_box_text.oneSetRow > label {
  font-weight: 600 !important;
  color: #2e2a25 !important;
}

.check_box_text1 {
  display: inline-block;
  float: left;
}

.check_box_text1 input[type="checkbox"] {
  display: none;
}

.check_box_text1 input[type="checkbox"] + input[type="hidden"] + label {
  color: #333;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 35px;
  padding-left: 0;
  width: 100%;
}

.check_box_text1 input[type="checkbox"] + label span {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: none;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 20px;
  border: 1px solid #b9b7b6;
  float: left;
}

.check_box_text1 input[type="checkbox"] + label span img {
  opacity: 0;
  transition: all 0.3s ease;
}

.check_box_text1 input[type="checkbox"]:checked + label span img {
  opacity: 1;
}

.maUser_list.userMaList table.subUsersTb tr td {
  vertical-align: middle;
}

.check_box_text1 label {
  padding-left: 1px !important;
}

/*.custom-radios h4 {
    font-family: poppins;
    font-size: 15px;
    font-weight: 600;
    margin: 7px 0 2px;
    color: #2E2A25;
}*/
.custom-radios p {
  margin: 0px 0 0;
  font-weight: normal;
  font-size: 15px;
  text-align: left;
  font-family: poppins;
}

.form-control {
  background: #f4f4f2;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 12px 15px;
  box-shadow: none;
  font-size: 15px;
  color: #757575;
  height: 48px;
  font-weight: normal;
  border: 2px solid #e9e9e7;
  border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.key_saveBtn {
  background: linear-gradient(
    180deg,
    rgba(46, 42, 38, 0) 25%,
    rgba(46, 42, 38, 0.07) 117%
  );
  border: 2px solid #2e2a26;
  width: 100%;
  padding: 3px 10px;
  font-size: 15px;
  color: #2e2a26;
  text-transform: inherit;
  border-radius: 4px;
  clear: both;
  margin: 5px 0;
  height: 50px;
  font-weight: 600;
}

.key_saveBtn:hover {
  background: linear-gradient(
    180deg,
    rgba(46, 42, 38, 0) 25%,
    rgba(46, 42, 38, 0.2) 117%
  );
  border: 2px solid #2e2a26;
  color: #2e2a26;
}

.key_saveBtn:focus {
  background: #2e2a26;
  border: 2px solid #2e2a26;
  color: #fff;
}

.key_saveBtnActive {
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.05) 109%
  );
  border: 2px solid #00b189;
  width: 100%;
  padding: 3px 10px;
  font-size: 15px;
  color: #00b189;
  text-transform: inherit;
  border-radius: 4px;
  height: 50px;
  font-weight: 600;
}

.key_saveBtnActive:hover {
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.15) 109%
  );
  border: 2px solid #00b189;
  color: #00b189;
}

.key_saveBtnActive:focus {
  background: #00b189;
  border: 2px solid #00b189;
  color: #fff;
}

.key_saveBtnDelete {
  background: linear-gradient(
    180deg,
    rgba(232, 99, 70, 0) 25%,
    rgba(232, 99, 70, 0.075) 117%
  );
  border: 2px solid #e86346;
  width: 100%;
  padding: 3px 10px;
  font-size: 15px;
  color: #e86346;
  /*text-transform: capitalize;*/
  border-radius: 4px;
  height: 50px;
  font-weight: 500;
}

.key_saveBtnDelete:hover {
  background: rgba(0, 0, 0, 0)
    linear-gradient(
      180deg,
      rgba(232, 99, 70, 0) -39%,
      rgba(232, 99, 70, 0.075) 109%
    )
    repeat;
  border: 2px solid #e86346;
  color: #e86346;
}

.key_addBtn.key_saveBtn_red {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #2e2a26;
  border-radius: 4px;
  color: #2e2a26;
  font-size: 19px;
  padding: 3px 10px;
  text-transform: inherit;
  width: 100%;
}

.key_addBtn.key_saveBtn_red:hover,
.key_addBtn.key_saveBtn_red:active {
  color: #ff5050;
  border-color: #ff5050;
}

p.popup-btm-titel {
  text-align: left;
  font-weight: 500;
  font-size: 15px;
  margin: 2px 0 20px 0;
  float: left;
}

p.popup-btm-titel a {
  color: #00b189;
  text-decoration: underline;
}

.green-link {
  color: #00b189 !important;
  text-decoration: underline;
}

table-work-panel td {
  border: none !important;
  font-size: 15px;
}

.table-work-panel td span {
  display: block;
}

.table-work-panel td:nth-child(1) {
  border-radius: 5px 0 0 5px;
  color: #00b189;
  font-weight: bold;
}

.table-work-panel td:nth-child(5) {
  border-radius: 0 5px 5px 0;
}

.table-work-panel td:nth-child(6) {
  background: none;
}

.table-work-panel span.date-col {
  color: #2e2a25;
  font-weight: bold;
}

a.key-edit {
  color: #2e2a25;
  font-size: 15px;
}

a.key-edit i.fa.fa-trash-o {
  color: #e86346;
}

td.td-last-ed {
  background: #e5e5e5 !important;
}

.table-work-panel tr {
  background: #fff;
}

tr.keys-cods-panel.table-work-graw {
  background: rgba(46, 42, 38, 0.05);
}

tr.bg-table {
  background: none;
}

td.bg-td-pd {
  padding: 3px !important;
}

h3.table-heading {
  margin: 0 0 13px;
  color: #2e2a25;
  font-weight: bold;
}

.boldText2 > a {
  color: #2e2a26;
}

.keyFromBox form hr {
  margin-bottom: 15px !important;
  margin-top: 15px !important;
  width: calc(100% + 40px);
  margin-left: -20px;
}

.keyFromBox form .addBtn {
  margin-bottom: 20px;
  margin-top: 5px;
}

.terms_text.agreementwithus {
  float: left;
  font-size: 12px;
  font-weight: 500;
  width: 40%;
  margin-bottom: 0;
}

.signUp_option {
  display: inline-block;
  margin: 10px 0 0;
}

.form-group.dropDownSignUp {
  float: right;
  width: 80%;
  position: relative;
  margin-bottom: 0;
}

.form-group.dropDownSignUp select#ReferenceFrom {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  border: medium none;
  border-radius: 0;
  color: #2e2a26;
  font-size: 15px;
  font-weight: bold;
  padding: 0;
  background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll
    right center / 30px 30px;
  height: auto;
}

.form-group.dropDownSignUp::before {
  background: rgba(46, 42, 38, 0.6) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 5px;
  position: absolute;
  width: 205px;
}

.fr .form-group.dropDownSignUp {
  width: 80%;
}

.fr .form-group.dropDownSignUp::before {
  width: 350px;
}

.Permission {
  width: 49%;
}

.dropDownPermission {
  width: 70%;
  position: relative;
  margin-bottom: 0;
}

.dropDownPermission::before {
  background: rgba(46, 42, 38, 0.6) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  width: 85px;
  margin-left: 4px;
}

.dropDownPermission select.Permission {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  border: medium none;
  border-radius: 0;
  color: #2e2a26;
  font-size: 15px;
  font-weight: 500;
  padding: 0;
  background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll
    right center / 30px 30px;
  height: auto;
  display: block !important;
}

.dropDownPermission.AllPermission {
  width: 100%;
  position: relative;
  margin-bottom: 0;
}

.dropDownPermission.AllPermission::before {
  background: rgba(46, 42, 38, 0.6) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  width: 145px;
  margin-left: 4px;
}

.dropDownPermission.AllPermission select.Permission {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  border: medium none;
  border-radius: 0;
  color: #2e2a26;
  font-size: 15px;
  font-weight: 500;
  padding: 0;
  background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll
    right center / 30px 30px;
  height: auto;
  display: block !important;
}

.newTime_details .form-group.date_only.update_details {
  float: left;
  width: 50%;
  padding-right: 18px;
}

.newTime_details .form-group.update_details.time_only {
  float: left;
  width: 50%;
  padding-right: 25px;
  background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll
    right center / 30px 30px;
}

.newTime_details .form-group.update_details.time_only.arrowNone {
  background: none;
  background-color: #fff;
}

.newTime_details .form-group.update_details.time_only.arrowNone select {
  background-color: #fff;
}

/*.dropArrowInRight input[type="text"] {
    background: url("../images/black_down.png") no-repeat scroll right center / 30px 30px !important;
}*/
.newTime_details .update_details select {
  border: medium none;
  color: #2e2a26;
  font-size: 15px;
  font-weight: bold;
  padding: 0;
  background-size: 30px 30px;
  height: auto !important;
}

#addKeyCodeFrm .newTime_details .update_details {
  margin-bottom: 25px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 10px !important;
  position: relative;
}

.newTime_details .update_details::before {
  background: rgba(46, 42, 38, 0.6) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  /*left: 5px;*/
  position: absolute;
  width: 170px;
}

.coupon_row {
  border-bottom: 1px dotted #95938f;
  float: left;
  padding: 6px 0;
  width: 100%;
}

.couponTotal {
  float: left;
  padding-top: 10px;
  width: 100%;
}

.coupon_row .textLeft {
  color: #2e2a25;
  float: left;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  text-align: left;
  width: 50%;
}

.coupon_row .textRight {
  color: #2e2a25;
  float: right;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  text-align: right;
  width: 50%;
}

.couponTotal .textLeft {
  font-weight: bold;
  line-height: normal;
  font-size: 15px;
  color: #00b189;
  text-align: left;
  float: left;
  width: 50%;
}

.couponTotal .textRight {
  font-weight: bold;
  line-height: normal;
  font-size: 15px;
  color: #00b189;
  text-align: right;
  float: right;
  width: 50%;
}

.couponCodeOuter {
  margin-bottom: 30px;
}

.coupon_row .textRight > label {
  margin: 0;
}

.selectGetReport {
  display: inline-block;
  /*float: left;*/
  margin-left: -5px;
  margin-top: -7px;
  position: relative;
  width: auto;
}

.selectGetReport::before {
  background: #00b189 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 5px;
  position: absolute;
  width: 90px;
}

/************************** new line 22-feb-2018 *********************************/
.booking_checkout .manageAcc li .boldText1 .single-use_text {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  color: #00b189;
}

.additional_step_pannel a {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
  text-decoration: underline;
  color: #00b189;
}

.booking_checkout .green_code_block dl {
  background: rgba(0, 0, 0, 0) linear-gradient(0deg, #00b189, #00b189) repeat
    scroll 0 0;
  border-radius: 5px;
  color: #ffffff;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: normal;
  margin: 0;
  padding: 3px 10px;
  text-align: center;
}

.booking_checkout .additional_step_tile {
  display: inline-block;
  margin-bottom: 0;
  padding-left: 25px;
  font-weight: 600;
  line-height: normal;
  font-size: 18px;
  color: #2e2a26;
}

.checkAutofaker.additional_step_outer p {
  font-weight: 500;
  line-height: normal;
  font-size: 15px;
  color: #2e2a25;
}

.checkAutofaker.additional_step_outer {
  padding: 30px;
}

.additional_step_pannel #addKeyCodeFrm label {
  font-weight: 600;
  line-height: normal;
  font-size: 14px;
  float: left;
  width: 100%;
  color: #2e2a25;
}

.additional_step_pannel #addKeyCodeFrm .update_details input.setDate_1 {
  background: rgba(46, 42, 38, 0.02);
  border: 1px solid rgba(46, 42, 38, 0.3);
  box-sizing: border-box;
  border-radius: 5px;
  height: 50px;
  font-weight: normal;
  line-height: normal;
  font-size: 15px;
  padding: 0 20px;
  color: #757575;
}

.additional_step_tile {
  margin-bottom: 0;
  margin-top: 20px;
  padding-left: 20px;
  font-weight: 600;
  line-height: normal;
  font-size: 18px;
  color: #2e2a26;
}

.additional_step_pannel #addKeyCodeFrm .update_details input.setDate {
  font-weight: bold;
  line-height: normal;
  font-size: 15px;
  color: #2e2a26;
}

.additional_step_pannel .newTime_details {
  float: left;
  margin-bottom: 10px;
  width: 100%;
}

.mobCenterModal.modal {
  text-align: center;
  padding: 0 !important;
}

.mobCenterModal.modal:before {
  content: "";
  /* display: inline-block; */
  /* height: 100%; */
  /* vertical-align: middle; */
  /* margin-right: -4px; */
}

.mobCenterModal .modal-dialog {
  text-align: left;
  margin: 0 auto;
  width: calc(100vw - 20px);
  max-width: 510px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  height: auto;
}

.text-danger {
  color: #e35454 !important;
  font-weight: 500;
  line-height: normal;
  font-size: 13px;
  padding-left: 5px;
  padding-top: 5px;
  display: block;
}

.input-validation-error {
  border-color: #e35454 !important;
}

.checkAutofaker .btns {
  float: left;
  font-family: "Poppins", sans-serif;
  margin: auto;
  padding: 0 15px;
  width: 100%;
}

.col50.col.getCodeCol {
  margin-bottom: 12px;
}

.col50.col_1.firstCodeli {
  padding-right: 15px;
}

.col50.col_1.SecCodeli {
  padding-left: 15px;
}

.mobileData {
  display: none !important;
}

.editIconKeynestNew {
  display: inline-block;
  margin-left: 6px;
  width: 16px;
}

.deleteIconKyenestNew {
  display: inline-block;
  margin-left: 6px;
  width: 16px;
}

/************************** media query*************************************/
@media (min-width: 768px) and (max-width: 991px) {
  .selectGetReport {
    margin-left: 35px;
  }

  #HomeHeader .navbar .container {
    width: 100%;
    padding: 0 12px !important;
  }

  .top_menu li > a {
    font-size: 14px !important;
    padding: 11px 7px;
  }

  .top_menu li.userName {
    margin-right: 7px;
  }

  .header_logo {
    padding: 7px 0 7px 7px;
  }
}

@media (min-width: 320px) and (max-width: 768px) {
  .signUp_option {
    width: 88% !important;
  }

  .container {
    padding: 0px !important;
  }

  .inlinecheckBox label.hidden-lg.hidden-md.hidden-sm {
    display: none !important;
  }

  .inlinecheckBox label.hidden-xs {
    display: inline !important;
  }

  .mobile-hidden {
    display: none !important;
  }

  .modal-dialog {
    /* margin: 0 !important; */
  }

  .manageAccess.manageAccess-arrow img {
    width: auto;
  }

  .searchboxWithBtn {
    position: relative;
    width: 100%;
    margin: 0 0 15px;
  }

  .addBtn_key {
    float: left !important;
    width: 100%;
  }

  .addBtn_key {
    font-size: 15px;
  }

  .keyFromBox {
    padding: 0;
  }

  .custom-radios p {
    font-size: 15px;
    width: 212px;
    float: left;
  }

  .custom-radios-addkey p {
    width: 250px !important;
  }

  .searchboxWithBtn input[type="text"] {
    font-size: 15px !important;
  }

  .searchboxWithBtn button {
    font-size: 15px !important;
  }

  .mapSearch_outer button {
    font-size: 15px !important;
  }

  .mapSearch_outer .mapSearchBox {
    width: 100%;
  }

  .searchboxWithBtn {
    margin: 0px;
  }

  /* .updareBtn {padding: 7px 62px;} */
  .manageAcc li .boldText1 {
    text-align: center;
    width: 100% !important;
  }

  .col50.col_1 {
    width: 100%;
  }

  .displayNone {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #storeModel.mob_cont_area.cont_area {
    max-width: 380px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 80px;
    width: calc(100vw - 20px);
    padding: 0;
  }

  .customespan {
    display: none;
  }

  #storeModel.mob_cont_area.cont_area .location_detels_box.homePopBox {
    /*padding: 20px !important;
        border-radius: 10px;*/
    padding-top: 6px;
  }

  .close-btn {
    position: absolute;
    right: -11px !important;
    top: 6px !important;
  }

  #storeModel.mob_cont_area.cont_area .venueHolder {
    width: 65%;
  }

  #storeModel.mob_cont_area.cont_area .venueHolder + .locSearch_img {
    width: 29%;
  }

  .mobileData td {
    margin-bottom: 23px !important;
  }

  .mapBoxs {
    top: 0 !important;
  }

  .mobileData {
    display: block !important;
  }

  .mobViewCodeOuter {
    float: left;
    margin: 8px 0;
    width: 100%;
  }

  .gridLeft {
    width: 50% !important;
    float: left;
    padding: 0 5px;
  }

  .gridRight {
    width: 50%;
    float: left;
    padding: 0 5px;
  }

  .code_number {
    font-weight: 600;
    line-height: normal;
    font-size: 17px;
    color: #00b189;
  }

  .codeStatus {
    font-weight: 600;
    line-height: normal;
    font-size: 15px;
    color: #2e2a25;
  }

  .collection_labelM {
    font-weight: normal;
    line-height: normal;
    font-size: 15px;
    color: rgba(46, 42, 38, 0.6);
  }

  .tymSlot {
    font-weight: normal;
    line-height: normal;
    font-size: 15px;
    color: #2e2a25;
  }

  .codeDescribe {
    font-weight: normal;
    line-height: normal;
    font-size: 15px;
    color: #2e2a26;
  }

  .editIconKeynestNew {
    display: inline-block;
    margin-left: 6px;
    width: 16px;
  }

  .deleteIconKyenestNew {
    display: inline-block;
    margin-left: 6px;
    width: 16px;
  }

  .usedKeyBg td {
    background: #efefee !important;
  }

  .mobViewCodeOuter.actionOuter {
    padding-top: 15px;
    border-top: 1px solid #e9e9e8;
  }

  /* .mobCenterModal.modal {
  text-align: center;
  padding: 0!important;
}

.mobCenterModal.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.mobCenterModal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  margin-bottom:0!important;
} */
  .gm-style-iw .venueHolder {
    width: 64%;
  }

  .gm-style-iw .venueHolder + .locSearch_img {
    width: 30%;
  }

  .row.bottomButton .key_saveBtn {
    margin: 0 0 22px;
  }

  .row.bottomButton {
    margin-right: 0;
    margin-left: 0;
  }

  #addKeyCodeFrm .update_details {
    margin-top: 15px;
  }

  .newTime_details .form-group.date_only.update_details {
    width: 100%;
    padding-right: 5px;
  }

  .newTime_details .form-group.update_details.time_only {
    width: 100%;
  }

  .form-group.dropDownSignUp {
    float: left;
    margin-bottom: 30px;
    width: 100%;
  }

  #language-dropdown {
    float: left;
    margin-bottom: 0px !important;
    width: 100%;
  }

  .terms_text.agreementwithus {
    width: 100%;
  }

  .profile_formDiv.animated.fadeInDown.insideSpace {
    padding: 0 16px;
  }

  .profileOuter .userNotifiBtn .updareBtn {
    margin: 0 auto;
    padding: 8px;
  }

  .userNotifiBtn {
    text-align: center;
  }

  .selectGetReport {
    float: none;
    margin-left: 35px;
  }

  .inlinecheckBox label {
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: calc(100% - 40px);
  }

  .yourProfile_form {
    padding: 20px 0px 20px 5px;
  }

  .phone-iconPhone {
    display: none;
  }

  .modal-dialog {
    /* padding: 0 10px; */
  }

  .top_menu {
    float: right;
    margin: 0;
    width: 100%;
  }

  .top_menu li {
    padding: 20px 0;
  }

  .venueHolder {
    width: 100%;
  }

  .venueHolder + .locSearch_img {
    width: 100%;
  }

  .searchboxWithBtn {
    /* border-top: 1px solid rgba(46, 42, 38, 0.1); */
    /* margin-top: -3px; */
    /* padding-top: 3px; */
  }

  .cont_area {
    /* padding: 0 !important; */
  }

  /*.header-sec {
        margin: 0 0 28px;
    }*/
  #dataTables-example tr td:last-child {
    border: none;
  }

  .key_deteilsBox table tr td.deletekeycodetd {
    background: #fff none repeat scroll 0 0;
  }

  .key_deteilsBox table tr td.deletekeycodetd:hover {
    background: #fff none repeat scroll 0 0;
  }

  .yourProfile_form .updareBtn,
  .yourProfile_form .btnUser {
    width: 100%;
    margin: 0 !important;
  }

  .modal-header .close {
    top: 17px;
    right: 0px;
    z-index: 999;
  }

  #addKeyCodeFrm .row {
    /* padding-bottom: 5px; */
  }

  .modal.fade.in {
    padding-right: 0px !important;
  }

  .manageAcc li .boldText2 {
    color: #2e2a25;
    text-align: center;
    display: inline-block;
    width: 90%;
    margin-left: 0%;
  }

  .btns ul li.col50 a {
    padding: 7px 2px;
  }

  /* .manageAcc .midContent {
    max-width: 100%;
    padding: 0 10px;
    text-align: center !important;
} */
  .modal-dialog {
    /* margin-bottom: 80px; */
  }

  .popHeader {
    /* border: none; */
    /* padding: 0px 20px; */
  }

  .modal-body {
    /* position: relative; */
    /* padding: 0 20px; */
  }

  .header_logo {
    padding: 8px;
  }

  .header_logo img {
    height: auto;
    width: 100px;
  }

  .header_bg_top {
  }

  .navbar-toggle {
    margin-right: 0;
  }

  .header_bg_top {
  }

  .manageKeyRespon tr {
    position: relative;
  }

  .manageKeyRespon tr td.value-res {
    width: 90% !important;
  }

  .manageKeyRespon tr td.value-arrow,
  #dataTables-example.manageKeyRespon tr td:last-child {
    width: 10% !important;
    padding: 10px 2% !important;
    position: absolute;
    top: 0px;
    right: 0px;
  }

  .manageKeyRespon tr td.value-res.tdFullRespo {
    width: 100% !important;
    word-break: break-all;
  }
}

@media (max-width: 480px) {
  .fiterResponsiveSet .dvFilter.btn-box-serch {
    width: 100%;
  }

  .fiterResponsiveSet .btn_green_round.btnRemoveFilter {
    margin-top: 15px;
  }

  .custom-box-width.responsivetxtSearchSet {
    width: 80%;
    float: left;
    border: none;
  }

  .respoSetInnerUI .accessTabs.nav-tabs > li {
    float: left;
    border-bottom: 2px solid #00b189;
    border-right: none;
    width: 100%;
  }

  .respoSetInnerUI {
    float: none;
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0px 0 0 0;
  }

  .respoSetInnerUI .acces-alinks {
    float: left;
    margin: 0 !important;
    margin-left: 10px;
    width: auto;
    padding-right: 10px;
  }

  .respoSetInnerUI .accessTabs {
    width: auto;
    float: left;
    border: 2px solid #00b189;
    border-radius: 5px;
  }

  .respoSetInnerUI .accessTabs.nav > li > a:hover,
  .respoSetInnerUI .accessTabs.nav > li > a:focus {
    border-bottom: 2px;
    border-top: 2px;
    border-color: #00b189;
    padding: 11px 15px;
  }

  .respoSetInnerUI .accessTabs.nav > li.active > a {
    padding: 10px 15px;
  }

  .header_bg_top {
  }

  .header_logo {
    padding: 8px;
  }

  .header_logo img {
    height: auto;
    width: 100px;
  }

  .header_bg_top {
  }

  .navbar-toggle {
    margin-right: 0;
  }

  .inlinecheckBox label {
    /* width: 200px; */
  }

  .update_details select {
    background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat
      scroll right center / 10% auto;
  }

  .searchboxWithBtn {
    position: relative;
    width: 100%;
    float: left;
  }

  .addKeyBtn {
    margin: 5px 0 !important;
  }

  .modal-dialog {
    /* width: auto; */
  }

  .gm-style-iw {
    width: 326px !important;
    left: 8px !important;
    max-width: none !important;
  }

  /*  .closeArrow {
        right: 5px;
        top: -20px;
    } */
  /*   .homePopBoxArrow {
        right: 20px;
    } */
  .homePopBox {
    width: 100%;
  }

  .usekeypopbox {
    width: 94%;
  }

  .manageAcc.payment-result li.store-section .leftText {
    width: 100% !important;
    text-align: left !important;
  }

  .manageAcc.payment-result li.store-section .rightText {
    width: 100% !important;
    text-align: left !important;
    padding-top: 0px !important;
  }

  .manageAcc.payment-result .inopstKey li .leftText {
    width: 87% !important;
  }

  .manageAcc.payment-result .inopstKey li .leftText {
    width: 87% !important;
  }

  .manageAcc.payment-result .inopstKey li .rightText {
    padding-top: 18px !important;
  }

  .booking_checkout .inopstKey li .green_code_block dl {
    padding: 3px 16px !important;
  }

  .manageAcc.payment-result .inopstKey li .rightText {
    width: 88% !important;
    text-align: left !important;
    padding-left: 30px !important;
  }

  .manageAcc.payment-result .inopstKey li.store-section .rightText {
    width: 100% !important;
    padding-left: 0px !important;
  }

  .manageAcc.payment-result li .leftText {
    width: 56% !important;
  }

  .manageAcc.payment-result .inopstKey li .rightText {
    padding-top: 18px !important;
  }

  .booking_checkout .inopstKey li .green_code_block dl {
    padding: 3px 16px !important;
  }

  .manageAcc.payment-result .inopstKey li .rightText {
    width: 88% !important;
    text-align: left !important;
    padding-left: 30px !important;
  }

  .manageAcc.payment-result .inopstKey li.store-section .rightText {
    width: 100% !important;
    padding-left: 0px !important;
  }

  .manageAcc.payment-result li .rightText {
    width: 39% !important;
    text-align: right !important;
    padding-top: 38px !important;
  }

  .manageAcc.payment-result li .content-text {
    width: 100% !important;
    text-align: left !important;
  }

  .whiteBoxCollection .boldText1.collection-code {
    text-align: center !important;
  }

  .whiteBoxCollection .boldText2.collection-code-btn {
    width: 100% !important;
  }

  .manageAcc ul li span.whiteBoxCollection {
    width: 100% !important;
    padding-top: 0px !important;
  }
}

.validation-summary-errors.text-danger ul {
  list-style: none;
  padding-left: 10px;
}

.form-group.dropDownSignUp.signpopupDrop button {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  border: medium none;
  border-radius: 0;
  color: #2e2a26;
  font-size: 15px;
  font-weight: bold;
  padding: 0;
  background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll
    right center / 20px 20px !important;
  height: auto;
  text-transform: none;
}

.form-group.dropDownSignUp.signpopupDrop .btn-group {
  height: auto;
  background: none;
}

.form-group.dropDownSignUp.signpopupDrop button:hover,
.form-group.dropDownSignUp.signpopupDrop button:focus {
  background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll
    right center / 20px 20px !important;
  color: #2e2a26 !important;
  outline: none !important;
}

.form-group.dropDownSignUp.signpopupDrop:before {
  left: 0px;
  top: 26px !important;
}

.form-group#language-dropdown:before {
  left: 15px;
  top: 22px !important;
}

#language-dropdown {
  left: 0px;
  padding: 0 15px;
  width: 80px !important;
  margin-left: 0px !important;
}

.signUp_option {
  display: inline-block;
  margin: 10px 0 0;
  width: 100%;
  margin-bottom: 16px;
}

.codeBtns.btn-single {
  float: left;
  background: #fff;
  border: 2px solid #2e2a26;
  border-radius: 5px 0px 0px 5px;
  color: rgba(46, 42, 38, 0.5);
  font-size: 14px;
  height: 35px;
  text-transform: lowercase;
  font-weight: 600;
  width: 53%;
}

.codeBtns.btn-reuse {
  float: left;
  background: #fff;
  border: 2px solid #2e2a26;
  border-radius: 0px 5px 5px 0px;
  color: rgba(46, 42, 38, 0.5);
  font-size: 14px;
  height: 35px;
  text-transform: lowercase;
  font-weight: 600;
  width: 47%;
}

.whiteBoxCollection {
  width: 90%;
  text-align: left;
  display: inline-block;
  border: 1px solid #eaeae9;
  border-radius: 10px;
  padding: 20px 20px 0px 20px !important;
}

.whiteBoxCollection2 {
  width: 100%;
  text-align: left;
  display: inline-block;
  border: 1px solid #eaeae9;
  border-radius: 10px;
  padding: 20px 20px 0px 20px !important;
}

.closeText {
  color: rgba(46, 42, 38, 0.5);
  font-size: 12px;
  text-align: center;
  width: 100%;
  display: inline-block;
}

.manageAcc li .leftText {
  color: #2e2a25;
  text-align: left;
  display: inline-block;
  width: 65%;
  vertical-align: top;
  font-size: 15px;
}

.manageAcc li .rightText {
  color: #2e2a25;
  display: inline-block;
  width: 25%;
  text-align: right;
}

.manageAcc.payment-result li.store-section .leftText {
  width: 45% !important;
}

.manageAcc.payment-result li.store-section .rightText {
  width: 45% !important;
}

.code-active {
  color: #fff !important;
  background-color: #2e2a26 !important;
}

.dv-hide {
  display: none !important;
}

.btn-open-close {
  color: rgba(46, 42, 38, 0.5) !important;
}

.btn-open-close:focus {
  color: rgba(46, 42, 38, 0.5) !important;
}

.collection-code-type {
  font-size: 15px !important;
  padding-top: 15px !important;
  width: 100%;
  float: left;
}

.whiteBoxCollection .boldText1 {
  width: 45% !important;
  margin-top: 6px;
}

.whiteBoxCollection .boldText2 {
  width: 54% !important;
}

.content-text {
  width: 90%;
  text-align: left;
  display: inline-block;
}

.validation-summary-errors {
  color: red;
}

@media (max-width: 480px) {
  .keycodeheading {
    text-align: center;
    padding-left: 0px !important;
  }

  .dvFilter {
    padding-left: 0px;
  }

  .check_box_text_new {
    margin-bottom: 0px !important;
  }

  .filtercheckBox .check_box_text label {
    /* width: auto !important; */
  }

  .btn_green_round {
    margin-bottom: 15px;
  }

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

  .MessageBox.messageBar + .text-count {
    /* padding-right: 0px !important; */
    /* padding-left: 0px !important; */
  }

  .userTable .editUser {
    padding-bottom: 15px !important;
  }

  .scroll th,
  td {
    padding: 0px !important;
  }

  .userTable .editKey {
    padding-top: 0px !important;
  }

  .suggestBrn {
    bottom: 16px !important;
    width: 73% !important;
    left: 15px !important;
    min-width: 73% !important;
  }

  .get_notified a button.key_addBtn.suggestBrn.suggestBrnBG {
    right: 100% !important;
  }

  .mobile-hidden {
    display: none !important;
  }

  .btnaddnewkey {
    padding-right: 15px !important;
    padding-left: 0px;
    float: left !important;
  }

  .userTable .user {
    width: 100% !important;
    line-height: 23px;
    font-size: 15px;
    font-weight: 600;
    padding: 15px 0 !important;
    float: left;
  }

  .userTable .editKey {
    padding-left: 15px;
    padding-right: 15px;
    width: 100% !important;
    float: left;
  }

  .userTable .editKey a {
    width: 100%;
    padding: 7px 20px !important;
  }

  .userTable .editUser {
    /* width: 50% !important; */
    float: left;
    text-align: center;
    padding-top: 0 !important;
  }

  .userTable .editUser .uderLine {
    color: #2e2a26;
    font-size: 15px;
    font-weight: 500;
  }

  .userTable .deleteUser {
    padding-top: 0 !important;
    /* width: 50% !important; */
    float: left;
    text-align: center;
    padding-bottom: 20px !important;
  }

  .userTable .deleteUser .uderLine {
    color: #2e2a26;
    font-size: 15px;
    font-weight: 500;
  }

  .headManUser {
    margin: 0px 0 10px 0 !important;
  }

  table.scroll tbody {
    height: 388px !important;
  }

  .MessageBox {
    width: 80% !important;
  }

  .MessageBox button {
    margin-left: 0px !important;
    margin-bottom: 10px !important;
  }

  /*.reportDays {
        position: absolute !important;
        top: 17px !important;
        right: 30px !important;
    }*/
  .BtnAutomateKeyChasing {
    width: 100% !important;
  }

  .isCheck {
    float: right !important;
  }

  #frmAutomateKeyChasing .form_undergo_title {
    width: 206px !important;
    float: left;
  }

  .uploadFiletxt button {
    right: 15px !important;
  }

  .uploadFiletxt input[type="text"] {
    padding: 14px 97px 14px 18px !important;
  }

  .btn_advance_filter {
    padding: 5px 19px !important;
    margin-top: 15px !important;
  }

  .dropDownCustom::before {
    width: 90% !important;
    margin-left: 4px;
    left: 0 !important;
  }

  .filtercheckBox .check_box_text label {
    margin-top: 3px;
  }
}

.signupPage {
  background: linear-gradient(0deg, #ffffff, #ffffff), #f7fcfa;
  box-shadow: 0px 0px 5px rgba(46, 42, 38, 0.1);
  border-radius: 10px;
  padding: 30px;
  float: left;
  width: 100%;
  margin: 20px 0;
  padding: 30px 30px 20px 30px;
}

.form-group.dropDownSignUp.en {
  width: 80px !important;
}

.form-group.dropDownSignUp.en::before {
  width: 20px !important;
}

.enDrop ul li {
  padding: 0px !important;
  width: 100%;
  float: left;
}

.enDrop ul li a {
  padding: 3px 6px !important;
  width: 100%;
  float: left;
}

li.enDrop {
  padding: 34px 0px !important;
}

.top_menu li,
.enDrop {
  padding: 26px 0px 22px !important;
}

#language-dropdown button {
  font-weight: 500 !important;
}

#language-dropdown:before {
  top: 22px !important;
}

.mapSearch_outer.es {
  max-width: 654px !important;
}

.mapSearch_outer .selectCity.es::before {
  width: 113px !important;
}

.mapSearch_outer #city-dropdown.es .bootstrap-select > .dropdown-toggle {
  width: 66% !important;
}

.bootstrap-select > .dropdown-toggle {
  padding-right: 25px !important;
  width: unset !important;
}

.btn_upload {
  background: rgba(0, 177, 137, 0.05) url("../images/tag_icon.svg") no-repeat
    scroll 0 0;
  border: 2px solid #00b189;
  border-radius: 4px;
  color: #00b189 !important;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 19px;
  text-transform: inherit;
  float: right;
  background-position: center;
}

@media (max-width: 767px) {
  .btnaddnewkey {
    float: left !important;
  }

  .btn_upload {
    margin-right: -15px !important;
    width: calc(100% + 15px) !important;
  }

  .btn_export_ovr {
    /*width: 21% !important;*/
    padding-right: 0px;
  }
}

.btnaddnewkey {
  padding-right: 0px;
  padding-left: 0px;
  float: right;
}

.uploadFiletxt input[type="text"] {
  width: 100%;
  border: 2px solid #2e2a26;
  background: transparent;
  padding: 14px 90px 14px 18px;
  border-radius: 4px;
  font-size: 15px;
  float: left;
  border-right: none;
  color: #757575;
  height: 45px;
  font-weight: 500 !important;
}

.uploadFiletxt button {
  position: absolute;
  background: #2e2a26;
  border: solid 2px #2e2a26;
  color: #fff;
  font-size: 15px;
  text-transform: none;
  padding: 7px 12px;
  border-radius: 0px 5px 5px 0px;
  right: 0;
  height: 45px;
  font-weight: 500;
}

.uploadFiletxt button:hover {
  background: #2e2a26;
  border: solid 2px #2e2a26;
  color: #fff;
}

.uploadFiletxt button:focus {
  background: #2e2a26;
  border: solid 2px #2e2a26;
  color: #fff;
}

.green-txt {
  color: #00b189 !important;
}

.red-txt {
  color: #e35454 !important;
}

.userTable {
  margin-top: 20px;
  width: 100%;
  float: left;
}

.userTable tr {
  border-top: 1px solid rgba(46, 42, 38, 0.1);
}

.userTable .subuser {
  width: calc(100% - 300px);
  line-height: 23px;
  font-size: 15px;
  font-weight: 600;
  padding: 15px 0 15px 5px;
  float: left;
  color: #2e2a26 !important;
}

.userTable .editKey {
  padding-top: 8px;
  width: 20%;
  float: left;
}

.userTable .editKey a {
  width: 100%;
  padding: 4px 20px !important;
}

.userTable .editUser {
  padding-top: 15px;
  width: auto;
  float: left;
  text-align: right;
  padding-right: 20px;
  right: 0;
}

.userTable .editUser .uderLine {
  color: #2e2a26;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none !important;
}

.userTable .editUser a {
  text-decoration: none !important;
}

.userTable .deleteUser {
  padding-top: 15px;
  width: auto;
  float: left;
  text-align: right;
}

.userTable .deleteUser .uderLine {
  color: #2e2a26;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none !important;
}

.userTable .deleteUser a {
  text-decoration: none !important;
}

.userDeleteTitle {
  font-size: 20px;
  line-height: normal;
  font-weight: 500;
  font-family: Poppins !important;
  text-align: center;
  color: #2e2a25;
}

.scroll tr {
  background: linear-gradient(
      0deg,
      rgba(46, 42, 38, 0.02),
      rgba(46, 42, 38, 0.02)
    ),
    #ffffff;
}

.scroll tbody tr {
  border-top: 1px solid rgba(46, 42, 38, 0.3);
}

.scroll td {
  text-align: left;
}

.scroll th {
  text-align: left;
}

.btnBack {
  background: transparent;
  border: solid 2px #2e2a26;
  font-size: 15px;
  padding: 7px 12px;
  border-radius: 5px;
  color: #2e2a26;
  font-weight: 500;
}

.btnBack:hover {
  /*background: #2E2A26;
        border: solid 2px #2E2A26;
        color: #fff;*/
  text-decoration: none !important;
}

.btnBack:focus {
  /*background: #2E2A26;
        border: solid 2px #2E2A26;
        color: #fff;*/
  text-decoration: none !important;
}

.headManUser span {
  font-size: 15px;
  font-weight: 600;
  margin-left: 20px;
  color: #2e2a26 !important;
}

.profile_formDiv .btnUser {
  padding: 7px 20px !important;
}

.access-permission {
  float: left;
  width: 100%;
  padding: 15px 0px;
}

.access-permission span {
  width: 25%;
  float: left;
  font-size: 15px;
  font-weight: 600;
  line-height: 23px;
  color: #2e2a26;
}

.access-permission .dropDownPermission.AllPermission {
  width: 90%;
  position: relative;
  margin-bottom: 0;
}

.access-permission .dropDownPermission.AllPermission .Permission {
  width: 65% !important;
}

.mobile-keys .dropDownPermission {
  width: 90% !important;
}

.mobile-keys .dropDownPermission::before {
  width: 85px !important;
  margin-left: 3px !important;
}

.scroll th,
td {
  padding: 5px 5px 5px 10px;
}

.MessageBox {
  padding-top: 5px;
  padding-bottom: 5px;
  /* border-right: 2px solid #E9E9E7; */
  /* width: 92%; */
  float: left;
  padding-left: 15px !important;
}

.MessageBox button {
  margin-left: 10px;
  text-transform: none !important;
  background: transparent !important;
}

.text-count {
  float: right;
  padding-top: 12px;
  font-size: 15px;
  font-weight: normal;
  color: #757575;
  text-align: right;
  border-left: 2px solid #e9e9e7;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.MessageBox label {
  margin-top: 7px;
}

.reportTime select {
  -moz-appearance: none;
  background: rgba(0, 0, 0, 0) url("../images/green_down.png") no-repeat scroll
    right 0px / 23px auto;
  border: 1px solid rgba(0, 0, 0, 0) !important;
  min-width: 120px;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding-right: 22px;
  color: #00b189;
  padding-top: 0 !important;
  padding-left: 7px !important;
  height: auto !important;
  padding-bottom: 0 !important;
  appearance: none;
}

.reportTime {
  display: inline-block;
  margin-left: 0px;
  margin-top: -4px;
  position: relative;
  width: auto;
}

.reportTime::before {
  background: #00b189 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 5px;
  position: absolute;
  width: 90px;
}

.reportDays select {
  -moz-appearance: none;
  background: rgba(0, 0, 0, 0) url("../images/green_down.png") no-repeat scroll
    right 0px / 23px auto;
  border: 1px solid rgba(0, 0, 0, 0) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding-right: 22px;
  color: #00b189;
  padding-top: 0 !important;
  padding-left: 7px !important;
  height: auto !important;
  padding-bottom: 0 !important;
  text-align: center !important;
  appearance: none;
}

.reportDays {
  display: inline-block;
  margin-left: -5px;
  margin-top: -4px;
  position: relative;
  width: auto;
}

.reportDays::before {
  background: #00b189 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 7px;
  position: absolute;
  width: 15px;
}

.isCheck {
  float: left;
  cursor: pointer;
  margin-top: -5px;
}

.isCheck input[type="checkbox"] {
  display: none;
}

.isCheck label {
  padding: 3px 13px;
  border: 1px solid rgba(46, 42, 38, 0.3);
  border-radius: 15px;
  z-index: 1;
  color: rgba(46, 42, 38, 0.3);
  font-size: 15px !important;
  font-weight: 600 !important;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: none;
  margin-right: -2px;
  margin-bottom: 0;
}

.isCheck label.off {
  padding: 3px 13px;
  border: 1px solid rgba(46, 42, 38, 0.3);
  border-radius: 15px;
  color: rgba(46, 42, 38, 0.3);
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left: none;
  margin-left: -11px;
  padding-left: 16px;
}

.isCheck label.on.active {
  border: 1px solid #00b189 !important;
  color: #00b189 !important;
  border-radius: 15px !important;
}

.isCheck label.off.active {
  padding: 3px 13px;
  border: 1px solid #2e2a26 !important;
  border-radius: 15px;
  z-index: 1;
  color: #2e2a26;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.yourProfile_form .msgLabel {
  /* padding-left: 0; */
}

.msgBoxOutr textarea {
  line-height: 25px;
  color: #2e2a26;
  font-size: 15px;
  font-weight: normal;
}

.MessageBox.messageBar {
  padding: 10px 0;
  margin-left: -15px;
}

.MessageBox.messageBar label {
  padding-right: 0;
  text-align: left;
  min-width: 46px;
  max-width: unset;
  padding: 0;
  float: left;
  width: auto;
}

.MessageBox.messageBar + .text-count {
  padding-top: 18px;
  padding-right: 5px;
  padding-left: 5px;
}

.profileOuter .btnLeft.custmBtn_deflt {
  margin-top: 0;
}

.maUser_list.userMaList {
  height: auto;
}

.maUser_list.userMaList table tr th {
  padding: 13px 15px !important;
}

.maUser_list.userMaList table tr td {
  padding: 13px 15px !important;
}

.keyTitlepupop.headTitle {
  font-weight: 500;
}

.btn-black {
  background: linear-gradient(
    180deg,
    rgba(46, 42, 38, 0) 25%,
    rgba(46, 42, 38, 0.035) 117%
  );
  border: 2px solid #2e2a26;
  border-radius: 5px;
  color: #2e2a26;
  font-size: 15px;
  font-weight: 600;
  padding: 14px 18px;
  text-transform: inherit;
  font-family: "Poppins", sans-serif;
}

.cbError {
  background: linear-gradient(0deg, #ffffff, #ffffff), #f7fcfa;
  box-shadow: 0px 0px 5px rgba(46, 42, 38, 0.1);
  border-radius: 10px;
  padding: 15px;
  float: left;
  width: 100%;
  margin: 20px 0;
}

.cbError .heading h2 {
}

#frmAutomateKeyChasing .form_undergo_title {
  width: auto;
  float: left;
  padding-right: 10px;
}

.scroll thead tr th {
  line-height: 23px !important;
  font-family: Poppins !important;
  color: #2e2a26 !important;
  font-size: 15px !important;
  font-weight: bold !important;
}

.scroll td {
  line-height: 23px !important;
  font-family: Poppins !important;
  color: #2e2a26 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

.btnAddKeyToMessage {
  font-size: 15px !important;
  font-weight: 600;
  color: #2e2a26;
  border: 1px solid rgba(46, 42, 38, 0.3) !important;
  width: auto;
}

.insert {
  font-size: 15px !important;
  color: #2e2a26 !important;
  font-weight: 500 !important;
}

.dv_disable {
  background: #fff;
  opacity: 0.5;
  pointer-events: none;
}

.searchboxWithBtn input[type="text"] {
  border-right: none !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.btn_advance_filter {
  background: #fff;
  border: 2px solid #fff;
  border-radius: 32px;
  color: #00b189 !important;
  font-size: 13px;
  font-weight: 500;
  padding: 6px 14px;
  text-transform: inherit;
  float: left;
  text-align: center;
  margin-top: 7px;
  width: unset;
  min-width: 80px;
}

@media (max-width: 767px) and (min-width: 480px) {
  .btn_advance_filter {
    width: calc(100% + 30px) !important;
    margin: 15px -15px 0 -15px !important;
    display: block !important;
    left: 0px;
    right: 0px;
  }
}

@media (max-width: 480px) {
  .btn_advance_filter {
    width: 100% !important;
    margin: 0 !important;
    display: block !important;
    left: 0px;
    right: 0px;
  }
}

.dvSearch {
  padding-left: 0px;
}

.check_box_text_new input[type="radio"] + label span {
  margin: 0px 16px 7px 0 !important;
}

.check_box_text_new {
  margin-bottom: 10px;
}

.FilterTitle {
  color: #2e2a25;
  font-size: 20px;
  text-align: center;
  font-family: "Poppins";
  font-weight: 500;
  margin-bottom: 10px;
  line-height: normal;
}

.dropDownCustom {
  width: 100%;
  position: relative;
  margin-bottom: 0;
}

.dropDownCustom::before {
  background: rgba(46, 42, 38, 0.6) none repeat scroll 0 0;
  bottom: -2px;
  content: "";
  height: 1px;
  position: absolute;
  width: 93%;
  margin-left: 4px;
}

.dropDownCustom select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  border: medium none;
  border-radius: 0;
  color: #2e2a26;
  font-size: 15px;
  font-weight: 500;
  padding: 0;
  background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll
    right center / 27px 25px;
  height: auto;
  display: block !important;
  width: 100%;
}

.filterText {
  font-weight: 500;
  font-size: 15px;
  color: #2e2a26;
  padding: 10px 0px 20px 0px;
  float: left;
}

.btn_green_round {
  background: #00b189;
  border: 1px solid #00b189;
  border-radius: 32px;
  color: #fff !important;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 13px;
  text-transform: inherit;
  float: left;
  text-align: center;
  margin-top: 8px;
  margin-right: 10px;
}

.btn_green_round img {
  margin-left: 15px;
}

.SumoSelect {
  width: 100% !important;
}

.SumoSelect > .CaptionCont {
  border: none !important;
}

.SumoSelect > .CaptionCont > label > i {
  background: rgba(0, 0, 0, 0) url("../images/black_down.png") no-repeat scroll
    right center / 25px 25px !important;
  width: 22px !important;
  height: 25px !important;
  display: block;
  position: absolute;
  top: 14px !important;
  left: 0;
  right: -8px !important;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  opacity: 0.5 !important;
}

.SumoSelect:focus > .CaptionCont,
.SumoSelect:hover > .CaptionCont,
.SumoSelect.open > .CaptionCont {
  box-shadow: none !important;
}

.SelectBox .search-txt {
  height: 31px !important;
  background-color: transparent !important;
}

.SumoSelect > .CaptionCont > span {
  font-size: 15px !important;
  font-weight: 500 !important;
}

.mapSearchBox .searchboxWithBtn input[type="text"] {
  border-right: none !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

#ui-id-1 {
  background: #fff;
  font-size: 15px;
  border: none;
  max-height: 120px;
  overflow: auto;
  overflow-x: hidden;
  border-radius: 5px;
  box-shadow: 0px 0px 0px 3px rgba(46, 42, 37, 0.05) !important;
}

.storeDetailsDv .custom-combobox-input.ui-widget {
  border: none !important;
  width: 100%;
  background: #f9f9f9 !important;
  padding: 14px 10px;
  border-radius: 5px;
  border: 2px solid #e9e9e7 !important;
}

.storeDetailsDv #selectKeyDD {
  border: none;
  color: #2e2a26 !important;
  font-family: poppins;
  font-weight: 500;
  line-height: normal;
  font-size: 15px;
}

#ui-id-1.ui-menu .ui-menu-item:hover {
  background: #00b189 !important;
  color: #fff !important;
  border: none !important;
}

#ui-id-1.ui-menu .ui-menu-item {
  padding: 3px 10em 3px 10px !important;
  border: none !important;
  font-weight: 500 !important;
  line-height: normal;
  font-family: poppins;
  font-size: 15px !important;
}

.storeDetailsDv .custom-combobox {
  position: relative;
}

.storeDetailsDv .custom-combobox .ui-button {
  position: absolute;
  right: 10px;
  top: 18px;
  background: none !important;
}

.addNewKeyOuter {
  width: 320px;
  padding: 15px;
  margin: auto;
  text-align: center;
}

.addNewKeyOuter h3 {
  font-family: Poppins;
  font-weight: 500 !important;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  padding: 0 20px;
  margin-top: 0px;
  color: #2e2a26;
}

.addNewKeyOuter p {
  font-family: Poppins;
  font-weight: 400 !important;
  font-size: 15px;
  line-height: 23px;
  text-align: center;
  color: #2e2a25;
}

.addNewKeyOuter .updareBtn {
  width: 223px;
  font-size: 15px;
  height: 48px;
  line-height: 25px;
  padding: 10px 0;
  margin-top: 14px;
}

.inopstKey ul li strong {
  background: #231e21 !important;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  float: left;
  padding: 1px;
  color: #fff;
  font-weight: normal;
  font-size: 13px;
  text-align: center;
  margin-right: 10px;
  margin-top: 2px;
}

.inopstKey ul li {
  text-align: left;
  padding-left: 15px;
  margin-bottom: 20px !important;
}

.inopstKey ul li span {
  padding: 0px !important;
}

.inopstKey li span.leftText {
  font-weight: 600;
}

.inopstKey h2 {
  font-size: 18px;
  font-weight: 600;
  color: #2e2a26;
  text-align: left;
  padding: 0 15px;
}

.inopstKey p {
  font-size: 15px;
  font-weight: normal;
  color: #231e21;
  text-align: left;
  padding: 0 15px;
  margin-bottom: 30px;
}

.inopstKey li .leftText {
  width: 52% !important;
}

.inopstKey li .rightText {
  width: 38% !important;
}

.keycodeheading {
  font-size: 20px;
  padding-left: 30px;
}

.width100 {
  width: 100%;
  margin: 15px 0;
  text-align: left;
}

.inopstKey ul li strong {
  background: #231e21 !important;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  float: left;
  padding: 1px;
  color: #fff;
  font-weight: normal;
  font-size: 13px;
  text-align: center;
  margin-right: 10px;
  margin-top: 2px;
}

.inopstKey ul li {
  text-align: left;
  padding-left: 15px;
  margin-bottom: 20px !important;
}

.inopstKey ul li span {
  padding: 0px !important;
}

.inopstKey li span.leftText {
  font-weight: 600;
}

.inopstKey h2 {
  font-size: 18px;
  font-weight: 600;
  color: #2e2a26;
  text-align: left;
  padding: 0 15px;
}

.inopstKey p {
  font-size: 15px;
  font-weight: normal;
  color: #231e21;
  text-align: left;
  padding: 0 15px;
  margin-bottom: 30px;
}

.inopstKey li .leftText {
  width: 52% !important;
}

.inopstKey li .rightText {
  width: 38% !important;
}

.guestDetailText {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: 14px;
  color: #2e2a25;
  width: 100%;
  float: left;
  margin: 15px 0 19px 0;
}

.codeBtnss.btn-reuseGreen {
  float: left;
  background: #fff;
  /*border: 2px solid #00B189;*/
  border-radius: 0px 5px 5px 0px;
  color: rgba(46, 42, 38, 0.5);
  font-size: 14px;
  height: 35px;
  text-transform: none;
  font-weight: 600;
  width: 47%;
}

.codeBtnss.btn-singleGreen {
  float: left;
  background: #fff;
  background-color: rgb(255, 255, 255);
  /*border: 2px solid #E35454;*/
  border-radius: 5px 0px 0px 5px;
  color: rgba(46, 42, 38, 0.5);
  font-size: 14px;
  height: 35px;
  text-transform: none;
  font-weight: 600;
  width: 53%;
}

.codeGreen-active {
  color: #fff !important;
  background-color: #00b189 !important;
}

.codeBtnss.btn-reuseRed {
  float: left;
  background: #fff;
  /*border: 2px solid #00B189;*/
  border-radius: 0px 5px 5px 0px;
  color: rgba(46, 42, 38, 0.5);
  font-size: 14px;
  height: 35px;
  text-transform: none;
  font-weight: 600;
  width: 47%;
}

.codeBtnss.btn-singleRed {
  float: left;
  background: #fff;
  background-color: rgb(255, 255, 255);
  /*border: 2px solid #E35454;*/
  border-radius: 5px 0px 0px 5px;
  color: rgba(46, 42, 38, 0.5);
  font-size: 14px;
  height: 35px;
  text-transform: none;
  font-weight: 600;
  width: 53%;
}

.codeRed-active {
  color: #fff !important;
  background-color: #e35454 !important;
}

.codeRedBorder {
  border: 2px solid #e35454;
}

.codeGreenBorder {
  border: 2px solid #00b189;
}

.filterOuterAdded.dvFilter.btn-box-serch {
  float: left;
  width: 60%;
}

@media screen and (max-width: 640px) {
  .whiteBoxCollection2 {
    padding: 20px 15px 0px 15px !important;
  }
}

/*@media screen and (min-width:768px) and (max-width:1199px) {
    .whiteBoxCollection .boldText2, .manageAcc li .boldText2 {
        width: 70% !important;
    }
}*/
.mapSearch_outer .selectCity.es::before {
  width: calc(100% - 35px) !important;
}

.mapSearch_outer #city-dropdown.es .bootstrap-select > .dropdown-toggle {
  width: 100% !important;
}

.verifyPageBox {
  padding: 0px !important;
}

.verifyLogoSection {
  border-bottom: 1px solid #eaeae9;
  padding: 15px;
}

.verifyBodySection {
  padding: 31px;
}

.verifyBodySection .titleHed {
  font-family: Poppins;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: normal;
  text-align: center;
  letter-spacing: 0.01em;
  color: #2e2a26;
}

.verifyBodySection p {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: normal;
  text-align: center;
  color: #2e2a25;
  padding: 0px 30px;
  margin-bottom: 31px;
}

.verifyStepBox p {
  text-align: left;
  padding-left: 0px !important;
  margin-bottom: 0px !important;
}

.verifyStepBox img {
  text-align: center;
  margin-top: 30%;
  margin-bottom: 10%;
}

.verifyPassBox,
.verifyFaceBox {
  padding: 27px;
}

.verifyStepBox {
  border: 1px solid #eaeae9;
  box-sizing: border-box;
  border-radius: 10px;
}

.verifyBorderCenter {
  background-color: #eaeae9;
  height: 1px;
}

.verifyIdButton {
  padding: 0 20% 20px;
}

.verifyFooter {
  color: #757575;
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: normal;
  text-align: center;
}

/*#modelAdvanceFilter {
    z-index: 999999 !important;
}*/

/*23-05-2019*/
.checkOutBox h2 {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
}

.checkOutBox p {
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  margin-top: 10px;
}

.changeStoreText {
  color: #00b189;
  font-size: 12px;
  text-decoration: underline;
}

.dateAreaBoxs {
  width: 90%;
  display: inline-block;
  text-align: left;
}

.change_Validity_Period {
  width: 100%;
  display: inline-block;
}

.change_Validity_Period .leftText {
  color: #7f7f7f !important;
  font-weight: 600;
  font-size: 18px !important;
  line-height: 27px;
}

.share_Collection_Details p {
  text-align: left;
}

.id_Verification {
  width: 90%;
  display: inline-block;
}

.id_Verification .leftText {
  color: #7f7f7f !important;
  font-weight: 600;
  font-size: 18px !important;
  line-height: 27px;
}

.share_Collection_Details {
  width: 90%;
  display: inline-block;
}

.share_Collection_Details .leftText {
  color: #7f7f7f !important;
  font-weight: 600;
  font-size: 18px !important;
  line-height: 27px;
}

.startDatesTitle {
  float: left;
  width: 20%;
  font-size: 15px;
  text-align: left;
  font-weight: 600;
}

.endDatesTitle {
  float: left;
  width: 20%;
  font-size: 15px;
  text-align: left;
  font-weight: 600;
}

.change_Validity_Period .newTime_details {
  margin-top: 20px;
  margin-bottom: 73px;
}

.inputBoxSelectdate {
  float: left;
  width: 80%;
  position: relative;
}

.normalClass {
  width: 90% !important;
  font-size: 15px !important;
}

.example_Street {
  width: 94%;
  display: inline-block;
  font-size: 15px;
  font-weight: normal;
}

.verifyIDStote {
  width: 100%;
  text-align: left;
}

/*.verifyIDStote h5{color: #7f7f7f !important; font-weight: 600;font-size: 15px !important; line-height: 27px;}*/
.verifyIDStote .closeText {
  float: left;
  text-align: left !important;
  font-size: 15px;
  color: #7f7f7f !important;
}

.codeBtnss.btn-reuseGray {
  float: left;
  background: #979493;
  border-radius: 0px 5px 5px 0px;
  color: rgba(46, 42, 38, 0.5);
  font-size: 14px;
  height: 35px;
  text-transform: none;
  font-weight: 600;
  width: 47%;
}

.codeBtnss.btn-singleGray {
  float: left;
  background: #fff;
  background-color: rgb(255, 255, 255);
  /*border: 2px solid #E35454;*/
  border-radius: 5px 0px 0px 5px;
  color: rgba(46, 42, 38, 0.5);
  font-size: 14px;
  height: 35px;
  text-transform: none;
  font-weight: 600;
  width: 53%;
}

.codeGray-active {
  color: #fff !important;
  background-color: #979493 !important;
}

.codeGrayBorder {
  border: 2px solid #979493;
}

.paymentkOut {
  width: 90%;
  font-size: 18px;
  display: block;
  text-align: left;
}

.ourPlansText {
  font-weight: 500 !important;
  font-size: 15px;
  line-height: 22px;
  color: #00b189;
}

.ourPlansText .upDownArrowSty i.fa {
  color: #00b189;
  font-size: 18px;
}

.coponCodeText {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  color: #2e2a26;
}

.checkOutBox .manageAcc.payment-result li.store-section .leftText {
  width: 50% !important;
}

.checkOutBox .manageAcc li .boldText2 {
  width: 49% !important;
}

.collecting_keyBox {
  width: 90%;
  display: inline-block;
  text-align: left;
}

.OptionalBtns {
  background: rgba(46, 42, 38, 0.8);
  color: #fff;
  border-radius: 32px;
  font-weight: 500;
  font-size: 13px;
  padding: 5px 15px;
  text-decoration: none;
}

.OptionalBtns:hover {
  background: rgba(46, 42, 38, 0.8);
  color: #fff;
  text-decoration: none;
}

.topbarImg {
  width: 90%;
  margin: auto;
}

.wh90 {
  width: 90% !important;
}

.listViewBoxs {
  width: 100%;
  display: inline-block;
  margin: 5px 0;
}

.listNumberView {
  font-weight: 600;
  line-height: 22px;
  color: #231e21;
}

.listNumberBox {
  width: 90% !important;
}

.listNumberView b {
  background: #231e21;
  color: #fff;
  width: 26px;
  height: 26px;
  padding: 3px 9px;
  border-radius: 50%;
  margin-right: 5px;
  float: left;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .verifyIdButton {
    padding: 0 0 20px 0;
  }

  .verifyStepBox img {
    text-align: center;
    margin-top: 1%;
    margin-bottom: 10%;
  }

  .verifyPassBox,
  .verifyFaceBox {
    padding: 22px;
  }

  .verifyBodySection p {
    padding: 0 15px;
    margin-bottom: 24px;
  }

  .checkOutBox p {
    float: left;
    width: 100%;
  }

  .startDatesTitle {
    width: 100%;
    margin-bottom: 7px;
  }

  .endDatesTitle {
    width: 100%;
    margin-bottom: 7px;
  }

  .inputBoxSelectdate {
    width: 100%;
  }

  .change_Validity_Period .newTime_details {
    margin-bottom: 30px;
    float: left;
    width: 100%;
  }

  .newTime_details .form-group.date_only.update_details {
    margin: 10px 0;
  }

  .changeStoreText {
    float: left;
  }

  .manageAcc.payment-result li.store-section .leftText {
    width: 100% !important;
    float: left;
  }

  .manageAcc.payment-result li.store-section .rightText {
    width: 100% !important;
  }

  .manageAcc.payment-result li.store-section .leftText {
    width: 60% !important;
  }

  .verifyIDStote {
    float: left;
  }

  .checkOutBox .manageAcc.payment-result li.store-section .leftText {
    width: 66% !important;
  }

  .checkOutBox .manageAcc li .boldText2 {
    width: 33% !important;
  }

  .manageAcc.CollectionCodeBox li .rightText {
    width: 100% !important;
    text-align: left !important;
    padding-top: 11px !important;
  }

  .manageAcc.CollectionCodeBox li .leftText {
    width: 100% !important;
  }

  .OptionalBtns {
    margin: 15px 0;
    float: left;
  }

  .example_Street {
    width: 100%;
  }

  .collecting_keyBox {
    width: 100%;
  }

  .manageAcc.CollectionCodeBox li .listViewBoxs .rightText {
    text-align: center !important;
  }
}

@media screen and (max-width: 767px) {
  .resPLR-12 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .custom-box-width.responsivetxtSearchSet {
    border: none;
    padding-top: 5px;
  }

  .btn_advance_filter {
    position: relative;
    z-index: 999;
  }

  .filterOuterAdded.dvFilter.btn-box-serch {
    float: left;
    width: 100%;
  }

  .dvFilter .btn_green_round,
  .dvFilter.btn-box-serch .btn_advance_filter {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .dvFilter .btn_green_round {
    margin-bottom: 7px !important;
  }

  .share_Collection_Details p {
    text-align: left;
    float: left;
  }

  li.change_Validity_Period .leftText {
    float: left;
  }
}

.topSpaceRemove20px {
  margin-top: -35px;
}

.disableDivControls {
  pointer-events: none;
}

.change_Validity_Period .leftText {
  color: #2e2a25 !important;
}

.closeText a {
  color: #2e2a25 !important;
}

.error {
  color: #ff0101 !important;
  font-size: 13px;
}

.store-section span.text-danger span {
  color: #e35454 !important;
}

.drofOffCounter {
  width: 90%;
  display: inline-block;
  text-align: left;
  position: relative;
  padding-left: 30px;
}

.drofOffCounter .NumCounter {
  background: #231e21;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-style: normal;
}

.manageAcc li .drofOffCounter .rightText {
  width: auto;
}

.manageAcc li .drofOffCounter .leftText {
  margin-top: 5px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .pl-sm-0 {
    padding-left: 0px !important;
  }

  .pr-sm-0 {
    padding-right: 0px !important;
  }
}

@media (max-width: 1024px) {
  .mb-sm-10 {
    margin-bottom: 10px;
  }
}

.code-heading {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #2e2a26;
  padding-left: 15px;
}

#dveSelectStore .code-heading {
  text-align: center;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

#dveSelectStore .storelist-heading {
  text-align: center;
}

.store-name-mobile {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  color: #2e2a26;
}

.choose-store-btn {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #00b189;
}

.choose-store-btn {
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.05) 109%
  );
  border: 2px solid #00b189;
  border-radius: 4px;
  color: #00b189 !important;
  text-transform: none;
}

.choose-store-btn:hover {
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.15) 109%
  );
}

.choose-store-btn:focus {
  background: #00b189;
  border: 2px solid #00b189;
  color: #fff !important;
}

.validity {
  font-size: 13px !important;
}

.code-item {
  margin-bottom: 15px;
  background: #fff !important;
  border-radius: 15px;
  padding: 0px 20px 0px 20px;
}

.store-list {
  background: #fff !important;
  border-radius: 15px;
}

.store-item {
  background: #ffffff;
  border-radius: 5px;
  border: 2px solid #ddddda;
  padding: 12px 10px 12px 10px;
  margin-bottom: 15px;
  box-sizing: border-box;
}

.store-item.checked {
  border: 2px solid #00b288 !important;
}

.keycode-outer {
  padding: 20px 0 20px 0;
}

.keycode-text-pickup {
  font-weight: 600;
  line-height: 19px;
  font-size: 13px;
  color: #2e2a25;
}

.keycode-text {
  font-weight: 600;
  line-height: 19px;
  font-size: 13px;
  color: #95938f;
}

.keycode {
  font-weight: bold;
  line-height: 37px;
  font-size: 25px;
  letter-spacing: 0.1em;
  color: #2e2a25;
  display: flex;
  align-items: center;
}

.keycode-status {
  font-weight: 600;
  line-height: 19px;
  font-size: 13px;
  color: #00b288;
  float: right;
}

.used-code {
  background: #f2f2ef !important;
}

.used-code .keycode {
  color: #625f5a !important;
  text-decoration: line-through;
}

.used-code .keycode-status {
  color: #625f5a !important;
}

.used-code .keycode-text {
  color: #959390 !important;
}

.used-code hr {
  border-color: #ddddda !important;
}

.keycode-detail {
  padding-top: 15px;
  padding-bottom: 15px;
}

.keycode-actions a {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  color: #2e2a26;
}

.keycode-actions a:last-child {
  margin-left: 20px;
}

.validity {
  font-weight: 600;
  font-size: 13px;
  line-height: 19px;
  color: #2e2a25;
}

.collection-by-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  color: #2e2a25;
  word-break: break-all;
}

.storelist-heading {
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  color: #2e2a26;
  padding: 15px 0px 15px 0px;
}

.store-list .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
}

.store-list .custom-radio .custom-control-label::before {
  position: absolute;
  top: 16px;
  left: -40px;
  display: block;
  width: 25px;
  height: 25px;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #ddddda solid 2px;
}

.store-list .custom-control-single .custom-control-label::before {
  position: absolute;
  top: 16px;
  left: -40px;
  display: none;
  width: 25px;
  height: 25px;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #ddddda solid 1px;
}

.store-list .custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.store-list
  .custom-radio
  .custom-control-input:checked
  ~ .custom-control-label::after {
  background-image: url("../../content/images/Radio.svg");
}

.store-list .custom-radio .custom-control-label::after {
  position: absolute;
  top: 16px;
  left: -40px;
  display: block;
  width: 25px;
  height: 25px;
  content: "";
}

.store-list .custom-control-single .custom-control-label::after {
  position: absolute;
  top: 16px;
  left: -40px;
  display: none;
  width: 25px;
  height: 25px;
  content: "";
}

.store-list [type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.store-list .custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
  width: 100%;
}

.store-list .custom-control {
  position: relative;
  display: block;
  min-height: 50px;
  padding-left: 50px;
}

.store-list .custom-control-single {
  position: relative;
  display: block;
  min-height: 50px;
  padding-left: 5px !important;
}

.store-name {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  color: #2e2a26;
  word-break: break-all;
}

.store-address {
  font-weight: normal;
  font-size: 13px;
  line-height: 19px;
  color: #2e2a26;
  word-break: break-all;
}

.store-status {
  font-weight: 600;
  font-size: 13px;
  line-height: 19px;
  color: #00b189;
  word-break: break-all;
}

.keycode-btn-info {
  margin-top: 15px;
  background-color: #f4f4f1;
  border: none;
  border-radius: 15px;
  padding: 5px 12px 5px 6px;
  color: #2e2a25 !important;
  text-transform: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
}

.used-code .keycode-btn-info {
  background-color: #e7e7e5 !important;
}

.keycode-btn-info img {
  margin-right: 3px;
}

/*.code-item .keycode-outer:last-child {
    padding-top: 0px;
}*/
.dropoff-info {
  padding: 0px 10px 10px 10px !important;
}

.dropoff-info li {
  list-style: none;
  display: inline;
  width: 100%;
}

.dropoff-info .heading {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #2e2a25;
  margin: 0px !important;
}

.dropoff-info .info-text {
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  color: #231e21;
}

.dropoff-info .info-steps {
  padding: 5px;
}

.dropoff-info .info-steps span {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  margin-left: 5px;
  color: #231e21;
}

.dropoff-info .info-steps .counter {
  border: 2px solid #2e2a25;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 16px;
  margin-right: 10px;
  margin-top: 2px;
  /* display: flex; */
  font-family: Helvetica Neue;
  align-items: center;
  text-align: center;
  border-radius: 50px;
  text-transform: none;
  font-style: normal;
  padding: 0px 5px 0px 4px;
  float: left;
  font-weight: 600;
}

.waiting-code {
  background: #f2f2ef url("../../content/images/warning pattern.svg") !important;
  border: 1px solid #f2f2ef !important;
}

.waiting-code .keycode-btn-info {
  background-color: #fff !important;
  border: 2px solid #f2f2ef !important;
}

.info-steps strong {
  font-weight: inherit;
}

.storemodal {
  display: none;
}

#mdlChooseStore .modal-body {
  padding: 18px 24px 0 !important;
}

#mdlChooseStore .modal-body hr {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

#mdlChooseStore .modal-footer {
  padding: 22px 24px 26px !important;
  border: none !important;
}

#mdlChooseStore .modal-footer button {
  width: 100%;
}

#mdlChooseStore h1 {
  padding-bottom: 10px;
  vertical-align: middle;
  text-align: center;
  margin: 0;
}

#mdlChooseStore .title span {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #2e2a25;
}

#mdlChooseStore .title img {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #2e2a25;
  margin-bottom: -6px;
  height: 28px;
  margin-left: 15px;
}

#mdlChooseStore p {
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  /* Black */
  color: #2e2a25;
  margin: 0px !important;
}

.add-key-process-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #2e2a25;
  margin-left: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.add-key-process-title img {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #2e2a25;
  margin-left: 15px;
  height: 28px;
}

.addnewkey {
  background: #ffffff;
  box-shadow: 0px 0px 0px 3px rgba(46, 42, 37, 0.01);
  border-radius: 10px;
  padding: 20px;
  width: 100%;
}

.addnewkey label {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  color: #2e2a25;
}

.addnewkey p {
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  color: #2e2a25;
  margin-top: 5px !important;
  margin-bottom: 15px !important;
}

.add-key-process-history {
  background: #f2f2ef;
  box-shadow: 0px 0px 0px 3px rgba(46, 42, 37, 0.035);
  border-radius: 10px;
  width: 100%;
}

.key-process-info {
  float: left;
  width: 100%;
  padding: 20px;
}

.add-key-process-history .heading {
  font-weight: 600;
  font-size: 13px;
  line-height: 19px;
  color: #95938f;
  width: 100%;
  float: left;
}

.add-key-process-history .heading img {
  margin-top: -3px;
}

.add-key-process-history .btn-changestore {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #00b288;
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.05) 109%
  );
  border: 2px solid #00b288;
  box-sizing: border-box;
  border-radius: 5px;
  text-decoration: none;
  padding: 3px;
  /* padding-left: 10px; */
  /* padding-right: 10px; */
  float: right;
  width: 25%;
  margin-top: -3px;
}

.add-key-process-history .btn-changestore:hover {
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.15) 109%
  );
  border: 2px solid #00b189;
  color: #00b189;
}

.add-key-process-history .store-detail {
  float: left;
  width: 100%;
}

.add-key-process-history .title {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  color: #2e2a25;
  float: left;
  width: 100%;
}

.add-key-process-history .key-detail .title {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  color: #2e2a25;
}

.add-key-process-history .store-detail .title {
  width: 75%;
}

.add-key-process-history .show-hide-storeinfo {
  float: left;
  width: 100%;
  margin-top: 15px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #2e2a25;
  cursor: pointer;
}

.add-key-process-history .show-hide-storeinfo.open {
  margin-bottom: 15px;
}

.add-key-process-history .show-hide-storeinfo i:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f107";
  font-weight: 700;
  font-size: 15px;
}

.add-key-process-history .show-hide-storeinfo.open i:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f106";
  font-weight: 700;
  font-size: 15px;
}

.add-key-process-history .store-timing-info {
  float: left;
  width: 100%;
}

.add-key-process-history .store-timing-info .inner-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  color: #2e2a25;
  margin-bottom: 15px;
  float: left;
  width: 100%;
}

.add-key-process-history .store-timing-info .inner-text:last-child {
  margin-bottom: 0px;
}

.subscriptions {
  background: #ffffff;
  box-shadow: 0px 0px 5px rgba(46, 42, 38, 0.1);
  border-radius: 10px;
  padding: 20px;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

.add-key-heading {
  color: #2e2a25;
  margin-top: 0px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  /*    text-transform : capitalize!important;*/
}

/*.add-key-heading:hover {
        text-decoration: underline;
        cursor: pointer
    }*/

.subscriptions .add-key-heading {
  margin-left: 15px;
  margin-bottom: 15px;
}

.payment-section .add-key-heading {
  margin-bottom: 0px;
}

.citypaq_collection {
  float: left;
  width: 100%;
}

.subscription-selection .heading {
  font-size: 15px;
  line-height: 22px;
  margin-top: 0px;
  margin-bottom: 10px;
}

.subscription-selection {
  float: left;
  width: 100%;
}

.subscription-selection.upgrade p {
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
  margin-bottom: 15px;
  float: left;
}

.subscription-selection .payment-section {
  float: left;
  width: 100%;
}

.subscription-selection .payment-section .couponCodeOuter {
  float: left;
  width: 100%;
}

.payment-section .coponCodeText {
  margin-top: 0px !important;
}

.subscription-selection .custom-radios {
  float: left;
  width: 100%;
}

.subscription-selection .custom-radios input[type="radio"] {
  display: none;
}

.subscription-selection .custom-radios input[type="radio"] + label {
  width: 100%;
  border: 2px solid #e7e7e5;
  border-radius: 15px;
  padding: 20px;
  float: left;
  text-align: center;
  color: #2e2a25;
  cursor: pointer;
  margin-bottom: 15px;
}

.subscription-selection .custom-radios input[type="radio"] + label h3 {
  font-weight: 600;
  font-size: 13px;
  line-height: 19px;
  text-align: center;
  margin: 0px;
}

.subscription-selection .custom-radios input[type="radio"] + label h2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  margin: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.subscription-selection .custom-radios input[type="radio"] + label h4 {
  font-weight: 600;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  margin: 0px;
}

.subscription-selection .custom-radios input[type="radio"] + label span {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-top: 10px;
  border-radius: 50%;
  box-shadow: none;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 20px;
  border: 2px solid #ddddda;
}

.subscription-selection .custom-radios input[type="radio"] + label span img {
  opacity: 0;
  transition: all 0.3s ease;
  height: 25px;
  width: 25px;
}

.subscription-selection .custom-radios input[type="radio"]:checked + label {
  background: #00b288;
  color: #ffffff;
  border: 2px solid #00b288 !important;
}

.subscription-selection
  .custom-radios
  input[type="radio"]:checked
  + label
  span {
  opacity: 1;
  border: none !important;
}

.subscription-selection
  .custom-radios
  input[type="radio"]:checked
  + label
  span
  img {
  opacity: 1;
}

.planContent {
  width: 100%;
  float: left;
}

.modal-dialog .planContent {
  padding: 0;
}

.planContent .plan-txt1 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 19px;
  color: #615e5a;
}

.planContent .plan-txt2 {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  color: #2e2a25;
  width: 100%;
  float: left;
}

.planContent .list {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 0px;
  list-style-type: none;
  width: 100%;
  float: left;
}

.planContent .list li {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 25px;
  color: #615e5a;
}

.planContent .list li:before {
  content: "";
  /* font-family: FontAwesome; */
  display: inline-block;
  margin-right: 10px;
  height: 14px;
  background: #00b288;
  width: 14px;
  -webkit-mask-image: url("../../content/images/Check_mark.png");
  -webkit-mask-size: cover;
}

.planContent .list li.uncheck:before {
  background: #bebdba;
  -webkit-mask-image: url("../../content/images/Remove_close.png");
  -webkit-mask-size: cover;
}

.code-section {
  background: linear-gradient(0deg, #ffffff, #ffffff), #f7fcfa;
  box-shadow: 0px 0px 0px 3px rgb(46 42 37 / 1%);
  /*    border-radius: 10px;*/
  padding: 16px;
  padding-left: 0px;
  padding-right: 0px;
  float: left;
  width: 100%;
  font-size: 15px;
}

.code-section-question {
  background: linear-gradient(0deg, #ffffff, #ffffff), #f7fcfa;
  box-shadow: 0px 0px 0px 3px rgb(46 42 37 / 1%);
  /*    border-radius: 10px;*/
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  float: left;
  width: 100%;
  font-size: 15px;
}

#keynestLogo {
  margin-top: 16px;
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 100px;
}

#keynestLogo > img {
  width: 120px;
  margin: 10px 0px;
}

.code-section .dvCodetype {
  padding-left: 20px;
  padding-right: 20px;
}

.code-section .payment-section {
  padding-left: 20px;
  padding-right: 20px;
}

.code-section .payment-section .paymentkOut {
  width: 100%;
}

.code-section .ValidityControls {
  float: left;
  margin-top: 10px;
  width: 100%;
}

.code-section .ValidityControls .field-validation-error {
  float: left;
  width: 100%;
}

.payment-section .searchboxWithBtn input[type="text"] {
  border-right: none !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.code-section .ValidityControls .newTime_details {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 0px;
}

.code-section .change_Validity_Period {
  padding-left: 20px;
  padding-right: 20px;
}

.code-section .change_Validity_Period p {
  text-align: left;
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
}

.code-type .collection-code-btn {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

#p_IsPermanentText {
  text-align: left !important;
}

.code-section .ourPlansText {
  display: block;
  float: left;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 10px;
}

.code-section .ourPlansText label {
  font-size: 15px;
  line-height: 22px;
  color: #00b189;
  font-weight: normal !important;
  cursor: pointer;
}

.code-section .newTime_details .update_details::before {
  background: rgba(46, 42, 38, 0.6) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  /* left: 5px; */
  position: absolute;
  width: 160px;
}

.code-section .update_details.date_only input[type="text"] {
  border: none;
  background: rgba(255, 255, 255, 0.01) url(../images/Calendar_icon.png)
    no-repeat scroll right center / 15px auto;
  height: 26px !important;
  padding: 0;
  margin: 0;
  font-weight: bold !important;
  color: #2e2a26;
}

.code-section .dropArrowInRight input[type="text"] {
  background: rgba(255, 255, 255, 0.01) url(../images/Attention_icon.png)
    no-repeat scroll right center / 9% auto !important;
}

.next {
  color: #fff;
}

.next:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f105";
  font-size: 22px;
  color: #00b189 !important;
  font-weight: 500;
}

.prev {
  color: #fff;
  text-align: center;
}

.prev:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f104";
  font-size: 22px;
  color: #00b189 !important;
  font-weight: 500;
}

.bootstrap-datetimepicker-widget
  table
  td
  span.glyphicon.glyphicon-chevron-up:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f106";
  font-size: 22px;
  color: #00b189 !important;
  font-weight: 500;
}

.bootstrap-datetimepicker-widget
  table
  td
  span.glyphicon.glyphicon-chevron-down:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f107";
  font-size: 22px;
  color: #00b189 !important;
  font-weight: 500;
}

.bootstrap-datetimepicker-widget table td span.glyphicon.glyphicon-chevron-up {
  display: inline-block;
  width: 30px;
  height: 20px;
  line-height: 20px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}

.bootstrap-datetimepicker-widget
  table
  td
  span.glyphicon.glyphicon-chevron-down {
  display: inline-block;
  width: 30px;
  height: 20px;
  line-height: 20px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}

.bootstrap-datetimepicker-widget table td span {
  width: 30px !important;
  height: 20px !important;
  line-height: 20px !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  width: 160px !important;
}

.bootstrap-datetimepicker-widget table td {
  width: 30px !important;
  height: 20px !important;
  line-height: 20px !important;
}

.bootstrap-datetimepicker-widget table td span:hover {
  background: none !important;
}

.coupon_applied {
  border-radius: 30px;
  border: 2px solid #615e5a;
  padding-left: 8px;
  padding-right: 25px;
}

#dvApplied img {
  margin-left: -24px;
  margin-top: -4px;
  cursor: pointer;
}

@media screen and (max-width: 480px) {
  .reverse_div {
    display: flex;
    flex-direction: column-reverse;
  }
}

.codebox {
  padding-left: 16px;
  padding-right: 16px;
}

.codebox .code-detail {
  float: left;
  width: 100%;
  background: #f2f2ef;
  padding: 20px;
  margin-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 7px;
}

.codebox .code-detail .code-instruction {
  padding-left: 20px;
  padding-right: 20px;
}

.codebox .code-detail .code-info {
  padding-left: 20px;
  padding-right: 20px;
  float: left;
  width: 100%;
}

.codebox .code-detail hr {
  margin-top: 15px;
  margin-bottom: 15px;
  border: 0;
  border-top: 1px solid #ddddda;
}

.codebox .code-detail .heading {
  font-size: 13px;
  line-height: 19px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #615e5a;
}

.codebox .code-detail .heading .number {
  border: 2px solid #00b288;
  border-radius: 6.5px;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.035em;
  color: #00b288;
  float: right;
  padding: 6px 10px 3px 10px;
  margin-top: -5px;
}

.code-detail .black_code_block {
  font-size: 30px;
  color: #2e2a25;
  margin-top: 0px;
  margin-bottom: 0px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 30px */
  letter-spacing: 1.5px;
}

.codebox .code-detail .text {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #2e2a25;
  margin-top: 10px;
  margin-bottom: 10px;
}

.codebox .code-detail .drofOffCounter {
  width: 100%;
  text-align: left;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #2e2a25;
  padding: 0px;
  margin-bottom: 5px;
}

.codebox .code-detail .drofOffCounter i {
  background: #615e5a;
  width: 15px;
  height: 15px;
  display: inline-block;
  font-weight: bold;
  font-size: 10px;
  line-height: 15px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-style: normal;
  float: left;
  margin-top: 4px;
  margin-right: 5px;
}

.codebox .code-detail .validity-time {
  float: left;
  width: 100%;
}

.codebox .code-detail .validity-time span {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  color: #2e2a25;
}

.codebox .code-detail .validity-time span strong {
  font-weight: 600;
}

.codebox .code-detail .validity-time.citypaq span {
  width: 50%;
  float: left;
  margin-bottom: 5px;
  color: #2e2a25;
}

.codebox .code-detail .validity-time.citypaq span strong {
  font-weight: 600;
}

.codebox .green_code_block {
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  color: #00b189;
  margin-left: 10px;
  letter-spacing: 0.05em;
}

.codebox .reusable {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  padding: 13px;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  color: #00b288;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-left: 10px;
  background: url("../../content/images/reuse-Rectangle.png") no-repeat center;
  background-size: 100% 100%;
}

.btn-keynest {
  color: #00b288;
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.05) 109%
  );
  border: 2px solid #00b288;
  box-sizing: border-box;
  border-radius: 5px;
  text-decoration: none;
  padding: 3px;
  padding-left: 10px;
  padding-right: 10px;
  text-transform: none;
}

.btn-keynest:hover {
  background: linear-gradient(
    180deg,
    rgba(0, 177, 137, 0) -39%,
    rgba(0, 177, 137, 0.15) 109%
  );
  border: 2px solid #00b189;
  color: #00b189;
}

.btn-send-instruction {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #00b288;
  margin-top: 10px;
}

.btn-disable {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #2e2a25;
  opacity: 0.5;
  /* Black */
  border: 2px solid #2e2a25;
  box-sizing: border-box;
  border-radius: 5px;
  text-transform: none;
  pointer-events: none;
  padding: 3px;
  padding-left: 10px;
  padding-right: 10px;
}

.back-to-key {
  padding-left: 20px;
  padding-right: 20px;
}

.back-to-key a {
  padding: 12px 10px !important;
}

.upgradeTitle {
  color: #2e2a25;
  font-size: 20px;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  margin-bottom: 12px;
  line-height: 30px;
}

@media (max-width: 767px) {
  .add-key-process-history .store-detail .title {
    width: 70%;
  }

  .col-md-4.subscription-plan .plan-price {
    float: right;
    width: 75%;
    text-align: left;
  }

  .col-md-4.subscription-plan .selectIco {
    float: left;
    margin-right: 10px;
  }

  .col-md-4.subscription-plan .plan-price h3 {
    text-align: left !important;
  }

  .col-md-4.subscription-plan .plan-price h2 {
    text-align: left !important;
    width: 50%;
    float: left;
    margin: 0;
  }

  .col-md-4.subscription-plan .plan-price h4 {
    float: left;
    width: 50%;
    margin-top: 8px;
    text-align: left !important;
  }

  .col-md-4.subscription-plan .custom-radios input[type="radio"] + label {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .code-section .newTime_details .update_details::after {
    background: rgba(46, 42, 38, 0.6) none repeat scroll 0 0;
    /* bottom: 0; */
    content: "";
    height: 1px;
    /* left: 5px; */
    position: absolute;
    width: 90% !important;
    top: 41px;
  }

  .newTime_details .dropArrowInRight::before {
    background: rgba(46, 42, 38, 0.6) none repeat scroll 0 0 !important;
    bottom: 2px !important;
    content: "";
    height: 1px;
    /* left: 5px; */
    position: absolute;
    width: 90% !important;
  }

  .newTime_details .update_details::before {
    width: 90% !important;
  }

  .code-section .newTime_details .update_details::before {
    background: none;
  }

  .code-section .update_details input[type="text"] {
    background: rgba(255, 255, 255, 0.01) url("../images/Calendar_icon.png")
      no-repeat scroll right center / 15px auto !important;
  }

  .code-section .dropArrowInRight input[type="text"] {
    background: rgba(255, 255, 255, 0.01) url("../images/Attention_icon.png")
      no-repeat scroll right center / 7% auto !important;
  }

  .code-section .update_details {
    padding-right: 0px !important;
  }

  .code-detail.code_order .code-instruction {
    width: 100% !important;
  }

  .code-detail.code_order .code-instruction .orders {
    margin-top: 10px;
  }
}

.code-detail.code_order {
  background: #fff;
  border: 1px solid #e7e7e5;
}

.code-detail.code_order .code-instruction {
  width: 50%;
  float: left;
  background: #fff;
}

.code-detail.code_order .code-instruction .orders {
  background: url("../../content/images/order_arrow.png") no-repeat;
  background-position-x: right;
  background-position-y: center;
  background-size: contain;
}

.code-detail.code_order .code-instruction .orders h2 {
  width: 88%;
}

.code_order .order1 {
  background: #e9e9e7;
  border: 0.814503px solid #e7e7e5;
  box-sizing: border-box;
  border-radius: 4.07252px;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  padding: 6px 10px;
  margin-top: 0px;
  margin-bottom: 5px;
}

.code_order .order1 span {
  font-size: 13px;
  font-weight: 600;
  line-height: 19px;
  float: right;
}

.code_order .order2 {
  background: #e9e9e7;
  opacity: 0.75;
  border: 0.814503px solid #e7e7e5;
  box-sizing: border-box;
  border-radius: 4.07252px;
  font-size: 11px;
  line-height: 16px;
  color: #95938f;
  padding: 6px 10px;
  margin-top: 0px;
  margin-bottom: 5px;
}

.code_order .order2 span {
  font-size: 13px;
  font-weight: 600;
  line-height: 19px;
  float: right;
}

.code_order .order3 {
  background: #f4f4f2;
  border: 0.814503px solid #f2f2ef;
  box-sizing: border-box;
  border-radius: 4.07252px;
  padding: 6px 10px;
  font-size: 11px;
  color: #bebdba;
  line-height: 16px;
  margin-top: 0px;
  margin-bottom: 5px;
  font-weight: 500;
}

.code_order .order3 span {
  font-size: 13px;
  font-weight: 600;
  line-height: 19px;
  float: right;
}

.optional_text {
  text-align: center !important;
  letter-spacing: 0.035em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  font-size: 10px !important;
  line-height: 15px !important;
  color: #f2f2ef !important;
  background: #615e5a !important;
  border-radius: 6.5px;
  padding: 2px 6px !important;
}

.code-instruction .form-group {
  margin-bottom: 2px !important;
}

.send-instruction input {
  float: left;
  width: 20px;
  padding: 0px;
  margin: 0px 10px 0 0;
  height: 29px;
}

.send-instruction label {
  font-weight: normal !important;
  margin: 0 4px 0 0;
  height: 20px;
}

.send-instruction {
  font-size: 16px;
  margin-bottom: 12px;
}

.send-instruction {
  display: inline-block;
  float: left;
}

.send-instruction input[type="checkbox"] {
  display: none;
}

.send-instruction input[type="checkbox"] + input[type="hidden"] + label {
  color: #333;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 600 !important;
  line-height: 19px;
  padding-left: 0;
  width: 100%;
}

.send-instruction input[type="checkbox"] + input[type="hidden"] + label span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -1px 10px 4px 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 14px;
  box-shadow: none;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 20px;
  float: left;
}

.send-instruction
  input[type="checkbox"]
  + input[type="hidden"]
  + label
  span
  .imgCheck {
  display: none;
}

.send-instruction
  input[type="checkbox"]:checked
  + input[type="hidden"]
  + label
  span
  .imgCheck {
  display: block;
}

.send-instruction
  input[type="checkbox"]:checked
  + input[type="hidden"]
  + label
  span
  .imgUnCheck {
  display: none;
}

.send-instruction
  input[type="checkbox"]
  + input[type="hidden"]
  + label
  span
  .imgUnCheck {
  display: block;
}

.dvEmail {
  display: none;
}

.dvEmail-drop {
  display: none;
}

.modal-dialog.model-loading {
  width: 320px !important;
  min-height: unset;
  display: block !important;
  text-align: center;
  flex-direction: column;
  top: 50%;
  transform: translateY(-50%);
}

.timeOnly {
  float: left;
  width: 50%;
  padding-right: 25px;
  margin: auto;
}

.timeOnly input[type="text"] {
  border: none;
  height: 26px !important;
  padding: 0;
  margin: 0;
  font-weight: bold !important;
  color: #2e2a26;
  /*background: rgba(255, 255, 255, 0.01) url(../images/Attention_icon.png) no-repeat scroll right center / 24% auto !important;*/
  width: 30% !important;
}

.timeOnly input[type="text"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #2e2a26;
  opacity: 9;
}

.timeOnly input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #2e2a26;
  opacity: 9;
}

.timeOnly input[type="text"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #2e2a26;
  opacity: 9;
}

.timeOnly input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #2e2a26;
  opacity: 9;
}

.timeOnly::before {
  background: rgba(46, 42, 38, 0.6) none repeat scroll 0 0 !important;
  bottom: 2px !important;
  content: "";
  height: 1px;
  position: absolute;
  width: 10% !important;
}

.btn_export {
  background: rgba(0, 177, 137, 0.05) url("../images/xls_export.svg") no-repeat
    scroll 0 0;
  border: 2px solid #00b189;
  border-radius: 4px;
  color: #00b189 !important;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 19px;
  text-transform: inherit;
  float: right;
  background-position: center;
}

.frm-adduser .default-office input[type="radio"] {
  display: none;
}

.frm-adduser .default-office input[type="radio"] + label {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 14px;
  width: 100%;
  margin-bottom: 5px;
}

.frm-adduser .default-office input[type="radio"] + label span {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 4px 16px 5px 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: none;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 20px;
  float: left;
}

.frm-adduser .default-office input[type="radio"] + label span {
  border: 2px solid #ddddda;
}

.frm-adduser .default-office input[type="radio"] + label span img {
  opacity: 0;
  transition: all 0.3s ease;
  margin-left: -2px;
  margin-top: -2px;
}

.frm-adduser .default-office input[type="radio"]:checked + label span {
  border: 2px solid #fff;
}

.frm-adduser .default-office input[type="radio"]:checked + label span img {
  opacity: 1;
}

.frm-adduser .other-office input[type="checkbox"] {
  display: none;
}

.frm-adduser
  .other-office
  input[type="checkbox"]
  + input[type="hidden"]
  + label {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 14px;
  width: 100%;
  margin-bottom: 5px;
}

.frm-adduser
  .other-office
  input[type="checkbox"]
  + input[type="hidden"]
  + label
  span {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 4px 16px 5px 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: none;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 20px;
  float: left;
}

.frm-adduser
  .other-office
  input[type="checkbox"]
  + input[type="hidden"]
  + label
  span {
  border: 2px solid #ddddda;
}

.frm-adduser
  .other-office
  input[type="checkbox"]
  + input[type="hidden"]
  + label
  label {
  width: 91%;
  float: left;
}

.frm-adduser
  .other-office
  input[type="checkbox"]
  + input[type="hidden"]
  + label
  span
  .img {
  opacity: 0;
  transition: all 0.3s ease;
  margin-left: -2px;
  margin-top: -2px;
}

.frm-adduser
  .other-office
  input[type="checkbox"]
  + input[type="hidden"]
  + label
  span
  .img1 {
  transition: all 0.3s ease;
  margin-left: -2px;
  margin-top: -2px;
}

.frm-adduser
  .other-office
  input[type="checkbox"]:checked
  + input[type="hidden"]
  + label
  span {
  border: 2px solid #fff;
}

.frm-adduser
  .other-office
  input[type="checkbox"]:checked
  + input[type="hidden"]
  + label
  span
  .img {
  opacity: 1;
}

.frm-adduser
  .other-office
  input[type="checkbox"]:checked
  + input[type="hidden"]
  + label
  span
  .img1 {
  display: none;
}

.frm-adduser
  .other-office
  input[type="checkbox"]:disabled
  + input[type="hidden"]
  + label
  span
  .img1 {
  display: block;
}

.frm-adduser
  .other-office
  input[type="checkbox"]:disabled
  + input[type="hidden"]
  + label
  span
  .img {
  display: none;
}

.frm-adduser .other-office .img1 {
  display: none;
}

.show-hide-addinfo {
  float: left;
  width: 100%;
  margin-top: 15px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #00b288;
  margin-left: 5px;
  cursor: pointer;
}

.show-hide-addinfo i:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f107";
  font-weight: 700;
  font-size: 15px;
}

.show-hide-addinfo.open i:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f106";
  font-weight: 700;
  font-size: 15px;
}

/*Questionnaire*/
.Questionnaire .btn-skip {
  background: #e7e7e5;
  border: none;
  box-sizing: border-box;
  border-radius: 20px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  display: flex;
  align-items: flex-start;
  color: #2e2a25;
  padding: 3px 12px;
  cursor: pointer;
  text-transform: capitalize;
}

.Questionnaire-text {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  color: #2e2a25;
}

.Questionnaire-heading {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #2e2a25;
}

.Questionnaire-item {
  width: 43%;
  float: left;
  margin-left: 20px;
  margin-top: 15px;
  padding-top: 20px;
  padding-bottom: 10px;
  height: 120px;
  text-align: center;
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid #ddddda;
  cursor: pointer;
  color: #2e2a25;
}

.Questionnaire-item.active {
  border-color: #00b288 !important;
  color: #00b288 !important;
}

.Questionnaire-item .item-text {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  padding-top: 10px;
  width: 84%;
  left: 0;
  right: 0;
  margin: auto;
}

.Questionnaire-item .img_active {
  display: none;
}

.Questionnaire-item img {
  width: 40px;
}

.Questionnaire-item.active .img {
  display: none !important;
}

.Questionnaire-item.active .img_active {
  display: initial !important;
}

@media (max-width: 480px) {
  .Questionnaire-item {
    height: 122px !important;
  }

  .Questionnaire-item-2 {
    height: 135px !important;
  }
}

.list-item {
  padding: 12px;
  display: flex;
  text-align: center;
  border-radius: 15px;
  box-sizing: border-box;
  border: 1px solid #ddddda;
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  color: #979592;
  gap: 8px;
}

.list-item.active {
  background: #dcf3eb;
  color: #2e2a25;
  border: 1px solid #dcf3eb;
}

.list-item-check {
  display: none;
}

.list-item.active .list-item-check {
  display: block;
}

.list-item.active .list-item-uncheck {
  display: none;
}

/*
@media (max-width: 480px) {
    .property-item {
        width: 25% !important;
    }
}

.dvPropertyItem {
    display: none;
}*/
/* Navbar start */
.navbar .container {
  padding: 0 28px !important;
}

.header_bg_top {
  padding: 0;
  box-shadow: 0px 0px 0px 3px rgba(46, 42, 37, 0.025) !important;
  position: fixed;
  width: 100%;
}

@media (min-width: 768px) {
  .header_logo img {
    width: 120px !important;
  }

  .navbar.navbar-default > .container > .navbar-header {
    margin: 10px 0;
  }

  .navbar-nav > form > li,
  .navbar-nav .enDrop {
    padding: 26px 0px 22px !important;
  }

  #dvMain > div {
    margin-top: 65px;
  }
}

@media (max-width: 767px) {
  .navbar .container {
    padding: 0 12px !important;
  }

  .header_logo img {
    width: 100px !important;
  }

  .navbar.navbar-default > .container > .navbar-header {
    margin: 10px 0;
  }

  .navbar.navbar-default > .container > .navbar-header > .navbar-toggle {
    margin: 0 !important;
    padding: 16px 0 10px !important;
  }

  #dvMain > div {
    margin-top: 60px;
  }

  #dvMain .main-content {
    margin-top: 56px;
  }

  .navbar-collapse {
    margin: 0 -24px !important;
  }

  .top_menu li {
    border-bottom: none;
    padding: 24px 0 !important;
  }

  #language-dropdown .dropdown-menu.open {
    max-height: unset !important;
    min-height: unset !important;
    transform: translate(70px, -30px);
    position: absolute;
  }

  #language-dropdown .dropdown-menu ul {
    max-height: unset !important;
    min-height: unset !important;
    list-style-type: none;
    display: flex;
  }

  #language-dropdown .dropdown-menu li {
    display: inline-block;
    height: min-content;
    margin-right: 5px;
  }
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

#language-dropdown {
  margin-right: -15px;
}

/* Navbar end */
/* My keys controls start */
@media (max-width: 767px) {
  .searchboxWithBtn.dvSearch {
    border-top: 0;
    margin: 15px 0;
    padding-top: 0;
  }

  .header-sec .pull-right {
    display: flex;
    flex-flow: row !important;
  }

  .header-sec .pull-right > * {
    flex: 0 1 auto;
    min-width: auto;
  }

  .header-sec .pull-right > .btnaddnewkey {
    flex: 1 1 auto;
    padding-left: 0 !important;
  }
}

.searchboxWithBtn.dvSearch > #txtSearch {
  background: #fff;
  border: 2px solid #e9e9e7;
  box-sizing: border-box;
  border-radius: 5px;
  height: 44px;
  color: #95938f;
  -webkit-transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s,
    background ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s,
    background ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s,
    background ease-in-out 0.15s;
}

.searchboxWithBtn.dvSearch > #txtSearch::placeholder {
  color: #95938f;
}

.searchboxWithBtn.dvSearch > #txtSearch:focus {
  border: 2px solid #00b189;
}

.searchboxWithBtn.dvSearch > #btnSearch {
  background: linear-gradient(
      180deg,
      rgba(0, 177, 137, 0) -39%,
      rgba(0, 177, 137, 0.05) 109%
    ),
    #f7f6f6;
  border: 2px solid #00b189;
  color: #00b189;
  height: 44px;
  -webkit-transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s,
    background cubic-bezier(0.4, 0, 1, 1) 0.175s;
  -o-transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s,
    background cubic-bezier(0.4, 0, 1, 1) 0.175s;
  transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s,
    background cubic-bezier(0.4, 0, 1, 1) 0.175s;
}

.searchboxWithBtn.dvSearch > #btnSearch:hover {
  background: linear-gradient(
      180deg,
      rgba(0, 177, 137, 0) -39%,
      rgba(0, 177, 137, 0.15) 109%
    ),
    #f7f6f6;
}

.header-sec .btnuploaddata > button {
  margin: 0 !important;
  width: auto !important;
}

.header-sec {
  max-width: 1198px !important;
  margin: -1px auto 16px !important;
  background: #f2f2ef;
  display: block;
  position: sticky;
  z-index: 1;
  padding: 16px 0 !important;
  top: 65px;
  overflow: visible;
  box-shadow: 1000px 0px 0px #f2f2ef, -1000px 0px 0px #f2f2ef;
}

@media (max-width: 767px) {
  .header-sec {
    top: 0;
    position: relative;
  }
}

@media (max-width: 500px) {
  .header-sec {
    box-shadow: 250px 0px 0px #f2f2ef, -250px 0px 0px #f2f2ef;
  }

  .header-sec:after {
    box-shadow: 250px 0px 0px #ddddda, -250px 0px 0px #ddddda !important;
  }
}

@media (min-width: 500px) and (max-width: 1052px) {
  .header-sec {
    box-shadow: 500px 0px 0px #f2f2ef, -500px 0px 0px #f2f2ef;
  }

  .header-sec:after {
    box-shadow: 500px 0px 0px #ddddda, -500px 0px 0px #ddddda !important;
  }
}

@media (min-width: 3150px) {
  .header-sec {
    box-shadow: 1500px 0px 0px #f2f2ef, -1500px 0px 0px #f2f2ef;
  }

  .header-sec:after {
    box-shadow: 1500px 0px 0px #ddddda, -1500px 0px 0px #ddddda !important;
  }
}

.header-sec:after {
  background: #ddddda;
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  height: 1px;
  bottom: 0;
  box-shadow: 1000px 0px 0px #ddddda, -1000px 0px 0px #ddddda;
}

.header-sec > * {
  z-index: 2;
  padding: 0;
}

.header-sec .btnaddnewkey > button {
  margin: 0 !important;
}

.header-sec .btnaddnewkey {
  padding-left: 15px;
  padding-right: 0 !important;
  min-width: 160px;
}

.header-sec .btnaddnewkey button,
.header-sec .btnuploaddata button {
  height: 44px;
}

.header-sec .pull-right {
  display: flex;
  flex-flow: row-reverse;
}

@media (max-width: 400px) {
  .header-sec .pull-right {
    overflow-y: scroll;
  }
}

.header-sec .pull-right > * {
  padding-right: 0;
}

.header-sec .pull-right .btnuploaddata {
  width: auto !important;
}

.btn_advance_filter {
  z-index: 1;
  box-shadow: 0px 0px 0px 2px rgba(46, 42, 37, 0.005);
  border: 0px !important;
  padding: 6px 10px;
}

.btn_advance_filter:hover {
  background: #dcf3eb;
}

/* My keys controls end */
/* Key list start */
.key_deteilsBox > table {
  border-collapse: separate;
  border-spacing: 0 2px;
}

.key_deteilsBox > table tr:nth-child(odd) {
  box-shadow: 0px 0px 0px 2px rgba(46, 42, 37, 0.005);
  border-radius: 5px;
  background: #fff;
  width: 100%;
}

.key_deteilsBox > table tr:nth-child(odd):hover {
  background: linear-gradient(
      0deg,
      rgba(0, 177, 137, 0.05),
      rgba(0, 177, 137, 0.05)
    ),
    rgba(255, 255, 255, 0.8);
}

.key_deteilsBox > table tr:nth-child(odd):hover.overdue {
  background: #fef5e6;
}

.key_deteilsBox > #dataTables-example tr:nth-child(odd) .value-res > span {
  color: #615e5a;
}

.key_deteilsBox
  > #dataTables-example
  tr:nth-child(odd):hover
  .value-res
  > span {
  color: #00b288;
}

.key_deteilsBox
  > #dataTables-example
  tr:nth-child(odd):hover.overdue
  .value-res
  > span {
  color: #e35454;
}

.key_deteilsBox > table tr:nth-child(even) td {
  background: rgba(1, 1, 1, 0) !important;
}

.container {
  width: 100% !important;
  max-width: 1198px !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
}

@media (max-width: 990px) {
  .container {
    padding: 0 !important;
    width: 100% !important;
  }
}

#lstKey1 {
  padding: 0;
}

@media (max-width: 767px) {
  #lstKey .value-res:nth-of-type(2),
  #lstKey .value-res:nth-of-type(3) {
    margin: 0 -20px 0 0 !important;
  }

  #dataTables-example tr {
    display: inline-block !important;
  }
}

.cont_area {
  padding: 0 10px;
}

/* Key list end */
@media (max-width: 990px) {
  .header_logo {
    padding: 0;
  }

  .top_menu li.userName {
    margin-right: 0;
  }

  .top_menu li > a {
    font-size: 15px !important;
    padding: 10px 12px;
  }
}

@media (max-width: 1090px) {
  .navbar-nav .userName {
    display: none;
  }
}

/* app banner start */
.dvAppBanner {
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 150px;
}

.dvAppBanner .img {
  position: absolute;
  height: 100%;
  object-fit: cover;
  width: 140px !important;
  margin-left: calc(-30px + 3vw) !important;
  object-position: top right;
}

.dvAppBanner p {
  margin-left: calc(-30px + 3vw) !important;
  transform: translateY(-50%);
  top: 50%;
  width: 100% !important;
  position: absolute;
  padding: 0 15px 0 160px !important;
}

.dvAppBanner .arrow {
  float: none !important;
}

/* app banner end */
/* loader blending */
#loadingDiv > img {
  mix-blend-mode: darken;
  margin-bottom: 40px;
}

/* drop down menu fits content */
.bootstrap-select.btn-group .dropdown-menu {
  width: min-content;
}

.dropdown-menu > li > a {
  width: 100%;
}

/* backdrop blur start */
.modal-backdrop.fade {
  backdrop-filter: blur(0);
  background: rgba(46, 42, 38, 0);
  opacity: 1 !important;
  transition: background 0.1s ease-out,
    backdrop-filter 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    -webkit-backdrop-filter 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-backdrop-filter: blur(0);
}

.modal-backdrop.fade.in {
  backdrop-filter: blur(10px);
  background: rgba(46, 42, 38, 0.8);
  opacity: 1 !important;
  transition: background 0.1s ease-out,
    backdrop-filter 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    -webkit-backdrop-filter 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-backdrop-filter: blur(10px);
}

#dvMain.blurpop {
  /* filter: blur(0) !important; */
}

/* backdrop blur end */
/* key info start */
.col50.col.getCodeCol {
  margin-bottom: 6px !important;
}

.checkAutofaker {
  background: #ffffff;
  padding: 40px 5px 20px 5px;
  box-shadow: 0px 0px 0px 3px rgba(46, 42, 37, 0.01) !important;
}

.checkAutofaker > .titleHed {
  margin-bottom: 25px;
}

.checkAutofaker > .manageAcc {
  margin-bottom: 15px;
}

.my_keylist > .col-md-6 > .btns {
  width: 75%;
}

.my_keylist .uderLine {
  border-bottom: 1px solid rgba(46, 42, 38, 0.6);
  padding-bottom: 3px !important;
  margin-right: 3px !important;
}

.modal-dialog .subscription-selection div.subscription-plan:nth-of-type(1) {
  padding-left: 0;
  padding-right: 7.5px;
}

.modal-dialog .subscription-selection div.subscription-plan:nth-of-type(2) {
  padding-left: 7.5px;
  padding-right: 0;
}

/* key info end */
/* automations start */

#lstPartner tr td img {
  mix-blend-mode: multiply;
  max-width: 100%;
  object-fit: contain;
}

#lstPartner tr:nth-child(odd) td {
  color: #615e5a;
}

@media (max-width: 767px) {
  #lstPartner tr:nth-child(odd) {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 20px 28px 10px;
  }

  #lstPartner tr:nth-child(odd) td {
    display: block !important;
    padding: 0 0 10px !important;
    color: #615e5a !important;
  }
}

.header-sec > .pull-right > .pull-right {
  width: auto;
}

.header-sec > .pull-right > .pull-right > button {
  height: 44px;
  width: auto;
  /* min-width: 120px; */
  margin: 0 !important;
}

@media (max-width: 767px) {
  .header-sec > .pull-right > .pull-right {
    width: 50%;
  }

  .header-sec > .pull-right > .pull-right:first-child {
    padding: 0;
    margin-right: 7.5px;
  }

  .header-sec > .pull-right > .pull-right:last-child {
    padding: 0;
    margin-left: 7.5px;
  }
}

/* automations end */

/* map start */
.frmSearchLocation .searchboxWithBtn > #location {
  background: #f4f4f2;
  border: 2px solid #00b288;
  box-sizing: border-box;
  border-radius: 5px;
  height: 44px;
  color: #00b189;
}

.frmSearchLocation .searchboxWithBtn > #location::placeholder {
  color: #95938f;
}

.frmSearchLocation .searchboxWithBtn > #location:focus {
  border: 2px solid #00b189;
}

.frmSearchLocation .searchboxWithBtn > #location:focus ~ #btnSearch {
  background: #fff;
  border: 2px solid #00b189;
  color: #00b189;
}

.frmSearchLocation .searchboxWithBtn > #location:focus ~ #btnSearch:hover {
  background: #00b189;
  border: 2px solid #00b189;
  color: #fff;
}

.frmSearchLocation .searchboxWithBtn > #btnSearch {
  background: linear-gradient(
      180deg,
      rgba(0, 177, 137, 0) -39%,
      rgba(0, 177, 137, 0.05) 109%
    ),
    #ffffff;
  border: 2px solid #00b288;
  color: #00b288;
  height: 44px;
  -webkit-transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s,
    background cubic-bezier(0.4, 0, 1, 1) 0.175s;
  -o-transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s,
    background cubic-bezier(0.4, 0, 1, 1) 0.175s;
  transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s,
    background cubic-bezier(0.4, 0, 1, 1) 0.175s;
}

.frmSearchLocation .searchboxWithBtn > #btnSearch:hover {
  background: linear-gradient(
      180deg,
      rgba(0, 177, 137, 0) -39%,
      rgba(0, 177, 137, 0.1) 109%
    ),
    #ffffff;
  color: #00b288;
}

.frmSearchLocation .searchboxWithBtn {
  width: 400px;
}

@media (max-width: 767px) {
  .frmSearchLocation .searchboxWithBtn {
    width: 100%;
  }
}

/* map end */
/* Google search customisation start */
.pac-logo:after {
  background-position: center;
}

.pac-container {
  margin-top: 0;
  border: 0;
  border-radius: 10px;
  color: #2e2a26;
  padding: 5px 5px 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
}

.pac-item {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0;
  color: #2e2a25;
  padding: 5px;
  border-color: #fff;
}

.pac-matched {
  font-size: 16px;
  color: #2e2a26;
  font-weight: 500;
}

.pac-item-query {
  font-size: 16px;
  color: #2e2a25;
}

/* Google search customisation end */

/* Settings start */
.profileOuter {
  margin-top: 20px;
}

.msgBoxOutr > textarea {
  background: #f4f4f2;
  border: 2px solid #e9e9e7;
}

.msgBoxOutr > div.col-md-12 {
  border: 2px solid #e9e9e7 !important;
  border-top: none !important;
}

.profile_formDiv > .btnUser {
  margin: 0 15px;
}

.profile_formDiv > #subUsersList {
  margin: 0 15px;
}

@media (max-width: 767px) {
  .profile_formDiv > #subUsersList {
    margin: 0;
  }
}

@media (max-width: 480px) {
  .profile_formDiv #subUsersList .row {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .yourProfile_form > .profile_formDiv {
    margin-left: -4px !important;
  }
}

@media (max-width: 600px) {
  .text-count {
    bottom: 0;
    width: 100%;
    float: left;
    text-align: left;
    height: 45px;
    border-top: 2px solid #e9e9e7;
    border-left: 0 solid;
    top: initial;
    padding-left: 15px !important;
    padding-top: 10px !important;
  }

  .MessageBox.messageBar {
    margin-bottom: 40px;
  }
}

/* Settings end */

/* Add a key start */
#addKeyFrm .addnewkey div:last-child {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .custom-radios div.subscription-plan {
    padding-right: 0;
    padding-left: 15px;
  }

  .custom-radios div.subscription-plan:nth-of-type(3) {
    padding-right: 15px;
    padding-left: 15px;
  }
}

#addKeyFrm .switch {
  width: 58px;
  height: 32px;
  transform: translateY(-5px);
}

#addKeyFrm .switch .slider.ValiditySlider {
  width: 58px;
  height: 32px;
}

#addKeyFrm .switch .slider {
  border-radius: 7.5px;
}

#addKeyFrm .switch .slider:before {
  border-radius: 5.5px;
  height: 28px;
  width: 28px;
  left: 2px;
  bottom: 2px;
}

#addKeyFrm .switch .Slider:after,
input[type="checkbox"]:checked + #addKeyFrm .switch .Slider:after {
  top: 10px;
}

.code-section .newTime_details .startDatesTitle,
.code-section .newTime_details .endDatesTitle {
  transform: translateY(5px);
}

/* Add a key end */

/* Automations start */
.key_deteilsBox > table tr.boldText.text_bold.value-res.hidden-xs:hover {
  background: #fff;
}

.key_deteilsBox > table tr.boldText.text_bold.value-res.hidden-xs {
  cursor: auto !important;
}

.key_deteilsBox > table td.bg-td-pd {
  background: rgba(1, 1, 1, 0) !important;
}

#lstPartner .keyTitlepupop {
  margin: 0;
}

/* Automations end */

/* Date picker start */
.datepicker.datepicker-dropdown {
  border-radius: 15px;
}

.datepicker.datepicker-dropdown .datepicker-days {
  padding: 10px;
  padding-top: 10px;
}

.datepicker-days .datepicker-switch {
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  /* Black */
  color: #2e2a25;
}

.datepicker-days table thead tr {
  background: none !important;
  /* H1 Bold */
  font-family: Poppins;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  /* Black */
  color: #2e2a25;
}

.disabled.day {
  text-decoration: none !important;
  color: #ddddda !important;
}

.day {
  text-align: center;
  height: 38px;
  width: 38px;
}

/*.active.day {
    background: url('../content/images/Selected.png') no-repeat !important;
    background-size: 94% 94%;
    padding-right: 5px;
    background-position: center;
}*/

.active.day {
  background: url("../images/day-select-bg.svg") no-repeat !important;
  background-position: center;
  color: #fff;
}

.dow {
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  /* Black */
  color: #2e2a25;
}

.newTime_details {
  height: 100%;
  display: inline-block;
  width: 100%;
  margin-bottom: -10px;
}

/* Date picker end */

.newKeynest-btn {
  background: #ffffff !important;
  border: 2px solid rgba(46, 42, 38, 0.05) !important;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #00b288 !important;
  width: 200px;
}

.newKeynest-btn:hover {
  background: #00b288 !important;
  color: #ffffff !important;
  border: 2px solid rgba(46, 42, 38, 0.05) !important;
}

.mapSearch_outer #city-dropdown .filter-option {
  background: url("../images/Globe.svg") center center / 23px !important;
  height: 23px;
  width: 23px;
  color: transparent !important;
}

.magic-link {
  display: flex;
  align-items: center;
  margin-top: 8px;
}

.magic-link-text {
  background: #e8d2fa;
  padding: 5.5px 10px 5.5px 10px;
  border-radius: 15px;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #3f136a;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.magic-link-text img {
  margin-right: 5px;
}

.magic-link-info {
  border: none;
  margin-left: 10px;
  background: none;
  height: 20px;
  width: 20px;
}

.magic-link-info img {
  height: 20px;
  width: 20px;
}

.magic-link-copy-alert {
  background: #00b288;
  height: 44px;
  display: flex;
  justify-content: center;
  position: fixed;
  width: 100%;
  z-index: 1;
}

.magic-link-copy-alert img {
  margin-right: 5px;
}

.magic-link-copy-alert-text {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #ffffff;
}

.spn_code {
  margin-left: 5px;
}

.keycode .reusable {
  font-weight: 600;
  font-size: 12px;
  padding: 9px;
  height: 34px;
  margin-left: 5px;
  line-height: 18px;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  color: #00b288;
  background: url("../../content/images/reuse-Rectangle.png") no-repeat center;
  background-size: 80px 24px;
}

.location-detail-divider {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.content-row {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  flex-direction: row;
  padding: 0px 20px;
}

.content-row .storetitle {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  margin-top: 0px;
  color: #2e2a26;
  margin-bottom: 0px;
  margin-right: 5px;
}

.content-row .store-img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
}

.content-row.location-detail {
  display: flex;
  flex-direction: column !important;
}

.content-row .label {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  text-align: left;
  line-height: 20px;
  color: #95938f;
}

.content-row .content {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  display: flex;
  line-height: 134%;
  color: #2e2a25;
}

.content-row .content-desc {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 134%;
  color: #2e2a25;
}

.close-btn {
  position: absolute;
  right: -12px;
  top: -12px;
}

.close-btn button {
  background: none;
  outline: none;
  margin: 0px;
  border: none;
  padding: 0px;
}

.close-icon {
  content: url(/Content/images/Close-popup.svg);
}

.footer-btnCenter {
  text-align: center;
  padding: 20px;
  background: #ffffff;
  border-radius: 10px;
  /* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05); */
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  position: sticky;
  bottom: 0px;
}

.custom-check-box input[type="radio"] {
  display: none;
}

.custom-check-box input {
  float: left;
  width: 20px;
  padding: 0px;
  margin: 0px 10px 0 0;
  height: 29px;
}

.custom-check-box input[type="radio"] + label {
  color: #333;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 35px;
  padding-left: 0;
  width: 100%;
}

.custom-check-box label {
  font-weight: normal !important;
  margin: 0 4px 0 0;
  height: 20px;
  display: flex;
  align-items: center;
}

.custom-check-box label span {
  margin-right: 5px;
}

.custom-check-box input[type="radio"] + label span {
  display: inline-block;
  width: 22px;
  height: 22px;
  /* margin: 4px 16px 20px 0; */
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: none;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 20px;
  border: solid 1px #2e2a25;
  /* float: left; */
}

.custom-check-box input[type="radio"]:checked + label span img {
  opacity: 1;
}

.custom-check-box input[type="radio"] + label span img {
  opacity: 0;
  transition: all 0.3s ease;
}

.checkbox-options {
  display: flex;
}

.checkbox-options .custom-check-box {
  margin-right: 20px;
}

button[disabled].request-point-btn {
  background: #fff !important;
  border: 2px solid #ccc;
  color: #ccc;
}

.tag {
  padding: 5px 13px;
  border-radius: 32px;
}

.bg-red {
  background-color: #e35454 !important;
}

.txt-white {
  color: #fff !important;
}

.check_box_text.check_box_text_new.col-md-5.col-sm-5.col-xs-12 {
  padding-left: 0px;
}

.check_box_text.check_box_text_new.col-md-7.col-sm-7.col-xs-12 {
  padding-right: 0px;
}

/*.gm-style .gm-style-iw-d::before,
.gm-style .gm-style-iw-d::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 45%;
    border: 14px solid transparent;
    border-top-color: #fff;
}*/

.gm-style .gm-style-iw-d::before,
.gm-style .gm-style-iw-d::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 46%;
  border: 10px solid transparent;
  border-top-color: #fff;
}

#storeModel::before,
#storeModel::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 44%;
  border: 14px solid transparent;
  border-top-color: #fff;
}

.storetitle-text {
  align-items: center !important;
}

.code-instruction-locker {
  gap: 8px;
  display: flex;
  flex-direction: column;
}

.code-instruction-locker .heading {
  font-size: 16px !important;
  font-weight: 600 !important;
}

.code-instruction-locker .text {
  font-size: 14px !important;
  font-weight: 600 !important;
}

.instructions-item {
  overflow: hidden;
  flex-direction: row;
  gap: 6px;
  text-align: center;
  color: #fcfcfa;
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.divcounter {
  display: flex;
  flex-direction: column;
  padding: 3px 0 0;
  align-items: flex-start;
  justify-content: flex-start;
}

.divcontent {
  flex: 1;
  flex-direction: column;
  flex-wrap: wrap;
  text-align: left;
  font-size: 14px;
  color: #2e2a25;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.send-the-drop {
  flex: 1;
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 260px;
}

.magic-link {
  padding: 8px 0 4px;
  color: #3f136a;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.frame {
  position: relative;
  border-radius: 20px;
  background-color: #615e5a;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.div1 {
  position: absolute;
  top: calc(50% - 7px);
  left: calc(50% - 7px);
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
}

.divcounter .frame .div1 {
  font-size: 12px;
}

.next-steps1 {
  align-self: stretch;
  font-size: 16px;
  font-weight: 600;
}

.these-instructions-have {
  align-self: stretch;
  position: relative;
  font-size: 15px;
  color: #000;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.icons-20x20-magic-link {
  position: relative;
  width: 20px;
  height: 20px;
}

.lockercodes {
  align-self: stretch;
  border-radius: 7px;
  border: 1px solid #ddddda;
  overflow: hidden;
  align-items: flex-end;
  font-size: 16px;
  color: #615e5a;
  background: #fff !important;
  padding: 0px !important;
  margin-bottom: 0px !important;
}

.lockercodes .code-info {
  padding: 20px !important;
}

.magic-link-text-new {
  background: #e8d2fa;
  padding: 5.5px 10px 5.5px 10px;
  border-radius: 15px;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #3f136a;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.magic-link-copied {
  background: #ddddda;
  padding: 5.5px 10px 5.5px 10px;
  border-radius: 15px;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #3f136a;
  display: flex;
  align-items: center;
}

.learn-more-btn {
  background: #fff;
  padding: 5.5px 10px 5.5px 10px;
  border-radius: 15px;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #000;
  display: flex;
  align-items: center;
  margin-top: 15px;
  border: none;
  text-decoration: none;
  text-transform: none;
}

.optionaltext {
  margin-left: 10px;
  background: #615e5a;
  border-radius: 7px;
  font-size: 10px;
  color: #fff;
  height: 19px;
  display: flex;
  padding: 2px 6px 2px 6px;
  align-items: center;
}

.key_deteilsBox table tbody tr:hover.deletedrow td .boldText {
  color: #e35454 !important;
}

.my_keylist table tbody tr:hover.deletedrow .manageAccess.manageAccess-arrow {
  background: rgba(0, 0, 0, 0) url("../images/Arrow_icon_red.svg") no-repeat
    scroll 0 0;
}

.key_deteilsBox > table tr:nth-child(odd):hover.deletedrow {
  background: #fef5e6;
}

.key_deteilsBox
  > #dataTables-example
  tr:nth-child(odd):hover.deletedrow
  .value-res
  > span {
  color: #e35454 !important;
}

.key_deteilsBox table tbody tr.deletedrow td .boldText {
  color: #e35454 !important;
}

.key_deteilsBox
  > #dataTables-example
  tr:nth-child(odd).deletedrow
  .value-res
  > span {
  color: #e35454 !important;
}

@media (max-width: 575px) {
  .restrictions {
    flex-direction: column !important;
  }

  .time-restrictions {
    flex: none !important;
  }

  #addKeyModal .modal-fullscreen {
    width: 100vw !important;
    max-width: none;
    height: 99% !important;
    margin: 0;
  }

  #addKeyModal .modal-dialog {
    min-height: 90vh !important;
  }

  #addKeyModal .modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
    display: flex;
  }

  #addKeyModal .modal-fullscreen .modal-header {
    border-radius: 0;
  }

  #addKeyModal .modal-fullscreen .modal-body {
    overflow-y: auto;
  }

  #addKeyModal .modal-fullscreen .modal-footer {
    border-radius: 0;
  }

  #addKeyModal .popup {
    border-radius: 0px !important;
    position: relative;
    flex: 1 1 auto;
    max-height: 99vh !important;
  }

  #addKeyModal .popup-scroll {
    max-height: calc(var(--d) - 90px) !important;
    height: calc(var(--d) - 90px) !important;
    min-height: auto !important;
    padding-bottom: 0px;
  }

  /*#addKeyModal .add-key-buttons {
        bottom: 3px !important;
    }*/
}

.modal-backdrop {
  z-index: 2000000001 !important;
}

.dropdown-kn {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  background: rgba(0, 0, 0, 0) url("../images/green_down.png") no-repeat scroll
    right 0px / 23px auto;
  border: 1px solid rgba(0, 0, 0, 0);
  min-width: 120px;
  font-size: 15px;
  font-weight: 600 !important;
  padding-right: 22px;
  color: #00b189;
  padding-top: 0 !important;
  padding-left: 5px !important;
  height: auto !important;
  padding-bottom: 0 !important;
}

.dropdown-kn-wrapper::before {
  background: #00b189 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 2px;
  position: absolute;
  width: 130px;
}

.dropdown-kn-wrapper {
  display: inline-block;
  margin-left: -5px;
  margin-top: 2px;
  position: relative;
  width: auto;
}

/*Location Map Css starts */
.pac-container.pac-logo hdpi {
  left: 10px !important;
}

.gm-style-iw-chr {
  display: none !important;
}

.gmnoprint {
  display: none !important;
}

.d-hidden {
  display: none;
}

.store-card-container {
  max-width: 100%;
}

.store-card-container .store-item {
  background-color: #fff;
  padding: 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-radius: 10px;
  border: 1px solid #e7e7e5;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0);
  cursor: auto !important;
}

.bottom-sheet .store-card-container .store-item {
  border: 0;
}

/* Already defined */
.store-card-container .store-item .top-cont {
  overflow: hidden;
  transition: max-height 0.3s ease;
}

/* New expanded state */
.store-card-container .store-item.expanded .top-cont {
  max-height: max-content;
  overflow: visible;
}

/* Rotate icon */
.show-more-btn img {
  transition: transform 0.3s ease;
}

.store-item.expanded .show-more-btn img {
  transform: rotate(180deg);
}

.store-card-container .store-item .top-cont .store-cont,
.store-card-container .store-item .top-cont .description-cont {
  padding: 16px 12px;
}

.store-card-container .store-item .top-cont .description-cont {
  max-height: 103px;
}

.store-card-container .store-item.expanded .top-cont .description-cont {
  max-height: max-content;
}

.store-card-container .store-item .top-cont .store-cont {
  border-bottom: 1px solid #e7e7e5;
}

.store-card-container .store-item.request-new-point-cont {
  text-align: center !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 12px;
}

.store-card-container .store-item.request-new-point-cont .store-header {
  text-align: center;
  margin-top: 4px;
}

.store-card-container .store-item.request-new-point-cont .card-primary-btn {
  margin-top: 16px;
  margin-bottom: 8px;
}

.store-card-container .store-item .store-header {
  color: #2e2a25;
  text-align: center;
  font-family: Poppins;
  font-size: 19px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: left;
  gap: 10px;
  justify-content: space-between;
}

.store-card-container .store-item .store-header .store-card-tag {
  height: 29px;
  min-width: max-content;
}

.store-card-container .store-item .store-address {
  color: #2e2a25;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 134%;
  word-break: normal;
}

.store-card-container .store-item .store-description-text {
  color: #2e2a25;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 134%;
}

.store-card-container .store-item .store-time {
  color: #2e2a25;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 134%;
}

.store-card-container .store-item .card-primary-btn {
  display: flex;
  padding: 7px 14px;
  align-items: center;
  gap: 4px;
  border-radius: 20px;
  background: #00b288;
  color: #fff;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  outline: none;
  box-shadow: none;
  border: 0;
  width: max-content;
  margin: 16px 0;
  text-transform: initial;
}

.store-card-container .store-item .direction-btn {
  display: flex;
  padding: 5px 11px;
  align-items: center;
  gap: 10px;
  border-radius: 15px;
  background: #dcf3eb;
  color: #2e2a25;
  text-align: center;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 134%;
  outline: none;
  border: 0;
  box-shadow: none;
  text-transform: initial;
  margin-top: 12px;
}

.store-card-container .store-item .store-card-footer {
  border-radius: 0px 0px 10px 10px;
  background: #fff;
  border-left: 1px solid #e7e7e5;
  position: relative;
  padding: 16px;
  padding-top: 8px;
}

.store-card-container .store-item .store-card-footer::before {
  content: "";
  position: absolute;
  top: -44px;
  /* Pulls it higher to make the fade start earlier */
  left: 0;
  width: 100%;
  height: 40px;
  /* Taller gradient area */
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 30%,
    rgba(255, 255, 255, 0.6) 60%,
    rgba(255, 255, 255, 1) 100%
  );
  pointer-events: none;
}

.store-card-container .store-item.expanded .store-card-footer::before {
  display: none;
}

.store-card-container .store-item .store-card-footer .show-more-btn {
  color: #00b288;
  text-align: right;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border: 0;
  background: transparent;
  text-transform: initial;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.store-card-container .store-item .description-cont {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.store-card-container .store-item .store-card-pic {
  width: 165px;
  height: 160px;
}

.store-card-container .store-item .description-cont .store-card-pic {
  width: 166px;
}

.store-card-container .store-item .description-cont .store-img-container {
  position: relative;
}

.store-card-container .store-item .bottom-cont {
  max-height: 103px;
  padding: 16px 12px;
  padding-top: 0;
}

.store-card-container .store-item.expanded .top-cont .bottom-cont {
  max-height: max-content;
}

.store-card-container
  .store-item
  .description-cont
  .store-img-container
  .search-icon-cont {
  display: flex;
  height: 34px;
  width: 34px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 20px;
  background: #dcf3eb;
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 1000;
  cursor: pointer;
}

#storeDetailsContainer {
  padding: 12px 8px;
  border-right: 1px solid #e7e7e5;
  background: #f2f2ef;
}

.d-flex {
  display: flex;
}

.d-hidden {
  display: none !important;
}

/*Location Map Css ends */

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

.btn-back {
  border: none;
  box-sizing: border-box;
  border-radius: inherit;
  font-size: 12px;
  background: none;
  line-height: 18px;
  display: flex;
  text-align: center;
  padding: 3px 12px;
  cursor: pointer;
  align-items: flex-start;
}

.dvHeaderCenter {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/*.dvPropertyItem1 {
        display: none;
    }*/
.list-item-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.btn-back img {
  display: none;
}

.btn-modal-close {
  background: #e7e7e5;
  border: none;
  box-sizing: border-box;
  border-radius: 20px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  display: flex;
  align-items: flex-start;
  color: #2e2a25;
  padding: 3px 12px;
  cursor: pointer;
  text-transform: capitalize;
}

.password-show::before {
  content: url("../images/password_show.svg");
  width: 200px;
  height: 200px;
  cursor: pointer;
}

.password-hide::before {
  content: url("../images/password_hide.svg");
  width: 200px;
  height: 200px;
  cursor: pointer;
}

input:-webkit-autofill {
  /*-webkit-box-shadow: 0 0 0 30px white inset !important;*/
  /* background override */
  /*-webkit-text-fill-color: #000 !important;*/
  /* your desired font color */
  font-family: "Poppins", sans-serif !important;
  font-size: 16px !important;
  transition: background-color 5000s ease-in-out 0s;
}

/*New CSS Starts*/

/*Custom Card/Inputs Styling*/

#settingsPage {
  width: 100vw;
}

.custom-card-header {
  overflow: hidden;
  color: #2e2a25;
  text-overflow: ellipsis;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px;
  padding-left: 12px;
}

.custom-card-container {
  width: 100%;
  border-radius: 16px;
  border: 1px solid #eeedeb;
  background: #fff;
  padding: 16px;
  color: #2e2a25;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 134%;
  max-width: 600px;
}

.responsive-input-cont {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
}
.custom-wrapper .label {
  margin: 0;
}

.custom-wrapper .icon {
  cursor: pointer;
}

.custom-wrapper .sub-text {
  overflow: hidden;
  color: #615e5a;
  text-overflow: ellipsis;
  font-family: Poppins;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.033px;
  margin-bottom: 8px;
  user-select: none;
}

.custom-wrapper .horizontal-line {
  width: 100%;
  height: 1px;
  background: #eeedeb;
}

.custom-wrapper .custom-input {
  position: relative;
  display: flex;
  height: 48px;
  padding: 12px;
  padding-bottom: 0;
  border: 1px solid #ddddda;
  border-radius: 10px;
  background: #fafaf8;
}

.custom-wrapper .custom-input .input-box {
  width: 100%;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #2e2a25 !important;
  -webkit-text-fill-color: #2e2a25;
  outline: none;
  height: 100%;
  border: 0;
  background: #fafaf8;
}

.custom-wrapper .custom-input.disabled,
.custom-wrapper .custom-input.disabled .input-box,
.custom-wrapper .custom-input.disabled .input-box:disabled {
  background: #f2f2ef !important;
  cursor: not-allowed;
  color: #95938f !important;
  user-select: none;
}

.custom-wrapper .custom-input.disabled .custom-label {
  color: #bebdba !important;
}

.custom-wrapper .custom-input.no-label {
  padding: 6px 12px;
  align-items: center;
}

.custom-wrapper .custom-input .custom-label {
  position: absolute;
  top: 12px;
  left: 12px;
  overflow: hidden;
  color: #95938f;
  text-overflow: ellipsis;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.35px;
  text-transform: uppercase;
  transition: all linear 0.1s;
  margin: 0;
  pointer-events: none;
  user-select: none;
}
.custom-wrapper .custom-input .custom-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 24px);
}

.custom-wrapper .custom-input.icon-input .custom-label {
  width: calc(100% - 50px);
}

.custom-wrapper .custom-input.focused .custom-label,
.custom-wrapper .custom-input.filled .custom-label {
  top: 6px;
  left: 12px;
  font-size: 10px;
  color: #615e5a;
  font-weight: 600;
}

.custom-wrapper .custom-input-group .custom-input .icon::before {
  content: none;
}

.custom-wrapper .custom-input-group .custom-input .password-show {
  background: url("../../Content/images/password_show.svg");
  width: 20px;
  height: 21px;
  display: block;
}

.custom-wrapper .custom-input-group .custom-input .password-hide {
  background: url("../../Content/images/password_hide.svg");
  width: 20px;
  height: 21px;
  display: block;
}

.custom-wrapper .custom-input-group .custom-input .password-hide {
  background: url("../../Content/images/password_hide.svg");
  width: 20px;
  height: 21px;
  display: block;
}

.custom-wrapper .custom-input-group .custom-input .icon-right {
  margin-left: auto;
}

.custom-input:has(.input-validation-error) {
  border-color: #e35454;
}

.custom-wrapper .custom-input-group .text-danger {
  color: #e35454;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0.12px;
  margin: 4px;
  margin-bottom: 0px;
  padding: 0;
}

.custom-wrapper .custom-input-group .text-danger.field-validation-error {
  display: inline-block;
}

.custom-wrapper .full-width,
.custom-wrapper .w-full {
  width: 100% !important;
}

.mw-full {
  min-width: 100%;
}

.custom-wrapper .horizontal-line {
  width: 100%;
  height: 1px;
  background: #e7e7e5;
}

.custom-wrapper .custom-btn {
  display: flex;
  height: 48px;
  padding: 8px 40px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 16px;
  border: 1px solid rgba(46, 42, 37, 0.03);
  background: #fff;
  color: #2e2a25;
  font-family: Poppins;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: max-content;
  text-transform: unset;
}
.custom-wrapper .custom-btn:disabled {
  cursor: not-allowed;
}
.custom-wrapper .secondary-btn {
  background: #fff;
  color: #2e2a25;
  padding: 8px 16px;
  border-radius: 16px;
  border: 1px solid #e7e7e5;
  background: #fff;
}
.custom-wrapper .danger-btn {
  background: #e35454;
  color: #fff;
}

.custom-wrapper .primary-btn {
  background: #00b288;
  color: #fff;
}

.custom-wrapper .custom-btn.btn-sm {
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 15px;
  height: 33px;
}

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

.custom-wrapper .custom-input-group {
  width: calc(50% - 6px);
  flex: 0 0 calc(50% - 6px);
  box-sizing: border-box;
}

.custom-input-group.checkbox-radio-group .icon-info {
  background: url("../../Content/images/info.svg");
  min-width: 16px;
  height: 24px;
  display: block;
}

.custom-input-group .icon-copy {
  background: url("../../Content/images/copy-green.svg");
  min-width: 20px;
  height: 20px;
  display: block;
  cursor: pointer;
}

.custom-input-group .icon-copied {
  background: url("../../Content/images/copy-clipboard.svg");
  min-width: 20px;
  height: 20px;
  display: block;
}

.custom-wrapper .copy-to-clipboard-cont {
  display: flex;
  align-items: center;
  color: #bebdba;
  font-family: Poppins;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.033px;
  gap: 4px;
}

.custom-wrapper .text-danger:empty {
  display: none;
}
.custom-input-group input[type="text"],
.custom-input-group input[type="email"],
.custom-input-group input[type="password"] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Ensure ellipsis works on blur */
.custom-input-group input:not(:focus) {
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Show full text when focused */
.custom-input-group input:focus {
  text-overflow: clip;
  overflow: visible;
}

.status-tag {
  display: inline-flex;
  padding: 6px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 6.5px;
  font-family: Poppins;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.033px;
}

.status-tag.disabled-tag {
  background: #ffdfd4;
  color: #e35454;
}

.status-tag.enabled-tag {
  background: #dcf3eb;
  color: #095055;
}

.header-container {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
}

.flex-column {
  flex-direction: column !important;
}

.mb-2 {
  margin-bottom: 8px !important;
}

.mb-4 {
  margin-bottom: 16px;
}

.mt-3 {
  margin-top: 12px;
}

.mb-3 {
  margin-bottom: 12px !important;
}

.mt-2 {
  margin-top: 8px;
}

.mt-4 {
  margin-top: 16px;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-7 {
  margin-bottom: 28px !important;
}

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

.mb-8 {
  margin-bottom: 32px !important;
}

.mt-8 {
  margin-top: 32px !important;
}

.p-0 {
  padding: 0 !important;
}

.p-4 {
  padding: 16px !important;
}

.gap-3 {
  gap: 12px !important;
}

/* Hide the default checkbox */

.custom-input-group.checkbox-radio-group {
  cursor: pointer;
}

.custom-input-group.checkbox-radio-group .custom-label {
  letter-spacing: unset;
  font-weight: 600;
}

.custom-input-group.checkbox-radio-group .custom-checkbox {
  display: none;
}

.custom-input-group.checkbox-radio-group .checkbox-icon {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  cursor: pointer;
}

.custom-input-group.checkbox-radio-group .checkbox-icon {
  background: url("../../Content/images/unchecked.svg");
  width: 21px;
  height: 21px;
  display: block;
}

.custom-input-group.checkbox-radio-group .custom-input.checked .checkbox-icon {
  background: url("../../Content/images/checked.svg");
}

.custom-input-group.checkbox-radio-group.disabled
  .custom-input.checked
  .checkbox-icon {
  background: url("../../Content/images/disabled-checked.svg") no-repeat;
}

.custom-input-group.checkbox-radio-group.disabled {
  border: none;
  cursor: not-allowed;
}

.custom-input-group.checkbox-radio-group.disabled .custom-input {
  background: #f2f2ef !important;
  color: #bebdba !important;
  border: 1px solid rgba(46, 42, 37, 0.05) !important;
     cursor: not-allowed;
}

.custom-input-group.checkbox-radio-group.disabled input {
  pointer-events: none;
}

/* Radio */
.custom-input-group.checkbox-radio-group .custom-radio {
  display: none;
}

.custom-input-group.checkbox-radio-group .radio-icon {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  cursor: pointer;
}

.custom-input-group.checkbox-radio-group .radio-icon {
  background: url("../../Content/images/unchecked.svg") no-repeat;
  width: 21px;
  height: 21px;
  display: block;
}

.custom-input-group.checkbox-radio-group .custom-input.checked .radio-icon {
  background: url("../../Content/images/radio-checked.svg") no-repeat;
}

.custom-input-group.checkbox-radio-group.disabled
  .custom-input.checked
  .radio-icon {
  background: url("../../Content/images/radio-disabled.svg") no-repeat;
}

.custom-wrapper .icon-delete {
  background: url("../../Content/images/delete_icon.svg") no-repeat;
  width: 16px;
  height: 17px;
  display: block;
}

.custom-input-group.checkbox-radio-group .label-cont {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0;
  height: 100%;
  gap: 6px;
  flex: 1;
}

.custom-input-group.checkbox-radio-group .custom-label {
  cursor: pointer;
  position: unset;
  text-transform: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.custom-input-group.checkbox-radio-group .custom-input {
  border-radius: 15px;
  border: 1px solid #ddddda;
  background: #fff;
  height: 48px;
  padding-bottom: 12px;
}

.custom-wrapper .subuser-item {
  display: flex;
  padding: 8px 20px 8px 16px;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  justify-content: space-between;
  border-radius: 10px;
  border: 1px solid rgba(46, 42, 37, 0.05);
  background: #dcf3eb;
  overflow: hidden;
  color: var(--Black, #2e2a25);
  text-overflow: ellipsis;
  font-family: Poppins;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 100%;
}

.custom-wrapper .disabled-input{
  background: #f2f2ef !important;
  color: #95938f !important;
  user-select: none;
  cursor: not-allowed;
}

.custom-wrapper .ls-wide {
  letter-spacing: 7.5px;
}

.cursor-pointer {
  cursor: pointer;
}

.custom-input-group.checkbox-radio-group .custom-input.checked {
  border: 1px solid rgba(46, 42, 37, 0.05);
  background: #dcf3eb;
  color: #2e2a25;
}

.custom-input-group.checkbox-radio-group .custom-input.checked .custom-label {
  color: #2e2a25;
}


.custom-input-group.checkbox-radio-group.disabled .custom-input.checked .custom-label{
  color: #BEBDBA;
}

.custom-input-group.checkbox-radio-group.disabled .label-cont,
.custom-input-group.checkbox-radio-group.disabled .custom-input,
.custom-input-group.checkbox-radio-group.disabled .checkbox-icon{
  cursor: not-allowed;
}
.tooltip-inner {
  background-color: #fff !important;
  color: var(--Black, #2e2a25) !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 134% !important;
  padding: 8px 12px;
  border-radius: 6px;
  text-align: left;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* Change the arrow color */
.tooltip.top .tooltip-arrow {
  border-top-color: #fff !important;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #fff !important;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #fff !important;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #fff !important;
}

.tab-content {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

/*Custom Card/Input Styling Ends*/

/*    Jump to section*/

.custom-jumpto-section {
  display: flex;
}

/* Navigation container */
.custom-jumpto-section .jumpto-nav {
  padding: 16px;
  display: flex;
  flex-direction: column;
  /* width: 221px; */
  flex-shrink: 0;
  background: #f8f8f6;
}

.custom-jumpto-section.section-sm .jumpto-nav button {
  padding: 8px;
  line-height: 23px;
  min-height: 39px;
}

.custom-jumpto-section.section-sm .jumpto-content {
  padding: 16px 12px;
  padding-top: 0;
  background-color: #fff;
  gap: 32px;
}
.custom-jumpto-section.section-sm .jumpto-content section:first-child {
  padding-top: 16px;
}

.custom-jumpto-section.section-sm .custom-card-container {
  padding: 0;
  border: 0;
}

.custom-jumpto-section.section-sm .custom-card-container .custom-input-group {
  width: 100%;
  flex: 0 0 100%;
}

.custom-jumpto-section.section-sm .right-container {
  width: 420px;
}

/* Buttons */
.custom-jumpto-section .jumpto-nav button {
  background: transparent;
  border: none;
  font-size: 15px;
  cursor: pointer;
  padding: 12.5px 12px;
  border-radius: 20px;
  font-weight: 600;
  transition: background 0.1s;
  text-decoration: none;
  color: #615e5a;
  text-transform: unset;
}

.custom-jumpto-section .jumpto-nav button:hover:not(.active) {
  background: #dcf3eb;
}

.custom-jumpto-section .jumpto-nav button.active {
  background: #00b288;
  color: #fff;
}

.custom-jumpto-section .jumpto-content {
  flex: 1;
  padding: 24px 16px;
  max-height: calc(100vh - 65px);
  overflow: auto;
  display: flex;
  flex-direction: column;
  background-color: #f8f8f6;
  gap: 48px;
}

.custom-jumpto-section .jumpto-content section[id] {
  scroll-margin-top: 20px;
}
.custom-jumpto-section.section-sm .jumpto-content section {
  gap: 32px;
}

.custom-jumpto-section.section-sm .jumpto-nav {
  background: #fff;
}

.text-ellipse {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 769px) {
  .custom-jumpto-section .jumpto-nav button {
    position: relative;
    display: inline-block;
    clip-path: polygon(
      0% 0%,
      calc(100% - 13px) 0%,
      100% 50%,
      calc(100% - 13px) 100%,
      0% 100%
    );
    border-radius: 9px 0 0 9px;
    text-align: left;
    padding-right: 20px !important;
    max-width: 239px;
  }

  .custom-jumpto-section.section-sm .jumpto-nav button {
    max-width: 231px;
  }

  #settingsPage .custom-jumpto-section .custom-card-container {
    width: 600px;
  }

  #settingsPage .jumpto-content {
    width: 100vw;
  }
  #settingsPage .jumpto-content section {
    margin: 0 auto;
    padding-left: 221px;
    min-width: 821px;
  }

  #settingsPage .fixed-nav {
    position: fixed;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    transform: translateX(calc(-50% - 316px));
  }

  #settingsPage .main-center-container {
    margin: 0 auto;
    width: max-content;
  }
  .custom-jumpto-section.section-sm .jumpto-nav {
    padding: 8px;
    padding-right: 0;
  }

  .custom-jumpto-section.section-sm .jumpto-content {
    max-height: calc(100vh - 165px);
  }
}

/* Mobile view */
@media (max-width: 768px) {
  .custom-card-container {
    padding: 14px;
  }

  .time-container {
    gap: 10px;
  }

  .custom-wrapper .custom-input-group {
    flex: 0 0 100%;
  }
  .custom-jumpto-section {
    flex-direction: column;
  }

  .custom-jumpto-section.section-sm .jumpto-content {
    padding: 14px 10px;
  }

  .custom-jumpto-section.section-sm .jumpto-content section:first-child {
    padding-top: 0;
  }

  .custom-card-container .p-4 {
    padding: 14px !important;
  }

  .custom-card-container .mb-7 {
    margin-bottom: 24px !important;
  }

  .custom-card-container .mt-7 {
    margin-top: 24px !important;
  }

  .custom-card-container .mb-8 {
    margin-bottom: 24px !important;
  }

  .custom-card-container .mt-8 {
    margin-top: 28px !important;
  }

  .custom-card-container .mb-4 {
    margin-bottom: 14px;
  }

  .custom-card-container .mt-3 {
    margin-top: 10px;
  }

  .custom-card-container .mb-3 {
    margin-bottom: 10px !important;
  }

  .custom-card-container .mt-2 {
    margin-top: 8px;
  }

  .custom-card-container .mt-4 {
    margin-top: 14px;
  }

  .responsive-input-cont {
    gap: 10px;
  }
  .custom-jumpto-section.section-sm .right-container {
    width: 100%;
  }

  .custom-jumpto-section.section-sm .jumpto-content {
    max-height: calc(100vh - 230px);
  }

  .custom-jumpto-section.section-sm .jumpto-content section {
    gap: 28px;
  }

  .custom-modal .modal-body .custom-header {
    border-bottom: 0;
    padding: 10px 14px;
  }

  .custom-jumpto-section.section-sm .jumpto-content {
    gap: 28px;
  }

  .custom-jumpto-section .jumpto-nav {
    flex-direction: row;
    overflow-x: auto;
    width: 100%;
    padding: 10px;
    white-space: nowrap;
    position: absolute;
    z-index: 100;
    border-bottom: 1px solid #e7e7e5;
  }

  .custom-jumpto-section.section-sm .jumpto-nav {
    padding: 8px;
  }
  .custom-jumpto-section .jumpto-nav button {
    flex-shrink: 0;
    text-align: center;
    border-radius: 9px;
    padding: 8px 10px;
    line-height: 23px;
  }

  .custom-jumpto-section .jumpto-content {
    margin-top: 67px;
    max-height: calc(100vh - 142px);
    padding: 20px 10px;
  }
}

.custom-modal button.close,
.custom-modal .modal-header {
  display: none;
}

.custom-wrapper .icon-btn {
  display: flex;
  height: 48px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 16px;
  border: 1px solid #e7e7e5;
  background: #fff;
  width: 52px;
  height: 48px;
}

.custom-modal.modal .modal-dialog {
  max-width: 596px;
}
.custom-modal.modal.sub-user-modal .modal-dialog {
  max-width: max-content;
}
.custom-modal.modal.sub-user-modal .modal-body {
  padding: 0;
}

.custom-modal.modal .custom-body {
  max-height: calc(100vh - 122px);
  overflow: hidden;
}

.max-h-full {
  max-height: 100% !important;
}

.custom-modal .modal-content {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.custom-modal.modal#confirmDeleteModal .main-content {
  padding: 16px 12px;
}

.custom-modal.modal#confirmDeleteModal .modal-body {
  padding: 0;
}
.custom-modal.modal#confirmDeleteModal .modal-dialog {
  max-width: 450px;
  width: 85%;
}
.custom-modal .custom-header {
  display: flex;
  padding: 12px 16px 8px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-bottom: 1px solid #e7e7e5;
  overflow: hidden;
  color: #2e2a25;
  text-align: center;
  text-overflow: ellipsis;
  font-family: Poppins;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.custom-modal .custom-footer {
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-top: 1px solid #e7e7e5;
  background: #f8f8f6;
  justify-content: space-between;
}

#outstandingKR .main-text.disable-cont,
#outstandingKR .time-container.disable-cont,
#outstandingKR .time-container.disable input {
  color: #bebdba !important;
  cursor: not-allowed;
  user-select: none;
}

#outstandingKR .time-container input[disabled] {
  background-color: transparent !important;
  color: #bebdba !important;
  cursor: not-allowed;
  user-select: none;
}

.custom-modal .custom-footer .right-buttons {
  margin-left: auto;
  display: flex;
  gap: 8px;
}

.custom-wrapper .main-text {
  color: #000;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 134%;
}

.border-0 {
  border: none !important;
}

.mnt-1 {
  margin-top: -4px !important;
}

.mnb-1 {
  margin-bottom: -4px !important;
}

/* Telephone CSS starts */

/* Telephone CSS ends */
.iti {
  width: 100%;
}
.iti__arrow {
  display: none;
}

.custom-input-tele .iti__country-container {
  top: 9px;
}

.custom-input-tele .iti__country-container .iti__selected-country {
  display: flex;
  padding: 6px var(--Small, 8px);
  align-items: center;
  border-radius: 10px;
  border: 1px solid var(--10-black, #e7e7e5);
  background: var(--White, #fff);
  height: 30px;
  margin-left: 8px;
}

.custom-input-tele .iti__selected-country-primary {
  padding: 0;
}

.iti__selected-dial-code {
  color: var(--Black, #2e2a25);
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.525px;
  text-transform: uppercase;
}

.iti--fullscreen-popup .iti__dropdown-content {
  border-radius: 10px;
  overflow: hidden;
  z-index: 100;
}

.iti__selected-dial-code::after {
  content: url(../images/dd-arrow.svg);
  display: inline-block;
  width: 6px;
  height: 4px;
  cursor: pointer;
  margin-left: 4px;
  margin-top: -15px;
  position: relative;
  top: -3px;
}

.iti__tel-input {
  color: var(--Black, #2e2a25);
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #fafaf8;
  border: 1px solid #ddddda;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 134%; /* 20.1px */
  border-radius: 10px;
}

.iti__tel-input.input-validation-error {
  color: #e35454;
}

.iti__tel-input:focus {
  border-color: #ddddda;
}

.iti__dropdown-content .iti__search-input {
  margin: 8px;
  display: flex;
  padding: var(--Small, 8px) var(--Quater, 4px);
  align-items: center;
  gap: var(--Small, 8px);
  align-self: stretch;
  border-radius: 20px;
  border: 1px solid var(--15-black, #ddddda);
  background: var(--1-black, #fafaf8);
  width: -webkit-fill-available;
  padding-left: 30px;
  font-size: 15px;
  color: var(--Black, #2e2a25);
}

.iti__dropdown-content::before {
  content: url(../images/search.svg);
  display: inline-block;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 20px;
  top: 20px;
}

.iti--inline-dropdown .iti__dropdown-content {
  border-radius: 10px;
  background: var(--White, #fff);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.07);
  border: 0;
}

.iti__country-list li {
  padding: 9px;
}
.iti--inline-dropdown .iti__country-list,
.iti--flexible-dropdown-width .iti__country-list {
  border-top: 1px solid var(--15-black, #ddddda) !important;
}
.iti__country-list .iti__dial-code {
  margin-left: auto;
  color: #615e5a;
  color: var(--75-black, #615e5a);
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 134%;
}

.iti--fullscreen-popup.iti--container {
  padding: 40px 10px 20px 10px !important;
}

.iti__country-list .iti__country-name {
  color: var(--Black, #2e2a25);

  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 134%;
}

.iti__country-list,
.jumpto-content {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.iti__country-list::-webkit-scrollbar,
.jumpto-content::-webkit-scrollbar {
  display: none;
}

@media (min-width: 769px) {
  .iti__dropdown-content:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }

  .iti__dropdown-content:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 12px;
    margin-left: -12px;
    left: 25px;
  }
}

.dropdown-kn-wrapper,
.dropdown-kn-wrapper .dropdown-kn {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dropdown-kn-wrapper::before {
  width: 100%;
}

#lockerDiv .card {
  flex: 1 1 calc(25% - 12px);
  max-width: calc(25% - 12px);
  min-width: unset;
}

@media (max-width: 1279px) {
  #lockerDiv .card {
    flex: 1 1 calc(33.33% - 11px);
    max-width: calc(33.33% - 11px);
  }
}

@media (max-width: 1023px) {
  #lockerDiv .card {
    flex: 1 1 calc(50% - 8px);
    max-width: calc(50% - 8px);
  }
}

@media (max-width: 767px) {
  #lockerDiv .card {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.tag-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tag-wrapper .tag {
  border-radius: 6px;
  background: #f2f2ef;
  padding: 6px 8px;
  font-weight: 600;
  font-size: 13px;
  line-height: 100%;
  color: #2e2a25;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Custom time input CSS */

.time-container {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #615e5a;
  font-weight: 600;
}
.custom-time-container {
  background: white;
  border: 1px solid #ddddda;
  border-radius: 10px;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  transition: border-color 0.2s ease;
  width: 77px;
  height: 48px;
}

.custom-time-container .time-input {
  background: none;
  border: none;
  outline: none;
  font-weight: 500;
  color: #2e2a25;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 24px;
  height: 24px;
  font-size: 15px;
  caret-color: #007aff;
}

.custom-time-container .time-input::placeholder {
  color: #95938f;
}

.custom-time-container .colon {
  color: #00b288;
  font-weight: bold;
  user-select: none;
  width: 5px;
}

.custom-time-container .current-time {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  background: #f8f9fa;
  padding: 15px 25px;
  border-radius: 8px;
  border: 1px solid #e9ecef;
}

.custom-time-container .current-time .time-value {
  font-size: 18px;
  font-weight: 600;
  color: #007aff;
}

/* forgot password css */

.fp-input-conatiner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* custom switch */
.custom-switch-container .custom-switch-input {
  position: relative;
  display: inline-block;
  width: 53px;
  height: 32px;
}

.custom-switch-container .custom-switch-input input {
  opacity: 0;
  width: 0;
  height: 0;
}

.custom-switch-container .custom-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ddddda;
  transition: 0.3s;
  border-radius: 20px;
  padding: 2px;
  display: flex;
  align-items: center;
}

.custom-switch-container .custom-slider:before {
  position: absolute;
  content: "";
  height: 28px;
  width: 28px;
  left: 2px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.custom-switch-container input:checked + .custom-slider {
  background-color: #00b288;
}

.custom-switch-container input:checked + .custom-slider:before {
  transform: translateX(20px);
}

/*New CSS Ends*/