/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */

.branding-top {
  background: url(dnn_large_banner.png) no-repeat top left;
  width: 900px;
  height: 428px;
  clear: both;
  overflow: hidden;
}
.branding-top p {
  padding: 0px 60px 0 60px;
  font-size: 1.4em;
  color: #333;
}
.branding-bottom {
  clear: both;
  margin: 1em 0;
  overflow: hidden;
}
.branding-bottom ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clear: both;
}
.commmunity,
.marketplace,
.conferences,
.training {
  list-style: none;
  display: block;
  float: left;
  cursor: pointer;
}
.branding-bottom li.training {
  margin: 0;
}
.branding-bottom .feature-block {
  background: url(itembg.gif) repeat-y;
  margin: 33px 0 0 0;
}
.branding-bottom .feature-icon {
  margin: 0;
  height: 66px;
  margin-bottom: 1em;
}
.feature-text {
  margin: 0 10px 20px 10px;
  font-size: 115%;
  text-align: center;
  color: #3e81b5;
  height: 75px;
}
.branding-bottom li {
  margin: 0 20px 0 0;
  width: 210px;
}
.branding-bottom li.training {
  margin: 0;
}
.feature-block li {
  list-style: none;
}
.feature-icon {
  width: 180px;
}
.branding-bottom .commmunity {
  background: url(community_title.gif) no-repeat top left;
}
.commmunity .feature-icon {
  background: url(community_icon.gif) no-repeat;
  background-position: 50% 10px;
}
.branding-bottom .marketplace {
  background: url(marketplace_title.gif) no-repeat top left;
}
.marketplace .feature-icon {
  background: url(marketplace_icon.gif) no-repeat;
  background-position: 50% 10px;
}
.branding-bottom .conferences {
  background: url(conferences_title.gif) no-repeat top left;
}
.conferences .feature-icon {
  background: url(conferences_icon.gif) no-repeat;
  background-position: 50% 10px;
}
.branding-bottom .training {
  background: url(training_title.gif) no-repeat top left;
}
.training .feature-icon {
  background: url(training_icon.gif) no-repeat;
  background-position: 50% 10px;
}
ul.bt {
  margin: 0 -1em;
  padding: 0;
  background: url(item_bt_bg.gif) no-repeat bottom;
  height: 32px;
}
ul.bt li {
  margin: 0 1em;
  list-style-type: none;
}
.action-btn {
  height: 26px;
}
.engage-action {
  background: url(engage_btn.png) no-repeat bottom;
}
.shop-action {
  background: url(shop_btn.png) no-repeat bottom;
}
.connect-action {
  background: url(connect_btn.png) no-repeat bottom;
}
.learn-action {
  background: url(learn_btn.png) no-repeat bottom;
}
div.link_manuals {
  float: left;
  background: url(dnn_manuals.png) no-repeat top left;
  width: 316px;
  height: 137px;
  cursor: pointer;
}
div.link_proedition {
  float: right;
  background: url(dnn_proedition.png) no-repeat top left;
  width: 514px;
  height: 137px;
  cursor: pointer;
}
div.link_main {
  margin: 260px 30px 0px 30px;
}

#LoginInfo {
  width: 545px;
  float: left;
}
#LoginInfo h3 {
  background-color: #f7f7f7;
  color: #8f0000;
  padding: 2px 0px;
}
#LoginInfo dd,
#LoginInfo dt {
  display: inline;
}
#LoginInfo dt {
  font-weight: bold;
  color: #333;
}
#LoginInfo p.LoginNotes {
  font-size: 0.8em;
}
#LoginInfo div.LoginBlock {
  float: left;
  width: 255px;
  padding: 5px 5px;
  margin: 0px 2px;
  border: 1px #f0f0f0 solid;
}
.SponsorIcon {
  margin: 5px 15px;
  float: left;
}
#QuickLinks {
  background-color: #f0f0f0;
  border: 1px #cccccc solid;
  padding: 2px 5px;
  position: relative;
  width: 330px;
}
#QuickLinks h2,
#QuickLinks p {
  margin: 5px 5px;
}
div.hr {
  height: 2px;
  background-color: #8f0000;
  margin: 5px 0 15px 0;
  clear: both;
}
div.hr hr {
  display: none;
}

#TelerikInside {
  background: white url("telerikInside.jpg");
  border: 1px #cccccc solid;
  padding: 20px 5px 10px 130px;
  margin-bottom: 5px;
  width: 205px;
  height: 140px;
  border-style: none;
}

#TelerikInside h2 {
  font-weight: bold;
}

#RightColumnInfo {
  float: right;
  width: 340px;
  margin-left: 10px;
  margin-bottom: 15px;
}
#qlCol1,
#qlCol2 {
  margin: 5px 5px 15px;
  padding-left: 12pt;
  float: left;
  position: relative;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font-size: 13px;
}

