body, .fr-box.fr-fullscreen {
    /* height: 100vh; */
    height: -webkit-fill-available;
	/* Respect iPhone safe areas (notch, home bar) */
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}
.block-login {
	border: solid 1px #ddd;
	border-radius: 20px;
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
	padding: 25px 15px;
	background: #fff;

	.logo {
		width: 150px;
	}

	.login-with-google-btn {
		display: inline-flex;
		align-items: center;
		flex-flow: row-reverse;
		justify-content: center;
		width: 80%;
		font-weight: bold; 
		text-transform: uppercase;
	}

	.login-with-google-btn:after {
		content: "";
		display: inline-block;
		width: 35px;
		height: 35px;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
		background-repeat: no-repeat;
		background-position: 12px center;
		float: left;
		margin-right: 10px;
	}

}

.brand .brand-logo {
	margin-top: 14.5px;
	margin-bottom: 14.5px;
}

.sidebar-panel>nav {
	top: 65px;
	ul > li > a > span.label{
		color: #c0c2c7;
	}
}

.bs-modal-full {
	.modal-dialog {
		width: 95%;
		height: calc(100% - 62px);
	}

	.modal-content {
		height: 100%;

		.modal-body {
			height: calc(100% - 60px);
			overflow-y: auto;
		}
	}
}

.nav-primary {
	height: 100%;
	margin: 0;

	.nav-tabs li {
		border: solid 1px #ddd;
		border-radius: 3px 3px 0 0;
	}

	.active {
		a {
			color: #fff !important;
		}

		a:before {
			background: #ce402f !important;

		}
	}

	.tab-content {
		border: solid 1px #ddd;
		height: calc(100% - 38px);
		overflow-y: auto;

		.tab-pane {
			height: 100%;
		}

	}

	.uplocal {
		display: flex;
		height: 100%;
		justify-content: center;
		align-items: center;

		.filebrowse-block {
			border: dashed 2px #cacaca;
			padding: 30px 20px;
			text-align: center;
			background: #f6f6f6;

			.help-block {
				margin-bottom: 0;
			}

			input[type="file"] {
				display: none;
			}

			.custom-file-upload {

				display: inline-block;
				cursor: pointer;
				padding: 10px 15px;
				border-radius: 4px;
				font-weight: bold;

				i {
					margin-right: 10px;
				}
			}
		}
	}
}

.modal {
	background: rgba(0, 0, 0, 0.7);
}

.mediafileblock {
	display: flex;
	align-items: center;
	cursor: pointer;

	.pull-left {
		width: 65px;

		img {
			height: 50px;
			width: 50px;
			object-fit: contain;
			border: solid 1px #ddd;
			padding: 2px;
			background: #fff;
		}
	}

	.pull-right {
		.info {
			font-size: 12px;
			color: #878787;
		}
	}
}

.mediapreview {
	display: flex;
	flex-flow: column;
	height: 100%;
	gap: 10px;
	padding: 20px;
	justify-content: center;

	.media {
		text-align: center;

		* {
			height: 100%;
			max-width: 100%;
		}
	}

	.edittool {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		height: 60px;

		.icon {
			position: relative;

			.subtoolmenu {
				position: absolute;
				background: #fff;
				bottom: 100%;
				padding: 5px 0;
				border-radius: 4px;
				width: 150px;
				display: none;

				.list-unstyled {
					margin: 0;

					li {

						a {
							color: #333;
							font-size: 13px;
							display: block;
							padding: 5px 10px;
							border-left: solid 2px transparent;

							&:hover {
								background: #f6f6f6;
								border-left: solid 2px #ce402f;
							}
						}

					}
				}

			}

			&:hover .subtoolmenu {
				display: block;
			}
		}

		a {
			color: #ddd;
			font-size: 18px;
		}

	}

	.close {
		position: absolute;
		color: #fff;
		position: absolute;
		right: 20px;
		top: 20px;
		opacity: 1;
	}
}


/*-------------vertical-tree-view------------*/

.vertical-tree {
	
	padding-bottom: 40px;
}

.vertical-tree>ul {
	display: inline-block;
	padding: 0 !important;
}

.vertical-tree ul {
	padding-left: 25px;
}

.vertical-tree li {
	margin: 0px 0;
	list-style-type: none;
	position: relative;
	padding: 12px 0 0px 5px;

	&.show {
		>a {
			border: 1px solid #fbba00;

			.fa-plus-circle:before {
				content: "\f056";
			}

		}
	}

	.edit,
	.delete,
	.plus {
		color: #838383;
		margin-left: 5px;
		padding: 0 5px;
		display: none;

		&:hover {
			color: #333;
		}
	}

	.edit {
		margin-left: 10px;

	}

	ul li {
		a {
			color: #666;
		}
	}

	a:hover {

		.edit,
		.delete,
		.plus {
			display: block;
			animation: fadeIn 1s;
		}

	}

	@keyframes fadeIn {
		from {
			opacity: 0;
		}

		to {
			opacity: 1;
		}
	}
}

.vertical-tree li::before {
	content: '';
	position: absolute;
	top: 0;
	width: 1px;
	height: 100%;
	right: auto;
	left: -10px;
	border-left: 2px solid #ccc;
	border-color: #fbba00;
	bottom: 50px;
}

