.sidr {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 998;
    width: 315px;
    overflow-x: none;
    overflow-y: auto;
    background: #131316;
    color: #fff;
    box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 50%);
}

.sidr .sidr-inner {
    padding: 0 0 15px
}

.sidr .sidr-inner > p {
    margin-left: 15px;
    margin-right: 15px
}

.sidr.right {
    left: auto;
    right: -330px
}

.sidr.left {
    left: -330px;
    right: auto
}

.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr select {
    font-size: 13px;
    padding: 2px 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 0px 0px;
    border: none;
    color: #000;
    text-align: center;
}

.sidr input[type=checkbox] {
    display: inline;
    clear: none;
    width: 17px;
    height: 17px;
    vertical-align: middle;
}

.sidr input[type=button],
.sidr input[type=submit] {
    color: #333;
    background: #fff
}

.sidr input[type=button]:hover,
.sidr input[type=submit]:hover {
    background: rgba(255, 255, 255, 0.7)
}

.sidr select[disabled] {
    background-color: #EEE !important;
}

.sidr select:disabled {
    background-color: #EEE !important;
}