@media only screen and (min-width: 1920px) {
  main {
    max-width: 1920px;
    margin: auto;
  }

  .settingmaincontainer.application-setting-container {
    max-width: 78%;
    margin-top: 27px;
  }

  .table-wrapper.simple-bdy-tble {
    max-width: 84%;
    margin-top: 32px;
  }

  header {
    max-width: 1920px;
    margin: auto;
  }

  footer {
    max-width: 1920px;
    margin: auto;
  }
}

@media only screen and (min-width: 1880px) {
  .padding-25-envolop {
    padding-right: 40px;
  }

  .filterpanel-body {
    max-width: 300px;
    height: 86%;
  }

}

@media only screen and (min-width: 1600px) {
  .sidebartoggle .settingmaincontainer {
    width: calc(71% - 100px);
  }

  .quick-accessgmaincontainer {
    max-width: calc(67% - 100px);
  }

  .filterpanel-body {
    max-width: 300px;
  }
   
}

@media only screen and (min-width: 1600px) {
  .settingmaincontainer {
    max-width: calc(83% - 22px);
  }

  .quick-accessgmaincontainer {
    max-width: calc(76% - 100px);
  }
}

@media only screen and (min-width: 1200px) {
  .instruction-wrap {
    width: 69% !important;
  }
}
@media only screen and (max-width: 1880px) {
  .aside-left-sec .questions-bdy .d-flex.search-filter-main.ques-search {
    width: 96%;
}
.aside-left-sec .questions-bdy .d-flex.search-filter-main.ques-search {
    width: 97%;
}
 span.q-items-watch img {
    width: 22px;
}

span.q-items-drag img {
    width: 12px;
}

.q-items {
    margin-right: 16px;
}
}
@media only screen and (max-width: 1880px) {

  .semidonat-bottom-right {
    margin-left: 20px;
}

  .col-lg-7.mb-3.max-width-branding {
    max-width: 450px;
  }

  .rule-id-bdy.col-xl-1 {
    width: 10%;
  }

  .rule-name-bdy.col-xl-11 {
    width: 89%;
  }
}
@media only screen and (max-width: 1810px){
.last-count-number{
  width: 48px;
  height: 48px;
  line-height: 46px;
}
.profile-img-list li a img{
   width: 48px;
}
}

@media only screen and (max-width: 1750px) {
  table.table.table-tamplate-style.table-user-style.tableapi-acess-new tbody tr td {
    min-width: 200px;
  }

  .f-result-input-col {
    width: 84%;
  }

  table.simple-table thead tr th {
    padding-left: 18px !important;
  }

  .settingmaincontainer.application-setting-container {
    max-width: 80%;
    margin-top: 27px;
  }

  .envelop-innergrid {
    padding: 8px 10px;
  }

  .envelop-innergrid .col>img {
    margin-top: -41px;
  }

  .right-pannel {
    position: static;
    margin-left: 290px;
  }
  .sign-inpt-bdy {
    display: flex;
    gap: 9px;
    width: 70%;
}
span.doc-que-list{
      font-size: 13px;
}
.blue-box-data-in .btn-add-doc {
    padding: 19px;
}
}
@media only screen and (max-width: 1620px){
  section.m-0.mt-0.mb-0.quick-accessgmain-wrapper .col-lg-3.col-sm-12.side {
    width: 27%;
}
}
@media only screen and (max-width: 1600px) {

  .semidonat-bottom-right {
    margin-left: 0px;
}

  .managemainwrapper td.subjecttd {
    width: 40%;
  }

  .filterpanel-body {
    padding-left: 22px;
  }

  .settingfilter>.col-lg-12>ul>li .dropdown-toggle+ul>li>a {
    white-space: inherit;
    font-size: 14px;
  }

  span.second-txt-drop {
    font-size: 13px;
  }

  .plus-table-bdy .btn-plus-table {
    right: 9px;
  }

  ul.navbar-nav>li>a {
    padding: 10px 17px !important;
  }

  span.image-user-name {
    font-size: 13px;
    margin-left: 7px;
    white-space: nowrap;
  }

  .txt-tb {
    font-size: 13px;
    line-height: normal;
  }

  .table.table-tamplate-style tbody tr td.font15 {
    font-size: 13px;
  }

  img.user_img {
    width: 36px;
    height: 36px;
  }

  /* section.m-0.mt-0.mb-0.quick-accessgmain-wrapper .col-lg-3.col-sm-12.side {
    width: 32%;
  } */

  .col.two-con>span:first-child {
    font-size: 14px;
  }

  .col.two-con>span select.form-select {
    font-size: 11.6px;
  }
}

@media only screen and (max-width: 1590px) {
  .editable_txt>.input-group {
    flex-wrap: nowrap;
    width: 94%;
  }

  .quick-accessgmaincontainer {
    width: 100%;
    margin-left: 20px;
    margin-top: 12px;
    max-width: calc(78.5% - 249px);
  }

  button.btn.btn-primary {
    padding: 9px 15px;
    font-size: 14px;
  }

  .numberineer-bdy .btn-create {
    max-width: 168px;
    height: 39px;
    padding: 7px 0px;
    font-size: 14px;
  }

  .row.business-bdy-input input.form-control {
    width: 100%;
  }

  span.color-value {
    font-size: 12.5px;
  }

  ul.color-donate-list-inner {
    padding-left: 1px;
  }

  span.rule-short {
    font-size: 14px;
  }
  .password-setting-bdy h5{
    font-size: 17px;
  }
}

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

  .semi-donut:after {
    content: "";
    width: 250px;
    height: 250px;
    border: 28px solid;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) var(--fill) var(--fill);
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    transform: rotate(calc(1deg * (-45 + var(--percentage) * 1.8)));
    animation: fillAnimation 1s ease-in;
}

.semi-donut {
  width: 250px;
  height: 150px;
  position: relative;
  font-size: 22px;
  font-weight: 600;
  overflow: hidden;
  color: var(--fill);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  box-sizing: border-box;
}

  .semidonat-bottom-left > p {
    color: #000;
    font-family: Quicksand;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    max-width: 263px;
}

.semidonat-bottom-right > h3 {
  color: #1b6dba;
  font-family: Quicksand;
  font-size: 90px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

  .semidonat-bottom-right {
    margin-left: 0;
}

  table.table.table-tamplate-style.table-user-style.tableapi-acess-new tbody tr td {
    min-width: 200px;
  }

  section.m-0.mt-0.mb-0.quick-accessgmain-wrapper .col-lg-3.col-sm-12.side {
    width: 32%;
  }

  .bottom_list>ul li {
    border-right: 1px solid #8f8f8f;
    padding-right: 6px;
  }

  .logininner-wrapper {
    width: 100%;
  }

  ul.navbar-nav>li>a {
    padding: 10px 9px !important;
  }

  .envelop-innergrid .col>img {
    margin-top: -61px;
  }

  .filterpanel-body {
    overflow-y: auto;
  }
}

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

  a.basic-buttons {
    font-size: 14px;
  }

  .profile-img-list {
    margin-top: 31px;
  }

  .table-wrapper table tr th {
    padding: 14px 7px !important;
    font-size: 14px;
  }

  .settingmain-wrapper .settingmaincontainer.application-setting-container.right-pannel .table-wrapper table.table.table-bordered.table-access-no-border.apiaccess-tbl th {
    padding: 14px 7px !important;
  }

  .managemainwrapper td.subjecttd {
    width: 30%;
  }

  .table-wrapper table td>p {
    font-size: 13px;
  }

  .table-wrapper td {
    padding: 5px 7px !important;
  }

  .settingmain-wrapper .table-wrapper td {
    padding: 5px 7px !important;
  }

