.sitelogo{padding:25px 40px;position:absolute;width:100%;z-index: 1000;left:0;right:0;}
.customhgtdiv{height:60px;}
.custom_form_div p {
    color: #17222fcc;
    font-weight: 300;
    font-weight: 400;
    font-size: 16px;
  }
  .custom_heading {
    font-size: 30px;
    font-weight: 600;
  }
  
  .custom_form_div a {
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }
  
  .custom_form_div a:hover {
    text-decoration: none !important;
  }
  
  .half,
  .half .custom-container > .row {
    height: 100vh;
    min-height: 700px;
  }
  
  @media (max-width: 991px) {
    .half .bg {
      height: 200px;
    }
    .customhgtdiv{height: auto;}
    .topprofile{width:220px !important;}
    .change-password-popup .modal-dialog{margin:auto;}
    .update-pass{padding-left:55px !important;padding-right:55px !important;}
    .close-update-pass{padding-left: 55px !important;padding-right: 55px !important;}
  }

  @media (max-width: 1199.98px) {
   
  }
  .half .contents .form-control,
  .half .bg .form-control {
    width: 100%;
    height: 70px;
    background: #F6F7F9;
    border: none;
    border-radius: 8px;
    padding: 5px 20px;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 500;
    line-height: 21.94px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
  }
  #change_psw_by_profile input{
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--grey-300, #d0d5dd);
    background: var(--base-white, #fff);
    box-shadow: 0 1px 2px #1018280d;
  }
  
  .half .bg {
    background-size: contain;
    background-position: center;
    background-repeat:no-repeat;
  }
  
  .half a {
    color: #888;
    text-decoration: underline;
  }
  
  .half .btn {
   
  }
  
  .half .forgot-pass {
    position: relative;
    top: 2px;
    font-size: 14px;
  }
  
  .form_submit,
  #signup_form_submit,
  #reset_form_submit,
  #reset_password_submit,
  #change_password_submit{
      font-size: 15px;
      font-weight: 500;
      line-height: 16px;
  }
  
  .form_submit:focus,
  #signup_form_submit:focus,
  #reset_form_submit:focus,
  #reset_password_submit:focus,
  #change_password_submit:focus{
   box-shadow: none !important;
  }
  #custom_forgot_password,
  #create_user_registration,
  #user_signin{
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 20px;
      cursor: pointer;
      color: var(--atechomnicartstore-primary-color) !important;
  }
  .custom_form_div label,
  #change_psw_by_profile label{
      display: inline-block;
      margin-bottom: 0.5rem;
      color: #17222F;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 1.5;
  }
  .site_header{
      text-align:center;
  }
  img.header_site_img {
      width: auto;
      height: 50px;
      object-fit: cover;
      object-position: center;
  }
  .loginerror{
      border: 1px solid red;
  } 
  
  .errorlbl{
    color: red;
    font-size: 14px;
  }
  button.swal2-confirm.swal2-styled {
      background: #0075FF !important;
      border: none !important;
      box-shadow: none !important;
      outline: none !important;
  }
  
  @media (max-width: 991px) {
      .custom_form_div{
          max-width: 100% !important;
      }
      .custom_form_main_div{
          align-items: unset !important;
      }
      #custom_login_main_div_img{
          display: none;
      }
      img.header_site_img {
          width: '300px';
          object-fit: cover;
          object-position: center;
          padding-bottom: 5%;
          height: auto;
      }
      .form_div,
      #signup_div{
          padding: 5%;
      }
      .half .contents{
          background: none;
      }
      .sitelogo{position: relative;}
  }
  .loginbcksty{
    background: linear-gradient(100deg, var(--atechomnicartstore-home-banner-left) 50%, var(--atechomnicartstore-home-banner-right) 50%),url('/wp-content/themes/almaira-shop-child/assets/images/login-banner.png');
  }
  .login-header-title{
    font-size: 30px;
    font-weight:900;
  }
  .custom_heading{
    color:var(--atechomnicartstore-primary-color);
  }
  .mbtm1rm{margin-bottom:1rem;}
  input,
  input::placeholder {
      font-size: 16px;
  }
  .cloading-overlay {
      position: fixed;
      background: rgba(0, 0, 0, 0.3);
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      display: none;
  }
  .cloader {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
  }
  .cloader__spinner {
      border: 10px solid rgba(255, 255, 255, 0.25);
      border-left: 10px solid #4169e1;
      transform: translateZ(0);
      animation: spinner 1.1s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
      border-radius: 50%;
      width: 100px;
      height: 100px;
  }
  #reset_form_submit{
    width:auto;
  }
  #create_user_registration1 {
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 20px;
      cursor: pointer;
      color: var(--atechomnicartstore-primary-color) !important;
  }
  .half, .half .custom-container > .row {
    height: 100vh;
    min-height: 700px;
    display: flex;
  }
  @media (min-width: 992px) {
    .d-lg-flex {
      display: flex !important;
    }
  }
  body{margin:0 !important;}
