body.page-type-backend-table,
	body.page-type-backend-table h1,
	body.page-edit
	{
		font-family:'Baloo Chettan 2';
		font-weight:400;
		letter-spacing:0;
	}

	body.page-type-backend-table h1
	{
		color: rgb(6,71,113)
	}



	body.page-edit {
		padding-top:70px;
		width:100vw;
		margin:0 auto;
		font-size:calc(10px + (14 - 10) * ((100vw - 320px) / (1200 - 320)));
	}


	/* icon font-size */
	body.page-edit i.fa,
	body.page-edit i.fas,
	body.page-edit i.far
	{
		font-size:calc(12px + (16 - 12) * ((100vw - 320px) / (1200 - 320)));
		color:rgb(6,71,113);
	}

	#wz-edit-page
	{
		width:calc(100vw - 524px);
		transition: all 0.5s;
	}


	body.assets_hide #wz-edit-page
	{
		width:calc(100vw - 48px);
	}

	#wz-edit-assets
	{
		position:fixed;
		bottom:0;
		right:0;
		height:calc(100vh - 70px);
		width:500px;
		background-color:#f1f1f1;
		padding:0;
		overflow-y:auto;
		transition: all 0.5s;
	}

	body.assets_hide #wz-edit-assets
	{
		right:-476px;
	}

	#wz-edit-assets > .ci > .cfo > .cfi > .cc > .wz-tabgroup-body
	{
		padding-left:24px;
		padding-right:24px;
	}




	#wz-backend-top-bar
	{
		display:flex;
		position:fixed;
		top:0;
		left:0;
		height:70px;
		background-color:rgb(6,71,113);
		width: 100vw;
		z-index:50;
		color:#fff;
	}

	#wz-backend-top-bar h3
	{
		color:#fff;
	}

	#wz-backend-top-bar input
	{
		margin-right:12px;
	}


	body.page-edit .wz-tabgroup
	{
		width:100%;
	}


	body.page-edit .edit-field-label label
	{
		white-space:nowrap;
		font-weight:bold;
		font-size:calc(9px + (12 - 9) * ((100vw - 320px) / (1200 - 320)));
		padding-bottom:calc(10px + (14 - 10) * ((100vw - 320px) / (1200 - 320)));
	}


	/* tab label */
	body.page-edit .wz-tab-label > .ci > .cfo > .cfi > .cc
	{
		white-space:nowrap;
		font-weight:600;
		font-size:calc(9px + (12 - 9) * ((100vw - 320px) / (1200 - 320)));
		padding:calc(3px + (6 - 3) * ((100vw - 320px) / (1200 - 320)));
		padding-top:calc(2px + (4 - 2) * ((100vw - 320px) / (1200 - 320)));
		padding-bottom:calc(2px + (4 - 2) * ((100vw - 320px) / (1200 - 320)));
	}


	/* tabgroup label */
	body.page-edit .wz-tabgroup-label > .ci > .cfo > .cfi > .cc > h3,
	body.page-edit .wz-label > .ci > .cfo > .cfi > .cc > h3
	{
		white-space:nowrap;
		font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1200 - 320)));
	}







	body.page-edit .wz-entity
	{
		width:100%;
	}


	body.page-edit input[type="text"],
	body.page-edit textarea
	{
		width:100%;
	}




	::placeholder
	{
		opacity:1;
		color:#ccc;
	}





	/* entity header */
	body.page-edit .wz-entity-header > .ci > .cfo > .cfi > .cc > h4
	{
		white-space:nowrap;
		font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1200 - 320)));
	}







	#wz-hideaway
	{
		display:none;
	}
	
	#wz-layer-background
	{
		display:none;
	}

	#wz-layer-wrapper > *
	{
		width:30vw;
		background-color:#fff;
		display: flex;
		flex-direction:column;
		justify-content:space-between;
		align-items:flex-start;
	}

	#wz-layer-wrapper .wz-dialog
	{
		cursor:default;
	}


	#wz-layer-wrapper .dialog-header,
	#wz-layer-wrapper .menu-header
	{
		display: flex;
		flex-direction:row;
		justify-content:space-between;
		padding:calc(6px + (10 - 6) * ((100vw - 320px) / (1200 - 320)));
		background-color:#ededed;
		width:100%;
	}


	#wz-layer-wrapper .dialog-footer,
	#wz-layer-wrapper .menu-footer
	{
		display: flex;
		flex-direction:row;
		justify-content:center;
		padding:calc(6px + (10 - 6) * ((100vw - 320px) / (1200 - 320)));
		background-color:#ededed;
		width:100%;
	}

	#wz-layer-wrapper .menu-items
	{
		display: flex;
		flex-direction:column;
		justify-content:flex-start;
		width:100%;
	}

	#wz-layer-wrapper .menu-items .menu-item a,
	#wz-layer-wrapper .menu-items .menu-item .menu-item-link
	{
		width:100%;
	}

	#wz-layer-wrapper .menu-items .menu-item a,
	#wz-layer-wrapper .menu-items .menu-item .menu-item-link
	{
		display:block;
		width:100%;
		border-top: 1px solid #ccc;
		padding-top:calc(6px + (10 - 6) * ((100vw - 320px) / (1200 - 320)));
		padding-bottom:calc(6px + (10 - 6) * ((100vw - 320px) / (1200 - 320)));
		padding-left:calc(10px + (16 - 10) * ((100vw - 320px) / (1200 - 320)));
		padding-right:calc(10px + (16 - 10) * ((100vw - 320px) / (1200 - 320)));
	}

	#wz-layer-wrapper .menu-items .menu-item:last-child a,
	#wz-layer-wrapper .menu-items .menu-item:last-child .menu-item-link
	{
		border-bottom: 1px solid #ccc;
	}

	#wz-layer-wrapper .menu-items .menu-item a:hover,
	#wz-layer-wrapper .menu-items .menu-item .menu-item-link:hover
	{
		background-color:#f1f1f1;
	}


	.wz-button button
	{
		cursor: pointer;
		padding: calc(8px + (16 - 8) * ((100vw - 320px) / (1200 - 320)));
		padding-top: calc(5.09091px + 0.909091vw);
		padding-bottom: calc(5.09091px + 0.909091vw);
		padding-top: calc(3px + (6 - 3) * ((100vw - 320px) / (1200 - 320)));
		padding-bottom: calc(3px + (6 - 3) * ((100vw - 320px) / (1200 - 320)));
		border-radius: 5px;
		border: 1px solid #cccccc;
		background-color: #f1f1f1;
		font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1200 - 320)));
	}





	#usermenu
	{
		z-index:200;
		position: fixed;
		bottom:0;
		left: 50%;
		-webkit-transform: translate(-50%);
		-ms-transform: translate(-50%);
		transform: translate(-50%);
		padding:calc(6px + (10 - 6) * ((100vw - 320px) / (1200 - 320)));
		padding-left:calc(24px + (32 - 24) * ((100vw - 320px) / (1200 - 320)));
		padding-right:calc(24px + (32 - 24) * ((100vw - 320px) / (1200 - 320)));
		border-top-left-radius:12px;
		border-top-right-radius:12px;
		background-color: rgba(6,71,113,.7);
	}

	#usermenu i
	{
		cursor: pointer;
		color:#fff;
		font-size:calc(14px + (18 - 14) * ((100vw - 320px) / (1200 - 320)));
	}

	.wz-cell.widget-backend-table table
	{
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}

	.wz-cell.widget-backend-table th,
	.wz-cell.widget-backend-table td
	{
		margin: 0;
		padding: 0;
		border: none;
		border-collapse: collapse;
		border-spacing: 0;
		vertical-align: inherit;
		text-align: left;
		font-weight: inherit;
		-webkit-border-horizontal-spacing: 0;
		-webkit-border-vertical-spacing: 0;

		border-top:1px solid #ccc;
		padding:8px;
		padding-top:12px;
		padding-bottom:12px;
	}

	.wz-cell.widget-backend-table th.edit,
	.wz-cell.widget-backend-table th.options,
	.wz-cell.widget-backend-table td.edit,
	.wz-cell.widget-backend-table td.options
	{
		text-align: center;
	}

	.wz-cell.widget-backend-table th
	{
		background-color:#f1f1f1;
	}



