* {
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  gap: 24px;
  background: #F8F7FA;
}

div.login {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  background: #F8F7FA;
  justify-content: center;
}
div.login div.wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 550px;
  background: #F8F7FA;
}
div.login div.wrap div.form {
  display: flex;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 6px;
  background: #FFF;
  /* Light/Gray/Card */
  box-shadow: 0px 4px 18px 0px rgba(75, 70, 92, 0.1);
}
div.login div.wrap div.form div.left {
  display: flex;
  width: 400px;
  height: 550px;
  padding: 0px 40px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: #FFF;
  border-radius: 6px 0 0 6px;
}
div.login div.wrap div.form div.left form.frame1 {
  display: flex;
  padding-top: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
}
div.login div.wrap div.form div.left form.frame1 img.logo {
  display: flex;
  width: 132px;
  height: 44px;
  justify-content: center;
  align-items: center;
}
div.login div.wrap div.form div.left form.frame1 div.welcome {
  color: #AD8A6B;
  font-feature-settings: "clig" off, "liga" off;
  /* 20/H Semibold */
  font-family: Open Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
 
}
div.login div.wrap div.form div.left form.frame1 label a {
	color: #AD8A6B;
}
div.login div.wrap div.form div.left form.frame1 label {
  color: #000;
  font-feature-settings: "clig" off, "liga" off;
  /* 20/H Semibold */
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
 
}
div.login div.wrap div.form div.left form.frame1 div.input {
  display: flex;
  width: 280px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
div.login div.wrap div.form div.left form.frame1 div.input label {
  align-self: stretch;
  color: #9B99A0;
  /* 13/P Regular */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
}
div.login div.wrap div.form div.left form.frame1 div.input input {
  display: flex;
  width: 260px;
  height: 35px;
  padding: 6.5px 10px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border: 1px solid #DBDADE;
  border-radius: 4px;
  color: #4B465C;
  /* 15/P Regular */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  
}
div.login div.wrap div.form div.left form.frame1 div.input input[type=password] {
  background-image: url("images/icons/icEyeOff.svg");
  background-position: right 10px center;
  background-repeat: no-repeat;
}
div.login div.wrap div.form div.left form.frame1 div.input img.showpassword {
  margin: -27px 0 0 280px;
}
div.login div.wrap div.form div.left form.frame1 div.input div.error {
  color: #EA5455;
  font-feature-settings: "clig" off, "liga" off;
  /* 11/P Regular */
  font-family: Open Sans;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  
  align-self: stretch;
}
div.login div.wrap div.form div.left form.frame1 div.rmfp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
div.login div.wrap div.form div.left form.frame1 div.rmfp div.rm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  color: #4B465C;
  font-feature-settings: "clig" off, "liga" off;
  /* Form Input/3) Label sm */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
}
div.login div.wrap div.form div.left form.frame1 div.rmfp a.fp {
  display: flex;
  padding: 6px 0px;
  justify-content: flex-end;
  align-items: center;
  color: #AD8A6B;
  font-feature-settings: "clig" off, "liga" off;
  /* Button/Small */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
  text-decoration: none;
}
div.login div.wrap div.form div.left button.login {
  display: flex;
  padding: 13px 26px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  background: #AD8A6B;
  /* Shadow/Primary/L */
  box-shadow: 0px 10px 20px 0px rgba(173, 138, 107, 0.4);
  color: #FFF;
  /* Button/Large */
  font-family: Open Sans;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  
  text-transform: capitalize;
  border: none;
}
div.login div.wrap div.form div.left button.login:disabled {
	background: #CCC;
}

div.login div.wrap div.form div.left div.reg {
  display: flex;
  padding-bottom: 24px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: #9B99A0;
  font-feature-settings: "clig" off, "liga" off;
  /* 11/P Regular */
  font-family: Open Sans;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  
}
div.login div.wrap div.form div.left div.reg a {
  color: #AD8A6B;
  /* 13/P Regular */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
  text-decoration: none;
}
div.login div.wrap div.form div.right {
  display: flex;
  width: 400px;
  height: 550px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  background: #FFF;
  background: url("images/image_3.jpg"), lightgray 50%/cover no-repeat;
  border-radius: 0 6px 6px 0;
}

