@charset "utf-8";
/*@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/eot/IRANSansWeb_Bold.eot');
    src: url('../fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  !* IE6-8 *!
    url('../fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'),  !* FF39+,Chrome36+, Opera24+*!
    url('../fonts/woff/IRANSansWeb_Bold.woff') format('woff'),  !* FF3.6+, IE9, Chrome6+, Saf5.1+*!
    url('../fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}*/
/*@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/eot/IRANSansWeb_Medium.eot');
    src: url('../fonts/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),  !* IE6-8 *!
    url('../fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'),  !* FF39+,Chrome36+, Opera24+*!
    url('../fonts/woff/IRANSansWeb_Medium.woff') format('woff'),  !* FF3.6+, IE9, Chrome6+, Saf5.1+*!
    url('../fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/eot/IRANSansWeb_Light.eot');
    src: url('../fonts/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),  !* IE6-8 *!
    url('../fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'),  !* FF39+,Chrome36+, Opera24+*!
    url('../fonts/woff/IRANSansWeb_Light.woff') format('woff'),  !* FF3.6+, IE9, Chrome6+, Saf5.1+*!
    url('../fonts/ttf/IRANSansWeb_Light.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/eot/IRANSansWeb_UltraLight.eot');
    src: url('../fonts/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),  !* IE6-8 *!
    url('../fonts/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'),  !* FF39+,Chrome36+, Opera24+*!
    url('../fonts/woff/IRANSansWeb_UltraLight.woff') format('woff'),  !* FF3.6+, IE9, Chrome6+, Saf5.1+*!
    url('../fonts/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}*/
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    /*src: url('../fonts/eot/IRANSansWeb.eot');*/
    /*src: url('../fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  !* IE6-8 *!*/
    /*url('../fonts/woff2/IRANSansWeb.woff2') format('woff2'),  !* FF39+,Chrome36+, Opera24+*!*/
    src : url('../fonts/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IRANSansWeb.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    /*src: url('../fonts/eot/IRANSansWeb.eot');*/
    /*src: url('../fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  !* IE6-8 *!*/
    /*url('../fonts/woff2/IRANSansWeb.woff2') format('woff2'),  !* FF39+,Chrome36+, Opera24+*!*/
    src : url('../fonts/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IRANSansWeb.ttf') format('truetype');
}
@font-face {
    font-family: 'IconFontFace';
    src: url(../fonts/Icon.eot?) format("eot"),
         url(../fonts/Icon.woff) format("woff"),
         url(../fonts/Icon.ttf) format("truetype");
}
[class^='icon-']:before, [class*='icon-']:before {
    font-family: IconFontFace, "Glyphicons Halflings";
    font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale
}
body {
    font-family: IRANSans, serif !important;
    font-size: 12px;
}
.inner-page {
    background: #fafafa;

}
ol.breadcrumb {
    background: #fff;
}
.persian-text,
ul.dropdown-menu>li>a {
    text-align: right
}
.lang_fa{
    direction: rtl;
    text-align: right;
}
.order,
.persian-text,
.rtl {
    direction: rtl
}
.lang_en {
    direction: ltr;
    text-align: left;
}
.lang_en div#navbarsExample08 {
    direction: ltr;
}

.lang_fa #intro .intro-info {
    text-align: right;
    float: right;
    margin-right: 10%;
    margin-left: unset;
}

.conf_count .archive-link {
    text-align: left;

}

.conf_count .archive-link a {
    font-size: 14px;
    text-decoration: underline;
    margin-top: -30px;
}
.title-section,
.post-summary,
.post-content,
.content-widgets li.post-link {
    text-align: left;
}
.archive-news .card-title {
    text-align: left;
}

.conf_count .archive-link a i {
    font-size: 20px;
    margin-left: 10px;
    vertical-align: middle;
    margin-right: 10px;
}

.lang_fa #intro .intro-img {
    float: left;
    margin-left: 10%;
    margin-right: unset;
}

.conf_count {
    border-radius: 20px;
    box-shadow: 0 8px 60px 0 rgba(103,151,255,.11), 0 12px 90px 0 rgba(103,151,255,.11);
}

.persian-text {
    font-weight: 400
}

.hidden {
    display: none
}

.visible {
    display: block
}

.order>div>ul>li {
    list-style: none;
    margin-bottom: 15px;
    border: 1px solid #eee
}

.order>ul {
    margin-right: -30px;
    list-style: none
}

.badge.income4,
.badge.income5,
.badge.income6 {
    font-family: 'b titr', titr, Lucida Sans, serif;
    background: #ff7058;
    margin-left: 5px;
    font-size: 16px
}

.badge.count4,
.badge.count5,
.badge.count6 {
    font-family: 'b titr', titr, Lucida Sans, serif;
    background: #66BB6A;
    margin-left: 5px;
    font-size: 20px
}

.table>tbody>tr>td,
.table>thead>tr>td {
    vertical-align: middle!important
}

#email_set_f,
#phone_set_f,
#software_id_f {
    direction: rtl;
    position: absolute;
    right: 0;
    left: 0
}

#sidebar>ul>li>a:hover{
    background-color: #FAFAFA;
}

#sidebar>ul>li>a {
    color: #9E9E9E;
    padding: 15px;
    font-size: 14px;
    transition: ease-in-out .3s all;
}

#sidebar>ul>li>a>i,
.nav-item>li>a>i{
    font-size: 24px;
    float: left;
    color: #9E9E9E
}
.lang_en #sidebar>ul>li>a>i,
.lang_en .nav-item>li>a>i {
    float: right;
}
.logo-login {
    text-align: center;
    margin-bottom: 10px;
}

.nav .nav-item li {
    border-right: 2px solid #ccc;
}
.lang_en .nav .nav-item li {
    border-left: 2px solid #ccc;
    border-right: none;
}

.nav ul.nav-item {
    padding-right: 20px;
}
.lang_en .nav ul.nav-item {
    padding-left: 20px;
    padding-right: 0;
}

.order>ul>li>div {
    float: left;
    display: -webkit-box;
    margin-left: 20px
}

.order>ul>li>div>.result-false>span,
.order>ul>li>div>.result-true>span {
    margin-right: 10px
}

.order>ul>li {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    margin-right: -25px;
    padding-right: 15px;
    margin-left: -15px;
    margin-bottom: 15px
}

.order>ul>li:last-child {
    border-bottom: none;
    margin-bottom: -11px
}

.order>ul>li>span {
    float: left;
    margin-left: 20px
}

td.price {
    direction: ltr;
}

