@CHARSET "UTF-8";

/**
 * @package    reservation
 * @subpackage CSS
 * @author     رایان نگار پارس {@link http://rayannegarpars.ir/}
 * @author     Created on 02-Jun-2020
 * @license    GNU/GPL
 */

th {
    text-align: center !important;
}

#plyrvideoHolder {
    margin: 20px auto;
}

.form-control {
    font-size: 13px !important;
}

.eachsubcat [class*="col-lg"],
.eachsubcat [class*="col-md"],
.eachsubcat [class*="col-sm"],
.eachsubcat [class*="col-xs"] {
    padding-right: 8px !important;
    padding-left: 8px !important
}

.eachsubcat .nopadding {
    padding: 0 !important;
}

img {
    max-width: 100%
}

.clr {
    width: 100%;
    clear: both;
    height: 100%;
}

.center {
    text-align: center
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.rayannegar {
    background: #FFF;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    float: right;
    border-radius: 5px;
}

.sidebar a,
.sidebar a:hover,
.sidebar a:focus {
    color: #FFF
}

input,
textarea {
    font-family: inherit !important
}

.mainpage {
    padding: 20px !important;
    position: relative !important;
    background: #f0f2f7;
    border-radius: 0 0 5px 5px;
    width: 100%;
    float: right;
}

label.label-alert,
.label-alert {
    color: #e84118 !important;
}

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

.submit-btn:hover {
    background: #fab1a0 !important;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.alert.alert-message {
    background-color: #dff0d8;
    color: #3c763d;
    padding-left: 1em;
    font-weight: bold;
}

.alert-error {
    background-color: #e6c0c0;
    color: #c00;
    padding-left: 1em;
    font-weight: bold;
}

.mainpage .images {
    margin-bottom: 20px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit !important
}

.clr30 {
    width: 100%;
    height: 30px;
    clear: both
}

.panel-success {
    margin-top: 10px
}

#top {
    background: #eee;
    border-bottom: solid 1px #eee;
    border-radius: 10px;
    padding: 0 10px;
    line-height: 40px;
    font-size: 12px;
}

.no-item {
    font-size: 15px;
    text-align: center;
    position: relative;
    width: 100%;
    float: right;
    padding: 15px;
    border-radius: 5px;
    color: #640;
    background-color: #fec;
}

.add-btn {
    margin: 0 auto !important;
    color: #FFF !important;
    padding: 8px 20px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    height: auto !important;
    text-align: center;
    float: left;
}

.add-btn i {
    margin-left: 3px
}

.mobile {
    color: #FFF
}

.idcode {
    padding: 15px 0 5px;
}

.identificationcode p {
    font-size: 13px;
}

.profile-image {
    position: relative;
    max-width: 500px;
    margin-top: 10px;
}

#sue-bg.profile-image {
    margin: 0 !important;
    text-align: right;
    width: 100%;
    max-width: 100%;
    float: right;
    display: flex !important;
    align-items: flex-end;
}

#personeli-img {
    max-width: 100%
}

img.mainimg {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.profile-image .delete-image a {
    padding: 8px 30px;
    background: #6c55a5;
    border-radius: 5px;
    text-align: center;
    margin: 0 10px 0 0 !important;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    display: inline-block;
}

.radiobtn input {
    margin-left: 5px !important;
    position: relative;
    top: 2px
}

.radiobtn div {
    color: #e84118;
    padding-top: 5px !important
}

td.table-label label {
    color: #FFF !important
}

img.service-img {
    border-radius: 5px;
    cursor: pointer;
    margin: 0;
    max-height: 100%;
}

.service-page .title-alert {
    margin: 0
}

#restypediv strong {
    color: #c23616;
}

.addholiday strong,
.message strong {
    color: #e84118;
    font-weight: bolder;
    text-decoration: underline
}

.day-week {
    margin-bottom: 20px
}

.count-hour label {
    margin: 0 0 10px 10px;
    width: 150px;
    direction: ltr;
}

.count-hour input {
    margin-left: 5px !important
}

.btn-default.dirleft {
    direction: ltr;
    margin: 0 0 10px 10px;
    width: 130px;
    color: #333;
    border: none;
}

.offs {
    padding: 0 !important
}

.padding_com {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.edit {
    float: left
}

.mainpage .fa-edit {
    position: relative;
    color: #c23616;
    font-size: 40px
}

#suediv img {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    width: 200px;
    margin-top: 10px
}

.wimage,
.pimage {
    display: inline-block;
    position: relative
}

a.deleteicon {
    position: absolute;
    right: -10px;
    top: -10px;
}

.message {
    padding: 10px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    line-height: 35px
}

.catbox2 {
    background: #2f3640;
    width: 16.66666667%;
    float: left;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    padding: 5px;
    text-align: center;
    margin-bottom: 30px;
    height: 150px;
    border-radius: 20px
}

.allcats a {
    color: #fff
}

.categories {
    position: relative;
}

.categories a {
    color: #000
}

.service-page p {
    padding: 15px
}

.red {
    background: #d63031 !important;
    color: #FFF !important
}

.mylabel {
    background: #8e44ad
}

#show-selected-date {
    display: block;
}

label.deactive {
    background: #f93154 !important;
    color: #FFF !important;
    display: flex;
    flex-direction: row-reverse;
}

label.deactive div {
    margin-right: 5px;
    position: relative;
}

label.deactive div:before {
    content: '-';
    float: right;
    margin-left: 5px;
}

label.deactive2 {
    background: #1dd1a1;
    vertical-align: middle;
    max-width: 20%
}

label.deactive2 span {
    display: block
}

label.deactive2 img {
    width: 36%;
    border-radius: 100%;
    float: right;
    margin-left: 5px;
    padding: 5px
}

label.deactive input,
label.deactive2 input {
    display: none
}

.confirmloader h3.red {
    color: red !important;
}

.confirmloader h3.green {
    color: green;
}

span.direction {
    direction: ltr;
    position: absolute;
    float: left;
    margin-right: 10px
}

span.green,
span.red {
    background: none !important
}

.green {
    color: green
}

.red {
    color: red
}

.orange {
    color: orange
}

button {
    font-family: inherit !important
}

.btn-success {
    background: #009432 !important
}

.btn-danger {
    background: #EA2027 !important
}

.confirmpage button.done,
.confirmpage button.notdone {
    float: left
}

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

.comment-title small {
    float: left
}


/*** RATING ***/


/* Rating Star Widgets Style */

.rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.rating-stars ul>li.star {
    display: inline-block;
    float: left
}


/* Idle State of the stars */

.rating-stars ul>li.star>i.fa {
    font-size: 15px;
    /* Change the size of the stars */
    color: #ccc;
    /* Color on idle state */
}


/* Hover state of the stars */

.rating-stars ul>li.star.hover>i.fa {
    color: #FFCC36;
}

.yellow {
    color: #FFCC36 !important;
}


/* Selected state of the stars */

.rating-stars ul>li.star.selected>i.fa {
    color: #FF912C;
}

.rating-widget {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px
}

.service-page ul#stars i.fa,
.reslist_rate ul#stars i.fa {
    font-size: 14px !important
}

.service-page ul#stars,
.reslist_rate ul#stars {
    float: right;
    margin: 0 !important
}

.service-comment div {
    padding-bottom: 0 !important
}

.each-row {
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    border-radius: 15px;
    padding: 10px
}

label.badge {
    color: #FFF !important
}

.users-rate {
    float: right;
}

.users-rate span {
    margin-right: 5px
}

.users-rate i {
    margin-right: 5px;
    color: #f39c12
}

.user-comment img {
    border-radius: 100%;
    width: 50px;
    margin-left: 5px
}

.provider_dashboard .user-comment {
    float: right;
}

.provider_dashboard .user-comment img {
    border-radius: 100%;
    width: 70px;
    margin-left: 5px;
    padding: 3px;
    border: solid 1px #ddd;
}

.each-reserve .address,
.each-reserve .reslist_rate {
    text-align: right;
}

.address {
    padding: 10px 0
}

.user-address {
    background: #dcdde1;
    padding: 10px 20px;
    border: 1px solid #b2bec3;
    border-radius: 15px;
    line-height: 25px
}

.address label {
    color: #636e72 !important
}

.add-map {
    float: left;
    background: #1e90ff;
    padding: 2px 20px;
    border-radius: 15px;
    text-align: center;
    color: #FFF;
    margin-top: 10px
}

.add-map i {
    margin-left: 5px;
    font-size: 20px;
    position: relative;
    top: 3px
}

.mainpage .nav-tabs>li {
    float: right
}

.profile-page img {
    border-radius: 5px;
}

.profile-page i {
    margin-left: 10px;
    color: #666;
}

button.unfav i {
    color: #ff4757 !important;
}

.badge.rate {
    background: #a55eea;
}

.badge.badgered {
    background: #ff7675;
    border: none
}

.panel-items {}

.userbox i {
    font-size: 40px;
    color: #a55eea
}

.userbox {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    padding: 5px;
    text-align: center;
    margin-bottom: 30px;
    border-radius: 20px;
    width: 18%;
    margin: 0 5px;
    display: inline-block
}

.userbox h3 {
    font-size: 12px;
}

.showall {
    float: left
}

.clr40 {
    height: 40px;
    clear: both;
    width: 100%
}

.userpanel legend {
    color: #c0392b;
    padding-bottom: 10px;
}

.boxselected {
    background: #e84118 !important;
    color: #FFF !important;
}

.purple {
    background: #f0932b !important;
    color: #FFF !important
}

.btnleft {
    position: relative;
    top: 25px;
    left: 20px
}

.topstars ul {
    float: none !important;
    text-align: center
}

.commentpage ul#stars {
    float: right;
    margin: 0;
}

.cat-class {
    color: #2980b9;
}

.badge {
    margin-left: 5px;
}

.mainpagebox {
    text-align: center;
    height: 160px;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

label.badge a {
    color: #FFF !important;
}

.label-success {
    background: #44bd32 !important;
    color: #FFF !important;
}

.chatbtn.btn {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
}

h3.codevalid,
h3.codenotvalid {
    background: green;
    color: #FFF;
    text-align: center;
    padding: 10px 0
}

h3.codenotvalid {
    color: #951d32;
    background-color: #fed6dd;
    border-radius: 5px;
    font-size: 14px;
    padding: 15px;
}

.label-success,
.label-danger {
    color: #FFF !important
}

.user_reserve .reserve-btn.form-control {
    display: inline-block !important;
    text-align: center;
    height: auto !important;
    border: none !important;
    margin: 0 0 10px !important;
    background: #36206a !important;
    color: #fff !important;
    padding: 12px 55px !important;
    border-radius: 5px !important;
    width: auto !important;
    font-size: 14px !important;
    line-height: normal !important;
    box-shadow: none !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.user_reserve .reserve-btn.form-control:hover {
    background: #fab1a0 !important;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.label-alert-wallet {
    background: #e84118;
    padding: 5px;
    color: #FFf !important;
    width: 100%;
    border-radius: 3px;
}

.rwallet {
    color: red;
    direction: ltr
}

.iwallet {
    color: green;
    direction: ltr
}

.countres img {
    width: 50px;
    border-radius: 100%;
}

.countres {
    margin-bottom: 10px;
    width: 100%;
    float: right;
}

.count-hours label {
    text-align: right;
    border: none;
    background: #eee;
    padding: 3px 10px;
    border-radius: 5px;
    margin: 0px 0 0 10px;
    float: right;
}

label.hours {
    cursor: pointer;
}

.deactive3 {
    display: flex;
    flex-direction: row-reverse;
    background: #aaa !important;
    color: #fff;
}

.deactive3 div {
    margin-right: 5px;
    position: relative;
}

.deactive3 div:before {
    content: '-';
    float: right;
    margin-left: 5px;
}

.centerbtn {
    text-align: center;
}

li.sbcat {
    padding-right: 15px !important;
}

li.sbroot {
    color: #d35400;
    font-weight: bold !important;
}

li.discolor {
    color: #747d8c !important;
}

.catbox img {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

#showloader div {
    color: green;
    font-size: 15px;
    font-weight: bolder;
}

.admindesc {
    padding: 20px;
    text-align: justify;
    background: #ffd6cc;
    border-radius: 5px;
    margin-top: 10px;
    line-height: 30px;
}

.admindesc h3 {
    color: #000;
    padding-bottom: 10px !important;
    font-size: 18px !important;
    margin: 0 !important;
}

#map {
    width: 100%;
    float: right;
    height: 500px;
    padding: 10px;
}


/**********************/

.rayannegar.login {
    border-radius: 5px;
    box-shadow: 0 0 17px rgba(0, 0, 0, .12);
    text-align: center;
    padding: 50px 0;
    width: 40%;
    margin: 0 auto 40px;
    float: none !important;
}

.image_box {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: #f7f7f7;
    margin: 0 0 10px;
    padding: 16px;
    border-radius: 50%;
}

.login .image_box img {
    margin: 0 auto;
    height: 100%;
}

.login .form-group {
    margin-bottom: 0;
    padding: 15px 40px 0;
}

.login h2 {
    margin: 0 0 10px;
    padding: 0;
    color: #333;
    font-size: 18px;
    line-height: normal;
}

.login h4 {
    line-height: normal;
    color: #666;
    font-size: 13px;
    margin: 0 0 50px;
}

.dashed-repeating-gradient {
    height: 100px;
    width: 200px;
    padding: 10px;
    background-image: repeating-linear-gradient(to right, blue 0%, blue 50%, transparent 50%, transparent 100%), repeating-linear-gradient(to right, blue 0%, blue 50%, transparent 50%, transparent 100%), repeating-linear-gradient(to bottom, blue 0%, blue 50%, transparent 50%, transparent 100%), repeating-linear-gradient(to bottom, blue 0%, blue 50%, transparent 50%, transparent 100%);
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 20px 3px, 20px 3px, 3px 20px, 3px 20px;
}

input.mobile-input {
    width: 100%;
    margin: 0 auto 0;
    box-shadow: none;
    line-height: 35px !important;
    height: auto;
    padding: 5px 15px;
    text-align: center;
    font-size: 20px;
    display: block;
    color: #444;
    letter-spacing: 20px;
    border: solid 1px #ddd;
    border-radius: 5px;
}

#enterance {
    display: none
}

