/*
 * style.css
 * Copyright(c) 2014 ACCESS CO., LTD. All rights reserved.
 */

.btn-abf-delete {
  color: #fff;
  background-color: #da5278;
}
.btn-abf-delete:hover {
  color: #fff;
  background-color: #cd285a;
}
.btn-action-box {
  width: 80px;
}

.btn-action-group > div {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn-action-group button, .abf-btn-groups button {
  margin: 4px;
  width: 72px;
}

/* add */
.btn-abf-add {
  color: #fff;
  background-color: #005d9c;
}
.btn-abf-add:hover {
  color: #fff;
  background-color: #007ac5;
}
/* detail */
.btn-abf-detail {
  color: #fff;
  background-color: #5bc0de;
}
.btn-abf-detail:hover {
  color: #fff;
  background-color: #514e4d;
}
/* cancel */
.btn-abf-cancel {
  color: #fff;
  background-color: #999999;
}
.btn-abf-cancel:hover {
  color: #fff;
  background-color: #514e4d;
}

.btn-abf-add-row {
  background-color: #008cd6;
  color: #fff;
}

/* input */
textarea:disabled {
  background-color: #eee;
  cursor: not-allowed;
}

.hide-calender {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
}

/* panel */
.panel-message-abf {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 12px;
  color: #fff;
}

.panel-title-abf {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 16px;
  text-align: left;
  color: #fff;
}
.panel-border-abf {
  border-width: 0;
  padding-bottom: 10px;
  box-shadow: 0 0 3px #c6c9c9;
  -webkit-box-shadow: 0 0 3px #c6c9c9;
  -moz-box-shadow: 0 0 3px #c6c9c9;
}

.panel-body-abf {
  padding: 15px;
}
.panel-abf {
  background-color: #003670;
}

.abf-panel-title {
  font-size: 14px;
  color: #fff;
}

/* header */
.contents-wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -40px;
  padding: 0 0 40px;
}
/* form valid */
.abf-form-err {
  color: #a94442;
}

/* table */
.wrap-create-btn {
  margin-bottom: 5px;
}

.img-fix-cell {
  width: 140px;
}

.abf-s3-img {
  max-width: 120px;
  max-height: 120px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

a.bread-item {
  text-decoration: none;
  cursor: pointer;
}
li.active a.bread-item {
  font-size: 24px;
}

/* input */
input[type="file"].abf-file-upload, input[type="file"].abf-img-upload {
  display: none;
}

.abf-pseudo-fileupload[readonly], .abf-pseudo-imgupload[readonly] {
  cursor: pointer;
  background-color: #fff;
}

.td-editor {
  display: none;
}

/* beacon */
.btn-beacon-battery {
  color: #fff;
  background-color: #5bc0de;
}
.btn-beacon-battery:hover {
  color: #fff;
  background-color: #514e4d;
}
.beacon-ids-box > div {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.beacon-span-planned-major .glyphicon-arrow-right,
.beacon-span-planned-minor .glyphicon-arrow-right,
.beacon-span-planned-txpower .glyphicon-arrow-right,
.beacon-span-planned-advinterval .glyphicon-arrow-right {
  color: #a94442;
}
.beacon-text-planned {
  color: #777;
}
tr.tr-beacon .container-fluid {
  height: inherit;
}
tr.tr-beacon .beacon-div-planned-label {
  text-align: left;
  font-weight: bold;
}
tr.tr-beacon .beacon-div-planned-value {
  text-align: left;
}
.beacon-ids-rows-margin {
  margin-top: 10px;
}
.beacon-ta-form {
  margin: 0 auto;
}
.beacon-ta-uuid {
  text-align: center;
}
.beacon-ta-major, .beacon-ta-minor {
  text-align: center;
  width: 50%;
  margin: 0 auto;
}
.beacon-ta-has-error {
  color: red;
}
.beacon-ta-form-group {
  display: none;
}

/* passbook */
.passb-td-editor {
  display: none;
}
.btn-passb-save{
  display: none;
}
.btn-passb-cancel{
  display: none;
}

/* glass */
.btn-glass-save{
  display: none;
}
.btn-glass-cancel{
  display: none;
}

/* attendance */
.btn-attend-save{
  display: none;
}
.btn-attend-cancel{
  display: none;
}
.time-pick-cell {
  width: 160px;
}

/* heatmap */
#heatmap-area {
  position:relative;
  border:1px dashed black;
  -moz-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}
#heatmap-area canvas {
  left: 15px;
}
.config-list-area {
  height: 360px;
  overflow: scroll;
}
.map-beacon-obj {
  display: none;
  position: absolute;
  z-index: 501;
  width: 24px;
  height: 30px;
  color: blue;
  margin: 0;
  padding: 0;
}
.map-beacon-obj > span {
  font-size: 24px;
  vertical-align: bottom;
}
.map-beacon-editing {
  color: red;
}
.map-beacon-selecting {
  color: green;
}
.daterangepicker.dropdown-menu {
  z-index: 502;
}
.btn-pos-cancel, .btn-pos-save{
  display: none;
}