/*
.loginbckcolr{
  background: linear-gradient(180deg, #FFFFFF 14%, #EDF3FF 50.5%, #FFFFFF 100%);
}
*/
.form_div{
    background: #FFFFFFCC;
    padding: 40px;
    max-width: 480px;
    margin: auto;
    border-radius: 20px;
    box-shadow: 0px 0px 94px 0px #1857D81A;
    margin-right:0px;
    margin-left:0;
}
.custom_heading{
    font-family: Montserrat;
    font-size: 26px;
    font-weight: 600;
    line-height: 31.69px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding-bottom:30px;
}
.relposcls{position: relative;}
.custominputcls{padding-left:55px !important;}
.inputiconcls{
  position: absolute;
  top: 22px;
  left: 20px;
  z-index: 100;
}
.inputiconcls i{
  font-size: 24px;
  color: #1857D8;
  color:#8D8D8D;
}

.passwordconcls{
  position: absolute;
  top: 24px;
  right: 20px;
  z-index: 100;
}
.passwordconcls i{
  font-size: 20px;
  color: #1857D8;
  color:#3d3d3d;
}

.passwordconcls i:hover { /* Fixed the hover selector */
  color: #E14734; /* Updated hover color */
}

.custominputcls:focus-visible {
  outline: 2px solid #E14734;
}
.rmembr{width:22px !important;height:22px !important;vertical-align: sub;;}
label.rem{
  font-family: Montserrat;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 19.5px !important;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.rempasssec{display: flex;justify-content: space-between;margin-bottom:0 !important;}
.forgot-pass{
  font-family: Montserrat;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 17.07px !important;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color:#313131 !important;
  text-decoration: none !important;
  border-bottom: 1px solid #313131
}
.loginbckcolr{
  background-size:cover;
  background-repeat:no-repeat;
  background-position: center center;
}
.form_submit{
  background: #313131;
  color:#fff;
  width: 100%;
  height: 60px;
  color: #fff;
  border-radius: 8px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.5px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.loginactionbtndiv{padding-top: 1.5em;}
.cusreglinkdiv{
  font-family: Montserrat;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 19.5px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  padding-top:5px;
}
.passsecdiv{margin-top:30px;}
.banner-heading-sec{
  width:85%;
  float:left;
  position: relative;
}
.banner-heading-title{
  font-family: Montserrat;
  font-size: 46px;
  font-style: italic;
  font-weight: 800;
  line-height: 56.07px;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color:#D1D3EB;
}
.banner-heading-content{
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #A9ACD0;
  clear: both;
  padding-top:25px;
  width:63%;
  margin:auto;
  margin-left:110px;
}
.loginbcksty{align-items: center;}
.custom-container{
  max-width: 1650px;
  margin:auto;
  width:80%;
}
.login-left-sec{position: relative;top:-220px;width:60%;}
.login-right-sec{width:40%;}
.hdiconcls{vertical-align: bottom;margin-left:10px;position: relative;top:-20px;display: inline-block;right:-15px;}
.headbbottomcls{
  box-shadow: 0px 2px 2px 0px #E14734;
  border-bottom: 4px solid #E14734;
  width: 100%;
  float: left;
  margin:0;
  border-top:0;
}
.remember-maindiv{display: flex;position: relative;}
label.rem{padding-left:10px;padding-top:2px;}
.hicondiv{position: absolute;right:-25px;}
.form-group label.rem:before {
  content: '';
  appearance: none;
  background-color: transparent;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  background: #fff;
  border:2px solid #fff;
  top:-2px;
}
.form-group input.rmembr:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 20px;
  width: 6px;
  height: 18px;
  border: solid #E14734;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.form-group input.rmembr:checked + label:before{border:2px solid #E14734;}
input#remember_me{display: none;}
.xsremindertab{display: none;}
.xssettingstab{display: none;}
.notification-count-cls{color:#fff;}
.reminder-main-div .cuswidimgcls{width:75px;height:75px;}
@media (min-width:1871px) and (max-width:1900px){
  .headbbottomcls{width:100%;}
  .settings-tab.tab button{padding-left:46px;padding-right:46px;}
}
@media (min-width:1850px) and (max-width:1870px){
  .headbbottomcls{width:100%;}
  .settings-tab.tab button{padding-left:44px;padding-right:44px;}
}
@media (min-width:1825px) and (max-width:1849px){
  .headbbottomcls{width:100%;}
  .banner-heading-sec{width:88%;}
  .hicondiv{right:-30px}
  .settings-tab.tab button{padding-left:41px;padding-right:41px;}
}
@media (min-width:1800px) and (max-width:1824px){
  .headbbottomcls{width:100%;}
  .banner-heading-sec{width:88%;}
  .hicondiv{right:-30px}
  .settings-tab.tab button{padding-left:39px;padding-right:39px;}
}
@media (min-width:1775px) and (max-width:1799px){
  .headbbottomcls{width:100%;}
  .banner-heading-sec{width:90%;}
  .settings-tab.tab button{padding-left:36px;padding-right:36px;}
}
@media (min-width:1750px) and (max-width:1774px){
  .headbbottomcls{width:100%;}
  .banner-heading-sec{width:90%;}
  .settings-tab.tab button{padding-left:34px;padding-right:34px;}
}
@media (min-width:1700px) and (max-width:1749px){
  .headbbottomcls{width:100%;}
  .banner-heading-sec{width:92%;}
  .settings-tab.tab button{padding-left:29px;padding-right:29px;}
}
@media (min-width:1675px) and (max-width:1699px){
  .headbbottomcls{width:100%;}
  .banner-heading-sec{width:94%;}
  .banner-heading-content{width:80%;margin-left:20px;}
  .settings-tab.tab button{padding-left:26px;padding-right:26px;}
}
@media (min-width:1650px) and (max-width:1674px){
  .headbbottomcls{width:100%;}
  .banner-heading-sec{width:94%;}
  .banner-heading-content{width:78%;margin:auto;}
  .grid_main-div .tab button{padding-left:14px;padding-right: 14px;}
}
@media (min-width:1600px) and (max-width:1649px){
  .banner-heading-title{font-size: 40px;}
  .banner-heading-sec{width:88%;}
  .banner-heading-content{width:85%;margin-left:auto;}
  .grid_main-div .tab button{padding-left:11px;padding-right: 11px;}
}
@media (min-width:1575px) and (max-width:1599px){
  .banner-heading-title{font-size: 40px;}
  .headbbottomcls{width:100%;}
  .banner-heading-sec{width:88%;}
  .banner-heading-content{width:85%;margin-left:auto;}
  .grid_main-div .tab button{padding-left:9px;padding-right: 9px;}
}
@media (min-width:1550px) and (max-width:1574px){
  .banner-heading-title{font-size: 40px;}
  .headbbottomcls{width:100%;}
  .banner-heading-sec{width:90%;}
  .banner-heading-content{width:85%;margin-left:auto;}
  .grid_main-div .tab button{padding-left:7px;padding-right: 7px;}
}
@media (min-width:1500px) and (max-width:1549px){
  .banner-heading-title{font-size: 36px;}
  .headbbottomcls{width:100%;}
  .banner-heading-sec{width:86%;}
  .banner-heading-content{width:85%;margin-left:auto;}
  .grid_main-div .tab button{font-size: 18px;padding-left:10px;padding-right: 10px;}
}
@media (min-width:1450px) and (max-width:1499px){
  .banner-heading-title{font-size: 36px;}
  .banner-heading-sec{width:88%;}
  .grid_main-div .tab button{font-size: 17px;padding-left:10px;padding-right: 10px;}
}
@media (min-width:1425px) and (max-width:1449px){
  .banner-heading-title{font-size: 35px;}
  .banner-heading-sec{width:88%;}
  .grid_main-div .tab button{font-size: 17px;padding-left:9px;padding-right: 9px;}
  .cuswidimgcls{width:75px;}
}
@media (min-width:1400px) and (max-width:1424px){
  .banner-heading-title{font-size: 34px;}
  .banner-heading-sec{width:86%;}
  .grid_main-div .tab button{font-size: 16px;padding-left:11px;padding-right: 11px;}
  .cuswidimgcls{width:70px;}
}
@media (min-width:1375px) and (max-width:1399px){
  .banner-heading-title{font-size: 34px;}
  .banner-heading-sec{width:88%;}
  .grid_main-div .tab button{font-size: 16px;padding-left:9px;padding-right: 9px;}
  .cuswidimgcls{width:70px;}
}
@media (min-width:1350px) and (max-width:1374px){
  .banner-heading-title{font-size: 33px;}
  .banner-heading-sec{width:88%;}
  .grid_main-div .tab button{font-size: 15px;padding-left:10px;padding-right: 10px;}
  .cuswidimgcls{width:70px;}
}
@media (min-width:1325px) and (max-width:1349px){
  .banner-heading-title{font-size: 33px;}
  .banner-heading-sec{width:88%;}
  .grid_main-div .tab button{font-size: 15px;padding-left:8px;padding-right: 8px;}
  .cuswidimgcls{width:65px;}
}
@media (min-width:1300px) and (max-width:1324px){
  .banner-heading-title{font-size: 32px;}
  .banner-heading-sec{width:88%;}
  .grid_main-div .tab button{font-size: 14px;padding-left:10px;padding-right: 10px;}
  .cuswidimgcls{width:65px;}
}
@media (min-width:1275px) and (max-width:1299px){
  .banner-heading-title{font-size: 31px;}
  .banner-heading-sec{width:88%;}
  .grid_main-div .tab button{font-size: 14px;padding-left:10px;padding-right: 10px;}
  .cuswidimgcls{width:60px;}
}
@media (min-width:1250px) and (max-width:1274px){
  .banner-heading-title{font-size: 31px;}
  .banner-heading-sec{width:88%;}
  .grid_main-div .tab button{font-size: 14px;padding-left:8px;padding-right: 8px;}
  .cuswidimgcls{width:60px;}
}
@media (min-width:1200px) and (max-width:1249px){
  .banner-heading-title{font-size: 29.5px;}
  .banner-heading-sec{width:88%;}
  .grid_main-div .tab button{font-size: 13px;padding-left:8px;padding-right: 8px;}
  .cuswidimgcls{width:60px;}
}
@media (min-width:1200px) and (max-width:1500px){
  .form_div{width: 100%;}
  .banner-heading-content{margin-left:auto;width:80%;}
}
@media (min-width:992px) and (max-width:1199px){
  .grid_main-div.rminderdiv{overflow-x: auto;}
  .reminder-main-div{min-width: 1300px;}
}
@media (min-width:992px) and (max-width:1199px){
  .form_div{width: 100%;padding:20px;}
  .banner-heading-content{margin-left:0;width:80%;}
  .banner-heading-sec{width:88%;}
  .hdiconcls{width:65px;right:-8px;top:-4px;}
  #remember_me{margin-top:3px;}
  label.rem{padding-top:5px;}
  .settings-tab.tab button{padding-left:10px;padding-right:10px;font-size: 12px;}
  .topbar-nav .search-container input[type="text"]{width:200px;margin:10px}
}
@media (min-width:1161px) and (max-width:1199px){
  .banner-heading-title{font-size: 28px;}
}
@media (min-width:1121px) and (max-width:1160px){
  .banner-heading-title{font-size: 27px;}
}
@media (min-width:1081px) and (max-width:1120px){
  .banner-heading-title{font-size: 26px;}
}
@media (min-width:1041px) and (max-width:1080px){
  .banner-heading-title{font-size: 25px;}
}
@media (min-width:992px) and (max-width:1040px){
  .banner-heading-title{font-size: 24px;}
}
@media (min-width:768px) and (max-width:991px){
  .loginbcksty{
    display: inline-block;
    width:100%;
    margin-top:4em;
  }
  .login-left-sec{top:0;width:100%;}
  .banner-heading-sec{width:100%;}
  .banner-heading-title{margin-left:60px;font-size: 33px;}
  .hdiconcls{position: relative;margin-left:0;top:-20px;left:-30px;z-index:100;}
  .headbbottomcls{width:93%;}
  .banner-heading-content{width:80%;margin-left:auto;font-size: 24px;}
  .login-right-sec{width:100%;}
  .form_div{margin:auto;}
  .custom-container{max-width: 100%;}
  .hicondiv{left:0;}
  .grid_main-div.rminderdiv{overflow-x: auto;}
  .reminder-main-div{min-width: 1300px;}
  .settings-tab.tab button{padding-left:10px;padding-right:10px;font-size: 12px;}
  .grid_main-div.settings-grid{padding:10px;}
  .topbarnavright1 .search-container input[type="text"]{width:200px;margin:10px}
  .additional-details-section div.col-sm-12{width:100% !important;}
}
@media (min-width:568px) and (max-width:767px){
  .loginbcksty{
    display: inline-block;
    width:100%;
    margin-top:4em;
  }
  .login-left-sec{top:0;width:100%;}
  .banner-heading-sec{width:100%;}
  .banner-heading-title{margin-left:60px;font-size: 24px;}
  .hdiconcls{position: relative;margin-left:0;top:-20px;left:-30px;z-index:100;}
  .headbbottomcls{width:100%;}
  .banner-heading-content{width:80%;margin-left:auto;font-size: 20px;}
  .login-right-sec{width:100%;}
  .form_div{margin:20px auto;}
  .custom-container{max-width: 100%;}
  .hicondiv{left:0;}
  .mdremindertab{display: none;}
  .xsremindertab{display: block;}
  #reminder_event{width:100%;height:50px;font-size: 16px;background:transparent;padding:0 10px;}
  select#reminder_event option {
    background-color: #333;
    color: #fff;
  }
  .cuswidimgcls{width:60px;}
  .rminderdiv .tab_content{display: inline-block;width:100%;}
  .rminer-lftimg{display: inline-block;width:100%;}
  .rminer-centercnt{display: inline-block;width:100%;padding-top:10px;}
  .rminer-rightcnt{display: inline-block;width:100%;padding-top:10px;}
  
  .settings-tab{display: none;}
  .xssettingstab{display: block;}
  #settings_event{width:100%;height:50px;font-size: 16px;background:transparent;padding:0 10px;}
  select#settings_event option {
    background-color: #333;
    color: #fff;
  }
  .topreminder{left:-96px;width:300px !important;}
}
@media (min-width:480px) and (max-width:567px){
  .loginbcksty{
    display: inline-block;
    width:100%;
    margin-top:4em;
  }
  .login-left-sec{top:0;width:100%;}
  .banner-heading-sec{width:100%;}
  .banner-heading-title{margin-left:60px;font-size: 18px;}
  .hdiconcls{position: relative;margin-left:0;top:-20px;left:-30px;z-index:100;}
  .headbbottomcls{width:100%;}
  .banner-heading-content{width:80%;margin-left:auto;font-size: 20px;}
  .login-right-sec{width:100%;}
  .form_div{margin:20px auto;}
  .custom-container{max-width: 100%;}
  .hicondiv{left:0;}
  .banner-heading-content{font-size: 17px;}
  .mdremindertab{display: none;}
  .xsremindertab{display: block;}
  #reminder_event{width:100%;height:50px;font-size: 16px;background:transparent;padding:0 10px;}
  select#reminder_event option {
    background-color: #333;
    color: #fff;
  }
  .cuswidimgcls{width:60px;}
  .rminderdiv .tab_content{display: inline-block;width:100%;}
  .rminer-lftimg{display: inline-block;width:100%;}
  .rminer-centercnt{display: inline-block;width:100%;padding-top:10px;}
  .rminer-rightcnt{display: inline-block;width:100%;padding-top:10px;}
  
  .settings-tab{display: none;}
  .xssettingstab{display: block;}
  #settings_event{width:100%;height:50px;font-size: 16px;background:transparent;padding:0 10px;}
  select#settings_event option {
    background-color: #333;
    color: #fff;
  }
}
@media (min-width:320px) and (max-width:479px){
  .loginbcksty{
    display: inline-block;
    width:100%;
    margin-top:4em;
  }
  .login-left-sec{top:0;width:100%;}
  .banner-heading-sec{width:100%;}
  .banner-heading-title{margin-left:30px;font-size: 13px;}
  .hdiconcls{position: relative;margin-left:0;top:6px;left:-20px;z-index:100;width:45px;}
  .headbbottomcls{width:100%;}
  .banner-heading-content{width:80%;margin-left:auto;font-size: 20px;}
  .login-right-sec{width:100%;}
  .form_div{margin:20px auto;padding:12px;}
  .custom-container{max-width: 100%;}
  .hicondiv{left:0;}
  .banner-heading-content{font-size: 14px;width:100%;}
  .loginheadtitle{position: relative;top:10px;}
  .inputiconcls{top:15px;}
  .half .contents .form-control, .half .bg .form-control{height: 55px;}
  .rmembr{margin-top:3px;}
  label.rem{padding-left:5px;padding-top:5px;font-size: 12px !important;}
  .half .forgot-pass{font-size: 12px !important;}
  .mdremindertab{display: none;}
  .xsremindertab{display: block;}
  #reminder_event{width:100%;height:50px;font-size: 16px;background:transparent;padding:0 10px;}
  select#reminder_event option {
    background-color: #333;
    color: #fff;
  }
  .cuswidimgcls{width:60px;}
  .rminderdiv .tab_content{display: inline-block;width:100%;}
  .rminer-lftimg{display: inline-block;width:100%;}
  .rminer-centercnt{display: inline-block;width:100%;padding-top:10px;}
  .rminer-rightcnt{display: inline-block;width:100%;padding-top:10px;}
  
  .settings-tab{display: none;}
  .xssettingstab{display: block;}
  #settings_event{width:100%;height:50px;font-size: 16px;background:transparent;padding:0 10px;}
  select#settings_event option {
    background-color: #333;
    color: #fff;
  }
}


