html {
   font-size: 16px;
}

body {
}

.tlpl-left-bar {
   width: 5.5em;
   height: 100%;
   padding-left: 0.25em;
   padding-right: 0.25em;
   box-sizing: border-box;
   background-color: #fff;
   overflow: auto;
   box-shadow: 0 0 0.3em 0.3em rgba(204, 204, 204, 0.5);
}

.tlpl-left-bar .tlpl-left-bar-avatar {
   margin-top: 0.7em;
   display: flex;
   justify-content: center;
   text-align: center;
}

.cl-userButtonAvatarBox {
   width: 3rem;
   height: 3rem;
}

.cl-userButtonAvatarBox img {
   width: 3rem !important;
   height: 3rem !important;
}

.cl-profileSection__emailAddresses {
   display: none;
}

.tlpl-left-bar .tlpl-left-bar-avatar .tlpl-left-bar-avatar-virtual {
   width: 3em;
   height: 3em;
   border-radius: 0.6em;
   cursor: pointer;
}

.navbar ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
   width: 100%;
}

.nav-link {
   display: flex !important;
   justify-content: center !important;
}

.nav-item {
   width: 3em;
   height: 3em;
   display: flex;
   justify-content: center;
   align-items: center;
}

.nav-item:hover {
   color: #fff;
   background-color: #fff;
   border: #e90064 solid 0.125em;
   border-radius: 0.6em;
   cursor: pointer;
}

.nav-item img {
   width: 1.5em;
   height: 1.5em;
}

.tlpl-left-bar-setting {
   margin-top: auto;
   margin-bottom: 2em;
}

.tlpl-left-bar-setting img {
   width: 1.5em;
   height: 1.5em;
}

.tlpl-left-bar-mini {
   position: fixed;
   top: 15%;
   left: 0;
   z-index: 5;
   display: none;
   padding: 0.25rem;
   background-color: #fff;
   box-shadow: 0 0 0.25rem 0.05rem #ccc;
   cursor: pointer;
}

.tlpl-left-bar-mini i {
   color: #e90064;
   font-size: 1.5rem;
}

.tlpl-left-bar-setting .cl-avatarImage {
   width: 32px;
   height: 32px;
}

.tlpl_signout_popup {
   background-color: rgba(3, 1, 23, 0.87);
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   display: none;
   z-index: 10001;
}

.tlpl_session_popup {
   background-color: rgba(3, 1, 23, 0.87);
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   display: none;
   z-index: 10001;
}

#tlpl_signout_popup_container {
   max-width: 43rem;
   min-width: 15rem;
   width: 30%;
   background-color: #ffffff;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   border-radius: 20px;
   padding: 1.5rem;
}

.tlpl_signout_popup_content {
   padding: 1rem;
}

.tlpl_signout_popup_text {
   text-align: center;
   color: #060047;
}

.tlpl_signout_popup_text_header {
   font-weight: 700;
   font-size: 1.5rem;
}

.tlpl_signout_popup_text_body {
   /* width: 473px; */
   font-weight: 400;
   font-size: 14px;
   margin-top: 1rem;
}

.tlpl_signout_popup_button {
   margin-top: 1rem;
   display: flex;
   justify-content: center;
   gap: 10px;
}

#tlpl_signout_popup_button_cancel {
   width: 15.3125rem;
   height: 3.75rem;
   font-weight: 700;
   font-size: 1.5rem;
   border-radius: 0.5rem;
   color: #060047;
   border: 1px solid rgba(6, 0, 71, 0.2);
   background-color: rgba(6, 0, 71, 0.1);
   text-align: center;
}

#tlpl_signout_popup_button_confirm {
   background-color: #e90064;
   font-weight: 700;
   font-size: 1.5rem;
   color: white;
   width: 15.3125rem;
   height: 3.75rem;
   border-radius: 0.5rem;
   border: 1px solid #e90064;
   text-align: center;
}

#tlpl_session_popup_button_confirm {
   background-color: #e90064;
   font-weight: 700;
   font-size: 1.5rem;
   color: white;
   width: 15.3125rem;
   height: 3.75rem;
   border-radius: 0.5rem;
   border: 1px solid #e90064;
   text-align: center;
}

.close_popup_signout_button {
   position: absolute;
   right: 0.625rem;
   top: 0.625rem;
   cursor: pointer;
}

.cl-profileSection__connectedAccounts {
   display: none;
}

.cl-formField__lastName {
   display: none !important;
}

.cl-internal-swap69 {
   /* display: none; */
}

.tlpl_update_profile_button {
   border-radius: 0.375rem;
   border: none;
   margin: 0;
   outline: 0;
   background-color: #e90064;
   color: white;
   font-weight: 600;
   font-size: 0.8rem;
   min-height: 2.25rem;
   width: 7rem;
   text-align: center;
   cursor: pointer;
}

