:root {
    --color-dark-1: #000000;
    --color-dark-2: #212121;
    --color-dark-3: #353737;
    --color-grey-1: #818283;
    --color-grey-2: #A5A8A9;
    --color-grey-3: #E4E4E4;
    --color-grey-4: #EFEFEF;
    --color-grey-5: #D7D7D7;
    --color-peach-1: #C93E12;
    --color-peach-2: #FFAD93;
    --color-white-1: #FFFFFF;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    background-color: white;
}

    input:-webkit-autofill:focus,
    input:-webkit-autofill:focus-visible,
    input:-webkit-autofill:focus-within {
        -webkit-box-shadow: 0 0 0px 1000px white inset;
        border-color: var(--color-dark-2);
        background-color: white;
    }

@font-face
{
  font-family:"Inter";
  src:url('Inter.ttf');
}

.welcome-page .logo {
  width: 64px;
}

.icon-banner {
  width: 32px;
}

.body-container {
  padding: 15% 10% 0% 10%;
  height: 90%;
}

.body-loggedout-container {
  height: 100%;
}

.welcome-page li {
  list-style: none;
  padding: 4px;
}

.logged-out-page iframe {
  display: none;
  width: 0;
  height: 0;
}

#scrollContent {
  border: none;
  width: 4px;
}

.classname{
  /*font-family:Futura_LT_Book*/
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: #E2E1E5;
  border-radius: 100px;
}

html,body
{
  margin: 0;
  padding: 0;
  height: 100%
}


#grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

#grid-logout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  align-items: center;
}

#credentials-container {
  background-color: transparent;
  height: 90%;
}

#loggedOut-container {
  width: 500px;
  height: 400px;
  border-radius: 6px;
  border: 1px solid #EBEEFF;
  background-color: #FFF;
  box-shadow: 0px 12px 40px -8.77551px rgba(183, 194, 222, 0.10);
}

.new-password-container {
}