#config-area {
  margin: 20px 0 20px 0;
}
.config-area {
  padding: 10px;
}

#heatmap-infos h4 {
  margin-top: 0;
  margin-bottom: 0;
}

.config-area button {
  width: 100%;
}

.selected_map {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.heatmap-fix-td {
  width: 120px;
}

/* visual map */
.vis-line {
  stroke-width: 4;
  pointer-event: none;
}

.init-line-color {
  opacity: 0.5;
  height: 34px;
  border-radius: 4px;
}

/* product */
.btn-product-save{
  display: none;
}
.btn-product-cancel{
  display: none;
}
.prod-name {
  width: 110px;
}
.prod-price {
  width: 60px;
}
.prod-fix-cell {
  width: 140px;
}

.prod-fix-scell {
  width: 110px;
}

.tr-product textarea {
  width: 130px;
}

.tr-product > td, .tr-glass > td, .tr-passbook > td {
  position: relative;
  top: 0;
  left: 0;
  padding: 0;
}

.tr-product > td > div, .tr-glass > td > div, .tr-passbook > td > div, .tr-beacon > td > div, .tr-push > td > div {
  position: relative;
  height: 120px;
  padding: 0;
  margin: 0;
}
.tr-product > td > div.edit, .tr-glass > td > div.edit, .tr-passbook > td > div.edit, .tr-beacon > td > div.edit {
  position: relative;
  height: 240px;
  padding: 0;
  margin: 0;
}

.expired-setbox, .edit-expired-box, {
  width: 185px;
}

.edit-expired-start, .edit-expired-end {
  width: 140px;
}
.edit-expired-box > div {
  width: 180px;
}

/* checkpoint */
#checkpoint-sudo-screen, #checkpoint-list-sudo-screen {
  height: 1136px;
  width: 640px;
  background-color: #f5f5f5;
}
.cp-img-thumb {
  max-height: 360px;
  max-width: 100%;
}
.cp-img-box {
}
.cp-img-table-thumb {
  max-height: 120px;
  max-width: 120px;
}
.screen-psedo-icon {
  display: none;
  top: 0;
  left: 0;
  z-index: 100;
}
.screen-psedo-title {
  z-index: 101;
}
.screen-psedo-clear {
  z-index: 102;
}
#checkpoint-sudo-screen {
  position: relative;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}
.btn-checkpoint-update {
  display: none;
}
.checkpoint-list-item {
  cursor: pointer:
}
.checkpoint-list-item:hover {
  cursor: pointer;
  background-color: #f5f5f5;
}

/* pointcard */
.btn-point-update {
  display: none;
}
.point-list-item {
  cursor: pointer:
}
.point-list-item:hover {
  cursor: pointer;
  background-color: #f5f5f5;
}

.btn-abf-publish {
  color: #fff;
  background-color: #008cab;
}
.btn-abf-publish:hover {
  color: #fff;
  background-color: #008599;
}
#navigation_menu_list {
  width: 91%!important;
}

/* userlist */
#btn-user-show-usercustom {
  margin-bottom: 10px;
}

/*dropdown-menu in rootV */
.dropdown-menu a {
    white-space:normal;
}
.dropdown-menu > li{position:relative;}
.dropdown-menu > li > i{position:absolute;left:5px;top:5px;}
.img-selector {
  position: relative;
  left: 5px;
  cursor: pointer;
}

/* push */
#btn-add-cert-box, .push-editor {
  margin: 10px;
}
.no-select {
  display: none;
}
.push-beaconselector {
  width: 30%;
}

/**
 * GPS Map Examples Specific
 */
#gps-map {
    border: 1px solid #ccc;
}
.gps-map-back {
    border: 1px solid #ccc;
}
#gps-map-search-result {
    margin-left: 20px;
}
#gps-map-search-result-title {
    font-size:18px;
}
.search-result-detail {
    font-size:12px;
}
.gps-address-row {
  display:table-row;
}
.gps-address-input-style {
  margin-top: 0px;
  margin-bottom: 10px;
}
.abf-gps-map-area-style {
  margin-top: 10px;
}
.gps-address-label {
  min-width:100px;
}
.gps-address-label-ex {
  min-width:140px;
}

h4.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}
#user-collapse-role label {
  margin-top: 5px;
}

