Files
backend/public/dist/css/styleheader.css
2024-02-01 09:53:53 +00:00

1261 lines
21 KiB
CSS

.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;
}