.nowrap{
    white-space: nowrap;
  }
     body {
font-family: "IRANSans";
/* background-image: url(../dist/images/modalrms/13.jpg); */
background-repeat: no-repeat;
background-size: cover;
}
.mycardi {
background-color: rgb(265 , 265 , 265 , 0.6) !important;
}
.header-new-style {
background-color: #ffffff;
display: none;
}
.footer-new-style {
background-color: #fff;
position: fixed;
bottom: 0px;
right: 0px;
left: 0px;
font-family: "IRANSansFaNum";
font-size: 10px;
font-weight: 700;
}
.navbar-nav {
padding-bottom: 10px;
}
.navbar-sp {
color: #ffffff !important;

font-size: 10px;
margin-top: 15px;
}
/* clear fix */
.clearfix::after {
content: "";
clear: both;
display: table;
}
/* clear fix */
.navbar-it {
display: flex;
align-items: flex-end;
margin-left: 20px;
/* align-items: center;*/
/* flex-direction: column;  */
}

.line {
align-items: flex-end;
}

.havig {
text-align: center;
margin-bottom: 3px;
}

.profile {
margin-left: 60px;
border: 2px solid #ff5c0f;
padding: 10px 15px;
border-radius: 5px;
}
/* footer {
background-color: #ffffff;
font-family: "IRANSansFaNum";
font-size: 10px;
font-weight: 700;
} */

.logoPart {
padding: 10px 40px;
display: inline-block;
}

.contactUsPart {
padding-left: 30px;
}

.contactUsPart .time {
color: #ff5c0f;
unicode-bidi: embed;
}

.card {
width: 60%;
margin: 0 auto;
margin-top: 29px;
}
.card-header {
display: flex;
justify-content: space-evenly;
}
.card-header div {
text-align: center;
/* width: 208px; */
font-size: 9px;
font-weight: bold;
cursor: pointer;
}

.card-title {
float: none;
text-align: center;
font-size: 15px;
font-weight: bold;
margin-bottom: 23px;
}

.card-text {
font-family: "IRANSansFaNum";
font-size: 11px;
font-weight: 600;
display: flex;
justify-content: space-evenly;
}
.card-text span span {
color: rgba(247, 118, 57, 0.97);
margin: 0 10px;
}
.fastreact-text-align {
text-align: center;
}
.btn-primary {
background-color: #2c343f;
border: 0px;
font-size: 9px;
font-weight: 500;
padding: 9px 16px;
}
.iranMini {
float: left;
}

.ShowPieChart {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
margin: 12px 0 50px;
}
.ShowEachPie {
display: flex;
justify-content: center;
align-items: start;
flex-wrap: wrap;
width: 50%;
/* height: 68px; */
/* border: 1px solid #ddd; */
border-radius: 5px;
cursor: pointer;
padding: 5px;
}

.projectnum {
font-weight: bold;
font-size: 9px;
margin-top: 10px;
}
/* yasi started */
.counter {
margin-top: 120px;
}
.counter ._number {
background: url(../js/animating-roll-number/img/n-bg.png) center no-repeat;
background-size: 100% 100%;
}
.counter ._number span {
background: linear-gradient(to bottom, #fef1cd, #f9d16b);
color: transparent !important;
}
/* .example ul {
background: #111;
color: #fff;
position: relative;
float: left;
overflow: hidden;
height: 50px;
width: 50px;
line-height: 50px;
margin-left: 1px;
}
ul,
li {
margin: 0;
padding: 0;
list-style: none;
}

.example {
height: 30px;
}
.example ul {
height: 30px !important;
line-height: 36px !important;
}
.example ul li span {
height: 30px;
} */
.showcounterrahdari {
display: flex;
flex-direction: row;
}
.dailydata {
font-size: 19px;
font-weight: 500;
font-style: normal;
color: #ff5c0f;
}
.todayamar {
text-align: center;
line-height: 37px;
}
.rahdarimenu {
width: 85%;
margin: 0 auto;
margin-top: 41px;
}
.showfooter {
display: flex;
margin-top: 60px;
}
#rahdariday {
margin-left: 19%;
}
#rahdarimonth {
margin-left: 19%;
}
#yearrahdari {
margin-left: 19%;
}
.projectNumTitle {
margin-bottom: 20px;
margin-top: 20px;
text-align: center;
font-size: 22px;
font-weight: 700;
}

.boxxcontainer {
margin-left: 30px;
float: left;
}

.boxx {
background-color: green;
width: 14px;
height: 54%;
margin-left: 0%;
float: left;
line-height: 100%;
display: block;
border-top: 1px solid white;
}

