#wpo365OpenIdRedirect {
  padding: 60px 30px;
  margin: 0 0 80px 0;
  background: #eff1f6;
  animation: zoomAndFocus 2s ease-in-out;
  border: 2px solid #fff;
}

.wpo365-mssignin-button {
  max-height: 91px;
  min-height: 51px;
  height: 101px;
  background: #ff0000;
  border: 2px solid #ff0000;
}

.wpo365-mssignin-button:hover {
  background: #ffffff;
  border: 2px solid #ff0000;
}

.wpo365-mssignin-button:hover .wpo365-mssignin-label {
  color: #ff0000;
}

.wpo365-mssignin-label {
    color: #fff;
    font-size: 18px;
    white-space: normal; /* Allows the text to wrap */
    word-wrap: break-word; /* Breaks the text at appropriate points */
    overflow-wrap: break-word; /* Breaks long words if necessary */
    margin-top: -18px;
}


#wpo365OpenIdRedirect::before {
    content: "SULO INTERN:";
    /* Add additional styling as needed */
    display: block; /* or inline, depending on your layout */
    font-weight: bold;
    margin-bottom: 10px;
    color: #000; /* example color */
    text-align: center;
    font-size: 24px;
}



@keyframes zoomAndFocus {
    0% {
        transform: scale(0.9);
        border-width: 1px;
        border-color: rgba(255, 0, 0, 1);
    }
    50% {
        transform: scale(1);
        border-width: 5px;
        border-color: rgba(255, 0, 0, 1);
    }
    100% {
        transform: scale(0.9);
        border-width: 2px;
        border-color: rgba(255, 0, 0, 1);
    }
}





#tutor-login-form {
  padding: 20px;
  opacity: 0.7;
}

#tutor-login-form:hover {
  opacity: 1;
}

#tutor-login-form::before {
    content: "SULO EXTERNAL:";
    /* Add additional styling as needed */
    display: block; /* or inline, depending on your layout */
    font-weight: bold;
    margin-bottom: 10px;
    color: #333; /* example color */
    text-align: center;
}

#tutor-login-form button.tutor-btn {
  background: white;
  color: black;

}




.navbar .navbar-brand img {
  max-width: 220px;
}

.tutor-course-single-content-wrapper .tutor-lesson-feature-image img {
  max-height: 50vh;
}

.tutor-accordion-item-header,
.tutor-accordion-item-header.is-active,
.elementor-10 .elementor-element.elementor-element-466a02c1 .tutor-accordion-item-header.is-active {
	color: #ff0000 !important;
	background-color: #F6F6F6 !important;
	border-radius: 0;
}

.tutor-accordion-item-header:after {
    color: #ff0000 !important;
}

.tutor-accordion-item {
    border: 0;
}

.tutor-fs-5 {
    font-size: 1.25rem;
    display: none;
}

.tutor-accordion-item-header {
	color: #f00 !important;
}

.tutor-btn-sm {
    font-size: 20px !important;
}

.tutor-btn-primary,
.tutor-btn-secondary {
  border-radius: 0;
  color: #FFFFFF;
  border-color: var(--tutor-color-primary);
  background-color: var(--tutor-color-primary);
}

.tutor-btn-primary:hover,
.tutor-btn-secondary:hover {
  color: var(--tutor-color-primary);
  border-color: var(--tutor-color-primary);
  background-color: var(--tutor-color-white);
}

.is-active {
    color: #ff0000 !important;
}

.tutor-course-topic-single-body {
}

.tutor-course-topic-single-footer {
/*  display:none !important;*/
}

.plyr--video {
    height: 50vh;
}


div.tutor-topbar-complete-btn {
  display: none !important;
}

.tutor-modal-window {
  max-width: 80% !important;
}

#tutor_lesson_modal_editor_ifr {
  height: 300px !important;
}

.tutor-container ul li {
  list-style-type: square;
}

.tutor-icon-brand-youtube-bold::before {
  content: "\e972" !important;
}

.tutor-lesson-wrapper table img {
  height: 100px;
  object-fit: cover;
}