table > thead > tr > th {
    text-align: center;
}

.sale_price1,
.sale_price2,
.sale_price3 {
    text-decoration: line-through
}

.tooltip {
    font-family: IRANSans, serif
}

.info-ico:before {
    content: url(../img/Info.png)
}

.g_c {
    position: relative
}

.g_c .label_robot {
    position: absolute;
    top: 26px;
    height: 30px;
    left: 160px;
    background: #fafafa
}
.lang_en .label_robot.admin{
    display:none;
}

.g_c .label_robot.admin {
    left: 168px;
    min-width: 85px
}

.info-label {
    margin-top:  10px;
    display:  inline-block;
}
.info-label .label {
    font-size: 15px;
}

.product_label {
    font-size: 16px
}

ul.dropdown-menu>li>a>span {
    float: left;
    color: #636363
}

#deposit_check {
    text-align: center;
    padding: 10px 43px;
    margin: auto
}

.order {
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 1px 1px 1px #ddd
}

.header-order {
    font-size: 17px;
    font-weight: 700;
    border-bottom: 1px solid #616161;
    margin: 0 -16px 10px;
    padding: 5px;
    background-color: #eee
}

.box {
    direction: rtl;
    width: 55%;
    height: 107px;
    margin-top: -30px;
    /*padding: 0 130px;*/
    margin-right:auto;
    margin-left:auto;
    z-index: 50;
}

.navbar-brand img {
    height: 75px;
    margin-top: -8px;
    margin-bottom: -8px;
    display: block
}
.sub-logo-title {
    display: block;
    font-size: 12px;
    margin-top: 10px;
    color: #868686;
}
#admin .navbar-brand img {
    height: auto;
    width: 45px;
    display: inline;
}
a.navbar-brand.logo .logo-title {
    font-size: 14px;
    display: inline;
    font-weight: bold;
}
.number {
    direction: ltr
}

body>div.container.persian-text>div>div>div>form>table>tbody>tr>td {
    vertical-align: middle
}


.card_dual {
    box-shadow: 0 0 5px 3px #eee;
    display: flex;
    direction: ltr;
}
.lang_en .card_dual {
    direction: rtl;
}

.card_dual .content .item_message {
    min-height: 79px;
    max-height: calc(100% - 48px);
    padding-bottom: 5px;
    margin: 0 10px;
    text-align: right;
    direction: rtl;
}
.lang_en .card_dual .content .item_message{
    text-align: left;
    direction: ltr;
}
.caption h3, .caption h4 {
    line-height: normal;
    /*text-align: right;*/
    font-weight: bold;
}
.thumbnail .caption > p {
    text-align: right;
}
.card_dual img {
    margin: auto auto;
    max-width: 125px;
    width: 100%;
}
.card_dual .col-md-4 {
    margin: auto;
}
.card_dual .content {
    width: 70%;
    /*text-align: center;*/
    border-right: 1px solid #eee;
    padding: 0 10px 0 5px;
}
.lang_en .card_dual .content {
    border-right: none;
    border-left: 1px solid #eee;
    padding: 0 5px 0 10px;
}
.card_dual .content .item_message p {
    max-height: 60px;
}
.card_dual .content .item_message+p {
    text-align: left;
    margin-bottom: 5px;
}

.lang_en .card_dual .content .item_message+p {
    text-align: right;
}

.slideout-menu {
    position: fixed;
    top: 0;
    left: -250px;
    width: 250px;
    height: 100%;
    background: #333;
    z-index: 100
}

.slideout-menu h3 {
    position: relative;
    padding: 12px 10px;
    color: #fff;
    font-size: 1.2em;
    font-weight: 400;
    border-bottom: 4px solid #222
}

.slideout-menu .slideout-menu-toggle {
    position: absolute;
    top: 12px;
    right: 10px;
    display: inline-block;
    padding: 6px 9px 5px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 1;
    background: #222;
    color: #999;
    text-decoration: none;
    vertical-align: top
}

.slideout-menu .slideout-menu-toggle:hover {
    color: #fff
}

.slideout-menu ul {
    list-style: none;
    font-weight: 300;
    border-top: 1px solid #151515;
    border-bottom: 1px solid #454545
}

.slideout-menu ul li {
    border-top: 1px solid #454545;
    border-bottom: 1px solid #151515
}

.slideout-menu ul li a {
    position: relative;
    display: block;
    padding: 10px;
    color: #999;
    text-decoration: none
}

.slideout-menu ul li a:hover {
    background: #000;
    color: #fff
}

.slideout-menu ul li a i {
    position: absolute;
    top: 15px;
    right: 10px;
    opacity: .5
}