/*  .settingmain-wrapper .userwrapper .table-wrapper td {
    padding: 14px !important;
  }*/

  .right-pannel {
    position: static;
    margin-left: 19%;
  }

  span.rule-short {
    font-size: 12px;
  }

  .col.two-con>span select.form-select {
    background-size: 11px 11px;
  }
  .blue-box-data-in .btn-add-doc {
    padding: 19px 10px;
    font-size: 16px;
}
.data-cros-bdy p{
  font-size: 12px;
}
}

.side-heading-sp {
  font-size: 22px;
}

.dataretentionpolicy-container p {
  font-size: 14px;
}

@media only screen and (max-width: 1440px) {
  .multiple-inp-box .inactact-pop-bdy {
    width: 147px;
}
  .bottom_list>ul li {
    border-right: 1px solid #8f8f8f;
    padding-right: 6px;
  }

  td.simple-tble-txt.name-surname-txt {
    white-space: nowrap;
    padding: 5px 14px 5px 18px !important;
    min-width: 160px;
  }

  .simple-table td.simple-tble-txt {
    padding-left: 18px !important;
  }

  .btn-group-create-app button.btn.btn-primary.btn-tab-createapp {
    min-width: 160px;
  }

  .btn-group-create-app button.btn.btn-secondary.btn-tab-createapp {
    min-width: 160px;
  }

  .profile-img-list li a img {
    width: 40px;
    border-radius: 100%;
    border: 1px solid #fff;
  }

  .last-count-number {
    background: #1b6dba;
    border: 2px solid #ffffff;
    width: 40px;
    display: block;
    height: 40px;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    font-family: "Quicksand";
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    color: #ffffff;
  }

  span.creater-profile.col-lg-8 {
    margin-left: 8px;
  }

  img.Creator_img {
    width: 40px;
  }

  .profile-img-list {
    margin-top: 29px;
    margin-left: 23px;
  }



  .small-grey-txt {
    font-size: 12px;
  }

  ul.navbar-nav>li>a {
    padding: 10px 5px !important;
  }

  .plus-table-bdy .btn-plus-table {
    right: 7px;
  }

  span.second-txt-drop {
    font-size: 12px;
    line-height: normal;
  }

  ul.color-donate-list-inner {
    padding-left: 6px;
  }

  .donate-wrapper {
    gap: 10px;
  }

  .right-box-btn .btn-secondary-theme {
    font-size: 11px;
  }

  .right-box-btn .btn-primarytheme {
    font-size: 11px;
  }

  .right-box-btn .btn.btn-whitetheme {
    font-size: 11px;
  }

  .genral-box-bdy>h3 {
    font-size: 16px;
  }

  .standared.box-listing-bdy {
    font-size: 14px;
  }

  .genral-box-bdy>p {
    font-size: 14px;
    line-height: 23.617px;
  }

  a.btn-config {
    font-size: 13px;
    margin-top: 0px;
  }
  .quick-accessgrid{
    padding: 16px 13px;
  }
  .template-main .table.table-tamplate-style tbody tr td.font15 {    
    font-size: 14px;
    font-weight: 500;
}
.template-main span.txt-tb {    
    font-size: 14px;
}
.template-main .table.table-tamplate-style tbody tr td.subjecttd > p:nth-child(1) > span{
  font-size: 14px;
}
.table-wrapper table tr th{
      font-size: 13px;
}
.quick-accesscontent > h3{
  font-size: 14px;
    line-height: 20px;
}
.question-main span.txt-tb.norehire-txt {
    white-space: pre-wrap;
}
.question-main span.txt-tb {    
    font-size: 14px;
    white-space: nowrap;
}
.question-main td.subjecttd.docum-date span.name{
   font-size: 14px;
    white-space: nowrap;
}
.question-main td.subjecttd.docum-name span.name{
  font-size: 14px;
    white-space: nowrap;
}
.document-main span.txt-tb{
  font-size: 14px;
    white-space: nowrap;
}
.document-main span.txt-tb.norehire-txt{
   white-space: pre-wrap;
}
.document-main td.subjecttd.docum-date span.name{
  font-size: 14px;
    white-space: nowrap;
}
.document-main td.subjecttd.docum-name p span.name{
  font-size: 14px;
    white-space: nowrap;
}
.rules-main span.txt-tb{
    font-size: 14px;
    white-space: nowrap;
}
.rules-main td.subjecttd.docum-date span.name{
   font-size: 14px;
    white-space: nowrap;
}
.envolop-dashboard-wrapper .txt-tb{
  font-size: 14px;
    white-space: nowrap;
}
.envolop-dashboard-wrapper td.subjecttd.docum-date span.name{
font-size: 14px;
    white-space: nowrap;
}
}

