:root{
	--primary: #ff3366;
}
.mail-div{
	padding: 0 10px;
	background: #ddd;
	margin-bottom: 2px;
	width: fit-content;
	margin-right: 2px;
	border-radius: 10px;
}
.btn-color{
	background:#ff3366;
	color:white;
}
.btn-color:hover{
	opacity: 0.9;
	color: white;
}
.invoice_table td[element="quantity"]{
	text-align: center;
}
.invoice_table td[element="item"]{
	width: 65%;
}
/*
.invoice_table td[element="unit_price"], .invoice_table td[element="total"]{
	width: 20%;
}
*/
.upload-status-td div{
	text-align: left;
}
.upload-status-td .uploaded{
	color: limegreen;
}
.upload-status-td .unuploaded{
	color: red;
}
.contract-div .list-group-item>b,.contract-div .item-list-left>b{
	font-weight: normal !important;
}
.table-hover tbody tr:hover td{
	background: beige !important;
}
.biko_last_save{
	color: limegreen;
	font-size: small;
}
.biko_text{
	border: 1px solid #eee;
	padding: 10px;
	color:#aaa;
    width: 100%;
    background: aliceblue;
}
.sidebar-menu .active2 > .treeview-menu{
	display: block;
}
#payment_table .btn-sm{
	padding: 2px 10px;
}
.skin-black-light .sidebar-menu>li.active2> a{
	border-left: 5px solid #ff3366 !important;
}
.skin-black-light .sidebar-menu .treeview-menu>li.active2>a{
	font-weight: 600;
}
.morris-hover.morris-default-style{
	background: white;
}
.chart-bar{
    height: 5px;
    border-radius: 10px;
    width: 30px;
    display: inline-block;
    margin-bottom: 2px;
    margin-left: 20px;	
}
.billingmethod-div{
	font-size: 14px;
}
.billingmethod-div span{
	background: limegreen;
	color: white;
	font-weight: bold;
	padding: 3px 10px;
	margin-left: 10px;
	border-radius: 5px;
}
.fa-x{
	font-size: 1.1em;
}
.chart-select{
	padding:2px 0 5px 5px; 
	border:none;
}
.table-report{
	/*font-size: large;*/
}
.table-report .plus{
	color: blue;
}
.table-report .minus{
	color: red;
}
.tr-header-1{
	background: #565bff;
	color: white;
}
.tr-header-2{
	background: #ddebf7;
}
.tr-header-3{
	background: #fce4d6;
}
.tr-header-4{
	background: #eee;
}
.daily-report-table{
	 margin-bottom: 20px !important;
}
.daily-report-table .contract-name,
.daily-report-table .contract-name span{
	color: white;
}
.daily-report-table .contract-name:hover{
	text-decoration: underline;
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body{
	font-size: initial;
}
.gy{
	display: inline-flex;
}
.graph-mark .gy{
	margin-right: 30px;
}
.graph-mark{
	width: 100%;
	text-align: right;
	padding-right: 10%;
}
.table-dash-div{
	width: 100%;
	overflow-x: auto;
}
.table-dash td{
	padding: 2px !important;
}
.item-list{
	display: inline-flex;
	width: 100%;
}
.item-list-left{
	width: 50%;	
}
.item-list-right{
	width: 50%;
	text-align: right;
	word-wrap: break-word;
	color: #3c8dbc;
	font-weight: 500;
}

.dash-year{
	height: 10px;
	width: 10px;
	margin-top: 5px;
	margin-right: 5px;
}
.progress{
	background-color: #eee;
}
.progress-group .progress-number b{
	font-size: large;
	line-height: 10px;
}
.tr-mikomi{
	font-weight: bold;
}
.mailaddress-li{
	width: 100%;
	display: inline-flex;
}
.mailaddress-li b{
	width: 100%;
}
.mailaddress-li div{
	float: right;
}
.sidebar-menu .menu-open2 > a > .fa-angle-left, .sidebar-menu .menu-open2 > a > .pull-right-container > .fa-angle-left{
	-webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.profile_picture_preview_image{
	width: 150px;
}
.mwd{
	color: #ff3366;
	margin-left: 10px;
}

.skin-black-light .sidebar-menu>li>.treeview-menu{
	background: #eee !important;
}
.skin-black-light .sidebar-menu>li{
	padding-left: 5px;
}
.error{
	color: red;
}
.text-success{
	color: limegreen !important;
}
.profile-form .form-control{
	border: none;
	font-weight: bold;
	height: auto;
}
#MonthPicker_Button_monthpicker2,#MonthPicker_Button_monthpicker{
	display: none;
}
.btn{
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26) !important;
}
.box-header > .box-tools-left{
	left: 10px;
	position: absolute;
	top: 5px;
}
.box-select{
	width: 130px;
	display: inline-flex;
}
.box-select #MonthPicker_Button_monthpicker{
	height: 34px;
}
th.left, td.left{
	text-align: left !important;
}
.jconfirm .jconfirm-box div.jconfirm-title-c{
	color: #ff3366 !important;
}
.box-header-2{
	border: 1px solid #ff3366; 
	font-weight: bold;	
    background: antiquewhite;
}