.text-notif {
    background-color: #e17055;
    color: #fff;
    margin: 0 auto;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
    line-height: 25px;
}

textarea:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="datetime"]:focus,
.login input[type="datetime-local"]:focus,
.login input[type="date"]:focus,
.login input[type="month"]:focus,
.login input[type="time"]:focus,
.login input[type="week"]:focus,
.login input[type="number"]:focus,
.login input[type="email"]:focus,
.login input[type="url"]:focus,
.login input[type="search"]:focus,
.login input[type="tel"]:focus,
.login input[type="color"]:focus,
.login .uneditable-input:focus {
    border: 1px solid #ebebeb;
    background-color: #ebebeb;
    border-radius: 5px;
    outline: 0 none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.rayannegar.login .submit-btn,
#makefav .submit-btn {
    background: #36206a !important;
    color: #fff !important;
    padding: 12px 55px !important;
    border-radius: 5px !important;
    display: inline-block;
    width: 100% !important;
    font-size: 14px !important;
    line-height: normal !important;
    box-shadow: none !important;
    margin: 20px auto 0 !important;
}

.rayannegar.login .submit-btn:hover,
#makefav .submit-btn {
    background: #fab1a0 !important;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

#s_timer .btn {
    border-radius: 50px;
}


/********/

.rayannegar_provider {
    border-radius: 5px;
    padding: 0 !important;
}

.rayannegar .sidebar {
    background: #6c55a5;
    border-radius: 0 5px 5px 0;
    padding: 0;
}

.rayannegar .sidebar .image {
    width: 100%;
    float: right;
    text-align: center;
    margin: 35px 0 15px;
    border-bottom: solid 1px rgba(54, 32, 106, 0.2);
    padding-bottom: 15px;
}

.rayannegar .sidebar ul {
    width: 100%;
    float: right;
    padding: 0 !important;
    margin: 0 0 15px !important;
}

.rayannegar .sidebar ul li {
    position: relative;
}

.rayannegar .sidebar ul li a {
    display: block;
    padding: 5px 45px 5px 15px;
    position: relative;
    transition: all linear 0.3s;
}

.rayannegar .sidebar ul li a .fa {
    position: absolute;
    right: 18px;
    top: 10px;
    font-size: 18px;
}

.rayannegar .sidebar ul li:hover a {
    background: #36206a;
}

.dashboard_menu_accordion {
    display: none;
}

.dashboard_menu_accordion .collapsible {
    background-color: #6c55a5 !important;
    color: white;
    cursor: pointer;
    padding: 10px 25px;
    border: none;
    text-align: center;
    outline: none;
    font-size: 13px;
    border-radius: 5px;
}

.dashboard_menu_accordion .collapsible .fas {
    margin-left: 5px;
}

.dashboard_menu_accordion .content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background: #f4f4f4;
    margin: 10px 0 0;
    border-radius: 5px;
}

.dashboard_menu_accordion ul {
    display: block !important;
}

.dashboard_menu_accordion ul li {
    margin-bottom: 10px !important;
}

.dashboard_menu_accordion ul li a {
    padding: 5px 15px !important;
}

.dashboard_menu_accordion ul li a .fa,
.dashboard_menu_accordion ul li a .fas {
    margin-left: 5px !important;
}

.dashboard-button {
    margin: 0 0 20px;
    width: 100%;
    float: right;
}

.dashboard-button a.manage-business {
    background: linear-gradient(45deg, #1ae1da, #5c7ce9);
    width: 49%;
    float: right;
    border-radius: 5px;
    padding: 15px 20px;
    color: #FFF;
    text-align: right;
    position: relative;
}

.dashboard-button a.manage-business .fa {
    position: absolute;
    left: 15px;
    top: 0;
    font-size: 58px;
    opacity: 0.7;
}

.dashboard-button a.insert-business {
    background: linear-gradient(45deg, #f5509f, #fe7476);
    width: 49%;
    float: left;
    border-radius: 5px;
    padding: 15px 20px;
    color: #FFF;
    text-align: right;
    position: relative;
}

.dashboard-button a.insert-business .fa {
    position: absolute;
    left: 15px;
    top: 2px;
    font-size: 58px;
    opacity: 0.7;
}

.rayannegar_provider .each-service {
    width: 100%;
    float: right;
    margin-bottom: 15px;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
}

.mobileprsonal a {
    color: #d63031 !important
}

.mobileprsonal a:hover {
    color: #d63031 !important
}

.each_service_header {
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    width: 100%;
    float: right;
    background: #f2f2f2;
}

.each_service_header .users-rate {
    float: left;
    margin-top: 3px;
}

.each_service_header .users-rate label {
    background: #FC0;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 3px 10px;
    line-height: 28px;
    height: 35px;
}

.each_service_header .users-rate label .fas {
    font-size: 12px;
    margin-right: 5px;
    color: #fff !important;
}

.each-service .each_service_header>h3 {
    font-weight: bolder;
    font-size: 18px;
    margin: 7px 5px 0;
    float: right;
}

.each-service .each_service_header>h3 a {
    color: #2c3e50;
}

.each-service .each_service_header .label {
    float: right;
    margin: 11px 8px 0 0;
}

.each-service .each_service_header .delete {
    cursor: pointer;
    float: left;
    color: #d63031;
    margin-right: 10px;
    width: 40px;
    height: 35px;
    text-align: center;
    border-radius: 5px;
    line-height: 39px;
    background: #fff;
}

.each-service .each_service_header .delete .fa {
    font-size: 21px;
}

.each-service-box {
    padding: 20px 80px 20px 10px;
    transition: all 0.3s;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    text-align: right;
    background: #fff;
    color: #2c3e50;
    font-weight: bolder;
    border-radius: 5px;
    line-height: 25px;
    font-size: 13px;
    position: relative;
}

.each-service-box:hover {
    box-shadow: none;
}

.each-service-box i {
    position: absolute;
    font-size: 19px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #eee;
    right: 25px;
    top: 21px;
    text-align: center;
    line-height: 48px;
}

.each-service-box i.fa-list-ul {
    background: rgba(234, 134, 30, 0.1);
    color: #EA861E;
    border: solid 1px #EA861E;
}

.each-service-box i.fa-ellipsis-v {
    background: rgba(184, 64, 63, 0.1);
    color: #B8403F;
    border: solid 1px #B8403F;
}

.each-service-box i.fa-info-circle {
    background: rgba(53, 173, 200, 0.1);
    color: #35ADC8;
    border: solid 1px #35ADC8;
}

.each-service-box i.fa-question-circle {
    background: rgba(22, 235, 40, 0.1);
    color: #44bd32;
    border: solid 1px #44bd32;
}

.each-service-box i.fa-chalkboard-teacher {
    background: rgba(255, 8, 193, 0.1);
    color: #be2edd;
    border: solid 1px #be2edd;
}

.each-service-box>div {
    display: block;
}

.each-service .comments {
    width: 100%;
    float: right;
    margin-top: 15px;
}

.title-header {
    margin: 0 0 15px 0;
    width: 100%;
    float: right;
    position: relative;
}

.title-header>h2 {
    color: #2c3e50;
    font-weight: bolder;
    font-size: 18px;
    margin: 7px 0 0;
    float: right;
}

.title-header .back {
    float: left;
    background: #fab1a0 !important;
    color: #fff;
    padding: 1px 15px;
    border-radius: 5px;
}

.title-header>h1 {
    font-size: 20px;
    color: #000;
    font-weight: bolder;
    margin: 7px 10px 0;
    float: right;
}

.rayannegar_provider .form-horizontal {
    width: 100%;
    float: right;
}

.filter-search {
    margin-bottom: 10px;
    width: 100%;
    position: relative;
    float: right;
}

input#filter_search {
    width: 100% !important;
    display: inline-block !important;
    box-shadow: none;
    padding: 28px;
    font-size: 13px;
    height: 42px;
    border: solid 1px #ccc !important;
    border-radius: 5px;
}

input#filter_search::placeholder {
    color: #000 !important
}

.filter-search .submit {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    padding: 5px 18px;
    background: rgb(66, 195, 215);
    background: -webkit-linear-gradient(295deg, rgba(25, 143, 163, 1) 0%, rgba(47, 176, 197, 1) 100%);
    background: -o-linear-gradient(295deg, rgba(25, 143, 163, 1) 0%, rgba(47, 176, 197, 1) 100%);
    background: linear-gradient(25deg, rgba(25, 143, 163, 1) 0%, rgba(47, 176, 197, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#f7ce68", endColorstr="#fbab7e", GradientType=1);
}

.filter-search .clear {
    position: absolute;
    right: 80px;
    bottom: 5px;
    height: 42px;
    background: none;
    color: #666 !important;
    border-radius: 0 !important;
    padding: 5px 10px;
}

.filter-search .clear .fa {
    font-size: 16px;
}

.filter-box {
    margin-bottom: 15px;
    float: right;
    width: 100%;
}

.filter-box .chzn-single,
.limitbox .chzn-single,
.catfilter .chzn-single {
    box-shadow: none !important;
    border: none !important;
    background: #F9F9F9 !important;
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    height: 30px !important;
    padding: 0 15px !important;
    text-align: left !important;
    line-height: 28px !important;
    color: #B2BEC3;
}

.filter-box .chzn-single span,
.limitbox .chzn-single span,
.catfilter .chzn-single span {
    margin: 0 !important;
}

.filter-box .chzn-single>div,
.limitbox .chzn-single>div,
.catfilter .chzn-single>div {
    display: none;
}

.filter-box .chzn-drop,
.limitbox .chzn-drop,
.catfilter .chzn-drop {
    border: solid 1px #ccc !important;
    text-align: left !important;
}

.filter-box .chzn-drop input,
.limitbox .chzn-drop input,
.catfilter .chzn-drop input {
    border: solid 1px #ddd !important;
    border-radius: 5px !important;
    height: auto !important;
    padding: 7px !important;
    background: none !important;
}

.filter-box .chzn-single:after,
.limitbox .chzn-single:after,
.catfilter .chzn-single:after {
    content: "\e874" !important;
    position: absolute !important;
    right: 8px !important;
    top: 5px !important;
    font-family: Linearicons-Free;
    color: #B2BEC3;
    background: none !important;
    border: none !important;
    font-size: 14px;
    line-height: normal;
}

.filter-box>select,
.filter-box .chzn-container.chzn-container-single,
.limitbox>select,
.limitbox .chzn-container.chzn-container-single {
    width: 39% !important;
    float: right;
    margin: 0 0 0 5px;
}

.catfilter .chzn-container.chzn-container-single,
.catfilter .chzn-container.chzn-container-single,
.limitbox>select {
    width: 65% !important;
}

.filter-box>select#limit,
.filter-box #limit_chzn,
.limitbox>select#limit,
.limitbox #limit_chzn,
.catfilter>select#limit,
.catfilter #limit_chzn {
    width: 20% !important;
    float: right;
    margin: 0;
}

.chzn-container-single .chzn-single div {
    display: none !important;
}

.user_favorites #limit_chzn,
.user_categories #limit_chzn,
.rayannegar_provider.user_favorites #limit_chzn,
.limitbox #limit_chzn {
    float: right;
}