.sidebar {
    display: none
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 700
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.services td {
    padding: 3px
}

.nav-sidebar {
    padding-right: 0;
    margin-bottom: 0;
    margin-left: -15px;
}

.nav-sidebar>li>a {
    padding-right: 20px;
    padding-left: 20px
}

.nav-sidebar>.active>a,
.nav-sidebar>.active>a:focus,
.nav-sidebar>.active>a:hover {
    color: #fff;
    background-color: #428bca
}
.nav-item>li>a.active {
    background-color: #e2e2e2;
}
.nav-item>li>a {
    color: #9E9E9E;
    /* padding: 15px; */
    padding-left: 20px;
    transition: ease-in-out .3s all;
}
.nav-item>li>a>.badge {
    font-size: 10px;
    float: inherit;
    color: #fff;
    background: #dd4e2c
}

.table_result {
    width: 50%;
    margin: auto;
    min-width: 360px
}

.btn-menu {
    position: fixed;
    left: 25px;
    top: 10px;
    z-index: 1000000;
}

.paged-link,
.paged-link-off,
.paged-link-selected {
    float: right;
    margin: 2px;
    line-height: 14px
}

.main {
    padding: 60px 20px 20px;
}

.page-header {
    margin: 20px 0 20px;
    padding-bottom: 20px;
}

.inline {
    display: inline-block
}

.result-true {
    color: #090
}

.result-false {
    color: #C00
}

.explain_page .explain_label {
    float: right;
    font-size: 9px;
    text-decoration: underline
}

.log-out a,
.log-out a i {
    color: #d85b5b !important;
}

.paged-link a,
.paged-link-selected a {
    text-decoration: none;
    padding: 2px;
    display: inline-block
}

.paged-link {
    display: inline-block
}

.paged-link a {
    border: 1px solid #06C
}

.paged-link a:hover,
.paged-link-selected a:hover {
    border: 1px solid #900
}

.paged-link-selected {
    display: inline-block
}

.paged-link-selected a {
    border: 1px solid #900
}

.paged-link-off {
    display: inline-block;
    border: 1px solid #06C;
    padding: 2px;
    color: #CCC
}

.paged-link-info {
    color: #666;
    line-height: 14px;
    font-size: 11px
}

input[type=radio].css-checkbox {
    position: absolute;
    z-index: -1000;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

input[type=radio].css-checkbox+label.css-label {
    padding-left: 22px;
    height: 22px;
    display: inline-block;
    line-height: 36px;
    background-repeat: no-repeat;
    background-position: -192px 0;
    font-size: 11px;
    vertical-align: middle;
    cursor: pointer
}

input[type=radio].css-checkbox:checked+label.css-label,
input[type=radio].css-checkbox:checked:hover+label.css-label {
    background-position: -168px 0
}

input[type=radio].css-checkbox:hover+label.css-label {
    background-position: -144px 0
}

@media print {
    .no-print,
    .no-print * {
        display: none!important
    }
}

.pagination>li>a,
.pagination>li>span {
    padding: 4px 10px !important
}
/*
__________________________________________________

Hotel site
__________________________________________________
*/
.header_search {
    margin-bottom: 20em;
    margin-top: -61px;
    width: 100%;
}
nav.navbar-me {
    background-color: transparent;
    z-index: 1000;
}
.slider {
    margin-bottom: 30px;
}
.slider img{
    width: 100%;
    height: auto;
}
nav.navbar-me a.nav-link,
nav.navbar-me a.nav-link.waves-effect.waves-light {
    color: #0d0503;
    margin: 0 30px;
    text-align: center;
    font-size: 14px;
}

.search_gruop {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.logo_hotel {
    margin-top: 50px;
}

.logo_hotel img {
    width: 180px;
}
.search_item {
    float: right;
    padding: 22px 5px 0;
    color: #757575;
}
.search_item:hover{
    color: #535353 !important;
}
.search_item.item_3 {
    border-left: #e8e8e8 solid 1px;
    padding-bottom: 32px;
}
.search_item.item_4 {
    padding-left: 0;
    padding-top: 30px;
}

.search_item.item_1, .search_item.item_2 {
    border-left: #e8e8e8 solid 1px;
}
.search_item.item_31:after,
.search_item.item_32:after{
    content: '\e806';
    font-family: IconFontFace;
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    top: -10px;
    right: 120px;
    color: #e84d57;
    transform: rotate(-90deg);
    padding-top: 6px;
    box-sizing: border-box;
}

.search_item .arrow {
    display: block;
    margin: 0;
}


.search_item .arrow:after{
    content: '\e806';
    font-family: IconFontFace;
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    right: 45%;
    color: #e84d57;
    transform: rotate(-90deg);
    box-sizing: border-box;
}
.search_item .arrow:hover {
    cursor: pointer;

}
.arrow_slide {
    border: solid #c4a56b;
    border-width: 0 8px 8px 0;
    display: inline-block;
    padding: 8px;
}
.arrow_slide.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.arrow_slide.right{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.search_item.item_4 .home_search_icon {
    height: 45px;
    background: #c4a56b;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    padding: 0;
    box-sizing: border-box;
    text-align: center;
    max-width: 110px;
    margin-right: auto;
}
.search_item .control-label {
    display: block;
    text-align: center;
    margin-bottom:0;
}
.search_item input[type=text]:hover {
    cursor: pointer;
}

.search_item input[type=text] {
    text-align: center;
    margin: 5px 0 0;
    border: none;
    width: 100%;
    font-size: 18px;
}
.ui_input.um_select select, .ui_input .auto_label {
    opacity: 0;
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.ui_input > input, .ui_input > button, .ui_input > select {
    box-sizing: border-box;
    border: none;
    background: none;
}
.search_item.item_4 .home_search_icon label {
    display: block;
    padding: 12px 7px 4px 0;
    font-size: 14px;
    line-height: 1.5;
    margin-left: 40px;
    text-align: left;
    cursor: pointer;
}
#r_01_03 .search_item.item_4 .home_search_icon:after {
    content: '\e81d';
    position: absolute;
    font-family: IconFontFace;
    transform: rotate(90deg);
    top: 42px;
    left: 6px;
    -webkit-transition: all 100ms;
}
.user-info-item .invalid-feedback {
    display: none;
    position: absolute;
    left: 4%;
    bottom: -20px;
    line-height: 12px;
    text-align: left;
    color: #fd515d;
    width: 330px;
    font-size: 12px;
}
#term_checkbox.is-invalid~.invalid-feedback{
    display: block;
}

img {
    opacity: 1;
    transition: opacity 0.3s;
}

img[data-src] {
    opacity: 0;
}

.step_rules .invalid-feedback{
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    background-color: #fbd6d6;
    font-size: 12px;
    line-height: 25px !important;
    height: 25px;
    color: crimson !important;
    border: 1px solid #f68c8c;
    padding: 0 15px;
    border-radius: 15px;
}
#nights {
    display: block;
    margin-top: 5px;
}

a {
    text-decoration: none;
    color: #353535;
}
*:focus {
    outline: 0;
}

.search_detail {
    padding: 10px;
}

.search_detail span{
    font-size: 14px;
}
.search_detail .label_detail{
    margin-left: 10px;
}

.dashboard {
    margin-top: 20px;
}
.dashboard .orders {
    min-height: 300px;
    overflow: hidden;
}
.dashboard .orders .tab-content {
    margin-top: 20px;
}

.nav-tabs {
    padding-right: 0;
}

.nav-tabs>li {
    float: right;
    direction: rtl;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    border-top: 2px solid #C62828 !important;
}

.message_allert {
    direction: rtl;
    text-align: center;
    font-size: 14px;
    color: #C62828;
}

.message_allert > span {
    position: relative;
    display: block;
}
.message_allert span.icon:before {
    content: '\e824';
    font-family: IconFontFace;
    font-size: 22px;
    color: #e95350;
}
.message_allert .header {
    font-size: 16px;
    color: #e95350;
    margin-top: 20px;
}
.message_allert .comment {
    font-size: 13px;
    color: #6a6a6a;
    margin-top: 25px;
    line-height: 26px;
}
.message_allert.finished:before {
    content: '\e878';
}
.message_allert.inprocess:before {
    content: '\e8BF';
}
.message_allert:before {
    position: absolute;
    font-family: IconFontFace;
    font-size: 90px;
    top: 190px;
    right: 21px;
    color: #E0E0E0;
}
#connection {
    direction: rtl;
}
#connection img {
    margin: 5px;
}
#connection .tab-content {
    margin-top: 20px;
}