.loader-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
}

.loader {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  animation: rotate 1s linear infinite;
}

.loader::before,
.loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 5px solid #FFF;
  animation: prixClipFix 2s linear infinite;
}

.loader::after {
  border-color: #FF3D00;
  animation: prixClipFix 2s linear infinite, rotate 0.5s linear infinite reverse;
  inset: 6px;
}

@keyframes rotate {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}

@keyframes prixClipFix {
  0% {
      clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  25% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  50% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
  75% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }
  100% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}
.mobinvestnamecls{display: none;}
@keyframes pulse {
  0% {
      transform: scale(1);
  }

  50% {
      transform: scale(1.1);
  }

  100% {
      transform: scale(1);
  }
}
.pulse{animation: pulse 2s infinite;}
.notification-popup-title{border-bottom:1px solid #ddd;padding-bottom:10px;}
.topreminder{
  top: auto;
  position: absolute;
  right: 0;
  z-index: 1000;
  display:none;
  background: #2E2D2D;
  padding: 20px;
  width: 500px;
  border-radius: 5px;
  margin-top: 5px;
  color:#fff;
  border:1px solid #fff;
}
.topreminder.opened {
  max-height: 575px;
  overflow: auto;
}
.viewalltopnotebtn{
  background: #E14734;padding: 15px 20px;border-radius: 5px;
  font-size:15px;cursor:pointer;color: #fff !important;display: flex;
  justify-content: center;align-items: center;
  width:180px;
  margin:15px auto 0;
}
.mainflexnote{
  display:flex;
  text-align:left;
  font-size: 14px;
  line-height: 1.7;
  padding: 10px 0;
  border-bottom: 1px solid #fafafa;
}
.topremaincnt{width:70%;}
.nodatamsg{font-size: 16px;text-align: center;}
@media (min-width:568px) and (max-width:767px){
  table.custom-investors-table,table.custom-investors-table thead,table.custom-investors-table th,table.custom-investors-table tr,table.custom-investors-table tbody,table.custom-investors-table td{display:inline-block;width:100% !important;}
  .custom-investors-table .crowno{display: none;}
  .custom-investors-table .deskinvestname{display: none;}
  .custom-investors-table .flxinvstnamemob{display: flex;align-items: center;justify-content: center;word-break: break-all;}
  .custom-investors-table .mobinvestnamecls{display: block;padding-left: 10px;}
  .custom-investors-table .grid-header-content{display: none;}
  table.custom-investors-table tbody tr{border:1px solid #fff;margin-bottom:20px;}
  .add-investor-popup.modal .modal-dialog{top:7em;max-width: 70% !important;margin:auto;}
  .investor_edit_popup .col-5{width:100%;margin-bottom:20px;}
  .investor_edit_popup .add_popup_form{width: 100%;}
  .investor_edit_popup #dropzone_investor{width:100%;max-width: 100%;}
  .inventorymodal.modal .modal-dialog{top:7em;}
  .add-investor-popup.modal .modal-dialog{top:9em;}
  #edit_dropzone_investor, #edit_dropzone_car{padding-top:10px;padding-bottom:10px;}
  .topbarnavright1 .search-container input[type="text"]{width:200px;margin:10px}
  .custom-calicon{top:2.5px !important;display:none;}
  .custom-datepicker{margin-top:8px;}
  .rminderflxcls{justify-content:center;}
}
@media (min-width:568px) and (max-width:620px){
  .topbarnavright1 .search-container{left:-90px;}
  .topprofile{width:220px !important;top:40px !important;}
}
@media (min-width:320px) and (max-width:567px){
  table.custom-investors-table,table.custom-investors-table thead,table.custom-investors-table th,table.custom-investors-table tr,table.custom-investors-table tbody,table.custom-investors-table td{display:inline-block;width:100% !important;}
  .custom-investors-table .crowno{display: none;}
  .custom-investors-table .deskinvestname{display: none;}
  .custom-investors-table .flxinvstnamemob{display: flex;align-items: center;justify-content: center;word-break: break-all;}
  .custom-investors-table .mobinvestnamecls{display: block;padding-left: 10px;}
  .custom-investors-table .grid-header-content{display: none;}
  table.custom-investors-table tbody tr{border:1px solid #fff;margin-bottom:20px;}
  .crightbtnsec{justify-content: center;}
  .flxinvstnamemob img{width:40px !important;height:40px !important;}
  #reset.investor-reset{left:0;top:0;}
  .custom-filter.investor-filter{margin-right:10px;}
  .add-investor-popup.modal .modal-dialog{top:7em;max-width:96% !important;}
  .investor_edit_popup .col-5{width:100%;margin-bottom:20px;}
  .investor_edit_popup .add_popup_form{width: 100%;}
  .investor_edit_popup #dropzone_investor{width:100%;max-width: 100%;}
  .investor_edit_popup .add_popup_form .row .col-6 a{padding-left:50px !important;padding-right:50px !important;}
  #edit_dropzone_investor, #edit_dropzone_car{width:100%;padding-top:10px;padding-bottom:10px;max-width: 100% !important;}
  .topbarnavright1 .search-container{left:-90px;}
  .topbarnavright1 .search-container input[type="text"]{width:200px;margin:10px}
  .topbarnavleft .topbarheadingcls{display:flex;}
  .crightbtnsec{display:inline-block !important;width:100%;}
  .new-edit-inventory.custom-panel-white-button{width:100% !important;}
  .custom-panel-site-button.add-investor{margin-top:10px;width:100% !important;}
  .additional-details-section .cflxcls{display:inline-block !important;padding-top:10px;}
  .additional-details-section .cflxcls .padleft10{padding-left:0 !important;}
  .addlabel-temp-name{font-size:16px !important;}
  .addlabel-temp-val{font-size:16px !important;}
  .rminderflxcls{display:inline-block !important;width:100%;}
  .pickersec{margin-right:0 !important;}
  .flatpickr-input{width:100% !important;}
  .custom-calicon{top:2.5px !important;display:none;}
  #reminder_soat_savebtn{margin-top:10px;width:100% !important;}
  .invdetrgtsec{text-align:center;}
  #reminder_review_savebtn{margin-top:10px;width:100% !important;}
  .topreminder{left:-96px;width:300px;}
  .custom-panel-site-button{margin:auto;}
  .topprofile{width:220px !important;top:40px !important;}
}
@media (min-width:768px){
    .dskhidecls{display:none;}
}
.addinvestorpasswordconcls {
  position: absolute;
  bottom: 15px;
  right: 20px;
  z-index: 100;
}
.addinvestorpasswordconcls i {
  font-size: 20px;
  color: #1857D8;
  color: #3d3d3d;
}
.topprofile {
  top: 60px;
  position: absolute;
  right: 0;
  z-index: 1000;
  display: none;
  background: #2E2D2D;
  padding: 10px 20px;
  width: 500px;
  border-radius: 5px;
  margin-top: 5px;
  color: #fff;
  border: 1px solid #fff;
}
.topprofileaction{cursor: pointer;}
.editprofileaction{color:#fff !important;font-size: 20px;display: inline-block;}
.changepassaction{color:#fff !important;font-size: 20px;display: inline-block;}
.newpasswordconcls {
  position: absolute;
  bottom: 15px;
  right: 20px;
  z-index: 100;
}
.confirmpasswordconcls {
  position: absolute;
  bottom: 15px;
  right: 20px;
  z-index: 100;
}
.newpasswordconcls i {
  font-size: 20px;
  color: #1857D8;
  color: #3d3d3d;
}
.confirmpasswordconcls i {
  font-size: 20px;
  color: #1857D8;
  color: #3d3d3d;
}