.currnet-date {
    font-weight: bolder;
    font-size: 12px;
    text-align: right;
    float: right;
    top: 0;
    position: relative;
    background: #a29bfe;
    color: #fff;
    padding: 0px 10px;
    border-radius: 5px;
}

.provider_services .each-reserve {
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    margin-bottom: 20px;
    border-radius: 5px;
    padding: 15px;
    text-align: right;
    box-shadow: none;
    position: relative;
}

.provider_services .each-reserve .status {
    position: absolute;
    top: 10px;
    left: 15px;
}

.provider_services .each-reserve .btn.show_button {
    background: #eee !important;
    font-size: 13px !important;
    color: #2c3e50 !important;
    width: 100%;
    padding: 10px !important;
    margin: 10px 0 0 !important;
}

.service-page>h2 {
    color: #2c3e50;
    font-weight: bolder;
    font-size: 18px;
    margin: 0 0 15px;
    background: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 15px;
}

.service-page>div {
    margin-bottom: 10px;
}

.service-page div>i {
    display: inline-block;
    margin-left: 5px;
    font-size: 16px;
    color: #666;
    float: right;
    position: relative;
    top: 4px;
}

.line {
    width: 90%;
    height: 1px;
    margin: 5px auto;
    background: #fab1a0;
    clear: both;
    padding: 0 !important;
}

.service-page .line {
    margin: 21px auto 15px;
    background: rgba(108, 85, 165, 0.1);
}

.addressselect_desc {
    text-align: center;
    color: #856404;
    background-color: #fff3cd;
    border: solid 1px #ffeeba;
    padding: 10px;
    border-radius: 5px;
    margin: 0 0 15px;
    width: 100%;
    float: right;
}

.addressselect .chzn-single {
    box-shadow: none !important;
    border: solid 1px #ccc !important;
    background: #fff !important;
    border-radius: 5px !important;
    height: 42px;
    padding: 0 15px;
    text-align: right !important;
    line-height: 42px !important;
    color: #666;
}

.addressselect .chzn-single span {
    margin: 0 !important;
}

.addressselect .chzn-single>div {
    display: none;
}

.addressselect .chzn-drop {
    border: solid 1px #ccc !important;
    text-align: right !important;
}

.addressselect .chzn-drop input {
    border: solid 1px #ddd !important;
    border-radius: 5px !important;
    height: auto !important;
    padding: 7px !important;
    background: none !important;
}

.addressselect .chzn-single:after {
    content: "\f107" !important;
    position: absolute !important;
    left: 7px !important;
    top: 11px !important;
    font-family: FontAwesome;
    color: #999;
    background: none !important;
    font-size: 18px;
    line-height: normal;
}

.mainpage .addressselect label {
    color: #333;
    display: block;
}

.radiobtn .btn.btn-default {
    border: solid 1px #ccc !important;
    margin-left: 4px;
    text-align: right !important;
    transition: all 0.3s;
    display: inline-block;
    max-width: initial !important;
}

.radiobtn .btn.btn-default:hover {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    background: #fff !important;
}

.addressselect .form-group {
    position: relative;
    clear: both;
}

.user_reserve input.form-control,
.userprofile input.form-control,
.addressselect input.form-control {
    border: solid 1px #ccc !important;
    height: 42px;
    padding: 10px 15px;
    font-size: 14px !important;
}

textarea.form-control[disabled],
input.form-control[disabled],
input.form-control[readonly] {
    background-color: #eee;
    opacity: 1;
    border: solid 1px #ddd !important;
    box-shadow: none;
}

.addressselect textarea.form-control {
    padding: 10px 15px;
    height: 150px;
}

.addressselect #restypediv strong {
    color: #e84118;
    position: absolute;
    top: 39px;
    left: 15px;
}

.userprofile input.form-control.submit-btn,
.submit-btn {
    height: auto !important;
    border: none !important;
    margin: 20px auto !important;
    background: #36206a !important;
    color: #fff !important;
    padding: 20px 55px !important;
    border-radius: 5px !important;
    width: 20% !important;
    font-size: 14px !important;
    line-height: normal !important;
    box-shadow: none !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.submit-btn:hover,
.submit-btn2:hover,
.userprofile input.form-control.submit-btn:hover {
    background: #fab1a0 !important;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.btn.back-btn {
    height: auto !important;
    border: none !important;
    margin: 20px auto !important;
    background: #fab1a0 !important;
    color: #fff !important;
    padding: 12px 55px !important;
    border-radius: 5px !important;
    width: auto !important;
    font-size: 14px !important;
    line-height: normal !important;
    box-shadow: none !important;
}

.add_button {
    background: #16b5ea !important;
    border: none !important;
    padding: 5px 10px 10px 10px !important;
    color: #fff !important;
    font-size: 13px !important;
}

.mainpage table {
    border-radius: 5px;
    margin-bottom: 10px;
    background: #fff;
    border: none !important;
    font-size: 14px;
}

.mainpage table.table-hover>tbody>tr:hover {
    background: none !important;
}

.mainpage table tr:nth-child(even) {
    background: #f7f7f7;
}

.mainpage table th {
    background: #333 !important;
    border: none !important;
    padding: 10px !important;
    color: #fff !important;
    text-align: center;
}

.mainpage table th a {
    color: #fff !important;
}

.mainpage table th:first-child {
    border-radius: 0 5px 0 0;
}

.mainpage table th:last-child {
    border-radius: 5px 0 0 0;
}

.mainpage table td {
    padding: 10px !important;
    border: none !important;
    vertical-align: middle !important;
}

.mainpage table tbody tr:nth-child(2n) td {
    background: #f2f2f2 !important;
}

.mainpage table td input.form-control {
    border: solid 1px #ddd !important;
    font-size: 14px !important;
}

.rayannegar_provider textarea {
    border: solid 1px #ccc !important;
    min-height: 90px;
}

.rayannegar_provider textarea:focus {
    box-shadow: none !important;
    background: none;
}

.servh3 {
    padding: 15px 0;
    font-size: 14px;
    text-align: center;
    color: #951d32;
    background-color: #fed6dd;
    border: #fdc1cc solid 1px;
    border-radius: 5px;
}

.toplinks {
    float: left;
}

.toplinks a {
    font-weight: 500;
    font-size: 13px;
    background-color: #00b74a;
    border: none;
    padding: 6px 16px 9px;
    line-height: normal;
    color: #fff;
}

.provider_upload .mainpage {
    padding-top: 20px !important;
}

.reslist {
    width: 100%;
    margin: 25px 0 15px;
    float: right;
}

.reslist ul {
    border: none;
    margin: 0;
}

.reslist li {
    margin: 0;
    padding: 0 !important;
}

.reslist .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    background: #eeeeee !important;
    border: none !important;
    border-radius: 5px !important;
    margin: 0 0 0 10px !important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    color: #333 !important;
}

.reslist .nav>li:hover>a {
    color: #6c55a5 !important;
}

.reslist .nav>li.active>a {
    background: #6c55a5 !important;
    color: #fff !important;
}

.provider_reserves .tab-content {
    width: 100%;
    float: right;
    margin-bottom: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 15px;
    border-radius: 5px;
}

.provider_reserves .tab-content .each-reserve {
    margin-bottom: 20px;
    border-radius: 5px;
    padding: 10px 0;
    text-align: center;
    background: #fff;
}

.provider_reserves .tab-content .each-reserve:last-child {
    margin: 0 !important;
}

.provider_reserves .tab-content .each-reserve a.showprofile {
    border: none !important;
    padding: 10px 25px !important;
    color: #fff !important;
    float: right !important;
    font-size: 13px !important;
    background: #28C0D2 !important;
    height: 40px;
}

.provider_reserves a.btn.tel {
    border-radius: 5px;
    background-color: #00b74a;
    margin-right: 10px;
    line-height: normal;
    border: none !important;
    padding: 9px 25px !important;
    color: #fff !important;
    float: right !important;
    font-size: 13px !important;
    height: 40px;
}

.provider_reserves a.tel i {
    margin-left: 5px
}

.notdone {
    background: #ffa900 !important;
    border-radius: 30px;
    color: #FFF;
    clear: both;
    text-align: center;
    margin: 0;
    float: left;
    font-size: 12px;
    padding: 1px 10px;
}

.remain {
    background: #f93154;
    border-radius: 30px;
    color: #FFF;
    clear: both;
    text-align: center;
    margin: 0;
    float: left;
    font-size: 12px;
    padding: 1px 10px;
}

.done {
    background: #00b74a !important;
    border-radius: 30px;
    color: #FFF;
    clear: both;
    text-align: center;
    margin: 0;
    float: left;
    font-size: 12px;
    padding: 1px 10px;
}

h2.show-week {
    padding: 20px 0;
    text-align: center;
    margin: 0;
    font-size: 18px;
}

.count-hours {
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    float: right;
}

.tab2-whole .count-hours {
    margin-bottom: 15px;
}

.count-hours .btn {
    background: none !important;
    padding: 0;
    border-radius: 0;
    border: none !important;
    margin: 5px 0 0 5px !important;
}

.title-alert {
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    float: right;
}

.showloaderbank {
    position: absolute;
    background: #f4f4f4;
    left: 0;
    bottom: 0;
    padding: 5px 10px 5px 55px;
    border-radius: 5px;
}

.showloaderbank:after {
    content: '';
    width: 40px;
    height: 40px;
    background: url(../images/process.gif) no-repeat;
    display: inline-block;
    background-size: contain;
    position: absolute;
    top: -2px;
    left: 5px;
}

.count-hours h3 {
    color: #d35400;
    font-weight: bolder;
    font-size: 14px;
    margin: 0 0 10px;
    line-height: normal;
}

label.offlable {
    float: left;
    border-radius: 20px;
    position: relative;
    top: 0;
    background: none;
    border: none;
    font-size: 13px;
    padding: 0;
}

label.offlable input {
    position: relative;
    top: 2px;
}

.btns button {
    margin-bottom: 10px
}

.nextbtn {
    float: left;
    background: #00b74a;
    color: #FFF;
}

.lastbtn {
    float: right;
    background: #1266f1;
    color: #FFF;
}

.lastbtn:hover,
.nextbtn:hover {
    color: #FFF !important;
}

.confirmpage>div>div.col-sm-4,
.confirmpage>div>div.col-sm-12 {
    margin: 0 0 10px;
    float: right;
}

.confirmpage {
    padding: 20px !important;
}

.confirmpage button.done,
.confirmpage button.notdone {
    float: left;
    background: #f93154 !important;
    border: none !important;
    padding: 5px 20px !important;
    width: auto !important;
    font-size: 13px;
    border-radius: 20px;
}

.confirmpage button.done {
    float: left;
    background: #f93154 !important;
    border: none !important;
    padding: 8px 20px !important;
    width: auto !important;
    font-size: 13px;
    border-radius: 5px;
    clear: none;
}

.confirmpage button.notdone {
    float: left;
    background: #00b74a !important;
    border: none !important;
    padding: 8px 20px !important;
    width: auto !important;
    font-size: 13px;
    border-radius: 5px;
    clear: none;
}

button.print {
    background: #00b74a;
    border: none;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    padding: 4px 20px !important;
    float: left;
    margin-right: 9px;
}

button.print i {
    font-size: 21px;
    position: relative;
    top: 2px;
}

.confirmloader img {
    width: 180px
}

.confirmloader h3 {
    font-weight: bold;
    font-size: 26px;
    background: none !important;
    margin: 0;
    padding: 0 0 15px;
}