/* dnnartile module styles */
.listing01 {
  margin: 18px 0;
}
.listing01 .image {
  float: right;
  margin-left: 6px;
}
.listing01 .image a {
  text-decoration: none;
}
.listing01 .image a img {
  border: 1px solid #cfcfcf;
  border-radius: 5px 5px 5px 5px;
  padding: 3px;
}
.listing01 .date {
  color: #999;
  font: 12px iranian sans;
}
.listing01 .title {
  color: #013e5e;
}
.listing01 .title a {
  background: url("/portals/0/images/bullet-red.png") no-repeat scroll 100% 50%
    transparent;
  color: #013e5e !important;
  padding: 1px 8px 3px 0;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
}
.listing01 .summary {
  color: #666;
  font: 12px iranian sans;
}
.listing01 .clearfloat {
  clear: both;
  font-size: 0;
  line-height: 0;
  border-bottom: 1px dotted #999999;
  padding: 5px;
}
.articleView .floatright {
  float: right;
}
.articleView .floatleft {
  float: left;
}
.articleView .clear_float {
  clear: both;
  font-size: 0;
  line-height: 0;
}
.articleView {
  direction: rtl;
  margin: 20px 5px 5px;
  padding: 0 10px;
}
.articleView .datearea {
  color: #000000;
  font:
    12px iranian sans,
    tahoma,
    arial;
}
.articleView .datearea div {
  margin: 0;
}
.articleView .sharearea div {
  text-align: center;
}
.articleView .share {
  background-color: #f8f8f8;
}
.articleView .sharearea ul {
  display: block;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.articleView .sharearea ul li {
  display: inline-block;
  list-style: none outside none;
}
.articleView .sharearea ul li .jfontsize-button {
  display: block;
  height: 23px;
  width: 23px;
}
.articleView .sharearea ul li #jfontsize-m2 {
  font-size: 16px;
}
.articleView .sharearea ul li #jfontsize-d2 {
  font-size: 16px;
}
.articleView .sharearea ul li #jfontsize-p2 {
  font-size: 16px;
}
.articleView .sharearea ul li #jfontsize-SF {
  background: url("Images/mail.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  width: 27px;
}
.articleView .sharearea ul li #jfontsize-PR {
  background: url("Images/print.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.articleView .sharearea ul li .jfontsize-button:hover {
  text-decoration: none;
}
.articleView .isrssarea {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.02);
  border-radius: 6px;
  margin-top: 10px;
  overflow: hidden;
  padding: 10px;
}
.articleView .imagearea {
  border-bottom: 1px dotted #ccc;
  margin-top: 10px;
  overflow: hidden;
}
.articleView .image {
  float: right;
  margin: 0 0 12px 14px;
  text-align: right;
}
.articleView .image img {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 3px;
}
.articleView .imagearea .rotitr {
  color: #333;
  font-family:
    iranian sans,
    tahoma,
    Arial;
  font-size: 11px;
  font-weight: normal;
  margin: 0;
  padding: 5px 0;
}
.articleView .imagearea .title {
  color: #0099ff;
  font-weight: normal;
  font-size: 14px;
  margin: 0;
  padding: 4px 0;
  line-height: 32px;
}
.articleView .imagearea .summary {
  color: #666;
  font-family:
    iranian sans,
    tahoma,
    Arial;
  font-size: 11px;
  font-weight: normal;
  margin: 0;
  padding: 4px 0;
  text-align: justify;
}
.articleView .description {
  color: #000000;
  font-family:
    iranian sans,
    tahoma,
    Arial;
  font-size: 12px;
  font-weight: normal;
  padding: 4px 0;
  text-align: justify;
}
.articleView .articleImages h2,
.articleView .articleComments h2,
.articleView .related h2,
.articleView .postComment h2 {
  background-color: rgba(0, 0, 0, 0.1);
  border: 0 none;
  border-radius: 5px;
  color: #ffffff;
  font-family: bkoodak, Arial;
  font-size: 14px;
  font-weight: bold;
  margin: 2px;
  padding: 1px 5px 1px 1px;
}
.articleView .TagRating h2 {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  font-family: bkoodak, Arial;
  font-size: 14px;
  font-weight: bold;
  margin: 2px;
  padding: 1px 5px 1px 1px;
}
.articleView .articleComments .articleComment .commentheader {
  background: none repeat scroll 0 0 rgba(125, 125, 0, 0.1);
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  color: #336699;
  font-family:
    iranian sans,
    tahoma,
    Arial;
  font-size: 15px;
  font-weight: normal;
  line-height: 32px;
  min-height: 38px;
  padding: 1px 5px 1px 0;
}
.articleView .articleComments .articleComment .commentheader a,
.articleView .articleComments .articleComment .commentheader a:active,
.articleView .articleComments .articleComment .commentheader a:hover {
  cursor: pointer;
  font-family: bkoodak, Arial;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5em;
  text-decoration: none;
}
.articleView .articleComments .articleComment .commentheader a:visited {
  text-decoration: underline;
}
.articleView .articleComments .articleComment .commentheader .commentdate {
  color: #336699;
  font-family:
    iranian sans,
    tahoma,
    Arial;
  font-size: 11px;
  font-weight: normal;
  padding: 0 10px;
}
.articleView .articleComments .articleComment .comment {
  background: url("images/baloon.png") no-repeat scroll 100% 7px
    rgba(0, 0, 0, 0);
  clear: both;
  color: #333333;
  font-family:
    iranian sans,
    tahoma,
    Arial;
  font-size: 12px;
  font-weight: normal;
  padding: 10px 0;
  text-align: justify;
  text-indent: 40px;
}
.articleView .postComment {
  background: none repeat scroll 0 0 #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 18px;
  padding: 5px;
}
.articleView .postComment p,
.articleView .postComment div {
  margin: 0;
  padding: 4px 10px;
}
.RelatedNewsDate {
  display: inline-block;
  font-size: 11px;
}
.articles {
  border-bottom: 1px solid #e7e7e7;
  clear: both;
  margin-bottom: 0;
  padding-bottom: 5px;
  text-align: right;
}
.articleHeadline {
  padding-top: 3px;
}
.articleHeadline h1,
.articleHeadline a {
  font-size: 16px !important;
  font-weight: bold !important;
  margin-bottom: 0;
  text-decoration: none;
}
.articleHeadline a:hover {
  color: #007788;
  text-decoration: none;
}
.articleImage {
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  float: right;
  margin: 5px 5px 5px 10px;
  padding: 3px;
}

/*News Show*/
.newscontainer {
  text-align: justify;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  padding: 10px 0;
  color: #666;
  font-size: 15px;
  line-height: 1.6;
}