.boxxlabel {
color: grey;
font-size: 9pt;
width: 71%;
margin-left: 2%;
float: left;
line-height: 125%;
display: block;
cursor: pointer;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
-khtml-user-select: none;
/* Konqueror HTML */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version, currently
supported by Chrome and Opera */
}

.containerItem {
height: 30px;
min-width: 104px;
float: left;
opacity: 1;
}
.boxxcontainer {
justify-content: center;
display: flex;
flex-direction: column;
font-size: 13px;
font-weight: bold;
margin: 9px;
}
.headericon1 {
width: 24px;
height: 32px;
}
.headericon2 {
width: 24px;
height: 32px;
}
.headericon3 {
width: 24px;
height: 32px;
}
.headericon4 {
width: 24px;
height: 32px;
}
.dailyChart {
height: 85% !important;
width: 85% !important;
}
/* .dailygharar {
height: 70% !important;
width: 70% !important;
} */
#projectcount {
overflow: hidden;
display: flex;
justify-content: center;
direction: initial;
}
.counter-for {
text-align: center;
background-color: rgb(44, 52, 63);
color: #fff;
border-radius: 15%;
padding: 5px 10px;
font-family: 'IRANSansFaNum';
}
.dailyCounter-align {
text-align: center;
vertical-align: middle;
line-height: 37px;
}
.gharargah-counter {
text-align: center;
margin-top: 12px;
}
.gharargah-counter-text {
text-align: center;
font-size: 11px;
font-weight: 600;
}
/* responsive faaliat design */
.gharareachtext-style {
margin-bottom: 8px;
}

.frMiddle {
padding: 20px 74px;
}
.countFR {
margin: 10px;
}

.countTitleFR {
min-width: 72px;
color: #ff5c0f;
/* font-family: "IRAN Sans Medium"; */
font-size: 14px;
font-weight: 600;
align-self: center;
text-align: center;
}
.setchart {
margin-right: 10%;
margin-top: 20px;
}
.coutgozaresh {
font-size: 14px;
font-weight: 700;
text-align: center;
margin-top:10px;
}
.rowshowntop {
margin-bottom: 19px;
}
.blockbox {
justify-content: space-evenly;
}
.chartrowborder {
border-bottom: 2px solid #ff5c0f;
margin-top: 19px;
padding-bottom: 18px;
}

.dropdown:hover .multi-level {
display: block;
margin-top: 0;
}

.multi-level {
padding: 10px;
}

.dropdown-menu {
background-image: linear-gradient(#707070, white);
}

.dropdown-item {
color: black;
text-align: center;
font-size: 11px;
font-weight: 700;
}

.dropdown-item-bottom {
color: black;
}

#dropdown1 {
left: -113%;
}
#dropdown2 {
left: -302%;
}
#dropdown3 {
left: -160%;
}

.dropdown-toggle::after {
display: none;
}
/* .dropdown-submenu>a:after {
    display:none;
} */

.dropdown-item:hover {
background-color: #ff5c0f;
color: white;
border-radius: 8px;
}

.dropdown-item a {
color: black;
}
.dropdown-item a:hover {
color: white;
}

.dropdown-submenu {
position: relative;
}

.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
display: block;
}

/* .dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
} */

.dropdown-submenu:hover > a:after {
border-left-color: #fff;
}

/* .dropdown-submenu.pull-left {
    float: none;
} */

.dropdown-submenu.pull-left > .dropdown-menu {
left: -78%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}

#subMenuRah {
left: -69%;
/* margin-right: 6%; */
}
#subuploadfile {
left: -69%;

}
.showneachgharar {
background-color: rgb(63, 71, 97);
width: 70%;
border-radius: 5px;
}
.topingfont {
padding: 20px 10px 10px 10px;
}
.topingfont span {
font-size: 9px;
color: #ffffff;
}
.topingfont hr {
background-color: #ff5c0f;
}
.showeachpart {
margin-top: 10px;
margin-bottom: 16px;
}
.showeachtext {
margin-right: 5%;
}
/* .chartborderlook {
margin-right: 5%;
} */

