/* Minification failed. Returning unminified contents.
(1083,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-tone50'
(1088,14): run-time error CSS1039: Token not allowed after unary operator: '-lato-12px-400'
(1089,15): run-time error CSS1039: Token not allowed after unary operator: '-red'
(2242,26): run-time error CSS1039: Token not allowed after unary operator: '-background'
(2243,15): run-time error CSS1039: Token not allowed after unary operator: '-on-surface'
(2256,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2260,14): run-time error CSS1039: Token not allowed after unary operator: '-lato-12px-400'
(2261,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-tone50'
(2264,14): run-time error CSS1039: Token not allowed after unary operator: '-lato-12px-400i'
(2270,14): run-time error CSS1039: Token not allowed after unary operator: '-lato-14px-400'
(2271,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-tone80'
(2272,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-tone40'
(2282,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-tone60'
(2288,14): run-time error CSS1039: Token not allowed after unary operator: '-lato-14px-400'
(2289,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-tone50'
(2293,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-tone60'
(2302,14): run-time error CSS1039: Token not allowed after unary operator: '-lato-14px-400'
(2311,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2312,15): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(2316,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-tone60'
(2322,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-tone40'
(2323,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-tone90'
(2339,14): run-time error CSS1039: Token not allowed after unary operator: '-lato-14px-400'
(2340,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-tone40'
(2341,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-tone90'
(2365,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-tone50'
(2370,14): run-time error CSS1039: Token not allowed after unary operator: '-lato-12px-400'
(2371,15): run-time error CSS1039: Token not allowed after unary operator: '-red'
(2383,14): run-time error CSS1039: Token not allowed after unary operator: '-lato-14px-400'
(2387,26): run-time error CSS1039: Token not allowed after unary operator: '-teal-container'
(2388,15): run-time error CSS1039: Token not allowed after unary operator: '-on-teal-container'
(2391,15): run-time error CSS1039: Token not allowed after unary operator: '-on-teal-container'
(2394,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-container'
(2395,15): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-container'
(2398,15): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-container'
(2401,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow-container'
(2402,15): run-time error CSS1039: Token not allowed after unary operator: '-on-yellow-container'
(2405,15): run-time error CSS1039: Token not allowed after unary operator: '-on-yellow-container'
(2408,26): run-time error CSS1039: Token not allowed after unary operator: '-red-container'
(2409,15): run-time error CSS1039: Token not allowed after unary operator: '-on-red-container'
(2412,15): run-time error CSS1039: Token not allowed after unary operator: '-on-red-container'
(2415,14): run-time error CSS1039: Token not allowed after unary operator: '-lato-14px-400'
(2419,26): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(2429,14): run-time error CSS1039: Token not allowed after unary operator: '-lato-24px-900'
(2433,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-tone50'
(2434,14): run-time error CSS1039: Token not allowed after unary operator: '-lato-16px-400'
(2437,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2441,16): run-time error CSS1039: Token not allowed after unary operator: '-lato-20px-900'
(2444,16): run-time error CSS1039: Token not allowed after unary operator: '-lato-14px-400'
(2448,26): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(2465,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-tone90'
(2475,14): run-time error CSS1039: Token not allowed after unary operator: '-lato-16px-900'
(2479,14): run-time error CSS1039: Token not allowed after unary operator: '-lato-14px-400'
(2483,15): run-time error CSS1039: Token not allowed after unary operator: '-on-surface'
(2551,14): run-time error CSS1039: Token not allowed after unary operator: '-lato-12px-400'
(2561,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-tone80'
(2574,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-tone70'
(2575,14): run-time error CSS1039: Token not allowed after unary operator: '-lato-12px-400'
(2576,26): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(2595,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-tone40'
(2596,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-tone90'
(2610,14): run-time error CSS1039: Token not allowed after unary operator: '-lato-14px-400'
(2619,14): run-time error CSS1039: Token not allowed after unary operator: '-lato-12px-400'
(2620,15): run-time error CSS1039: Token not allowed after unary operator: '-red'
(3077,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3078,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3079,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3080,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3081,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3082,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3083,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3084,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3085,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3086,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3087,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3088,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3089,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3090,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3091,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3092,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3093,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3094,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3095,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3096,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3097,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3098,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3099,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3100,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3101,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3102,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3103,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3104,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3105,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3107,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3108,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3109,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3110,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3111,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3114,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3115,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3116,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3117,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3121,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3122,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3123,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3124,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3125,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3126,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3127,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3128,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3129,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3130,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3131,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3132,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3133,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3134,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3135,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3136,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3137,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3138,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3139,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3140,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3141,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3142,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3143,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3144,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3145,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3146,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3147,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3148,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3149,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3150,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3151,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3152,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3153,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3154,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3156,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3157,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3158,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3159,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3160,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3161,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3162,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3163,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3164,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3165,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3166,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3167,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3168,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3169,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3170,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3171,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3172,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3173,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3174,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3175,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3176,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3177,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3178,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3179,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3180,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3181,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3182,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3183,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3184,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3185,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3186,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3187,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3188,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3189,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3190,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3191,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3192,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3193,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3194,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3195,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3196,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3197,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3199,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3200,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3201,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3202,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3203,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3204,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3205,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3206,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3207,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3208,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3209,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3210,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3211,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3212,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3213,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3677,20): run-time error CSS1039: Token not allowed after unary operator: '-surface'
 */
