.modal{display: none;position: fixed;z-index: 4;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)}.modal-holder{position: relative;left: 100px;background-color: #fefefe;margin: auto;border: 1px solid #888;width: 80%;height: 80%}.modal-header{background-color: #52b0c7;color: white;width: 100%;height: 50px}.modal-header h3{padding-left: 20px;padding-top: 10px}.modal-content{padding: 20px}.close{color: #751336;float: right;font-size: 28px;position: relative;top: -43px;right: 1%;font-weight: bold}.close:hover,.close:focus{color: #000;text-decoration: none;cursor: pointer}.employee{height: 100px;width: 100px;float:left;background-color: gray;color: white;margin: 2px}#employee_select{width: 100%;height: 210px;overflow: auto;float: left;margin-bottom: 10px}li.employee{cursor: pointer}#employee_select::-webkit-scrollbar{width: 1em}#employee_select::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3)}#employee_select::-webkit-scrollbar-thumb{background-color: darkgrey;outline: 1px solid slategrey}.header .site_title #site_title_image{height: 90%;padding-top: 15px}@media screen and (max-width: 575px){.header .site_title #site_title_image{height: 80%;margin-top: 2%}}