body {
  /*background: $thin-yellow;*/
  background: $bg;
  color: #585858;
}
button, input, optgroup, select, textarea {
  color: #585858;
}

th {
  font-weight: normal;
}
a {
    color: $black;

    &:hover {
      text-decoration: none;
    }
}

.no-header-body {
  background: $white;
}

.l-contents {
    margin: 0px;

    &__top {
      position: relative;
    }

    &__disp {
      max-width: $cwidth;
      margin: 0px auto;
    }
}

.no_disp {
  display: none;
}

.active {
  background-color: $active !important;
}

.active_con {
  display: block !important;
}

.require {
  border: 1px solid $require;
  color: $require;
  padding: 2px 3px;
  margin-left: 5px;
}

.require_applicable {
  border: 1px solid $require_applicable;
  color: $require_applicable;
  padding: 2px 3px;
  margin-left: 5px;
}

.require_tr {
  background-color: #FEE7E6;
}

.require_applicable_tr {
  background-color: #FEF3F2;
}

.require_error {
  background-color: #FFBAB1 !important;
}

.search_target {
  background-color:$light-green;
  color: $white;
  padding: 3px;
  
  &_title {
    line-height: 28px;
  }
}

div[class*=modal-contents] {
  width: 50% ;
  margin: 0 ;
  padding: 10px 20px ;
  border: 2px solid #aaa ;
  background: #fff ;
  position: fixed ;
  display: none ;
  z-index: 10 ;
}

#modal-overlay {
  z-index: 5 ;
  display: none ;
  position: fixed ;
  top: 0 ;
  left: 0 ;
  width: 100% ;
  height: 120% ;
  background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link {
  color: #00f ;
  text-decoration: underline ;
}

.button-link:hover {
  cursor: pointer ;
  color: #f00 ;
}

.regist__div {
  text-align: center;
  padding: 10px 0;
  background: linear-gradient(#{$gd-direction}, $gd-start, $gd-end);
}

.regist__div_mansion {
  margin-top: 10px;
  text-align: center;
  padding: 10px 0;
  background-color: #887F67;
  padding: 30px 0px;

  & a {
    margin: 5px 10px;
    border-radius: 5px;
    background: linear-gradient(to bottom, #ffffff, #d3f6f6);
    border: 1px solid #00c8c8;
    color: #00c8c8;
    padding: 10px 30px;
    position: relative;

    cursor: pointer;
  }
}
.addvendor__div {
  text-align: center;
  padding: 10px 0;
  background-color: #887F67;
}

#council_presence_area, #council_cost_area {
  display: none;
}

#spring_area, #spring_cost_area, #spring_kind_area {
  display: none;
}

#land_condition1_area, #land_condition2_area, #land_condition3_area {
  display: none;
}

#land_status_area {
  display: none;
}

#land_delivery_area {
  display: none;
}

#land_condition_area1, #land_condition_area2 {
  display: none;
}

#road_burden_area1, #road_burden_area2 {
  display: none;
}

#easement_area {
  display: none;
}

#set_area {
  display: none;
}

#city_plan_area {
  display: none;
}

#classfication_area {
  display: none;
}

#event_schedule_area1, #event_schedule_area2 {
  display: none;
}

.u-radio {
  display: none;

    &:checked + label:after {
      border: 1px solid $light-green;
    }

    &__label {
        box-sizing: border-box;
        -webkit-transition: background-color 0.2s linear;
        transition: background-color 0.2s linear;
        position: relative;
        display: inline-block;
        margin: 0px 5px 0px 0px;
        padding: 5px 5px 5px 35px;
        border-radius: 8px;
        vertical-align: middle;
        cursor: pointer;

        &:before {
            -webkit-transition: opacity 0.2s linear;
            transition: opacity 0.2s linear;
            position: absolute;
            top: 50%;
            left: 19px;
            display: block;
            margin-top: -6px;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: $light-green;
            content: '';
            opacity: 0;
            input[type=radio]:checked + & {
            opacity: 1;
            z-index: 2;
            }
        }

        &:after {
            -webkit-transition: border-color 0.2s linear;
            transition: border-color 0.2s linear;
            position: absolute;
            top: 50%;
            left: 15px;
            display: block;
            margin-top: -10px;
            width: 16px;
            height: 16px;
            border: 1px solid $light-glay;
            border-radius: 8px;
            content: '';
            background-color: #FFF;
        }
    }
}

