.mCustomScrollBox > .mCSB_container {
min-height: 100%; }
.mCS-yogapass.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #E0D6CD;
border-radius: 5px;
width: 8px; }
.mCS-yogapass.mCSB_scrollTools .mCSB_draggerRail {
background-color: white; }
.login_wrapper {
position: relative;
padding-top: 85px; }
.login_wrapper .equal_heights {
display: flex;
flex-wrap: wrap; }
@media (max-width: 991px) {
.login_wrapper .equal_heights {
display: block; } }
@media (max-width: 991px) {
.login_wrapper .login_left-section {
margin-bottom: 30px; } }
.login_wrapper .login_left-section .login_img {
width: 100%;
border-radius: 25px;
background-image: url("../img/login-img-min.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover !important;
height: 100%; }
@media (max-width: 991px) {
.login_wrapper .login_left-section .login_img {
padding-top: 40%; } }
@media (max-width: 500px) {
.login_wrapper .login_left-section .login_img {
padding-top: 50%; } }
.login_wrapper .login_left-section .register_img {
width: 100%;
border-radius: 25px;
background-image: url("../img/register-img-min.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover !important;
height: 100%;
min-height: 800px; }
@media (max-width: 991px) {
.login_wrapper .login_left-section .register_img {
padding-top: 40%;
min-height: 600px; } }
@media (max-width: 500px) {
.login_wrapper .login_left-section .register_img {
padding-top: 50%; } }
.login_wrapper .form_container {
border-radius: 25px;
z-index: 1;
padding: 60px 15px;
border: 1px solid rgba(94, 74, 62, 0.25);
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
/* horizontal center */
justify-content: center; }
@media (max-width: 500px) {
.login_wrapper .form_container {
padding: 40px 15px; } }
.login_wrapper .form_container .form_title {
font-family: 'Bagind', arial, sans-serif;
text-align: center;
color: #5E4A3E;
font-size: 60px;
margin: 0;
padding-bottom: 30px; }
@media (max-width: 767px) {
.login_wrapper .form_container .form_title {
font-size: 46px; } }
@media (max-width: 414px) {
.login_wrapper .form_container .form_title {
font-size: 38px; } }
.login_wrapper .form_container #login_form, .login_wrapper .form_container #register_form {
width: 100%;
max-width: 440px;
margin: 0 auto 0; }
.login_wrapper .form_container #login_form .user_details, .login_wrapper .form_container #register_form .user_details {
display: none; }
.login_wrapper .form_container #login_form .user_details .visible_for_practicant-and-instructor,
.login_wrapper .form_container #login_form .user_details .visible_for_studio, .login_wrapper .form_container #register_form .user_details .visible_for_practicant-and-instructor,
.login_wrapper .form_container #register_form .user_details .visible_for_studio {
display: none; }
.login_wrapper .form_container #login_form .form-group, .login_wrapper .form_container #register_form .form-group {
margin-bottom: 25px;
position: relative; }
.login_wrapper .form_container #login_form .custom_acord, .login_wrapper .form_container #register_form .custom_acord {
margin-bottom: 5px; }
.login_wrapper .form_container #login_form .custom_input, .login_wrapper .form_container #register_form .custom_input {
position: relative; }
.login_wrapper .form_container #login_form label, .login_wrapper .form_container #register_form label {
font-weight: 500;
font-size: 18px;
margin-bottom: 10px;
display: block; }
.login_wrapper .form_container #login_form input[type="text"], .login_wrapper .form_container #login_form input[type="password"], .login_wrapper .form_container #register_form input[type="text"], .login_wrapper .form_container #register_form input[type="password"] {
background: #D0C4B9;
border-radius: 15px;
border: none;
padding: 20px 20px;
display: block;
font-size: 16px;
line-height: 20px;
color: #fff;
height: auto;
width: 100%;
color: #5E4A3E; }
.login_wrapper .form_container #login_form input[type="text"]:hover, .login_wrapper .form_container #login_form input[type="text"]:active, .login_wrapper .form_container #login_form input[type="text"]:focus, .login_wrapper .form_container #login_form input[type="password"]:hover, .login_wrapper .form_container #login_form input[type="password"]:active, .login_wrapper .form_container #login_form input[type="password"]:focus, .login_wrapper .form_container #register_form input[type="text"]:hover, .login_wrapper .form_container #register_form input[type="text"]:active, .login_wrapper .form_container #register_form input[type="text"]:focus, .login_wrapper .form_container #register_form input[type="password"]:hover, .login_wrapper .form_container #register_form input[type="password"]:active, .login_wrapper .form_container #register_form input[type="password"]:focus {
outline: 0;
box-shadow: none; }
.login_wrapper .form_container #login_form .checkbox-container, .login_wrapper .form_container #register_form .checkbox-container {
position: relative;
display: inline-block;
position: relative;
padding-left: 45px;
padding-top: 3px;
margin-bottom: 12px;
margin-top: 0;
cursor: pointer;
font-size: 18px;
font-weight: 500;
color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.login_wrapper .form_container #login_form .checkbox-container a, .login_wrapper .form_container #register_form .checkbox-container a {
color: #fff;
transition: .3s; }
.login_wrapper .form_container #login_form .checkbox-container a:hover, .login_wrapper .form_container #login_form .checkbox-container a:active, .login_wrapper .form_container #login_form .checkbox-container a:focus, .login_wrapper .form_container #register_form .checkbox-container a:hover, .login_wrapper .form_container #register_form .checkbox-container a:active, .login_wrapper .form_container #register_form .checkbox-container a:focus {
text-decoration: none;
color: #DF992E; }
.login_wrapper .form_container #login_form .checkbox-container .checkmark, .login_wrapper .form_container #register_form .checkbox-container .checkmark {
position: absolute;
top: 0;
left: 0;
height: 28px;
width: 28px;
background-color: #fff;
border: none;
border-radius: 5px; }
.login_wrapper .form_container #login_form .checkbox-container .checkmark:after, .login_wrapper .form_container #register_form .checkbox-container .checkmark:after {
content: '';
display: none;
position: absolute;
left: 9px;
top: 5px;
width: 10px;
height: 16px;
border: solid #090808;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.login_wrapper .form_container #login_form .checkbox-container input, .login_wrapper .form_container #register_form .checkbox-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0; }
.login_wrapper .form_container #login_form .checkbox-container input:checked ~ .checkmark:after, .login_wrapper .form_container #register_form .checkbox-container input:checked ~ .checkmark:after {
display: block; }
.login_wrapper .form_container #login_form .checkbox-container .formError, .login_wrapper .form_container #register_form .checkbox-container .formError {
top: -20px !important;
margin-top: 4px !important;
margin-bottom: 10px !important;
border-radius: 6px !important; }
.login_wrapper .form_container #login_form .checkbox-group, .login_wrapper .form_container #register_form .checkbox-group {
margin: 0;
margin-bottom: 20px; }
.login_wrapper .form_container #login_form .checkbox-group label, .login_wrapper .form_container #register_form .checkbox-group label {
position: relative;
cursor: pointer;
font-size: 16px;
line-height: 160%;
color: #5E4A3E;
opacity: 1;
font-weight: normal;
padding-left: 40px;
padding-top: 1px; }
.login_wrapper .form_container #login_form .checkbox-group label a, .login_wrapper .form_container #register_form .checkbox-group label a {
color: #000;
transition: .3s; }
.login_wrapper .form_container #login_form .checkbox-group label a:hover, .login_wrapper .form_container #login_form .checkbox-group label a:active, .login_wrapper .form_container #login_form .checkbox-group label a:hover, .login_wrapper .form_container #register_form .checkbox-group label a:hover, .login_wrapper .form_container #register_form .checkbox-group label a:active, .login_wrapper .form_container #register_form .checkbox-group label a:hover {
color: #5E4A3E;
text-decoration: none; }
.login_wrapper .form_container #login_form .checkbox-group label:before, .login_wrapper .form_container #register_form .checkbox-group label:before {
content: '';
-webkit-appearance: none;
background-color: #D0C4B9;
width: 28px;
height: 28px;
display: inline-block;
position: absolute;
vertical-align: middle;
cursor: pointer;
border-radius: 10px;
top: 0;
left: 0;
transition: .3s; }
.login_wrapper .form_container #login_form .checkbox-group label:after, .login_wrapper .form_container #register_form .checkbox-group label:after {
content: "";
display: inline-block;
width: 17px;
height: 10px;
background: url('data:image/svg+xml;utf8,') no-repeat center;
background-size: contain;
opacity: 0;
visibility: hidden;
transition: .3s;
top: 9px;
left: 6px;
position: absolute; }
.login_wrapper .form_container #login_form .checkbox-group .checkbox_input, .login_wrapper .form_container #register_form .checkbox-group .checkbox_input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
cursor: pointer;
opacity: 0;
visibility: hidden;
pointer-events: none;
position: absolute;
left: -1000%;
top: -1000%; }
.login_wrapper .form_container #login_form .checkbox-group .checkbox_input:checked + label:before, .login_wrapper .form_container #register_form .checkbox-group .checkbox_input:checked + label:before {
background: #D0C4B9; }
.login_wrapper .form_container #login_form .checkbox-group .checkbox_input:checked + label:after, .login_wrapper .form_container #register_form .checkbox-group .checkbox_input:checked + label:after {
opacity: 1;
visibility: visible; }
.login_wrapper .form_container #login_form .checkbox-group .formError, .login_wrapper .form_container #register_form .checkbox-group .formError {
top: -35px !important; }
.login_wrapper .form_container #login_form .custom_btn, .login_wrapper .form_container #register_form .custom_btn {
background: #000;
background: linear-gradient(-70deg, black 0%, black 30%, #d67f5f 100%);
font-size: 18px;
color: #fff;
border-radius: 200px;
overflow: hidden;
display: inline-block;
padding: 2px;
transition: .3s;
border: none;
margin-top: 20px;
width: 100%;
opacity: 1; }
.login_wrapper .form_container #login_form .custom_btn span, .login_wrapper .form_container #register_form .custom_btn span {
display: block;
border-radius: 200px;
background: #000;
background: linear-gradient(180deg, black 0%, #d67f5f 300%);
padding: 15px;
position: relative;
transition: .3s; }
.login_wrapper .form_container #login_form .custom_btn:hover, .login_wrapper .form_container #login_form .custom_btn:active, .login_wrapper .form_container #login_form .custom_btn:focus, .login_wrapper .form_container #register_form .custom_btn:hover, .login_wrapper .form_container #register_form .custom_btn:active, .login_wrapper .form_container #register_form .custom_btn:focus {
text-decoration: none;
color: #fff;
opacity: 0.85 !important; }
.login_wrapper .form_container #login_form .formError, .login_wrapper .form_container #register_form .formError {
background: red;
border-radius: 15px;
padding: 10px;
font-size: 12px;
color: #fff;
white-space: nowrap;
right: 0 !important;
left: auto !important;
top: 0 !important;
bottom: auto !important;
margin-top: 0 !important;
z-index: 1; }
.login_wrapper .form_container #login_form .info_bar, .login_wrapper .form_container #register_form .info_bar {
text-align: right; }
.login_wrapper .form_container #login_form .info_bar #forgot_btn, .login_wrapper .form_container #register_form .info_bar #forgot_btn {
color: #5E4A3E;
display: inline-block;
margin-top: 5px;
transition: .3s; }
.login_wrapper .form_container #login_form .info_bar #forgot_btn:hover, .login_wrapper .form_container #login_form .info_bar #forgot_btn:focus, .login_wrapper .form_container #login_form .info_bar #forgot_btn:active, .login_wrapper .form_container #register_form .info_bar #forgot_btn:hover, .login_wrapper .form_container #register_form .info_bar #forgot_btn:focus, .login_wrapper .form_container #register_form .info_bar #forgot_btn:active {
text-decoration: none;
color: #000; }
.login_wrapper .form_container #login_form .info_bar .errors_container, .login_wrapper .form_container #register_form .info_bar .errors_container {
color: #FF0000;
font-size: 16px;
text-align: left;
margin-bottom: 10px;
margin-top: 10px; }
.login_wrapper .form_container #login_form .btns_container, .login_wrapper .form_container #register_form .btns_container {
text-align: center;
margin-top: 40px; }
.login_wrapper .form_container #login_form .main_btn, .login_wrapper .form_container #register_form .main_btn {
border: none; }
.login_wrapper .form_container #login_form .separator, .login_wrapper .form_container #register_form .separator {
display: block;
position: relative;
text-align: center;
margin: 30px 0; }
.login_wrapper .form_container #login_form .separator .separator_text, .login_wrapper .form_container #register_form .separator .separator_text {
display: inline-block;
background: #E0D6CD;
padding: 5px 25px;
position: relative;
z-index: 1;
font-size: 18px; }
.login_wrapper .form_container #login_form .separator:before, .login_wrapper .form_container #register_form .separator:before {
content: '';
width: 100%;
height: 1px;
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
background: rgba(94, 74, 62, 0.25); }
.login_wrapper .form_container #login_form .sec_btn, .login_wrapper .form_container #register_form .sec_btn {
font-size: 26px;
font-family: 'Bagind', arial, sans-serif;
color: #5E4A3E;
border: 1px solid rgba(94, 74, 62, 0.25);
border-radius: 15px;
padding: 12px 1px;
transition: .3s;
display: block; }
.login_wrapper .form_container #login_form .sec_btn:hover, .login_wrapper .form_container #login_form .sec_btn:focus, .login_wrapper .form_container #login_form .sec_btn:active, .login_wrapper .form_container #register_form .sec_btn:hover, .login_wrapper .form_container #register_form .sec_btn:focus, .login_wrapper .form_container #register_form .sec_btn:active {
text-decoration: none;
border: 1px solid #5E4A3E;
background: #5E4A3E;
color: #fff; }
input:hover, input:focus, input:active {
outline: none; }
.form-control {
box-shadow: none; }
::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: #5E4A3E !important;
opacity: 1 !important; }
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #5E4A3E !important;
opacity: 1 !important; }
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #5E4A3E !important;
opacity: 1 !important; }
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #5E4A3E !important;
opacity: 1 !important; }
.app_nav {
height: 100vh;
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 390px;
padding: 30px; }
@media (max-width: 1500px) {
.app_nav {
width: 350px; } }
@media (max-width: 991px) {
.app_nav {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
z-index: 9999;
background: #000 !important;
padding: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: .3s; }
.app_nav.active {
opacity: 1;
visibility: visible;
pointer-events: auto; } }
.app_nav .nav_container {
background: #5E4A3E;
border-radius: 20px;
height: 100%;
padding: 15px;
padding-top: 30px;
position: relative;
overflow-y: auto; }
@media (max-width: 991px) {
.app_nav .nav_container {
background: #5E4A3E !important;
border-radius: 0;
padding: 30px 15px; } }
.app_nav .nav_container .close_btn {
display: none;
position: absolute;
z-index: 1;
top: 28px;
right: 20px;
cursor: pointer; }
@media (max-width: 991px) {
.app_nav .nav_container .close_btn {
display: block; } }
.app_nav .nav_container .close_btn svg {
display: block; }
.app_nav .menu_section {
margin-top: 50px;
margin-bottom: 100px; }
@media (max-width: 991px) {
.app_nav .menu_section {
margin-bottom: 50px; } }
.app_nav .nav_menu {
list-style: none;
margin: 0;
padding: 0; }
.app_nav .nav_menu .menu_item {
display: block;
margin-top: 10px; }
.app_nav .nav_menu .menu_item:first-child {
margin-top: 0; }
.app_nav .nav_menu .menu_item a {
display: block;
line-height: 1;
text-align: left;
padding: 15px 35px 15px 60px;
border-radius: 100px;
font-family: 'Satoshi', arial, sans-serif;
font-weight: 500;
font-size: 16px;
color: #fff;
width: 100%;
margin: 0;
cursor: pointer;
background: #5E4A3E;
border: 1px solid transparent;
position: relative;
transition: .3s; }
.app_nav .nav_menu .menu_item a svg {
position: absolute;
top: 50%;
left: 25px;
transform: translateY(-50%); }
.app_nav .nav_menu .menu_item a .item_icon {
width: 22px !important;
height: auto !important; }
.app_nav .nav_menu .menu_item a:hover, .app_nav .nav_menu .menu_item a:active, .app_nav .nav_menu .menu_item a:focus {
text-decoration: none;
border: 1px solid #fff; }
.app_nav .nav_menu .menu_item.current_menu-item a {
border: 1px solid #fff; }
.app_nav .profile_section {
position: absolute;
bottom: 15px;
left: 15px;
right: 15px;
margin-bottom: 0;
margin-top: 0; }
@media (max-width: 991px) {
.app_nav .profile_section {
position: static; } }
.app_nav .profile_section .user_details {
margin-top: 25px;
position: relative;
padding: 0 50px 0 0;
background: #5E4A3E; }
.app_nav .profile_section .user_details .user_edit {
display: block;
position: relative;
padding: 15px 0px 15px 75px;
opacity: 1;
transition: .3s; }
.app_nav .profile_section .user_details .user_edit:hover {
text-decoration: none;
opacity: .8; }
.app_nav .profile_section .user_details .user_edit .user_avatar {
width: 55px;
height: 55px;
border-radius: 50%;
background-size: cover !important;
background-color: #fff !important;
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%); }
.app_nav .profile_section .user_details .user_edit .item_text .user_name {
font-size: 17px;
display: block;
color: #fff;
line-height: 22px;
transition: .3s;
font-family: "Satoshi", arial, sans-serif;
text-transform: capitalize; }
.app_nav .profile_section .user_details .user_edit .item_text .user_type {
font-size: 14px;
color: #E0D6CD;
display: block;
line-height: 22px;
transition: .3s;
font-family: "Satoshi", arial, sans-serif;
text-transform: capitalize; }
.app_nav .profile_section .user_details .user_logout {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
display: block; }
.app_nav .profile_section .user_details .user_logout svg path {
transition: .3s;
fill: #fff; }
.app_nav .profile_section .user_details .user_logout:hover svg path {
fill: #E0D6CD; }
.app_nav-mobile {
display: none;
padding: 30px 15px;
position: relative; }
@media (max-width: 991px) {
.app_nav-mobile {
display: block; } }
.app_nav-mobile .mobile_trigger {
display: block;
position: absolute;
z-index: 1;
top: 24px;
right: 15px;
cursor: pointer; }
.app_nav-mobile .mobile_trigger svg {
display: block; }
.app_screen {
margin-left: 390px;
padding: 42px 30px 50px 0;
font-family: "Satoshi", arial, sans-serif; }
@media (max-width: 1500px) {
.app_screen {
margin-left: 350px; } }
@media (max-width: 991px) {
.app_screen {
margin-left: 0;
padding: 0 15px 50px; } }
.app_screen .screen_header {
position: relative; }
.app_screen .screen_header .back_to-dashboard {
display: inline-block;
margin-bottom: 20px; }
.app_screen .screen_header .back_to-dashboard svg path {
fill: #000;
transition: .3s; }
.app_screen .screen_header .back_to-dashboard:hover svg path {
opacity: 0.8; }
.app_screen .screen_header .screen_title {
font-weight: bold;
font-size: 42px;
margin: 0;
margin-bottom: 30px;
color: #000;
font-family: 'Bagind', arial, sans-serif; }
.app_screen .screen_header .screen_title.user_details-title {
margin-bottom: 0; }
.app_screen .screen_header .screen_header-btn {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
font-size: 24px;
padding-left: 50px; }
@media (max-width: 767px) {
.app_screen .screen_header .screen_header-btn {
position: relative;
top: auto;
right: auto;
transform: none;
margin-top: -20px; } }
.app_screen .screen_header .screen_header-btn .btn_icon {
width: 40px;
height: 40px; }
.app_screen .screen_header .user_status {
padding: 0;
margin: 0;
margin-bottom: 30px;
display: block;
color: #5E4A3E;
font-size: 22px; }
.app_screen .screen_header .error_message {
color: red;
margin-bottom: 20px; }
.text_capitalize {
text-transform: capitalize; }
.text_lowercase {
text-transform: lowercase; }
.app_section .section_title {
font-size: 18px;
color: #5E4A3E;
margin: 0;
font-weight: 500;
text-align: left; }
.app_section .section_header {
margin-top: 15px;
margin-bottom: 20px;
position: relative;
padding-left: 380px; }
@media (max-width: 767px) {
.app_section .section_header {
padding-left: 0; } }
.app_section .section_header .user_categories {
font-size: 0;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 1; }
@media (max-width: 767px) {
.app_section .section_header .user_categories {
position: static;
transform: none;
display: block;
text-align: center;
margin-bottom: 15px; } }
.app_section .section_header .user_categories .categories_list {
padding: 0;
margin: 0;
list-style: none; }
.app_section .section_header .user_categories .categories_list .category_item {
display: inline-block;
vertical-align: middle;
margin-left: 10px; }
@media (max-width: 767px) {
.app_section .section_header .user_categories .categories_list .category_item {
margin-left: 5px; } }
.app_section .section_header .user_categories .categories_list .category_item a {
font-size: 16px;
font-weight: 500;
border-radius: 100px;
color: #5E4A3E;
transition: .3s;
padding: 7px 15px;
background: transparent;
cursor: pointer;
display: block; }
@media (max-width: 767px) {
.app_section .section_header .user_categories .categories_list .category_item a {
padding: 5px 11px; } }
.app_section .section_header .user_categories .categories_list .category_item a:hover, .app_section .section_header .user_categories .categories_list .category_item a:active, .app_section .section_header .user_categories .categories_list .category_item a:focus {
text-decoration: none; }
.app_section .section_header .user_categories .categories_list .category_item:first-child {
margin-left: 0; }
.app_section .section_header .user_categories .categories_list .category_item.active_item a {
background: #5E4A3E;
color: #fff; }
.app_section .section_header .search_container {
width: 100%;
border-radius: 100px;
background: #F5F5F5;
position: relative;
padding-right: 40px; }
.app_section .section_header .search_container .table_search {
width: 100%;
line-height: 42px;
border: none;
color: #000000;
padding: 0 15px;
font-size: 16px;
background: transparent; }
.app_section .section_header .search_container .search_icon {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%); }
.app_section .section_header:after {
content: '';
display: block;
clear: both; }
.app_section.dashboard_form {
width: 100%;
margin: 0 auto 0; }
.app_section.dashboard_form .form-group {
margin-bottom: 25px; }
.app_section.dashboard_form .form-group.upload_images {
position: relative; }
.app_section.dashboard_form .form-group.upload_images label {
display: inline-block; }
.app_section.dashboard_form .form-group.upload_images small {
display: block; }
.app_section.dashboard_form .form-group.upload_images .upload_btn {
background: #5E4A3E;
color: #fff;
border-radius: 15px;
display: block;
width: 100%;
max-width: 150px;
text-align: center;
padding: 10px 25px;
margin-top: 5px;
cursor: pointer;
opacity: 1;
transition: .3s; }
.app_section.dashboard_form .form-group.upload_images .upload_btn:hover {
opacity: .9; }
.app_section.dashboard_form .form-group.upload_images input {
opacity: 0;
visibility: hidden;
position: absolute;
top: -1000%;
left: -1000%; }
.app_section.dashboard_form .form-group.upload_images .delete_toggle {
padding-top: 4px;
padding-left: 34px;
font-size: 12px; }
.app_section.dashboard_form .form-group.upload_images .delete_toggle.delete_btn {
padding: 0px;
background: none;
border: none;
transition: .3s; }
.app_section.dashboard_form .form-group.upload_images .delete_toggle.delete_btn:hover {
color: #000; }
.app_section.dashboard_form .form-group.upload_images .gallery_grid {
font-size: 0; }
.app_section.dashboard_form .form-group.upload_images .gallery_grid .gallery_item {
display: inline-block;
padding: 6px;
margin-bottom: 10px;
text-align: center;
width: 12.5%; }
@media (max-width: 1300px) {
.app_section.dashboard_form .form-group.upload_images .gallery_grid .gallery_item {
width: 25%; } }
@media (max-width: 767px) {
.app_section.dashboard_form .form-group.upload_images .gallery_grid .gallery_item {
width: 33.333333%; } }
@media (max-width: 476px) {
.app_section.dashboard_form .form-group.upload_images .gallery_grid .gallery_item {
width: 50%; } }
.app_section.dashboard_form .form-group.upload_images .gallery_grid .gallery_thumb {
margin-bottom: 10px;
width: 100%;
height: 150px;
border-radius: 10px; }
@media (max-width: 1600px) {
.app_section.dashboard_form .form-group.upload_images .gallery_grid .gallery_thumb {
height: 120px; } }
@media (max-width: 1300px) {
.app_section.dashboard_form .form-group.upload_images .gallery_grid .gallery_thumb {
height: 170px; } }
.app_section.dashboard_form .form-group.time-group .time_col {
display: inline-block;
vertical-align: middle;
margin-right: 5px; }
.app_section.dashboard_form .form-group.time-group .time_col:last-child {
margin-right: 0; }
.app_section.dashboard_form .form-group.time-group .time_col .select2-container {
width: 102px !important; }
.app_section.dashboard_form .custom_acord {
margin-bottom: 5px; }
.app_section.dashboard_form .custom_input {
position: relative; }
.app_section.dashboard_form label {
font-weight: 500;
font-size: 18px;
margin-bottom: 10px;
display: block; }
.app_section.dashboard_form input[type="text"], .app_section.dashboard_form input[type="number"], .app_section.dashboard_form input[type="password"], .app_section.dashboard_form textarea {
background: #D0C4B9;
border-radius: 15px;
border: none;
padding: 20px 20px;
display: block;
font-size: 16px;
line-height: 20px;
color: #fff;
height: auto;
width: 100%;
color: #5E4A3E; }
.app_section.dashboard_form input[type="text"]:hover, .app_section.dashboard_form input[type="text"]:active, .app_section.dashboard_form input[type="text"]:focus, .app_section.dashboard_form input[type="number"]:hover, .app_section.dashboard_form input[type="number"]:active, .app_section.dashboard_form input[type="number"]:focus, .app_section.dashboard_form input[type="password"]:hover, .app_section.dashboard_form input[type="password"]:active, .app_section.dashboard_form input[type="password"]:focus, .app_section.dashboard_form textarea:hover, .app_section.dashboard_form textarea:active, .app_section.dashboard_form textarea:focus {
outline: 0;
box-shadow: none; }
.app_section.dashboard_form textarea {
min-height: 200px; }
.app_section.dashboard_form .not_allowed {
cursor: not-allowed; }
.app_section.dashboard_form .checkbox-container {
position: relative;
display: inline-block;
position: relative;
padding-left: 45px;
padding-top: 3px;
margin-bottom: 12px;
margin-top: 0;
cursor: pointer;
font-size: 18px;
font-weight: 500;
color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.app_section.dashboard_form .checkbox-container a {
color: #fff;
transition: .3s; }
.app_section.dashboard_form .checkbox-container a:hover, .app_section.dashboard_form .checkbox-container a:active, .app_section.dashboard_form .checkbox-container a:focus {
text-decoration: none;
color: #DF992E; }
.app_section.dashboard_form .checkbox-container .checkmark {
position: absolute;
top: 0;
left: 0;
height: 28px;
width: 28px;
background-color: #fff;
border: none;
border-radius: 5px; }
.app_section.dashboard_form .checkbox-container .checkmark:after {
content: '';
display: none;
position: absolute;
left: 9px;
top: 5px;
width: 10px;
height: 16px;
border: solid #090808;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.app_section.dashboard_form .checkbox-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0; }
.app_section.dashboard_form .checkbox-container input:checked ~ .checkmark:after {
display: block; }
.app_section.dashboard_form .checkbox-container .formError {
top: -20px !important;
margin-top: 4px !important;
margin-bottom: 10px !important;
border-radius: 6px !important; }
.app_section.dashboard_form .checkbox-group {
margin: 0;
margin-bottom: 20px; }
.app_section.dashboard_form .checkbox-group label {
position: relative;
cursor: pointer;
font-size: 16px;
line-height: 160%;
color: #5E4A3E;
opacity: 1;
font-weight: normal;
padding-left: 40px;
padding-top: 1px; }
.app_section.dashboard_form .checkbox-group label a {
color: #000;
transition: .3s; }
.app_section.dashboard_form .checkbox-group label a:hover, .app_section.dashboard_form .checkbox-group label a:active, .app_section.dashboard_form .checkbox-group label a:hover {
color: #5E4A3E;
text-decoration: none; }
.app_section.dashboard_form .checkbox-group label:before {
content: '';
-webkit-appearance: none;
background-color: #D0C4B9;
width: 28px;
height: 28px;
display: inline-block;
position: absolute;
vertical-align: middle;
cursor: pointer;
border-radius: 10px;
top: 0;
left: 0;
transition: .3s; }
.app_section.dashboard_form .checkbox-group label:after {
content: "";
display: inline-block;
width: 17px;
height: 10px;
background: url('data:image/svg+xml;utf8,') no-repeat center;
background-size: contain;
opacity: 0;
visibility: hidden;
transition: .3s;
top: 9px;
left: 6px;
position: absolute; }
.app_section.dashboard_form .checkbox-group .checkbox_input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
cursor: pointer;
opacity: 0;
visibility: hidden;
pointer-events: none;
position: absolute;
left: -1000%;
top: -1000%; }
.app_section.dashboard_form .checkbox-group .checkbox_input:checked + label:before {
background: #D0C4B9; }
.app_section.dashboard_form .checkbox-group .checkbox_input:checked + label:after {
opacity: 1;
visibility: visible; }
.app_section.dashboard_form .checkbox-group .formError {
top: -35px !important; }
.app_section.dashboard_form .custom_btn {
background: #000;
background: linear-gradient(-70deg, black 0%, black 30%, #d67f5f 100%);
font-size: 18px;
color: #fff;
border-radius: 200px;
overflow: hidden;
display: inline-block;
padding: 2px;
transition: .3s;
border: none;
margin-top: 20px;
width: 100%;
opacity: 1; }
.app_section.dashboard_form .custom_btn span {
display: block;
border-radius: 200px;
background: #000;
background: linear-gradient(180deg, black 0%, #d67f5f 300%);
padding: 15px;
position: relative;
transition: .3s; }
.app_section.dashboard_form .custom_btn:hover, .app_section.dashboard_form .custom_btn:active, .app_section.dashboard_form .custom_btn:focus {
text-decoration: none;
color: #fff;
opacity: 0.85 !important; }
.app_section.dashboard_form .info_bar {
text-align: right; }
.app_section.dashboard_form .info_bar #forgot_btn {
color: #5E4A3E;
display: inline-block;
margin-top: 5px;
transition: .3s; }
.app_section.dashboard_form .info_bar #forgot_btn:hover, .app_section.dashboard_form .info_bar #forgot_btn:focus, .app_section.dashboard_form .info_bar #forgot_btn:active {
text-decoration: none;
color: #000; }
.app_section.dashboard_form .info_bar .errors_container {
color: #FF0000;
font-size: 16px;
text-align: left;
margin-bottom: 10px; }
.app_section.dashboard_form .btns_container {
text-align: center;
margin-top: 40px; }
.app_section.dashboard_form .main_btn {
border: none; }
.app_section.dashboard_form .separator {
display: block;
position: relative;
text-align: center;
margin: 30px 0; }
.app_section.dashboard_form .separator .separator_text {
display: inline-block;
background: #E0D6CD;
padding: 5px 25px;
position: relative;
z-index: 1;
font-size: 18px; }
.app_section.dashboard_form .separator:before {
content: '';
width: 100%;
height: 1px;
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
background: rgba(94, 74, 62, 0.25); }
.app_section.dashboard_form .sec_btn {
font-size: 26px;
font-family: 'Bagind', arial, sans-serif;
color: #5E4A3E;
border: 1px solid rgba(94, 74, 62, 0.25);
border-radius: 15px;
padding: 12px 1px;
transition: .3s;
display: block; }
.app_section.dashboard_form .sec_btn:hover, .app_section.dashboard_form .sec_btn:focus, .app_section.dashboard_form .sec_btn:active {
text-decoration: none;
border: 1px solid #5E4A3E;
background: #5E4A3E;
color: #fff; }
.app_section.dashboard_form .edit_profile-pic {
border: none;
background: none;
width: 100%;
max-width: 150px;
display: block;
position: relative;
cursor: pointer; }
@media (max-width: 991px) {
.app_section.dashboard_form .edit_profile-pic {
max-width: 128px;
margin: 20px auto 0; } }
.app_section.dashboard_form .edit_profile-pic #input_avatar {
position: absolute;
width: 0;
height: 0;
opacity: 0;
visibility: hidden; }
.app_section.dashboard_form .edit_profile-pic .profile_pic {
width: 100%;
padding-top: 100%;
border-radius: 50%;
display: block;
background-size: cover !important;
margin-top: 10px; }
.app_section.dashboard_form .edit_profile-pic .edit_icon-container {
background: rgba(255, 255, 255, 0.8);
width: 24px;
height: 24px;
border-radius: 50%;
position: absolute;
bottom: 8px;
right: 8px;
z-index: 1;
-webkit-box-shadow: 0px 6px 15px 0px rgba(50, 51, 94, 0.1);
-moz-box-shadow: 0px 6px 15px 0px rgba(50, 51, 94, 0.1);
box-shadow: 0px 6px 15px 0px rgba(50, 51, 94, 0.1); }
.app_section.dashboard_form .edit_profile-pic .edit_icon-container .edit_icon {
display: block;
width: 12px;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%); }
.app_section.dashboard_form .edit_profile-pic .edit_icon-container .edit_icon path {
fill: #121315; }
.app_section.dashboard_form .edit_profile-pic.class_pic {
max-width: 200px; }
.app_section.dashboard_form .edit_profile-pic.class_pic .profile_pic {
border-radius: 10px; }
.app_section.dashboard_form .user_info-form {
margin-bottom: 50px; }
.app_section.dashboard_form .user_info-form #email {
cursor: not-allowed; }
@media (max-width: 991px) {
#users_table_wrapper {
overflow-x: scroll;
padding-bottom: 30px; } }
#users_table {
display: none; }
#users_table .action_btns form {
display: inline-block;
vertical-align: middle; }
#users_table .action_btns .action_btn {
width: 32px;
height: 32px;
display: block;
position: relative;
background: #5E4A3E;
border: 1px solid #5E4A3E;
border-radius: 50%;
transition: .3s;
cursor: pointer; }
#users_table .action_btns .action_btn svg {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%); }
#users_table .action_btns .action_btn svg path {
fill: #fff;
transition: .3s; }
#users_table .action_btns .action_btn:hover {
background: #535353;
border: 1px solid #535353; }
#users_table .action_btns .action_btn.view_btn {
width: 32px;
height: 32px;
display: inline-block;
vertical-align: middle;
position: relative;
background: #000;
border: 1px solid #000;
border-radius: 50%;
transition: .3s;
cursor: pointer; }
#users_table .action_btns .action_btn.view_btn svg {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%); }
#users_table .action_btns .action_btn.view_btn svg path {
fill: #fff;
transition: .3s; }
#users_table .action_btns .action_btn.view_btn:hover {
background: #fff;
border: 1px solid #fff; }
#users_table .action_btns .action_btn.view_btn:hover svg path {
fill: #000; }
#users_table .user_status {
text-transform: none !important;
white-space: nowrap; }
table.dataTable#users_table > thead > tr > th:last-child,
table.dataTable#users_table > tbody > tr > td:last-child {
width: 1%;
white-space: nowrap;
padding-right: 13px; }
.dt-paging {
text-align: center;
width: 100%;
margin-top: 30px; }
div.dt-container .dt-paging .dt-paging-button {
font-size: 18px;
line-height: 30px;
border-radius: 5px;
color: #5E4A3E !important;
padding: 0 12px;
margin: 0 2px;
border: none !important;
vertical-align: middle;
background: transparent !important;
transition: .3s; }
div.dt-container .dt-paging .dt-paging-button:hover {
color: #fff !important;
background: #5E4A3E !important; }
div.dt-container .dt-paging .dt-paging-button.current {
color: #fff !important;
background: #5E4A3E !important;
cursor: default; }
div.dt-container .dt-paging .dt-paging-button.current:hover {
border: none;
color: #fff !important; }
div.dt-container .dt-paging .dt-paging-button.disabled {
background: transparent !important; }
div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
background: transparent !important; }
div.dt-container .dt-paging .dt-paging-button.first, div.dt-container .dt-paging .dt-paging-button.last, div.dt-container .dt-paging .dt-paging-button.previous, div.dt-container .dt-paging .dt-paging-button.next {
padding-bottom: 4px; }
.dt-column-title {
color: #5E4A3E;
font-size: 16px;
font-weight: Bold; }
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order::before {
color: #5E4A3E;
opacity: 1 !important; }
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order::after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order::after {
color: #5E4A3E;
opacity: 1 !important; }
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order::before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order::after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order::before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order::after, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order::before, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order::after, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order::before, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order::after, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order::before, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order::after, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order::before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order::after {
opacity: 0.2; }
table.dataTable > tbody > tr > td {
background: #D0C4B9;
margin-bottom: 3px;
font-weight: 500;
padding: 13px 25px;
font-size: 18px;
transition: .3s;
cursor: pointer; }
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
padding: 6px 25px;
font-size: 18px;
border: none !important;
outline: 0 !important; }
table.dataTable > tbody > tr > td:first-child {
border-top-left-radius: 200px;
border-bottom-left-radius: 200px;
text-transform: capitalize; }
table.dataTable {
border-collapse: separate;
border-spacing: 0 8px; }
table.dataTable > tbody > tr > td:last-child {
border-top-right-radius: 200px;
border-bottom-right-radius: 200px; }
div.dt-container.dt-empty-footer tbody > tr:last-child > * {
border: none; }
table.dataTable > tbody > tr:hover > td {
background: #d1bfae; }
table.dataTable td.dt-type-date {
font-size: 14px;
font-weight: 400; }
.user_status {
border-radius: 15px;
padding: 6px 10px;
display: inline-block;
background: transparent;
color: #fff;
font-size: 16px;
text-transform: capitalize; }
.user_status.status_approved, .user_status.status_achitat {
background: #E4D8B4;
color: #000000; }
.user_status.status_pending, .user_status.status_in_asteptare {
background: #5E4A3E; }
.user_status.status_rejected {
background: #2E2E36; }
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
text-align: left; }
.select2-search__field {
background: #E0D6CD;
border-radius: 15px;
border: none;
padding: 20px 20px;
display: block;
font-size: 16px;
line-height: 20px;
color: #fff;
height: auto;
width: 100%;
color: #5E4A3E; }
.login_wrapper .select2-container {
width: 100% !important;
display: block !important;
margin: 0 !important;
height: 60px !important; }
.login_wrapper .select2-container .selection {
width: 100%;
display: block !important;
margin: 0 !important; }
.login_wrapper .select2-container .selection .select2-selection {
width: 100% !important;
background: #D0C4B9 !important;
border: none !important;
border-radius: 18px !important;
line-height: 60px !important;
font-size: 16px !important;
font-family: "Alike", arial, sans-serif !important;
font-weight: normal !important;
color: #121315 !important;
width: 100% !important;
padding: 0 20px !important;
transition: 0.3s !important;
width: 100% !important;
display: block !important;
margin: 0 !important;
height: 60px !important; }
.login_wrapper .select2-container .selection .select2-selection .select2-selection__rendered {
font-size: 16px !important;
line-height: 60px !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
color: #5E4A3E !important; }
.login_wrapper .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__placeholder {
color: #5E4A3E;
opacity: 0.28; }
.login_wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 14px;
top: 16px; }
.login_wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #000000 transparent transparent transparent;
border-width: 7px 6px 0 6px; }
.login_wrapper .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #000000 transparent;
border-width: 0 6px 7px 6px; }
.loader_container {
text-align: center;
display: none; }
.loader_container .custom-loader {
font-weight: bold;
color: #5B5858;
position: relative;
padding-left: 25px;
display: inline-block; }
.loader_container .custom-loader:before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 15px;
height: 15px;
margin-top: -7.5px;
border: 2px solid #5B5858;
border-top: 2px solid transparent;
border-radius: 50%;
animation: spin 1s linear infinite; }
@keyframes spin {
to {
transform: rotate(360deg); } }
/* TABLE MOBILE */
@media (max-width: 767px) {
.dt-column-title {
font-size: 14px; }
table.dataTable > tbody > tr > td {
padding: 7px 10px;
font-size: 14px; }
table.dataTable td.dt-type-date {
font-size: 14px; }
#users_table .user_status {
font-size: 14px;
padding: 5px;
border-radius: 12px; }
table.dataTable > tbody > tr > td:first-child {
border-top-left-radius: 25px;
border-bottom-left-radius: 25px; }
table.dataTable > tbody > tr > td:last-child {
border-top-right-radius: 25px;
border-bottom-right-radius: 25px; }
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
font-size: 14px;
padding-left: 8px; } }
@media (max-width: 550px) {
.dt-column-title {
font-size: 12px; }
table.dataTable > tbody > tr > td {
padding: 5px;
font-size: 12px; }
table.dataTable td.dt-type-date {
font-size: 12px; }
#users_table .user_status {
font-size: 12px;
padding: 5px;
border-radius: 12px;
white-space: nowrap; }
table.dataTable > tbody > tr > td:first-child {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px; }
table.dataTable > tbody > tr > td:last-child {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px; }
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
font-size: 12px;
padding-left: 5px; } }
.info_box {
max-width: 500px;
width: 100%;
margin-top: 150px;
margin-left: auto;
margin-right: auto; }
@media (max-width: 991px) {
.info_box {
margin: 0;
width: 100%;
max-width: 100%; } }
.info_box .info_box-container {
border: 1px solid rgba(94, 74, 62, 0.18);
text-align: center;
padding: 30px;
border-radius: 20px; }
.info_box .info_box-container .info_title {
font-size: 60px;
margin: 0;
color: #5E4A3E;
font-family: 'Bagind', arial, sans-serif;
text-align: center; }
@media (max-width: 767px) {
.info_box .info_box-container .info_title {
font-size: 44px; } }
@media (max-width: 500px) {
.info_box .info_box-container .info_title {
font-size: 42px; } }
@media (max-width: 390px) {
.info_box .info_box-container .info_title {
font-size: 36px; } }
@media (max-width: 360px) {
.info_box .info_box-container .info_title {
font-size: 30px; } }
.info_box .info_box-container .btn_type2 {
margin-top: 20px; }
/*#yoga_style + .select2-container .select2-search.select2-search--inline {
display: none;
}*/
.select2-container--default .select2-selection--multiple {
border: 1px solid #000;
border-radius: 100px !important;
background: #E0D6CD;
min-height: 40px;
padding-top: 2px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background: #E0D6CD;
border: 1px solid #000;
border-radius: 100px !important; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #000; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
border-right: 1px solid #000; }
#yoga_style + .select2-container,
#location + .select2-container {
width: 100% !important; }
#yoga_style + .select2-container textarea,
#location + .select2-container textarea {
min-height: 0;
display: inline;
margin-left: 5px;
margin-top: 9px;
margin-bottom: 3px; }
/*# sourceMappingURL=dashboard.css.map */