div#alert_connection, div#alert_room {
    border: 1px none #BDBDBD;
    border-right-style: solid;
    border-left-style: solid;
}

#alert_connection i.material-icons,
#alert_room i.material-icons {
    float: left;
}

#alert_connection .message_loading,
#alert_room .message_loading {
    display: inline;
    margin: 6px;
}
.lang_fa ul.dropdown-menu>li>a>i {
    color: #636363;
    float: left;
    font-size: 20px;
    margin-right: 5px;
    margin-left: 0;
}
ul.dropdown-menu>li>a>i {
    color: #636363;
    float: right;
    font-size: 20px;
    margin-left: 5px;
    margin-right: 0;
}

.lang_fa ul.dropdown-menu>li>a {
    text-align: right;
}

ul.dropdown-menu>li>a {
    text-align: left;
}
    /*
    ++++++++++++++    info Page    +++++++++++++++++
    */

.form_info{
    padding: 20px 10px;
}

.right label {
    float: right;
    font-size: 14px;
    color: #595656;
}

.room_image img {
    border-radius: 5px;
}
.room_image {
    float: right;
    display: inline-block;
    width: 150px;
    height: 80px;
}

.step_title {
    text-align: right;
    padding: 15px 5px;
    color: #ac162c;
}



.step_information .form-check-inline label.form-check-label\ {
    float: none;
    padding-right: 20px;
}

.step_main {
    background: #fff;
    border-radius: 5px;
    border:1px solid #f5f5f5;
    box-shadow: 0 10px 15px -5px #e8e8e8;
    padding: 20px;
    overflow: hidden;
}
.price_extra_bed {
    display: block;
    text-align: center;
    width: auto;
    margin-top: 20px;
    position: relative;
    color: #949494;
    font-size: 12px;
}
.rooms .label_login {
    display: inline;
    color: #FFF;
    position: absolute;
    background: #ac162c;
    padding: 5px 10px;
    border-radius: 5px;
    z-index: 90;
    top: 5px;
}
.step_room_info .detail_room{
    font-size: 12px;
    display: inline-block;
    width: 170px;
    position: relative;
    color: #949494;
    text-align: right;
}
.step_room_info .detail_room .room_name {
    font-size: 18px;
    text-align: right;
    display: block;
    color: #080808;
}
.step_transfer,
.step_information,
.step_room_info,
.step_post_vocher,
.step_final_factor {
    position: relative;
    margin-bottom: 30px;
}
.step_post_main {

}
.step_room_info table.table {
    box-shadow: 0 10px 15px -5px #e8e8e8;
    border-radius: 5px;
}
.step_room_info table.table thead {
    font-size: 14px;
    background: #f8f8f8;
    color: #878787;
}
.step_room_info #duration_night {
    display: block;
    text-align: right;
    font-size: 14px;
    color: #0b0707;
}
.step_room_info #date {
    font-size: 12px;
    text-align: right;
    display: block;
    position: relative;
    color: #949494;
}

#extra {
    color: #d0c995;
}

#extra > span:first-child{
    line-height: 10px;
    display: block;
}
#extra > span:last-child {
    clear: both;
    display: block;
}

.step_rules .rules_item {
    padding-right: 0 !important;
}
.rules_item button {
    padding:0;
    color: #ac162c;
}

.rules_item button:hover {
    padding:0;
    color: #dc3545;
}

#extra_person_price label {
    font-size: 12px;
    color: #949494;
}
.modal-header .close {
    margin: -15px -15px -15px 0 !important;
}
.transfer-main,
.post_vocher {
    position: relative;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    text-align: right;
    height: auto;
    padding:15px 10px 15px 0;
    -webkit-box-shadow: 0 10px 15px -8px #e8e8e8;
    -moz-box-shadow: 0 10px 15px -8px #e8e8e8;
    box-shadow: 0 10px 15px -8px #e8e8e8;
}
.transfer-main:before,
.post_vocher:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 70px;
    background: #e8e8e8;
    height: 100%;
    width: 1px;
    margin: auto 0;
}
.post_vocher .voucher-post-color-red {
    color: #ac162c;
}
.post_vocher:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: -75px;
    right: 0;
    background: url(../img/postal.png) repeat-x center center;
    height: 10px;
    width: calc(91% + 8px);
    margin: 0 auto;
}

.post_vocher {
    color: #535353;
    font-size: 14px !important;
}
.explain-show .transfer_explain {
    display: block;
}
.transfer_explain,
.post_address {
    text-align: right;
    padding-right: 70px;
    margin: 10px auto;
    padding-left: 20px;
    display: none;
}
.voucher--post-show .post_address {
    display: block;
}

.explain-show textarea,
.post_address textarea {
    text-align: right;
    padding: 10px;
    border: 1px solid #fff9f9;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px 0 #c7c7c7;
    width: 100%;
    height: 80px;
    max-height: 80px;
    background-color: #f7f7f7;
    font-size: 12px;
    color: #6b6b6b;
    margin-top: 10px;
}

.explain-show textarea.is-invalid ,
.post_address textarea.is-invalid {
    box-shadow: inset 0 1px 2px 0 #ffb8b8;
    background-color: #fff8f8;
}
.post_vocher .form-check {
    text-align: right;
}
.step_final_factor_main .table {
    position: relative;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    text-align: right;
    -webkit-box-shadow: 0 10px 15px -8px #e8e8e8;
    -moz-box-shadow: 0 10px 15px -8px #e8e8e8;
    box-shadow: 0 10px 15px -8px #e8e8e8;
}
.step_final_factor_main .table .tr {
    background: #f8f8f8;
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #e6e6e6;
    padding: 15px 45px;
    text-align: right;
    padding-left: 5px;
}
.step_final_factor_main .table .tr:first-child {
    border-radius: 5px 5px 0 0;
    padding-top: 25px;
    padding-bottom: 15px;
    height: auto;
}
.step_final_factor_main .table .tr:last-child {
    border-radius: 0 0 5px 5px;
    border-bottom: none;
}
.step_final_factor_main .table .tr.total_price {
    color: #42c55d;
}

.step_final_factor_main .table .tr .td:first-child{
    display: inline-block;
    width: 85%;
    font-size: 14px;
    line-height: 30px;
    text-align: right;
}
.step_final_factor_main .table .tr .td:last-child{
    display: inline-block;
    width: 15%;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    float: left;
    direction: ltr;
}

