/* Minification failed. Returning unminified contents.
(128,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-bg-blue'
(129,24): run-time error CSS1039: Token not allowed after unary operator: '-btn-bg-blue'
(894,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-bg-text-blue'
 */
/* Start Template 1 Section */
.template-main-container {
  padding-left: 0;
  padding-right: 0;
}

.template-row {
  margin-right: 0;
  margin-left: 0;
}

.template-container {
  display: flex;
  flex-wrap: wrap;
  padding: 6rem;
  min-height: 670px;
  align-content: baseline;
  justify-content: center;
  color: #253140;
}

.already-account-section {
  margin: 1.125rem 0 0 0 !important;
}
.template-container h1 {
  display: flex;
  font-size: 1.5625rem;
  text-align: center;
  min-height: 30%;
  border: solid 0px;
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 1rem;
  font-weight: 600;
}

.template-container p {
  text-align: center;
  font-size: 0.8125rem;
  line-height: 1.8rem;
}

.template-left-container {
  background-color: #253140;
  color: #ffffff;
}

.bottom-link-signin {
  margin: 8.125rem 0 0 0;
}

.bottom-link-signin span {
  display: block;
  margin: 0 0 0.9375rem 0;
  font-size: 0.9375rem;
  font-weight: bold;
}

.template-left-with-dragonFly {
  background-size: 423px 280px;
}

@media only screen and (max-width: 768px) {
  .template-container {
    padding: 2rem;
    min-height: 0;
  }

  .template-container h4 {
    min-height: 0;
  }
  .template-left-with-dragonFly {
    background: #253140;
  }

  .bottom-link-signin {
    margin: 3.125rem 0 0 0 !important;
  }
}
/* End Template 1 Section */

/* Start Template 2 Section */
.template-1-container {
  font-size: 0.8rem;
  justify-content: center;
  min-height: auto;
}

.template-1-container ul {
  width: 100%;
  margin: 2rem 0 0 0;
  padding: 0;
}

.template-1-container ul li {
  list-style-type: none;
  display: flex;
  padding-right: 20%;
  margin-bottom: 1.5rem;
}

.template-1-container ul li::before {
  content: "\e15b"; /*remove*/
  font-family: "Material Icons";
  font-size: 1.5rem;
  color: #95d54b;
  position: relative;
  left: 0;
  top: -9px;
  margin-right: 0.3rem;
  height: 1rem;
}

/*.template-1-right-container ul li::before{
    color: #1A7AAB;
}*/

.cancel-home-page-button,
.cancel-home-page-button:hover {
    background: none;
    border: solid #ffffff 2px !important;
    color: #ffffff;
}

.register-home-page-button,
.register-home-page-button:hover {
    background-color: var(--btn-bg-blue) !important;
    border: solid var(--btn-bg-blue) 2px !important;
}

.register-home-page-button,
.cancel-home-page-button {
    width: 170px !important;
    text-transform: uppercase;
    font-size: 0.875rem !important;
    font-weight: bold !important;
    margin-right: 1rem !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 8px !important;
}

.template-1-container h1 {
  text-align: center;
  min-height: auto;
  justify-content: center;
}

.template-1-container .template-1-button {
  width: auto !important;
}

.template-1-container span {
  width: 100%;
  display: flex;
  font-size: 0.9375rem;
}

/* End Template 2 Section */

@media only screen and (max-width: 1024px) {
  .register-home-page-button,
  .cancel-home-page-button {
    width: auto;
  }
}

