/*
File Name: 		custom.css
Description:  You can add your custom CSS here and it will overwrite template styles
*/

/*# sourceMappingURL=maps/custom.css.map */

/* cardcustom
/* ------------------------- */
.cardcustom {
    direction:rtl;
text-align:right;
  border: 1px solid #3c3b5b;
  border-radius: 4px;
  background-color: #323150;
  margin-bottom: 15px;
}

.cardcustom--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.cardcustom--block {
  display: block;
}

.cardcustom--clean {
  background: none;
  border: none;
}

.cardcustom--clean .cardcustom__header {
  background-color: #323150;
  border: 1px solid #3c3b5b;
  border-radius: 4px;
}

.cardcustom--clean > .cardcustom__content {
  padding: 15px 0 0 0;
}

.cardcustom--has-table > .cardcustom__content {
  padding: 0;
}

.cardcustom__content p{
    padding-right:12px;
}

.cardcustom--has-table > .cardcustom__content .table {
  margin-bottom: 0;
}

.cardcustom--no-paddings > .cardcustom__content {
  padding: 0;
}

.cardcustom--squared-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.cardcustom__header {
  padding: 27px 23px;
  border-radius: 4px 4px 0 0;
  position: relative;
  border-bottom: 1px solid #3c3b5b;
  overflow: hidden;
  background-color: #383759;
}

.cardcustom__header ~ .cardcustom__header {
  border-radius: 0;
}

.cardcustom__header ~ .cardcustom__header::before {
  border-radius: 0;
}

.cardcustom__header::before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #f92552;
  border-radius: 3px 0 0 0;
}

.cardcustom__header > h4 {
  font-size: 16px;
  line-height: 1.2em;
  letter-spacing: -0.02em;
  margin-bottom: 0;
  text-transform: uppercase;
  font-style: normal;
}


.padding-top-15{
    padding-top:15px;
}

.padding-right-10{
    margin-right:10px;
}
.padding-right-25{
    padding-right:25px;
}
.right-text-align{
    text-align:right;
}
.post-main-title{
        font-size: 17px;
    direction: rtl;
    margin-right: 30px;
    border-radius: 4px;
    overflow: hidden;
    float: none;

}
.center-text-align{
    text-align:center;
}
.rtl-direction{
    direction:rtl;
}
.GridPager {
    background-color:#323150;
    color:white;
    float:right; padding:5px; margin:5px;  border-radius:5px;
    padding-right: 10px;
    padding-left: 10px;
    cursor:pointer;
     -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;

}
.GridPager:hover {
    float:right; padding:5px; margin:5px; background-color:#323150; color:#f92552; border-radius:5px;
    padding-right: 10px;
    padding-left: 10px;
     -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.GridPagerActive{
    float:right; padding:5px; margin:5px; background-color:#f92552; color:black; border-radius:5px;
    padding-right: 10px;
    padding-left: 10px;
}