.disable {
   opacity: 0.5;
   pointer-events: none !important;
}

.cl-formButtonPrimary {
   display: none;
}

.fullName_error_list {
   display: none;
   list-style-type: none;
   padding: 0;
   margin-top: 10px;
   margin-bottom: 0;
}

.cl-formField__newPassword .cl-internal-1fe0pe {
   display: none !important;
}

.fullName_error_text {
   font-size: 0.8125rem;
   color: rgb(240, 68, 56);
   font-weight: 400;
   font-family: inherit;
   line-height: 1.25;
}

.tlpl_update_password_button {
   border-radius: 0.375rem;
   border: none;
   margin: 0;
   outline: 0;
   background-color: #e90064;
   color: white;
   font-weight: 600;
   font-size: 0.8rem;
   min-height: 2.25rem;
   width: 7rem;
   text-align: center;
   cursor: pointer;
}

.password_error_list {
   display: none;
   list-style-type: none;
   padding: 0;
   margin-top: 10px;
   margin-bottom: 0;
}

.password_error_text {
   font-size: 0.8125rem;
   color: rgb(240, 68, 56);
   font-weight: 400;
   font-family: inherit;
   line-height: 1.25;
}

.cl-formButtonReset {
   color: #060047;
   background-color: #e3e8ef;
   text-transform: unset !important;
}

.cl-formFieldInput__currentPassword {
   border-radius: 0.375rem !important;
   border: 1px solid #dfdfe2 !important;
}

.cl-formFieldInput__currentPassword:focus {
   border: solid 1.5px #e90064 !important;
   box-shadow: none !important;
}

.cl-formFieldInput__newPassword {
   border-radius: 0.375rem !important;
   border: 1px solid #dfdfe2 !important;
}

.cl-formFieldInput__newPassword:focus {
   border: solid 1.5px #e90064 !important;
   box-shadow: none !important;
}

.cl-formFieldInput__confirmPassword {
   border-radius: 0.375rem !important;
   border: 1px solid #dfdfe2 !important;
}

.cl-formFieldInput__confirmPassword:focus {
   border: solid 1.5px #e90064 !important;
   box-shadow: none !important;
}

.cl-formFieldInput__firstName {
   border-radius: 0.375rem !important;
   border: 1px solid #dfdfe2 !important;
}

.cl-formFieldInput__firstName:focus {
   border: solid 1.5px #e90064 !important;
   box-shadow: none !important;
}

.cl-formFieldInput__deleteConfirmation {
   border-radius: 0.375rem !important;
   border: 1px solid #dfdfe2 !important;
}

.cl-formFieldInput__deleteConfirmation:focus {
   border: solid 1.5px #e90064 !important;
   box-shadow: none !important;
}

.tlpl-select-enterprise-popup {
   position: fixed;
   width: 100vw;
   height: 100vh;
   background-color: rgba(3, 1, 23, 0.87);
   z-index: 2;
   display: none;
}

.tlpl-select-enterprise-popup-container {
   max-width: 58rem;
   min-width: 15rem;
   width: 70%;
   background-color: #ffffff;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   border-radius: 20px;
   padding: 1.5rem;
   display: none;
}

.tlpl-select-enterprise-popup-main {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 1.5rem;
   position: relative;
}

.tlpl-select-enterprise-back {
   position: absolute;
   top: 0;
   left: 0;
   height: 8%;
   width: auto;
   cursor: pointer;
}

.tlpl-select-enterprise-header {
   font-weight: 600;
   color: #060047;
   text-align: center;
   font-size: 24px;
   font-family: "Montserrat";
}

.tlpl-select-enterprise-sub-header {
   font-weight: 400;
   color: #060047;
   text-align: center;
   font-size: 18px;
}

.tlpl-select-enterprise-content {
   width: 100%;
   background-color: #ffffff;
   border-radius: 20px;
   height: 300px;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 1rem;
   overflow-y: scroll;
   padding: 0.8rem;
}

.tlpl-select-enterprise-item {
   width: 100%;
   background-color: #ffffff;
   border-radius: 16px;
   display: flex;
   padding: 1rem;
   align-items: center;
   justify-content: start;
   cursor: pointer;
   border: 1px solid #060047;
   gap: 1rem;
}

.tlpl-select-enterprise-avatar {
   font-weight: 600;
   font-size: 40px;
   font-family: "Montserrat";
   color: #ffffff;
   text-align: center;
   border: 1px solid #e90064;
   border-radius: 10px;
   background-color: #e90064;
   padding: 0 1rem;
}

.tlpl-select-enterprise-name {
   margin: 0;
   padding: 0;
   font-family: "Montserrat";
   font-weight: 600;
   font-size: 20px;
   color: #060047;
}

.tlpl-select-enterprise-fullname {
   margin: 0;
   padding: 0;
   font-weight: 400;
   font-size: 18px;
   font-family: "Montserrat";
   line-height: 1;
}

