/*
 * icons that need to change
 * help icon
 * .create
 * .shoppingblue
 * .importblue
 * .createblue20
 * .greenshopping
 *  downloadblue20.png
 *  checkoutgreen16
 */

 a{
    color: #00aec4;
    text-decoration:none !important;
 }

 a:hover {
    color: #00aec4;
    opacity:0.7;
    text-decoration:none !important;
 }

 a:focus, a:active, a:visited{
 	opacity:1;
 }

.whitebackground{
	background-color: #FFFFFF;
}

.greenbackground {
    background-color: #00a289;
}

.lightgreybackground {
    background-color: #f0f0f0;
}

.greybackground {
    background-color: #bebebe;
}

.darkgreybackground {
    background-color: #888888;
}

.bluebackground {
    background-color: #00aec4;
}

.navybluebackground {
    background-color: #005581;
}

.fusciabackground {
    background-color: #bd2e75;
}

.redbackground {
    background-color: #ef3d42;
}

.yellowgreenbackground {   /*AC01*/
    background-color: #c1d82f;
}

.navybackground { /*AC02*/
    background-color: #005581;
}

.filter.active {
    color: #005581;   /* navy */
}

.filter:hover {
    color: #f89c57; /* orange */
}

.filter.active:hover {
    color: #005581;   /* navy */
}

.purplebackground {  /*AC03*/
    background-color: #bd2e75;
}

.orangebackground {    /*help button*/
    background-color: #f89c57;
}

.lightgreen{
    background-color: #f3f7d5;
    border: 1px solid #f3f7d5;
}

#rounds button.active {
    background: #c1d82f !important;
}

.aqua {
    color: #00aec4;
}

.orange {
    color: #f89c57;
}

a.orange:hover {
    color: #f89c57;
    opacity: 0.7;
}

.yellowgreen {
    color: #c1d82f;
}

.greyborder {
    border: 1px solid #bebebe;
    color: #bebebe !important;
}

.lightgreyborder {
    border: 1px solid #f0f0f0;
    color: #f0f0f0 !important;
}

.whiteborder {
    border: 1px solid white !important;
}

.whiteborder:hover, .whiteborder:visited:hover {
    background-color: white;
    color: #11afc6;
    opacity:1 !important;
}

.redborder {
    border: 1px solid #ef3d42 !important;
    color: #ef3d42 !important;
    background-color: transparent;
}

.redborder:hover {
    background-color: #ef3d42;
    color: white !important;
        opacity:1 !important;
}

.greenborder {
    border: 1px solid #00a289 !important;
    color: #00a289 !important;
}

.greenborder:hover {
    background-color: #00a289;
    color: white !important;
        opacity:1 !important;
}

.blueborder {
    border: 1px solid #00aec4 !important;
    color: #00aec4 !important;
}

.blueborder:hover {
    background-color: #00aec4;
    color: white !important;
    opacity:1 !important;
}

.orangeborder {
    border: 1px solid #f89c57 !important;
    color: #f89c57 !important;

}

.orangeborder:hover {
    background-color: #f89c57;
    color: white !important;
    opacity:1 !important;
}

.blue {
    color: #00aec4
}

.navyblue {
    color: #005581;
}

.grey {
    color: #bebebe;
}

.lightergrey {
    color: #b1b1b1;
}

.darkgrey {
    color: #666666;
}

.mediumgrey {
    color: #888888;
}

.lightgrey {
    color: #c8c8c8;
}

.red {
    color: #ef3d42;
}

.green {
    color: #00a289
}

.white {
    color: #FFFFFF;
}

a.white:hover, a.white:visited, a.white:focus,a.white:active {
    color: #FFFFFF !important;
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #F89C57 !important;
}

.timepicker-picker .btn-primary {
    background-color: #F89C57 !important;
    border-color:  #F89C57 !important;
}