@import url("frontend-style/reset-input-box.css");
@import url("frontend-style/topbar.css?v=2");
@import url("frontend-style/broad-layout.css");

body.lock{overflow: hidden;}
a:hover{text-decoration: none;}
a[href="#"]{pointer-events: none;}
.table td, .table th{vertical-align: unset;}

.mob-only{ display:none !important;}

.flex-grow-0{-ms-flex-positive: 0!important; flex-grow: 0!important;}

.btn-r{ border-radius: 2em;}
.btn-w{padding-left: 2em; padding-right: 2em}
.btn-ex{font-size: 2rem; font-weight: bold;}

label{font-weight: bold;}
.req{color:#F00; line-height: 0; vertical-align: super;}
.lang-en{font-size: 0.825em}

.modal:not([aria-hidden=true]){
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	   -ms-flex-align: center!important;
    align-items: center!important;
				-ms-flex-pack: center!important;
    justify-content: center!important;
}
/*.modal-dialog{ width: 96%; max-width: 800px; margin: auto;}*/

.form-fieldset{/*padding: 2em; border: 1px #222 solid;*/ margin-bottom: 2rem; border-bottom: 1px #e5e5e5 solid; }

.fitimg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.err-tips {
    top: 0;
    margin: 0 auto;
   -webkit-transform: translateY(-100%);
 			transform: translateY(-100%);
    padding: 0.5em 1em;
    color: #FFFFFF;
    background-color: #990000;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.25em;
    border-radius: 4px;
    position: absolute;
    z-index: 4;
    box-shadow: 0 1px 8px rgba(0,0,0,0.5);
    display: none;
    text-align: center;
	pointer-events: none;
}

.easy-tips, .easy-tips-down, .easy-tips-up{ position:relative; }

.easy-tips-js, .easy-tips::after, .easy-tips-down::after, .easy-tips-up::after{
	content: attr(aria-label);
	min-width: 120px;
	opacity: 0;
	display: block;
	visibility:hidden;
	background-color: rgba(0,0,0,0.75);
	color:#FFF;
 font-weight: normal;
 font-size: 12px;
	line-height: 1.25em;
	text-align: center;
 border-radius: 4px;
	padding: 0.5em 1em;
	margin: 0 auto;
	position: absolute;
	top: -1px;
	left:50%;
	z-index:3;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	-webkit-transform: translateX(-50%) translateY(-100%);
 transform: translateX(-50%) translateY(-100%);
	transition: 0.5s opacity;
 -webkit-transition: 0.5s opacity;
 -moz-transition: 0.5s opacity;
 -o-transition: 0.5s opacity;
 -ms-transition: 0.5s opacity;
}

.easy-tips-js, .easy-tips:hover::after, .easy-tips-down:hover::after, .easy-tips-up:hover::after{
    visibility:visible; display: block; opacity:1;
}

.easy-tips-js{ z-index: 4; background-color: #009688; }

.easy-tips-down::after{
				top:auto;
				bottom:0;
				-webkit-transform: translateX(-45px) translateY(100%);
 			transform: translateX(-45px) translateY(100%);
}
a[target=_lightbox], .lightbox-gallery a, .gallery-lightbox a{ display:block; position: relative;}
a[target=_lightbox]::after, .lightbox-gallery a::after, .gallery-lightbox a::after{content: ""; width: 64px; height: 64px; border-radius: 50%; text-align: center; color:#FFF; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 1; margin: auto; background-color: rgba(0,0,0,0.75);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' width='36' height='36' viewBox='0 0 256 256'%3E%3Cpath d='M253.8 243.5L168.3 158c14.9-17.3 23.1-39.1 23.1-62.2 0-25.6-10-49.6-28-67.7C145.2 10 121.2 0 95.6 0 70.1 0 46.1 9.9 28 28c-37.3 37.3-37.3 98 0 135.4 18.7 18.7 43.2 28 67.7 28 22.2 0 44.4-7.8 62.2-23.1l85.5 85.6c1.4 1.4 3.3 2.2 5.2 2.2 1.9 0 3.8-.7 5.2-2.2 2.9-2.9 2.9-7.6 0-10.4zM38.4 153c-31.6-31.6-31.6-83 0-114.6C53.7 23.1 74 14.7 95.6 14.7s42 8.4 57.3 23.7c15.3 15.3 23.7 35.6 23.7 57.3 0 21.6-8.4 42-23.7 57.3-31.5 31.6-82.9 31.6-114.5 0z'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; pointer-events: none; opacity: 0;
	transform: scale(1.1);
	transition:0.5s transform, 0.5s opacity;
	-webkit-transition:0.5s transform, 0.5s opacity;
	-moz-transition:0.5s transform, 0.5s opacity;
	-o-transition:0.5s transform, 0.5s opacity;
	-ms-transition:0.5s transform, 0.5s opacity;
}
a[target=_lightbox]:hover::after, .lightbox-gallery a:hover::after, .gallery-lightbox a:hover::after{
    opacity: 1;
    transform: scale(1);
}

.col-auto{padding: 0;}


#member-drawer-checker{ display: block; position: relative; bottom:0; left:0; float: left; width: 1px; height: 1px; margin: 0 -1px 0 0; z-index: 0; opacity: 0 !important; outline: none; clip: rect(1px 1px 1px 1px) !important; clip: rect(1px, 1px, 1px, 1px) !important;}
.drawer-wrapper{position: relative;}
.drawer-toggle{position: relative; z-index: 8;}
.drawer-toggle::after{content: ""; display:inline-block; width: 0; height: 0; border-style: solid; border-width: 10px 6px 0 6px; border-color: currentColor transparent transparent transparent; transform:rotate(0deg); margin-left: 0.5em}
.drawer{position: absolute; top: calc(100% + 10px); right:0; left:0; margin: auto; pointer-events: none; height: 0; overflow: hidden;transition: 0.5s height; }
.drawer-list{position: absolute; top:0; right:0; z-index: 7; background-color: #FFF; padding: 1rem; transform: translateY(-100%); transition: 0.5s transform;}

#member-drawer-checker:checked+.drawer-toggle::after{ transform:rotate(60deg);}
#member-drawer-checker:checked+label+.drawer{pointer-events:auto;height: 80vh;}
#member-drawer-checker:checked+label+.drawer .drawer-list{ /*transform: translateX(0);*/ transform: translateY(0);}

@media (max-width: 1024px){
    .drawer{position: fixed; top: 0; right:0; bottom:0; left:0; margin: auto; height: auto;}
    .drawer::before{ content: ""; display:block; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 0; margin: auto; background-color: rgba(0,0,0,0.6); opacity: 0;
        transition: 0.5s opacity; backdrop-filter: blur(0.25rem);
    }
    .drawer-toggle::after{content: none; display: none;}
    .drawer-list{position: absolute; top:0; right:0; bottom:0; left:auto;transform: translateX(100%); }
    .drawer-list.drawer-left{ right:auto; left:0; transform: translateX(-100%); }
    #member-drawer-checker:checked+label+.drawer .drawer-list{ /*transform: translateX(0);*/ transform: translateX(0);}
    #member-drawer-checker:checked+label+.drawer{height: auto;}
    #member-drawer-checker:checked+label+.drawer::before{opacity: 1;}
    .drawer .nav.member-menu .nav-item>a{padding: 0.5rem 1.5rem; margin-bottom: 0.5em;}
}

.slide-arrow{position: relative; display:inline-block; pointer-events: auto; padding: 0.25em 0.25em 0.25em 0.75em; background-color: #fff}
.slide-arrow::before{content: ""; display:inline-block; width: 0; height: 0; border-style: solid; border-width: 10px 6px 0 6px; border-color: currentColor transparent transparent transparent; transform:rotate(0deg);}
.slide-arrow.open::before{transform:rotate(60deg);}
.slide-menu{padding: 0; list-style: none; background-color: #f5f5f5;}

#page-wrapper,#page_body{ width: 100%; overflow-x: hidden; min-height: 100vh; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start;}
#page-wrapper>div,#page_body>.layout_row{-ms-flex:1 1 auto; flex:1 1 auto;}
#page-wrapper>header, #page-wrapper>footer, #page_body>.layout_row:first-child, #page_body>.layout_row:last-child{ -ms-flex:0 0 auto; flex:0 0 auto; }
header,footer{position: relative;}
.system-message{ width: 100%; min-height: 50vh; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center;}

.block-wrappper, .block-wrappper>.container{position: relative;}
.edit-btn-wrapper{ position: absolute; top:8px; right:8px; z-index: 9; pointer-events: none; font-size: 1.5rem;}
.edit-btn-wrapper.fixed{position: fixed; top:48vh; right:0; font-size: 2rem;}
.edit-layout-btn-wrapper{position: relative; pointer-events: none; text-align: right;margin-top: -1.8em; background-color: #333; right: 0; /*padding: 10px 0;*/ }
.edit-btn-wrapper>a, a.edit-btn{ pointer-events: auto; display:inline-block; padding: 0.5em; /*border: 1px #ddd solid;*/ color:#FFF !important; background-color: #F60; line-height: 1; border-radius: 1em 1em 1em 0; box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.15); opacity: 0.6;} 
.edit-btn-wrapper.fixed>a{ border-radius: 1em 0 0 1em; padding-right: 0.35em}
.cms-edit-button:hover, a.edit-btn:hover{opacity: 1 !important}
.edit-layout-btn-wrapper>a{border: none; background-color: transparent; /*color:#7cb6ff;*/ padding-top: 0; padding-bottom: 0; border-radius:0; box-shadow: none; opacity: 1}
.edit-btn-wrapper .easy-tips::after, a.edit-btn::after{min-width: 60px; height: 1.75rem; top:0; right:110%; bottom:0; left: auto; margin: auto; transform: none !important; white-space: nowrap;}

.edit-btn-wrapper-inline{position: relative; z-index: 1; text-align: right; font-size: 1.5rem; padding: 0.25em 0;}
.edit-btn-wrapper-inline>a, .edit-btn-wrapper-inline .cms-edit-button{ display:inline-block; width: 2em; height: 2em; padding: 0.5em; border: none !important; margin-right: 0.25em; color:#FFF !important; background-color: #F60; line-height: 1; border-radius: 1em 1em 1em 0; box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.15); opacity: 0.6;}

.widget-wrapper.show-area{position: relative; }
.widget-wrapper.show-area::before{ content: ""; display:block; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 0; margin: 0; border: 2px #4cb9ea dashed; background-color: rgba(222,242,250,0.85); pointer-events: none;}

.grid_row{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; width: 100%;}
.grid_col{ -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap; max-width: 100%; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
.grid_col>div{-ms-flex:1 1 100% ;flex:1 1 100%;}
/* animation */
.slideUp{
-webkit-animation-name: slideUp;
  animation-name: slideUp;
  -webkit-transform-origin: center top;
  transform-origin: center top;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-webkit-animation-duration: 250ms;
 animation-duration: 250ms;
}

.mini-radio-player-wraper{}
.mini-radio-player-wraper .mfp-content{ width: 300px; margin: auto}
.mini-radio-player{ width: 300px; height: 48px;}
.mini-radio-player>iframe{ width: 100%; height: 100%;}
.mini-radio-player-wraper .mfp-title{padding: 0.5em 0;}

.mini-video-player-wraper{}
.mini-video-player-wraper .mfp-content{ width: 96%; max-width: 1280px; margin: auto}
.mini-video-player{ width: 100%; padding-top: 56.25%; position: relative;}
.mini-video-player>iframe{ position: absolute; top:0; right:0; bottom:0; left:0; margin: auto; min-width: 100%; min-height: 100%;}
.mini-video-player-wraper .mfp-title{padding: 0.5em 0;}

.mini-message-sender-wraper{}
.mini-message-sender-wraper .mfp-content{ width: 98%; max-width: 480px; margin: auto}
.mini-message-sender{ height: 520px;}
.mini-message-sender>iframe{ width: 100%; height: 100%;}
.mini-message-sender-wraper .mfp-title{padding: 0.5em 0;}

.form-wrapper{ width: 100%; height: 100vh; padding: 15px; display: -webkit-box;display: -ms-flexbox;display: flex;
	-ms-flex-align: center!important;
    align-items: center!important;
				-ms-flex-pack: center!important;
    justify-content: center!important;
}
.form-wrapper>.container{padding-left: 15px; padding-right: 15px;}

.page-item.active{z-index: 1;}
.page-item.active .page-link{z-index: 0;}
.page-item.disabled, .page-item.active{ pointer-events: none;}
.page-item.disabled .page-link{ opacity: 0.5}

.min-h400, .min-h400>.container{min-height:400px}
.min-h500, .min-h500>.container{min-height:400px}
.min-h600, .min-h600>.container{min-height:400px}
.min-h800, .min-h800>.container{min-height:400px}

.item-list .item {
    background-color: #FFF;
    color: #777;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin-bottom: 2rem
}

.item>.item-thumb {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
}

.item .item-intro {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.5rem
}

.item .item-cate, .item .item-date, .item .item-title, .item .item-text, .item .item-footer {
    padding: 0.5rem;
    line-height: 1
}

.item .item-text {
    line-height: 1.5
}

.item .item-title {
    font-size: 1.25em;
}

.item .item-title a, .item-list a.btn {
    text-decoration: none;
}

.item .item-title a {
    color: inherit;
}

.item .item-date:before {
    content: '\f073';
    font-family: "Font Awesome 5 Free";
    font-weight: normal;
    color: currentColor;
    margin-right: 0.25em
}

.item .item-date>span:not(.year):before {
    content: "-";
    display: inline;
}

.item .item-thumb {
    background-color: #e5e5e5;
    text-align: center;
}

.item-thumb {
    display: -ms-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

/*.item-thumb>a, .item-thumb>img{-ms-flex:0 0 auto; flex:0 0 auto;}*/
.item-thumb>a, .item-thumb>img {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.item-thumb img.v-img {
    width: 100%;
    max-width: none;
}

.item-thumb.h-100>a, .item-thumb.h-100>img {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.item-list .item-date {
    color: #999
}

.item-list .item-title {
    color: #4c5458;
    font-weight: bold
}

.item-list .item-cate {
    display: inline-block;
    background-color: #FFF;
    color: #4c5458;
    border: 1px currentColor solid;
    font-size: 0.825rem;
    margin-bottom: 0.5rem;
}

.item-list .btn-more {
    background-color: #FFF;
    color: #4c5458;
    border: 1px currentColor solid;
}

.item-list .btn-more:hover {
    background-color: #FFF;
    color: #4c5458;
    border: 1px currentColor solid;
}

.item-list .item-intro {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*-ms-flex-direction: column; flex-direction: column;*/
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.item-list .item-date, .item-list .item-title, .item-list .item-footer {
    width: 100%;
}

/*.item-list .item-text,*/
.item-list.image-top {
}

.item-list.image-top .item {
    -ms-flex-direction: column;
    flex-direction: column;
}
.item-list.image-left .item {
    -ms-flex-direction: row;
    flex-direction: row;
}

ul.list-arrow{padding-left: 0; list-style-type: none;}
ul.list-arrow>li{padding-left: 1.5em; position: relative;}
ul.list-arrow>li::before{content: ""; display:block; width: 0.5em; height: 0.5em; transform: rotate(45deg); border: 1px currentColor solid; border-width: 1px 1px 0 0; position: absolute; top: 0.5em; left:0;}

ul.list-social{padding-left: 0; list-style-type: none; display: block;}
ul.list-social>li{display:inline-block;}
ul.list-social>li>a{display: inline-block; padding: 0.5em;}
ul.list-social .fa, ul.list-social .fab, ul.list-social .far, ul.list-social .fas{ font-size: 2em;}

table>thead>tr>th a,table>thead>tr>td a, table>tbody>tr>th a, table>tbody>tr>td a,table>tfoot>tr>th a,table>tfoot>tr>td a{ word-break: break-all;}

.company-item{ width: 100%; background-color: #FFF; padding: 1rem;}
.company-title{ -ms-flex:1 1 100%; flex:1 1 100%}
.fields-wrapper{width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.field-wrap{ -ms-flex: 0 1 auto; flex: 0 1 auto; }
.company-item .field-wrap{ width: 50%;}
.field-wrap{display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0 1em 1em 0;}
.field-label{-ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 1em}
.field-icon{ display: inline-block}
.field-icon+.field-title{display: inline-block;padding-left: 0.5em;}
.field-content{-ms-flex: 1 1 auto; flex: 1 1 auto;}

.member-system{padding: 30px 0; background-color: #f8f9fa; background-size: cover; background-repeat: no-repeat; background-position: center top;}
.member-system button, .member-system .btn{line-height: 1.2;}
.member-system .text-eng{font-size: 0.625em; opacity: 0.7; padding-left: 0.5em}
.member-system button .text-eng, .member-system .btn .text-eng{display:block;}
.forget-link .text-eng{font-size: 1em; opacity: 1;}
.alert .text-eng{font-size: 0.875em; opacity: 1; padding-left: 0;}
#submit_mail .text-eng{display:inline-block; padding-left: 0.5em}
.member-system .container{ min-height: 74vh; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column;flex-direction: column; }
.form-panel{ width: 96%; max-width: 768px; box-shadow: 0 0 10px 10px rgba(0,0,0,0.2);}
.form-panel-lg{max-width: 960px;}
.form-panel-md{max-width: 640px;}
.form-panel-sm{max-width: 320px;}
.form-panel-sm .captcha-img{height: 38px; min-width: 104px;}
.form-panel-noshadow{box-shadow:none;}
.forget-link{margin-top: -0.8rem; margin-bottom: 1rem; font-size: 0.835rem; text-align: right}
.register-link{margin: 10px 0;}

.white-popup{background-color: #FFF; width: 98%; max-width: 480px; margin: auto; padding: 1rem; border-radius: 0.5rem; position: relative;}
.popup-box{ width: 98%; max-width: 962px; margin: auto; background-color: #FFF; position: relative; }
.popup-content {
    position: relative;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
}
.popup-box .popup-header{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1em;
    background-color: #f5f5f5; color:#848f99;
}
.popup-box .popup-title{
    margin-bottom: 0; font-size: 1.1rem; color:inherit;
}
.popup-box .mfp-close{color:#848f99 !important; top:6px; right:6px;}
.popup-box .popup-body{max-height: 75vh; overflow-y: auto; overflow-x: hidden; padding: 1em;}

.popup-box .popup-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1em;
    background-color: #f5f5f5; color:#848f99;
}
.popup-box .popup-footer .btn+.btn{ margin-left: 1em;}

.popup-box .filter-label h5{font-size: 1rem;}

.advanced-search-wrapper .filter-col{margin-right: 0;}
.advanced-search-wrapper .filter-label{ font-size: 1rem;}

#reg_terms .terms-title{ font-size: 1.5rem; margin-bottom: 0.5em;}
.activity-form-wrapper{ width: 98%; max-width: 640px; padding: 15px;}


.animated.fast {
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
}
.animated.faster{
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.animated.fastest{
  -webkit-animation-duration: 0.25s;
          animation-duration: 0.25s;
}

.animated.slow {
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
.animated.slower {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
.animated.slowest {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes slideUp {
  0%{
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@keyframes slideUp {
  0%{
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

.slideDown{
-webkit-animation-name: slideDown;
  animation-name: slideDown;
  -webkit-transform-origin: center top;
  transform-origin: center top;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-webkit-animation-duration: 250ms;
 animation-duration: 250ms;
}

@-webkit-keyframes slideDown {
  0%{
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes slideDown {
  0%{
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@media (max-width: 1024px){
.pc-only{ display:none !important;}
.mob-only{ display:block !important;}
}

	
@media (max-width: 767px){
	.td-keep-all th, .td-keep-all td{ word-break: keep-all;}
	.table-responsive-breakline table, .table-responsive-breakline tbody, .table-responsive-breakline tfoot, .table-responsive-breakline td:not(.hidden-xs), .table-responsive-breakline tr:not(.hidden-xs){ display: block; width: 100% !important; max-width: none !important }
	.table-responsive-breakline thead, .table-responsive-breakline th{ display: none; speak: none;}
 .table-responsive-breakline tr { padding: 0; border: 1px #ccc solid; border-width: 0 1px 1px; margin-bottom: 1rem;}
 .table-responsive-breakline td { position: relative; white-space: normal; text-align: left; min-height: 2.42857143em;}
	.table-responsive-breakline td[aria-label]{padding-left: 8em !important; position: relative; width: 100% !important; max-width: 100% !important}
	.table-responsive-breakline.short-label td[aria-label]{padding-left: 5.5em !important;}
 .table-responsive-breakline td[aria-label]::before { content: attr(aria-label); display:block; position: absolute; left: 0; top:0; width: 7.5em; padding: 0.75em; white-space: nowrap; text-align: left; font-weight: bold; color: currentColor; line-height: 1.42857143; }
	.table-responsive-breakline.table-sm td[aria-label]::before{ padding: 0.3rem;}
	.table-responsive-breakline.short-labe td[aria-label]::before{width: 5em;}
	
	.table-responsive-breakline td.form-group{margin: 0; padding: 0.5em; width: 100% !important;}
	.table-responsive-breakline tfoot tr, .table-responsive-breakline tfoot th, .table-responsive-breakline tfoot td{ border: none; padding: 0;}
	
	tr.fields-wrap-hide{display:none !important;}
	.hidden-xs{ display: none !important;}
    
    .activity-form-wrapper{max-width: 100%; width: 100%; }
}

/*
@media (min-width: 576px){
	.modal-dialog-scrollable {
    max-height: 80vh;
		overflow: hidden
}
.modal-dialog-scrollable .modal-content{
    max-height: 80vh;
				overflow: hidden;
				position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
	.modal-dialog-scrollable .modal-body{
		 max-height: calc(80vh - 3.5rem); -ms-flex: 1 1 auto; flex: 1 1 auto; overflow-y: auto;
	}
}
*/