.tlpl-select-enterprise-continue {
   height: 50%;
   width: auto;
   margin-left: auto;
}

.tlpl-select-enterprise-item-add-enterprise {
   width: 80%;
   height: 7rem;
   background-color: #ffffff;
   border-radius: 16px;
   display: flex;
   padding: 2rem 1rem;
   align-items: center;
   cursor: pointer;
}

.tlpl-select-enterprise-item-name {
   font-weight: 500;
   color: #060047;
   font-size: 16px;
   padding: 0;
   margin: 0;
}

.tlpl-select-account-type {
   max-width: 58rem;
   min-width: 15rem;
   width: 70%;
   background-color: #ffffff;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   border-radius: 20px;
   padding: 1.5rem;
}

.tlpl-select-account-type-main {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 1.5rem;
}

.tlpl-select-account-type-main-header {
   margin: 0;
   padding: 0;
   font-weight: 600;
   font-size: 24px;
   font-family: "Montserrat";
   text-align: center;
   color: #060047;
}

.tlpl-select-account-type-close {
   position: absolute;
   top: 10px;
   right: 10px;
   cursor: pointer;
}

.tlpl-select-account-type-content {
   display: flex;
   align-items: center;
   justify-content: space-evenly;
   /* gap: 1rem; */
   width: 100%;
}

.select-account-type {
   border-radius: 0.75rem;
   background-color: #ffffff;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.07);
   cursor: pointer;
}

.account-type-active {
   background-color: #e90064;
}

.select-account-type img {
   height: 7rem;
   width: 7rem;
   margin: 1rem;
}

.account-type-detail-active {
   background-color: #a30046 !important;
   color: #ffffff !important;
}

.select-account-type-detail-content {
   background-color: #efefef;
   width: 100%;
   border-radius: 0 0 0.75rem 0.75rem;
   display: flex;
   flex-direction: column;
   align-items: center;
   font-family: "Montserrat";
   font-size: 0.5rem;
   font-weight: 600;
   color: #060047;
   text-align: center;
}

.select-account-type-detail-content p {
   margin: 0;
   padding: 0.3rem;
   font-size: 9px;
   font-family: "Montserrat";
}

.select-account-type-detail-content-deactive p {
   margin: 0;
   padding: 0.3rem;
   font-size: 9px;
   font-family: "Montserrat";
}

.account-type-checker {
   margin-bottom: 0.2rem;
   accent-color: #e90064;
}

#tlpl-select-account-type-loading {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background-color: rgba(255, 255, 255, 0.5);
   display: none;
}

.loading {
   border: 8px solid #f3f3f3;
   border-top: 8px solid #e90064;
   border-radius: 50%;
   width: 50px;
   height: 50px;
   animation: spin 2s linear infinite;
}

@media only screen and (max-width: 1200px) {
   #tlpl_signout_popup_container {
      width: 40%;
   }
}

@media only screen and (max-width: 1190px) {
   #tlpl_signout_popup_button_confirm {
      font-size: unset;
   }

   #tlpl_signout_popup_button_cancel {
      font-size: unset;
   }
}

@media only screen and (max-width: 768px) {
   .tlpl-left-bar {
      font-size: 12px;
   }
}

@media only screen and (max-width: 600px) {
   .tlpl-left-bar {
      font-size: 11px;
   }

   .tlpl-left-bar {
      position: fixed !important;
      z-index: 5;
      font-size: 12px;
      display: none !important;
   }

   .tlpl-left-bar.show {
      display: flex !important;
   }

   .tlpl-left-bar-mini {
      display: block;
   }
}

@media only screen and (max-width: 480px) {
   #tlpl_signout_popup_container {
      width: 80%;
   }

   .tlpl-left-bar {
      font-size: 10px;
   }

   .tlpl-select-enterprise-name {
      font-size: 10px;
   }

   .tlpl-select-enterprise-fullname {
      font-size: 15px;
   }
}

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

@media only screen and (max-width: 280px) {
   .tlpl-left-bar {
      font-size: 8px;
   }
}

/* @media only screen and (max-width: 507px) {
  #tlpl_signout_popup_container {
    height: 360px;
  }

  #tlpl_signout_popup_button_confirm {
    font-size: unset;
  }

  #tlpl_signout_popup_button_cancel {
    font-size: unset;
  }
  .tlpl_signout_popup {
    font-size: 10px;
  }
} */

@media only screen and (max-width: 991px) {
   #tlpl_signout_popup_button_confirm {
      font-size: unset;
   }

   #tlpl_signout_popup_button_cancel {
      font-size: unset;
   }
}

.cl-internal-1qwspbo {
   display: none;
}

.cl-formFieldInfoText__newPassword {
   display: none !important;
}

.cl-formFieldErrorText__newPassword {
   display: none !important;
}

.cl-formFieldSuccessText__newPassword {
   display: none !important;
}