a{
   cursor: pointer;
}
.alert{
    width: 100%;
}
.external-event{
    display: flex;
}
.form-img{
    width: 150px;
    margin: auto;
}
.nowrap{
    white-space: nowrap;
}
.os-color-1{
    filter: invert(48%) sepia(15%) saturate(3207%) hue-rotate(180deg) brightness(100%) contrast(80%);
}
.os-color-2{
    filter: invert(48%) sepia(15%) saturate(3207%) hue-rotate(130deg) brightness(50%) contrast(90%);
}
.os-color-3{
    filter: invert(48%) sepia(15%) saturate(3207%) hue-rotate(200deg) brightness(50%) contrast(90%);
}
.os-color-4{
    filter: invert(100%) sepia(65%) saturate(3207%) hue-rotate(120deg) brightness(65%) contrast(100%);
}
.os-color-5{
    filter: invert(0%) sepia(85%) saturate(3207%) hue-rotate(0deg) brightness(50%) contrast(10%);
}
.os-color-6{
    filter: invert(80%) sepia(85%) saturate(3207%) hue-rotate(90deg) brightness(65%) contrast(80%);
}

.fm-iframe{
    width: 85%;
    height: 87%;
    position:absolute;
    top:50px;
    bottom:0;
    left:0;
    z-index:2; /* Remove this line if it's not going to be a background! */
}
@media(max-width:1240px){
    .fm-iframe {
        width: 80%;
    }
}
@media(max-width:1024px){
    .fm-iframe {
        width: 75%;
    }
}
@media(max-width:835px){
    .fm-iframe {
        width: 70%;
    }
}
@media(max-width:767px){
    .fm-iframe {
        top:100px;
        width: 100%;
        height: 81%;
    }
}
#hide-mess{
    display: none;
    background: #00a65a;
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: white;
    text-align: center;
    opacity: 0;
    box-shadow: 0 1px 20px 2px gray;
    transition: all .3s ease .15s;
}
.pointer{
    cursor: pointer;
}
.cursor-move {
    cursor: move;
}
#preview u{
    color: red!important;
}