@font-face {
  font-family: moonlineA_1;
  src: url("Helvetica Moonline A_1.ttf");
}
@font-face {
  font-family: moonlineB_2;
  src: url("Helvetica Moonline B_2.ttf");
}
@font-face {
  font-family: moonlineC_3;
  src: url("Helvetica Moonline C_2.ttf");
}
@font-face {
  font-family: NRT;
  src: url("font/NRT.ttf");
}

/*color*/
.shn{background: #d4f8ff;}
body{
    font-family: moonlineB_2;    
    font-size:12px;
	color: #000;
	background: #efefef;
	direction: rtl;
    padding-top: 35px;
}

.inco{
	color: #0f56c7;
}
span.iqd {
    color: #F00;
    font-size: 10px;
}
h3 p {
    padding: 0;
    margin: 5px 0;
}
p.pagesxwar {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
}
/*, *::after, *::before {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
-webkit-app-region: no-drag;    
}*/
.db{
    display: inline-block !important;
}
.chat-conversation li {
    text-align: left;
}
.moonlineA_1{
  font-family: moonlineA_1;    
}
.moonlineC_3{
    font-family: moonlineC_3;    
}
.moonlineB_2{
    font-family: moonlineB_2;    
}
*{
    font-family: moonlineC_3;
    font-size:16px;
}
small{
    font-family: moonlineB_2;
}
li{
	list-style: none;
}
a,a:hover{
	text-decoration: none;
}
.xrbazn h1 {
    background: #000;
    padding: 8px 46px;
    font-size: 28px;
    display: inline;
    border-radius: 34px 35px 0 0;
}
.xrbazn {
    position: absolute;
    bottom: 11px;
    width: 100%;
    left: 0;
    text-align: center;
}
.txc {
    text-align: center !important;
}
.loading {
  position: fixed;
  z-index: 999;
  height: 100px;
  width: 100px;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255 255 255 / 50%);
}
.form-nasrola {
    width: 100%;
    text-align: center;
    border: none;
    border-bottom: solid 1px #c2c2c2;
    padding: 4px;
}
.at-item {
    width: 130px;
    text-align: center;
    cursor: pointer;
    border-radius: 15px 0;
    border: solid 1px #1c4596;
    margin: 7px;
    background-color: #0000007a;
    animation-name: flip-in-diagonal-bl;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none;
}