.vertical-tree li::after {
	content: '';
	position: absolute;
	top: 25px;
	width: 15px;
	height: 20px;
	right: auto;
	left: -10px;
	border-top: 2px solid #ccc;
	border-color: #fbba00;
}

.vertical-tree li a {
	display: inline-flex;
	align-items: center;
	padding:10px 10px 10px 30px;
	text-decoration: none;
	background-color: #fff !important;
	color: #5a8dee;
	border: 1px solid #fff;
	position: relative;
	border-radius: 4px;
	transition: 0.3s;
	
	
 span:not(.label){
	font-family:"Noto Serif Bengali", serif;
	font-size:16px;
 }
	>i {
		        margin-right: 15px;
        font-size: 19px;
        left: 5px;
        position: absolute;
        &.fa-angle-right{
        color:#ababab;
        padding-left: 6px;
        }
	}

	.label {
		margin: 0 12px;
	}

	&:hover {
		background-color: #fff !important;
	}

	input[type="checkbox"] {
		border: solid 1px #9e9e9e;
		appearance: none;
		width: 14px;
		height: 14px;
		border-radius: 3px;
		margin: 0 0 0 10px;
		outline: 0;
		/* display:none; */

		&:checked {
			background: #5ab0ee url('data:image/svg+xml,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M480 128c0 8.188-3.125 16.38-9.375 22.62l-256 256C208.4 412.9 200.2 416 192 416s-16.38-3.125-22.62-9.375l-128-128C35.13 272.4 32 264.2 32 256c0-18.28 14.95-32 32-32c8.188 0 16.38 3.125 22.62 9.375L192 338.8l233.4-233.4C431.6 99.13 439.8 96 448 96C465.1 96 480 109.7 480 128z"/></svg>') no-repeat center;
			background-size: 80%;
			outline: 0;
			border: solid 1px #5ab0ee;
		}
		&+span{
					content:"";
								width:15px;
								height:15px;
								display:block;
								border:solid 1px #9e9e9e;
								border-radius:3px;
								margin-left: 12px;
				}
		&:checked+span{
					content:"";
					width:15px;
					height:15px;
					display:block;
					background:#5ab0ee url('data:image/svg+xml,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M480 128c0 8.188-3.125 16.38-9.375 22.62l-256 256C208.4 412.9 200.2 416 192 416s-16.38-3.125-22.62-9.375l-128-128C35.13 272.4 32 264.2 32 256c0-18.28 14.95-32 32-32c8.188 0 16.38 3.125 22.62 9.375L192 338.8l233.4-233.4C431.6 99.13 439.8 96 448 96C465.1 96 480 109.7 480 128z"/></svg>') no-repeat center;
					
				}
	}

	span+input[type="checkbox"] {
		margin-left: 0;
		
		&+span{
			margin:0;
		}
		
	}
	
	label{
	display: flex;
    align-items: center;
    margin: 0;
	}
}

.vertical-tree>ul>li::before,
.vertical-tree>ul>li::after {
	border: 0;
}

.vertical-tree li:last-child::before {
	height: 25px;
}

.vertical-tree li a:hover {
	border: 1px solid #fbba00;
	box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
}

.vertical-tree li a:hover+ul li::after,
.vertical-tree li a:hover+ul li::before,
.vertical-tree li a:hover+ul::before,
.vertical-tree li a:hover+ul ul::before {
	border-color: #fbba00;
}

.vertical-tree li ul li a,
.vertical-tree li ul li a:hover,
.vertical-tree li ul li.show a {
	border: 1px solid #b7b7b7;
}

.vertical-tree li ul {
	padding-left: 20px;

	li a {
		background: #f8f6cc !important;
		
	}
}

.vertical-tree li ul li ul li a {
	background: #f7f7f7 !important;
}

@media (max-width: 767px) {
	.header .brand .brand-logo {
		margin-top: 10.5px;
		margin-bottom: 10.5px;
	}
}

.btnfloat {
	margin: 2px;
	right: 10px;
	position: fixed;
	bottom: 70px;
	z-index: 99;

	.btn {
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	}
}

.list-action {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 10px;

	.checkbox {
		margin: 0;
	}

	.actions {
		display: flex;
		gap: 10px;
		align-items: center;

		.new {
			position: relative;

			.submenu {
				position: absolute;
				display: none;
				z-index: 99;
				box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
				.btn{
					min-height:45px;
				}
			}

			&:hover {
				.submenu {
					display: block;
				}
			}
		}
	}
}