.modal-header .close,
.modal-header .mailbox-attachment-close {
padding: 1rem;
}
.modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 10px 10px 10px;
border-bottom: 1px solid #e9ecef;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.modal-title {
margin-bottom: 0;
line-height: 2.5;
font-size: 12px;
}
.btncolor {
background-color: #e8e8e8;
border-color: #ff5c0f;
}
.btncolor:hover {
background-color: #ff5c0f;
border-color: #ff5c0f;
color: #fff;
}
.modalrow {
display: flex;
justify-content: space-evenly;
margin-bottom: 10px;
}
.modalrow a {
font-size: 11px;
width: 40%;
}
.modalborder {
border-color: #ff5c0f;
}
.modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 10px 10px 10px;
border-bottom: 1px solid #ff5c0f !important;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close,
.modal-header .mailbox-attachment-close {
padding: 1rem;
margin: -1rem auto -1rem -1rem;
}
/* cards header hovers start */
#rahdariproject .headericon1 {
transition: all 0.3s;
}
#roozanepro .headericon2 {
transition: all 0.3s;
}
#fastreact .headericon3 {
transition: all 0.3s;
}
#gharargah .headericon4 {
transition: all 0.3s;
}
#rahdariproject .header-font1 {
transition: all 0.3s;
}
#rahdariproject:hover .header-font1 {
font-size: 12px;
}
#roozanepro .header-font2 {
transition: all 0.3s;
}
#roozanepro:hover .header-font2 {
font-size: 12px;
}
#fastreact .header-font3 {
transition: all 0.3s;
}
#fastreact:hover .header-font3 {
font-size: 12px;
}
#gharargah .header-font4 {
transition: all 0.3s;
}
#gharargah:hover .header-font4 {
font-size: 12px;
}
.showstartsabt {
text-align: center;
}
.showendnezamnd {
text-align: center;
}
.alignFor-projectBody {
text-align: center;
}
.changeStyle-fastReact {
max-width: 100%;
margin-bottom: 2px;
}
/* cards header hovers end */

.second-top-menu {
display: none;
}
.logo-new-style {
display: none;
}
.navbar-item-new-style {
display: none;
}
.new-style-profile {
display: none;
}
.queen-ul-style {
display: none;
}
.new-changes-dead {
display: none;
}
/* navbar style */

@media only screen and (min-width: 1700px) {
.logoPart {
  font-size: 14px;
}
.justify-content-center {
  font-size: 14px;
}
.contactUsPart {
  font-size: 14px;
}
.gharargah-counter-text {
  font-size: 13px;
}
.rowshowntop {
  margin-bottom: 0px;
}
.new-change-margin {
  margin-bottom: 35px !important;
}
.some-little-changes1 {
  height: 209px !important;
  width: 434px !important;
  float: left;
}
.some-little-changes2 {
  height: 209px !important;
  width: 434px !important;
}
/* .card {
  width: 80%;
} */
/* .footer-new-style {
  position: unset;
  background-color: #fff;
  bottom: 0px;
  right: 0px;
  left: 0px;
  margin-top: 20px;
  font-family: "IRANSansFaNum";
  font-size: 10px;
  font-weight: 700;
} */
.new-daily-large {
  font-size: 21px;
  font-weight: 500;
  line-height: 44px;
}
.coutgozaresh {
  margin-bottom: 6px;
  font-size: 22px;
}
.chartjs-render-monitor {
  height: 169px;
  width: 356px;
}
.ShowEachPie {
  width: 100%;
  height: 237px !important;
}
.setchart {
  margin-right: 0px;
  margin-top: 0px;
}
.ShowPieChart {
  justify-content: center;
  margin: 4px 0px;
}
.btn-primary {
  font-size: 17px;
}
.dailyChart {
  height: 88% !important;
  width: 80% !important;
}

.projectnum {
  font-weight: bold;
  font-size: 17px;
  margin-top: 16px;
}
.card-text {
  font-size: 13px;
}
.card-title {
  font-size: 18px;
}
.card-title {
  margin-bottom: 26px;
}
.headericon1 {
  width: 35px;
  height: 54px;
}
.headericon2 {
  width: 35px;
  height: 54px;
}
.headericon3 {
  width: 35px;
  height: 54px;
}
.headericon4 {
  width: 35px;
  height: 54px;
}

#rahdariproject:hover .headericon1 {
  width: 35px;
  height: 54px;
}
#roozanepro:hover .headericon2 {
  width: 35px;
  height: 54px;
}
#fastreact:hover .headericon3 {
  width: 35px;
  height: 54px;
}
#gharargah:hover .headericon4 {
  width: 35px;
  height: 54px;
}
.header-font1 {
  font-size: 14px !important;
}
.header-font2 {
  font-size: 14px !important;
}
.header-font3 {
  font-size: 14px !important;
}
.header-font4 {
  font-size: 14px !important;
}
#rahdariproject:hover .header-font1 {
  font-size: 17px !important;
}
#roozanepro:hover .header-font2 {
  font-size: 17px !important;
}
#fastreact:hover .header-font3 {
  font-size: 17px !important;
}
#gharargah:hover .header-font4 {
  font-size: 17px !important;
}

