:root {
  --soddi-recording-color: 229, 37, 102;
}

form.ac-form .ac-reply-content .ac-submit-wrap input[name=rpy_form_submit] {
    opacity: 0;
    position: absolute;
    inset: 0;   
}

.bb-media-actions-wrap.regular-order {
	order: unset;
}

.interviewquestion-content {
    display: flex;
}

.interviewquestion-backnav {
	margin-bottom: 20px;
}

.component-navigation.groups-nav li a.interviewquestion-first-menu-item {
	padding-left: 0px;
}

.interviewquestion-media-buttons {
    margin-right: 10px;
    height: 30px;
    width: 24px;
}

.interviewquestion-media-buttons.loading {
    height: 30px;
}

.interviewquestion-media-button {
    font-size: 24px;
}

.interviewquestion-media-buttons.loading a.toolbar-button {
    display: none;
}

.interviewquestion-media-buttons.playing a.ac-interviewquestion-play-button {
    display: none;
}

.interviewquestion-media-buttons.stopped a.ac-interviewquestion-stop-button {
    display: none;
}

.interviewquestion-media-buttons.loading::before,
.whats-new-submit.loading::before {
    font-size: 20px;
    animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    border: 2px solid rgba(var(--bb-alternate-text-color-rgb),.2);
    border-top-color: var(--bb-alternate-text-color);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    content: " ";
    font-weight: 400;
    font-family: bb-icons;
    line-height: 1;
    margin-top: 7px;
    /*position: absolute;
    right: -30px;
    top: 7px;*/
    text-align: center;
    vertical-align: middle;
    display: inline-block;    
}

#buddypress .loading input#aw-whats-new-submit {
    visibility: hidden;
    -webkit-transition: 0s all;
    transition: 0s all;
}

div.interviewquestion-text {
    margin-top: 7px;
}

.bb-icon-pointer-all {
    pointer-events: all;
}

.modal-popup.minimized {
	display: none !important;
}

.whats-new-question-content {
	display: flex;
}

.whats-new-question-content .interviewquestion-media-buttons {
	font-size: 2.2em;
	width: 34px;
}

.whats-new-recording-content {
	font-size: 2em;
	text-align: center;
	padding: 15px;
}

.whats-new-recording-time {
	font-size: 1.5em;
	font-weight: 700;
	text-align: center;
	padding: 15px;
}

.recording-button {
	background-color: white;
	border-radius: 50%;
	border: 2px solid var(--bb-body-text-color);
	padding: 10px;
	margin: 5px;
}

.recording-button:hover {
	background-color: var(--bb-body-text-color);
	color: white;
}

.recording-button.noborder {
	border: 0px;
}

.whats-new-submit.hidden,
.recording-button.hidden,
.activity-list.hidden {
	display: none !important;
}

.pulse-record-button {
	background-color: rgb(var(--soddi-recording-color));
	color: white;
	border: 2px solid var(--soddi-recording-color);
	box-shadow: 0 0 0 0 rgba(var(--soddi-recording-color), 0.4);
	-moz-animation: pulse-mic 1.3s infinite;
	-webkit-animation: pulse-mic 1.3s infinite;
	animation: pulse-mic 1.3s infinite;
}

.pulse-record-button:hover {
	color: rgb(var(--soddi-recording-color));
	background-color: white;
}

@keyframes pulse-mic {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--soddi-recording-color), 1);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(var(--soddi-recording-color), 0);
    }
    100% {
        box-shadow: 0 0 0 50px rgba(var(--soddi-recording-color), 0);
    }
}

.start-interview-bot {
    text-align: center;
}

#buddypress #whats-new-next,
#buddypress #whats-new-delete,
#buddypress #image-zoom-close {
	margin: 15px 10px 15px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
}

#buddypress input#aw-whats-new-next,
#buddypress input#aw-whats-new-delete,
#buddypress input#aw-image-zoom-close {
	font-size: 14px;
    width: auto;
    font-weight: 500;
    letter-spacing: 0;
    height: 34px;
    padding: 0 20px;
    margin: 0;
    border-radius: var(--bb-button-radius);
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.autoplay-switch {
    margin-bottom: 0px;
    margin-right: 10px;
}