.post-comments {
	.list {
		overflow: visible;
		
		>label{
				display: flex;
			    width: 100%;
			    gap: 10px;
			    padding: 5px;
			    align-items: flex-start;
		}

		.avatar {
			display: flex;
			align-items: center;
			justify-content: center;
			background: #f6f6f6;
			font-size: 20px;
		}

		.comment {
			flex: 1;
			overflow: visible;
			display: flex;
			justify-content: space-between;
			align-items:center;
			gap:20px;
			.detailinfo{
				width:100%;
				}
			}
		}

		.comment-meta {
			position: relative;
			overflow: visible;
			display: flex;
			gap: 5px;
			
			.subtoolmenu {
				position: absolute;
				background: #f6f6f6;
				top: 0%;
				right: 100%;
				padding: 5px;
				border-radius: 4px;
				width: 120px;
				border: solid 1px #ddd;
				border-radius: 4px;
				text-align: left;
				font-size: 12px;
				display: none;

				&:after {
					content: "";
					border: solid 7px transparent;
					border-left-color: #ddd;
					position: absolute;
					left: 100%;
					top: 8px;
				}

				ul {
					margin: 0;
				}

				a {
					padding: 2px 5px;
					display: block;

					&:hover {
						background: #fff;
					}
				}

			}

			&:hover {
				.subtoolmenu {
					display: block;
				}
			}
		}

		.avatar {
			height: 48px;
			object-fit: cover;
			border-radius: 4px;
		}

		.comment-author {
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			display: block;
			max-width: 240px;
		}
		
		&:hover {
					background: #f7f8f8;
					cursor:pointer;
				}
	}
}

.gridview {
	display: flex;
	flex-wrap: wrap;

	align-items: flex-start;

	.list {
		border: solid 1px #ddd;
		width: 23%;
		padding: 10px;
		margin: 1%;
		flex-flow: column;
		position: relative;
		border-radius: 10px;

		label{
			display:inline-block;
			padding:0;
			>input[type=checkbox] {
				position: absolute;
				z-index: 99;
				top: 10px;
				left: 13px;
			}
		}
		.pull-left {
			background: #f6f6f6;
			height: 145px;
			padding: 0;
			width:100%;
			margin-bottom: 10px;
			.avatar {
				width: 100%;
				height: 100%;
				object-fit: cover;
				max-width: unset;
				border-radius: 5px;
			}
		}

		.comment {
			display: block;
			height: 60px;
		}

		.comment-author {
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			display: block;
		}

		&:hover {
			background: #daf2fa;
		}
		hr{
			display:none;
		}
	}
	.comment-meta{
		margin: 8px 0 0 0;
	}
}

.list-heading {
	background: linear-gradient(to bottom, rgba(242, 249, 254, 1) 0%, rgba(214, 240, 253, 1) 100%);

	border: solid 1px #ebebeb;
	width: 100%;
	font-size: 12px;
	padding: 4px 5px;

}
.bg-lgray{
	background:#f3f3f3;
}
.content-srch{
	padding-bottom: 15px;
	    border-bottom: solid 1px #f5f5f5;
		.input-group{
			width: 385px;
			    max-width: 100%;
		}
	.input-group-addon{
		background:none;
	}
	.form-control{
		border-left: 0;
		padding-left: 0;
	}
}

.modal-xl{
	width: 1100px;
	max-width:100%;
}

.filterW{
		width:120px;
	}
@media(max-width:1024px) {
	
	.gridview {
		.list {
			width: 31.33333%;
		}
	}

	.list-action {
		display: block;

		.actions:first-child {
			margin-bottom: 10px;
		}

		.actions {
			.btn-group {
				display: inline-flex;
			}
		}
	}
}
@media(max-width:768px){
	.modal-xl{
		width: auto;
		}
}
@media(max-width:500px) {
	.gridview {
		.list {
			width: 48%;

			.pull-left {
				height: 95px;
			}

			.comment {
				height: 70px;
				flex: unset;

				.small {
					font-size: 10px;
				}
				
			}
			.comment-meta {
				width: 100%;
				justify-content: space-between;
			.btn{
				font-size:0;
				i{
					font-size: 14px;
					padding: 3px;
				}
			}
			}
		}
	}

	.list-action {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;

		.actions:first-child {
			margin: 0;
		}

		.actions {
			flex-wrap: wrap;
			justify-content: space-between;
			.input-group {
				width: 100%;
				margin-top: 10px;
			}
		}
	}
	.post-comments {
	     .list {
	        .comment {
				flex-flow: column;
				align-items: flex-start;
				gap: 8px;
				
				}
				}
				}

				.w100-sm{
					width:100%;
				}
				.w50-sm{
									width:50%;
								}
/*			.btncontainer{*/
/*				position:fixed;*/
/*				bottom:0;*/
/*				left:0;*/
/*				right:0;*/
/*				background: #fff;*/
/*				padding: 7px;*/
/*				box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);*/
/*				z-index: 99;*/
/*			}*/
			.btncontainer{
				.btn-lg{
					padding: 8px;
				}
			}
			.btnfloat{
				bottom:35px;
			}
			
			
			.fr-qi-helper{
				right:0!important;
				left:0!important;
				top:100%!important;
				margin-top: -20px;
			}
			
			.filterW{
					width:180px;
				}
}

.margin-0 {
	margin: 0;
}

.txt-bengali {
	font-family: "Noto Serif Bengali", serif;
	font-size: 15px !important;
}



.subtblhead {
	background: #f9f9f9;

	th {
		padding: 5px 15px !important;
	}
}

.tbl-userrole {
	td {
		vertical-align: middle !important;

		.info {
			border-radius: 50px;
			height: 15px;
			width: 15px;
			text-align: center;
			background: #419dff;
			display: inline-block;
			font-size: 10px;
			line-height: 16px;
			margin: 0 0 0 5px;
			color: #fff;
			cursor: pointer;
		}
	}

	.switch {
		text-align: left;
	}

	tr {
		td:first-child {
			background: #b6c5cc;

		}
	}
}