.iranMini img {
  width: 35px;
}
.change-font-max {
  font-size: 25px;
}
.counter-for-gharargah {
  font-size: 21px;
}
.counter-for-rahdari {
  font-size: 25px;
}
.topingfont span {
  font-size: 11px;
}
}

@media only screen and (max-width: 1100px) {
.setchart {
  margin-right: 0px;
}
.card {
  width: 90%;
  margin: 0 auto;
  margin-top: 29px;
}
.ShowPieChart {
  display: initial;
}
.coutgozaresh {
  font-size: 20px;
}
.projectnum {
  font-size: 12px;
  font-weight: 700;
  margin-top: auto;
  margin-bottom: auto;
}
.ShowEachPie {
  width: 100%;
  padding: 0px;
}
.new-daily-large {
  font-size: 20px;
}
}
@media only screen and (max-width: 800px) {
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}
.card {
  width: 90%;
  margin: 0 auto;
  margin-top: 29px;
}
.logoPart {
  padding: 10px 40px;
  display: inline-block;
}
.callusfirst img {
  width: 20px;
}
.navbar-nav .dropdown-menu {
  position: absolute !important;
}
/* .daily-changes ul {
  background: #111;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  height: 40px !important;
  width: 40px !important;
  line-height: 40px;
  margin-left: 1px;
} */
/* .weekly-changes ul {
  background: #111;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  height: 40px !important;
  width: 40px !important;
  line-height: 40px;
  margin-left: 1px;
}
.monthly-changes ul {
  background: #111;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  height: 40px !important;
  width: 40px !important;
  line-height: 40px;
  margin-left: 1px;
} */
/* .example ul li span {
  padding-left: 8px;
} */
#dailystatics {
  margin-left: 17px;
}
#weeklystatics {
  margin-left: 17px;
}
#monthlystatics {
  margin-left: 17px;
}
.countTitleFR {
  margin-top: 4px;
}
.dailydata {
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  color: #ff5c0f;
}
}
@media (max-width: 576px) {
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0rem 0.5rem !important;
}
.ShowEachPie {
  width: 85%;
}
.some-little-changes1 {
  margin-bottom: 20px;
}
}
@media only screen and (max-width: 700px) {
.new-color-in-res {
  color: #000000 !important;
}
.padding-for-rahdari-text {
  padding-top: 5px;
}
.responsive-for-header-svg {
  display: none;
}
.contactUsPart {
  padding-left: 0px;
}
.header-new-style {
  background-color: #ffffff;
  display: block;
}
.king-size-nav {
  display: none;
}
.footer-new-style {
  background-color: #fff;
  position: fixed;
  bottom: 0px;
  right: 0px;
  left: 0px;
  font-family: "IRANSansFaNum";
  font-size: 10px;
  font-weight: 700;
  justify-content: center;
}
.gharargah-counter-text {
  font-size: 12px;
}
.projectnum {
  margin-bottom: 10px;
}
body {
  margin-bottom: 90px;
}
.second-top-menu {
  display: block;
  position: relative;
  background-color: #2c343f;
  height: 40px;
  width: 100%;
  transition: all 0.4s;
}
.second-menu-img {
  position: absolute;
  margin-right: 12px;
  margin-top: -8px;
  width: 25px;
  height: 55px;
}
.queen-size-nav {
  display: none;
  background-color: #ffffff;
  box-shadow: -1px 1px 4px #212529;
  width: 40%;
  height: 70%;
  border-bottom-left-radius: 10px;
  margin-top: 40px;
  overflow: hidden;
  position: absolute;
  z-index: 2;
}
.logo-new-style {
  display: inline;
}
.navbar-item-new-style {
  display: block;
}
.new-style-profile {
  display: block;
  width: 20%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  box-sizing: content-box;
}
.queen-ul-style {
  display: block;
}
.queen-responsive-navbar {
  justify-content: center;
  margin-bottom: 20px;
  margin-left: 0px;
}
.difrent-img-size {
  width: 27px;
  height: 26px;
  margin-top: 5px;
}
.first-step-res {
  display: none;
  padding-inline-start: 0px;
  font-size: 11px;
  border-bottom: 2px solid #ff5c0f;
  border-top: 2px solid #ff5c0f;
}
.second-step-res {
  display: none;
  padding-inline-start: 0px;
  font-size: 11px;
  border-bottom: 1px solid #c2450b;
  border-top: 1px solid #c2450b;
}
.third-step-res {
  display: none;
  padding-inline-start: 0px;
  font-size: 11px;
  border-bottom: 1px solid #c2450b;
  border-top: 1px solid #c2450b;
}
.forth-step-res {
  display: none;
  padding-inline-start: 0px;
  font-size: 11px;
  border-bottom: 2px solid #ff5c0f;
  border-top: 2px solid #ff5c0f;
}
.fivth-step-res {
  display: none;
  padding-inline-start: 0px;
  font-size: 11px;
  border-bottom: 1px solid #c2450b;
  border-top: 1px solid #c2450b;
}
.sixth-step-res {
  display: none;
  padding-inline-start: 0px;
  font-size: 11px;
  border-bottom: 2px solid #ff5c0f;
  border-top: 2px solid #ff5c0f;
}
.seventh-step-res {
  display: none;
  border-bottom: 2px solid #ff5c0f;
  border-top: 2px solid #ff5c0f;
}
.eight-step-res {
  display: none;
}
.first-step-res-design {
  text-align: center;
  list-style-type: none;
  margin-top: 10px;
  padding: 3px;
}
.new-changes-dead {
  display: block;
}
.navbar-sp {
  font-size: 12px;
  margin-top: 2px;
  color: #000000 !important;
}
.showneachgharar {
  background-color: rgb(63, 71, 97);
  width: 100%;
  border-radius: 5px;
}
.topingfont span {
  font-size: 15px;
}
}

