/* Start common class */
.display-block {
  display: block;
}

.display-inline {
  display: inline;
}

.display-inline-block {
  display: inline-block;
}

.display-none {
  display: none;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.float-none {
  float: none;
}

.text-align-center {
  text-align: center;
}

.text-align-right {
  text-align: right;
}

.text-align-left {
  text-align: left;
}

.bold {
  font-weight: bold !important;
}

.line-height-1-7 {
  line-height: 1.7 !important;
}

.width-100 {
  width: 100%;
}

.dir-ltr {
  direction: ltr;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.margin-top-double {
  margin-top: 30px !important;
}

.margin-top {
  margin-top: 15px !important;
}

.margin-top-half {
  margin-top: 8px !important;
}

.margin-top-0 {
  margin-top: 0 !important;
}

.margin-bottom-extra {
  margin-bottom: 30px !important;
}

.margin-bottom {
  margin-bottom: 15px;
}

.margin-bottom-small {
  margin-bottom: 8px;
}

.margin-bottom-0 {
  margin-bottom: 0 !important;
}

.margin-x-next {
  margin-left: 15px;
}

.margin-x-next-small {
  margin-left: 8px;
}

.side-margin {
  margin-left: 15px;
  margin-right: 15px;
}

.side-padding {
  padding-left: 15px;
  padding-right: 15px;
}

.width-100-side-margin {
  margin-left: 15px;
  margin-right: 15px;
  width: calc(100% - 30px);
}

.up-down-margin {
  margin-top: 15px;
  margin-bottom: 15px;
}

.overflow-break {
  overflow-wrap: break-word;
}

/* End common class */
/* Start color class */
.success-btn {
  background-color: #32C5D2;
  border-color: #32C5D2;
  color: #FFFFFF;
}

.success-btn:hover,
.success-btn:active {
  background-color: #23A1AB;
  border-color: #2499A3;
  color: #FFFFFF;
}

.success-btn:focus {
  background-color: #23A1AB;
  border-color: #18666D;
  color: #FFFFFF;
}

.success-back {
  background-color: #32C5D2;
}

.success-border {
  border-color: #32C5D2;
}

.success-color {
  color: #32C5D2;
}

.info-btn {
  background-color: #659BE0;
  border-color: #659BE0;
  color: #FFFFFF;
}

.info-btn:hover,
.info-btn:active {
  background-color: #3A80D7;
  border-color: #286EC5;
  color: #FFFFFF;
}

.info-btn:focus {
  background-color: #3A80D7;
  border-color: #1D4F8E;
  color: #FFFFFF;
}

.info-back {
  background-color: #659BE0;
}

.info-border {
  border-color: #659BE0;
}

.info-color {
  color: #659BE0;
}

.green-meadow-btn {
  background-color: #1BBC9B;
  border-color: #1BBC9B;
  color: #FFFFFF;
}

.green-meadow-btn:hover,
.green-meadow-btn:active {
  background-color: #158F76;
  border-color: #13866F;
  color: #FFFFFF;
}

.green-meadow-btn:focus {
  background-color: #158F76;
  border-color: #0B4D3F;
  color: #FFFFFF;
}

.green-meadow-back {
  background-color: #1BBC9B;
}

.green-meadow-border {
  border-color: #1BBC9B;
}

.green-meadow-color {
  color: #1BBC9B;
}

.red-haze-btn {
  background-color: #F36A5A;
  border-color: #F36A5A;
  color: #FFFFFF;
}

.red-haze-btn:hover,
.red-haze-btn:active {
  background-color: #F03F2A;
  border-color: #EF3621;
  color: #FFFFFF;
}

.red-haze-btn:focus {
  background-color: #F03F2A;
  border-color: #C0210E;
  color: #FFFFFF;
}

.red-haze-back {
  background-color: #F36A5A;
}

.red-haze-border {
  border-color: #F36A5A;
}

.red-haze-color {
  color: #F36A5A;
}

.yellow-crusta-btn {
  background-color: #F3C200;
  border-color: #F3C200;
  color: #FFFFFF;
}

.yellow-crusta-btn:hover,
.yellow-crusta-btn:active {
  background-color: #C09900;
  border-color: #B69100;
  color: #FFFFFF;
}

.yellow-crusta-btn:focus {
  background-color: #C09900;
  border-color: #745C00;
  color: #FFFFFF;
}

.yellow-crusta-back {
  background-color: #F3C200;
}

.yellow-crusta-border {
  border-color: #F3C200;
}

.yellow-crusta-color {
  color: #F3C200;
}

.purple-btn {
  background-color: #8E44AD;
  border-color: #8E44AD;
  color: #FFFFFF;
}

.purple-btn:hover,
.purple-btn:active {
  background-color: #703688;
  border-color: #6a3381;
  color: #FFFFFF;
}

.purple-btn:focus {
  background-color: #703688;
  border-color: #432051;
  color: #FFFFFF;
}

.purple-back {
  background-color: #8E44AD;
}

.purple-border {
  border-color: #8E44AD;
}

.purple-color {
  color: #8E44AD;
}

.white-color {
  color: #FFFFFF;
}

a.white-color,
a.white-color:hover,
a.white-color:focus {
  color: #FFFFFF;
}

/* End color class */
/* Start material-design-icons style */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("../font/MaterialIcons-Regular.eot"); /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url("../font/MaterialIcons-Regular.woff2") format("woff2"), url("../font/MaterialIcons-Regular.woff") format("woff"), url("../font/MaterialIcons-Regular.ttf") format("truetype");
}
.material-icons {
  font-family: "Material Icons", serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

/* Rules for sizing the icon. */
.material-icons.md-18 {
  font-size: 18px;
  margin-top: -5px;
  position: relative;
  top: 5px;
}

.material-icons.md-24 {
  font-size: 24px;
  margin-top: -8px;
  position: relative;
  top: 8px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
  color: rgb(255, 255, 255);
}

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}

.material-icons.telegram {
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-30deg);
  top: 2px;
}

