/** ---------------GLOBAL--------------- **/

.section-heading{
font-family: Inter;
Font-weight: 500;
font-size: 22px;

}

/** ---------------DASHBAORD--------------- **/

.create-account-button{
    width:100%;
  padding:1em !important;
  margin-bottom:15px;
    background-color: #fff;
    border-color: #0284c7;
    border-radius: 0.375rem;
    border-width: 1px;
    color: #0284c7;
    cursor: pointer;
    display: inline-block;
    font-family: Inter;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.625rem 1.25rem;
    text-align: center;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
}

   /* Basic styling for the button container */
    .icon-button-container {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
      margin-bottom:5px;
    }

    /* Basic styling for the button */
    .icon-button {
 
      display: flex;
      align-items: center;
      justify-content: flex-start;
      width: 100%; /* Make the button 100% wide */
      padding: 20px;
      background-color: #E8EFFF;
      color: #1E1E23;
      text-align: left;
      border: none;
      border-radius: 12px !important;
      cursor: pointer;
      font-size: 16px;
      transition: background-color 0.3s ease;
    }

    /* Styling for the icon */
    .icon {
      margin-right: 10px;
    }
    .button-title{
      font-family:Inter;
      line-height:1em !important;
      font-weight:600;
      font-size: 1em;
      color: #1E1E23;
      margin:0;
    }
    .button-description {
      font-family:Inter;
      line-height:1.4em;
      font-weight:600;
      font-size: 0.8em;
      color: #1E1E23;
      margin-top: 5px;
      opacity:.65
    }

.button-image{
width:50px;
}

.button-text-container{
 margin-left:15px;  
 }

.icon-button:hover {
 background-color: #0DD1DE;
}



/** ---------------DYNAMIC MENU--------------- **/





.component-list-approval {
  color: #000 !important;
}

span .component-list-approval a {
  color: #000 !important;
}

span .component-list-approval {
  color: #000 !important;
}


.app-ui-todo-lists .todo .custom-html ul li span .component-list-approvals{
background:#000 !important;
}









/** ---------------SYSTEMS PAGES--------------- **/

.systems-page-logo{
max-width: 200px;
margin: auto;
margin-bottom: 25px;
}

.systems-page-title{
font-family: Inter;
text-align: center;
font-size:25px;
font-weight:600;
}

.systems-page-text{
font-family: Inter;
  font-size:14px;
  text-align: center;
  line-height:1.2em;
  margin-bottom:20px !important;
}

.systems-page-container{
  width:400px;
  margin:auto;
}

#hs_login_reset{
  color:#0284c7;
  font-family:Inter;
  font-size:0.7em;
  font-weight:800;
  text-transform: uppercase;
}

label hs-login-widget-remember{
Display:inline-block !important;}

#hs-membership-password-requirements{
  font-family:Inter;
  font-size:0.7em;
  font-weight:600;
  line-height:1.4em;
}

.hs-button{
  width:100%;
}

label[for="hs-login-widget-remember"] {
  display: inline-block !important;
  font-family:Inter;
  font-size:0.7em;
  font-weight:600;
  color:#6d6d6d;
  text-transform: uppercase;
}

.hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module{
border-radius:8px;
}

.copy-button{
}



}
/** ---------------ALERTS--------------- **/

.alert-container {
  display: flex; /* Use flexbox to create a flexible container */
  align-items: center; /* Center items vertically */
}

.alert-image {
  max-width: 50%; /* Set the maximum width for the image */
}

.alert-text {
   flex: 1; /* Allow the text to grow and take up remaining space */
   padding: 0 20px 0 20px;
   font-size: 14px;
   line-height: 1.4em;
}

.submitted-message{
  background:#0284c7;
  border-radius:12px;
  color:#fff !important;
  text-align:centre;
  margin:15px;
  border:none;
}

/** ---------------SIDEBAR--------------- **/

.hs-button, a.cta_button{
padding:1em !important;
}

.custom-html ul li::before{
  display:none !important
}


.hs-form-field label{
display:none;
}

.hs-form-field input{
  background:#eeeeee;
  font-family:Inter;
  font-size:0.9em;
  font-weight:600;
  border:none;
}

.hs-register-widget-show-password{
  color:#0284c7;
  font-family:Inter;
  font-size:0.7em;
  font-weight:800;
  text-transform: uppercase;
}

.hs-login-widget-show-password{
  color:#0284c7;
  font-family:Inter;
  font-size:0.7em;
  font-weight:800;
  text-transform: uppercase;
}


/** ---------------SIDEBAR--------------- **/

.profile-image{
width:60px !important;
height:60px !important;
}

.sidebar-left{
    margin: 26px;
    border-radius: 8px;
}

.user-profile .text-sm{
font-family:Inter;
font-size:18px;
font-weight:500;
margin-top:10px;
}

.user-profile .text-xs{
font-family:Inter;
font-size:10px;
font-weight:800;
color:#6C8AEA;
text-transform:Uppercase;
}






#hs_cos_wrapper_footers_section_5{
display:none;
}



/** ---------------Styling for the icon --------------- **/
    .icon {
      margin-right: 10px;
     
    }
    .button-title{
      font-family:Inter;
      line-height:1em !important;
      font-weight:600;
      font-size: 1em;
      color: #1E1E23;
      margin:0;
    }
    .button-description {
      font-family:Inter;
      line-height:1.4em;
      font-weight:600;
      font-size: 0.8em;
      color: #1E1E23;
      margin-top: 5px;
      opacity:.65
    }

.button-image{
width:50px;
}
    
    .button-text-container{
      margin-left:15px;
      
    }

    .icon-button:hover {
      background-color: #0DD1DE;
    }


/** ---------------Registration Page --------------- **/

.registration-wrapper{
max-width:400px;
}

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

  .sidebar-left{
  height:100vh !important;
  }
  
  .form-container{
  width:350px;
  margin:auto;
}

}