/* custom table */
/* TODO: update UI and move to styles.scss */
#customtable-list {
  margin-top: 10px;
  margin-bottom: 10px;
}
.ct-modal-form {
  margin-top: 5px;
  margin-bottom: 10px;
}
.mod-explian {
  font-size: small;
  color: #777;
}
.mod-list-remove, .mod-list-delete, .mod-value-remove, .subpush-remove {
  color: #a94442;
  cursor: pointer;
}
.mod-list-disable {
  color: #777;
  cursor: pointer;
}
.mod-value-disabled {
  text-decoration: line-through;
}
.abf-ct-errors {
  color: #a94442;
  font-size: small;
}
.label-box {
  height: 20px;
  margin-bottom: 5px;
}

/* campaign */
.abf-btn-groups-cell {
  width: 100px;
}
table.abp-table tbody td.cell-w22 {
  width: 220px;
}

/* trigger */
.cell-w22 {
  width: 220px;
}
table.abp-table tbody td.cell-w10 {
  width: 100px;
}
.cell-w10 {
  width: 100px;
}
table.abp-table tbody td.cell-w5 {
  width: 50px;
}
.cell-w5 {
  width: 50px;
}
.infoclip div.thumbnail {
  cursor: pointer;
  height: 117px;
}
.infoclip div.thumbnail:hover {
  background-color: #eee;
}
.infoclip-TEXT div.thumbnail, .infoclip-TEXTBOX div.thumbnail {
  background-color: #5cb85c;
}
.infoclip-TEXT div.thumbnail:hover, .infoclip-TEXTBOX div.thumbnail:hover {
  background-color: #5dcf5d;
}
.infoclip-NUMBER div.thumbnail, .infoclip-age div.thumbnail {
  background-color: #47a8c5;
}
.infoclip-NUMBER div.thumbnail:hover, .infoclip-age div.thumbnail:hover {
  background-color: #4ab1cf;
}
.infoclip-RADIO div.thumbnail, .infoclip-gender div.thumbnail, .infoclip-SELECT div.thumbnail, .infoclip-CHECKBOX div.thumbnail {
  background-color: #e8bb5a;
}
.infoclip-RADIO div.thumbnail:hover, .infoclip-gender div.thumbnail:hover, .infoclip-SELECT div.thumbnail:hover, .infoclip-CHECKBOX div.thumbnail:hover {
  background-color: #ffc565;
}

.infoclip p, .infoclip h4 {
  width: 225px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.infoclip h4 {
  font-weight: bold;
}
.infoclip h5 {
  color: #777;
}
#condition-move-current {
  margin-bottom: 10px;
}
.hide-box {
  display: none;
}
.select-contentstype, .pushtext-area {
  margin-bottom: 10px;
}

.condition-input {
  margin: 5px 0;
  padding: 5px 20px 5px 5px;
  border-left: 5px solid #e8bb5a;
  background-color: #fff;
}
.condition-input h4 {
    margin-top: 0;
}
.condition-input p:last-child {
    margin-bottom: 0;
}
.condition-number {
  margin: 5px 0;
  padding: 5px 20px 5px 5px;
  border-left: 5px solid #47a8c5;
  background-color: #fff;
}
.condition-number h4 {
    margin-top: 0;
}
.condition-number p:last-child {
    margin-bottom: 0;
}
.condition-text {
  margin: 5px 0;
  padding: 5px 20px 5px 5px;
  border-left: 5px solid #5cb85c;
  background-color: #fff;
}
.condition-text h4 {
  margin-top: 0;
}
.condition-text p:last-child {
  margin-bottom: 0;
}
.conditon-box {
  margin-bottom: 10px;
}
.input-lg-box .input-lg {
  height: 25px;
}
.input-lg-box label {
  cursor: pointer;
}
.input-lg-box span{
  vertical-align: 5px;
  margin-left: 5px;
}
#condition-setter {
  margin-bottom: 10px;
}
.campaign-delivery-item {
  text-align: left;
}
.btn-deliveryitem-set {
  margin-top: 10px;
}

.calendar-period-box,
#calendar-repeat-box, #calendar-repeatevery-box, #calendar-day-box, #calendar-time-box, #calendar-duaring-box, #calendar-selectdate-box, #calendar-targetdate-box {
  margin-bottom: 10px
}
#calendar-repeatevery-box, #calendar-selectdate-box, #calendar-targetdate-box, #repeatevery-day-box {
  display: none;
}
.bootstrap-timepicker-widget {
  z-index: 2000;
}
/* trigger */
#btn-trg-gps-radius {
  margin-top: 10px;
}
.btn-group-gpsopt, .btn-group-nfcopt, .back-to-list {
  margin-bottom: 10px;
}