/* Palette generated by Material Palette - materialpalette.com/blue/teal */
.master-page-include.tables .filter-master {
  position: relative;
  min-width: 260px; }
  .master-page-include.tables .filter-master ul {
    position: absolute;
    width: 100%;
    background: #FFF;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    max-width: 500px;
    visibility: hidden;
    opacity: 0;
    top: 0;
    z-index: 200; }
    .master-page-include.tables .filter-master ul.show {
      top: 100%;
      visibility: visible;
      opacity: 1; }
  .master-page-include.tables .filter-master li {
    margin-right: 1.5rem;
    font-size: .94rem;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    width: 100%;
    padding-left: 1rem;
    border-bottom: 2px transparent solid; }
    .master-page-include.tables .filter-master li:hover {
      background: #f5f5f5; }
    .master-page-include.tables .filter-master li.active {
      color: #F43F49;
      background: #f5f5f5; }
  .master-page-include.tables .filter-master span.selected-category {
    font-size: 1rem;
    line-height: 4rem; }
    .master-page-include.tables .filter-master span.selected-category:before {
      content: attr(label) " : "; }

.master-page-include.tables .list-tables {
  overflow: auto;
  padding: 1rem;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  max-height: calc(100vh - 135px); }
  .master-page-include.tables .list-tables section:hover .i-ctrls i {
    opacity: 1; }
  .master-page-include.tables .list-tables section p {
    margin: 1.5rem 0; }
    .master-page-include.tables .list-tables section p.is-money-text {
      font-size: 1.1rem;
      color: #239d57; }
  .master-page-include.tables .list-tables section .lever {
    margin-left: 0; }
  .master-page-include.tables .list-tables section .status {
    text-align: center;
    line-height: 30px;
    font-weight: 500; }
    .master-page-include.tables .list-tables section .status span {
      position: relative;
      margin-left: 22px; }
    .master-page-include.tables .list-tables section .status span:before, .master-page-include.tables .list-tables section .status span:after {
      content: "";
      position: absolute;
      border-radius: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      left: -15px;
      top: 50%; }
    .master-page-include.tables .list-tables section .status span:before {
      width: 20px;
      height: 20px; }
    .master-page-include.tables .list-tables section .status span:after {
      width: 8px;
      height: 8px; }
    .master-page-include.tables .list-tables section .status.recovery span:before {
      background: rgba(255, 165, 0, 0.3); }
    .master-page-include.tables .list-tables section .status.recovery span:after {
      background: orange; }
    .master-page-include.tables .list-tables section .status.confirmed span {
      color: #208d4e; }
      .master-page-include.tables .list-tables section .status.confirmed span:before {
        background: rgba(39, 174, 96, 0.3); }
      .master-page-include.tables .list-tables section .status.confirmed span:after {
        background: #27AE60; }
    .master-page-include.tables .list-tables section .status.busy span {
      color: red; }
      .master-page-include.tables .list-tables section .status.busy span:before {
        background: rgba(255, 0, 0, 0.3); }
      .master-page-include.tables .list-tables section .status.busy span:after {
        background: red; }
  .master-page-include.tables .list-tables section .history {
    color: #2196F3; }
    .master-page-include.tables .list-tables section .history i {
      font-size: 1.2rem;
      margin-right: 5px; }
  .master-page-include.tables .list-tables section .i-ctrls {
    position: absolute;
    right: 1rem;
    top: 1rem; }
    .master-page-include.tables .list-tables section .i-ctrls i {
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-size: 1rem;
      text-align: center;
      border-radius: 50%;
      color: #2196F3;
      border: 1px solid #f2f2f2;
      cursor: pointer;
      background: #eee;
      opacity: 0;
      margin-left: 5px; }
      .master-page-include.tables .list-tables section .i-ctrls i:hover {
        background: #2196F3;
        color: #FFF; }

.master-page-include.tables .admin-add-new-form .all-inputs .comodities {
  margin-top: 2rem; }
  .master-page-include.tables .admin-add-new-form .all-inputs .comodities p {
    margin: 1rem 0; }
  .master-page-include.tables .admin-add-new-form .all-inputs .comodities li {
    position: relative; }

.master-page-include.tables .xframe-close-click .ima-1 {
  margin-bottom: 1rem; }
  .master-page-include.tables .xframe-close-click .ima-1 h6 {
    font-size: 1.3rem;
    color: #685EFF; }
  .master-page-include.tables .xframe-close-click .ima-1 .price p {
    font-size: 2rem;
    color: #24a259; }
  .master-page-include.tables .xframe-close-click .ima-1 .price span {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 10px;
    margin-left: 4px; }

.master-page-include.tables .xframe-close-click .max-num div {
  margin: 0 10px; }
  .master-page-include.tables .xframe-close-click .max-num div i {
    font-size: 1.2rem;
    margin-left: -3px; }

.master-page-include.tables .xframe-close-click .situation {
  margin: 1.7rem 0; }

.master-page-include.tables .xframe-close-click .room-history {
  border-top: 1px #ddd solid;
  margin-top: 2.5rem;
  padding-top: 1rem; }
  .master-page-include.tables .xframe-close-click .room-history h6 {
    margin-bottom: 1rem;
    color: #2196F3; }
  .master-page-include.tables .xframe-close-click .room-history ul li {
    border-bottom: 1px #eee solid;
    line-height: 3rem;
    cursor: pointer; }
    .master-page-include.tables .xframe-close-click .room-history ul li:hover {
      color: #2196F3;
      border-bottom-color: #2196F3; }

.xm-create-roomPackage .bblocks h6 {
  margin-bottom: 2rem; }

.xm-create-roomPackage .bblocks > div {
  min-width: 320px; }

.xm-create-roomPackage .bblocks .ipts .btn {
  margin: 2rem 0 0; }

.xm-create-roomPackage .bblocks .list-package {
  margin-left: 2rem;
  padding-left: 1rem;
  border-left: 1px #ddd solid; }
  .xm-create-roomPackage .bblocks .list-package h6 {
    margin-left: 1rem; }
  .xm-create-roomPackage .bblocks .list-package li {
    line-height: 3rem;
    padding: 0 1rem; }
    .xm-create-roomPackage .bblocks .list-package li:hover {
      background: #f8f8f8; }
      .xm-create-roomPackage .bblocks .list-package li:hover i {
        opacity: 1; }
    .xm-create-roomPackage .bblocks .list-package li i {
      opacity: 0;
      margin-left: 2rem;
      cursor: pointer; }