@media only screen and (max-width: 1366px) {
  ul.navbar-nav>li>a {
    padding: 10px 9px !important;
    font-size: 13px;
  }

  .settingfilter>.col-lg-12>ul>li .dropdown-toggle+ul>li>a {
    white-space: inherit;
    font-size: 13px;
  }

  .settingsidebar li ul {
    margin-left: 0px;
  }

  .envelop-innergrid .col>img {
    margin-top: -66px;
  }

  .check-box-billing label.form-check-label.active-txt {
    font-size: 12px;
  }

  h3.contact-heading-info {
    font-size: 18.5px;
  }

  .contactbody-form h5.sectiontitle {
    font-size: 12px;
  }

  .contactbody-form input.form-control::placeholder {
    font-size: 12px;
  }

  .country-select label.form-label {
    margin-top: 8px;
    margin-bottom: 11px;
    font-size: 12px;
  }

  td.access-key-bdy {
    min-height: 106px;
  }

  .module-txt-labl {
    height: unset;
    font-size: 13px;
    line-height: 13px;
  }

  table.table.table-tamplate-style.table-user-style.table-user-seting tbody tr td.fonts-n3 {
    white-space: nowrap;
    padding: 5px 10px !important;
  }

  .table-wrapper table.table.table-tamplate-style.table-user-style.table-user-seting tbody tr td.font15 {
    font-size: 13px;
    padding: 5px 7px !important;
  }

  table.table.table-tamplate-style.table-user-style.table-user-seting thead tr th.background-grey-table {
    padding: 5px 7px !important;
  }

  table.table.table-bordered.table-access-no-border tbody>tr>td.module-bdy {
    min-width: 220px;
  }

  td.simple-tble-txt.name-surname-txt {
    white-space: nowrap;
    padding: 5px 14px 5px 18px !important;
    min-width: 160px;
  }

  .form-switch input.form-check-input.checkbox-big[type="checkbox"]:checked:after {
    width: 28px;
    height: 28px;
    top: -4px;
    line-height: 27px;
  }

  .form-switch input.form-check-input.checkbox-big[type="checkbox"]:checked:after {
    right: -4px;
    width: 23px;
    height: 23px;
  }

  .form-check-input.checkbox-big {
    width: 4.2em;
    height: 1.6em;
  }

  .form-switch .form-check-input.checkbox-big:after {
    right: -4px;
    width: 23px;
    height: 23px;
  }

  span.color-value {
    font-size: 11.5px;
  }

  [data-chart="2"] .pie-chart {
    width: 214px;
    height: 214px;
  }

  [data-chart="2"] .pie-chart--donut:after {
    width: 121px;
    height: 120px;
  }

  .right-box-btn .btn-secondary-theme {
    font-size: 11px;
    padding: 11px 24px;
  }

  .right-box-btn .btn-primarytheme {
    font-size: 11px;
    padding: 11px 24px;
  }

  .right-box-btn .btn.btn-whitetheme {
    font-size: 11px;
    padding: 11px 10px;
  }

  
  .quick-accessgrid {
    padding: 16px 13px;
  }

  .quick-accesscontent>h3 {
    font-size: 13px;
  }

  .que-inner {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  span.singer-name-txt {
    font-size: 12px;
}
.standared.new-layer-box {
    padding: 14px 18px;
}
.col.two-con>span select.form-select {
    background-size: 11px 11px;
    padding-left: 7px;
    font-size: 10px;
}
.multiple-inp-box .inactact-pop-bdy {
    width: 147px;
}

.multiple-inp-box label.form-check-label.inactive-txt {
    font-size: 11px;
    margin-right: 6px;
}

.multiple-inp-box label.form-check-label.active-txt {
    font-size: 11px;
}
span.rule-short {
    font-size: 10px;
}
.col.two-con>span:first-child {
    font-size: 11px;
}
.rule-bdy-btn-container {
    align-items: center;
    flex-wrap: nowrap;
}
.rule-bdy-btn-container .col-xl-9{
  max-width: 75%;
}
.rule-bdy-btn-container .right-box-btn .btn-secondary-theme {
    font-size: 11px;
    padding: 6px 12px;
    height: 37px;
}
.rule-bdy-btn-container .right-box-btn .btn-primarytheme {
    font-size: 11px;
    padding: 6px 18px;
    height: 37px;
}
.rule-bdy-btn-container .right-box-btn .btn.btn-whitetheme {
    font-size: 11px;
    padding: 6px 18px;
    height: 37px;
        line-height: 25px;
}
.aside-left-sec .questions-bdy .d-flex.search-filter-main.ques-search {
    width: 96%;
}
.questions-bdy.rule-ac-bdy h2.accordion-header {
    margin-right: 13px;
}
}



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

  .semidonat-bottom-left > p{
    font-size: 16px;
  }

  .semi-donut:after {
    content: "";
    width: 220px;
    height: 220px;
    border: 22px solid;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) var(--fill) var(--fill);
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    transform: rotate(calc(1deg * (-45 + var(--percentage) * 1.8)));
    animation: fillAnimation 1s ease-in;
}
.semi-donut{
      width: 223px;
}
  span.semidonat-conten-small{
    font-size: 18px;
  }

  span.semidonat-conten-big{
    font-size: 40px;
  }

  a.basic-buttons {
    font-size: 15px;
  }

  p.side-para-pe {
    display: contents;
  }

  span.rule-short {
    font-size: 10px;
  }

  .col.two-con>span:first-child {
    font-size: 12px;
  }

  .col.two-con {
    align-items: center;
}

  .col.two-con>span select.form-select {
    background-size: 7px 11px;
  }

  .qus-hub-inner .col-xl-6.col-lg-12 {
    width: 90%;
  }

  .d-flex.search-filter-main.ques-search {
    width: 90%;
  }
  .aside-left-sec .d-flex.search-filter-main.ques-search {
    width: 97%;
  }

  .qus-hub-inner {
    margin-top: 10px;
  }
  .sign-inpt-bdy{
    width: 77%;
  }
  .data-pre-box{
        padding: 73px 30px;
  }

}

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

  [data-chart="2"] .pie-chart {
    width: 160px;
    height: 160px;
}

  .tamplate_nav .nav-tabs .nav-link {
    width: auto;
  }

  .f-result-input-col {
    width: 81%;
  }

  .small-grey-txt {
    font-size: 10px;
  }

  .appname>p {
    font-size: 10px;
  }

  .envelop-innergrid .col>img {
    margin-top: 0;
  }

  .envelop-innergrid>.row {
    align-items: baseline;
  }

  .envelop-innergrid>.row>.col {
    width: 100%;
    flex: 87%;
    margin-bottom: 10px;
  }

  .envelop-innergrid>.row>.col-lg-10 {
    width: 100%;
  }

  .rule-id-bdy.col-xl-1 {
    width: 10%;
  }

  .rule-name-bdy.col-xl-11 {
    width: 99%;
}
  .sectionui.quick-reportswrapper {
    padding: 33px 19px;
  }

  .unprocessed-envelopes .mb-3.form-check>label {
    font-size: 13px;
  }

  .quick-accessgrid {
    padding: 16px 9px;
  }

  .quick-accesscontent>h3 {
    font-size: 14px;
    line-height: 22px;
  }

  .tamplate_nav .nav-tabs .nav-link {
    font-size: 13px;
    line-height: 22px;
    width: 108px;
  }

  .tamplate_nav .nav-tabs .nav-link.active {
    font-size: 13px;
    line-height: 22px;
  }

  .countercontent>p {
    font-size: 10px;
  }

  a.navbar-brand>img {
    width: 212px;
  }

  ul.navbar-nav>li>a {
    padding: 10px 6px !important;
    font-size: 12px;
  }

  .settingmaincontainer.application-setting-container {
    max-width: 80%;
    margin-top: 27px;
  }

  .table-wrapper table.table.table-tamplate-style.table-user-style.table-user-seting tr th {
    white-space: nowrap;
  }

  table.table.table-tamplate-style.table-user-style.table-user-seting tbody tr td.fonts-n3 {
    white-space: nowrap;
    padding: 5px 10px !important;
  }

  .table-wrapper table.table.table-tamplate-style.table-user-style.table-user-seting tbody tr td.font15.background-grey-table {
    font-size: 13px;
   /* padding: 5px 13px !important;*/
  }

  .settingmaincontainer.application-setting-container.right-pannel .sectiontitle.mt-3.mb-0 {
    margin-top: 0px !important;
  }
  .table-wrapper table tr th{
        font-size: 12px;
  }
  .btn.btn-create{
    width: 175px;
  }
  .quick-accesscontent > p{
    font-size: 12px;
  }
  .standared.box-listing-bdy {
    font-size: 12px;
}
span.singer-name-txt {
    font-size: 10px;
}
.standared.new-layer-box {
    padding: 9px 13px;
}
span.requiredtxt{
      font-size: 15px;
}
span.id-box-sec-txt {
    font-size: 11px;
}
.rule-bdy-btn-container .right-box-btn .btn-secondary-theme {
    font-size: 11px;
    padding: 6px 12px;
    height: 37px;
}
.rule-bdy-btn-container .right-box-btn .btn-primarytheme {
    font-size: 11px;
    padding: 6px 18px;
    height: 37px;
}
.rule-bdy-btn-container .right-box-btn .btn.btn-whitetheme {
    font-size: 11px;
    padding: 6px 18px;
    height: 37px;
        line-height: 25px;
}
.rule-bdy-btn-container .right-box-btn {
    margin-top: 15px;
}
.questions-bdy.rule-ac-bdy h2.accordion-header {
    margin-right: 11px;
}
.special-heading{
  font-size: 12px;
}
.password-setting-bdy h5{
      font-size: 14px;
}
.checkbox-listing{
  margin-bottom: 36px;
}
}

