/* 
    ZieglerSoft (C) 2017
    CSS For ZieglerSoft templates
    Full responsive design

    Background Colors
*/

.z-transparent, .z-hvr-transparent:hover { color: #000; background-color: transparent !important }
.z-amber, .z-hvr-amber:hover { color: #000; background-color: #ffc107 !important }
.z-aqua, .z-hvr-aqua:hover { color: #000; background-color: #00ffff !important }
.z-blue, .z-hvr-blue:hover { color: #fff; background-color: #2196F3 !important }
.z-lightblue, .z-hvr-lightblue:hover { color: #000; background-color: #87CEEB !important }
.z-brown, .z-hvr-brown:hover { color: #fff; background-color: #795548 !important }
.z-cyan, .z-hvr-cyan:hover { color: #000; background-color: #00bcd4 !important }
.z-bluegray, .z-hvr-bluegray:hover { color: #fff; background-color: #607d8b !important }
.z-green, .z-hvr-green:hover { color: #fff; background-color: #4CAF50 !important }
.z-lightgreen, .z-hvr-lightgreen:hover { color: #000; background-color: #8bc34a !important }
.z-indigo, .z-hvr-indigo:hover { color: #fff; background-color: #3f51b5 !important }
.z-khaki, .z-hvr-khaki:hover { color: #000; background-color: #b4aa50 !important }
.z-lime, .z-hvr-lime:hover { color: #000; background-color: #cddc39 !important }
.z-orange, .z-hvr-orange:hover { color: #000; background-color: #ff9800 !important }
.z-deeporange, .z-hvr-deeporange:hover { color: #fff; background-color: #ff5722 !important }
.z-pink, .z-hvr-pink:hover { color: #fff; background-color: #e91e63 !important }
.z-purple, .z-hvr-purple:hover { color: #fff; background-color: #9c27b0 !important }
.z-deeppurple, .z-hvr-deeppurple:hover { color: #fff; background-color: #673ab7 !important }
.z-red, .z-hvr-red:hover { color: #fff; background-color: #f44336 !important }
.z-sand, .z-hvr-sand:hover { color: #000; background-color: #fdf5e6 !important }
.z-teal, .z-hvr-teal:hover { color: #fff; background-color: #07889B !important }
.z-yellow, .z-hvr-yellow:hover { color: #000; background-color: #ffeb3b !important }
.z-white, .z-hvr-white:hover { color: #000; background-color: #fff !important }
.z-black, .z-hvr-black:hover { color: #fff; background-color: #000 !important }
.z-gray, .z-hvr-gray:hover { color: #000; background-color: #757575 !important }
.z-lightgray, .z-hvr-lightgray:hover { color: #000; background-color: #f1f1f1 !important }
.z-darkgray, .z-hvr-darkgray:hover { color: #fff; background-color: #3a3a3a !important }
.z-palered, .z-hvr-palered:hover { color: #000; background-color: #ffdddd !important }
.z-palegreen, .z-hvr-palegreen:hover { color: #000; background-color: #ddffdd !important }
.z-paleyellow, .z-hvr-paleyellow:hover { color: #000; background-color: #ffffcc !important }
.z-paleblue, .z-hvr-paleblue:hover { color: #000; background-color: #ddffff !important }
.z-fresh, .z-hvr-fresh:hover { color: #fff; background-color: #4abdac !important }
.z-vermillion, .z-hvr-vermillion:hover { color: #fff; background-color: #fc4a1a !important }
.z-sunshine, .z-hvr-sunshine:hover { color: #fff; background-color: #f78733 !important }
.z-clean, .z-hvr-clean:hover { color: #000; background-color: #dfdce3 !important }
.z-evening, .z-hvr-evening:hover { color: #fff; background-color: #262228 !important }
.z-palegold, .z-hvr-palegold:hover { color: #fff; background-color: #c0b283 !important }
.z-silk, .z-hvr-silk:hover { color: #000; background-color: #dcd0c0 !important }