html,body{
    min-width:374px;
}

html{
    scroll-padding-top: 185px;
}

.sgl-plugin-page .mymodal{
    min-width:354px;
}

.sgl-plugin-page #sgl-content-wrapper{
    max-width:1024px;
    margin:0px auto;
    position:relative;
}

/* .sgl-plugin-page #sgl-content-wrapper:empty {
    border: 6px solid #f3f3f3;
    border-radius: 50%;
    border-top: 6px solid #999;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;    
} */
    
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
    
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.sgl-plugin-page .homepage-header {
    padding: 0px 10px 0px 10px !important;
}

.sgl-plugin-page .homepage-text {
    padding: 5px 10px 5px 10px !important;
}

.sgl-plugin-page #login_info{margin: 0px auto;max-width: 1024px;}

@media all and (max-width: 849px) {
    html{
        scroll-padding-top: 130px;
    }
}

@media all and (max-width: 549px) {
    html{
        scroll-padding-top: 100px;
    }
}

.edit-entry-link{
    float:right;
    vertical-align: middle;
    margin-top:5px;
}
.edit-entry-icon{
    color: --primary-color;

}

.sgl-video-section .sgl-single-video .sgl-column, 
.sgl-video-section .sgl-single-video .sgl-video-details {
    width: 98.5% !important;
}

.sgl-single-video .sgl-video-details .sgl-details .sgl-video-title {
    color: var(--primary-color);
}

#live_class .sgl-plugin-page {
    padding: 10px 0px !important;
}

#live_class table .sgl-primary-header th {
    background-color: var(--primary-color) !important;
}