#bejo_cp_wrap {
  background: #f8f8f8;
  position: fixed;
  left: 0;
  right: 0;
  padding: 65px 15px;
  border: 1px solid rgba(50, 50, 50, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);
  max-height: 100%;
  max-width: 400px;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  }

#bejo_cp_head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  width: 100%;
  background: white;
  font-size: 24px;
  color: #3D6698;
  text-align: center;
  line-height: 50px;
  z-index: 5;
  /*border-bottom: 1px solid #ccc;*/
  -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.2);
  }

#bejo_cp_foot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  width: 100%;
  background: white;
  font-size: 24px;
  color: #3D6698;
  text-align: center;
  line-height: 50px;
  z-index: 5;
  /*border-top: 1px solid #ccc;*/
  -webkit-box-shadow: 0px -1px 5px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px -1px 5px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px -1px 5px 0px rgba(50, 50, 50, 0.2);
  }

#bejo_cp_foot #bejo_cp_back {
  width: 50%;
  float: left;
  border-right: 1px solid rgba(50, 50, 50, 0.2);
  }

#bejo_cp_foot #bejo_cp_done {
  width: 50%;
  float: right;
  border-left: 1px solid rgba(50, 50, 50, 0.2);
  }

#bejo_cp_content {
  position: relative;
  height: 100%;
  width: 100%;
  }

#bejo_cp_clockWrap {
  color: #3D6698;
  margin: 0 auto;
  position: relative;
  width: 100%;
  font-size: 22px;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 50%;
  max-height: calc(100% - 120px);
  max-height: -moz-calc(100% - 120px);
  max-height: -webkit-calc(100% - 120px);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);
  }

.bejo_cp_plate,
.bejo_cp_plate_items,
#bejo_cp_clock {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  transition: transform 0.4s ease-in-out;
  }

.bejo_cp_plate_items .bejo_cp_item {
  position: absolute;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  }

.bejo_cp_plate_items .bejo_cp_item.cp_selected {
  background: rgb(191, 228, 246);
  }

#bejo_cp_bar {
  /*background: #3D6698;*/
  width: 8px;
  height: 8px;
  border-radius: 4px;
  position: absolute;
  background: rgb(191, 228, 246);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);
  transform-origin: center 100%;
  -ms-transform-origin: center 100%; /* IE 9 */
  -webkit-transform-origin: center 100%; /* Safari and Chrome */
  -moz-transform-origin: center 100%; /* Firefox */
  -o-transform-origin: center 100%; /* Opera */
  z-index: 5;
  }

.cp_sendOff {
  -webkit-transform: scale(3); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
  -ms-transform: scale(3); /* IE 9 */
  transform: scale(3); /* IE 10, Fx 16+, Op 12.1+ */
  }

/*.cp_preSendIn {*/
.cp_sendIn {
  -webkit-transform: scale(0.1); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
  -ms-transform: scale(0.1); /* IE 9 */
  transform: scale(0.1); /* IE 10, Fx 16+, Op 12.1+ */
  transition: none;
  }

/*.cp_sendIn {*/
/*-webkit-transform: scale(1); !* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 *!*/
/*-ms-transform: scale(1); !* IE 9 *!*/
/*transform: scale(1); !* IE 10, Fx 16+, Op 12.1+ *!*/
/*}*/

#bejo_cp_wrap.cp_no-buttons {
  padding-bottom: 15px;
  }

#bejo_cp_timeTo::before {
  content: " - ";
  display: inline;
  margin: 0 15px;
  }

#bejo_cp_time #bejo_cp_time_h,
#bejo_cp_time #bejo_cp_time_m,
#bejo_cp_time #bejo_cp_time_h2,
#bejo_cp_time #bejo_cp_time_m2 {
  position: relative;
  padding: 3px;
  border-radius: 24px;
  }

#bejo_cp_time .activeTime {
  background: rgb(191, 228, 246);
  }