@media only screen and (max-width: 1250px) {
  .quick-accessgmaincontainer {
    max-width: calc(79% - 248px);
  }

  .col-lg-2.col-md-3.col-sm-12.filterpanel-body.settingsidebar {
    width: 23%;
  }

  .settingmaincontainer {
    max-width: calc(77% - 100px);
  }

  .right-pannel {
    position: static;
    margin-left: 23%;
  }

  span.id-box-sec-txt {
    font-size: 11px;
  }

  aside.aside-right-sec {
    top: 0;
    margin-top: 75px;
  }

  .donate-wrapper {
    gap: 0px;
    flex-wrap: wrap;
  }

  .settingmaincontainer.application-setting-container {
    max-width: 78%;
    margin-top: 27px;
  }
  .tamplate_nav .nav-tabs {
    border: none;
    white-space: nowrap;
    flex-wrap: nowrap;
    width: 70%;
    overflow-y: hidden;
    overflow-x: auto;
}
.template-main span.txt-tb {
    font-size: 12px;
}
.template-main .table.table-tamplate-style tbody tr td.font15{
   font-size: 12px;
}
.template-main .table.table-tamplate-style tbody tr td.subjecttd > p:nth-child(1) > span{
  font-size: 12px;
}
.id-box-sec .btn-secondary-theme{
padding: 14px 14px;
}
}

@media only screen and (max-width: 1200px) {
  .btn-group-create-app button.btn.btn-primary.btn-tab-createapp {
    min-width: 160px;
  }
.crete-nv-bdy {
    max-width: 100%;
}
  table.simple-table thead tr th {
    padding-right: 18px !important;
  }

  .btn-group-create-app button.btn.btn-secondary.btn-tab-createapp {
    min-width: 160px;
  }

  .tamplate_nav .nav-tabs .nav-link {
    width: 89px;
  }

  h3.contact-heading-info {
    font-size: 16.5px;
  }

  .check-box-billing label.form-check-label.active-txt {
    font-size: 10px;
  }
  .border-ri-create{
    border-right: unset;
  }
  .rule-he-txt > h4{
    font-size: 11px;
  }
  span.rule-short {
    font-size: 7px;
}
.col.two-con{
  gap: 6px;
}
.col.two-con>span:first-child {
    font-size: 10px;
}
.multiple-inp-box label.form-check-label.inactive-txt {
    font-size: 9px;
    margin-right: 6px;
}
.multiple-inp-box label.form-check-label.active-txt {
    font-size: 9px;
}
.rule-bdy-btn-container .right-box-btn .btn-secondary-theme {
    font-size: 9px;
    padding: 6px 7px;
    height: 27px;
}
.rule-bdy-btn-container .right-box-btn .btn-primarytheme {
    font-size: 9px;
    padding: 6px 16px;
    height: 27px;
}
.rule-bdy-btn-container .right-box-btn .btn.btn-whitetheme {
    font-size: 9px;
    padding: 6px 18px;
    height: 27px;
    line-height: 13px;
}
.data-cros-bdy{
  justify-content: space-between;
}
.data-pre-box-in {
    margin-bottom: 55px;
}
}

@media only screen and (max-width: 1199px) {
  .ques-hub-mid-bdy {
    max-width: 48%;
    margin: auto;
  }

  .que-inner {
    padding-bottom: 10px;
  }

  .upload-sec-wrap {
    margin-top: 10px !important;
  }
  .semidonate-bdy {
    display: flex;
}
.semidonat-sec{
  border-bottom:unset;
}
.graph-vertical-bdy{
  border-right: unset;
}
.donate-wrapper{
      gap: 38px;
}
span.doc-que-list {
    font-size: 11px;
}
}

@media only screen and (max-width: 1150px) {
  .editable_txt .input-group-text>img.img-fluid {
    width: 30px;
  }
  .dataretentionpolicy-container .editable_txt .input-group-text>img.img-fluid {
    width: 22px;
  }

  .form-control.custom-txt-box {
    padding: 10px 10px;
  }

  .editable_txt>.input-group {
    flex-wrap: nowrap;
    width: 100%;
  }

  .countergrid {
    height: auto;
    padding-bottom: 10px;
  }

  td.subjecttd>p:nth-child(1)>a {
    width: 230px;
  }
}

@media only screen and (max-width: 1188px) {
  a.navbar-brand>img {
    width: 153px;
  }

  .btn.btn-create {
    width: 174px;
    font-size: 13px;
  }

  .list-document-bdy {
    width: 100%;
  }
  .quick-accesscontent>h3 {
    font-size: 12px;
    line-height: 20px;
}
.quick-accesscontent > p {
    font-size: 10px;
}
.template-main span.txt-tb{
      white-space: nowrap;
}
.template-main .table.table-tamplate-style tbody tr td.font15{
      white-space: nowrap;
}
.template-main .table.table-tamplate-style tbody tr td.subjecttd > p:nth-child(1) > span{
      white-space: nowrap;
}
section.m-0.mt-0.mb-0.quick-accessgmain-wrapper.template-main .table-wrapper table tr th:nth-child(4) {
    white-space: nowrap;
    min-width: 124px;
}
.row.user-cross-listing {
    flex-wrap: nowrap;
}

.row.user-cross-listing .col-xl-8 {
    max-width: 60%;
}

.row.user-cross-listing .col-xl-4 {
    max-width: 40%;
}

}

@media only screen and (max-width: 1120px) {
  img.user_img {
    border-radius: 51px;
    width: 35px;
    height: 35px;
  }
  section.m-0.mt-0.mb-0.quick-accessgmain-wrapper .col-lg-3.col-sm-12.side {
    width: 38%;
}
}