/* End material-design-icons style */
/* Start template style */
@font-face {
  font-family: "isw_l";
  font-style: normal;
  font-weight: 300;
  src: url("../font/isw_l.eot");
  src: url("../font/isw_l.eot?#iefix") format("embedded-opentype"), url("../font/isw_l.woff2") format("woff2"), url("../font/isw_l.woff") format("woff"), url("../font/isw_l.ttf") format("truetype");
}
html {
  height: 100%;
}

body {
  background-color: #F4F4F2;
  color: #000000;
  direction: rtl;
  font-family: "isw_l", serif;
  font-size: 16px;
  line-height: 1.7;
  min-height: 100%;
  position: relative;
  padding-bottom: 64px;
}

@media (max-width: 384px) {
  body {
    padding-bottom: calc(64px + 27px);
  }
}
a:hover, a:visited, a:link, a:active {
  text-decoration: none;
}

a:focus, button:focus {
  outline: unset;
}

.main-header {
  background-color: #9E7FB5;
  margin-bottom: 15px;
}

.loading {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.8);
}

.loading > .loading-img {
  float: right;
  width: 50px;
  height: 50px;
  background-image: url("../img/loading.gif");
  background-size: 100% auto;
}

.loading > .loading-text {
  color: #FFFFFF;
  font-size: 20px;
  position: relative;
  right: -17px;
  top: 26px;
}

.main-footer {
  background-color: #663A85;
  border: 0 solid #5C3477;
  border-top-width: 1px;
  bottom: 0;
  color: #FFFFFF;
  left: 0;
  margin-top: 15px;
  padding-top: 15px;
  position: absolute;
  right: 0;
  text-align: center;
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 18px;
  line-height: 2;
}

h3 {
  font-size: 16px;
}

textarea {
  resize: none;
  padding: 6px 12px;
}

.body-title {
  margin: 0;
  line-height: 1.5;
}

.body-title .material-icons.md-18 {
  font-size: 30px;
}

.body-title.post {
  font-size: 28px;
}

.body-title.post .material-icons.md-18 {
  font-size: 28px;
}

.body-title + hr {
  margin-top: 5px;
  margin-bottom: 15px;
}

.content-title {
  margin: 0;
}

.content-title + hr {
  margin-top: 5px;
  margin-bottom: 15px;
}

.message-count {
  padding: 3px 11px 0;
  background-color: #F36A5A;
  border-radius: 14px;
}

.my-navbar-collapse .message-count {
  margin-right: 10px;
}

.message-box .message-count {
  color: #FFFFFF;
}

.notify-wrapper {
  margin: 0;
  padding: 0;
}

.notify-wrapper li {
  list-style: none;
}

