.flat-tool-bar {
    margin: 5px 2px 2px 2px;
    color: #E0E0E0;
}

    .flat-tool-bar h3 {
        color: #253535;
        float: left;
        font-size: 12px;
        font-weight: bold;
        padding: 6px 6px;
        line-height: 12px;
    }

    .flat-tool-bar .spacer {
        margin-left: 20px !important;
    }

    .flat-tool-bar .right {
        float: right !important;
    }


.flat-toolbar-button {
    width: 87px;
    float: left;
    margin: 0;
}

    .flat-toolbar-button:hover {
        cursor: pointer;
    }

    .flat-toolbar-button.disabled, .flat-toolbar-button[disabled] {
        cursor: default;
        opacity: 0.4;
    }

.flat-toolbar-shorcut {
    background-color: #ccc;
    background-image: linear-gradient(top, #eee, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    -webkit-font-smoothing: antialiased;
    margin-bottom: 10px;
    text-align: center;
    width: 80px;
    height: 50px;
    display: block;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    padding-top: 3px;
}

    .flat-toolbar-shorcut:hover {
        background-color: #606060;
        text-decoration: none;
    }

.flat-toolbar-shortcut-button {
    background-color: rgba(220,220,220,0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    -webkit-font-smoothing: antialiased;
    margin-bottom: 10px;
    text-align: center;
    width: 80px;
    height: 50px;
    display: block;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    padding-top: 3px;

}

 .flat-toolbar-shortcut-button:hover {
       background-color: rgba(210,210,210,0.4);
       text-decoration: none;
    }


/*.aqua-shortcut {
    background-color: rgba(220,220,220,0.4);
    margin-bottom: 20px;
    text-align: center;
    width: 120px;
    height: 80px;
    display: block;
    border: 1px solid #bebebe;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url("./images/aqua-shortcut-bg.png") center bottom;
    padding-top: 5px;
}

    .aqua-shortcut:hover {
        background-color: rgba(210,210,210,0.4);
        text-decoration: none;
    }*/

.flat-toolbar-label {
    font-size: 11px;
    font-weight: bold;
    color: #ecf0f1;
    width: 80px;
    text-align: center;
    margin-top: 0px;
}

.flat-toolbar-title {
    font-size: 12px;
    font-weight: normal;
    color: #454545;
    padding-left: 4px;
    padding-right: 4px;
}

.flat-toolbar-button .green {
    border-bottom: 5px solid #2d5036;
    border-top: 5px solid #2d5036;
}

    .flat-toolbar-button .green:hover {
        background-color: #345f41;
        text-decoration: none;
    }


.flat-toolbar-button .flat-blue {
    background-color: #5065a1;
    border: 1px solid #5065a1;
}

    .flat-toolbar-button .flat-blue:hover {
        background-color: #394c81;
        text-decoration: none;
    }

.flat-toolbar-button .label-green {
    background-color: #2d5036;
}

.flat-toolbar-button .blue {
    background-color: #2980b9;
    border: 1px solid #2980b9;
}

    .flat-toolbar-button .blue:hover {
        background-color: #3498db;
        text-decoration: none;
    }


.flat-toolbar-button .label-blue {
    background-color: #2980b9;
}

.flat-toolbar-button .orange {
    background-color: #d35400;
    border: 1px solid #d35400;
}

    .flat-toolbar-button .orange:hover {
        background-color: #e67e22;
        text-decoration: none;
    }


.flat-toolbar-button .label-orange {
    background-color: #d35400;
}

.flat-toolbar-button .navy-blue {
    background-color: #2c3e50;
    border: 1px solid #2c3e50;
}

    .flat-toolbar-button .navy-blue:hover {
        background-color: #34495e;
        text-decoration: none;
    }


    .flat-toolbar-button .flat-red {
    background-color: #c0392b;
    border: 1px solid #c0392b;
}

    .flat-toolbar-button .flat-red:hover {
        background-color: #e74c3c;
        text-decoration: none;
    }


     .flat-toolbar-button .flat-orange {
    background-color: #d35400;
    border: 1px solid #d35400;
}

    .flat-toolbar-button .flat-orange:hover {
        background-color: #e67e22;
        text-decoration: none;
    }

      .flat-toolbar-button .flat-teal {
    background-color: #356272;
    border: 1px solid #356272;
}

    .flat-toolbar-button .flat-teal:hover {
        background-color: #3a6f81;
        text-decoration: none;
    }

      .flat-toolbar-button .flat-skyblue {
    background-color: #2980b9;
    border: 1px solid #2980b9;
}

    .flat-toolbar-button .flat-skyblue:hover {
        background-color: #3498db;
        text-decoration: none;
    }

     .flat-toolbar-button .flat-green {
    background-color: #2d5036;
    border: 1px solid #2d5036;
}

    .flat-toolbar-button .flat-green:hover {
        background-color: #345f41;
        text-decoration: none;
    }

      .flat-toolbar-button .flat-blue1 {
    background-color: #394c81;
    border: 1px solid #394c81;
}

       .flat-toolbar-button .flat-blue1:hover {
        background-color: #5065a1;
        text-decoration: none;
    }

      .flat-toolbar-button .flat-maroon {
    background-color: #662621;
    border: 1px solid #662621;
}

    .flat-toolbar-button .flat-maroon:hover {
        background-color: #79302a;
        text-decoration: none;
    }

     .flat-toolbar-button .flat-water {
    background-color: #d95459;
    border: 1px solid #d95459;
}

    .flat-toolbar-button .flat-water:hover {
        background-color: #ef717a;
        text-decoration: none;
    }

     .flat-toolbar-button .flat-green2 {
    background-color: #27ae60;
    border: 1px solid #27ae60;
}

    .flat-toolbar-button .flat-green2:hover {
        background-color: #2ecc71;
        text-decoration: none;
    }

.flat-toolbar-button .label-navy-blue {
    background-color: #2c3e50;
}

.flat-toolbar-button .label-flat-blue {
    background-color: #5065a1;
}


.flat-toolbar-button .red {
    background-color: #c0392b;
    border: 1px solid #c0392b;
}

    .flat-toolbar-button .red:hover {
        background-color: #e74c3c;
        text-decoration: none;
    }


.flat-toolbar-button .label-red {
    background-color: #c0392b;
}

.aqua-well-mini-flat-blue {
    background-color: #2980b9 !important;
}

    .aqua-well-mini-flat-blue:hover {
        background-color: #3498db !important;
    }

    .aqua-well-mini-flat-blue .label {
        background-color: #2980b9 !important;
        padding: 0px 4px !important;
    }

.aqua-well-mini-flat-orange {
    background-color: #d35400 !important;
}

    .aqua-well-mini-flat-orange:hover {
        background-color: #e67e22 !important;
    }

    .aqua-well-mini-flat-orange .label {
        background-color: #d35400 !important;
        padding: 0px 4px !important;
    }

    .aqua-well-mini-flat-green {
    background-color: #27ae60 !important;
}

    .aqua-well-mini-flat-green:hover {
        background-color: #345f41 !important;
    }

    .aqua-well-mini-flat-green .label {
        background-color: #345f41 !important;
        padding: 0px 4px !important;
    }

    .aqua-well-mini-flat-lightblue {
    background-color: #be3a31 !important;
}

    .aqua-well-mini-flat-lightblue:hover {
        background-color: #be3a31 !important;
    }

    .aqua-well-mini-flat-lightblue .label {
        background-color: #be3a31 !important;
        padding: 2px 4px !important;
        font-size:12px !important;
    }

.aqua-well-mini-flat-message-red {
  background-color: #be3a31 !important;
}

.aqua-well-mini-flat-message-red:hover {
  background-color: #be3a31 !important;
}

.aqua-well-mini-flat-message-red .label {
  background-color: #be3a31 !important;
  padding: 2px 4px !important;
  font-size:12px !important;
}

.aqua-well-mini-flat-message-green {
  background-color: #27ae60 !important;
}

.aqua-well-mini-flat-message-green:hover {
  background-color: #27ae60 !important;
}

.aqua-well-mini-flat-message-green .label {
  background-color: #27ae60 !important;
  padding: 2px 4px !important;
  font-size:12px !important;
}


.flat-toolbar-button .bright-green {
    background-color: #27ae60;
    border: 1px solid #27ae60;
}

    .flat-toolbar-button .bright-green:hover {
        background-color: #2ecc71;
        text-decoration: none;
    }

.flat-toolbar-button .label-bright-green {
    background-color: #27ae60;
}

.flat-toolbar-button .flat-black {
    background-color: #404040;
    border: 1px solid #404040;
}

    .flat-toolbar-button .flat-black:hover {
        background-color: #000000;
        text-decoration: none;
    }

.flat-toolbar-button .label-flat-black {
    background-color: #404040;
}

.flat-toolbar-button .flat-yellow {
    background-color: #ffa800;
    border: 1px solid #ffa800;
}

    .flat-toolbar-button .flat-yellow:hover {
        background-color: #ffcd02;
        text-decoration: none;
    }

.flat-toolbar-button .label-flat-yellow {
    background-color: #ffa800;
}

.flat-toolbar-button .dark-green {
    background-color: #2d5036;
    border: 1px solid #2d5036;
}

    .flat-toolbar-button .dark-green:hover {
        background-color: #345f41;
        text-decoration: none;
    }

.flat-toolbar-button .label-dark-green {
    background-color: #2d5036;
}


.button-bar {
    display: inline-block;
    white-space: nowrap;
    background-color: #ccc;
    background-image: linear-gradient(top, #eee, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #777;
    padding: 0 1.5em;
    margin: 0.5em;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

    .button-bar:hover {
        background-color: #ddd;
        background-image: linear-gradient(top, #fafafa, #ddd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
    }

    .button-bar:active {
        -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        position: relative;
        top: 1px;
    }

    .button-bar:focus {
        outline: 0;
        background: #fafafa;
    }

    .button-bar:before {
        background: #ccc;
        background: rgba(0,0,0,.1);
        float: left;
        width: 1em;
        text-align: center;
        font-size: 1.5em;
        margin: 0 1em 0 -1em;
        padding: 0 .2em;
        -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -moz-border-radius: .15em 0 0 .15em;
        -webkit-border-radius: .15em 0 0 .15em;
        border-radius: .15em 0 0 .15em;
        pointer-events: none;
    }

/* Hexadecimal entities for the icons */

.add:before {
    content: "\271A";
}

.edit:before {
    content: "\270E";
}

.delete:before {
    content: "\2718";
}

.save:before {
    content: "\2714";
}

.email:before {
    content: "\2709";
}

.like:before {
    content: "\2764";
}

.next:before {
    content: "\279C";
}

.star:before {
    content: "\2605";
}

.spark:before {
    content: "\2737";
}

.play:before {
    content: "\25B6";
}