#cft_item_result {
  display: none;
  overflow: hidden !important;
}

#cft_item_result_light {
  position: absolute;
  top: 30px;
  left: 30px;
  border: 1px green solid;
  z-index: -1;
}

#cft_item_result_footer {
  display: none;
}

#cft_item_result_footer img {
  width: 100px;
}

.sidebar-btn {
  display: table;
  border-radius: 30px;
  background-color: #45ff4d;
  font-weight: bold;
  text-align: center;
  padding: 10px 15px 10px 15px;
  color: white;
  margin: auto;
  cursor: pointer;
  text-shadow: none !important;
}

.sidebar-btn:hover {
  background-color: yellow;
}

.sidebar-btn a {
  color: rgba(49, 0, 120, 1) !important;
  font-size: 18px !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

#sidebar_cta_container {
  display: none;
}

#footbar_cta_container {
  display: none;
}

.x-sidebar {
  width: 95%;
  height: 90%;
  background: rgb(49, 0, 120);
  background: radial-gradient(circle, rgba(49, 0, 120, 1) 0%, rgba(38, 0, 79, 1) 80%);
  display: table !important;
  border-radius: 5px;
  overflow: hidden !important;
  text-shadow: 2px 2px black;
}

.x-sidebar-bg2 {
  width: 100%;
  height: 100%;
  background: url(/images/short-bottom-1x.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden !important;
  text-shadow: 2px 2px black;
}

.x-sidebar-body {
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: 18%;
  width: 100%;
  padding: 10px;
  text-align: center;
  display: none;
}

.x-sidebar-body-roomy {
  top: 10% !important;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

.sprite-scale-2 {
  transform: scale(1.5);
}

.x-sidebar-head {
  margin-top: 15px;
}

.x-footbar {
  background: rgb(49, 0, 120);
  background: radial-gradient(circle, rgba(49, 0, 120, 1) 0%, rgba(38, 0, 79, 1) 80%);
  border-radius: 5px;
  overflow: hidden !important;
  text-shadow: 2px 2px black;
  cursor: pointer;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  text-align: center;
  padding: 10px;
  height: 35%;
  max-height: 250px;
}

.x-footbar-frame {
  overflow: hidden !important;
  cursor: pointer;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  text-align: center;
  height: 35%;
  max-height: 200px;
}

.x-footbar-bg2 {
  width: 105%;
  height: 105%;
  background: url(/images/short-bottom-1x.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden !important;
}

.x-footbar-head {
  position: absolute;
  left: 0px;
  top: 20%;
  width: 25%;
}

.x-footbar-body {
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: 0px;
  width: 100%;
  padding: 10px;
  text-align: center;
}

.shadowed-sidebar {
  text-shadow: 1px 1px black;
  color: white;
  padding: 4px;
}

.shadowed-sidebar:hover {
  background: rgb(49, 0, 120);
  border-radius: 5px;
}

.draggable:hover {
  background-color: yellow;
  border-radius: 3px;
}

#drag_arrow_placeholder2_footer {
  color: yellow;
  margin-top: 20px;
}

.footbar-close {
  top: 0;
  right: 5;
  text-align: center;
  line-height: 27px;
  vertical-align: middle;
  padding: 2px;
  background-color: black;
  color: yellow !important;
  font-size: 13px;
  width: 30px;
  height: 30px;
  margin-top: 5px;
  text-decoration: none;
  border-radius: 15px;
  display:none;
  z-index: 999999999;
  position: absolute;
  opacity: 0.3;
}

.footbar-close:hover {
  opacity: 1;
}

.footbar-close a {
  color: white !important;
  text-decoration: none;
  text-shadow: none !important;
}

.sidebar-close {
  right: 5;
  text-align: center;
  line-height: 18px;
  vertical-align: middle;
  padding: 2px;
  background-color: white;
  color: black !important;
  font-size: 10px;
  width: 20px;
  height: 20px;
  margin-top: 5px;
  text-decoration: none;
  border-radius: 15px;
  display:none;
  z-index: 999999999;
  position: absolute;
  opacity: 0.3;
  font-weight: bold;
}

.sidebar-close:hover {
  opacity: 1;
}

.sidebar-close a {
  color: black !important;
  text-decoration: none;
  text-shadow: none !important;
}

.draggable-icon {
  cursor: grabbing;
}