/* Constants */
:root {
    --bootstrap-half-space: 8px;
    --bootstrap-default-space: 15px;
    --bootstrap-double-space: 30px;
    --panel-primary-shadow-color: #C43C8B;
}

/*The General Page*/
a:hover, a:visited, a:link, a:active {
    text-decoration: none;
}

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

@font-face {
    font-family: 'B Yekan';
    src: url('../fonts/BYekan.eot');
    src: url('../fonts/BYekan.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BYekan.ttf') format('truetype'),
    url('../fonts/BYekan.woff') format('woff');
}

@font-face {
    font-family: "iransans";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/iransans.eot");
    src: url("../fonts/iransans.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans.woff2") format("woff2"), url("../fonts/iransans.woff") format("woff"), url("../fonts/iransans.ttf") format("truetype");
}

html {
    height: 100%;
}

body {
    background-color: #F4EDF1;
    direction: rtl;
    font-family: 'iransans', serif;
    font-size: 16px;
    line-height: 1.7;
    min-height: 100%;
    padding-bottom: 115px;
    position: relative;
}

@media (max-width: 767px) {
    body {
        padding-bottom: 246px;
    }
}

@media (max-width: 405px) {
    body {
        padding-bottom: 246px;
    }
}

.navbar-brand {
    padding: 14px unset unset 15px;
    font-size: unset;
    line-height: unset;
}

@media (max-width: 365px) {
    .navbar-brand {
    }
}

.navbar-brand-h1 {
    color: #FFF;
    font-size: 28px;
    margin: -2px 0 0;
}