.lc-saas-overview .header {
  padding: 40px 0 25px 0;
}
.lc-saas-overview .mobile-text {
  display: none;
}
.lc-saas-overview .saas-column {
  display: flex;
  justify-content: space-between;
  padding: 0 0 30px 0;
}
.lc-saas-overview .saas-column hr {
  margin-bottom: 30px;
}
.lc-saas-overview .white-box {
  background-color: white;
  border-radius: 10px;
  padding: 35px;
  box-shadow: 0 0 15px #e9e9e9;
  width: 64%;
}
.lc-saas-overview .saas-current-user {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}
.lc-saas-overview .saas-current-user .info-container {
  display: flex;
}
.lc-saas-overview .saas-current-user .icon {
  width: 45px;
  height: 45px;
  margin-right: 20px;
}
.lc-saas-overview .saas-current-user .username {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 5px;
}
.lc-saas-overview .saas-current-user .member {
  font-size: 15px;
  line-height: 16px;
}
.lc-saas-overview .saas-current-user .manage-account {
  display: inline-block;
  padding: 6px 10px;
  border: 2px solid #004390;
  color: #004390;
  border-radius: 6px;
  text-decoration: none;
  font-size: 16px;
}
.lc-saas-overview .saas-current-user .manage-account:hover {
  background-color: #004390;
  color: white;
}
.lc-saas-overview .cross-access-users {
  margin-top: -10px;
}
.lc-saas-overview .cross-access-users h3 {
  margin-bottom: 10px;
}
.lc-saas-overview .cross-access-users .cross-tenant-container {
  max-height: 150px;
  overflow-y: auto;
}
.lc-saas-overview .cross-access-users .tenant {
  display: inline-block;
  padding: 6px 10px;
  border: 2px solid #004390;
  color: black;
  color: #004390;
  border-radius: 5px;
  text-decoration: none;
  font-size: 17px;
  margin: 5px 5px 5px 0;
}
.lc-saas-overview .cross-access-users .tenant:hover {
  background-color: #004390;
  color: white;
}
.lc-saas-overview .cross-access-users .tenant.selected-tenant {
  background-color: #004390;
  color: white;
}
.lc-saas-overview .lc-button-highlighted {
  padding: 45px 30px;
  border: 2px solid #004390;
  border-radius: 10px;
  color: white;
  background-color: #004390;
  display: block;
  text-decoration: none;
  font-size: 16px;
  margin-bottom: 20px;
  position: relative;
}
.lc-saas-overview .lc-button-highlighted h2 {
  font-size: 30px;
  margin-bottom: 0;
  color: white;
}
.lc-saas-overview .lc-button-highlighted .lc-chevron-right {
  fill: white;
  height: 27px;
  width: 27px;
  position: absolute;
  right: 30px;
  top: 60px;
}
.lc-saas-overview .lc-button-highlighted:hover {
  background-color: #003169;
  border: 2px solid #003169;
}
.lc-saas-overview .lc-button {
  padding: 30px;
  border: 2px solid #004390;
  border-radius: 10px;
  color: #004390;
  display: block;
  text-decoration: none;
  font-size: 16px;
  margin-bottom: 20px;
  position: relative;
}
.lc-saas-overview .lc-button h2 {
  font-size: 30px;
  margin-bottom: 0;
  color: #004390;
}
.lc-saas-overview .lc-button .lc-chevron-right {
  fill: #004390;
  height: 27px;
  width: 27px;
  position: absolute;
  right: 30px;
  top: 47px;
}
.lc-saas-overview .lc-button:hover {
  background-color: #004390;
  color: white;
}
.lc-saas-overview .lc-button:hover h2 {
  color: white;
}
.lc-saas-overview .lc-button:hover .lc-chevron-right {
  fill: white;
}
.lc-saas-overview .back-to-account {
  font-size: 17px;
  color: #004390;
  text-align: right;
  padding: 20px 5px 5px 5px;
  display: block;
}
.lc-saas-overview .side-text {
  width: 33%;
  padding: 0 0 15px 0;
  border-radius: 5px;
}
.lc-saas-overview .side-text h2 {
  font-size: 20px;
  margin-bottom: 5px;
}
.lc-saas-overview .side-text p {
  font-size: 15px;
  line-height: 20px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.lc-saas-overview .side-text .bullet-tag {
  margin-top: 10px;
  color: #004390;
  border-radius: 7px;
  display: inline-block;
  font-size: 17px;
  margin-bottom: 10px;
  text-decoration: none;
  justify-content: space-between;
  font-size: 14px;
  background-color: #f7fbff;
  border-radius: 6px;
  padding: 15px;
  box-shadow: 0 2px 10px 2px #f6f6f6, 0 2px 2px #abb3b9;
  width: 100%;
}
.lc-saas-overview .side-text .bullet-tag b {
  font-size: 16px;
}
@media (max-width: 991px) {
  .lc-saas-overview .saas-column {
    display: block;
  }
  .lc-saas-overview #hr-mobile {
    display: block;
    margin-top: 45px;
    margin-bottom: 15px;
  }
  .lc-saas-overview .white-box {
    width: 100%;
  }
  .lc-saas-overview .side-text {
    width: 100%;
    padding: 10px;
    margin-top: 25px;
  }
}
@media (max-width: 580px) {
  .lc-saas-overview .header {
    padding-bottom: 20px;
  }
  .lc-saas-overview .mobile-text {
    display: block;
  }
  .lc-saas-overview .desktop-text {
    display: none;
  }
  .lc-saas-overview .white-box {
    padding: 20px;
  }
  .lc-saas-overview .saas-current-user {
    display: block;
  }
  .lc-saas-overview .saas-current-user .info-container {
    margin-bottom: 20px;
  }
  .lc-saas-overview .saas-current-user .manage-account {
    width: 100%;
    text-align: center;
  }
  .lc-saas-overview .lc-button-highlighted {
    padding: 35px 60px 35px 20px;
  }
  .lc-saas-overview .lc-button-highlighted .lc-chevron-right {
    right: 20px;
    top: 50px;
  }
  .lc-saas-overview .lc-button-highlighted h2 {
    font-size: 25px;
  }
  .lc-saas-overview .lc-button {
    padding: 20px 60px 20px 20px;
  }
  .lc-saas-overview .lc-button .lc-chevron-right {
    right: 20px;
    top: 33px;
  }
  .lc-saas-overview .lc-button h2 {
    font-size: 25px;
  }
  .lc-saas-overview .lc-box {
    padding: 20px;
  }
}
.lc-users input {
  background: #f8f8f8;
  box-shadow: inset 0px 1px 5px #e5e5e5;
  border: 2px solid white;
  border-radius: 8px;
  width: 100%;
  padding: 12px;
  margin-bottom: 15px;
  font-weight: 500;
}
.lc-users input:focus {
  outline: none;
  border: 2px solid #006de9;
}
.lc-users .lc-paper-container {
  margin: 20px 0;
}
.lc-users .tenant-label {
  text-align: right;
}
.lc-users .has-google {
  background-color: #ebf4e7;
  color: #6a8f53;
  padding: 15px 15px 15px 40px;
  border-radius: 5px;
  margin-top: 10px;
  display: block;
  align-items: center;
  line-height: 16px;
  position: relative;
}
.lc-users .has-google svg {
  fill: #6a8f53;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 15px;
  top: 15px;
}
.lc-users .no-google {
  background-color: #f4ebd1;
  color: #9d7600;
  padding: 15px 15px 15px 40px;
  border-radius: 5px;
  margin-top: 10px;
  display: block;
  line-height: 16px;
  position: relative;
}
.lc-users .no-google svg {
  fill: #9d7600;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 15px;
  top: 15px;
}
.lc-users .lc-check-mark {
  width: 13px;
  height: 13px;
  position: relative;
  top: 2px;
  fill: #f10d6d;
}
.lc-users .lc-manage-users {
  margin-top: 20px;
  min-height: 430px;
}
.lc-users .lc-manage-users .manage-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.lc-users .lc-manage-users .manage-heading h2 {
  margin-bottom: 0;
}
.lc-users .lc-manage-users .manage-heading .search-box {
  width: 250px;
  margin-bottom: 0;
  padding: 10px 12px;
  right: 0;
}
.lc-users .lc-manage-users .user-search {
  position: relative;
}
.lc-users .lc-manage-users .user-search .lc-search {
  position: absolute;
  right: 15px;
  top: 13px;
  width: 16px;
  height: 16px;
}
.lc-users .lc-manage-users table {
  width: 100%;
  margin-bottom: 30px;
  border-collapse: collapse;
}
.lc-users .lc-manage-users table thead {
  border-bottom: 3px solid #004390;
  text-align: left;
}
.lc-users .lc-manage-users table thead th {
  padding: 10px 0;
}
.lc-users .lc-manage-users table tbody tr {
  border-bottom: 1px solid #d5dde5;
}
.lc-users .lc-manage-users table tbody td {
  padding: 10px 0;
}
.lc-users .lc-manage-users table tbody .side-buttons {
  text-align: right;
  line-height: 16px;
}
.lc-users .lc-manage-users table tbody .side-buttons .active {
  background-color: #004390;
  color: white;
}
.lc-users .lc-manage-users table tbody .side-buttons a {
  padding: 8px 15px;
  display: inline-block;
  color: #004390;
  border: 2px solid #004390;
  border-radius: 6px;
  margin-right: 5px;
  text-decoration: none;
  text-align: center;
}
.lc-users .lc-manage-users table tbody .side-buttons a:hover {
  background-color: #004390;
  color: white;
}
.lc-users .lc-manage-users table tbody .side-buttons button {
  padding: 8px 15px;
  display: inline-block;
  color: #004390;
  border: 2px solid #004390;
  border-radius: 6px;
  background-color: white;
  font-size: 16px;
  cursor: pointer;
}
.lc-users .lc-manage-users table tbody .side-buttons button i {
  font-size: 12px;
  margin-left: 5px;
  margin-top: -5px;
}
.lc-users .lc-manage-users table tbody .side-buttons button:focus {
  outline: none;
}
.lc-users .lc-manage-users table tbody .side-buttons button:hover {
  background-color: #004390;
  color: white;
}
.lc-users .lc-manage-users table tbody .user-role-selection {
  padding: 20px 20px 40px 20px;
}
.lc-users .lc-manage-users table tbody .user-role-selection hr {
  border-top: 1px solid #c4d2e5;
  border-bottom: 0;
}
.lc-users .lc-manage-users table tbody .user-class {
  display: flex;
  justify-content: space-between;
}
.lc-users .lc-manage-users table tbody .user-role {
  width: 32%;
  background-color: white;
  border: 2px solid #efefef;
  border-radius: 7px;
  padding: 25px;
  color: #004390;
}
.lc-users .lc-manage-users table tbody .user-role h2 {
  font-size: 18px;
  color: #004390;
}
.lc-users .lc-manage-users table tbody .user-role p {
  font-size: 16px;
  color: #004390;
}
.lc-users .lc-manage-users table tbody .user-role .select-channel {
  font-size: 16px;
  display: inline-block;
  cursor: pointer;
  line-height: 16px;
  padding: 10px;
  border: 2px solid #004390;
  border-radius: 5px;
  text-decoration: none;
  color: white;
  background-color: #004390;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.lc-users .lc-manage-users table tbody .user-role .lc-chevron-down {
  margin-top: 2px;
  width: 12px;
  height: 12px;
  fill: white;
}
.lc-users .lc-manage-users table tbody .user-role .lc-chevron-down.rotate-up {
  transform: rotate(180deg);
}
.lc-users .lc-manage-users table tbody .user-role .single-guest {
  margin-bottom: 20px;
}
.lc-users .lc-manage-users table tbody .user-role .channel-list-container {
  max-height: 150px;
  margin-top: -2px;
  border: 2px solid #004390;
  overflow-y: scroll;
  overflow-x: hidden;
}
.lc-users .lc-manage-users table tbody .user-role .channel-index {
  background-color: white;
  padding: 10px 5px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #d5dde5;
  text-align: left;
}
.lc-users .lc-manage-users table tbody .user-role .channel-index:hover {
  background-color: #cae9f9;
}
.lc-users .lc-manage-users table tbody .user-role .channel-index:focus {
  outline: none;
}
.lc-users .lc-manage-users table tbody .selected {
  border: 2px solid #004390;
  position: relative;
  background-color: #e2eeff;
}
.lc-users .lc-manage-users table tbody .selected::before {
  display: block;
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='30' width='30'> <path d='M12.5 25C19.4036 25 25 19.4036 25 12.5C25 5.59644 19.4036 0 12.5 0C5.59644 0 0 5.59644 0 12.5C0 19.4036 5.59644 25 12.5 25Z' fill='rgb(0, 67, 144)'/> <path d='M24.7658 5.13676L22.5587 2.94923C22.2657 2.65625 21.7775 2.65625 21.465 2.94923L12.0313 12.6954L7.94925 8.67193C7.65626 8.37894 7.16799 8.37894 6.85551 8.67193L4.90236 10.6055C4.60937 10.8985 4.60937 11.3868 4.90236 11.6798L11.4259 18.1446C11.6017 18.3204 11.836 18.379 12.0704 18.3595C12.3048 18.379 12.5391 18.3204 12.7149 18.1446L24.7658 6.23049C25.0588 5.91797 25.0588 5.42969 24.7658 5.13676Z' fill='rgb(255, 255, 255)'/></svg>");
  background-size: 28px 28px;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 20px;
  right: 15px;
}
.lc-users .lc-manage-users table tbody .option-buttons {
  padding-top: 30px;
  display: block;
}
.lc-users .lc-manage-users table tbody .option-buttons .blue-button {
  background-color: #006de9;
  border: 2px solid #006de9;
  border-radius: 50px;
  padding: 8px 15px;
  color: white;
  margin-right: 20px;
  cursor: pointer;
}
.lc-users .lc-manage-users table tbody .option-buttons .blue-button:hover {
  background-color: #0056b7;
  border: 2px solid #0056b7;
}
.lc-users .lc-manage-users table tbody .option-buttons .red-button {
  border: none;
  background-color: white;
  border-radius: 50px;
  padding: 10px 15px;
  color: #f10d6d;
  box-shadow: 0 2px 3px #e9e9e9;
  float: right;
  cursor: pointer;
}
.lc-users .lc-manage-users table tbody .option-buttons .red-button:hover {
  background-color: #f10d6d;
  color: white;
}
.lc-users .lc-manage-users table tbody .option-buttons .red-button:hover .lc-trash-bin {
  fill: white !important;
}
.lc-users .lc-manage-users table tbody .option-buttons .red-button .lc-trash-bin {
  width: 15px;
  height: 15px;
  margin-left: 5px;
  fill: #f10d6d;
}
.lc-users .lc-manage-users .mobile-manage-users {
  display: none;
  font-size: 16px;
}
.lc-users .lc-manage-users .mobile-manage-users .user-info {
  background-color: #f8f8f8;
  border-radius: 5px;
  padding: 20px 20px 30px 20px;
  margin-bottom: 20px;
}
.lc-users .lc-manage-users .mobile-manage-users .user-info h2 {
  margin-bottom: 25px;
  font-size: 20px;
  text-align: center;
}
.lc-users .lc-manage-users .mobile-manage-users .user-cells {
  display: flex;
  padding: 8px 15px;
  border-radius: 5px;
  margin-bottom: 10px;
  background-color: white;
}
.lc-users .lc-manage-users .mobile-manage-users .lc-check-mark {
  top: 6px;
  margin-left: 5px;
  fill: #f10d6d;
}
.lc-users .lc-manage-users .mobile-manage-users .user-labels {
  margin-right: 10px;
  font-weight: 700;
}
.lc-users .lc-manage-users .mobile-manage-users .side-buttons {
  width: 100%;
  margin: 30px auto 0 0;
  text-align: center;
  display: flex;
  justify-content: center;
}
.lc-users .lc-manage-users .mobile-manage-users .side-buttons .active {
  background-color: #003169;
  border: 2px solid #003169;
  color: white;
}
.lc-users .lc-manage-users .mobile-manage-users .side-buttons a {
  color: #004390;
  padding: 10px;
  border: 2px solid #004390;
  border-radius: 6px;
  text-decoration: none;
  text-align: center;
  width: 120px;
  font-size: 17px;
  height: 40px;
  margin: 0 5px;
  line-height: 16px;
}
.lc-users .lc-manage-users .mobile-manage-users .side-buttons a:hover {
  background-color: #003169;
  border: 2px solid #003169;
  color: white;
}
.lc-users .lc-manage-users .mobile-manage-users .side-buttons button {
  color: #004390;
  background-color: transparent;
  padding: 10px;
  border: 2px solid #004390;
  border-radius: 6px;
  text-decoration: none;
  text-align: center;
  width: 120px;
  font-size: 17px;
  height: 40px;
  margin: 0 5px;
  line-height: 16px;
}
.lc-users .lc-manage-users .mobile-manage-users .side-buttons button:focus {
  outline: none;
}
.lc-users .lc-manage-users .mobile-manage-users .side-buttons button:hover {
  background-color: #003169;
  border: 2px solid #003169;
  color: white;
}
.lc-users .lc-manage-users .mobile-manage-users .user-role-selection {
  background-color: #f8f8f8;
  padding: 30px 20px 30px 20px;
  border-radius: 10px;
  margin-top: -35px;
  margin-bottom: 20px;
}
.lc-users .lc-manage-users .mobile-manage-users .user-role-selection hr {
  border-top: 1px solid #c4d2e5;
  border-bottom: 0;
}
.lc-users .lc-manage-users .mobile-manage-users .user-role {
  background-color: white;
  border: 2px solid #efefef;
  border-radius: 7px;
  padding: 20px;
  margin-bottom: 15px;
  color: #004390;
}
.lc-users .lc-manage-users .mobile-manage-users .user-role h2 {
  font-size: 18px;
  color: #004390;
}
.lc-users .lc-manage-users .mobile-manage-users .user-role p {
  color: #004390;
}
.lc-users .lc-manage-users .mobile-manage-users .user-role .select-channel {
  font-size: 16px;
  display: inline-block;
  cursor: pointer;
  line-height: 16px;
  padding: 8px 10px;
  border: 2px solid #004390;
  border-radius: 5px;
  text-decoration: none;
  color: white;
  background-color: #004390;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.lc-users .lc-manage-users .mobile-manage-users .user-role .lc-chevron-down {
  margin-top: 2px;
  width: 12px;
  height: 12px;
  fill: white;
}
.lc-users .lc-manage-users .mobile-manage-users .user-role .lc-chevron-down.rotate-up {
  transform: rotate(180deg);
}
.lc-users .lc-manage-users .mobile-manage-users .user-role .channel-list-container {
  max-height: 400px;
  margin-top: -2px;
  border: 2px solid #004390;
  overflow-y: scroll;
  overflow-x: hidden;
}
.lc-users .lc-manage-users .mobile-manage-users .user-role .channel-index {
  padding: 7px 5px;
  width: 100%;
  border: none;
  text-align: left;
  color: #004390;
  background-color: white;
  border-bottom: 1px solid #d5dde5;
}
.lc-users .lc-manage-users .mobile-manage-users .user-role .channel-index:hover {
  background-color: #cae9f9;
}
.lc-users .lc-manage-users .mobile-manage-users .selected {
  border: 2px solid #004390;
  position: relative;
  background-color: #e2eeff;
}
.lc-users .lc-manage-users .mobile-manage-users .selected::before {
  display: block;
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='30' width='30'> <path d='M12.5 25C19.4036 25 25 19.4036 25 12.5C25 5.59644 19.4036 0 12.5 0C5.59644 0 0 5.59644 0 12.5C0 19.4036 5.59644 25 12.5 25Z' fill='rgb(0, 67, 144)'/> <path d='M24.7658 5.13676L22.5587 2.94923C22.2657 2.65625 21.7775 2.65625 21.465 2.94923L12.0313 12.6954L7.94925 8.67193C7.65626 8.37894 7.16799 8.37894 6.85551 8.67193L4.90236 10.6055C4.60937 10.8985 4.60937 11.3868 4.90236 11.6798L11.4259 18.1446C11.6017 18.3204 11.836 18.379 12.0704 18.3595C12.3048 18.379 12.5391 18.3204 12.7149 18.1446L24.7658 6.23049C25.0588 5.91797 25.0588 5.42969 24.7658 5.13676Z' fill='rgb(255, 255, 255)'/></svg>");
  background-size: 28px 28px;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 20px;
  right: 15px;
}
.lc-users .lc-manage-users .mobile-manage-users .option-buttons {
  padding-top: 20px;
  display: block;
}
.lc-users .lc-manage-users .mobile-manage-users .option-buttons .lc-button {
  margin-right: 10px;
  margin-bottom: 10px;
}
.lc-users .lc-manage-users .mobile-manage-users .option-buttons .blue-button {
  background-color: #006de9;
  border: 2px solid #006de9;
  border-radius: 50px;
  padding: 8px 15px;
  color: white;
  margin-right: 10px;
}
.lc-users .lc-manage-users .mobile-manage-users .option-buttons .blue-button:hover {
  background-color: #0056b7;
  border: 2px solid #0056b7;
}
.lc-users .lc-manage-users .mobile-manage-users .option-buttons .red-button {
  border: none;
  background-color: white;
  border-radius: 50px;
  padding: 8px 15px;
  color: #f10d6d;
  box-shadow: 0 2px 3px #e9e9e9;
}
.lc-users .lc-manage-users .mobile-manage-users .option-buttons .red-button:hover {
  background-color: #f10d6d;
  color: white;
}
.lc-users .lc-manage-users .mobile-manage-users .option-buttons .red-button:hover .lc-trash-bin {
  fill: white !important;
}
.lc-users .lc-manage-users .mobile-manage-users .option-buttons .red-button .lc-trash-bin {
  width: 15px;
  height: 15px;
  margin-left: 5px;
  fill: #f10d6d;
}
.lc-users .lc-manage-users .create-user {
  position: absolute;
  bottom: 40px;
  left: 40px;
}
.lc-users .lc-manage-users #create-user-form {
  padding: 60px;
  border-radius: 10px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  background-color: rgba(121, 140, 162, 0.3);
}
.lc-users .lc-manage-users #create-user-form form {
  margin-bottom: 0;
}
.lc-users .lc-manage-users #create-user-form h2 {
  margin-bottom: 20px;
  font-size: 19px;
}
.lc-users .lc-manage-users #create-user-form button {
  margin: 15px 5px 0 5px;
  background-color: #006de9;
  border: 2px solid #006de9;
  border-radius: 5px;
  padding: 8px 5px;
  color: white;
  width: 130px;
}
.lc-users .lc-manage-users #create-user-form button:hover {
  background-color: #0056b7;
  border: 2px solid #0056b7;
}
.lc-users .lc-manage-users #create-user-form .cancel {
  background-color: transparent;
  color: #006de9;
}
.lc-users .lc-manage-users #create-user-form .cancel:hover {
  background-color: #006de9;
  border: 2px solid #006de9;
  color: white;
}
.lc-users .lc-manage-users .create-user-container {
  background-color: white;
  padding: 30px;
  width: 60%;
  margin: auto;
  border-radius: 7px;
  box-shadow: 0 3px 5px rgba(38, 53, 69, 0.22);
  right: 0;
  left: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999 !important;
}
.lc-users .lc-manage-users .pw-email-container {
  background-color: white;
  padding: 30px;
  width: 60%;
  margin: auto;
  border-radius: 7px;
  box-shadow: 0 3px 5px rgba(38, 53, 69, 0.22);
  transform: translate(-50%, -50%);
  right: 50%;
  left: 50%;
  bottom: 50%;
  position: fixed;
}
.lc-users .lc-manage-users .button-row {
  display: flex;
  justify-content: center;
}
.lc-users .lc-manage-users .lc-off,
.lc-users .lc-manage-users .lc-on {
  width: 25px;
  height: 25px;
  margin-right: 4px;
}
.lc-users .lc-manage-users .toggle-on {
  display: block;
  position: absolute;
  left: -1px;
  width: 25px;
  height: 25px;
}
.lc-users .lc-manage-users .toggle-off {
  display: none;
}
@media (max-width: 992px) {
  .lc-users .lc-manage-users {
    padding-bottom: 30px !important;
  }
  .lc-users .lc-manage-users .manage-heading {
    margin-bottom: 20px;
  }
  .lc-users .lc-manage-users table {
    display: none;
  }
  .lc-users .lc-manage-users .mobile-manage-users {
    display: block;
  }
  .lc-users .lc-manage-users .manage-heading {
    display: block;
  }
  .lc-users .lc-manage-users .manage-heading h2 {
    margin-bottom: 20px;
  }
  .lc-users .lc-manage-users .manage-heading .search-box {
    width: 100%;
  }
  .lc-users .lc-manage-users .lc-submit {
    margin-top: 10px;
    position: unset;
  }
}
@media (max-width: 550px) {
  .lc-users .lc-manage-users .mobile-manage-users .option-buttons .lc-button {
    display: block;
    width: 100%;
  }
  .lc-users .lc-manage-users .mobile-manage-users .side-buttons {
    display: flex;
    justify-content: space-between;
  }
  .lc-users .lc-manage-users .mobile-manage-users .side-buttons a,
  .lc-users .lc-manage-users .mobile-manage-users .side-buttons button {
    margin: 0;
    width: 48%;
  }
  .lc-users .lc-manage-users #create-user-form {
    padding: 20px;
  }
  .lc-users .lc-manage-users #create-user-form .button-row {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
  }
  .lc-users .lc-manage-users #create-user-form .button-row button {
    margin: 0;
    width: 48%;
  }
  .lc-users .lc-manage-users .create-user-container {
    width: 90%;
    padding: 20px;
  }
}
.lc-users .lc-invitation-area h2 {
  margin-bottom: 40px;
}
.lc-users .lc-invitation-area .invitation-row {
  display: flex;
  justify-content: space-between;
}
.lc-users .lc-invitation-area .lc-invitation {
  width: 48%;
}
.lc-users .lc-invitation-area .lc-invitation textarea {
  background: #f8f8f8;
  box-shadow: inset 0px 1px 5px #e5e5e5;
  border-radius: 8px;
  width: 100%;
  padding: 12px;
  border: 2px solid white;
  margin-bottom: 15px;
  font-weight: 500;
  resize: none;
  min-height: 75px;
}
.lc-users .lc-invitation-area .lc-invitation textarea:focus {
  outline: none;
  border: 2px solid #006de9;
}
.lc-users .lc-invitation-area .lc-invitation table {
  width: 100%;
  color: #004390;
  border-collapse: collapse;
}
.lc-users .lc-invitation-area .lc-invitation table .info-row {
  background-color: #e2eeff;
  border-radius: 50px;
}
.lc-users .lc-invitation-area .lc-invitation table .email {
  padding: 10px 10px 10px 25px;
  border-radius: 50px 0 0 50px;
}
.lc-users .lc-invitation-area .lc-invitation table .remove {
  padding: 0;
  border-radius: 0 50px 50px 0;
  text-align: right;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  position: relative;
}
.lc-users .lc-invitation-area .lc-invitation table .remove .lc-cross {
  position: absolute;
  width: 10px;
  height: 10px;
  right: 20px;
  top: 15px;
  stroke: #004390;
}
.lc-users .lc-invitation-area .lc-invitation table .remove a {
  color: #004390;
  text-decoration: none;
  display: block;
  padding: 10px 35px 10px 10px;
}
.lc-users .lc-invitation-area .lc-invitation table .remove:hover .lc-cross {
  stroke: #f10d6d;
}
.lc-users .lc-invitation-area .lc-invitation table .remove:hover a {
  color: #f10d6d;
}
.lc-users .lc-invitation-area .lc-invitation table .space-row {
  margin: 1px;
}
.lc-users .lc-invitation-area .lc-invitation table .space {
  padding: 2px;
}
@media (max-width: 992px) {
  .lc-users .lc-invitation-area .invitation-row {
    display: block;
  }
  .lc-users .lc-invitation-area .lc-invitation {
    width: 100%;
  }
  .lc-users .lc-invitation-area .pending {
    margin-top: 40px;
  }
}
@media (max-width: 600px) {
  .lc-users .lc-invitation-area table .email {
    overflow: hidden;
  }
  .lc-users .lc-invitation-area table .remove span {
    display: none;
  }
}
.lc-users .lc-registration-area {
  padding-bottom: 25px !important;
}
.lc-users .lc-registration-area h2 {
  margin-bottom: 40px;
}
.lc-users .lc-registration-area .registration-row {
  display: flex;
  justify-content: space-between;
}
.lc-users .lc-registration-area .lc-registration {
  width: 48%;
}
.lc-users .lc-registration-area .registration-container {
  background-color: #f8f8f8;
  padding: 20px;
  font-size: 16px;
  border-radius: 7px;
  margin-bottom: 20px;
}
.lc-users .lc-registration-area .registration-container input {
  background-color: white;
  border: 2px solid #f8f8f8;
  box-shadow: inset 0px 1px 5px #e0e2e3;
}
.lc-users .lc-registration-area .registration-container .registration-label {
  font-weight: 700;
  margin-right: 10px;
}
.lc-users .lc-registration-area .registration-container .lc-tab {
  display: flex;
  padding: 5px 0;
  align-items: center;
}
.lc-users .lc-registration-area .registration-container .email-thing {
  overflow: hidden;
}
.lc-users .lc-registration-area .registration-container .remove {
  padding: 10px 20px 5px 20px;
  border-radius: 0 0 10px 10px;
  text-align: right;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}