.confirmloader {
    text-align: center;
    margin-bottom: 10px
}

.timer_title {
    width: 100%;
    float: right;
    color: #787878;
    font-size: 15px;
}

.item-timer {
    width: 100%;
    margin: 0 0 20px;
    padding: 0 !important
}

.item-timer .timer_counter {
    width: 100%;
    float: right;
    text-align: center;
}

.item-timer .each_counter {
    background: #ff5500;
    color: #fff;
    text-align: center;
    margin-left: 5px;
    border-radius: 2px;
    padding: 7px;
    width: 55px;
    height: 55px;
    line-height: normal;
    display: inline-block;
}

.item-timer .each_counter .each_counter .each_counter_number {
    display: block;
}

.item-timer .each_counter .each_counter .each_counter_title {
    display: block;
}

.confirmpage div.col-ms-4 {
    padding: 10px 0;
}

.confirmpage strong {
    font-weight: bold;
    color: #666;
}

.rayannegar_profile .mainpage {
    padding: 20px !important;
}

.userpanel .alert-profile.red {
    margin: 20px 0;
}

#uploadimage {
    text-align: center;
}

#uploadimage3 img,
#uploadimage2 img {
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    border: solid 1px #eee;
}

#uploadimage3 .text-center,
#uploadimage2 .text-center {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    color: #fff;
    border-radius: 0 0 5px 5px;
}

#uploadimage3,
#uploadimage2 {
    text-align: center
}

.image-alert {
    display: inline-block;
    color: #d63031;
    width: 100%;
}

.sidebar .personelimage img {
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    height: 120px;
    width: 120px;
    margin-bottom: 10px;
}

.userprofile .form-group,
.provider_upload .form-group,
.addressselect .form-group,
.rayannegar_profile .userprofile .form-group {
    width: 100%;
    float: right;
}

.catshow {
    display: block;
    text-align: center;
    margin: 10px 0;
}

.catshow a {
    padding: 8px 30px;
    background: #6c55a5;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    color: #fff !important;
    font-size: 14px;
    display: inline-block;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.catshow a:hover {
    background: #fab1a0 !important;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.categories {
    padding: 0 7px !important;
    margin-bottom: 15px;
}

.categories a {
    padding: 10px;
    transition: all 0.3s;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    background: #fff;
    color: #2c3e50;
    font-weight: bolder;
    border-radius: 5px;
    line-height: 25px;
    font-size: 13px;
    width: 100%;
    float: right;
    text-align: center;
}

.categories a h3 {
    font-size: 14px;
    color: #333;
}

.panel-list {
    width: 100%;
    float: right;
    text-align: center;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    border-radius: 5px;
    padding: 10px;
    background: #fff;
    height: 100%;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}

.panel-list .users-rate {
    float: none;
}

.panel-list .btn {
    margin-top: 10px;
}

.panel-list img {
    border-radius: 5px;
    margin-bottom: 5px;
}

.user_reserves .filter-box select,
.user_reserves .filter-box .chzn-container.chzn-container-single {
    width: 24.5% !important;
}


/*
.user_reserves .filter-box #limit_chzn {
    width: 25% !important;
}*/

.catbox {
    width: 100%;
    float: right;
    padding: 15px;
    border-radius: 5px;
    position: relative;
}

.user_subcategory .categories a,
.user_categories .categories a {
    padding: 0;
}

.user_subcategory .categories a h3,
.user_categories .categories a h3 {
    color: inherit !important;
}

.count-providers {
    position: absolute;
    left: 5px;
    top: 5px;
    background: red;
    padding: 2px 5px;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
}

.servicelist {
    width: 100%;
    text-align: right;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    border-radius: 5px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    margin: 0 0 15px;
    float: right;
}

.servicelist .title {
    color: #333;
}

.service-page {
    padding: 20px !important;
}

.provider-avatar {
    position: relative;
}

.provider-avatar .countdiscount {
    right: 10px;
    left: auto;
}

.provider-avatar img {
    border-radius: 5px;
}

.favorite {
    padding: 0 !important;
    margin: 0 !important;
    position: absolute;
    left: 10px;
    top: 0;
}

.favorite button {
    border: none;
    cursor: pointer;
    background: #eee;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    line-height: 44px;
    color: #666;
}

.favorite button i {
    font-size: 18px;
}

.countdiscount {
    position: absolute;
    left: 8px;
    top: 10px;
    color: #FFF;
    background: #ff4757;
    border-radius: 5px;
    text-align: center;
    padding: 0 5px;
}

.servicelist .rating-stars.text-center {
    float: left;
}

label.badge {
    line-height: 15px !important;
    padding: 2px 7px 4px !important;
    border-radius: 2px !important;
    margin: 0 !important;
    background: #747d8c !important;
    float: right;
    margin-bottom: 5px !important;
}

label.badge.red {
    background: #2ed573 !important;
}

.badgeholder {
    position: absolute;
    bottom: 15px !important
}

.boxholder {
    border-radius: 15px;
    padding: 10px;
    margin-bottom: 40px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.boxholder2 {
    border-radius: 15px;
    padding: 20px !important;
    margin-bottom: 40px;
    box-shadow: 0 1px 6px rgb(0 0 0 / 15%);
}

.boxholder3 {
    border-radius: 15px;
    padding: 20px !important;
    margin-bottom: 40px;
    border: 1px solid #ebebeb;
}

.disholder {
    width: 40px;
    height: 40px;
    background-color: #d63031;
    color: #fff;
    line-height: 40px;
    position: absolute;
    top: -20px;
    left: -10px;
    border-radius: 50%
}

.badge.dis {
    text-align: center;
    display: block;
    margin: 0 auto !important;
    width: 100%;
    position: absolute;
    bottom: 5px;
    padding: 8px 0 !important;
    background-color: #000 !important;
    opacity: 0.5;
    border-radius: 0 0 5px 5px
}

.mainpage.user_subcategory {
    padding: 40px 20px !important;
}

.mainpage.user_subcategory .back {
    float: left;
    background: #fab1a0 !important;
    color: #fff;
    padding: 1px 15px;
    border-radius: 5px;
}

.user_reserve .form-group {
    width: 100%;
    float: right;
}

.user_reserve .form-group span {
    display: inline-block;
}

.user_reserve .form-group .fa {
    font-size: 13px;
    color: #666;
    margin-left: 5px;
    display: inline-block;
}

#tab2-whole label.offlable {
    border-radius: 4px !important;
    font-size: 13px;
    padding: 1px 10px 7px;
    line-height: 15px;
    background: #fb967e;
    color: #fff;
}

.fc-theme-standard td {
    border: 1px solid #eee !important;
}

.fc-h-event {
    border: 1px solid #f93154 !important;
    background-color: #f93154 !important;
    font-size: 12px !important;
}

.fc th,
.fc td {
    vertical-align: middle !important;
    padding: 0;
}

.fc .fc-day-other .fc-daygrid-day-top {
    opacity: 0.5 !important;
}

.fc-h-event .fc-event-title {
    width: 100%;
    text-align: center;
}

.fc-col-header {
    margin: 0 !important;
}

.fc .fc-daygrid-day-top {
    flex-direction: initial !important;
}

.fc-direction-rtl .fc-daygrid-week-number {
    font-size: 12px !important;
    padding: 0 !important;
    line-height: normal !important;
    right: 10px !important;
    top: 10px !important;
}

.fc .fc-toolbar-title {
    font-size: 18px !important;
}

.fc-col-header th {
    background: #333 !important;
    border: none !important;
    padding: 15px !important;
    color: #fff !important;
    text-align: center;
}

.fc-col-header th a {
    color: #fff;
}

.fc-col-header th:first-child {
    border-radius: 0 5px 0 0 !important;
}

.fc-col-header th:last-child {
    border-radius: 5px 0 0 0 !important;
}

table.fc-scrollgrid td {
    padding: 5px !important;
}

.fc .fc-highlight {
    background: rgba(108, 85, 165, 0.2) !important;
}

.hour_alert {
    color: #640;
    background-color: #fec;
    text-align: center;
    font-size: 13px;
    margin: 0 0 15px;
    line-height: normal;
    padding: 15px;
    border-radius: 5px;
    width: 100%;
    float: right;
}

#show-selected-date .btn {
    margin-left: 5px;
    margin-bottom: 5px;
    border: none;
}

#show-selected-date .btn input[type="radio"] {
    margin: 0 0 0 5px;
    position: relative;
    top: 2px;
}

#add_reserve.reserve-btn {
    height: auto !important;
    border: none !important;
    margin: 20px auto !important;
    background: #36206a !important;
    color: #fff !important;
    padding: 12px 20px !important;
    border-radius: 60px !important;
    width: auto !important;
    font-size: 14px !important;
    line-height: normal !important;
    box-shadow: none !important;
}

.user_reserve .form-control.wallet-btn {
    display: inline-block !important;
    text-align: center;
    height: auto !important;
    border: none !important;
    margin: 0 0 10px !important;
    padding: 12px 55px !important;
    border-radius: 5px !important;
    width: auto !important;
    font-size: 14px !important;
    line-height: normal !important;
    box-shadow: none !important;
    background: #fab1a0 !important;
    color: #fff !important;
}

#add_reserve.reserve-btn:hover,
.wallet-btn:hover {
    background: #fab1a0 !important;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.mainpage.user_walletreport table th {
    padding: 15px 5px !important;
    font-size: 13px;
}

.mainpage.user_walletreport table td {
    font-size: 13px !important;
}

.delete-fav {
    position: absolute;
    right: -12px;
    top: -17px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: red;
    line-height: 34px;
    z-index: 1;
    text-align: center;
}

a.delete-fav i {
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.each-reserve {
    width: 100%;
    text-align: right;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    border-radius: 5px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    margin: 0 0 15px;
    float: right;
}

.each-reserve #closemodal {
    position: absolute;
    left: 10px;
    top: 10px;
    background: #eee;
    margin: 0;
    padding: 0;
    font-size: 14px;
    width: 30px;
    height: 30px;
    border-radius: 2px;
}

.each-reserve #closemodal .fa {
    font-size: 14px;
}

.each-reserve .modal .success-box>div {
    color: #888;
    text-align: center;
    float: none;
    font-size: 12px;
    margin-right: 8px;
}

.each-reserve img {
    border-radius: 5px;
}

.each-reserve .rating-widget {
    margin: 0 !important;
}

.each-reserve .rating-stars ul {
    display: flex;
    justify-content: center;
    margin: 0;
}

.commentpage .rating-stars {
    float: left;
}

.commentpage .rating-widget {
    float: left;
    width: auto;
    margin: 0;
}

.commentpage .rating-widget .success-box {
    float: left;
}

.each-reserve .modal-title {
    font-size: 14px;
    margin: 0 0 5px !important;
    text-align: center;
}

.each-reserve .btn.tel {
    border-radius: 5px;
    background-color: #00b74a;
    border: none !important;
    padding: 10px 25px !important;
    color: #fff !important;
    float: right !important;
    font-size: 13px !important;
    margin-left: 5px !important;
    line-height: normal;
}

.each-reserve .btn.tel i {
    margin-left: 5px;
}

.each-reserve .btn.tel.purple {}

.each-reserve .hour {
    direction: ltr;
    border: none !important;
    display: inline-block;
}

.provider_services .each-reserve .has_top_padding {
    padding-top: 5px;
}

.rayannegar_provider_userlist .each-row {
    width: 100%;
    text-align: right;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    border-radius: 5px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    margin: 0 0 15px;
    float: right;
}

.rayannegar_provider_userlist .each-row .btn {
    border-radius: 5px;
    border: none !important;
    padding: 10px 25px !important;
    color: #fff !important;
    float: left;
    font-size: 13px !important;
    line-height: normal;
    background: #f0932b !important;
    position: relative;
    top: 5px;
}

.rayannegar_provider_userlist .each-row .name {
    position: relative;
    display: inline-block;
    top: 10px;
}

.avatar img {
    border-radius: 5px;
    width: 100%;
}

#uploadimage1,
#uploadimage2,
#uploadimage3 {
    cursor: pointer;
    position: relative;
}

.uploadimage_box {
    width: 100%;
    float: right;
    display: flex !important;
    align-items: flex-end;
}

.uploadimage_box .info {
    padding-right: 15px;
}

.uploadimage_box .info .text-center {
    text-align: right !important;
}