.btn-sm.btn-icon {
	padding-top: 6px;
	padding-bottom: 6px;
}

/*Form Builder css*/
.form-field input[type="checkbox"],
.form-field input[type="radio"] {
	width: auto;
	margin: 0;
}

.form-field .radio-item,
.form-field .checkbox-item {
	label {
		margin: 4px 0px;
		font-weight: normal;
	}

}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.status-message {
	position: fixed;
	top: 20px;
	right: 20px;
	padding: 15px 20px;
	border-radius: 5px;
	color: white;
	font-weight: bold;
	z-index: 10000;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.status-success {
	background-color: #4CAF50;
}

.status-error {
	background-color: #f44336;
}

.status-loading {
	background-color: #2196F3;
}

.status-warning {
	background-color: #ffcc00;
}

.p-heading-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;

	&:before {
		display: none;
	}
}



/*Css for image editor*/
.tui-image-editor-container .tui-image-editor-main {
		top: 42px;
}
.tui-image-editor-container.left .tui-image-editor-main-container{
	background-color: #272727!important;
}
.tui-image-editor-container.left .tui-image-editor-submenu{
	width: 220px;
}
.tui-image-editor-container .tui-image-editor-help-menu.right .tui-image-editor-item{
	margin: 2px auto;
}
.image-editor{
	.tui-image-editor-container .tui-image-editor-header{
		background:#383838!important;
	}
.tui-image-editor-container .tui-image-editor-header-logo, .tui-image-editor-container .tui-image-editor-controls-logo
{
	padding:10px;
	
	img{
		display:none;
	}
	&:before{
		content:"Image Editor";
		color:#ddd;
		font-size:14px;
		font-weight:bold;
		
	}
}
.actions{
	position:absolute;
	z-index:9;
	right:0;
	top:0;
	display:flex;
	gap:10px;
	align-items:center;
	.btn-close{
		height: 42px;
		font-size: 18px;
		background: #151515;
		border: 0;
		border-left: solid 1px #333;
		color: #ddd;
		width: 50px;
		&:hover{
			color:#909090;
		}
	}
}
}
.upimage-container{
	padding:5px;
		border:solid 1px #ddd;
		border-radius:4px;
		margin:5px 0;
		display:flex;
		gap:10px; 
		background:#f6f6f6;
	img{
	border-radius:2px;
	width:100px;
	}
	
}
.tblactions{
	.btn, .btn:hover{
		background:none!important;
		
		transition:0.4s;
		padding:0 5px;
		font-size:14px;
		&:before{
			background:none;
			
		}
	}
	.btn:hover{
		opacity:0.7;
		color:inherit;
	}
}
.filecontent + .filecontent{
	margin-top:12px
}
@media(max-width:768px){
	.tui-image-editor-container .svg_ic-menu{
				width: 22px!important;
				    height: 22px!important;
			}
	.tui-image-editor-container .tui-image-editor-help-menu{
		background:#3b3b3b;
		padding: 0 10px;
		width: 100%!important;
		overflow-x:auto;
		
	}
	
	.tui-image-editor-container .tui-image-editor-help-menu.top{
		top: 42px;
	}
	.tui-image-editor-container .tui-image-editor-menu>.tui-image-editor-item, 
	.tui-image-editor-container .tui-image-editor-help-menu>.tui-image-editor-item{
		margin: 0 2px;
		padding: 7px 5px 3px 5px;
	}

.tui-image-editor-submenu-item{
	
	    overflow-x: auto;
		padding: 10px !important;
}
	

.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-crop .tui-image-editor-submenu, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-resize .tui-image-editor-submenu, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-submenu, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-submenu, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-shape .tui-image-editor-submenu, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-text .tui-image-editor-submenu, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-mask .tui-image-editor-submenu, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-icon .tui-image-editor-submenu, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-draw .tui-image-editor-submenu, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-submenu, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-zoom .tui-image-editor-submenu,
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-crop .tui-image-editor-submenu>div.tui-image-editor-menu-crop, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-resize .tui-image-editor-submenu>div.tui-image-editor-menu-resize, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-submenu>div.tui-image-editor-menu-flip, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-submenu>div.tui-image-editor-menu-rotate, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-shape .tui-image-editor-submenu>div.tui-image-editor-menu-shape, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-text .tui-image-editor-submenu>div.tui-image-editor-menu-text, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-mask .tui-image-editor-submenu>div.tui-image-editor-menu-mask, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-icon .tui-image-editor-submenu>div.tui-image-editor-menu-icon, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-draw .tui-image-editor-submenu>div.tui-image-editor-menu-draw, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-submenu>div.tui-image-editor-menu-filter, .tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-zoom .tui-image-editor-submenu>div.tui-image-editor-menu-zoom{
	display:block;
	height:auto;
	padding:0;
}



}


.contprogress{
	position:fixed;
	left:0;
	right:0;
	z-index:9999;
}

.form-control{
	border-radius: 4px;
	border-color: #c3c3c3;
	height:38px;
	

}
.list-action{
		.actions{
		select.form-control{
			width:120px;
		  }
		 }
		}