.whats-new-toolbar-switch {
    font-size: 14px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: var(--bb-primary-button-background-regular);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--bb-primary-button-background-regular);
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.interview-list-outer {
	margin-bottom: 30px;
}

.interview-list-outer.bottom {
	margin-bottom: 0px;
}

.interview-list-category-header {
	font-weight: 700;
	margin-bottom: 20px;
}

.interview-list-outer-single {
	background: var(--bb-content-background-color);
    border: 1px solid var(--bb-content-border-color);
    border-radius: var(--bb-block-radius);
    box-shadow: 0 6px 24px 0 rgba(18, 43, 70, 0);
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 20px;
    padding: 15px 15px 10px;
}

.interview-list-header,
.interview-list-header a {
	font-weight: 500;
	margin-bottom: 3px;
}

.interview-list-statistics {
	font-size: 12px;
}

.interviewquestion-image {
	border-radius: 6px;
}

.activity-update-form.modal-popup #image-zoom-form {
	width: 800px;
    max-width: 90%;
    margin: auto;
    box-shadow: 0 6px 24px 0 rgba(18, 43, 70, .1);
}

.activity-update-form .activity-form.focus-in:not(.has-feedback) #image-zoom-header {
	margin-bottom: 0 !important;
}

#image-zoom-form {
	background-color: var(--bb-content-background-color);
    border: 1px solid var(--bb-content-border-color);
    border-radius: var(--bb-block-radius);
    box-shadow: none;
    padding: 0;
    position: relative;
}

#image-zoom-form .bb-model-header {
	border-color: var(--bb-content-border-color);
	box-shadow: none;
    border-bottom: 1px solid #d2d4d6;
}

.activity-update-form #image-zoom-header h3 {
	font-size: 20px;
	margin: 0;
}

#image-zoom-form .image-zoom-form-footer {
	border-radius: 0 0 var(--bb-block-radius) var(--bb-block-radius);
    border-color: var(--bb-content-border-color);
}

.activity-update-form .image-zoom-form-footer {
	background-color: var(--bb-content-alternate-background-color);
	display: flex;
    justify-content: space-between;
    border-top: 1px solid #eee;
}

#buddypress #image-zoom-close {
	margin: 15px 0 15px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
}

.activity-update-form .activity-form.focus-in #image-zoom-form-close-wrapper {
	padding: 0 25px 0 15px;
	margin: 0;
}

.image-zoom-image {
	padding: 20px;
}

#image-zoom {
	text-align: center;
}

.interviewquestion-rating-evaluation {
	max-width: 400px;
}

.interviewquestion-rating-evaluation-scale {
	display: flex;
    justify-content: space-between;
	text-align:center;
}

.media-outer-margin {
	margin: 0 0 12px !important;
}

.interviewquestion-rating-questiontext {
	margin-bottom: 6px;
}

.interviewquestion-rating-evaluation {
	margin: 6px 0px;
}

.interviewquestion-rating-evaluation-item {
	width: 35px;
	height: 35px;
	border: 1px solid #B8ABA3;
	border-radius: 50%;
	cursor: pointer;
	line-height: 35px;
	margin: 6px 24px;
	transition: 0.1s all;
}

.interviewquestion-rating-evaluation-item:hover {
	border: 1px solid #000000;
	background-color: #B8ABA3;
	font-weight: 700;
	transition: 0.1s all;
}

.interviewquestion-rating-evaluation-item.activated {
	border: 1px solid #000000;
	background-color: #B8ABA3;
	font-weight: 700;
	transition: 0.1s all;
}

.interviewquestion-rating-wrapper {
	margin-bottom: 12px;
}

.interviewquestion-rating-evaluation-scale-explanation-higher,
.interviewquestion-rating-evaluation-scale-explanation-lower {
	font-size: 10px;
}