#showloader {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../images/process.gif) rgba(255, 255, 255, 0.5) no-repeat center;
    background-size: 100px;
    z-index: 9999
}

.service-page .service-comment {
    margin-bottom: 15px;
    border: solid 1px #eee;
    border-radius: 5px;
    padding: 10px 80px 10px 0;
    width: 100%;
    float: right;
    position: relative;
}

.service-page .service-comment.answer {
    background: #f4f4f4;
}

.service-page .service-comment .cm-avatar {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 3px !important;
    border: solid 1px #ddd;
    border-radius: 50%;
}

.service-page .service-comment .cm-avatar img {
    margin: 0 auto;
    display: block;
    border-radius: 50%;
    width: 50px;
}

.service-page .service-comment .info {
    width: 100%;
    float: right;
}

.service-page .service-comment .date {
    color: #666;
    font-size: 12px;
    margin-right: 5px;
}

.service-page .service-comment .info .rating-stars {
    left: 10px;
    top: 10px;
    position: absolute;
}

.user_reserve .form-group.price_box {
    padding: 10px;
    transition: all 0.3s;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    background: #fff;
    color: #2c3e50;
    font-weight: bolder;
    border-radius: 5px;
    line-height: 25px;
    font-size: 13px;
    width: 100%;
    float: right;
    text-align: center;
    margin: 0 0 10px !important;
}

.user_reserve .form-group.price_box span {
    display: block !important;
    line-height: 34px;
    font-size: 15px;
}

.user_reserve .form-group.price_box span:last-child {
    color: #4caf50;
    font-size: 17px;
    margin: 10px 0;
}

.fc .fc-daygrid-day-number {
    display: block;
    text-align: center;
    width: 100%;
    color: #333;
}

.fc .fc-scrollgrid-section>td {
    padding: 0 !important;
    border: none !important;
}

.form-control {
    box-shadow: none !important;
}

.fc-theme-standard .fc-scrollgrid {
    border: none !important;
}

.fc table.fc-scrollgrid-sync-table {
    background: #fff !important;
    border-radius: 0 0 5px 5px !important;
}

.fc table.fc-scrollgrid-sync-table tr:last-child td:first-child {
    border-radius: 0 0 5px 0 !important;
}

.fc table.fc-scrollgrid-sync-table tr:last-child td:last-child {
    border-radius: 0 0 0 5px !important;
}

.upload_alert {
    color: #951d32;
    background-color: #fed6dd;
    text-align: center;
    padding: 15px;
    border-radius: 5px;
    margin: 0 0 15px;
    width: 100%;
    float: right;
}

.upload_alert_blue {
    color: #22738e;
    background-color: #d7f2fb;
    text-align: center;
    border-radius: 5px;
    padding: 15px;
    margin: 15px 0;
    width: 100%;
    float: right;
}

.dropzone {
    border: solid 1px #ddd !important;
    margin: 10px 0 !important;
    border-radius: 5px !important;
}

.dropzone.dz-clickable .dz-message {
    position: relative;
}

.dropzone.dz-clickable .dz-message:before {
    background: url(../images/uploader.png);
    content: '';
    width: 100px;
    height: 100px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
}

#show-selected-date h2 {
    font-size: 16px;
    margin: 0 0 10px;
}

#show-selected-date>div {
    margin-bottom: 10px !important;
}

.topHeader,
.secoundline {
    width: 100%;
    border-radius: 20px;
    padding: 15px;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    margin-bottom: 20px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.topHeader a {
    color: #646464
}

.borderli {
    padding: 5px 10px;
    border: 1px solid #ebebeb;
    border-radius: 15px;
    margin-bottom: 15px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: #fff
}

.borderli i {
    padding-left: 10px;
    position: relative;
    top: 5px
}

li .notif {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #eb4d4b;
    border-radius: 50%;
    color: #fff;
    top: -1px;
    line-height: 20px;
    left: -9px;
    text-align: center;
}

.borderli:hover a {
    color: #f5f5f5;
}

.borderli:hover {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: linear-gradient(270deg, #b721ff, #21d4fd);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 6s ease infinite;
    -moz-animation: AnimationName 6s ease infinite;
    -o-animation: AnimationName 6s ease infinite;
    animation: AnimationName 6s ease infinite;
}

@-webkit-keyframes AnimationName {
    0% {
        background-position: 0% 97%;
        opacity: 0.3
    }
    50% {
        background-position: 100% 4%;
        opacity: 0.8
    }
    100% {
        background-position: 0% 97%;
        opacity: 1
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 0% 97%
    }
    50% {
        background-position: 100% 4%
    }
    100% {
        background-position: 0% 97%
    }
}

@-o-keyframes AnimationName {
    0% {
        background-position: 0% 97%
    }
    50% {
        background-position: 100% 4%
    }
    100% {
        background-position: 0% 97%
    }
}

@keyframes AnimationName {
    0% {
        background-position: 0% 97%
    }
    50% {
        background-position: 100% 4%
    }
    100% {
        background-position: 0% 97%
    }
}

.section_title2 {
    border-radius: 5px;
    border: 1px solid #ebebeb;
    padding: 15px;
    background-color: #f6f6f6;
    font-size: 16px
}

.section_title2 .showall,
.section_title2 .allcats {
    background: #6c55a5;
    color: #fff;
    float: left;
    font-size: 13px;
    padding: 5px 15px;
    border-radius: 50px;
    position: relative;
    top: -6px
}

.panelimg {
    position: relative;
}

.textcenter {
    text-align: center;
}

.wallettitlecharge {
    padding: 20px 0;
    text-align: center;
    color: #000;
    border-radius: 12px;
    font-size: 17px;
}

.row.mb {
    margin-bottom: 40px
}

.wcins {
    background-color: #ebebeb;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #ebebeb;
    font-size: 20px;
    text-align: center;
}

.wcins:hover {
    box-shadow: 0 1px 6px rgb(0 0 0 / 15%);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border: 1px solid #ccc;
}

.ad {
    text-align: left;
    font-size: 30px;
    background-color: #00b894;
    color: #fff;
    padding: 12px 30px 8px 30px;
    border-radius: 5px;
    display: inline-block;
    float: left;
    cursor: pointer;
}

.ad2 {
    text-align: right;
    font-size: 40px;
    background-color: #d63031;
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
    display: inline-block;
    float: right;
    cursor: pointer;
}

input.price {
    width: 100%;
    border: 1px solid #ebebeb;
    padding: 10px 15px;
    font-size: 16px;
    background-color: #f7f7f7;
    border-radius: 5px;
}

.btnreseve {
    margin: 15px auto;
    margin-top: 15px;
    background-color: #6c55a5;
    color: #fff;
    display: block;
    width: 50%;
    padding: 10px;
    border-radius: 5px;
    margin-top: 40px;
    font-size: 18px;
    border: none;
}

.btnreseve:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.btnbth {
    width: 100%;
}

.enterance,
.hiddeninput {
    display: none
}

.sp {
    display: none
}

.wcins {
    cursor: pointer
}

.each-cat .checkclass,
.each-cat .checkclass:hover {
    background: #ff6b81 !important;
    color: #fff;
}

.each-cat .btn {
    margin-bottom: 10px;
}

.deactive4 {
    background: #dcdde1
}


/*****************/

.rayannegar_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 25px;
    flex-wrap: wrap;
}

.rayannegar_header ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.rayannegar_header ul li a .fa {
    font-size: 16px;
    position: relative;
    top: 3px;
    display: inline-block;
    color: #666;
}

.rayannegar_header ul li a {
    padding: 10px;
    font-size: 13px;
    color: #333;
    position: relative;
    display: inline-block;
}

.rayannegar_header ul li a:hover {
    color: #6c55a5;
}

.rayannegar_header .personelimage {
    float: right;
    margin-left: 5px;
}

.rayannegar_header .personelimage img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    padding: 4px;
    border: solid 1px #eee;
}

.rayannegar_header .info {
    float: right;
    text-align: right;
    padding-top: 5px;
}

.rayannegar_header .mobileprsonal {
    color: #757575;
    line-height: normal;
}

.rayannegar_header .mobileprsonal a {
    color: #6c55a5 !important;
}

.rayannegar_header .title {
    font-size: 16px;
    color: #6c55a5 !important;
}

.provider_notifications .fa.fa-weixin {
    font-size: 22px;
    position: relative;
    top: 3px;
}

.provider_notifications .notif {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #eb4d4b;
    border-radius: 50%;
    color: #fff;
    top: 4px;
    line-height: 20px;
    right: 2px;
}

.content_box {
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    width: 100%;
    float: right;
}

.user_categories {
    text-align: center;
    margin-bottom: 30px;
}

.user_categories>h4 {
    line-height: normal;
}

.user_categories .allcats2 {
    padding: 8px 30px;
    background: #6c55a5;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.user_categories .allcats2:hover {
    background: #fab1a0 !important;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.userpanel .reservation_services>h3 {
    position: relative;
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 15px;
}

.service-page h3 {
    color: #333;
    margin: 5px 0 0 10px;
    padding: 0;
    font-size: 16px;
    float: right;
}

.service-page .users-rate {
    background: #FC0;
    color: #fff;
    border: none;
    border-radius: 4px;
    float: right;
    padding: 1px 10px;
    height: 30px;
    margin-left: 5px;
}

.service-page .users-rate .fas.fa-star {
    font-size: 12px;
    color: #fff;
    margin: 0 5px 0 0;
    float: none;
    position: static;
}

.service-page .user_home {
    background: #00b74a;
    text-align: center;
    color: #fff;
    width: auto;
    padding: 1px 7px;
    border-radius: 3px;
    display: inline-block;
    margin: 0 0 5px;
    font-size: 13px;
}

.service-page .each_cat {
    color: #666;
    background: #f1f1f1;
    padding: 1px 7px;
    border-radius: 3px;
    display: inline-block;
    margin: 0 0 5px;
    font-size: 13px;
}

.service-page .each_cat.red {
    background: #ff4757 !important;
}

.service-page .user_info {
    margin: 5px 0;
    padding: 0;
    list-style: none;
}

.service-page .user_info li {
    display: inline-block;
    margin-left: 15px;
    color: #888;
    font-size: 13px;
}

.service-page .user_info li .fas {
    margin-left: 5px;
}

.service-page .about {
    padding: 0 !important;
    line-height: 30px;
}

.service-page .top_info {
    margin-bottom: 20px;
    border-bottom: solid 1px #eee;
    padding: 0 0 20px !important;
}

.user-service-page .image-in-service>div {
    height: auto;
    width: 33.33% !important;
    padding: 10px;
}

.user-service-page img.service-img {
    max-height: 150px;
}

.user_reserve .radiobtns {
    width: 100%;
    float: right;
}

.user_reserve .radiobtn {
    float: right;
}

.user_reserve .radiobtn .btn.btn-default {
    position: relative;
    padding-right: 35px;
}

.user_reserve .radiobtn svg {
    position: absolute;
    right: 5px;
    top: 9px;
}

.user_reserve .radiobtn .btn.btn-default.deactive2 {
    background: #1dd1a1;
    color: #fff;
    border: none !important;
}

.user_reserve .radiobtn .btn.btn-default.deactive2:hover {
    background: #1dd1a1 !important;
}

.user_reserve .radiobtn .btn.btn-default.deactive {
    background: #f93154 !important;
    color: #fff;
    border: solid 1px #f93154 !important;
}

.user_reserve .radiobtn .btn.btn-default.deactive :hover {
    background: #f93154 !important;
}

.user_invitation .content_box {
    margin-bottom: 20px;
}

.service-page .table-responsive,
.confirmpage .table-responsive,
.user_walletreport .table-responsive,
.user_invitation .table-responsive {
    width: 100%;
    border: none !important;
}

.user_providerlist {
    border-radius: 5px;
    box-shadow: 0 0 17px rgb(0 0 0 / 12%);
    text-align: center;
    padding: 20px;
    width: 480px;
    margin: 0 auto 40px;
    float: none !important;
    background: #fff;
}

.user_providerlist .filter-box {
    float: none !important;
}

.user_providerlist #limit_chzn {
    width: 100% !important;
    float: none;
    margin-top: 10px;
}

