2364 lines
65 KiB
PHP
2364 lines
65 KiB
PHP
<html>
|
||
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css" />
|
||
<link rel="stylesheet" href="../dist/css/adminlte.css" />
|
||
<!-- IRANSans Font -->
|
||
<link rel="stylesheet" href="../dist/css/fontiran.css" />
|
||
<!-- page css -->
|
||
<!-- <link rel="stylesheet" href="../dist/css/mycss.css" /> -->
|
||
<!-- ChartJS -->
|
||
<!-- persian-datepicker -->
|
||
<link rel="stylesheet" href="../dist/css/persian-datepicker.min.css">
|
||
<link rel="stylesheet" href="../plugins/chart.js/Chart.min.css" />
|
||
<link rel="icon" href="../dist/images/fav.ico" type="image/ico" sizes="16x16">
|
||
<title>سامانه جامع راهداری</title>
|
||
<style>
|
||
/* blinker */
|
||
html {
|
||
overflow: auto;
|
||
}
|
||
@media only screen and (max-height: 800px) {
|
||
html {
|
||
margin-bottom: 60px !important;
|
||
}
|
||
}
|
||
|
||
@media only screen and (max-width: 700px) {
|
||
html {
|
||
margin-bottom: 50px;
|
||
}
|
||
}
|
||
|
||
.blink_me_imageupload {
|
||
animation: blinker 1s linear infinite;
|
||
}
|
||
|
||
@keyframes blinker {
|
||
50% {
|
||
opacity: 0;
|
||
}
|
||
}
|
||
|
||
#fast-counter {
|
||
position: absolute;
|
||
border-radius: 50%;
|
||
padding: 5px 6px;
|
||
vertical-align: middle;
|
||
left: -8px;
|
||
background-color: crimson;
|
||
text-align: center;
|
||
line-height: 9px;
|
||
color: #fff;
|
||
font-weight: 600;
|
||
font-family: IRANSansFaNum, sans-serif;
|
||
font-size: 11px;
|
||
top: -8px;
|
||
display: block;
|
||
}
|
||
|
||
/* blinker */
|
||
|
||
.loader {
|
||
display: inline-block;
|
||
width: 40px;
|
||
height: 40px;
|
||
position: relative;
|
||
border: 4px solid #ff5c0f;
|
||
top: 0;
|
||
animation: loader 2s infinite ease;
|
||
}
|
||
|
||
.loader-inner {
|
||
vertical-align: top;
|
||
display: inline-block;
|
||
width: 100%;
|
||
background-color: #fff;
|
||
animation: loader-inner 2s infinite ease-in;
|
||
}
|
||
|
||
.navbar-nav .dropdown-menu {
|
||
position: absolute !important;
|
||
}
|
||
|
||
@keyframes loader {
|
||
0% {
|
||
transform: rotate(0deg);
|
||
}
|
||
|
||
25% {
|
||
transform: rotate(180deg);
|
||
}
|
||
|
||
50% {
|
||
transform: rotate(180deg);
|
||
}
|
||
|
||
75% {
|
||
transform: rotate(360deg);
|
||
}
|
||
|
||
100% {
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
|
||
@keyframes loader-inner {
|
||
0% {
|
||
height: 0%;
|
||
}
|
||
|
||
25% {
|
||
height: 0%;
|
||
}
|
||
|
||
50% {
|
||
height: 100%;
|
||
}
|
||
|
||
75% {
|
||
height: 100%;
|
||
}
|
||
|
||
100% {
|
||
height: 0%;
|
||
}
|
||
}
|
||
|
||
.divloader {
|
||
display: none;
|
||
justify-content: center;
|
||
align-items: center;
|
||
position: fixed;
|
||
right: 0;
|
||
left: 0;
|
||
top: 0;
|
||
bottom: 0;
|
||
background-color: rgba(0, 0, 0, 0.4);
|
||
z-index: 20;
|
||
}
|
||
|
||
.nowrap {
|
||
white-space: nowrap;
|
||
}
|
||
|
||
body {
|
||
font-family: "IRANSans";
|
||
/* background-image: url(../dist/images/modalrms/13.jpg); */
|
||
background-repeat: no-repeat;
|
||
background-size: cover;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
.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: 30px;
|
||
}
|
||
|
||
.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: right;
|
||
line-height: 100%;
|
||
display: block;
|
||
border-top: 1px solid white;
|
||
}
|
||
|
||
.boxxlabel {
|
||
color: #000;
|
||
font-family: 'IRANSansFaNum';
|
||
font-size: 9pt;
|
||
width: 129%;
|
||
margin-left: 2%;
|
||
float: initial;
|
||
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;
|
||
}
|
||
|
||
#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: 13px;
|
||
font-weight: 700;
|
||
}
|
||
|
||
/* 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:hover>a:after {
|
||
border-left-color: #fff;
|
||
}
|
||
|
||
.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%;
|
||
font-family: 'IRANSansFaNum';
|
||
}
|
||
|
||
/* .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: #d8d6d6;
|
||
border: none;
|
||
}
|
||
|
||
.btncolor:hover {
|
||
background-color: #015688;
|
||
border-color: #015688;
|
||
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 */
|
||
|
||
.new-size-fastreaction {
|
||
height: 107px !important;
|
||
width: 225px !important;
|
||
}
|
||
|
||
.money_camp {
|
||
text-align: center;
|
||
font-size: 15px;
|
||
color: #fff;
|
||
margin-bottom: 0px !important;
|
||
}
|
||
|
||
.car_camp {
|
||
text-align: center;
|
||
font-size: 15px;
|
||
color: #fff;
|
||
margin-bottom: 0px !important;
|
||
}
|
||
|
||
.rahdar_camp {
|
||
text-align: center;
|
||
font-size: 15px;
|
||
color: #fff;
|
||
margin-bottom: 0px !important;
|
||
}
|
||
|
||
.dmg_camp {
|
||
text-align: center;
|
||
font-size: 15px;
|
||
color: #fff;
|
||
margin-bottom: 0px !important;
|
||
}
|
||
|
||
@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;
|
||
}
|
||
|
||
.showheedersec {
|
||
text-align: center;
|
||
left: -146;
|
||
font-size: 15px;
|
||
font-weight: bold;
|
||
margin-bottom: 12px;
|
||
}
|
||
}
|
||
|
||
@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: 17px;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
#yearlystatics {
|
||
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;
|
||
} */
|
||
}
|
||
|
||
@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;
|
||
}
|
||
|
||
.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: 100%;
|
||
}
|
||
|
||
.new-daily-large {
|
||
font-size: 16px;
|
||
}
|
||
|
||
.countFR .col-3 {
|
||
max-width: unset;
|
||
}
|
||
}
|
||
|
||
@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: 16px;
|
||
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;
|
||
}
|
||
}
|
||
|
||
.buttonclickexit {
|
||
width: 100%;
|
||
border: none;
|
||
background: transparent;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.showheeder {
|
||
text-align: start;
|
||
font-size: 15px;
|
||
font-weight: bold;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.showheedersec {
|
||
text-align: end;
|
||
font-size: 15px;
|
||
font-weight: bold;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.navbar {
|
||
padding: 5px 10px 2px 10px !important;
|
||
}
|
||
|
||
.fontnumber {
|
||
font-size: 12px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.btn-primary:hover {
|
||
background-color: #ff5c0f !important;
|
||
border-color: #ff5c0f !important;
|
||
}
|
||
|
||
.btn-primary:not(:disabled):not(.disabled):active,
|
||
.btn-primary:not(:disabled):not(.disabled).active,
|
||
.show>.btn-primary.dropdown-toggle {
|
||
background-color: #ff5c0f !important;
|
||
border-color: #ff5c0f !important;
|
||
}
|
||
|
||
/* all style for header */
|
||
|
||
.navbar-nav .dropdown-menu {
|
||
position: absolute !important;
|
||
}
|
||
|
||
.navbar-nav {
|
||
padding-bottom: 10px;
|
||
}
|
||
|
||
.navbar-sp {
|
||
color: #ffffff !important;
|
||
font-size: 10px;
|
||
margin-top: 15px;
|
||
}
|
||
|
||
/* .navbar-it {
|
||
display: flex;
|
||
align-items: flex-end;
|
||
margin-left: 20px;
|
||
align-items: center;
|
||
flex-direction: column;
|
||
} */
|
||
|
||
.navbar-item-new-style {
|
||
display: none;
|
||
}
|
||
|
||
.navbar-item-new-style {
|
||
display: block;
|
||
}
|
||
|
||
.queen-responsive-navbar {
|
||
justify-content: center;
|
||
margin-bottom: 20px;
|
||
margin-left: 0px;
|
||
}
|
||
|
||
.navbar-sp-res {
|
||
font-size: 12px;
|
||
margin-top: 2px;
|
||
color: #000000 !important;
|
||
}
|
||
|
||
.navbar {
|
||
padding: 5px 10px 2px 10px !important;
|
||
}
|
||
|
||
/* .navbar-sp {
|
||
color: #ffffff !important;
|
||
font-size: 12px !important;
|
||
margin-top: -1px !important;
|
||
} */
|
||
|
||
.navbar {
|
||
padding: 5px 10px 0px 10px !important;
|
||
}
|
||
|
||
/* .profile {
|
||
margin-left: 60px;
|
||
border: 2px solid #ff5c0f;
|
||
padding: 10px 15px;
|
||
border-radius: 5px;
|
||
} */
|
||
|
||
.dropdown-menu {
|
||
font-family: 'IRANSansFaNum';
|
||
}
|
||
|
||
@media only screen and (min-width: 1700px) {
|
||
.justify-content-center {
|
||
font-size: 14px;
|
||
}
|
||
}
|
||
|
||
@media only screen and (max-width: 800px) {
|
||
.navbar-nav .dropdown-menu {
|
||
position: absolute !important;
|
||
}
|
||
}
|
||
|
||
@media only screen and (max-width: 700px) {
|
||
.king-size-nav {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
.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-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:hover>a:after {
|
||
border-left-color: #fff;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
/* all style for header */
|
||
|
||
.showheedersec {
|
||
text-align: center;
|
||
left: -130;
|
||
font-size: 15px;
|
||
font-weight: bold;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.showheeder {
|
||
text-align: center;
|
||
font-size: 15px;
|
||
font-weight: bold;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
@media only screen and (max-width: 500px) {
|
||
.showheedersec {
|
||
text-align: end;
|
||
font-size: 15px;
|
||
left: unset;
|
||
font-weight: bold;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.showheeder {
|
||
text-align: start;
|
||
font-size: 15px;
|
||
font-weight: bold;
|
||
margin-bottom: 12px;
|
||
}
|
||
}
|
||
|
||
@media only screen and (max-width: 390px) {
|
||
.but-this-one {
|
||
border-right: 3px solid #ff5c0f;
|
||
}
|
||
|
||
.countFR {
|
||
justify-content: center;
|
||
}
|
||
}
|
||
|
||
@media only screen and (max-width: 460px) and (min-width: 400px) {
|
||
.new-daily-large {
|
||
font-size: 15px;
|
||
}
|
||
|
||
.col-1,
|
||
.col-2,
|
||
.col-3,
|
||
.col-4,
|
||
.col-5,
|
||
.col-6,
|
||
.col-7,
|
||
.col-8,
|
||
.col-9,
|
||
.col-10,
|
||
.col-11,
|
||
.col-12,
|
||
.col,
|
||
.col-auto,
|
||
.col-sm-1,
|
||
.col-sm-2,
|
||
.col-sm-3,
|
||
.col-sm-4,
|
||
.col-sm-5,
|
||
.col-sm-6,
|
||
.col-sm-7,
|
||
.col-sm-8,
|
||
.col-sm-9,
|
||
.col-sm-10,
|
||
.col-sm-11,
|
||
.col-sm-12,
|
||
.col-sm,
|
||
.col-sm-auto,
|
||
.col-md-1,
|
||
.col-md-2,
|
||
.col-md-3,
|
||
.col-md-4,
|
||
.col-md-5,
|
||
.col-md-6,
|
||
.col-md-7,
|
||
.col-md-8,
|
||
.col-md-9,
|
||
.col-md-10,
|
||
.col-md-11,
|
||
.col-md-12,
|
||
.col-md,
|
||
.col-md-auto,
|
||
.col-lg-1,
|
||
.col-lg-2,
|
||
.col-lg-3,
|
||
.col-lg-4,
|
||
.col-lg-5,
|
||
.col-lg-6,
|
||
.col-lg-7,
|
||
.col-lg-8,
|
||
.col-lg-9,
|
||
.col-lg-10,
|
||
.col-lg-11,
|
||
.col-lg-12,
|
||
.col-lg,
|
||
.col-lg-auto,
|
||
.col-xl-1,
|
||
.col-xl-2,
|
||
.col-xl-3,
|
||
.col-xl-4,
|
||
.col-xl-5,
|
||
.col-xl-6,
|
||
.col-xl-7,
|
||
.col-xl-8,
|
||
.col-xl-9,
|
||
.col-xl-10,
|
||
.col-xl-11,
|
||
.col-xl-12,
|
||
.col-xl,
|
||
.col-xl-auto {
|
||
width: 100% !important;
|
||
}
|
||
|
||
.counter-for {
|
||
text-align: center;
|
||
background-color: rgb(44, 52, 63);
|
||
color: #fff;
|
||
border-radius: 15%;
|
||
padding: 5px 3px;
|
||
font-family: 'IRANSansFaNum';
|
||
}
|
||
}
|
||
|
||
.header_home_title {
|
||
border-top: 2px solid #ff5c0f;
|
||
width: 100%;
|
||
}
|
||
|
||
.header_home_title legend {
|
||
width: 40%;
|
||
}
|
||
|
||
.header_home_title_second {
|
||
border-top: 2px solid #ff5c0f;
|
||
width: 100%;
|
||
}
|
||
|
||
.header_home_title_second legend {
|
||
width: 55%;
|
||
}
|
||
|
||
.header_home_title_third {
|
||
border-top: 2px solid #ff5c0f;
|
||
width: 100%;
|
||
}
|
||
|
||
.header_home_title_third legend {
|
||
width: 55%;
|
||
}
|
||
|
||
.header_home_title_forth {
|
||
border-top: 2px solid #ff5c0f;
|
||
width: 100%;
|
||
}
|
||
|
||
.header_home_title_forth legend {
|
||
width: 50%;
|
||
}
|
||
|
||
.modal-content {
|
||
position: relative;
|
||
display: flex;
|
||
flex-direction: column;
|
||
width: 100%;
|
||
pointer-events: auto;
|
||
background-color: #ffffff;
|
||
background-clip: padding-box;
|
||
border: 2px solid #ff5c0f;
|
||
border-radius: 0.3rem;
|
||
box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 50%);
|
||
outline: 0;
|
||
}
|
||
|
||
.modal-header .close,
|
||
.modal-header .mailbox-attachment-close {
|
||
margin: -1rem -1rem -1rem auto;
|
||
margin-left: -17px;
|
||
}
|
||
|
||
#exampleModalLongTitle {
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
font-size: 14px;
|
||
line-height: 1.5rem;
|
||
}
|
||
|
||
.stylereset {
|
||
background-color: #015688;
|
||
color: white;
|
||
padding: 8px 8px 8px;
|
||
}
|
||
.report {
|
||
display: block !important;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body class="bodypic" style="margin-bottom: 90px">
|
||
<div class="divloader">
|
||
<span class="loader"><span class="loader-inner"></span></span>
|
||
</div>
|
||
@include('layouts.header')
|
||
<div class="card mycardi">
|
||
<div class="card-header col-12" style="background-color: rgba(0, 0, 0, 0.2) !important;">
|
||
<div id="rahdariproject" class="col-3 first-header">
|
||
<img src="../dist/images/new-design/rahdariProject.svg" class="headericon1" />
|
||
<div class="header-font1">پروژه های راهداری</div>
|
||
<div class="card-header-hover1"></div>
|
||
<!-- <div class="parent-animate"></div> -->
|
||
</div>
|
||
<div id="roozanepro" class="col-3 second-header">
|
||
<img src="../dist/images/new-design/dailyWork.svg" class="headericon2" />
|
||
<div class="header-font2"> فعالیت های روزانه و جاری </div>
|
||
<div class="card-header-hover2"></div>
|
||
<!-- <div class="parent-animate"></div> -->
|
||
</div>
|
||
<div id="fastreact" class="col-3 third-header">
|
||
<img src="../dist/images/new-design/fastReaction.svg" class="headericon3" />
|
||
<div class="header-font3">واکنش سریع</div>
|
||
<div class="card-header-hover3"></div>
|
||
<!-- <div class="parent-animate"></div> -->
|
||
</div>
|
||
<div id="gharargah" class="col-3 forth-header">
|
||
<img src="../dist/images/new-design/camp&crisisManagement.svg" class="headericon4" />
|
||
<div class="header-font4">قرارگاه زمستانی و مدیریت بحران</div>
|
||
<!-- <div class="parent-animate"></div> -->
|
||
<div class="card-header-hover4"></div>
|
||
</div>
|
||
</div>
|
||
<div class="card-body projectbody">
|
||
<fieldset class="header_home_title">
|
||
<legend class="card-title">
|
||
ثبت و بروزرسانی آخرین وضعیت پروژه های راهداری
|
||
</legend>
|
||
</fieldset>
|
||
<div class="card-text row col-sm-12">
|
||
<div class="col-sm-2.5 padding-for-rahdari-text">
|
||
<span>برای ثبت و بروزرسانی پروژه های راهداری از قسمت ثبت قراردادها استفاده نمایید.</span>
|
||
</div>
|
||
{{-- <div class="col-sm-2.5 padding-for-rahdari-text">
|
||
<span class="alignFor-projectBody"><span>1)</span>روکش آسفالت</span>
|
||
</div>
|
||
<div class="col-sm-2.5 padding-for-rahdari-text">
|
||
<span class="alignFor-projectBody"><span>2)</span>رفع نقاط حادثه خیز</span>
|
||
</div>
|
||
<div class="col-sm-2.5 padding-for-rahdari-text">
|
||
<span class="alignFor-projectBody"><span>3)</span>ایمنی راه</span>
|
||
</div>
|
||
<div class="col-sm-2.5 padding-for-rahdari-text">
|
||
<span class="alignFor-projectBody"><span>4)</span>ابنیه فنی(تعمیر و بازسازی)</span>
|
||
</div>
|
||
<div class="col-sm-2.5 padding-for-rahdari-text">
|
||
<span class="alignFor-projectBody"><span>5)</span>راهدارخانه</span>
|
||
</div>
|
||
<div class="col-sm-2.5 padding-for-rahdari-text">
|
||
<span class="alignFor-projectBody"><span>6)</span>راه روستایی</span>
|
||
</div> --}}
|
||
</div>
|
||
<div>
|
||
<h5 class="col-md-12 projectNumTitle">
|
||
تعداد پروژه ها
|
||
</h5>
|
||
<div class="col-md-12 dailyCounter-align">
|
||
<span class="counter-for-rahdari counter-for">0</span>
|
||
</div>
|
||
</div>
|
||
<div class="ShowPieChart new-change-margin">
|
||
<div class="ShowEachPie clearfix" style="width: 100%;">
|
||
<canvas id="myChartfirst" class="chartjs-render-monitor dailyChart"></canvas>
|
||
<span class="projectnum font-new-style">تعداد پروژه ها به تفکیک نوع پروژه</span>
|
||
</div>
|
||
<div class="ShowEachPie clearfix" style="width: 100%;">
|
||
<canvas id="myChartsecond" class="chartjs-render-monitor dailyChart"></canvas>
|
||
<span class="projectnum font-new-style">تعداد پروژه ها بر اساس آخرین وضعیت پروژه
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<a href="#" class="btn btn-primary" id="showprojectmodal" type="submit">آرشیو</a>
|
||
<a href="https://rms.rmto.ir/financeproject" class="btn btn-primary" target="_blank" type="submit">
|
||
ثبت قرارداد و پروژه</a>
|
||
<a href="https://rms.rmto.ir/bama" target="_blank" class="btn btn-primary">لیست پروژه ها</a>
|
||
<a href="https://rms.rmto.ir/proposal" class="btn btn-primary" target="_blank">پروژه پیشنهادی</a>
|
||
<a href="https://rms.rmto.ir/lawmakers" class="btn btn-primary" target="_blank">درخواست نمایندگان</a>
|
||
<a href="./yasitestmap?type=pro" target="_blank" title="نمایش روی نقشه"
|
||
class="btn btn-primary iranMini"><img src="../dist/images/new-design/iranMini.svg"
|
||
target="_blank" /></a>
|
||
</div>
|
||
<div class="card-body rozaneproject" style="display: none;">
|
||
<fieldset class="header_home_title_second">
|
||
<legend class="card-title">
|
||
ثبت تمامی فعالیت ها و اقدامات روزانه راهداری در سطح ادارات شهرستان ها
|
||
</legend>
|
||
</fieldset>
|
||
<div class="card-text headernumberfaliat">
|
||
<span class="showstartsabt"><span>1)</span> ثبت بیش از 180 نوع فعالیت روزانه در قالب 17 آیتم کلی
|
||
</span>
|
||
<span class="showendnezamnd"><span>2)</span> نظام مند کردن گشت های راهداری و ترابری
|
||
</span>
|
||
</div>
|
||
<div style="margin-bottom: 20px;">
|
||
<div class="col-ms-12 rahdarimenu">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="row">
|
||
<div class="col-sm-5 showheeder">
|
||
<span>تعداد فعالیت ثبت شده </span>
|
||
|
||
</div>
|
||
<div class="col-sm-5 showheedersec">
|
||
<span>تعداد ماموریت های انجام شده </span>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="col-md-12 showcounterrahdari">
|
||
<div class="col-md-5 dailyCounter-align">
|
||
<span class="counter-for counter-for-daily-first change-font-max">0</span>
|
||
</div>
|
||
<div class="col-md-2 todayamar">
|
||
<p class="dailydata change-font-max">امروز</p>
|
||
</div>
|
||
<div class="col-md-5 dailyCounter-align">
|
||
<span class="counter-for counter-for-daily-four change-font-max">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-ms-12 rahdarimenu">
|
||
<div class="row">
|
||
<div class="col-md-12 showcounterrahdari">
|
||
<div class="col-md-5 dailyCounter-align">
|
||
<span class="counter-for counter-for-daily-second change-font-max">0</span>
|
||
</div>
|
||
<div class="col-md-2 todayamar">
|
||
<p class="dailydata change-font-max">این هفته</p>
|
||
</div>
|
||
<div class="col-md-5 dailyCounter-align">
|
||
<span class="counter-for counter-for-daily-five change-font-max">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-ms-12 rahdarimenu">
|
||
<div class="row">
|
||
<div class="col-md-12 showcounterrahdari">
|
||
<div class="col-md-5 dailyCounter-align">
|
||
<span class="counter-for counter-for-daily-third change-font-max">0</span>
|
||
</div>
|
||
<div class="col-md-2 todayamar">
|
||
<p class="dailydata change-font-max">این ماه</p>
|
||
</div>
|
||
<div class="col-md-5 dailyCounter-align">
|
||
<span class="counter-for counter-for-daily-six change-font-max">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-ms-12 rahdarimenu">
|
||
<div class="row">
|
||
<div class="col-md-12 showcounterrahdari">
|
||
<div class="col-md-5 dailyCounter-align">
|
||
<span class="counter-for counter-for-daily-fourth change-font-max">0</span>
|
||
</div>
|
||
<div class="col-md-2 todayamar">
|
||
<p class="dailydata change-font-max"> امسال</p>
|
||
</div>
|
||
<div class="col-md-5 dailyCounter-align">
|
||
<span class="counter-for counter-for-daily-seven change-font-max">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<button id="startfaliat" class="btn btn-primary">
|
||
شروع ثبت فعالیت
|
||
</button>
|
||
<a href="https://rms.rmto.ir/projectNew" class="btn btn-primary" target="_blank">گزارش فعالیت
|
||
</a>
|
||
<a href="./yasitestmap?type=rahdari" target="_blank" title="نمایش روی نقشه"
|
||
class="btn btn-primary iranMini"><img src="../dist/images/new-design/iranMini.svg"
|
||
target="_blank" /></a>
|
||
</div>
|
||
<div class="card-body fastreaction" style="display: none;">
|
||
<fieldset class="header_home_title_third">
|
||
<legend class="card-title">
|
||
رسیدگی به گزارشات مردمی در خصوص مشکلات راه در کمترین زمان ممکن
|
||
</legend>
|
||
</fieldset>
|
||
<div class="card-text">
|
||
<div class="row">
|
||
<div class="col-sm-12" style="text-align: center; margin-bottom: 7px;">
|
||
<span class="fastreact-text-align col-sm-12 paksazi-title"><span>1)</span>پاکسازی سطح راه از
|
||
لاشه حیوانات و عوامل خارجی (آثار تصادف، ریزش کوه و غیره)</span>
|
||
</div>
|
||
<div class="col-sm-12" style="text-align: center;">
|
||
<span class="fastreact-text-align col-sm-4 chaleh-title"><span>2)</span>وجود چاله</span>
|
||
<span class="fastreact-text-align col-sm-8 alaem-title"><span>3)</span>اصلاح علایم ایمنی و حفاظ
|
||
خطرناک در سطح راه</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row setchart">
|
||
<div class="col-sm-12">
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="ShowPieChart">
|
||
<div class="ShowEachPie">
|
||
<canvas class="new-size-fastreaction" id="frChartFirst"
|
||
style="display: block; height: 107px; width: 225px;"></canvas>
|
||
<div id="htmllegend"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="ShowPieChart">
|
||
<div class="ShowEachPie">
|
||
<canvas class="new-size-fastreaction" id="frChartSecond"
|
||
style="display: block; height: 107px; width: 225px;"></canvas>
|
||
<div id="htmllegendSecond"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="ShowPieChart">
|
||
<div class="ShowEachPie">
|
||
<canvas class="new-size-fastreaction" id="frChartThird"
|
||
style="display: block; height: 107px; width: 225px;"></canvas>
|
||
<div id="htmllegendThird"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="ShowPieChart">
|
||
<div class="ShowEachPie">
|
||
<canvas class="new-size-fastreaction" id="frChartfourth"
|
||
style="display: block; height: 107px; width: 225px;"></canvas>
|
||
<div id="htmllegendfourth"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p class="coutgozaresh">تعداد اقدامات دریافت</p>
|
||
<div class="col-sm-12 rowshowntop">
|
||
<div class="row">
|
||
<div class="col-sm-12 col-12 frLeft">
|
||
<div class="row countFR">
|
||
<div class="col-3 but-this-one" style="border-left: 3px solid #ff5c0f;">
|
||
<div id="dailyStatics" class="example daily-changes"></div>
|
||
<div class="col-4 dailyCounter-align changeStyle-fastReact">
|
||
<span
|
||
class="counter-for counter-for-fast new-daily-large counter-for-fast-one">0</span>
|
||
</div>
|
||
<div class="countTitleFR new-daily-large">امروز</div>
|
||
</div>
|
||
<div class="col-3" style="border-left: 3px solid #ff5c0f;">
|
||
<div id="weeklyStatics" class="example weekly-changes"></div>
|
||
<div class="col-4 dailyCounter-align changeStyle-fastReact">
|
||
<span
|
||
class="counter-for counter-for-fast new-daily-large counter-for-fast-two">0</span>
|
||
</div>
|
||
<div class="countTitleFR new-daily-large">این هفته</div>
|
||
</div>
|
||
<div class="col-3 but-this-one" style="border-left: 3px solid #ff5c0f;">
|
||
<div id="monthlyStatics" class="example monthly-changes"></div>
|
||
<div class="col-4 dailyCounter-align changeStyle-fastReact">
|
||
<span
|
||
class="counter-for counter-for-fast new-daily-large counter-for-fast-three">0</span>
|
||
</div>
|
||
<div class="countTitleFR keep-no-changes new-daily-large">
|
||
این ماه
|
||
</div>
|
||
</div>
|
||
<div class="col-3 last-year-border">
|
||
<div id="yearlyStatics" class="example monthly-changes"></div>
|
||
<div class="col-4 dailyCounter-align changeStyle-fastReact">
|
||
<span
|
||
class="counter-for counter-for-fast new-daily-large counter-for-fast-fourth">0</span>
|
||
</div>
|
||
<div class="countTitleFR keep-no-changes new-daily-large">
|
||
امسال
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a href="https://rms.rmto.ir/new-fast-react" target="_blank" class="btn btn-primary"
|
||
style="position: relative;">
|
||
<span id="fast-counter" class="badge badge-light blink_me_imageupload"></span> رسیدگی به شکایات</a>
|
||
<a href="./yasitestmap?type=fastreact" target="_blank" title="نمایش روی نقشه"
|
||
class="btn btn-primary iranMini"><img src="../dist/images/new-design/iranMini.svg" /></a>
|
||
</div>
|
||
<div class="card-body gharargahcard" style="display: none;">
|
||
<fieldset class="header_home_title_forth">
|
||
<legend class="card-title">
|
||
جمع آوری اطلاعات محور های مسدود شده ناشی از مخاطرات جوی
|
||
</legend>
|
||
</fieldset>
|
||
<div class="row">
|
||
<div class="card-text col-12">
|
||
<span class="col-12 gharargah-counter-text">طول محور های آسیب دیده و مسدود
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div class="row col-12">
|
||
<div class="col-12 gharargah-counter">
|
||
<span id="bl_len_length" class="counter-for counter-for-gharargah"></span>
|
||
</div>
|
||
</div>
|
||
<div class="row chartrowborder">
|
||
<div class="col-md-12 chartborderlook">
|
||
<div class="row">
|
||
<div class="col-md-4 col-sm-12">
|
||
<p class="text-center fontnumber"> تعداد محور های اسیب دیده و مسدود</p>
|
||
<canvas id="ghararfirst"
|
||
class="chartjs-render-monitor dailygharar some-little-changes1"></canvas>
|
||
</div>
|
||
<div class="col-md-4 col-sm-12">
|
||
<p class="text-center fontnumber">طول محور های اسیب دیده و مسدود</p>
|
||
<canvas id="ghararsecond"
|
||
class="chartjs-render-monitor dailygharar some-little-changes2"></canvas>
|
||
</div>
|
||
<div class="col-md-4 col-sm-12">
|
||
<p class="text-center fontnumber">طول محور های آسیب دیده و مسدود به ترتیب نوع محور</p>
|
||
<canvas id="ghararthird"
|
||
class="chartjs-render-monitor dailygharar some-little-changes2"></canvas>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row showeachpart">
|
||
<div class="col-md-12 showeachtext">
|
||
<div class="row">
|
||
<div class="col-md-3 col-sm-6 col-lg-3 gharareachtext-style">
|
||
<div class="showneachgharar">
|
||
<div class="topingfont">
|
||
<span>براورد اولیه خسارت ها (میلیون ریال)</span>
|
||
<hr />
|
||
<p class="money_camp"></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3 col-sm-6 col-lg-3 gharareachtext-style">
|
||
<div class="showneachgharar">
|
||
<div class="topingfont">
|
||
<span>تعداد دستگاه پل و ابنیه آسیب دیده</span>
|
||
<hr />
|
||
<p class="car_camp"></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3 col-sm-6 col-lg-3 gharareachtext-style">
|
||
<div class="showneachgharar">
|
||
<div class="topingfont">
|
||
<span>تعداد ماشین آلات فعال در محور </span>
|
||
<hr />
|
||
<p class="rahdar_camp"></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3 col-sm-6 col-lg-3 gharareachtext-style">
|
||
<div class="showneachgharar">
|
||
<div class="topingfont">
|
||
<span>تعداد عوامل راهدار درگیر در محور ها </span>
|
||
<hr />
|
||
<p class="dmg_camp"></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a href="https://rms.rmto.ir/winter-camp" target="_blank" class="btn btn-primary">ثبت اطلاعات </a>
|
||
<!-- new adding tab -->
|
||
<a href="./yasitestmap?type=camp" target="_blank" class="btn btn-primary"> محورهای حلقه اول زمستانی</a>
|
||
<!-- new adding tab -->
|
||
<a href="./yasitestmap?type=campNew" target="_blank" title="نمایش روی نقشه"
|
||
class="btn btn-primary iranMini"><img src="../dist/images/new-design/iranMini.svg"
|
||
target="_blank" /></a>
|
||
</div>
|
||
</div>
|
||
<div class="modal fade" id="modalprojectchoose" tabindex="-1" role="dialog"
|
||
aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content modalborder">
|
||
<div class="modal-header stylereset">
|
||
<h5 class="modal-title" id="exampleModalLongTitle">
|
||
تعریف و بروزرسانی پروژه ها
|
||
</h5>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="modalproject">
|
||
<div class="modalrow">
|
||
<a class="btn btncolor" href="https://rms.rmto.ir/roaddangerNew" target="_blank">
|
||
<!-- <button type="button" -->
|
||
<!-- class="btn btncolor"> -->
|
||
رفع نقاط حادثه خیز
|
||
<!-- </button> -->
|
||
</a>
|
||
<a class="btn btncolor" href="https://rms.rmto.ir/roadupgardeSaftyNew" target="_blank">
|
||
<!-- <button type="button"
|
||
class="btn btncolor"> -->
|
||
ارتقای ایمنی راه
|
||
<!-- </button> -->
|
||
</a>
|
||
</div>
|
||
<div class="modalrow">
|
||
<a class="btn btncolor" href="https://rms.rmto.ir/roadmaintananceNew" target="_blank">
|
||
<!-- <button type="button"
|
||
class="btn btncolor"> -->
|
||
روکش آسفالت (نگهداری راه)
|
||
<!-- </button> -->
|
||
</a>
|
||
|
||
<a class="btn btncolor" href="https://rms.rmto.ir/roadtechnicalNew" target="_blank">
|
||
<!-- <button type="button"
|
||
class="btn btncolor "> -->
|
||
ابنیه فنی (نگهداری و ساخت )
|
||
<!-- </button> -->
|
||
</a>
|
||
</div>
|
||
<div class="modalrow">
|
||
<a class="btn btncolor" href="https://rms.rmto.ir/tollhouseNew" target="_blank">
|
||
<!-- <button
|
||
type="button" class="btn btncolor"> -->
|
||
راهدارخانه ها (بهسازی و نوسازی )
|
||
<!-- </button> -->
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="modal fade" id="submitproject" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
|
||
aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content modalborder">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title" id="exampleModalLongTitle">
|
||
ثبت فعالیت
|
||
</h5>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="modalproject">
|
||
<div class="modalrow">
|
||
<a class="btn btncolor nowrap" href="https://rms.rmto.ir/RoadItemNew" target="_blank">
|
||
<!-- <button type="button"
|
||
class="btn btncolor"> -->
|
||
ثبت فعالیت و اقدامات روزانه راهداری
|
||
<!-- </button> -->
|
||
</a>
|
||
<!-- https://rms.rmto.ir/RoadPatrolNew -->
|
||
<a class="btn btncolor" href="https://rms.rmto.ir/RoadPatrolNew" target="_blank">
|
||
<!-- <button type="button"
|
||
class="btn btncolor"> -->
|
||
ثبت گشت راهداری و ترابری
|
||
<!-- </button> -->
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{{-- report modal --}}
|
||
<div class="modal fade" id="report_modal" tabindex="-1" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
|
||
<div class="modal-content">
|
||
<div class="d-flex justify-content-between">
|
||
<div class="col-5 my-2">
|
||
<label for="report_from_date" class="form-label">از تاریخ</label>
|
||
<input id="report_from_date" type="text" class="form-control input-cleaner" autocomplete="off">
|
||
</div>
|
||
<div class="col-5 my-2">
|
||
<label for="reprt_to_date" class="form-label">تا تاریخ</label>
|
||
<input id="reprt_to_date" type="text" class="form-control input-cleaner" autocomplete="off">
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button id="give_report" type="button" class="btn btn-success">دریافت گزارش</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{{-- end report modal --}}
|
||
|
||
@include('layouts.footer')
|
||
|
||
<!-- jQuery -->
|
||
<script src="../plugins/jquery/jquery.min.js"></script>
|
||
<!-- persian-datepicker -->
|
||
<script src="../dist/js/persian-datepicker.min.js"></script>
|
||
<script src="../dist/js/persian-date.min.js"></script>
|
||
<script src="../dist/js/jquery.rollNumber.js"></script>
|
||
<script src="../plugins/moment/moment.min.js"></script>
|
||
<script src="../dist/js/jalali-moment.browser.js"></script>
|
||
<script src="../dist/js/jQuery-Plugin-For-Creating-An-Animated-Counter-kCounter/js/kcounter.js"></script>
|
||
<!-- Bootstrap 4 -->
|
||
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||
<!-- SweetAlert2 -->
|
||
<script src="../dist/js/sweetalert2js.js"></script>
|
||
<script src="../dist/js/color.min.js"></script>
|
||
<!-- ChartJS -->
|
||
<script src="../plugins/chart.js/Chart.min.js"></script>
|
||
<script src="../dist/js/header.js"></script>
|
||
<script src="../dist/js/newhome.js?_=1"></script>
|
||
</body>
|
||
|
||
</html> |