body, html {
  position: relative;
  height: auto;
  background: #F0F0F0;
  font-family: "Noto Sans JP", sans-serif;
}

.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
}

.ui-sortable-helper {
  display: flex;
  background: #CCEAF7;
}
.ui-sortable-helper td {
  margin: auto;
  border-top: 0 !important;
}

.wp-50 {
  width: 50% !important;
}

.wp-40 {
  width: 40% !important;
}

.wp-10 {
  width: 10% !important;
}

.wp-15 {
  width: 15%;
}

.wp-20 {
  width: 20% !important;
}

.position-relative {
  position: relative;
}

.position-initial {
  position: initial;
}

.position-absolute {
  position: absolute;
}

.r-10 {
  right: 10px !important;
}

.l-0 {
  left: 0px !important;
}

.l-240 {
  left: 240px !important;
}

.r-0 {
  right: 0px !important;
}

.b-0 {
  bottom: 0px !important;
}

.float-right {
  float: right !important;
}



.fancytree-container {
  border: none !important;
  font-size: 14px !important;
  font-family: unset !important;
  color: #00AAE7 !important;
  /*margin: 0 15px !important;*/
}

.fancytree-node {
  padding: 5px 0;
}

ul[role='group'] li[role='treeitem'] {
  border-collapse: collapse;
  /*border-bottom: black 1px solid;*/
  /*border-top: black 1px solid;*/
}
.fancytree-container,
span.fancytree-focused span.fancytree-title
{
  outline: 0 !important;
}

span.fancytree-active span.fancytree-title, span.fancytree-selected span.fancytree-title {
  background: unset !important;
  color: #111111 !important;
  font-style: unset !important;
}

tr.fancytree-active, tr.fancytree-selected, tr.fancytree-focused {
  background: unset !important;
  font-style: unset !important;
}

.fancytree-folder span.fancytree-expander:after {

  content: "\e080";

}
.fancytree-folder.fancytree-expanded span.fancytree-expander:after {
  content:"\e114";
}

 span.fancytree-icon:after {
  content: "\e121";
}

.fancytree-folder span.fancytree-icon:after {
  content:"\e117";
}
.fancytree-folder.fancytree-expanded span.fancytree-icon:after {
  content:"\e118";
}

span.fancytree-checkbox:after {
  content:"\e157";
}

.fancytree-selected  span.fancytree-checkbox:after {
  content:"\e067";
}

.fancytree-expander, .fancytree-icon, .fancytree-checkbox {
  font-family: "Glyphicons Halflings" !important;
  background-image: none !important;
  font-size: 16px !important;
}

.fancytree-container .glyphicon {
  font-size: 16px !important;
  color: #00AAE7 !important;
}

table.fancytree-container th, table.fancytree-container td{
    padding: 5px;
}

.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title {
  font-weight: unset !important;
}

.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title {
  font-weight: unset !important;
}

.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
  color: #111111 !important;
}


ul.fancytree-container li {
  line-height: 30px;
}

.text-hover:hover {
  color: #00AAE7;
}

