.pop, .popupreg {
    filter: alpha(opacity=90)
}

.panelid, .pnlreg {
    border: 1px solid #ff6a00
}

.btnreg, .closebtn {
    color: #fff;
    font-weight: 700
}

.pop {
    background-color: #000;
    opacity: .6
}

.popupreg {
    background-color: grey;
    opacity: .5
}

.panelid, .panelsms, .pnlreg {
    background: #fff;
    box-shadow: 0 0 25px 5px #999
}

.panelid {
    width: 45%;
    height: 48%;
    border-radius: 15px
}

.pnlreg {
    width: 35%;
    height: 50%;
    border-radius: 15px
}

.panelsms {
    border: 1px solid #ff6a00;
    width: 40%;
    height: 30%;
    padding-left: 3%;
    border-radius: 15px
}

.popup, .schedulepop {
    width: 85%;
    height:100%
}

.closebtn {
    float: right;
    margin-top: -3%;
    margin-right: -3%;
    font-size: 20px;
    padding: 5px 10px;
    border-radius: 50%;
    background: grey
}

    .closebtn:hover {
        background: #242424
    }

.btnreg {
    background: #06C;
    padding: 5px 15px;
    border-radius: 4px
}

    .btnreg:hover {
        color: #FF0;
        cursor: pointer
    }

@media (max-width:581px) {
    .panelid, .panelsms {
        border: 1px solid #ff6a00;
        width: 95%;
        background: #fff
    }

    .panelid, .panelsms, .popup {
        width: 95%
    }

    .panelid, .panelsms, .pnlreg {
        background: #fff
    }

    .panelid {
        height: 70%;
        border-radius: 3px
    }

    .panelsms {
        height: 40%;
        border-radius: 3px
    }

    .pnlreg {
        border: 1px solid #ff6a00;
        width: 94%;
        height: 82%;
        border-radius: 3px
    }
}