/*
This file can be used to have common css features. 
In addition, we use it to show an info in the samples that is not supported in community edition. 
Related css class is added in packaging
*/

/*
 enterprise-feature message is not displayed in enterprise, it appears in community edition.
 It's default value is display:none. It's a single line PLEASE DON'T or take a look at
 show_enterprise_feature_message.sh
*/
.enterprise-feature{display:none;}

div#comments-item-container {
    max-height: 600px;
    overflow-y: auto;
}

.comments-container {
    background: #fff;
    padding: 20px 5px;
    border-radius: 10px;
}


.streambox-video-container {
    position: relative;
}

div#offlineInfo {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -20px);
    background: #22C58E;
    color: #fff;
    padding: 0rem 1rem;
    border-radius: 5px;
}

div#offlineInfo {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translate(-50%, -20px);
    background: #22C58E;
    color: #fff;
    padding: 0rem 1rem;
    border-radius: 5px;
    opacity: 0.4;
}

.streambox-video-container:hover div#offlineInfo {
    opacity: 1;
}

.stream-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1rem auto;
}

.stream-options {
    background: #fff;
    padding: 1rem;
    box-shadow: 1px 1px 5px 2px #ccc;
    border-radius: 5px;
    display: none;
}

.stream-options legend {
    font-weight: bold;
    text-align: left;
}

.stream-option {
    border: 2px solid #22C58E;
    border-radius: 5px;
    padding: 1rem 0.5rem 0.5rem 0.5rem;
    position: relative;
    margin: 1rem 0rem 2rem;
}

.stream-option:last-child {
    margin-bottom: 1rem;
}

label.stream-option-label {
    position: absolute;
    left: 20px;
    top: -15px;
    background: #fff;
    padding: 0.2rem 0.5rem;
    border: 1px solid #22C58E;
    border-radius: 5px;
}


.stream-sources .form-check {
    margin-bottom: 10px;
}

.stream-sources {
    text-align: left;
}

.form-check.form-check-inline {
    display: flex;
    justify-content: flex-start;
    align-items: self-start;
}

button#options-btn {
    padding: 0.5rem;
    display: flex;
}

button#options-btn svg {
    width: 30px;
    height:30px;
}

.audio-settings {
    margin-top: 20px;
}

.inner-settings {
    text-align: left;
}

.inner-settings .form-inline {
    padding-left: 20px;
    margin: 10px auto;
}

.stream-controls .btn {
    background-color: #22C58E;
    border-color: #22C58E;
}


.stream-control-left {
    position: relative;
    height: 40px;
}

.stream-control-left button#stop_publish_button {
    display: none;
}
.stream-control-left.publishing button#stop_publish_button {
    display: block;
}


.stream-control-left.publishing button#start_publish_button {
    display: none;
}