:root {
    --tim-color-1: #799a64;
    --tim-color-2: #799a64;
    --tim-color-3: #B9D0AA;
    --tim-color-4: #D8A7B1;
    --tim-color-5 : #FFF3C7;
    --tim-color-6 : #F7418F;
    --tim-color-7 : #D8A7B1;
    --tim-color-8 : #FFEECC;
    --tim-color-9: #fbf8ee;
    --tim-text-1: #355222;
    --tim-text-2: #799a64;
}




@font-face {
	font-family: iransansdn;
	font-style: normal;
	font-weight: bold;
	src: url('/fonts/eot/iransansdnbold.eot');
	src: url('fonts/eot/iransansdnbold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/iransansdnbold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/iransansdnbold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('fonts/ttf/iransansdnbold.ttf') format('truetype');
}

@font-face {
	font-family: iransansdn;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/eot/iransansdnlight.eot');
	src: url('fonts/eot/iransansdnlight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/iransansdnlight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/iransansdnlight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('fonts/ttf/iransansdnlight.ttf') format('truetype');
}

@font-face {
	font-family: iransansdn;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/eot/iransansdn.eot');
	src: url('fonts/eot/iransansdn.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/iransansdn.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/iransansdn.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('fonts/ttf/iransansdn.ttf') format('truetype');
}





@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: bold;
	src: url('fonts/eot/iranyekanwebboldfanum.eot');
	src: url('fonts/eot/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff/iranyekanwebboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('fonts/ttf/iranyekanwebboldfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 100;
	src: url('fonts/eot/iranyekanwebthinfanum.eot');
	src: url('fonts/eot/iranyekanwebthinfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff/iranyekanwebthinfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('fonts/ttf/iranyekanwebthinfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/eot/iranyekanweblightfanum.eot');
	src: url('fonts/eot/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff/iranyekanweblightfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('fonts/ttf/iranyekanweblightfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/eot/iranyekanwebregularfanum.eot');
	src: url('fonts/eot/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff/iranyekanwebregularfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('fonts/ttf/iranyekanwebregularfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 500;
	src: url('fonts/eot/iranyekanwebmediumfanum.eot');
	src: url('fonts/eot/iranyekanwebmediumfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff/iranyekanwebmediumfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('fonts/ttf/iranyekanwebmediumfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 800;
	src: url('fonts/eot/iranyekanwebextraboldfanum.eot');
	src: url('fonts/eot/iranyekanwebextraboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff/iranyekanwebextraboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('fonts/ttf/iranyekanwebextraboldfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 850;
	src: url('fonts/eot/iranyekanwebblackfanum.eot');
	src: url('fonts/eot/iranyekanwebblackfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff/iranyekanwebblackfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('fonts/ttf/iranyekanwebblackfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 900;
	src: url('fonts/eot/iranyekanwebextrablackfanum.eot');
	src: url('fonts/eot/iranyekanwebextrablackfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff/iranyekanwebextrablackfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('fonts/ttf/iranyekanwebextrablackfanum.ttf') format('truetype');
}




@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 700;
	src: url('fonts/woff/IRANSansX-Bold.woff') format('woff'),   
	url('fonts/woff2/IRANSansX-Bold.woff2') format('woff2');	 
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 400;
	src: url('fonts/woff/IRANSansX-Regular.woff') format('woff'),   
	url('fonts/woff2/IRANSansX-Regular.woff2') format('woff2');	
}

 .flash {
  -webkit-animation-name: flash;
  animation-name: flash;
  -webkit-animation-duration: 4s;
  animation-duration:4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  }
  @-webkit-keyframes flash {
  0%, 50%, 100% {
  opacity: 1;
  }
  
  25%, 75% {
  opacity: 0;
  }
  }
  
  @keyframes flash {
  0%, 50%, 100% {
  opacity: 1;
  }
  
  25%, 75% {
  opacity: 0;
  }
  } 

@keyframes wiggle {
  0%, 7% {
    transform: rotateZ(0);
  }
  15% {
    transform: rotateZ(-15deg);
  }
  20% {
    transform: rotateZ(10deg);
  }
  25% {
    transform: rotateZ(-10deg);
  }
  30% {
    transform: rotateZ(6deg);
  }
  35% {
    transform: rotateZ(-4deg);
  }
  40%, 100% {
    transform: rotateZ(0);
  }
}

body {
  background: #000;
}



.timazh-box{
    text-align:center;
    background: var(--tim-color-9);
    border: 2px solid var(--tim-color-3);
    max-width: 497px;
    min-height: 480px;
    border-radius: 50px;
    padding: 14px 10px;
    margin: 5px auto;
}

.top-basket {
    width: 218px;
    height: 203px;
    border-color:  var(--tim-color-3);
    border-radius: 50% 50% 0 0;
    margin: 3px auto;
    margin-bottom: -114px;
    border-bottom: 0;
    border-style: double;
    border-width: 13px;
    display: none;
}

.sm-box.box-1 {}

.address {
    margin: 22px auto 4px;
    display: block;
    font-size: 14px;
}

.btn-visit {
    border-radius: 3px !important;
    line-height: 34px !important;
    min-height: 50px;
    font-family: 'iranyekan';
    /* font-weight: bold; */
}

.titles {
    padding-top: 9px;
    display: inline-block;
    COLOR: var(--tim-text-2);
}
.emp .titles {
      /* COLOR: #ffffff; */
}

.top {line-height: 28px;display: block;margin-bottom: 7px;background: #fff;border-radius: 50px 50px 0 0;padding: 18px 10px 58px;border: 2px solid var(--tim-color-9);margin: -15px -10px 0px;border-bottom: navajowhite;););););margin-bottom: 0px;}

.titles {
}

.sm-logo {
    float: right;
    margin: 0 auto;
    /* width: 70px; */
    background: transparent;
    display: inline-block;
    padding: 9px 17px 16px 2px;
    border-radius: 50%;
    /* border: 1px dashed var(--tim-color-3); */
}
.emp .sm-logo {
	width: 92px;
}

.sm-box-title {
       margin-bottom: 8px;
    font-size: 18px;
    font-weight: 800;
}

.sm-box-title::after , .sm-box-title::before {
    content: "";
    border-top: 1px solid #919191;
    display: inline-flex;
    width: 25px;
    margin-left: 10px;
    margin-right: 0px;
    height: 5px;
    border-bottom: 1px dotted #999;
    border-color: var(--tim-text-1);
}
.sm-box-title::before{
	    margin-right: 10px;
    margin-left: autopx;
}
.sm-box {
    /* border-bottom: 1px dashed #bbb; */
    padding-bottom: 10px;
}

.birth_box {
    padding: 14px;
    background: #ffffffeb;
    border-radius: 5px;
}

.sm-box a {
    padding: 5px;
    background: var(--tim-color-1);
    display: inline-block;
    text-decoration: none;
    width: fit-content;
    margin: 11px auto 3px;
    border-radius: 5px;
    padding: 6px 15px 8px 10px;
    color: #fff;
    line-height: 37px;
    font-weight: bold;
    letter-spacing: 1px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
    font-family: 'iranyekan';
}



a.shop-btn .icon {
    width: 28px;
    background: #a1f1e2;
    border-radius: 50%;
    padding: 3px;
}

a.shop-btn {
    background: #33c9ad;
    animation: wiggle 3s linear infinite;
    border-bottom: 3px solid;
}

a.phone-btn {
    color: #ffffff;
    border: 1px solid var(--tim-color-1);
    padding: 4px 8px;
    font-weight: 500;
    width: 169px;
    display: inline-block;
    /* height: 95px; */
    font-family: 'iranyekan';
}

a.whats-btn {
    background: #fff;
    color: #00a13c;
    border: 1px solid #25d366;
    padding: 4px 10px 0px 5px;
    width: 195px;
    font-weight: normal;
}

a.whats-btn.eita-btn {
    border-color: #ef7b00;
    color: #d97001;
}

a.whats-btn.eita-btn {}

a.tg-btn {
    background: #fff;
    color: #0d82d5;
    border: 1px solid #1da7ff;
    padding: 4px 10px 0px 5px;
    min-width: 195px;
    display: block;
}


a.balad-btn , a.neshan-btn {
    /* line-height: 28px !important; */
    /* height: 28px; */
    background: #fff;
    display: block;
    COLOR: #747474;
    border: 2px solid #ccc;
    min-width: 166px;
}


.icon-balad {
    width: 30px;
    float: right;
    margin-left: 10px;
    /* margin-right: auto; */
    text-align: center;
    display: flex;
    align-content: center;
    flex-wrap: wrap-reverse;
}


 a.balad-btn , a.neshan-btn {
    /* line-height: 28px !important; */
    /* height: 48px; */
    background: #fff;
    display: block;
    COLOR: #747474;
    border: 2px solid #ccc;
    min-width: 166px;
}
 a.balad-btn {
    /* display: flex; */
    justify-content: center;
}
.icon {
    display: inline;
    float: left;
    width: 31px;
    margin-right: 3px;
    /* border: 2px solid #fff; */
    /* border-radius: 50%; */
    line-height: 10px;
    margin: auto 0;
}

.whats-btn .icon {
    border-radius: 0;
}

.text-icon {
    width: 53px;
    position: relative;
    display: block;
    margin: 5px auto 16px;
}

.sm-centet {
    border: none;
    background: var(--tim-color-9);
    border-radius: 0 0;
    min-height: 500px;
    padding: 15px 5px;
    /* background-image: url("img/bg3.jpg"); */
    background-attachment: fixed;
	border-radius: 50px;
}

.tab-content {
	border-radius: 50px;
	padding-bottom: 0 !important;!i;!;
}

.btn-status {
    width: fit-content;
    background-color: #fff !important;
    opacity: 1 !important;
    font-family: 'iranyekan';
    font-size: 14px;
}

.btn-status .spinner-grow {
    --bs-spinner-animation-speed: 1s;
    vertical-align: text-top;
    margin-right: 0;
    margin-left: 5px;
}

.sm-logo img {
    filter: invert(0.6);
}

body {
    font-family: "IRANSansX";
    justify-content: center;
    flex-direction: column;
    background: var(--tim-color-9);
    COLOR: var(--tim-text-2);
    padding: 15px;
}

.sm-title2 {
    font-size: 15px;
    padding: 5px;
    margin: 0px 0 15px;
    /* font-weight: bold; */
    /* color: #818181; */
}

.sm-title {
    padding: 4px 10px 11px;
    font-size: 21px;
    font-weight: bold;
    margin: 0px auto 0px;
    /* background: #fff; */
    /* border-bottom: 1px solid #ccc; */
    /* width: fit-content; */
}

.divider
{
	position: relative;
	margin-top: 18px;
	height: 1px;
	margin-bottom: 28px;
}

.div-transparent:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, var(--tim-color-1), transparent);
}

.div-arrow-down:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -7px;
	left: calc(50% - 7px);
	width: 14px;
	height: 14px;
	transform: rotate(45deg);
	background-color: #fff3ee;
	border-bottom: 1px solid var(--tim-color-1);
	border-right: 1px solid var(--tim-color-1);
}

.div-tab-down:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: calc(50% - 10px);
	width: 20px;
	height: 14px;
	background-color: white;
	border-bottom: 1px solid rgb(48,49,51);
	border-left: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
	border-radius: 0 0 8px 8px;
}

.div-stopper:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -6px;
	left: calc(50% - 7px);
	width: 14px;
	height: 12px;
	background-color: white;
	border-left: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
}

.div-dot:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -9px;
	left: calc(50% - 9px);
	width: 18px;
	height: 18px;
	background-color: goldenrod;
	border: 1px solid rgb(48,49,51);
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px white,
					0 0 0 4px white;
}


@keyframes insta {
	0% {margin-right:5px}
	25% {margin-right:0px;background:#f55}
	75% {margin-right:5px;}
	100% {margin-right:0px;}

	
}

#status-text {
    border-radius: 3px;
    /* border-right: 17px double #000; */
    /* border-left: 6px solid #000; */
    font-weight: bold;
    font-family: "IRANSansX";
}



.emp table tbody tr td:first-child {
	color : #555;
}
.emp table tbody tr td:nth-child(2) {
	font-weight : bold;
	background: #deffde;
}

.emp #add-form-box , .emp #ok-form-box{
	background: #e6e6e6;
	padding: 10px;
	width: 100%;
	border-radius: 5px;
	margin-top: 14px;
}



.work-time {
	    font-weight: 700;
	    line-height: 34px;
	    /* letter-spacing: 1px; */
	    color: var(--tim-text-1);
	    font-family: 'iranyekan';
	    font-size: 17px;
	    background: #ffffffa1;
	    margin: 22px 0 24px;
}



/***requests*/
.request-block{
	border: 2px solid var(--tim-color-2);
	padding: 5px;
	border-radius: 10px;
	color: #fff;
	font-family: 'iranyekan';
	font-size: 15px;
}
.rq-row{
	padding: 5px;
	background: var(--tim-color-8);
	border-radius: 5px;
	width: 100%;
	color: var(--tim-text-2);
}

.rq-label {
    color: #772135;
    /* float: right; */
    padding-right: 2px;
    font-size: 12px;
    font-weight: 700;
    display: block;
}
.rq-title{
	background: var(--tim-text-1);
	color: #fff;
}
.rq--code{
	
}
.rq-date{
	
}

.rq-activity{
	background: #f1f1f1;
}

.rq-row.rq-activity a {
    padding: 10px;
    height: 38px;
    /* line-height: 36px; */
    border-radius: 3px;
    width: 100%;
    min-height: 50px;
    line-height: 48px;
    /* background: #8BC34A; */
    /* border: none; */
}
.rq-status{
	background: #ffffff;
	color: #6e6e6e;
	border: 1px solid #ccc;
}

.insta-btn {
    border-radius: 8px;
    background: linear-gradient(49.12deg, #dbf3cc 6.62%, #b9d0aa 50.06%, #c5f3a7 93.5%) !important;
    color: #0f6b40 !important;
    box-shadow: rgba(67, 76, 96, 0.15) 0px 4px 8px;
    font-weight: 800!important;
    line-height: 31px !important;
    padding: 9px 27px 8px 22px !important;
    border: 1px solid #a4d784;
}

.insta-btn i {
    font-size: 33px;
    vertical-align: bottom;
}