.step_final_factor_main .table .tr .td:last-child span:first-child {
    font-size: 16px;
    float: right;
}
.step_final_factor_main .table .tr .td:last-child span:last-child {
    font-size:12px;
}
.vichel {
    margin: 20px 0;
    border-top: 1px solid #eee;
    padding: 10px 5px;
}
.vichel .media img {
    box-shadow: 0 0 10px 5px #eee;
    border-radius: 5px;
    width: 15%;
    margin-left: 20px;
}
.vichel .vi_capacity{
    margin-right: 20px;
}
.modal .modal-body p {
    text-align: justify;
    font-size:12px;
}

.modal-content {
    max-height: calc(100vh - 60px);
}

#exampleModalCenter .modal-body{
    max-height: calc(100vh - 190px);
    overflow-y: scroll;
    overflow-x: hidden;
}
.modal .modal-body p strong {
    display: block;
    text-align: right;
    font-size:14px;
    margin-top: 10px;
    color: #a12b20;
}
.modal .modal-body p span{
    line-height: 25px;
    text-align: justify;
    display: block;
}
.form-check label.form-check-label {
    /*padding-right: 50px;*/
    font-size: 15px;
    color: #565656;
}
.form-check input[type="checkbox"] {
    position: absolute;
    z-index: -1000;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.form-check input[type=checkbox].css-checkbox+label.css-label {
    padding-left: 23px;
    height: 23px;
    display: inline-block;
    line-height: 36px;
    background-repeat: no-repeat;
    background-position: -71px 0;
    font-size: 11px;
    vertical-align: middle;
    margin:15px;
    cursor: pointer;
}
.form-check input[type=checkbox].css-checkbox:checked+label.css-label,
.form-check input[type=checkbox].css-checkbox:checked:hover+label.css-label{
    background-position: -48px 0;
}
.form-check input[type=checkbox].css-checkbox:hover+label.css-label {
    background-position: -24px 0;
}
label.css-label {
    background-image: url(../img/green.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    .step_final_factor_main .table .tr .td:first-child{
        width: 60%;
        font-size: 11px;
    }
    .step_final_factor_main .table .tr .td:last-child{
        width: 35%;
        font-size: 12px;
    }

    .transfer-main:before,
    .post_vocher:before{
        right: 50px;
    }

    .transfer-main:after,
    .post_vocher:after{
        left: -55px;
        width: calc(72% + 8px);
    }
    .transfer-main,
    .post_vocher{
        padding: 18px 0 5px;
    }
    .post_vocher .voucher-post-color-red {
        font-size: 13px;
        display: block;
        text-align: justify;
    }

    .post_vocher .voucher_post_text {
        padding-right: 50px;
        font-size: 12px;
    }

    .modal .modal-body p span{
        line-height: 25px !important;
    }

}

@media (max-width: 990px) {
    .sticky-menu {
        top: 5px !important;
    }
}
p.alert_message {
    font-size: 15px;
    text-align: justify;
    line-height: normal;
    margin: 22px 30px 0;
    direction: rtl;
}


/*
++++++++++++++    Search Page    +++++++++++++++++
*/
.room_page {
    background-color: #eae4d0;
}
.rooms{

}
.room{
    margin: 30px 0;
    /*box-shadow: 0 0 13px 1px #d7d7d7;*/
}
.rooms .room .room_heading {
    color: #706259;
    position: relative;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 20px;
    padding-bottom: 13px;
    display: -webkit-box;
    direction: rtl;
}

.room_heading .right_head {

    border-left: 1px solid #d8d8d8;
}
.room_heading .right_head .room_title{
    text-align: right;
}
.room_heading .right_head .room_title #bed_capacity{
    font-size:12px;
    text-align: right;
}

.room_heading .middle_head {
    text-align: center;
    border-left: 1px solid #d8d8d8;
}
.room_heading .left_head {
    text-align: left;
    display: flex;
}
.room_heading .left_head .btn_reserve {
    display: inline;
    margin-bottom: 10px;
    width: 110px;
    text-align: center;
    background: #ac162c;
    color: #fff;
    border-radius: 25px;
    font-size: 15px;
}
.tooltip ,
.popover {
    font-family: IRANSans !important;
    direction: rtl;
}

.price_room .data_capacity,
.room_heading .capacity {
    font-size: 25px;
    margin-left: 10px;
    display: inline-block;
}
.room_heading > .left_head > div.price_room {
    direction: ltr;
    margin-left: auto;
}
.room_heading > .left_head > div.reserve_room {

    margin-right: auto;
}
.number .currency_symbol,
.room_heading .left_head div.price_room .currency_symbol {
    direction: rtl;
    float: left;
    margin-right: 5px;
}

.room_heading .left_head div.price_room .board_price {
    text-decoration: line-through;
    display:inline-block;
    cursor: default;
    direction: ltr;
    color: #ef5350;
}
.room_heading .left_head div.price_room .sale_price {
    display:inline-block;
    cursor: default;
    direction: ltr;
    color: #50a051;
}
.room_heading .left_head .price_room .data_capacity span.icon-man ,
.room_heading .middle_head span.icon-man {
    margin-left: -24px;
    color: #ac162c;
}
.room_heading .left_head .price_room del#off{
    color: #ac162c;
    font-size: 13px;
    margin-right: 15px;
}
.rooms .room .room_info .room_services {
    max-height: 295px;
    float: right;
    overflow: auto;
    direction: ltr;
}
.rooms .room .room_info .room_pic {
    float: left;
    margin-bottom: 20px;
    direction: ltr;
}
.rooms .room .room_info .room_pic .slider {
    margin: 0 -5px;
    padding: 5px;
    border: 1px solid #eee;
}
.rooms .room .room_info .room_services ul {
    direction: rtl;
    padding: 10px 5px 0 0;
}
.rooms .room .room_info .room_services ul li.service {
    text-align: right;
    list-style: none;
}
.edite_room .service span {
    margin-left: 10px;
    margin-right: 30px;
    color: #ac162c;
    font-size: 19px;
}
.rooms .room .room_info .room_services ul li.service>span {
    margin-left: 10px;
    color: #ac162c;
    font-size: 19px;
}

.loading_text {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    direction: rtl;
}
.loading_img {
    text-align: center;
    margin-top: 20px;
}
.red {
    color: #ac162c;
}
.btn-table {
    display: inline-block;
    cursor: pointer;
}
.green {
    color: #3e8f3e;
}
.edite_room .service span.services_name {
    margin-right: 0;
    font-size: 13px;
    color: #747474;
}
.rooms .room .room_info .room_services ul li.service>span.services_name {
    font-size: 13px;
    color: #747474;
}