.box-body-2{
	border: 1px solid #ff3366;
	margin-bottom: 20px;
}
.box-select input{
	width: 120px;
	text-align: center;
}
.send-btn-href{
	color:#ff3366; 	
	border: 1px solid #ff3366; 
	padding:6px 10px;
	cursor: pointer;
	background: none;
}
.send-btn-href:hover{
	opacity: 0.5;
	color:#ff3366!important;
}
.mail-subject{
	width: 300px;
}
.product-table tr{
	cursor: pointer;
}
.box-label{
	width: 70px;
    margin-top: 5px;
}
#pagination_perpage{
	width: 90px;
}
.box-tools-left{
	display: inline-flex;
}
.box-tools-right .input-group{
	width: 250px;
	float: right;
}
.select2-container .select2-selection--single{
	height: 34px !important;
}
.furikomi {
    padding: 10px;    
    margin-top: 10px;
}
.bb-text{
	    width: 50px;
    text-align: center;
    line-height: 30px;
}
.sku_date_2{
	display: none;
}
.showed{
	display: table;
}
.form-100{
	width:100%; 
	display:inline-flex;
}
.form-check-2{
	line-height: 30px;
    margin-left: 20px;
}
.box-tools-right.contract-search .input-group{
	width: 350px;
	float: right;
}
.invoice_table{
	height: 34.5px;
}
.list-group-item{
	padding: 5px 10px !important;
}
.profile-item img, .body-item img{
	height: 30px;
	border-radius: 50%;
}
.table-responsive{
	min-height: 300px;
}
.content-header .profile-item{
	margin-top: 10px;
}

.profile-item a, .body-item a{
	display: inline-flex;
}

.profile-item strong, .profile-item span{
	margin-top: 5px;
}
.person-in-charge p{
	text-align: center;
}
.person-in-charge p:first-child{
	font-size: 18px;
}
.icon-list{
	font-size: 20px;
	font-weight: bold;
}
.table > thead > tr > th, .table > tbody > tr > th{
	white-space: nowrap;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	text-align: center;
	vertical-align: middle;
}
.nowrap{
	white-space: nowrap;
}
.edit-btn{
	position: absolute;
    right: -25px;
    top: 2px;
    border: 1px solid orange;
    background: white;
    border-radius: 50%;
    padding: 0 5px 3px 5px;
    display: none;
    z-index: 200;
}
.edit-btn img{
	width: 15px;
}
.header-option{
	margin-left: 20px;
	font-size: small;
}
.change-profile-pic {
	margin-top: 20px;
	font-weight: bold;
}
.change-name{
	margin-left: 30px;
}
.nav-tabs-custom > .nav-tabs > li > a, .nav-tabs-custom > .nav-tabs > li > a,
.content-header > .breadcrumb > li > a, .breadcrumb > .active{
	font-weight: bold;
}
.box.box-primary, .nav-tabs-custom > .nav-tabs > li.active{
	border-top-color: #eb003b;
}
.invoice{
  	padding: 30px 50px;
  	size: 7in 9.25in;
}
.invoice-header{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}
.invoice-sub-2{
	margin-top: 15px;
	margin-bottom: 15px;
}
.invoice .title{
	margin-top: 20px;
}
.invoice .kingaku {
	font-size: 16px;
	margin-top: 15px;
}
.invoice .kingaku strong{
	margin-left: 60px;
	font-size: larger;
}