@media only screen and (max-width: 1113px) {
  button.btn.btn-secondary.dropdown-toggle {
    padding: 9px 26px 9px 10px;
  }
}

@media only screen and (max-width: 1100px) {
  .graph-wrapper {
    padding: 0px;
  }

  .settingtab-container .col-lg-4.col-sm-12 label.form-label {
    font-size: 14px;
  }
  .quick-accesscontent>h3{
    font-size: 12px;
    line-height: 17px;
  }
  .template-main span.txt-tb{
        white-space: nowrap;
  }
  .template-main .table.table-tamplate-style tbody tr td.font15{
    white-space: nowrap;
  }
  .template-main .table.table-tamplate-style tbody tr td.subjecttd > p:nth-child(1) > span{
    white-space: nowrap;
  }

  .tamplate_nav .nav-tabs {
    border: none;
    white-space: nowrap;
    flex-wrap: nowrap;
    width: 70%;
    overflow-y: hidden;
    overflow-x: auto;
  }

  .tamplate_nav .nav-tabs .nav-link.active {
    font-size: 13px;
    line-height: 22px;
    border-bottom: 2px solid #1b6dba;
  }

  nav.tamplate_nav.user-activity-tab-menu .nav-tabs {
    width: 100%;
    overflow: unset;
  }

  nav.tamplate_nav.user-activity-tab-menu .nav-tabs .nav-link {
    width: unset;
    padding: 7px 2px;
    font-size: 14px;
  }

  nav.tamplate_nav.user-activity-tab-menu .nav-tabs {
    justify-content: space-between;
  }

  img.user_img {
    width: 21px;
    height: 21px;
  }

  span.image-user-name {
    margin-left: 0;
    white-space: nowrap;
  }

  .table.table-tamplate-style.table-user-style tbody tr td.font15 {
    font-size: 12px;
    white-space: nowrap;
  }

  ul.navbar-nav>li>a {
    padding: 10px 2px !important;
    font-size: 11px;
  }

  a.navbar-brand>img {
    width: 154px;
  }

  .btn.btn-create {
    width: 152px;
  }
  .quick-access-bdy{
    padding: 12px 10px;
  }
  .popup-form-bdy {
    padding: 0px 0px;
}
.side-heading-sp-three{
  font-size: 13px;
}
.ct-box.ct-box-style-two .col-lg-10 {
    width: 65%;
}

.ct-box.ct-box-style-two .col-lg-2.border-right-ct {
    width: 24%;
}
.popup-form-bdy .checkbox-bdy .form-check > label.form-check-label{
      font-size: 12px;
}
.popup-form-bdy .checkbox-bdy .mb-3.form-check .form-check-input {
    width: 0.9em;
    height: 0.9em;
}
.checkbox-bdy.popup-usetting {
    gap: 8px;
}
}

@media only screen and (max-width: 1024px) {
  span.doc-que-list{
    font-size: 12px;
  }
  span.blue-bg-round{
    width: 6px;
    height: 6px;
    margin-right: 2px;
  }
  .input-box-bdy-ques {
    padding: 11px 8px;
  }

  .edit-descr-question input.form-control {
    padding: 13px 10px;
  }

  .ques-img>img {
    margin-right: 4px;
  }

  .f-result-input-col {
    width: 78%;
  }

  .quick-accessgmaincontainer {
    max-width: calc(83% - 177px);
  }

  .appname {
    padding: 2px 1px 0px 3px;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
    margin-right: 3px !important;
  }

  .appname a.btn.btn-secondary.dropdown-toggle::after {
    margin-top: 0;
    font-size: 18px;
  }

  .appname>p {
    padding-right: 9px;
  }

  ul.navbar-nav>li>a {
    font-size: 13px;
  }

  ul.navbar-nav>li>a {
    padding: 4px 3px !important;
  }

  .appname a.btn.btn-secondary.dropdown-toggle {
    height: 34px;
  }

  .quick-accessgrid {
    margin-bottom: 18px;
  }

  .countergrid_ {
    padding: 5px 12px;
  }

  #navbarSupportedContent {
    margin-left: 30px;
    margin-top: 13px;
  }

  #navbarSupportedContent>ul>li {
    margin-right: 7px;
  }

  table.nextedtable-bodey input.form-control {
    min-width: 337px;
  }

  table.table.table-tamplate-style.table-user-style.tableapi-acess-new tbody tr td {
    min-width: 200px;
  }

  button.btn.btn-secondary.dropdown-toggle {
    padding: 9px 0px 9px 10px;
  }
  section.m-0.mt-0.mb-0.quick-accessgmain-wrapper .col-lg-3.col-sm-12.side {
    width: 33%;
}
.sign-inpt-bdy {
    display: flex;
    gap: 36px;
    width: 86%;
    justify-content: center;
}
.rule-bdy-btn-container .right-box-btn {
    margin-top: 18px;
}
.rule-s span:nth-child(2) svg {
    width: 6px;
}

span.rule-short {
    line-height: normal;
}

.rule-s {
    display: flex;
    align-items: center;
    margin-top: 8px;
    gap: 5px;
}
.questions-bdy.rule-ac-bdy h2.accordion-header{
      margin-right: 10px;
}
}