.content-srch{
	.form-control{
		box-shadow:none;
	}
	.input-group-addon{
		border-color:#c3c3c3;
		border-top-left-radius:4px;
		border-bottom-left-radius:4px;
	}
}

.bar-legends{
            background: #EFEFEF;
            padding: 25px 20px;
            border-radius:20px 20px 0 20px;
            margin-left:20px;
			position:relative;
			padding-bottom: 30px;
			max-width:290px;
			h4{
					img{
						margin-left:30px;
					}
				}
			&:after{
				content: "";
				        background:url('data:image/svg+xml,<svg width="179" height="110" viewBox="0 0 179 110" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_51_2)"><path d="M146.861 64.0167C184.797 22.9287 180.959 -29.8356 180.839 -30.4375V-190.938C180.839 -196.258 178.722 -201.361 174.954 -205.124C171.185 -208.886 166.075 -211 160.746 -211H40.1864C18.0236 -211 0 -193.004 0 -170.875V-30.4375C0 -25.1166 2.11696 -20.0136 5.88516 -16.2512C9.65337 -12.4887 14.7642 -10.375 20.0932 -10.375H81.9401C81.5067 -0.457895 78.5393 9.18358 73.3201 17.6322C63.1128 33.7023 43.8836 44.6765 16.1348 50.2138L0 53.4237V110H20.0932C76.0126 110 118.67 94.5318 146.861 64.0167Z" fill="%23EFEFEF"/></g><defs><clipPath id="clip0_51_2"><rect width="179" height="110" fill="white"/></clipPath></defs></svg>') no-repeat;
						background-size:100%;
				        display: block;
				        position: absolute;
				        top: 100%;
				        right: 0;
						width:180px;
						height:110px;
			}
            .legendcont{
                display: flex;
                justify-content: stretch;
                gap: 2px;
                .lsec{
                    width: 20%;
                    font-size: 10px;
                    color: #a0a0a0;
                    .bar{
                        height: 4px;
                        margin: 4px 0 0;
                    }
                    .value{
                        font-size: 8px;
                        color: #5f5f5f;
                    }
                }
            }
        }

.loader_ac{
	position:fixed;
	z-index: 9999;
	background:rgba(255,255,255,0.7);
	backdrop-filter: blur(10px);
	left:0;
	right:0;
	top:0;
	bottom:0;
	display: flex;
	align-items: center;
	justify-content: center;
	.svg-loader{
		width:50px;
	}
	

	
	
}


.custom-loader {
  width: 50px;
  height: 50px;
  display: grid;
  border:4px solid #0000;
  border-radius: 50%;
  border-color:#E4E4ED #0000;
  animation: s6 1s infinite linear;
}
.custom-loader::before,
.custom-loader::after {    
  content:"";
  grid-area: 1/1;
  margin:2px;
  border:inherit;
  border-radius: 50%;
}
.custom-loader::before {
  border-color:#0099cc #0000;
  animation:inherit; 
  animation-duration: .5s;
  animation-direction: reverse;
}
.custom-loader::after {
  margin:8px;
}

@keyframes s6 { 
  100%{transform: rotate(1turn)}
}




.tip-points{
	list-style:none;
	margin:0;
	padding-left:15px;
	
	li{
		padding:3px 0;
		list-style: outside;
	}
}
.app, .main-panel{
	background:#ccc;
}
.panel{
	border-radius:10px;
}
.table thead{
	background:#e4e4e4;
	height:45px;
	th{
		vertical-align:middle!important;
	}
}
 
@media(max-width:768px){
	.tip{
		display:none;
	}
}

.panel{
	min-height: calc(100vh - 175px);
}
.panel-heading{
	font-weight: bold;
	    font-size: 16px;
} 





/*Custom Checkbox css*/
.cus-checkbox{
	input{
		background:#fff;
		border:solid 2px #0099cc;
		appearance: none;
		width:15px;
		height:15px;
		outline:none;
		&:checked{
			background:#0099cc url('data:image/svg+xml,<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><polyline fill="none" points="216 72 104 184 48 128" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"/></svg>') no-repeat;
			outline:none;
			
		}
	}
}

