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;
} @-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;
}