/*
#settings-cog {
    border: none;
    background: none;
    color: #1dd7b2;
    border: 2px solid #1dd7b2;
    padding: 5px 10px;
    text-decoration: none;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    display: inline-block;
    cursor: pointer;
    outline: none;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    -webkit-font-smoothing: antialiased;
}

#settings-cog:hover {
    color:#262c2d;
    border:2px solid #262c2d;
}
*/
.emulator-settings {
    position: relative;
}

#settings-cog {
    margin: 0;
    border: none;
    background: none;
    color: #1dd7b2;
    padding: 0;
    text-decoration: none;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    cursor: pointer;
    outline: none;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 0;
}

#settings-cog:hover {
    color:#262c2d;
}

#emulator-question-mark {
    margin: 0;
    border: none;
    background: none;
    color: #1dd7b2;
    padding: 0;
    text-decoration: none;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    cursor: pointer;
    outline: none;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;

}

#emulator-question-mark:hover {
    color:#262c2d;
}

/* Play */
.emulator-controls button {
    border:none;
    background:rgb(48, 217, 164);
    color:rgb(255, 255, 255);
    padding:12px 20px;
    text-decoration:none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display:inline-block;
    cursor:pointer;
    outline:none;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:20px;
    -webkit-font-smoothing: antialiased;
}
.emulator-controls button:hover {
    background: rgb(68, 237, 184);
}
.emulator-controls button:disabled {
    background: rgb(230, 230, 230);
    pointer-events: none;
    cursor: default;
}

/* Pause */
.emulator-controls button.pause-button {
    background: rgb(48, 217, 255);
}
.emulator-controls button.pause-button:hover {
    background: rgb(68, 237, 255);
}
.emulator-controls button.pause-button:disabled {
    background: rgb(230, 230, 230);
}

/* Step */
.emulator-controls button.step-button {
    background: rgb(240, 230, 140);
}
.emulator-controls button.step-button:hover {
    background: rgb(250, 240, 150);
}
.emulator-controls button.step-button:disabled {
    background: rgb(230, 230, 230);
}

/* Reset */
.emulator-controls button.reset-button {
    background: rgb(255, 102, 102);
}
.emulator-controls button.reset-button:hover {
    background: rgb(255, 70, 70);
}
.emulator-controls button.reset-button:disabled {
    background: rgb(230, 230, 230);
}

.emulator-controls button.emulator-input-event {
    width: 100%;
    border:none;
    background:#ff6666;
    color:#fff;
    outline:none;
    padding:2px 8px;
    margin-bottom:15px;
    text-decoration:none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display:inline-block;
    cursor:pointer;
    font-weight:700;
    font-size:11px;
    -webkit-font-smoothing: antialiased;
}
.emulator-controls button.emulator-input-event:hover {
    background:#262c2d;
}


.emulator-controls button.emulator-download-btn {
    border:none;
    background:#30d9a4;
    color:#fff;
    outline:none;
    padding:7px 12px;
    text-decoration:none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display:block;
    width:100%;
    cursor:pointer;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:5px;
    text-align:center;
    -webkit-font-smoothing: antialiased;
}
.emulator-controls button.emulator-download-btn:hover  {background:#262c2d;}