.newscontainer a {
  color: #363636;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  text-decoration: none;
  -webkit-transform: translateZ(0);
}
.newscontainer a {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.newscontainer img {
  border: 0;
  max-width: 100%;
  padding: 2px;
  border: solid 1px #d2d0d0 !important;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.newscontainer img:hover {
  -webkit-transform: scale(1.15) rotate(-1.5deg);
  -moz-transform: scale(1.15) rotate(-1.5deg);
  -ms-transform: scale(1.15) rotate(-1.5deg);
  -o-transform: scale(1.15) rotate(-1.5deg);
  transform: scale(1.15) rotate(-1.5deg);
}

.newscontainer .newsshow {
  overflow: hidden;
  float: right;
  width: 55%;
}
.newscontainer .newsshow .inner {
  padding: 0 0 0 20px;
  margin-right: 1px;
}
.newscontainer .newsshow .imageWrapper {
  overflow: hidden;
  text-align: center;
}
.newscontainer .newsshow .imageWrapper img {
  margin: 0 0px 15px 0;
  width: 320px;
  overflow: hidden;
  text-align: center;
}
.newscontainer .newsshow h4 {
  font-size: 11px;
  margin: 0;
  padding: 5px 0 0 0;
  color: #004499;
  text-align: right;
  font-weight: bold;
}
.newscontainer .newsshow h4 a {
  font-size: 12px;
  color: #004488;
  font-weight: normal;
}
.newscontainer .newsshow p {
  color: #444;
  float: none;
  font-size: 11px;
  font-weight: normal;
  margin: 0;
  padding: 10px 0 0;
  float: right;
  text-align: justify;
}

.newscontainer .newslist {
  float: right;
  width: 44.9%;
}
.newscontainer .newslist ul {
  width: 100%;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
.newscontainer .newslist ul li {
  border-bottom: 1px solid #ddd;
  position: relative;
  float: right;
  width: 100%;
  list-style: none;
}
.newscontainer .newslist ul li {
  margin: 0 0 0 5px !important;
  padding: 4px !important;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.newscontainer .newslist ul li:hover {
  background: #0066ff;
  color: #fff;
  margin: 0 !important;
  padding: 4px !important;
}
.newscontainer .newslist ul li img {
  float: right;
  padding: 2px;
  margin: 5px;
}
.newscontainer .newslist ul li h4 {
  margin: 0;
  padding: 0;
  color: #2f3133;
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
  padding-top: 5px;
}
.newscontainer .newslist ul li:hover h4 {
  color: #fff;
}
.newscontainer .newslist ul li h4 a {
  text-decoration: none;
}
.newscontainer .newslist ul li:hover h4 a {
  color: #fff;
}
.newscontainer .newslist ul li .hidden {
  display: none;
}

.newscontainer .clear {
  clear: both;
}
.rotitr {
  font-size: 11px;
  color: #888;
  font-weight: normal;
}

.dnnTreeArea {
  float: right !important;
}

.livetabsrpc .ui-widget {
  font-size: 12px !important;
  font-weight: normal !important;
}

.livetabsrpc .ui-tabs .ui-tabs-nav li {
  margin: 0 0 0 4px !important;
}

.console-none div {
  float: right;
  height: 25px;
  margin: 1px;
  width: 100%;
  background-color: #f6f6f6;
}

Print
  ******************************************************************/
  .articlePrint {
  position: absolute;
  width: 100%;
}
.articlePrint .printhead {
  font:
    12px/150% "Iranian Sans",
    tahoma;
  margin: 0;
  text-align: right;
}
.articlePrint .printhead .printlogo {
  float: right;
  text-align: right;
  width: 200px;
  padding: 0 25px;
}
.articlePrint .printhead .headinfo {
  line-height: 180%;
  float: left;
  font:
    bold 11px "Iranian Sans",
    tahoma;
  padding: 20px 0 10px 0;
  text-align: left;
  width: 400px;
}
.articlePrint .printhead .headinfo .printcat {
  padding: 5px 0 0;
}
.articlePrint .printhead .headinfo .printid {
  text-align: left;
  padding: 5px 0 0;
}
.articlePrint .printhead .headinfo .printdt {
  direction: rtl;
  font:
    bold 11px "Iranian Sans",
    tahoma;
  padding: 25px;
  text-align: left;
}

.articlePrint .printtextpane {
  border: 2px dotted #cccccc;
  clear: both;
  padding: 20px 30px 40px;
}
.articlePrint .printtextpane .image {
  float: right;
  margin: 0 0 12px 14px;
  text-align: right;
}
.articlePrint .printtextpane .image img {
  padding: 3px;
  border: 1px solid #999999;
  background-color: #f5f5f5;
}
.articlePrint .printtextpane .nwstxtrotitr {
  color: #333;
  font-family:
    B Mitra,
    BMitra,
    Arial;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  text-align: right;
}
.articlePrint .printtextpane .nwstxtinfotitle {
  color: #000066;
  font-family:
    B Mitra,
    BMitra,
    Arial;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
}
.articlePrint .printtextpane .nwstxtlead p {
  color: #333;
  margin: 3px 0;
  line-height: 1.6em !important;
  font-family:
    B Mitra,
    BMitra,
    Arial;
  font-size: 14px;
  font-weight: bold;
}
.articlePrint .printtextpane .nwstxttext {
  color: #000;
  clear: both;
  font-family:
    B Mitra,
    BMitra,
    Arial;
  font-size: 16px;
  font-weight: normal;
  padding: 3px 0 0;
  text-align: justify;
  line-height: 2em !important;
}

.articlePrint .printcopyright {
  background: none repeat scroll 0 0 #dddddd;
  direction: rtl;
  font:
    normal 11px "Iranian Sans",
    tahoma;
  padding: 2px 0;
  text-align: center;
}

.t {
  border-collapse: collapse;
  font-family: tahoma, AArial, sans-serif;
  font-size: 12px;
  line-height: 1.6em;
  width: 100%;
}
.t th {
  background: none repeat scroll 0 0 #b9c9fe;
  border-bottom: 1px solid #ffffff;
  border-top: 4px solid #aabcfe;
  color: #003399;
  font-size: 13px;
  font-weight: normal;
  padding: 8px;
}
.t td {
  background: none repeat scroll 0 0 #e8edff;
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0);
  color: #666699;
  padding: 8px;
}
.t tr:hover td {
  background: none repeat scroll 0 0 #d0dafd;
  color: #333399;
}
#t1 th {
  border-bottom: 2px solid #2299a9;
  color: #2299a9;
  font-size: 14px;
  font-weight: normal;
  padding: 10px 8px;
}
#t1 td {
  color: #333333;
  padding: 9px 8px 0;
}
#t1 tbody tr:hover td {
  color: #2299a9;
}
#t2 {
  border-collapse: collapse;
  font-family: tahoma, arial, sans-serif;
  font-size: 12px;
  line-height: 1.6em;
  text-align: right;
  width: 100%;
}
#t2 th {
  border-bottom: 2px solid #2299a9;
  color: #2299a9;
  font-size: 14px;
  font-weight: normal;
  padding: 10px 8px;
}
#t2 td {
  border-bottom: 1px solid #cccccc;
  color: #333333;
  padding: 6px 8px;
}
#t2 tbody tr:hover td {
  color: #2299a9;
}
#t3 {
  border-collapse: collapse;
  font-family: tahoma, arial, sans-serif;
  font-size: 12px;
  line-height: 1.6em;
  text-align: right;
  width: 100%;
}
#t3 th {
  background: none repeat scroll 0 0 #ea6eb7;
  border-bottom: 1px solid #ffffff;
  border-top: 4px solid #ff92d2;
  color: #ffffff;
  font-size: 13px;
  font-weight: normal;
  padding: 8px;
}
#t3 td {
  background: none repeat scroll 0 0 #e8edff;
  border-bottom: 1px solid #dedede;
  border-top: 1px solid rgba(0, 0, 0, 0);
  color: #333333;
  padding: 8px;
}
#t3 tr:hover td {
  background: none repeat scroll 0 0 #ff92d2;
  color: #ffffff;
}
#t4 {
  border: 1px solid #2299a9;
  border-collapse: collapse;
  font-family: tahoma, arial, sans-serif;
  font-size: 12px;
  line-height: 1.6em;
  text-align: right;
  width: 100%;
}
#t4 th {
  border-bottom: 1px dashed #2299a9;
  color: #2299a9;
  font-size: 14px;
  font-weight: normal;
  padding: 12px 17px;
}
#t4 td {
  color: #333333;
  padding: 7px 17px;
}
#t4 tbody tr:hover td {
  background: none repeat scroll 0 0 #2299a9;
  color: #ffffff;
}
#t5 {
  background: url("../images/pattern.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-collapse: collapse;
  font-family: tahoma, arial, sans-serif;
  font-size: 12px;
  line-height: 1.6em;
  text-align: right;
  width: 100%;
}
#t5 thead tr {
  background: url("../images/pattern-head.png") repeat scroll 0 0
    rgba(0, 0, 0, 0);
}
#t5 th {
  border-bottom: 1px solid #ffffff;
  color: #0a5f6b;
  font-size: 13px;
  font-weight: normal;
  padding: 8px;
}
#t5 td {
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0);
  color: #333333;
  padding: 8px;
}
#t5 tbody tr:hover td {
  background: none repeat scroll 0 0 #ffffff;
  color: #2299a9;
}
#t6 {
  background: url("../images/patternb.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-collapse: collapse;
  font-family: tahoma, arial, sans-serif;
  font-size: 12px;
  line-height: 1.6em;
  text-align: right;
  width: 100%;
}
#t6 thead tr {
  background: url("../images/patternb-head.png") repeat scroll 0 0
    rgba(0, 0, 0, 0);
}
#t6 th {
  border-bottom: 1px solid #ffffff;
  color: #0a5f6b;
  font-size: 13px;
  font-weight: normal;
  padding: 8px;
}
#t6 td {
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0);
  color: #333333;
  padding: 8px;
}
#t6 tbody tr:hover td {
  background: none repeat scroll 0 0 #dedede;
  color: #2299a9;
}

#table1 {
  background: #f5f5f5;
  border-collapse: separate;
  box-shadow: inset 0 1px 0 #fff;
  font-size: 12px;
  line-height: 24px;
  margin: 30px auto;
  text-align: right;
  width: 100%;
}

