input[type=image] {
    width: 15%;
    cursor: pointer;
    float: left;
    display: inline-block;
    border: none;
    padding: 0;
    margin: 0;
    padding-left: 3%;
    padding-right: 3%;
}

    input[type=image]:hover {
        border: none;
    }

    input[type=image]:disabled {
        opacity: 0.5;
        border: none;
    }

input[type=text], select, textarea {
    width: 100%;
    padding: 1vw;
    border: 1px solid #ccc;
    border-radius: 1vw;
    box-sizing: border-box;
    resize: vertical;
    font-size: 4vw;
}

    .ibutton {
        border: none;
    }

#buttable {
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    margin-bottom: 3vh;
    margin-top: 3vh;
}

#firstcol {
    width: 50vw;
    padding-left: 1vw;
}

#secondcol {
    padding-left: 1vw;
}

#room-id {
    width: 100%;
    height: 100%;
}


.footer {
    position: fixed;
    left: 0;
    bottom: 0px;
    width: 100%;
}

#desktopfooter {
    height: 18vh;
    display:initial;
}

#rurl {
    padding-bottom: 20vh;
}

#footertabledesktop {
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    height: 100%;
}

#desktopfooterrow {
    height: 100%;
}
.desktopcolomn {
    width: 10vw;
}
#join-room, #mutevideo, #unmutevideo, #muteaudio, #unmuteaudio, #leave-room, #sharescreen, #unsharescreen {
    float: none;
    width: 50%;
    padding: 0;
    z-index: 999;
}

#footertable {
    margin-left: auto;
    margin-right: auto;
    width: 98%;
}

#firstcolfooter, #secondcolfooter, #thirdcolfooter, #forthfooter {
    width: 12vw;
    padding-bottom: 1vh;
}


#leave-room1, #join-room1, #mutevideo1, #unmutevideo1, #muteaudio1, #unmuteaudio1 {
    width: 99%;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    margin: 0;
    border: none;
    padding-left: 0%;
    padding-right: 0%;
}