.edite_room .service {
    width: 49%;
    display: inline-block;
}
.enamad_el {
    position: fixed;
    width: 100px;
    height: 150px;
    bottom: 0;
    right: 0;
}

.loading:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #87878794;
    z-index: 1;
    border-radius: inherit;
}

.loading:after {
    content: '\e880';
    font-family: IconFontFace;
    -webkit-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite cubic-bezier(0.38, 0.01, 0.38, 1);
    width: 24px;
    height: 22px;
    line-height: 1;
    font-size: 24px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    color: white;
}
/*Samira*/
.btn_reserve:hover {
    background: #fff!important;
    color: #ac162c!important;
	border-color:#ac162c!important;
    cursor: pointer;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/*Samira*/
/* Device Media stylesheet Group = Smart Phone and Tablet */
@media only screen and (min-width: 320px) and (max-width: 767px){
    .hidden_mobile { display: none !important; }
}
/*+++++++++++++ Scroll bar ++++++++++*/
.webkit_scroll {
    margin-left: 0;
    float: left;
    height: 300px;
    width: 65px;
    /*background: #f5f5f5;*/
    overflow-y: scroll;
    margin-bottom: 25px;
}
.webkit_scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
    border-radius: 10px;
}

.webkit_scroll::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5;
}

.webkit_scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.85, #87796f),
            color-stop(0.62, #c0b286),
            color-stop(0.24, #d1c392)
    );
}

/*+++++++++++++++++++++++  info form  ++++++++++++++++++++++++*/

.hm-gradient {
    background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}
.darken-grey-text {
    color: #2E2E2E;
}
.danger-text {
    color: #ff3547; }
.default-text {
    color: #2BBBAD;
}
.success-text {
    color:#5cb85c;
}
.info-text {
    color: #33b5e5;
}
.form-white .md-form label {
    color: #fff;
}
.form-white input[type=text]:focus:not([readonly]) {
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0 1px 0 0 #fff;
    box-shadow: 0 1px 0 0 #fff;
}
.form-white input[type=text]:focus:not([readonly]) + label {
    color: #fff;
}
.form-white input[type=password]:focus:not([readonly]) {
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0 1px 0 0 #fff;
    box-shadow: 0 1px 0 0 #fff;
}
.form-white input[type=password]:focus:not([readonly]) + label {
    color: #fff;
}
.form-white input[type=password], .form-white input[type=text] {
    border-bottom: 1px solid #fff;
}
.form-white .form-control:focus {
    color: #fff;
}
.form-white .form-control {
    color: #fff;
}
.form-white textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 0 #fff;
    color: #fff;
}
.form-white textarea.md-textarea  {
    border-bottom: 1px solid #fff;
    color: #fff;
}
.form-white textarea.md-textarea:focus:not([readonly])+label {
    color: #fff;
}
.ripe-malinka-gradient {
    background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
}
.near-moon-gradient {
    background-image: linear-gradient(to bottom, #5ee7df 0%, #b490ca 100%);
}


#total_price_value > div.total_price {
    direction: ltr;
}
#total_price_value > div.total_price .currency_symbol {
    float: left;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++
*/
/*.main {*/
    /*max-width: 110rem;*/
    /*margin: 0 auto;*/
    /*padding: 0 2rem;*/
/*}*/
.text {
    font-size: 2rem;
    padding: 2rem 0;
    -moz-columns: 3;
    -webkit-columns: 3;
    columns: 3;
}
.text p {
    margin-bottom: 2rem;
}
/* Slider Style
--------------------------------------*/
.cd-slider {
    position: relative;
    width: 100%;
    height: 50rem;
    overflow: hidden;
    margin-bottom: 8rem;
}
.cd-slider li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    -webkit-transition: visibility 0s 1s;
    transition: visibility 0s 1s;
    will-change: visibility;
}
.image {
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    clip: rect(0, 80rem, 50rem, 80rem);
    -webkit-transition: clip .5s cubic-bezier(0.99, 0.01, 0.45, 0.9) .5s;
    transition: clip .5s cubic-bezier(0.99, 0.01, 0.45, 0.9) .5s;
    will-change: clip;
}
.content {
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    width: 100%;
    height: 100%;
    /*padding: 2rem 0 0 2rem;*/
    font-size: 14px;
    /*text-align: right;*/
}
.content h2 {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%);
    opacity: 0;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s;
    will-change: transform, opacity;
}
/*.content a {
    display: inline-block;
    font-size: 2rem;
    text-transform: lowercase;
    padding: 1.5rem;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: opacity .5s .1s, -webkit-transform .5s .1s;
    transition: opacity .5s .1s, -webkit-transform .5s .1s;
    transition: transform .5s .1s, opacity .5s .1s;
    transition: transform .5s .1s, opacity .5s .1s, -webkit-transform .5s .1s;
    will-change: transform, opacity;
}*/
/* Current Slide
-------------------------------------*/
li.current {
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
li.current .image {
    clip: rect(0, 80rem, 50rem, 0);
}
li.current .content h2 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}
li.current .content a {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}
/* Prev Slide
------------------------------------*/
/*li.prev_slide .image {
    clip: rect(0, 0, 50rem, 0);
}
.prev, .next, .counter {
    vertical-align: middle;
}
.prev, .next {
    position: relative;
    display: inline-block;
    height: 5rem;
    width: 5rem;
    border: 0;
    cursor: pointer;
    background: transparent;
}
.prev::before, .next::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: .8rem solid transparent;
    border-right-width: 1rem;
    border-right-color: #000;
    border-left-width: 0;
    width: 0;
    height: 0;
}
.prev::after, .next::after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateZ(0);
    transform: translateY(-50%) translateZ(0);
    left: .5rem;
    background: #000;
    height: .1rem;
    min-height: 1px;
    width: 2.5rem;
    -webkit-transition: width .3s;
    transition: width .3s;
}
.next::before {
    right: 0;
    left: auto;
    border-left-width: 1rem;
    border-left-color: #000;
    border-right-width: 0;
}
.next::after {
    right: .5rem;
    left: auto;
}
.counter {
    display: inline-block;
    font-size: 4rem;
    font-family: serif;
    font-style: italic;
}
.counter span:last-child::before {
    content: '/';
    margin: 0 1rem;
}
.prev:hover::after, .next:hover::after {
    width: 3.5rem;
}*/
@media screen and ( max-width: 550px ) {
    .orders ul.nav-tabs li {
        width: 100%;
        text-align:center;
        border-bottom: 1px solid #eee;
    }
    .image { width: 100%; }
    .content { padding-right: 2rem; }
    nav { left: 0; right: auto; }
}