#table1 th {
  background: linear-gradient(#777, #444) #444;
  border-left: 1px solid #555;
  border-right: 1px solid #777;
  border-top: 1px solid #555;
  border-bottom: 1px solid #333;
  box-shadow: inset 0 1px 0 #999;
  color: #fff;
  font-weight: normal;
  text-align: center;
  padding: 10px 15px;
  position: relative;
  text-shadow: 0 1px 0 #000;
}

#table1 th:after {
  content: "";
  display: block;
  height: 25%;
  left: 0;
  margin: 1px 0 0 0;
  position: absolute;
  top: 25%;
  width: 100%;
}

#table1 th:first-child {
  border-left: 1px solid #777;
  box-shadow: inset 1px 1px 0 #999;
}

#table1 th:last-child {
  box-shadow: inset -1px 1px 0 #999;
}

#table1 td {
  border-right: 1px solid #fff;
  border-left: 1px solid #e8e8e8;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e8e8e8;
  padding: 10px 15px;
  position: relative;
  transition: all 300ms;
  text-align: center;
}

#table1 td:first-child {
  box-shadow: inset 1px 0 0 #fff;
  text-align: right;
}

#table1 td:last-child {
  border-right: 1px solid #e8e8e8;
  box-shadow: inset -1px 0 0 #fff;
}

#table1 tr {
}

#table1 tr:nth-child(odd) td {
  background: #f1f1f1;
}

#table1 tr:last-of-type td {
  box-shadow: inset 0 -1px 0 #fff;
}

tr:last-of-type td:first-child {
  box-shadow: inset 1px -1px 0 #fff;
}

#table1 tr:last-of-type td:last-child {
  box-shadow: inset -1px -1px 0 #fff;
}

#table1 tbody:hover td {
  color: transparent;
  text-shadow: 0 0 3px #aaa;
}

#table1 tbody:hover tr:hover td {
  color: #444;
  text-shadow: 0 1px 0 #fff;
}
/* -----------------------Saphiran------------------- */
@font-face {
  font-family: PortalRoboto;
  font-style: normal;
  font-weight: 100;
  src: url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/eot/Roboto-Black.eot");
  src:
    url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/eot/Roboto-Thin.eot")
      format("embedded-opentype"),
    /* IE6-8 */
      url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/woff2/Roboto-Thin.woff2")
      format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/
      url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/woff/Roboto-Thin.woff")
      format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/ttf/Roboto-Thin.ttf")
      format("truetype");
}
@font-face {
  font-family: PortalRoboto;
  font-style: normal;
  font-weight: 300;
  src: url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/eot/Roboto-Light.eot");
  src:
    url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/eot/Roboto-Light.eot")
      format("embedded-opentype"),
    /* IE6-8 */
      url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/woff2/Roboto-Light.woff2")
      format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/
      url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/woff/Roboto-Light.woff")
      format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/ttf/Roboto-Light.ttf")
      format("truetype");
}

@font-face {
  font-family: PortalRoboto;
  font-style: normal;
  font-weight: 400;
  src: url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/eot/Roboto-Medium.eot");
  src:
    url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/eot/Roboto-Medium.eot")
      format("embedded-opentype"),
    /* IE6-8 */
      url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/woff2/Roboto-Medium.woff2")
      format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/
      url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/woff/Roboto-Medium.woff")
      format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/ttf/Roboto-Medium.ttf")
      format("truetype");
}
@font-face {
  font-family: PortalRoboto;
  font-style: normal;
  font-weight: 500;
  src: url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/eot/Roboto-Regular.eot");
  src:
    url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/eot/Roboto-Regular.eot")
      format("embedded-opentype"),
    /* IE6-8 */
      url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/woff2/Roboto-Regular.woff2")
      format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/
      url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/woff/Roboto-Regular.woff")
      format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/ttf/Roboto-Regular.ttf")
      format("truetype");
}
@font-face {
  font-family: PortalRoboto;
  font-style: normal;
  font-weight: 900;
  src: url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/eot/Roboto-Black.eot");
  src:
    url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/eot/Roboto-Black.eot")
      format("embedded-opentype"),
    /* IE6-8 */
      url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/woff2/Roboto-Black.woff2")
      format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/
      url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/woff/Roboto-Black.woff")
      format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/ttf/Roboto-Black.ttf")
      format("truetype");
}
@font-face {
  font-family: PortalRoboto;
  font-style: normal;
  font-weight: bold;
  src: url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/eot/Roboto-Bold.eot");
  src:
    url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/eot/Roboto-Bold.eot")
      format("embedded-opentype"),
    /* IE6-8 */
      url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/woff2/Roboto-Bold.woff2")
      format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/
      url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/woff/Roboto-Bold.woff")
      format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url("https://rpc.tehran.ir/portals/en/Sph1404/Fonts/ttf/Roboto-Bold.ttf")
      format("truetype");
}

:root {
  --SPH_Color_Main: #0077b6;
  --SPH_Color_MainTrp80: #0076b6e2;
  --SPH_Color_MainTrp: #0077b63e;
  --SPH_Color_Second: #03045e;
  --SPH_Color_Third: #caf0f8;
  --SPH_Color_Fourth: #023e8a;
  --SPH_Color_Fiveth: #9eede8;
  --SPH_Color_Gray: #393939;
  --SPH_Color_White: #fff;
  --SPH_Color_MiddleGray: #eeeeee;
  --SPH_Color_Black: #000;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font-family: PortalRoboto;
}
html,
#Body {
  direction: rtl;
}

.stickup {
  background: var(--SPH_Color_Main);
  z-index: 1000;
  position: relative;
  margin-top: -1px;
  padding-bottom: 0px;
  transition: 0.5s all;
  height: 120px;
}
.isStuck {
  z-index: 999 !important;
  top: 0 !important;
  margin-top: -1px;
  background: var(--SPH_Color_MainTrp80);
  padding-top: 0px;
  transition: 0.5s all;
}
.isStuckTop {
  z-index: 1001 !important;
  top: 0 !important;
  margin-top: -1px;
  background: var(--SPH_Color_MainTrp80);
  padding-top: 0px;
  transition: 0.5s all;
  position: fixed;
  right: 0;
  width: 100%;
}
.loginstatus.isStuck {
  top: 0 !important;
}
/* .stickup::before {
  content: "";
  height: 150px;
  width: calc((100% - 1170px) / 2);
  position: absolute;
  left: 0;
  background: url(https://rpc.tehran.ir/Portals/0/Sph_1403/img/NaveRegion5Repeate.png)
    repeat-x center;
  display: block;
  top: 0;
  background-size: auto 100%;
}
.stickup::after {
  content: "";
  height: 150px;
  width: calc((100% - 1170px) / 2);
  position: absolute;
  right: 0;
  background: url(https://rpc.tehran.ir/Portals/0/Sph_1403/img/NaveRegion5Repeate.png)
    repeat-x center;
  display: block;
  top: 0;
  background-size: auto 100%;
} */