.user_providerlist .each-reserve {
    width: 100%;
    text-align: right;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    border-radius: 0;
    padding: 0 65px 15px 0;
    background: none;
    box-shadow: none;
    margin: 0 0 15px;
    position: relative;
    min-height: 70px;
    float: none;
    border-bottom: solid 1px #eee;
}

.user_providerlist .each-reserve .avatar {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px;
    border: solid 1px #ddd;
    border-radius: 50%;
}

.user_providerlist .avatar img {
    border-radius: 50%;
    width: 50px;
}

.user_providerlist .each-reserve .chatbtn {
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 0;
    background: #eee;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    opacity: 1 !important;
    color: #666;
    text-align: center;
    font-size: 17px;
    line-height: 31px;
}

.user_providerlist .each-reserve .count_chat {
    position: absolute;
    top: -9px;
    left: -2px;
    color: #fff;
    background-color: #00b74a;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 23px;
}

.user_providerlist div.pagination {
    float: none !important;
}

.user_providerlist>h3 {
    margin: 0 0 15px;
}

.user_providerlist .no-item {
    float: none;
}

.commentpage .waiting {
    font-size: 13px !important;
    padding: 15px !important;
    color: #640;
    background-color: #fec;
}

.catdescription {
    padding: 15px;
    color: #7a7a7a;
}

#replace {
    cursor: pointer;
}

.each-cat h3 {
    border-bottom: solid 1px #eee;
    padding-bottom: 20px;
    font-weight: bolder;
    color: #d63031;
}

.each-cat {
    margin-bottom: 40px;
    background: #FFF;
    padding: 10px;
    border-radius: 10px;
}

.each-cat a {
    color: #000;
}

.cat-child {
    padding: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    margin-bottom: 10px;
    background: #FFF;
}

h2.alert-title {
    text-align: center;
    color: #000;
    font-size: 20px !important;
    font-weight: 'roboto-regular';
    margin-bottom: 30px;
}

#uploadimage {
    text-align: center;
    padding: 40px 0;
    clear: both;
    width: 50%;
    margin: 0 auto;
}

#uploadimage img.sample {
    width: 20%;
    cursor: pointer;
}

#uploadimage img {
    border-radius: 10px;
}

.text-center {
    padding: 20px 0;
    cursor: pointer;
    text-align: right !important;
}

.rayannegar_provider textarea {
    height: 300px !important;
}

.imageuploadbox {
    border: 1px solid #ccc;
    clear: both;
    border-radius: 5px;
    background: #FFF;
}

.levelrow {
    clear: both;
    width: 100%;
}

.levellabel {
    cursor: pointer;
}

.priceinput input {
    width: 85% !important;
    display: inline-block !important;
}

.priceinput small {
    margin-right: 5px;
    color: red;
}

.wrapper-border {
    border: 2px solid #6c5ce7;
    padding: 10px 30px;
    clear: both;
    margin: 10px;
    position: relative;
    background: #FFF;
    border-radius: 5px;
}

.wrapper-border2 {
    border: 2px solid #ddd;
    padding: 10px 30px;
    clear: both;
    margin: 10px;
    position: relative;
    background: #FFF;
}

.saveshow div {
    background: #27ae60;
    color: #FFF;
    padding: 5px;
    margin-top: 10px;
    text-align: center;
    border-radius: 3px;
}

.lessonrow {
    position: absolute;
    left: 10px;
    top: 10px
}

.nextbtn {
    text-align: center;
}

.submit-btn::after {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
}

.insert-button {
    margin-bottom: 20px;
}

.insert-button i {
    position: relative;
    top: 5px;
    padding-left: 5px;
}

#nextlevel {
    margin-bottom: 10px !important;
}

.imagecol img {
    width: 100%;
    border-top-right-radius: 10px;
    border-top-bottom-radius: 10px;
}

.category-propery-col {
    padding: 15px 0;
}

.category-propery-col p {
    color: #707070;
    line-height: 25px;
    padding: 10px 0 0 10px;
    text-align: justify;
    font-size: 12px;
}

.category-propery-col h1 {
    margin: 0;
    font-size: 20px;
    border-bottom: solid 1px #eee;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.categoryslide label {
    border-radius: 30px;
    text-align: center;
    padding: 0 10px;
    font-size: 12px;
    overflow: hidden;
    height: 28px;
    line-height: 28px;
}

.categoryslide label a {
    color: #000;
}

.category-scroll {
    margin-top: 30px;
    clear: both;
    position: relative;
}

.show-subcats {
    margin: 30px 0;
}

.inside-eachcat {
    margin-bottom: 20px;
    background: #FFF;
    border: solid 1px #eee;
    border-radius: 10px;
}

.inside-eachcat img {
    width: 100%;
    box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, 0.1);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.inside-eachcat p {
    color: #A2A2A2;
    text-align: justify;
}

.inside-eachcat h3 {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 25px;
}

.subcat-proeprty {
    width: 90%;
    margin: 20px auto 10px auto;
    max-height: 155px;
}

.subcat-countcat {
    border-radius: 5px;
    padding: 4px 20px;
    display: block;
    color: #000;
    text-align: center;
    float: left;
}

.sdesc {
    color: #979797;
    font-size: 12px;
    text-align: justify;
    line-height: 25px;
}

.subcat-bottom .subcount {
    padding: 3px;
    text-align: center;
}

.subcat-bottom .subcount a {
    color: #FFF;
}

.subcat-proeprty a,
.subcat-proeprty a:hover {
    color: #2D3436;
    text-decoration: none;
}

.subcat-countcat {
    font-size: 12px;
}

.show-discounted {
    margin: 10px 0;
}

.btcard4 {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 5px;
    width: 100%;
    float: right;
    border: 1px solid #dedede;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #FFF;
}

.btcard-image img {
    width: 100%;
    box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, 0.1);
}

.btcard-title {
    font-family: roboto-regular;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.btcard-desc {
    color: #979797;
    font-size: 12px;
    text-align: justify;
    line-height: 25px;
    padding: 0 10px;
}

.btcard-line {
    font-size: 12px;
    margin: 10px auto;
    text-align: center;
}

.btcard-btn-clock {
    float: right;
    color: #fff;
    background-color: #00CEC9;
    padding: 0 5px 6px 7px;
    border-radius: 15px;
}

.btcard-btn-clock small {
    font-size: 11px;
}

.btcard-btn-readmore {
    padding: 5px 0;
    border-radius: 5px;
    text-align: center;
}

.btcard-btn-readmore a,
.btcard-btn-readmore:hover a .btcard-btn-readmore a:hover {
    color: #fff !important
}

.btcard-btn-readmore.purpule {
    font-weight: 500;
    background: linear-gradient(25deg, #15889C 0%, #15889C 100%) !important;
    border: none;
    border-radius: 5px !important;
    padding: 10px 20px !important;
    color: #fff;
    line-height: 25px;
    display: inline-block;
}

.btcard-line span.material-icons {
    position: relative;
    top: 8px;
    font-weight: 100 !important;
    line-height: 15px;
}

.jcatalog-tarning-spacer {
    width: 100%;
    height: 10px;
}

.discountbox {
    background: #D63031;
    color: #FFF;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: absolute;
    left: -10px;
    top: -10px;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    z-index: 9;
}

.discountbox span {
    position: relative;
    top: 8px;
    font-size: 14px;
    font-family: 'roboto-regular';
}

.btcard-title {
    margin: 0;
}

.btcard-title h3 {
    font-size: 14px;
    line-height: 25px;
    margin: 0;
    padding: 15px 10px 0 10px;
    height: 60px;
    overflow: hidden;
}

.btcard-title a {
    color: #2D3436;
    text-decoration: none;
}

.btcard-image {
    position: relative;
}

.itlm-tag-course {
    position: absolute;
    top: 20px;
}

.jcatalog-tag {
    border-radius: 0 15px 15px 0;
    padding: 2px 10px;
    margin-bottom: 5px;
    color: #fff;
    font-size: 12px;
}

.inside-top {
    position: relative;
    background: #FFFFFF;
    border: solid 1px #eee;
    border-radius: 10px;
}

.clr40 {
    width: 100%;
    height: 40px;
    clear: both;
}

.subcat_subs {
    margin-top: 20px;
}

.limitbox {
    width: 30%;
    position: absolute;
    right: 10px;
    text-align: right;
}

.catfilter {
    text-align: left;
    position: relative;
    top: -3px;
}

.limitbox small {
    margin-right: 5px;
    color: #636E72;
    position: relative;
    top: 4px;
}

.catfilter small {
    margin-left: 3px;
    color: #636E72;
}

.filter-buttons {
    text-align: center;
    background: #FFFFFF;
    padding: 15px;
    position: relative;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    border: solid 1px #eee;
    border-radius: 10px;
}

.filter-buttons div {
    margin: 0 5px;
}

.filter-buttons a {
    background: #F9F9F9;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 5px 15px;
    color: #AFAFAF;
    vertical-align: middle;
}

.filter-buttons a:hover {
    color: #AFAFAF;
    text-decoration: none;
}

.count-cat {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #000;
    border-radius: 5px;
    padding: 3px 10px;
    font-size: 12px;
}

.eachsubcat {
    margin-bottom: 20px;
    border-radius: 5px;
    background: #FFFFFF;
    border: solid 1px #eee;
    border-radius: 10px;
}

.eachsubcat img {
    height: 100px;
    width: 45%;
    float: left;
    padding: 10px;
}

.subcategoryrightcol {
    width: 55%;
    float: right;
}

.eachsubcat h4 {
    font-size: 13px !important;
    line-height: 22px;
    margin: 0;
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eachcatp {
    font-size: 12px;
    color: #636E72;
    line-height: 23px;
}

.eachsubcat h4 {
    color: #2D3436;
}

.course-page h1 {
    color: #2D3436;
    font-size: 25px;
}

.course-page p.subtitle {
    color: #A2A2A2
}

.course-page .course-each-tag {
    float: left;
    border-radius: 30px;
    padding: 2px 25px;
    margin-right: 10px;
    font-size: 12px;
}

.tabbox {
    border-radius: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding-bottom: 30px;
}

.tabbox .nav-tabs>li.active>a {
    border-top: 0;
    border-left-color: #707070;
}

.tabbox .nav-tabs>li>a {
    line-height: 10px;
    border-left-color: #707070;
    border-radius: 0;
    color: #2D3436;
    color: #A2A2A2;
}

.tabbox .nav-tabs>li {
    padding-top: 10px;
}

.tabbox .nav-tabs>li>a.noleftborder,
.tabbox .nav-tabs>li>a.noleftborder:hover {
    border-left: none !important;
}

.tabbox .lasttab {
    position: relative;
}

.tabbox .lasttab span {
    position: absolute;
    left: -5px;
    top: -2px;
    background: #FDCB6E;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    text-align: center;
}

.course-image {
    text-align: center;
    padding-top: 10px;
    position: relative;
}

.imagetransparent {
    position: absolute;
    width: 90%;
    height: 90px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+46,ffffff+46,ffffff+56&0.47+1,1+75;White+to+Transparent */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.47) 0%, rgba(255, 255, 255, 0.47) 1%, rgba(255, 255, 255, 0.79) 46%, rgba(255, 255, 255, 0.86) 56%, rgba(255, 255, 255, 1) 75%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.47) 0%, rgba(255, 255, 255, 0.47) 1%, rgba(255, 255, 255, 0.79) 46%, rgba(255, 255, 255, 0.86) 56%, rgba(255, 255, 255, 1) 75%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.47) 0%, rgba(255, 255, 255, 0.47) 1%, rgba(255, 255, 255, 0.79) 46%, rgba(255, 255, 255, 0.86) 56%, rgba(255, 255, 255, 1) 75%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#78ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

.course-image img {
    border-radius: 15px;
    width: 90%;
}

.tab1p p {
    line-height: 25px;
    color: #707070;
    padding: 10px;
}

.tabbox .nav-tabs>li::after {
    content: '';
    display: block;
    margin: auto;
    height: 3px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}

.tabbox .nav-tabs>li.active::after {
    width: 100%;
    background: #6C5CE7;
}

.tabbox .tab-content {
    margin-top: 10px;
}

h3.topic-title {
    color: #0A3D62;
    font-size: 20px;
    padding: 20px 0 10px 0;
}

.description-more {
    background: #6C5CE7 url("../images/arrow_down.png") no-repeat 89% center !important;
    text-align: center;
    color: #FFF;
    padding: 11px 40px 15px 15px;
    border-radius: 15px;
    cursor: pointer;
    width: 25%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
}

.description-more2 {
    background: #6C5CE7 url("../images/arrow_up.png") no-repeat 89% center !important;
    text-align: center;
    color: #FFF;
    padding: 11px 40px 15px 15px;
    border-radius: 15px;
    cursor: pointer;
    width: 25%;
    margin: 20px auto 10px auto;
}

#long-description {
    padding: 15px;
    line-height: 25px;
    color: #707070;
    text-align: justify;
}

