<style>
	:root{
		--p-color: #42bfb9;
		--p-light-bg-color: #ecf9f8;
		--p-color-text: #21877e;
		--p-color-bg-active: #b9ede9;
	}


	@font-face{
		font-family:'yekan';
		src:url('<?php _e(plugin_dir_url(__FILE__)) ?>style/fonts/Yekan.eot');
		src:url('<?php _e(plugin_dir_url(__FILE__)) ?>style/fonts/Yekan.eot#iefix') format('embedded-opentype'),url('<?php _e(plugin_dir_url(__FILE__)) ?>style/fonts/Yekan.woff') format('woff'),url('<?php _e(plugin_dir_url(__FILE__)) ?>style/fonts/Yekan.ttf') format('truetype'),url('<?php _e(plugin_dir_url(__FILE__)) ?>style/fonts/Yekan.svg#CartoGothicStdBook') format('svg');
		font-weight:normal;
		font-style:normal
	}

	.sgcontainer *{
		font-family:yekan;
	}
	.sgcontainer {
		display: flex;
		background: #fff;
		border-radius: 15px;
		max-width: 95%;
		margin: 2rem auto 0;
		overflow:hidden;
		box-shadow: -1px 1px 11px #afafaf1a;
	}

	
	.userStatusPlace.yekan:empty{
		display:none;
	}
	
	.userStatusPlace.yekan {
		background: #32a9a0;
		padding: 15px;
		border-radius: 5px;
		font-size:15px;
		color: #fff;
	}

	.sgrow.top-icons-avanak {
		display: flex;
		flex-direction: column;
		padding: 5px;
		max-width: 200px;
		width: 100%;
		background: var(--p-light-bg-color);
	}

	.sgrow.top-icons-avanak > a {
		display: flex;
		align-items: center;
		border-radius: 15px;
		border: 1px solid transparent;
		margin-bottom: 7px;
		padding: 5px 10px;
		transition: 0.3s all ease-in;
		color: var(--p-color-text);
	}

	.sgrow.top-icons-avanak > a svg * {
		stroke: currentColor;
	}

	.sgrow.top-icons-avanak > a svg {
		margin-left: 5px;
	}

	.sgrow.top-icons-avanak > a.active {
		background: var(--p-color-bg-active);
		border-radius: 50px;
	}

	.sgrow p,.sgrow a,.sgrow h1,.sgrow h2,.sgrow h3,.sgrow h4,.sgrow h5,.sgrow h6 {
		margin: 0;
		text-decoration: none;
	}

	.sgrow {
		flex: 1 auto;
	}

	.sgrow.top-icons-avanak > a:hover {
		padding-right: 14px;
	}

	.sgrow.top-icons-avanak > a > * {
		font-size: 14px !important;
	}

	#avanak-content h2.hndle {
		margin-bottom: 1rem;
		padding: 10px 5px;
		border-bottom: 1px solid #ccc;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#avanak-content .setting-page {
		padding: 10px;
	}

	#avanak-content .form-field {
		margin-bottom: 10px;
	}

	#avanak-content select{
		border-radius: 10px;
		border-color: #c4c4c4;
		padding: 4px 10px;
	}

	#avanak-content textarea{
		padding: 5px;
		border-radius: 10px;
	}
	#avanak-content input[type=text],#avanak-content input[type=password],#avanak-content input[type=number] {
		padding: 5px;
		border-radius: 20px;
		outline: none !important;
		box-shadow: none !important;
		margin-top: 3px;
	}

	#avanak-content .button-primary {
		background: var(--p-light-bg-color);
		padding: 10px 20px;
		border-radius: 20px;
		line-height: 1;
		color: var(--p-color-text);
		margin: 0 3px 10px;
	}

	#avanak-content .setting-page .box {
		margin-top: 1rem;
		padding: 10px;
		border-radius: 20px;
		box-shadow: -1px 1px 8px 0px #cbcbcb5e;
	}

	/* Modal ------- */

	.ui-dialog[aria-describedby=dialog-avanak] {
		max-width: 300px !important;
		background: #fff;
		border-radius: 15px;
		left: 40% !important;
		top: 40% !important;
		position: fixed !important;
		z-index: 10002 !important;
		padding: 10px;
		/* display: flex !important; */
		flex-direction: column;
	}

	.ui-widget-overlay.ui-front {
		position: fixed;
		top: 0;
		left: 0;
		background: #000000b8;
		z-index: 9999;
		width: 100%;
		height: 100%;
	}

	.ui-dialog[aria-describedby=dialog-avanak] .ui-dialog-titlebar {
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #e1e1e1;
		padding: 5px;
		margin-bottom: 12px;
	}

	.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
		width: 100%;
		border-top: 1px solid #d9d9d9;
		padding: 5px;
	}

	form#WCF_avanak> div {
		width: 50%;
		display: flex;
		flex-direction: column;
	}

	form#WCF_avanak {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	@media screen and (max-width:640px){
		.sgcontainer {
			flex-direction: row;
			flex-wrap: wrap;
		}

		.sgrow.top-icons-avanak {
			flex-direction: row;
			overflow: scroll;
			width: 100%;
			max-width: 100%;
			position: relative;
		}

		.sgrow.top-icons-avanak > a {
			margin: 5px 10px;
			width: auto;
			display: flex;
			white-space: nowrap;
		}

		.sgrow.top-icons-avanak:after {
			content: "";
			width: 20px;
			height: 100%;
			display: block;
			background: linear-gradient(90deg, #00000033, transparent);
			/* position: absolute; */
			left: 0;
		}

		.ui-dialog[aria-describedby=dialog-avanak] {
			left: 10% !important;
		}
		
		form#quicksendform input {
			max-width: 100px;
		}
	}
</style>

<script>
    function cm(t, b) {
        $("#dialog-avanak").html(b);
        $("#dialog-avanak").dialog({
            resizable: false,
            height: "auto",
            width: "auto",
            title: t,
            dialogClass: "alert",
            modal: true,
            buttons: [{
                    text: "بستن",
                    click: function () {
                        $(this).dialog("close");
                    }
                }]
        });
    }
    function c4e(e) {
        return $.trim($("#" + e).val()).length > 0 ? true : false;
    }
    function checkMobileNumber(m) {
        var pReg = /0\d{10}/;
	return ((pReg.exec(m) != m) ? false : true);
    }
</script>