.loader {
    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);
    background-image: url("../images/loading.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.my-error-box,
.my-warning-box,
.my-success-box {
    margin-bottom: 20px;
}

.my-error-box > p,
.my-warning-box > p,
.my-success-box > p {
    padding: 7px 15px;
    margin-bottom: 15px;
}

.main-footer {
    background-color: #A90059;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
}

.footer-link {
    margin: 10px 0;
    text-align: right;
}

.footer-link > ul {
    padding: 0;
}

.footer-link > ul > li {
    display: inline-block;
    margin: 0 12px;
}

.footer-link > ul > li > a {
    color: #E2E2E2;
}

.footer-link > ul > li > a:hover {
    color: #FFF;
}

.reload-page-app {
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    padding: 15px 9px;
}

@media (max-width: 767px) {
    .footer-link {
        text-align: center;
    }

    .footer-link > ul > li {
        display: block;
    }
}

.footer-owner {
    border-top: 1px solid #B31473;
    color: #E2E2E2;
    padding: 10px 0;
}

.notify-wrap {
    display: block;
    right: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: fixed;
    top: 55px;
    width: 300px;
    z-index: 999;
}

.notify-wrap .notify {
    margin-bottom: 10px;
    opacity: 0.6;
    padding: 15px 50px 15px 23px;
    position: relative;
}

.notify-wrap .notify {
    min-height: 90px;
    width: 100%;
}

.notify-wrap .notify:hover {
    opacity: 1;
}

.notify-wrap .notify .glyphicon,
.notify-wrap .notify .msg {
    color: #FFFFFF;
}

.notify span:nth-child(1) {
    position: absolute;
    right: 15px;
    top: 35px;
}

.notify .glyphicon:nth-child(1) {
    font-size: 20px;
}

.notify .glyphicon:nth-child(3) {
    cursor: pointer;
    font-size: 16px;
    left: 5px;
    position: absolute;
    top: 5px;
}

.navbar-nav > li > a > .not-read-count {
    border-radius: 20px;
    color: #FFF;
    display: inline-block;
    float: left;
    margin: -4px 6px 0 0;
    padding: 4px 10px;
}

/*The General Page*/

/*General*/

/*Display*/
.display-block {
    display: block;
}

.display-none {
    display: none;
}

/*Display*/
/*Size*/
.width-100 {
    width: 100%;
}

.width-50 {
    width: 50%;
}

.width-33 {
    width: 33.33%;
}

.form-box .width-33 {
    display: inline-block;
    width: 32.42%;
}

.form-box .width-50 {
    display: inline-block;
    width: 45.8%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .form-box .width-50 {
        width: 44.9%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .form-box .width-50 {
        width: 46.7%;
    }
}

@media (min-width: 729px) and (max-width: 767px) {
    .form-box .width-50 {
        width: 46.5%;
    }
}

@media (max-width: 728px) {
    .form-box .width-50 {
        width: 42%;
    }
}

.margin-0 {
    margin: 0;
}

.padding-0 {
    padding: 0;
}

/*Size*/
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*Color*/
/*Color*/

/*Background color*/
/*Background color*/

/*Font*/
.font-bold {
    font-weight: bold;
}

.font-20 {
    font-size: 20px;
}

/*Font*/

/*Line-Height*/
.line-height-1-7 {
    line-height: 1.7 !important;
}

/*Line-Height*/

/*Text align*/
.text-align-center {
    text-align: center;
}

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

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

/*Text align*/
/*My-btn*/
.my-btn {
    border: 0;
    border-radius: 0;
    color: #FFFFFF;
    padding: 10px 20px;
}

.my-btn:hover,
.my-btn:focus {
    color: #FFFFFF;
}

.my-btn .glyphicon {
    font-size: 12px;
    margin-left: 5px;
    top: 4px;
}

.my-btn > a {
    color: #FFF;
    text-decoration: none;
}

@media (max-width: 767px) {
    .my-btn {
        padding: 5px 10px;
    }

    .my-btn .glyphicon {
        right: 0;
    }
}

.my-btn-danger {
    background-color: #ED6B75;
    border-color: #ED6B75;
}

.my-btn-danger:hover,
.my-btn-danger:active {
    background-color: #E73D4A;
    border-color: #E31D2D;
}

.my-btn-danger:focus {
    background-color: #E73D4A;
    border-color: #A91520;
}

.danger-back {
    background-color: #ED6B75;
}

.danger-border {
    border-color: #ED6B75;
}

.danger-font {
    color: #ED6B75;
}

.my-btn-warning {
    background-color: #F1C40F;
    border-color: #F1C40F;
}

.my-btn-warning:hover,
.my-btn-warning:active {
    background-color: #C29D0B;
    border-color: #A08209;
}

.my-btn-warning:focus {
    background-color: #C29D0B;
    border-color: #614F06;
}

.warning-back {
    background-color: #F1C40F;
}

.warning-border {
    border-color: #F1C40F;
}

.warning-font {
    color: #F1C40F;
}

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

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

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

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

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

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

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

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

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

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

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

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

.my-btn-primary {
    background-color: #337AB7;
    border-color: #337AB7;
}

.my-btn-primary:hover,
.my-btn-primary:active {
    background-color: #286090;
    border-color: #204D74;
}

.my-btn-primary:focus {
    background-color: #286090;
    border-color: #122B40;
}

.primary-back {
    background-color: #337AB7;
}

.primary-border {
    border-color: #337AB7;
}

.primary-font {
    color: #337AB7;
}

.my-btn-default {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    color: #333333;
}

.my-btn-default:hover,
.my-btn-default:active {
    background-color: #E6E6E6;
    border-color: #ADADAD;
    color: #333333;
}

.my-btn-default:focus {
    background-color: #E6E6E6;
    border-color: #8C8C8C;
    color: #333333;
}

.default-back {
    background-color: #FFFFFF;
}

.default-border {
    border-color: #CCCCCC;
}

.default-font {
    color: #333333;
}

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

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

.my-btn-red-haze:focus,
.nav-row .col-right .open > .my-btn-red-haze {
    background-color: #F03F2A;
    border-color: #C0210E;
}

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

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

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

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

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

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

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

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

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

.yellow-lemon-back {
    background-color: #F7CA18;
}

.yellow-lemon-border {
    border-color: #F7CA18;
}

.yellow-lemon-font {
    color: #F7CA18;
}

.yellow-soft-back {
    background-color: #C8D046;
}

.yellow-soft-border {
    border-color: #C8D046;
}

.yellow-soft-font {
    color: #C8D046;
}

.yellow-haze-back {
    background-color: #C5BF66;
}

.yellow-haze-border {
    border-color: #C5BF66;
}

.yellow-haze-font {
    color: #C5BF66;
}

.success-notify-back {
    background-color: #50A250;
}

.success-notify-border {
    border-color: #50A250;
}

.success-notify-font {
    color: #50A250;
}

.info-notify-back {
    background-color: #2F96B4;
}

.info-notify-border {
    border-color: #2F96B4;
}

.info-notify-font {
    color: #2F96B4;
}

.warning-notify-back {
    background-color: #F79305;
}

.warning-notify-border {
    border-color: #F79305;
}

.warning-notify-font {
    color: #F79305;
}

.error-notify-back {
    background-color: #BC352E;
}

.error-notify-border {
    border-color: #BC352E;
}

.error-notify-font {
    color: #BC352E;
}

.my-btn-purple-plum {
    background-color: #8775A7;
    border-color: #8775A7;
}

.my-btn-purple-plum:hover,
.my-btn-purple-plum:active {
    background-color: #6D5B8E;
    border-color: #685788;
}

.my-btn-purple-plum:focus {
    background-color: #6D5B8E;
    border-color: #493D60;
}

.purple-plum-back {
    background-color: #8775A7;
}

.purple-plum-border {
    border-color: #8775A7;
}

.purple-plum-font {
    color: #8775A7;
}

/*My-btn*/
.dir-ltr {
    direction: ltr;
}

.float-left {
    float: left;
}

.white-back {
    background-color: #FFF;
}

.list-style-circle {
    list-style-type: circle;
}

.cursor-pointer {
    cursor: pointer;
}

.text-underline {
    text-decoration: underline;
}

.display-inline {
    display: inline;
}

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

.flex-row {
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .flex-item {
        width: calc(50% - 8px);
    }
}

@media (max-width: 768px) {
    .flex-item {
        width: 100%;
        margin-bottom: 15px;
    }
}

.flex-row-vertical {
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-flow: row wrap;
    align-content: stretch;
    min-height: 100%;
}

.flex-row-vertical > a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-box-1 {
    background-color: #FFFFFF;
    padding: 15px;
    box-sizing: border-box;
}

.form-box-1 .checkbox input[type=checkbox] {
    margin-right: -20px;
    margin-left: 0;
}

.form-box-1 .checkbox label {
    padding-left: 0;
    padding-right: 20px;
}


.form-box-1 .captch-box {
    height: 85px;
}

.btn {
    font-size: unset;
}

.index-top-row {
    height: 433px;
}

.index-top-row > div {
    float: right;
    height: 100%;
}

.form-box {
    background-color: #FFF;
    padding: 20px 10%;
}

.form-box .form-title {
    font-size: 20px;
    margin: 0;
}

.form-box .form-subtitle {
    margin-top: 10px;
    text-align: center;
}

.form-box input,
.form-box select,
.form-box textarea {
    margin-top: 10px;
    width: 100%;
}

.form-box input[type="checkbox"] {
    width: auto;
}

.form-box .has-error {
    border: 1px solid #a94442;
}

.form-box .has-error:focus {
    border-color: #843534;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #ce8483;
}

.form-box input[type="checkbox"].has-error {
    outline: 1px solid #a94442;
}

.form-box select {
    border-radius: 0;
    height: 30px;
}

.form-box textarea {
    padding: 5px 15px;
    resize: none;
}

.form-box label {
    font-weight: normal;
    margin: 10px 0 0;
}

.form-box label + input,
.form-box label + select,
.form-box select + select {
    margin-top: 0;
}

.form-box select > option {
    padding: 5px;
}

.form-box .my-alert-box {
    margin-bottom: 15px;
    padding: 7px 15px;
}

.login-wrapper .form-box {
    height: 100%;
}

.captch-box {
    height: 123px;
    margin-top: 10px;
    position: relative;
}

.captch-box > img {
    padding-left: 60px;
}

.captch-box > img {
    height: 76px;
    width: 100%;
}

.captch-box > .glyphicon:not(.help-reload) {
    background: #666 none repeat scroll 0 0;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 30px;
    left: 0;
    padding: 23px 15px;
    position: absolute;
    top: 0;
}

.captch-box > input {
    bottom: 0;
    margin-top: 15px;
    position: absolute;
    right: 0;
    width: 100%;
}

.login-remember-label,
.accept-rule-label {
    margin: 0 3px 0 0;
}

.index-information-wrapper {
    background-color: #FFF;
    padding: 4% 20px;
    height: 100%;
}

.index-information-wrapper > .telegram-box > .best-link {
    display: inline-block;
    width: 49%;
}

.index-information-wrapper > .telegram-box img {
    max-height: 225px;
}

.index-information-wrapper > .information-box {
    background-color: #CB1D0B;
    color: #FFF;
    padding: 10px;
    text-align: center;
}

.index-information-wrapper .btn {
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .index-top-row {
        height: auto;
    }

    .login-wrapper {
        margin-bottom: 20px;
    }

    .index-information-wrapper > div {
        padding: 0;
        margin-top: 20px;
    }
}

.user-list-wrapper {
    margin: 20px 15px 0;
}

.user-list-wrapper > .row > div {
    float: right;
}

.profile-box {
    background-color: #FFF;
    border: 1px solid #E7DCF1;
    border-right: 2px solid #E6E9EC;
    overflow: hidden;
    padding: 30px 0;
}

.profile-userpic img {
    border-radius: 50%;
    display: block;
    height: 153px;
    margin: 0 auto;
    width: 153px;
}

.profile-user-pic-large img {
    border-radius: 50%;
    display: block;
    height: 250px;
    margin: 0 auto;
    width: 250px;
}

.profile-usertitle {
    margin-top: 20px;
    padding: 0 15px;
    text-align: center;
}

.profile-usertitle-name {
    color: #5a7391;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 7px;
}

.profile-usertitle-name .glyphicon-time {
    top: 7px;
    margin-right: -10px;
}

.alert-info .glyphicon-time {
    top: 3px;
}

.profile-usertitle-city {
    color: #5b9bd1;
    font-size: 13px;
    font-weight: 800;
}

.profile-userbuttons {
    margin-top: 10px;
    text-align: center;
}

.profile-userbuttons button {
    font-size: 11px;
    font-weight: 600;
    margin-left: 5px;
    padding: 6px 15px;
}

.profile-box .information-box {
    padding: 0 10px;
    text-align: center;
}

.profile-box .information-box > span > .glyphicon-heart {
    color: red;
    top: 4px;
}

.profile-box .information-box > span > .glyphicon-lock {
    color: orange;
    top: 2px;
}

.user-list-wrapper > .show-more {
    display: block;
    margin: 20px -14px 0;
}

.page-header {
    border-bottom: 1px solid #ccc;
    margin: 20px 0;
}

.page-header > .main-header {
    line-height: 1.5;
    margin: 0;
}

.marriage-recorded-table {
    background-color: #F9F9F9;
}

.tariff-table > thead > tr,
.marriage-recorded-table > thead > tr {
    background-color: #B32B7A;
    color: #FFF;
}

.tariff-table > thead > tr > th,
.marriage-recorded-table > thead > tr > th {
    border-bottom-width: 0;
}

.tariff-table th,
.tariff-table td,
.marriage-recorded-table th,
.marriage-recorded-table td {
    text-align: center;
}

.tariff-table .glyphicon {
    top: 3px;
}

.tariff-table .glyphicon-ok {
    color: #1BBC9B;
}

.tariff-table .glyphicon-remove {
    color: #F36A5A;
}

.search-parameter-row {
    margin: 0;
    padding: 20px 5%;
}

.search-parameter-row > div {
    float: right;
}

.search-parameter-row input[type="submit"] {
    margin-top: 20px;
}

.user-list-pagination > div {
    text-align: center;
}

.user-list-pagination .pagination > li > a > .glyphicon {
    font-size: 12px;
    top: 3px;
}

.profile-wrapper > div {
    float: right;
}

.profile-information-wrapper {
    background-color: #FFF;
    padding: 30px 20px;
}

.profile-information-wrapper > .nav-tabs {
    padding: 0;
}

.profile-information-wrapper > .nav-tabs > li {
    float: right;
}

.profile-information-row {
    padding: 15px;
}

.profile-information-row > .tab-content > .tab-pane > div {
    float: right;
}

.user-list-pagination .pagination {
    margin: 20px 0 -9px;
}

.user-list-pagination-select {
    margin-bottom: 20px;
}

.user-list-pagination-select-search {
    margin-top: 20px;
}

.user-list-pagination-select .form-control,
.user-list-pagination-select-search .form-control {
    display: inline-block;
    margin-right: 20px;
    max-width: 180px;
}

.action-link-box-parent {
    position: relative;
}

.action-link-box-parent > .action-link-box {
    left: -1px;
    position: absolute;
    top: 32px;
    width: 42px;
}

.action-link-box-parent > .action-link-box > a {
    border-top: 1px solid #eee;
    box-shadow: 2px 2px #E6E9EC;
    float: left;
    margin-top: 15px;
    padding: 3px 10px;
}

.action-link-box-parent > .action-link-box > a > img {
    height: 20px;
    opacity: 0.5;
    width: 20px;
}

.action-link-box-parent > .action-link-box > a > .glyphicon {
    color: #A90059;
    opacity: 0.5;
    top: 4px;
}

.action-link-box-parent > .action-link-box > a:hover {
    box-shadow: 3px 3px 3px #E6E9EC;
}

.action-link-box-parent > .action-link-box > a:hover > img,
.action-link-box-parent > .action-link-box > a:hover > .glyphicon {
    opacity: 1;
}

.show-profile-not-allow {
    margin: 20px 0 0;
    padding: 7px 15px;
}

.my-profile-wrapper .profile-box > .information-box > a {
    color: #5b9bd1;
    display: block;
    margin: 7px 0;
    text-align: right;
}

.my-profile-wrapper .profile-box > .information-box > a > .my-profile-count {
    border-radius: 11px;
    color: #FFF;
    padding: 4px 7px;
    margin-right: 5px;
}

.my-profile-wrapper .profile-box > .information-box > a > .two-chars {
    border-radius: 13px;
    padding: 6px 5px;
}

.my-profile-wrapper .profile-box > .information-box > a > .three-chars {
    border-radius: 15px;
    padding: 8px 3px;
}

.my-profile-wrapper .profile-box > .profile-usertitle > .profile-usertitle-city > a {
    color: #5B9BD1;
}

/* .profile-picture-modal */
.profile-picture-modal {
    background-color: #FFF;
    margin-right: -15px;
}

.profile-picture-modal .modal-dialog {
    margin: 0 auto;
    width: 100%;
}

@media (min-width: 768px) {
    .profile-picture-modal .modal-dialog {
        width: 738px;
    }
}

@media (min-width: 992px) {
    .profile-picture-modal .modal-dialog {
        width: 962px;
    }
}

@media (min-width: 1200px) {
    .profile-picture-modal .modal-dialog {
        width: 1170px;
    }
}

.profile-picture-modal .modal-content {
    background-color: #FFF;
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.profile-picture-modal .modal-body,
.profile-picture-modal .modal-footer {
    text-align: center;
}

.profile-picture-modal .modal-body img {
    max-width: 90%;
}

.message-description {
    height: 300px;
}

.messages-wrapper {
    background-color: #FFF;
    overflow: hidden;
    padding: 20px;
}

.messages-wrapper .my-alert {
    padding: 5px 10px;
}

.contact-box {
    background-color: #FFF;
    border: 1px solid #E7DCF1;
    border-right: 2px solid #E6E9EC;
    padding: 5px 10px;
    margin-bottom: 3px;
}

.contact-box {
    height: 52px;
}

.contact-box > div {
    display: inline-block;
}

.contact-box > .link-to-profile-box {
    float: right;
}

.contact-box > .link-to-profile-box > .form-delete-conversation {
    float: right;
}

.contact-box > .link-to-profile-box > .contact-checkbox,
.contact-box > .link-to-profile-box > .form-delete-conversation > .contact-checkbox {
    cursor: pointer;
    float: right;
    margin: 13px 0 13px 10px;
}

@media (max-width: 365px) {
    .contact-box > .link-to-profile-box > .form-delete-conversation > .contact-checkbox {
        margin: 13px 0 13px 3px;
    }
}

.contact-box > .link-to-profile-box > img {
    border-radius: 20px;
    float: right;
    height: 40px;
    width: 40px;
}

.contact-box > .link-to-profile-box > .profile-name {
    display: inline-block;
    margin: 8px 10px 0 0;
    width: 140px;
}

.contact-box > .last-message-date {
    float: right;
    margin: 8px 10px 0 0;
}

@media (max-width: 520px) {
    .contact-box > .last-message-date {
        display: none;
    }

    .contact-box > .link-to-profile-box > .profile-name {
        width: 115px;
    }
}

@media (max-width: 365px) {
    .contact-box > .link-to-profile-box > .profile-name {
        width: 85px;
    }
}

.contact-box > .not-read-count {
    border-radius: 20px;
    color: #FFF;
    float: left;
    margin: 4px 0 0 10px;
    padding: 4px 12px;
}

.contact-box > .two-chars {
    padding: 4px 8px;
}

.contact-box > .three-chars {
    padding: 4px;
}

@media (max-width: 365px) {
    .contact-box > .not-read-count {
        margin: 4px 0 0 3px;
    }
}

.contact-box > .go-to-chat {
    float: left;
}

.contact-box > .go-to-chat .glyphicon {
    color: #2c3e50;
    font-size: 32px;
    top: 5px;
}

.messages-wrapper .my-btn {
    margin-top: 15px;
}

.chat-wrapper {
    border: 1px solid #A90059;
}

.chat-header {
    background-color: #BA0060;
    padding: 5px 30px;
}

.chat-header > img {
    border-radius: 20px;
    float: right;
    height: 40px;
    width: 40px;
}

.chat-header > .chat-header-title {
    float: right;
    margin-right: 10px;
}

.chat-header-title > a:nth-child(1) {
    color: #FFF;
    display: block;
}

.chat-header-title > a:nth-child(1) > label {
    cursor: pointer;
    display: block;
    margin: 3px 0 -8px;
}

.chat-header-title > a:nth-child(2) {
    color: #FFF;
    display: inline-block;
    font-size: 11px;
}

.chat-header-title > a:nth-child(2) > .glyphicon {
    top: 2px;
}

.chat-show {
    background-image: url("../images/chat.png");
    background-size: cover;
    direction: ltr;
    height: calc(100vh - 228px);
    min-height: 200px;
    overflow-y: scroll;
}

.show-date {
    margin: 10px auto;
    text-align: center;
}

.show-date > span {
    background-color: #FFF;
    border-radius: 10px;
    padding: 2px 6px;
}

.message-row {
    margin-bottom: 3px;
    padding: 10px;
}

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

.message-show-receiver > .message-content-box {
    margin-left: 15px;
}

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

.message-show-sender > .message-content-box {
    margin-right: 15px;
}

.message-content-box {
    background-color: #FFF;
    max-width: 78%;
    padding: 10px 10px 0;
    position: relative;
}

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

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

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

.sender-img-box img {
    border-radius: 20px;
    height: 40px;
    width: 40px;
}

.message-content {
    direction: rtl;
}

.message-status-bar {
    border-top: 1px solid #eee;
    margin-top: 10px;
    opacity: 0.5;
}

.message-status-bar > .show-time {
    float: right;
}

.message-status-bar > .delete-message {
    cursor: pointer;
    margin: 0 5px;
    top: 4px;
}

.message-status-bar > .show-status {
    float: left;
}

.message-status-bar > .show-status > .glyphicon {
    font-size: 11px;
}

.message-status-bar > .show-status > .glyphicon:nth-child(2) {
    margin-left: -6px;
}

.chat-write {
    border-top: 1px solid #D58BB0;
    position: relative;
}

.chat-write {
    height: 85px;
}

.chat-write .chat-textarea {
    border: none;
    padding: 10px 17px 10px 60px;
    resize: none;
}

.chat-write .chat-textarea {
    height: 100%;
    width: 100%;
}

.chat-write .chat-send {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
}

.chat-send .glyphicon {
    font-size: 20px;
    margin-right: -5px;
}

.my-profile-content > div {
    background-color: #FFF;
    border-color: #E7DCF1 #E6E9EC #E7DCF1 #E7DCF1;
    border-style: solid;
    border-width: 1px;
    margin-right: -15px;
    padding: 15px;
}

@media (max-width: 991px) {
    .my-profile-content > div {
        margin-right: 0;
        margin-top: 15px;
    }
}

.my-profile-content > div > .row {
    margin-left: 0;
    margin-right: 0;
}

.my-profile-content > div > .row > div {
    float: right;
}

.my-profile-content .head-box > .box-header {
    font-size: 18px;
}

.my-profile-content .head-box > .box-alert {
    margin-bottom: 10px;
    padding: 5px 10px;
}

.edit-profile-top-row > div {
    float: right;
}

/*.edit-profile-top-row > div:nth-child(1) > .form-box {
    height: 1890px;
}*/
@media (max-width: 991px) {
    .edit-profile-top-row > div:nth-child(3) {
        margin-top: 15px;
    }
}

.edit-profile-bottom-row {
    margin-top: 15px;
}

.edit-img-profile-wrapper > div {
    float: left;
}

.edit-img-profile-wrapper .form-box {
    padding: 30px 10%;
}

/**/
/*Plans Wrapper*/
/**/

.plans-wrapper {
    background-color: white;
    border: 1px solid gainsboro;
    padding: var(--bootstrap-double-space) var(--bootstrap-default-space);
}

.plans-wrapper .plan-box {
    border: 1px solid gainsboro;
    cursor: pointer;
    margin-bottom: var(--bootstrap-double-space);
    padding: var(--bootstrap-default-space);
    position: relative;
}

.plans-wrapper .plan-box > .radio-box {
    display: flex;
}

.plans-wrapper .plan-box > .radio-box > input {
    margin: 0 0 0 var(--bootstrap-half-space);
}

.plans-wrapper .plan-box > .radio-box > label {
    margin: 0;
}

.plans-wrapper .plan-box > .description {
    margin: var(--bootstrap-default-space) 0 0;
}

.plans-wrapper .plan-box > .amount-box {
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--bootstrap-default-space);
    padding: 0 var(--bootstrap-half-space);
}

@media (max-width: 374px) {
    .plans-wrapper .plan-box > .amount-box {
        padding: 0;
    }
}

.plans-wrapper .plan-box > .amount-box > .amount {
    font-size: 0.8em;
}

.plans-wrapper .plan-box > .amount-box > .promote {
    color: #D41E85;
    font-size: 1.2em;
}

.plans-wrapper .recommended-badge::before {
    content: "پیشنهادی";
    top: 12px;
    left: -32px;
}

.plans-wrapper .popular-badge::before {
    content: "محبوب ترین";
    top: 15px;
    left: -27px;
}

.plans-wrapper .popular-badge::before,
.plans-wrapper .recommended-badge::before {
    position: absolute;
    background: red;
    color: white;
    width: 121px;
    text-align: center;
    line-height: 1.5;
    transform: rotate(-37deg);
    box-shadow: 2px 2px 5px gainsboro;
}

.plans-wrapper .popular-badge,
.plans-wrapper .recommended-badge {
    overflow: hidden;
    box-shadow: 0 0 10px var(--panel-primary-shadow-color);
}

.plans-wrapper .not-recommended {
    border: 1px solid #F4F4F2;
    color: #8a8a89;
}

.plans-wrapper .not-recommended .description {
    color: #8a8a89;
    background-color: #F4F4F2;
    border-color: #e8eaed;
}

/**/
/*End Plans Wrapper*/
/**/

.navbar-collapse ul hr {
    display: none;
}

.navbar-collapse .other-panel-menu,
.navbar-collapse .download-app-menu {
    display: none;
}

@media (max-width: 767px) {
    .navbar-collapse ul li {
        float: none;
    }

    .navbar-collapse ul hr {
        display: block;
        margin-top: 0;
        margin-bottom: 0;
    }

    .navbar-collapse .other-panel-menu,
    .navbar-collapse .download-app-menu {
        display: block;
    }
}

/*General*/

/*Change On Bootstrap*/
.navbar-collapse ul li {
    float: right;
}

@media (max-width: 767px) {
    .navbar-collapse ul li {
        float: none;
    }
}

.navbar {
    border-radius: 0;
}

.navbar-inverse {
    background-color: #C43C8B;
    border-color: #BC548F;
}

.navbar-inverse .navbar-toggle {
    border-color: #FFF;
}

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

.navbar-inverse .navbar-nav {
    padding-right: 10px;
}

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

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: transparent;
}

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

.nav > li > a {
    padding: 15px 10px;
}

.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;
}

