@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

*{
  box-sizing: border-box;
}
body, html {
  padding: 5px; 
  margin: 0;
  font-family: 'Inter', system-ui, sans-serif;
  background: #F2F2F2;
  position: relative;
}
body.modal-open{
  overflow: hidden;
}
.content{
  width: 100%;
  max-width: 1200px;
  height:100%;
  border: 1px solid #E0E0E0;
  border-radius: 10px;
  margin: auto;
}
.content-inner{
  width: 100%;
  height:100%;
  padding: 0 40px;
}
.login-content{
  width: 80%;
  max-width: 1200px;
  height:100%;
  /*border: 1px solid #E0E0E0;
  border-radius: 10px;*/
  margin: auto;
  justify-content: center;
  align-items: center;
}
.login-container-box{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 40px;
  justify-content: center;
  align-items: center;
}
.alert-box{
  width: 100%;
  border-radius: 5px;
  padding: 8px 10px;
  font-size: 14px;
  margin: 10px 0;
  font-weight: 500;
  letter-spacing: 1px;
  display: none;
}
.alert-box.show{
  display: block;
}
.modal-alert-box{
  width: 100%;
  border-radius: 5px;
  padding: 8px 10px;
  font-size: 14px;
  margin: 10px 0;
  font-weight: 500;
  letter-spacing: 1px;
  display: none;
}
.modal-alert-box.show{
  display: block;
}
.form-logo-container{
  width:100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}
.form-logo-container .form-logo{
  height: 30px;
  width: auto;
}
.form-group{
  position: relative;
}
.password-reveal{
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 10px;
  top: 23px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  color: rgb(61, 143, 126);
}
.pass-icon.hide{
    display: none;
}
.reg-form h2{
  font-size: 20px;
  color: rgba(41, 48, 61, 0.7);
  margin: 0;
  text-align: center;
}
.reg-form label{
  display: block;
  font-size: 14px;
  color: rgb(41, 48, 61);
  margin: 0;
}
.reg-form input:focus{
  outline: none !important;
  border: 1px solid rgba(61, 143, 126, 0.3);
}
.reg-form .auth-btn{
  height: 50px;
  border-radius: 0 !important;
}
.reg-form .form-foot-note{
  line-height: 30px;
  font-size: 14px;
  color: rgb(115, 123, 140);
  text-align: center;
  font-weight:400;
}
.reg-form .form-foot-note a{
  color: rgb(61, 143, 126);
  text-decoration: none;
  font-weight: 400;
}
.reg-form input[type='text'], .reg-form input[type='password'], .reg-form input[type='number'], .reg-form input[type='email']{
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid rgb(61, 143, 126);
  background: #FFFFFF;
  height: 50px;
  color: rgb(115, 123, 140);
  outline: none !important;
}
.reg-form select{
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid rgb(61, 143, 126);
  background: #FFFFFF;
  height: 50px;
  color: rgb(115, 123, 140);
  outline: none !important;
}

#reg-form .tab {
  display: none;
}

#reg-form button {
  background-color: #04AA6D;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  font-size: 17px;
  cursor: pointer;
  border-radius: 5px;
}

#reg-form button:hover {
  opacity: 0.8;
}

#reg-form #prevBtn {
  background-color: #bbbbbb;
}

/* Make circles that indicate the steps of the form: */
#reg-form .step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

