.gr											{ background: rgba(225, 225, 225, 1); color: rgba(10, 10, 10, 1); border: 1px solid rgba(120, 120, 120, .3); }
.gr:hover									{ background: rgba(210, 210, 210, .8); }
.mld										{ background: rgba(210, 210, 210, 1); color: rgba(10, 10, 10, 1); border: 1px solid rgba(210, 210, 210, 1); }
.mld:hover									{ background: rgba(210, 210, 210, .8); }
.dgreen										{ background: rgba(0, 154, 4, 1); color: rgba(255, 255, 255, 1); border: 1px solid rgba(0, 154, 4, 1) }
.dgreen:hover								{ background: rgba(0, 154, 4, .8); }

.rotate, .rotateback, .rotate180 			{ transform-origin: center center; transition: 0.70s; -webkit-transition: 0.70s; -moz-transition: 0.70s; -ms-transition: 0.70s; -o-transition: 0.70s; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.rotate 									{ transform: rotate(90deg); }
.rotateback									{ transform: rotate(0); }
.rotate180 									{ transform: rotate(180deg); }

.cookbook									{ bottom: 25px; position: fixed; width: 100%; max-width: 600px; z-index: 5; left: 25px; padding: 0; margin: 0; }
.cookbook									{ background-image: linear-gradient(to bottom, rgba(255, 255, 255, .8) 0% 80%, rgba(220, 220, 220, .8) 30% 100%); color: rgba(0, 0, 0, 1); border: 1px solid rgba(30, 30, 30, .3) }
.cookbook									{ box-shadow: -3px 5px 5px 3px rgba(30, 30, 30, .3), 3px -5px 5px 5px rgba(30, 30, 30, .3); }
.cooknote									{ font-size: 14px; min-height: 50px; padding: 8px }
.cooknote .cset								{ background: rgba(240, 240, 240, 1); color: rgba(0, 0, 0, 1);  display: flex; padding: 5px; align-content: center; width: 100%; font-size: 14px; }
.cooknote .cg2								{ background: rgba(100, 100, 100, 1); display: flex; flex-flow: row wrap; align-items: center; justify-content: center; align-content: center; justify-items: center; padding: 3px }
.carrow										{ max-height: 17px; padding: 3px }

div[id^=cooknote]							{ display: none }
div[id^=cookset]							{ width: 40px }
div[id^=cookset] .ui-slider-range { background-color: #3392e3 !important; }
div[id^=cookset] .ui-state-default, .ui-widget-content .ui-state-default  { background-color: #3392e3 !important; }