.at-minu {
    animation-name: flip-in-diagonal-bl;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none;
    background-image: linear-gradient(#0f56c7, #fff7e0);
    display: inline-block;
    width: 157px;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
}
.at-minu:hover {
    background-image: linear-gradient(#0f56c7, #ffffff);
    cursor: pointer;
}
.nerdarop p {
    text-align: center;
    margin-right: 6px;
    margin-top: 12px;
}

img.addp.imgdfo {
    width: 55px;
    display: inline-block;
}
i.dcv {
    position: absolute;
    left: 4px;
    font-size: 27px;
    top: 3px;
	cursor:pointer;
}
div.form-control {
    margin: 6px;
    width: 96%;
}
.ereor {
    position: absolute;
    left: 15px;
    top: 8px;
    height: 35px;
    width: 185px;
    color: #F00;
    font-size: 10px;
	display:none;
}
.tybn {
    height: 38px;
    width: 40px;
    padding: 5px 5px;
}
.tybn i {
    font-size: 24px;
}
.formsty{
	margin: 4px 0;
    background: #0000004a;
    color: #FFF;
    width: 80%;
    display: inline-block;
    border-radius: 100px;
    padding: 1px;
}
#chatra__iframe.modal-logo__inner {
    display: none !important;
}
.swal-text {
    text-align: center !important;
}
b.inform {
    position: absolute;
    left: -5px;
    top: -5px;
    font-size: 20px;
    cursor: pointer;
    z-index: 20;
    color : #0f56c7;
    border-radius: 100%;
    border: solid 2px #000;
}
.formTitle {
    background : #0f56c7;
    padding: 9px;
    border: solid 2px ;
    margin: 5px 0;
    border-radius: 10px;
	border-style: dashed;
}
.kokan {
    position: relative;
    background: #ffffcb;
    display: inline-block;
    width: 100px;
    margin: 5px;
    font-size: 10px;
    padding: 5px 5px 5px 25px;
    border-radius: 5px;
    border: solid 1px #ffc107;
	height: 28px;
}
.vbNm{
	position: fixed;
    left: -3px;
    background: #0f56c7;
    width: 46px;
    height: 280px;
    padding: 15px 0;
    border-radius: 0 10px 10px 0;
    border: solid 1px #000;
}
img.plepro {
    position: absolute;
    bottom: -25px;
    width: 48px;
    left: 42px;
}
img.doblicate {
    position: absolute;
    width: 30px;
    z-index: 2;
    top: 2px;
    cursor: pointer;
    left: 5px;
}
.haldanbo.bahra {
    background: #fff;
    padding: 14px;
    margin: 10px 0;
    border-radius: 11px;
}
.vbNm i {
	font-size: 25px;
    color: #000;
    cursor: pointer;
    display: block;
    margin: 7px 0;
}
.vbNm i:hover {
    color: #fff;
}
.nav-sabt {
    position: absolute;
    left: 2%;
    max-width: 50%;
    height: 47px;
    display: contents;
}
.newMewam .sbtn {
    border-radius: 30px;
    padding: 1px 22px;
    margin: 0 0 7px 0;
    width: 100%;
}
.newMewam .nmert {
    width: 100%;
    padding: 0 7px;
}
.nav-sabt .mnop {
    margin: 0 0;
    padding: 5px;
    text-align: center;
    width: 45px;
	position: relative;
    font-size: 20px;
	border-top: solid #ff00;
	cursor: pointer;
}
.newMewam {
    display: flex;
    padding: 0 2%;
    width: 100%;
    position: initial;
    justify-content: space-between;
}

.mnop img {
    width: 30px;
}
span.scxb {
    padding: 4px 3px 0 3px;
    font-size: 10px;
    position: absolute;
    right: 17px;
    top: 5px;
}
span.zmrnAlert {
    padding: 4px 3px 0 3px;
    font-size: 10px;
}
.zmrn {
    width: 100%;
    position: absolute;
    top: -5px;
}
.alertsui{
    margin: 0 7px 0 7px;
    text-align: center;
    cursor: pointer;
}
.mnopaler {
    width: 40px;
    position: relative;
}
.zmrnAlert {
    position: absolute;
    top: -5px;
    width: 100%;
}
span.scxbr{
    padding: 4px 3px 0 3px;
    font-size: 10px;
}
.ucb {
    position: absolute;
    bottom: 0;
    padding: 10px 5px;
    left: 0;
    width: 100%;
    text-align: left;
    background-image: linear-gradient(#ffffff00, #ffffffcc, #ffffff);
}
.ucb p {
    display: inline-block;
    float: right;
    padding-top: 10px;
    text-shadow: #0f56c7 0 0 5px;
}
.bara {
    padding: 4px 0;
    background: #fff0f0;
}
.mnop i {
    font-size: 20px;
}
.nav-sabt .mnop:hover {
    background-image: linear-gradient(#0f56c7, #0f56c7);
}
li.nav-item {
    text-align: center;
    min-width: 90px;
    height: 57px;
    border-radius: 5px;
    padding-top: 2px;
}
.shrhmin{
    text-align: center;
    background: linear-gradient(180deg, #e4fbff80, #0f56c7);
    margin: 0;
    font-size: 15px;
    padding: 5px 0 3px 0;
    line-height: 15px;
    border-top: solid 2px #0f56c7;
    border-bottom: solid 2px #0f56c7;
}
p.shrhmin.web {
    background: linear-gradient(180deg, #ffffff80, #bebebe);
    border-top: solid 2px #8c8c8c;
    border-bottom: solid 2px #9e9e9e;
}
.mainTV {
    max-height: 600px;
    min-height:600px;
    overflow-y: auto;
}
button:focus:not(:focus-visible) {
    outline: 0;
}
.navbar-dark .navbar-toggler {
	color: rgb(0 0 0);
}
.navbar-toggler i.fa-solid.fa-bars {
    font-size: 20px;
}
li.nav-item:hover {
    background-image: linear-gradient(, );
}
.formTBN {
    background: #e9fffe;
    padding: 9px;
    border: solid 2px #0f56c7;
    margin: 5px 0;
    border-radius: 10px;
    border-style: dashed;
}
div#main {
    text-align: center;
    color: #000;
    padding: 0px;
    position: relative;
    margin-top: 0;
}
.nav-link {
    color: #000 !important;
    padding: 4px 8px !important;
}
.navbar {
    background-image: linear-gradient(#0f56c7, #1c4596);
    padding: 30px 0 0 0;
	border-bottom: solid 2px;
	justify-content: center;
	color: #FFF;
    display: grid;
    border-radius: 0px 0px 45px 45px;
}

a.nav-link {
    color: #FFF !important;
}

a.navbar-brand img {
    width: 140px;
	margin-left: 20px;
}
div.at-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.at-item img {
    width: 100%;
    padding: 7px;
}
.foxetop {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.hedxwar{
    position: absolute;
    width: 100%;
    display: table;
    bottom: 0;
}
b.TtghB {
    position: absolute;
    top: 2px;
    left: 50px;
}
.fthr{
	background: #ffc800 !important;
}
.at-item p {
    color: #000;
    text-shadow: #fff 0 0 2px;
    margin: 0;
    background: #f8ffbb;
    border-radius: 0px 0px 15px 0;
}


.models {
  animation-name: rotate-in-tr-anticlock;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
}



.SH_body{width:100%;height:100%;position:absolute;text-align:center;display:flex;justify-content:space-evenly;align-items:center;}
.area{background:linear-gradient(to left,#0f56c7,#0f56c7);width:100%;height:100vh;position: absolute;z-index: -1;}
.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(255,255,255,0.60);animation:animate 25s linear infinite;bottom:-150px}
.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}
.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}
.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}
.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}
.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}
.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}
.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}
.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}
.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}
.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}
.SH_title {background: linear-gradient(to left,#0f56c7,#d9f5ff);border-radius: 15px 15px 0 0;padding: 5px 20px;}
.SH_IM_sam {position: absolute;right: -40px;top: -29px;width: 60px;}
.SH_cont {background:#fff;width:600px;position:relative;display:inline-block;border-radius:15px;box-shadow:0 0 20px rgba(0,0,0,0.2);}
.cvBnm{padding: 5px 30px 5px 15px;border-radius: 58px !important;}

.scale-in-center {
	-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.scale-in-center2 {
	-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes animate {
    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }
    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}   
@keyframes rotate-in-tr-anticlock {
  0%{
    -webkit-transform: scale(.2);
    transform: scale(.2);
  }
  100%{
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes flip-in-diagonal-bl {
  0%{
    -webkit-transform: rotate3d(1,1,0,80deg);
    transform: rotate3d(1,1,0,80deg);
    opacity: 0;
  }
  100%{
    -webkit-transform: rotate3d(1,1,0,0deg);
    transform: rotate3d(1,1,0,0deg);
    opacity: 1;
  }
}
@keyframes shutter-in-top {
	0% {
		transform:rotateX(-100deg);
		transform-origin:top;
		opacity:0;
		height:0px;
		display:none;
	}
	100% {
		transform:rotateX(0deg);
		transform-origin:top;
		opacity:1;
		height:100%;
		display:block;
	}
}
@keyframes shutter-out-top {
		
	0% {
		transform:rotateX(0deg);
		transform-origin:top;
		opacity:1;
		height:100%;
		display:block;
	}
	100% {
		transform:rotateX(70deg);
		transform-origin:top;
		opacity:0;
		height:0px;
		display:none;
	}
}

.modelf {
    background: #FFF;
    height: 100%;
    overflow-y: auto;
    position: relative;
    border-radius: 10px;
    width: 100%;
    color: #000;
    text-align: center;
    border: solid #0f56c7 1px;
}
.models {
    z-index: 100;
    max-height: 95%;
    overflow-y: auto;
}

.loading{
  z-index: 1000;
}
.loading, .models {
  position: fixed;
  height: 100px;
  width: 100px;
  overflow: show;
  z-index: 2000;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.loading{
    z-index: 3000;
}

div#modeltitle {
    background-image: linear-gradient(white, #e8f6ff);
    border-radius: 10px 10px 0px 0;
    padding: 10px;
	position: absolute;
    width: 100%;
    z-index: 8;
}

.modal-login {
	color: #636363;
	width: 350px;
}
.modal-login .modal-content {
	padding: 20px;
	border-radius: 5px;
	border: none;
    margin: 0;
}
.modal-login .modal-header {
	border-bottom: none;
	position: relative;
	justify-content: center;
}
.modal-login h4 {
	text-align: center;
	font-size: 26px;
}
.modal-login  .form-group {
	position: relative;
}
.modal-login i {
	position: absolute;
	left: 13px;
	top: 11px;
	font-size: 18px;
}
.modal-login .form-control {
	padding-left: 40px;
}
.modal-login .form-control:focus {
	border-color : #0f56c7;
}
.modal-login .form-control, .modal-login .btn {
	min-height: 40px;
	border-radius: 3px; 
}
.modal-login .hint-text {
	text-align: center;
	padding-top: 10px;
}
.modal-login .close {
	position: absolute;
	top: -5px;
	right: -5px;
}
.modal-login .btn, .modal-login .btn:active {	
	border: none;
	line-height: normal;
}
.modal-login .btn:hover, .modal-login .btn:focus {
	background:  !important;
}
.modal-login .modal-footer {
	background: #ecf0f1;
	border-color: #dee4e7;
	text-align: center;
	margin: 0 -20px -20px;
	border-radius: 0 0 10px 10px;
	font-size: 13px;
	justify-content: center;
}
.modal-login .modal-footer a {
	color: #999;
}
.modelf i.fa.fa-remove {
    position: absolute;
    right: 5px;
    color: red;
    font-size: 20px;
    cursor: pointer;
}
.modelbg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:1999;
    background-color: rgba(0,0,0,0.3);
}
.addp {
    font-size: 45px;
    color: #1c4596;
    cursor: pointer;
    z-index: 1;
	margin: 0 15px;
}
.card-text {
    position: relative;
}
p.protitle {
    margin: 0;
    padding: 3px 3px;
    height: 60px;
    border-top: solid 1px #d4d4d4;
    background: #e6e6e6;
    font-size: 14px;
}

.modal-login {
	color: #636363;
	width: 350px;
}
.modal-login .modal-header {
	border-bottom: none;
	position: relative;
	justify-content: center;
}
.modal-login h4 {
	text-align: center;
	font-size: 26px;
}
.modal-login  .form-group {
	position: relative;
}
.modal-login i {
	position: absolute;
	left: 13px;
	top: 11px;
	font-size: 18px;
}
.modal-login .form-control {
	padding-left: 28px;
}
.modal-login .form-control:focus {
	border-color : #0f56c7;
}
.modal-login .form-control, .modal-login .btn {
	min-height: 40px;
	border-radius: 3px; 
}
.modal-login .hint-text {
	text-align: center;
	padding-top: 10px;
}
.modal-login .close {
	position: absolute;
	top: -5px;
	right: -5px;
}
.modal-login .btn, .modal-login .btn:active {	
	border: none;
	background:  !important;
	line-height: normal;
}
.modal-login .btn:hover, .modal-login .btn:focus {
	background:  !important;
}
.modal-login .modal-footer {
	background: #ecf0f1;
	border-color: #dee4e7;
	text-align: center;
	margin-bottom: 20px;
	border-radius: 0 0 10px 10px;
	font-size: 13px;
	justify-content: center;
}
.modal-login .modal-footer a {
	color: #999;
}
.trigger-btn {
	display: inline-block;
	margin: 100px auto;
}
.modal-content {
    margin: 0;
    padding: 23px 22px 42px 22px;
    height: 100vh;
    border: none;
    background: #FFF;
}
.lang {
    background: #777;
    color: #FFF;
    padding: 3px 15px;
    border-radius: 8px;
    cursor: pointer;
}
.mobiphon{
    height: 100vh;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20;
}
.lang.activ {
    background: #1b4fae;
}
.imglod{
    z-index: 1;
    position: absolute;
    width: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-25%, -50%);
    margin: 0 0 0 -50px;
}
.serchop{
    width: 66%;
    padding: 0 0;
    display: inline;
    min-height: 20px !important;
    height: 29px;
}
.hedbazr{
    background: #ffd2dc;
    padding: 30px 5px 5px 5px;
}
.srchok{
    display: inline;
    position: relative;
}
i.fas.fa-search.srch {
    position: absolute;
    font-size: 13px;
    margin: -5px 0 0 -5px;
    cursor: pointer;
}
.eclipse-slides {
    height: 130px;
    border-radius: 5px;
    background: #e4e4e4;
    font-size: 50px;
    text-align: center;
    color: #000000;
    z-index: 1;
}
.modal-body {
    padding: 5%;
    overflow-y: auto;
    background: #f5f5f5;
}
.prodacto {
    background: #FFF;
    width: 46%;
    margin: 5px 2px;
    display: inline-block;
}
.prodimg{
    position: relative;
    overflow: hidden;
    height: 155px;
}
.prodimg img{
  position: absolute;
  top: -9999px;
  left: -9999px;
  right: -9999px;
  bottom: -9999px;
  height: 100%;
  margin: auto;
}
.prodimgsl{
    position: relative;
    overflow: hidden;
    height: 155px; 
}
.prodimgsl img{
  position: absolute;
  top: -9999px;
  left: -9999px;
  right: -9999px;
  bottom: -9999px;
  width: 100%;
  margin: auto;
}
.toprod{
    text-align: center;
    margin-top: 3px;
}
.detilepro {
    height: 60px;
}
.modelcl {
    position: absolute;
    right: 5px;
    top: 5px;
	z-index: 50;
    color: #F00;
    cursor: pointer;
	font-size: 25px;
}
.pesh_brka {
    background: #f6f6f6;
    height: 37px;
    border-radius: 0 0 8px 8px;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}
.dastkawt {
    width: 30%;
    display: grid;
    align-content: space-evenly;
}
.coingeft div {
    height: 17px;
}
.coingeft span {
    font-size: 12px;
}
div#modelbody {
    padding: 0 2%;
	overflow-y: scroll;
    height: 100%;
    padding-top: 45px;
}
p.titlePragr {
    margin: 5px 0;
    background: #0f56c7;
}
.uorat{
	cursor: pointer;
    font-size: 40px;
    margin: 10px 0;
}
.BuRy {
    width: 40px;
    height: 40px;
    position: relative;
	display: inline-block;
}
.bdyo {
    display: inline-flex;
}
p.imp_na {
    display: inline-block;
    margin: 0 10px;
}
i.likdes {
    margin: 0 10px 0 0;
}
.dataBN {
    display: inline-block;
}
p.imp_dt {
    margin: 0 10px;
    font-size: 10px;
    color: #0f56c7;
}
p.imp_dt i {
    color: #000;
    margin: 0 0 0 7px;
    font-size: 13px;
}
.loguser {
    border-radius: 100%;
    height: 40px;
    width: 40px;
    background: #FFF;
	cursor:pointer;
	box-shadow: #0f56c7 0 0 6px -1px;
}
pre {
    direction: ltr;
    text-align: left;
}
img.acsrp {
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 2;
    width: 31px;
    cursor: pointer;
}
.loguser12 {
    border-radius: 100%;
    height: 40px;
    width: 40px;
	cursor:pointer;
}
p.walamus {
    margin: 8px 15px;
}
.comentasl {
    padding: 13px 10px;
    border-bottom: solid 1px;
	position: relative;
}
.replay i {
    font-size: 10px;
}
.replay {
    float: left;
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 10px;
    padding: 3px 7px;
}
i.likdes.fa-solid.fa-thumbs-down {
    color: #F00;
}
i.likdes.fa-solid.fa-thumbs-up {
    color : #0f56c7;
}
.walamFro {
    background: #edfcff;
    padding: 15px;
}
.stract{
	color: #ff8d00;
}
.card-text input, .card select {
    padding: 0px 5px;
    margin: 5px 3%;
    height: 40px;
    text-align:center;
    width: 94%;
}
.vbc{
    width: 100% !important;
    margin: auto 0px !important;
}
b.fas.fa-sync.tgh {
    position: absolute;
    left: 7px;
    font-size: 30px;
    top: 5px;
    cursor: pointer;
    color: #ff006a;
}
span#bayoerore {
    position: absolute;
    top: 20%;
    font-size: 10px;
    left: 11px;
    color: #F00;
    width: 69px;
}
.viewdiv {
    position: relative;
    margin: 1%;
}
.viewtit {
    padding-right: 26%;
	height: max-content;
	min-height: 35px;
}
.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}
.croppie-container {
  width: 500px;
  height: 400px;
}
.addcont {
    position: fixed;
    left: 0;
    width: 150px;
    height: max-content;
    top: 55px;
}
.mssit {
    width: 100px;
    font-size: 11px;
    text-align: center;
    margin: 5px 4px;
    background: #0f56c7;
    color: #FFF;
}
.addnefld {
    font-size: 10px;
    height: 28px !important;
}
span.jbn {
    background: #1c4596;
    font-size: 10px;
    color: #FFF;
    padding: 4px;
	width: 100px;
    display: inline-block;
    border-radius: 5px;
}
.styled-table {
    border-collapse: collapse;
    margin: 0;
    width: 100%;
    font-size: 0.9em;
}
.styled-table thead tr {
    background-color: #000000;
    color: #ffffff;
}
.form-control.viewtit b i {
    font-size: 20px;
	width: 30px;
    margin-top: 4px;
    margin-left: 10px;
}
span.ragaze {
    position: absolute;
    left: 7px;
    font-size: 12px;
    color: #FFF;
    border-radius: 5px;
    background: #1c4596;
    padding: 3px 13px;
}
span.jopi {
    width: 110px;
    color: #000;
    font-size: 15px;
    background: #e2fffe;
    display: inline-block;
}
.form-control.viewtit b {
    position: absolute;
    right: 2px;
    top: 1px;
	font-size: 13px;
	height: 96%;
    background: #fffb81;
    width: 25%;
    padding: 0 10px 6px 0;
	color: #000;
    text-align: right;
    border-radius: 0 5px 5px 0;
}
table {
    border-collapse: collapse;
}
.styled-table td {
    padding: 5px;
	border: solid 1px #c6c6c6;
	text-align: center;
	color: #000;
	vertical-align: sub;
}
.customersin th {
    padding: 3px 1px !important;
    border: none !important;
}
.customersin td {
    border-left: none;
    border-right: none !important;
}
th.bl, td.bl{
    border-left: solid 1px !important;
}
.customersin {
    width: 100%;
}
td > div {
    width: 1em;
	height: 80px;
}

td > div > div:not(.btn-group) {
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg) !important;
    transform: rotate(-90deg);
    font-size: 11px;
}
.styled-table th {
    padding: 5px;
    text-align: center;
    background : #0f56c7;
    font-size: 13px;
    color: #FFF;
}
.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
    background: #ffffff7a;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}
.styled-table tbody tr.active-row {
    font-weight: bold;
    color : #0f56c7;
}
.styled-table tbody tr:hover {
    background : #0f56c7;
}
details {
    position: relative;
    text-align: right;
}
.bofop{
	text-align: center;
}
.adoico {
    position: absolute;
    left: 0;
    top: 0;
	z-index: 7;
}
td.nwekf {
    position: relative;
}
td.nwekf i {
    position: absolute;
    left: 2px;
    z-index: 2;
    top: 0;
	cursor: pointer;
}
td.nawtit {
    font-size: 10px;
    position: relative;
	padding-right: 30px;
}
td.nawtit i {
    position: absolute;
    right: 5px;
    top: 5px;
	cursor: pointer;
}
.adoico i {
    font-size: 25px;
    cursor: pointer;
}
.botomeminue {
    background: #fff;
    width: max-content;
    padding: 5px;
    border-radius: 10px 10px 0 0;
    height: 55px;
    position: fixed;
    right: 5px;
    bottom: 0;
}
.at-item i {
    font-size: 90px;
    background: -webkit-linear-gradient(, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #FFF;
    margin: 10px 0;
}
.zanyarifarman {
    background: #ffffffbd;
    width: 50vw;
    height: 79vh;
    border: solid 1px #0f56c7;
    margin: 5px;
    display: inline-block;
    overflow-y: scroll;
    border-radius: 6px;
	position: relative;
}
.zanyarixezank {
    background: #ffffffbd;
    width: 23vw;
    height: 40vh;
    border: solid 1px #0f56c7;
    margin: 5px;
    display: inline-block;
    overflow-y: scroll;
    border-radius: 6px;
	position: relative;
}
.zanyarimndala {
    background: #ffffffbd;
    width: 23vw;
    height: 40vh;
    border: solid 1px #0f56c7;
    margin: 5px;
    display: inline-block;
    overflow-y: scroll;
    border-radius: 6px;
	position: relative;
}
.zanyarifrmana {
    position: absolute;
    left: 5px;
    top: 0;
    background: #ffffffbd;
    width: 47vw;
    height: 38vh;
    border: solid 1px #0f56c7;
    margin: 5px;
    display: inline-block;
    overflow-y: scroll;
    border-radius: 6px;
}
.viewdiv i.fa-pen-square {
	position: absolute;
    left: 5px;
    top: 5px;
    cursor: pointer;
	color : #0f56c7;
    font-size: 29px;
}
.toptit{
	background: #f5ff9f;
	position: relative;
}
.toptit i {
    position: absolute;
    right: 3px;
    color : #0f56c7;
    top: 2px;
    cursor: pointer;
    font-size: 20px;
}
.nasrinp.tyb {
    max-width: 47%;
    padding: 8px 0;
    display: inline-block;
}
.chbox {
    position: absolute;
    right: 2px;
    top: 2px;
    height: 20px;
    width: 20px;
}
.xnns {
    font-size: 10px;
    padding: 4px !important;
	position: relative;
    border: solid #0f56c7 1px;
}
.xnns i {
    position: absolute;
    top: 2px;
    right: 25%;
    cursor: pointer;
    font-size: 20px;
}
hr{
    margin: 2px 0;
    border-top: solid 1px #000;
}
.basho{
	background: #fffcef;
    border-radius: 9px;
    padding: 6px 0;
    border: solid #0f56c7 1px;
	position: relative;
    cursor: pointer;
}
.serchbox {
    background: #fff;
    width: max-content;
    padding: 5px;
    border-radius: 10px 10px 0 0;
    height: 55px;
    position: absolute;
    left: 5px;
    bottom: 0;
}
.form-control {
    text-align: center;
}
rtl {
    direction: rtl;
}
.nasrinp {
    background: #FFF;
}
.ctext-wrap-content img {
    border: solid 3px;
    margin: 10px 0;
    border-radius: 15px;
}
.serchbox .divserc {
    position: relative;
}
.divserc i {
    position: absolute;
    left: 5px;
    top: 25%;
}
td.fredt {
    padding: 0;
	position: relative;
}
.fredt i {
    position: absolute;
    font-size: 29px;
    top: 2px;
    cursor: pointer;
    right: 20%;
}
ul{
	padding: 0;
}
li.musiti {
    background: #dcdcdc;
    margin: 5px;
    padding: 5px;
}
.donm {
    display: inline-block;
    padding: 2px 10px;
    background: #0f56c7;
    margin: 4px;
    border-radius: 8px;
}
otp {
    display: inline-block;
    padding: 3px 6px;
    background: #262e35;
    margin: 2px;
    border-radius: 8px;
}
orp {
    background : #0f56c7;
    margin: 2px;
    padding: 3px 7px;
    display: inline-block;
    font-size: 12px;
    border-radius: 5px;
    line-height: 12px;
    cursor: pointer;
}
orp:hover {
    background: #1c4596;
    color: #FFF;
}
.grendo {
    background-color:  !important;
}
cards {
    background: #0f56c7;
    display: inline-block;
    margin: 5px;
    padding: 10px;
    width: 230px;
    border-radius: 10px;
    border: solid 2px #1b4fae;
    text-align: center;
    cursor: pointer;
}
cards img {
    width: 100%;
}
cards p {
    margin: 0;
    background: #0f56c7;
}
cards .dtl {
    font-size: 10px;
    height: 44px;
    padding: 2px;
    overflow-y: scroll;
    background: #e1e7eb;
}
.donm span {
    background: #1c4596;
    color: #FFF;
    padding: 3px 7px;
    margin: 0 7px;
}
.pasl {
    width: 100%;
    padding: 3px;
    height: 20px;
    font-size: 13px;
    background : #0f56c7;
}
.inpmuch{
    padding: 0 10px;
    height: 27px;
}
.plgt {
    width: 100%;
    padding: 3px;
    height: 20px;
    font-size: 13px;
    background: #ff94a3;
}
.pmaw {
    width: 100%;
    padding: 3px;
    height: 20px;
    font-size: 13px;
    background : #0f56c7;
}
td {
    position: relative;
    color: #000;
}
input.chtdbx {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 1px;
    left: 1px;
}
.customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.customers td, .customers th {
  border: 1px solid #000;
  padding: 5px 2px;
  color: #000;
  font-size: 10px;
  text-align: center;
}
.customers td{
   line-height: 10px;
}
.wacin{
	padding: 5px;
    font-size: 24px;
    margin: 3%;
    height: 40px;
    width: 94%;
}
.cvbn td, .cvbn th {
    padding: 10px 2px;
    font-size: 15px;
	height: 32px;
	border: solid #0f56c7 1px;
}
.bahrsm {
    width: 90px;
    display: inline-block;
    background: linear-gradient(to top left, #0f56c7, #fbfeff);
    margin: 4px;
    padding: 85px 5px 24px 5px;
    border-radius: 7px;
    border: solid 1px #c8c8c8;
    position: relative;
}
.bsmt {
    width: 100%;
    background: #FFF;
    position: absolute;
    border-radius: 1px 1px 6px 6px;
    font-size: 12px;
    padding: 3px;
    text-align: center;
    bottom: 0;
    left: 0;
}
.dropdown-menu.vbnh.dropdown-menu-end.show {
    display: flow-root;
}
.bahrsm img{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.rotate {
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  width: 1.5em;
  height: 100px;
}
.rotate div {
     -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
       -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
         margin-left: -10em;
         margin-right: -10em;
		 font-size: inherit;
}
.tabhead td, .tabhead th{
	line-height: 15px;
    border: none;
}
b.fas.fa-users.tgh {
    position: absolute;
    left: 50px;
    color: #1b4fae;
    top: 5px;
    font-size: 30px;
	cursor: pointer;
}
.numtext { mso-number-format:\@; }
.inpuoto{
	position: absolute;
    top: 0;
    text-align: center;
    left: 0;
    background: #ffe1d9;
    height: 100%;
    border: none;
}
.aslok {
    font-size: 8px;
	color:red;
	display: inherit;
}
.ejmxwar{
	background:   !important;
    color: #000  !important;
	padding: 2px !important;
}
.customers tr:nth-child(even){background-color: #dcfcff;}

.customers tr:hover {background-color: #ddd;}

.customers th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #c5c5c5;
    color: black;
}
li.musiti.ui-sortable-handle div {
    display: inline-block;
    margin: 0 3%;
}
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
  background: #888; 
}
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.harkhold {
    background: #d5d5d5;
    margin: 4px;
    padding: 4px;
}
.harakaka {
    display: inline-block;
    width: 50%;
}
input.inpmizano, .bcvo {
    width: 100%;
    font-size: 10px;
	margin: 0;
    display: inline-block;
}
.bVty span {
    position: absolute;
    left: 19px;
    direction: ltr;
}
.activoo {
    position: absolute;
    right: 26%;
    display: inline-block;
    width: 25px;
    top: 0;
}
i.gorinkan {
	position: absolute;
    top: 24px;
    left: 8px;
    color : #0f56c7;
    font-size: 22px;
    cursor: pointer;
}
i.addcvb {
    position: absolute;
    top: 25px;
    left: 8px;
    color : #0f56c7;
    cursor: pointer;
}
.msgsend {
    margin: 3px 0 0 0;
    padding: 5px 10px 5px 10px;
    line-height: 0px;
}
.msgsend i {
    font-size: 25px;
}
.conversation-name {
    color: #FFF;
}
.drtl{
	direction: rtl;
}
.animate-typing span {
    margin: 0 5px;
}
.chat-user-img img {
    background: #FFF;
}
.ctext-wrap-content p img, .ctext-wrap-content img{
	width: 40vw;
}
span.align-middle {
    font-size: 12px;
    color: #000;
    position: absolute;
    bottom: 0;
    right: 7px;
}
.lfticon {
    font-size: 30px;
    line-height: 1.8;
    color: #FFF;
}
.ctext-wrap-content{
	padding: 5px 5px;
	min-width: 100px;
}
.flex-grow-1 {
    text-align: left;
}

.nexpsvbtn{
    padding: 5px 10px;
    line-height: 0;
    border-radius: 5px;
    color: #fff;
    position: absolute;
    z-index: 2;
}
.xrkrin {
    display: inline-block;
    width: 46%;
    background: linear-gradient(180deg, #ffe4e480, #ffbebe);
    border-radius: 20px;
    border: solid 2px #f00;
    border-style: dashed;
    padding: 2px;
    margin: 0 2%;
}
.xrfros {
    display: inline-block;
    width: 46%;
    background: linear-gradient(180deg, #f8ffe480, );
    border-radius: 20px;
    border: solid 2px ;
    border-style: dashed;
    padding: 2px;
    margin: 0 2%;
}
.xrkrini, .xrfrosi {
    width: 46%;
    margin: 0 2%;
    display: inline-block;
    margin-top: -35px;
}
.xrkrini img,  .xrfrosi img {
    width: 100%;
}
.grnti img {
    width: 58%;
    margin-top: 10px;
}

.flipnit1 {
	-webkit-animation: rotate-in-2-ccw 0.5s linear both;
	        animation: rotate-in-2-ccw 0.5s linear both;
}
.flipnit2 {
	-webkit-animation: flip-in-diag-2-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
	        animation: flip-in-diag-2-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
}
.flipnit3 {
	-webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both;
	        animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both;
}
.flipnit4 {
	-webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.2s both;
	        animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.2s both;
}

/*effcts*/
.fadein{
	animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}

@-webkit-keyframes rotate-in-2-ccw {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-2-ccw {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}


@-webkit-keyframes flip-in-diag-2-br {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, -80deg);
            transform: rotate3d(-1, 1, 0, -80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
            transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}
@keyframes flip-in-diag-2-br {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, -80deg);
            transform: rotate3d(-1, 1, 0, -80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
            transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}


@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


.col.nvo {
    text-align: center;
    min-width: 300px;
    margin: 0 0 20px 0;
}
.col.nvo.bnm.dawakariakan {min-width: 25% !important;}
.col.nvo.bnm.garan {min-width: 25% !important;}
.col.nvo.bnm {
    max-width: 25%;
}
.col.nve {
    text-align: center;
    min-width: 235px;
    margin: 0 0 20px 0;
}
.ImgVew img {
    width: 200px;
    max-width: 100%;
    border: solid 1px #dadada;
    border-radius: 20px 0;
}
.ImgVew {
    width: 100%;
}
.Bomsg .ronkrdn {
    text-align: center;
}
.HB_BODY.Bomsg {
    cursor: pointer;
}
.DSMH {
	width: 100%;
    text-decoration: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.DSMH span {
    display: block;
    z-index: 3;
    color: white;
    font-size: 20px;
    position: relative;
    margin-top: 24.75%;
    margin-bottom: 24.75%;
}
.DSMH:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #000000;
    opacity: 0.4;
    height: 100%;
    width: 100%;
}

.DSMH2 {
    width: 100%;
    background: #ffffff;
    border-radius: 10px;
    text-decoration: none;
    position: relative;
    align-items: center;
    justify-content: center;
    background-size: cover;
    box-shadow: #9b9b9b 0 0 10px 0px;
    background-position: center;
    background-repeat: no-repeat;
}
.DSMH2 span {
    display: block;
    z-index: 3;
    color: white;
    font-size: 20px;
    position: relative;
    margin-top: 24.75%;
    margin-bottom: 24.75%;
}
.DSMH2:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.4;
    height: 100%;
    width: 100%;
}
.DSMH2 p {
	margin: 4px;
    height: 40px;
    overflow-y: auto;
    text-align: right;
    font-size: 13px;
}
.boicon {
    position: absolute;
    left: 0;
    z-index: 2;
    bottom: 0;
    margin: 6px;
}
.wenaparc {
    height: 160px;
    text-decoration: none;
    border-radius: 10px 10px 0 0;
	z-index: 1;
    position: relative;
    align-items: center;
	cursor:pointer;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
i.fa-solid.fa-star-half-stroke {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.btn-block-nb {
    width: 100%;
    border-radius: 0 0 10px 10px;
}
.btn-block-nb span {
    color: #FF0;
    font-size: 13px;
}
img.palclass {
    display: inline-block;
    width: 122px;
}
.rate {
    padding: 3px 0 5px 52px;
    position: absolute;
    width: 100%;
    text-align: left;
    top: 0;
	z-index: 0;
}
i.zard {
    color: #ff8d00;
}
table.tbzan td {
    padding: 7px 0;
    border-bottom: solid 1px #f6f6f6;
}
.nasd i {
	margin: 0 5px 0 5px;
}
.nasd {
    display: inline-block;
    width: 190px;
    padding: 5px;
    text-align: right;
    margin: 5px;
    background: #f6f6f6;
}
.barh i {
    display: inline-block !important;
    font-size: 20px !important;
    color:  !important;
}
nrx {
    position: absolute;
    left: 0;
    color : #0f56c7;
    font-size: 10px;
	top: 25%;
}
.barh {
    text-align: right;
    margin: 10px 0;
	padding-left: 6%;
}

.fa{
	padding-top: 10px;
	font-size: 30px;
	display: inline-block;
	text-align: center;
	display: inline-block;
	margin: 0 auto;
}
.download-icon .fa{
	font-size: 50px;
	padding: 10px;
}
.social .fa{
	padding-top: 30px;
	font-size: 30px;
	transition: .9s;
}
.social .fa:hover{
	transition: 1s;
	transform: scale(1.1);
	color: #ddd;
}
footer a {
    color: #FFF;
}
.newaddbod {
    background: #FFF;
    padding: 10px;
}
.w1000{
	width: 1000px;
    display: inline-block;
}
.dawakariakan .nasrinp {
    text-align: right;
    border-radius: 0;
    background: #fcfcfc;
}
.dawakariakan p {
    font-size: 12px;
    margin: 0 0 5px 0;
    text-align: right;
}
.dawakariakan i {
    text-align: right;
    display: block;
    font-size: 12px;
    margin-right: 20px;
    color: #0f56c7;
}
.dawakariakan .upldimg {
    background: #fcfcfc;
    padding: 10px;
    position: relative;
    border: solid 1px #dfe3e7;
}
i.fa-solid.fa-trash-can.impodel {
    position: absolute;
    right: 9px;
    border-radius: 9px;
    margin: 0;
    color: #FFF;
    font-size: 16px;
    background: #ff8e8e;
    padding: 6px 8px;
}
i.fa-solid.fa-trash-can.impodel:hover {
    background: #d60035;
    cursor: pointer;
}
.upldimg img {
    width: 100%;
    cursor: pointer;
}
.btn {
    border-radius: 0px;
}
input.amsify-suggestags-input {
    background: none;
}
.tybtmazead {
    background: #ececec;
    padding: 15px;
	margin-top: 25px;
	position:relative;
}
i.fa-solid.fa-circle-xmark {
    position: absolute;
    left: -5px;
    top: -5px;
    font-size: 20px;
    cursor: pointer;
}
.vidaddurl {
    position: relative;
}
.vidaddurl .btn {
    position: absolute;
    left: 0;
    top: 0;
    padding: 12px;
    text-align: center;
}
.vidaddurl i {
    color: #FFF;
    text-align: center;
    margin-right: 0px;
}
.carousel-item img{
	max-height:470px !important;
}
p.addrs {
    color: #a2a2a2;
    font-size: 11px;
    overflow-y: auto;
    max-height: 37px;
    margin-left: 75px;
}
p.addrs i {
    font-size: 11px;
    color: #0f56c7;
}
.dCvb span {
    display: flex;
    font-size: 9px;
    position: absolute;
    color: #1b4fae;
    left: -15px;
    bottom: -7px;
    line-height: 9px;
}
.dCvb {
    text-align: right;
    position: absolute;
    left: 12px;
    bottom: 0;
    line-height: 17px;
    margin-left: 10px;
}
.BuTy {
    position: absolute;
    z-index: 2;
    top: -20px;
    left: 6px;
}
.BuTy .Verfcto {
    position: absolute;
    right: -5px;
    bottom: 5px;
    width: 18px;
}
.adressgo i {
    color: #0f56c7;
}
.adressgo {
    float: right;
    margin-top: 35px;
    color: #b6b6b6;
	text-align: right;
}
.adressgo h3 {
    color: #000;
    margin-right: 13px;
    margin-top: 10px;
}
.parchaRT {
    background: #FFF;
    padding: 25px;
}
.bnuZead {
    direction: rtl;
}
input.rchbx {
    width: 15px;
    height: 15px;
    margin: 10px 0 0 5px;
}
.dcvb tr{
	border-bottom: solid 1px #0f56c717;
}
.probtn:focus {
    box-shadow: none;
	background-image: linear-gradient(#0f56c7, #0f56c7);
}
.probtn2:focus {
    box-shadow: none;
	background-image: linear-gradient(#ffffff, #f2faff);
}
.dmzrt, .ldmzrt {
    cursor: pointer;
    border-bottom: solid 1px #e4faff;
}
div#loader i {
    position: fixed;
    right: 48%;
    top: 17px;
    font-size: 25px;
    color: #0f56c7;
}
.projRt{
	text-align: right;
    margin: 0 24px 0 0;
    padding: 0;
    float: right;
    width: 90%;
    color: #1b4fae;
}
.babatoWAR {
    background: #fffaf2;
    padding: 10px 6% 10px 10px;
    border: solid 2px #ff6c2f;
    border-style: dashed;
    text-align: right;
}
.babatoWAR i {
    color: #ff6c2f !important;
    font-size: 27px !important;
    display: inline-block !important;
    position: absolute;
    right: 0;
    top: 15%;
}
.babatoSEC {
    background : #0f56c7;
    padding: 10px 6% 10px 10px;
    border: solid 2px ;
    border-style: dashed;
    text-align: right;
}
.babatoSEC i {
    color:  !important;
    font-size: 27px !important;
    display: inline-block !important;
    position: absolute;
    right: 0;
    top: 15%;
}
.babato {
    background: #e4f5ff;
    padding: 5px;
    border: solid 2px #0f56c7;
    border-style: dashed;
}
.usr_xoe , .usr_awa {
    text-align: right;
    margin: 5px;
    position: absolute;
    top: -55px;
    width: max-content;
    padding: 5px;
}
.bodmsg_awa {
    background: #d2f8ff;
    margin: 60px 7% 5px 5px;
    padding: 5px 5px 5px 30px;
	position: relative;
    border-radius: 10px;
}
.bodmsg_xoe {
    background: #e8e8e8;
    margin: 60px 5px 5px 7%;
    padding: 5px 5px 5px 30px;
	position: relative;
    border-radius: 10px;
}
.usr_xoe {
    background: #e8e8e8;
    border-radius: 10px 10px 0 0;
}
.usr_awa {
    background: #d2f8ff;
    border-radius: 10px 10px 0 0;
}
.tim_awa , .tim_xoe {
    position: absolute;
    left: 15px;
    bottom: -17px;
    padding: 2px 10px;
    font-size: 10px;
    border-radius: 0 0 5px 5px;
}
.tim_xoe {
    background: #e8e8e8;
}
.tim_awa {
    background: #d2f8ff;
}
i.vrt {
    position: absolute;
    left: 7px;
    font-size: 21px;
    z-index: 2;
    top: 5px;
    color: #8b8b8b;
}
i.vrt_1 {
    color : #0f56c7;
}
.babatoU {
    display: inline-flex;
	position: relative;
}
span.u1 {
    background: #ffe6c6;
    padding: 2px 15px;
    border-radius: 21px;
}
.babatoU i {
    font-size: 20px;
    margin: 0 15px;
}
span.u2 {
    background : #0f56c7;
    padding: 2px 15px;
    border-radius: 21px;
	position: relative;
}
span.u3 {
    background: #0f56c7;
    padding: 2px 15px;
    border-radius: 21px;
    position: relative;
}
i.cvBc {
    position: absolute;
    top: -13px;
    font-size: 22px;
    z-index: 2;
    left: 25%;
    color: #ffbc00;
}
i.topico {
    position: absolute;
    right: -6px;
    top: -16px;
    color: #ffc600;
}
.form-check .form-check-input {
    float: right;
    margin-left: 10px;
}
.form-check {
    text-align: right;
}
.probtn {
    padding: 0;
    background: none;
    border: none;
	padding: 5px 15px;
}
.vVcft{
	margin-left: 2%;
}
.sedya a {
    margin: 0;
    padding: 6px 20px;
    font-size: 14px;
    text-align: right;
}
.sedya b, .sedya img {
	font-size: 14px;
    width: 14px;
    text-align: center;
    margin: 0 0 0 5px;
}

.pattabs img {
    width: 80px;
}
.pattabs {
    padding: 5px;
}
button.pattabs {
    margin: 0 1px;
}
button.pattabs.active {
    background-image: linear-gradient(white, #0f56c7) !important;
}
.depos .hed {
    background: #e0fff5;
	position: relative;
    padding: 5px;
}
img.mfull {
    max-width: 100%;
}
.withd .hed {
    background: #ffebe0;
	position: relative;
    padding: 5px;
}
.hed .eshra {
    position: absolute;
    left: 4px;
    width: 20px;
    top: 20%;
    border-radius: 100%;
    height: 20px;
}
.depos {
    position: relative;
}
.withd {
    position: relative;
}
.coverhid {
    background: #ffffffb3;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.coverhid c {
    position: absolute;
    z-index: 2;
    color: #ffa9a9;
    text-shadow: #000 1px 1px 1px;
    font-size: 50px;
    top: 41%;
    right: 35%;
}
.pr{
	position:relative !important;
}
.withd:hover .derop{
	display:none;
}
.depos:hover .derop{
	display:none;
}
flter {
    position: absolute;
    left: 22px;
    top: -30px;
    height: 30px;
    background: #FFF;
    padding: 6px 10px;
    border-radius: 10px 10px 0 0;
}
flter div{
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: inline-block;	
	cursor: pointer;
}
.gr {background : #0f56c7;}
.yl {background: #fff500;}
.rw {background: #ff0063;}
.acto{box-shadow: #4f4f4f 0px 0px 1px 3px;}

.nco{color: #ffc428;}
.scalay {
    margin-top: 49px;
    background: #fff8f8;
    padding: 6px;
    border: solid 2px #ff000e;
    border-style: dashed;
}
.babatoADM {
    background: #edfff6;
    padding: 10px 6% 10px 10px;
    border: solid 2px ;
    border-style: dashed;
    text-align: right;
}
.babatoADM i {
    color:  !important;
    font-size: 27px !important;
    display: inline-block !important;
    position: absolute;
    right: 0;
    top: 15%;
}
table.probir .tit {
    background: #e1f7ff;
    padding: 5px;
    text-align: right;
}
table.probir .dtl {
    background: #fff;
    padding: 15px;
    text-align: right;
}
.berhatdiv {
    padding: 14px;
    background: #fef0ff;
    margin: 20px;
    border-bottom: solid 8px;
}
bch {
    font-size: 10px;
    position: absolute;
    left: 5px;
    bottom: 1px;
}
.cvDf {
    width: 100%;
    min-height: 470px;
    background-image: url(../img/hed.jpg);
    background-size: cover;
    background-position: center 73%;
    background-repeat: no-repeat;
	color: #1b4fae !important;
}
img.profimg {
    border-radius: 100%;
    height: 130px;
    width: 130px;
    cursor: pointer;
	border: solid #0f56c7 1px;
    box-shadow: #0f56c7 0 5px 3px 1px;
    background: #FFF;
}
i.fa-solid.fa-angles-left.zxd {
    color: #0f56c7;
    margin: 0 4px;
}
p.nawus {
    margin: 10px 5px;
    text-shadow: #0f56c7 0px 0px 1px;
    font-size: 28px;
}
.hamedti {
    width: 100%;
    position: relative;
}
.imgendnit {
    border: solid #0f56c7 1px;
}
.btnno{
    position: absolute;
    width: 0;
    height: 0;
    display: none;
}
.canvas-container {
    display: inline-block;
    background: #f5f5f5;
}
.adotext {
    display: inline-block;
}
.bofex input {
    height: 38px;
    margin-top: 6px;
    direction: rtl;
}

.bofex {
    display: flex;
    background: #ccc;
    margin: 0 5px;
    padding: 0 0 0 8px;
    border-radius: 9px;
}
.iconsall {
    direction: ltr;
    display: inline-flex;
}
.iconsall img {
    width: 41px;
    display: inline-block;
    margin: 5px;
    background: #efefef;
    border-radius: 7px;
    padding: 5px;
}
.iconsall img:hover {
    cursor: pointer;
    background: #cacaca;
}
.cvPf {
	width: 100%;
    min-height: 400px;
    background-image: url(../img/profbg.jpg);
    background-size: cover;
    background-position: center 75%;
    background-repeat: no-repeat;
    color: #1b4fae !important;
}
.cvFr {
	width: 100%;
    min-height: 520px;
    background-image: url(../img/bgfrm.jpg);
    background-size: cover;
    background-position: center 75%;
    background-repeat: no-repeat;
    color: #000000 !important;
}
.cvP2f {
	width: 100%;
    min-height: 450px;
    background-image: url(../img/hed2.jpg);
    background-size: cover;
    background-position: center 55%;
    background-repeat: no-repeat;
    color: #1b4fae !important;
}
.cvP4f {
	width: 100%;
    min-height: 350px;
    background-image: url(../img/hed4.jpg);
    background-size: cover;
    background-position: center 78%;
    background-repeat: no-repeat;
    color: #1b4fae !important;
}
.cvP5f {
	width: 100%;
    min-height: 350px;
    background-image: url(../img/hed5.jpg);
    background-size: cover;
    background-position: center 78%;
    background-repeat: no-repeat;
    color: #1b4fae !important;
}
.cvP6f {
	width: 100%;
    min-height: 350px;
    background-image: url(../img/hed6.jpg);
    background-size: cover;
    background-position: center 88%;
    background-repeat: no-repeat;
    color: #1b4fae !important;
}
.cvP7f {
	width: 100%;
    min-height: 350px;
    background-image: url(../img/hed7.jpg);
    text-align: right !important;
    background-size: cover;
    background-position: center 92%;
    background-repeat: no-repeat;
    text-shadow: #fff 0px 0px 1px;
    color: #000000 !important;
}
.cvP8f {
	width: 100%;
    min-height: 350px;
    background-image: url(../img/hed8.jpg);
    text-align: right !important;
    background-size: cover;
    background-position: center 92%;
    background-repeat: no-repeat;
    text-shadow: #fff 0px 0px 1px;
    color: #000000 !important;
}
.cvP9f {
	width: 100%;
    min-height: 350px;
    background-image: url(../img/hed9.jpg);
    text-align: right !important;
    background-size: cover;
    background-position: center 84%;
    background-repeat: no-repeat;
    text-shadow: #fff 0px 0px 1px;
    color: #000000 !important;
}
.cvP10f {
	width: 100%;
    min-height: 350px;
    background-image: url(../img/hed10.jpg);
    text-align: right !important;
    background-size: cover;
    background-position: center 72%;
    background-repeat: no-repeat;
    text-shadow: #fff 0px 0px 1px;
    color: #000000 !important;
}
.cvP11f {
	width: 100%;
    min-height: 350px;
    background-image: url(../img/hed11.jpg);
    text-align: right !important;
    background-size: cover;
    background-position: center 59%;
    background-repeat: no-repeat;
    text-shadow: #fff 0px 0px 1px;
    color: #000000 !important;
}
.cvP12f {
	width: 100%;
    min-height: 350px;
    background-image: url(../img/hed12.jpg);
    text-align: right !important;
    background-size: cover;
    background-position: center 78%;
    background-repeat: no-repeat;
    text-shadow: #fff 0px 0px 1px;
    color: #000000 !important;
}
.cvP13f {width: 100%;min-height: 350px;background-image: url(../img/hed13.jpg);text-align: right !important;background-size: cover;background-position: center 40%;background-repeat: no-repeat;text-shadow: #F00 0px 0px 1px;color: #FFF !important;}
.cvP14f {width: 100%;min-height: 400px;background-image: url(../img/hed14.jpg);text-align: right !important;background-size: cover;background-position: center 73%;background-repeat: no-repeat;text-shadow: #F00 0px 0px 1px;color: #FFF !important;}
.cvP15f {width: 100%;min-height: 400px;background-image: url(../img/hed15.jpg);text-align: right !important;background-size: cover;background-position: center 73%;background-repeat: no-repeat;text-shadow: #F00 0px 0px 1px;color: #FFF !important;}
.cvP16f {width: 100%;min-height: 500px;background-image: url(../img/kartakan.jpg);text-align: right !important;background-size: cover;background-position: center 73%;background-repeat: no-repeat;text-shadow: #F00 0px 0px 1px;color: #FFF !important;}
.cvP17f {width: 100%;min-height: 350px;background-image: url(../img/19333414.jpg);text-align: right !important;background-size: cover;background-position: center 35%;background-repeat: no-repeat;text-shadow: #F00 0px 0px 1px;color: #FFF !important;}
.cvP18f {width: 100%;min-height: 380px;background-image: url(../img/hed18.jpg);background-size: cover;background-position: center 35%;background-repeat: no-repeat;color: #1c4596 !important;}
.mt50p{margin-top: 50px;}
.cvP14f h1 {text-align: center;}
.cvP15f::after,.cvP14f::after {content: "";position: absolute;top: 0;z-index: 0;left: 0;width: 100%;height: 100%;background-color: rgb(0 195 255 / 46%);}
.pr-z6{position: relative;z-index: 6;}
.card-img, .card-img-top {border-radius: 5px 5px 0 0;}
.justify-content-between {-webkit-box-pack: justify !important;-ms-flex-pack: justify !important;justify-content: space-between !important;}
a.cecast {padding: 0 8px;border-radius: 20px;}
.Xu_flter {background-color: rgba(6, 106, 201, 0.1);padding: 0.625rem 0;border-radius: 0.625rem;margin-bottom: 20px;}
img.wenxul {width: 100%;border-top: solid #FFF 5px;}
ul#course-pills-tab li:hover {background: none;border-radius: 5px;}
ul#course-pills-tab > li > .active {color: #FFF !important;}
#progress-bar {
  height: 3px;
  background-color: #0f56c7; 
  width: 0;
  transition: width 0.3s ease;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999; 
}

.bhrtbl1 {border-collapse: collapse;width: 100%;}
.bhrtbl1 td, .bhrtbl1 th {border: 1px solid #ddd;padding: 2px;text-align: center;font-size: 12px;}
.bhrtbl1 tr:nth-child(even){background-color: #f2f2f2;}
.bhrtbl1 tr:hover {background-color: #ddd;}
.bhrtbl1 th {text-align: center;background-color: #1c4596;color: white;}

.cardo {
    background: #dcfdff;
    display: inline-block;
    max-width: 200px;
    margin: 5px;
    border-radius: 10px;
    padding: 5px;
    border: solid 2px #0f56c7;
}
.nasrinp.stp2 {
    text-align: center;
    margin: 0;
    width: 100%;
}
.dwatr {float: right;}
.pesho {float:left ;}
.cardo .name {
    background: #0f56c7;
}
.cardo img {
    width: 100%;
}
.usertbox {
    width: 240px;
    display: inline-flex;
    margin: 6px;
    position: relative;
}
p.nawus3 {
    text-align: center;
    font-size: 35px;
    color: #FFF;
    margin-top: 5%;
    text-shadow: #000 0px 0px 7px;
}
img.sherelog {
    position: absolute;
    width: 25px;
    top: 49px;
    left: 3px;
    background: #fff;
    z-index: 20;
    border: solid 1px #0f56c7;
    border-radius: 7px;
    cursor: pointer;
}
.dmz_body {
    background: #d4f8ff;
    padding: 8px;
    position: relative;
    border-radius: 10px;
    border: solid 2px #0f56c7;
}
p.damxcati {
    position: absolute;
    left: 29%;
    bottom: 5px;
    margin: 0;
    width: 100px;
    background: #e4faff;
    text-align: center;
    border-radius: 7px;
    font-size: 13px;
}
.dmz_nxr {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: -42px;
}
canvas#confetti-canvas {
    display: block;
    z-index: 999999;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
}
.dmz_nxr p {
    background: #d4f8ff;
    width: 190px;
    display: inline-block;
    border-radius: 0px 0px 15px 15px;
}
.dmz_inpt {
    display: flex;
    margin-bottom: 8px;
}
.dmz_bash2 {
    display: inline-block;
    width: 130px;
    margin: 0 2px;
}
.dmz_wena {
    display: inline-block;
    border-radius: 100%;
    background: #FFF;
    width: 130px;
}
.dmz_wena img {
    width: 100%;
    cursor: pointer;
}
.dmz_bash1 {
    display: inline-block;
    width: 65%;
    margin: 0 2px;
}
.DMZ_cov {
    min-height: 120px;
    position: relative;
}
.DMZ_cov img {
    position: absolute;
    width: 25%;
    background: #FFF;
    border-radius: 100%;
    top: 50%;
    left: 10px;
    border: solid 2px #949494;
}
p.DMZ_wasf {
    margin: 0;
    height: 50px;
    color: #1c4596;
    overflow-y: auto;
    background-image: linear-gradient(#f1f1f100, #dedede3d);
}
.DMZ_cov i {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 22px;
    background: #FFF;
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
}
.DMZ_cov i.fa-solid.fa-clock {color: #ffcd00;}
.DMZ_cov i.fa-solid.fa-circle-check {color : #0f56c7;}
.DMZ_cov i.fa-solid.fa-square-xmark {color: #ff5176;}
.dmz_body.vbtr {background: #FFF;}
.profdtlr p {margin: 0;}
.profdtlr {
    display: inline-block;
    margin: 0 4% 0 0;
    padding-top: 5px;
    width: 100%;
}
h4.dmzname {
    width: 100%;
    margin: 8px 0;
    padding: 0 0 0 31%;
    font-size: 20px;
    text-align: left;
}
select#dmz_catigor {
    text-align: center;
    margin-bottom: 5px;
}
.bash_body {
    width: 115px;
    display: inline-block;
    margin: 15px 5px 5px 5px;
    position: relative;
    margin-bottom: 15px;
}
.bash_icon {
    border: solid 2px #0f56c7;
    border-radius: 100%;
    height: 115px;
    width: 100%;
    background: #fff;
    background-size: cover;
    background-repeat: no-repeat;
}

.bash_icon img {
    max-width: 100%;
    width: auto;
    cursor: pointer;
    max-height: 90px;
    margin-top: 10px;
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
}
input.indashname {
    width: 100%;
    background: no-repeat;
    font-size: 13px;
    border-radius: 6px;
    border: none;
    text-align: center;
}
.iconbash i:hover {color: #0f56c7;}
#msform {
    text-align: center;
    position: relative;
    margin-top: 20px;
}
.form-card {text-align: right;}
#msform fieldset:not(:first-of-type) {display: none;}
.card {
    z-index: 0;
    border: none;
    position: relative;
}
.purple-text {
	color: #0f56c7;
    font-weight: normal;
}
.fieldlabels {
	color: gray;
	text-align: left;
}
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
}
#progressbar .active {color: #0f56c7;}
#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 25%;
    float: left;
    position: relative;
    font-weight: 400;
}
#progressbar li i {
    cursor: pointer;
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
}
#progressbar li.active i {
    background: #0f56c7 !important;
}
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1;
}

#progressbar li.active:before, #progressbar li.active:after {background: #0f56c7;}
.progress {height: 20px;direction: initial;}
.progress-bar {background-color: #0f56c7;}
.fit-image{width: 100%;object-fit: cover;}
.bashdyarbka{
    text-align: center !important;
    margin: 5px !important;
    font-size: 13px !important;
    color: #F00 !important;
}
.iconbash i {
    display: flex;
    margin: 2px 4px;
    font-size: 14px;
    cursor: pointer;
}
.iconbash {
    position: absolute;
    background: #d5fbff;
    width: 58%;
    top: -7px;
    padding: 2px 0 0 0;
    border-radius: 5px;
}
.iconbash.linkic i {
    display: flow-root;
}
.iconbash.linkic {
    left: 0;
    text-align: left;
    background: #ffdef3;
}
.bash_name {
    background: #FFF;
    height: 27px;
    border: solid 2px #0f56c7;
    border-radius: 7px;
    word-wrap: break-word;
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: -10px;
    cursor: pointer;
}
.zposthato {
    position: absolute;
    width: 80%;
    padding: 5px 0 0 0;
    line-height: 11px;
    background: #0f56c7;
    top: -7px;
    border-radius: 10px;
    margin: 0 10%;
    z-index: 0;
}
.bash_name:hover {
    background: #ebfaff;
}

.bash_kolq {
    width: 40px;
    height: 40px;
    background: #ffe1e1;
    border-radius: 100%;
    border: solid 1px #e30000;
    position: absolute;
    left: -3px;
    top: -7px;
    z-index: 2;
}
.bash_kolq_2 {
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    background: #FFF;
    top: -24px;
    left: 33%;
    border: solid 2px #0f56c7;
    z-index: 2;
}
.bash_kolq_2:hover {
    background : #0f56c7;
}
p.hidden {
    font-size: 0;
    margin: 0;
}
.bash_kolq_2 img {
    width: 74%;
    margin: 5px;
}
.bash_kolq zl {
    position: absolute;
    font-size: 23px;
    text-align: center;
    width: 100%;
    right: 1px;
}
.bash_kolq span {
    font-size: 9px;
    position: absolute;
    right: 0;
    width: 100%;
    bottom: 2px;
}
.bash_name.v2{
    width: 115%;left: -8px;line-height: 24px;font-size: 12px;
}
.bash_addedt {
    text-align: center;
    width: 60%;
    background: #e9fff9;
    position: relative;
    display: inline-flex;
    margin-bottom: 15px;
    border-radius: 15px;
    border: solid #0f56c7 2px;
}
.bashaddrint {
    width: 220px;
    background: #0f56c724;
    border-radius: 10px;
    padding: 5px;
    margin: 7px;
}
.bashaddleft {
    width: 250px;
    background: #0f56c724;
    border-radius: 10px;
    padding: 5px;
    margin: 7px;
}
.bashaddcenter {
    width: 290px;
    background: #0f56c724;
    border-radius: 10px;
    padding: 5px;
    margin: 7px;
}
img.logoups {
    width: 72px;
    position: absolute;
    right: 7px;
    top: 24%;
}
span.codinv {
    position: absolute;
    left: 5px;
    font-size: 10px;
    border-right: solid 2px;
    padding-right: 5px;
    width: 70px;
    top: 20%;
    color: #0f56c7;
}
.coinsd {
    position: relative;
    background-size: 245px;
    background-repeat: no-repeat;
    height: 317px;
    width: 250px;
    background-position-y: 2px;
    background-position-x: 2px;
    margin: 7px;
    max-width: 100%;
    display: inline-block;
    margin-bottom: 35px;
}

.inpnone {
    background: no-repeat;
    border: none;
    margin: 0 4%;
    width: 92%;
}
.inpnone:focus {
    color: none;
    background: none !important;
    border-color: none;
    outline: 0;
    box-shadow: none;
}
b.bsbny {
    position: absolute;
    left: 6px;
    top: 10px;
    color: #0f56c7;
}


.bgp1{background-image: url(../img/bl1.png);}
.bgp2{background-image: url(../img/bl2.png);}
.bgp3{background-image: url(../img/bl3.png);}
.bgp4{background-image: url(../img/link_tili.png);}
.coinsd.bgp1 .coinbalans {color: #0f56c7;}
.coinsd.bgp2 .coinbalans {color : #0f56c7;}
.coinsd.bgp3 .coinbalans {color: #8f6b00;}
.coinsd.bgp4 .coinbalans {color: #0f56c7;}
p.coinbalans {
    position: absolute;
    width: 100%;
    bottom: 43%;
    font-size: 31px;
    color: #0f56c7;
}
p.coinbalansP {
    position: absolute;
    width: 100%;
    top: 165px;
}
p.tbncoin {
    position: absolute;
    bottom: 6%;
    width: 100%;
    padding: 0 11%;
}
p.shwensd {
    margin: 0;
    font-size: 10px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: right;
    padding: 0 11px;
}
.scvbb {
    text-align: center;
    display: inline;
    max-width: 400px;
}
.modal-content.chphoto {
    display: inline-block !important;
    height: 100% !important;
    padding: 10px !important;
}
button.crop_image {
    position: absolute;
    left: 0;
    bottom: 0;
}
.scvbb input {
    max-width: 500px;
    display: inline-block;
    width: 100% !important;
    background: #e1e5ed !important;
}
.scvbb i {
    position: absolute;
	left: -15px;
    top: 1px;
    font-size: 21px;
    color: #000;
	z-index:100;
}
.scvbb i:hover {
    color : #0f56c7;
	cursor: pointer;
}
table.bashra td {
    text-align: right;
    padding: 9px 20px;
}
ul.bshU85 li {
    text-align: right;
    margin: 15px 10px;
}
ul.bshU85 li i {
    margin: 0 5px;
}
p.xat.rg {
    font-size: 20px;
    color: #0f56c7;
}
gr#garanj {
    font-size: inherit;
    color: #cf3636;
}
.srimg{
	max-width: 100%;
    width: 250px;
    margin: 20px;
}
tr.bashbcv:hover {
    background: #e3f5ff;
}
tr.bashbcv {
    cursor: pointer;
}
tr.bashbcv.active {
    background: #0f56c7;
}
a.ahop {
    display: table;
    padding: 2px 27px;
    direction: ltr;
}
.profg .Verfcto {
    width: 35px !important;
    height: 35px !important;
}
p.xat {
    text-align: right;
    padding: 0 10px 5px 10px;
    border-bottom: solid 2px #0f56c7;
}
p.zanyar {
    text-align: right;
    padding: 0 10px;
}
p.nawus2 {
    margin: 25px 5px 0 5px;
    text-shadow: #ffffff 1px 1px 2px;
    font-size: 28px;
    color: #000;
}
i.vbtb {
    position: absolute;
    left: 10px;
    font-size: 20px;
    margin-top: 5px;
}
.qrcodes {
    border: solid #0f56c7 1px;
    border-radius: 15px;
}
.br5sp {
	background: #FFF;
    padding: 10px 0;
    width: 100%;
	margin-bottom: 15px;
}
ul.joPdf {
    margin: 0;
}
ul.joPdf li {
    margin: 3px 0;
    padding: 7px 5%;
    text-align: right;
}
ul.joPdf li:hover {
    margin: 3px 0;
    padding: 7px 5%;
    text-align: right;
}
ul.joPdf li:hover {
    background: #0f56c7;
    cursor: pointer;
}
ul.joPdf li.active {
    background: #1c4596;
    color: #FFF;
}
.CvWar {
    background: #fff0c6 !important;
}
table.jo3 th {
    background: #9b0075;
}
.f2aact {
    background: #f7f7f7;
    padding: 0 10px 8px 10px;
}
.nmpImg i {
    font-size: 28px;
}
.nmpImg {
    position: absolute;
    text-align: center;
    width: 100%;
    background: #00000082;
	display: none;
    border-radius: 100%;
    cursor: pointer;
    height: 130px;
    color: #FFF;
    padding: 90px 0 0 0;
}
.proimgho:hover > .nmpImg {
    display: inline;
}
i.clflter {
    position: absolute;
    left: 5px;
    top: 15%;
    padding: 3px 12px;
    border-radius: 5px;
    font-size: 20px;
    background: #ffdfdf;
}
i.clflter:hover {
    cursor:pointer;
    background: #650000;
    color: #FFF;
}
walam {
    background: #f2fff5;
    width: 100%;
    display: block;
    padding: 5px;
    border-radius: 5px;
    border: solid 2px ;
    border-style: dashed;
}
#nmyshrabt {
    background: #FFF;
    border-radius: 8px;
    padding: 5px;
    overflow: auto;
    height: 110px;
    margin: 0 0 5px 0;
}
.ofu{overflow: auto;}
.bhawl {
    background: #ededed;
    display: inline-block;
    position: relative;
    padding: 1px 7px;
    border-radius: 5px;
    margin: 0 0 5px 10px;
    font-size: 12px;
}
option[disabled] {
    color: red;
}
.bhawl i {
    font-size: 16px !important;
    color: #F00;
    left: -10px !important;
    top: -2px !important;
}
.textio{
    position: absolute;
    right: 7px;
    font-size: 10px;
    top: 29%;
}
span.xoraee {
    bottom: 10px;
    font-size: 15px;
}
.ms_pryar {
    background: #0f56c7;
    padding: 1%;
    position: relative;
    border-radius: 10px;
    margin-bottom: 12px;
}
.ms_sarder p {
    margin: 0;
    display: inline-block;
    padding: 0;
    background: #1c4596;
    color: #FFF;
    width: 50%;
    border-radius: 100px;
}
.ms_sarder {
    width: 100%;
    top: -17px;
    position: absolute;
}
.ms_pryar #katakay {
    position: absolute;
    width: 48px;
    top: -16px;
    font-size: 15px;
    padding: 0px;
}
.prslqer {
    width: 108px;
    padding: 0 35px 0 0;
    font-size: 15px;
    position: absolute;
    top: -16px;
    right: 60px;
}
.vbop {
    padding: 16px 10px 10px 10px;
    border-radius: 10px;
    margin: 13px 0;
}
.boxBprs {
    margin: 0;
}
.boxPrs {
    height: 300px;
    overflow-y: scroll;
    border: solid 1px #0f56c7;
}
p.walABCD {
    font-size: 10px;
    position: relative;
    display: inline-block;
    margin: 0px 4px;
    background: #d4f9ff;
    border-radius: 9px;
    padding: 3px 25px 0 10px;
    border: solid 1px #0f56c7;
}
p.walABCD i.walamrasthal {
    color : #0f56c7;
    position: absolute;
    right: 6px;
    top: 1px;
}
input.walamrast {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: -8px;
}
.prs_body {
    max-width: 38%;
    display: inline-block;
    background: #FFF;
    position: relative;
    border: solid #a3a3a354 1px;
    border-radius: 20px 20px 10px 10px;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}
img.hedprsimg {
    width: 100%;
    border-radius: 20px 20px 0 0;
}
.prs_boprs {
    background: #FFF;
    border: solid 1px #b8b8b8;
    border-radius: 25px;
    text-align: center;
    box-shadow: #000 0px 0px 8px -4px;
    padding: 8px 11px;
    margin: 5% 4%;
    height: 155px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.prs_halbzr {
    background: #e5fffe;
    margin: 9px 5%;
    padding: 5px;
    border-radius: 21px;
}
.phbg {
    background: #e7e7e7;
    padding: 5px;
    margin: 8px;
    border-radius: 25px;
    border: solid 1px #c0c0c0;
}
.phbg:hover {
    cursor: pointer;
    background : #0f56c7;
}
.katakey {
    width: 62px;
    height: 62px;
    position: absolute;
    top: 55px;
    left: 43px;
}
.BH_head {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px;
    align-items: center;
}
img.BH_wena {
    padding: 5px;
    border-radius: 12px;
    max-width: 100%;
}
p.BH_title {
    text-align: right;
    margin: 8px 0;
    color: #1c4596;
}
p.BH_detl {
    text-align: right;
    font-size: 14px;
    margin: 15px 0;
}
p.timakay {
    position: absolute;
    margin: 16px 13px 0 0;
    font-size: 23px;
    width: 35px;
}
.phbg.activwalam {
    background : #0f56c7;
}
.brawagift img {
    width: 75%;
}
.clock {
    overflow: hidden;
    display: inline-block;
    width: 100px;
    color: #FFF;
}
.wrapper {
    max-width: 500px;
    margin-top: 2%;
    display: inline-block;
}
img.sbtop {
    width: 100%;
    position: absolute;
    left: 0;
    top: -55px;
}
.nitlabl input {
    padding-left: 40px;
    text-align: center !important;
}
.nitlabl lable {
    position: absolute;
    left: 4%;
    color: #0f56c7;
    top: 16%;
    font-size: 14px;
}
.nitlabl i, .nitlabl .iconm{
    position: absolute;
    left: 2%;
    color: #0f56c7;
    top: 23%;
    margin: 0;
    font-size: 20px;
}
.nitlabl .iconm{width: 20px;}
.nitlabl img {
    position: absolute;
    left: 2%;
    top: 22%;
}
.coingeft {
    font-size: 13px;
    color: #f17100;
}
.nasrinptyb{
    margin: 0 !important;
    width: 100% !important;
    border-radius: 8px !important;
    text-align: center !important;
}
.peshbr_body:hover {
    box-shadow: #0f56c7 0px 0px 3px 0px;
}
.peshbr_body {
    background: #FFF;
    border-radius: 8px;
    border: solid 1px #dfdfdf;
    position: relative;
    padding-bottom: 45px;
}
.lqowbash {
    display: flex;
    position: absolute;
    z-index: 2;
    bottom: 4px;
    left: 4px;
}
p.peshRoz {
    text-align: center;
    padding: 4px;
    margin: 0 0 10px 0;
    background: #f0f8ff;
}
.lqowbash div {
    background: #f4f4f4;
    width: max-content;
    margin: 0 3px;
    padding: 0px 5px;
    display: flex;
    border: solid 1px #c7c7c7;
    border-radius: 12px;
}
.lqowbash div p {margin: 4px 0 0 0;}
.lqowbash div img {width: 22px;height: 22px;}
p#pesh_title,.peshsarder {font-size: 13px !important;margin: 5px !important;color: #1c4596;text-align:center !important;height: 45px;}
p#pesh_dtl,.nosdtl {margin: 5px !important;height: 75px;width: 96%;overflow-y: auto;font-size: 10px !important;display: inline-block;}
.btn.nibahr {padding: 0;font-size: 12px;width: 87%;border-radius: 10px;margin-top: 6px;}
.nrxhlgr{font-size: 11px;}
.nrxhlgr span {color: #1c4596;font-size: 15px;}
.top-section {
  margin-bottom: 0px;
  border-radius: 5px 5px 0px 0px;
  background-color: #0f56c7;
  padding-top: 8px;
  border: 0px;
}
.bottom-section {
  margin-top: 0px;
  border-radius: 0px 0px 5px 5px;
  background-color: #1c4596;
  border: 0px;
}
.pesh_imgbg {
    width: 100%;
    position: relative;
    border-radius: 8px 8px 0 0;
    height: 125px;
    background-size: cover;
}
.pesh_imgbg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgb(0 0 0 / 31%), rgba(0,0,0,0));
}
.rozek{display: list-item;margin-bottom: 17px;width: 100%;}
.well .num {font-size: 48px;}
.brawagift {
    position: relative;
}
.brawagift p {
    position: absolute;
    font-size: 70px;
    left: 0;
    top: 21px;
    padding: 0 35px 0 0;
    color: #ecb221;
    text-shadow: #000 1px 1px;
    width: 100%;
}
.bnmoprs {
    position: absolute;
    top: 0;
    background: #ffffffa1;
    height: 100%;
    padding: 12% 0;
    border-radius: 20px;
    overflow: hidden;
}
.ms_walamA .ms_tit {background: #ff9600;}
.ms_walamA {background: #fff1b6;}
.ms_walamB .ms_tit {background : #0f56c7;color: #000;}
.ms_walamB {background : #0f56c7;}
.ms_walamC .ms_tit {background: #0f56c7;}
.ms_walamC {background: #0f56c7;}
.ms_walamD .ms_tit {background: #ff5ef6;}
.ms_walamD {background: #ffd2ef;}
#ptr-light-indicator{
    width:35px;
    height:55px;
    margin:0 auto;
    transform:translateY(0);
    position:relative;
    top:-55px;
    transition:transform 300ms ease
}
#ptr-light-spinner{
    display:block;
    height:35px;
    width:35px;
    position:absolute;
    top:100px;
    background:url('../svg?d=refrsh');
    background-size:contain
}
.rotateLoop{
    -webkit-animation:rotation .9s infinite linear;
    -moz-animation:rotation .9s infinite linear;
    -o-animation:rotation .9s infinite linear;
    animation:rotation .9s infinite linear
}
img.minico {
    width: 22px;
}
img.menico {
    width: 30px;
}
li.nitshape img {
    padding: 2px;
}
li.nitshape {
    display: inline-flex;
    margin: 0 2px;
    height: 53px;
    border-radius: 7px;
    background: #efefef;
}
.nitlistshap {
    overflow-y: auto;
    max-height: 300px;
    min-width:200px;
    text-align: center;
}
@-webkit-keyframes rotation{
    from{
        -webkit-transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(359deg)
    }
}
@-moz-keyframes rotation{
    from{
        -moz-transform:rotate(0deg)
    }
    to{
        -moz-transform:rotate(359deg)
    }
}
@-o-keyframes rotation{
    from{
        -o-transform:rotate(0deg)
    }
    to{
        -o-transform:rotate(359deg)
    }
}
@keyframes rotation{
    from{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(359deg)
    }
}

@keyframes move-right {
  0% { width: 0; }
  100% { width: 100%; }
}
@keyframes banxwar {
    0% {transform: translateY(3px);}
    100% { transform: translateY(-3px);}
}
@keyframes sorxwar {
    0% {transform: rotate(45deg);}
    100% { transform: rotate(55deg);}
}

.nerdarop p {
    text-align: center;
    margin: 0 5px 0 0;
}
p.imp_id {
    text-align: right;
    color: #1c4596;
}
.vbnmc{
    margin: 0;
    background: #c0f7ff;
    width: 100px;
    display: inline-block;
    border-radius: 5px;
}
.nerdarop {
    background: #f0fdff;
    width: max-content;
    padding: 0 10px;
    display: inline-block;
}
.rate.proxwar {
    top: inherit;
    bottom: 0px;
    font-size: 12px;
    padding: 0 5px 0 0;
    text-align: right;
}
.nrxkat span {
    color: #0f56c7;
}
.HB_div {
    position: relative;
    text-align: center;
}
.HB_gifts {
    max-width: 100%;
    position: relative;
    width: 300px;
    display: inline-block;
}
.HB_gifts .pesh_brka {
    border-radius: 9px;
    background: #edf8ff;
    border: solid 2px #0f56c7;
    padding-top: 2px;
}
.HB_gifts .dastkawt {
    width: max-content !important;
}
.rate.proxwar i {
    font-size: 12px;
}
.BH_post {
    padding-bottom: 4%;
    border-bottom: solid 2px #1c4596;
    border-top: solid 2px #1c4596;
}
.adsakan {
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.HB_BSHB {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.HB_BODY{
    box-shadow: 0 10px 20px #0000000f, 0 2px 6px #0000000f, 0 0 1px #0000000f;   
    padding: 10px 5px;
    margin: 10px 1%;
    width: 48%;
    position: relative;
}
.BHB_pro .bshUSE {
    width: 60px;
    border-radius: 100%;
    border: solid 1px #d9d9d9;
}
.Userbash {
    position: relative;
}
.BHB_pro {
    cursor: pointer;
}
.dropdown-item.masegs {
    margin: 4px 0;
    text-align: center;
    padding: 5px 10px 15px 10px;
}
.dropdown-item.masegs.pr.activeo {
    background: #e7f9ff;
}
p.alert_DTL {
    margin: 0;
    font-size: 12px;
    padding: 5px 35px 5px 0;
}
.alert_barwar {
    font-size: 10px;
    float: left;
    color: #0f56c7;
}
img.alert_ico {
    width: 40px;
    position: absolute;
    right: 5px;
    top: 20%;
}
.BHB_DTL .nameER {
    font-size: 11px;
    margin: 0;
}
.BHB_DTL p {
    margin: 0;
}
.BHB_DTL {
    width: -webkit-fill-available;
    text-align: right;
    margin: 10px 3px 0 0;
}
.BHB_NRXK p {
    margin: 0;
    font-size: 12px;
}
.BHB_DTL i {
    font-size: 11px;
}
.BHB_NRXK {
    display: flow-root;
    margin: 10px 0 0 10px;
    width:50px;
}
p.HBRoz {
    font-size: 9px;
}
p.ronkrdn {
    font-size: 14px;
    margin: 5px 20px 0 30px;
    text-align: right;
    max-height: 40px;
    overflow: hidden;
}
.nadozra img {
    max-width: 100%;
    width: 200px;
    margin: 0 0 3% 0;
}
.allBash {
    display: contents;
}
.HB_sort i {
    font-size: 12px;
    margin-left: 5px;
}
.HB_sort {
    display: flex;
    justify-content: space-around;
    background: #ebfcff;
}
.HB_sort .rezKrdn {
    padding: 1px 10px;
    font-size: 12px;
    margin: 3px;
    border-radius: 20px;
    display: flow-root;
}
.BH_adbsh {
    padding-bottom: 5%;
    border-bottom: solid 2px #1c4596;
}
p.HBNRX sub {
    color: #000;
}
.pedankar {
    font-size: 13px;
    padding: 0 10px;
    border-radius: 5px;
}
img.delBshd:hover {
    cursor: pointer;
    box-shadow: #ffc300 0px 0px 6px 0;
    border-radius: 100%;
}
img.delBshd {
    width: 20px;
    position: absolute;
    left: 5px;
    bottom: 5px;
}
.RtyBro .bdyo {
    position: absolute;
    top: 0%;
    left: 30%;
}
.RtyBro {
    display: inline-block;
    width: 200px;
    height: 134px;
    background: #f5f5f5;
    margin: 0 5px;
    border-radius: 10px;
}
.RtyBro img {
    width: 90px;
    height: 90px;
}
.RtyBro {
    display: inline-block;
    width: 250px;
    height: 115px;
    padding-top: 80px;
    background: #f5f5f5;
    margin: 0 5px 40px 5px;
    border-radius: 10px;
}
.nform .form-check {
    display: inline-block;
    margin: 0;
    padding: 5px 0;
    width: 150px;
}
.nform input.jorwana {
    width: 25px;
    height: 25px;
    margin: 0 0 0 0px;
}
p.vbct {
    display: inline-block;
    font-size: 12px;
    margin: 0 5px;
    padding: 2px 6px;
    border-radius: 10px;
}
.mobile-frame{
	position: relative;
    width: 400px;
    display: inline-block;
    transition: all .2s ease-in-out;
}

.mobile-frame > img{
	position: relative;
	width: 400px;
	margin: 0 auto;
	z-index: 1;
}

.frame-box{
	position: absolute;
	top: 102px;
	left: 47px;
	z-index: 2;
	overflow-y: hidden;
}

#rotate-btn{
	position: relative;
	bottom:120px;
	width: 55px;
	height: 55px;
	margin: 20px auto;
	border:1px solid #666;
	color: #666;
	line-height: 55px;
	text-align: center;
	border-radius:50%;
	z-index: 3;
	-webkit-all .2s ease-in-out;
	-moz-all .2s ease-in-out;
	-ms-all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#rotate-btn:hover{
	border:1px solid #ccc;
	color: #ccc;
	cursor: pointer;
}

.rotate{
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.btn-rotate{
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.rotate-frame{
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	position: absolute;
	top: 205px;
	left: -60px;
}
.row.vbnm input {
    height: 35px !important;
}
img#recapcho {
    position: absolute;
    left: -11px;
    top: 2px;
    width: 120px;
    border-radius: 0 0 10px 10px;
}
.row.vbnm .nico {
    height: 25px;
    position: absolute;
    padding: 0;
    width: 25px;
    left: 5px;
    top: 5px;
}
date.form-control {
    display: flex;
    padding: 0 0 0 34px;
}
date .form-control {
    padding: 0 !important;
    border: none !important;
}
.btn.btn-green.brdlachnzor {
    width: 100%;
    margin-top: 20px;
    border-radius: 25px;
}
#sliderHw {
  position: relative;
  width: 70%;
  height: 215px;
  margin: 10px auto;
  font-family: 'Helvetica Neue', sans-serif;
  perspective: 1400px;
  transform-style: preserve-3d;
}

#sliderHw input[type=radio] {
position: relative;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

#sliderHw label {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: white;
  font-size: 70px;
  font-weight: bold;
  background: #FFF;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 400ms ease;
}
section#sliderHw img {
    width: 100%;
    border-radius: 5px;
    max-height: 100%;
}
p.detiles {
    margin: 30px 10px 0 10px;
    background: #def9ff;
    padding: 5px;
    height: 60px;
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;
}
section#sliderHw nrx {
    color: #FFF;
    font-size: 25px;
    position: absolute;
    top: 3px;
    background: #00000070;
    left: 9px;
    padding: 3px 10px 0 10px;
    line-height: 36px;
    border-radius: 8px;
}
/* Active Slide */
#s1:checked ~ #slide1, #s2:checked ~ #slide2, #s3:checked ~ #slide3, #s4:checked ~ #slide4, #s5:checked ~ #slide5 {
  box-shadow: 0 13px 26px rgba(0,0,0, 0.3), 0 12px 6px rgba(0,0,0, 0.2);
  transform: translate3d(0%, 0, 0px);
}

/* Next Slide */
#s1:checked ~ #slide2, #s2:checked ~ #slide3, #s3:checked ~ #slide4, #s4:checked ~ #slide5, #s5:checked ~ #slide1 {
  box-shadow: 0 6px 10px rgba(0,0,0, 0.3), 0 2px 2px rgba(0,0,0, 0.2);
  transform: translate3d(15%, 0, -100px);
}


/* Next to Next Slide */
#s1:checked ~ #slide3, #s2:checked ~ #slide4, #s3:checked ~ #slide5, #s4:checked ~ #slide1, #s5:checked ~ #slide2 {
  box-shadow: 0 1px 4px rgba(0,0,0, 0.4);
  transform: translate3d(30%, 0, -250px);
}

/* Previous to Previous Slide */
#s1:checked ~ #slide4, #s2:checked ~ #slide5, #s3:checked ~ #slide1, #s4:checked ~ #slide2, #s5:checked ~ #slide3 {
  box-shadow: 0 1px 4px rgba(0,0,0, 0.4);
  transform: translate3d(-30%, 0, -250px);
}

/* Previous Slide */
#s1:checked ~ #slide5, #s2:checked ~ #slide1, #s3:checked ~ #slide2, #s4:checked ~ #slide3, #s5:checked ~ #slide4 {
  box-shadow: 0 6px 10px rgba(0,0,0, 0.3), 0 2px 2px rgba(0,0,0, 0.2);
  transform: translate3d(-15%, 0, -100px);
}

.page_404{ padding:40px 0; background:#fff; font-family: 'Arvo', serif;
}

.page_404  img{ width:100%;}

.four_zero_four_bg{
 
 background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
    height: 400px;
    background-position: center;
 }
 .xatxwart {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 12;
    height: 6px;
}
 
 .four_zero_four_bg h1{
 font-size:80px;
 }
 
  .four_zero_four_bg h3{
       font-size:80px;
       }
       
       .link_404{      
  color: #fff!important;
    padding: 10px 20px;
    background : #0f56c7;
    margin: 20px 0;
    display: inline-block;}
  .contant_box_404{ margin-top:-50px;}
  
.thought {
    display: inherit;
    background-color: #e5e5e5;
    padding: 20px;
    border-radius: 30px;
    min-width: 40px;
    min-height: 40px;
    margin: 50px 5px 40px 5px;
    position: relative;
    text-align: center;
    animation: expand-bounce 1s;
}
.thought.xhu21 {margin-right: 10%;background: #defaff;}
.thought.xhu22 {margin-right: 10%;background: #ffdefd;}
p.nswil {position: absolute;top: 0;margin: -23px 75px 0 0;}
.thought .refUse {
    position: absolute;
    width: 63px;
    right: 23px;
    top: -43px;
    background: #f3f3f3;
    border-radius: 100%;
}
.thought:before,.thought:after {
  content:"";
  background-color:#e5e5e5;
  border-radius:50%;
  display:block;
  position:absolute;
  z-index:-1;
}
.thought:before {
  width:44px;
  height:44px;
  top:-12px;
  left:28px;
  box-shadow:-50px 30px 0 -12px #e5e5e5;
}
.thought:after {
  bottom:-10px;
  right:26px;
  width:30px;
  height:30px;
  box-shadow:40px -34px 0 0 #fff,
             -28px -6px 0 -2px #fff,
             -24px 17px 0 -6px #fff,
             -5px 25px 0 -10px #fff;
  
}  
@keyframes expand-bounce {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}

.tree ul {
    margin-right: 20px;
}

.tree li {
    list-style-type: none;
    margin:10px;
    position: relative;
    text-align: right;
}

.tree li::before {
    content: "";
    position: absolute;
    top:-7px;
    right:-20px;
    border-right: 1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-radius:0 0 0 0px;
    width:20px;
    height:15px;
}

.tree li::after {
    position:absolute;
    content:"";
    top:8px;
    right:-20px;
    border-right: 1px solid #ccc;
    border-top:1px solid #ccc;
    border-radius:0px 0 0 0;
    width:20px;
    height:100%;
}

.tree li:last-child::after  {
    display:none;
}

.tree li:last-child:before{
    border-radius: 0 0 5px 0;
}

ul.tree>li:first-child::before {
    display:none;
}

ul.tree>li:first-child::after {
    border-radius:0 5px 0 0;
}

.tree li a {
    border: 1px #ccc solid;
    border-radius: 5px;
    padding:2px 25px 2px 5px;
    position: relative;
}
.tree li a i.treeclik {
    font-size: 19px;
    position: absolute;
    top: 18%;
    right:3px;
}
.dyot {
    display: inline-block;
    margin: 0 10px 0 3px;
}

.tree li a i.addnewT {position: absolute;right: -19px;background : #0f56c7;top: 0px;padding: 4px;z-index: 1;border-radius: 5px;cursor: pointer;font-size: 10px;}
.dyot .fa-youtube {color: #fd0000;}.dyot .fa-youtube:hover {color: #c00000;cursor: pointer;}
.dyot .fa-file-pdf {color: #ffa232;}.dyot .fa-file-pdf:hover {color: #a95c00;cursor: pointer;}
.dyot .fa-image {color : #0f56c7;}.dyot .fa-image:hover {color : #0f56c7;cursor: pointer;}
.tree li a:hover, .tree li a:hover+ul li a,
.tree li a:focus, .tree li a:focus+ul li a {
    background: #ccc; color: #000; border: 1px solid #000;
}

.tree li a:hover+ul li::after, .tree li a:focus+ul li::after,
.tree li a:hover+ul li::before, .tree li a:focus+ul li::before 
.tree li a:hover+ul::before, .tree li a:focus+ul::before 
.tree li a:hover+ul ul::before, .tree li a:focus+ul ul::before{
    border-color:  #000; 
}
.titleBASH {
    background : #0f56c7;
    padding: 5px;
    border-radius: 8px;
    border: solid #1c4596 1px;
}

.sharawa{font-size:0px;margin: 0px;padding:0px;}
li#puidc {background: #e9f7ff;text-align: center;padding: 4px;font-size: 20px;}
.wenopro{width: 110px;height: 110px;margin-bottom: 7px;box-shadow: #fff 0px -3px 0 3px;border-radius: 100%;}
div#box_main {margin: -70px 0 0 0;height: 140px;}
.text-red {color: #f00;}
.text-green {color : #0f56c7;}
.text-blue {color: #0f56c7;}
.text-pink {color: #ff00b1;}
.text-mor {color: #0f56c7;}
.alert-pink {background-color: #ffdbf0;border-color: #f20091;color: #000;}
.alert-green {color : #0f56c7;background-color : #0f56c7;border-color : #0f56c7;}
.w100 {width: 100%;}
.bag {width: 42%;margin: 13px;display: inline-block;transition: transform 0.5s;animation: expand-bounce 1s;}
.opened .boxz {font-size: 34px;text-align: right;margin: 8px 10px;}
.opened p.conXhat {width: 100%;position: absolute;font-size: 50px;top: 40px;color : #0f56c7;}
.bag:hover {transform: scale(1.15);cursor: pointer;}
p.boxz {position: absolute;width: 100%;top: 20px;margin: 0;font-size: 90px;color: #FFF;}p.conXhat.back {color: #ffb8b8;}
.box_main {background-image: url(../img/hed2.jpg);height: 145px;background-size: cover;border-radius: 10px;overflow: hidden;background-position: 0 -85px;}
@-webkit-keyframes ssc-loading{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes ssc-loading{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.ssc-circle,.ssc-head-line,.ssc-hr,.ssc-line,.ssc-square{display:block;background-color:rgba(0,0,0,.17);position:relative;overflow:hidden}.ssc-circle:after,.ssc-head-line:after,.ssc-hr:after,.ssc-line:after,.ssc-square:after{content:"";-webkit-animation:ssc-loading 1.3s infinite;animation:ssc-loading 1.3s infinite;height:100%;left:0;position:absolute;right:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);z-index:1;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent)}.ssc{cursor:progress;-webkit-user-select:none;user-select:none}.ssc .mb{margin-bottom:16px}.ssc .mt{margin-top:16px}.ssc .mr{margin-right:16px}.ssc .ml{margin-left:16px}.ssc .mbs{margin-bottom:8px}.ssc .mts{margin-top:8px}.ssc .mrs{margin-right:8px}.ssc .mls{margin-left:8px}.ssc .w-10{width:10%}.ssc .w-20{width:20%}.ssc .w-30{width:30%}.ssc .w-40{width:40%}.ssc .w-50{width:50%}.ssc .w-60{width:60%}.ssc .w-70{width:70%}.ssc .w-80{width:80%}.ssc .w-90{width:90%}.ssc .w-100{width:100%}.ssc .flex{display:flex}.ssc .inline-flex{display:inline-flex}.ssc .flex-column{flex-direction:column}.ssc .flex-column-reverse{flex-direction:column-reverse}.ssc .flex-row{flex-direction:row}.ssc .flex-row-reverse{flex-direction:row-reverse}.ssc .align-center{align-items:center}.ssc .align-start{align-items:flex-start}.ssc .align-end{align-items:flex-end}.ssc .align-stretch{align-items:stretch}.ssc .justify-start{justify-content:start}.ssc .justify-center{justify-content:center}.ssc .justify-end{justify-content:end}.ssc .justify-between{justify-content:space-between}.ssc .justify-around{justify-content:space-around}.ssc-wrapper{padding:16px}.ssc-card{display:block;width:100%;height:100%;border-radius:5px;box-shadow:0 2px 4px 1px rgba(0,0,0,.17);background-color:#fff}.ssc-circle{border-radius:50%;width:50px;height:50px}.ssc-hr{width:100%;height:2px}.ssc-line{height:12px}.ssc-head-line,.ssc-line{border-radius:15px;width:100%}.ssc-head-line{height:24px}.ssc-square{width:100%;height:150px}
.search-ssc-lg{display:none;padding:16px;margin:0 auto;max-width:1200px}@media screen and (min-width:769px){.search-ssc-lg{display:block}}.search-ssc-lg .tag{height:30px;width:150px;margin-right:12px;border-radius:12px}.search-ssc-sm{display:none;padding:16px}@media screen and (max-width:768px){.search-ssc-sm{display:block}}.search-ssc-sm__tags{margin-bottom:-12px}.search-ssc-sm .tag{height:28px;margin-right:12px;margin-bottom:12px;border-radius:10px}.search-ssc-sm__category{height:45px;border-radius:6px}
.Bnbro {text-align: center;margin-top: 55px;padding: 5px 15%;border-top: solid 2px #0f56c7;background: linear-gradient(to top, #ffffff 0%,#ebf8ff 50%);}
.Bdwno {text-align: center;margin-top: 5px;padding: 5px 15%;border-top: solid 2px #ffb100;background: linear-gradient(to top, #ffffff 0%,#fffbeb 50%);}
.Bdwng {text-align: center;margin-top: 5px;padding: 5px 15%;border-top: solid 2px ;background: linear-gradient(to top, #ffffff 0%, 50%);}
#player-size {width: 100%;height:100%;}
#cropping-div {overflow: hidden;position: relative;}
#div-to-crop {overflow: hidden;margin-top: -51%;margin-bottom: -20%;}
#player-wrapper {position: relative;overflow: hidden;padding-top: 128.25%;}
#player {position: absolute;top: 0;width: 100%;height: 124%;}
.cvbnio12 {position: fixed;z-index: 200;width: 100%;height: 100%;}
img.divcover {position: absolute;z-index: 1;width: 100%;height: 100%;}
.popiframe {width: 100%;height: 97%;}
.Verfcto{position: absolute;bottom: -5px;width: 18px;height: 18px;right: 0;cursor: pointer;}
.body_cv {overflow: auto;}
.page_cv {width: 21cm;height:29.7cm ;padding: 5px;position: relative;}
.sar_cv {background: #0f56c7;height: 230px;width: 100%;display: inline-flex;justify-content: space-around;padding: 30px 0;}
.sar_cv_rast {width: 30%;position: relative;}
.sar_cv_chap {width: 70%;}
.cv_hr {border-top: solid 5px;width: 60%;display: inline-block;margin: 12px 0;box-shadow: #000 0px 0px 2px;}
.sar_cv_rast_prof {background: #FFF;width: 95%;display: inline-block;height: 465px;border-radius: 170px;border: solid 3px #0f56c7;padding: 15px;position: absolute;right: 7px;box-shadow: #000 0px 0px 2px;}
.sar_cv_rast_prof img {width: 190px;height: 190px;border-radius: 100%;}
.cv_srdr {margin: 0;color: #0f56c7;font-size: 20px;}
.cv_srdrwlm {font-size: 15px;color: #000;word-wrap: break-word;}
.CV_dat_rast {display: inline-block;width: 32%;margin-top: 280px;padding: 5px;}
.CV_dat_chap {display: inline-block;width: 66%;padding: 5px;}
.dawasra_cv {text-align: right;}
.dawasra_cv r {background: #0f56c7;padding: 2px 10px;border-radius: 15px 0 0 15px;color: #FFF;font-size: 16px;}
.dawasra_cv w {display: block;padding: 5px 10px;font-size: 16px;margin-bottom: 15px;direction: ltr;}
.CVb {height: 20px;width: 100%;border: solid 2px #ccc;}
.jrtl{text-align: justify !important;direction: rtl !important;font-size: 18px !important;}
w li {list-style: arabic-indic;}
w ol {margin: 0;padding: 0 15px;}
w i {color: #0f56c7;}
w.m0 {margin: 0;padding: 0 10px;border-bottom: solid 1px #0f56c7;}
.CV_xwar {background-color: #0f56c7;height: 22px;width: 100%;position: absolute;bottom: 0;}
.CV_color {width: 35px;height: 35px;border-radius: 100%;margin: 5px;display: inline-block;cursor: pointer;padding: 7px;}
.CV_colorBOX {display: inline-flex;align-items: center;padding: 0 4px;background: #bff7ff;border-radius: 20px;}
.CV_colorBOX p {margin: 0;}
.bstarCV {display: flex;direction: rtl;justify-content: space-between;}
.bstarCV p {margin: 0;}
.starakanCV {display: flex;align-items: center;}
dlv {width: 10px;margin-left: 5px;height: 20px;display: inline-block;border: solid 1px #0f56c7;border-radius: 5px;}
dlv.pra {background: #0f56c7;}
dlv.chl {background: #e8e8e8;}

img.dzhicon {position: absolute;width: 30px;left: 50%;margin: -10px 0 0 -15px;}
.slider img {width: 73%;}
.wlatakan .wnam {margin-top: 5px;}
.wlatakan img {width: 25px;margin-right: 5px;}
.wlatakan {padding: 5px;display: flex;cursor: pointer;}
.wlatbtn img {width: 35px;}
.wlatbtn {padding: 0;margin: 0;}
button.btn.wlatbtn.show:focus {box-shadow: none !important;}
.dropdown.walatrui {width: 13%;margin: 0;padding: 0 4px;text-align: center;position: absolute;border-radius: 10px;}
.rfrl p {width: 100%;position: absolute;top: 35%;}
.rfrl img {width: 96%;margin: 0 2%;}
.refrid {margin: 13px 0;background: #e8f8ff;padding: 6px 0;font-size: 20px;}
.phoipp{min-height: 200px;border-radius: 20px 20px 0 0;padding: 60px 0;}
.DH_bahradar {background: #fcfcfc;border-radius: 20px;border: solid 1px #d7d7d7;margin-top: 30px;}
.DH_prof {position: absolute;width: 100%;right: 0;text-align: center;}
.DH_prof .profimg {box-shadow:  0 10px 7px 0;border: solid 2px ;}
.DH_daskawn {margin-top: 70px;display: flex;padding: 2%;justify-content: space-around;}
.DH_dask {background: linear-gradient(to top, #0f56c763 13%,#ffffff00 47%);width: 25%;padding: 43px 6px;border-bottom: solid 3px #0f56c7;padding-bottom: 5px !important;}
.BH_zrd{background: linear-gradient(to top,  13%,#ffffff00 47%);border-bottom: solid 3px #ffe146;}
.BH_grn{background: linear-gradient(to top,  13%,#ffffff00 47%);border-bottom: solid 3px ;}
p.BH_nrx {margin: 13px 0;font-size: 20px;}
.GH_foter p {margin: 0;}
.GH_foter {margin-top: 30px;display: flex;justify-content: space-around;background: #e7e7e7;border-radius: 0 0 20px 20px;padding: 5px;}
.DH_dask img {width: 70px;}
img.DH_logo {position: absolute;width: 135px;top: 2px;right: 110px;}
.nasrinp:disabled {background: #757575;}
.vid_yokan img.bgvid {width: 100%;}
.vid_yokan {position: relative;display: inline-block;background-image: url(../img/tv.png);padding: 4px 3px 0px 3px;background-size: cover;}
.vid_yokan img {display: block;}
.vid_yokan .play-icon {position: absolute;top: 48%;left: 50%;width: 15%;z-index: 2;transform: translate(-50%, -50%);display: none;}
.vid_yokan:hover .play-icon {display: block;}
.vid_icons:hover {cursor: pointer;}
.vid_yokan:hover::before {content: "";position: absolute;top: 0;left: 0;width: 98%;height: 81%;margin: 1% 0 0 1%;background-color: rgba(0, 0, 0, 0.7);z-index: 1;}
.vid_body {border-bottom: solid 1px #e0e0e0;}
p.vid_title {padding: 5px;height: 50px;margin: 0;overflow-y: auto;font-size: 12px;}
/*new BTN*/
.btn-pink {background-color: #f20091;border-color: #f20091;color: #fff;}
.btn-pink:hover {background-color: #d0007d;border-color: #d0007d;color: #fff;}
.btn-blue {background-color: #0f56c7;border-color: #0f56c7;color: #fff;}
.btn-blue:hover {background-color: #1b4fae;border-color: #1b4fae;color: #fff;}
.btn-green {background-color : #0f56c7;border-color : #0f56c7;color: #fff;}
.btn-green:hover {background-color : #0f56c7;border-color : #0f56c7;color: #fff;}
.btn-orang {background-color: #ffba00;border-color: #ffba00;color: #fff;}
.btn-orang:hover {background-color: #d69c00;border-color: #d69c00;color: #fff;}
.btn-perpl {background-color: #dea1d8;border-color: #dea1d8;color: #fff;}
.btn-perpl:hover {background-color: #be73b7;border-color: #be73b7;color: #fff;}
.btn-xom {border-color : #0f56c7;color: #fff;background-image: linear-gradient(270deg, #0f56c7, #1c4596);border-radius: 7px;transition: background-image 0.3s ease, transform 0.3s ease;}
.btn-xom:hover {border-color : #0f56c7;color: #fff;background-image: linear-gradient(90deg, #0f56c7, #1c4596);border-radius: 7px;}
.DZHbody {width: 500px;position: relative;display: inline-block;padding: 20px 0px 15px 0px;}
.DZsaha {background-image: url(../img/VSder.jpg);height: 180px;width: 100%;border-radius: 5px;filter: grayscale(30%);margin: 5px 0;background-position: 50%;background-size: cover;}
img.imageDZ {width: 44%;margin: -60px 0 0 0;border-radius: 100%;box-shadow: #FFF 0px 0px 5px 3px;}
.DZcsaha .cvbnR {width: 50%;}
.DZcsaha {position: relative;display: flex;background-image: linear-gradient(#0f56c7, white);padding: 0 10px;border-radius: 5px;}
.carousel-indicators.br5px {height: 20px;}
.carousel-indicators.br5px button {width: 9px;height: 3px;margin: 0 5px;}
.carousel-item img {width: 100%;display: inline-grid;}
.carousel-indicators {margin: 0 0 7px 0 !important;}
.carousel-inner p {font-size: 10px;position: absolute;padding: 0 6px;width: 117%;height: 30px;overflow: hidden;margin: 0;bottom: -10px;background: #000;right: -14px;}
.br5px{border-radius: 5px;}
.bashe1,.bashe2 {padding: 5px;}
.carousel-inner.bashe1{border: solid 2px #1c4596;border-radius: 7px;box-shadow: #0f56c7 0px 0px 2px 2px;padding: 0;}
.carousel-inner.bashe2{border: solid 2px #b90000;border-radius: 7px;box-shadow: #ff7684 0px 0px 2px 2px;padding: 0;}
.dlenasradil{background: #dbf6ff;border-radius: 100%;border: solid #FFF 5px;height: 57px;padding: 12px;margin: -40px 0 0 0px;}
.dlenasradil i{font-size: 24px;}
.bashid img {max-width: 100%;height: 150px;margin: 5px 0;transition: transform .2s;}
.bashid:hover > img {transform: scale(1.05);}
.mt-lg-n22 {margin-top: -12rem!important;z-index: 1;}
.mt-n8 {margin-top: -3.5rem!important;z-index: 1;}
.justify-content-center {justify-content: center!important;}
.btn-play {background-color: #FFF;color: #F00;transition: .2s ease;}
.rounded-circle {border-radius: 50%!important;height: 50px;width: 50px;padding: 17px;}
.bg-cover {background-size: cover;}
.nav-link.active{background-color: transparent;border-bottom: 2px solid #0f56c7;color: #0f56c7 !important;background-image: linear-gradient(0deg, #0f56c74a, transparent);}
.corsnav .nav-link {height: 55px;padding: 18px 10px !important;}
.xulProf .loguser {width: 5rem;height: 5rem;box-shadow: none;}
.xulProf .Verfcto {width: 28px;height: 28px;}
.zaner {text-align: center;padding: 0 22px;} .zaner p {margin: 0;}
.zaner i {color: #ffa000;} .link {cursor: pointer;}
i.fa-solid.fa-location-dot {color: #0f56c7;}
.nrxXul {font-size: 30px;position: relative;background-image: linear-gradient(0deg, #f0f0f0, transparent);margin-top: 20px;}
.nrxXul sub {color: #0f56c7;font-size: 16px;position: absolute;bottom: 19px;margin: 0 5px 0 0;}
p.xul_pspor {background: #feffde;border: solid 2px #ffc07d;border-radius: 21px;margin: 0 0 4px 0;}
li.list-group-item i {position: absolute;left: 12px;top: 34%;}
.form-group.nform {position: relative;margin-top: 35px;}
.bopu {width: 100%;overflow: auto;}.f10{font-size: 10px !important;}
.nform label {position: absolute;right: 0;background: #f0f0f0;padding: 0 18px;font-size: 13px;border-radius: 5px 5px 0 0;margin: -20px 7px 0 0;height: 20px;}
.Editor-editor ol li {list-style: auto !important;}
.hmzahat{display: flex;justify-content: space-between;}
.wtyxalk {background: aliceblue;padding: 10px;border-radius: 10px;box-shadow: #0f56c7 0px 3px 0px;}
.dang i {color: #ffbc00;}
p.cvbnU {margin: 10px 0 0 0;padding: 12px;width: 100%;border-top: solid 2px #1b4fae;}
.cvnmDX{display: flex!important;justify-content: space-around;}
.Iopso select {position: absolute;bottom: 0;padding: 0;margin: 0;left: 0;height: 25px;width: 65px;font-size: 14px;}
a.cecast select {background: none;border: none;height: 20px;margin: 0 auto;padding: 0;}
a.cecast input {background: none;border: none;width: 50px;padding: 0;margin-left: 10px;}
input.form-control.naTybt {display: inline-block;width: 50px;padding: 0;margin: 0;font-size: 14px;}
.form-check-input.naTybt {position: absolute;right: 5px;top: 0px;width: 30px;height: 30px;}
p.mb-2.text-truncate-2 {max-height: 48px;min-height: 48px;overflow-y: auto;}
i.watero {color: #ffd900;} i.wateroedt {color: #0f56c7;}
.adwtedit i {font-size: 30px;margin-bottom: 10px;text-shadow: #000 0px 0px 8px;cursor: pointer;}
.adwtedit {position: absolute;padding: 5px;display: grid;right:0px;top:0px;}
.colorsTEC * {margin: 0 5px;}.colorsTEC select {margin: 0;padding: 0;height: 28px;}.colorsTEC {display: flex;}
div#alltagsTEch p {display: inline-block;background: #0f56c7;margin: 2px 2px 2px 5px;padding: 0px 15px 0 5px;border-radius: 10px;position: relative;font-size: 11px;}
div#alltagsTEch i {position: absolute;right: -5px;color: #F00;cursor: pointer;}
.pshmamst {height: 400px;overflow: hidden;}
.nmimg{overflow: hidden;height: 400px;}.tsh{text-shadow: #000 2px 1px 2px;}
.img-fluidE {animation: banxwar 3s ease-in-out infinite alternate-reverse both;background-size: initial;background-position: top;background-repeat: no-repeat;}
.bgrtop {height: 160px;width: 160px;position: absolute;top: 9%;left: 28%;border-radius: 25px;box-shadow: #0f56c7 1px -1px 5px;transform: rotate(45deg);animation: sorxwar 2s ease-in-out infinite alternate-reverse both;}
.bgrtip {height: 180px;width: 180px;position: absolute;top: 140px;left: 13%;box-shadow: #0f56c7 1px -1px 5px;border-radius: 25px;transform: rotate(45deg);animation: sorxwar 2s ease-in-out infinite alternate-reverse both;}
.flttag.active {background: #0f56c7;box-shadow: #1c4596 0px 2px 0px;}
.sherecard {height: 218px;background-size: cover;overflow: hidden;position: relative;background-position: center;border-radius: 15px;box-shadow: inset 0 0 4px rgb(255 255 255);}
.shebg1 {background: linear-gradient(0, #72727285, #ffffff00);width: 100%;height: 90px;position: absolute;bottom: 0;left: 0;}
.shebg2 {position: absolute;left: 5px;bottom: 5px;border-radius: 7px;overflow: hidden;width: 80px;display: inline-block;height: 80px;}
.shebg2 img {position: absolute;width: 100px;left: -10px;top: -10px;cursor: pointer;}.f0 {font-size: 0px;}
.shebg2 .shbtn:hover {background: #cef5ff;box-shadow: #0f56c7 0px 3px 0px;cursor: pointer;transition: 0.5s;}
.shebg2 .shbtn {width: 52px;margin: 35px 0 0 10px;background: #fff;border-radius: 10px;}
.darsast {display: inline-block;margin: 3px;padding: 2px 20px 2px 15px;min-width: 90px;border-radius: 10px;background: #0f56c7;cursor: pointer;}
.payxulbtn{}.darsast .chbx {position: absolute;right: 4px;}.btyt {display: contents;}.tbrt{border-right: 0;padding: 5px 8px;line-height: 2px;}
.row.vbnm.pr i {position: absolute;top: 1px;left: 1px;width: 33px;padding: 8.5px;background: #fafafa;border-radius: 3px 0 0 5px;}
.wsnuy {display: initial;}.wsnuy p{margin: 0px;color : #0f56c7;line-height: 1px;}.wsnuy ps {font-size: 10px;}
ul.vbnds li {display: flex;justify-content: space-between;border-bottom: solid 2px;padding: 8px 0;}
ul.vbnds li select {width: 50%;}ul.vbnds li div {width: 50%;}
.nrxXul del {position: absolute;top: -13px;font-size: 20px;}
img.winbashpro {width: 34px;position: absolute;right: 0;top: 0;}
.scrol {overflow: auto;}
.corsop {height: 85px;background: #f2f2f2;padding: 5px 8px 7px 8px;display: flex;border: solid 1px #909090;margin-bottom: 6px;}
.corsop p {padding: 8px;width: 100%;margin: 0;}
.corsop img {height: 100%;} 
.corsop:hover {background: #0f56c7;cursor: pointer;}
i.fa-solid.fa-xmark.iconejs {color: #F00;font-size: 20px;display: grid;}
i.fa-solid.fa-check.iconejs {color : #0f56c7;font-size: 20px;display: grid;}
i.fa-regular.fa-clock.iconejs {color: #ffd600;font-size: 20px;display: grid;}
i.fa-solid.fa-pen-to-square.editewano {position: absolute;left: 5px;top: 5px;z-index: 20;padding: 5px;cursor: pointer;background : #0f56c7;border-radius: 6px;}
i.fa-solid.fa-pen-to-square.editewano:hover {background : #0f56c7;color: #FFF;}
i.fa-solid.fa-rectangle-xmark.batalkrn {font-size: 38px;color: #F00;cursor: pointer;margin-left: 5px;}
img.wenaChal {max-width: 210px;border: solid 4px #0f56c7;margin: 5px;border-radius: 13px;}
.wargerop {width: 20px;height: 20px;position: absolute;top: 10%;right: 2px;}
p.IDuPORT {position: absolute;top: 285px;right: 90px;width: 138px;margin: 0;font-size: 13px;}
.wargero {font-size: 42px;background: #e4f8ff;margin: 26px;padding: 9px;border-radius: 16px;}
.saro_div .winapro {width: 90px;height: 90px;background-size: contain;background-repeat: no-repeat;display: inline-block;border-radius: 100%;border: solid #0f56c7 1px;background-color: #FFF;}
.saro_div {width: 170px;display: inline-block;border: solid 1px #0f56c7;border-radius: 10px 10px 0 0;padding: 50px 5px 5px 5px;margin: 55px 5px 5px 5px;position: relative;}
.srpDrc {position: absolute;width: 100%;right: 0;top: -45px;}sc {position: absolute;right: 43%;top: 28px;}
.saro_div .name {background: #0f56c7;margin: 0;font-size: 16px;overflow: hidden;height: 22px;}.saro_div .dtl {height: 55px;overflow: auto;font-size: 11px;}
.anjdang {position: absolute;bottom: 0;height: 25px;width: 100%;right: 0;}
.btn.btn-blue.btndang {padding: 0px 10px;margin-bottom: 35px;}
.rapplakan {display: inline-block;background: #e0faff;font-size: 25px;margin: 5px;padding: 5px;width: 145px;border-radius: 9px;border: solid #1c4596;}
.rapplakan p {margin: 0 0 9px 0;background: #1c4596;color: #FFF;border-radius: 5px;}
.rapplakan.qapat p {background: #b2007c;}
.rapplakan.qapat {background: #ffdbf4;}
p.polakan {margin: 0;background: #0f56c7;padding: 5px;}
img.rhl {width: 60%;cursor: pointer;}.saro_div.QUTB {padding: 7px;margin: 7px;}p.bashhayNe {position: absolute;top: 5px;right: 5px;}
p.tasalsl {margin: 0;position: absolute;left: 11px;padding: 3px 8px;border-radius: 0px 0px 20px 20px;background: #0f56c7;top: 0;}
.saro_div .idf {margin: 0;position: absolute;right: 0;padding: 0px 7px;font-size: 13px;border-radius: 20px 0px 0px 20px;background: #faffbf;top: 40px;}
a.paewandi {padding: 3px 5px;margin: 5px 0;display: block;background: #fffedc;}
.bahrbook img {margin: 0 10px 4px 10px;}.bahrbook {display: inline-block;padding-bottom: 22px;background-repeat: repeat-x;background-position-y: bottom;background-size: 38px;}
.coinGift {position: absolute;left: 7px;top: 35px;}.coinGift i {color: #ffcd00;font-size: 30px;transform: rotate(45deg);}.coinGift .coinGZ {position: absolute;top: 6px;width: 100%;font-size: 13px;}
.bahrbook img {width: 150px;border-radius: 8px;cursor: pointer;}
.CVDSD div {width: 30%;padding: 0;margin: 0;font-size: 31px;height: 31px;line-height: 29px;}.CVDSD {display: flex;}.CVDSD p {width: 50%;line-height: 30px;margin: 0;}
img.imgprofgo {width: 60px;position: absolute;top: 1px;border-radius: 100%;right: 53px;} 
p.nameRT {text-align: center;margin: 0;color: #0f56c7;padding: 0 0 0 125px;}
.nasrSCrol200{overflow-y: scroll !important;height: 200px !important;}.nasrSCrol500{overflow-y: scroll !important;height: 500px !important;}
.BpriOn {display: flex;background: #0f56c7;}.srpshty .SRPname {margin: 8px 0;width: 50%;}.srpshty img {width: 40px;padding: 1px;border-radius: 100%;} 
.srpshty {display: flex;padding: 0 15px;margin: 4px 0;justify-content: space-between;align-items: center;background: #0f56c7;width: 100%;border-radius: 10px;}
.srpshty .fa-xmark:hover {background: #ac001e;}.srpshty .fa-xmark {margin: 9px 0 9px 0;background: #ff002d;color: #FFF;padding: 3px 7px;border-radius: 6px;cursor: pointer;}
.TiviDfro {position: relative;}.TiviDfro p {background: #0f56c7;border-radius: 25px;width: max-content;padding: 0 25px;display: inline-block;margin: 0 0 10px 0;}
.TiviDfro hr {border-top: solid #0f56c7;position: absolute;width: 100%;z-index: -1;top: 28%;}.chvidf{width: 34px;height: 34px;margin: 2px;}.tiybNodi {background : #0f56c7;}
.rezozead {display: flex;margin: 0 0 15px 0;}.rezozead .btn {width: 20%;border-radius: 9px;font-size: 24px;padding: 0px;}.rezozead input {margin: 0 8px;}
.minuGawr {display:none;position: fixed;z-index: 1000;background-image: linear-gradient(#0f56c7, #f6fbff);height: -webkit-fill-available;width: 100%;text-align: center;padding: 10px;animation-name: shutter-out-top;}
.at-minu img {width: 85%;}.minuGawr p {margin: 10px 0;}.bgspe {overflow: auto;background: #FFF;border-radius: 7px;}.canvtosav {border: solid 1px #d0d0d0;}
.wenmamst {background-position: center;background-size: cover;background-repeat: no-repeat;}
.ShereURL {position: absolute;bottom: 0;left: 14px;width: 75px;}
.plakanert {display: inline-block;background : #0f56c7;width: 260px;border-radius: 10px;padding: 5px;margin: 5px;}
.platr img {width: 60px;height: 60px;background: #FFF;border-radius: 100%;}.platr p {margin: 0;}.platr {display: flex;justify-content: space-between;align-items: center;}
td.BNtyE {display: flex;justify-content: space-around;}
.flowert img {width: 50px;position: absolute;left: 31%;top: 9px;background: #FFF;border-radius: 100%;}
.flowert {background-image: url(../img/flwer.png);background-repeat: no-repeat;width: 123px;display: inline-block;height: 130px;}
.wenmamst idu {position: absolute;left: 4px;}
.sqstpay {background: #0f56c7;border-radius: 10px;display: flex;padding: 5px 12px;justify-content: space-around;margin-bottom: 5px;}
.RtU_DF {display: inline-block;width: 180px;background : #0f56c7;margin: 3px;border-radius: 6px;border: solid #0f56c7 1px;}
.Hjio {display: flex;justify-content: space-between;margin: 0 5px;}.tybxuPol {display: flex;justify-content: space-around;margin: 12px 15px 0 15px;}
.Hjio .form-control {padding: 0;margin: 0 4px;font-size: 10px;width: 58px;text-align: center;}.Hjio .tyuOP {width: 25px;}.Hjio e {width: 100px;}
.sqs_pay {display: grid;align-content: center;}.sqs_wana {display: inline-block;width: 300px;}.sqs_pay ko {background: #e5e5e5;margin: 2px 0;border-radius: 6px;display: flex;justify-content: space-between;}
ko span {width: 100px;}ko cv {background: #fff;width: 70px;font-size: 12px;text-align: right;padding: 3px 3px;border-radius: 0 7px 6px 0;}.paywasl {padding: 0;width: 100%;border-radius: 0px 5px 5px 0px;}
.sqs_date {height: 145px;overflow-y: auto;}.vbNuo {display: flex;justify-content: space-around;margin: 0 0 3px 0;align-items: flex-start;}.vbNuo p {font-size: 10px;margin: 0 2px;background: #fefefe;padding: 3px 6px;border-radius: 5px;}
.paywasl.rfg {border-radius: 5px 0px 0px 5px;} .dsflix {display: flex;justify-content: space-between;margin: 0 5px;height: 55px;overflow-y: auto;}.dsflix .nxulop {padding: 0 0 0 12px;margin: 0;text-align: right;}
span.xulsdvb {display: inline-block;background: #c3f5ff;padding: 2px 5px;margin: 2px;font-size: 9px;border-radius: 7px;}.dsflix .bashCH {position: absolute;left: 4px;top: 4px;}
.dsflix .nxulop {padding: 0 0 0 20px;margin: 0;text-align: right;width: 100%;}
.srpshty input {margin: 0;font-size: 10px;width: 53px;padding: 3px 0;}.TBSQZR {padding: 5px;background: #fbfbfb;}.TBSQZR p {text-align: center;background: #e8faff;font-size: 15px;padding: 2px;}
.ft10 td {font-size: 14px;}i.fa-solid.fa-pencil.TRuE {position: absolute;left: 6px;background: #cbf8ff;padding: 3px 9px;cursor: pointer;border-radius: 9px;}
.mms_control {background: #f2f2f2;padding: 5px;margin: 5px 0;border-radius: 7px;display: flex;justify-content: space-evenly;flex-wrap: nowrap;align-items: center;}
.mms_control div {width: 100%;margin: 5px 0;}.prsd {display: inline-block;background: #ccfaff;margin: 0 5px 0 0px;padding: 3px 2px 0px 2px;border-radius: 9px;width: 35px;text-align: center;}
.reprs {text-align: left;direction: ltr;background: #f2fdff;padding: 5px;margin-bottom: 5px;border-bottom: solid #0f56c7;}.prsd.EQ {background: #ffcaf5;}.prsd.ANJ {background : #0f56c7;}
p#allbashnrx {padding: 10px 0;margin: 0;font-size: 25px;}.wanabezahn del {color: #F00;margin: 0 0 0 7px;}
.videshtrk img {width: 100%;border-radius: 5px;}.videshtrk img:hover {filter: hue-rotate(45deg);}.videshtrk {margin: 5px;padding: 5px;cursor: pointer;display: flex;}.diskrp {width: 60%;text-align: right;padding: 6px 5px;}
.videshtrk:hover {background: #efefef;}.allWano {padding: 1px 0;}.fc_title {font-size: 22px;padding: 8px;background: #0f56c7;color: #FFF;}.alewane {overflow-y: auto;}
.col.sbnr {max-width: 25%;}.vbfr a {margin: 13px 9px;}.nrxBFC {font-size: 30px;margin: 9px 0;}.nrxBFC sub {color: #F00;font-size: 14px;}
.tvpesh{margin: 0 10px 0 0;}.sarderTIO {background: #000;color: #FFF;margin: 5px;border-radius: 20px;}
.cardmozf i {font-size: 40px;margin: 0 15px;}
.primary {background: #e2f3f0;transition: all 0.3s ease-in;}.primary:hover {background : #0f56c7;color:#FFF;}
.gray {background: #e0e5eb;transition: all 0.3s ease-in;}.gray:hover {background: #6c757d;color:#FFF;}
.tertiary {background: #ffeed3;transition: all 0.3s ease-in;}.tertiary:hover {background: #f8be60;color:#FFF;}
.secondary {background: #ffe9e5;transition: all 0.3s ease-in;}.secondary:hover {background: #ec6c5a;color:#FFF;}
.row_box{background: #FFF;padding: 24px 0;border-radius: 5px;}section#notifications-main {text-align: center;}
.marjakan {display: flex;align-items: center;justify-content: center;margin: 15px 0;}.hawpechakan p {background : #0f56c7;}
.marjakan input {margin: 0 0 0 8px;width: 20px;height: 20px;}.disabl {opacity: .65;cursor: auto;}
span.linkmarg {color: #0f56c7;cursor: pointer;transition: all 0.3s ease-in;}.linkmarg:hover {color : #0f56c7;}
.hawpechakan img {width: 100%;}.wartbn {background: none !important;font-size: 12px;min-height: 40px;margin: 0;color: #f00;}
.formTysp {position: absolute;top: 4px;z-index: 12;left: 0;}.formTysp i {font-size: 20px;margin: 0 4px;background: #0f56c7;padding: 8px;border-radius: 9px;}
.qlb div.btn{display: math;padding: 0 8px;}.cardsUP {background-image: linear-gradient(#ffffff, #ececec);max-width: 100%;width: 320px;text-align: center;display: inline-block;padding: 9px;margin: 9px 0;border-radius: 11px;box-shadow: #d0d0d0 0px 0px 4px 1px;}
.cardsUP .nameYUP {margin: 0;text-align: right;width: 100%;font-size: 13px;}
.bchook {display: inline-flex;justify-content: center;}
.bchook .clock {width: 70px;margin: 0 2px;}
.bchook .num {font-size: 27px;}
.bchook .text {font-size: 15px;}
.form-control.inpdiv {text-align: right;background: #f6f6f6;cursor: not-allowed;}
.bashakan {
    display: inline-block;
    padding: 4px 15px;
    margin: 5px;
    background : #0f56c7;
    color: #FFF;
    border-radius: 14px;
    width: 170px;
}
.chUser {
    background: #FFB;
    padding: 20px 5px;
}
.chAdmin {
    background: #cffff7;
    padding: 20px 5px;
}
.chatUser{
    background: #f2f2f2;
    padding: 6px;
    border-radius: 10px;
}
#alertdiv li {
    list-style: arabic-indic;
    text-align: right;
    margin-right: 10px;
}
.anj_war{
    box-shadow:  0 0px 4px 6px !important;
    background:  !important;
}
.anj_yadk{
    box-shadow: #ffb852 0 0px 4px 6px !important;
    background: #fff1d1 !important;
}
.anj_rfz{
    box-shadow: #ff5252 0 0px 4px 6px !important;
    background: #ffdbd1 !important;
}
.anj_asee{
    box-shadow: #0f56c7 0 0px 4px 6px !important;
    background: #0f56c7  !important;
}

table.tabnlo tr {
    background: #fff6;
    border-bottom: solid 1px;
}
table.tabnlo {
    width: 100%;
}
canvas.circularProgressMAF {
    margin-right: -15px;
}
ol.swal-content__ol li {
    list-style: auto;
    text-align: right;
}
.swal-title {
    padding: 0;
    margin-bottom: 0 !important;
}
p.ho_anasnama,p.ho_saldarchon {
    position: absolute;
    background: #000;
    color: #FFF;
    padding: 4px;
    border-radius: 20px;
    line-height: 14px;
    top: 37px;
}
p.ho_ladekbon {
    position: absolute;
    background: #000;
    color: #FFF;
    padding: 4px;
    border-radius: 20px;
    line-height: 14px;
    top: 63px;
}
p.ho_zmraymndal {
    position: absolute;
    background: #000;
    color: #FFF;
    padding: 4px;
    border-radius: 20px;
    line-height: 14px;
    top: 90px;
}





footer{
	position: fixed;
    bottom: 0;
    width: 100%;
    background: #FFF;
    display: inline-flex;
    justify-content: space-evenly;
    padding-bottom: 15px;
}
.fotminu p {
    margin: 0 5px;
    display: none;
}
.fotminu {
    display: flex;
    justify-content: space-around;
    padding: 6px 20px;
    height: 35px;
    transition: background-color 0.3s ease, transform 0.3s ease;
    cursor: pointer;
    position: relative;
}
.fotminu i {
    font-size: 25px;
}
.fotminu.active p {
    display: block;
}
.fotminu.active {
    background : #0f56c7;
    color: #FFF;
    border-radius: 50px;
}
.fotminu button {
    background: no-repeat;
    border: none;
    position: absolute;
    width: 100%;
    left: 0;
}
.boxfulhide {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.regimg{
    max-width: 100%;
    margin: 20px 0 30px 0;
    max-height: 40%;
}

.barhanm img {
    max-width: 90%;
    margin: 5%;
}
.barhanm {
    background: #FFF;
    border-radius: 22px;
}
.barhanm .titleD {
    background : #0f56c7;
    color: #FFF;
    border-radius: 0 0 23px 23px;
    margin: 0;
    padding: 5px 0 3px 0;
    position: relative;
}
.titleD sub {
    color : #0f56c7;
}
h2.fs-1nawsh {
    margin: 15px 27px;
    background: #FFF;
    border-radius: 113px;
    padding: 12px;
    max-width: 300px;
    border-bottom: solid  5px;
    display: inline-block;
    position: relative;
    font-size: 24px;
}
p#lqnaw {
    background : #0f56c7;
    color: #FFF;
    border-radius: 50px;
    margin: 6px 10% 0 10%;
    position: absolute;
    width: 80%;
    right: 0;
}
dashka::after {
    content: '';
    position: absolute;
    top: 59%;
    left: 31%;
    width: 40%;
    height: 1.5px;
    background-color : #0f56c7;
    transform: rotate(-10deg);
    transform-origin: left center;
}

dashka {
    display: grid;
    color: #000;
    margin: -9px 0px 0 0;
    font-size: 16px;
    position: relative;
}
.titleD dashka {
    position: absolute;
    right: 28%;
    bottom: -5px;
}
.titleD dashka::after {
    width: 100%;
    left: 2px;
}

.markdan {
    position: fixed;
    z-index: 100000;
    background: #000000c7;
    width: 100%;
    height: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
}
.contenrER {
    position: relative; 
}
.contenrER .centerME {
    background: #ffffff;
    height: 250px;
    text-align: center;
    width: 200px;
    border-radius: 23px;
    position: fixed;
    transition: transform 0.5s ease, opacity 0.5s ease;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    border-bottom: solid 7px ;
}
.centerME .fa-xmark {
    position: absolute;
    right: -28px;
    top: 45px;
    background : #0f56c7;
    color: #FFF;
    border-radius: 0 10px 10px 0;
    font-size: 25px;
    padding: 2px 5px;
    cursor: pointer;
    z-index: 20;
}
.dlxwaz {
    position: absolute;
    right: 22px;
    top: 7px;
    font-size: 24px;
    cursor: pointer;
}
i.fa-solid.fa-heart.dlxwaz {
    color: #F00;
}
.sabt_imgs img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 16px 16px 0 0;
}
.sabt_imgs {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -55%;
}
.sabt_butninp i {
    font-size: 35px;
}
.sabt_butninp input {
    width: 50%;
}
.sabt_butninp {
    display: flex;
    justify-content: space-around;
}
p.nawko {
    margin: 55px 0 0 0;
    height: 50px;
}
.sbt_div sub {
    color : #0f56c7;
}

.sbt_div p {
    margin: 0 0 7px 4px;
    font-size: 20px;
}
.sbt_div {
    display: ruby;
}
input#sub_dana {
    text-align: center;
}

.item-image img {
    width: 100px;
}
.cart-item {
    display: flex;
    justify-content: space-around;
    background: #ffffff;
    border-radius: 12px;
    margin: 5px 0;
    padding: 10px 0;
    align-items: center;
    position: relative;
}
.cart-item p {
    margin: 0;
}
.item-detailsnrx input {
    text-align: center;
    margin: 0 6px;
    width: 50px;
    padding: 0;
}
.item-detailsnrx {
    display: inline-flex;
    align-items: center;
}
.item-detailsnrx i {
    font-size: 32px;
    cursor: pointer;
}
.item-image i.fa-xmark {
    position: absolute;
    background: #F00;
    color: #FFF;
    border-radius: 100%;
    padding: 4px;
    top: 0;
    right: 0;
    cursor: pointer;
}
top.topic {
    position: absolute;
    top: -13px;
    right: 12%;
    background: #F00;
    width: 25px;
    text-align: center;
    border-radius: 22px;
    padding: 2px 0 0 0;
}
i.fa-solid.fa-angle-left.garanawa {
    position: absolute;
    left: 30px;
    top: 58%;
    font-size: 23px;
    cursor: pointer;
}
.waslop p {
    margin: 0;
    font-size: 10px;
}
p.tbnER {
    color: #F00;
    height: 40px;
    overflow-y: auto;
}
.waslop h1 {
    margin: 0;
    padding: 10px 0;
    font-size: 40px;
    color : #0f56c7;
}
.titleD .fa-location-dot {
    position: absolute;
    left: 11px;
    color: #ffe000 !important;
    cursor: pointer;
    font-size: 59px;
    bottom: 12px;
}
.titledokan {
    background : #0f56c7;
    color: #FFF;
    border-radius: 50px;
}
.Kogshti {
    background : #0f56c7;
    border-radius: 0px 0px 15px 15px;
    margin-bottom: 8px;
}
.bch {
    font-size: 12px;
}
.KogshtiE {
    background: #0f56c7;
    margin: 6px 5%;
    border-radius: 20px;
    width: 90%;
    padding: 10px 0; 
}
.shoferi {
    background: #ffffff;
    padding: 10px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
input.CVopnClo {
    position: absolute;
    right: 17px;
    width: 25px;
    height: 25px;
    top: 17px;
}
.dxraw_main {
    position: absolute;
    width: 100%;
    z-index: 0;
    display: grid;
    align-items: center;
    justify-content: center;
}
i.fa-solid.fa-magnifying-glass.garanicon {
    position: absolute;
    right: 3%;
    top: 26%;
    font-size: 20px;
}
.dxraw_add {
    background: #ff0000;
    padding: 0 11px;
    border-radius: 0 0 15px 15px;
    color: #FFF;
}
.acountdokan {
    display: flex;
    margin: 7px 0;
}
i.fa-solid.fa-trash.dletor {
    position: absolute;
    right: 20px;
    top: 9px;
    font-size: 20px;
    color: #F00;
    cursor: pointer;
}
i.fa-solid.fa-spell-check.editybka {
    position: absolute;
    right: -7px;
    top: -7px;
    background: #1b4fae;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
}
.barhanm.lqokn {
    height: 153px;
    background-size: cover;
    background-position: center;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: #767676 0 7px 10px -5px;
    cursor: pointer;
}
.titlelD {
    position: absolute;
    right: 7px;
    bottom: 20px;
    background : #0f56c7;
    color: #FFF;
    padding: 0 16px;
    border-radius: 17px 0 10px 0;
}
.waslopt{
    background-image: linear-gradient(#0f56c7, #1c4596);
    color: #FFF;
    padding: 6px;
    border-radius: 10px 10px 0 0;
}

@media print {  
.noprint {
    display: none !important;
}
}
@media only screen and (max-width: 1400px) {
.col.nvo {
    min-width: 25%;
}
}
@media only screen and (max-width: 1190px) {
.w1000 {
    width: 100%;
}	
}
@media only screen and (max-width: 576px) {
.item-detailsnrx {flex-direction: column;}
.cart-item p {font-size: 11px;}
.barhanm .titleD {font-size: 13px;}
.fotminu p {font-size: 15px;}
.fotminu i {font-size: 17px;}
.fotminu {height: 40px;padding: 10px 20px;}
.nav-link {background: rgb(0 0 0 / 2%);margin-bottom: 5px;border-radius: 5px;display: grid;}
a.navbar-brand img {width: 100px;margin-left: 30px;}
.nrxkat span, .nrxkat p {font-size: 12px;}
.proje {font-size: 12px;}
.nloglogo{width: 100%;text-align: center;display: revert !important;padding: 5px 0 5px 20px;}
.SH_cont {width: 90%;}
.DZHbody {width: 100%;position: relative;display: inline-block;padding: 20px 0px 15px 0px;}
.ftb {font-size: 10px;}
.ftb i {font-size: 11px;margin: 0 !important;}
table.styled-table {width: max-content !important;}
.bchook .clock {width: 40px;margin: 0 2px;}
.bchook .num {font-size: 17px;}
.bchook .text {font-size: 10px;}
.barhanm.lqokn {height: 130px;}
}
@media only screen and (max-width: 991px) {
.cvnmDX{display: inline!important;}
.bgrtop {top: 4%;left: 84%;}
.wenaparc {
    height: 130px;
}
.col.nvo {
    min-width: 240px;
}
.col.nvo.bnm.dawakariakan {min-width: 33% !important;}
.col.nvo.bnm.garan {min-width: 33% !important;}
.mt-lg-n22 {margin-top: 0rem!important;z-index: 1;}
.mt-n8 {margin-top: -3.5rem!important;z-index: 1;}
.mms_control {flex-wrap: wrap;}
.col.sbnr {max-width: 100%;display: contents;}
.tvpesh{margin:0;}
}
@media only screen and (max-width: 771px) {
.prs_body{max-width:100%;}
::-webkit-scrollbar {
  display: none;
}
.clock{
    width: 48%;
}
.HB_BODY{
    margin: 10px 0;
    width: 100%;
}
.wenaparc {
    height: 150px;
}
.wrapper {
    width: 78%;
}
.bash_addedt {
 width:100%;   
 display: grid;
}
a.navbar-brand img {
	margin-left: 0px;
}
.col.nvo {
    min-width: 150px;
    margin: 0 0 0px 0;
}
.col.nve {
    min-width: 150px;
    margin: 0 0 10px 0;
}
.iconsall {
    display: contents;
}
footer{
		height: auto !important;
	}
	h2{
		font-size: 30px;
	}
.loading, .models {
    height: 100% !important;
    width: 100% !important;
}
.rate{font-size: 12px;text-align: right;padding: 4px 5px 5px 52px;}
.rate i.zard {font-size: 10px;}
.col.nvo.bnm {max-width: 50%;min-width: 50%;padding: 5px;}
.katakey {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 30px;
    left: 33px;
}
.col.nvo.bnm.dawakariakan {min-width: 50% !important;}
.col.nvo.bnm.garan {min-width: 50% !important;}
}
@media only screen and (max-width: 310px) {
img.wenaChal {max-width: 150px;}
.col.nvo.bnm {max-width: 100%;min-width: 100%;padding: 5px;}
.col.nvo.bnm.dawakariakan {min-width: 100% !important;}
.col.nvo.bnm.garan {min-width: 100% !important;}
}