.editor label {
  height: 20px;
  font-family: "Inter",sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #2C2853;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.editor input[type=text] {
    background: var(--color-white-1) !important;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 44px;
    border: 1px solid var(--color-grey-5);
    border-radius: 6px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

    .editor input[type=text]:focus {
        border: 1px solid var(--color-dark-2);
        box-shadow: none;
        background: var(--color-white-1) !important;
    }

.editor input[type=password] {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 44px;
    border: 1px solid var(--color-grey-5);
    border-radius: 6px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

    .editor input[type=password]:focus {
        border: 1px solid var(--color-dark-2);
        box-shadow: none;
        background: var(--color-white-1) !important;
    }

.login-page {
  background-color: transparent;
  height: 100%;
  position: relative;
  align-content: center;
  width: 50%;
  max-width: 380px;
}

.password-group {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.option-group {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
}

.forgot-psw {
    padding-top: 4PX;
    font-family: 'Inter',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: var(--color-grey-1)
}

.forgot-psw:hover {
    color: var(--color-dark-2)
}

.login-button {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    height: 44px;
    background-color: var(--color-dark-2);
    border: 1px solid var(--color-dark-2);
    border-radius: 6px;
    color: var(--color-white-1);
    width: 100%;
}
.login-button:hover {
   color: var(--color-grey-4);
 }

    .login-button:active, .login-button:focus {
        box-shadow: 0px 0px 0px 2px var(--color-white-1), 0px 0px 0px 4px var(--color-dark-2);
        color: var(--color-white-1);
    }

.login-button:disabled {
     background: #F6F6F6;
     color: #6B6D80;
     border: 1px solid #E2E1E5;
   }

.inline-provider {
  width: 100%;
}

.external-provider-button {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 12px;
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 6px;
    color: #5C5980;
    width: 100%;
    margin-bottom: 12px;
}

    .external-provider-button:hover {
        background: #FDFCFF;
        color: var(--color-dark-3);
        border: 1px solid #DADADA;
    }

    .external-provider-button:enabled, .external-provider-button:hover {
        background: var(--color-white-1);
        color: var(--color-dark-3);
        border: 1px solid #DADADA;
    }

    .external-provider-button:active, .external-provider-button:focus {
        background: var(--color-white-1);
        color: var(--color-dark-3);
        box-shadow: 0px 0px 0px 2px var(--color-white-1), 0px 0px 0px 4px var(--color-dark-3);
    }

    .external-provider-button:not(:disabled):not(.disabled):active, .external-provider-button:not(:disabled):not(.disabled).active,
    .show > .external-provider-button.dropdown-toggle {
        background: var(--color-white-1);
        color: var(--color-dark-3);
        box-shadow: 0px 0px 0px 2px var(--color-white-1), 0px 0px 0px 4px var(--color-dark-3);
    }

.buttons-separator {
    border-bottom: 1px solid var(--color-grey-3);
    display: flex;
    width: 40%;
    margin-bottom: 10px;
}

.separator-text {
  font-family: 'Inter',sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-dark-3);
}

.terms-conditions {
  font-family: 'Inter',sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-decoration-line: underline;
  color: var(--color-dark-3);
  justify-content: center;
  display: flex;
  margin-top: auto;
}
.terms-conditions:hover {
    color: var(--color-dark-3);
}
.form-group-login {
  margin-bottom: 32px;
}

.form-label {
    color: var(--color-dark-3)
}

.login-header {
  margin-bottom: 48px;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: var(--color-dark-3);
}

.back-hyperlink {
  font-family: 'Inter',sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-dark-2);
}
.back-hyperlink:hover {
    color: var(--color-dark-2);
}

.lead-custom {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 28px;
}

.primary-button {
  padding-top: 16px;
}

.alert-danger-custom {
  background: #FFF2F2;
  border-radius: 6px;
  border: none;
  color: #BA1A1A;
  display: flex;
  padding-top: 1.75rem;
}

.danger-text {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #BA1A1A;
}

.danger-text ul {
  list-style-type: none;
  margin-left:-20px
}

.error-icon {
  width: 16px; 
  height: 16px;
  padding-top: 5px;
}

.password-hint-label {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #6B6D80;
}

.recovery-instructions-label {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #2C2853;
}

.recovery-instructions{
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
}

.recovery-instructions-label-bold {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #2C2853;
  padding-left: 5px;
}

.reset-password-layout {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #2C2853;
  padding-bottom: 48px;
}

.sen-info-header {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #2C2853;
  padding-bottom: 12px;
  text-align: center;
}

.parent-layout {
  width:100%; 
  height: 100%;
}

.parent-grid {
  height: 100%;
}

.sen-info-details {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #2C2853;
  text-align: center;
}

.sen-centered-page-layout {
    position: relative;
    padding: 40px;
    background: url('../Background.png') no-repeat center center fixed;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center;
}

.sen-centered-page-layout-container {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.sen-centered-page-container {
    text-align: center;
}

.sen-centered-page-icon-container {
    text-align: center;
    margin-bottom: 32px;
}

.sen-org-background {
    background: url('../Background.png') no-repeat center center fixed;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 90%;
    z-index: -1;
}

.logged-out-page {
  display: flex;
  width: 500px;
  height: 400px;
  padding: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 36px;
  flex-shrink: 0;
}

.go-to-login {
  color: #634AFC;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.link-color {
  color: #634AFC;
}

.logout-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}

.logged-out-title {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
}

.logged-out-subtitle {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #5C5980;
  text-align: center;
}

.done-icon {
  width: 186px;
  height: 130px;
}

a {
  color: #634AFC;
}

.top-sidebar-organisations {
  display: flex;
  width: 100%;
  height: 68px;
  padding: 0 46px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background: #FDFCFF;
  box-shadow: 0 1px 0 0 #EBEEFF;
  gap: 20px;
}

.back-organisations {
  color: #2C2853;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  gap: 20px;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  border: none;
  background: transparent;
}

.back-organisations:focus {
  outline: none;
  box-shadow: none;
}

.organisations-container {
  padding: 36px 82px ;
}

.org-heading {
  display: flex;
  flex-direction: column;
  color: var(--color-dark-3);
  font-family: 'Inter', sans-serif;
  font-style: normal;
  gap: 12px;
}

.org-search-section {
  display: flex;
  justify-content: space-between;
}

.org-search {
  width: 80%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: var(--color-white-1);
  background-clip: padding-box;
  border: 1px solid var(--color-grey-3);
  box-shadow: 0 12px 40px -8.77551px rgba(183, 194, 222, 0.10);
}

.org-search:focus {
  outline: 1px solid var(--color-dark-2);
  box-shadow: none;
}

.organisations-header {
  font-size: 28px;
  font-weight: 600;
  line-height: 48px;
}

.organisations-subheader {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.org-cards-container {
  padding-top: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, 307px);
  gap: 16px;
}

.provider-card {
  width: 307px;
  height: 180px;
  padding: 20px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border: 1px solid var(--color-grey-5);
  background: #FFF;
  box-shadow: 0 12px 40px -8.77551px rgba(183, 194, 222, 0.10);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.provider-card:focus {
  outline: 1px solid var(--color-dark-3);
  box-shadow: none;
}

.org-card-name {
  color: var(--color-dark-3);
  text-align: center;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.avatar-org {
  display: flex;
  width: 56px;
  height: 56px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: #fff;
  border-radius: 28px;
  border: 1px solid #DCDFFF;
  background: #656499;
  box-shadow: 0px 12px 40px -8.77551px rgba(183, 194, 222, 0.10);
}

.sense-validation-summary ul li {
    list-style-image: url('../error-icon.svg');
}

.sense-validation-summary ul li::marker {
    font-size: 1.417rem;
}

.search-section {
  width: 30%;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 44px;
}

.search-button {
  height: 38px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #DCDFFF;
}

    .search-button:focus {
        outline: 1px solid var(--color-dark-3);
        box-shadow: none;
        /*box-shadow: 0px 0px 0px 2px var(--color-white-1), 0px 0px 0px 4px var(--color-dark-3);*/
    }

.org-search {
  border-radius: 6px;
  font-family: 'Inter', sans-serif;
}

.search-button {
  border-radius: 6px;
}

.org-search::-webkit-input-placeholder {
  font-family: 'Glyphicons Halflings', sans-serif;
}

.org-search:-ms-input-placeholder {
  font-family: 'Glyphicons Halflings', sans-serif;
}

.org-search:-moz-placeholder {
  font-family: 'Glyphicons Halflings', sans-serif;
}

.org-search::-moz-placeholder {
  font-family: 'Glyphicons Halflings', sans-serif;
}


.sen-body-container {
    padding: 40px;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
}

.sen-logo-container {
    /*background-color: aquamarine;*/
    height: 100%;
    width: 100%;
    
}

.sen-content-container {
    height: 100%;
    width: 50%;
    display: flex;
    flex-direction: column;
}

.sen-page-container {
    padding: 0 10% 0% 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.sen-terms-container {
    position: absolute;
    bottom: 40px;
    width: 100%;
}

.sen-back-to-login {
    margin-top: 32px;
}

@media (max-width: 1280px) {
    .sen-logo-medium-hide {
        display: none;
    }
    .sen-logo-wide-hide {
        display: none;
    }
}

@media (max-width: 1980px) and (min-width: 1281px) {
    .sen-logo-small-hide {
        display: none;
    }
    .sen-logo-wide-hide {
        display: none;
    }
}

@media (min-width: 1981px) {
    .sen-logo-small-hide {
        display: none;
    }
    .sen-logo-medium-hide {
        display: none;
    }
}