popup.css

.popup {
    width:260px;
    background-color: #d3dbed;
    margin-left: 20px;
    margin-right: 20px;
}

#add-btn {
    margin-left: auto;
    margin-right: auto;
}
#title {
    font: Lucida Grande;
    font-size: 13pt;
    font-weight: bold;
    color: royalblue;
    text-align: center;
    margin-top: 20px
}

#event-body {
    text-align:left;
    color: #4c4c4c;
    border-collapse:separate;
    border-spacing:1em;
    margin-right: inherit;
}

#popup-body {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}

#bug-sent {
    text-align:center;
    position:relative;
    top: -15px;
    display:none;
}

#add-btn-hover, #buttons:hover #add-btn{
   display:none
}

#add-btn-hover {
    margin-left: auto;
    margin-right: auto;
}
#add-btn, #buttons:hover #add-btn-hover{
   display:block
}

#auth-btn-hover, #auth-buttons:hover #auth-btn{
    display:none
}

.auth-btn {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}
#auth-btn, #auth-buttons:hover #auth-btn-hover{
    display:block
}

.event-icons {
    float:left
}

.bug-button {
    position: relative;
    top: 10px;
    margin-bottom: 10px;
}

#buttons {
    display:none;
}

#event-info {
    display: none;
}

.error-div {
    display:none;
    text-align: center;
    margin-top: -20px;
    font: 8pt;
    margin-bottom: 20px;
}

.loader {
    border-radius: 50%;
    animation: spin 2s linear infinite;
    display:block;
    margin-left: auto;
    margin-right: auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#loading-div {
    text-align:center;
    margin-top: 60px;
}

#loading-text {
    color: #4c4c4c;
}

#event-error {
    margin-top: 30px;
}

#calendarMenu {
    display: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
}

.email-check {
    text-align: center;
    color: #404040;
    font-size: 8pt;
    cursor: default;
}

.email-input {
    color: #363636;
    font-size: 9pt
}

#sending-loader {
    margin-top: -10px;
    width: 20px;
    height: 20px;
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #135099; /* Blue */
}

#loading-loader {
    border: 6px solid #f3f3f3; /* Light grey */
    border-top: 6px solid #135099; /* Blue */
    width: 30px;
    height: 30px;
}

#error-description {
    word-break: keep-all;
    word-wrap: normal
}

#authorize-div {
    text-align: center;
    margin-top: 30px;
}