.invoice-col .pull-right{
	width: 80px;
}
.inkan{
	position: absolute;
	top: 60px;
	height: 100px;
	right: 100px;
}
.address{
	line-height: 24px;
}
.colored {
	background-color: #eee;
}
.invoice .number{
	text-align: right;
}
.colspan{
	border-bottom: none !important;
	border-left: none !important;
	border-top: none !important;
}
th .fa{
	margin-left: 10px;
    color: #aaa;
}
.icon{
	width: 13px;
	margin-right: 5px;
	margin-bottom: 3px;
}
@media (min-width: 1280px){
	.modal-lg{
		width: 1280px;
	}
}
.pagination-dots{
	border-bottom: none !important;
    border-top: none !important;
    background: no-repeat !important;
}
.skin-yellow-light .sidebar-menu>li.active>a{
	color: white;
	background: #eb003b;
}
.skin-yellow-light .sidebar-menu>li:hover>a{
	color: white;
	background: #f76e90;
}
.skin-black-light .main-header{
	border-bottom: 1px solid #e62983;
}
.alert2-info, .alert2-danger{
	font-weight: bold;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
}
.logo-mini{
	color: #e62983;
}
.alert2-info{
	border: 1px solid limegreen;
	color: limegreen;
}
.alert2-danger{
	border: 1px solid red;
	color: red;
}
.alert2-info .fa{
	color: limegreen;
}
.alert2-danger .fa{
	color: red;
}
.required{
    display: none;
}
.required-form .required{
	display: initial;
    color: red;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    right: 0;
}
.update-date .item:hover{
	border-color: black;
}
.update-date .item.uploaded{
	border-color: limegreen;
	color: limegreen;
}
.update-date .item.unuploaded{
	border-color: red;
	color: red;
}
.update-date .item{
	font-weight: bold;	
	margin-top: 10px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #aaa;
	padding: 5px;
	margin-left: 10px;
}
.copy-a{
	padding: 2px 5px;
	border: 1px solid #3c8dbc;
	margin-left:30px;
	cursor: pointer;
}
.copy-a:hover{
	color: blue;
}
.table-hover .tr:hover{
	background: #aaa;
}