@media (min-width:768px) {
    
    .sidebar,
    .sidebar2 {
        position: fixed;
        bottom: 0;
        z-index: 1000;
        display: block;
        padding: 5px 5px 0 10px;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: #f5f5f5;
        border-right: 1px solid #eee
    }
    .sidebar {
        top: 51px;
        left: 0
    }
    .sidebar2 {
        top: 50px;
        right: 0
    }
    .lang_en .sidebar2 {
        top: 50px;
        left: 0
    }
}
@media (min-width:768px) {
    .main {
        padding-right: 40px;
        padding-left: 40px
    }
}

@media screen and (max-width:767px) {
    a.navbar-brand.logo .logo-title{
        font-size: 10px;
    }
    .search_item.item_1,
    .search_item.item_2
    {
        border-left: none;
    }
    .search_item.item_3{
        padding-bottom: 15px;
    }
    .search_item.item_4{
        padding-top: 20px;
    }
    .box{
        height: 306px;
    }
    .search_item.item_1, .search_item.item_2{
        border-bottom: 1px solid #e8e8e8;
    }
    .row-offcanvas-right,
    .sidebar-offcanvas {
        right: 0
    }
    .product_label {
        font-size: 12px
    }
    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out
    }
    .row-offcanvas-left {
        left: 0
    }
    .row-offcanvas-right.active {
        right: 0;
        left: 10px;
        border-radius: 5px;
        background: #eee;
        position: absolute;
        border: 1px solid #c3c3c3;
        z-index: 100;
        top: 62px;
    }
    .row-offcanvas-left.active {
        left: 50%
    }
    .sidebar-offcanvas {
        position: absolute;
        top: -1000px;
        width: 42%
    }
    #r_01_03 .search_item.item_4 .home_search_icon:after{
        top: 32px;
    }
    .title-slider {
        font-size: 14px;
    }
}
@media screen and ( max-width: 575px ) {
    .box {height: 390px;}
    .search_item.item_3 {
        border-bottom: 1px solid #e8e8e8;
        border-left: none;
    }
}
.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}

.circled {
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    width: 1.6em;
    height: 1.6em;
    text-align: center;
    line-height: 1.6em;
}
.bg-skin {
    background: #1c4fc3;
}
li.nav-item {
    margin: 0 10px;
}
#intro .intro-info .btn-get-started,
#intro .intro-info .btn-services {
    font-family: IRANSans;
}
.ltr{
    direction: ltr;
}
.stage1 > .form-group.row {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.stage1 > .form-group.row:first-child {
    padding-top: 0 ;
}
.stage1 .checkbox label {
    padding-right: 20px;
    padding-left: 0;
}
.stage1 .checkbox input[type="checkbox"] {
    right: 0;
}
.lang_en .stage1 .checkbox input[type="checkbox"] {
    left: 0;
}
.form-group .input-group {
    padding-right: 15px;
    padding-left: 15px;
}
.form-group .ans-group {
    margin-bottom: 10px;
}
.kep-bottom {
    bottom: 0;
    position: absolute;
    width: 100%;
    margin-right: -20px;
    text-align: center;
    margin-bottom: 0;
}
.lang_en .kep-bottom {
    margin-left: 0;
    margin-right: -15px;
}
.lang_en .form-horizontal .control-label{
    text-align: left;
}
.big-badge {
    font-size: 14px;
    margin-left: 10px;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

.badge-primary[href]:focus, .badge-primary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0062cc;
}

.badge-secondary {
    color: #fff;
    background-color: #868e96;
}

.badge-secondary[href]:focus, .badge-secondary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #6c757d;
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

.badge-success[href]:focus, .badge-success[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1e7e34;
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

.badge-info[href]:focus, .badge-info[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #117a8b;
}

.badge-warning {
    color: #111;
    background-color: #ffc107;
}

.badge-warning[href]:focus, .badge-warning[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: #d39e00;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.badge-danger[href]:focus, .badge-danger[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #bd2130;
}

.badge-light {
    color: #111;
    background-color: #f8f9fa;
}

.badge-light[href]:focus, .badge-light[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: #dae0e5;
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

.carousel-control-next, .carousel-control-prev {
    width: 10%;
}
.content-section .card-footer i.material-icons {
    font-size: 15px;
    vertical-align: middle;
}
.lang_fa .content-section {
    text-align: left;
}
/* ----------------------------- dashboard css ------------------------- */
.bottom-line {
    position: relative;
}
.lang_fa .bottom-line .icon-badge-dash {
    left: 0;
    right: auto;
}
.bottom-line .icon-badge-dash {
    position: absolute;
    right: 0;
    bottom: 0;
}

.box-dashboard .title {
    font-size: 20px;
    color: white;
    transition: ease-in-out .3s all;
}
.box-dashboard a:hover {
    text-decoration: auto;
    font-size: 21px;
}
.bottom-line .icon-badge-dash .material-icons{
    font-size: 45px;
}
.box-dashboard .panel,
.box-dashboard .panel-body {
    border-radius: 15px;
}

.box-dashboard .panel-danger{
    border-color: #e76f51;
}

.box-dashboard .bg-danger{
    background-color: #e76f51;
}

.box-dashboard .panel-info{
    background-color: #457b9d;
}

.box-dashboard .bg-info{
    background-color: #457b9d;
}

.box-dashboard .panel-primary{
    background-color: #264653;
}

.box-dashboard .bg-primary{
    background-color: #264653;
}

.box-dashboard .panel-warning{
    background-color: #f4a261;
}

.box-dashboard .bg-warning{
    background-color: #f4a261;
}

.box-dashboard .bg-blue-sky{
    background-color: #2ec4b6;
}

.box-dashboard .bg-orange{
    background-color: #ff9f1c;
}

.box-dashboard .bg-green{
    background-color: #8ac926;
}

.box-dashboard .bg-tosi{
    background-color: #a5a58d;
}

.box-dashboard .panel-success{
    background-color: #81b29a;
}

.text-white {
    color: white;
}

.bold{
    font-weight: bold;
}

/* ---------------------- */

.box-dashboard .bg-success{
    background-color: #81b29a;
}
.lang_fa .jumbotron {
    text-align: right;
    direction: rtl;
}
i.bg-skin.circled.fa.fa-3x {
    padding-top: 9px;
}
.text-align-justify {
    text-align: justify;
}
.background-gray {
    background: #eee;
}
.d-none{
    display: none;
}
.title {
    font-size: 24px;
    line-height: 34px;
    font-weight: bold;
}
.widgets {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: 0 0 6px 0 #ddd;
}
.title-widgets {
    font-size: 16px;
    border-bottom: 1px solid #0e759d;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding: 10px 10px;
    color: #0e759d;
}

.widgets .content-widgets ul {
    width: 100% ;
    list-style: none;
    margin: 0;
    padding: 0;
}
.widgets .content-widgets li {
    padding: 7px 10px;
    /*text-align: right;*/
}
.wrapper {
    display: flex;
    justify-content: space-between;
}
.sticky-menu {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
}
/* password strong */
#password-strength-status {
    padding: 5px 10px;
    color: #FFFFFF;
    border-radius:4px;
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}
.medium-password{background-color: #E4DB11;border:#E4DB11 1px solid;}
.weak-password{background-color: #FF6600;border:#FF6600 1px solid;}
.strong-password{background-color: #12CC1A;border:#12CC1A 1px solid;}
/* ____________________ */
.post-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ccc;
    padding: 1rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    margin: 10px 0;
    background-color: #e6e6e6;
}

.post-summary .image-post {
    margin: 0 0 0 15px;
    /*flex: 1 0 auto;*/
}
.post-summary .image-post img{
    max-width: 350px;
}
.post-detail span {
    margin-left: 10px;
}
.post-detail span i {
    font-size: 16px;
    vertical-align: middle;
}
button i.material-icons {
    font-size: 17px;
    vertical-align: middle;
}
.pull-en {
    float: left !important;
}
.pull-fa {
    float:right !important;
}
form#form_lang {
    margin-bottom: 0;
    margin-top: 7px;
}
#admin form#form_lang {
    margin-top: 18px;
}
#form_lang button {
    border: none;
    background: none;
    cursor: pointer;
}
.parallax {
    /* The image used */

    /* Set a specific height */
    height: 200px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.content-header {
    background-image: url("../img/brain-research.jpg");
}
.contact-us-header {
    background-image: url("../img/contact-us.jpg");
}
.instruction {
    background-image: url("../img/stethoscope-blue.jpg");
}
#intro {
    background: url("../img/intro-bg3.png") center bottom no-repeat;
}
.about-us-header {
    background-image: url("../img/doctor-working-table.jpg");
}
.lang_fa .nav.navbar-nav.navbar-right {
    display: flex;
}

/* login page  */
#loginForm .material-icons,
#resetPassword .material-icons,
#forgetForm .material-icons {
    font-size: 60px;
}

