/** H class **/
td a {
       color:blue !important;
}
td a:hover {
       color:#113ba6 !important;
}
.darklinks{
    color:blue !important;
}
a{
    color:  #e3ffff !important;
}
aside a{
    color: #fafafa !important;
}
.mellowred{
      background:#ffe0e1 !important;
      border:1px solid red !important;
      color: #262626 !important;
}
.mellowred h6{
        color: #124f26 !important;
}
.mellowred p a{
        color: #345bb3 !important;
        text-decoration:underline;
}

.mellogreen{
    background:#e6ffe0  !important;
    border:1px solid green !important;
    color: #262626 !important;
}
.mellogreen h6{
        color: #124f26 !important;
}
.mellogreen p a{
        color: #345bb3 !important;
        text-decoration:underline;
}
.width180{
  min-width: 180px;
}
.echem-bg{
  background: rgb(42, 43, 61, 0.7)
}
.pink-link{
  color: #FC4077
}
.pink-link:hover{
  color: #FC759E
}
.gray-link{
  color: #C1C1C1
}
.gray-link:hover{
  color: #E3E3E3
}
.justify{
  text-align:justify;
  justify-content: center;
}
.mellow-gray-bg{
    background:#E9E9E9;
}
.no-padding-margin{
    margin:0 auto !important;
    padding:0 !important;
}
.no-padding-margin-LR{
    margin:0   ;
    padding:0 !important ;
}
.bold{
    font-weight:bold;
}
.i{
font-style:italic;
}
.green{
    color:green !important;
}
.green-bg{
    background:green;
}
.white-bg{
background:#FFFFFF;
}
.colorForWhiteBg{
color:#4a4a4a !important;
}
.white{
    color:#fff;
}
.gray-bg{
background:#666666 !important ;
}
.gray{
color:#333333 !important ;
}
.red{
    color:red;
}
.red-bg{
    background:red;
}
.I-rede-bg{
  background: #fb3958
}
.I-red{
  color: #fb3958
}
/*.m-red{
  color:   #C43364
}*/
.m-red{
  color:   #fff
}
.I-brown-bg{
  background: #9b6954;
}
.I-brown{
  color: #9b6954;
}
.I-orange-bg{
  background:  #fbad50;
}
.I-yellow-bg{
  background: #fccc63;
}
.I-yellow{
  color: #fccc63;
}
.maroon-bg{
  background: #cd486b ;
}
.maroon{
  color:  #cd486b ;
}
.purple-bg{
  background: #8a3ab9
}
.purple{
  color: #8a3ab9
}
.blue-bg{
  background: #4c68d7
}
.H-blue{
  color:  #4c68d7
}
.no-pad-marg{
  padding: 2 !important
}
.fbig-font-size{
font-size:28px !important ;
}
.huge-font-size{
font-size:18px !important ;
}
.too-larg-font-size{
font-size:16px !important ;
}
.larg-font-size{
font-size:15px !important ;
}
.normall-font-size{
font-size:14px !important ;
}
.small-font-size{
font-size:13px !important ;
}
.very-small-font-size{
font-size:12px !important ;
}
.black{
color:#000000 !important ;
}
.fullWidth{
    width:100%;
}
.sadpx{
   width:100px;
}
.divistpx{
   width:290px !important;
}
.lefttxt{
    text-align:left !important;
}
.bold{
    font-weight:bold;
}
.BoldFont{
    font-weight:bold;
}
.ErrorTxt{
    color:red;
}
.txt-right{
    text-align:right;
}
.txt-left{
    text-align:left;
}
.centerClassriz{
margin:7px auto 1px auto ;
font-size:13px;
position: relative;
display: flex;
text-align:justify;
align-items: center;
justify-content: center;
}
.centerClass{
margin:5px auto ;
position: relative;
display: flex;
text-align:justify;
align-items: center;
justify-content: center;
}
.center{
margin:1px auto ;
position: relative;
display: flex;
text-align:justify;
align-items: center;
justify-content: center;
}
.center-no-margin{
margin:auto ;
position: relative;
display: flex;
text-align:justify;
align-items: center;
justify-content: center;
}
.centerTXT{
  text-align: center;
}
.mj_casablanca{
  font-family:"mj_casablanca" !important;
}
.BRoya{
  font-family:"BRoya" !important;
}
/* margin and padding */
/*end H class */
* a:hover{
text-decoration:none;
}
* a{
text-decoration:none;
}
*{
  scroll-behavior: smooth ;
text-align:right;
 /* transition: 0.4s;*/
 /*-webkit-transition: 0.4s;*/
 /*-moz-transition: 0.4s;*/
 /*-o-transition: 0.4s;*/
 /*-ms-transition: 0.4s;*/
 /*-khtml-transition: 0.2s;*/
 /*-webkit-transition: all ease-in-out 0.5s;*/
 /*-moz-transition: all ease-out 0.5s;*/
 /*-ms-transition: all ease-out 0.5s;*/
}
body{
font-family:"IranianSans" ;
/*background-color: rgba(251, 251, 251, 1);*/
/**background:#ebebeb**/
min-height:100%;
font-size:14px;
/*background:url(bg.png) repeat ;*/
}
/****/
.top-margin-5px{
  margin-top: 5px;
}
.btm-margin-5px{
  margin-bottom:  5px;
}
.top-margin-10px{
  margin-top: 10px;
}
.btm-margin-10px{
  margin-bottom:  10px;
}
.top-margin-15px{
  margin-top: 15px;
}
.btm-margin-15px{
  margin-bottom:  15px;
}
.top-margin-20px{
  margin-top: 20px;
}
.btm-margin-20px{
  margin-bottom:  20px;
}
.top-margin-25px{
  margin-top: 25px;
}
.top-margin-35px{
  margin-top: 35px;
}
.top-margin-45px{
  margin-top: 45px;
}
.btm-margin-25px{
  margin-bottom:  25px;
}
.eight-margin-left{
  margin-left:8px !important;
}
.eight-margin-right{
  margin-right:8px !important;
}
/**todo up lines**/
.top-padding-5px{
  padding-top: 5px;
}
.btm-padding-5px{
  padding-bottom:  5px;
}
.top-padding-10px{
  padding-top: 10px;
}
.btm-padding-10px{
  padding-bottom:  10px;
}
.top-padding-15px{
  padding-top: 15px;
}
.btm-padding-15px{
  padding-bottom:  15px;
}
.top-padding-20px{
  padding-top: 20px;
}
.btm-padding-20px{
  padding-bottom:  20px;
}
.top-padding-25px{
  padding-top: 25px;
}
.btm-padding-25px{
  padding-bottom:  25px;
}