.text-middel {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bg-none {
  background: transparent !important;
}

.color-gray {
  color: #999999;
}

.color-blue {
  color: #00AAE7;
}

.fz-16 {
  font-size: 16px !important;
}

.fz-18 {
  font-size: 18px !important;
}

.fz-30 {
  font-size: 30px !important;
}

.fz-13 {
  font-size: 13px !important;
}

.fz-10 {
  font-size: 10px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-110 {
  margin-bottom: 110px !important;
}

.m-0 {
  margin: 0px !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pt-14 {
  padding-top: 14px !important;
}

.pt-7 {
  padding-top: 7px !important;
}

.pt-10 {
  padding-top: 10px !important;
}
.pt-20 {
  padding-top: 20px !important;
}

.pt-50 {
  padding-top: 25px !important;
}

.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.pb-110 {
  padding-bottom: 110px !important;
}

.p-0 {
  padding: 0px !important;
}

.form-login input {
  border: 2px #00AAE7 solid;
  height: 50px;
  font-size: 20px;
}
.form-login input::placeholder {
  color: #D2D2D2;
}
.form-login .btn-login {
  background: #00AAE7;
  color: #fff;
  padding: 13px 50px;
  border-radius: 23px;
}

.navbar-dark {
  background: #555555;
  border-radius: 0;
  position: absolute;
  width: 100%;
}
.navbar-dark a {
  color: #ffffff;
}
.navbar-dark .btn-blue {
  background: #00AAE7;
  padding: 0px 10px;
  border-radius: 10px;
}
.navbar-dark .btn-blue:hover {
  background: #ffffff;
  color: #00AAE7;
}
.navbar-dark .nav > li {
  float: left;
}
.navbar-dark .navbar-toggle {
  cursor: pointer;
  margin-right: 0px;
}
.navbar-dark .navbar-toggle .icon-bar {
  background-color: #ccc;
}
.navbar-dark .dropdown {
  float: left;
}
.navbar-dark .dropdown .btn-dropdown {
  color: #fff;
  padding: 6px 0px;
}
.navbar-dark .dropdown .btn-dropdown:hover {
  color: #00AAE7;
}

.navbar {
  margin-bottom: 0px;
}

.main-sidebar {
  width: 240px;
  background: #fff;
  min-height: 100vh;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 4;
}
.main-sidebar .sidebar-menu {
  padding: 10px;
}
.main-sidebar .sidebar-menu ul {
  padding: 15px 0 25px;
}
.main-sidebar .sidebar-menu ul li {
  margin: 10px 0;
  color: #fff;
  list-style: none;
  background: #999999;
  padding: 10px;
  border-radius: 4px;
}
.main-sidebar .sidebar-menu ul li a {
  text-decoration: none;
  color: #fff;
  padding: 10px;
  display: inline-block;
  width: 100%;
}
.main-sidebar .sidebar-menu ul li a.menu_primary {
	padding: 20px 8px;
}
.main-sidebar .sidebar-menu ul li.active {
  background: #00AAE7;
}
.main-sidebar .sidebar-menu ul li:hover {
  background: #00AAE7;
  cursor: pointer;
}
.main-sidebar .sidebar-logo {
  margin-top: 30px;
	text-align: center;
}
.main-sidebar .sidebar-logo a {
	display: inline-block;
	padding: 10px;
}

.main-content {
  width: 100%;
  min-height: 100%;
  padding-left: 240px;
  padding-top: 60px;
}
.main-content .container-fluid {
  height: 100%;
  min-height: 100%;
}
.main-content .container-fluid .content {
  height: 100%;
  padding-bottom: 40px;
}
.main-content .container-fluid .content .form-terminal {
  height: 100%;
  padding-bottom: 70px;
}
.main-content .container-fluid .content .form-terminal .btn-edit-terminal {
  width: 150px;
  border-radius: 10px;
  background: #00AAE7;
  color: #fff;
}
.main-content .container-fluid .content .table-list thead tr th {
  font-weight: 300;
  border: 0px;
  vertical-align: middle;
}
.main-content .container-fluid .content .table-list tbody {
  background: #fff;
}
.main-content .container-fluid .content .table-list tbody tr td {
  border-top: 2px solid #F0F0F0;
  vertical-align: middle;
}
.main-content .container-fluid .content .table-list tbody tr .order_display {
  cursor: move;
}
.main-content .container-fluid .content .table-list tbody tr .remove_content {
  cursor: pointer;
}
.main-content .container-fluid .content .table-list tbody tr .display_content {
  cursor: pointer;
}
.main-content .container-fluid .content .table-list tbody tr:hover {
  background: #CCEAF7;
}
.main-content .container-fluid .content .box {
  background: #fff;
  border: #E9E9E9 1px solid;
  border-radius: 4px;
  width: 100%;
  padding: 10px 15px;
}
.main-content .container-fluid .content .box .box-device {
  border-bottom: 1px #E9E9E9 solid;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
}
.main-content .container-fluid .content .box .box-device .input-device {
  height: 26px;
  border: 0;
  background: #F0F0F0;
}
.main-content .container-fluid .content .btn-cancel {
  width: 100px;
  padding: 5px 0;
  background: #999999;
  color: #fff;
  margin-bottom: 5px;
}
.main-content .container-fluid .content .btn-edit {
  width: 100px;
  padding: 5px 0px;
  background: #00AAE7;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 5px;
}
.main-content .container-fluid .content .btn-search {
  width: 100px;
  padding: 1px;
  background: #00AAE7;
  color: #fff;
}
.main-content .container-fluid .content .input-search {
  height: 24px;
  border-radius: 0px;
}
.main-content .container-fluid .content .title-box {
  padding-top: 10px;
  padding-bottom: 10px;
}
.main-content .container-fluid .content .chatbox .box-chat {
  position: relative;
  margin-bottom: 20px;
}
.main-content .container-fluid .content .chatbox .box-chat .chat-avatar {
  float: left;
}
.main-content .container-fluid .content .chatbox .box-chat .text-time {
  position: absolute;
  bottom: 0;
  margin-left: 10px;
}
.main-content .container-fluid .content .chatbox .box-chat .chat-content {
  display: inline-block;
  margin-left: 10px;
  background: #CCEAF7;
  padding: 10px;
  border-radius: 10px;
}
.main-content .container-fluid .content .chatbox .box-chat .chat-content .btn {
  width: 200px;
  padding: 8px;
  color: #fff;
  border-radius: 16px;
}
.main-content .container-fluid .content .chatbox .box-chat .chat-content .btn-content-blue {
  margin-top: 10px;
  background: #00AAE7;
}
.main-content .container-fluid .content .chatbox .box-chat .chat-content .btn-content-white {
  background: #fff;
  color: #00AAE7;
  border: #00AAE7 solid 1px;
}
.main-content .container-fluid .content .chatbox .box-chat-right .chat-content {
  background: #DEE5E7;
}
.company-name{
  padding-left: 240px;
  color: #fff;
  padding-top: 17px;
}
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: #F0F0F0;
  margin-top: -2px;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #73C6E9;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

.object-fit-cover {
  object-fit: cover !important;
}
.h-60 {
  height: 60px !important;
}
.w-100 {
  width: 100px !important;
}

.progress {
  position: relative;
}

.progress .progress-text {
  position: absolute;
  display: block;
  width: 100%;
  color: black;
}

@media (max-width: 992px) {
  .l-xs-0 {
    left: 0 !important;
  }

  .mt-sm-0 {
    margin-top: 0px !important;
  }

  .mt-xs-20 {
    margin-top: 20px !important;
  }

  .mb-sm-30 {
    margin-bottom: 30px !important;
  }

  .main-content {
    padding-left: 0px;
  }
  .main-content .form-terminal {
    padding-bottom: 0px !important;
  }
  .main-content .chatbox .box-chat .chat-content .btn {
    width: 165px !important;
  }

  .text-middel.position-absolute {
    position: relative !important;
  }

  .main-sidebar {
    display: none;
  }

  .nav-desktop {
    display: none;
  }

  .nav-mobile {
    display: block;
  }

  .box {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .text-center-xs {
    text-align: center;
  }

  .navbar-toggle {
    display: block !important;
  }

  .position-initial-xs {
    position: initial !important;
  }
}

@media (min-width: 992px) {
  .main-sidebar {
    display: block;
  }
  .nav-desktop {
    display: block;
  }

  .nav-mobile {
    display: none;
  }
}
@media (max-width: 992px) {
  .main-sidebar {
    display: none;
}}

.table-list thead tr th.sorting2 {
  cursor: pointer;
}
.table-list thead tr th.sorting2:after {
  opacity: 0.2;
  content: "\e150";
  font-family: 'Glyphicons Halflings';
  vertical-align: middle;
  padding-left: 10px;
}
.table-list thead tr th.sorting2.asc:after {
  content: "\e155";
  opacity: 0.5;
}
.table-list thead tr th.sorting2.desc:after {
  content: "\e156";
  opacity: 0.5;
}

label.checkbox-blue {
  font-family: "Glyphicons Halflings";
  color: #00AAE7 !important;
  font-size: 1.8em;
  font-weight: normal;
  margin-bottom: 0;
}
label.checkbox-blue:after {
  content: "\e157";
}
label.checkbox-blue.checked:after {
  content: "\e067";
}

.btn-lock {
  cursor: pointer;
  opacity: 0;
}
tr:hover .btn-lock {
  opacity: 0.5;
}
.btn-lock.active,
tr:hover .btn-lock.active {
  opacity: 1;
}

.pointer {
  cursor: pointer;
}

.modal {
  z-index: 1050 !important;
}

.btn-disabled {
  filter: grayscale(1);
}

tr.tr-gray {
  background: lightgray;
}

td.td-gray {
  background: lightgray;
}
td.text-center {
  text-align: center;
}

/** Data table overwrite */
table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  position: unset;
  display: inline-block;
  padding-left: 10px;
  vertical-align: middle;
}

table.table-fixed {
  table-layout: fixed;
}
table.table-fixed tr td {
  word-break: break-word;
}

/*# sourceMappingURL=styles.css.map */