/*THEMING CSS*/
.brand .brand-logo .logotheme{
	display:none;
}
.theme-steelblue{
	background: linear-gradient(to bottom,  rgba(233,237,244,1) 0%,rgba(233,237,244,1) 35%,rgba(175,191,218,1) 100%);
	font-size:15px;
	background-attachment: fixed;
	.sidebar-panel > .brand .hamburger-icon:hover span{
		background:#000;
	}
	.form-horizontal .control-label{
		text-align:left;
	}
	&:before{
		content:"";
		position:fixed;
		clip-path: polygon(0 0, 0% 100%, 100% 0);
		background: rgba(255,255,255,0.2);
		width:50%;
		height:100%;
	}
	.main-panel > .main-content{
		min-height:calc(100vh - 115px);
		background:#fff;
		margin-top: 56px;
		border-radius:15px 0 0 15px;
		box-shadow:0 0 50px rgba(0,0,0,0.3);
		padding-top:0;
		z-index: 99;
		        position: relative;
	}
	.main-panel > .header{
		background:none;
		box-shadow:none;
	}
	.header.navbar.hscroll{
					background:#fff!important;
					box-shadow:0 0 4px rgba(0,0,0,0.3);
					}
				
	.sidebar-panel, .sidebar-panel > .brand, .main-panel{
		background:none;
		
	}
	.sidebar-panel > nav a{
		color:#3D4447;
	}
	.sidebar-panel > nav > ul > li > a:hover, 
	.sidebar-panel > nav > ul > li.open > a, 
	.sidebar-panel > nav > ul > li.open > a:hover, 
	.sidebar-panel > nav > ul > li.open > a:focus{
		background:#fff;
		color:#3D4447;
		
	}
	.sidebar-panel > nav li.open > a, .sidebar-panel > nav li.active > a
	{
		color:#3D4447;
	}
	.sidebar-panel > nav > ul > li{
		padding:0 15px;
		margin: 4px 0;
	}
	.sidebar-panel > nav > ul > li > ul{
		background:none;
	}
	
	.sidebar-panel > nav > ul > li a{
		padding: 12px 15px;
		border-radius:40px;
		> span.label {
					background:#d96557;
					color:#fff;
					width:18px;
					height:18px;
					padding: 0;
					 display: flex;
					 align-items: center;
					 justify-content: center;
					 border-radius: 20px;
					  margin-top: -2px;
					  text-indent:unset;
					}
	}
	.brand .brand-logo a{
		display:none;
	}
	
	.brand .brand-logo a.logotheme {
		display:block;
	}
	.brwsimg{
		font-weight:bold;
		font-size:15px;
		
	}
	.fileadd, .filedelete, .fileadd button, .filedelete button, .fileaddAC button, .filedeleteAC button, .fileaddIAC, .filedeleteIAC, 
	.fileaddCW button, .filedeleteCW button{
		font-size:20px;
	}

	.breadcrumb{
		border-bottom:solid 1px #ededed;
		margin:10px 0;
	}
	
	.sidebar-panel > nav > ul > li.menu-accordion.open{
	.sub-menu{
		margin:8px 0 8px 35px;
	}
	}
	.sidebar-panel > nav li.open > a .fa, .sidebar-panel > nav li.open > a > span{
		text-indent:0;
	}
	@media screen and (min-width: 768px) {
	&.layout-small-menu .sidebar-panel > nav > ul > li > .sub-menu{
			background:#fff;
		}
		&.layout-small-menu .sidebar-panel > nav > ul > li > a > span.label{
			right: -5px;
		}
		
		}
		@media(max-width:500px){
			.main-panel > .main-content{
						border-radius:0;
						
					}
		}
		
		.btn-group{
			display:inline-flex;
			.fileadd{}
			span.filedelete, span.filedeleteAC{
				margin-left: -1px;
			}
		}
		
}

.weldboard{
	text-align:center;
	padding:5%;
	height:calc(100vh - 130px);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-flow:column;
	h4{
	font-size:30px;
	margin-bottom:20px;
	}
	.img-container{
		background:#f6f6f6;
		padding:40px;
		border-radius:100%;
		width:350px;
		height:350px;
		display:flex;
		align-items:center;
		justify-content:center;
	img{
		filter: grayscale(1)  opacity(30%);
		max-width:250px
	}
	
	}
}

.main-panel > .header .header-avatar-txt{
	width: 32px;
	height: 32px;
	    margin-top: -6px;
		border-radius:100%;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
}


.sidebar-panel > nav{
	
	&::-webkit-scrollbar-track
	{
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		background-color: #F5F5F5;
	}

	&::-webkit-scrollbar
	{
		width: 6px;
		background-color: #F5F5F5;
	}

	&::-webkit-scrollbar-thumb
	{
		background-color: #000000;
	}
}


.catselection{
	display:flex;
	gap:0;
	.tagsinput{
		border-radius:  4px 0 0 4px ;
		    border:solid 1px #c3c3c3;
		    height: 38px;
			width: 100%;
			padding: 3px 12px;
			align-items: center;
			        
					span.tag a{
						vertical-align: 2px;
					}
					.tag{
						margin:1.5px 5px 1.5px 0;
						display:inline-block;
						border: solid 1px #b0b0b0;
						border-radius: 4px;
						background: #ebebeb;
						color: #363636;
						font-size: 14px;
						a{
							color: #363636;
						}
					}
			    }
	}
	.plus-icon{
		
		height:38px;
		display:flex;
		align-items:center;
		justify-content:center;
        border-radius:0  4px 4px 0;
		flex-shrink:0;
		cursor:pointer;
		padding:0 15px;
	}

.articlefoldercont{

	.subgridview{
		width:100%;
	}

.list  .comment .comment-author {
		overflow:visible;
		white-space:wrap;
		max-width:100%;
			&>button{
				text-align:left;
				padding:0;
				overflow:none;
				
			}
			
	}
	
	
	
	
}


.post-comments .label-success{
					border-radius:5px;
					background-color: #e9fff3;
					color: #63b587;
					border: solid 1px #b9f1d1;
					padding: .2em 5px .2em;
							}
.post-comments .label-danger{
						border-radius:5px;
						background-color: #fff0ef;
						color: #d9534f;
						border: solid 1px #fbb2ad;
						padding: .2em 5px .2em;
							}
				
