.ul_icon li > * {
  margin-right: 10px;
}

.ul_flex h5 {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 0px;
}

.ul_icon li {
  margin-right: 10px;
  display: flex;
  border-right: 1px solid #e9e9e9;
}

.l-case-info .ul_icon {
  padding: 10px;
}

.ul_icon i img {
  margin: 3px 2px;
  width: 14px;
  height: 14px;
}

.ul_icon li:last-child {
  position: absolute;
  right: 0px;
  border-right: 0px solid;
}

#div-task-tab {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 40px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

#bottom-tab-area {
  overflow-x: auto;
  white-space: nowrap;
  padding: 4px 10px;
  -ms-overflow-style: none;
  width: calc(100% - 80px);
}

#bottom-tab-area::-webkit-scrollbar {
  display: none;
}

#bottom-tab-func {
  width: 80px;
  padding: 2px;
  border-left: 1px solid #ececec;
}
#bottom-tab-func li {
  display: inline-block;
  padding: 4px 4px;
  color: #6e7383;
  cursor: pointer;
}
#bottom-tab-func li button {
  width: 24px;
  height: 24px;
  background-size: 24px !important;
}

#div-legend {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 30px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

#legend_container {
  overflow-x: auto;
  white-space: nowrap;
  padding: 4px 10px;
  -ms-overflow-style: none;
  width: calc(100% - 80px);
}

#legend_container::-webkit-scrollbar {
  display: none;
}

.legend_icon {
  display: block;
}

.ul_select {
  width: 100%;
  height: 40px;
}

.ul_select li {
  display: inline-block;
  padding: 4px 5px 4px 5px;
  margin-right: 8px;
  border: 1px solid #ececec;
  color: #6e7383;
  cursor: pointer;
}

.ul_select .active {
  border: 1px solid #c04c1d;
  color: #c04c1d;
}

.ul_select li .selected {
  color: #c04c1d;
  text-decoration: none;
}

.ul_select li a {
  padding: 5px 50px 5px 5px;
  color: #6e7383;
}

.ul_select li img {
  margin-top: 2px;
  right: 10px;
  width: 14px;
}

.ul_select li .disable {
  display: none;
}

.tab_fully {
  width: 100%;
}

.tab_equally {
  width: 33%;
  height: calc(100% - 80px);
}

.tab_w_tabbar {
  height: calc(100% - 80px);
}

.tab_no_tabbar {
  height: calc(100% - 40px);
  margin: 7px 0;
}

.tab_equally_inner {
  width: 100%;
  padding: 10px 10px 0;
}
.tab_equally_inner li {
  cursor: pointer;
}

.tab_equally_inner a.tab_spec {
  background: #fef8f4;
  color: #c04c1d;
  border: 1px solid #c04c1d;
}

.tab_equally_inner a {
  padding: 5px;
  text-align: center;
  background: #fff;
  border: 1px solid #ececec;
  border-bottom: 1px solid #c04c1d;
  color: #9ea2ac;
  font-weight: bold;
  display: block;
}

.tab_left_inner li {
  width: 33.33%;
}

.tab_box {
  height: calc(100% - 50px);
  margin: -1px 10px 10px;
  border: 1px solid #c04c1d;
  z-index: 100;
  overflow: auto;
  align-content: flex-start;
}

.right_box, .left_box {
  display: none;
}

.left_box_e, .right_box_e {
  display: flex;
}

div.left_box_e {
  display: block;
}

.tab_box li h5, .tab_box div h5 {
  width: calc(100% - 60px);
  font-weight: bold;
  font-size: 15px;
  line-height: 30px;
}

.tab_box li:nth-child(2n+1) {
  padding: 5px 5px 5px;
  background: #f5f8fa;
}

.tab_box li:nth-child(2n) {
  padding: 5px 5px 5px;
  background: #fff;
}

.tab_box li {
  width: 100%;
  display: flex;
}

.tab_box table {
  width: 100%;
}

.tab_box table p {
  font-size: 15px;
  margin-block-start: 0;
  margin-block-end: 0;
}

.tab_box table img {
  width: 24px;
  height: 24px;
}

.tab_box .p_title {
  width: 120px;
  color: #4e6d96;
  font-weight: bold;
}

.tab_box .p_value {
  width: calc(100% - 120px);
}

.tab_box .p_form_title {
  width: 150px;
  color: #4e6d96;
  font-weight: bold;
  line-height: 24px;
  margin: 2px 5px;
  text-align: right;
}

.tab_box .p_form_value {
  width: calc(100% - 160px);
  color: #000000;
  font-weight: bold;
  line-height: 24px;
  margin: 2px 5px;
  text-align: left;
}

.tab_box .p_two_form_value {
  width: calc(50% - 160px);
  color: #000000;
  font-weight: bold;
  line-height: 24px;
  margin: 2px 5px;
  text-align: left;
}

.tab_box .p_column_value {
  width: calc(100% - 210px);
}

.tab_box .p_two_column_value {
  width: calc(50% - 160px);
}