/* STRUCTURE */

.wrapper {
    display: flex;
    align-items: center;
    flex-direction: column; 
    justify-content: center;
    width: 100%;
    min-height: 100%;
    padding: 20px;
  }
  
  #formContent {
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    background: #fff;
    padding: 30px;
    width: 90%;
    max-width: 450px;
    position: relative;
    padding: 0px;
    -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
    box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
    text-align: center;
  }
  
  #formFooter {
    background-color: #f6f6f6;
    border-top: 1px solid #dce8f1;
    padding: 25px;
    text-align: center;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
  }
  
  
  
  /* TABS */
  
  h2.inactive {
    color: #cccccc;
  }
  
  h2.active {
    color: #0d0d0d;
    border-bottom: 2px solid #5fbae9;
  }
  
  .bac {
    background: url("../img/bgsec2.png") top no-repeat;
    background-size: contain;
    background-color: #edf2ff;
    padding-bottom: 90px!important;
    padding-top: 60px!important;
    margin-bottom: 0!important;
    background-position-x: 210px;
  }
  
  
  /* FORM TYPOGRAPHY*/
  .special-form input[type=button],
  .special-form input[type=submit],
  .special-form input[type=reset]  {
    background-color: #56baed;
    border: none;
    color: white;
    padding: 15px 80px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
    box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    margin: 5px 20px 40px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
  }
  .special-form input[type=button]:hover,
  .special-form input[type=submit]:hover,
  .special-form input[type=reset]:hover  {
    background-color: #39ace7;
  }
  .special-form input[type=button]:active,
  .special-form input[type=submit]:active,
  .special-form input[type=reset]:active  {
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  .special-form input[type=text],
  .special-form input[type=email],
  .special-form input[type=password] {
    background-color: #f6f6f6;
    border: none;
    color: #0d0d0d;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 5px;
    width: 85%;
    border: 2px solid #f6f6f6;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
  }
  
  .special-form input[type=password]:focus, 
  .special-form input[type=email]:focus,
  .special-form input[type=text]:focus {
    background-color: #fff;
    border-bottom: 2px solid #5fbae9;
  }
  .special-form input[type=password]:placeholder,
  .special-form input[type=email]:placeholder,
  input[type=text]:placeholder {
    color: #cccccc;
  }
  
  
  
  /* ANIMATIONS */
  
  /* Simple CSS3 Fade-in-down Animation */
  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  
  @-webkit-keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  /* Simple CSS3 Fade-in Animation */
  @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  
  .fadeIn {
    opacity:0;
    -webkit-animation:fadeIn ease-in 1;
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
  
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
  
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
  }
  
  .fadeIn.first {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
  }
  
  .fadeIn.second {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }
  
  .fadeIn.third {
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    animation-delay: 0.8s;
  }
  
  .fadeIn.fourth {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
  }
  
  /* Simple CSS3 Fade-in Animation */
  .underlineHover:after {
    display: block;
    left: 0;
    bottom: -10px;
    width: 0;
    height: 2px;
    background-color: #56baed;
    content: "";
    transition: width 0.2s;
  }
  
  .underlineHover:hover {
    color: #0d0d0d;
  }
  
  .underlineHover:hover:after{
    width: 100%;
  }
.lang_fa .input-group-btn:first-child>.btn, 
.lang_fa .input-group-btn:first-child>.btn-group {
    margin-right: 0;
    margin-left: -1px;
    border-radius: 0 4px 4px 0;
}

.lang_fa .input-group .form-control:last-child,
.lang_fa .input-group-addon:last-child,
.lang_fa .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, 
.lang_fa .input-group-btn:first-child>.btn:not(:first-child), 
.lang_fa .input-group-btn:last-child>.btn, 
.lang_fa .input-group-btn:last-child>.btn-group>.btn,
.lang_fa .input-group-btn:last-child>.dropdown-toggle {
    border-radius:4px 0 0 4px;
}
.lang_fa .input-group .form-control:first-child {
    border-radius: 0 4px 4px 0;
}