@media only screen and (max-width: 1024px) {
  .caption.new-layer-box {
    column-gap: 11px;
  }

  .btn-group-create-app button.btn.btn-primary.btn-tab-createapp {
    min-width: 140px;
  }

  .btn-group-create-app.btn-dataenv button.btn.btn-primary.btn-tab-createapp {
    min-width: 200px;
  }

  .btn-group-create-app.btn-dataenv button.btn.btn-secondary.btn-tab-createapp {
    min-width: 200px;
  }

  .btn-group-create-app button.btn.btn-secondary.btn-tab-createapp {
    min-width: 140px;
  }

  .userprofile .dropdown>button>img {
    width: 38px;
  }

  span.username {
    margin-top: 0px;
  }

  .navbar-expand-lg .navbar-collapse {
    justify-content: space-between;
  }

  div#navbarSupportedContent {
    margin-left: 0px;
  }

  .btn.btn-create {
    background-color: #1b6dba;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 0px;
    border-radius: 14px;
    width: 162px;
    height: 46px;
    line-height: 22px;
  }

  ul.navbar-nav>li>a {
    padding: 10px 3px !important;
  }

  .quick-accessgmaincontainer {
    max-width: calc(80% - 177px);
  }

  .quick-accessgmain-wrapper .col-lg-3.col-sm-12 {
    width: 27.5%;
  }

  .col-lg-2.col-sm-12.settingrightrow {
    position: relative;
    width: 65px;
  }

  
  .row.business-bdy-input input.form-control {
    width: 220px;
  }

  .row.suit-inner-input-bdy {
    column-gap: 0px;
  }

  .col-lg-7.mb-3.max-width-branding {
    max-width: 300px;
  }

  .module-txt-labl {
    height: unset;
    font-size: 12px;
    line-height: normal;
  }

  td.access-key-bdy {
    min-height: 183px;
  }

  .tabwrapper .tabs a {
    white-space: nowrap;
  }

  .role-management-bdy {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .plus-table-bdy .btn-plus-table {
    right: -167px;
    top: 10px;
  }

  table.table.table-tamplate-style.table-user-style.tableapi-acess-new .status-dropdown-box.active-status select.form-control {
    font-size: 13px;
    line-height: normal;
    padding: 6px 0px 7px 8px;
  }

  table.table.table-tamplate-style.table-user-style.tableapi-acess-new .status-dropdown-box.active-status span.select-icon {
    height: 28px;
    right: 1px;
  }

  table.table.table-tamplate-style.table-user-style.tableapi-acess-new .status-dropdown-box.active-status {
    width: 120px;
  }

  table.table.table-tamplate-style.table-user-style.tableapi-acess-new .status-dropdown-box.inactive-status select.form-control {
    font-size: 13px;
    line-height: normal;
    padding: 6px 0px 7px 8px;
  }

  table.table.table-tamplate-style.table-user-style.tableapi-acess-new .status-dropdown-box.inactive-status span.select-icon {
    height: 28px;
    right: 1px;
  }

  table.table.table-tamplate-style.table-user-style.tableapi-acess-new .status-dropdown-box.inactive-status {
    width: 120px;
  }

  .Billing-management-bdy {
    padding-top: 15px;
  }

  .contact-heading {
    margin-bottom: 4px;
  }

  .Subscription-access-bdy {
    margin-top: 18px;
  }

  table.table.table-stripe.table-subinvoice tbody tr td:first-child {
    white-space: nowrap;
  }

  .numberineer-input-bdy input {
    padding: 9px 14px;
    height: 46px;
  }

  .numberineer-input-bdy {
    margin-right: 5px;
  }

  .userwrapper.user-acces-tble table.table.table-bordered.table-access-no-border thead tr th {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .userwrapper.user-acces-tble table.table.table-bordered.table-access-no-border thead tr th.padding-left-zero {
    padding-left: 0px !important;
  }

  table.table.table-bordered.table-access-no-border tbody>tr>td.module-bdy {
    min-width: 200px;
  }

}
@media only screen and (max-width: 1023px) {
  .plus-table-bdy .btn-plus-table {
    right: -32px;
    top: 10px;
  }
}

@media only screen and (max-width: 1010px) {
  a.navbar-brand>img {
    width: 120px;
  }

  .plus-table-bdy .btn-plus-table {
    right: -28px;
    top: 10px;
  }
}

@media only screen and (min-width: 992px) {
  .modal-dialog.modal-check-custom {
    max-width: 924px;
  }
}

@media only screen and (min-width: 767px) {
  .quick-accessgmain-wrapper>.row {
    flex-wrap: nowrap;
  }
}

@media only screen and (max-width: 992px) {
  .plus-table-bdy .btn-plus-table {
    right: -15px;
    top: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .quick-accessgmain-wrapper>.row {
    flex-wrap: nowrap;
  }

  .quick-accessgmaincontainer {
    max-width: calc(82% - 248px);
  }

  .quick-accessgmain-wrapper .col-lg-3.col-sm-12.side {
    width: 33%;
  }

  .last-count-number {
    width: 33px;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
  }

  .profile-img-list li a img {
    width: 33px;
  }

  .creater-profile-imgs {
    margin-top: -23px;
  }

  .btn-edit-outline img.img-fluid {
    width: 14px;
  }

  /* .btn-edit-outline {
    width: 30px;
    height: 30px;
  } */
  .shared-name-content.row .col-lg-10 {
    padding: 0;
    width: 56%;
  }

  .shared-name-content.row .col-lg-2 {
    padding: 0px;
    text-align: right;
    width: 33%;
  }

  section.loginflow-wrapper .col-lg-6.col-md-6.col-sm-12 {
    margin-top: 14px;
    width: 90%;
  }

  .logininner-wrapper>p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
  }

  .logininner-wrapper>form .mb-3 label {
    font-weight: 500;
    font-size: 14px;
  }

  .logininner-wrapper form>.mb-3>label+input {
    box-sizing: border-box;
    height: 51px;
  }

  .rememberme {
    display: none;
  }

  .table-wrapper table.table.table-tamplate-style.table-user-style tr th {
    white-space: nowrap;
    vertical-align: middle;
  }

  .contactbody.contact-billing-second {
    padding-left: 0px;
  }

  table.table.table-tamplate-style.table-user-style.tableapi-acess-new tbody tr td {
    min-width: 200px;
  }
}

@media only screen and (max-width: 919px) {
  .plus-table-bdy .btn-plus-table {
    right: -255px;
    top: 10px;
  }

  table.table.table-tamplate-style.table-user-style.tableapi-acess-new tbody tr td.fonts-n3 {
    white-space: nowrap;
  }

  .contactbody.contact-billing-first:before {
    display: none;
  }

  .contactbody.contact-billing-second {
    margin-top: 20px;
    margin-bottom: 17px;
  }

  .numberineer-input-bdy {
    margin-bottom: 0px;
    margin-right: 10px;
  }

  .numberineer-input-bdy input {
    padding: 9px 14px;
    height: 41px;
  }

  nav.tamplate_nav.user-activity-tab-menu .nav-tabs .nav-link {
    min-width: unset;
    font-size: 12px;
  }

  .statuslabel.pending-bages {
    min-width: 61px;
    padding: 9px 10px;
  }
}

@media only screen and (max-width: 820px) {
  .plus-table-bdy .btn-plus-table {
    right: -346px;
    top: 10px;
  }

  table.table.table-tamplate-style.table-user-style.tableapi-acess-new tbody tr td.fonts-n3 {
    white-space: nowrap;
  }

  table.table.table-tamplate-style.table-user-style.tableapi-acess-new tbody tr td {
    padding: 10px 15px !important;
  }

  .createapplication-wrapper .tabwrapper .tabs ul {
    width: 100%;
    overflow-y: auto;
    gap: 17px;
  }
  .sign-inpt-bdy {
    display: flex;
    gap: 36px;
    width: 76%;
    justify-content: center;
}
}

@media only screen and (max-width: 768px) {
  .plus-table-bdy .btn-plus-table {
    right: -355px;
    top: 10px;
  }

  .offcanvas.offcanvas-end.show {
    width: 100%;
    max-width: 450px;
  }

  .ct-box.ct-box-style-two>.row.p-0.w-100 .col-lg-10 {
    width: 100%;
  }

  .popup-form-bdy button.btn.btn-primary.btn-tab-createapp {
    min-width: 152px;
  }

  .popup-form-bdy button.btn.btn-secondary.btn-tab-createapp {
    min-width: 178px;
  }
}

@media only screen and (max-width: 767px) {
  td.subjecttd>p:nth-child(1)>a {
    width: auto;
  }

  .dataretentionpolicy-container .side-para-sp {
    color: #2c2c2c;
    width: 100%;
  }

  .dataretentionpolicy-container .editable_txt .input-group {
    width: 100%;
  }

  .border-right-ct {
    border-right: none;
  }

  .side-heading-sp-three {
    font-family: "Quicksand";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: #7e7e7e;
  }

  .img-body-outer {
    margin-bottom: 10px;
  }

  .ct-box {
    padding: 12px 13px;
  }

  .quick-accessgmain-wrapper>.row {
    flex-wrap: nowrap;
  }

  .quick-accessgmaincontainer {
    max-width: calc(86% - 248px);
  }

  .quick-accessgmain-wrapper .col-lg-3.col-sm-12 {
    width: 33%;
  }

  header>.container-fluid>nav.navbar.navbar-expand-lg #navbarSupportedContent {
    margin-left: 0;
    margin-top: 14px;
  }

  header>.container-fluid>nav.navbar.navbar-expand-lg #navbarSupportedContent a.nav-link.active {
    padding-left: 0px !important;
    padding-right: 20px !important;
  }

  .logininner-wrapper {
    margin: 0 auto;
    padding: 14px 26px;
    border-radius: 10px;
  }

  section.loginflow-wrapper button.btn.btn-primary>a {
    font-size: 14px;
  }

  section.loginflow-wrapper .col-lg-6.col-md-6.col-sm-12 {
    margin-top: 14px;
    width: 100%;
  }
}