.NavBar {
  background: transparent;
  height: 100%;
  display: inline-flex !important;
  justify-content: center;
  align-items: end;
}
.skinwidth {
  background: transparent !important;
  height: 100%;
  position: relative;
  top: -0px;
}
.ATG_Header_Mnu_Row {
  display: flex;
  height: 100%;
  background-color: transparent;
  margin-top: -0px;
  top: -0px;
  position: relative;
}
.Atg_logo {
  width: auto;
  flex: 0 0 auto;
}
.Atg_logo img {
  max-width: 220px;
  height: auto;
  width: 100%;
  padding: 0px;
}
.Atg_Menu {
  /* background: url(https://rpc.tehran.ir/Portals/0/Sph_1403/img/NaveRegion5Repeate.png)
    repeat-x center; */
  background-size: auto 100%;
  display: flex;
  align-items: center;
  /* width: 100%; */
}
.ATGR_NavMenu_Search {
  background-color: transparent;
  color: var(--SPH_Color_White) !important;
  font-size: 20px !important;
  display: inline-block !important;
  padding: 0;
  width: 40px;
  height: 40px;
  margin: 0px 2px;
  cursor: pointer;
  text-align: center;
  /* top: -24px;
  right: -890px;
  position: absolute; */
}
.ATGR_clndr {
  font-size: 20px !important;
  margin: auto 10px 0 0px;
  position: relative;
  top: 0px;
  /* background-color: var(--SPH_Color_Second); */
  /* transform: rotate(45deg) !important; */
  /* width: 10px;
  height: 10px; */

  color: var(--SPH_Color_White);
}
.ATGR_clndr::before {
  content: "\f133" !important;
}
.ATGR_clndr_txt {
  color: var(--SPH_Color_White);
  font-weight: 500;
  top: 0px;
  display: none;
}
.fa-Search:before {
  content: "\f002";
}
#dnn_date_lblDate {
  display: inline-block;
}
.top-bar {
  background: var(--SPH_Color_Main);
  padding: 0;
  color: var(--SPH_Color_Main);
  height: auto;
  z-index: 10100;
  position: relative;
  min-height: 0px;
}
.top-bar > .container > .row {
  /* float: left;
  width: 100%; */
}
.top-bar .row {
  display: flex;
  position: relative;
}
.top-bar .row .col-sm-9 {
  width: auto;
  flex: 1;
  display: none;
}
.top-bar .row .col-sm-3 {
  flex-grow: 1;
  flex-shrink: 1;
  width: auto;
  flex: 0;
  position: absolute;
  left: 35px;
  top: calc((120px - 25px) / 2);
  /* padding: 0; */
}
#dnn_Topbar_Pane {
  padding: 0;
}
.top-bar .col-sm-9 {
  padding-top: 0px;
}
.top-bar .col-sm-3 {
  z-index: 999;
}
.Sph_Search {
  position: relative !important;
  top: 0 !important;
}

.skin-breadcrumb a,
.skin-breadcrumb a:link,
.skin-breadcrumb a:active,
.skin-breadcrumb a:hover {
  color: var(--SPH_Color_Main);
}
A,
A:link,
A:active,
A:visited,
A:hover {
  color: var(--SPH_Color_Fourth);
}
.bgmain {
  background: url(""), url(""), url("");
  background-repeat: no-repeat;
  background-size: 400px;
  background-position: bottom 0px right -100px;
  z-index: 5;
  position: relative;
  background-color: #fff;
  margin-top: -1px;
}

.loginContent {
}

.loginContent .LoginPanel {
  width: 100% !important;
  padding: 10px;
}

.loginContent .LoginPanel .dnnLabel {
  display: inline-block;
  float: left;
  position: relative;
  width: 100% !important;
  padding-left: 0px;
  padding-right: 0;
  margin-left: 0px !important;
  margin-right: 0px !important;
  overflow: visible;
  text-align: center !important;
}

.dnnLoginService input[type="text"],
.dnnLoginService input[type="password"] {
  width: 100%;
  min-width: 200px;
  margin-bottom: 5px;
  margin-top: 5px;
  border-radius: 25px;
  outline: 0;
}

.loginContent .LoginPanel .dnnPrimaryAction {
  width: 100% !important;
  display: block !important;
  border-radius: 25px;
  color: white !important;
}

.loginContent .LoginPanel .dnnSecondaryAction {
  width: 100% !important;
  display: block !important;
  border-radius: 25px;
  color: black !important;
}

.loginContent .LoginPanel .dnnLoginActions,
.loginContent .LoginPanel .dnnLoginActions ul {
  width: 100%;
}

.loginContent .LoginPanel .dnnLoginActions ul li:first-child {
  width: 100%;
}

.loginContent .LoginPanel .dnnLoginActions ul li:nth-child(2) {
  width: 100%;
}

div.dnnCaptcha {
  width: 100% !important;
  margin-left: 0%;
  padding-left: 0px;
  text-align: center !important;
}

.dnnRegistrationForm {
  width: 100% !important;
  min-width: 100% !important;
}

.dnnRegistrationForm .dnnLabel {
  display: inline-block;
  float: left;
  position: relative;
  width: 100%;
  padding-left: 0px;
  margin-left: 0px;
  overflow: visible;
  text-align: center !important;
}

.dnnRegistrationForm input[type="text"]:active,
.dnnRegistrationForm input[type="text"]:focus,
.dnnRegistrationForm input[type="password"]:focus,
.dnnRegistrationForm input[type="password"]:active,
.dnnRegistrationForm input[type="email"]:active,
.dnnRegistrationForm input[type="email"]:focus,
.dnnRegistrationForm select:active,
.dnnRegistrationForm select:focus,
.dnnRegistrationForm textarea:active,
.dnnRegistrationForm textarea:focus,
.dnnRegistrationForm input[type="search"]:active,
.dnnRegistrationForm input[type="search"]:focus {
  width: 100%;
  min-width: 200px;
  margin-bottom: 5px;
  margin-top: 5px;
  border-radius: 25px;
  outline: 0;
}

.dnnRegistrationForm input[type="text"],
.dnnRegistrationForm input[type="text"],
.dnnRegistrationForm input[type="password"],
.dnnRegistrationForm input[type="password"],
.dnnRegistrationForm input[type="email"],
.dnnRegistrationForm input[type="email"],
.dnnRegistrationForm select,
.dnnRegistrationForm select:focus,
.dnnRegistrationForm textarea,
.dnnRegistrationForm textarea,
.dnnRegistrationForm input[type="search"],
.dnnRegistrationForm input[type="search"] {
  width: 100%;
  min-width: 200px;
  margin-bottom: 5px;
  margin-top: 5px;
  border-radius: 25px;
  outline: 0;
}

.dnnRegistrationForm .dnnPrimaryAction {
  width: 100% !important;
  display: block !important;
  border-radius: 25px;
  color: white !important;
}

.dnnRegistrationForm .dnnSecondaryAction {
  width: 100% !important;
  display: block !important;
  border-radius: 25px;
  color: black !important;
}

div.dnnRegistrationForm .dnnForm {
  float: right;
  min-width: 50px;
  width: 100% !important;
}

.password-strength-container {
  width: 100% !important;
  max-width: 100% !important;
  display: inline-block;
  position: relative;
}

.dnnRegistrationForm ul.dnnActions li {
  width: 100% !important;
}

.dnnRegistrationForm ul.dnnActions {
  width: 100% !important;
}

.dnnFormItem > label.dnnFormLabel,
.dnnFormItem > span.dnnFormLabel {
  display: inline-block;
  margin: 6px 18px 0 0;
  width: 100%;
  text-align: center;
}

.dnnLoginService .dnnLeft img {
  border-radius: 25px;
  width: 180px;
}

.dnnLoginService .dnnLeft {
  width: 100% !important;
}