.post-comments .label-warning{
						border-radius:5px;
						background-color: #fff6e5;
						color:#ffb607;
						border: solid 1px #ffe082;
						padding: .2em 5px .2em;
}

.post-comments .label-primary{
						border-radius:5px;
						background-color: #ebf9ff;
						    color: #3eacf1;
						    border: solid 1px #82cdff;
						padding: .2em 5px .2em;
}
.post-comments .label-default{
						border-radius:5px;
						background-color: #eee;
						border: solid 1px #b7b7b7;
						padding: .2em 5px .2em;
}



.articlefoldercont.gridview{
	.subgridview{
		display: flex;
		    flex-wrap: wrap;
		    align-items: flex-start;
			.list{
				.pull-left{
					position: absolute;
					background: none;
					width: auto;
					height: auto;
					left: 10px;
					bottom: 0;
					.avatar{
						background: none;
						color: #e9eef2;
						font-size: 30px;
						margin: 0;
					}
				}
				label{
					display:flex;
					
					>input[type=checkbox]{
						position:unset;
					}
				}
				.comment{
					height:auto;
					width:100%;
					.detailinfo{
						min-height: 120px;
					}
				}
			}
	}
	.comment-author {
		overflow:visible;
		white-space:wrap;
	&>button{
		text-align:left;
		padding:0;
		overflow:none;
		
	}
	
	}
	.grid-container{
		display:flex;
		width:100%;
		flex-wrap:wrap;
	}
}
@media(max-width:500px){
	.articlefoldercont.gridview{
		.subgridview{
			.list{
				width:100%;
				.detailinfo{
					min-height:unset!important;
				}
				.comment-meta{
					justify-content: end;
				}
			}
		}
	}
	.list-action{
		.actions{
			select.form-control{
				width:180px;
			}
		}
	}
}
.filecontentCW{
	margin-bottom:8px;
	border: 1px solid #ffe494;
	    border-radius: 5px;
	    background: #fffce5;
	padding:5px;
	.form-control {
		margin-bottom:5px;
	}
}
.filecontentLB{
	margin-bottom:8px;
	border: 1px solid #ffe494;
	    border-radius: 5px;
	    background: #fffce5;
	padding:5px;
	.form-control {
		margin-bottom:5px;
	}
}
	
	.d-none{
		display:none;
	}
	
	.btn-lg{
		font-size:15px;
	}
	
	.template-set + .template-set{
		margin-top: 10px;
		display: block;
		border-top:solid 1px #ddd;
		padding-top:10px;
	}
	.p0-sm{
		padding:0!important;
	}
	
	footer.content-footer{
		    z-index: 1;
	}
	
	.devider-row{
		margin:5px -5px 15px -5px!important;
		padding:10px!important;
		background:#f6f6f6;
		position:relative;
		border-bottom:solid 1px #000!important;
		hr{
			display:none;
			
		}
		label{
			display:none;
		}
		.icon{
			position: absolute;
			right: 10px;
			top: 7px;
			cursor: pointer;
			width: 30px;
			height: 30px;
			display: flex;
			align-items: center;
			vertical-align: middle;
			justify-content: center;
			
		}
	}
	
	.formdivider{
		color:#8e8e8e;
		font-weight: bold;
		text-transform:uppercase;
		hr{
		background:#000;
		border:solid 5px #f4f4f4;
		margin-top:5px;
		}
	}
	.btn-gray{
		background:#ececec;
		border: solid 1px #a2a2a2;
	}
	
	.devider-row{
		margin:5px -5px 15px -5px!important;
		padding:10px!important;
		background:#f6f6f6;
		position:relative;
		border-bottom:solid 1px #000!important;
		hr{
			display:none;
			
		}
		label{
			display:none;
		}
		.icon{
			position: absolute;
			right: 10px;
			top: 7px;
			cursor: pointer;
			width: 30px;
			height: 30px;
			display: flex;
			align-items: center;
			vertical-align: middle;
			justify-content: center;
			
		}
	}
	
	.dropdown-menu > li > a{
		padding:14px;
		
	}
	.dropdown-menu > li + li{
		border-top:solid 1px #ddd;
	}
	
	.btn-getscore{
	position:fixed;
	background:#fff url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 469.8 255' style='enable-background:new 0 0 469.8 255;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23EF4136;%7D .st1%7Bfill:%23F7941E;%7D .st2%7Bfill:%23F9ED32;%7D .st3%7Bfill:%23D7DF23;%7D .st4%7Bfill:%238DC63F;%7D .st5%7Bfill:%2339B54A;%7D%0A%3C/style%3E%3Cg id='XMLID_2_'%3E%3Cpath id='XMLID_30_' class='st0' d='M414.7,234.9h55.1c0-42.8-11.5-82.9-31.5-117.4L390.6,145C405.9,171.5,414.7,202.1,414.7,234.9 z'/%3E%3Cpath id='XMLID_29_' class='st1' d='M390.6,145l47.7-27.5c-21.4-37.1-51.4-66-86-86l-27.5,47.7C351.2,94.5,374.2,116.6,390.6,145z' /%3E%3Cpath id='XMLID_28_' class='st2' d='M324.8,79.2l27.5-47.7C315.3,10.1,274.8,0,234.9,0l0,55.1C265.4,55.1,296.4,62.8,324.8,79.2z' /%3E%3Cpath id='XMLID_27_' class='st3' d='M234.9,55.1l0-55.1C192.1,0,152,11.5,117.5,31.5L145,79.2C171.4,63.9,202.1,55.1,234.9,55.1z' /%3E%3Cpath id='XMLID_26_' class='st4' d='M145,79.2l-27.5-47.7c-37.1,21.4-66,51.4-86,86L79.2,145C94.4,118.5,116.6,95.5,145,79.2z'/%3E%3Cpath id='XMLID_25_' class='st5' d='M79.2,145l-47.7-27.6C10.1,154.5,0,194.9,0,234.9l55.1,0C55.1,204.3,62.8,173.3,79.2,145z'/%3E%3Ccircle id='XMLID_31_' cx='234.9' cy='234.9' r='20.1'/%3E%3Cg id='XMLID_42_'%3E%3Cpolygon id='XMLID_43_' points='238.1,217 371.1,98.6 252.7,231.6 245.4,224.3 '/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center top 5px;
	background-size:37px;
	color:#333;
	border:solid 3px #ca3025;
	right:10px;
	bottom:70px;
	border-radius:15px;
	box-shadow:2px 2px 3px rgba(0,0,0,0.6);
	text-transform:uppercase;
	font-weight:bold;
	padding-top:28px;
	&:hover{
	color:#fff;
	background:#ca3025 url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 469.8 255' style='enable-background:new 0 0 469.8 255;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23EF4136;%7D .st1%7Bfill:%23F7941E;%7D .st2%7Bfill:%23F9ED32;%7D .st3%7Bfill:%23D7DF23;%7D .st4%7Bfill:%238DC63F;%7D .st5%7Bfill:%2339B54A;%7D%0A%3C/style%3E%3Cg id='XMLID_2_'%3E%3Cpath id='XMLID_30_' class='st0' d='M414.7,234.9h55.1c0-42.8-11.5-82.9-31.5-117.4L390.6,145C405.9,171.5,414.7,202.1,414.7,234.9 z'/%3E%3Cpath id='XMLID_29_' class='st1' d='M390.6,145l47.7-27.5c-21.4-37.1-51.4-66-86-86l-27.5,47.7C351.2,94.5,374.2,116.6,390.6,145z' /%3E%3Cpath id='XMLID_28_' class='st2' d='M324.8,79.2l27.5-47.7C315.3,10.1,274.8,0,234.9,0l0,55.1C265.4,55.1,296.4,62.8,324.8,79.2z' /%3E%3Cpath id='XMLID_27_' class='st3' d='M234.9,55.1l0-55.1C192.1,0,152,11.5,117.5,31.5L145,79.2C171.4,63.9,202.1,55.1,234.9,55.1z' /%3E%3Cpath id='XMLID_26_' class='st4' d='M145,79.2l-27.5-47.7c-37.1,21.4-66,51.4-86,86L79.2,145C94.4,118.5,116.6,95.5,145,79.2z'/%3E%3Cpath id='XMLID_25_' class='st5' d='M79.2,145l-47.7-27.6C10.1,154.5,0,194.9,0,234.9l55.1,0C55.1,204.3,62.8,173.3,79.2,145z'/%3E%3Ccircle id='XMLID_31_' cx='234.9' cy='234.9' r='20.1'/%3E%3Cg id='XMLID_42_'%3E%3Cpolygon id='XMLID_43_' points='238.1,217 371.1,98.6 252.7,231.6 245.4,224.3 '/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center top 5px;
	background-size:37px;
	}
	}
	
	@media (max-width: 767px) {
		.dropdown-menu > li > a{padding:12px!important;}
		.main-panel > .header .navbar-nav{
			position:absolute;
			right:0;
			top:0;
		}
		.uinfo{
			background:#ebf7fa;
			line-height: 20px;
			padding: 12px;
		}
		.btn-getscore{
	right:10px;
	bottom:60px;
	}
		}
		
		.or{
		
		display:flex;
		align-items: center;
				justify-content: center;
				margin:0 0 12px 0;
			span{
				display:flex;
				width:30px;
				height:30px;
				align-items: center;
				justify-content: center;
				background:#f1f1f1;
				border-radius: 50px;
				font-size: 12px;
			}
		}
		
		.custom-loader {
		  width: 50px;
		  height: 50px;
		  display: grid;
		  border:4px solid #0000;
		  border-radius: 50%;
		  border-color:#E4E4ED #0000;
		  animation: s6 1s infinite linear;
		}
		.custom-loader::before,
		.custom-loader::after {    
		  content:"";
		  grid-area: 1/1;
		  margin:2px;
		  border:inherit;
		  border-radius: 50%;
		}
		.custom-loader::before {
		  border-color:#0099cc #0000;
		  animation:inherit; 
		  animation-duration: .5s;
		  animation-direction: reverse;
		}
		.custom-loader::after {
		  margin:8px;
		}
		
		@keyframes s6 { 
		  100%{transform: rotate(1turn)}
		}
		
		.bdr1grey{
			border: solid 1px #ddd;
		}