.crlm-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);}
.crlm-tablinks{color:#000000}
.crlm-modal-content{background-color:#fefefe;margin:10% auto;padding:20px;border:1px solid #888;width:30%;border-radius:5px;}
@media only screen and (max-width: 600px) {
.crlm-modal-content{width:95%;}
}
.crlm-close{color:#aaa;float:left;font-size:28px;font-weight:bold;}
.crlm-close:hover, .crlm-close:focus{color:black;text-decoration:none;cursor:pointer;}
.crlm-tabcontent{display:none;}
.crlm-tabcontent.active{display:block;}
.crlm-tabs{overflow:hidden;border-bottom:1px solid #ccc;}
.crlm-tabs button{border:none;outline:none;cursor:pointer;padding:14px 16px;transition:0.3s;color:#000000;}
.crlm-tabs button:hover{background-color:#ddd;}
.crlm-tabs button.active{background-color:#ccc;}
#crlm-login-form input, #crlm-register-form input{display:block;width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px;}
#crlm-login-form button, #crlm-register-form button { 
display: block; 
width: 100%; 
padding: 10px; 
margin: 10px 0; 
background-color: #4CAF50; 
color: white; 
border: none; 
border-radius: 5px; 
cursor: pointer; 
}