@charset "UTF-8";
/* CSS Document */
.topbar {
    height: 56px;
    background-color: #FFF;
    width: 100%;
    border-bottom: 2px solid #D7D9E2;
    position:fixed;
    z-index: 1000;
    top: 0;
    font-weight:300;
    font-family: halyard-display, sans-serif;
}
.topbar strong,b {
    font-weight: 500;
}

.btn-cool-editbar {
    font-family: halyard-display, sans-serif;
    color: #FFF;
    font-size: 0.9em;
    font-weight: 500;
    line-height: 1.3em;
    display: inline-block;
    padding: 10px 20px 10px 20px;
    cursor: pointer;
    margin: 8px;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; /* future proofing */
    -khtml-border-radius: 4px;
    outline: none;
    transition: all 0.2s ease;
}

.btn-cool-editbar.green { background: #4DCF84; border: 1px solid #4DCF84 }
.btn-cool-editbar.green:hover { background: #46BD78; border: 1px solid #46BD78 }
.btn-cool-editbar.green:active { background: #6DD79A; border: 1px solid #6DD79A }

.btn-cool-editbar.white { background: #FFF; color: #21252F; border: 1px solid #E3E6ED }
.btn-cool-editbar.white:hover { background-color: #FFF; color: #21252F; border: 1px solid #21252F; }
.btn-cool-editbar.white:active { opacity: 0.3 }

.btn-cool-editbar.blue { background: #01A3EF; border: 1px solid #01A3EF }
.btn-cool-editbar.blue:hover { background: #0195DA; border: 1px solid #0195DA }
.btn-cool-editbar.blue:active { background: #2FB3F1; border: 1px solid #2FB3F1 }

.btn-cool-editbar.red { background: #E92D54; border: 1px solid #E92D54; margin: 0 0 0 10px; }
.btn-cool-editbar.red:hover { background: #D4294D; border: 1px solid #D4294D }
.btn-cool-editbar.red:active { background: #ED5373; border: 1px solid #ED5373 }

.btn-cool-editbar.pink { background: #ED5373; border: 1px solid #ED5373 }
.btn-cool-editbar.pink:hover { background: #F1758F; border: 1px solid #F1758F }
.btn-cool-editbar.pink:active { background: #BE425C; border: 1px solid #BE425C }


/* BUTTONS */