@media (max-width: 576px) {
  .register-home-page-button,
  .cancel-home-page-button {
    width: auto !important;
  }

  .mobile-banner-hgt {
    padding: 2.5rem 1.5625rem 1rem 1.5625rem;
    min-height: 1px;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .register-home-page-button,
  .cancel-home-page-button {
    width: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .template-container {
    align-content: flex-start;
  }
  /* IE 11 */
  .template-1-container h4 {
    border: solid 1px transparent;
  }
}

/* Template 3 */

.mid-template {
  display: flex;
  justify-content: center;
  min-height: calc(100vh - 406px);
}

.mid-template-container {
  padding: 5.625rem 2.1875rem;
}

/* Template Error */

.template-error {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 21.875rem;
  flex-direction: column;
  background: #253140;
}

.template-error .image-txt {
  display: block;
  text-align: center;
  margin: 100px 5px 5px 5px;
}

.template-error .image-txt img {
  max-width: 25.375rem;
  width: 100%;
  height: auto;
}

.template-error .header-text {
  display: block;
  color: #fff;
  font-size: 1.875rem;
  font-weight: 500;
  text-align: center;
  margin: 0 0 5rem 0;
}

.help-links {
  text-align: center;
  margin: 0 0 8.4375rem 0;
}

.help-links span {
  display: block;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0 0 1.25rem 0;
}

.help-links a {
  color: #4eb7e0;
  font-size: 1.0625rem;
  font-weight: bold;
  display: inline-block;
  margin: 0 0.9375rem;
}

.help-links a:hover {
  text-decoration: none;
}

/* Template Error End */

/* Change Password */

.check-circle-holder {
  display: block;
  text-align: center;
  width: 100%;
  margin: 15% 0 8px;
}

.min-hig-one {
  min-height: 1% !important;
}

.check-circle-holder i,
.check-circle-password i {
  font-size: 1.9375rem;
  color: #95d54b;
}

.password-reset {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 25rem;
  text-align: center;
  padding: 0 7px;
}

.check-circle-password {
  margin: 0 0 0.9375rem 0;
}

.password-reset h4 {
  margin: 0 0 1.25rem 0;
  font-weight: bold;
}

.check-circle-hgt h4 {
  font-weight: bold;
  color: #293849;
}

.check-circle-hgt p {
  line-height: 1.5625rem;
}

.main-container-dark {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 16.25rem;
    padding: 6.25rem 6.25rem 5px 6.25rem;
    background: #e5e9e1;
}

.main-container-dark h1 {
  /*color: #ffffff;*/
  font-size: 2.5rem;
  font-weight: 600;
}

.main-container-dark ul {
  margin: 2.1875rem 0 0 0;
  padding: 0;
  list-style: none;
}

.main-container-dark ul li {
  display: inline-block;
  margin: 0 1.75rem 1.875rem 0;
}

.main-container-dark ul li a {
  color: #1A7AAB;
  font-size: 14px;
  font-weight: 600;
}

.main-container-dark ul li a {
  text-decoration: none;
}

.main-container-dark ul li a.active {
  color: #ffffff;
}

/* End Change Password */

/* Horizontal Divider */

.divider {
  margin: 40px auto 25px;
  max-width: 100%;
  position: relative;
}

.dividermask {
  overflow: hidden;
  height: 20px;
}

.dividermask:after {
  content: "";
  display: block;
  margin: -25px auto 0;
  width: 100%;
  height: 25px;
  border-radius: 125px / 12px;
  box-shadow: 0 0 8px #1A7AAB;
}

.divider span {
  font-size: 0.8rem;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 100%;
  margin-bottom: -20px;
  left: 50%;
  margin-left: -20px;
  border-radius: 100%;
  box-shadow: 0 2px 4px #1A7AAB;
  background: #fff;
}

.divider i {
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
  border-radius: 100%;
  border: 1px dashed #1A7AAB;
  text-align: center;
  line-height: 31px;
  font-style: normal;
  color: #1A7AAB;
}

.btn-social-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: #fff;
  height: auto;
  text-transform: uppercase;
  padding: 0;
  font-size: 0.875rem;
  margin: 0 0 1.2rem 0;
  font-weight: bold;
}

.btn-social-btn:hover {
  color: #fff;
}

.btn-twitter {
  background: #00acee;
}

.btn-linkedin {
  background: #0e76a8;
}

.btn-twitter svg {
  width: 40px;
}

.linkedinTxtAdj {
  padding-top: 5px;
  display: inline-block;
}

/* Account Preferences page */

.account-prefer,
.account-prefer-right {
  margin: 6rem 0 0 0;
}

.account-prefer h1,
.account-prefer-right h1 {
  /*color: #3d5369;*/
  font-size: 1.5625rem;
  font-weight: bold;
  margin: 0 0 1.75rem 15px;
}

.account-prefer-right h1 {
  margin: 0 0 1.25rem 0;
}

.occupation-form {
  padding: 20px 25px 0 15px;
}

.occupation-form label {
  margin-top: 0.5rem;
}

.occupation-form .form-group .form-control {
    color: #253140;
    font-size: 0.8125rem;
    padding: 0.9375rem 0.3125rem 0.9375rem 0.9375rem;
    height: 2.5rem;
    border: solid 1px #6b7884;
}

.occupation-form .form-group .form-control:focus {
    outline: none;
    box-shadow: 0 0 3px 3px #51A7E8, 0 0 2px 2px #2e79c6 !important;
}

.ResetSearchBtn:focus {
    outline: none;
    box-shadow: 0 0 3px 3px #51A7E8, 0 0 2px 2px #2e79c6 !important;
}

.occupation-form .form-group label {
    color: #35495e;
    font-size: 0.8125rem;
    font-weight: 600;
}

.occupation-form .form-group .adj-radio-label {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.occupation-form .form-group .adj-radio-label input[type="checkbox"] {
  margin-right: 5px;
}

.occupation-form select:focus {
    outline: none;
    box-shadow: 0 0 3px 3px #51A7E8, 0 0 2px 2px #2e79c6 !important;
}

/* Subscription */

.noti-btn {
  font-weight: 700;
  font-size: 1.125rem;
  color: #1A7AAB;
  display: inline-block;
  margin: 1.0625rem 0 5rem 0;
}

.noti-btn:hover {
  font-weight: 700;
  font-size: 1.125rem;
  color: #1A7AAB;
  display: inline-block;
  margin: 1.0625rem 0 5rem 0;
  text-decoration: none;
}

.left-holder,
.right-holder {
  margin: 3rem 0 0 0;
}

.left-holder h1,
.right-holder h1 {
  color: #253140;
  font-size: 1.5625rem;
  font-weight: bold;
  padding: 0 0 0.9375rem 0;
  border-bottom: solid 1px #c2c2c2;
}

.left-sub-holder,
.right-sub-holder {
  padding: 0 0 0.9375rem 0;
  border-bottom: solid 1px #c2c2c2;
}

.left-holder .sub-list,
.right-holder .sub-list {
  width: 100%;
  padding: 0 1.25rem 0 1.5625rem;
}

.left-holder .all-subscription,
.right-holder .all-subscription {
  padding: 1.875rem 0 1.875rem 0;
  border-bottom: solid 1px #ebebeb;
}

.left-holder .adjust-content-between,
.right-holder .adjust-content-between {
  display: flex;
  justify-content: space-between;
}

.left-holder .adjust-content-form,
.right-holder .adjust-content-form {
  display: flex;
  flex-flow: row wrap;
}

.left-holder .adjust-content-form form,
.right-holder .adjust-content-form form {
  display: flex;
  width: 100%;
  flex-flow: row wrap;
}

.left-holder .adjust-content-form > div.select-style,
.right-holder .adjust-content-form > div.select-style,
.left-holder .adjust-content-form form > div.select-style,
.right-holder .adjust-content-form form > div.select-style {
  flex: 1;
  margin: 0 0 0 0.625rem;
  width: 50%;
}

.left-holder .adjust-content-between label,
.right-holder .adjust-content-between label {
  display: inline-block;
  margin: 0 0 1.25rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: #253140;
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.left-holder .adjust-content-form div.select-style:first-of-type,
.right-holder .adjust-content-form div.select-style:first-of-type {
  margin-left: 0;
}

.left-holder .unsubscribe-delete,
.right-holder .unsubscribe-delete {
  color: #1A7AAB;
  border: solid 2px #1A7AAB;
  height: 28px;
  width: 35px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}

.left-holder .all-subscription:last-child,
.right-holder .all-subscription:last-child {
  border-bottom: none;
}

.left-holder .adjust-content-form .MuiInput-underline:before,
.right-holder .adjust-content-form .MuiInput-underline:before,
.left-holder .adjust-content-form .MuiInput-underline:before,
.right-holder .adjust-content-form .MuiInput-underline:before {
  border-bottom: none;
}

.saved-check-icon {
  color: #95d54b;
  display: inline-block;
  margin-right: 0.625rem;
}

.saved-check-text {
  font-size: 0.875rem;
  font-weight: 400;
  color: #253140;
}

.bottom-fade-effect {
  position: absolute;
  bottom: 1px;
  right: 0;
  height: 31px;
  width: 90%;
  right: 33px;
  background: rgba(255, 255, 255, 0.9);
  margin-right: 10px;
}

.disabled-gray-btn,
.blue-btn {
  text-transform: uppercase;
  color: #dbdbdb;
  padding: 0.4375rem 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 0.3125rem 0;
  background: #f7f7f9;
  width: 49%;
}

.disabled-gray-btn:hover {
  color: #dbdbdb;
}

.blue-btn {
  color: #fff;
  background: #1A7AAB;
}

.blue-btn:hover {
  color: #fff;
}

.ResetSearchBtn {
  margin: 90px 0;
}

/* Pagination to be hidden in Desktop */

.mobilePagination {
  display: none;
}

/* width */
.left-sub-holder::-webkit-scrollbar {
  height: 7px;
  width: 8px;
}

/* Track */
.left-sub-holder::-webkit-scrollbar-track {
  background: #f2f2f2;
  border-radius: 2px;
}

/* Handle */
.left-sub-holder::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 2px;
}

/* Handle on hover */
.left-sub-holder::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

.disabled-gray-btn {
  opacity: unset !important;
}
@media only screen and (max-width: 992px) {
  /* Change Password */

  .check-circle-hgt {
    min-height: 12.5rem;
    padding-top: 4rem;
  }

  .check-circle-holder {
    margin: 8% 0 8px;
  }
}

@media only screen and (max-width: 768px) {
  .mid-template-container {
    padding: 0.9375rem;
  }

  .template-error {
    padding: 1.875rem 0.9375rem;
  }

  .main-container-dark {
    padding: 1.5625rem;
  }

  /* End Change Password */

  /* Account Preferences page */

  .account-prefer,
  .account-prefer-right {
    margin: 1.875rem 0 0 0;
    padding: 0;
  }

  .account-prefer-right {
    margin: 0;
  }

  .ResetSearchBtn {
    margin: 20px 0;
  }

  .account-prefer .rss-accord-holder .heading-link {
    margin: 0 5px 0 0;
  }

  /* End Account Preferences page */

  .noti-btn {
    margin: 1.0625rem 0 1.0625rem 0;
  }

  .border-blue-btn,
  .blue-btn,
  .disabled-gray-btn {
    width: 100%;
    opacity: unset !important;
  }
}

@media only screen and (max-width: 576px) {
  .help-links a {
    display: block;
    margin: 1.875rem 0 0 0;
  }

  .template-error .image-txt img {
    max-width: 14.375rem;
  }

  .template-error .header-text {
    font-size: 1.5625rem;
  }

  /* Subscriptions */

  .left-holder .adjust-content-between form,
  .right-holder .adjust-content-between form {
    width: 100%;
    flex-direction: column;
  }

  .left-holder .adjust-content-form,
  .right-holder .adjust-content-form,
  .left-holder .adjust-content-form .form-group,
  .right-holder .adjust-content-form .form-group {
    margin-bottom: 0;
  }

  .left-holder .adjust-content-between label,
  .right-holder .adjust-content-between label {
    word-break: break-word;
    font-size: 0.875rem;
    width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .left-holder .adjust-content-form > div.select-style,
  .right-holder .adjust-content-form > div.select-style,
  .left-holder .adjust-content-form form > div.select-style,
  .right-holder .adjust-content-form form > div.select-style {
    display: flex;
    flex-flow: row wrap;
  }

  .left-holder .adjust-content-form > div.select-style,
  .right-holder .adjust-content-form > div.select-style,
  .left-holder .adjust-content-form form > div.select-style,
  .right-holder .adjust-content-form form > div.select-style {
    margin: 0 0 0.625rem 0.625rem;
  }

  .left-holder .unsubscribe-delete,
  .right-holder .unsubscribe-delete {
    height: 22px;
  }

  .left-holder .sub-list,
  .right-holder .sub-list {
    padding: 0;
  }

  .main-container-dark h1 {
    font-size: 1.5625rem;
  }

  .left-holder .adjust-content-form > div.select-style,
  .right-holder .adjust-content-form > div.select-style,
  .left-holder .adjust-content-form form > div.select-style,
  .right-holder .adjust-content-form form > div.select-style {
    flex: 1;
    width: 50%;
  }

  .left-holder .adjust-content-form div.select-style:nth-child(n + 3),
  .right-holder .adjust-content-form div.select-style:nth-child(n + 3) {
    margin-left: 0;
  }

  .bottom-fade-effect {
    display: none;
  }

  /* pagation */

  .mobilePagination {
    display: block;
  }

  .containerH {
    margin: 1.875rem auto;
    text-align: center;
  }

  .containerH:after {
    clear: both;
    content: "";
    display: table;
  }

  .containerH ul {
    width: 100%;
  }
}

.profile-page-cover > h1 {
  margin-bottom: 30px;
}

.profile-page-cover > nav > a {
    margin-right: 30px;
    color: var(--dark-bg-text-blue);
}

.profile-page-cover > nav > .active {
    color: #0D6868;
}

@media only screen and (max-width: 1200px) {
  .profile-page-cover > h1 {
    margin-bottom: 30px;
  }

  .profile-page-cover > nav {
    display: flex;
    flex-direction: column;
  }

    .profile-page-cover > nav > a {
        margin-right: 0px;
        margin-bottom: 30px;
        color: #039EF1;
    }
}