@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


body {
    font-family: "Inter", serif;
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    background-color: #fff;
}
:root{
  --blue-color:#094174;
  --maroon-color:#C20000;
  --subheading-grey:#848484;
  ---white:#fff;
  --tablightblue:#DEEFFF;
  --tabgrey:#EEEEEE;
}

*, *::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-family: "Inter", serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

nav {
  display: block;
}

body {
  margin: 0;
  font-family: "Inter", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #515151;
  text-align: left;
  background-color: #e9edf4;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

a {
  color: #3f84fc;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0458eb;
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
/*  font-family: "Nunito", sans-serif;*/
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
  font-weight: normal;
}
.w100{width: 100%;}
.c9{color: #1E90FF;}
.headersec{/*background: #fff;*/ padding:30px; /*border-bottom: solid 1px #E0E0E0;*/}
.subs-bdr07{border: solid 1px #E0E0E0;}
.qr-icon{background-color: #F2F9FE;padding: 7px;border: solid 1px #D8EAFC; border-radius: 6px;}
.hef{display: flex; align-items: center;}
.dashboard-nav-item img {width: 20px; position: absolute; left: 32px; top: 50%; transform: translateY(-50%);}
.card-qr {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #F2F2F2;
  background-clip: border-box;
  border-radius: 0;
}

.card-qr-body {
  -webkit-box-flex: 1; text-align: center;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;

}


header.dashboard-toolbar.top-headersec {
    padding-left: 7px;
}
.table-card-billing table {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}
.table-card-billing table thead tr {
    border-top-width: 0px;
}

.table-card-billing table thead tr th {
    font-weight: 500;
    font-size: 14px;
}
.table-card-billing table tbody {
    border-top: 0px !important;
}
.table-card-billing table tbody tr td {
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
}
.table-card-billing table tbody tr td a.btn.btn-danger {
    padding: 4px 15px;
    font-size: 14px;
    line-height: 14px;
}
.card-qr-header {
  padding: 16px;
  margin-bottom: 0;
  background-color: #F4F4F4;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-qr-header .row{align-items: center; flex-wrap: wrap;}
.card-qr-header .row .form-check > .btn-group{margin-top: 4px;}
.card-qr-header .row .form-check .btn-group .dropdown .btn{font-size: 14px; padding: 8px 10px;}
.topbg{background-color: #F8F8F8!important;border-bottom:none;}
.bgwhite{background-color: #fff;}
.bgwh2{background-color: #EAF6FE;}
.pd35{padding: 10px;}
.pd36{padding: 25px;}
.f26{font-size: 26px;font-weight: 600;}
.f27{font-size: 26px;font-weight: 600; color: #000;}
.f28{color: #000; font-size: 26px!important; font-weight: 600;}
.bordercolor{font-size: 13px; color: #000; font-weight:600;}
.qrbdt{border-top:solid 1px #ccc;}
.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}}
.table>:not(caption)>*>*{background-color: #fff; color: #000;}
.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:#EAF6FE; color: #000;}
.dashboard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
}

.dashboard-app {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  margin-top: 84px;
}

.dashboard-content {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  padding: 5px;
}
.cblack{color: #000;}
.edf15{font-size: 15px;inset: 0px auto auto -132px!important; margin: -3px!important;}

.dashboard-nav {
  min-width: 238px;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  background-color: #373193;
}

.dashboard-compact .dashboard-nav {
  display: none;
}

.dashboard-nav header {
  min-height: 84px;
  padding: 8px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.dashboard-nav header .menu-toggle {
  display: none;
  margin-right: auto;
}

.dashboard-nav a {
  color: #515151;
}

.dashboard-nav a:hover {
  text-decoration: none;
}

.dashboard-nav {
  background-color: #fff;z-index: 999; border-right: solid 1px #E0E0E0; display: flex; flex-direction: column;
}
.upgradeMsz{position: relative; left: 16px; width: calc(100% - 32px); background: #cff4fc; padding: 18px 24px; display: flex; flex-direction: column; text-align: center; margin-bottom: 16px; border-radius: 4px;}
.upgradeMsz > *{margin: 0}
.upgradeMsz > *:not(:last-child){margin-bottom: 16px;}
.upgradeMsz p{color: #055160;}
.upgradeMsz .btn{color: #ffffff; font-size: 16px;}

.dashboard-nav a {
  color: #999999; font-size: 14px; position: relative;
}

.brand-logo {
  font-weight: bold;
  font-size: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #515151;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.brand-logo:focus, .brand-logo:active, .brand-logo:hover {
  color: #dbdbdb;
  text-decoration: none;
}

.brand-logo i {
  color: #d2d1d1;
  font-size: 27px;
  margin-right: 10px;
}

.dashboard-nav-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.dashboard-nav-item {
  min-height: 56px;
  padding: 8px 20px 8px 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-left: solid 3px transparent;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: 0.02em;
  transition: ease-out 0.5s;
}

.dashboard-nav-item i,
.dashboard-nav-item svg {
  width: 20px; font-size: 19px; position: absolute; left: 32px; top: 50%; transform: translateY(-50%);
}

.dashboard-nav-item:hover {
  background: rgba(165, 211, 253, 0.4);border-color: #1E90FF;color: #000!important;
}
.dashboard-nav-item:hover i,
.dashboard-nav-item:hover svg{transform: translateY(-50%);}

.active {background:rgba(165, 211, 253, 0.3); border-top: solid 1px #E0E0E0;color: #000!important; border-left: solid 3px #1E90FF;}
.pricing  .active {background:#fff; border-top:none;color: #000!important; border-left: none;}
.bg-3{background-color: #F8F8F8;}


.dashboard-nav-dropdown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.dashboard-nav-dropdown.show {
  background: rgba(255, 255, 255, 0.04);
}

.dashboard-nav-dropdown.show > .dashboard-nav-dropdown-toggle {
  font-weight: bold;
}

.dashboard-nav-dropdown.show > .dashboard-nav-dropdown-toggle:after {
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
}

.dashboard-nav-dropdown.show > .dashboard-nav-dropdown-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.dashboard-nav-dropdown-toggle:after {
  content: "";
  margin-left: auto;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(81, 81, 81, 0.8);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.dashboard-nav .dashboard-nav-dropdown-toggle:after {
  border-top-color: rgba(255, 255, 255, 0.72);
}

.dashboard-nav-dropdown-menu {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.dashboard-nav-dropdown-item {
  min-height: 40px;
  padding: 8px 20px 8px 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  transition: ease-out 0.5s;
}

.dashboard-nav-dropdown-item:hover {
  background: rgba(255, 255, 255, 0.04);
}

.menu-toggle {
  position: relative;
  width: 42px;
  height: 42px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #443ea2;
}

.menu-toggle:hover, .menu-toggle:active, .menu-toggle:focus {
  text-decoration: none;
  color: #875de5;
}

.menu-toggle i {
  font-size: 20px;
}
.table {background-color: #fff;}
.table-bordered>:not(caption)>*>*{border-width: 0 0px;}
.input-group-text{padding: 10px 10px 10px 10px; background-color: #fff;border-radius: 0px 8px 8px 0px!important;}
.form-select{color: #6B6B6B; font-size: 13px;padding: 8px 0px 8px 6px; font-weight: 600; border-radius: 8px;}
.form-control{font-size: 14px; border-radius: 8px; }
.savebtn{padding: 10px 45px 10px 45px!important;border-radius: 14px!important;}
.dashboard-toolbar {
  min-height: 85px;
  background-color: #f8f8f8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
/*  padding: 8px 27px 0px 38px;*/
  padding: 0px 27px 0px 38px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9999;
}
.modal-backdrop{z-index: 9999;}
.modal{z-index: 99999;}

.nav-item-divider {
  height: 1px;
  margin: 1rem 0;
  overflow: hidden;
  background-color: rgba(236, 238, 239, 0.3);
}
.pricing .planMain {
  border-width: 0px !important;
  background: #f8f8f8;
}

.pricing .planMain .active {
  background: #f8f8f8;
}

.altum-animate .Explore-Amazi .Track p {
    color: #212529;
}

@media (min-width: 992px) {
  .dashboard-app {
      margin-left: 0px;
  }

  .dashboard-compact .dashboard-app {
      margin-left: 0;
  }
}


@media (max-width: 768px) {
  .dashboard-content {
      padding: 15px 0px;
  }
}

@media (max-width: 992px) {
  .dashboard-nav {
      /* display: none;
      position: fixed; */
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      z-index: 1070;
  }

  .dashboard-nav.mobile-show {
      display: block;
  }
}

@media (max-width: 992px) {
  .dashboard-nav header .menu-toggle {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
}
@media (max-width: 767px) {
  .qredt{margin-top: 10px;}
  .edf15{inset: 0px auto auto -0px!important; margin: -3px!important; width: 100%;}
  .dashboard-nav{display: none;position: fixed; top: 85px; left: 0; width: calc(100% - 48px); z-index: 99999; }
  .dashboard-nav header{display: none;}
  .app-sidebar-opened .dashboard-nav{display: flex;}
  .f26{font-size: 20px;}
  .dashboard-toolbar{padding:0px 0px 0px 15px;}
  /* .mobpad1{padding: 15px 0px 0px 510px;} */
  .mobsame{margin-top: 15px;padding-left: 35px;}
  .mob-mr{margin-bottom: 15px;}
  .nf{display: none;}
  .ft20{font-size: 13px!important;}
  .font-gi{font-size: 12px;}
  .gen-mar{margin-left: 0px !important;}
  .gen-tab{flex-wrap:inherit; font-size: 12px;}
  .graph-mt2{margin-top: 10px;}
  .graph-mb1{margin-bottom: 10px;}
  .account-setting-left{ min-height: 240px!important;}
.account-setting-left2{min-height: 770px !important;}
.account-setting-left3{ min-height:281px !important;}
.account-setting-left4{ min-height:487px !important;}
.account-setting-left5{ min-height:343px !important;}
.qr_codeCreate_leftBox .select-qr-tabBox a{padding: 0 !important;}
}

@media (min-width: 768px) {
  .dashboard-toolbar {left: 238px; padding-right: 0px;}
  .dashboard-compact .dashboard-toolbar {left: 0;}
}

/* QR codes list page css */
.colorblue{background-color:#0d6efd; color: #fff!important;}
.colorg{color: #1E90FF!important;}
.qr-list{color:#1E90FF; font-size: 13px; margin-bottom: 0px;text-align: left;}
.qr-list2{color:#000; font-size: 15px; font-weight: 600; text-align: left;}
.qr-list3{color:#000; font-size: 16px; font-weight: 600; }
.qr-list4{color:#515151; font-size: 13px; font-weight: 400; }
.qr-f14{font-size:14px;text-align:left;}
.qr-f13{font-size:12px;}
.qr-bdr14{border-radius: 14px;}
.bdr01{border-right: 0px;}
.qr1-f14{font-size:14px; margin-bottom: 0px; text-align: left;}
.card-qr-body2 {padding:5px 0px 0px 0px;}
.nopadl{padding-left: 0px;padding-right: 0px;}
.bt-padding{padding: 8px 6px 8px 7px;}
.card-qr-body-list{padding: 25px 15px 25px 0px; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.125);}
.analyes{padding:15px 15px 0px 15px;border:1px solid #E0E0E0;}
.analyes label{font-size: 13px; color: #000; font-weight: 600;}
.analyes2{width:48px; height:48px; background-color:#1E90FF; border-radius: 14px; color: #fff;padding:10px 10px 10px 14px; margin-top:20px;}
.analyes .form-select{padding:11px 0px 11px 6px;}
.analyes .form-select-input{padding:18px 0px 11px 10px !important;}
.analyes-cr{background-color: #fff;border-radius:50px;padding: 13px 15px 13px 17px;width:52px;height:52px;}
.an32{margin-bottom: 11px;}
.mr1{margin-left: 2px;}
/* three dot page */
.tdt .dropdown-item{color:#6B6B6B; font-size: 15px; padding: 8px 0px 5px 8px;}
.tdt .dropdown-menu{border-radius:8px;}
.pageination{width:70px;border-radius:8px;font-size: 13px; color: #000;}
.showing-result{ text-align:middle; font-size: 13px; color: #000; font-weight: 600;}
/* qr-codes folder list page */
.folder-list{background-color: #fff; border: solid 1px #D8EAFC; border-radius:6px; padding: 10px 10px 10px 10px;}
.folder-list-p{min-height: 50px;}
.analyes-gr{background:#C8E4FE; border: solid 1px #D8EAFC; border-radius:6px; padding: 10px 10px 10px 10px;}
.analyes-gr2{background: rgb(255,255,255); border: solid 1px #D8EAFC; border-radius:6px; padding: 10px 10px 10px 10px; height: 100%;}
.analyes-gr-box{display: flex; justify-content: space-between;}
.analyes-gr-box > *:not(:last-child){margin-right: 6px;}
.analyes-gr-box > *{margin: 0;}
.analyes-gr-box p{display: flex; flex-direction: column;}
.analyes-gr-box p > *{margin: 0;}
.analyes-gr-box p > *:not(:last-child){margin-bottom: 8px;}
.qmb{margin-bottom: 0px;}
.qmb2{margin-bottom: 0px; margin-top: 1rem;}
.folder-list .cir2{ font-size: 13px; font-weight: 600; color: #000;}
.folder-list .cir{background-color: #F4F4F4;border-radius:50px;padding:3px 0px 0px 10px; width:30px;height:30px; font-weight: 600;color: #000;}
.folder-list .cir3{color: #6B6B6B; font-size: 12px; font-weight: 400;}
.tqc5{color: #000; font-size: 27px;font-weight: 700;}
.tqc4{color: #000;font-size: 13px;font-weight: 600;min-height;}

@media (max-width: 767px) {
  .card-qr-body-list{padding: 16px 5px 10px 7px; text-align: left;}
  .mobsel{ margin-left: 0px !important;margin-bottom: 15px;}
  /*.b2{font-size: 9px!important;padding-left: 3px!important;}*/
  .b7-f{font-size: 9px!important; padding-left: 2px!important;}
  .tcen{text-align: center;}
  .tcen2{padding: 7px 14px 7px 14px !important; font-size: 16px!important; margin-bottom: 8px;}
  .line25{line-height: 27px;margin-top:15px;}
  .iconmom{margin-top: .5rem!important;}
  .qr-list2{font-size: 12px;}
  
  
}

/* qr-codes folder page,  open popup page */
.folder-list-pp{font-size: 12px; color: #1E90FF; background-color: #fff;padding:15px 5px 0px 5px; 
  border: dotted 1px #858585; width: 80px; border-radius: 6px;}
.popup{top:25%;}
.popwidth{width: 100%;}
.ppblock{display: block;}
.popupc{margin-top:-30px!important;}
.popup .createn{color: #000; font-size: 22px; font-weight: 600;}
.popup .fheight{height: 52px;}
 .popup .cn{ background-color: #F2F2F2;color:#000; border-color:#F2F2F2; width: 140px; padding:14px 14px 14px 14px;border-radius:14px;}
 .popup .cn2{ background-color:#1E90FF;  padding:14px 14px 14px 14px; border-radius: 14px; width: 140px; font-size: 15px;}
 .popup .cn3{ background-color: #fff;color:#000; border-color:#1E90FF;  padding:14px 14px 14px 14px;border-radius: 14px;width: 140px; font-size: 15px;}
 .popupcolor{font-weight: 600;color: #000; font-size: 13px;}
 .btn-close{font-size: 13px;opacity: 1!important;}
 .form-select,
 .select2.select2-container{background-image: url(../../qr-images/01aligncenter.svg); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px;}

 .popup .modal-header{border-bottom: none;}
 .popup .modal-footer{border-top: none;}
 .popup .modal-body{padding: 10px 53px 0px 50px;}
 .folder-qr-l2{border-radius: 14px; color: #FF0000; border-color: #FF0000; padding: 10px 10px 10px 10px; font-size: 15px; width: 120px;}
 .folder-qr-l3{border-radius: 14px; color: #1E90FF; border-color: #1E90FF; padding: 10px 10px 10px 10px; font-size: 15px; width: 120px;}

 /* Start Select qr page */
 .select-qr .cir{background-color:#1E90FF;border-radius:50px;padding:5px 9px 5px 10px; font-weight: 600;color: #fff;}
 .select-qr .cir2{background-color:#797979;border-radius:50px;padding:5px 9px 5px 10px; font-weight: 600;color: #fff;}
.select-qr .type{color: #1E90FF; font-size: 15px; font-weight: 500; margin-left:10px;}
.select-qr .type2{color: #797979; font-size: 15px; font-weight: 500; margin-left:10px;}
.card-select-qr {
  position: relative;display: -webkit-box;
  display: -webkit-flex; display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;flex-direction: column;
  min-width: 0;word-wrap: break-word;background-clip: border-box; border-radius: 0;padding: 20px 5px 20px 10px;
}
.card-select-qr .bg2{border-right: solid 3px #e9edf4;background-color: #fff; padding:25px 25px 25px 25px; border-radius:6px;}
.card-select-qr .dist-box {
  background-color:#1E90FF38; color: #fff; box-shadow: 5px 5px 6px 5px rgb(165 211 253 / 20%); transition: all 0.5s ease-out 0s; 
  border: solid 1px #1E90FF;border-radius: 8px; width: 100%; max-width: 248px;}
.card-select-qr .dist-box2 {
  background-color:#fff; color: #fff; box-shadow: 5px 5px 6px 5px rgb(165 211 253 / 20%);
  transition: all 0.5s ease-out 0s; border: solid 1px #1E90FF;border-radius: 8px; width: 100%; max-width: 248px;
}
.qrf12{font-size:12px;}
.card-select-qr .Explore-QRfont{font-size: 14px;font-weight: normal;  padding:22px 0px 22px 8px;}
.card-select-qr .Explore-QRfont.eq {display: flex}
.card-select-qr .dist-box span{display: grid;}
.card-select-qr .dist-box2 span{display: grid;}
.card-select-qr .qr01{font-size: 16px; font-weight: 600; color: #000;}
.card-select-qr .qr02{font-size: 12px; font-weight: 400; color:#6B6B6B;}
.card-select-qr .webc{width: 56px; background-color: #fff;border-radius: 30px; height: 56px; padding: 13px 0px 0px 14px;}
.card-select-qr .webc2{width: 56px; background-color: #FAF8FE;border-radius: 30px; height: 56px; padding:15px 17px 0px 18px;}
.dashboard-content2{padding:25px 5px 50px 5px!important;}
.card-select-qr .qr03{font-size: 12px; font-weight: 400; color:#6B6B6B;}
.selected-qr-01{margin-top: 0px;}

@media (max-width: 767px) {
.card-select-qr .dist-box{ max-width: 100%; margin-bottom: 10px;}
.card-select-qr .dist-box2{ max-width: 100%; margin-bottom: 10px;}

 .select-qr .cir{background-color:#1E90FF;border-radius:50px;padding:5px 9px 5px 10px; font-weight: 600;color: #fff;}
.select-qr .cir2{background-color:#797979;border-radius:50px;padding:5px 9px 5px 10px; font-weight: 600;color: #fff;}
.select-qr .type{color: #1E90FF; font-size: 15px; font-weight: 500; margin-left:10px;}
.select-qr .type2{color: #797979; font-size: 15px; font-weight: 500; margin-left:10px;}
.a-width{width: 100%;margin-left: -10px;}
.select-qr .cir-mob {background-color:#1E90FF;padding: 5px 9px 5px 9px!important;font-size: 11px;border-radius: 50px;color: #fff; margin-left: -18px;}
.select-qr .cir2-mob {background-color:#797979;padding: 5px 9px 5px 9px!important;font-size: 11px; border-radius: 15px;color: #fff; margin-left: -18px;}
.mob-t1{display: block;font-size: 11px;}
.mob-d1{display: ruby;}
.mob-aemar{margin-left: 12px;}
.mobf11{font-size: 11px;}
.mob-py{margin-left: -30px;}
.mob-py2{margin-left: 10px;}
.type-7 {padding: 9px 2px 9px 6px !important;border-radius:14px;font-size:11px; font-weight:600; color: #1E90FF;} 
.exit-pr {background-color: #fff;color: #000;border-radius: 14px;}
.ddb{display: block;}
.pbottom {position:fixed;bottom:5px;width:100%;background-color: #fff;box-shadow: 0 -5px 5px -5px #e2e1e1; padding:10px;}
.btn-primary02-mob {padding: 9px 2px 9px 6px !important; border-radius: 14px; font-size: 12px;}


}

@media (min-width: 1024px) {
 
  .f26 {font-size: 18px;}
  .select-qr .cir{background-color:#1E90FF;border-radius:50px;padding:5px 9px 5px 10px; font-weight: 600;color: #fff;}
 .select-qr .cir2{background-color:#797979;border-radius:50px;padding:5px 9px 5px 10px; font-weight: 600;color: #fff;}
.select-qr .type{color: #1E90FF; font-size: 15px; font-weight: 500; margin-left:10px;}
.select-qr .type2{color: #797979; font-size: 15px; font-weight: 500; margin-left:10px;}

}


@media (min-width: 575px) {
.select-qr .type-mob {color: #1E90FF;font-size: 13px;font-weight: 500;margin-left: 3px;}
.select-qr .type2-mob { color: #797979;font-size:13px;font-weight:500;margin-left:3px;}
.a-width{width: 30px;}
.select-qr .cir-mob {background-color:#1E90FF;padding: 5px 7px 5px 7px;font-size: 12px; border-radius: 50px;}
.select-qr .cir2-mob {background-color:#797979;border-radius:50px;padding: 5px 5px 5px 7px;font-size: 12px;}
} 

@media (min-width: 320px) {
  .select-qr .type-mob {color: #1E90FF;font-size: 12px;font-weight: 500;margin-left: 3px;}
  .select-qr .type2-mob { color: #797979;font-size:12px;font-weight:500;margin-left:3px;}
  .a-width{width: 20px;}
  .select-qr .cir-mob {background-color:#1E90FF;padding: 5px 7px 5px 7px;font-size: 12px;border-radius: 50px;color: #fff;}
  .select-qr .cir2-mob {background-color:#797979;padding: 5px 5px 5px 7px;font-size: 12px; border-radius: 50px;color: #fff;}
  
  } 

 /* End Select qr page */
 .card-add-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;background-clip: border-box; border-radius: 0;padding: 25px 25px 20px 25px;
}
.card-add-content .bg{border-right: solid 3px #e9edf4;background-color: #fff; padding:25px 25px 10px 25px; border-radius:6px;}
  .b2{border: solid 1px #ccc;padding: 14px 14px 14px 14px;border-radius: 14px; font-weight: 400; font-size: 14px;}
  .add-text2 {background-color: #fff; border-radius: 10px 0px 0px 10px !important;}
  .bdr10{border-radius: 10px; padding:10px 20px 10px 20px;}
  .modal-content{border-radius: 10px;}

 
.mx-0 {margin-right: 0 !important; margin-left: 0 !important;}
.w-100 {width: 100% !important;}
.qrDetail .qr-detail-container {min-height: calc(100vh - 27px); display: flex ; flex-direction: column;}
.qrDetail .detail-card {padding: 10px; min-height: 168px; align-items: center; display: flex ; margin-bottom: 12px; box-shadow: rgb(234 234 236) 0px 4px 6px 0px; background-color: #fff; border: 1px solid rgba(0, 0, 0, .125); border-radius: 6px; }
.qrDetail .detail-head {margin: 8px 0; display: flex ; align-items: flex-start; flex-wrap: wrap; flex-direction: column; white-space: normal; word-break: break-word; overflow-wrap: break-word;}
.qrDetail .detail-head>span {color: rgb(104, 103, 108); display: flex ; font-size: 12px; align-items: center; font-weight: 400; line-height: 20px; margin-right: 36px; margin-bottom: 4px;}
.qrDetail .detail-head>span>span.icon-qr {font-size: 18px; margin-right: 8px; color: #999999;}
.qrDetail .detail-head>span>a {color: #1E90FF;}
.qrDetail .detail-card .scan-info {display: inline-flex ; text-align: center; align-items: center; padding: 8px; background-color: #f3f3f3;}
.qrDetail .detail-card .scan-info span.text {font-size: 14px; font-weight: 600; line-height: 16px; display: block; color: #767c83; width: 60px; text-align: left; margin-right: 8px;}
.qrDetail .detail-card .scan-info .count {background-color: #fff; min-width: 50px; height: 50px; flex-grow: 1; display: flex ; justify-content: center; align-items: center; padding: 8px 10px;}
.qrDetail .detail-card .scan-info .count h4 {font-size: 36px; font-weight: 500; line-height: 1; margin-bottom: 0; color: #333;}
.qrDetail .detail-card .detail-inner {display: flex ; align-items: center; justify-content: space-between;}
.qrDetail .detail-card .detail-inner .innerLeft {display: flex ; justify-content: center; width: 100%; flex-direction: column; padding: 18px 0px 22px 5px;}
.qrDetail .detail-card .detail-inner .innerLeft .detailContainer {display: flex ; align-items: center; width: 100%;}
.qrDetail .detail-card .detail-inner .innerLeft .detailContainer:first-child .detailBox {border-bottom: 1px solid #eaeaec;}
.qrDetail .detail-card .detail-inner .innerLeft .detailContainer:first-child .detailBox:first-child {border-right: 1px solid #eaeaec;}
.qrDetail .detail-card .detail-inner .innerLeft .detailContainer .detailBox {display: flex ; align-items: center; min-width: auto; flex-grow: 1; padding: 8px; max-width: 50%; min-height: 64px;}
.qrDetail .detail-card .detail-inner .innerLeft .detailBox span {color: #333; font-size: 12px; line-height: 1; font-weight: 500; display: block;}
.qrDetail .detail-card .detail-inner .innerLeft .detailBox .badge {width: 36px; height: 36px; display: flex ; align-items: center; margin-right: 16px; border-radius: 50%; flex-direction: row; justify-content: center; background-color: #f8f8f9; color: #220e27;}
.qrDetail .detail-card .detail-inner .innerLeft .detailBox span span.act-btn-icon {font-size: 20px;}
.icon-content-wrapper {display: flex ; flex-direction: column; /* align-items: baseline; */ justify-content: center; margin-top: 4px;}
.qrDetail .detail-card .detail-inner .innerLeft .detailContainer:last-child {margin-bottom: 0; padding-bottom: 0;}
.qrDetail .detail-card .detail-inner .innerLeft .detailContainer:last-child .detailBox:first-child {border-right: 1px solid #eaeaec; }

.datepicker-options-wrps {display: flex ; align-items: flex-start; justify-content: space-between;}
.detail-card-body {min-height: 1px; flex: 1 1 auto; padding: 0; width: 100%;}

.qrDetail .detail-card .detail-card-body .qr-code-panel {margin-top: 3rem;}
.qrDetail .detail-card .detail-card-body .qr-code-panel .qrcode-detailview .codepannel-img {max-width: 300px; position: relative; margin: 0 auto; justify-content: center; align-items: center; padding: 24px; border-radius: 16px; border: 2px solid #1e90ff;}
/* qr-design-frame page */
.bt-scrorll{height: 212px; overflow: scroll;}
 .sc-1{font-size: 18px; color: #000; font-weight: 600; display: grid;margin-bottom: 0px;}
 .sc-1 span{color: #6B6B6B; font-size: 14px; font-weight: 400;}
 .accordion-button:not(.collapsed){background-color: #fff;}
 .show-less-icon {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform .2s ease-in-out;
  vertical-align: middle;
}
.flatpickr-calendar select {
    display: inline-block !important;
    z-index: 1050;
}
/* Rotate when expanded */
#showMoreBtn.expanded .show-less-icon {transform: rotate(180deg);}
 /* qr-design-pattern page */
 .bt-scrorll-pt{height: 110px; overflow:scroll;}
 .pattern-bg{background-color: #F7F7F7; border-radius: 10px; padding: 20px;}
 .sc-pt{font-size: 18px; color: #000; font-weight: 600; display: grid;}
 .sc-pt2 {color: #6B6B6B; font-size: 14px; font-weight: 400; padding-left: 0px;}
 .sc-pt3 {color: #6B6B6B; font-size: 14px; font-weight: 400; padding-left: 0px;margin-left: 15px;}
 .swith-btn{width: 40px!important; height: 18px!important; }
 .swith-c1{border-radius:15px;position:absolute;background-color: #000;padding:10px 15px 11px 15px; margin-top:-48px;margin-left:3px;}
 .pd57{padding-left: 57px;}
 .de-fr{float: right!important; margin-right: 127px;}
 .gr-qr{ border:solid 1px #1E90FF; padding: 4px;}
 .corner{background-color: #fff; width:45px; height:45px; border-radius:6px; padding:9px 11px 9px 11px;border: solid 1px #1E90FF;}
 .corner2{background-color: #fff; width:45px; height:45px; border-radius:6px; padding:9px 11px 9px 11px;}

 .card-qr-subscription {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 0;
}
.card-qr-subscription .nav .nav-item:not(:last-child){border-bottom: solid 1px #dee2e6;}
.card-qr-subscription .nav-link{text-align: center; display: inline; font-size: 13px; padding: 12px 16px;}
.card-qr-subscription .nav .nav-item button.active{text-align: center;}
.subs-bdnone{border-left: none;background-color: #fff;}
.modal-dialog{max-width:385px;}
.subs-m66{margin-bottom: 66px;}
.subs-m64{margin-bottom: 139px;}
.subs-m65{margin-bottom: 68px;}
/* general information page */
.nav .nav-item button.active,
.nav.account-setting-left2 .nav-item button.active,
.dashboardTabs.nav .nav-item button.active,
.dashboardTabs.nav.account-setting-left2 .nav-item button.active{background-color:#1E90FF;color: #fff!important; width:100%; text-align: center;border-radius:0px 0px 0px 0px;}
.nav.account-setting-left2 .nav-item button.active {text-align: center;}
.nav .nav-item button.active::after,
.nav.account-setting-left2 .nav-item button.active::after,
.dashboardTabs.nav .nav-item button.active::after,
.dashboardTabs.nav.account-setting-left2 .nav-item button.active::after {
  content: "";
  position: absolute;
  top: 10px;
  right: -7px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #1E90FF;
  display: block;
  width: 0; left: auto; bottom: auto; border-radius: 0;
}

.nav.account-setting-left2 .nav-item button.active::after {left: auto; bottom: auto;}

.saveb{padding: 10px 35px 10px 35px;}
.ft20{font-size: 20px;}
.gi .text-primary{color: #999 !important;}
.rbox{ background-color: #fff;border:none;}
.billing .active{background:#fff;
  border-top: none;
  color: #000 !important;
  border-left:none;}
  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-color: #fff;}
  .bd3{border-bottom: solid 3px #000 !important;}
.account-se{height: 52px;}
.account-setting-left{border-left: solid 1px #dee2e6; min-height: 342px;border-bottom: solid 1px #dee2e6;border-top: solid 1px #dee2e6;}
.account-setting-left2{border-left: solid 1px #dee2e6; min-height: 537px;border-bottom: solid 1px #dee2e6;border-top: solid 1px #dee2e6;}
.account-setting-left3{border-left: solid 1px #dee2e6; min-height: 302px;border-bottom: solid 1px #dee2e6;border-top: solid 1px #dee2e6;}
.account-setting-left4{border-left: solid 1px #dee2e6; min-height: 376px;border-bottom: solid 1px #dee2e6;border-top: solid 1px #dee2e6;}
.account-setting-left5{border-left: solid 1px #dee2e6; min-height: 394px;border-bottom: solid 1px #dee2e6;border-top: solid 1px #dee2e6;}


.cp a{font-size: 14px; text-decoration: underline;}
.font-em{font-size: 20px; font-weight: 600;}
.font-em2{font-size: 14px; color: #4A4A4A;}
.font-em3{font-size: 14px; color: #6B6B6B;}
.tb-br{background-color: #E8F4FF!important;}

.call {background:#fff!important;}
.call .card.tt{margin-top: 30px!important; margin-bottom: 30px!important;}
.faq2{border-left: none;background: #fff;border-top:none;}
.width120{width: 120px;}
.width100{width: 100px;}

/* mobile preview show css start*/
.card-add-content .bg.pdfViewerCol {padding-left: 10px;padding-right: 10px;}
.pdfViewer-wrapper {position: relative;  background-image: url(https://rejoicesoftware.in/qr_html/Assets/Images/phone1.png); background-size: 100% 100%; background-repeat: no-repeat; width: 320px; height: 638px; z-index: 2; padding: 48px 12px 0px; margin-left: auto; margin-right: auto;}
.pdfViewerInner {position: relative; width: 100%; height: calc(100% - 60px); overflow: hidden;}

@media screen and (max-width: 1399px) { .pdfViewer-wrapper {width: 305px;height: 538px;padding: 42px 12px 0px;}
.pdfViewerInner {height: calc(100% - 51px);}}
@media screen and (max-width: 1299px) {.pdfViewer-wrapper {width: 280px;}}
@media screen and (max-width: 1199px) {
.pdfViewer-wrapper {width: 200px;height: 400px;padding-top: 31px;}
.pdfViewerInner {height: calc(100% - 36px);}}
@media screen and (max-width: 991px) {.pdfViewer-wrapper {width: 305px;height: 538px;padding-top: 42px;}
.pdfViewerInner {height: calc(100% - 50px);}}
@media screen and (max-width: 575px) {.modal-dialog {margin-left: auto;margin-right: auto;}}
/* mobile preview show css end*/

/* Bar Graph Class Analyes page */
.anal-bg{background-color: #F2F9FE; min-height: 220px;}
.anal2{display:grid; padding: 10px;}
.analcity{font-size: 12px; color: #6B6B6B;}
.anals{font-size: 20px; color: #000; font-weight: 600;}
.anals2{background-color: #C8E4FE;border-radius: 14px;width: 60px;height: 60px;color: #000;font-size: 16px;
  padding: 15px;font-weight: 600; margin-left: 15px; }
.barGraph {position:relative;width:100%;}
.graph {position:relative;list-style-type: none;padding:0;margin:0; color: #000; font-size: 12px; font-weight: 600;}
.graph-barBack {border-radius: 2px;background: #F1F1F1;margin-bottom: 10px;display: block;
}
.graph-bar {
  background-color:#1E90FF;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  border-radius: 2px;
  cursor: pointer;
  margin-bottom: 10px;
  position: relative;
  z-index: 9999;
  display: block;
  height: 10px;
  width: 0%;
  
}
.graph-bar:hover {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: #428d92;
}
.graph-bar:last-child {margin-bottom: 0;}
.graph-bar:after {
  position: absolute;
  content: attr(data-value);
  display: none;
  font-size: 12px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 20px;
  height: 20px;
  padding: 0 10px;
  margin-left: 5px;
  left: 100%;
  top: 0;
}
.graph-bar:hover:after {display: block;}
.graph-legend {position: absolute;margin-right: 10px; left: -40px;z-index: 9999;}
.dot {
  height: 8px;
  width: 8px;
  background-color: #2D4978;
  border-radius: 50%;
  display: inline-block;
}

.dot2 {
  height: 8px;
  width: 8px;
  background-color:#2E79E5;
  border-radius: 50%;
  display: inline-block;
}
.dot3 {
  height: 8px;
  width: 8px;
  background-color: #AECAF4;
  border-radius: 50%;
  display: inline-block;
}       
.dot4 {
  height: 8px;
  width: 8px;
  background-color: #ECF1FC;
  border-radius: 50%;
  display: inline-block;
}
.dot5 {
  height: 8px;
  width: 8px;
  background-color: #959BA8;
  border-radius: 50%;
  display: inline-block;
}
.dot6 {
  height: 8px;
  width: 8px;
  background-color: #CECECE;
  border-radius: 50%;
  display: inline-block;
}
.custom-control-input {
    /*position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;*/
}

/* 21-05-2025 */
body {
  overflow: auto;
  scrollbar-width: none; /* Firefox */
}

body::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.headersec .f28 img {
  vertical-align: middle !important;
}
.sticky-footer-btn {
    position: fixed;
    background: #F8F8F8;
    bottom: 0;
    left: 262px;
    width: calc(100% - 584px);
    z-index: 99;
    padding: 8px 2px;
}
.beforeLoginQRSteps .sticky-footer-btn{padding: 8px 0px 8px 5px; left: auto; width: calc(100% - 350px); margin-left: -32px;}
.sticky-footer-btn .footerBtns{display: flex; align-items: center; justify-content: space-between;}
.sticky-footer-btn .footerBtns > *,
.sticky-footer-btn .footerBtns .otherBtn > *{margin: 0}
.sticky-footer-btn .footerBtns > *:not(:last-child),
.sticky-footer-btn .footerBtns .otherBtn > *:not(:last-child){margin-right: 8px;}
.sticky-footer-btn .footerBtns .otherBtn{display: flex; align-items: center;}

.qr-switch-box {
    border: 2px solid #1e90ff;
    width: 175px;
    border-radius: 20px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    margin-bottom: 15px;
    padding: 2px;
}

.qr-switch-box li .switch-type {
    padding: 4px 10px;
    border: 0px;
    border-radius: 20px;
    background: #fff;
    outline: 0px !important;
}
.qr-switch-box li .switch-type:focus {
  box-shadow: none !important;
}
.qr-switch-box li .switch-type.active {
    color: #fff !important;
    background: #1e90ff;
}

.space-sticky-fix{
  padding-bottom: 80px;
}
.pickr .pcr-button{
  padding: 20px;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
}
.pickr .pcr-button::before, .pickr .pcr-button::after{
      border-radius: 4px !important;
}
.field-error {
    border: 1px solid red !important;
}

/* Update style */

.dashboard .dashboard-app {flex: 0 0 calc(100% - 238px); max-width: calc(100% - 238px);}

.ml_10 {margin-left: 10px !important;}
.pl_25 {padding-left: 25px !important;}
.dashboard .container-fluid {padding-left: 24px; padding-right: 24px;}
.page_hd {color: #000000 !important; font-weight: 600; font-size: 26px;}
.table_qr_name {font-size: 20px; color: #000;}

header.dashboard-toolbar.headersec {padding-top: 0px;}
/*header.dashboard-toolbar.headersec p.f28 {font-size: 18px !important; color: #515151;}*/
.createFolderModal .modal-content {padding: 5px;}
.createFolderModal .popup .modal-body {padding: 10px 53px 0px 50px;}

.beforeLoginQRSteps .qr_beforeLogin_innerContainer{padding: 16px 26px;}

@media screen and (min-width: 768px) and (max-width: 1090px) {
	.sticky-footer-btn{width: calc(100% - 278px);}
	.beforeLoginQRSteps .sticky-footer-btn{width: calc(100% - 50px);}
}

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

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

}

@media screen and (max-width: 767px) {
  .dashboard .dashboard-app {flex: 0 0 100%; max-width: 100%;}
.sticky-footer-btn{width: 100%; left: 0; padding: 8px 10px 8px 16px;}
.beforeLoginQRSteps .sticky-footer-btn{width: 100%; left: 0; padding: 8px 10px 8px 16px; margin: 0;}
.dashboard .container-fluid {padding-left: 16px; padding-right: 16px;}  
.sticky-footer-btn .footerBtns .backBtn .btn-outline-primary{padding: 16px 14px;}
.card-qr-header .row > *:not(:last-child){margin-bottom: 12px;}
.card-qr .table-responsive .table .thead-dark tr th,
.card-qr .table-responsive .table .font-em3 tr td,
.card-qr .table-responsive .table .font-em3 tr td .btn{padding: 4px; font-size: 12px;}
.beforeLoginQRSteps .qr_beforeLogin_innerContainer{padding: 16px; margin-top: 32px;}
.download-print-share .btn {flex: 0 0 100%;max-width: 100% !important;}
.download-print-share {flex-wrap: wrap;}
}

@media screen and (max-width: 380px) {
.card-qr .table-responsive .table .thead-dark tr th,
.card-qr .table-responsive .table .font-em3 tr td,
.card-qr .table-responsive .table .font-em3 tr td .btn{padding: 3px; font-size: 11px;}
}