/*	----------------------------------------------------
	TAB
	---------------------------------------------------- */



	body.page-edit .wz-tabgroup-panes > .ci > .cfo > .cfi > .cc > .wz-tab-pane {
		display:none;
	}

	body.page-edit .wz-tabgroup-panes > .ci > .cfo > .cfi > .cc > .wz-tab-pane.pane-active {
		display:flex;
	}

	body.page-edit .wz-tabgroup-labels > .ci > .cfo > .cfi > .cc > .wz-tab-label
	{
		cursor:pointer;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background-color #d1d1d1;
	}

	body.page-edit .wz-tabgroup-labels > .ci > .cfo > .cfi > .cc > .wz-tab-label.tab-active {
		background-color #f1f1f1;
		border-bottom-color: #fafafa;
		z-index: 10;
	}

	body.page-edit .wz-tabgroup-panes {
		margin-top: -1px;
	}

	body.page-edit input.wz-field[type="text"],
	body.page-edit textarea.wz-field
	{
		padding:calc(4px + (6 - 4) * ((100vw - 320px) / (1200 - 320)));
		font-size:calc(10px + (14 - 10) * ((100vw - 320px) / (1200 - 320)));
		color:#444;
		border:1px solid #ccc;
		border-radius:0;
	}



	body.page-edit .wz-tabgroup.style-1 .wz-tab-label,
	body.page-edit .wz-tabgroup.style-1 .wz-tab-pane
	{
		background-color: #fff;
	}

	body.page-edit .wz-container.style-2,
	body.page-edit .wz-tabgroup.style-2 .wz-tab-label,
	body.page-edit .wz-tabgroup.style-2 .wz-tab-pane
	{
		background-color: #fafafa;
	}

	body.page-edit .wz-tabgroup.style-2 .wz-tab-label
	{
		background-color: #f0f0f0;
	}

	body.page-edit .wz-tabgroup.style-2 .wz-tab-label.tab-active
	{
		background-color: #fafafa;
	}

	body.page-edit .wz-tabgroup.style-2 .wz-tab-label
	{
		border-top: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}

	body.page-edit .wz-tabgroup.style-2 .wz-tab-label:first-child
	{
		border-left: 1px solid #ddd;
	}



	.wz-field.invalid
	{
		border:2px solid #bb0000;
	}



	.wz-cell.wz-image-preview
	{
		width:200px;
	}



/* ========================= */

.flfl-x.flva-center {
    align-items: center;
}

div.flfl-x {
    display: flex;
    flex-direction: row;
    flex: 1 0 auto;
    width: 100%;
    margin: calc(-2px + (-4 + 2) * ((100vw - 320px) / (1200 - 320)));
}

div.flfl-x > * {
    padding: calc(2px + (4 - 2) * ((100vw - 320px) / (1200 - 320)));
}



/* ========================= */