.u-checkbox {
  position: relative;
  word-break: break-all;
  margin-bottom: 0px;
  padding: 5px 0px;

  &__obj {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;

    & + span:before, + span:after {
      position: absolute;
      top: 2px;
      left: 0px;
      display: inline-block;
      content: '';
      box-sizing: border-box;
    }
    & + span:before {
      z-index: 0;
      background-color: transparent;
      width: 16px;
      height: 16px;
      border: 1px $light-glay solid;
      border-radius: 5px;
      background-color: $white;
    }

    & + span:after {
      z-index: 1;
      margin: 5px 8px;
      width: 6px;
      height: 9px;
    }

    &:checked + span::before {
      background-color: $light-green;
    }
    &:checked + span::after {
      border: 2px solid #fff;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      position: absolute;
      left: -3px;
      top: -1px;
    }
  }

  &__text {
    display: inline-block;
    position: relative;
    padding: 0 10px 0 20px;
  }
}

.checkbox_small {
  width: 24%;
}

.btn_ {
  &search {
    &::before {
      background-image: url(#{$admin_img_path}icon_search.png);
    }

    &:hover {
      opacity: 0.8;
    }
  }

  &reference {
    &::before {
      background-image: url(#{$admin_img_path}icon_reference.png);
    }

    &:hover {
      opacity: 0.8;
    }
  }

  &decision {
    &::before {
      background-image: url(#{$admin_img_path}icon_arrow_right.png);
    }

    &:hover {
      opacity: 0.8;
    }
  }

  &position {
    &::before {
      background-image: url(#{$admin_img_path}icon_map.png);
    }

    &:hover {
      opacity: 0.8;
    }
  }

  &allcheck {
    width: 180px !important;
    &::before {
      background-image: url(#{$admin_img_path}icon_checked.png);
    }

    &:hover {
      opacity: 0.8;
    }
  }

  &imagesave {
    width: 120px !important;
    &::before {
      background-image: url(#{$admin_img_path}btn_register_green.png);
      left: 5px !important;
    }

    &:hover {
      opacity: 0.8;
    }
  }

  &addvendor {
    &::before {
      background-image: url(#{$admin_img_path}btn_register_pink.png);
      left: 5px !important;
    }

    &:hover {
      opacity: 0.8;
    }
  }

  &search, &reference, &decision, &position, &allcheck, &imagesave {
    margin: 5px 10px;
    border-radius: 5px;
    // background-color: $light-green;
    background: linear-gradient(#{$green_btn_direction}, $green_btn_start, $green_btn_end);
    border: 1px solid $green_btn_text;
    color: $green_btn_text;
    padding: 10px 30px;
    position: relative;
    width: 220px;
    cursor: pointer;

    &::after {
      display: block;
      width: 8px;
      height: 8px;
      // border-top: solid 2px $white;
      // border-right: solid 2px $white;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      content: ' ';
      position: absolute;
      right: 5px;
      top: 17px;
    }

    &::before {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-repeat: no-repeat;
      background-size: contain;
      vertical-align: middle;
      left: 15px;
      top: 10px;
      position: absolute;
    }
  }

  &addvendor {
    margin: 5px 10px;
    border-radius: 5px;
    // background-color: $light-green;
    background: linear-gradient(#{$green_btn_direction}, #ffffff, #fcdbe7) !important;
    border: 1px solid #ff45a3 !important;
    color: #ff45a3 !important;
    padding: 10px 30px;
    position: relative;
    width: 220px;
    cursor: pointer;

    &::after {
      display: block;
      width: 8px;
      height: 8px;
      // border-top: solid 2px $white;
      // border-right: solid 2px $white;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      content: ' ';
      position: absolute;
      right: 5px;
      top: 17px;
    }

    &::before {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-repeat: no-repeat;
      background-size: contain;
      vertical-align: middle;
      left: 15px;
      top: 10px;
      position: absolute;
    }
  }
}



.mt5 { margin-top: 5px; }
.mt8 { margin-top: 8px !important; }
.mt10 { margin-top: 10px; }
.mt15{ margin-top:15px;}
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr38 { margin-right: 38px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }


.w50_per  { width: 50%;  }
.w50  { width: 50px;  }
.w65  { width: 65px;  }
.w75  { width: 75px;  }
.w80  { width: 80px;  }
.w85  { width: 85px;  }
.w100 { width: 100px; }
.w115 { width: 115px; }
.w120 { width: 120px; }
.w125 { width: 125px; }
.w150 { width: 150px; }
.w155 { width: 155px; }
.w160 { width: 160px; }
.w175 { width: 175px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w220 { width: 220px; }
.w230 { width: 230px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w500 { width: 500px; }
.w100i { width: 100px !important; }
.w165i { width: 165px !important; }
.w200i { width: 200px !important; }
.w300i { width: 300px !important; }

.h50 { height: 50px; }
.h100 { height: 100px; }
.h150 { height: 150px; }

.img_text { width:500px; height:100px; }

.lh55 { line-height: 55px; }

.cal_picker {
  background-image: url(#{$admin_img_path}icon_calendar.png);
  background-repeat: no-repeat;
  background-position: right 8% center;
}

.error {
  margin: 10px 0px;
  max-height: 150px;
  overflow: auto;
  color: red;

   & li {
      list-style: none;
   }
}

.ta {
  &50 {
    width: 500px;
    height: 100px;
  }
  &500 {
    width: 600px;
    height: 100px;
  }
}

.btn_allcheck {
  margin: 10px 10px 0px 10px;
}

.edit_facilirty_btn, .edit_vendor_btn, .edit_news_btn, .edit_store_btn {
  margin: 5px 10px;
  border-radius: 5px;
  background: linear-gradient(to bottom, #FFFFFF, #FBCADC);
  border: 1px solid #FF3D9F;
  color: #FF3D9F;
  padding: 10px 30px;
  &:hover {
    color: #FF3D9F !important;
    opacity: 0.8;
  }
}
.del_facilirty_btn, .del_vendor_btn, .del_news_btn, .del_store_btn, del_recommend_btn {
  margin: 5px 10px;
  border-radius: 5px;
  background: linear-gradient(to bottom, #999999, #858585);
  border: 1px solid #737373;
  color: #FFFFFF;
  padding: 10px 30px;
  &:hover {
    color: #FFFFFF !important;
    opacity: 0.8;
  }
}


#modal_main {
  margin: 15px 15px;
}

.search_area {

  &__table {
    width: 100%;

    & th, td {
      padding: 5px 5px;
      border: 1px solid #C5C295;
    }

    & th {
      width:20%;
      background: #F7FBFF;
      text-align: center;
    }

    & td {
      width: 30%;
      background: $white;

      & select {
        width:100%;
      }
    }
  }
}

.search_filter {
    margin-top: 10px;
    width: 50%;
    &__table {
      width: 100%;

      & th, td {
        padding: 5px 5px;
        border: 1px solid #C5C295;
      }

      & th {
        width:30%;
        background: #F7FBFF;
        text-align: center;
        line-height: 15px;
      }

      & td {
        width: 70%;
        background: $white;

        & input[type="text"] {
          width:100%;
        }
      }
    }
}
.footer__btn-list {
    margin-top: 15px;
    & p {
        border: 1px solid #d9d9d9;
        margin: 0;
        margin-right: 15px;
    }
    & .btn_select,
    & .btn_close,
    & .btn_delete {
        display: block;
        padding: 5px 10px;
        border: 1px solid #ffffff;
        background: linear-gradient(to bottom, #e0e0e0, #d0d0d0);
    }
}

.activeLine {
  background: rgb(230, 240, 91) !important;
}

.activeStation {
  background: rgb(230, 240, 91) !important;
}

.modal_contents {
  margin-top: 10px;

  &__left {
    width:60%;
    margin-right: 15px;
    max-height: 540px;
    overflow: auto;

    & table {
      width: 100%;
      table-layout:fixed;

      & thead, tbody{

      }

      & tbody {
        overflow-y:scroll;
        max-height:400px;
      }

      & tr:nth-child(2n){
        background:#F1F6DD;
      }

      & th, td {
        table-layout:fixed;
        padding: 5px 5px;
        border: 1px solid #C5C295;
      }

      & .left_th {
        width: 180px;
        text-align: center;
      }
      & th {
        width: 185px;
        background: linear-gradient(#F4F8FF, #EBEDD1);
      }

      & td {
        width: 250px;
      }
    }
  }

  &__right {
    width: 44%;

    & table {
      width: 100%;
      table-layout:fixed;
      margin-bottom:10px;

      & thead, tbody{

      }

      & tbody {
        overflow-y:scroll;
        max-height:300px;
      }

      & tr:last-child td {
        border: 1px solid #C5C295;
      }

      & th, td {
        table-layout:fixed;
        padding: 5px 5px;
        border: 1px solid #C5C295;
      }

      & .right_th {
        background: #F7FBFF;
      }
      & .right_td {


        & ul {
          list-style: none;
          padding-left: 0px;

          & li {
            height:25px;
          }
        }
      }
      & th {
        width: 87px;
        text-align: center;

      }

      & td {
        background: $white;
      }

      & .activeLine {

      }
    }
  }
}

.news_list {
  & .news_new_btn {
    display: block;
    margin: 10px 0;
  }
  & table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom:10px;


    & thead, tbody{

    }

    & tbody {
      overflow-y:scroll;
      max-height:300px;
    }

    & tr:last-child td {
      border: 1px solid #C5C295;
    }

    & th, td {
      table-layout:fixed;
      padding: 5px 5px;
      border: 1px solid #C5C295;
      word-break: break-all;
    }

    & th {
      text-align: center;
      background: #8596AA;
      color: $white;

    }

    & td {
      background: $white;
    }
  }
}

.recommend_text {
  font-size: 20px;
  margin-right: 30px;
  color: #251749;
}
.recommend_text_sub {
  color: #00BBB8;
}
.recommend_save_btn {
  color: #00BBB8;
  border: 1px solid #00BBB8;
  padding: 5px 10px;
  display: inline-block;
  margin-bottom: 10px;
  background: #FFFFFF;

  &:hover {
    color: #00BBB8;
  }
}
.recommend_list {
  margin-top: 10px;

  & .news_new_btn {
    display: block;
    margin: 10px 0;
  }
  & table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom:10px;

    & .even {
      background: #F1FDFE;
    }

    & .odd {
      background: #FFFFFF;
    }


    & .price_text {
      font-size:18px;
      color: #FF007C;
    }


    & thead, tbody{

    }

    & tbody {
      overflow-y:scroll;
      max-height:300px;
    }

    & tr:last-child td {
      border: 1px solid #C5C295;
    }

    & th, td {
      table-layout:fixed;
      padding: 5px 5px;
      border: 1px solid #C5C295;
      word-break: break-all;
    }

    & th {
      text-align: center;
      background: #8596AA;
      color: $white;

    }

    & td {

    }

    & .rank_td {
      background: #8596AA;
      color: $white;
    }
  }
}
.site_reference {
  margin: 5px 10px;
  border-radius: 5px;
  background: linear-gradient(to bottom, #ffffff, #d3f6f6);
  border: 1px solid #00c8c8;
  color: #00c8c8;
  padding: 0px 30px;
  position: relative;
  width: 152px;
  cursor: pointer;
}
.reform_list {
  margin-top: 10px;

  & .news_new_btn {
    display: block;
    margin: 10px 0;
  }
  & table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom:10px;

    & .even {
      background: #F1FDFE;
    }

    & .odd {
      background: #FFFFFF;
    }

    & .price_text {
      font-size:18px;
      color: #FF007C;
    }


    & thead, tbody{

    }

    & tbody {
      overflow-y:scroll;
      max-height:300px;
    }

    & tr:last-child td {
      border: 1px solid #C5C295;
    }

    & th, td {
      table-layout:fixed;
      padding: 5px 5px;
      border: 1px solid #C5C295;
      word-break: break-all;
    }

    & th {
      text-align: center;
      background: #8596AA;
      color: $white;

    }

    & td {
    }

    & .rank_td {
      background: #8596AA;
      color: $white;
    }
  }
}

.store_list {
  & .store_new_btn {
    display: block;
    margin: 10px 0;
  }
  & table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom:10px;


    & thead, tbody{

    }

    & tbody {
      overflow-y:scroll;
      max-height:300px;
    }

    & tr:last-child td {
      border: 1px solid #C5C295;
    }

    & th, td {
      table-layout:fixed;
      padding: 5px 5px;
      border: 1px solid #C5C295;
      word-break: break-all;
    }

    & th {
      text-align: center;
      background: #F7FBFF;

    }

    & td {
      background: $white;
    }
  }
}

.user_list {
  & table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom:10px;

    & thead, tbody{

    }

    & tbody {
      overflow-y:scroll;
      max-height:300px;
    }

    & tr:last-child td {
      border: 1px solid #C5C295;
    }

    & th, td {
      padding: 5px 5px;
      border: 1px solid #C5C295;
    }

    & th {
      text-align: center;
      background: #F7FBFF;

    }

    & td {
      background: $white;
    }
  }
}
.target_link_id {
  color: blue;
  text-decoration: underline;
}
.facility_list {

  & table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom:10px;

    & thead, tbody{

    }

    & tbody {
      overflow-y:scroll;
      max-height:300px;
    }

    & tr:last-child td {
      border: 1px solid #C5C295;
    }

    & th, td {
      padding: 5px 5px;
      border: 1px solid #C5C295;
    }

    & th {
      text-align: center;
      background: #F7FBFF;

    }

    & td {
      background: $white;
    }
  }
}

.mansion_list {

  & .mansion_info {
    width: 100%;
    border-collapse: collapse;
    margin-bottom:10px;

    & thead, tbody{

    }

    & tbody {
      overflow-y:scroll;
      max-height:300px;
    }

    & th, td {
      padding: 5px 5px;
      border: 1px solid #C5C295;
    }

    & th {
      text-align: center;
      background: #F7FBFF;

    }

    & td {
      background: $white;
    }

     & .room_td {
       padding: 0;
     }
  }

  & .room_info {
    width: 100%;
    border-collapse: collapse;

    & thead, tbody{

    }

    & tbody {
      overflow-y:scroll;
      max-height:300px;
    }

    & th, td {
      padding: 5px 5px;
      border: 1px solid #C5C295;
    }

    & th {
      text-align: center;
      background: #210F54;
      color: $white;

      & .close_room_list {
        color: $white;
      }
    }

    & td {
      background: $white;
    }
  }
}
.lot_list {

  & .lot_info {
    width: 100%;
    border-collapse: collapse;
    margin-bottom:10px;

    & thead, tbody{

    }

    & tbody {
      overflow-y:scroll;
      max-height:300px;
    }

    & th, td {
      padding: 5px 5px;
      border: 1px solid #C5C295;
    }

    & th {
      text-align: center;
      background: #F7FBFF;

    }

    & td {
      background: $white;
    }

     & .article_td {
       padding: 0;
     }
  }

  & .article_info {
    width: 100%;
    border-collapse: collapse;

    & thead, tbody{

    }

    & tbody {
      overflow-y:scroll;
      max-height:300px;
    }

    & th, td {
      padding: 5px 5px;
      border: 1px solid #C5C295;
    }

    & th {
      text-align: center;
      background: #210F54;
      color: $white;

      & .close_article_list {
        color: $white;
      }
    }

    & td {
      background: $white;
    }
  }
}
.news_regist {
  & table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom:10px;

    & thead, tbody{

    }

    & tbody {
      overflow-y:scroll;
      max-height:300px;
    }

    & tr:last-child td {
      border: 1px solid #C5C295;
    }

    & th, td {
      padding: 5px 5px;
      border: 1px solid #C5C295;
    }

    & th {
      background: #F7FBFF;
      vertical-align: baseline;

    }

    & td {
      background: $white;
    }
  }
  & .news_link {
    width:130px;
  }
  & .news_detail_area {
    margin-left: 150px;
    & dt {
      margin-bottom: 10px;
    }
  }
}

.store_regist {
  & table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom:10px;

    & thead, tbody{

    }

    & tbody {
      overflow-y:scroll;
      max-height:300px;
    }

    & tr:last-child td {
      border: 1px solid #C5C295;
    }

    & th, td {
      padding: 5px 5px;
      border: 1px solid #C5C295;
    }

    & th {
      background: #F7FBFF;

    }

    & td {
      background: $white;
    }
  }
  & .store_link {
    width:130px;
  }
  & .store_detail_area {
    margin-left: 150px;
    & dt {
      margin-bottom: 10px;
    }
  }
}

.facility_regist {
  & table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom:10px;

    & thead, tbody{

    }

    & tbody {
      overflow-y:scroll;
      max-height:300px;
    }

    & tr:last-child td {
      border: 1px solid #C5C295;
    }

    & th, td {
      padding: 5px 5px;
      border: 1px solid #C5C295;
    }

    & th {
      background: #F7FBFF;

    }

    & td {
      background: $white;
    }

    & .facility_image_area {
      margin-bottom: 10px;
      & > div {
        margin: 0 auto;
      }

      &_sub {
        text-align: center;
      }
    }
  }
  & .news_link {
    width:130px;
  }
  & .news_detail_area {
    margin-left: 150px;
    & dt {
      margin-bottom: 10px;
    }
  }
}








.user_regist {
  & table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom:10px;

    & thead, tbody{

    }

    & tbody {
      overflow-y:scroll;
      max-height:300px;
    }

    & tr:last-child td {
      border: 1px solid #C5C295;
    }

    & th, td {
      table-layout:fixed;
      padding: 5px 5px;
      border: 1px solid #C5C295;
    }

    & th {
      background: #F7FBFF;

    }

    & td {
      background: $white;
    }
  }
}

.search_vendor {
  & table {
    width: 100%;
    border-collapse: collapse;

    & thead, tbody{

    }

    & tbody {
      overflow-y:scroll;
      max-height:300px;
    }

    & tr:last-child td {
      border: 1px solid #C5C295;
    }

    & th, td {
      table-layout:fixed;
      padding: 5px 5px;
      border: 1px solid #C5C295;
    }

    & th {

      text-align: center;
      background: #F1F8EA;

    }

    & td {
      background: $white;
    }
  }
  &_div {
    background:#DFE4C8;
  }
}

.loading {
  &_hide {
    display: none;
  }
  &_disp {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    background-image: url(#{$admin_img_path}loading.gif);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: 100px 100px;
    z-index: 100;
  }
}

.pager-total {
  font-size:20px;
}
.pagination {
    margin: 0;
    list-style: none;
    display: flex;
    padding: 0;
}
.pagination .page-link {
    width: 30px;
    height: 27px;
    text-align: center;
    display: block;
    margin: 0;
}

.p-mansion-search {
  &__build {
    margin: 5px 10px;
    border-radius: 5px;
    background: linear-gradient(to bottom, #FFFFFF, #FBCADC);
    border: 1px solid #FF3D9F;
    color: #FF3D9F;
    padding: 10px 30px;
  }

  &__room {
    margin: 5px 10px;
    border-radius: 5px;
    background: linear-gradient(to bottom, #ffffff, #d3f6f6);
    border: 1px solid #00c8c8;
    color: #00c8c8;
    padding: 10px 30px;
    position: relative;
    cursor: pointer;
  }

  &__open {
    margin: 5px 10px;
    border-radius: 5px;
    background: linear-gradient(to bottom, #ffffff, #d3f6f6);
    border: 1px solid #00c8c8;
    color: #00c8c8;
    padding: 10px 30px;
    position: relative;
    cursor: pointer;
  }
}

.regist-facility {
 
  &__list {

    & dt {
      float: left;
      width: 30%;
    }

    & dd {

      &:after{
        display: block;
        content: "";
        clear: both;
      }
    }
  }
  &__w70 {
    width:70px;
  }

  & button {
    margin: 5px 10px;
    border-radius: 5px;
    background: linear-gradient(to bottom, #ffffff, #d3f6f6);
    border: 1px solid #00c8c8;
    color: #00c8c8;
    padding: 10px 30px;
    position: relative;
    width: 165px;
    cursor: pointer;
  }
}

.edit_building_btn { 
  margin: 5px 10px;
    border-radius: 5px;
    background: linear-gradient(to bottom, #FFFFFF, #FBCADC);
    border: 1px solid #FF3D9F;
    color: #FF3D9F;
    padding: 10px 30px;
}

.lot_even {
  & td {
    background: #F1FDFE !important;
  }
}