.changeicon::before {
    content: "\f150";
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    margin-left: 5px;
    position: relative;
    top: 3px;
}

.topic-title.firsttopic {
    background: #B2BEC3;
    padding: 10px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.pay-box {
    border-radius: 30px;
    padding: 20px 15px;
    color: #FFF;
    margin-bottom: 20px;
    background: rgb(2, 12, 20);
    background: linear-gradient(360deg, rgba(2, 12, 20, 1) 0%, rgba(10, 61, 98, 1) 35%, rgba(10, 61, 98, 1) 100%);
}

.pay-box label {
    padding: 5px 20px;
    border-radius: 10px;
    background: #fceabb;
    background: -webkit-linear-gradient(to left, #f8b500, #fceabb);
    background: linear-gradient(to left, #f8b500, #fceabb);
    color: #2D3436;
    position: relative;
    top: -5px;
}

.center {
    text-align: center;
}

.price-box {
    border-bottom: 1px solid #1F5F8E;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.content-box {
    background: #FFF;
    border-radius: 15px;
    color: #636E72;
    background: rgb(254, 254, 254);
    background: linear-gradient(270deg, rgba(254, 254, 254, 1) 0%, rgba(237, 237, 237, 1) 35%, rgba(220, 220, 220, 1) 100%);
    margin-top: 20px;
    padding: 15px;
}

.content-box small {
    font-size: 9px;
    background: #FFFFFF;
    border-radius: 15px;
    text-align: center;
    padding: 0 1px;
}

.content-box .title {
    text-align: right;
    color: #2D3436;
    padding-bottom: 10px;
}

.content-video {
    background: #D63031 url("../images/content-video.png") no-repeat center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    margin: 0 auto;
}

.content-video2 {
    background: #EFB852 url("../images/content-video2.png") no-repeat center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    margin: 0 auto;
}

.content-text {
    background: #00B894 url("../images/content-text.png") no-repeat center;
    ;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    margin: 0 auto;
}

.buycourse {
    background: #00B894;
    border-radius: 30px;
    text-align: center;
    width: 75%;
    margin: 13px auto;
    padding: 10px 0;
    font-family: 'roboto-regular';
    font-size: 18px;
}

.buycourse input,
.getcourse input {
    background: none;
    border: none;
}

.getcourse {
    background: #FDCB6E;
    border-radius: 30px;
    text-align: center;
    width: 75%;
    margin: 13px auto;
    padding: 10px 0;
    font-family: 'roboto-regular';
    font-size: 18px;
}

.teacher-row img {
    border: 3px solid #6C5CE7;
    border-radius: 100%;
    width: 80px;
}

.teachercimagebox img {
    border-radius: 15px;
}

.teachercpbox {
    color: #636E72;
}

.sessionbox {
    padding-top: 15px;
    font-size: 11px;
}

.tviewcourse {
    float: left;
    background: #6C5CE7;
    border-radius: 20px;
    padding: 2px 10px;
    color: #FFF;
}

.tviewcourse a {
    color: #FFF;
    text-decoration: none;
    font-size: 12px
}

.showteacherprofile {
    background: rgb(2, 12, 20);
    background: linear-gradient(360deg, rgba(2, 12, 20, 1) 0%, rgba(10, 61, 98, 1) 100%, rgba(10, 61, 98, 1) 100%);
    padding: 15px 0;
    text-align: center;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.showteacherprofile a,
.showteacherprofile:hover a {
    color: #FFF;
    font-family: 'roboto-regular';
    text-decoration: none;
}

.each-t-c-items {
    margin: 10px 0;
}

.tcourselist {
    overflow-y: scroll;
    height: 344px;
}

.teacher-row small {
    color: #636E72;
}

.teacher-row .teachername {
    font-family: 'roboto-regular';
    margin-bottom: 8px;
    font-size: 12px;
}

.tnb {
    padding-right: 8px;
}

.teacher-row {
    background: #EBEBEB;
    padding: 10px 5px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.course-teacher-col {
    border-radius: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.tcname {
    font-size: 12px;
}

.noleftpadding {
    padding-left: 0 !important;
}

.course-page .topicpanel .accordion-button {
    background: #B2BEC3;
    padding: 10px;
}

.topicactive {
    background: #B2BEC3;
}

.topic-box {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border-radius: 15px;
}

.course-page .startaccordion {
    margin-top: 40px
}

.sarfasl {
    border-left: 1px solid;
    padding-left: 10px;
    padding-right: 5px;
    color: #636E72;
    font-family: 'roboto-regular';
}

.sarfasl2 {
    margin-right: 10px;
    color: #636E72;
    font-size: 16px;
}

.topicpanel .accordion-toggle {
    position: relative;
}

.course-page .topicpanel .accordion-toggle small {
    background: #F9F9F9;
    color: #B2BEC3;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    left: 100px;
    padding: 5px 12px;
}

.course-page .topicpanel #accordion {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border-radius: 30px;
}

.panel-group .topicpanel {
    border: none;
    border-bottom: 1px solid #E3E3E3;
    border-radius: 0 !important;
    margin-bottom: 8px !important;
}

.panel-group.allgray {
    padding-bottom: 8px !important;
    border-bottom-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
}

.panel.panel-default.topicpanel {
    background-color: #FFF;
}

.accordion-toggle.topictitle.top1 {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.course-page .topicpanel .panel-heading {
    cursor: pointer;
    background: url(../images/catgory.png) no-repeat 98% !important;
    padding: 25px 45px;
}

.course-page .topicpanel .panel-heading.colatitle,
.collapsed {
    background: #B2BEC3 url(../images/catgory.png) no-repeat 98% !important;
}

.course-page .lasttopic {
    border-bottom-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
}

.course-page .topicpanel .panel-body {
    padding: 0;
}

.lessontitle {
    height: 35px;
    width: 35px;
    border-radius: 5px;
    margin-left: 10px;
}

.gicon {
    background: #00B894 url(../images/video.png) no-repeat center !important;
}

.ricon {
    background: #D63031 url(../images/lock.png) no-repeat center !important;
}

.lessonrrowinside {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    color: #636E72;
}

.lessonrrow {
    border-bottom: 1px solid #C8C8C8;
    padding: 5px 0;
    background-color: #FFF;
}

.pricecolor {
    color: #FFF;
    border-radius: 5px;
    padding: 5px 0;
    text-align: center;
    font-size: 12px;
    width: 65%;
    margin: 0 auto;
}

.lessonduration {
    color: #FFF;
    border-radius: 5px;
    padding: 5px 0;
    text-align: center;
    font-size: 12px;
    background: #636E72;
    width: 100%;
    float: right;
}

.pricecolorblue {
    background: #00CEC9;
}

.pricecolorred {
    background: #D63031;
}

.topicpanel .panel-heading i {
    color: #707070;
    font-size: 25px;
}

.faqpanel {
    margin: 8px 0 !important;
    border: none !important;
}

.faqtitle {
    background: #DCDCDC url("../images/arrow_down.png") no-repeat 2% center !important;
    color: #636E72;
    border-radius: 5px !important;
    cursor: pointer;
}

.tabbox .tab-content {
    width: 93%;
    margin: 0 auto;
}

.dubox {
    padding: 10px 0;
}

.courseduration {
    background: url("../images/duration.png") no-repeat 98% center !important;
    height: 25px;
    padding-right: 35px;
}

.sesbox {
    background: url("../images/session.png") no-repeat 98% center !important;
    height: 25px;
    padding-right: 35px;
}

.like-fav {
    position: relative;
    margin-left: 15px;
    margin-top: 6px;
    float: left;
    width: 15%;
}

.like-fav i {
    font-size: 30px;
    color: #707070;
}

.like-fav a,
.like-fav a:hover {
    color: #707070;
    cursor: pointer;
}

i.liked {
    color: #d63031;
}

a.faLoginbutton,
#like {
    float: left;
}

#like {
    margin-left: 15px;
}

.ask-question .close,
#makefav .close {
    float: right !important;
    position: absolute;
    top: 10px
}

.ask-question {
    position: relative;
}

.ask-questionbtn {
    position: absolute;
    background: #A29BFE;
    border: 1px solid #6C5CE7;
    padding: 8px 10px;
    border-radius: 20px;
    color: #FFF;
    left: 0;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
}

.ask-question h3.topic-title {
    padding: 0;
}

#askqTitle {
    text-align: center;
}

.send-text {
    background: #7bed9f;
    color: #000;
    text-align: center;
    padding: 8px;
    border-radius: 10px;
}

.wating-text {
    background: #F8EFBA;
    color: #000;
    text-align: center;
    padding: 8px;
    border-radius: 10px;
}

.ask-question textarea {
    height: 300px !important;
}

.leftside {
    position: fixed;
}

.sidebar {
    overflow: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 5%;
    border-radius: 20px;
}

.wrapper {
    display: flex;
    justify-content: space-between;
}

.eachbg {
    padding: 15px 0;
    border-bottom: solid 1px #eee;
    border-radius: 10px;
}

.clr15 {
    width: 100%;
    clear: both;
    height: 15px;
}

.counttag {
    position: absolute;
    left: -10px;
    top: -10px;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    background: #eb4d4b;
    text-align: center;
    color: #FFF;
}

.countfaq {
    position: absolute;
    left: -10px;
    top: -10px;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    background: #eb4d4b;
    text-align: center;
    color: #FFF;
}

.showcats {
    clear: both;
}

.showcats small {
    color: #AFAFAF;
    margin-top: 10px;
}

.showq {
    margin: 10px 0;
    padding: 10px;
}

.each-service .each_service_header .qname {
    color: #2c3e50;
    font-weight: bolder;
    font-size: 18px;
    margin: 7px 0 0;
}

.each_service_header .status {
    float: left;
}

.qsenddate {
    color: #AFAFAF;
    font-size: 12px;
}

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

.send-answer .btn {
    width: 10%;
}

.checkboxline {
    background: #ffeaa7;
    margin: 10px 0;
    border-radius: 5px;
    padding: 5px;
}

.notanswerd {
    background: #ffd6cc !important;
}

.faqpage textarea.form-control {
    height: auto !important;
}

.duinput {
    width: 40% !important;
    text-align: center;
}

.minsec {
    display: flex;
}

#delimage {
    cursor: pointer;
}

.addcourse .image {
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
    background: #dfe4ea;
    width: 45%;
    margin: 20px auto;
}

.addcourse .image img {
    margin-bottom: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    border-radius: 5px;
}

.addcourse #property {
    float: left;
}

.addcourse #property a {
    display: block;
    margin-bottom: 20px;
}

.addcourse #property i {
    font-size: 20px;
    color: #000;
}

.catsdiv {
    text-align: right !important;
    margin-bottom: 20px !important;
    width: 15% !important;
}

.like-fav i,
#courseFav,
#courseLike {
    float: left;
    cursor: pointer;
}

.modallogin {
    width: 80%;
    margin: 0 auto;
}

.modallogin h2 {
    text-align: center;
    font-size: 20px;
}

.favrow img {
    width: 100%;
}

.favrow .item>div,
.favrow .image_box {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    border-radius: 5px;
    background: none;
    display: block;
    margin: 0;
}

.favrow .overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    justify-content: center;
    transition: all linear 0.3s;
    border-radius: 5px;
}

.favrow .info h3 {
    font-size: 14px;
    text-align: center;
    line-height: normal;
    color: #333;
    margin: 0 0 5px;
}

.favrow .info .desc {
    font-size: 13px;
    color: #666;
    text-align: center;
    line-height: 20px;
}

.favrow .item {
    padding: 10px 10px 80px;
}

.favrow .item:hover .overlay {
    opacity: 1;
    visibility: visible;
}

.favrow .desc a {
    color: #707070
}