@media only screen and (max-width: 530px) {
.chaleh-title {
  display: block;
  margin-bottom: 7px;
}
.alaem-title {
  display: block;
}
.paksazi-title {
  display: block;
}
.new-daily-large {
  font-size: 18px;
}
.queen-size-nav {
  width: 50%;
}
.card-text {
  justify-content: space-between;
}
}
@media only screen and (max-width: 400px) {
.dailyChart {
  height: 132px !important;
  width: 282px !important;
}
.dailygharar {
  height: 132px !important;
  width: 282px !important;
}
.rowshowntop {
  width: 109%;
}
.new-daily-large {
  font-size: 16px;
}
}
@media only screen and (max-width: 320px) {
.countFR {
  margin: -7px;
}
.chartborderlook {
  margin-right: -6%;
}
}
@media screen and (max-width: 1700px) and (min-width: 1100px) {
.font-new-style {
  font-size: 13px;
}
.some-little-changes1 {
  display: block;
  height: 170px !important;
  width: 365px !important;
  float: left;
}
.chartrowborder {
  margin-top: 12px;
  padding-bottom: 7px;
}
.some-little-changes2 {
  display: block;
  height: 170px !important;
  width: 365px !important;
  float: right;
}
.setchart {
  margin-right: 0px;
  margin-top: 0px;
}
.ShowPieChart {
  justify-content: center;
  margin-bottom: 0px;
  margin-top: 0px;
}
.card {
  width: 66%;
  margin: 0 auto;
  margin-top: 29px;
}
.card-title {
  margin-bottom: 11px;
}
.ShowEachPie {
  width: 100%;
}
.coutgozaresh {
  margin-bottom: 0px;
}
.new-size-fastreaction {
  height: 107px !important;
  width: 225px !important;
}
.new-daily-large {
  font-size: 19px;
  font-weight: 500;
  line-height: 37px;
}
.rowshowntop {
  margin-bottom: 0px;
}
.coutgozaresh {
  font-size: 21px;
  padding: 0px;
}
.rowshowntop {
  margin-top: 6px;
}
.coutgozaresh {
  margin-top: -13px;
}
}
@media screen and (max-width: 350px) {
.iranMini {
  margin-top: 2px;
  float: unset;
}
}
@media screen and (max-width: 1100px) and (min-width: 700px) {
body {
  margin-bottom: 90px;
}
}
@media screen and (max-width: 1500px) and (min-width: 1100px) {
body {
  margin-bottom: 90px;
}
}
@media only screen and (max-width: 300px) {
.new-daily-large {
  font-size: 11px;
}
}
@media only screen and (max-width: 450px) {
.queen-size-nav {
  height: 80%;
}
}
.buttonclickexit {
width: 100%;
  border: none;
  background: transparent;
  font-weight: bold;
}
.buttonclickexit:focus {

}
.showheeder {
text-align: center;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 12px;
}
.showheedersec {
text-align: end;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 12px;
}