.notify-wrapper {
  overflow: hidden;
  position: fixed;
  top: 66px;
  width: 290px;
  z-index: 2;
}

th {
  text-align: center;
}

/* End template style */
/* START - My rtl BootStrap */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.navbar-collapse ul li,
.navbar-header,
.control-label,
label {
  float: right;
}

.pagination > li {
  direction: ltr;
}

input[type=checkbox],
input[type=radio] {
  margin-right: -20px;
}

.checkbox label,
.radio label {
  padding-left: 0;
  padding-right: 20px;
}

/* END - My rtl BootStrap */
/* Start my style */
.alert {
  padding: 5px;
  margin-bottom: 15px;
}

.navbar {
  margin-bottom: 0;
  border: 0;
}

.navbar-inverse {
  background-color: transparent;
  border-radius: 0;
}

.navbar-inverse .navbar-nav > li > a {
  color: #EEEEEE;
}

.navbar .form-control:hover,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
  color: #FFFFFF;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
  background-color: #33345b;
}

.navbar-inverse .navbar-toggle {
  background-color: #9E7FB5;
  border-color: #8E72A3;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
  background-color: #663A85;
}

.navbar-right {
  margin-right: 0;
}

.navbar-toggle {
  border-radius: 2px;
  margin-right: 0;
}

.navbar-collapse {
  border-top: 0;
  box-shadow: none;
}

@media (min-width: 992px) {
  .navbar-nav > li > a {
    padding: 15px 8px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse .collapse:not(.in) {
    display: none !important;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar-nav {
    margin-top: 7.5px;
  }
}
.my-navbar-collapse {
  padding: 0;
}

.my-navbar-collapse .navbar-right {
  margin-left: 0;
  padding-right: 0;
}

@media (max-width: 991px) {
  .navbar-inverse .navbar-toggle {
    display: block;
  }
  .my-navbar-collapse .navbar-right {
    margin-bottom: 20px;
    width: 100%;
  }
  .my-navbar-collapse {
    clear: both;
  }
  .my-navbar-collapse .navbar-right > li {
    border: 1px solid #8E72A3;
    border-bottom-width: 0;
    clear: both;
    width: 100%;
  }
  .my-navbar-collapse .navbar-right li:last-child {
    border-width: 1px;
  }
  .my-navbar-collapse .navbar-right > li > a {
    display: inline-block;
    width: 100%;
  }
}
.logo-box {
  float: left;
}

@media (min-width: 360px) and (max-width: 991px) {
  .logo-box {
    margin-left: calc(50% - 204px / 2);
  }
}
.logo-box .heading {
  margin: 0;
}

.error-404-img-box > img {
  max-width: 100%;
  margin-bottom: 15px;
}

.my-form-box {
  background-color: #FFFFFF;
  border: solid #DFDFDD;
  border-width: 0 0.1rem 0.1rem 0;
  padding: 15px 30px;
}

.captcha-box {
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  padding: 15px;
}

.captcha-box > .captcha-img-box {
  height: 70px;
  margin-bottom: 45px;
  position: relative;
}

.captcha-box > .captcha-img-box > .captcha-img {
  float: right;
  padding-left: 54px;
  position: absolute;
}

.captcha-box > .captcha-img-box > .captcha-img,
.captcha-box > .captcha-img-box > .captcha-img > img {
  height: 100%;
  width: 100%;
}

.captcha-box > .captcha-img-box > .glyphicon {
  background-color: #D41E85;
  color: #FFFFFF;
  cursor: pointer;
  float: left;
  font-size: 30px;
  padding: 20px 8px;
}

.captcha-box > .captcha-img-box > .captcha-img,
.captcha-box > .captcha-img-box > .glyphicon {
  top: 30px;
}

.profile-box,
.profile-right-box,
.profile-center-box {
  background-color: #FFFFFF;
  border: solid #DFDFDD;
  border-width: 0 1px 1px 0;
  margin-bottom: 15px;
  overflow: hidden;
}

.profile-box > a:not(.btn-padding) {
  padding: 15px 0 5px;
}

.profile-right-box,
.profile-center-box {
  padding: 15px;
}

.profile-box,
.profile-right-box {
  text-align: center;
}

.profile-right-box hr {
  margin-bottom: 15px;
  margin-top: 0;
}

.profile-image-box {
  margin-bottom: 15px;
  text-align: center;
}

.profile-image-box img {
  border: 1px solid #DFDFDD;
  border-radius: 75px;
  height: 150px;
  width: 150px;
}

.profile-image-box-large img {
  border: 1px solid #DFDFDD;
  border-radius: 50%;
  width: 250px;
  height: 250px;
}

.profile-name {
  font-size: 18px;
}

.user-text-fixer {
  padding-bottom: 16px;
}

.messages-wrapper {
  background-color: #FFFFFF;
  border: solid #DFDFDD;
  border-width: 0 1px 1px 0;
  padding: 15px 15px 0;
}
.messages-wrapper .selector-box {
  margin-bottom: 15px;
}
.messages-wrapper .selector-box .btn {
  outline: unset;
}
.messages-wrapper .selector-box #deselect-all-conversation .material-icons {
  background-color: #fff;
  border-radius: 50%;
  font-size: 15px;
  width: 15px;
  top: 3px;
}
.messages-wrapper .selector-box .material-icons.md-18 {
  width: 18px;
}

@media (max-width: 767px) {
  .messages-wrapper {
    margin: 0 -15px;
  }
}
@media (max-width: 499px) {
  .messages-wrapper .selector-box {
    text-align: center;
  }
  .messages-wrapper .selector-box #remove-conversations {
    float: unset;
  }
  .messages-wrapper .selector-box #remove-conversations:not(.display-none) {
    display: block;
    margin: 15px auto;
  }
}
.message-box {
  background-color: #DFDFDD;
  border: solid #DFDFDD;
  border-width: 0 1px 1px 0;
  margin-bottom: 15px;
  padding: 5px;
  position: relative;
}
.message-box .select-conversation {
  -ms-transform: scale(1.4); /* IE */
  -moz-transform: scale(1.4); /* FF */
  -webkit-transform: scale(1.4); /* Safari and Chrome */
  -o-transform: scale(1.4); /* Opera */
  margin: 0 5px;
}

