body { font-family: aryazfont; font-size: 15px; line-height: 1.7em; margin: 0px; color: #444; direction: rtl; overflow-y: scroll; background: #e6ecf6; text-align: justify; }
select, input { font-family: aryazfont !important; }
ul { list-style: none; }
img { border: none; vertical-align: middle; }
a { text-decoration: none; color: #369; position: relative; }
a.download { font-weight: bold; text-decoration: underline; }
blockquote { background: #f9f9f9; border-right: 10px solid #ccc; margin: 5px 10px; padding: 15px 10px; }
blockquote p { display: table; }
  .right { float: right; position: relative; }
.left { float: left; position: relative; }
.clear { clear: both; height: 1px; }

h1 { font-size: 18px; font-weight: bold; line-height: 2.5; }
h2 { font-size: 17px; font-weight: bold; line-height: 2; border-bottom: 4px solid #ddd; margin: 0 0 5px 0; }
h3 { font-size: 16px; font-weight: bold; line-height: 2; color: red; }
.container { width: 980px; margin: 0 auto; min-width: 980px; display: table; position: relative; }
.header { background: #E91E63; height: 80px; position: relative; }
.menu-bar { background: #282828; height: 80px; }
.header { height: 80px; min-width: 980px; color: #fff; }
.menu-bar { height: 90px; min-width: 980px; color: #fff; }
.main { background: #e6ecf6; min-width: 980px; }
.logo { float: right; display: block; width: 60px; height: 60px; margin: 10px; position: relative; }
.header .title { float: right; margin: 15px 0; }
.menu { position: relative; height: 80px; }
.parentmenu .menu li i{ font-size:24px}
.menu li { text-align: center; float: right; }
.menu li a { color: #fff !important; padding: 20px 15px 19px 15px; display: block; }


.menu.setting-box li a { padding:15px 15px 9px 15px; }
.menu .other-open, .menu .other-close { cursor: pointer; }
.header .left .menu li:hover { background: #CB1452; }
.menu-bar .menu li:hover { background: #555; }
.menu-bar .user { direction: ltr; width: 395px; }
.userpic { border-radius: 100%; overflow: hidden; margin: 8px 14px; z-index: 9999; width: 60px; height: 72px; }
.menu-bar .user .title { line-height: 1.4; margin: 13px 5px; }
.user-menu {margin-bottom:10px}
.main .title { position: relative; padding: 10px 0; }
.main .title span { background: #edf0f5; position: relative; z-index: 2; padding: 0 5px; color: #E91E63; }
.main .title hr { position: absolute; top: 15px; width: 100%; height: 1px; border-color: #E91E63; }
fieldset { border-top: 1px solid #E91E63; margin: 10px 0 0 0; }
fieldset legend { color: #E91E63; position: relative; padding: 10px; font-weight: bold; font-size: large; }

.address { margin: 5px 0 0 0; }
.address span { margin: 0 5px; }
.back { cursor: pointer; margin: 5px 0 0 0; }
.back span { margin: 0 5px; color: #369; transition: all linear 0.2s; }
.back span:hover { color: #000; }
.column { float: right; margin: 0 2% 0 0; }
.column:first-child { margin: 0; }
.one.column { width: 100%; }
.one-half-third.column { width: 66%; }
.one-half.column { width: 49%; }
.one-third.column { width: 32%; }
.one-fourth.column { width: 23.5%; }
.one-fifth.column { width: 18.4%; }
.group:last-child { margin: 0; }
.group:after { content: ""; display: table; clear: both; }

.column .box { background: #fff; margin: 8px 0; padding: 10px 20px; position: relative; }
.column .box .title { font-weight: bold; margin: 0 0 5px 0; display: block; padding: 0 0 10px 0 !important; }


.awards { list-style: none; width: 408px; margin: 0 auto; }
.awards li { float: right; margin: 5px; }
.awards li img { margin: 5px; width: 48px; height: 48px; }
.awards li.active { background: #ccc; }
.awards li:hover { background: #ccc; }


.checkbox select { padding: 5px; margin: 0; background: #edf0f5; color: #000; border: 1px solid #000; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; }
.checkbox label { position: relative; }
.checkbox label:after { content: '<'; font: 11px "Consolas", monospace; color: #000; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); left: 8px; top: 0; padding: 2px 0 2px 0; position: absolute; pointer-events: none; font-weight: bold; font-size: 18px; }
.checkbox label:before { content: ''; left: 2px; top: 2px; width: 20px; height: 20px; background: #edf0f5; position: absolute; pointer-events: none; display: block; }

.radio { width: 200px; }
.radio li { color: #000; display: block; position: relative; float: right; width: 100%; }
.radio li input[type=radio] { position: absolute; visibility: hidden; }
.radio li label { display: block; position: relative; padding: 5px 30px 0 0; width: 100%; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; }
.radio li .check { display: block; position: absolute; border: 2px solid #000; border-radius: 100%; height: 18px; width: 18px; top: 5px; right: 0; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; }
.radio li .check::before { display: block; position: absolute; content: ''; border-radius: 100%; height: 14px; width: 14px; top: 2px; left: 2px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear; }
input[type=radio]:checked ~ .check::before { background: #000; }
input[type=radio]:checked ~ label { color: #000; }

.ITRNewsSlider { margin: 10px 0 0 0; overflow: hidden; }
.ITRNewsSlider .showimg { width: 600px; float: right; margin: 0 0 0 10px; position: relative; }
.ITRNewsSlider .showimg > a { position: relative; display: block; background: url(../images/loading.gif) center no-repeat; width: 600px; height: 340px; }
.ITRNewsSlider .showimg > a span { position: absolute; bottom: 0; background: rgba(0,153,204,0.7); display: block; padding: 10px; color: #fff; text-align: justify; width: 580px; }
.ITRNewsSlider .showimg > a img { width: 600px; height: 340px; }
.ITRNewsSlider .showimg > a span .download { color: #333; }
.ITRNewsSlider .showimg .desc { margin: 10px 10px 0 10px; text-align: justify; }
.ITRNewsSlider .list { width: 330px; float: right; }
.ITRNewsSlider .list li { text-align: justify; }
.ITRNewsSlider .list li.active { background: #ccc; }
.ITRNewsSlider .list li a { display: block; height: 100%; padding: 7px 10px; }
.ITRNewsSlider .list li a img { width: 24px; height: 24px; float: right; }
.ITRNewsSlider .list li a span { margin: 0 24px; }
.dropdown.open { background: #CB1452; }
.dropdown .popup * { color: #000; }
.dropdown a { cursor: pointer; }
.dropdown { position: relative; }
.dropdown .popup { width: 400px; max-height: 300px; background: #fafafa; position: absolute; top: 80px; left: 0; border: 1px solid #aaa; border-radius: 0 0 5px 5px; box-shadow: 0 7px 10px rgba(0,0,0,.3); display: none; z-index: 99999; overflow: hidden; }
.dropdown .CountNew { background: #fff; min-width:24px; border-radius: 100%; display: table;color:#e91e63;font-size:13px;margin:0 auto 6px auto}
.dropdown .popup .content { height: 256px; overflow-y: scroll; }
.dropdown .popup .content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); background-color: #F5F5F5; }
.dropdown .popup .content::-webkit-scrollbar { width: 8px; background-color: #F5F5F5; }
.dropdown .popup .content::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,1); background-color: #777; }
.dropdown .popup .more { bottom: 0; width: 100%; background: #eee; border-top: 1px solid #ccc;height:36px }
.dropdown .popup .more:hover{background:#ddd}
.dropdown .popup .more > * {float:left;display:block}
.dropdown .popup .more span{margin:5px 0}
.dropdown .popup .more a { color: #369 !important; padding: 5px !important; }
.dropdown .popup .more a:first-child{margin-left:10px}
.dropdown .popup .more a:hover {color: #063767 !important }
.dropdown .popup li { text-align: right !important; border-bottom: 1px solid #ccc; width: 100%; position: relative; }
.dropdown .popup li.new { background: rgba(84, 75, 208, 0.10); }
.dropdown .popup li:last-child { border: none !important; }
.dropdown .popup li:hover { background: #ccc !important; }
.dropdown .popup li span {font-weight:bold}
.dropdown .popup li a, .dropdown div li span { color: #222 !important; display: block; padding: 3px 7px; }
.dropdown.user.open { background: transparent; }
.chart { background: #fff url(../images/loading.gif) no-repeat center; direction: ltr; border: 1px solid #ccc; }
.amcharts-main-div { background: #fff; }

.user-menu li { border: none !important; }
.user-menu li a, .dropdown div li span { padding: 6px 7px 1px 7px !important; }

.tools { background: #ccc; margin: 10px 0 0 0; }
.tools a { display: block; height: 100%; justify-content: center; text-align: center; align-items: center; float: right; padding: 10px; }
.tools a:hover { background: #aaa; cursor: pointer; }
.tools.right a { border-left: 1px solid #000; }
.tools.right a:last-child { border-left: none; }
.tools .gototop { border-left: 1px solid #000; }
.footer { background: #282828; color: #fff; }

.flexbox { display: table; margin: 0 auto; }
.flexbox .item { margin: 5px; float: right; width: 145px; height: 145px; position: relative; }
.flexbox .item div { color: #fff; padding: 10px; text-align: start; background: rgba(0,0,0,.7); margin: 10px 0 0 0; font-size: 14px; }
.flexbox .item img { width: 24px; height: 24px; position: absolute; bottom: 4px; left: 4px; display: none; z-index: 99; }
.flexbox .item:hover img { display: block; }
.flexbox div i { color: #fff; margin: 5px; position: absolute; display: inherit; text-align: right; }
.flexbox div a { color: #fff; }
.flexbox .span4 { width: 125px; border-radius: 100%; height: 125px; padding: 10px; margin: 5px; background: #E91E63; float: right; text-align: center; cursor: pointer; }
.flexbox .span5 { width: 90%; height: 27px; padding: 10px; margin: 5px; background: #282828; float: right; text-align: center; cursor: pointer; }
.flexbox .span6 { height: 23px; padding: 10px; margin: 5px; background: #E91E63; float: right; text-align: center; cursor: pointer; border-radius: 5px; }
.flexbox .span6 img { width: 24px; margin: 0 0 0 5px; }
.flexbox .span4:hover { background: #CB1452; }
.flexbox .span5:hover { background: #444; }
.flexbox .span6:hover { background: #CB1452; }
.flexbox .span5 div.info, .flexbox .span6 div.info, .flexbox .span4 div.info { color: #fff; display: inline-block; vertical-align: middle; font-size: 15px; width: 100%; position: relative; }

.userinfo { font-weight: bold; margin: 10px 0; }
.userinfo td:nth-child(2n+1) { color: #E91E63; padding: 4px 10px; }

.aryaztable { border: 1px solid #aaa; border-collapse: collapse; border-radius: 7px; box-shadow: 0 0 2px rgba(0,0,0,.3); cursor: default !important; overflow: hidden; width: 100%; }
.aryaztable th { padding: 10px; }
.aryaztable td { padding: 7px; }
.aryaztable thead { background: #282828; }
.aryaztable thead th { color: #fff; }
.aryaztable tbody { background: #f2f2f2; }
.aryaztable tbody tr { cursor: pointer; }
.aryaztable tbody tr td { border: 1px solid #aaa; }
.aryaztable tbody tr:nth-child(odd) { background: #e5e5e5; }
.aryaztable tbody > tr:hover { background: #FFFACD !important; }
.aryaztable tbody tr td:nth-child(1) { background: #e5e5e5; font-weight: bold; }

.textbox { position: relative; }
.textbox input, .textbox textarea { width: 300px; }
.textbox img { position: absolute; }

input, textarea { resize: none; outline: none; border: none; border-bottom: 2px solid #ccc; font-size: 16px; transition: all linear 0.2s; padding: 3px 0; margin: 7px 0 7px 0; font-family: aryazfont; }
input.center, textarea.center { text-align: center; }
input:focus, .textbox textarea:focus { border-bottom: 2px solid #369; }
.b-trace { padding: 5px 0; font-family: aryazfont; display: block; width: 100%; position: relative; background: #2eb710; cursor: pointer; text-align: center; color: #fff; text-decoration: none; cursor: pointer; font-size: larger; border: 1px solid #CCC; margin: 5px 0 5px 15px !important; border-radius: 5px; }
.b-trace:disabled, .b-trace[disabled] { background: gray; cursor: default;pointer-events:none }
.b-trace span { position: relative; word-wrap: break-word; padding: 7px 0; display: block; }
.b-trace:focus { outline: 0; border: 1px solid #999; }
.b-trace:disabled:hover, .b-trace[disabled]:hover { background: gray !important; }
.b-trace:hover { background: #37bf19; -webkit-transition: border-color 0.2s ease-in-out; -moz-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; border: 1px solid #555; }
.b-trace:active { background: #29b709; }
.widgets { margin: 0 5px 0 0; }
.widgets li { height: 60px; background: #fff; margin: 6px; float: right; width: 230px; overflow: hidden; border-radius: 3px; text-align: center; }
.widgets li img { width: 32px; }
.widgets li i { font-size: 20px; }
.widgets li .right { padding: 0 10px; }
.widgets li .right:nth-child(2) { width: 156px; height: 100%; }
.widgets li .right:first-child { padding: 0 10px; height: 100%; border-left: 1px dashed #ccc; width: 53px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.widgets li span { color: #f10; font-weight: bold; font-size: 20px; }
.widgets li a { color: #818a91; font-weight: bold; font-size: 14px; }

.buttons li { background: #fff; margin: 9px; float: right; overflow: hidden; border-radius: 3px; text-align: center; }
.buttons li span { color: #fff; display: block; width: 140px; font-size: 14px; margin: 5px 0 0 0; }
.buttons li a img { width: 32px; margin-top: 14px; }
.buttons li .right { padding: 0 10px; }
.buttons li .controls { margin: 35px 0 0 0; }
.buttons li .controls li { background: #4a4c57; width: 40px; height: 40px; border-radius: 100%; }
.buttons li .controls li i { margin: 12px 0 0 0; font-size: 17px; cursor: pointer;color:#fff }
.buttons li a .right:nth-child(2) { width: 228px; height: 100%; }
.buttons li a .right:first-child { padding: 0 10px; height: 100%; background: rgba(0, 0, 0, 0.0980392); width: 32px; }
.buttons li .right:first-child i { color: #fff; font-size: 24px; margin: 18px 0 0 0; }
.buttons li .left { margin: 5px; }
.buttons li .publisher { width: 290px; margin: 0; border: 5px solid #4a4c57; border-top: none; border-radius: 0 0 5px 5px; }
.buttons li .head { width: 290px; margin: 0; border: 5px solid #4a4c57; border-bottom: none; border-radius: 5px 5px 0 0; }
.buttons li a { height: 60px; display: block; }
.info { color: #fff; display: inline-block; vertical-align: middle; font-size: 15px; width: 100%; position: relative; }

.media-items { list-style: none; }
.media-items li a { display: block; }
.media-items li:hover { background: rgba(220,220,220,1); box-shadow: 0 0 2px 0 rgba(58,58,58,.5); }
.media-items li .img { position: relative; display: table; border-radius: 5px; overflow: hidden; }
.media-items li .img img { transition: all 0.2s; }
.media-items li .img i { position: absolute; font-style: normal; line-height: 1; font-weight: bold; text-shadow: #000 0px 0px 4px; color: #fff; font-size: large; }
.media-items li .visit, .media-items li .date { margin: 0 5px; color: #999; font-size: smaller; }

.media-items.grid { display: table; }
.media-items.grid li { width: 140px; padding: 8px; float: right; }
.media-items.grid li .title { margin: 5px 5px 0 5px; line-height: 1.5; }
.media-items.grid li .img { width: 140px; height: 105px; }
.media-items.grid li .img img { width: 140px; height: 105px; }
.media-items.grid li .title { display: block; font-weight: bold; }
.media-items.grid li .img i { bottom: 2px; left: 5px; }
.media-items.grid li .desc, .media-items.grid li .date { display: none; }

.media-items.list li { padding: 8px; display: block; border-bottom: 1px solid #ccc; position: relative; }
.media-items.list li:last-child { border-bottom: none; }
.media-items.list li .title { margin: 5px 5px 0 5px; line-height: 1.5; }
.media-items.list li .img { float: right; width: 160px; height: 120px; margin: 0 8px; }
.media-items.list li .img img { width: 160px; height: 120px; float: right; }
.media-items.list li .img i { bottom: 2px; left: 15px; }
.media-items.list li .title { display: block; font-weight: bold; }
.media-items.list li .desc { margin: 5px 0; display: table; font-size: smaller; }
.media-items.list li .visit, .media-items li .date { float: left; }
.media-items.list li .log { position: absolute; bottom: 0; left: 0; }

.media-items.side li { display: block; border-bottom: 1px solid #ccc; position: relative; }
.media-items.side li:last-child { border-bottom: none; }
.media-items.side li .title { padding: 10px 5px 0 5px !important; line-height: 1.5; }
.media-items.side li .img { float: right; }
.media-items.side li .img img { width: 105px; height: 105px; float: right; margin: 2px 2px 0 8px; }
.media-items.side li .img i { bottom: 2px; left: 15px; background: rgba(0,0,0,.3); padding: 2px; font-size: 14px; }
.media-items.side li .title { display: block; }
.media-items.side li .desc, .media-items.side li .date { display: none; }
.media-items.side li .visit { margin: 0 !important; position: absolute; bottom: 0px; line-height: 1.2; }
.media-items.side li .log { margin: 5px 0 0 0; }

.navbar { float: left; }
.navbar .next, .navbar .back { display: block; width: 36px; height: 26px; background: url(../images/arrow.png) no-repeat; float: right; }
.navbar .next { background-position: 0px -31px; }
.navbar .back { background-position: -1px 0px; }
.navbar span { float: right; border: 1px solid #ccc; padding: 6px 5px; font-size: small; line-height: 1; height: 12px; }

.button { background-color: #007a96; padding: 10px 26px; color: #fff; font-size: 14px !important; border-radius: 2px; cursor: pointer; display: inline-block; line-height: 1; }
.button:hover { -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; background-color: #29869b; }

.stage { position: absolute; top: 105px; left: 0; width: 100%; min-width: 900px; height: 345px; overflow: hidden; }
        .far-clouds { background: transparent url(../images/far-clouds.png) 305px 102px repeat-x; background-position-x:1px; animation: clouds  80s linear infinite reverse;}
        .near-clouds { background: transparent url(../images/near-clouds.png) 305px 162px repeat-x; background-position-x:1px; animation: clouds 60s linear infinite reverse;}

@keyframes clouds {
    from {background-position-x:1px;}
    to{background-position-x:1570px;}
}