/* 2.0 UI */
.sidebar-menu .fa-dashboard{color: #2196f3!important;}
.sidebar-menu .fa-users{color: #795548!important;}
.sidebar-menu .fa-file-word-o{color: #ff5722!important}
.sidebar-menu .fa-gear{color:#009688!important;font-size:1.1em;}
.sidebar-menu .fa-list{color:#9c27b0!important;}
.sidebar-menu .fa-male{color:#66d259!important;font-size:1.18em;}
.sidebar-menu .fa-yen{color:#d725e3!important;font-size:1.15em;}
.sidebar-menu .fa-user{color:#4092da!important;font-size:1.15em;}
.fa-lock{color:#ef4d00!important;font-size:0.8em;}
.sidebar-menu .fa-envelope{color:#2196f3!important;}
.bg-aqua{border-radius: 25px;background:#2196f3!important}
.bg-aqua .small-box-footer{border-radius: 0 0 25px 25px}
.skin-black-light .sidebar-menu>li>a{font-weight:400!important}
select,span[type=text],input[type=text],button,.btn,textarea{border-radius: 15px!important}
.datepicker-dropdown.datepicker-orient-left:before,
.datepicker-dropdown.datepicker-orient-left:after{left:15px;}
.box{border-radius: 20px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}
.datepicker-dropdown{border-radius: 20px}
.input-group .input-group-addon{border-radius: 20px!important}
.content-header > h1{font-size: 20px}
.nav-tabs-custom > .nav-tabs > li{border-radius: 20px}
.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a{border-radius: 20px 20px 5px 5px;border-bottom:2px solid #eb003b;}
#pagination a{border-radius: 20px}
.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box{border-radius: 20px!important;}
.nav-tabs-custom > .tab-content{border-bottom-right-radius:20px!important;border-bottom-left-radius:20px!important}
.nav-tabs-custom{border-right: 20px!important}
.box-header.with-border{border-bottom:1px solid #ccc!important;}
.select2-container--default .select2-selection--single{border-radius: 20px!important}
.select2-container--default .select2-selection--single .select2-selection__arrow{top:4px!important;right:4px!important;}

/* Ad UI */
.ad-th{
	background: #ff8c00 !important;
}
.ad-th2{
	background: #ffe1b1 !important;
}
.rounded{
	border-radius: 15px;
}
.canvasjs-chart-credit{
	display: none;
}
.select2-container{
	width: 100% !important;
}
.payment-list .badge{
	float: right;
	margin-top: 8px;
	font-size: 11px;
}
.adjust-ranking-new .sub-table{
	margin-bottom: 0;
}
.adjust-ranking-new .sub-table td{
	padding: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) td{
	background-color: #f9f9f9;
}
#responsibleperson .body-item{
	border-bottom: 1px solid #ddd;
	line-height: 30px;
}
.responsible .badge{
	font-size: 10px;
	margin-left: 5px;
}
.responsible-total th{
	background:#ffefd7 !important;
}
.responsible-total .total-count{
	margin-left: 10px;
	color: #d81b60;
}
.responsible-total .note{
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	margin-top: 15px;
	text-wrap: auto;
}
.badge.responsibleperson2{
	background-color: #3636fe;
}
.badge.responsibleperson3{
	background-color: #605ca8;
}
.badge.dspadvertisement{
	background-color: #ff851b;
}
.badge.singleadvertisement{
	background-color: #f34580;
}
.badge.hometowntaxpayment{
	background-color: #00a331;
}
.badge.oversearsales{
	background-color: #ff5722;
}
.badge.responsibleperson6{
	background-color: #9c27b0;
}
.badge.dspadvertisement2{
	background-color: #0e89c5;
}
.badge.singleadvertisement2{
	background-color: #707c00;
}
.badge.suspended{
	background-color: red;
}
.today td{
	background-color: #ddf0ff !important;
}
.attendance-ul{
	padding: 0 15px;
	margin-bottom: 5px;
}
.attendance-ul .list-group-item{
	padding: 10px 0 !important;
}
.attendance-ul .list-group-item:first-child{
	border-top: 0;
}
.attendance-ul .list-group-item:last-child{
	border-bottom: 0;
}
.attendance-ul .list-group-item .text-red{
	color: #ff3366 !important;
}
.fa-lock.view-overtime{
	font-size: 14px;
	color: black !important;
}
#contract_table > tbody > tr:nth-of-type(even) td {
	background-color: white;
}
#contract_table thead th{
	position: sticky;
	inset-block-start: 0;
	z-index: 100;
	background: #eee;
}
#contract_table .sticky{
	position: sticky;
	inset-inline-start: 0;
	z-index: 101;
	outline: 1px solid #ddd;
}
#contract_table .profile-item a{
	text-wrap: auto;
	display: inline-grid;
	min-width: 200px;
}
#contract_table .profile-item img {
	border-radius: inherit;
	margin: 0 auto;
}
#contract_table .profile-item strong {
	margin: 10px auto 0 auto;
}
.article-title-sub{
	margin-top: 10px;
	color: grey;
	font-size: 12px;
	margin-right: 10px;
	display: flex;
}
.article-title-sub .item{
	border-right: 1px solid #aaa;
	padding: 0 15px;
}
.article-title-sub .like-panel a{
	color: #aaa;
}
.article-title-sub .like-panel a:hover{
	color: var(--primary);
	text-decoration: underline;
}
.article-title-sub .like-panel .liked{
	color: var(--primary);
}
.article-nav li{
	border-bottom: 1px solid #ccc !important;
}
.article-nav li a{
	padding: 5px 10px;
}
.article-title{
	margin-top: 5px !important;
	font-weight: bold;
	font-size: 22px !important;
}
.article-sub-title{
	margin-top: 5px !important;
	font-weight: bold;
	font-size: 16px !important;
	border-bottom: 2px solid var(--primary);
	padding-bottom: 2px;
	color: var(--primary);
}
.article-nav li a{
	padding: 5px 0;
	border-left: none;
}
.article-nav li a:hover, .article-nav li a:hover span{
	color: var(--primary) !important;
	background-color: transparent !important;
}
div.fr-wrapper > div:nth-child(1){
	height: 2px !important;
	width: 2px !important;
	overflow: hidden !important;
}
div.fr-wrapper > div:nth-child(1) > a{
	background: none !important;
}
.fw-bold{
	font-weight: bold !important;
}
.users-list > li{
	width: 10%;
	padding: 0 1%;
}
.users-list-name{
	margin-top: 15px;
}
.video-container {
	width: 23%; /* 23% of parent div width */
	margin: 0 1%; /* Add 2% space around the video */
	box-sizing: border-box; /* Ensures margin doesn’t affect the width */	
}
.media-wrapper {
	position: relative;
	aspect-ratio: 16 / 9;
}
.d-flex{
	display: flex;
}
.media-wrapper iframe{
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.media-wrapper img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.video-container a{
	color: black;
}
.video-container a .text{
	margin-top: 15px;
	height: 160px; /* ~2 lines */
	overflow: hidden;
	text-overflow: ellipsis;
}
.video-container a:hover{
	color: var(--primary);
}
.department-box{
	height: 116px;
	display: flex;
}
.department-box:hover{
	border-color: var(--primary);
	box-shadow: 0 2px 4px 0 var(--primary), 0 2px 10px 0 hotpink !important;
}
.department-box:hover .item{
	color: var(--primary);
	font-weight: bold;
}
.department-box .item{
	margin: auto;
	color: black;
}
.link-panel .col-sm-4{
	padding: 0 10px;
	margin: 20px 0;
}
.portal-site-link{
	padding: 10px;
	border-radius: 20px;
}
.portal-site-link:hover{
	outline: 2px solid var(--primary);
}
.portal-site-link .icon-top{
	display: flex;
	width: 80px;
  height: 80px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
	margin: auto;
}
.portal-site-link .icon-top img{
	max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.portal-site-link .name{
	text-align: center;
	color: black;
	margin-top: 10px;
}
.sub-table{
	width: 100%;
}
.sub-table tr:not(:last-child){
	border-bottom: 1px solid #bbb;	
}
.sub-table td{
	padding: 5px;
	text-align: left;
}
.sub-table td:last-child{
	font-weight: bold;
}
.legend{
	font-size: 14px;
	font-weight: bold;
	margin: 30px 0 40px 10%;
	border-color: #bbb;
	width: auto;
}
.legend span{
	position: relative;
	top: 12px;
	background: white;
	padding-right: 10px;
}
.employee-directory .department-name{
	color: #ff3366;
	font-size: 20px;
	font-weight: bold;
	margin: 30px 0;
	border-bottom: 1px solid;
}
.employee-directory .employee-box{
	padding: 10px;
	margin-left: 10px;
}
.employee-directory .employee-box .item{
	display: flex;
}
.employee-directory .employee-box .item i{
	color: #aaa;
	margin-right: 10px;
	font-size: 12px;
	line-height: 20px;
}
.employee-directory .employee-box .role{
	color: #ff3366;
	font-size: 20px;
	font-weight: bold;
}
.employee-directory .employee-name{
	font-weight: bold;
	font-size: 16px;
}
.employee-directory .furigana{
	color: #444444;
}
.employee-directory .employee-photo {
	text-align: center;
}
.employee-directory .employee-photo img{
	width: 180px;
	height: 210px;
	object-fit: cover;
	border: 1px solid #aaa;
}
.employee-directory .row{
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}
.employee-directory .employee-item{
	display: flex;
}
.pink{
	color: var(--primary) !important;
}
.link-panel .name a{
	color: black;
}
.form-select{
	padding: 2px 5px;
}
#invoice .invoice-sub-2 .invoice-col .title{
	display: none;
}
.help-block{
	line-height: 26px;
}
.input-group .input-group-addon{
	border: 1px solid #aaa !important;
}
.tool-list .tool-image{
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
	margin: 0 auto;
}
.tool-list li:hover{
	outline: 2px solid var(--primary);
}
.tool-list > li > a:hover{
	color: inherit;
}
.tool-list li{
	border-radius: 20px;
}
.tool-name{
	margin: 10px 0 !important;
}
.tool-list > li{
	width: 130px;
	padding: 10px;
	margin: 10px;
}
.tool-list{
	display: flex;
	justify-content: center;
}
.intranet-title{
	font-weight: bold;
	position: relative;
}
.intranet-title:before{
	left: -25px;
}
.intranet-title:after{
	right: -25px;
}
.intranet-title:before, .intranet-title:after{
	background-color: var(--primary);
	content: "";
	position: absolute;
	bottom: 50%;
	width: 10px;
	height: 2px;
}
.article-nav-more{
	margin: 20px 10px 0 0;
	text-align: right;
}
.article-nav-more a.pink:hover{
	text-decoration: underline;
}
.intranet-sub-nav{
	min-height: 220px;
}
.employee-directory-2{
	padding: 30px;
}
.employee-directory-2 .tree-item-sub .employee-photo img{
	width: 70px;
	height: 85px;
	object-fit: cover;
	border: 1px solid #aaa;	
}
.employee-directory-2 .employee-detail {
	padding: 5px 10px;
}
.employee-directory-2 .employee-detail .detail-row{
	display: flex;
	align-items: anchor-center;
}
.employee-directory-2 .employee-detail .role {
	font-weight: bold;
}
.employee-directory-2 .employee-detail .department {
	color: #ff3366;
	font-size: 18px;
	font-weight: bold;
}
.employee-directory-2 .employee-detail .employee-name{
	font-size: 16px;
	font-weight: bold;
}
.employee-directory-2 .employee-detail .divider{
	margin: 0 10px;
	border-left: 1px solid #bbb;
	height: 14px;
}
.employee-directory-2 .employee-detail .fa{
	color: #aaa;
	margin-right: 5px;
}
.employee-directory-2 .tree-item-sub{
	display: flex;
	margin-bottom: 20px;
	margin-left: 30px;
}
.employee-directory-2 .tree-item-text{
	margin-left: 25px;
	font-size: 20px;
	font-weight: bold;
	color: #ff3366;
}
.employee-directory-2 .tree-item-text .text{
	border-bottom: 1px solid;
	margin-bottom: 20px;
}
.employee-directory-2 .employee-photo{
	z-index: 100;
}
.employee-directory-2 .tree-toggle{
	position: absolute;
	margin-top: 34px;
	margin-left: -8px;
	text-align: center;
	z-index: 100;
	font-size: 16px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	background: white;
	color: #999;
}
.employee-directory-2 .left-line{
	position: relative;
}
.employee-directory-2 .left-line:before{
	content: "";
	position: absolute;
	top: 42px;
	left: -0.5px;
	height: calc(100% - 80px);
	border-left: 1.5px dotted #999;
}
.employee-directory-2 .tree-child{
	margin-left: 60px;
}
.employee-directory-2 .award a{
	color: #ff3366;
}
.employee-directory-2 .tree-line{
	border-left: 1.5px dotted #999;
	border-bottom: 1.5px dotted #999;
	height: 104px;
	position: absolute;
	margin-left: 0;
	margin-top: -59px;
	width: 20px;
}
.tree-child .left-line:last-child:before {
    border-left: none;
}
.masonry {
  column-count: 3; /* number of columns (like col-sm-6 = 2 columns) */
  column-gap: 20px;
}
.masonry .item {
  display: inline-block;
  width: 100%;
  break-inside: avoid; /* prevent breaking inside */
}
/* .main-header,.main-sidebar{
	display: none;
} */