div.footer {
  display: flex;
  padding: 32px 24px 20px 24px;
  justify-content: space-between;
  align-items: center;
  background: #F8F7FA;
}
div.footer div.copy {
  color: #9B99A0;
  font-feature-settings: "clig" off, "liga" off;
  /* 11/P Regular */
  font-family: Open Sans;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  
}
div.footer div.frame1 {
  display: flex;
  height: 20px;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
div.footer div.frame1 div.frame70378 {
  display: flex;
  align-items: center;
  gap: 16px;
}
div.footer div.frame1 div.frame70378 a {
  color: #AD8A6B;
  font-feature-settings: "clig" off, "liga" off;
  /* 13/P Semibold */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  
  text-decoration: none;
}
div.footer div.frame1 div.languages {
  position: absolute;
  display: none;
  bottom: 50px;
  right: 23px;
  z-index: 1;
}
div.footer div.frame1 div.languages div.row1 {
  display: flex;
  width: 170px;
  padding: 16px 0px;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  border-radius: 6px;
  background: var(--Light-Solid-Color-Extra-Card-Background, #FFF);
  /* Shadow/Gray/Card */
  box-shadow: 0px 4px 18px 0px rgba(75, 70, 92, 0.1);
}
div.footer div.frame1 div.languages div.row1 div._row1 {
  display: flex;
  padding: 8.5px 16px;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}
div.footer div.frame1 div.languages div.row1 div._row1 img {
  width: 24px;
  height: 24px;
}
div.footer div.frame1 div.languages div.row1 div._row1 a {
  flex: 1 0 0;
  color: var(--Text-Heading, #4B465C);
  /* 15/P Medium */
  font-family: Open sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  
  text-decoration: none;
}

div.content {
  display: flex;
  flex-grow: 1;
  padding-top: 205px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  padding: 24px 24px 0px 24px;
  background: #F8F7FA;
}
div.content div.header {
  display: flex;
  padding: 12px 0px;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 6px;
  background: #FFF;
  /* Light/Gray/Gray - SM */
  box-shadow: 0px 2px 4px 0px rgba(165, 163, 174, 0.3);
}
div.content div.header div.search {
  display: flex;
  padding-left: 24px;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  color: #9B99A0;
  /* 15/P Regular */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}
div.content div.header div.search img {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 4.615px;
  justify-content: center;
  align-items: center;
}
div.content div.header div.search input {
  border: 1px solid #FFF;
  color: #9B99A0;
  /* 15/P Regular */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.header div.search button {
  display: flex;
  padding: 0px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  border-radius: 7px;
  border: 1px solid #B7B5BE;
  color: #B7B5BE;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  background-color: rgba(255, 255, 255, 0.6);
}
div.content div.header div.action {
  display: flex;
  padding-right: 24px;
  align-items: center;
  gap: 16px;
}
div.content div.header div.action div.notification {
  display: flex;
  width: 27.559px;
  height: 37px;
  padding: 5.5px 1.559px 5.5px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
div.content div.header div.action div.notification img.alert {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
}
div.content div.header div.action div.avatar {
  display: flex;
  width: 38px;
  height: 38px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
div.content div.header div.action div.avatar img {
  width: 38px;
  height: 38px;
  border-radius: 100px;
}
div.content div.header div.action div.dd {
  position: absolute;
  top: 90px;
  right: 0;
  display: none;
  padding: 8px 24px;
  align-items: flex-start;
  gap: 10px;
}
div.content div.header div.action div.dd div.row1 {
  display: flex;
  width: 248px;
  padding-bottom: 16px;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  border-radius: 6px;
  background: #FFF;
  /* Shadow/Gray/Card */
  box-shadow: 0px 4px 18px 0px rgba(75, 70, 92, 0.1);
}
div.content div.header div.action div.dd div.row1 div._row1 {
  display: flex;
  padding: 30px 24px 14px 24px;
  align-items: center;
  gap: 15px;
  align-self: stretch;
  border-bottom: 1px solid #DBDADE;
}
div.content div.header div.action div.dd div.row1 div._row1 div._col1 {
  display: flex;
  width: 44px;
  height: 44px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
div.content div.header div.action div.dd div.row1 div._row1 div._col1 img {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border-radius: 100px;
}
div.content div.header div.action div.dd div.row1 div._row1 div._col2 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
div.content div.header div.action div.dd div.row1 div._row1 div._col2 span {
  color: #4B465C;
  /* 15/P Medium */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  
}
div.content div.header div.action div.dd div.row1 div._row2 {
  display: flex;
  padding: 8.5px 16px;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}
div.content div.header div.action div.dd div.row1 div._row2 div.icon {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 3px;
  justify-content: center;
  align-items: center;
}
div.content div.header div.action div.dd div.row1 div._row2 div.icon img {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
div.content div.header div.action div.dd div.row1 div._row2 a {
  flex: 1 0 0;
  color: #4B465C;
  /* 15/P Medium */
  font-family: Open sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  
  text-decoration: none;
}
div.content div.header div.action div.dd div.row1 div._row3 {
  display: flex;
  padding: 8.5px 16px;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-radius: 6px;
  border-top: 1px solid #DBDADE;
  background: #FFF;
}
div.content div.header div.action div.dd div.row1 div._row3 div.icon {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 3px;
  justify-content: center;
  align-items: center;
}
div.content div.header div.action div.dd div.row1 div._row3 div.icon img {
  width: 24px;
  height: 24px;
}
div.content div.header div.action div.dd div.row1 div._row3 a {
  flex: 1 0 0;
  color: #4B465C;
  /* 15/P Medium */
  font-family: Open sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  
  text-decoration: none;
}
div.content div.breadcrumbs {
  display: flex;
  padding: 24px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  color: #AD8A6B;
  /* 15/P Medium */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
}

div.content div.breadcrumbs a {
	color: #AD8A6B;
  /* 15/P Medium */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
}

div.content div.dashboard {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
div.content div.dashboard div.row1 {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
div.content div.dashboard div.row1 div.col1 {
  display: flex;
  padding: 31px;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 6px;
  background: #FFF;
  /* Shadow/Gray/Card */
  box-shadow: 0px 4px 18px 0px rgba(75, 70, 92, 0.1);
}
div.content div.dashboard div.row1 div.col1 div._col1 {
  display: flex;
  padding-right: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}
div.content div.dashboard div.row1 div.col1 div._col1 div.__row1 {
  display: flex;
  height: 67px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
div.content div.dashboard div.row1 div.col1 div._col1 div.__row1 div.___row1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  color: #4B465C;
  font-feature-settings: "clig" off, "liga" off;
  /* 22/H Semibold */
  font-family: Open Sans;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
}
div.content div.dashboard div.row1 div.col1 div._col1 div.__row1 div.___row2 {
  display: flex;
  gap: 12px;
}
div.content div.dashboard div.row1 div.col1 div._col1 div.__row1 div.___row2 div.___col1 {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #4B465C;
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  
  width: 100px;
}
div.content div.dashboard div.row1 div.col1 div._col1 div.__row1 div.___row2 div.___col2 {
  display: flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 2px;
  border: 1px solid #DBDADE;
  background: #FFF;
}

div.content div.dashboard div.row1 div.col1 div._col1 div.__row1 div.___row2 div.___col2 div.____col3 {
	color: #FF0000;
    text-align: center;
    font-feature-settings: "clig" off, "liga" off;
    font-family: Open Sans;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    
}
div.content div.dashboard div.row1 div.col1 div._col1 div.__row1 div.___row2 div.___col2 img.____col1 {
  display: flex;
  width: 14px;
  height: 14px;
  justify-content: center;
  align-items: center;
}
div.content div.dashboard div.row1 div.col1 div._col1 div.__row1 div.___row2 div.___col2 div.____col2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #28C76F;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  /* 10/H Regular */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 600; 
  
}
div.content div.dashboard div.row1 div.col1 div._col1 div.__row2 {
  display: flex;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}
div.content div.dashboard div.row1 div.col1 div._col1 div.__row2 div.__col1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100px;
}
div.content div.dashboard div.row1 div.col1 div._col1 div.__row2 div.__col1 div.___row1 {
  display: flex;
  padding-top: 2px;
  align-items: flex-start;
  gap: 10px;
  color: #9B99A0;
  font-feature-settings: "clig" off, "liga" off;
  /* 10/H Regular */
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.dashboard div.row1 div.col1 div._col1 div.__row2 div.__col1 div.___row2 {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #4B465C;
  /* 15/P Regular */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.dashboard div.row1 div.col1 div._col1 div.__row2 div.__col2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
div.content div.dashboard div.row1 div.col1 div._col1 div.__row2 div.__col2 div.___row1 {
  display: flex;
  padding-top: 2px;
  align-items: flex-start;
  gap: 10px;
  color: #9B99A0;
  font-feature-settings: "clig" off, "liga" off;
  /* 10/H Regular */
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.dashboard div.row1 div.col1 div._col1 div.__row2 div.__col2 div.___row2 {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #28C76F;
  /* 15/P Regular */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.dashboard div.row1 div.col1 div._col1 div.__row3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

div.content div.dashboard div.row1 div.col1 div._col1 div.__row3 span {
	color: #4B465C;
    font-family: Open Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    
	width: 100px;
}
div.content div.dashboard div.row1 div.col1 div._col1 div.__row3 div.___row1 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--Text-Muted, #9B99A0);
  font-feature-settings: "clig" off, "liga" off;
  /* 10/H Regular */
  font-family: Open Sans;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.dashboard div.row1 div.col1 div._col1 div.__row3 div.___row2 {
  display: flex;
  align-items: center;
  gap: 12px;
}
div.content div.dashboard div.row1 div.col1 div._col1 div.__row3 div.___row2 a {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #007BFF;
  /* 15/P Regular */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.dashboard div.row1 div.col1 div._col1 div.__row3 div.___row2 img {
  display: flex;
  width: 18px;
  height: 18px;
  padding: 2.973px;
  justify-content: center;
  align-items: center;
}
div.content div.dashboard div.row1 div.col1 img._col2 {
  width: 137.5px;
  height: 150px;
}
div.content div.dashboard div.row1 div.col2 {
  display: flex;
  width: 548px;
  align-items: flex-start;
  align-content: flex-start;
  gap: 24px;
  flex-wrap: wrap;
}
div.content div.dashboard div.row1 div.col2 div._r1c1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 6px;
  background: #FFF;
  /* Shadow/Gray/Card */
  box-shadow: 0px 4px 18px 0px rgba(75, 70, 92, 0.1);
}
div.content div.dashboard div.row1 div.col2 div._r1c1 div.__row1 {
  display: flex;
  width: 214px;
  padding: 24px;
  justify-content: center;
  align-items: center;
}
div.content div.dashboard div.row1 div.col2 div._r1c1 div.__row1 div.__col1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  flex: 1 0 0;
}
div.content div.dashboard div.row1 div.col2 div._r1c1 div.__row1 div.__col1 div.___row1 {
  display: flex;
  height: 24px;
  align-items: flex-start;
  gap: 10px;
  color: #4B465C;
  font-feature-settings: "clig" off, "liga" off;
  /* 18/H Semibold */
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}
div.content div.dashboard div.row1 div.col2 div._r1c1 div.__row1 div.__col1 div.___row2 {
  align-self: stretch;
  color: #9B99A0;
  /* 13/P Regular */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.dashboard div.row1 div.col2 div._r1c1 div.__row1 div.__col2 {
  display: flex;
  padding: 8px;
  align-items: flex-start;
  border-radius: 30px;
  background: rgba(255, 159, 67, 0.2);
}
div.content div.dashboard div.row1 div.col2 div._r1c1 div.__row1 div.__col2 img {
  width: 26px;
  height: 26px;
}
div.content div.dashboard div.row1 div.col2 div._r1c2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 6px;
  background: #FFF;
  /* Shadow/Gray/Card */
  box-shadow: 0px 4px 18px 0px rgba(75, 70, 92, 0.1);
}
div.content div.dashboard div.row1 div.col2 div._r1c2 div.__row1 {
  display: flex;
  width: 214px;
  padding: 24px;
  justify-content: center;
  align-items: center;
}
div.content div.dashboard div.row1 div.col2 div._r1c2 div.__row1 div.__col1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  flex: 1 0 0;
}
div.content div.dashboard div.row1 div.col2 div._r1c2 div.__row1 div.__col1 div.___row1 {
  display: flex;
  height: 24px;
  align-items: flex-start;
  gap: 10px;
  color: #4B465C;
  font-feature-settings: "clig" off, "liga" off;
  /* 18/H Semibold */
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}
div.content div.dashboard div.row1 div.col2 div._r1c2 div.__row1 div.__col1 div.___row2 {
  align-self: stretch;
  color: #9B99A0;
  /* 13/P Regular */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.dashboard div.row1 div.col2 div._r1c2 div.__row1 div.__col2 {
  display: flex;
  padding: 8px;
  align-items: flex-start;
  border-radius: 30px;
  background: rgba(32, 201, 151, 0.12);
}
div.content div.dashboard div.row1 div.col2 div._r1c2 div.__row1 div.__col2 img {
  width: 26px;
  height: 26px;
}
div.content div.dashboard div.row1 div.col2 div._r2c1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 6px;
  background: #FFF;
  /* Shadow/Gray/Card */
  box-shadow: 0px 4px 18px 0px rgba(75, 70, 92, 0.1);
}
div.content div.dashboard div.row1 div.col2 div._r2c1 div.__row1 {
  display: flex;
  width: 214px;
  padding: 24px;
  justify-content: center;
  align-items: center;
}
div.content div.dashboard div.row1 div.col2 div._r2c1 div.__row1 div.__col1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  flex: 1 0 0;
}
div.content div.dashboard div.row1 div.col2 div._r2c1 div.__row1 div.__col1 div.___row1 {
  display: flex;
  height: 24px;
  align-items: flex-start;
  gap: 10px;
  color: #4B465C;
  font-feature-settings: "clig" off, "liga" off;
  /* 18/H Semibold */
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}
div.content div.dashboard div.row1 div.col2 div._r2c1 div.__row1 div.__col1 div.___row2 {
  align-self: stretch;
  color: #9B99A0;
  /* 13/P Regular */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.dashboard div.row1 div.col2 div._r2c1 div.__row1 div.__col2 {
  display: flex;
  padding: 8px;
  align-items: flex-start;
  border-radius: 30px;
  background: rgba(0, 207, 232, 0.15);
}
div.content div.dashboard div.row1 div.col2 div._r2c1 div.__row1 div.__col2 img {
  width: 26px;
  height: 26px;
}
div.content div.dashboard div.row1 div.col2 div._r2c2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 6px;
  background: #FFF;
  /* Shadow/Gray/Card */
  box-shadow: 0px 4px 18px 0px rgba(75, 70, 92, 0.1);
}
div.content div.dashboard div.row1 div.col2 div._r2c2 div.__row1 {
  display: flex;
  width: 214px;
  padding: 24px;
  justify-content: center;
  align-items: center;
}
div.content div.dashboard div.row1 div.col2 div._r2c2 div.__row1 div.__col1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  flex: 1 0 0;
}
div.content div.dashboard div.row1 div.col2 div._r2c2 div.__row1 div.__col1 div.___row1 {
  display: flex;
  height: 24px;
  align-items: flex-start;
  gap: 10px;
  color: #4B465C;
  font-feature-settings: "clig" off, "liga" off;
  /* 18/H Semibold */
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}
div.content div.dashboard div.row1 div.col2 div._r2c2 div.__row1 div.__col1 div.___row2 {
  align-self: stretch;
  color: #9B99A0;
  /* 13/P Regular */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.dashboard div.row1 div.col2 div._r2c2 div.__row1 div.__col2 {
  display: flex;
  padding: 8px;
  align-items: flex-start;
  border-radius: 30px;
  background: rgba(234, 84, 85, 0.12);
}
div.content div.dashboard div.row1 div.col2 div._r2c2 div.__row1 div.__col2 img {
  width: 26px;
  height: 26px;
}
div.content div.dashboard div.row2 {
  display: flex;
  padding: 0px 24px 24px 24px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 8px;
  border-radius: 6px;
  background: #FFF;
  /* Shadow/Gray/Card */
  box-shadow: 0px 4px 18px 0px rgba(75, 70, 92, 0.1);
}
div.content div.dashboard div.row2 div._row1 {
  display: flex;
  padding: 24px 0px 0 0px;
  align-items: flex-start;
  background: #FFF;
  color: #4B465C;
  font-feature-settings: "clig" off, "liga" off;
  border-bottom: 1px dashed #4B465C;
  /* 18/H Semibold */
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}
div.content div.dashboard div.row2 div._row2 {
  display: flex;
  height: 24px;
  align-items: flex-start;
  gap: 10px;
  color: #AD8A6B;
  font-feature-settings: "clig" off, "liga" off;
  /* 18/H Semibold */
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}
div.content div.dashboard div.row2 div._row3 {
  display: flex;
  padding: 16px 0px 24px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
div.content div.dashboard div.row2 div._row3 div._row31 {
  width: 1344px;
  height: 101px;
  background-image: url(images/pb.png);
  background-position: top 31px left -150px;
  background-repeat: no-repeat;
}
div.content div.dashboard div.row2 div._row3 div._row31 div.__row1 {
  display: flex;
  width: 1344px;
  justify-content: space-between;
  align-items: flex-start;
}
div.content div.dashboard div.row2 div._row3 div._row31 div.__row1 div.__col1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
div.content div.dashboard div.row2 div._row3 div._row31 div.__row1 div.__col1 img.___row1 {
  width: 58.435px;
  height: 64px;
  flex-shrink: 0;
}
div.content div.dashboard div.row2 div._row3 div._row31 div.__row1 div.__col1 div.___row2 {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #9B99A0;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  /* 10/H Regular */
  font-family: Open Sans;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.dashboard div.row2 div._row3 div._row31 div.__row1 div.__col1 div.___row3 {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #4B465C;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  /* 11/Semibold */
  font-family: Open Sans;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  
}
div.content div.dashboard div.row2 div._row4 {
  display: flex;
  align-items: flex-start;
  gap: 54px;
}
div.content div.dashboard div.row2 div._row4 div._col1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
div.content div.dashboard div.row2 div._row4 div._col1 div.__row1 {
  display: flex;
  height: 24px;
  align-items: flex-start;
  gap: 10px;
  color: #4B465C;
  font-feature-settings: "clig" off, "liga" off;
  /* 18/H Semibold */
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}
div.content div.dashboard div.row2 div._row4 div._col1 div.__row2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  align-self: stretch;
  color: #9B99A0;
  /* 13/P Regular */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.dashboard div.row3 {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
div.content div.dashboard div.row3 div.col1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 6px;
  background: #FFF;
  /* Shadow/Gray/Card */
  box-shadow: 0px 4px 18px 0px rgba(75, 70, 92, 0.1);
}
div.content div.dashboard div.row3 div.col1 div.__row1 {
  display: flex;
  padding: 24px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}
div.content div.dashboard div.row3 div.col1 div.__row1 div.__col1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  flex: 1 0 0;
}
div.content div.dashboard div.row3 div.col1 div.__row1 div.__col1 div.___row1 {
  display: flex;
  height: 24px;
  align-items: flex-start;
  gap: 10px;
  color: #4B465C;
  font-feature-settings: "clig" off, "liga" off;
  /* 18/H Semibold */
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}
div.content div.dashboard div.row3 div.col1 div.__row1 div.__col1 div.___row2 {
  align-self: stretch;
  color: #9B99A0;
  /* 13/P Regular */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.dashboard div.row3 div.col1 div.__row1 div.__col2 {
  display: flex;
  padding: 8px;
  align-items: flex-start;
  border-radius: 30px;
  background: rgba(173, 138, 107, 0.12);
}
div.content div.dashboard div.row3 div.col1 div.__row1 div.__col2 img {
  width: 26px;
  height: 26px;
}
div.content div.dashboard div.row3 div.col1 div.__row1 div.b2 {
  border-radius: 30px;
  background: rgba(115, 103, 240, 0.1);
}
div.content div.dashboard div.row3 div.col1 div.__row1 div.b3 {
  border-radius: 30px;
  background: rgba(32, 201, 151, 0.12);
}
div.content div.dashboard div.row3 div.col1 div.__row1 div.b4 {
  border-radius: 30px;
  background: rgba(232, 62, 140, 0.15);
}
div.content div.dashboard div.row4 {
  display: flex;
  padding: 0px 24px 24px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 6px;
  background: #FFF;
  /* Shadow/Gray/Card */
  box-shadow: 0px 4px 18px 0px rgba(75, 70, 92, 0.1);
}
div.content div.dashboard div.row4 div._row1 {
  display: flex;
  padding: 24px 0px 8px 0px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
div.content div.dashboard div.row4 div._row1 div._col1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  flex: 1 0 0;
  align-self: stretch;
  color: #4B465C;
  font-feature-settings: "clig" off, "liga" off;
  /* 18/H Semibold */
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}
div.content div.dashboard div.row4 div._row1 div._col2 {
  display: flex;
  width: 200px;
  height: 42px;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  background-image: url(images/bCalendar.png);
  background-repeat: no-repeat;
}
div.content div.dashboard div.row4 div._row1 div._col2 select {
  color: #4B465C;
  /* 15/P Regular */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
}
div.content div.dashboard div.row4 div._row2 {
  display: flex;
  align-items: center;
  gap: 56px;
}
div.content div.dashboard div.row4 div._row2 div._col1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
}
div.content div.dashboard div.row4 div._row2 div._col1 div.__row1 {
  display: flex;
  align-items: center;
}
div.content div.dashboard div.row4 div._row2 div._col1 div.__row1 img.__col1 {
  display: flex;
  padding: 8px;
  align-items: flex-start;
}
div.content div.dashboard div.row4 div._row2 div._col1 div.__row1 a.__col2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  color: #4B465C;
  font-feature-settings: "clig" off, "liga" off;
  /* 18/H Semibold */
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
}
div.content div.profile {
	display: flex;
	gap: 24px;
	align-self: stretch;
	flex-direction: row;
}
div.content div.profile div.col1 {
  display: flex;
  padding: 0px 24px 24px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
  border-radius: 6px;
  background: #FFF;
  /* Shadow/Gray/Card */
  box-shadow: 0px 4px 18px 0px rgba(75, 70, 92, 0.1);
  min-width: 600px;
}
div.content div.profile div.col1 div._row1 {
  display: flex;
  padding: 24px 0px 8px 0px;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
div.content div.profile div.col1 div._row1 div._col1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  flex: 1 0 0;
}
div.content div.profile div.col1 div._row1 div._col1 div.__row1 {
  align-self: stretch;
  color: #4B465C;
  font-feature-settings: "clig" off, "liga" off;
  /* 18/H Semibold */
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}
div.content div.profile div.col1 div._row1 div._col1 div.__row2 {
  align-self: stretch;
  color: #9B99A0;
  /* 13/P Regular */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.profile div.col1 div._row1 button._col2 {
  display: flex;
  padding: 6px 14px;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 4px;
  background: #AD8A6B;
  /* Shadow/Primary/S */
  box-shadow: 0px 10px 20px 0px rgba(173, 138, 107, 0.4);

  color: #FFF;
  font-feature-settings: "clig" off, "liga" off;
  /* Button/Small */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.profile div.col1 div._row2 {
  display: flex;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}
div.content div.profile div.col1 div._row2 img._col1 {
  display: flex;
  width: 120px;
  height: 120px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
}
div.content div.profile div.col1 form._row3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
div.content div.profile div.col1 form._row3 div.__row1 {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
div.content div.profile div.col1 form._row3 div.__row1 div.__col1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
}
div.content div.profile div.col1 form._row3 div.__row1 div.__col1 div.___row1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
  color: #9B99A0;
  /* 13/P Regular */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.profile div.col1 form._row3 div.__row1 div.__col1 input.___row2, div.content div.profile div.col1 form._row3 div.__row1 div.__col1 select.___row2 {
  display: flex;
  padding: 6.5px 10px;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 4px;
  border: 1px solid #DBDADE;
  background: #FFF;
  color: #4B465C;
  /* 15/P Regular */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.profile div.col1 form._row3 div.__row1 div.__col1 input.phone {
  padding-left: 40px;
  background-position: left 10px center;
  background-repeat: no-repeat, no-repeat;
  background-size: 18px 18px;
}
div.content div.profile div.col1 form._row3 div.__row1 div.__col1 div.___row3 {
  align-self: stretch;
  color: #9B99A0; 
  font-feature-settings: "clig" off, "liga" off;
  /* 11/P Regular */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.profile div.col1 form._row3 div.__row1 div.__col1 div.success {
  color: #28C76F;
  font-feature-settings: "clig" off, "liga" off;
  /* 11/P Regular */
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  
}
div.content div.profile div.col1 form._row3 div.__row1 div.__col1 div.error {
  color: #EA5455;
  font-feature-settings: "clig" off, "liga" off;
  /* 11/P Regular */
  font-family: Open Sans;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.profile div.col1 form._row3 div.__row1 div.__col2 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}
div.content div.profile div.col1 form._row3 div.__row1 div.__col2 div.___col1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
}
div.content div.profile div.col1 form._row3 div.__row1 div.__col2 div.___col1 div.___row1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
  color: #9B99A0;
  /* 13/P Regular */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.profile div.col1 form._row3 div.__row1 div.__col2 div.___col1 input.___row2, div.content div.profile div.col1 form._row3 div.__row1 div.__col2 div.___col1 select.___row2 {
  display: flex;
  padding: 6.5px 10px;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 4px;
  border: 1px solid #DBDADE;
  background: #FFF;
  color: #4B465C;
  /* 15/P Regular */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.profile div.col1 form._row3 div.__row1 div.__col2 div.___col1 input.phone {
  padding-left: 40px;
  background-position: left 10px center;
  background-repeat: no-repeat, no-repeat;
  background-size: 18px 18px;
}
div.content div.profile div.col1 form._row3 div.__row1 div.__col2 div.___col1 div.___row3 {
  align-self: stretch;
}
div.content div.profile div.col1 form._row3 div.__row1 div.__col2 div.___col1 div.success {
  color: #28C76F;
  font-feature-settings: "clig" off, "liga" off;
  /* 11/P Regular */
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.profile div.col1 form._row3 div.__row1 div.__col2 div.___col1 div.error {
  color: #CA4358;
  font-feature-settings: "clig" off, "liga" off;
  /* 11/P Regular */
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.profile div.col1 form._row3 div.__row1 div.__col2 button.___col2 {
  display: flex;
  padding: 6px 14px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: var(--Primary-500, #AD8A6B);
  /* Shadow/Primary/S */
  box-shadow: 0px 10px 20px 0px rgba(173, 138, 107, 0.4);
  color: #FFF;
  font-feature-settings: "clig" off, "liga" off;
  /* Button/Small */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
  border: none;

	animation-timing-function: ease-out;
	animation-duration: 300ms;

}
div.content div.profile div.col1 form._row3 div.__row2 {
  justify-content: flex-end;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  display: none;
}
div.content div.profile div.col1 form._row3 div.__row2 button.cancel {
  display: flex;
  padding: 12px 26px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #AD8A6B;
  color: #AD8A6B;
  /* Button/Large */
  font-family: Open Sans;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  
  text-transform: capitalize;
}
div.content div.profile div.col1 form._row3 div.__row2 button.save {
  display: flex;
  width: 113px;
  padding: 13px 26px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #AD8A6B;
  /* Shadow/Primary/L */
  box-shadow: 0px 10px 20px 0px rgba(173, 138, 107, 0.4);
  color: #FFF;
  /* Button/Large */
  font-family: Open Sans;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  
  text-transform: capitalize;
  border: none;
}
div.content div.profile div.col2 {
  display: flex;
  width: 30%;
  padding: 0px 24px 24px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border-radius: 6px;
  background: #FFF;
  /* Shadow/Gray/Card */
  box-shadow: 0px 4px 18px 0px rgba(75, 70, 92, 0.1);
}
div.content div.profile div.col2 div.row1 {
  display: flex;
  padding: 24px 0px 8px 0px;
  align-items: flex-start;
  align-self: stretch;
}
div.content div.profile div.col2 div.row1 div.text div.h1 {
  align-self: stretch;
  color: var(--Text-Heading, #4B465C);
  font-feature-settings: "clig" off, "liga" off;
  /* 18/H Semibold */
  font-family: "Open Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}
div.content div.profile div.col2 div.row1 div.text div.h2 {
  align-self: stretch;
  color: var(--Text-Muted, #9B99A0);
  /* 13/P Regular */
  font-family: "Open Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.profile div.col2 div.row2 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  align-self: stretch;
}
div.content div.profile div.col2 div.row2 div.text {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  color: var(--Text-Heading, #4B465C);
  text-align: right;
  /* 15/P Regular */
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.profile div.col2 div.row2 div.bar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 100px;
  background: var(--Separator, #DBDADE);
  height: 5px;
}
div.content div.profile div.col2 div.row2 div.bar div.sub {
  display: flex;
  width: 274px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: var(--Success-500, #28C76F);
  height: 5px;
}
div.content div.profile div.col2 div.row3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
div.content div.profile div.col2 div.row3 div.verified {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
div.content div.profile div.col2 div.row3 div.verified div.checkbox {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
div.content div.profile div.col2 div.row3 div.verified div.checkbox div.img {
  display: flex;
  padding: 3px;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
div.content div.profile div.col2 div.row3 div.verified div.checkbox div.img img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
div.content div.profile div.col2 div.row3 div.verified div.checkbox div.text {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--Text-Muted, #9B99A0);
  font-family: "Open sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  
}
div.content div.profile div.col2 div.row3 div.verified button {
  display: flex;
  padding: 6px 14px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid var(--Text-Primary, #AD8A6B);
  background: #FFF;
  color: var(--Text-Primary, #AD8A6B);
  font-feature-settings: "clig" off, "liga" off;
  /* Button/Small */
  font-family: "Open Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
}
div.content div.profile div.col2 div.row3 div.notverified {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
div.content div.profile div.col2 div.row3 div.notverified div.checkbox {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
div.content div.profile div.col2 div.row3 div.notverified div.checkbox div.img {
  display: flex;
  padding: 3px;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
div.content div.profile div.col2 div.row3 div.notverified div.checkbox div.img img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
div.content div.profile div.col2 div.row3 div.notverified div.checkbox div.text {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--Danger-500, #EA5455);
  /* 15/P Medium */
  font-family: "Open sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  
}
div.content div.profile div.col2 div.row3 div.notverified button {
  display: flex;
  padding: 6px 14px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: var(--Primary-500, #AD8A6B);
  /* Shadow/Primary/S */
  box-shadow: 0px 2px 3px 0px rgba(173, 138, 107, 0.3);
  color: #FFF;
  font-feature-settings: "clig" off, "liga" off;
  /* Button/Small */
  font-family: "Open Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
  border: none;
}
div.content div.profile div.col2 div.row3 div.soc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
div.content div.profile div.col2 div.row3 div.soc div.checkbox {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
div.content div.profile div.col2 div.row3 div.soc div.checkbox div.img {
  display: flex;
  padding: 3px;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
div.content div.profile div.col2 div.row3 div.soc div.checkbox div.img img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
div.content div.profile div.col2 div.row3 div.soc div.checkbox div.text {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--Text-Muted, #9B99A0);
  font-family: "Open sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  
}
div.content div.profile div.col2 div.row3 div.soc button {
  display: flex;
  padding: 6px 14px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid var(--Text-Primary, #AD8A6B);
  background: #FFF;
  color: var(--Text-Primary, #AD8A6B);
  font-feature-settings: "clig" off, "liga" off;
  /* Button/Small */
  font-family: "Open Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
}

div.mobilePhoneConfirmModal {
	display: none;
	position: absolute;
	background: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
div.mobilePhoneConfirmModal div.row1 {
  display: inline-flex;
  height: 550px;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 6px;
  background: #FFF;
  box-shadow: 0px 4px 18px 0px rgba(75, 70, 92, 0.1);
}
div.mobilePhoneConfirmModal div.row1 div.col1 {
  display: flex;
  width: 400px;
  padding: 0px 40px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: #FFF;
  border-radius: 6px 0 0 6px;
  z-index: 1;
}
div.mobilePhoneConfirmModal div.row1 div.col1 div._row1 {
  display: flex;
  padding-top: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
div.mobilePhoneConfirmModal div.row1 div.col1 div._row1 img.logo {
  display: flex;
  width: 132px;
  height: 44px;
  justify-content: center;
  align-items: center;
}
div.mobilePhoneConfirmModal div.row1 div.col1 div._row1 div.text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
div.mobilePhoneConfirmModal div.row1 div.col1 div._row1 div.text button.cancel {
	display: flex;
  padding: 6px 26px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #AD8A6B;
  color: #AD8A6B;
  /* Button/Large */
  font-family: Open Sans;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  
  text-transform: capitalize;
}

div.mobilePhoneConfirmModal div.row1 div.col1 div._row1 div.text div.welcome {
  color: #AD8A6B;
  font-feature-settings: "clig" off, "liga" off;
  /* 20/H Semibold */
  font-family: Open Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
 
}
div.mobilePhoneConfirmModal div.row1 div.col1 div._row1 div.text div.instruction {
  color: var(--Text-Muted, #9B99A0);
  text-align: center;
  /* 13/P Regular */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
}
div.mobilePhoneConfirmModal div.row1 div.col1 div._row1 div.text div.instruction span {
  color: var(--Text-Primary, #AD8A6B);
  /* 13/P Medium */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  
}
div.mobilePhoneConfirmModal div.row1 div.col1 div._row1 div.text div.code {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
div.mobilePhoneConfirmModal div.row1 div.col1 div._row1 div.text div.code div.digits {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
div.mobilePhoneConfirmModal div.row1 div.col1 div._row1 div.text div.code div.digits input {
  display: flex;
  padding: 6.5px 10px;
  align-items: center;
  border-radius: 4px;
  border: 1px solid var(--Separator, #DBDADE);
  background: var(--White, #FFF);
  color: var(--Text-Heading, #4B465C);
  width: 10px;
  /* 15/P Regular */
  font-family: Open sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  
}
div.mobilePhoneConfirmModal div.row1 div.col1 div._row1 div.text div.code img {
  width: 24px;
  height: 24px;
}
div.mobilePhoneConfirmModal div.row1 div.col2 {
  display: flex;
  width: 400px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  background: #FFF;
  background: url("images/img-phone.jpg"), lightgray 50%/cover no-repeat;
  border-radius: 0 6px 6px 0;
}

div.mobilePhoneConfirmDoneModal {
	display: none;
	position: absolute;
	background: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 1;
}
div.mobilePhoneConfirmDoneModal div.row1 {
  display: inline-flex;
  flex-direction: column;
  height: 350px;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 6px;
  background: #FFF;
  box-shadow: 0px 4px 18px 0px rgba(75, 70, 92, 0.1);
}
div.mobilePhoneConfirmDoneModal div.row1 div._row1 {
  display: flex;
  padding: 24px 24px 0px 24px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
div.mobilePhoneConfirmDoneModal div.row1 div._row1 img {
  width: 286.86px;
  height: 200px;
}
div.mobilePhoneConfirmDoneModal div.row1 div._row2 {
  display: flex;
  padding-top: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
div.mobilePhoneConfirmDoneModal div.row1 div._row2 div.__row1 {
  display: flex;
  padding: 0px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  color: var(--Text-Primary, #AD8A6B);
  font-feature-settings: "clig" off, "liga" off;
  /* 20/H Semibold */
  font-family: Open Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
 
}
div.mobilePhoneConfirmDoneModal div.row1 div._row2 div.__row2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  width: 75%;
  margin: 0 auto;
  color: var(--Text-Body, #5E5C67);
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  /* 11/P Regular */
  font-family: Open Sans;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  
}

div.emailConfirmModal {
	display: none;
	position: absolute;
	background: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	z-index: 1;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
div.emailConfirmModal div.row1 {
  display: inline-flex;
  height: 550px;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 6px;
  background: #FFF;
  box-shadow: 0px 4px 18px 0px rgba(75, 70, 92, 0.1);
}
div.emailConfirmModal div.row1 div.col1 {
  display: flex;
  width: 400px;
  padding: 0px 40px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: #FFF;
  border-radius: 6px 0 0 6px;
}
div.emailConfirmModal div.row1 div.col1 div._row1 {
  display: flex;
  padding-top: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
div.emailConfirmModal div.row1 div.col1 div._row1 img.logo {
  display: flex;
  width: 132px;
  height: 44px;
  justify-content: center;
  align-items: center;
}
div.emailConfirmModal div.row1 div.col1 div._row1 div.text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
div.emailConfirmModal div.row1 div.col1 div._row1 div.text div.welcome {
  color: #AD8A6B;
  font-feature-settings: "clig" off, "liga" off;
  /* 20/H Semibold */
  font-family: Open Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
 
}
div.emailConfirmModal div.row1 div.col1 div._row1 div.text div.instruction {
  color: var(--Text-Muted, #9B99A0);
  text-align: center;
  /* 13/P Regular */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
}
div.emailConfirmModal div.row1 div.col2 {
  display: flex;
  width: 400px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  background: #FFF;
  background: url("images/image-5.jpg"), lightgray 50%/cover no-repeat;
  border-radius: 0 6px 6px 0;
}

div.changeAvatarModal {
  display: none;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}
div.changeAvatarModal div.row1 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
  border-radius: 6px;
  background: var(--Light-Solid-Extra-Card-Background, #FFF);
  /* Light/Gray/Card */
  box-shadow: 0px 4px 18px 0px rgba(75, 70, 92, 0.1);
  margin: 100px auto;
  gap: 12px;
}
div.changeAvatarModal div.row1 div.cropper {
  display: flex;
}
div.changeAvatarModal div.row1 div.buttons {
  display: flex;
  gap: 12px;
  padding: 0 12px;
  align-items: flex-end;
}
div.changeAvatarModal div.row1 div.buttons button.save {
  display: flex;
  padding: 7px 16px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  background: #AD8A6B;
  /* Shadow/Primary/L */
  box-shadow: 0px 10px 20px 0px rgba(173, 138, 107, 0.4);
  color: #FFF;
  /* Button/Large */
  font-family: Open Sans;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  
  text-transform: capitalize;
  border: none;
}
div.changeAvatarModal div.row1 div.buttons button.cancel {
  display: flex;
  padding: 7px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #AD8A6B;
  color: #AD8A6B;
  /* Button/Large */
  font-family: Open Sans;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  
  text-transform: capitalize;
}

/* Move reCAPTCHA v3 badge up */
.grecaptcha-badge {
  bottom: 100px !important;
}

/*# sourceMappingURL=styles.css.map */

div.forgot_password {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  background: #F8F7FA;
  justify-content: center;
}
div.forgot_password div.wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-end; 
  align-items: center;
  background: #F8F7FA;
}
div.forgot_password div.wrap div.form {
  display: flex;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 6px;
  background: #FFF;
  /* Light/Gray/Card */
  box-shadow: 0px 4px 18px 0px rgba(75, 70, 92, 0.1);
}
div.forgot_password div.wrap div.form div.left {
  display: flex;
  width: 400px;
  height: 700px;
  padding: 0px 40px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: #FFF;
  border-radius: 6px 0 0 6px;
}
div.forgot_password div.wrap div.form div.left form.frame1 {
  display: flex;
  padding-top: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
div.forgot_password div.wrap div.form div.left form.frame1 img.logo {
  display: flex;
  width: 132px;
  height: 44px;
  justify-content: center;
  align-items: center;
}
div.forgot_password div.wrap div.form div.left form.frame1 div.welcome {
  color: #AD8A6B;
  font-feature-settings: "clig" off, "liga" off;
  /* 20/H Semibold */
  font-family: Open Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
 
}
div.forgot_password div.wrap div.form div.left form.frame1 div.input {
  display: flex;
  width: 280px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
div.forgot_password div.wrap div.form div.left form.frame1 div.input label {
  align-self: stretch;
  color: #9B99A0;
  /* 13/P Regular */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
}
div.forgot_password div.wrap div.form div.left form.frame1 div.input input {
  display: flex;
  width: 260px;
  height: 35px;
  padding: 6.5px 10px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border: 1px solid #DBDADE;
  border-radius: 4px;
  color: #4B465C;
  /* 15/P Regular */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  
}
div.forgot_password div.wrap div.form div.left form.frame1 div.input input[type=password] {
  background-image: url("images/icons/icEyeOff.svg");
  background-position: right 10px center;
  background-repeat: no-repeat;
}
div.forgot_password div.wrap div.form div.left form.frame1 div.input img.showpassword {
  margin: -27px 0 0 280px;
}
div.forgot_password div.wrap div.form div.left form.frame1 div.input div.___row3 {
  color: #9B99A0; 
  font-feature-settings: "clig" off, "liga" off; 
  /* 11/P Regular */
  font-family: Open Sans;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  
  align-self: stretch;
}
div.forgot_password div.wrap div.form div.left form.frame1 div.input div.error {
  color: #EA5455;
  font-feature-settings: "clig" off, "liga" off;
  /* 11/P Regular */
  font-family: Open Sans;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  
  align-self: stretch;
}
div.forgot_password div.wrap div.form div.left button.save {
  display: flex;
  padding: 13px 26px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  background: #AD8A6B;
  /* Shadow/Primary/L */
  box-shadow: 0px 10px 20px 0px rgba(173, 138, 107, 0.4);
  color: #FFF;
  /* Button/Large */
  font-family: Open Sans;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  
  text-transform: capitalize;
  border: none;
}
div.forgot_password div.wrap div.form div.left div.instruction button.no {
    padding: 13px 26px 13px 26px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #AD8A6B;
    background: #FFF;
    color: #AD8A6B;
    font-feature-settings: "clig" off, "liga" off;
    font-family: "Open Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    
	margin: 30px 0 0 5px;
} 
div.forgot_password div.wrap div.form div.left div.instruction button.yes {
    padding: 13px 26px 13px 26px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #AD8A6B;
	box-shadow: 0px 10px 20px 0px rgba(173, 138, 107, 0.4);
    color: #FFF;
    font-feature-settings: "clig" off, "liga" off;
    font-family: "Open Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    
    border: none;
	margin: 30px 5px 0 0;
}
div.forgot_password div.wrap div.form div.left div.instruction {
  color: #9B99A0;
  text-align: center;
  /* 13/P Regular */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
  width:280px;
}
div.forgot_password div.wrap div.form div.left div.reg {
  display: flex;
  padding-bottom: 24px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: #9B99A0;
  font-feature-settings: "clig" off, "liga" off;
  /* 11/P Regular */
  font-family: Open Sans;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  
}
div.forgot_password div.wrap div.form div.left div.reg a {
  color: #AD8A6B;
  /* 13/P Regular */
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  
  text-decoration: none;
}
div.forgot_password div.wrap div.form div.right {
  display: flex;
  width: 400px;
  height: 700px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  background: #FFF;
  background: url("images/image_3.jpg"), lightgray 50%/cover no-repeat;
  border-radius: 0 6px 6px 0;
  Background-size: cover;
}

div.content div.dashboard div.header {
  display: flex;
  border-radius: 10px;
  background: var(--Light-Solid-Color-Extra-Card-Background, #FFF);
  box-shadow: 0px 2px 4px 0px rgba(165, 163, 174, 0.30);
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0;
  min-height: 139px;
}

div.content div.dashboard div.header div.left {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	gap: 20px;
	align-items: flex-start;
}


div.content div.dashboard div.header div.left img.logo {
	margin-top: 17px;
	margin-left: 30px;
	margin-right: 30px;
	width: 195px;
	height: 67px;
}

div.content div.dashboard div.header div.left div.data {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

div.content div.dashboard div.header div.left div.data div.items {
	display: flex;
    flex-direction: column;
    margin-top: 14px;
    border-right: 2px solid #EFECF6;
    padding: 0 15px;
	width: 200px;
}

div.content div.dashboard div.header div.left div.data div.items div.item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    min-height: 30px;
    align-items: center;
}

div.content div.dashboard div.header div.left div.data div.items div.item span.left {
  color: #000;
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  
}

div.content div.dashboard div.header div.left div.data div.items div.item span.right {
  color: #000;
  text-align: right;
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  
}

div.content div.dashboard div.header div.left div.data div.items div.item span.green {
  color: #62BE78;
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
}

div.content div.dashboard div.header div.left div.data div.items div.item span.right img {
  margin-bottom: -5px;
}

div.content div.dashboard div.header div.right {
  display: flex;
  margin-top: 26px;
  margin-right: 39px;
  flex-direction: column;
  align-items: flex-end;
  min-width: 200px;
}

div.content div.dashboard div.header div.right div.r1 {
  color: #AD896B;
  text-align: right;
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;

}
div.content div.dashboard div.header div.right div.r1 span {
  color: #000;
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
font-size: 24px;
font-style: normal;
font-weight: 400;
text-decoration-line: underline;

}

div.content div.dashboard div.header div.right div.r2 {
	color: #909090;
	font-family: "Rubik", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	height: 50px;
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 10px; 
}
div.content div.dashboard div.header div.right div.r2 span {
  color: #000;
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
font-size: 16px;
font-style: normal;
font-weight: 400;
}

div.content div.dashboard div.header div.left img.status {
	margin-top: 15px;
}

div.content div.dashboard div.header div.left img.splitter {
  width: 2px;
  height: 89px;
  margin-top: 25px;
}

div.content div.dashboard div.tableWrap {
	width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    overflow: auto;
}

div.content div.dashboard div.table1Header div.row div.col {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	color: #FFF;
	font-family: "Rubik", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	width: 20%;

}
div.content div.dashboard div.table1Header div.row {
	margin: 0 43px;
    width: calc(100% - 86px);
	display: flex;
    flex-direction: row;
    align-items: center;
}
div.content div.dashboard div.table1Header {
	border-radius: 10px;
	background: #DBA980;
	height: 60px;
	display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
}

div.content div.dashboard div.table1 {
	border-radius: 10px;
	background: var(--White, #FFF);
	box-shadow: 0px 2px 4px 0px rgba(165, 163, 174, 0.30);
	min-height: 335px;
	display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
	gap: 5px;
	margin-top: -11px;
}

div.content div.dashboard div.table1 div.gray {
	background: #F8F7FA;
}
div.content div.dashboard div.table1 div.row {
	margin: 0 43px;
    width: calc(100% - 86px);
	min-height: 36px;
	display: flex;
    flex-direction: row;
    align-items: center;
}

div.content div.dashboard div.table1 div.row div.col span.status {
	width: 250px;
}



div.content div.dashboard div.table1 div.row div.col {
	color: #000;
	font-family: "Rubik", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	width: 20%;
	display: flex;
    align-items: center;
    flex-direction: row;
    gap: 3px;
}

div.content div.dashboard div.table1 div.row div.col1 {
	color: #B87D4D;
	font-family: "Rubik", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	padding-left: 25px;
	width: calc(20% - 25px);
}



div.content div.dashboard div.table1 div.row div.col span.grey {
	color: #656565;
	font-family: "Rubik", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
}

div.content div.dashboard div.table1 div.row div.col span.grey span.black {
	color: #000;
	font-family: "Rubik", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

div.content div.dashboard div.table1 div.row div.col span.green span.black {
	color: #000;
	font-family: "Rubik", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
}
div.content div.dashboard div.table1 div.row div.col span.green {
	color: #62BE78;
	font-family: "Rubik", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

div.content div.dashboard div.table1 div.row div.col span.up {
	background-image: url(/images/up.png);
    background-position: right center;
    background-repeat: no-repeat;
	padding-right: 20px;
}


div.content div.dashboard div.table1 div.row div.col span.red img {
	margin-bottom: -5px;
}
div.content div.dashboard div.table1 div.row div.col span.red {
	color: #CA3E3E;
	font-family: "Rubik", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

div.content div.dashboard div.table1 div.row div.col span.down {
	background-image: url(/images/down.png);
    background-position: right center;
    background-repeat: no-repeat;
	padding-right: 20px;
}

div.content div.dashboard div.table1 div.row div.col span.black {
	color: #000;
	font-family: "Rubik", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

div.content div.dashboard div.table1 div.row div.col span.black2 {
	color: #000;
	font-family: "Rubik", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
}

div.content div.dashboard div.table1 div.row div.col span.count {
	width: 250px;
    height: 34px;
    display: flex;
    border-radius: 10px;
	background: #DBA980;
    background-image: url(/images/calc.png);
    background-position: left 10px center;
    background-repeat: no-repeat;
    align-items: center;
    justify-content: center;
	
	color: #FFF;
	font-family: "Rubik", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
}

div.content div.dashboard div.search button {
  height: 34px;
  border-radius: 10px;
  background: #DBA980;
  color: #FFF;
  text-align: center;
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  width: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
div.content div.dashboard div.search label {
	display: flex;
    flex-direction: row;
    align-items: center;
	color: #727272;
	  font-family: "Rubik", sans-serif;
	  font-size: 15px;
	  font-style: normal;
	  font-weight: 400;
	  white-space: nowrap;
	  gap: 5px;
	  margin: 0 5px;
}

div.content div.dashboard div.search select {
  height: 34px;
  border-radius: 10px;
  border: 1px solid #DEDEDE;
  background: var(--White, #FFF);
  color: #727272;
  font-family: "Rubik", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  width: 15%;
  padding: 0 20px;
  display: flex;
  align-items: center;
}
div.content div.dashboard div.search span {
  color: #AD896B;
  font-family: "Rubik", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  width: 15%;
  display: flex;
}
div.content div.dashboard div.search {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

div.content div.dashboard div.table2Header {
	border-radius: 10px;
	background: #DBA980;
	height: 60px;
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: center;
}
div.content div.dashboard div.table2Header div.row {
	margin: 0 43px;
    width: calc(100% - 86px);
	display: flex;
    flex-direction: row;
    align-items: center;
}
div.content div.dashboard div.table2Header div.row div.col {
	color: #FFF;
	font-family: "Rubik", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	width: 20%;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}
div.content div.dashboard div.table2Header div.row div.col1 {width: 8%;}
div.content div.dashboard div.table2Header div.row div.col2 {width: 10%;}
div.content div.dashboard div.table2Header div.row div.col3 {width: 10%;}
div.content div.dashboard div.table2Header div.row div.col4 {width: 11%;}
div.content div.dashboard div.table2Header div.row div.col5 {width: 11%;}
div.content div.dashboard div.table2Header div.row div.col6 {width: 12%;}
div.content div.dashboard div.table2Header div.row div.col7 {width: 8%;}
div.content div.dashboard div.table2Header div.row div.col8 {width: 6%;}
div.content div.dashboard div.table2Header div.row div.col9 {width: 10%;}
div.content div.dashboard div.table2Header div.row div.col10 {width: 8%;}
div.content div.dashboard div.table2Header div.row div.col11 {width: 13%;}
div.content div.dashboard div.table2Header div.row div.col12 {width: 3%;}

div.content div.dashboard div.table2 {
  border-radius: 10px;
  background: var(--White, #FFF);
  box-shadow: 0px 2px 4px 0px rgba(165, 163, 174, 0.30);
  border: 2px solid #FFF;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: -15px;
}
div.content div.dashboard div.table2:hover {
  border: 2px solid #E3C8B1;
}
div.content div.dashboard div.table2 div.row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 43px;
  width: calc(100% - 86px);
  min-height: 40px;
}
div.content div.dashboard div.table2 div.sub {
  display: none;
}
div.content div.dashboard div.table2 div.row div.col {
	color: #000;
	font-family: "Rubik", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	display: flex;
	flex-direction: row;
	align-items: center;
	min-height: 40px;
}

div.content div.dashboard div.table2 div.row div.col1 {width: 8%;}
div.content div.dashboard div.table2 div.row div.col1 img {margin-left: 5px;}
div.content div.dashboard div.table2 div.row div.col2 {width: 10%;}
div.content div.dashboard div.table2 div.row div.col3 {width: 10%;}
div.content div.dashboard div.table2 div.row div.col4 {width: 11%;}
div.content div.dashboard div.table2 div.row div.col5 {width: 11%;}
div.content div.dashboard div.table2 div.row div.col6 {width: 12%;}
div.content div.dashboard div.table2 div.row div.col7 {width: 8%;}
div.content div.dashboard div.table2 div.row div.col8 {width: 6%;}
div.content div.dashboard div.table2 div.row div.col9 {width: 10%;}
div.content div.dashboard div.table2 div.row div.col9 img {margin-right: 5px;}
div.content div.dashboard div.table2 div.row div.col10 {width: 8%;}
div.content div.dashboard div.table2 div.row div.col10 img {margin-right: 5px;}
div.content div.dashboard div.table2 div.row div.col11 {width: 13%;}
div.content div.dashboard div.table2 div.row div.col12 {width: 3%;}
div.content div.dashboard div.table2 div.row div.col13 {display:none; width: 20%; border-top: 1px solid #D9D9D9;}
div.content div.dashboard div.table2 div.row div.col13 span, div.content div.dashboard div.table2 div.row div.col14 span, div.content div.dashboard div.table2 div.row div.col15 span {
  color: #BC9B7F;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  
  margin-right: 10px;
}
div.content div.dashboard div.table2 div.row div.col14 {display:none; width: 60%; border-top: 1px solid #D9D9D9;}
div.content div.dashboard div.table2 div.row div.col15 {display:none; width: 20%; border-top: 1px solid #D9D9D9;}
div.content div.dashboard div.table2 div.row div.yes {color: #62BE78;}

div.row div.col span.status {
	height: 34px;
	display: flex;
	border-radius: 10px;
	background-image: url(/images/status.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	align-items: center;
	justify-content: center;
	font-family: "Rubik", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	width: 90%;
	background-color: #E5E5E5;
	color: #FFFFFF;
}

div.content div.dashboard div.table2 div.sub {border-top: 1px solid #D9D9D9}

div.row div.col span.status0 {
	background-color: #22A95ECC!important;
}
div.row div.col span.status1 {
	background-color: #FA9800CC!important;
}
div.row div.col span.status2 {
	background-color: #C74748CC!important;
}
div.row div.col span.status3 {
	background-color: #AD8A6BCC!important;
}
div.row div.col span.status4 {
	background-color: #CC7F36CC!important;
}
div.row div.col span.status5 {
	background-color: #6F6B7DCC!important;
}
div.row div.col span.status6 {
	background-color: #806147CC!important;
}
div.row div.col span.status7 {
	background-color: #935E45CC!important;
}
div.row div.col span.status8 {
	background-color: #EA5455CC!important;
}
div.row div.col span.status9 {
	background-color: #E68F3CCC!important;
}
div.row div.col span.status10 {
	background-color: #7483A3CC!important;
}
div.row div.col span.status11 {
	background-color: #FA9800CC!important;
}
div.row div.col span.status12 {
	background-color: #37A4B3CC!important;
}
div.row div.col span.status13 {
	background-color: #1AB1F7CC!important;
}
div.row div.col span.status14 {
	background-color: #1AB1F7CC!important;
}

div.ssb0 {
	background-color: #22A95E19!important;
}
div.ssb1 {
	background-color: #FA980019!important;
}
div.ssb2 {
	background-color: #C7474819!important;
}
div.ssb3 {
	background-color: #AD8A6B19!important;
}
div.ssb4 {
	background-color: #CC7F3619!important;
}
div.ssb5 {
	background-color: #6F6B7D19!important;
}
div.ssb6 {
	background-color: #80614719!important;
}
div.ssb7 {
	background-color: #935E4519!important;
}
div.ssb8 {
	background-color: #EA545519!important;
}
div.ssb9 {
	background-color: #E68F3C19!important;
}
div.ssb10 {
	background-color: #7483A319!important;
}
div.ssb11 {
	background-color: #FA980019!important;
}
div.ssb12 {
	background-color: #37A4B319!important;
}
div.ssb13 {
	background-color: #1AB1F719!important;
}
div.ssb14 {
	background-color: #1AB1F719!important;
}

div.preModal div.row div._row div._col button {
	display: flex;
	width: 280px;
	max-width: 100%;
	height: 50px;
	border-radius: 10px;
	background-color: rgba(219, 169, 128, 1);
	box-shadow: 0px 5px 10px 0px rgba(219, 169, 128, 0.5);
	font-family: Rubik;
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 0%;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	align-items: center;
    justify-content: center;
	border: none;
}

div.preModal div.row div._row div._colb {
	border-left: 2px solid rgba(228, 228, 228, 1);
	border-right: 2px solid rgba(228, 228, 228, 1);
}
div.preModal div.row div._row div._col div.text span {
	color: rgba(219, 169, 128, 1);
}
div.preModal div.row div._row div._col div.text a {
	color: rgba(219, 169, 128, 1);
}
div.preModal div.row div._row div._col div.text {
	font-family: Rubik;
	font-weight: 400;
	font-size: 20px;
	letter-spacing: 0%;
	text-align: center;
	color: rgba(0, 0, 0, 1);
	height: 120px;
}

div.preModal div.row div._row div._col div.text select {
	font-family: Rubik;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 0%;
	text-align: center;
	color: rgba(0, 0, 0, 1);
	padding: 5px;
	color: rgba(219, 169, 128, 1);
	border-radius: 5px;
}

div.preModal div.row div._row2 {
	font-family: Rubik;
	font-weight: 400;
	font-size: 20px;
	letter-spacing: 0%;
	text-align: center;
	color: rgba(0, 0, 0, 1);
	padding: 10px 0 5px 0;
}

div.preModal div.row div._row div._col img.icon {
	height: 80px;
}

div.preModal div.row div._row div._col {
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 30%;
    min-height: 400px;
    justify-content: flex-start;
}
div.preModal div.row div._row {
	display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
    align-items: center;
	padding: 5px 0 10px 0;
}
div.preModal div.row {
	display: flex;
    min-height: 467px;
    align-items: center;
    flex-shrink: 0;
    border-radius: 6px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 10px 40px 0px rgb(165 163 174);
    width: 1000px;
	max-width: 100%;
    flex-direction: column;
    justify-content: center;
	gap: 30px;
}
div.preModal {
	position: absolute;
	background: rgba(0, 0, 0, 0.6);
	width: 100%;
	min-height: 100%;
	flex-shrink: 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow: auto;
}

div.rotatePhone {
	display: none;
	align-content: center;
	align-items: center;
	justify-content: center;
  position: absolute;
  background: rgba(0, 0, 0, 1);
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

div.hd {
	display: none!important;
}

div.sd {
	display: flex!important;
}

/*.h960 { display: none!important; }*/

/*@media (max-width:1440px) {
	div.content div.dashboard div.table1Header div.row {
		margin: 0 10px;
		width: calc(100% - 20px);
	}
	
	div.content div.dashboard div.table1 div.row {
		margin: 0 10px;
		width: calc(100% - 20px);
	}
	
	div.content div.dashboard div.table2Header div.row {
		margin: 0 10px;
		width: calc(100% - 20px);
	}
	
	div.content div.dashboard div.table2 div.row {
		margin: 0 10px;
		width: calc(100% - 20px);
	}
}

@media (max-width:1310px) {
	div.content div.dashboard div.header div.left {
		gap: 10px;
	}
	
	div.content div.dashboard div.header div.left img.logo {
		margin-left: 10px;
		margin-right: 10px;
	}
	
}*/

@media (max-width:1150px) {
	/*div.content div.dashboard div.header div.right {
		display: none;
	}*/
	
	div.content div.profile {
		display: flex;
		gap: 24px;
		flex-direction: column;
	}
	
	div.content div.profile div.col2 {
		width: auto;
	}
}

@media (max-width:900px) {
	div.login div.wrap div.form div.right, div.forgot_password div.wrap div.form div.right, div.mobilePhoneConfirmModal div.row1 div.col2, div.emailConfirmModal div.row1 div.col2  {
		display: none;
	}
	
	div.login div.wrap div.form div.left, div.forgot_password div.wrap div.form div.left {
		padding: 0px;
		max-width: 100%;
	}
	
	div.mobilePhoneConfirmModal div.row1 div.col1, div.emailConfirmModal div.row1 div.col1 {
		border-radius: 6px;
	}
}

/*@media (max-width:960px) {
	.l960 { display: none!important; }
	.h960 { display: flex!important; }
	div.content div.dashboard div.table1Header div.row div.col { width: 25%; }
	div.content div.dashboard div.table1 div.row div.col { width: 25%; }
	div.content div.dashboard div.table2Header div.row div.col11 { width: 18%; }
	div.content div.dashboard div.table2 div.row div.col11 { width: 18%; }
	
	div.content div.dashboard div.table2Header div.row div.col4 { width: 16%; }
	div.content div.dashboard div.table2 div.row div.col4 { width: 16%; }
	div.content div.dashboard div.table2Header div.row div.col5 { width: 16%; }
	div.content div.dashboard div.table2 div.row div.col5 { width: 16%; }
	
}*/

div.editPVUDiv {
	display: none;
	width: 104px;
	height: 29px;
	border: 1px solid #5DD461;
	border-radius: 10px;
	background-color: white;
	flex-direction: row;
    align-items: center;
    justify-content: center;
}

button.editPVUButton {
	background-image: url(/images/icons/edit.svg);
    background-color: transparent;
    width: 24px;
    height: 24px;
    border: none;
}

button.cancelEditPVUButton {
	background-image: url(/images/icons/cancel.svg);
    background-color: transparent;
    width: 20px;
    height: 20px;
    border: none;
}

input.editPVUInput {
	border: none!important;
	width: 60px;
	height: 27px;
	color: #000;
	font-family: "Rubik", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	outline: none;
}

span.spanPVU {
	width: 40px;
	display: block;
}

div.recalcPVUDiv {
	position: fixed;
    bottom: 0px;
    display: none;
    padding: 30px;
    width: 100%;
    background-color: white;
    flex-direction: row;
    justify-content: center;
    gap: 50px;
}

button.recalcPVUButton {
	width: 188px;
    height: 39px;
    border: none;
    border-radius: 10px;
    background-color: #5DD461;
    background-image: url(/images/icons/edit2.svg);
    background-position: center right 10px;
    background-repeat: no-repeat;
	font-family: "Rubik", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	color: #FFF;
}

button.cancelRecalcPVUButton {
	width: 188px;
    height: 39px;
    border: none;
    border-radius: 10px;
    background-color: #DBA980;
    background-image: url(/images/icons/cancel2.svg);
    background-position: center right 10px;
    background-repeat: no-repeat;
	font-family: "Rubik", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	color: #FFF;
}

#loading-overlay { 
  position: fixed;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.spinner {
  width: 120px;
  height: 120px;
  background: conic-gradient(from 0deg, #458DE2, #F95D79, #FFA500, #458DE2);
  border-radius: 50%;
  animation: spin 1.4s linear infinite;
  mask: radial-gradient(circle at center, transparent 40%, black 41%);
  -webkit-mask: radial-gradient(circle at center, transparent 40%, black 41%);
}
 
@keyframes spin {
  to { transform: rotate(360deg); }
}

div.content div.dashboard div.table1 div.row div.col div._row {
	display: flex;
    flex-direction: column;
    gap: 5px;
}
div.content div.dashboard div.table1 div.row div.col div._row div.branches_total {
	color: #B87D4D;
}
div.content div.dashboard div.table1 div.row div.col div._row div.branch {
	display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}
div.content div.dashboard div.table1 div.row div.col div._row div.branch span {color: #B87D4D;}