.pagination {
    padding: 0;
}

.modal-header .close {
    margin-top: 0;
}

.news-content,
.news-resource,
.news-date {
    background-color: #FFFFFF;
    padding: 15px;
}

.news-resource {
    margin-top: 15px;
}

.news-content > img {
    width: 100%;
}

/* Change On Bootstrap */

.new-captcha-box {
    height: 211px;
    padding-top: 40px;
}

@media (max-width: 498px) {
    .new-captcha-box {
        height: 233px;
    }
}

@media (max-width: 336px) {
    .new-captcha-box {
        height: 256px;
    }
}

.form-box .new-captcha-box.has-error {
    border: none;
}

.new-captcha-box .control-label {
    position: absolute;
    top: 7px;
    right: 0;
}

.new-captcha-box .glyphicon.glyphicon-repeat.reload-captcha {
    top: 40px;
}

.new-captcha-box .form-control {
    position: absolute;
    top: 116px;
}

.new-captcha-box .help-block {
    position: absolute;
    top: 164px;
}

.form-group.has-error {
    border: none;
}

.useful-button {
    margin: 0 0 20px;
}

.useful-button > a {
    font-size: 18px;
}

.jumbotron {
    background-color: #FFFFFF;
}

.jumbotron > p {
    text-align: justify;
}