#reg-form .step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
#reg-form .step.finish {
  background-color: #04AA6D;
}
.login-form-container{
  width: 500px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px 40px 40px 40px;
  border: 1px solid rgb(220, 223, 229);
  border-radius: 10px;
}
.signup-form-container{
  width: 600px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px 40px 40px 40px;
  border: 1px solid rgb(220, 223, 229);
  border-radius: 10px;
}
.login-container-box{
  width: 50%;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.top-header-with-logo{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 40px;
  border-bottom: 1px solid #E0E0E0;
}
.logo-and-mapper{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.top-header-btn{
  width: 350px;
  text-align: left;
  position: relative;
}
.top-header-btn::after{
  position: absolute;
  right: 10px;
  top: 15px;
}
.objective-heading-container .objective-alert{
  color: rgb(115, 123, 140);
  border: 1px solid rgba(220, 223, 229, 0.5);
  line-height: 20px;
  margin: 20px 0;
  background: rgba(239, 238, 235, 0.4);
  font-size: 14px;
}

.stratara-background-light{
  color: rgb(115, 123, 140);
  border: 0;
}
.stratara-background-light:hover{
  transition: .4s;
  background: rgba(61, 143, 126, 0.1);
}
.stratara-map{
  color: rgb(61, 143, 126);
}
.stratara-platform-layer, .stratara-settings{
  color: rgb(115, 123, 140);
  font-size: 12px;
}
.mapper-drop-down-container{
  font-size: 12px;
}
.mapper-drop-down-container .dropdown .top-header-btn{
  font-size: 14px;
}
.mapper-drop-down-container .dropdown .dropdown-menu{
  width: 350px;
  padding: 5px 0;
  color: rgb(115, 123, 140);
}
.mapper-drop-down-container .dropdown .dropdown-menu li.dropdown-item{
  display: flex;
  flex-direction: row;
  font-size: 14px;
  gap: 10px;
  color: rgb(115, 123, 140);
  border-radius: 5px;
  padding: 10px 15px;
  cursor: pointer;
}
.mapper-drop-down-container .dropdown .dropdown-menu li.dropdown-item:nth-child(4), .mapper-drop-down-container .dropdown .dropdown-menu li.dropdown-item:nth-child(5){
  opacity: 0.4;
}
.dropdown-item-stat{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 225px;
  font-size: 10px;
  font-weight: lighter;
  padding: 3px 7px;
}
.mapper-drop-down-container .dropdown .dropdown-menu li hr{
  border-top: 1px solid rgb(220, 223, 229, 0.3);
  padding: 0;
}
.mapper-drop-down-container .dropdown .dropdown-menu li.header, .mapper-drop-down-container .dropdown .dropdown-menu li.footer{
  font-size: 12px;
  color: rgb(115, 123, 140);
  padding: 5px 15px;
  text-transform: uppercase;
  cursor: default;
}
.mapper-drop-down-container .dropdown .dropdown-menu li.footer:hover{
  background: transparent !important;
}
.mapper-drop-down-container .dropdown .dropdown-menu li.header:hover{
  background: transparent !important;
}
.mapper-drop-down-container .dropdown .dropdown-menu li.dropdown-item:hover{
  transition: .4s;
  background:rgba(53, 141, 100, 0.1);
}
.mapper-drop-down-container .dropdown .dropdown-menu li.dropdown-item .dropdown-menu-details{
  display: flex;
  flex-direction: column;
}
.mapper-drop-down-container .dropdown .dropdown-menu li.dropdown-item .dropdown-menu-details .dropdown-menu-title{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  white-space: normal;
}
.mapper-drop-down-container .dropdown .dropdown-menu li.dropdown-item .dropdown-menu-details .dropdown-menu-title .txt{
  font-size: 12px;
  font-weight: 400;
}
.mapper-drop-down-container .dropdown .dropdown-menu li.dropdown-item .dropdown-menu-details .dropdown-menu-note{
  width: 100%;
  white-space: normal;
  font-size: 12px;
}
.platform-layer-control{
  cursor: pointer;
}
.top-header-with-logo .logo-and-mapper .top-header-logo{
  display: flex;
  flex-direction: row;
  width: auto;
  height: 25px;
  border-right: 1px solid #E0E0E0;
  padding-right: 20px;
  margin-right: 20px;
}
.top-header-with-logo .logo-and-mapper .top-header-logo .logo-text{
  font-size: 18px;
  display: inline-block;
  font-weight: 600;
  color: rgb(41, 48, 61);
  line-height: 25px;
  margin: 0;
  margin-left: 5px;
}
.top-header-with-logo .logo-and-mapper .top-header-logo img{
  width: 25px;
  height: auto;
}
.admin-settings-container a{
  display: block;
  line-height: 30px;
  width: 30px;
  text-align: center;
  border-radius: 5px;
  color: rgb(115, 123, 140);
  margin-right: 10px;
}
.admin-settings-container a:hover{
  transition: .4s;
  background: rgba(115, 123, 140, 0.2);
}
.settings-and-platform-layer{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}
.platform-layer-container{
  width: 100%;
}
.platform-layer-container-inner{
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 15px 20px;
  gap: 20px;
  background: rgba(239, 238, 235, 0.2);
  border: 1px solid rgb(239, 238, 235);
  border-right: 0;
  border-left: 0;
  transition: transform 0.5s;
}
.platform-layer-container.hide{
  transition: transform 0.5s;
  display: none;
}
.platform-layer-container.show{
  transition: 500ms ease-in-out;
  display: flex;
}
.platform-layer-container .platform-layer-container-inner p{
  display: block;
  padding: 5px 0;
  font-size: 14px;
  color: rgb(115, 123, 140);
  margin: 0;
}
.shared-layer-items{
  gap: 20px;
  background: rgba(61, 143, 126, 0.1);
  border: 1px solid rgb(61, 143, 126);
  font-size: 12px;
  text-align: center;
  border-radius: 4px;
  color: rgb(61, 143, 126);
  padding: 0 10px;
}
.shared-layer-item-inner{
  line-height: 30px;
  display: block;
}

.strategy-mapper-container{
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 30px 20px;
  gap: 20px;
  background: #FFFFFF;
  border-radius: 5px;
}
.strategy-mapper-container p{
  line-height: 50px;
  display: flex;
  font-size: 14px;
  color: rgb(41, 48, 61);
  margin: 0;
  gap: 5px;
}
.strategy-mapper-container p i, .strategy-mapper-container p svg{
  color: rgb(61, 143, 126);
  height: unset;
}
.strategy-mapper-container a{
  text-decoration: none;
}
.strategy-mapper-items{
  font-size: 16px;
  border-radius: 4px;
  color: rgb(115, 123, 140);
  padding: 10px 15px;
  display:flex;
  flex-direction: row;
  gap: 10px;
}
.strategy-mapper-items.progression-item:after{
  content: '\2192';
  display: block;
  line-height: 30px;
  color: rgb(115, 123, 140);
}
.strategy-mapper-items:hover{
  transition: .4s;
  background: rgba(239, 238, 235);
}
.strategy-mapper-items:hover .strategy-mapper-number{
  transition: .4s;
  background: rgb(220, 223, 229);
}
.strategy-mapper-items .strategy-mapper-number{
  display: flex;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  background: rgb(239, 238, 235);
  color:rgb(41, 48, 61);
  font-size: 10px;
  justify-content: center;
  align-items: center;
}
.strategy-mapper-items .strategy-mapper-text{
  display: block;
  line-height: 30px;
  font-weight: 400px;
  font-size: 12px;
}
.strategy-mapper-items.active{
  background: rgba(61, 143, 126, 0.2);
}
.strategy-mapper-items.complete svg{
  width: 10px;
}
.strategy-mapper-items.complete{
  background: rgba(61, 143, 126, 0.2);
}
.strategy-mapper-items.active .strategy-mapper-number{
  background: rgb(61, 143, 126);
  color:#FFFFFF;
}
.strategy-mapper-items.complete .strategy-mapper-number{
  background: rgb(61, 143, 126);
  color:#FFFFFF;
}
.objective-heading-container{
  padding: 10px 20px;
  border-bottom: 1px solid rgb(220, 223, 229);
  margin-bottom: 10px;
}
.objective-heading{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.objective-heading h2{
  font-size: 24px;
  color: rgb(41, 48, 61);
  margin-bottom: 10px;
}
.objective-heading p{
  color: rgb(115, 123, 140);
  margin: 0;
  font-size: 14px;
}
.add-objective-btn{
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to right, rgb(61, 143, 126), rgb(80, 165, 154));
  align-items: center;
  border: 0 solid rgb(220, 223, 229);
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-variation-settings: normal;
  font-weight: lighter;
  height: 50px;
  justify-content: center;
  letter-spacing: normal;
  line-height: 20px;
  margin: 0px;
  padding: 8px 30px;
}
.add-objective-btn:hover{
  color: rgb(255, 255, 255);
  transition: .4s;
  background-image: linear-gradient(to right, rgb(80, 165, 154), rgb(61, 143, 126));
}
.horizon-container{
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 20px;
}
.horizon-btn{
  display: block;
  text-align: center;
  border-radius: 4px;
  color: rgb(115, 123, 140);
  padding: 10px 15px;
  background-color: rgba(239, 238, 235, 0.7);
  border: 0;
  border-radius: 10px;
  font-size: 14px;
  font-weight: lighter;
}
.horizon-btn.active-horizon{
  background-color: rgb(61, 143, 126);
  color: #FFFFFF;
}
.horizon-btn:hover{
  transition: .4s;
  background-color: rgba(115, 123, 140, 0.1);
  color: rgba(115, 123, 140);
}
.objective-container{
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.objective-content{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.objective-items{
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: #FFFFFF;
  border-radius: 5px;
  padding: 20px;
  border: 1px solid rgb(220, 223, 229);
  margin-bottom: 30px;
}
.objective-items:hover{
  transition: .4s;
  border-color: rgba(53, 141, 100, 0.9);
}
.obj-head{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.obj-head h3.horizon-period{
  font-size: 20px;
  color: rgb(41, 48, 61);
  margin: 0;
}
.obj-head .obj-count{
  color: rgb(115, 123, 140);
  font-size: 14px;
}
.objective-container .objective-alert{
  font-size: 14px;
  color: rgb(115, 123, 140);
  border: 0;
  line-height: 10px;
  margin: 10px 0;
  background: transparent;
  padding-left: 0;
}
.objective-container .period{
  color: rgb(115, 123, 140);
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 0;
}
.objective-item-content{
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.obj-icon{
  flex-shrink: 0;
  padding:10px;
}
.obj-icon .obj-icon-container{
  width: 50px;
  height: 50px;
  border-radius: 10px;
  background: rgba(61, 143, 126, 0.1);
  color: rgb(61, 143, 126);
  display: flex;
  justify-content: center;
  align-items: center;
}
.obj-details{
  flex-grow: 16;
  padding:10px;
  display: flex;
  flex-direction: column;
}
.obj-details p{
  margin: 0;
  color: rgb(115, 123, 140);
  font-size: 14px;
  font-weight: 400;
}
.obj-title-meta{
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-bottom: 10px;
}
.obj-title{
  line-height: 20px;
  margin: 0;
}
.obj-title a{
  font-size: 20px;
  color: rgb(41, 48, 61);
  text-decoration: none;
  font-weight: 800;
}
.objective-items:hover .obj-title a{
  transition: .4s;
  color: rgba(53, 141, 100, 0.9);
}
.obj-actions{
  flex-shrink: 0;
  padding:10px;
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.obj-action-container{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 2px;
  border-radius: 5px;
  cursor: pointer;
  visibility: hidden;
}
.objective-items:hover .obj-action-container{
  transition: .6s;
  visibility: visible;
}
.obj-action-container:hover{
  transition: .4s;
  color: rgb(53, 141, 100);
  background: rgba(53, 141, 100, 0.2);
}
.obj-action-container svg{
  width: 16px;
}
.priority-badge{
  line-height: 15px;
  display: inline-block;
  border-radius: 4px;
  font-size: 12px;
  color: #FFFFFF;
  background: #F2F2F2;
  font-weight: 500;
}
.priority-badge.priority-critical{
  background: rgba(198, 57, 57, 0.2);
  color: rgb(198, 57, 57);
  border: 1px solid rgba(198, 57, 57, 0.3);
}
.priority-badge.priority-high{
  background: rgba(208, 145, 37, 0.2);
  color: rgb(208, 145, 37);
  border: 1px solid rgba(208, 145, 37, 0.3);
}
.priority-badge.priority-normal{
  background: rgba(53, 141, 100, 0.2);
  color: rgb(53, 141, 100);
  border: 1px solid rgba(53, 141, 100, 0.3);
}
.obj-details-period{
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-top: 20px;
}
.obj-details-period{
  color: rgb(115, 123, 140);
  font-size: 14px;
}
.obj-details-period .period-txt{
  line-height: 24px;
}
.status-badge{
  line-height: 15px;
  display: inline-block;
  border-radius: 4px;
  font-size: 12px;
  color: #FFFFFF;
  font-weight: lighter;
}
.status-badge.status-deactivated{
  background: rgba(198, 57, 57, 0.2);
  color: rgb(198, 57, 57);
  border: 1px solid rgba(198, 57, 57, 0.3);
}
.status-badge.status-pause{
  background: rgba(208, 145, 37, 0.2);
  color: rgb(208, 145, 37);
  border: 1px solid rgba(208, 145, 37, 0.3);
}
.status-badge.status-active{
  background: rgba(53, 141, 100, 0.2);
  color: rgb(53, 141, 100);
  border: 1px solid rgba(53, 141, 100, 0.3);
}
.objective-footer{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px 20px;
  border-top: 1px solid rgb(220, 223, 229);
}
.objective-footer p{
  line-height: 40px;
  color: rgb(115, 123, 140);
  font-size: 14px;;
}
.footer-proceed-btn{
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to right, rgb(61, 143, 126), rgb(80, 165, 154));
  align-items: center;
  border: 0 solid rgb(220, 223, 229);
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-variation-settings: normal;
  font-weight: 500;
  height: 50px;
  justify-content: center;
  letter-spacing: normal;
  line-height: 20px;
  margin: 0px;
  padding: 8px 30px;
}
.footer-back-btn{
  background-color: rgba(61, 143, 126, 0);
  align-items: center;
  border: 1px solid rgb(220, 223, 229);
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  color: rgb(41, 48, 61);
  font-size: 14px;
  font-variation-settings: normal;
  font-weight: 500;
  height: 50px;
  justify-content: center;
  letter-spacing: normal;
  line-height: 20px;
  margin: 0px;
  padding: 8px 30px;
}
.footer-back-btn:hover{
  transition: .6s;
  background-color: rgba(61, 143, 126, 0.1);
}
.header-txt-right{
  text-align: right;
}
.txt-right-head{
  color: rgb(115, 123, 140);
  font-size: 14px;
}
.header-confidence-score{
  color: rgb(53, 141, 100) !important;
  font-size: 34px;
  font-weight: 700;
}
.calculator-txt-right-head{
  color: rgb(115, 123, 140);
  font-size: 14px;
}
.confidence-exp-btn{
  line-height: 22px;
  display: flex;
  flex-direction: row;
}
.confidence-exp-btn svg{
  width: 15px;
  margin-left: 10px;
}
.info-circle{
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4px;
  padding: 5px;
  font-size: 10px;
}
.grey-text{
  color: rgb(115, 123, 140) !important;
}
.grey-border{
  border: 1px solid rgb(115, 123, 140) !important;
}
.green-text{
  color: rgb(53, 141, 100) !important;
}
.white-text{
  color: rgb(255, 255, 255) !important;
}
.gold-text{
  color: rgb(208, 145, 37) !important;
}
.red-text{
  color: rgb(198, 57, 57) !important;
}
.green-border{
  border: 1px solid rgb(53, 141, 100) !important;
}
.confidence-exp-container{
  width: 100%;
  display: none;
}
.confidence-exp-container-inner{
  display: flex;
  flex-direction: row;
  padding: 20px;
  justify-content: space-between;
}
.confidence-explanation{
  width: 500px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.confidence-explanation .content{
  width: 100%;
  padding: 20px;
  background: rgba(239, 238, 235, 0.4);
  border: 1px solid rgb(239, 238, 235);
}
.understanding-text{
  display: flex;
  color: rgb(41, 48, 61);
  margin-bottom: 15px;
  font-size: 14px;
}
.exp-sub-txt{
  font-size: 14px; 
  color: rgb(115, 123, 140);
  margin-bottom: 20px;
}
.exp-sub-txt.uppercase-text{
  font-size:12px;
  margin-bottom: 5px;
}
.uppercase-text{
  text-transform: uppercase;
}
.bullet-content{
  padding-left: 15px;
}
.bullet-content li::marker {
  color: rgb(53, 141, 100);
}
.bullet-content li strong{
  color: rgb(41, 48, 61);
}
.bullet-content li{
  font-size: 12px;
  line-height: 30px; 
  color: rgb(115, 123, 140);
}
.stat-overview-container{
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-bottom: 10px;
}
.stat-overview-container .stat-property{
  color: rgb(41, 48, 61);
  height: 12px;
  width: 30%;
}
.stat-overview-container .stat-property .property{
  display: block;
  line-height: 12px;
  font-size: 12px;
  font-weight: 700;
}
.stat-overview-container .stat-property .property.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.stat-overview-container .stat-progress{
  width:45%;
  height: 8px;
}
.stat-overview-container .stat-progress .progress, .data-overview-content .stat-progress .progress{
  height: 8px;
  border-radius: 100px;
}
.stat-overview-container .stat-progress .progress .progress-bar, .data-overview-content .stat-progress .progress .progress-bar{
  border-radius: 100px;
}
.exp-txt-foot{
  font-style: italic;
  color: rgb(115, 123, 140);
  font-size:14px;
  line-height: 14px;
  margin: 10px 0;
}
.exp-summary-container{
  border-radius: 10px;
  padding: 10px;
  border: 1px solid rgba(53, 141, 100, 0.2);
  background-color: rgba(53, 141, 100, 0.1);
  margin-top: 20px;
}
.exp-summary-container p{
  line-height: 20px;
  margin-bottom: 5px !important;
  color: rgb(61, 143, 126);
}
.exp-summary{
  color: rgb(115, 123, 140);
  font-size: 14px;
}
.strategy-note-container{
  padding: 20px;
}
/*.strategy-note-content{
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: #FFFFFF;
  border-radius: 5px;
  padding: 20px;
  border: 1px solid rgba(53, 141, 100, 0.9);
  margin-bottom: 30px;
}*/
.strategy-note-head{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.strategy-note-content{
  display: flex;
  flex-direction: row;
  background-color: rgba(53, 141, 100, 0.1);
  border-radius: 15px;
  gap: 10px;
  border: 1px solid rgba(53, 141, 100, 0.2);
  padding: 10px;
}
.strategy-note-icon{
  flex-shrink: 0;
  padding:10px;
}
.strategy-note-icon .strategy-note-icon-container{
  width: 50px;
  height: 50px;
  border-radius: 10px;
  background: rgba(61, 143, 126, 0.1);
  color: rgb(61, 143, 126) !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.strategy-note-details{
  flex-grow: 16;
  padding:10px;
  display: flex;
  flex-direction: column;
}
.strategy-note-details h3{
  margin: 0 0 5px 0;
  color: rgb(41, 48, 61);
  font-size: 16px;
  font-weight: 600;
}
.strategy-note-details p{
  margin: 0;
  color: rgba(115, 123, 140, 0.8);
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: normal;
}
.strategy-note-button{
  width: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.strategy-gear-icon{
  width: 15px;
  height: 15px;
}
.strategy-gear-icon svg{
  width: 15px;
}
.objective-items:hover .obj-title a{
  transition: .4s;
  color: rgba(53, 141, 100, 0.9);
}
.strategy-note-details-link{
  color: rgba(53, 141, 100, 0.9);
}
.strategy-note-details-txt{
  font-size: 14px;
}
.data-overview-container{
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  overflow:auto;
}
.data-overview-item{
  width: 49%;
  padding: 24px;
  border-radius: 10px;
  background-color: #FFFFFF;
  box-shadow: rgba(196, 201, 212, 0.2) 0px 4px 12px 0px;
  border: 1px solid rgb(220, 223, 229);
  margin-bottom: 2%;
}
.data-overview-content{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.data-head{
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.data-overview-icon{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.data-overview-icon-container{
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.data-overview-icon-container.green-icon{
  background: rgba(61, 143, 126, 0.1);
  color: rgb(61, 143, 126) !important;
  border: 1px solid rgba(61, 143, 126, 0.3);
}
.data-overview-details{
  flex-grow: 1;
}
.data-overview-title{
  color: rgb(41, 48, 61);
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.data-overview-subtitle{
  color: rgb(115, 123, 140);
  font-size: 12px;
  margin: 0;
  line-height: 20px;
  word-wrap: break-word;
}
.data-overview-guage{
  flex-shrink: 0;
}
.data-progress{
  width: 40px;
  height: 40px;
}
.data-completeness-container{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.dcc-text{
  font-size:12px;
  text-transform: uppercase;
}
.dcc-score{
  font-size:12px;
}
.data-overview-content .obj-details-period{
  margin-top: 0;
}
.data-overview-content .obj-details-period .period-txt{
  line-height: 20px;
  font-size: 12px;
}
.influence-container{
  display: flex;
  flex-direction: row;
  gap: 20px;
} 
.influence-item{
  display: flex;
  flex-direction: row;
  gap: 5px;
  padding: 5px 10px;
  border-radius: 225px;
  background-color: #FFFFFF;
  border: 1px solid rgb(220, 223, 229);
}
.influence-item .influence-item-text{
  font-size: 12px;
  font-weight: 600;
}
.influence-item .influence-item-icon{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  height: 18px;
}
.influence-item.red-background{
  background-color: rgba(198, 57, 57, 0.1);
  color: rgb(198, 57, 57);
  border: 1px solid rgb(220, 223, 229);
}
.known-gap-container{
  width: 100%;
  padding: 12px;
  border: 1px solid rgba(208, 145, 37, 0.2);
  background-color: rgba(208, 145, 37, 0.1);
  border-radius: 10px;
}
.known-gap-head{
  display: flex;
  flex-direction: row;  
  gap: 5px;
}
.known-gap-head-icon{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  color: rgb(208, 145, 37);
}
.known-gap-head-title{
  display: flex;
  font-size: 12px;
  justify-content: center;
  align-items: center;
  color: rgb(208, 145, 37);
}
.known-gaps-list{
  padding-left: 15px;
}
.known-gaps-list li{
  line-height: 20px;
  font-size: 12px;
  color: rgb(115, 123, 140);
}
.known-gaps-list li::marker {
  color: rgb(208, 145, 37);
}
.data-gap-container{
  width: 100%;
  padding: 20px;
  border: 1px solid rgba(53, 141, 100, 0.2);
  border-radius: 10px;
  box-shadow: rgba(196, 201, 212, 0.2) 0px 4px 12px 0px;
  margin-bottom: 20px;
}
.data-gap-container.white-bg{
  background: #FFFFFF;
}
.data-gap-container:hover{
  transition: 0.3s;
  border: 1px solid rgba(61, 143, 126, 0.3)
}
.data-gap-head{
  display: flex;
  flex-direction: row;
  gap: 10px;
  position: relative;
  cursor: pointer;
}
.data-gap-head-icon{
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.data-gap-head-icon.green-icon{
  background: rgba(61, 143, 126, 0.1);
  border: 1px solid rgba(61, 143, 126, 0.3);
}
.data-gap-head-details{
  display: flex;
  flex-direction: column;
}
.data-gap-head .down-arrow i, .data-gap-head .down-arrow svg{
  position: absolute;
  right: 10px;
  top: 15px;
  color: rgb(115, 123, 140);
  cursor: pointer
}
.data-gap-head-title{
  color: rgb(41, 48, 61);
  font-size: 18px;
  margin: 0;
}
.data-gap-head-subtitle{
  color: rgb(115, 123, 140);
  font-size: 14px;
  margin: 0;
  line-height: 20px;
  word-wrap: break-word;
}
.data-gap-content-container{
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgb(220, 223, 229);
  padding: 20px 0;
  margin-top: 30px;
  gap: 10px;
}
.data-gap-content-note{
  font-size: 14px;
  color: rgb(115, 123, 140);
  padding: 0 0 30px 0;
}
.data-gap-content-item{
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 20px;
  border-radius: 10px;
  background-color: rgba(249, 248, 246, 0.5);
  border: 1px solid rgba(220, 223, 229, 0.3);
}
.data-gap-item-title-container{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.data-gap-content-item-title{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: rgb(41, 48, 61);
}
.data-gap-badge{
  line-height: 20px;
  display: inline-block;
  border-radius: 5px;
  font-size: 12px;
  padding: 0 10px;
}
.data-gap-badge.green{
  background: rgba(53, 141, 100, 0.1);
  color: rgb(53, 141, 100);
  border: 1px solid rgb(220, 223, 229);
}
.data-gap-badge.gold{
  background: rgba(208, 145, 37, 0.1);
  color: rgb(208, 145, 37);
  border: 1px solid rgb(220, 223, 229);
}
.data-gap-badge.grey{
  background: rgba(237, 242, 240, 0.5);
  color: rgb(41, 48, 61);
  border: 1px solid rgb(220, 223, 229);
}
.data-gap-title-text{
  line-height: 20px;
  display: inline-block;
  font-size: 14px;
  padding: 0 10px;
}
.data-gap-impact-container{
  width: auto;
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.data-gap-impact-container .influence-item{
  padding: 2px 5px !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.data-gap-impact-container .influence-item .influence-item-text{
  font-size: 10px !important;
  font-weight: unset !important;
  line-height: 10px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.data-gap-impact-container .influence-item .influence-item-icon{
  font-size: 10px !important;
  height: 10px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.data-gap-item-detail{
  font-style: italic;
  font-size: 14px;
  color: rgb(115, 123, 140);
}
.recommendation-note{
  width: 100%;
  padding: 10px;
  font-size: 12px;
  border-radius: 10px;
  background-color: rgba(53, 141, 100, 0.1);
  color: rgb(115, 123, 140);
  border: 1px solid rgba(53, 141, 100, 0.2);
}
.recommendation-note strong{
  color: rgb(53, 141, 100);
}
.title-note-and-badge{
  
}
.assumption-item-container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.assumption-item{
  display: flex;
  flex-direction: row;
  width: 50%;
  padding: 12px;
  flex-shrink: 0;
}
.assumption-item-title-container{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.assumption-content-item-title{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: rgb(41, 48, 61);
}
.assumption-title-text{
  line-height: 20px;
  display: inline-block;
  font-size: 12px;
  padding: 0 10px;
  color: rgb(115, 123, 140);
}
.head-stat-container{
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.head-stat-container .head-stat-item{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.head-stat-container .head-stat-item .head-stat-number{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: 700;
  color: rgb(41, 48, 61);
}
 
.head-stat-container .head-stat-item .head-stat-note{
  font-size: 12px;
  color: rgb(115, 123, 140);
}

.head-stat-title{
  width: 45%;
}
.head-stat-container{
  width: 25%;
}
.head-stat-button-container{
  width: 25%;
}
.green-bg-light{
  background-color: rgba(53, 141, 100, 0.05) !important;
  border: 1px solid rgba(53, 141, 100, 0.3);
}
.clear-bg{
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgb(220, 223, 229);
}
.green-bg{
  background-color: rgba(53, 141, 100);
  border: 1px solid rgb(220, 223, 229);
}
.green-bg:hover{
  transition: .5s;
  background-color: rgba(53, 141, 100, 0.5);
}
.gold-bg-light{
  background-color: rgba(208, 145, 37, 0.05) !important;
  border: 1px solid rgba(208, 145, 37, 0.3);
}
.red-bg-light{
  background-color: rgba(198, 57, 57, 0.05) !important;
  border: 1px solid rgba(198, 57, 57, 0.3);
}
.data-how-container{
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.data-how-item{
  width: 33%;
  padding: 16px;
  border-radius: 12px;
}
.data-how-head{
  display: flex;
  flex-direction: row;
  gap: 5px;
}
.data-how-head-icon{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 5px;
}
.data-how-head-title{
  display: flex;
  flex-direction: column;
}
.data-how-head-title h4{
  color: rgb(41, 48, 61);
  font-weight: 600px;
  font-size:14px;
  margin-bottom: 0;
}
.data-how-head-title p{
  color: rgb(115, 123, 140);
  font-size:12px;
  margin-bottom: 5px;
}
.data-how-item .data-head-note{
  width: 100%;
  font-size: 14px;
  color: rgb(115, 123, 140);
  margin-bottom: 0;
}
.strategy-score-container{
  width: 100%;
  display: flex;
  flex-direction: row;
  margin: 20px 0;
  justify-content: space-between;
}
.strategy-score-item{
  width: 24%;
  border-radius: 10px;
  border: 1px solid rgb(220, 223, 229);
  background: rgb(255, 255, 255);
  padding: 24px;
  box-shadow: rgba(196, 201, 212, 0.2) 0px 4px 12px 0px;
}
.strategy-score-item:hover{
  border: 1px solid rgb(61, 143, 126, 0.3);
}
.strategy-score-title-main{
  width: 100%;
  display: flex;
  flex-direction: row;
}
.strategy-score-title{
  color: rgb(41, 48, 61);
  font-size: 16px;
  font-weight: 600;
}
.strategy-score-box{
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.strategy-score{
  padding: 5px 10px;
  border-radius: 225px;
  font-size: 14px;
}
.strategy-score-note{
  width:100%;
  font-size: 16px;
  color: rgb(115, 123, 140);
  line-height: 20px;
  margin: 20px 0;
}
.strategy-score-points-container{
  width: 100%;
  margin: 10px 0;
}
.strategy-score-points{
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 5px;
  border: 1px solid rgba(115, 123, 140, 0);
}
.strategy-score-item p{
  font-size: 14px;
  font-weight: 400;
  color: rgb(115, 123, 140);
}
.intiatives-container{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.initiatives-item{
  width: 100%;
  padding: 15px;
  border: 1px solid rgba(220, 223, 229, 0.3);
  color: rgb(41, 48, 61);
  background-color: rgba(239, 238, 235, 0.6);
  border-radius: 10px;
}
.intiatives-item-head{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.stat-container{
  display: flex;
  justify-content: center;
  align-items: center;
}
.intiatives-item-head .stat{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: block;
}
.intiatives-item-head .stat.green-bg-pulse{
  animation: pulse-animation 2s infinite;
  background: rgb(53, 141, 100);
  border: 0;
}
.intiatives-item-head .txt{
  font-size: 12px;
  color: rgb(115, 123, 140);
}
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
  }
}
.initiatives-title-main{
  width: 100%;
  display: flex;
  flex-direction: row;
}
.initiatives-title{
  color: rgb(41, 48, 61);
  font-size: 14px;
  font-weight: 600;
}
.initiatives-box{
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.initiatives-score{
  padding: 5px 5px;
  font-size: 14px;
}
.initiatives-note{
  width:100%;
  font-size: 16px;
  color: rgb(115, 123, 140);
  line-height: 20px;
  margin: 20px 0;
}
.confidence-container{
  width: 100%;
  background: #FFFFFF;
  padding: 30px;
  border-radius: 10px;
  margin: 20px 0;
  box-shadow: rgba(196, 201, 212, 0.2) 0px 4px 12px 0px;
  border: 1px solid rgb(220, 223, 229);
}
.confidence-container:hover{
  border: 1px solid rgb(61, 143, 126, 0.3);
}
.confidence-head{
  display: flex;
  flex-direction: row;
  gap: 10px;
  position: relative;
  cursor: pointer;
  justify-content: space-between;
}
.confidence-head-icon{
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.confidence-head-icon.green-icon{
  background: rgba(61, 143, 126, 0.1);
  border: 1px solid rgba(61, 143, 126, 0.3);
}
.confidence-head-details{
  display: flex;
  flex-direction: column;
}
.confidence-head .down-arrow i, .data-gap-head .down-arrow svg{
  position: absolute;
  right: 10px;
  top: 15px;
  color: rgb(115, 123, 140);
  cursor: pointer
}
.confidence-head-title{
  color: rgb(41, 48, 61);
  font-size: 18px;
  margin: 0;
}
.confidence-head-subtitle{
  color: rgb(115, 123, 140);
  font-size: 14px;
  margin: 0;
  line-height: 20px;
  word-wrap: break-word;
}
.strong-position-box{
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 8px 16px;
  background-color: rgba(53, 141, 100, 0.1);
  border: 1px solid rgba(53, 141, 100, 0.3);
  border-radius: 5px;
}
.strong-position-content{
  display: flex;
  flex-direction: column;
}
.strong-position-content .strong-position-header{
  color: rgb(53, 141, 100);
  font-size: 14px;
  font-weight: 600;
}
.strong-position-content .strong-position-subheader{
  color: rgb(53, 141, 100);
  font-size: 10px;
  opacity: 0.8;
}
.strong-position-icon{
  display: flex;
  justify-content: center;
  align-items: center;
}
.strong-position-icon svg{
  justify-content: center;
  align-items: center;
  color: rgb(53, 141, 100)
}
.confidence-content-container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 20px 0;
}
.confidence-content-item{
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-right: 1px solid rgba(220, 223, 229, 0.5);
}
.confidence-content-item:last-child{
  border-right: none;
  padding-left:30px;
}
.confidence-details{
  width: 100%;
  display: flex;
  flex-direction: row;
}
.confidence-score{
  width: 200px;
  height: 200px;
  position: relative;
}

.confidence-score svg{
  width: 12rem;
  height: 12rem;
  color: #FFFFFF;
}

.progress-rotate-90 {
  transform: rotate(-90deg);
}
.confidence-number-container{
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.confidence-number{
  font-size: 40px;
  font-weight: 700;
  color: rgb(41, 48, 61);
  line-height: 30px;
}
.confidence-caption{
  font-size: 14px;
}
.confidence-progress-header{
  font-size: 16px;
  font-weight: 600;
}
.confidence-progress-subheader{
  font-size: 14px;
}
.confidence-progress-details{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.confidence-finance-snippet{
  width: 100%;
  padding: 20px 0;
  border-top: 1px solid rgba(220, 223, 229, 0.3);
  display: flex;
  flex-direction: row;
}
.conf-snippet-item{
  width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.conf-snippet-item .money{
  font-size: 14px;
  font-weight: 600;
}
.conf-snippet-item .caption{
  font-size: 12px;
}
.admin-platform-header{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid rgba(220, 223, 229, 0.5);
  margin-bottom: 30px;
}
.platform-head-title{
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 40px;
}
.back-to-platform-btn{
  transition: .4s;
  display: flex;
  flex-direction: row;
  background-color: rgba(61, 143, 126, 0);
  color: rgba(115, 123, 140, 0.8);
  border-radius: 5px;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
.back-to-platform-btn svg{
  width: 15px;
  margin-right: 5px;
}
.back-to-platform-btn:hover{
  transition: .4s;
  background-color: rgba(61, 143, 126, 0.1);
  color: rgba(115, 123, 140, 1);
}
.admin-header-title-container{
  display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: center;
  align-items: center;
}
.admin-header-gear-icon{
  width: 36px;
  height: 36px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(61, 143, 126, 0.1);
  color: rgb(61, 143, 126);
}
.admin-header-title-box{
  display: flex;
  flex-direction: column;
}
.admin-header-title-box h1{
  color: rgb(41, 48, 61);
  font-size: 20px;
  margin: 0;
}
.admin-header-title-box p{
  color: rgb(115, 123, 140);
  font-size: 14px;
  margin: 0;
}
.admin-label-container{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right:40px;
}
.admin-label{
  display: flex;
  flex-direction: row;
  padding: 5px 10px;
  border-radius: 225px;
  font-size: 12px;
  color: rgb(41, 48, 61);
  border: 1px solid rgb(220, 223, 229);
  justify-content: center;
  align-items: center;
  font-weight: 600;
  gap: 5px;
}
.admin-label span{
  display: flex;
  justify-content: center;
  align-items: center;
}
.admin-nav-container{
  display: flex;
  flex-direction: row;
  gap: 10px;
  border-radius: 10px;
  background-color: rgb(239, 238, 235);
  padding: 5px;
  margin: 20px 0;
}
.admin-nav-container .admin-nav-list{
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.admin-nav-container .admin-nav-list a{
  font-size: 14px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  border: 0;
}
.admin-nav-container .admin-nav-list a span{
  display: flex;
  justify-content: center;
  align-items: center;
}
.admin-nav-container .admin-nav-list a.active{
  background: #FFF;
}
.icon-and-note-small{
  display: flex;
  flex-direction: row;
  padding:10px;
  border-radius: 10px;
  gap: 10px;
  color: rgb(53, 141, 100);
}
.icon-and-note-small .icon{
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-and-note-small p{
  color: rgb(115, 123, 140, 0.8);
  font-size: 14px;
  margin-bottom: 0;
}
.icon-and-note-small p strong{
  color: rgb(41, 48, 61);
  font-size: 14px;
}
.data-sources-container{
  display: none;
  flex-direction: column;
  gap: 20px;
  margin: 20px 0;
}
.data-sources-container.show{
  display: flex;
}
.data-sources-container .data-source-item{
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  border-radius: 10px;
  background-color: #FFFFFF;
  border: 1px solid rgba(53, 141, 100, 0.5);
}
.data-sources-container .data-source-item .icon-and-title{
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.data-sources-container .data-source-item .icon-and-title .icon{
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(61, 143, 126, 0.1);
  color: rgb(61, 143, 126) !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.data-sources-container .data-source-item .icon-and-title h3{
  margin: 0 0 5px 0;
  color: rgb(41, 48, 61);
  font-size: 16px;
  font-weight: 600;
}
.data-sources-container .data-source-item .icon-and-title p{
  margin: 0;
  margin-bottom: 0px;
  color: rgba(115, 123, 140, 0.8);
  font-size: 14px;
  font-weight: normal;
}
.data-sources-container .data-source-item .header{
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.data-sources-container .data-source-item .data-source-mini-item{
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 20px;
}
.data-sources-container .data-source-item .data-source-score{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.data-sources-container .data-source-item .data-source-score .ds-score{
  font-size: 24px;
  color:rgb(41, 48, 61);
  font-weight: 600;
  line-height: 26px;
  text-align: right;
}
.data-sources-container .data-source-item .data-source-score .ds-score-note{
  font-size: 12px;
  color:rgba(41, 48, 61, 0.7);
  text-align: right;
  font-weight: 400;
}
.data-sources-container .data-source-item .data-source-sub-item-container{
  display: flex;
  flex-direction: column;
}
.data-sources-container .data-source-item .data-source-sub-item-container .icon-and-title .icon{
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: rgba(61, 143, 126, 0.1);
  color: rgb(61, 143, 126) !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.data-sources-container .data-source-item .data-source-sub-item-container .data-source-mini-item{
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  border: 1px solid rgba(220, 223, 229, 0.3);
  border-radius: 10px;
  cursor: pointer;
  flex-wrap: wrap;
}
.data-sources-container .data-source-item .data-source-sub-item-container .data-source-mini-item:hover{
  border: 1px solid rgba(61, 143, 126, 0.3);
}
.data-sources-container .data-source-item .data-source-sub-item-container .icon-and-title h4{
  margin: 0 0 5px 0;
  color: rgb(41, 48, 61);
  font-size: 13px;
  font-weight: 500;
}
.data-sources-container .data-source-item .data-source-sub-item-container .icon-and-title h4 .data-source-status{
  border-radius: 225px;
  font-size: 12px;
  padding: 4px 10px;
  margin-left: 10px;
}
.data-sources-container .data-source-item .data-source-sub-item-container .icon-and-title h4 .data-source-status.connected{
  background-color: rgba(53, 141, 100, 0.1);
  border: 1px solid rgba(53, 141, 100, 0.3);
  color: rgb(53, 141, 100);
}
.data-sources-container .data-source-item .data-source-sub-item-container .icon-and-title h4 .data-source-status.partial{
  background-color: rgba(208, 145, 37, 0.1);
  border: 1px solid rgba(208, 145, 37, 0.3);
  color: rgb(208, 145, 37);
}
.data-sources-container .data-source-item .data-source-sub-item-container .icon-and-title h4 .data-source-status.not-connected{
  background-color: rgba(198, 57, 57, 0.1);
  border: 1px solid rgba(198, 57, 57, 0.3);
  color: rgb(198, 57, 57);
}
.title-and-stat .data-source-status{
  border-radius: 225px;
  font-size: 11px;
  padding: 2px 10px;
  margin-left: 10px;
}
.title-and-stat .data-source-status.connected{
  background-color: rgba(53, 141, 100, 0.1);
  border: 1px solid rgba(53, 141, 100, 0.3);
  color: rgb(53, 141, 100);
}
.title-and-stat .data-source-status.partial{
  background-color: rgba(208, 145, 37, 0.1);
  border: 1px solid rgba(208, 145, 37, 0.3);
  color: rgb(208, 145, 37);
}
.title-and-stat .data-source-status.not-connected{
  background-color: rgba(198, 57, 57, 0.1);
  border: 1px solid rgba(198, 57, 57, 0.3);
  color: rgb(198, 57, 57);
}
.data-sources-container .data-source-item .data-source-sub-item-container .icon-and-title p{
  margin: 0;
  margin-bottom: 0px;
  color: rgba(115, 123, 140, 0.8);
  font-size: 12px;
  margin-bottom: 0;
  font-weight: normal;
}
.data-sources-container .data-source-item .data-source-sub-item-container .data-source-score{
  display: flex;
  flex-direction: row;
}
.data-sources-container .data-source-item .data-source-sub-item-container .data-source-score .ds-score-container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 10px;
}
.data-sources-container .data-source-item .data-source-sub-item-container .data-source-score .pagination-arrow-container{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.data-sources-container .data-source-item .data-source-sub-item-container .data-source-score .ds-score-container .ds-score{
  font-size: 18px;
  color:rgb(41, 48, 61);
  font-weight: 500;
  line-height: 18px;
  text-align: right;
}
.data-sources-container .data-source-sub-item .data-source-sub-item-container .data-source-score .ds-score-container .ds-score-note{
  font-size: 11px;
  color:rgba(41, 48, 61, 0.3);
  text-align: right;
}
.data-source-sub-item-container .data-source-mini-item .data-source-child-item-container{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.data-source-sub-item-container .data-source-mini-item .data-source-child-item-container .data-source-child-item{
  display: none;
  flex-direction: column;
  gap: 10px;
}
.data-source-sub-item-container .data-source-mini-item .data-source-child-item-container .data-source-child-item.show{
  display: flex;
}
.data-source-sub-item-container .data-source-mini-item .data-source-child-item-container .data-source-child-item .ds-child-details{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 0;
}
.data-source-sub-item-container .data-source-mini-item .data-source-child-item-container .data-source-child-item .ds-child-details .ds-child-desc{
  font-size: 14px;
  color: rgb(115, 123, 140);
}
.data-source-sub-item-container .data-source-mini-item .data-source-child-item-container .data-source-child-item .ds-child-details .ds-child-score{
  font-size: 14px;
  color: rgb(41, 48, 61);
  font-weight: 500px;
}
.ds-btn-container{
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.ds-btn-container .ds-btn, .data-health-btn{
  display: flex;
  flex-direction: row;
  gap: 5px;
  padding: 10px 15px;
  border-radius: 8px;
  font-size: 12px;
  color: rgb(41, 48, 61);
  border: 1px solid rgb(220, 223, 229);
  justify-content: center;
  align-items: center;
  font-weight: 600;
}
.ds-btn-icon{
  display: flex;
  align-items: center;
}
.ds-btn-txt{
  display: flex;
  align-items: center;
}
.missing-data-container{
  width: 100%;
  padding: 12px;
  border-radius: 10px;
  background-color: rgba(208, 145, 37, 0.05);
  border: 1px solid rgba(208, 145, 37, 0.2);
  color: rgb(208, 145, 37);
}
.missing-data-container p{
  font-size: 12px;
  margin-bottom: 5px;
}
.missing-data-container ul{
  padding: 0;
  margin: 0;
}
.missing-data-container ul li{
  font-size: 12px;
  list-style-type: disc;
  font-weight: lighter;
  margin-left: 12px;
}
.missing-data-container ul li span{
  color: rgb(115, 123, 140);
}
.data-stats-container{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.data-stats-container .data-stats-item{
  width: 24%;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.data-stats-container .data-stats-item .stat-numbers{
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 5px;
  font-weight: 500;
  color: rgb(41, 48, 61);
}
.data-stats-container .data-stats-item .stat-note{
  font-size: 12px;
  font-weight: 700;
  color: rgba(41, 48, 61, 0.5);
  font-weight: 100;
  margin-bottom: 0;
}
.permission-stat-container{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.permission-stat-container .permission-stats-item{
  width: 33%;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 10px;
}
.permission-stat-container .permission-stats-item .permission-title{
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 5px;
  font-weight: 400;
  color: rgb(41, 48, 61);
}
.permission-stat-container .permission-stats-item .permission-note{
  font-size: 11px;
  font-weight: 700;
  color: rgba(41, 48, 61, 0.5);
  font-weight: 100;
  margin-bottom: 0;
}
.data-source-details-container{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.data-source-details-container .data-source-details-item{
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid rgba(220, 223, 229, 0.5);
}
.title-stat-date-and-score{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
}
.date-and-score .date-time{
  font-size: 12px;
  color: rgb(115, 123, 140);
  margin-right: 20px;
}
.date-and-score .stat-score{
  font-weight: 400;
}
.title-stat-date-and-score .title-and-stat .stat-title{
  display: flex;
  justify-content: center;
  align-items: center;
}
.title-stat-date-and-score .title-and-stat, .title-stat-date-and-score .date-and-score{
  display: flex;
  flex-direction: row;
}

.user-list-container{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 20px;
}
.user-list-container .user-list-item{
  padding: 20px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 10px;
  border: 1px solid rgba(220, 223, 229, 0.5);
  padding: 15px;
  margin-bottom: 10px;
}
.user-list-container .user-list-item:hover{
  border: 1px solid rgba(61, 143, 126, 0.3);
}
.user-list-container .user-list-item .user-bio{
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.user-list-container .user-list-item .user-bio .user-profile{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.user-list-container .user-list-item .user-bio .user-profile .user-name{
  font-size: 14px;
  line-height: 15px;
  font-weight: 600;
  color: rgb(41, 48, 61);
  margin-bottom: 0;
}
.user-list-container .user-list-item .user-bio .user-profile .user-email{
  font-size: 12px;
  font-weight: 400;
  color: rgba(41, 48, 61, 0.5);
  margin-bottom: 0;
}
.user-list-container .user-list-item .user-bio .user-avatar{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(61, 143, 126, 0.1);
}
.user-list-container .user-list-item .user-details{
  font-size: 12px;
  font-weight: 700;
  color: rgba(41, 48, 61, 0.5);
  font-weight: 100;
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
}
.user-list-container .user-list-item .user-details .user-permission{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.user-list-container .user-list-item .user-details .action-btn-container{
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.user-list-container .user-list-item .user-details .user-permission .user-badge{
  padding: 2px 10px;
  border-radius: 225px;
  font-size: 12px;
  font-weight: 400;
}
.user-badge.admin, .user-badge.editor, .user-badge.viewer{
  background-color: rgba(61, 143, 126, 0.1);
  border: 1px solid rgba(61, 143, 126, 0.3);
  color: rgb(61, 143, 126);
}
.user-badge.strategy-contributor{
  background-color: rgba(208, 145, 37, 0.1);
  border: 1px solid rgba(208, 145, 37, 0.3);
  color: rgb(208, 145, 37);
}
.data-strategy-section{
  width: 100%;
  padding: 0 20px;
  margin: 20px 0;
}
.data-strategy-form-container{
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: 10px;
  background-color: #FFFFFF;
  border: 1px solid rgba(53, 141, 100, 0.5);
}
.data-strategy-form-container .header{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.data-strategy-form-container .header .icon-and-title{
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.data-strategy-form-container .header .icon-and-title .icon{
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(61, 143, 126, 0.1);
  color: rgb(61, 143, 126) !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.data-strategy-form-container .header .icon-and-title .strategy-form-title-and-note h3{
  margin: 0 0 5px 0;
  color: rgb(41, 48, 61);
  font-size: 16px;
  font-weight: 600;
}
.data-strategy-form-container .header .icon-and-title .strategy-form-title-and-note p{
  margin: 0;
  margin-bottom: 0px !important;
  color: rgba(115, 123, 140, 0.8);
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: normal;
}
.strategy-form-container{
  width: 100%;
  margin-top: 20px;
  display: none;
}
.strategy-form-container.show{
  display: block;
}
.strategy-form-container .form-group label{
  line-height: 14px;
  font-size: 14px;
  color: rgb(41, 48, 61);
  font-weight: 300;
  margin-bottom: 5px;
}
.strategy-form-container .form-group .form-control{
  font-size: 14px;
  color: rgba(41, 48, 61, 0.7);
  outline:#04AA6D;
}
.strategy-form-container .form-group .save-strategy-btn{
  display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: center;
  align-items: center;
  float: right;
}

.strategy-form-container .form-group .save-strategy-btn span{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

.strategy-form-container .form-group .disabled-strategy-btn{
  display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: center;
  align-items: center;
  float: right;
  pointer-events: none !important;
  opacity: 0.3 !important;
}
.strategy-form-container .form-group .disabled-strategy-btn:hover{
    opacity: 0.3 !important;
}
.strategy-form-container .form-group .disabled-strategy-btn span{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.open-accordion{
  cursor: pointer;
}
.popup-container{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  justify-content: center;
}
.popup-container.show{
  display: flex;
}
.popup-modal{
  background: #FFFFFF;
  margin: auto;
  gap: 20px;
  padding: 20px;
  border-radius: 10px;
  color: rgb(41, 48, 61);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display:none;
}
.popup-modal.show{
  display: block;
}
.popup-modal.small{
  width: 500px; 
  max-width: 520px; 
}
.popup-modal.large{
  width: 100%; 
  height: 100%;
  overflow: scroll;
  border-radius: 0;
  padding: 0;
  margin: 0;
}
.popup-modal.large ::-webkit-scrollbar {
  width: 5px;
}
.popup-modal.large .data-info-container{
  width: 73%;
  max-width: 1200px; 
  padding: 20px;
  margin: 50px auto;
}
.popup-title-container{
  display: flex;
  flex-direction: column;
}
.popup-title-container .popup-title{
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
}
.popup-title-container .popup-title .popup-title-icon{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}

.popup-modal .popup-title-container .popup-title h2{
  line-height: 20px;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 0;
  color: rgb(41, 48, 61);
}
.popup-modal .popup-title-container p{
  font-size: 14px;
  margin-bottom: 5px;
  color: rgb(115, 123, 140);
}
.popup-modal .form-group label{
  line-height: 14px;
  font-size: 13px;
  color: rgb(41, 48, 61);
  font-weight: 500;
  margin-bottom: 10px;
}
.popup-modal .form-group label .required{
  color: rgb(198, 57, 57);
}
.popup-modal .form-group .form-control{
  font-size: 14px;
  color: rgba(41, 48, 61, 0.7);
  outline:#04AA6D;
}
.form-note{
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin: 10px 0;
  justify-content: flex-start;
  align-items: center;
}
.form-note .status{
  padding: 3px 7px;
  border-radius: 5px;
  color:#04AA6D;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: rgba(61, 143, 126, 0.3);
}
.form-note .note-text{
  font-size: 14px;
  color: rgb(115, 123, 140);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: lighter;
}
.form-buttons{
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
}
.form-buttons button{
  font-size:13px;
}
.form-buttons button.green-bg{
  color: #FFF;
}
.popup-close-btn{
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color:rgba(41, 48, 61, 0.5);
}
.popup-close-btn:hover{
  color:rgba(41, 48, 61, 1);
}
.upload-file-custom-txt {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #aaa;
}
.data-mapper-journey-container{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 20px 0;
}
.data-mapper-journey-container .data-journey-items{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 5px;
  background: rgba(239, 238, 235, 0.3);
  border: 1px solid rgba(220, 223, 229, 0.3);
  color: rgb(41, 48, 61);
  gap: 10px;
  padding: 8px 10px;
}
.data-mapper-journey-container .data-journey-items.active{
  background: rgba(61, 143, 126, 0.1);
  border: 1px solid rgba(61, 143, 126, 0.3);
  color: rgb(61, 143, 126);
}
.data-mapper-journey-container .data-journey-items .mapper-journey-number{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgb(220, 223, 229);
  background: rgb(239, 238, 235);
  color: rgb(115, 123, 140);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.data-mapper-journey-container .data-journey-items.active .mapper-journey-number{
  background: rgb(61, 143, 126);
  color: #FFF;
}
.data-mapper-journey-container .data-journey-items .mapper-journey-title{
  font-size: 12px;
  line-height: 30px;
  color: rgb(115, 123, 140);
  display: flex;
  justify-content: center;
} 
.data-mapper-journey-container .data-journey-items.active .mapper-journey-title{
  color: rgb(61, 143, 126);
} 
.data-op-container{
  width: 100%;
  background: #FFF;
  border-radius: 10px;
  padding: 24px;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  border: 1px solid rgb(220, 223, 229);
}
.data-op-item{
  width: 100%;
}
.data-op-item .op-title-container{
  display: flex;
  flex-direction: column;
}
#mapper-confirmation{
  display: none;
}
.data-op-item .op-title-container .op-title{
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
}
.data-op-item .op-title-container .op-title .op-title-icon{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  color: rgb(61, 143, 126);
}

.data-op-item .op-title-container .op-title h3{
  line-height: 20px;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 0;
  color: rgb(41, 48, 61);
}
.data-op-item .op-title-container p{
  font-size: 14px;
  margin-bottom: 5px;
  color: rgb(115, 123, 140);
}
.data-upload-container{
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 20px 0;
}
.data-upload-container .data-upload-item{
  transition: .6s;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  border-radius: 10px;
  background-color: rgba(239, 238, 235, 0.05);
  border: 1px dashed rgba(220, 223, 229, 0.5);
}
.data-upload-container .data-upload-item.uploaded-green{
  transition: .6s;
  background-color: rgba(53, 141, 100, 0.1) !important;
  border: 1px solid rgba(53, 141, 100, 0.3) !important;
}
.data-upload-container .data-upload-item.uploaded-gold{
  transition: .6s;
  background-color: rgba(208, 145, 37, 0.1) !important;
  border: 1px solid rgba(208, 145, 37, 0.3) !important;
}
.data-upload-container .data-upload-item.uploaded-red{
  transition: .6s;
  background-color: rgba(198, 57, 57, 0.1) !important;
  border: 1px solid rgba(198, 57, 57, 0.3) !important;
}
.data-upload-container .data-upload-item .upload-header{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.data-upload-container .data-upload-item .upload-header .upload-icon-and-title-container{
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.data-upload-container .data-upload-item .upload-header .icon{
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.data-upload-container .data-upload-item .upload-header .title-container{
  display: flex;
  flex-direction: column;
}
.data-upload-container .data-upload-item .upload-header .title-container .title{
  font-size: 14px;
  font-weight: 500;
  color:rgb(41, 48, 61);
}
.data-upload-container .data-upload-item .upload-header .title-container .sub-title{
  font-size: 12px;
  color:rgb(115, 123, 140);
}
.upload-note{
  font-size: 12px;
  color: rgb(115, 123, 140);
  text-align: center;
}
.drag-and-drop-zone{
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: 10px;
  background-color: rgba(239, 238, 235, 0.05);
  border: 1px dashed rgba(220, 223, 229, 0.5);
}
.uploaded-file-details-container{
  display: none;
  width: 100%;
  padding: 12px;
  border-radius: 10px;
  background: rgba(249, 248, 246, 0.6);
  border: 1px solid rgba(220, 223, 229, 0.3);
}
.uploaded-file-details-container.show{
  transition: .6s;
  display: block;
}
.uploaded-file-details-container .file-details{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.uploaded-file-details-container .file-details .file-name-info{
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.uploaded-file-details-container .file-details .file-name-info .icon{
  display: flex;
  justify-content: center;
  align-items: center;
}
.uploaded-file-details-container .file-details .file-name-info .file-name{
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  color: rgb(41, 48, 61);
}
.uploaded-file-details-container .file-details .file-name-info .file-name span{
  font-weight: lighter;
  font-size: 12px;
  color: rgb(115, 123, 140);
  margin-left: 10px;
}
.mapper-pill-info{
  display: flex;
  justify-content: center;
  align-items: center;
}
.mapper-pill-info .mapper-pill{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  color: rgb(208, 145, 37);
  border: 1px solid rgba(208, 145, 37, 0.3);
  border-radius: 225px;
  padding: 2px 8px;
  background: rgba(208, 145, 37, 0.1);
}
.mapper-pill-info .mapper-pill .icon{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}
.mapper-pill-info .mapper-pill .text{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}
.mapper-note-container{
  display: none;
  flex-direction: row;
  margin: 10px 0;
  justify-content: flex-start;
  align-items: center;
  margin: 20px 0 0 0;
}
.mapper-note-container.show{
  transition: .6s;
  display: flex;
}
.mapper-note-container .icon{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  color: rgb(61, 143, 126);
}
.mapper-note-container .text{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  color: rgb(115, 123, 140);
  font-size: 11px;
}
.upload-progress-container{
  display: none;
  flex-direction: column;
  gap: 10px;
  margin: 20px 0;
}
.upload-progress-container.show{
  transition: .6s;
  display: flex !important;
}
.upload-progress-container .upload-progress-bar{
  width: 100%;
  /*border-radius: 225px;*/
}
.progress-txt{
  font-style: italic;
  font-size: 12px;
  color: rgb(53, 141, 100);
}
.upload-progress-bar::-moz-progress-bar {
  border-radius: 225px;
  background: rgb(53, 141, 100);
}
.upload-progress-bar::-webkit-progress-bar-value {
  border-radius: 225px;
  -webkit-appearance: none;
  background: rgb(53, 141, 100);
}
.upload-disclaimer{
  background: rgba(239, 238, 235, 0.3);
  border: 1px solid rgba(220, 223, 229, 0.3);
  padding: 12px;
  border-radius: 10px;
}
.upload-disclaimer p{
  font-size: 12px;
  color: rgb(115, 123, 140);
  margin-bottom: 0;
}
.bottom-nav-btn-container{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px;
}
.bottom-nav-btn{
  display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  border-radius: 8px;
  font-size: 12px;
  color: rgb(41, 48, 61);
}
.ready-to-analyse-box{
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px;
  border-radius: 10px;
  background-color: rgba(53, 141, 100, 0.1);
  border: 1px solid rgba(53, 141, 100, 0.3);
  margin: 20px 0;
}
.rtab-icon-and-text{
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.rtab-icon-and-text .icon{
  display: flex;
  justify-content: center;
  align-items: center;
}
.rtab-icon-and-text .text{
  font-size: 14px;
  font-weight: 500;
}
.ready-to-analyse-box p{
  font-size: 12px;
  color: rgb(115, 123, 140);
  font-weight: lighter;
  margin: 0;
}
.analysis-ready-container{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.analysis-ready-container .analysis-ready-item{
  display: flex;
  flex-direction: row;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid rgba(220, 223, 229, 0.5);
  margin: 20px 0;
  justify-content: space-between;
}
.analysis-ready-container .analysis-ready-item .analysis-file-details{
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.analysis-ready-container .analysis-ready-item .analysis-file-details .icon{
  display: flex;
  justify-content: center;
  align-items: center;
}
.analysis-ready-container .analysis-ready-item .analysis-file-details .name{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: rgb(41, 48, 61);
}
.analysis-ready-container .analysis-ready-item .analysis-file-details .data-tag{
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(41, 48, 61, 0.3);
  color: rgb(41, 48, 61);
  font-size:10px;
  font-weight: 500px;
  border-radius: 225px;
  padding: 2px 10px;
}
.analysis-ready-container .analysis-ready-item .analysis-file-details .analysis-label{
  display: flex;
  justify-content: center;
  align-items: center;
}
.analysis-ready-container .analysis-ready-item .analysis-label .data-label{
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(53, 141, 100, 0.1);
  border: 1px solid rgba(53, 141, 100, 0.3);
  color: rgb(53, 141, 100);
  font-size:10px;
  font-weight: 500px;
  border-radius: 225px;
  padding: 2px 10px;
}
.data-gap-stats-container{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 20px 0;
}
.data-gap-stats-container .data-gap-stats-item{
  width: 31%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px 0;
  border-radius: 10px;
}
.data-gap-stats-container .data-gap-stats-item .gap-numbers{
  font-size: 28px;
  line-height: 30px;
  margin-bottom: 5px;
  font-weight: 500;
}

.data-gap-stats-container .data-gap-stats-item .gap-desc{
  font-size: 12px;
  font-weight: lighter;
  color: rgb(115, 123, 140);
  margin: 0;
}
.data-gap-disclaimer{
  display: flex;
  flex-direction: row;
  padding: 12px;
  border-radius: 10px;
  gap: 5px;
}
.data-gap-disclaimer .icon{
  display: flex;
  justify-content: center;
}
.data-gap-disclaimer .text{
  font-size: 12px;
  color: rgb(115, 123, 140);
  margin: 0;
}
.review-table-container{
  width: 100%;
  display: none;
  border: 1px solid rgba(220, 223, 229, 0.5);
  border-radius: 10px;
  margin-top: 20px;
}
.all-mapping-tables.show{
  display: block;
}
.review-table{
  width: 100%;
}
.review-table thead{
  background: rgba(239, 238, 235, 0.3);
}
.review-table thead th{
  color: rgb(115, 123, 140);
  font-weight: lighter;
  font-size: 12px;
  text-transform: uppercase;
}
.review-table tbody tr td{
  /*font-family: ui-monospace;*/
  padding: 10px 0;
}
.mapping-table-head{
  width: 100%;
  display: flex;
  flex-direction: row;
  background: rgba(239, 238, 235, 0.9);
  border-radius: 10px 10px 0 0;
}
.mapping-table-head .mapping-table-head-item{
  width: 25%;
  padding: 10px 10px;
  flex-wrap: nowrap;
  color: rgb(115, 123, 140);
  font-weight: lighter;
  font-size: 13px;
  text-transform: uppercase;
}
.review-table-body{
  width: 100%;
  display: flex;
  flex-direction: column;
}
.review-table-body .review-table-body-item-container{
  width: 100%;
  display: flex;
  flex-direction: row;
}
.review-table-body .review-table-body-item-container .review-table-body-item{
  width: 25%;
  padding: 10px 10px;
  flex-wrap: nowrap;
  color: rgb(41, 48, 61);
  font-weight: lighter;
  font-size: 14px;
}
.review-table-body .review-table-body-item-container .review-table-body-item:last-child{
  border-radius: 0 0 10px 10px;
}
.pill-items{
  padding: 1px 8px;
  border-radius: 225px;
  display: inline-flex;
  flex-direction: row;
  gap: 5px;
}
.pill-items .icon{
  display: flex;
  justify-content: center;
  align-items: center;
}
.pill-items .text{
  display: flex;
  align-items: center;
  font-size: 10px;
}