/* --Menu */
.ATG_Header_Mnu_Row .col-lg-1 {
  /* display: none; */
  display: flex;
  justify-content: end;
  align-items: center;
}
.header {
  /* position: absolute;
  width: 100%;
  left: 0;
  top: 0; */
}
.dnnMenu,
.NavMenu {
  height: 100%;
}
ul.topLevel {
  height: 100%;
}
.dnnMenu .topLevel li {
  float: right !important;
  transition: 0.5s all;
  height: 100%;
}
.dnnMenu .topLevel li a {
  height: 100%;
  text-transform: none !important;
}
.dnnMenu .topLevel li:hover {
  background-color: transparent;
}
.dnnMenu .topLevel li.hover a,
.dnnMenu .topLevel li a:hover {
  border-top: 0 !important;
}
.dnnMenu .topLevel li.hover a span,
.dnnMenu .topLevel li a:hover {
  color: var(--SPH_Color_Third);
}
.dnnMenu .topLevel li.selected,
.dnnMenu .topLevel li.active {
  background-color: transparent;
}

.dnnMenu .topLevel li.selected a span {
  color: var(--SPH_Color_Fiveth);
}
.isStuck .topLevel li.selected a span {
  color: var(--SPH_Color_Fiveth);
}
.dnnMenu .topLevel li a {
  color: var(--SPH_Color_Second) !important;
  font-weight: 500;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 5px 7px !important;
  cursor: pointer;
}
.dnnMenu .topLevel li a span {
  border-bottom: 0 !important;
  transition: 0.5s all;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 0 !important;
  font-size: 14px;
  font-weight: 600;
  color: var(--SPH_Color_White);
}
.dnnMenu .topLevel li a span:hover {
  color: var(--SPH_Color_Fiveth);
}
.dnnMenu .topLevel > li.last > a {
  padding-left: 15px;
}
.NavBar::before {
  content: "";
}
.dnnMenu .subLevel li.hover {
  background-color: var(--SPH_Color_Main) !important;
}
.dnnMenu .subLevel li:hover {
  background-color: var(--SPH_Color_Main) !important;
}
.dnnMenu .subLevel li.selected,
.dnnMenu .subLevel li.active {
  background-color: var(--SPH_Color_Main);
}
.dnnMenu .subLevel li.item a {
  justify-content: start !important;
  padding: 0 !important;
}
.dnnMenu .subLevel li.item a:hover {
  /* background-color: var(--SPH_Color_Main); */
}

.dnnMenu .subLevel li.selected a div {
  color: var(--SPH_Color_Main);
}

.dnnMenu .subLevel {
  background: #000000ba !important;
  border-top: 2px solid var(--SPH_Color_Main);
  min-width: 320px !important;
  top: 120px;
}

.dnnMenu .subLevel li a span {
  border-bottom: 0 !important;
}
.dnnMenu .subLevel li:before {
  content: "" !important;
}
.dnnMenu .subLevelRight {
  display: none;
  position: absolute;
  left: auto;
  right: 320px !important;
  width: auto;
  top: 0;
  padding: 0;
  box-shadow: 0 0 1px #ccc;
  background-color: #00000075 !important;
  border-top: 2px solid var(--SPH_Color_Main);
  min-width: 320px !important;
}
.dnnMenu .subLevelRight a {
  background-color: #00000075 !important;
}
.dnnMenu .subLevelRight li a span:after {
  content: "" !important;
  display: none !important;
}

.dnnMenu ul.topLevel > li:before {
  content: "∎" !important;
  color: var(--SPH_Color_Second) !important;
  position: absolute;
  bottom: 45% !important;
  top: 40% !important;
  left: 0px;
  font-size: 12px !important;
  transform: rotate(45deg);
  display: none;
}
.dnnMenu .topLevel li.haschild li.haschild a span:after {
  content: /*"\f0da"*/ "\f0d9" !important;
  font-family: FontAwesome;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  right: auto !important;
  left: 10px !important;
}
.dnnMenu ul.topLevel li:last-child:before {
  display: none;
}
.dnnMenu .topLevel li.haschild a span:after {
  display: inline-block;
  margin-right: 0;
  margin-left: 3px;
}
.dnnMenu .subLevel li {
  width: 100% !important;
  padding: 0 10px !important;
}
.dnnMenu .subLevel li a {
  padding: 0px 10px !important;
}
.dnnMenu .subLevel li.item a {
  background-color: transparent !important;
  display: block !important;
}

.dnnMenu .subLevel li.item a:hover {
  /* background-color: var(--SPH_Color_Main) !important; */
}
.dnnMenu .subLevel li.selected a {
  background-color: var(--SPH_Color_Main) !important;
}

.dnnMenu .subLevel li.selected a div {
  color: var(--SPH_Color_Main);
}

.dnnMenu .subLevel li.item a div span {
  padding: 2px 22px 2px 7px;
  position: relative;
  width: 100% !important;
  display: inline-block !important;
  color: white !important;
  border-bottom: 0 !important;
  font-size: 14px;
  font-weight: 300;
}

.dnnMenu .subLevel li.item a div span:before {
  font-family: "FontAwesome";
  content: "\f100";
  padding-right: 10px;
  font-size: 16px;
  color: white;
  height: 0em;
  display: inline-block;
  position: relative;
  bottom: 0px;
  right: -28px;
  width: 100% !important;
  transition: 1s all;
}
.dnnMenu .subLevel ul {
  float: right;
  margin-left: 0 !important;
  width: 100% !important;
}
.dnnMenu .subLevel li.item a div span:hover {
  border-bottom: 0 !important;
}
.dnnMenu .topLevel li a span::before {
  transition: 0.5s all;
}
.dnnMenu > .topLevel > li > a:hover > span::before,
.dnnMenu > .topLevel > li.selected > a > span::before {
  /*content: "";
  height: 15px;
  width: 100%; 
  background-color: var(--SPH_Color_Main);
  display: block;
  position: absolute;
  bottom: 0px;
  right: calc(50% - 0.1em);
  width: 0.2em !important;
  border-radius: 50px 50px 0 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid var(--SPH_Color_Second);
  transition: 0.5s all;*/
}
/* --Footer-- */
.skin-footer {
  margin-top: 120px;
  background-color: #fff;
}
.ATG_Footerbtm_bg {
  background-color: var(--SPH_Color_Third);
  margin-top: 0;
}
.ATG_Footer_bg {
  background: var(--SPH_Color_Main)
    url(https://rpc.tehran.ir/portals/en/Sph1404/Img/bgmmmm.png) repeat-x;
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 70px;
  background-size: 50px;
  background-position: bottom;
}
.footer-bar {
  min-height: auto;
  background: var(--SPH_Color_Main);
  bottom: 0px;
  color: white !important;
  position: relative;
  padding-top: 0px;
  padding-bottom: 0px;
}
#dnn_FooterPane {
  width: 100%;
}
.ATGR_NavMenu_Login {
  background-color: var(--SPH_Color_Main);
  color: white !important;
  font-size: 20px !important;
  display: inline-block !important;
  padding: 9px 11px;
  width: auto;
  height: auto;
  margin: 0px 0px;
  cursor: pointer;
  padding: 0;
  padding: 5px;
  text-align: center;
}
.copycssAlign {
  padding-top: 0;
  text-align: center;
  padding: 0;
  width: 100%;
  max-width: 240px;
  background: var(--SPH_Color_Main);
  display: block;
  float: none;
  margin: 0 auto;
  position: inherit;
}