.message-box.active {
  background-color: #F4F4F2;
}

.message-box .conversation-link {
  color: #000000;
  height: calc(100% - 10px);
  left: 5px;
  padding: 10px 0 0;
  position: absolute;
  top: 5px;
}

.message-box .subject-holder {
  margin-left: 15px;
}

.message-box .subject-holder > label {
  margin-top: 2px;
}

.message-box .subject-holder,
.message-box .subject-holder > label {
  cursor: pointer;
}

@media (max-width: 599px) {
  .message-box .subject-holder {
    display: none;
  }
}
@media (max-width: 440px) {
  .message-box .time-holder {
    display: none;
  }
}
@media (max-width: 400px) {
  .message-box .date-holder {
    display: none;
  }
}
@media (max-width: 399px) {
  .message-box .admin-time-holder {
    display: none;
  }
}
@media (max-width: 359px) {
  .message-box .admin-date-holder {
    display: none;
  }
}
.image-contact {
  border-radius: 20px;
  height: 40px;
  width: 40px;
}

.pagination-box {
  text-align: center;
}

@media (max-width: 767px) {
  .pagination-box {
    margin: 0 -15px;
  }
}
.pagination {
  margin: 15px 0 5px;
  padding: 0;
}

.pagination > li {
  direction: ltr;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

@media (max-width: 346px) {
  .pagination > .first > a,
  .pagination > .last > a {
    padding: 6px 5px;
  }
}
.conversation-wrapper {
  background-color: #FFFFFF;
  border: solid #DFDFDD;
  border-width: 0 1px 1px 0;
  min-height: 100%;
  padding: 15px;
}

.conversation-wrapper .header {
  background-color: #8E72A3;
  position: relative;
  padding: 8px 15px;
}

.conversation-wrapper .subject {
  background-color: #F3E8EB;
  border-bottom: 1px solid #DFDFDD;
  color: #D41E85;
  word-wrap: break-word;
  padding: 10px;
}

.conversation-wrapper .conversation-show {
  direction: ltr;
  height: calc(100vh - 309px);
  min-height: 100px;
  overflow-y: scroll;
}

/* Start change scroll */
.conversation-wrapper .conversation-show::-webkit-scrollbar {
  width: 3px;
}

.conversation-wrapper .conversation-show::-webkit-scrollbar-track {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.conversation-wrapper .conversation-show::-webkit-scrollbar-thumb {
  background: #F3E8EB;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}

/* End change scroll */
/*
@media (max-width: 347px) {
    .conversation-wrapper .conversation-show {
        height: calc(100vh - 319px);
    }
}

.conversation-wrapper .conversation-show.small {
    height: calc(100vh - 347px);
}

@media (max-width: 558px) {
    .conversation-wrapper .conversation-show.small {
        height: calc(100vh - 370px);
    }
}

@media (max-width: 347px) {
    .conversation-wrapper .conversation-show.small {
        height: calc(100vh - 387px);
    }
}
*/
.conversation-wrapper .conversation-show .date-row {
  margin: 10px 0;
  text-align: center;
}

.conversation-wrapper .conversation-show .date-row .date-holder {
  background-color: #FFF;
  border-radius: 10px;
  padding: 2px 10px 0;
}

.conversation-wrapper .conversation-show .message-row {
  padding: 10px;
}

.conversation-wrapper .conversation-show .message-row .sender,
.conversation-wrapper .conversation-show .message-row .sender > div {
  float: right;
}

.conversation-wrapper .conversation-show .message-row .receiver,
.conversation-wrapper .conversation-show .message-row .receiver > div {
  float: left;
}

.conversation-wrapper .conversation-show .message-row .sender,
.conversation-wrapper .conversation-show .message-row .receiver {
  width: 100%;
}

.conversation-wrapper .conversation-show .message-row .content-box {
  background-color: #FFFFFF;
  max-width: 70%;
  padding: 10px 10px 0;
  position: relative;
}

.conversation-wrapper .conversation-show .message-row .content-box:after {
  border-color: transparent white;
  border-style: solid;
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  width: 0;
  z-index: 1;
}

.conversation-wrapper .conversation-show .message-row .sender .content-box {
  margin-right: 15px;
}

.conversation-wrapper .conversation-show .message-row .sender .content-box:after {
  border-width: 11px 0 11px 11px;
  right: -10px;
}

.conversation-wrapper .conversation-show .message-row .receiver .content-box {
  margin-left: 15px;
}

.conversation-wrapper .conversation-show .message-row .receiver .content-box:after {
  border-width: 11px 11px 11px 0;
  left: -10px;
}

.conversation-wrapper .conversation-show .message-row .content {
  direction: rtl;
  word-wrap: break-word;
}

.conversation-wrapper .conversation-show .message-row .status-bar {
  border-top: 1px solid #EEEEEE;
  margin-top: 10px;
  opacity: 0.5;
}

.conversation-wrapper .conversation-show .message-row .status-bar > .time-holder {
  float: right;
}

.conversation-wrapper .conversation-show .message-row .status-bar > .delete-message {
  cursor: pointer;
  float: left;
}

.conversation-wrapper .conversation-show .message-row .status-bar > .read-status {
  float: left;
}

.conversation-wrapper .name,
.conversation-wrapper .admin-name,
.conversation-wrapper .invite {
  color: #FFFFFF;
  position: absolute;
  right: 60px;
}

.conversation-wrapper .admin-name {
  top: 17px;
}

.conversation-wrapper .invite {
  top: 25px;
}

.conversation-wrapper .conversation-write-box {
  position: relative;
}

.conversation-wrapper .conversation-write-box .text {
  border: none;
  border-top: 1px solid #DFDFDD;
  position: absolute;
  width: calc(100% - 50px);
}

.conversation-wrapper .conversation-show,
.conversation-wrapper .conversation-write-box .text {
  background-color: #F3E8EB;
}

.conversation-wrapper .conversation-write-box .btn {
  border-radius: 0;
  float: left;
  width: 50px;
  padding: 10px 0 0;
}

.conversation-wrapper .conversation-write-box .text:focus,
.conversation-wrapper .conversation-write-box .btn:focus {
  outline: none;
}

.conversation-wrapper .conversation-write-box,
.conversation-wrapper .conversation-write-box .btn {
  height: 94px;
}

.profile-box .profile-link {
  color: #000000;
  cursor: pointer;
  display: block;
}

.profile-box .first-star,
.profile-box .second-star {
  position: absolute;
}

.profile-box .first-star {
  right: 15px;
}

.profile-box .second-star {
  right: 35px;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  vertical-align: middle;
}

.my-table > thead > tr {
  background-color: #663A85;
  color: #FFFFFF;
}

.my-table > thead > tr > th {
  border-bottom-width: 0;
}

.my-table th,
.my-table td {
  text-align: center;
}

.search-box {
  margin-bottom: 15px;
  padding-bottom: 0;
}

.btn .heading {
  margin: 0;
}

.useful-button {
  margin: 0;
}
.useful-button > a {
  font-size: 18px;
  line-height: 2;
}

.hot-frame {
  border: 0;
  display: block;
  height: 0;
  width: 0;
}

.mobile-verify-image {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 25px;
  top: 8px;
}

.mobile-verify-image-profile {
  width: 32px;
  height: 32px;
}

.article {
  background-color: #FFFFFF;
  padding: 15px;
  margin-bottom: 15px;
}
.article header h1, .article header h2, .article header h3, .article header h4, .article header h5, .article header h6 {
  margin: 0;
  font-size: 38px;
}
.article .content {
  padding: 15px;
}
.article .content .img {
  text-align: center;
}
.article .content .img img {
  max-width: 100%;
}
.article .content h2 {
  font-size: 30px;
}
.article .content h3 {
  font-size: 25px;
}
.article .content h4 {
  font-size: 20px;
}
.article .content h5 {
  font-size: 18px;
}
.article .content h6 {
  font-size: 16px;
}
.article footer .tags {
  margin-top: 15px;
}
.article footer .tags h2, .article footer .tags h3, .article footer .tags h4, .article footer .tags h5, .article footer .tags h6 {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}
.article footer .tags a {
  display: inline-block;
  padding: 10px;
  margin: 5px;
  background-color: #BE1B77;
  color: #FFFFFF;
}

.blog-article .table thead tr th h2 {
  font-size: 25px;
}
.blog-article .table tbody tr td {
  padding: 0;
}
.blog-article .post-section h1, .blog-article .post-section h2, .blog-article .post-section h3, .blog-article .post-section h4, .blog-article .post-section h5, .blog-article .post-section h6 {
  margin: 0;
}
.blog-article .post-section h1 a, .blog-article .post-section h2 a, .blog-article .post-section h3 a, .blog-article .post-section h4 a, .blog-article .post-section h5 a, .blog-article .post-section h6 a {
  display: block;
  position: relative;
  min-height: 180px;
  background-color: #FFFFFF;
}
.blog-article .post-section h1 a:hover, .blog-article .post-section h2 a:hover, .blog-article .post-section h3 a:hover, .blog-article .post-section h4 a:hover, .blog-article .post-section h5 a:hover, .blog-article .post-section h6 a:hover {
  background-color: #FFF4F2;
}
.blog-article .post-section h1 a:hover .title, .blog-article .post-section h2 a:hover .title, .blog-article .post-section h3 a:hover .title, .blog-article .post-section h4 a:hover .title, .blog-article .post-section h5 a:hover .title, .blog-article .post-section h6 a:hover .title {
  font-weight: bold;
}
.blog-article .post-section h1 a img, .blog-article .post-section h2 a img, .blog-article .post-section h3 a img, .blog-article .post-section h4 a img, .blog-article .post-section h5 a img, .blog-article .post-section h6 a img {
  position: absolute;
  border-radius: 50%;
  top: 15px;
  right: 15px;
  margin-bottom: 30px;
}
.blog-article .post-section h1 a img:after, .blog-article .post-section h2 a img:after, .blog-article .post-section h3 a img:after, .blog-article .post-section h4 a img:after, .blog-article .post-section h5 a img:after, .blog-article .post-section h6 a img:after {
  clear: both;
}
.blog-article .post-section h1 a .title, .blog-article .post-section h2 a .title, .blog-article .post-section h3 a .title, .blog-article .post-section h4 a .title, .blog-article .post-section h5 a .title, .blog-article .post-section h6 a .title {
  display: block;
  font-size: 20px;
  position: absolute;
  top: 15px;
  right: 180px;
}
.blog-article .post-section h1 a .description, .blog-article .post-section h2 a .description, .blog-article .post-section h3 a .description, .blog-article .post-section h4 a .description, .blog-article .post-section h5 a .description, .blog-article .post-section h6 a .description {
  display: block;
  line-height: 1.5;
  padding: 50px 180px 15px 15px;
  text-align: justify;
  color: #000000;
}

.iframe {
  width: 100%;
  height: 100vh;
  border: 0;
}

body.iframe {
  padding-bottom: 0;
}

article.article .content .img {
  margin-bottom: 30px;
}

/* End my style */

/*# sourceMappingURL=style_140403041602.css.map */