textarea {
    resize: none;
}

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

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

.blog-article th {
    text-align: center;
    background-color: #B71769;
}

.blog-article th a {
    color: #FFFFFF;
}

.blog-article table 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;
    font-size: 16px;
}

.blog-article .post-section a {
    display: block;
    position: relative;
    min-height: 180px;
    background-color: #FFFFFF;
}

.blog-article .post-section img {
    position: absolute;
    border-radius: 50%;
    top: 15px;
    right: 15px;
    margin-bottom: 30px;
}

.blog-article .post-section .title {
    display: block;
    font-size: 20px;
    position: absolute;
    top: 15px;
    right: 180px;

}

.blog-article .post-section .description {
    display: block;
    line-height: 1.5;
    padding: 50px 180px 15px 15px;
    text-align: justify;
    color: #000000;

}


.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;
    margin-bottom: 30px;
}

.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;
}

.first-star {
    position: absolute;
    top: 15px;
    right: 5px;
}

.second-star {
    position: absolute;
    top: 15px;
    right: 20px;
}

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

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

.action-link-box-parent > .action-link-box > a.margin-top-25 {
    margin-top: 25px;
}

.card-style {
    background-color: green;
    color: white;
    padding: 5px;
}

.card-style:hover {
    color: white;
}

.receipt-style {
    background-color: white;
    padding: 30px 15px;
}