@media screen and(height: 960px) {
  footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: #fff;
    z-index: 9999;
  }
}

@media only screen and (max-width: 991px) {
  .envo-donatchart_bdy {
    border-right: none;
    
}
  .editable_txt .input-group-text>img.img-fluid {
    width: 25px;
  }

  .editable_txt>.input-group {
    flex-wrap: nowrap;
    width: 78%;
  }

  .dropbox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
  }

  .side-menu {
    height: 89%;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: column;
    margin-right: 3px !important;
    display: flex;
    justify-content: space-around;
  }

  div#navbarSupportedContent {
    margin-top: 0px;
  }

  ul.navbar-nav>li>a {
    font-size: 16px;
  }

  .appname a.btn.btn-secondary.dropdown-toggle {
    height: 40px;
  }

  .appname ul.dropdown-menu.show {
    top: 40px;
    font-size: 13px;
    border: 1px solid #0d6fc752;
    left: -111px;
    right: auto;
  }

  .appname a.btn.btn-secondary.dropdown-toggle::after {
    margin-top: 11px;
    font-size: 18px;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 73.333333%;
  }

  .filterpanel-body .sectiontitle.mb-3>h3 {
    font-size: 15px;
  }

  .filterpanel .filterlist ul>li {
    font-size: 14px;
  }

  .quick-accessgmaincontainer {
    max-width: calc(77% - 177px);
  }

  .settingmaincontainer {
    max-width: calc(78% - 100px);
  }

  .appname {
    padding: 5px 1px 5px 3px;
    width: 153px;
  }

  .rightcontainer.d-flex {
    display: flex !important;
  }

  .userprofile ul.dropdown-menu.show {
    left: 20px;
    right: auto;
  }

  .logininner-wrapper {
    width: 100%;
    transform: unset;
    position: relative;
    top: unset;
    left: unset;
  }

  .graphicarea>img {
    height: unset;
    width: 76%;
    float: none;
    margin: auto;
    display: block;
  }

  section.loginflow-wrapper {
    height: unset;
  }

  .right-pannel {
    position: static;
    margin-left: 23%;
    max-width: 77% !important;
  }

  .table-wrapper table.table.table-tamplate-style.table-user-style tr td {
    padding: 5px 7px !important;
    vertical-align: middle;
  }

  .table-wrapper table.table.table-tamplate-style.table-user-style tr td.padding-left-zero {
    padding-left: 0px !important;
  }

  .paidservice {
    font-size: 18px;
  }

  .col-lg-7.mb-3.max-width-branding {
    max-width: 100%;
  }

  #navbarSupportedContent ul.navbar-nav>li>a.nav-link.active {
    width: auto;
    padding-bottom: 0px;
    width: 151px;
  }

  a.btn-edit-outline>img.img-fluid {
    width: 33px;
  }
  p.blue-txt-dy{
    font-size: 12px;
  }
  section.m-0.mt-0.mb-0.quick-accessgmain-wrapper .col-lg-3.col-sm-12.side {
    width: 34%;
}
}

@media only screen and (max-width: 919px) {
  a.btn.btn-secondary.dropdown-toggle {
    font-size: 10px;
  }

  .statuslabel {
    font-size: 7px;
    padding: 4px 7px;
  }

  .statuslabel.completed-bages {
    font-size: 12px;
    min-width: 61px;
  }

  .statuslabel.draft-bages {
    font-size: 12px;
    min-width: 61px;
    padding: 4px 8px;
  }

  .statuslabel.pending-bages {
    min-width: 61px;
    padding: 8px 8px;
  }

  .quick-accessgrid {
    margin-bottom: 18px;
    width: 207px;
  }

  .createapplication-wrapper .tabwrapper ul#pills-tab>li {
    width: 32%;
  }

  button.completedlabel.statuslabel.reviewbutton {
    padding: 5px 22px;
    font-size: 14px;
  }

  .row.business-bdy-input input.form-control {
    width: 100%;
  }

  .row.business-bdy-input {
    gap: 0;
  }

  .col-lg-7.mb-3.max-width-branding {
    max-width: 100%;
  }

  .createapplication-form .sectiongrid .suit-inner-input {
    max-width: 100%;
  }

  a.navbar-brand>img {
    width: 161px;
  }

  header>.container-fluid>nav.navbar.navbar-expand-lg {
    padding: 4px 0 4px 0 !important;
  }

  header>.container-fluid ul.navbar-nav>li>a {
    font-size: 18px;
    padding: 0px !important;
  }

  table.nextedtable-bodey input.form-control {
    width: 308px;
  }

  .settingmaincontainer .sectiontitle>h3 {
    margin-top: 0px;
  }

  table.table.table-tamplate-style.table-user-style.tableapi-acess-new tbody tr td {
    padding: 10px 7px !important;
    min-width: 200px;
  }
  section.m-0.mt-0.mb-0.quick-accessgmain-wrapper .col-lg-3.col-sm-12.side {
    width: 35%;
}

}