.lc-users .lc-registration-area .registration-container .remove a {
  color: #004390;
  text-decoration: none;
  position: relative;
  padding: 10px 0;
  display: block;
}
.lc-users .lc-registration-area .registration-container .remove a:hover {
  color: #f10d6d;
}
.lc-users .lc-registration-area .registration-container .remove a:hover .lc-cross {
  stroke: #f10d6d;
}
.lc-users .lc-registration-area .registration-container .remove .lc-cross {
  position: absolute;
  width: 10px;
  height: 10px;
  right: -18px;
  top: 14px;
  stroke: #004390;
}
@media (max-width: 992px) {
  .lc-users .lc-registration-area .registration-row {
    display: block;
  }
  .lc-users .lc-registration-area .lc-registration {
    width: 100%;
  }
  .lc-users .lc-registration-area .open-registration {
    margin-top: 40px;
  }
}
.lc-users .lc-input-group {
  position: relative;
  margin: 15px 0;
}
.lc-users .lc-input-group .mdi {
  position: absolute;
  left: 13px;
  top: 13px;
  font-size: 17px;
  color: var(--neutral-tone50);
}
.lc-users .lc-input-group .field-validation-error {
  display: block;
  margin-top: 5px;
  font: var(--lato-12px-400);
  color: var(--red);
}
.lc-users .lc-input-group.has-domain-email input {
  padding-right: 100px;
}
.lc-users .lc-input-group.has-domain-email .domain-mail {
  position: absolute;
  right: 15px;
  top: 13px;
}
.lc-account {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.lc-account form {
  margin-bottom: 0;
}
.lc-account .g-signin2 {
  display: inline-block;
}
.lc-account .g-signin2 .abcRioButton {
  border-radius: 50px;
  height: 44px !important;
  box-shadow: 0px 2px 3px #e9e9e9 !important;
}
.lc-account .g-signin2 .abcRioButtonIcon {
  padding: 13px !important;
}
.lc-account .g-signin2 .abcRioButtonContents {
  line-height: 43px !important;
  margin-right: 20px !important;
}
.lc-account .lc-ms-login .ms-button {
  background: white;
  width: 190px;
  height: 41px;
  padding: 0px;
  box-shadow: 0px 2px 10px #ebebeb !important;
  border-radius: 0px;
}
.lc-account input {
  background: #f8f8f8;
  box-shadow: inset 0px 1px 5px #e5e5e5;
  border-radius: 8px;
  width: 100%;
  padding: 12px;
  border: 2px solid white;
  margin-bottom: 15px;
}
.lc-account input:focus {
  outline: none;
  border: 2px solid #006de9;
}
.lc-account .lc-account-box {
  width: 49%;
}
.lc-account .lc-account-box button {
  background-color: #004390;
  border: none;
  color: white;
  border-radius: 5px;
  padding: 10px 15px;
  margin-top: 5px;
  cursor: pointer;
}
.lc-account .lc-account-box button:hover {
  background-color: #003169;
}
.lc-account .lc-account-info {
  font-size: 17px;
}
.lc-account .lc-account-info b {
  margin-right: 5px;
}
.lc-account .lc-account-info .acct-detail {
  margin-top: 10px;
}
.lc-account .lc-account-info .acct-detail .lc-pencil {
  fill: #004390;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  cursor: pointer;
}
.lc-account .lc-account-info a {
  color: #004390;
  text-decoration: none;
}
.lc-account .lc-account-info .enable-cross-publishing {
  background-color: transparent;
  padding: 0;
  color: black;
  margin: 10px 0;
  display: flex;
  align-items: center;
  font-size: 16px;
}
.lc-account .lc-account-info .enable-cross-publishing:hover {
  background-color: transparent;
}
.lc-account .lc-account-info .enable-cross-publishing svg {
  margin-right: 5px;
}
.lc-account .lc-account-info .disable-cross-publishing {
  display: flex;
  align-items: center;
  margin: 10px 0;
  color: black;
  font-size: 16px;
}
.lc-account .lc-account-info .disable-cross-publishing svg {
  fill: #f10d6d;
  margin-right: 5px;
}
.lc-account .lc-remove-cross-access-area {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #dedede;
}
.lc-account .lc-remove-cross-access-area .cross-access-title {
  color: #777777;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 15px;
}
.lc-account .lc-remove-cross-access-area table {
  width: 100%;
  color: #004390;
  border-collapse: collapse;
}
.lc-account .lc-remove-cross-access-area table .info-row {
  background-color: #e2eeff;
  border-radius: 50px;
}
.lc-account .lc-remove-cross-access-area table .tenant {
  padding: 10px 10px 10px 25px;
  border-radius: 50px 0 0 50px;
}
.lc-account .lc-remove-cross-access-area table .remove {
  padding: 0;
  border-radius: 0 50px 50px 0;
  text-align: right;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  position: relative;
}
.lc-account .lc-remove-cross-access-area table .remove .lc-cross {
  position: absolute;
  width: 10px;
  height: 10px;
  right: 20px;
  top: 15px;
  stroke: #004390;
}
.lc-account .lc-remove-cross-access-area table .remove a {
  color: #004390;
  text-decoration: none;
  display: block;
  padding: 10px 35px 10px 10px;
}
.lc-account .lc-remove-cross-access-area table .remove:hover .lc-cross {
  stroke: #f10d6d;
}
.lc-account .lc-remove-cross-access-area table .remove:hover a {
  color: #f10d6d;
}
.lc-account .lc-remove-cross-access-area table .space-row {
  margin: 1px;
}
.lc-account .lc-remove-cross-access-area table .space {
  padding: 2px;
}
@media (max-width: 992px) {
  .lc-account .lc-remove-cross-access-area .invitation-row {
    display: block;
  }
  .lc-account .lc-remove-cross-access-area .lc-invitation {
    width: 100%;
  }
  .lc-account .lc-remove-cross-access-area .pending {
    margin-top: 40px;
  }
}
@media (max-width: 600px) {
  .lc-account .lc-remove-cross-access-area table .email {
    overflow: hidden;
  }
  .lc-account .lc-remove-cross-access-area table .remove span {
    display: none;
  }
}
@media (max-width: 989px) {
  .lc-account {
    display: block;
  }
  .lc-account .lc-account-box {
    width: 100%;
  }
}
.lc-integrations {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.lc-integrations .show-me {
  visibility: visible;
}
.lc-integrations #copy-notice {
  padding: 10px 20px;
  border-radius: 5px;
  background-color: #ebf4e7;
  color: #6a8f53;
  visibility: collapse;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  width: 200px;
  text-align: center;
  top: 50px;
  box-shadow: 0 2px 2px #c2d0b9;
  transition: visibility 1s ease-in-out;
}
.lc-integrations input {
  background: #f8f8f8;
  box-shadow: inset 0px 1px 5px #e5e5e5;
  border-radius: 8px 0 0 8px;
  width: 100%;
  padding: 12px;
  border: none;
  margin-bottom: 0;
  font-weight: 500;
}
.lc-integrations input:focus {
  outline: none;
  border: none;
}
.lc-integrations .add-api-button {
  padding: 5px 15px;
  display: inline-block;
  color: white;
  border: 2px solid #004390;
  border-radius: 0 8px 8px 0;
  background-color: #004390;
  font-size: 14px;
  text-transform: uppercase;
}
.lc-integrations .add-api-button:hover {
  background-color: #003169;
}
.lc-integrations .add-api-form {
  margin-right: 6px !important;
  margin: 0px;
}
.lc-integrations .add-api-form-button:hover {
  cursor: pointer;
}
.lc-integrations .add-api {
  display: flex;
}
.lc-integrations .lc-paper-container {
  width: 100%;
  position: relative;
}
.lc-integrations .api-bullet {
  display: flex;
  margin-bottom: 10px;
  justify-content: space-between;
  position: relative;
}
.lc-integrations .api-bullet .api-url {
  overflow: hidden;
  background-color: #e2eeff;
  color: #004390;
  padding: 13px 20px;
  width: 94%;
  text-decoration: none;
  border-radius: 5px;
  margin-right: 10px;
  transition-duration: 0.3s;
  transition-property: box-shadow, transform;
  text-overflow: ellipsis;
}
.lc-integrations .api-bullet span {
  font-weight: 700;
}
.lc-integrations .button-row {
  display: flex;
}
.lc-integrations .copy-api-url {
  background-color: #006de9;
  border: 0;
  border-radius: 5px;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-overflow: ellipsis;
}
.lc-integrations .copy-api-url svg {
  width: 15px;
  height: 18px;
  fill: white;
}
.lc-integrations .copy-api-url:hover {
  background-color: #0056b7;
}
.lc-integrations .delete {
  margin-left: 7px;
  border-radius: 5px;
  background-color: #f10d6d;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lc-integrations .delete:hover {
  background-color: #cd0b5c;
}
.lc-integrations .delete svg {
  fill: white;
  width: 18px;
  height: 18px;
}
.lc-manage-accounts h1 {
  font-size: 25px;
  margin-bottom: 30px;
}
.lc-manage-accounts .lc-paper-container {
  margin-top: 20px;
}
.lc-manage-accounts .manage-row {
  margin: 0 -10px;
}
.lc-manage-accounts .manage-container {
  display: table;
  width: 100%;
}
.lc-manage-accounts .account-cell {
  width: calc(33.333333333%);
  margin: auto;
  display: flex;
  float: left;
  padding: 10px;
}
.lc-manage-accounts .account-link {
  background-color: transparent;
  border: 2px solid #004390;
  padding: 15px 30px 15px 15px;
  width: 100%;
  border-radius: 7px;
  color: #004390;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 75px;
  position: relative;
}
.lc-manage-accounts .account-link .info {
  overflow: hidden;
}
.lc-manage-accounts .account-link h3 {
  margin-bottom: 0;
  color: #004390;
  text-overflow: ellipsis;
  overflow: hidden;
}
.lc-manage-accounts .account-link .lc-chevron-right {
  width: 20px;
  height: 20px;
  fill: #004390;
  position: absolute;
  right: 12px;
}
.lc-manage-accounts .account-link:hover {
  background-color: #004390;
  color: white;
}
.lc-manage-accounts .account-link:hover h3 {
  color: white;
}
.lc-manage-accounts .account-link:hover .lc-chevron-right {
  fill: white;
}
@media (max-width: 989px) {
  .lc-manage-accounts .account-cell {
    width: calc(50%);
  }
}
@media (max-width: 520px) {
  .lc-manage-accounts h1 {
    margin-bottom: 10px;
  }
  .lc-manage-accounts .account-link {
    height: auto;
  }
  .lc-manage-accounts .account-cell {
    width: 100%;
  }
}
.lc-administrator .lc-activities {
  margin-top: 20px;
}
.lc-administrator .row-stats {
  margin: 0 -5px;
}
.lc-administrator .stats-container {
  display: table;
  width: 100%;
}
.lc-administrator .stats-card-container {
  width: calc(16.666666667%);
  float: left;
  padding: 5px;
}
.lc-administrator .stats-card-container .stats-card {
  background-color: #f8f8f8;
  padding: 10px;
  border-radius: 7px;
}
.lc-administrator .stats-card-container .stats-label {
  color: #777777;
  font-size: 12px;
}
.lc-administrator .stats-card-container .stats-content {
  font-weight: 900;
  font-size: 30px;
}
.lc-administrator .lc-records {
  margin-top: 25px;
}
.lc-administrator .lc-records a {
  padding: 10px 15px;
  background-color: #004390;
  color: white;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  text-decoration: none;
  border-radius: 5px;
}
.lc-administrator .lc-records a:hover {
  background-color: #003169;
}
.lc-administrator .lc-records .lc-chevron-right {
  fill: white;
  height: 10px;
  width: 10px;
  margin-left: 5px;
}
.lc-administrator .row-tenants {
  margin: 0 -10px;
}
.lc-administrator .tenant-table {
  display: table;
  width: 100%;
}
.lc-administrator .tenant-cell-container {
  width: calc(33.333333333%);
  float: left;
  padding: 10px;
}
.lc-administrator .tenant-cell-container .lc-chevron-right {
  width: 10%;
  height: 20px;
  fill: #004390;
}
.lc-administrator .tenant-cell-container .tenant-cell {
  background-color: transparent;
  border: 2px solid #004390;
  border-radius: 7px;
  display: flex;
  padding: 15px;
  text-decoration: none;
  color: #004390;
  align-items: center;
  justify-content: space-between;
  height: 75px;
}
.lc-administrator .tenant-cell-container .tenant-cell .tenant-info {
  width: 85%;
}
.lc-administrator .tenant-cell-container .tenant-cell h3 {
  color: #004390;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lc-administrator .tenant-cell-container .tenant-cell span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.lc-administrator .tenant-cell-container .tenant-cell:hover {
  background-color: #004390;
  color: white;
}
.lc-administrator .tenant-cell-container .tenant-cell:hover h3 {
  color: white;
}
.lc-administrator .tenant-cell-container .tenant-cell:hover .lc-chevron-right {
  fill: white;
}
.lc-administrator .admin-forms {
  display: flex;
  justify-content: space-between;
}
.lc-administrator .admin-forms .lc-paper-container {
  width: 49%;
}
.lc-administrator form {
  margin-bottom: 0;
}
.lc-administrator input {
  background: #f8f8f8;
  box-shadow: inset 0px 1px 5px #e5e5e5;
  border-radius: 8px;
  width: 100%;
  padding: 12px;
  border: 2px solid white;
  margin-bottom: 10px;
  font-weight: 500;
}
.lc-administrator input:focus {
  outline: none;
  border: 2px solid #006de9;
}
@media (max-width: 992px) {
  .lc-administrator .stats-card-container {
    width: calc(33.333333333%);
  }
  .lc-administrator .tenant-cell-container {
    width: 50%;
  }
  .lc-administrator .admin-forms {
    display: block;
  }
  .lc-administrator .admin-forms .lc-paper-container {
    width: 100%;
  }
}
@media (max-width: 550px) {
  .lc-administrator .stats-card-container {
    width: 50%;
  }
  .lc-administrator .tenant-cell-container {
    width: 100%;
  }
  .lc-administrator .tenant-cell-container .tenant-cell {
    height: auto;
  }
  .lc-administrator .tenant-cell-container .tenant-cell h3 {
    white-space: normal;
  }
  .lc-administrator .lc-records a {
    width: 100%;
  }
  .lc-administrator .lc-records .lc-chevron-right {
    float: right;
    margin: 6px 0 6px 6px;
  }
}
.lc-tenant-activity .lc-paper-container {
  margin: 20px 0;
}
.lc-tenant-activity a {
  color: #006de9;
  text-decoration: none;
}
.lc-tenant-activity table {
  width: 100%;
  margin-bottom: 30px;
  border-collapse: collapse;
}
.lc-tenant-activity table .user-labels {
  display: none;
  margin-right: 10px;
  font-weight: 700;
}
.lc-tenant-activity table .spacing {
  padding: 5px;
}
.lc-tenant-activity table thead {
  border-bottom: 3px solid #004390;
  text-align: left;
}
.lc-tenant-activity table thead th {
  padding: 10px;
}
.lc-tenant-activity table thead th:nth-child(4) {
  text-align: right;
}
.lc-tenant-activity table tbody tr {
  border-bottom: 1px solid #d5dde5;
}
.lc-tenant-activity table tbody tr:first-child td {
  padding-top: 20px;
}
.lc-tenant-activity table tbody tr:nth-of-type(odd) {
  background-color: rgba(202, 233, 249, 0.3);
}
.lc-tenant-activity table tbody td {
  padding: 15px 10px;
}
.lc-tenant-activity table tbody td:nth-child(4) {
  text-align: right;
}
.lc-tenant-activity-mobile {
  display: none;
}
.lc-tenant-activity-mobile a {
  color: #004390;
}
.lc-tenant-activity-mobile .lc-paper-container {
  padding: 15px 15px 10px 15px !important;
  margin-bottom: 10px;
}
.lc-tenant-activity-mobile .lc-paper-container h3 {
  font-size: 16px;
  margin: 0 10px 0 0;
}
.lc-tenant-activity-mobile .lc-paper-container .tenant-detail {
  display: block;
  margin-bottom: 5px;
  border-bottom: 1px solid #d5dde5;
  padding-bottom: 5px;
}
.lc-tenant-activity-mobile .lc-paper-container .tenant-detail:first-child {
  display: flex;
}
.lc-tenant-activity-mobile .lc-paper-container .tenant-detail:nth-child(2) {
  display: flex;
}
.lc-tenant-activity-mobile .lc-paper-container .tenant-detail:last-child {
  border: 0;
  padding-bottom: 10px;
  margin: 0;
}
@media (max-width: 680px) {
  .lc-tenant-activity {
    display: none;
  }
  .lc-tenant-activity-mobile {
    display: block;
    margin-top: 30px;
  }
}
.lc-disbaled-tenants .lc-paper-container {
  margin: 20px 0;
}
.lc-disbaled-tenants a {
  color: #006de9;
  text-decoration: none;
}
.lc-disbaled-tenants table {
  width: 100%;
  margin-bottom: 30px;
  border-collapse: collapse;
}
.lc-disbaled-tenants table .user-labels {
  display: none;
  margin-right: 10px;
  font-weight: 700;
}
.lc-disbaled-tenants table .spacing {
  padding: 5px;
}
.lc-disbaled-tenants table thead {
  border-bottom: 3px solid #004390;
  text-align: left;
}
.lc-disbaled-tenants table thead th {
  padding: 10px;
}
.lc-disbaled-tenants table thead th:nth-child(3) {
  text-align: right;
}
.lc-disbaled-tenants table tbody tr {
  border-bottom: 1px solid #d5dde5;
}
.lc-disbaled-tenants table tbody tr:first-child td {
  padding-top: 20px;
}
.lc-disbaled-tenants table tbody tr:nth-of-type(odd) {
  background-color: rgba(202, 233, 249, 0.3);
}
.lc-disbaled-tenants table tbody td {
  padding: 15px 10px;
}
.lc-disbaled-tenants table tbody td:nth-child(3) {
  text-align: right;
}
.lc-admin-control .tenant-profile {
  margin: 35px 0 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lc-admin-control .tenant-profile .lc-pencil {
  fill: #004390;
  width: 18px;
  height: 18px;
  margin-left: 10px;
  cursor: pointer;
}
.lc-admin-control .tenant-profile h1 {
  margin-bottom: 0;
}
.lc-admin-control .tenant-profile p {
  margin: 10px 0 0 0;
}
.lc-admin-control .activities {
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
}
.lc-admin-control .activities .row-stats {
  margin: 0 -5px;
}
.lc-admin-control .activities .stats-container {
  display: table;
  width: 100%;
}
.lc-admin-control .activities .stats-card-container {
  width: calc(16.666666667%);
  float: left;
  padding: 5px;
}
.lc-admin-control .activities .stats-card-container .stats-card {
  background-color: #f8f8f8;
  padding: 10px;
  border-radius: 7px;
}
.lc-admin-control .activities .stats-card-container .stats-label {
  color: #777777;
  font-size: 12px;
}
.lc-admin-control .activities .stats-card-container .stats-content {
  font-weight: 900;
  font-size: 30px;
}
.lc-admin-control .activities .buttons {
  display: flex;
}
.lc-admin-control .activities a {
  padding: 10px 15px;
  background-color: #004390;
  color: white;
  display: block;
  margin-right: 10px;
  font-size: 16px;
  text-decoration: none;
  border-radius: 5px;
  margin-top: 20px;
}
.lc-admin-control .activities a:hover {
  background-color: #003169;
}
.lc-admin-control .activities .lc-chevron-right {
  fill: white;
  height: 10px;
  width: 10px;
  margin-left: 5px;
}
.lc-admin-control .lc-off,
.lc-admin-control .lc-on {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.lc-admin-control .row-container {
  margin: -3px;
}
.lc-admin-control .features-row {
  display: flex;
  flex-wrap: wrap;
}
.lc-admin-control .lc-features {
  min-width: calc(20%);
}
.lc-admin-control .lc-features .lc-button {
  border-radius: 5px;
  padding: 10px;
  display: block;
  margin: 3px;
  color: white;
  font-size: 14px;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.lc-admin-control .lc-features .disabled-button {
  background-color: #f10d6d;
}
.lc-admin-control .lc-features .active-button {
  background-color: #28c5ba;
}
.lc-admin-control .tenant-information {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.lc-admin-control .tenant-information .lc-paper-container {
  margin: 0;
  width: 49%;
}
.lc-admin-control .tenant-information i {
  color: #777777;
}
.lc-admin-control .tenant-information form {
  display: flex;
}
.lc-admin-control .tenant-information form input {
  background: #f8f8f8;
  box-shadow: inset 0px 1px 5px #e5e5e5;
  border-radius: 8px 0 0 8px;
  width: 100%;
  padding: 12px;
  border: none;
  font-weight: 500;
}
.lc-admin-control .tenant-information form input:focus {
  outline: none;
}
.lc-admin-control .tenant-information form button {
  width: 70px;
  color: white;
  background-color: #004390;
  border: 1px solid #004390;
  border-radius: 0 8px 8px 0;
  font-size: 14px;
}
.lc-admin-control .tenant-information form button:hover {
  background-color: #003169;
}
.lc-admin-control .tenant-information .bullet-tenant {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  background-color: #e2eeff;
  border-radius: 50px;
}
.lc-admin-control .tenant-information .bullet-tenant .tenant-name {
  padding: 10px 20px;
  display: block;
  width: 80%;
  color: #004390;
  text-decoration: none;
}
.lc-admin-control .tenant-information .bullet-tenant .remove {
  padding: 10px 15px;
  display: block;
  color: #004390;
  font-weight: 700;
  text-align: right;
  text-decoration: none;
}
.lc-admin-control .tenant-information .bullet-tenant .remove:hover {
  color: #f10d6d;
}
.lc-admin-control h2 i {
  font-size: 16px;
  font-weight: 300;
  margin-left: 5px;
}
.lc-admin-control table {
  width: 100%;
  margin-bottom: 30px;
  border-collapse: collapse;
}
.lc-admin-control table .user-labels {
  display: none;
  margin-right: 10px;
  font-weight: 700;
}
.lc-admin-control table .spacing {
  padding: 5px;
}
.lc-admin-control table thead {
  border-bottom: 3px solid #004390;
  text-align: left;
}
.lc-admin-control table thead th {
  padding: 0 10px 10px 10px;
}
.lc-admin-control table thead th:last-child {
  text-align: right;
}
.lc-admin-control table tbody tr {
  border-bottom: 1px solid #d5dde5;
}
.lc-admin-control table tbody tr:first-child td {
  padding-top: 10px;
}
.lc-admin-control table tbody tr:nth-of-type(odd) {
  background-color: rgba(202, 233, 249, 0.3);
}
.lc-admin-control table tbody td {
  padding: 8px 10px;
}
.lc-admin-control table tbody td:last-child {
  text-align: right;
}
.lc-admin-control .latest-channels-mobile {
  display: none;
}
.lc-admin-control .latest-channels-mobile span {
  font-weight: 700;
}
.lc-admin-control .latest-channels-mobile .channel-card {
  margin-bottom: 5px;
  background-color: #f8f8f8;
  padding: 8px 10px;
}
.lc-admin-control .json-area {
  padding: 25px;
  background-color: #f8f8f8;
  margin-top: 20px;
}
.lc-admin-control .json-area .json {
  display: block;
  padding: 15px;
  margin: 0;
  font-size: 13px;
  color: #777777;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f8f8f8;
  border-radius: 4px;
}
.lc-admin-control .admin-options {
  margin-top: 50px;
}
.lc-admin-control .admin-options .lc-button {
  border-radius: 5px;
  padding: 13px;
  display: inline-block;
  margin: 3px;
  font-size: 16px;
  color: white;
  background-color: #004390;
  text-decoration: none;
  border: 0;
}
.lc-admin-control .admin-options .lc-button:hover {
  background-color: #003169;
  cursor: pointer;
}
.lc-admin-control .admin-options #confirm-disable {
  position: fixed;
  align-items: center;
  padding: 20px;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  justify-content: center;
  z-index: 100;
  background-color: rgba(1, 39, 81, 0.27);
  height: 100%;
}
.lc-admin-control .admin-options #confirm-disable .confirm-popup {
  width: 500px;
  background-color: white;
  border-radius: 10px;
  padding: 30px;
  text-align: center;
  font-size: 20px;
}
.lc-admin-control .admin-options #confirm-disable .confirm-popup .lc-button {
  width: 150px;
  color: #004390;
}
.lc-admin-control .admin-options #confirm-disable .confirmation-buttons {
  display: flex;
  justify-content: center;
}
.lc-admin-control .admin-options #confirm-disable .confirmation-buttons .lc-button {
  margin: 0 5px;
}
.lc-admin-control .admin-options #confirm-disable .confirmation-buttons button {
  border: 2px solid #004390;
  background-color: white;
  color: #004390;
}
.lc-admin-control .admin-options #confirm-disable .confirmation-buttons button:hover {
  color: white;
  background-color: #004390;
}
.lc-admin-control .admin-options #confirm-disable .confirmation-buttons .confirm {
  background-color: #004390;
  color: white;
}
.lc-admin-control .admin-options #confirm-disable .confirmation-buttons .confirm:hover {
  background-color: #003169;
}
.lc-admin-control .admin-options #confirm-disable .question {
  margin-bottom: 30px;
}
.lc-admin-control .admin-options #confirm-disable .question span {
  font-weight: 700;
}
.lc-admin-control .google-form {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.lc-admin-control .google-form span {
  font-size: 17px;
  margin-right: 20px;
  width: 25%;
}
.lc-admin-control .google-form form {
  display: flex;
  margin: 0;
  width: 75%;
}
.lc-admin-control .google-form form input {
  background: white;
  box-shadow: inset 0px 1px 5px #e0e2e3;
  border-radius: 8px 0 0 8px;
  width: 100%;
  padding: 12px;
  border: none;
  font-weight: 500;
}
.lc-admin-control .google-form form input:focus {
  outline: none;
}
.lc-admin-control .google-form form button {
  width: 280px;
  color: white;
  background-color: #006de9;
  border: 1px solid #006de9;
  border-radius: 0 8px 8px 0;
  font-size: 16px;
}
.lc-admin-control .google-form form button:hover {
  background-color: #0056b7;
}
@media (max-width: 1000px) {
  .lc-admin-control .tenant-information {
    display: block;
  }
  .lc-admin-control .tenant-information .lc-paper-container {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 998px) {
  .lc-admin-control .activities .stats-card-container {
    width: calc(33.333333333%);
  }
  .lc-admin-control .lc-features {
    width: 25%;
  }
}
@media (max-width: 768px) {
  .lc-admin-control .latest-channels-mobile {
    display: block;
  }
  .lc-admin-control .latest-channels {
    display: none;
  }
  .lc-admin-control .google-form {
    display: block;
  }
  .lc-admin-control .google-form form {
    margin-top: 15px;
    width: 100%;
  }
  .lc-admin-control .lc-features {
    width: calc(33.333333333%);
  }
  .lc-admin-control .lc-features svg {
    display: none;
  }
}
@media (max-width: 620px) {
  .lc-admin-control .admin-options {
    margin-top: 30px;
  }
  .lc-admin-control .admin-options .lc-button {
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
    text-align: center;
  }
  .lc-admin-control .admin-options #confirm-disable .confirm-popup {
    width: 100%;
    padding: 20px;
  }
  .lc-admin-control .admin-options #confirm-disable .confirmation-buttons {
    display: block;
  }
  .lc-admin-control .admin-options #confirm-disable .confirmation-buttons .lc-button {
    width: 100%;
    margin: 5px 0;
  }
}
@media (max-width: 550px) {
  .lc-admin-control .lc-features {
    width: 50%;
  }
  .lc-admin-control .activities a {
    margin-right: 0;
    margin-top: 10px;
  }
  .lc-admin-control .activities .lc-chevron-right {
    margin: 6px 0 6px 6px;
    float: right;
  }
  .lc-admin-control .activities .buttons {
    display: block;
  }
  .lc-admin-control .activities .stats-card-container {
    width: 50%;
  }
}
.admin-form-toggle-admin {
  margin: 0px;
}
.admin-form-toggle-admin button:hover {
  cursor: pointer;
}
.admin-form-toggle-admin button {
  color: white;
  border: 0px;
  min-width: calc(98%);
}
.admin-options-form {
  margin: 0px;
  display: initial;
}
.admin-options-form button:hover {
  cursor: pointer;
}
.admin-options-form button {
  color: white;
  border: 0px;
}
.lc-saas-section {
  background-color: var(--background);
  color: var(--on-surface);
  padding: 0 0 275px 0;
  margin: 0;
}
@media (max-width: 1100px) {
  .lc-saas-section {
    padding-bottom: 450px !important;
  }
}
.lc-saas-section .lc-new-elements p {
  margin: 0;
}
.lc-saas-section .lc-new-elements a {
  color: var(--primary);
  text-decoration: none;
}
.lc-saas-section .lc-new-elements .xs-text {
  font: var(--lato-12px-400);
  color: var(--neutral-tone50);
}
.lc-saas-section .lc-new-elements .xs-text.italic {
  font: var(--lato-12px-400i);
}
.lc-saas-section .lc-new-elements .text-centered {
  text-align: center;
}
.lc-saas-section .lc-new-elements input {
  font: var(--lato-14px-400) !important;
  border: 1px solid var(--neutral-tone80);
  color: var(--neutral-tone40);
  height: 42px;
  background-color: transparent;
  padding-left: 38px;
  border-radius: 5px;
  width: 100%;
  box-shadow: none;
}
.lc-saas-section .lc-new-elements input:focus-visible {
  outline: none;
  border: 1px solid var(--primary-tone60);
}
.lc-saas-section .lc-new-elements input:-webkit-autofill {
  background: red !important;
}
.lc-saas-section .lc-new-elements input::placeholder {
  font: var(--lato-14px-400) !important;
  color: var(--neutral-tone50);
}
.lc-saas-section .lc-new-elements input:disabled {
  pointer-events: none;
  color: var(--neutral-tone60);
}
.lc-saas-section .lc-new-elements button,
.lc-saas-section .lc-new-elements .button-a {
  border: 0;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: var(--lato-14px-400);
  padding: 0 15px;
  border-radius: 5px;
  cursor: pointer;
  transition: opacity ease-in-out 0.3s;
  position: relative;
}
.lc-saas-section .lc-new-elements button.primary,
.lc-saas-section .lc-new-elements .button-a.primary {
  background-color: var(--primary);
  color: var(--on-primary);
}
.lc-saas-section .lc-new-elements button.primary.disabled,
.lc-saas-section .lc-new-elements .button-a.primary.disabled {
  background-color: var(--neutral-tone60);
  pointer-events: none;
}
.lc-saas-section .lc-new-elements button.secondary,
.lc-saas-section .lc-new-elements .button-a.secondary {
  background-color: transparent;
  color: var(--secondary-tone40);
  border: 1px solid var(--secondary-tone90);
}
.lc-saas-section .lc-new-elements button svg,
.lc-saas-section .lc-new-elements .button-a svg {
  position: unset;
}
.lc-saas-section .lc-new-elements button.full-width,
.lc-saas-section .lc-new-elements .button-a.full-width {
  width: 100%;
}
.lc-saas-section .lc-new-elements button:hover,
.lc-saas-section .lc-new-elements .button-a:hover {
  opacity: 0.8;
}
.lc-saas-section .lc-new-elements select {
  height: 40px;
  font: var(--lato-14px-400) !important;
  color: var(--secondary-tone40);
  border: 1px solid var(--secondary-tone90);
  border-radius: 5px;
  background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='var(--neutral-tone80)' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
  background-position: bottom 13px right 10px !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  padding: 0 10px;
  cursor: pointer;
}
.lc-saas-section .lc-new-elements select:focus {
  outline: none;
}
.lc-saas-section .lc-new-elements form {
  margin: 0;
}
.lc-saas-section .lc-new-elements .lc-input-group {
  position: relative;
  margin: 15px 0;
}
.lc-saas-section .lc-new-elements .lc-input-group .mdi {
  position: absolute;
  left: 13px;
  top: 13px;
  font-size: 17px;
  color: var(--neutral-tone50);
}
.lc-saas-section .lc-new-elements .lc-input-group .field-validation-error {
  display: block;
  margin-top: 5px;
  font: var(--lato-12px-400);
  color: var(--red);
}
.lc-saas-section .lc-new-elements .lc-input-group.has-domain-email input {
  padding-right: 100px;
}
.lc-saas-section .lc-new-elements .lc-input-group.has-domain-email .domain-mail {
  position: absolute;
  right: 15px;
  top: 13px;
}
.lc-saas-section .lc-new-elements .lc-banner {
  padding: 15px;
  font: var(--lato-14px-400);
  border-radius: 5px;
}
.lc-saas-section .lc-new-elements .lc-banner.lc-success {
  background-color: var(--teal-container);
  color: var(--on-teal-container);
}
.lc-saas-section .lc-new-elements .lc-banner.lc-success a {
  color: var(--on-teal-container);
}
.lc-saas-section .lc-new-elements .lc-banner.lc-note {
  background-color: var(--primary-container);
  color: var(--on-primary-container);
}
.lc-saas-section .lc-new-elements .lc-banner.lc-note a {
  color: var(--on-primary-container);
}
.lc-saas-section .lc-new-elements .lc-banner.lc-warning {
  background-color: var(--yellow-container);
  color: var(--on-yellow-container);
}
.lc-saas-section .lc-new-elements .lc-banner.lc-warning a {
  color: var(--on-yellow-container);
}
.lc-saas-section .lc-new-elements .lc-banner.lc-danger {
  background-color: var(--red-container);
  color: var(--on-red-container);
}
.lc-saas-section .lc-new-elements .lc-banner.lc-danger a {
  color: var(--on-red-container);
}
.lc-saas-section .lc-new-elements .lc-banner a {
  font: var(--lato-14px-400);
  text-decoration: underline;
}
.lc-saas-section .lc-new-elements .lc-card {
  background-color: var(--surface);
  border-radius: 10px;
  box-shadow: 0px 5px 20px rgba(0, 15, 46, 0.05);
  padding: 20px;
}
.lc-saas-section .lc-new-elements .lc-heading {
  margin-bottom: 25px;
  text-align: center;
}
.lc-saas-section .lc-new-elements .lc-heading-title {
  font: var(--lato-24px-900) !important;
  margin-bottom: 5px;
}
.lc-saas-section .lc-new-elements .lc-heading-subtitle {
  color: var(--neutral-tone50);
  font: var(--lato-16px-400);
}
.lc-saas-section .lc-new-elements .lc-heading span {
  color: var(--primary);
}
@media (max-width: 700px) {
  .lc-saas-section .lc-new-elements .lc-heading-title {
    font: var(--lato-20px-900) !important;
  }
  .lc-saas-section .lc-new-elements .lc-heading-subtitle {
    font: var(--lato-14px-400);
  }
}
.lc-saas-section .lc-footer {
  background-color: var(--surface);
  box-shadow: 0px 5px 20px rgba(0, 15, 46, 0.05);
  padding: 50px 0;
  position: absolute;
  display: inline-block;
  bottom: 0;
  width: 100%;
}
.lc-saas-section .lc-footer .lc-container {
  display: flex;
  justify-content: space-between;
}
.lc-saas-section .lc-footer .lc-information-group {
  display: flex;
}
.lc-saas-section .lc-footer .lc-information-group .lc-information {
  padding: 0 50px;
  border-right: 1px solid var(--neutral-tone90);
}
.lc-saas-section .lc-footer .lc-information-group .lc-information svg {
  width: 150px;
}
.lc-saas-section .lc-footer .lc-information-group .lc-information-logo {
  padding-top: 10px;
  margin-bottom: 10px;
}
.lc-saas-section .lc-footer .lc-information-group .lc-information-title {
  font: var(--lato-16px-900);
  margin-bottom: 10px;
}
.lc-saas-section .lc-footer .lc-information-group .lc-information-link {
  font: var(--lato-14px-400);
  display: block;
  margin-bottom: 4px;
  cursor: pointer;
  color: var(--on-surface);
}
.lc-saas-section .lc-footer .lc-information-group .lc-information:first-child {
  padding-left: 0;
}
.lc-saas-section .lc-footer .lc-information-group .lc-information:last-child {
  border: 0;
}
.lc-saas-section .lc-footer .lc-region {
  width: 130px;
}
.lc-saas-section .lc-footer .lc-region .xs-text {
  margin-bottom: 5px;
}
.lc-saas-section .lc-footer .lc-region select {
  width: 100%;
}
@media (max-width: 1100px) {
  .lc-saas-section .lc-footer {
    padding: 30px 0;
  }
  .lc-saas-section .lc-footer .lc-information-group {
    display: block;
  }
  .lc-saas-section .lc-footer .lc-information-group .lc-information {
    padding: 0;
    border: 0 !important;
    margin-top: 20px;
  }
  .lc-saas-section .lc-footer .lc-information-group .lc-information:first-child {
    margin: 0;
  }
}
@media (max-width: 600px) {
  .lc-saas-section .lc-footer .lc-information-logo svg {
    width: 100px;
  }
  .lc-saas-section .lc-footer .lc-container {
    display: block;
  }
  .lc-saas-section .lc-footer .lc-options {
    margin-top: 20px;
  }
  .lc-saas-section .lc-footer .lc-region {
    margin-top: 20px;
    width: 100%;
  }
}
.lc-login {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 350px);
  padding: 50px 0;
}
.lc-login .lc-form-container {
  width: 550px;
  margin: auto;
}
.lc-login .lc-form-container.lc-card {
  padding: 60px 90px;
}
@media (max-width: 600px) {
  .lc-login .lc-form-container.lc-card {
    padding: 40px 30px;
  }
}
.lc-login .lc-forgot-password {
  font: var(--lato-12px-400);
  display: block;
  margin: 15px 0;
}
.lc-login .lc-login-option {
  margin: 15px 0;
  position: relative;
  text-align: center;
}
.lc-login .lc-login-option-line {
  background-color: var(--neutral-tone80);
  height: 1px;
  width: 150px;
  position: absolute;
  z-index: 1;
  margin: auto;
  left: 0;
  right: 0;
  top: 19px;
}
.lc-login .lc-login-option-text {
  position: relative;
  display: inline-block;
  color: var(--neutral-tone70);
  font: var(--lato-12px-400);
  background-color: var(--surface);
  z-index: 2;
  padding: 10px 8px;
}
.lc-alternative-sso {
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
  margin-left: -35px;
  width: 440px;
}
.lc-alternative-sso > * {
  width: 49%;
}
.lc-google-login .abcRioButton {
  width: 100% !important;
  height: 42px !important;
  background-color: transparent !important;
  box-shadow: none;
  color: var(--secondary-tone40);
  border: 1px solid var(--secondary-tone90);
  transition: opacity ease-in-out 0.3s;
  border-radius: 5px;
}
.lc-google-login .abcRioButton:hover {
  box-shadow: none;
  opacity: 0.8;
}
.lc-google-login .abcRioButtonContentWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lc-google-login .abcRioButtonContents span {
  font: var(--lato-14px-400) !important;
}
.input-validation-error {
  margin-bottom: 5px !important;
}
#lc-pwd-error,
#lc-pwdr-error {
  display: block;
  margin-top: 5px;
  font: var(--lato-12px-400);
  color: var(--red);
  margin-bottom: 15px;
}
.lc-amedia {
  display: flex;
  justify-content: space-between;
  /*.login-heading {
        margin-top: 50px;
        position: relative;

        h1 {
            margin-right: 20px;
            font-size: 35px;
            margin-bottom: 0;
        }

        p {
            margin-top: 5px;
        }
    }*/

  /*.promotion-buttons {
        margin-top: 30px;
        text-align: center;

        .lc-tab-blue {
            padding: 13px 15px;
            display: inline-block;
            border-radius: 5px;
            background-color: @lc-secondary-blue;
            margin-bottom: 15px;
            color: @white;
            box-shadow: 0px 1px 2px rgba(59, 89, 120, 0.32);
            text-decoration: none;
            width: 350px;
        }


        .lc-tab-white {
            padding: 13px 15px;
            display: inline-block;
            border-radius: 5px;
            background-color: @white;
            margin-bottom: 15px;
            color: @lc-secondary-blue;
            box-shadow: 0px 2px 2px rgba(56, 87, 123, 0.16);
            text-decoration: none;
            width: 350px;
        }

        .sign-up {
            font-weight: 900;
            margin-left: 5px;
            text-decoration: none;
            color: @white;
        }

        .read-more {
            color: @lc-secondary-blue;
            text-decoration: underline;
        }
    }*/

}
.lc-amedia .login-container {
  width: 550px;
}
.lc-amedia .illustration {
  padding-top: 150px;
  width: 40%;
  position: relative;
}
.lc-amedia .login-heading {
  margin-top: 80px;
  position: relative;
}
.lc-amedia .login-heading h1 {
  margin-right: 20px;
  font-size: 35px;
  margin-bottom: 0;
}
.lc-amedia .login-form {
  box-shadow: 0px 0px 15px rgba(206, 216, 225, 0.5);
  border-radius: 10px;
  padding: 40px 45px 25px 45px;
  background-color: white;
  margin-top: 40px;
  /*.lc-forgot-pass {
            margin-top: -8px;
            text-align: right;

            a {
                color: @lc-placeholder-blue;
                font-size: 13px;
            }
        }*/

}
.lc-amedia .login-form .login-email {
  background: #f8f8f8;
  box-shadow: inset 0px 1px 5px #e5e5e5;
  border-radius: 8px;
  width: 100%;
  padding: 12px 12px 12px 50px;
  border: 2px solid white;
  margin-bottom: 15px;
  position: relative;
  font-size: 16px;
  color: #b3b8bc;
}
.lc-amedia .login-form .login-email svg {
  position: absolute;
  width: 23px;
  height: 23px;
  top: 12px;
  left: 15px;
}
.lc-amedia .login-form .input-username {
  position: relative;
  font-size: 16px;
}
.lc-amedia .login-form .input-password {
  position: relative;
  font-size: 16px;
}
.lc-amedia .login-form .icon-user {
  position: absolute;
  top: 12px;
  left: 15px;
}
.lc-amedia .login-form .icon-pass {
  position: absolute;
  top: 15px;
  left: 18px;
}
.lc-amedia .login-form .disabled {
  background-color: #546579;
  cursor: not-allowed;
}
.lc-amedia .login-form input {
  background: #f8f8f8;
  box-shadow: inset 0px 1px 5px rgba(161, 158, 158, 0.21);
  border-radius: 8px;
  width: 100%;
  padding: 12px 12px 12px 50px;
  border: 2px solid white;
  margin-bottom: 15px;
}
.lc-amedia .login-form input:focus {
  outline: none;
  border: 2px solid #006de9;
}
.lc-amedia .login-form button {
  padding: 10px;
  width: 180px;
  border: none;
  background: #004390;
  font-size: 17px;
  color: white;
  border-radius: 50px;
  margin: 35px auto 20px auto;
  display: block;
  outline: none;
  position: relative;
  cursor: pointer;
}
.lc-amedia .login-form button:hover {
  background-color: #003169;
}
.lc-amedia .login-form #google-sign-in {
  padding: 20px;
  border-radius: 5px;
  color: #004390;
  background-color: #d4e8f5;
}
.lc-amedia .login-form #google-sign-in .google-text {
  margin-right: 15px;
}
.lc-amedia .login-form #google-sign-in .square-google .g-signin2 {
  display: inline-block;
}
.lc-amedia .login-form #google-sign-in .square-google .g-signin2 .abcRioButton {
  border-radius: 5px;
  height: 40px !important;
  box-shadow: 0px 3px 6px #afcadc !important;
}
.lc-amedia .login-form #google-sign-in .square-google .g-signin2 .abcRioButtonIcon {
  padding: 11px !important;
}
.lc-amedia .login-form #google-sign-in .square-google .g-signin2 .abcRioButtonContents {
  line-height: 40px !important;
  margin-right: 20px !important;
}
.lc-amedia .login-form .lc-google-option {
  text-align: center;
  position: relative;
  z-index: 1;
  margin-bottom: 15px;
}
.lc-amedia .login-form .lc-google-option .horizontal-line {
  width: 220px;
  height: 1px;
  background-color: #d5e2eb;
  position: absolute;
  right: 0;
  left: 0;
  top: 10px;
  margin: auto;
  z-index: -1;
}
.lc-amedia .login-form .lc-google-option .login-option {
  color: #7d9cb1;
  font-size: 130px;
  background-color: white;
  display: inline-block;
  padding: 0 8px;
}
.lc-amedia .login-form .lc-google-login {
  text-align: center;
  position: relative;
  z-index: 1;
}
.lc-amedia .login-form .lc-google-login .horizontal-line {
  width: 220px;
  height: 1px;
  background-color: #d5e2eb;
  position: absolute;
  right: 0;
  left: 0;
  top: 10px;
  margin: auto;
  z-index: -1;
}
.lc-amedia .login-form .lc-google-login .login-option {
  color: #7d9cb1;
  font-size: 13px;
  background-color: white;
  display: inline-block;
  padding: 0 8px;
}
.lc-amedia .login-form .lc-google-login .google-container {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
.lc-amedia .login-form .lc-google-login .g-signin2 {
  display: inline-block;
}
.lc-amedia .login-form .lc-google-login .g-signin2 .abcRioButton {
  border-radius: 50px;
  height: 44px !important;
  box-shadow: 0px 2px 10px #ebebeb !important;
}
.lc-amedia .login-form .lc-google-login .g-signin2 .abcRioButtonIcon {
  padding: 13px !important;
}
.lc-amedia .login-form .lc-google-login .g-signin2 .abcRioButtonContents {
  line-height: 43px !important;
  margin-right: 20px !important;
}
.lc-amedia .login-form .h2-in-form {
  margin-bottom: 5px;
}
.lc-amedia .login-form .p-in-form {
  margin-top: 5px;
}
.lc-amedia .login-form .lc-alert-success {
  margin: 20px 0;
  padding: 15px;
  background-color: #ebf4e7;
  border-radius: 7px;
  color: #6a8f53;
}
.lc-amedia .login-form .lc-alert-danger {
  margin: 20px 0;
  padding: 15px;
  background-color: #ffe4ed;
  border-radius: 7px;
  color: #e45584;
}
.lc-amedia .login-form .create-domain-input {
  width: 50%;
  display: inline-flex;
}
.lc-amedia .login-form #create-domain-container {
  text-align: center;
}
.lc-amedia .login-form .domain-username {
  display: inline-flex;
  width: 50%;
}
.lc-amedia .login-form .domain-name {
  display: inline-flex;
  font-size: 17px;
  font-weight: 700;
}
.lc-amedia .login-form .create-account-name {
  margin-bottom: 0;
}
.lc-amedia .login-form .side-note {
  text-align: center;
  font-size: 12px;
  margin-bottom: 15px;
}
.lc-amedia .login-form #google-sign-in {
  margin-top: 15px;
  display: block;
}
.lc-amedia .login-form #google-sign-in .g-signin2 {
  display: inline-block;
}
.lc-amedia .login-form #google-sign-in .g-signin2 .abcRioButton {
  border-radius: 50px;
  height: 44px !important;
  box-shadow: 0px 2px 10px #ebebeb !important;
}
.lc-amedia .login-form #google-sign-in .g-signin2 .abcRioButtonIcon {
  padding: 13px !important;
}
.lc-amedia .login-form #google-sign-in .g-signin2 .abcRioButtonContents {
  line-height: 43px !important;
  margin-right: 20px !important;
}
.lc-amedia .login-form #google-signed-in {
  position: relative;
  background-color: #d4e8f5;
  padding: 20px;
  border-radius: 5px;
}
.lc-amedia .login-form #create-acct-button {
  margin: 20px auto;
}
@media (max-width: 1200px) {
  .lc-amedia .login-container {
    width: 450px;
  }
  .lc-amedia .illustration {
    padding-top: 180px;
    width: 43%;
  }
  .lc-amedia .illustration svg {
    top: 150px;
  }
}
@media (max-width: 992px) {
  .lc-amedia .illustration {
    display: none;
  }
  .lc-amedia .login-container {
    width: 80%;
    margin: auto;
  }
  .lc-amedia .login-container .login-heading {
    margin-top: 40px;
  }
  .lc-amedia .login-container .login2-heading {
    margin-top: 40px;
  }
  .lc-amedia .login-form {
    padding: 35px 25px;
  }
}
@media (max-width: 650px) {
  .lc-amedia .login-container {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .lc-amedia .promotion-buttons {
    margin-top: 30px;
  }
  .lc-amedia .promotion-buttons .lc-tab-blue,
  .lc-amedia .promotion-buttons .lc-tab-white {
    width: 100%;
  }
  .lc-amedia .login-form .domain-username {
    width: 60%;
  }
}
.lc-enrollment {
  display: flex;
  justify-content: space-between;
}
.lc-enrollment .enrollment-container {
  width: 550px;
}
.lc-enrollment .illustration {
  padding-top: 150px;
  width: 40%;
  position: relative;
}
.lc-enrollment .enrollment-heading {
  margin-top: 50px;
  position: relative;
}
.lc-enrollment .enrollment-heading h1 {
  margin-right: 20px;
  font-size: 35px;
  margin-bottom: 0;
}
.lc-enrollment .enrollment-heading p {
  margin-top: 16px;
}
.lc-enrollment .enrollment-form {
  box-shadow: 0px 0px 15px rgba(206, 216, 225, 0.5);
  border-radius: 10px;
  padding: 40px 45px 25px 45px;
  background-color: white;
  margin-top: 40px;
}
.lc-enrollment .enrollment-form .lc-enrollment-option {
  text-align: center;
  position: relative;
  z-index: 1;
  margin-bottom: 15px;
}
.lc-enrollment .enrollment-form .lc-enrollment-option .horizontal-line {
  width: 220px;
  height: 1px;
  background-color: #d5e2eb;
  position: absolute;
  right: 0;
  left: 0;
  top: 10px;
  margin: auto;
  z-index: -1;
}
.lc-enrollment .enrollment-form .lc-enrollment-option .enrollment-option {
  color: #7d9cb1;
  font-size: 13px;
  background-color: white;
  display: inline-block;
  padding: 0 8px;
}
.lc-enrollment .lc-ms-login {
  position: relative;
  z-index: 2;
  margin-top: 24px;
}
.lc-enrollment .lc-ms-login .ms-container {
  box-shadow: 0px 2px 10px #ebebeb !important;
  width: 215px;
  height: 41px;
  margin: 0 auto;
  cursor: pointer;
}
.lc-enrollment .enrollment-success h2 {
  margin-top: 15px;
  margin-right: 20px;
  font-size: 20px;
  margin-bottom: 0;
}
.lc-enrollment .enrollment-success p {
  margin-top: 30px;
  font-size: 15px;
}
* {
  --black: black;
  --white: white;
  --red-tone10: #4b0005;
  --red-tone20: #70090f;
  --red-tone30: #9b131c;
  --red-tone40: #c5232e;
  --red-tone50: #e3454f;
  --red-tone60: #ff7283;
  --red-tone70: #ff9aa0;
  --red-tone80: #ffc1c5;
  --red-tone90: #ffdfe1;
  --red-tone95: #ffeff0;
  --red-tone99: #fffbff;
  --red: #ff4d62;
  --on-red: white;
  --red-container: #ffeeec;
  --on-red-container: #ec636c;
  --orange-tone10: #301400;
  --orange-tone20: #4e2500;
  --orange-tone30: #703800;
  --orange-tone40: #934b00;
  --orange-tone50: #b76000;
  --orange-tone60: #de7500;
  --orange-tone70: #ff8e25;
  --orange-tone80: #ffb781;
  --orange-tone90: #ffdcc4;
  --orange-tone95: #ffede3;
  --orange-tone99: #fffbff;
  --orange: #f6a054;
  --on-orange: white;
  --orange-container: #ffefe1;
  --on-orange-container: #e57728;
  --yellow-tone10: #271900;
  --yellow-tone20: #422c00;
  --yellow-tone30: #5e4100;
  --yellow-tone40: #7d5800;
  --yellow-tone50: #9c6f00;
  --yellow-tone60: #bd8700;
  --yellow-tone70: #dfa000;
  --yellow-tone80: #ffba28;
  --yellow-tone90: #ffdea9;
  --yellow-tone95: #ffeed8;
  --yellow-tone99: #fffbff;
  --yellow: #ffae0f;
  --on-yellow: white;
  --yellow-container: #fff5e4;
  --on-yellow-container: #c08822;
  --teal-tone10: #002117;
  --teal-tone20: #003829;
  --teal-tone30: #00513d;
  --teal-tone40: #006c52;
  --teal-tone50: #008768;
  --teal-tone60: #00a47e;
  --teal-tone70: #00c296;
  --teal-tone80: #28e0af;
  --teal-tone90: #55fdca;
  --teal-tone95: #dff8ed;
  --teal-tone99: #f4fff8;
  --teal: #1cd8ab;
  --on-teal: white;
  --teal-container: #e0faf2;
  --on-teal-container: #55a58d;
  --dark--blue-tone10: #001849;
  --dark--blue-tone20: #002b74;
  --dark--blue-tone30: #20428f;
  --dark--blue-tone40: #3c5ba9;
  --dark--blue-tone50: #5674c4;
  --dark--blue-tone60: #708ee0;
  --dark--blue-tone70: #8ba9fc;
  --dark--blue-tone80: #b3c5ff;
  --dark--blue-tone90: #dae1ff;
  --dark--blue-tone95: #eef0ff;
  --dark--blue-tone99: #fefbff;
  --dark-blue: #002ea1;
  --on-dark-blue: white;
  --dark-blue-container: #dae1ff;
  --on-dark-blue-container: #001849;
  --neutral-tone10: #162138;
  --neutral-tone20: #29344b;
  --neutral-tone30: #3e485b;
  --neutral-tone40: #586276;
  --neutral-tone50: #747d8e;
  --neutral-tone60: #8891a3;
  --neutral-tone70: #abb2c1;
  --neutral-tone80: #c3c8d3;
  --neutral-tone90: #e3e5ec;
  --neutral-tone95: #f7f8fd;
  --neutral-tone99: #fcfdff;
  --background: #fbfbff;
  --on-background: #162138;
  --surface: white;
  --on-surface: #0c1830;
  --primary-tone10: #00164d;
  --primary-tone20: #00297b;
  --primary-tone30: #003cac;
  --primary-tone40: #0051e0;
  --primary-tone50: #306bff;
  --primary-tone60: #648aff;
  --primary-tone70: #8da8ff;
  --primary-tone80: #b5c4ff;
  --primary-tone90: #dbe1ff;
  --primary-tone95: #eff0ff;
  --primary: #0051e0;
  --on-primary: white;
  --primary-container: #f1f4ff;
  --on-primary-container: #3d67d0;
  --secondary-tone10: #1b2039;
  --secondary-tone20: #272f56;
  --secondary-tone30: #353d62;
  --secondary-tone40: #454c6f;
  --secondary-tone50: #585e7c;
  --secondary-tone60: #727894;
  --secondary-tone70: #989cb7;
  --secondary-tone80: #b5bad4;
  --secondary-tone90: #d8dcee;
  --secondary-tone95: #e9ecf8;
  --secondary-tone99: #f8f9fe;
  --secondary: #272f56;
  --on-secondary: white;
  --secondary-container: #e2e0f9;
  --on-secondary-container: #1b2039;
  /* Text-size styles */
  --lato-12px-400i: italic 400 12px 'Lato', sans-serif;
  --lato-12px-400: 400 12px 'Lato', sans-serif;
  --lato-14px-400i: italic 400 14px 'Lato', sans-serif;
  --lato-14px-400: 400 14px 'Lato', sans-serif;
  --lato-14px-900: 900 14px 'Lato', sans-serif;
  --lato-16px-400: 400 16px 'Lato', sans-serif;
  --lato-16px-900: 900 16px 'Lato', sans-serifs;
  --lato-18px-400: 400 18px 'Lato', sans-serif;
  --lato-18px-900: 900 18px 'Lato', sans-serif;
  --lato-20px-400: 400 20px 'Lato', sans-serif;
  --lato-20px-900: 900 20px 'Lato', sans-serif;
  --lato-24px-400: 400 24px 'Lato', sans-serif;
  --lato-24px-900: 900 24px 'Lato', sans-serif;
  --lato-32px-400: 400 32px 'Lato', sans-serif;
  --lato-32px-900: 900 32px 'Lato', sans-serif;
}
.lc-container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .lc-container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .lc-container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .lc-container {
    width: 1170px;
  }
}
.lc-header {
  background-color: #1b2039;
  padding: 18px 0;
  user-select: none;
}
.lc-header .user {
  text-align: right;
  margin-left: 10px;
}
.lc-header .user a {
  font-size: 17px;
  line-height: 17px;
  color: white;
  font-weight: 300;
  text-decoration: none;
}
.lc-header .header-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lc-header .live-center-logo {
  display: flex;
  align-items: center;
}
.lc-header .live-center-logo svg {
  width: 180px;
}
.lc-header .lc-logo-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.lc-header .vertical-line {
  width: 1px;
  height: 31.13px;
  margin: 0 15px;
  background-color: white;
}
.lc-header .logo-text {
  color: white;
  font-size: 17px;
  font-weight: 300;
}
.lc-header .logo-text a {
  color: white;
  font-size: 17px;
  font-weight: 300;
  text-transform: uppercase;
  text-decoration: none;
}
.lc-header .logged-in-user {
  font-size: 17px;
  color: white;
  font-weight: 300;
}
@media (max-width: 550px) {
  .lc-header .lc-logo {
    width: 130px;
    height: 27px;
  }
  .lc-header .logo-text {
    display: none;
  }
  .lc-header .vertical-line {
    display: none;
  }
}
body {
  background-color: #f8f8f8;
  font-family: 'Lato', sans-serif;
  margin: 0;
  position: relative;
}
body * {
  box-sizing: border-box;
}
.loading-cog {
  width: 20px;
  height: 17px;
  position: absolute;
  right: 40px;
  top: 11px;
  display: inline-block;
}
.cog {
  display: none;
}
.show-login-warning {
  margin-top: 0;
  margin-bottom: 15px;
  background-color: #ffe4ed;
  border-radius: 5px;
  padding: 15px 15px 15px 45px;
  color: #e45584;
  display: block;
  position: relative;
}
.show-login-warning .lc-exclamation {
  fill: #e45584;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 15px;
  top: 15px;
}
.show-google-warning {
  margin-top: 0;
  margin-bottom: 15px;
  background-color: #f8f5ee;
  border-radius: 5px;
  padding: 15px 15px 15px 45px;
  color: #b89b58;
  display: block;
  position: relative;
}
.show-google-warning .lc-exclamation {
  fill: #d8bd7e;
  width: 20px;
  height: 20px;
  margin-right: 15px;
  position: absolute;
  left: 15px;
  top: 19px;
}
.show-google-error-warning {
  margin-top: 0;
  margin-bottom: 15px;
  background-color: #f8f5ee;
  border-radius: 5px;
  padding: 15px 15px 15px 45px;
  color: #b89b58;
  display: block;
  position: relative;
}
.show-google-error-warning .lc-exclamation {
  fill: #d8bd7e;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 15px;
  top: 19px;
}
.show-google-error-warning a {
  color: #9d7600;
  font-weight: 700;
}
.show-ms-warning {
  margin-top: 0;
  margin-bottom: 15px;
  background-color: #f8f5ee;
  border-radius: 5px;
  padding: 15px 15px 15px 45px;
  color: #b89b58;
  display: block;
  position: relative;
}
.show-ms-warning .lc-exclamation {
  fill: #d8bd7e;
  width: 20px;
  height: 20px;
  margin-right: 15px;
  position: absolute;
  left: 15px;
  top: 19px;
}
.show-ms-error-warning {
  margin-top: 0;
  margin-bottom: 15px;
  background-color: #f8f5ee;
  border-radius: 5px;
  padding: 15px 15px 15px 45px;
  color: #b89b58;
  display: block;
  position: relative;
}
.show-ms-error-warning .lc-exclamation {
  fill: #d8bd7e;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 15px;
  top: 19px;
}
.show-ms-error-warning a {
  color: #9d7600;
  font-weight: 700;
}
.warning-note {
  display: none;
}
.lc-paper-container {
  padding: 35px 40px 40px;
  background-color: white;
  box-shadow: 0 0 15px #e9e9e9;
  border-radius: 10px;
  margin-bottom: 20px;
}
@media (max-width: 500px) {
  .lc-paper-container {
    padding: 20px 20px 30px 20px;
  }
}
.lc-confirm-email h1 {
  font-weight: 900;
  margin-bottom: 0;
}
.lc-confirm-email .confirmation-heading {
  display: flex;
  align-items: center;
}
.lc-confirm-email .confirmation-heading .lc-check-mark {
  width: 35px;
  height: 35px;
  margin-right: 10px;
}
.lc-confirm-email .confirmation-buttons {
  display: flex;
  margin: 40px auto;
  width: 700px;
  justify-content: space-between;
}
.lc-confirm-email .confirmation-buttons .primary-button {
  width: 48%;
  display: inline-block;
  padding: 14px;
  color: white;
  background-color: #004390;
  font-size: 17px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
}
.lc-confirm-email .confirmation-buttons .primary-button:hover {
  background-color: #0f3765;
}
.lc-confirm-email .confirmation-buttons .secondary-button {
  width: 48%;
  display: inline-block;
  padding: 14px;
  color: #004390;
  border: 2px solid #004390;
  background-color: transparent;
  font-size: 17px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
}
.lc-confirm-email .confirmation-buttons .secondary-button:hover {
  background-color: #004390;
  color: white;
}
.lc-confirm-email .confirmation-container {
  width: 700px;
  margin: 120px auto 0 auto;
}
@media (max-width: 720px) {
  .lc-confirm-email .confirmation-container {
    width: 100%;
  }
  .lc-confirm-email .confirmation-buttons {
    width: 100%;
  }
}
@media (max-width: 450px) {
  .lc-confirm-email .confirmation-buttons {
    display: block;
  }
  .lc-confirm-email .confirmation-buttons .primary-button {
    width: 100%;
    margin-bottom: 15px;
  }
  .lc-confirm-email .confirmation-buttons .secondary-button {
    width: 100%;
  }
}
.lc-saas-section {
  padding: 0 0 275px 0;
}
.lc-saas-section ::placeholder {
  font-family: 'Lato', sans-serif;
  font-size: 15px;
  color: #9eaebc;
}
.lc-saas-section h1 {
  color: #112944;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 15px 0;
  font-family: 'Lato', sans-serif;
}
.lc-saas-section hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
}
.lc-saas-section button,
.lc-saas-section input,
.lc-saas-section textarea {
  font-family: inherit;
  line-height: inherit;
  font-size: 17px;
  color: inherit;
}
.lc-saas-section h2 {
  color: #112944;
  font-size: 25px;
  font-weight: 600;
  margin: 0 0 15px 0;
  font-family: 'Lato', sans-serif;
}
.lc-saas-section h3 {
  color: #112944;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 15px 0;
  font-family: 'Lato', sans-serif;
}
.lc-saas-section p {
  color: #112944;
  font-size: 17px;
  margin: 15px 0;
  line-height: 25px;
}
.lc-saas-section .lc-alert-success {
  margin: 20px 0;
  padding: 15px;
  background-color: #ebf4e7;
  border-radius: 5px;
  color: #6a8f53;
}
.lc-saas-section .lc-alert-danger {
  margin: 20px 0;
  padding: 15px;
  background-color: #ffe4ed;
  border-radius: 5px;
  color: #e45584;
}
.lc-saas-section .lc-alert-warning {
  margin: 20px 0;
  padding: 15px;
  color: #968662;
  border-radius: 5px;
  background-color: #f8f5ee;
}
.lc-saas-section hr {
  border-top: 1px solid #eeeeee;
  border-bottom: 0;
}
.lc-saas-section button:focus {
  outline: none;
}
.lc-saas-section .scroll-to-top {
  display: none;
}
.lc-saas-section .navigate-back {
  display: inline-block;
  padding: 6px 15px 6px 10px;
  border: 2px solid #004390;
  border-radius: 50px;
  color: #004390;
  text-decoration: none;
  font-weight: 600;
  margin-top: 30px;
}
.lc-saas-section .navigate-back .lc-chevron-left {
  width: 10px;
  height: 10px;
  margin-right: 5px;
  fill: #004390;
}
.lc-saas-section .navigate-back:hover {
  background-color: #004390;
  color: white;
}
.lc-saas-section .navigate-back:hover .lc-chevron-left {
  fill: white;
}
.lc-saas-section .lc-submit {
  background-color: #004390;
  border: 2px solid #004390;
  border-radius: 7px;
  padding: 7px 25px;
  color: white;
  font-size: 17px;
  cursor: pointer;
}
.lc-saas-section .lc-submit:hover {
  background-color: #003169;
  border: 2px solid #003169;
}
.lc-saas-section .text-faded {
  color: #a5a5a5;
}
@media (max-width: 500px) {
  .lc-saas-section {
    padding-bottom: 350px;
  }
  .lc-saas-section .scroll-to-top {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    border-radius: 50px;
    border: 2px solid #004390;
    color: #004390;
    cursor: pointer;
    margin-top: 25px;
  }
  .lc-saas-section .scroll-to-top .lc-chevron-down {
    transform: rotate(180deg);
    fill: #004390;
    width: 15px;
    height: 15px;
    margin-left: 7px;
  }
  .lc-saas-section .lc-submit {
    width: 100%;
  }
}
.lc-password-reset-group {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 999;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lc-password-reset-group_overlay {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.lc-password-reset-group_container {
  position: relative;
  z-index: 2;
  background: var(--surface);
  width: 550px;
}
.lc-password-reset-group_container.lc-card {
  padding: 60px 100px !important;
}
@media (max-width: 600px) {
  .lc-password-reset-group_container {
    width: 100%;
  }
  .lc-password-reset-group_container.lc-card {
    padding: 30px !important;
  }
}