.copyright {
  padding: 0px 0px 0px 0;
  text-align: center;
}
.copycss {
  color: white;
  background: var(--SPH_Color_Main);
  padding: 5px;
  display: inline-block;
  width: 200px;
  text-align: center;
}

.breadcrumb-header {
  background-image: url();
  padding: 80px 0 40px;
  margin: -0px 0 0 0;
  background-size: cover;
  background-position: 50% 0;
  text-align: center;
}
.BannerPane {
  padding: 0px;
  margin: 0 0 0px 0;
  position: relative;
  top: -0px;
  z-index: 10;
}
.bgmain > .container:first-child {
  z-index: 1000;
  position: relative;
}
.skin-footer::before {
  content: "";
  /* background: url();
  background-repeat: no-repeat;
  width: 100%;
  height: 220px;
  background-size: 100% auto;
  background-position: bottom;
  position: absolute;
  top: -220px;
  background-color: #fff; */
}
#dnn_BottomGrid4Left,
#dnn_BottomGrid4Right {
  width: 20%;
}
#dnn_BottomGrid4Center {
  width: 60%;
}
.FullCenterPane {
  padding-top: 10px;
}
.show {
  opacity: 1;
}
.ATGR_NavMenu_Register_Name {
  background-color: var(--SPH_Color_Main);
  margin: 0;
  padding: 5px;
}
/* -----------------------------------------BreadCrumb */
.breadcrumb-header {
  background-image: url(https://rpc.tehran.ir/portals/en/Sph1404/Img/Bread.jpg);
  padding: 10px 0 10px;
  margin: -0px 0 0 0;
  background-size: cover !important;
  background-position: center;
  text-align: center;
  background-attachment: inherit;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  background-color: transparent;
  width: 100%;
  padding: 60px 0 40px 0;
  height: 100%;
  margin-bottom: 60px;
  display: none;
}

.breadcrumb-header .container {
  z-index: 2;
  display: flex;
  position: relative;
  padding: 0;
}
.page-name {
  color: var(--SPH_Color_White);
  width: 50%;
  text-align: right;
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0;
}
.skin-breadcrumb {
  width: 50%;
  text-align: left;
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 0;
}
.skin-breadcrumb span,
.skin-breadcrumb a,
.skin-breadcrumb .fa-home {
  color: var(--SPH_Color_White);
}
.parallax-bg {
  background: url();
  background-color: var(--SPH_Color_MainTrp);
  margin-top: 0px;
}
.MultiColor-bg {
  background-color: transparent;
  margin-bottom: 0px;
  position: relative;
  top: -00px;
}
.MultiColor-bg .container {
  max-width: 100%;
}
.Sph_NonePadLeft {
  padding-left: 0;
}
.Sph_NonePadRight {
  padding-right: 0;
}
.MiddleGrid12 {
  margin-top: 80px;
}
.parallax-bg-Fixed {
  margin-top: 0px;
  background-image: url();
}
/* -------------------------------------Container */
.Container001 {
  position: relative;
}
.Container001 .Box {
  width: 20px;
  height: 20px;
  background-color: var(--SPH_Color_Main);
  border-radius: 10px;
  top: 10px;
  border: 0;
  right: 0;
}
.Container001 .title1 {
  position: relative;
  padding-right: 30px;
  color: var(--SPH_Color_Second);
  font-size: 18px;
  right: 0;
  padding-left: 0;
}
.Container001 .title1::after {
  width: 60px;
  height: 3px;
  background-color: var(--SPH_Color_Second);
  display: inline-block;
  position: relative;
  content: "";
  margin-right: 7px;
}
.Container006 .title1 {
  background-color: transparent;
}
.Container006 .line {
  width: 20px;
  height: 20px;
  background: var(--SPH_Color_Main);
  position: absolute;
  border-radius: 50%;
  top: 5px;
  right: 0;
}
.Container006 span.fa {
  display: none;
}
.dnnModuleDialog .dnnPageContainer {
  width: auto !important;
}
.Sph_Container001 h2 {
  font-size: 32px;
  font-weight: bold;
  color: var(--SPH_Color_Main);
  padding-right: 10px;
  border-right: 4px solid var(--SPH_Color_Main);
  margin-bottom: 3px;
}
.Sph_Container002 h2 {
  font-size: 28px;
  font-weight: bold;
  color: var(--SPH_Color_White);
  padding-right: 0px;
  border-right: 4px solid var(--SPH_Color_Main);
  margin-bottom: 3px;
}
.Sph_Container001 p {
  font-size: 18px;
  font-weight: 300;
  color: var(--SPH_Color_Gray);
  line-height: 1.5em;
}
.Sph_Container001 a {
  font-size: 16px;
  font-weight: normal;
  color: var(--SPH_Color_White);
  background-color: var(--SPH_Color_Main);
  border-radius: 7px;
  padding: 10px 30px;
  display: inline-flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
  direction: rtl;
  text-align: right;
  margin-top: 15px;
}
.Sph_Container001 {
  margin-bottom: 20px;
}
.Sph_Container003 h2 {
  font-size: 32px;
  font-weight: bold;
  color: var(--SPH_Color_White);
  padding-right: 10px;
  border-right: 4px solid var(--SPH_Color_White);
  margin-bottom: 3px;
}
/* ----------------------------------DnnArticle */
.dnnLabel {
  float: left !important;
  direction: rtl !important;
  margin-right: 10px !important;
}
.jqx-tabs-headerWrapper ul {
  margin-left: 0 !important;
  margin-right: 10px !important;
}
.jqx-tabs-headerWrapper ul li {
  float: right !important;
  direction: rtl !important;
}
.jqx-widget-content {
  float: right !important;
}

.jqx-tabs-title-selected-top {
}

.dnnTooltip .dnnFormHelpContent,
.dnnHelperTip .dnnFormHelpContent {
  visibility: hidden;
  z-index: 100000;
  position: absolute;
  width: 200px;
  padding: 10px;
  padding-left: 30px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.75);
  font-size: 11px;
  color: #ddd;
  text-align: right;
  float: left;
  right: 35px;
}
.bottomArrow:after {
  position: absolute;
  content: "";
  right: 15px;
  bottom: -7px;
  width: 0;
  height: 0;
  opacity: 0.75;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #000;
}
.dnnLabel {
  display: inline-block;
  float: left;
  position: relative;
  width: 15% !important;
  padding-left: 20px !important;
  margin-left: 10px !important;
  overflow: visible;
  text-align: left;
  direction: rtl;
}
.dnnFormItem input[type="text"],
.dnnFormItem input[type="password"],
.dnnFormItem input[type="email"],
.dnnFormItem input[type="tel"],
.dnnFormItem select,
.dnnFormItem textarea {
  width: 100% !important;
  max-width: 100% !important;
  text-align: left !important;
  direction: rtl !important;
}
.dnnFormItem input[type="text"]:active,
.dnnFormItem input[type="text"]:focus,
.dnnFormItem input[type="password"]:focus,
.dnnFormItem input[type="password"]:active,
.dnnFormItem input[type="email"]:active,
.dnnFormItem input[type="email"]:focus,
.dnnFormItem select:active,
.dnnFormItem select:focus,
.dnnFormItem textarea:active,
.dnnFormItem textarea:focus,
.dnnFormItem input[type="search"]:active,
.dnnFormItem input[type="search"]:focus {
  width: 100% !important;
  max-width: 100% !important;
  text-align: left !important;
  direction: rtl !important;
}
.iframe {
  width: 100%;
}
#facebox {
  width: 1000px;
}
#facebox table,
#facebox table .content {
  width: 100%;
}
.jqx-tabs-content-element {
  height: auto !important;
}
/* .dnnFormSectionHead {
  display: block !important;
} */
.jqx-tabs-content iframe {
  min-height: 800px;
}
.FileManager_FileList table td a {
  width: 20px;
  height: 20px;
  display: block;
}
.FileManager_FileList table td:last-child a {
  width: 100%;
  display: block;
}
.cke_inner .cke_contents {
  overflow: scroll;
}
#dnn_ctr391_EditWrapper_LightboxContentEdit_tbFiles table tr td a {
  display: block;
  width: 30px;
  height: 30px;
}
.dnnTextPanel,
.dnnTextPanelView {
  width: 100% !important;
}
/* ----------------------------------Responsiv-------------------------- */
@media handheld, only screen and (max-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}
@media handheld, only screen and (max-width: 1280px) {
  .container {
    max-width: 1170px;
  }
  .Sph_Shoarsal {
    position: absolute;
    left: 20px;
  }
  .Sph_Search {
    top: 15px;
  }
}
@media handheld, only screen and (max-width: 900px) {
  .Sph_Shoarsal img {
    display: none;
  }
  .ATG_Header_Mnu_Row .NavBar .NavMenu {
    display: none;
  }
  .isStuck {
    position: relative !important;
    min-height: inherit;
  }
  .isStuckTop {
    position: relative !important;
    min-height: inherit;
  }
  .top-bar .col-sm-9 {
    width: 100%;
    padding-top: 0px;
    opacity: 1;
  }
  .top-bar .row .col-sm-3 {
    left: 55px;
  }
  .ATGR_clndr_txt {
    font-size: 9px;
  }
  .ATGR_clndr {
    margin-right: 0px;
  }
  .MobileMenu {
    z-index: 90;
    top: 120px;
    position: absolute;
    width: 100%;
    margin-top: 0 !important;
  }
  .MobileMenu ul {
    padding: 0px 0 0 0 !important;
    margin-left: 0 !important;
  }
  .MobileMenu .treeview li.collapsable a {
    background-color: var(--SPH_Color_Fourth);
  }
  .MobileMenu .treeview .hitarea::before {
    right: 0px !important;
    left: auto !important;
  }
  .Atg_logo img {
    max-width: 180px;
    left: 15px;
    position: relative;
  }
  .Sph_Search {
    top: 25px;
    width: 100%;
  }
  .Sph_Search span {
    position: absolute;
    left: -5px;
    cursor: pointer;
  }
  .Sph_Search .col-lg-12 {
    position: absolute;
    left: 0;
  }
  .ATGR_NavMenu_Search {
    color: var(--SPH_Color_White) !important;
    position: absolute;
    top: -25px;
    left: 10px;
    transition: 0.5s all;
  }
  .ATGR_NavMenu_Search:hover {
    color: var(--SPH_Color_Third) !important;
  }
  .MobileMenu .treeview a.selected,
  .MobileMenu .treeview a:hover {
    color: white !important;
    background: var(--SPH_Color_Second_Trp) !important;
  }
  #dnn_FooterPane_Bottom_1,
  #dnn_FooterPane_Bottom_2,
  #dnn_FooterPane_Bottom_3 {
    width: 100%;
  }
  .stickup {
    margin-top: -0px;
  }
  .BannerPane {
    padding: 0px;
    margin: 0 0 50px 0;
    position: relative;
    top: -5px;
    z-index: 10;
  }
  .menu_box,
  .menu_box:link,
  .menu_box:active,
  .menu_box:visited {
    display: inline-block;
    float: left;
    margin: 0;
    font-size: 20px;
    text-align: center;
    position: absolute;
    left: auto;
    top: 45px !important;
    color: #fff;
    background: #333;
    border-radius: 3px;
    padding: 8px 10px;
    vertical-align: middle;
    transition: none;
    z-index: 1001;
    right: 15px;
  }
  .MultiColor-bg {
    top: 0;
    margin-top: -0px;
  }
  .FullContent {
    padding: 15px;
  }
  .bgmain {
    background: white !important;
  }
  .copycss {
    color: white;
    background: var(--SPH_Color_Main);
    padding: 15px;
    display: inline-block;
  }
  .footer-bar .col-sm-6 {
    padding: 0;
    width: 100%;
  }
  .ATGR_NavMenu_Login {
    text-align: center;
    color: white;
  }
}
@media handheld, only screen and (max-width: 420px) {
  .stickup {
    margin-top: -1px;
  }
  .top-bar .col-sm-9 {
    opacity: 1;
    width: 60%;
  }
  .top-bar .col-sm-3 {
    opacity: 1;
    width: 40%;
  }
  .top-bar .row .col-sm-3 {
    left: 55px;
  }
  .ATGR_NavMenu_Search {
    display: none !important;
  }
  .isStuckTop {
    position: relative !important;
    min-height: inherit;
  }
  .MobileMenu {
    z-index: 90;
    top: 120px;
    position: absolute;
    width: 100%;
    margin-top: 0 !important;
  }
  .menu_box,
  .menu_box:link,
  .menu_box:active,
  .menu_box:visited {
    display: inline-block;
    float: left;
    margin: 0;
    font-size: 20px;
    text-align: center;
    position: absolute;
    left: auto;
    top: 45px !important;
    color: #fff;
    background: #333;
    border-radius: 3px;
    padding: 8px 10px;
    vertical-align: middle;
    transition: none;
    z-index: 1001;
    right: 15px;
  }
  .Atg_logo img {
    max-width: 180px;
    left: 15px;
    position: relative;
  }
  .ATGR_NavMenu_Search {
    color: var(--SPH_Color_White) !important;
    position: absolute;
    top: -25px;
    left: 10px;
  }
  .bgmain {
    background: url(""), url(""), url("");
    background-repeat: no-repeat;
    background-size: 400px;
    background-position: bottom 0px right -100px;
    z-index: 5;
    position: relative;
    background: #fff !important;
    margin-top: -1px;
  }

  .Sph_Shahr {
    margin-bottom: 15px;
  }
  .skin-footer {
    margin-top: 50px;
  }
  #dnn_FooterPane_Middle_3,
  #dnn_FooterPane_Middle_5 {
    width: 100%;
  }
  #dnn_FooterPane_Bottom_1,
  #dnn_FooterPane_Bottom_2,
  #dnn_FooterPane_Bottom_3 {
    width: 100%;
  }
  .skin-footer {
    margin-top: 0;
  }
  .MultiColor-bg {
    top: 0;
    margin-top: -00px;
  }
  .FullContent {
    padding: 15px;
  }
  .copycss {
    color: white;
    background: var(--SPH_Color_Main);
    padding: 15px;
    display: inline-block;
    width: 200px;
    text-align: left;
  }
  .footer-bar .col-sm-6 {
    padding: 0;
  }
  .ATGR_NavMenu_Login {
    text-align: center;
    color: white;
  }
}

.Sph_Events img {
    width: 100%;
    height: 340px !important;
    object-fit: cover;
}