/****/
.header{
  background: #fff ;
  border-bottom: 1px solid #e3e3e3;
  padding: 10px 20px;
  margin-bottom: 8px;
  min-height: 85px;
}
.sticky {
   position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.sticky:before,
.sticky:after {
    content: '';
    display: table;
}
.prdHM {
   height: auto !important;
    border: 1px solid #060712;
    padding: 10px 20px;
    margin: 8px auto;
    font-weight: 300;
    border-radius: 3px;
    color: #fff;
    background: rgb(70, 73, 105, 0.7);
}
.prdHMNew {
   height: auto !important;
    border: 1px solid #060712;
    margin: 12px auto 0 auto;
    font-weight: 300;
    border-radius: 1px;
    color: #fff;
   background-color: #313348;
}
.exit{
    display:none;
  font-weight: bold;
  border: 1.3px solid #BF1254;
  background: #FFF;
  text-align: center;
  padding: 7px 10px ;
  color: #BF1254 !important;
  bottom:0;position:fixed;
  border-radius: 100%;
  width:55px;
  height:55px;
}
.exit:hover{
  color: #fff !important;
  background: #BF1254;
}
.kol{
  padding-bottom: 5px;
}
.titr{
  padding: 3px 0px;
  text-align: center;
  background-color: #F0EDED ;
  border-radius: 3px;
  margin: 8px auto 2px auto;
}
.menulinks{
  color: #090055;
   padding: 10px 0px 8px 5px ;
  margin: 8px auto;
  color: #000 ;
  font-weight: bold;
  text-align: right;
  border-bottom: 1px solid #FFF ;
}
/* .menulinks::before{
  content: " - "
}
.menulinks:hover::before{
 content: "" ;
} */
.menulinks:hover{
  padding: 10px 5px 8px 0 ;
    transition: 0.4s;
    color: inherit;
    border-color: #C43364
}

/*table.myTable tr:nth-of-type(odd) {
    background:#eee;
}
table.myTable tr:nth-of-type(even) {
    background:#fff;
}*/
table.myTable tr:nth-of-type(odd) {
    background:#eeeeee;
	padding:2px 1px ;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
}
table.myTable tr:nth-of-type(even) { padding:2px 1px ;
    background:white;
}
table.myTable tr:hover{
background:#E1E1E1
}
.tbla , .tbody{
width:100%;
padding:0px !important ;
}
.myTable{
width:100%;
border-right:1px solid #999999;
border-left:1px solid #999999;
}
td{
font-size:13px ;
border:1px solid #D0D0D0;
padding:5px 1px;
}
.first-tr{
background:#D7FFFF
}

form {color:#fff !important;
  width: 100%;
  max-width: 340px;
  margin: 20px auto;
}


form label{
      color:#BDBDBD !important;
}

fieldset {  margin: 12px auto !important;
  position: relative;
  border: none;
  padding-top: 8px
}

label {
  position: absolute;
  top: 18px;
  color: rgba(0, 0, 0, 0.4);
  transform-origin: left;
  transition: all 0.3s ease;
}

input:focus ~ label {
  color: #3aafa6;
}
textarea:focus ~ textarea {
  color: #3aafa6;
}

input:focus ~ label,
input:valid ~ label {
  top: 0;
  transform: scale(1, 0.9);
}

textarea:focus ~ label,
textarea:valid ~ label {
  top: 0;
  transform: scale(1, 0.9);
}

input {
  font-size: 16px;
  padding: 2px 1px 3px 1px;
  width: 100%;
  border: none;
  margin-top: 10px;
}

textarea {
  font-size: 16px;
  padding: 2px 1px 3px 1px;
  width: 100%;
  border: none;
  margin-top: 10px;
}

input:focus {
  outline: none;
}
textarea:focus {
  outline: none;
}

.after {
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #3aafa6 50%, transparent 50%);
  background-color: rgba(0, 0, 0, 0.4);
  background-size: 200% 100%;
  background-position: 100% 0;
  transition: all 0.6s ease;
}

input:focus ~ .after {
  background-position: 0 0;
}

textarea:focus ~ .after {
  background-position: 0 0;
}

.button {
  cursor: pointer;
  border-radius: 5px;
  position: relative;
  width: 100%;
  font-size: 20px;
  line-height: 1.5;
  margin-top: 20px;
  padding: 2px 10px;
  color: rgba(0, 0, 0, 0.4);
  background: white;
  border: none;
  background: linear-gradient(to right, #3aafa6 50%, transparent 50%);
  background-color: rgba(0, 0, 0, 0.4);
  background-size: 200% 100%;
  background-position: 100% 0;
  transition: all 1.9s ease;
  box-shadow: 1px 1px 3px #000
}

.button:before {
  position: absolute;
  font-family:"IranianSans" ;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  display: block;
  background-color: #3aafa6;color: white;
}
.logincontent:before {
    content: "ورود به پنل" !important;
}
.registercontent:before {
     content: "ثبت نام";
}
.sendcontent:before {
     content: "ارسال";
}
.checkoutcontent:before {
     content: " تسویه حساب";
}
.upshopcontent:before {
     content: " به روز رسانی فروشگاه";
}
.button:active,
.button:focus,
.button:hover {
  outline: none;
  background-position: 0 0;
  color: white;
}
.ltrInput{
  text-align: right !important;
}
.txtarea{
  min-height: 120px;
  height: auto;
}
.fsb{
  background-color: #3aafa6;color: white;
}

.tcontent{
  margin:9px auto;
  padding: 5px 8px;
  border-radius: 3px;
  box-shadow: 1px 1px 3px #A6A6A6
}
.tuser-ans-bg{
  background: #E9E9E9 ;
}
.tadm-ans-bg{
  background: #F1FFE0 ;
}
.tkhat{
  background: #B0B0B0 ;
  height: 1px;
  margin: 0px auto 5px auto;
}
.tsendrdetails{
  font-size: 11px;
  color: #404040 ;
  padding: 1px;
  margin: 1px auto;
}

.pln-box{
  height: auto;
    border: 1px solid #BFC3BF;
    border-radius: 2px;
    background: #FAFAFA;
    padding: 2px;
    margin: 11px auto 10px auto;
    box-shadow: 1px 1px 9px #868686
}
.pln-box:hover {
    border: 1px solid #8E8B8B;
}
.BEtxt{
background: #ffffff;
color: #2DC650;
border: 3px solid #2DC650;
box-shadow: inset 0 0 0 5px #f2f2f2;
-webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
border-radius: 100%;
 max-height: 110px;
 max-width: 110px;
 padding: 16px ;
}
.pln-box:hover .BEtxt{
  background: #2DC650;
  border: 3px solid #2DC650;
  color: #fff ;
  box-shadow: inset 0 0 0 5px #f2f2f2;
  -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
  border-radius: 100%;
   max-height: 110px;
   max-width: 110px;
   padding: 16px ;
}
.BEtxt {
  margin: 2%;
  width: 96%;
  height: 96%;
}
.pnl-exp{
  color: #343434 ;
}
.regitnow{
  border-radius: 2px;
  border: 1px solid #3C711B;
  padding:12px 1px;
  font-weight: bold;
  color: #fff;
  background: #4AAD4C;
  margin-top: 6px;
}
.regitnow:hover{  color: #fff;
  background: #3A943C;
}
.rahnamalink{
  margin: 20px auto;
  color: #030FC9
}
.visiblehidden{
  visibility: hidden;
}
.farnaz {
  margin: 2%;
  width: 96%;
  height: 96%;
}
.pnl-feri{
  color: #343434 ;
}
.ferferi{
  border-radius: 2px;
  border: 1px solid #3C711B;
  padding:12px 1px;
  font-weight: bold;
  color: #fff;
  background: #4AAD4C;
  margin-top: 6px;
}
.ferfer:hover{  color: #fff;
  background: #3A943C;
}
.farnazlink{
  margin: 20px auto;
  color: #030FC9
}
.myferi{
  visibility: hidden;
}
.copylinkbtm{
  border: 1px solid #2A2A2A ;
  color: #FFF;
  background: #2A2A2A;
  border-radius: 5px;
  padding: 6px 0;
  cursor: pointer;
  box-shadow: 2px 2px 3px #868686
}
.tipsicons{
  max-width: 24px;
  max-height: 24px;
}
.medal{
  max-width: 28px;
  max-height: 28px;
}
.medal-sath-saver{
}
/* $sc = #C43364 ; */
/* .selectedmenulinks{
  border-radius: 5px;
  background:  #C43364  ;
  color: white ;
  text-align: center;
} */
/*.selectedmenulinks{
  padding: 10px 5px 8px 0 !important;
  border-bottom:1.5px solid #C43364  ;
}*/
.selectedmenulinks{
    padding: 10px 5px 8px 0 !important;
    background:#C43364 ;
    border-radius:4px;
    color:white !important;
}
.blah-img, .blah-img img {
    height: auto;
    width: auto;
    max-height: 70px;
    max-width: 150px;
    margin: 2px auto;
}

.checkout{
background:#FDFDFD;
border-radius:3px;
padding:5px 1px;
border:1px solid #999999;
}
.lbl-chout{
margin:6px 0;
padding:5px 1px;
}
.imgInp{
    min-height:20px;
}
.exp-lg{
min-height:490px;
}
.exp{
min-height:160px;
}
.exp-twoph{
min-height:90px;
}

.fd-tasvie{
border:1px solid #666666;
background:none ;
color: #666666 ;
margin:15px auto ;
padding:5px;
border-radius:3px;
width:65%;
cursor:help
}


.det-saver{
    margin:4px 0;
}
.dayere{
    text-align:center;
    border:1px solid gray;
    font-weight:bold;
    border-radius:100%;
    padding:6px;
    height:auto;
    width:auto;
    max-width:50px;
    max-height:50px;
}
.Rdata-form-date-viewer{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}
.border-gray {
    border:1px solid gray;
}
.padding-for{
    padding:3px;
}
.zero-margin{
    margin:0 !important;
}
.user-was-sent-bg{
    background:#f4fcef;
}
.zero-padding{
    padding:0 !important;
}
.lr-zero-padding{
padding-left: 0px !important;
padding-right: 0px !important;
}
.simpleta{
 min-height:80px;
}
.disableP{
    color:#777777;
    border-bottom:1px solid #4d4f4c;
    padding:6px;
}

.footer{
      background: #fff ;
  border-bottom: 1px solid #e3e3e3;
  padding: 10px 20px;
  margin-top: 20px;
  min-height: 55px;
}
.insta{
     width:32px !important;
     height:32px  !important;
}
.supI-saver {
    padding-left:15px;
    padding-right:15px;
}






/*TODO new dashboard  */

* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
/*  font-family: 'Droid Sans', sans-serif;*/
  outline: none;
}



::-webkit-scrollbar {
  background: transparent;
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-thumb {
  background-color: #888;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
body { /*background-color: #2a2b3d */ }
#contents {
  position: relative;
  transition: .3s;
  margin-left: 290px;
  background-color: #2a2b3d;
}
.margin {
  margin-left: 0 !important;
}
/* Start side navigation bar  */

.side-nav {
  float: left;
  height: 100%;
  width: 290px;
  background-color: #252636;
  color: #CCC;
  /*-webkit-transform: translateX(0);*/
  /*-moz-transform: translateX(0);*/
  /*transform: translateX(0);*/
  /*-webkit-transition: all .3s ease-in-out;*/
  /*-moz-transition: all .3s ease-in-out;*/
  /*transition: .3s;*/
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  z-index: 9999999
}
.side-nav .close-aside {
  position: absolute;
  top: 7px;
  right: 7px;
  cursor: pointer;
  color: #EEE;
}
.side-nav .heading {
  background-color: #252636;
  padding: 15px 15px 15px 30px;
  overflow: hidden;
  border-bottom: 1px solid #2a2b3c
}
.side-nav .heading > img {
  border-radius: 50%;
  float: left;
  width: 28%;
}
.side-nav .info {
  float: left;
  width: 69%;
  margin-left: 3%;
}
.side-nav .heading .info > h3 {margin: 0 0 5px}
.side-nav .heading .info > h3 > a {
  color: #EEE;
  font-weight: 100;
  margin-top: 4px;
  display: block;
  text-decoration: none;
  font-size: 18px;
}
.side-nav .heading .info > h3 > a:hover {
  color: #FFF;
}
.side-nav .heading .info > p {
  color: #BBB;
  font-size: 13px;
}
/* End heading */
/* Start search */
.side-nav .search {
  text-align: center;
  padding: 15px 30px;
  margin: 15px 0;
  position: relative;
}
.side-nav .search > input {
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #23262d;
  padding: 7px 0 7px;
  color: #DDD
}
.side-nav .search > input ~ i {
  position: absolute;
  top: 22px;
  right: 40px;
  display: block;
  color: #2b2f3a;
  font-size: 19px;
}
/* End search */

.side-nav .categories > li {
  padding: 17px 40px 17px 30px;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.02);
  cursor: pointer;
}
.side-nav .categories > li > a {
  color: #AAA;
  text-decoration: none;
}
/* Start num: there are three options primary, danger and success like Bootstrap */
.side-nav .categories > li > a > .num {
  line-height: 0;
  border-radius: 3px;
  font-size: 14px;
  color: #FFF;
  padding: 0px 5px
}
.dang {background-color: #f35959}
.prim {background-color: #0275d8}
.succ {background-color: #5cb85c}
/* End num */
.side-nav .categories > li > a:hover {
  color: #FFF
}
.side-nav .categories > li > i {
  font-size: 18px;
  margin-right: 5px
}
.side-nav .categories > li > a:after {
  content: "\f053";
  font-family: fontAwesome;
  font-size: 11px;
  line-height: 1.8;
  float: right;
  color: #AAA;
  /*-webkit-transition: all .3s ease-in-out;*/
  /*-moz-transition: all .3s ease-in-out;*/
  /*transition: all .3s ease-in-out;*/
}
.side-nav .categories .opend > a:after {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/* End categories */
/* Start dropdown menu */
.side-nav .categories .side-nav-dropdown {
  padding-top: 10px;
  padding-left: 30px;
  list-style: none;
  display: none;
}
.side-nav .categories .side-nav-dropdown > li > a {
  color: #AAA;
  text-decoration: none;
  padding: 7px 0;
  display: block;
}
.side-nav .categories p {
  margin-left: 30px;
  color: #535465;
  margin-top: 10px;
}

/* End dropdown menu */

.show-side-nav {
  -webkit-transform: translateX(-290px);
  -moz-transform: translateX(-290px);
  transform: translateX(-290px);
}


/* Start media query */
@media (max-width: 767px) {
  .side-nav .categories > li {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .side-nav .search {
    padding: 10px 0 10px 30px
  }
}

/* End side navigation bar  */
/* Start welcome */

.welcome {
  color: #CCC;
}
.welcome .content {
  background-color: #313348;
  padding: 15px;
  margin-top: 25px;
}
.welcome h2 {
/*  font-family: Calibri;*/
  font-weight: 100;
  margin-top: 0
}
.welcome p {
  color: #999;
}


/* Start statistics */
.statistics {
  margin-top: 25px;
  color: #CCC;
}
.statistics .box {
  background-color: #313348;
  padding: 15px;
  overflow: hidden;
}
.statistics .box > i {
  float: left;
  color: #FFF;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 22px;
}
.statistics .box .info {
  float: left;
  width: auto;
  margin-left: 10px;
}
.statistics .box .info h3 {
  margin: 5px 0 5px;
  display: inline-block;
}
.statistics .box .info p {color:#BBB}

/* End statistics */
/* Start charts */
.charts {
  margin-top: 25px;
  color: #BBB
}
.charts .chart-container {
  background-color: #313348;
  padding: 15px;
}
.charts .chart-container h3 {
  margin: 0 0 10px;
  font-size: 17px;
}

/* Start users */

.admins {
  margin-top: 25px;
}
.admins .box {

}
.admins .box > h3 {
  color: #ccc;
/*  font-family: Calibri;*/
  font-weight: 300;
  margin-top: 0;
}
.admins .box .admin {
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #313348;
  padding: 10px;
}
.admins .box .admin .img {
  width: 20%;
  margin-right: 5%;
  float: left;
}
.admins .box .admin .img img {
  border-radius: 50%;
}
.admins .box .info {
  width: 75%;
  color: #EEE;
  float: left;
}
.admins .box .info h3 {font-size: 19px}
.admins .box .info p {color: #BBB}

/* End users */
/* Start statis */

.statis {
  color: #EEE;
  margin-top: 15px;
}
.statis .box {
  position: relative;
  padding: 15px;
  overflow: hidden;
  border-radius: 3px;
  margin-bottom: 25px;
}
.statis .box h3:after {
  content: "";
  height: 2px;
  width: 70%;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.12);
  display: block;
  margin-top: 10px;
}
.statis .box i {
  position: absolute;
  height: 70px;
  width: 70px;
  font-size: 22px;
  padding: 15px;
  top: -25px;
  left: -25px;
  background-color: rgba(255, 255, 255, 0.15);
  line-height: 60px;
  text-align: right;
  border-radius: 50%;
}

/*chart*/
.chrt3 {
  padding-bottom: 50px;
}
.chrt3 .chart-container {
  height: 350px;
  padding: 15px;
  margin-top: 25px;
}
.chrt3 .box {
  padding: 15px;
}













.main-color {
  color: #ffc107
}
.warning {background-color: #f0ad4e}
.danger {background-color: #d9534f}
.success {background-color: #5cb85c}
.inf {background-color: #5bc0de}


/* كمية الإمبورتات دى علشان البوتستراب تبطل غتاته وتسيب العناصر اللى متعدله فى حالها طبعا الكلام ده فى كود بن بس */

/* Start bootstrap */
.navbar-right .dropdown-menu {
  right: auto !important;
  left: 0 !important;
}
.navbar-default {
  background-color: #6f6486 !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important
}
.navbar-default .navbar-nav>li>a {
  color: #EEE !important;
  line-height: 55px !important;
  padding: 0 10px !important;
}
.navbar-default .navbar-brand {color:#FFF !important}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {color: #EEE !important}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {background-color: transparent !important; color: #FFF !important}

.navbar-default .navbar-brand {line-height: 55px !important; padding: 0 !important}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {color: #FFF !important}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin: 0 !important}
@media (max-width: 767px) {
  .navbar>.container-fluid .navbar-brand {
    margin-left: 15px !important;
  }
  .navbar-default .navbar-nav>li>a {
    padding-left: 0 !important;
  }
  .navbar-nav {
    margin: 0 !important;
  }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border: none !important;
  }

}

.navbar-default .navbar-nav>li>a {
  float: left !important;
}
.navbar-default .navbar-nav>li>a>span:not(.caret) {
  background-color: #e74c3c !important;
  border-radius: 50% !important;
  height: 25px !important;
  width: 25px !important;
  padding: 2px !important;
  font-size: 11px !important;
  position: relative !important;
  top: -10px !important;
  right: 5px !important
}
.dropdown-menu>li>a {
  padding-top: 5px !important;
  padding-right: 5px !important;
}
.navbar-default .navbar-nav>li>a>i {
  font-size: 18px !important;
}




/* Start media query */

@media (max-width: 767px) {
  #contents {
    margin: 0 !important
  }
  .statistics .box {
    margin-bottom: 25px !important;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #CCC !important
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #FFF !important
  }
  .navbar-default .navbar-toggle{
    border:none !important;
    color: #EEE !important;
    font-size: 18px !important;
  }
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent !important}
}
.impwhiteAcolor{
  color: #fff !important
}
.selectedMI{
  /* border-bottom: 1px solid #DFDFDF !important */
  background: rgb(255,255,255,0.1)
}

.hmitysepr{
    height:1px;
    width:100%;
    background: rgb(255,255,255,0.4) ;
    margin:5px auto;
}
.lightlink{
    color:#defaff !important;
}
.donate-pink-link {
    border: 1px solid #FC4077;
    border-radius: 4px;
    padding: 3px 8px;
    background: #FC4077;
    color: #fff;
    text-align: center;
}
#contents{
    min-height:100% !important;
}
#container pre{
    color:#fff !important;
}
.red , .prt{
    color : #f07f9d !important;
}
.nfUpload{
    border-top:1px solid #c5bfd9;
    border-bottom:1px solid #c5bfd9;
}























     .top16{
         margin-top:16px;
     }
     .pagesaverx{
               padding:8px 0;
         margin:10px auto;
     }
       .pagesaverx a {
           font-weight:bold;
         padding:8px 18px;
         margin:10px 8px;
         color:white;
         background:#32b329;
         float:right;
         border-radius:9px;
     }
     .active{
         /*background:blue !important;*/
     }

     .activex{ cursor: help ;font-weight:bold;
         background:#fff !important ;
         color:#32b329  !important;
     }
     .top16marg{
         margin-top:16px;
     }
     .btm32m{
         margin-bottom:33px;
     }
     .cartNumS{
         border-bottom:1px solid #cacbcc;
         padding-bottom:14px;
     }
     .ls3{
             letter-spacing:3px;
     }
     .cartBankBox{
         padding:10px 1px;
         box-shadow:1px 1px 5px #000;
     }
     .InAppWall{
         background:#f9ffd6;
     }

         .wc{
        color:#fff !important;
    }
     .bold td{
        padding:15px 1px;
        text-align:center;
    }
    .td{
      text-align:center !important;
    }

    /* *******************************episode 2 ************************************************** */


#content{
  text-align: right ;
  direction: rtl ;
  font-size: 1.3em ;
}
.titOfPanel{
  background-color:  var(--sliderTopDash) !important;
  text-align: center;
  font-weight: bold ;
  color: black;
  font-size: 19px;
  padding: 15px 0 ;
}
.insideContent{
  background: var(--BaseBodyColor)
}
.dropdown-toggle{
  letter-spacing: 2px
}