@media only screen and (max-width: 820px) {
  .f-result-input-col {
    width: 74%;
  }

  .editable_txt>.input-group {
    flex-wrap: nowrap;
    width: 68%;
  }

  .settingmaincontainer {
    max-width: calc(76% - 100px);
  }

  .filterpanel-body {
    padding-left: 6px;
  }

  .col-lg-9.col-md-9.col-sm-12.ps-4.settingmaincontainer {
    max-height: 93vh;
    overflow: scroll;
  }

  .col-lg-2.col-sm-12.settingrightrow {
    height: 80vh;
  }

  .quick-accessgrid {
    margin-bottom: 18px;
    width: 162px;
  }

  .quick-accessgmaincontainer {
    max-width: calc(77% - 177px);
  }

  .quick-accessgmain-wrapper .col-lg-3.col-sm-12.side {
    width: 37%;
  }

  .createapplication-wrapper .tabwrapper ul#pills-tab>li {
    width: 32%;
  }

  section.m-0.mt-0.mb-0.quick-accessgmain-wrapper .col-lg-3.col-sm-12.side {
    width: 40%;
  }

  .innertitle-quick-report>h4 {
    font-size: 17px;
  }

  .col-lg-10.col-sm-9.col-sm-12.ps-4 {
    width: 100%;
  }

  section.m-2.mt-0.mb-0.managemainwrapper .col-lg-10.col-sm-9.col-sm-12.ps-4 {
    width: 73.333333%;
  }

  html {
    overflow-x: hidden;
  }

  section.loginflow-wrapper .col-lg-6 {
    overflow: unset;
  }

  table.table.table-tamplate-style.table-user-style.tableapi-acess-new tbody tr td.fonts-n3 {
    white-space: nowrap;
  }

  table.table.table-tamplate-style.table-user-style.tableapi-acess-new tbody tr td {
    padding: 10px 7px !important;
    min-width: 200px;
  }

  .userwrapper.user-acces-tble table.table.table-bordered.table-access-no-border tbody>tr>td:first-child {
    width: 335px;
    white-space: nowrap;
  }

  .userwrapper.user-acces-tble table.table.table-bordered.table-access-no-border tbody>tr>td .profilephoto {
    margin-right: 11px;
  }

  .Access-select select.form-select {
    width: 130px;
  }
  /* body:before {
    content: "For a better experience, please switch to DESKTOP VIEW.";
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 33px;
    font-style: italic;
    font-weight: 700;
    color: #00203f;
    text-align: center;
    position: absolute;
    z-index: 9999;
    background: #fff;
} */
}

@media only screen and (max-width: 768px) {
  .quick-accessgrid {
    margin-bottom: 18px;
    width: unset;
  }

  .small-grey-txt {
    font-size: 9px;
  }

  .innertitle-quick-report>h4 {
    font-size: 14px;
  }

  .quick-accessgmaincontainer {
    max-width: calc(73% - 177px);
  }

  .quick-accessgmain-wrapper .col-lg-3.col-sm-12.side {
    width: 37%;
  }

  .btn.btn-create {
    background-color: #1b6dba;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    padding: 9px 14px;
    border-radius: 12px;
    width: unset;
    height: unset;
    line-height: 21px;
  }

  .col-lg-2.col-md-3.col-sm-12.filterpanel-body.settingsidebar {
    width: 24%;
  }

  section.m-0.mt-0.mb-0.quick-accessgmain-wrapper .col-lg-3.col-sm-12.side {
    width: 37%;
  }

  body {
    overflow-x: hidden;
  }

  .col-lg-2.col-sm-12.settingrightrow {
    height: 93vh;
  }

  .graphicarea>img {
    height: unset;
    width: 69%;
    max-width: 100%;
    float: none;
    margin-bottom: 0px;
  }

  section.loginflow-wrapper .col-lg-6 {
    overflow: unset;
  }

  .logininner-wrapper {
    width: 100%;
    transform: unset;
    position: relative;
    top: unset;
    left: unset;
  }

  table.nextedtable-bodey input.form-control {
    width: 308px;
  }
  .quick-accessgmain-wrapper>.row {
    flex-wrap: wrap;
}
    .col-lg-8.col-md-9.col-sm-12.quick-accessgmaincontainer {
    max-width: 96%;
}
    section.m-0.mt-0.mb-0.quick-accessgmain-wrapper .col-lg-3.col-sm-12.side {
    width: 96%;
    margin-left: 22px;
    margin: auto;
}
.sectionui.quick-reportswrapper.document-reprtwrapper {
  max-width: 100%;
  margin-left: auto;
}

}

@media only screen and (max-width: 767px) {
  .filterpanel-body {
    padding-left: 6px;
    height: 100vh;
    width: calc(50% - 90px);
  }

  .col-lg-9.col-md-9.col-sm-12.ps-4.settingmaincontainer {
    max-width: calc(73% - 100px);
  }

  .col-lg-2.col-md-3.col-sm-12.filterpanel-body.settingsidebar {
    width: 27%;
  }

  body {
    overflow-x: hidden;
  }

  section.m-2.mt-0.mb-0.managemainwrapper .col-lg-10.col-sm-9.col-sm-12.ps-4 {
    width: 61.333333%;
  }

  .col-lg-2.col-sm-12.settingrightrow {
    height: 70vh;
  }

  .logininner-wrapper {
    width: 100%;
    transform: unset;
    position: relative;
    top: unset;
    left: unset;
  }

  body {
    position: relative;
    width: 100%;
    height: 100vh;
    background-image: none !important;
    background-color: #fff !important;
  }

  /* body:before {
    content: "For a better experience, please switch to DESKTOP VIEW.";
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 33px;
    font-style: italic;
    font-weight: 700;
    color: #00203f;
    text-align: center;
    position: absolute;
    z-index: 9999;
    background: #fff;
  } */

  body {
    position: relative;
    width: 100%;
    height: 100vh;
    background-image: none !important;
    background-color: #fff !important;
  }

  /* body:before {
    content: "For a better experience, please switch to DESKTOP VIEW.";
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 33px;
    font-style: italic;
    font-weight: 700;
    color: #00203f;
    text-align: center;
    position: absolute;
    z-index: 9999;
    background: #fff;
  } */
}


@media only screen and (max-width: 540px) {
  .filterpanel-body {
    padding-left: 6px;
    height: 100vh;
    width: calc(50% - 90px);
  }

  .col-lg-9.col-md-9.col-sm-12.ps-4.settingmaincontainer {
    max-width: calc(67% - 100px);
  }

  .quick-accessgmain-wrapper>.row {
    flex-wrap: wrap;
  }

  .quick-accessgmaincontainer {
    max-width: calc(107% - 49px);
  }

  section.m-0.mt-0.mb-0.quick-accessgmain-wrapper .col-lg-3.col-sm-12.side {
    width: 100%;
  }

  .table.table-tamplate-style tbody tr td.font15 {
    white-space: nowrap;
  }

  .table-wrapper tbody tr td {
    white-space: nowrap;
  }
}

@media only screen and (max-width: 480px) {
  .col-lg-9.col-md-9.col-sm-12.ps-4.settingmaincontainer {
    max-width: calc(100% - 0px);
  }

  .filterpanel-body {
    padding-left: 6px;
    height: 100vh;
    width: calc(106% - 28px);
  }

  .offcanvas.offcanvas-end.show {
    width: 92%;
    max-width: 627px;
  }

  ul#pills-tab>li {
    width: 27%;
  }

  .col-lg-2.col-md-3.col-sm-12.filterpanel-body.settingsidebar {
    width: 97%;
    padding-left: 30px;
  }
}