.tbs-modal {
display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .tbs-modal .modal-content {
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 50%;
max-height: 90%;
overflow: hidden;
padding-bottom: 20px;
}
.tbs-modal .modal-content-head {
width: 100%;
position: relative;
top: 0;
left: 0;
width: 100%;
padding: 20px;
font-size: 25px;
box-shadow: 1px 0px 6px 0px rgba(0,0,0.5);
}
.tbs-modal .modal-content-body {
position: relative;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
padding: 20px;
} .tbs-modal .close {
position: absolute;
top: 0;
right: 10px;
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
text-align: right;
z-index: 999;
}
.tbs-modal .close:hover,
.tbs-modal .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.tbs-modal hr {
position: relative;
background-color: #fff;
border-top: 1px solid #4a4a4a;
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
bottom: 10px;
}
@media (max-width: 768px){
.tbs-modal .modal-content {
width: 90%;
}
}