.tab_box .table .footable-toggle {
  padding: 5px 5px;
}

.tab_left {
  width: 350px;
}

.tab_right {
  width: calc(100% - 350px);
}

.b_content_inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.tab_box table th, .tab_box table td, .tab_box table span {
  /* padding: 10px 5px; */
  border-bottom: 1px solid #ececec;
  font-size: 15px;
}

.filename-column {
  overflow: hidden;
  white-space: nowrap;
}

.attachment-title {
  margin: 0 !important;
  padding: 7px !important;
  font-weight: bold;
  font-size: 15px;
}

.attachment-row {
  margin: 0 !important;
  padding: 0 5px !important;
  border-bottom: 1px solid #ECECEC;
}
.attachment-row span {
  padding: 0 5px;
  border-left: 1px solid #ECECEC;
}

.ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
  cursor: move;
}

.ui-dialog-content {
  position: relative;
  border: 0;
  padding: 1em 1em;
  background: 0;
}

.ui-dialog-titlebar-close {
  font-weight: 400;
  color: #555;
  position: absolute;
  right: 0.3em;
  top: 50%;
  margin: -11px 0 0 0;
  padding: 1px;
  width: 25px;
  height: 25px;
  background: url(../../../images/btn_close.png);
  background-size: 100%;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
  border: 1px solid #d3d3d3;
  font-weight: 400;
  color: #555;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.dm-uploader {
  border: 0.25rem dashed #A5A5C7;
  text-align: center;
  width: 100%;
}

.dm-uploader h3 {
  padding: 0;
}

.draw_polygon {
  margin-top: 2px;
  width: 120px;
  height: 28px;
  padding: 5px 0;
  background: #7cb342;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  border-radius: 5px;
  border: 1px solid #7cb342;
}

.draw_polygon_done {
  margin-top: 2px;
  width: 120px;
  height: 28px;
  padding: 5px 0;
  background: transparent;
  color: #7cb342;
  font-size: 15px;
  font-weight: bold;
  border-radius: 5px;
  border: 1px solid #7cb342;
}

.table_checkbox {
  -webkit-appearance: checkbox;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.checkall {
  cursor: pointer;
}

.checkall_text {
  padding: 0px 5px;
  border-radius: 5px;
  border: 1px solid transparent;
  cursor: default;
}

.checkall_enable {
  border: 1px solid #238DFF !important;
  cursor: pointer;
}

.checkall_selected {
  background-color: #238DFF;
  color: white;
}

.table_textbox {
  -webkit-appearance: textfield;
  padding: 0px !important;
}

.form-field {
  padding: 0px 4px !important;
  -webkit-appearance: textfield;
}

.btn_gray {
  width: 25px;
  height: 25px;
  background-color: #F3F2F2;
  border-radius: 5px;
  display: none;
}

.btn_draft {
  margin-top: 2px;
  width: 60px;
  height: 28px;
  padding: 5px 0;
  background: #09336c;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  border-radius: 5px;
}

#dialog-confirm {
  display: contents;
}

#device-menu .footable td {
  height: 20px;
  padding: 0px !important;
}

.tab_box li.freezeThead {
  height: calc(100% - 55px);
  overflow: auto;
  padding: 0;
}

#bottombox_form_list thead {
  position: sticky;
  top: 0;
  background-color: white;
}

#bottombox_form_list tbody .footable-last-visible {
  padding: 0px !important;
}/*# sourceMappingURL=bottombox.css.map */

.filter-container-cover button:nth-child(1) {
  background-color: #c04c1d;
  border: 0;
}
.filter-container-cover .form-control:focus {
  box-shadow: none;
}
.filter-container-cover .btn:focus {
  box-shadow: none;
}/*# sourceMappingURL=bottombox.css.map */


.switch { /*==�]�w�}���s�����e==*/
  position: relative;
  width: 65px;
  height: 30px;
  line-height: 30px;
  margin-top: 5px;
  right: 10px;
}

.switch-checkbox {
  position: absolute;
  display: none;
}

.switch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 20px;
}

.switch-txt {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

.switch-txt::before,
.switch-txt::after {
  display: block;
  float: right;
  width: 50%;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  box-sizing: border-box;
}

/*==�}���s����(�}�Ү�)==*/
.switch-txt::after {
  content: attr(turnOn);
  padding-left: 5px;
  background: #1ba0ef;
  color: #fff;
}

/*�}���s����(������)*/
.switch-txt::before {
  content: attr(turnOff);
  padding-right: 10px;
  background: #eee;
  color: #a3a3a3;
  text-align: right;
}

/*==�}���s���C��P�j�p==*/
.switch-Round-btn {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  margin: 1px;
  background: #fff;
  top: 0;
  bottom: 0;
  right: 42.5px;
  border-radius: 13px;
  transition: all 0.3s ease-in 0s;
}

.switch-checkbox:checked + .switch-label .switch-txt {
  margin-left: 0;
}

.switch-checkbox:checked + .switch-label .switch-Round-btn {
  right: 0;
}