.favrow .item .overlay i {
    background: rgba(255, 255, 255, 0.8);
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 5px;
    color: #6c55a5;
    line-height: 47px;
    transition: all linear 0.3s;
    font-size: 21px;
}

.favrow .item .overlay i {
    color: #6c55a5;
    line-height: 47px;
    font-size: 21px;
}

.favrow .info {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: -50px;
    right: 0;
}

.favrow .info>div {
    width: 85%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
    padding: 15px 10px;
    border-radius: 5px;
    text-align: center;
}

.incomplete-error {
    background: #00CEC9;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}

.incomplete-error a,
.incomplete-error a:hover,
.incomplete-error a:focus,
.startcourse a,
.startcourse a:hover,
.startcourse a:focus,
.insidebox a,
.insidebox a:hover,
.insidebox a:focus {
    color: #FFF;
    text-decoration: none;
}

.userprofilealert h4.alert-heading {
    display: none;
}

.alert.userprofilealert {
    background: #FFB326 !important;
    border-radius: 15px !important;
    border: none !important;
    width: 60%;
    margin: 0 auto;
}

.paybox {
    width: 95%;
    margin: 0 auto;
    padding: 10px 0;
}

.userprofilealert .alert-message {
    color: #FFF
}

.userprofilealert {
    margin-bottom: 20px;
}

.paybox h3 {
    font-size: 18px;
    color: #000;
    padding-bottom: 5px;
    margin-top: 0;
}

.insidepaybox {
    color: #fff;
    font-size: 16px;
}

.startcourse {
    float: left;
    background: #FC466B;
    background: -webkit-linear-gradient(to bottom, #3F5EFB, #FC466B);
    background: linear-gradient(to bottom, #3F5EFB, #FC466B);
    padding: 7px 20px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.refbox {
    float: right;
    background: #FFF;
    padding: 7px 20px;
    border-radius: 5px;
    color: #636E72;
    font-size: 12px
}

.refbox span {
    color: #E84393;
}

.payp {
    clear: both;
    margin-top: 20px;
}

.buyedbox {
    background: #FFB326;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 10px;
}

.buyedbox .insidebox {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    padding: 12px 10px;
    margin: 0 auto;
    text-align: center;
    border-radius: 15px;
    background: #00b7ea;
    /* Old browsers */
    background: -moz-linear-gradient(top, #00b7ea 0%, #00b997 0%, #00cec9 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #00b7ea 0%, #00b997 0%, #00cec9 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #00b7ea 0%, #00b997 0%, #00cec9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#00cec9', GradientType=0);
    /* IE6-9 */
    width: 80%;
}

.buyedbox .insidebox i {
    padding-left: 5px;
    font-size: 16px;
}

.exfilebox {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 50px;
}

.exfilebox strong {
    font-family: 'roboto-regular';
    display: block;
    padding-bottom: 10px;
}

.exfileboxinside a,
.exfileboxinside a:hover,
.exfileboxinside a:focus {
    color: #E84393;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    top: 5px;
}

.ex-text {
    background: #FFB326 url("../images/content-video2.png") no-repeat center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    float: right;
    margin-left: 5px;
}

.orderb strong {
    font-family: 'roboto-regular';
}

.catsearchbox {
    width: 50%;
    margin: 0 auto;
    float: none;
}

.clr10 {
    width: 100%;
    clear: both;
    height: 10px;
}

a.checkclass {
    background: #f46b45 !important;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #eea849, #f46b45) !important;
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #eea849, #f46b45) !important;
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #FFF !important
}

.search-icon {
    background-image: url("../images/search.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    margin-top: 5px;
}

.discountinput {
    border-radius: 20px !important;
    padding: 20px !important;
    margin-top: 20px;
}

.exdiscount {
    text-align: center;
    line-height: 25px;
}

.boxdm {
    text-align: left !important;
}

.boxdm span.material-icons {
    font-size: 21px !important;
    position: relative;
    top: 3px
}

.boxupload,
.boxplay {
    float: left;
    width: 30px;
    height: 28px;
    border-radius: 5px;
    line-height: 30px;
    text-align: center;
    margin: 0;
    margin-right: 10px;
}

.boxupload.green {
    background-color: #dfe6e9;
    color: #2d3436
}

.boxupload.green a {
    color: #2d3436
}

.boxplay.play {
    background-color: #00B894;
    color: #fff
}

.boxplay.play a {
    color: #fff
}

.nopadding.toppad {
    padding-top: 3px !important;
}

.nopadding.toppad2 {
    padding-top: 3px !important;
}

.nopadding.toppad3 {
    padding-right: 10px !important;
    padding-top: 6px !important;
}

.boxplay.playgray,
.boxupload.gray {
    background-color: #dfe6e9;
    color: #b2bec3
}

.boxplay.play {
    cursor: pointer;
}

#sendmobailagain {
    text-align: center;
    padding-top: 30px;
    cursor: pointer;
}

.codeinvalid {
    padding-top: 20px;
    color: #e74c3c;
    text-align: center;
}

.dashborde_menu {
    position: relative;
}

.dashborde_menu i {
    margin-left: 5px;
}

.qname a,
.qname a:hover {
    color: #000;
}

.faqansw p {
    text-align: justify;
}

.faqansw {
    background: #f5f6fa;
    padding: 10px;
    line-height: 30px;
    border-radius: 15px;
}

label.publictag {
    float: left !important;
    margin: 0 !important;
    position: relative;
    top: 10px;
}

.h2faq {
    font-size: 18px;
    padding-bottom: 10px;
    color: #E84393;
}

.tabbox .nav-tabs>li>a,
.tabbox .nav-tabs>li>a:focus,
.tabbox .nav-tabs>li>a:hover {
    background: none !important;
    border: none !important;
    border-left: 1px solid #707070 !important
}

.cntbox {
    text-align: center;
}

.tabout {
    line-height: 30px !important;
}

.tbg {
    text-align: center;
}

.tbg .title {
    margin-bottom: 10px;
}

.submit-btn2 {
    height: auto !important;
    border: none !important;
    margin: 20px 0 0 !important;
    background: #36206a !important;
    color: #fff !important;
    padding: 12px 30px !important;
    border-radius: 5px !important;
    width: auto !important;
    font-size: 14px !important;
    line-height: normal !important;
    box-shadow: none !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    float: left;
}

.fs {
    position: relative;
    margin: 20px 0 20px 0;
}

.prpfilebtnbox {
    text-align: center;
}

.categorylabel {
    border-radius: 5px;
    padding: 0 10px;
    margin-left: 5px;
}

small.othercat {
    margin-left: 5px;
}

.taglabel {
    border-radius: 5px;
    padding: 0 10px;
    margin-left: 5px;
}

.productpage p {
    text-align: justify;
}

.modal-dialog .btn.btn-primary {
    margin-left: 5px;
}

.product-thumb-image {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.product-image {
    padding: 5px;
    margin-bottom: 10px;
}

.nopadding-right {
    padding-right: 0 !important;
}

.product-long-description {
    padding-top: 20px;
    display: block;
    clear: both;
    border-radius: 5px;
}

.other-categories,
.p-short-description {
    padding: 10px 0;
}

.askbtn,
.wamsg {
    float: left;
    margin-bottom: 30px;
    font-size: 12px !important;
}

.wamsg {
    margin-right: 10px;
}

a.wamsg,
a.wamsg:hover {
    color: #FFF;
}

.product-tags {
    float: right;
}

.product-thumb-image img,
.product-image img {
    cursor: pointer;
}

.xzoom-gallery {
    width: 75px;
    height: 75px;
}


/* Compatibility styles for frameworks like bootstrap, foundation e.t.c */

.xzoom-source img,
.xzoom-preview img,
.xzoom-lens img {
    display: block;
    max-width: none;
    max-height: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}


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


/* xZoom Styles below */

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

.xzoom-thumbs {
    text-align: center;
    margin-bottom: 10px;
}

.xzoom {
    border: solid 1px #eee;
    border-radius: 10px;
}

.xzoom2,
.xzoom3,
.xzoom4,
.xzoom5 {
    border: solid 1px #eee;
    border-radius: 10px;
}


/* Thumbs */

.xzoom-gallery,
.xzoom-gallery2,
.xzoom-gallery3,
.xzoom-gallery4,
.xzoom-gallery5 {
    border: 1px solid #cecece;
    margin-left: 5px;
    margin-bottom: 10px;
}

.xzoom-source,
.xzoom-hidden {
    display: block;
    position: static;
    float: none;
    clear: both;
}


/* Everything out of border is hidden */

.xzoom-hidden {
    overflow: hidden;
}


/* Lens */

.xzoom-lens {
    border: 1px solid #555;
    box-shadow: -0px -0px 10px rgba(0, 0, 0, 0.50);
    cursor: crosshair;
}


/* Loading */

.xzoom-loading {
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 100%;
    opacity: .7;
    background: url(../images/process.gif);
    width: 48px;
    height: 48px;
}


/* Additional class that applied to thumb when it is active */

.xactive {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(74, 169, 210, 1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(74, 169, 210, 1);
    box-shadow: 0px 0px 3px 0px rgba(74, 169, 210, 1);
    border: 1px solid #4aaad2;
}


/* Caption */

.xzoom-caption {
    position: absolute;
    bottom: -43px;
    right: 0;
    background: #000;
    width: 100%;
    text-align: center;
}

.xzoom-caption span {
    color: #fff;
    display: block;
    font-size: 0.75em;
    font-weight: bold;
    padding: 10px;
}

.p-short-description {
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    margin: 30px 0;
    line-height: 25px;
    color: #979797;
    font-size: 14px !important;
    padding: 10px;
}

.product-long-description legend {
    font-family: 'roboto-regular';
    font-size: 18px;
}

.product-long-description {
    background: #F5F6F7;
    padding: 20px;
}

.product-long-description p {
    text-align: justify;
    line-height: 30px;
    font-size: 14px;
}

.categorylabel a {
    color: #000;
    font-size: 12px;
}

.taglabel {
    font-size: 12px;
}

.category-scroll .swiper-slide {
    text-align: center;
}

.productpage {
    border: solid 1px #eee;
    padding: 15px;
    background: #FFF;
    border-radius: 10px;
}

.product-header {
    background: #F5F6F7;
    border-radius: 5px;
}

.askbtn {
    background: #d63031 !important;
    color: #FFF !important;
}

.productpage h2 {
    padding-bottom: 20px;
    font-size: 18px;
    padding: 15px
}

.related {
    margin-top: 40px;
}

.related legend {
    background: #FFF;
    font-size: 20px;
    padding-bottom: 10px;
    text-align: center;
    font-family: 'roboto-regular';
}

.related h3 {
    font-size: 14px;
    padding: 15px;
    line-height: 25px;
}

.related .each-slide {
    text-align: center;
    background: #FFF;
    border: solid 1px #eee;
    border-radius: 10px;
}

.related .each-slide img {
    width: 100%;
}

.noimage {
    width: 100%;
}

.related legend {
    position: relative;
}

.tagpage h1,
.no-item {
    padding: 20px 20px;
    margin-bottom: 20px;
    font-size: 20px;
    border: solid 1px #eee;
    border-radius: 10px;
    background: #FFF;
}

.insidesubcategory {
    margin: 10px 0;
    padding: 0 10px;
}

.imageoverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #008CBA;
}

.nopadding {
    padding: 0 !important;
}

#comment {
    padding-top: 20px;
}

.btcard-desc {
    height: 100px;
    overflow: hidden;
}

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

.modal-header h3 {
    margin: 0;
}

.modal-body {
    padding: 15px 20px !important;
}

.btn-primary {
    background: #CB5100 !important;
    border: none !important;
}

.pagination li a {
    padding: 8px 0;
    border: 1px solid #eee;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    line-height: 22px !important;
    font-weight: normal !important;
    margin-left: 10px;
    font-size: 12px;
    display: inherit;
}

.pagination-active a {
    background: linear-gradient(25deg, rgba(25, 143, 163, 1) 0%, rgba(47, 176, 197, 1) 100%);
    border: none !important;
}

.pagination a,
.pagination a:hover {
    color: #777 !important
}

.pagination-active a {
    color: #FFF !important
}

.pagination a :focus {
    box-shadow: none !important;
}

.askmodal.fade.show {
    background: rgb(0, 0, 0, 0.8);
}

.chzn-container.chzn-container-single .chzn-single div>b::after {
    display: none;
}