body.caffeine-admin-bar div#wpadminbar {
  left: -100%;
  -webkit-transition: left 0.5s ease 0s;
  -ms-transition: left 0.5s ease 0s;
  -o-transition: left 0.5s ease 0s;
  transition: left 0.5s ease 0s;
}
body.caffeine-admin-bar.cab-open div#wpadminbar {
  left: 0;
}
#toggle-cab-open {
  background-color: #333333;
  color: #ffffff;
  cursor: pointer;
  font-family: courier;
  font-weight: 300;
  height: 32px;
  padding: 4px 10px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: right 0.5s ease 0s;
  -ms-transition: right 0.5s ease 0s;
  -o-transition: right 0.5s ease 0s;
  transition: right 0.5s ease 0s;
  width: 150px;
  z-index: 2147483647;
}
body.caffeine-admin-bar.cab-open #toggle-cab-open {
	right:-150px;
}
/*_________________________________________________SEARCH BOX*/
.caffeine_search-wrapper {
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9001;
}
body.caffeine_search_scheme_light .caffeine_search-wrapper {
  background-color: rgba(255,255,255,0.85);
}
body.caffeine_search_scheme_dark .caffeine_search-wrapper {
  background-color: rgba(0,0,0,0.85);
}
.caffeine_search-form .search-field {
  background-color: transparent;
  border: 0 none;
  border-radius: 0;
  font-size: 40px;
  height: 100%;
  position: absolute;
  text-align: center;
  width: 100%;
}
.caffeine_search-form .search-submit {
  background-color: transparent !important;
  border: 3px solid !important;
  border-radius: 0 !important;
  bottom: 50px;
  box-shadow: 0 0 0 !important;
  font-size: 17px;
  font-weight: normal;
  padding: 10px 20px;
  position: absolute;
  right: 50px;
  text-shadow: 0 0 0 !important;
  text-transform: uppercase;
}
body.caffeine_search_scheme_light .caffeine_search-form .search-submit {
	border-color: #000000 !important;
	color: #000000 !important;
}
body.caffeine_search_scheme_dark .caffeine_search-form .search-submit {
	border-color: #ffffff !important;
	color: #ffffff !important;
}
body.caffeine_search_scheme_light .caffeine_search-form .search-field, body.caffeine_search_scheme_light .caffeine_search-form .search-field::-webkit-input-placeholder { color: #000000; } /* Chrome/Opera/Safari */ 
body.caffeine_search_scheme_light .caffeine_search-form .search-field, body.caffeine_search_scheme_light .caffeine_search-form .search-field::-moz-placeholder { color: #000000; } /* Firefox 19+ */
body.caffeine_search_scheme_light .caffeine_search-form .search-field, body.caffeine_search_scheme_light .caffeine_search-form .search-field:-ms-input-placeholder { color: #000000; } /* IE 10+ */
body.caffeine_search_scheme_dark .caffeine_search-form .search-field, body.caffeine_search_scheme_dark .caffeine_search-form .search-field::-webkit-input-placeholder { color: #ffffff; } /* Chrome/Opera/Safari */ 
body.caffeine_search_scheme_dark .caffeine_search-form .search-field, body.caffeine_search_scheme_dark .caffeine_search-form .search-field::-moz-placeholder { color: #ffffff; } /* Firefox 19+ */
body.caffeine_search_scheme_dark .caffeine_search-form .search-field, body.caffeine_search_scheme_dark .caffeine_search-form .search-field:-ms-input-placeholder { color: #ffffff; } /* IE 10+ */
.caffeine_search-close {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  position: absolute;
  right: 50px;
  top: 50px;
  width: 50px;
}
.caffeine_search-close > span {
  border-radius: 2px;
  height: 3px;
  left: 2px;
  position: absolute;
  top: 23px;
  width: 45px;
}
body.caffeine_search_scheme_light .caffeine_search-close > span {
	background-color: #000000;
}
body.caffeine_search_scheme_dark .caffeine_search-close > span {
	background-color: #ffffff;
}
.caffeine_search-close > span:first-child {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.caffeine_search-close > span:last-child {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/*_________________________________________________SPANNER*/
span.spanner {
	background-color: yellow;
}
/*_________________________________________________DEVELOPER MODE*/
#wp-admin-bar-toggle-dev-mode {
  box-shadow: -1px -1px 0px #ff0000 inset, 1px 1px 0px #ff0000 inset !important;
}
body.divred.devmode-active *,
body.divred.devmode-active * * * * * *,
body.divred.devmode-active * * * * * *::after,
body.divred.devmode-active * * * * * *::before {
  box-shadow: -1px -1px 0px #ff0000 inset, 1px 1px 0px #ff0000 inset !important;
}
body.divred.devmode-active *:hover,
body.divred.devmode-active * * * * * *:hover,
body.divred.devmode-active * * * * * *:hover::after,
body.divred.devmode-active * * * * * *:hover::before {
  box-shadow: -1px -1px 0px #00ff00 inset, 1px 1px 0px #00ff00 inset !important;
}
body.divred.devmode-active div.devbox *,
body.divred.devmode-active div.devbox * * * * * * {
  box-shadow: 0 0 0 !important;
}
body.divred.devmode-active div.devbox,
.devbox {
  background-color: rgba(45, 45, 45, 0.95);
  border: 2px solid black;
  box-shadow: -2px -2px 0 white inset, 2px 2px 0 white inset !important;
  color: #ffffff;
  cursor: pointer;
  font-size: 10px;
  left: 50px;
  padding: 10px;
  position: fixed;
  top: 50px;
  z-index: 2147483646;
}
.devbox {
  display: none;
}
body.devmode-active .devbox {
  display: block;
}
.devbox table {
  margin: 0 !important;
}
.devbox td {
  width: 25px;
  text-align: right;
  padding: 3px;
}
.devbox td:last-child {
	border: 2px solid #000000;
	padding: 3px;
	margin: 3px;
	width: 50px;
}
.dev-buttons {
  height: 30px;
}
.devbox .divred {
  bottom: 10px;
  left: 10px;
  position: absolute;
}
.devbox .close-devbox {
  bottom: 9px;
  height: 25px;
  position: absolute;
  right: 7px;
  width: 25px;
}
.divred > span,
body.divred.devmode-active div.devbox div.dev-buttons div.divred > span {
  background-color: #ff0000;
  height: 22px;
  width: 22px;
  display: block;
  border-radius: 100%;
  box-shadow: 0px 0px 2px black !important;
}
.close-devbox > span {
  background-color: #ffffff;
  bottom: 12px;
  height: 2px;
  left: 0px;
  position: absolute;
  width: 25px;
}
.close-devbox > span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close-devbox > span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}