/* ================================================================================ */ /* Global CSS */ /* ================================================================================ */ * { margin: 0; padding: 0; } :root { --primary-color: #283B63; --secondary-color: #CAAA5F; --text-color: #4A4A4A; --bg-color: #F9F9F9; --bgtxt-color: #283B63; --black: #000000; --white: #ffffff; } /* ================================================================================ */ /* Font family */ /* ================================================================================ */ @font-face { font-family: "SFPRODISPLAYREGULAR"; src: url("../website/assets/fonts/sf-pro-display/SFPRODISPLAYREGULAR.OTF"); } @font-face { font-family: "SFPRODISPLAYMEDIUM"; src: url("../website/assets/fonts/sf-pro-display/SFPRODISPLAYMEDIUM.OTF"); } @font-face { font-family: "SFPRODISPLAYBOLD"; src: url("../website/assets/fonts/sf-pro-display/SFPRODISPLAYBOLD.OTF"); } @font-face { font-family: "Poppins-Bold"; src: url("../website/assets/fonts/Poppins/Poppins-Bold.ttf"); } @font-face { font-family: "Poppins-SemiBold"; src: url("../website/assets/fonts/Poppins/Poppins-SemiBold.ttf"); } @font-face { font-family: "Poppins-Medium"; src: url("../website/assets/fonts/Poppins/Poppins-Medium.ttf"); } @font-face { font-family: "Poppins-Regular"; src: url("../website/assets/fonts/Poppins/Poppins-Regular.ttf"); } @font-face { font-family: "GothamBold"; src: url("../website/assets/fonts/Gotham/GothamBold.ttf"); } @font-face { font-family: "GothamBook"; src: url("../website/assets/fonts/Gotham/GothamBook.ttf"); } /* ================================================================================ */ /* Global Font Size */ /* ================================================================================ */ h1 { font-family: "SFPRODISPLAYBOLD"; font-size: 50px; line-height: 1.3; } h2 { font-family: "SFPRODISPLAYBOLD"; font-size: 40px; line-height: 1.3; } h3 { font-family: "SFPRODISPLAYREGULAR"; font-size: 35px; line-height: 1.3; } h4 { font-family: "SFPRODISPLAYMEDIUM"; font-size: 30px; line-height: 1.3; } h5 { font-family: 'SFPRODISPLAYREGULAR'; font-size: 28px; line-height: 1.3; } h6 { font-family: "SFPRODISPLAYBOLD"; font-size: 24px; line-height: 1.3; } h1, h2, h3, h4, h5, h6 { color: var(--primary-color); font-weight: 700; } p { font-family: 'SFPRODISPLAYREGULAR'; font-size: 16px; line-height: 25px; color: var(--text-color); } .main_form .form-group textarea.form-control {height: unset;} .container-fluid { padding: 20px; } body::-webkit-scrollbar-track { border-radius: 10px; background: var(--white); } body::-webkit-scrollbar { width: 10px; background: var(--white); } body::-webkit-scrollbar-thumb { border-radius: 10px; background-color: var(--primary-color); } .btn_blue { background-color: #283B63; border-radius: 0px; padding: 8px 20px; color: white; font-size: 16px; line-height: 28px; font-family: 'SFPRODISPLAYREGULAR'; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); border-radius: 4px; } .btn_gray { background-color: #C5C5C5; border-radius: 0px; padding: 10px 20px; color: white; font-size: 16px; line-height: 28px; font-family: 'SFPRODISPLAYREGULAR'; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); border-radius: 4px; } .btn_blue:hover { color: white; } .btn_blue:focus { color: white; } .btn_gray:hover { color: white; } .btn_block { width: 100% } .white-box { border-radius: 10px; border: none; box-shadow: 0px 7px 16px rgb(44 40 40/9%); padding: 20px; } .page-wrapper { background: #fff; margin-left: 285px; } .icon_btn_right i { margin-left: 10px; } .font_weight_medium{ font-family: "SFPRODISPLAYMEDIUM"; } .font_weight_regular{ font-family: "SFPRODISPLAYREGULAR"; } .box_shadow {box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08);} .border_rad {border-radius: 10px;} /* ================================================================================ */ /* Navbar Css Start */ /* ================================================================================ */ /*.navbar-default {*/ /* background-color: white;*/ /*}*/ .navbar-default .navbar-header {background: #fff;/*height: 90px;*/padding: 10px 10px 10px 20px;} .navbar-default .navbar-header .header_inner_content {display: flex;justify-content: space-between;align-items: center;/* margin-left: 20px; */} .navbar-default .navbar-header .logo b { display: none; width: 50px; height: 50px; text-align: center; margin: 0 auto; padding: 5px; } .navbar-default .navbar-header .logo b img { width: 100% !important; height: 100% !important; margin: 0; object-fit: contain; object-position: center; display: block; } .navbar-default .navbar-header .top-left-part a { display: inline-block; width: 225px; height: 100%; } .navbar-default .navbar-header .top-left-part { padding: 20px 20px 20px 30px; background-color: var(--black); height: 100%; } .navbar-default .navbar-header .top-left-part a img { width: 100% !important; height: 100% !important; object-fit: contain; object-position: left; } .navbar-default .navbar-header .navbar-top-links .profile .dropdown-menu { width: 230px; } .navbar-default .navbar-header .navbar-left .sidebar-toggle { display: none; } .navbar-default .navbar-header .navbar-top-links {display: flex;align-items: center;/* height: 140px; */column-gap: 15px;height: 100%;} .navbar-default .navbar-header .top-left-part { background-color: var(--white); } .navbar-default .navbar-header .navbar-right>li>a {border: none;background-color: var(--primary-color);color: var(--white);border-radius: 50%;width: 35px;min-height: 35px;display: flex;align-items: center;justify-content: space-around;padding: 0px;line-height: 1;font-size: 13px;} .navbar-default .navbar-header .navbar-right>li>a:hover , .navbar-default .navbar-header .navbar-right>li>a:focus { background-color: var(--primary-color); color: var(--white); } .navbar-default .navbar-header .navbar-top-links .dropdown-menu li i { background: #EFEFEF; border-radius: 50%; margin-right: 15px; color: #989898; width: 30px; height: 30px; padding: 0; display: flex !important; align-items: center; justify-content: center; margin-top: 0; } .navbar-default .navbar-header .navbar-top-links .dropdown-menu li a { height: fit-content; display: flex; align-items: center; padding: 10px; color: #BCBCBC; margin: 0; } .navbar-default .navbar-header.navbar-right>li>a i { color: black; } .navbar-right>li>a:hover , .navbar-top-links>li>a:focus { background: var(--white); } .navbar-default .navbar-header.nav .open>a, .navbar-header .nav .open>a:focus, .navbar-header .nav .open>a:hover { background: var(--white); } .navbar-default .navbar-header .navbar-top-links .profile .dropdown-menu {border-radius: 10px;background-color: var(--white);border: 2px solid var(--primary-color);padding: 10px 15px;} .navbar-default .navbar-header .navbar-top-links .dropdown-menu li i { background-color: var(--white); color: var(--primary-color); } .navbar-default .navbar-header .navbar-top-links .dropdown-menu li a { color: var(--primary-color); } .navbar-default .navbar-header .navbar-top-links .dropdown-menu li a:hover { background-color: transparent; } .navbar-default .navbar-header .profile .profile-image {border-radius: 8px;overflow: hidden;width: 35px;height: 35px;/* margin-left: 20px; *//* box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px 0px; */border: 2px solid var(--primary-color);} .navbar-default .navbar-header .profile .profile-image img { width: 100%; height: 100%; object-fit: cover; object-position: top; } .navbar-default .navbar-header .profile .profile-image span { background: unset; display: block; width: 100%; height: 100%; right: 0; padding: 0; } .navbar-default .navbar-header .profile .profile-image span i { display: none; } .navbar-default .navbar-header .profile .dropdown.user-pro-body { display: flex; align-items: center; justify-content: center; flex-direction: row-reverse; gap: 15px; } .navbar-default .navbar-header .profile .profile-text { font-size: 18px; margin: 0; color: var(--primary-color); display: flex; /*flex-direction: column;*/ column-gap: 6px; } .navbar-default .navbar-header .profile .profile-text a { color: var(--primary-color); } .navbar-default .navbar-header .profile .profile-text a.user-role{font-size: 14px; color: #737791;} .navbar-default .navbar-header .profile .dropdown-icon{order: -1;} .navbar-default .navbar-header .profile .dropdown-icon i{font-size: 16px; color: var(--bgtxt-color);margin: 0;} .navbar-default .navbar-header .navbar-right .dropdown-menu { border-radius: 10px; background-color: var(--white); border: 2px solid var(--primary-color); padding: 10px 15px; margin-top: 5px; } .navbar-default .navbar-header .navbar-top-links .dropdown-menu li a strong { color: white; } .navbar-default .navbar-header .navbar-top-links .dropdown-menu li a { column-gap: 10px; } .navbar-default .navbar-header .navbar-top-links .profile { margin: 0px; } .navbar-default .navbar-header .navbar-right>li>a { position: relative; } .navbar-default .navbar-header .navbar-right>li>a .badge { position: absolute; right: -7px; top: -7px; width: 25px; height: 25px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; } /*New Design Nav*/ .nav_wrapper {padding-left:295px;padding-right: 10px;z-index:0;background-color: #fff;margin-top: 10px;z-index: 1;} .navbar-default .navbar-header .notification-unread {background-color: #f0f8ff;} /**/ /* ================================================================================ */ /* Navbar Css End */ /* ================================================================================ */ /* ================================================================================ */ /* Sidebar CSS Start */ /* ================================================================================ */ /*.sidebar {*/ /* */ /*}*/ .sidebar-toggle { display: none; } .sidebar { background: var(--white); border: none; padding: 10px 15px; display: flex; flex-direction: column; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); z-index: 1; margin: 20px 0px 0px 10px; border-radius: 10px; margin-top: 0; } .sidebar .user-profile { display: none; } .sidebar .sidebar-nav { background: transparent; /*padding: 20px 0 0 0;*/ } .sidebar .sidebar-nav ul#side-menu li a { font-family: 'SFPRODISPLAYREGULAR'; color: var(--primary-color); font-weight: 400; font-size: 17px; line-height: 25px; margin-bottom: 5px; display: flex; column-gap: 10px; align-items: center; border-radius: 5px; padding: 14px 20px 14px 20px; } .sidebar .sidebar-nav ul#side-menu li a.active, .sidebar-nav ul#side-menu li a:hover { color: var(--white); background-color: var(--primary-color); transition: all 0.3s ease; } .sidebar .sidebar-nav ul#side-menu li a.active i, .sidebar-nav ul#side-menu li a:hover i { color: var(--primary-color); } /*.sidebar .sidebar-nav ul#side-menu ul>li>a:hover,*/ /*.mini-sidebar .sidebar-nav #side-menu>li:hover>a i,*/ /*.sidebar-nav ul#side-menu li a.active i {*/ /* color: var(--primary-color);*/ /*}*/ .sidebar .sidebar-nav ul#side-menu li ul li a { padding: 10px 15px; } .sidebar .sidebar-nav ul#side-menu li a i { margin-right: 5px; font-size: 18px; color: var(--primary-color); } .sidebar .sidebar-nav ul#side-menu li a .link_icon { width: 20px; height: 20px; display: inherit; } .sidebar .sidebar-nav ul#side-menu li a .link_icon img { width: 100%; height: 100%; object-fit: contain; object-position: top; } .mini-sidebar .top-left-part a { width: 100%; height: 50px; } .mini-sidebar .top-left-part { padding: 0; padding: 20px 0px; height: 140px; display: flex; align-items: center; } .sidebar .sidebar-nav ul#side-menu li a.active img, .sidebar-nav ul#side-menu li a:hover img { filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(6%) hue-rotate(147deg) brightness(103%) contrast(101%); } .sidebar-nav ul#side-menu li a:hover i, .sidebar .sidebar-nav ul#side-menu li a.active i {color: #fff;} .mini-sidebar .logo b { display: block; } .sidebar-nav ul#side-menu li.logout_link a { color: var(--white); background-color: var(--primary-color); } .sidebar .sidebar-nav .dropdown a.waves-effect[aria-expanded="false"]:before { content: "\f107"; font-family: 'fontawesome'; position: absolute; right: 0; font-size: 22px; padding-right: 10px; } .sidebar .sidebar-nav .dropdown a.waves-effect[aria-expanded="true"]:before { content: "\f106"; font-family: 'fontawesome'; position: absolute; right: 0; font-size: 22px; padding-right: 10px; } /*New Design Sidebar*/ .sidebar .sidebar-nav .sidebar_logo img {width: 100%; height: 100%; object-fit: contain;} .sidebar .sidebar-nav ul#side-menu li a.sidebar_logo {height: 65px; width: 100%; padding: 5px; margin-bottom: 30px;} .sidebar .sidebar-nav ul#side-menu li a.sidebar_logo:hover {background: unset;} .sidebar .sidebar-nav ul#side-menu li a.sidebar_logo:hover img {filter: unset;} /**/ /* ================================================================================ */ /* Sidebar CSS End */ /* ================================================================================ */ .login-register { background: url("../website/assets/images/login_bg.png") center center/cover no-repeat !important; position: relative; height: 100vh; } .login-register:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(249, 249, 249, 0.9); } .login-register .inner-white-box { margin: 0 auto 50px; width: 100%; max-width: 700px; box-shadow: 7px 7px 54px rgb(0 0 0/5%); } .login-register .login_logo { width: 300px; margin: 0 auto; text-align: center; padding: 50px 0px; } .login-register .login_logo img { width: 100%; object-fit: none; } .login-register .form-material .form-group .form-control { border: 1px solid #707070; padding: 20px 30px; height: unset; } .login-register .form-material .form-group .form-control:focus {background-image: unset;} /* */ .statistics_sec .info-box {background: #fff;border: none;text-align: start; color: var(--purple);/* height: 160px; */display: flex;flex-direction: column; align-items: start; min-height: unset;padding: 10px;justify-content: space-between;padding: 25px; margin-bottom:30px;/* min-height: 160px; */ ; transition: .5s ease-out; border-radius: 10px; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); gap: 10px;} .statistics_sec .info-box:hover{background: var(--primary-color); transition: .5s ease-out;} .statistics_sec .info-box:hover .info-count{color: #fff;} .statistics_sec .info-box:hover .info-text{color: #fff;} .statistics_sec .info-box .info-text{margin: 0;} .statistics_sec .info-box .info-count {font-size: 50px;word-break: break-word;} .sec_heading { padding-bottom: 20px;} .statistics_sec .info-box .info_box_icon {background: var(--primary-color); padding: 20px 15px; border-radius: 5px; transition: .5s ease-out;} .statistics_sec .info-box .info_box_icon img {width: 39px;height: 23px;object-fit: contain;filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(7500%) hue-rotate(42deg) brightness(104%) contrast(103%);} .statistics_sec .info-box:hover .info_box_icon{background: #fff; transition: .5s ease-out;} .statistics_sec .info-box:hover .info_box_icon img{filter: unset;} .statistics_sec .info-box:hover .info_box_icon img.course_custom_icon {filter: brightness(1) saturate(100%) invert(100%) sepia(3%) saturate(7500%) hue-rotate(40deg) brightness(104%) contrast(103%)} /*.statistics_sec .info-box .info-count {*/ /*font-size: 60px;*/ /*color: white;*/ /*word-break: break-word;*/ /*}*/ /*.statistics_sec .info-box .info-text {*/ /*color: white;*/ /*}*/ /*.sec_heading {*/ /*padding-bottom: 20px;*/ /*}*/ .table {border-collapse: separate; border-spacing: 0;} .table thead tr th:first-child {border-top-left-radius: 10px;} .table thead tr th:last-child { border-top-right-radius: 10px; width: 50px !important;} table.table thead tr th:last-child {padding-right: 25px;} /*.table thead tr th[aria-label="Actions"] {width: 50px !important;}*/ .table thead tr th:first-child { border-bottom-left-radius: 10px; } .table thead tr th:last-child { border-bottom-right-radius: 10px; } .table tbody tr td:first-child { border-top-left-radius: 10px; } .table tbody tr td:last-child { border-top-right-radius: 10px; } .table tbody tr td:first-child {border-bottom-left-radius: 10px;} .table tbody tr td:last-child {border-bottom-right-radius: 10px;} .table>tbody>tr:nth-of-type(odd) { background-color: var(--white); border-radius: 20px; } .table>tbody>tr:nth-of-type(even) { background-color: #EEEFF1 ; } .table thead { background: linear-gradient(90deg, #283B63 0%, #546B9C 100%); } .content_sec {background: #fff;margin: 15px 10px;border-radius: 20px;box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08);} .table>tbody>tr>td, .table>tbody>tr>th { font-size: 12px; /*line-height: 30px;*/ color: var(--text-color); font-family: 'SFPRODISPLAYREGULAR'; padding: 20px 10px; border:none; } .table>thead>tr>th { border: none; white-space: nowrap; font-size: 14px; /*line-height: 30px;*/ color: var(--white); font-family: 'SFPRODISPLAYREGULAR'; padding: 20px 10px; } .table>thead>tr>th.action_th{width: 130px;} .page-wrapper .table {margin-top: 0px;border: none} .table_top_wrapper{display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;} .table_top_wrapper .table_top_right { display: flex; column-gap: 10px;} .table_top_wrapper .table_top_right form .form-control { border: none; font-family: "SFPRODISPLAYMEDIUM"; font-size: 20px; line-height: 60px; padding: 0px 20px; /* max-width: 400px; */ width: 400px; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); border-radius: 8px;} .table_top_wrapper .table_top_right form .search_box{position: relative;} .table_top_wrapper .table_top_right form input[type=search]{ padding: 0px 55px 0px 20px;} .table_top_wrapper .table_top_right form .search_icon{position: absolute; top: 50%; left: 92%; transform:translate(-50%, -50%);} .table_top_wrapper .table_top_right form .search_icon i{font-size: 20px;} .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { display: none; } .table_top_wrapper .table_top_right .table_top_btns {display: flex;column-gap: 10px;} .filter_btn {display: flex;align-items: center;column-gap: 10px; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); border-radius: 8px;} /*#wrapper .page-wrapper .table tbody tr td .dropdown .dropdown-menu { text-align: center; right: 27px; left: unset; border-radius: 0px; background-color: #283B63; border: none; padding: 10px 15px; margin-top: 10px; min-width: 100%;}*/ #wrapper .page-wrapper .table tbody tr td .dropdown .dropdown-menu {text-align: center;right: 27px;left: unset;border-radius: 5px;background-color: #fff;border: 1px solid var(--bgtxt-color);padding: 10px 15px;min-width: 100%;} /*#wrapper .page-wrapper .table tbody tr:last-child td .dropdown .dropdown-menu { bottom: 0; top: unset; }*/ /*#wrapper .page-wrapper .table tbody tr td .dropdown .dropdown-menu .dropdown-item { display: block; font-size: 15px; width: 100%; border-radius: 0; background-color: transparent; font-weight: 600; padding: 5px; height: unset; color: white; text-decoration: none; font-family: 'Poppins-Medium'; line-height: 20px; }*/ #wrapper .page-wrapper .table tbody tr td .dropdown .dropdown-menu .dropdown-item {display: block;font-size: 15px;width: 100%;border-radius: 5px;background-color: transparent;font-weight: 400;padding: 2px;height: unset;color: #000;text-decoration: none;font-family: 'Poppins-Medium';line-height: 20px;text-align: start;} /*#wrapper .page-wrapper .table tbody tr td .dropdown .dropdown-menu:before { content: ''; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #283B63; position: absolute; top: -10px; left: 0; right: 0; margin: auto; }*/ #wrapper .page-wrapper .table tbody tr td .dropdown .action_btn { background-color: transparent; color: #283B63; border-radius: 50%; padding: 0px; width: 30px; height: 30px; line-height: 0px; min-height: 30px; } #wrapper .page-wrapper .table tbody tr td .dropdown .action_btn i { font-size: 18px; font-weight: bold; } #wrapper .page-wrapper .table tbody tr td .dropdown .dropdown-menu { right: -20px; } #wrapper .page-wrapper .table tbody tr td .action_dropdown {text-align: center; max-width: 50px;} #wrapper .page-wrapper .table tbody tr td .dropdown .action_btn {width: 100%;} #wrapper .page-wrapper .table tbody tr td .dropdown .action_btn:active {box-shadow: unset;} .table_img { border-radius: 50%; width: 65px; height: 65px; object-fit: cover; object-position: center;border: 2px solid var(--primary-color) } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background-color: #283B63; border-color: #283B63; } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { font-size: 15px; line-height: 20px; color: var(--text-color); font-family: 'Poppins-Medium'; } .dataTables_wrapper .dataTables_paginate .paginate_button ,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { font-size: 15px; color: var(--text-color); font-family: 'Poppins-Medium'; padding: 12px 18px; line-height: 20px; } .main_form .form-group .form-control { border: none; background-color: #fff; color: #293B63; font-family: "SFPRODISPLAYREGULAR"; font-size: 20px; line-height: 60px; height: 46px; padding: 0px 20px; } .main_form .form-group .form-control::placeholder { color: #293B63; } .main_form .form-group .fileinput { position: relative; display: flex; align-items: end; column-gap: 10px; } .add_course_page .main_form .form-group .fileinput{ position: relative; display: flex; align-items: start; flex-direction: column; gap: 20px; } .main_form .form-group .fileinput .thumbnail { width: 200px; height: 200px; border-radius: 10px; margin: 0px; border: none; padding: 0px; background-color: #fff; padding: 10px; } .main_form .form-group .fileinput .thumbnail img { width: 100%; height: 100%; object-fit: contain; object-position: center; vertical-align: unset; } .main_form .form-group .form-control { border: none; background-color: #fff; color: #293B63; font-family: "SFPRODISPLAYMEDIUM"; font-size: 14px; line-height: 40px; height: 46px; padding: 0px 20px; } .main_form .form-group .form-control::placeholder { color: #293B63; } .main_form .form-group .fileinput .btn-file span { color: #293B63; font-family: 'SFPRODISPLAYREGULAR'; line-height: 10px; } .btn-file { position: relative; padding: 0px; margin-bottom: 10px; } .main_form .form-group .ck.ck-editor__main>.ck-editor__editable { border-color: #DFDFDF; background-color: #fff; height: 230px; } /* Dashboard chat style starts from here */ .chat_sec .messages_mainCol_break .chats { padding: 20px 0; } .chat_sec .chat { background: var(--white); margin: 10px 20px 10px 20px; cursor: pointer; box-shadow: 0px 5px 25px rgb(82 87 93 / 10%); border-radius: 10px; } .chat_sec .active.chat { background: var(--bgtxt-color); border-radius: 10px; } .chat_sec .active.chat *{ color: #fff; } .chat_sec .chat>a { text-decoration: none; padding: 15px; display: block; color: #242342; } .chat_sec .chat .chat_inner_wrapper { display: flex; align-items: center; column-gap: 8px; flex-wrap: wrap; position: relative; row-gap: 8px; } .chat_sec .chat .chat_inner_wrapper .user_img { width: 40px; height: 40px; overflow: hidden; border-radius: 50%; flex-shrink: 0; border: 1px solid black; } .chat_sec .chat .chat_inner_wrapper .user_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; vertical-align: top; } .chat_sec .chat .chat_inner_wrapper .user_detail_wrapper .name_time_wrapper { display: flex; align-items: center; justify-content: space-between; padding-bottom: 5px; gap: 8px; padding: 0; } .chat_sec .chat .chat_inner_wrapper .user_detail_wrapper .time span { font-family: 'SFPRODISPLAYREGULAR'; } .chat_sec .chat .chat_inner_wrapper .user_detail_wrapper .name_time_wrapper .user_name h6 { margin-bottom: 0; font-size: 14px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; font-family: 'SFPRODISPLAYMEDIUM'; font-weight: 500; } .chat_sec .chat .chat_inner_wrapper .user_detail_wrapper .name_time_wrapper .time { flex-shrink: 0; } .chat_sec .chat .chat_inner_wrapper .user_detail_wrapper .name_time_wrapper .time span { font-size: 12px; } .chat_sec .chat .chat_inner_wrapper .user_detail_wrapper .message_preview p { font-size: 13px; line-height: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 0; font-family: "Poppins-Regular"; } .chat_sec .chat .chat_inner_wrapper .user_name_img { width: 100%; } .chat_sec .chat .chat_inner_wrapper .user_detail_wrapper { width: 100%; flex: 1; display: flex; flex-direction: column; gap: 5px; } .chat_sec .chat .chat_inner_wrapper .user_name_img { width: 100%; display: flex; align-items: center; padding-left: 50px; column-gap: 10px; } .chat_sec .chat .chat_inner_wrapper .user_name_img .user_img { width: 15px; height: 15px; } .chat_sec .chat .chat_inner_wrapper .user_name_img h6 { margin-bottom: 0; font-size: 16px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; } .chat_sec .chat .chat_inner_wrapper .badge { position: absolute; right: -5px; top: -5px; display: block; background-color: red; border-radius: 50%; width: 10px; height: 10px; } .chat_sec .chat .chat_inner_wrapper .user_detail_wrapper .name_time_wrapper span { /*color: var(--primary-color);*/ font-family: "SFPRODISPLAYMEDIUM"; font-size: 12px; } .chat_sec .chat .chat_inner_wrapper .user_name>h6 { margin: 0; } .chat_sec .inner_section_messages .userChat_details { text-align: center; padding-bottom: 40px; } .chat_sec .inner_section_messages .userChat_details .user_image { width: 80px; height: 80px; border: 1px solid lightgray; border-radius: 50%; overflow: hidden; margin: 0 auto; } .chat_sec .inner_section_messages .userChat_details .user_image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .chat_sec .inner_section_messages .userChat_details .user_name h5 { line-height: 55px; margin-bottom: 0; } .chat_sec .inner_section_messages .userChat_details .user_description p { font-size: 15px; margin-bottom: 0; } .chat_sec .inner_section_messages .userChat_details .new_convo_message { margin-top: 12px; } .chat_sec .inner_section_messages .userChat_details .new_convo_message p { font-size: 12px; } .chat_sec .inner_section_messages .chat_details .chat_details_image { width: 250px; height: 250px; overflow: hidden; flex-shrink: 0; border: 1px solid black; } .chat_sec .inner_section_messages .chat_details .chat_details_image img { width: 100%; height: 100%; object-fit: cover; object-position: center; vertical-align: top; } .chat_sec .inner_section_messages .chat_details { display: flex; column-gap: 20px; align-items: center; /*TRANSFORM-BOX: 30PX;*/ border-bottom: 1px solid white; padding: 20px; } .chat_sec .inner_section_messages .chat_details .chat_details_right .chat_details_name h6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; font-family: "Poppins-SemiBold"; } .chat_sec .inner_section_messages .chat_details .chat_details_right .chat_details_content p { font-size: 16px; line-height: 28px; } .chat_sec .inner_section_messages .chat_details .chat_details_right .chat_details_content span { font-family: 'SFPRODISPLAYMEDIUM'; color: var(--primary-color); display: block; font-size: 17px; margin-bottom: 15px; } .chat_sec .messages .bubble { padding: 10px 20px; display: inline-block; background-color: white; position: relative; } .chat_sec .messages .day { position: relative; text-align: center; } .chat_sec .inner_section_main_content{margin-left: 10px;} .chat_sec .messages .day:before{content: ""; width: 100%; height: 2px; background-color: #DFDFDF; display: block; position: absolute; top: 0; left: 0; bottom: 0; margin: auto 0;} .chat_sec .messages .bubble span{background-color: #F0F5F5; padding: 8px 20px; border-radius: 20px;} .chat_sec .messages .message .user_name h6 {font-size: 14px;font-family:'SFPRODISPLAYMEDIUM';} .chat_sec .messages .message .image_content_wrapper{display: flex; align-items: flex-start; gap: 15px;} .chat_sec .messages .message .image_content_wrapper .user_image{width: 50px; height: 50px; overflow: hidden; border-radius: 50%; border: 1px solid gray; flex-shrink: 0;} .chat_sec .messages .message .image_content_wrapper .user_image img{width: 100%; height: 100%; object-fit: cover; object-position: center;} .chat_sec .messages .message.sent .image_content_wrapper .text_wrapper .text{padding: 18px 25px; margin-bottom: 10px; background-color: white; display: inline-block; display: block; width: fit-content; border-radius: 8px; background: rgba(53, 73, 116, 0.10); box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08);} .chat_sec .messages .message.received .image_content_wrapper .text_wrapper .text{padding: 18px 25px; margin-bottom: 10px; background-color: white; display: inline-block; display: block; width: fit-content; border-radius: 8px; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08);}.chat_sec .messages .message .image_content_wrapper .text_wrapper .text p{margin-bottom: 0;font-size: 15px;font-family: 'SFPRODISPLAYREGULAR';} .chat_sec .messages .message .image_content_wrapper .text_wrapper .message_time span {font-size: 14px;font-family: 'SFPRODISPLAYMEDIUM';color: var(--primary-color);} .chat_sec .messages .message.sent .image_content_wrapper{flex-direction: row-reverse;} .chat_sec .messages .message.sent .user_name h6 {text-align: right;} .chat_sec .messages .message.sent .text { text-align: left; margin-left: auto;} .chat_sec .messages .message.sent .image_content_wrapper .text_wrapper .message_time{text-align: right;} .chat_sec .messages .message.sent .image_content_wrapper .text_wrapper{text-align: end;} .chat_sec .inner_section_messages .message_input_wrapper {margin: 0;display: flex;align-items: center;box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08);border-radius: 8px;padding-right: 20px;margin-top: 30px;height: 60px;background-color: var(--white);padding: 0px 10px;margin: 0px;} .chat_sec .inner_section_messages .message_input_wrapper .message_input{flex: 1; height: 100%;} .chat_sec .inner_section_messages .message_input_wrapper .message_input input{height: 100%; font-family: 'SFPRODISPLAYREGULAR'; border-radius: 50px; outline: 0; border: 0;} .chat_sec .inner_section_messages .message_input_wrapper .message_input input:focus{box-shadow: none;} .chat_sec .inner_section_messages .message_input_wrapper .send_btn{width: 40px; height: 40px; border-radius: 50%;} .chat_sec .inner_section_messages .message_input_wrapper .send_btn a{color: white; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px; text-decoration: none;} .chat_sec .inner_section_messages .message_input_wrapper .embeded_link {padding-right: 15px;} .chat_sec .inner_section_messages .message_input_wrapper .embeded_link a {font-size: 20px;} .chat_sec .inner_section_messages .message_input_wrapper .send_btn .btn { padding: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: var(--primary-color);color: white; border-color: var(--primary-color); color: var(--white); border-radius: 50px; transition: all 0.3s ease; opacity: 1} .chat_sec .inner_section_messages .message_input_wrapper .send_btn .btn i { margin: 0; } .chat_sec .inner_section_messages form {padding: 15px 10px;} .chat_sec .messages_mainCol_break .chats {overflow: auto;height: 845px;padding-right: 10px;padding: 0px;} .chat_sec .inner_section_messages { background: white; padding: 0px; border-radius: 20px; box-shadow: 0px 5px 25px rgb(82 87 93/10%); } .chat_sec .inner_section_messages .messages { height: 470px; overflow-y: scroll; padding-right: 15px; padding: 20px; } .chat_sec .messages_mainCol_break .chats .chat:last-child { margin: 10px 20px 0px 20px; } .chat_sec .chat_sec_heading { margin-bottom: 30px; } .chat_sec .chat_scroll_bar::-webkit-scrollbar { width: 10px; background-color: transparent; } .chat_sec .chat_scroll_bar::-webkit-scrollbar-thumb { border-radius: 10px; background-color: var(--primary-color); } .chat_sec .chat_scroll_bar::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; } /*.chat_sec .chat_left_col {padding-right: 0px;}*/ .chat_sec .chat_right_col {padding: 0px 10px;} .chat_sec .inner_section_messages{/* height: 650px; */} .chat_sec .chat_sec_heading h1 { margin: 0px; line-height: 60px; } .chat_sec .chat_right_col .tab-content { margin: 0PX; } .chat_sec .chat_left_col { background: white; box-shadow: 0px 5px 25px rgb(82 87 93/10%); padding: 0px; border-radius: 20px; } .chat_sec .chat_left_col .sent_msg_btn { margin: 20px auto 20px; display: block; width: fit-content; } /*.chat_sec .inner_section_messages .chat_details .chat_details_left {*/ /* max-width: 25%;*/ /*}*/ .chat_sec .inner_section_messages .chat_details .chat_details_right { flex: 1; } .cards-box{width: 20%; padding: 0px 10px;} .main_card { margin-bottom: 40px; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); border-radius: 8px; padding: 10px;} .artworks_sec .main_card .main_card_img { height: 195px; /* margin-bottom: 20px; */ position: relative;} .courses_sec .main_card .main_card_img { height: 127px; /* margin-bottom: 20px; */ position: relative;} .main_card .main_card_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .main_card .main_card_img .edit_btn {position: absolute;top: 8px;right: 8px;background-color: white;border-radius: 3px;color: var(--primary-color);padding: 5px 7px;font-size: 15px;line-height: 18px;border: none; border: 1px solid var(--primary-color); box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08);} /* .main_card .main_card_content .main_card_top {display: flex;justify-content: space-between;} */ .news_card { margin-bottom: 40px; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); border-radius: 8px; padding: 10px; } .news_card .news_thumbnail_image { width: 100%; height: 160px; } .size_preset_card .size_thumbnail_image { width: 100%; height: 130px; overflow: hidden;} .size_preset_card .size_thumbnail_image img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 10px;} .size_preset_card .size_price{border-bottom: 1px solid #000;} .size_preset_card .size_preset_box {display: flex; justify-content: start; align-items: center; gap: 20px;} .size_preset_card .add_size_preset.size_preset_card {width: 200px; border-radius: 10px; border: none; box-shadow: 0px 7px 16px rgb(44 40 40 / 9%); padding: 10px; margin-bottom: 20px; position: relative;} .size_preset_card .add_size_preset.size_preset_card .form-group{margin: 0px;} .size_preset_card .add_size_preset.size_preset_card input{ box-shadow: none; border-bottom: 1px solid #9B9B9B; border-radius: 0px; height: unset;} .size_preset_card .add_size_preset.size_preset_card input[readonly] { background: #e4e4e4; cursor: not-allowed; } /*.size_preset_card_ru .size_thumbnail_image { width: 100%; height: 130px; overflow: hidden;}*/ /*.size_preset_card_ru .size_thumbnail_image img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 10px;}*/ /*.size_preset_card_ru .size_price{border-bottom: 1px solid #000;}*/ /*.size_preset_card_ru .size_preset_box_ru {display: flex; justify-content: start; align-items: center; gap: 20px;}*/ /*.size_preset_card_ru .add_size_preset_ru.size_preset_card {width: 200px; border-radius: 10px; border: none; box-shadow: 0px 7px 16px rgb(44 40 40 / 9%); padding: 10px; margin-bottom: 20px; position: relative;}*/ /*.size_preset_card_ru .add_size_preset_ru.size_preset_card .form-group{margin: 0px;}*/ /*.size_preset_card_ru .add_size_preset_ru.size_preset_card input{ box-shadow: none; border-bottom: 1px solid #9B9B9B; border-radius: 0px; height: unset;}*/ /*.size_preset_card_ru .add_size_preset_ru.size_preset_card .remove_card_ru {position: absolute; right: 0; top: 0; font-size: 20px; z-index: 90; color: red; cursor: pointer;}*/ /*.size_preset_card_ru .add_size_preset_ru.size_preset_card #quantity {border: 0;}*/ .size_preset_card .add_size_preset.size_preset_card .remove_card {position: absolute; right: 0; top: 0; font-size: 20px; z-index: 90; color: red; cursor: pointer;} .size_preset_card .add_size_preset.size_preset_card #quantity {border: 0;} .news_card .news_thumbnail_image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .news_card .news_heading_wrapper { display: flex; justify-content: space-between; flex-direction: column; } .news_card .news_heading_wrapper > a { display: flex; justify-content: space-between; flex-direction: column; width: 100%;} .news_card .news_desperation { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 50px; line-height: 1.5em; max-height: 50px; margin-bottom: 5px;} .news_card .news_desperation p {margin-bottom: 0} .main_card .course_description { font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 3em; line-height: 1.5em; max-height: 3em; } .main_card .course_subtitle {font-size: 16px; font-weight: 600; margin-bottom: 2px; text-wrap: nowrap; text-overflow: ellipsis; overflow: hidden; width: 50%;} .main_card .course_title{font-size: 18px; margin-bottom: 6px;height: 38px;} .news_card .news_thumbnail_video .video {width: 100%;height: 100%; object-fit: cover;} .news_card .news_thumbnail_video .play , .news_card .news_thumbnail_video .stop { position: absolute; background-color: black; border-radius: 50%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-color: #283B63; color: white; width: 50px; height: 50px; font-size: 15px; border: none; } .news_card .news_thumbnail_video {background-color: white;width: 100%;height: 160px;position: relative; /* margin-bottom: 20px; */ } .news_card .news_heading_wrapper > a .news_heading {margin-bottom: 5px;} .sec_top_bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .news_card .news_thumbnail_video .stop {display: none; opacity: 0;transition: 0.3s ease all;} .news_card .news_thumbnail_video:hover .stop {opacity: 1;transition: 0.3s ease all;} .news_card .news_heading_wrapper .news_date {color: var(--primary-color); margin: 0; font-size: 14px;} .news_card .news_thumbnail_image .edit_btn , .news_card .news_thumbnail_video .edit_btn { position: absolute;top: 8px;right: 8px;background-color: white;border-radius: 3px;color: var(--primary-color);padding: 5px 7px;font-size: 15px;line-height: 18px;border: none; border: 1px solid var(--primary-color); box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08);} .news_card .news_thumbnail_image , .news_card .news_thumbnail_video {position: relative;} .news_card .news_heading_wrapper .news_heading {margin-bottom: 5px;} /* Dashboard chat style ends here */ /* Full Calendar style starts from here */ /*.inner_section_calendar .fc-left {display: block;}*/ /*.inner_section_calendar .fc-center{!* float: left; *!!* display: flex; *!!* height: 50px; *!align-items: center;order: -1;margin-bottom: 15px;}*/ .inner_section_calendar .fc-center h2 {font-size: 25px;font-family: "Poppins-Medium";line-height: 26px;/* color: #333333; */font-weight: 800;line-height: 30px;} .inner_section_calendar .fc th {color: #fff;font-weight: 400;font-size: 12px;padding: 15px 0px;border: none;} .inner_section_calendar .fc-unthemed .fc-today { background-color: #C2C8D5; color: #4A4A4A; } .inner_section_calendar .fc-widget-header { border: none; } .inner_section_calendar .fc-row.fc-widget-header {border: none !important;margin-right: 0 !important;font-family: "GothamBold"; background: linear-gradient(90deg, #283B63 0%, #546B9C 100%); border-radius: 10px; margin-bottom: 10px;} .inner_section_calendar .fc-agenda-view .fc-day-grid { background-color: #F7FAFC; } .inner_section_calendar .fc-toolbar .fc-right button {background: #C5C5C5;border: none;color: #fff;height: 45px;padding: 0px 20px;text-transform: capitalize;margin: 0px;border-radius: 5px;font-size: 14px;} .inner_section_calendar .fc-toolbar .fc-left button {background: #fff;border: none;color: var(--bgtxt-color);height: 40px;padding: 0px 15px;margin: 0px;border-radius: 5px;font-size: 14px; box-shadow: none;} .dashboard_calendar .fc-toolbar .fc-state-active, .dashboard_calendar .fc-toolbar .ui-state-active { color: #723860; box-shadow: unset; } .dashboard_calendar .dashboard_calendar .fc-toolbar .fc-left { display: flex; flex-direction: row-reverse; } .inner_section_calendar .fc-toolbar .fc-right { padding: 5px; } .inner_section_calendar .fc-right .fc-button-group{display: flex; gap: 5px; flex-direction: row-reverse;} .inner_section_calendar .fc-left .fc-button-group{border: 1px solid var(--bgtxt-color);border-radius: 5px;padding-top: 5px; display: flex; gap: 0px; margin-top: 3px;} .inner_section_calendar .fc-state-down, .inner_section_calendar .fc-state-active { box-shadow: none; } .inner_section_calendar .fc-toolbar button.fc-state-active { background: var(--bgtxt-color); } /*.inner_section_calendar .fc-toolbar { margin-bottom: 25px;display: flex;flex-wrap: wrap; }*/ .inner_section_calendar .fc td {border-color: #EAF0F4;color: #8898AA;font-size: 14px;font-family: "GothamBook";} .inner_section_calendar .fc-ltr .fc-basic-view .fc-day-number {border-color: #EAF0F4;padding: 15Px;} .inner_section_calendar .fc thead th {font-weight: 400;padding-top: 70px;} .inner_section_calendar .fc-toolbar .fc-today-button { order: -1; border-radius: 4px 0px 0px 4px; display: none;} .inner_section_calendar .fc-corner-left { border-radius: 0px; } .inner_section_calendar .fc-toolbar .fc-icon-left-single-arrow:after { content: '<'; margin: 0; font-size: 18px; font-weight: 400; } .inner_section_calendar .fc-toolbar .fc-icon-right-single-arrow:after { content: '>'; margin: 0; font-size: 18px; font-weight: 400; } .inner_section_calendar .fc-toolbar button .fc-icon { font-family: "GothamBook";width: fit-content; display: block; } .inner_section_calendar .fc-toolbar .fc-left { float: right;} .inner_section_calendar .fc-toolbar .fc-center { float: left;} /*.inner_section_calendar .fc-left { width: 100%; display: flex; }*/ /* Full calendar style ends here */ /* / login page css / */ .login-background { background: url(../website/images/art-красивые-картинки-Кликабельно-1197114.png) center center/cover no-repeat !important; position: relative; padding: 32%; } .login-background-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(249, 249, 249, 0.9); } .logo_container img { padding-top: 60px; width: 300px; } .login-box-background { background: #fff; width: 700px; height: 450px; margin-left: auto; margin-right: auto; margin-top: 50px; } .inner-white-box { background: #fff; padding: 40px; margin-bottom: 30px; } .inner-white-box .inner-box-title { text-align: center; font-size: 40px; margin-bottom: 50px; } /*.input_box {*/ /*border: 1px solid black !important;*/ /*padding: 30px !important;*/ /*}*/ .login_btn { width: 160px; height: 60px; border: none; border-radius: 0px; background-color: #283B63; font-family: 'SFPRODISPLAYBOLD'; } .login_btn:hover { border: 2px solid #283B63; color: #283B63; background-color: #fff; transition: 0.3s ease-in; } .login-register .form-material .form-group .btn_blue { padding: 15px 50px; } /* =======================================add courses page style start by Qasim 15-6-23====================== */ .bluebtn { font-family: "SFPRODISPLAYREGULAR"; font-size: 15px; /* font-weight: 20px; */ line-height: 20px; color: var(--white); /* height: 55px; */ border-radius: 0; border: none; background-color: var(--primary-color); padding: 10px 40px; /* margin-block: 20px; */ } .bluebtn :hover{ /* color: var(--white); */ } .hdngBtnoutr { display: flex; justify-content: space-between; align-items: center; } .underLine_btn { color: var(--primary-color); text-decoration: underline; font-family: "SFPRODISPLAYREGULAR"; font-size: 15px; /* list-style: none; */ border: none; background-color: unset; padding: 0; } .dropify-wrapper { height: 178px !important; width: 170px; display: inline-block; } .underLine_btn_wrapper { display: inline-block; padding-inline-start: 5px; } .dropify-wrapper { background-color: #EBEBEB; border: none; } .course_thumbnail { padding-block: 30px; } .coursesInpts { width: 60%; border: 1px solid #DFDFDF; background-color: #F7F7F7; padding: 25px; } textarea::-webkit-input-placeholder { color: var(--primary-color); } .courseFilePicker { margin-inline-end: 15px; } .uploadFileTrigger { height: 100% !important; width: 100%; } .inps-Boxes { display: flex; gap: 2%; flex-wrap: wrap; align-items: end; padding-block: 15px; } .inps-Boxes .fileinput { /* width: 32%; */ } .textArea_Btn { /* display: flex; align-items: end; */ } /* .textArea_Btn .bluebtn_outer { padding-left: 10px; padding-bottom: 30px; } */ .bluebtn_outer { padding-left: 10px; padding-bottom: 30px; padding-block-start: 23px; } .textArea_Btn .bluebtn_outer .bluebtn { margin-block: 0; color: var(--white); } .bluebtn_outer .bluebtn { color: var(--white); } .bluebtn_outer .bluebtn:hover { color:rgb(135, 135, 159); } .form_sec .btnWithTextarea .main_inner_row { display: flex; } .form_sec .btnWithTextarea .main_inner_row .add_topics_col { display: flex; align-items: flex-end; padding-block-end: 50px; } .artwork_bigphot_wraper { min-height: 250px; width: fit-content; min-width: 250px; margin-block-end: 20px; max-width: calc(100% - 30px); } .artwork_bigphot { height: 100%; width: 100%; } .artwork_bigphot .thumbnail { height: 100%; width: 100%; } .artwork_bigphot img { height: 100%; width: 100%; } /* Product tabs changes starts from here */ .addArtworks_wrapper .product:has(.Products_message) , .addArtworks_wrapper .product_ru:has(.Products_message) {height: 400px; position: relative;} .addArtworks_wrapper .product:has(.Products_message) .Products_message , .addArtworks_wrapper .product_ru:has(.Products_message) .Products_message{margin-bottom: 20px;} .add_product_modal .modal-dialog {width: 55%;} .add_product_modal .inps-Boxes .fileinput {display: flex; gap: 10px;} .addArtworks_wrapper .product_type_forms .product .artistTabsChecksWrapper {position: relative; flex-wrap: wrap;} .addArtworks_wrapper .artistTabsChecksWrapper .artistLabelWrapper {display: block;} .addArtworks_wrapper .product .artistTabsChecksWrapper .artistTabsChecksLabel {border-color: var(--primary-color); color: var(--primary-color);} .addArtworks_wrapper .product_type_forms .product .artistTabsChecksWrapper .artist_check_outer {position: relative;} .addArtworks_wrapper .product_type_forms .product .artistTabsChecksWrapper .artist_check_outer .action_wrapper { display: flex; gap: 10px; width: fit-content; position: absolute; top: -10px; right: 0px; padding: 3px 0px; z-index: 10; width: 100%; justify-content: space-between; } .addArtworks_wrapper .product_type_forms .product .artistTabsChecksWrapper .artist_check_outer .action_wrapper a {background-color: #283b63; width: 20px; height: 20px; border-radius: 4px; font-size: 12px; display: flex; align-items: center; justify-content: center;} .addArtworks_wrapper .product_type_forms .product .artistTabsChecksWrapper .artist_check_outer .action_wrapper a {color: white;} .artwork_bigphot_wraper .artwork_bigphot .input_img .dropzone { height: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; background: transparent; position: relative; z-index: 2;} /* Product tab changes ends here */ /* =======================================add courses page style Ends by Qasim 15-6-23====================== */ /* =======================================add artWork page style starts by Qasim 15-6-23====================== */ .edit_artWorkSect .form-group { margin-bottom: 20px; } .artwokInpts { width: 100%; border: 1px solid #DFDFDF; background-color: #F7F7F7; padding: 30px; } /* .artwokInpts::-webkit-input-placeholder { color: var(--primary-color); font-size: 15px; line-height: 20px; font-family: "SFPRODISPLAYREGULAR"; } */ /*.form-group select {*/ /*padding: 16px !important;*/ /*}*/ .edit_artWorkSect .fileinput .thumbnail>img { object-fit: cover; } .icons_parentformGroup { position: relative; } .icons_parentformGroup i { position: absolute; right: 5px; top: 38%; color: var(--primary-color); font-weight: 800; } .artistchecks_parent { display: flex; position: relative; column-gap: 15px; } .artistchecks_parent .artistChecks { position: relative; } .artistchecks_parent .artistChecks label { display: inline-block; border: 2px solid #D6D6D6; padding: 15px 25px; color: var(--primary-color); } .artistchecks_parent .form-control { width: 100%; height: 100% !important; } .artistchecks_parent input[type="checkbox"] { opacity: 0; width: 100%; height: 100% !important; position: absolute; left: 0; top: 0; } .artistchecks_parent .artistChecks input[type="checkbox"]:checked+label { border-color: var(--primary-color); } .artistchecks_parent input[type="checkbox"]::before { /* content: ""; display: inline-block; border: 2px solid #D6D6D6; height: 42px; width: 86px; */ } .artistchecks_parent input[type="checkbox"]:checked::before { /* border: 2px solid var(--primary-color); */ } .artistchecks_parent .artistChecks1::after { /* content: 'Print'; color: var(--primary-color); font-size: 14px; font-family: 'SFPRODISPLAYREGULAR'; position: absolute; left: 29px; top: -5px; */ } .artistchecks_parent .artistChecks2::after { /* content: 'Original'; color: var(--primary-color); font-size: 14px; font-family: 'SFPRODISPLAYREGULAR'; position: absolute; top: -5px; left: 120px; */ } .artistchecks_parent .artistChecks3::after { /* content: 'Print+Original'; color: var(--primary-color); font-size: 14px; font-family: 'SFPRODISPLAYREGULAR'; position: absolute; top: -5px; right: 110px; */ } .artistchecks_parent p {} .artistchecks_parent .artistChecks4::after { /* content: 'Products'; color: var(--primary-color); font-size: 14px; font-family: 'SFPRODISPLAYREGULAR'; position: absolute; top: -5px; right: 28px; */ } .artistChecksPara { color: var(--bgtxt-color); font-size: 15px; } .artistTabsUlParent { /*display: flex;*/ justify-content: space-between; position: relative; } .artistTabsChecksWrapper { display: flex; column-gap: 15px; /*position: absolute;*/ top: 0; width: 100%; } .artistTabsChecksParent { width: 100%; position: relative; top: 0; display: flex; flex-direction: column; justify-content: center; } .artistchecks_parent { /* display: flex; position: relative; column-gap: 15px; */ /* width: 25%; */ } .artistTabsChecksParent .artistChecks { /* position: relative; */ } .artistTabsChecksParent .artistTabsChecksLabel { display: flex; justify-content: space-between; border: 2px solid #D6D6D6; padding: 15px 15px; color: #D6D6D6; width: 100%; /* position: absolute; */ left: 0; /* position: absolute; */ /* left: 0; */ flex-direction: column; margin-bottom: 8px; } .artistTabsChecksParent .form-control { /* width: 100%; height: 100% !important; */ } .artistTabsChecksParent input[type="checkbox"] { opacity: 0; width: 100%; height: 100% !important; position: absolute; left: 0; top: 0; z-index: 999; } .artistTabsChecksLabel:has(input[type="checkbox"]:checked) { border-color: var(--primary-color); color: var(--primary-color); } .artistTabsChecksLabel input[type="checkbox"]:checked+label { color: var(--primary-color); } .artistTabsChecksLabel input[type="checkbox"]:checked+span { color: var(--primary-color); } .artistTabs_parent .tab-content { /*position: relative;*/ /*margin-top: 10px;*/ } .edit_artWorkSect .artistTabs_parent { /* margin-block-end: 90px; */ /* padding-block-end: 160px; */ } .artistTabs_parent .tab-content{ /*height: 270px;*/ } .line { height: 1px; background-color: #707070; width: 90%; margin-inline-start: 7px; } .crossbtn { /*font-size: 25px;*/ /*padding: 10px 15px;*/ background: var(--bgtxt-color); color: #fff; padding: 10px 15px; border-radius: 4px; } .counter { width: 100%; display: flex; justify-content: space-between; } .counter input { border: 2px solid #293B63; width: 70px; margin-inline: 7px; line-height: 30px; font-size: 20px; text-align: center; color: #293B63; appearance: none; outline: 0; } .counter span { border: 2px solid #293B63; display: block; font-size: 25px; padding: 0 15px; cursor: pointer; color: #293B63; user-select: none; font-weight: 700; } .inpField_btn { display: flex; /* align-items: end; */ flex-direction: column; padding-block-start: 107px; } .artistLabelWrapper { display: flex; justify-content: space-between; } .card_image { width: 100%; height: 120px; object-fit: cover; padding-block-start: 5px; } .edit_artWorkSect .nav-tabs { border-bottom: 0; } .edit_artWorkSect .nav-tabs>li>a { background-color: #C5C5C5; border: 2px solid #C5C5C5; border-radius: 5px; color: #fff; } .edit_artWorkSect .nav-tabs>li.active>a { background-color: var(--primary-color); border: 2px solid var(--primary-color); border-radius: 5px; color: #fff; } .images_cloneBox .form-group .fileinput { align-items: start !important; } .small_cut_button_parent.btn { display: flex; } .small_cut_button { border: 1px solid; height: 25px; width: 25px; display: flex; align-items: center; cursor: pointer; z-index: 99999; justify-content: center; position: absolute; font-size: 11px; right: 0; top: 0; color: #fff; background-color: var(--primary-color); } /* .originalDiv1{ align-items: start !important; } */ /* .cut-button { display: none; } */ .input_img { width: 200px; height: 200px; border-radius: 10px; margin: 0px; border: none; padding: 0px; background-color: #fff; padding: 10px; overflow: hidden; position: relative; cursor: pointer; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); } .input_img i{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; font-size: 30px;} .input_img .dz-message span{display: none;} .input_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; cursor: pointer; } .input_img input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .main_form .form-group .input_img .form-control { cursor: pointer; } .artwork_bigphot_wraper .artwork_bigphot .input_img { width: 100%; height: 100%; } .artwork_bigphot_wraper .artwork_bigphot .input_img .uploadFileTrigger { cursor: pointer; } .UploadAttchmentParent { position: relative; } .UploadAttchmentParent label { cursor: pointer; } .UploadAttchmentParent input[type="file"] { position: absolute; opacity: 0; z-index: -1; } .btn{ cursor: pointer; } .padding_block { padding-block: 30px; } a[type="button"]{ cursor: pointer; } input[type="checkbox"]{ cursor: pointer; } .fileinput .form-control{ cursor: pointer; } /* =======================================add artWork page style Ends by Qasim 15-6-23====================== */ /* =======================================STUDENT DASHBOARD page style starts by Qasim 5-7-23====================== */ .dashb_crd_sect .dash_card { /* height: 199px; width: 329px; */ background-color: var(--secondary-color); text-align: center; padding-block-end: 10px; padding-block-start: 30px; width: 100%; } .dashb_crd_sect .dash_card h1,.dashb_crd_sect .dash_card h6{ color: var(--white); } .dashb_crd_sect .odd { background-color: var(--secondary-color); } .dashb_crd_sect .eve { background-color: var(--primary-color); } .color_white{ color: var(--white); } .padding_left_0{ padding-left: 0; } .padding_right_0{ padding-right: 0; } /* .rec_cors_crd:hover>.card_btn { display: block; } */ .rec_cors-sect .rec_cors_crd { height: 468px; overflow: hidden; position: relative; /* object-fit: cover; background-size: cover; background-position: center; */ /* display: flex; justify-content: center; align-items: end; */ } .rec_cors-sect .rec_cors_crd .card_btn { /* margin-inline-end: 58px; */ /* display: none; */ /* border: 1px solid red; */ position: absolute; bottom: -78px; width: 97%; left: 0; right: 0; margin: 0 auto; /*background-color: white;*/ transition: .8s ease; } .rec_cors-sect .rec_cors_crd .cars_img { width: 100%; height: 100%; } .rec_cors-sect .rec_cors_crd .cars_img img{ width: 100%; height: 100%; object-fit:cover; object-position:center; } .rec_cors-sect .rec_cors_crd a { width: 100%; display: flex; align-items: center; justify-content: center; padding-block: 5px; border: 1px solid var(--primary-color); background-color: white; color: black; border-radius: 3px; text-decoration: none; } .rec_cors-sect_2 { padding-top: 70px; } .rec_cors_crd:hover .card_btn { bottom: 7px; transition: .4s ease; } .dashb_txt_sect .btn_primary { border: 1px solid var(--secondary-color); padding: 15px; margin-top: 15px; color: var(--primary-color); } .dashb_txt_sect p { padding-bottom: 30px; } .rec_cors-sect h6{ font-family: "SFPRODISPLAYREGULAR"; } .dash_bibhdng h2,.dash_bibhdng h4 { /* color: var(--primary-color); */ padding-left: 15px; } .card_hdng h5, .card_hdng h6{ /* padding-left: 20px; */ } .tbl_sect{ padding-inline: 15px; } .panel_height { /* height: 70px; */ margin-block: 35px; } .panel_p { max-width: 100%; /* padding-right: 20px; */ color: white; margin: 0; padding-top: 16px; } .panel-white { background-color: white; padding: 20px; /* border: 1px solid #ddd; */ border-radius: 4px; display: flex; align-items: center; justify-content: space-between; color: black; margin-bottom: 20px; margin-left: 30px; margin-right: 30px; } .panel-content { display: flex; align-items: center; } .panel-white-icon { font-size: 52px; margin-right: 10px; color: #293b63; } .panel-white-text { font-weight: bold; } .darkblue { background-color: #283B63; } .colorWhite { color: var(--white); } .preview-button { padding: 20px 40px; border: none; border-radius: 0 !important; background-color: #283B63; color: #fff; font-family: 'SFPRODISPLAYBOLD'; } .preview-button:hover { border: 2px solid #283B63; color: #283B63; background-color: #fff; transition: 0.3s ease-in; } .panel-body{ padding: 0; } .panel .panel-body{ padding-block: 0; padding-inline-end: 0; padding-inline: 48px; padding-block: 4px; } .intro_sect h2{ padding-block-end: 30px; } /* =======================================STUDENT DASHBOARD page style Ends by Qasim 5-7-23====================== */ /* ======================================= DASHBOARD changes by Qasim 25-7-23 starts here====================== */ /*.fc-basic-view .fc-body .fc-row {*/ /* min-height: 12vh !important;*/ /* height: 12vh !important;*/ /*}*/ .artist_check_outer{ width: 25%; } /* ======================================= DASHBOARD changes by Qasim 25-7-23 Ends here====================== */ /* Add Courses page style starts from here */ #wrapper .main_form .course_instructor_select {height: 41.6px;} .add_course_page .main_form .btnWithTextarea {margin-top: 40px;} /* Modal style starts from here */ /*=========== Custom text Field =============*/ .txt_field {margin-bottom: 15px;} .txt_field input { border: 1px solid #DFDFDF; background-color: #F7F7F7; color: #293B63; font-family: "SFPRODISPLAYMEDIUM"; font-size: 20px; line-height: 40px; height: unset; padding: 0px 20px; } .txt_field input::placeholder {color: #293B63;} /*=========== Custom text Field =============*/ /*.add_lesson_modal .modal-dialog {width: 50%}*/ .add_lesson_modal .modal-dialog:has(#topic_form) {width: 780px;} .add_lesson_modal .modal-body .top_heading {text-align: center; margin-bottom: 40px} .add_lesson_modal .title_wrapper span {display: flex; justify-content: flex-end; align-items: center; gap: 5px; color: #283b63;} .add_lesson_modal .title_wrapper span input {margin: 0;} .video_images_wrapper .single_card {background-color: #ebebeb; width: 100%; height: 150px; overflow: hidden; display: flex; justify-content: center; align-items: center; margin-bottom: 15px; position: relative;} .video_images_wrapper .single_card input {position: absolute; opacity: 0; width: 100%; height: 100%; top: 0; left: 0;} .video_images_wrapper .single_card img {width: 100%; height: 100%; object-fit: cover; object-position: center;} .video_images_wrapper .single_card a {color: white; font-size: 50px;} .add_lesson_modal .topic_content_wrapper {margin: 20px 0;} .add_lesson_modal .modal_footer {margin: 10px 0px 10px 0; display: flex; align-items: center; gap: 20px;} .add_lesson_modal .modal_footer .outlined_btn, .add_lesson_modal .modal_footer .bluebtn {height: 50px; display: flex; align-items: center; justify-content: center; width: 150px; padding: 0 60px; border-radius: 0;} .add_lesson_modal .modal_footer .outlined_btn {border: 2px solid #283b63; color: #283b63;} .add_lesson_modal .main_heading h5 {font-weight: 900;} .modal .modal-dialog .modal-content .close {width: 30px;height: 30px;border-radius: 50%;background-color: #283b63;opacity: 1;color: white;position: absolute;right: 15px;top: 15px;z-index: 10;font-size: 15px;text-shadow: unset;display: flex;align-items: center;justify-content: center;} .edit_lesson_ru_modal .modal-dialog {width: 50%;} .modal .modal_footer {margin-top: 20px;} .add_lesson_modal .add_document_wrapper .single_card img {width: 80%; object-fit: contain} /* Modal style ends here */ .lessons_section .inner_section_lesson_card .card_image {width: 100%; height: 300px; overflow: hidden; position: relative;} .lessons_section .inner_section_lesson_card .card_image img {width: 100%; height: 100%; object-position: center; object-fit: cover;} .lessons_section .inner_section_heading {display: flex; justify-content: space-between; align-items: center;} /* .lessons_section .inner_section_lesson_card .card_image {position: relative;} */ .lessons_section .inner_section_lesson_card .card_image .delete_card_btn, .lessons_section .inner_section_lesson_card .card_image .edit_card_btn {position: absolute; background-color: #f9f9f9; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: #283b63; font-size: 20px;} .lessons_section .inner_section_lesson_card .card_image .delete_card_btn {left: 10px; top: 15px;} .lessons_section .inner_section_lesson_card .card_image .edit_card_btn {right: 10px; top: 15px;} .lessons_section .lesson_row {margin-bottom: 30px;} .lessons_section .lesson_row:nth-child(2) {/* margin-top: 50px; */} .lessons_section .inner_section_submit_btn {margin-top: 40px;} .lessons_section .inner_section_submit_btn .btn {height: 60px;} .lessons_section .lesson_row .add_topic_btn{margin: 20px 0px} .add_course_page .inps-Boxes {flex-direction: column; align-items: flex-start;} .add_course_page .main_form .form-group .fileinput {width: 100%;} /*.add_course_page .main_form .form-group .inner_section_upload_img:has(img) {width: 100%; height: 350px;}*/ .add_course_page .main_form .form-group .inner_section_upload_img, .add_course_page .main_form .form-group .inner_section_upload_img_ru {/*width: 100%;*/ height: fit-content;} .add_course_page .topic .inner_section_lesson_card .card_title .btn_wrapper {text-align: right;} .add_course_page .lesson_row .inner_section_heading.appended_inner_section_heading {display: flex; gap: 20px; justify-content: unset;} .add_course_page .topic .inner_section_lesson_card {box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); border-radius: 5px; padding: 10px;} .add_course_page .lesson_row .inner_section_heading.appended_inner_section_heading a {color: red;} .lessons_section .lesson_row .edit_course_lessons_wrapper {margin-bottom: 20px;} /* Add Courses page style ends here */ /* Checkout page style starts from here */ .checkout_main_sec {margin-bottom: 40px;} .checkout_top_heading {padding-top: 160px; text-align: center; margin-bottom: 50px;} .checkout_top_heading .content {max-width: 60%; margin: 0 auto;} .checkout_main_sec .inner_section_checkout_details .shipping_details_wrapper .txt_field:has(+ .checkbox_wrapper) {margin-bottom: 0;} .checkout_main_sec .inner_section_checkout_details .shipping_details_wrapper .txt_field + .checkbox_wrapper {margin-bottom: 20px;} .checkout_main_sec .inner_section_table tbody .image_name_wrapper { display: flex; align-items: center; gap: 15px; } .checkout_main_sec .inner_section_table tbody .image_name_wrapper .image_wrapper { width: 55px; height: 55px; overflow: hidden; } .checkout_main_sec .inner_section_table tbody .image_name_wrapper .image_wrapper img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .checkout_main_sec .inner_section_table tbody .image_name_wrapper .product_title p {margin-bottom: 0;} .checkout_main_sec .inner_section_table table td {vertical-align: middle;} .checkout_main_sec .inner_section_table table thead th {font-size: 12px; font-weight: 400; color: #fff;} .checkout_main_sec .inner_section_summary_section {background-color: #fff; padding: 20px 20px 0 20px;} .checkout_main_sec .inner_section_table table td, .checkout_main_sec .inner_section_table table th {color: #293B63;} .checkout_main_sec .inner_section_table table tfoot td:first-child {text-align: right; padding-right: 30px; font-size: 20px;} /* Checkbot page style ends here */ /* Custom text field style starts from here */ .txt_field {margin-bottom: 20px;} .txt_field label {color: #293B63; font-size: 20px; font-family:'SFPRODISPLAYREGULAR'; padding-left: 15px} .txt_field label i {margin-right: 8px} .txt_field input {box-shadow: -4px 4px 30px rgba(0,0,0,0.1); border-radius: 0; height: 60px;} .txt_field input:focus {box-shadow: -4px 4px 30px rgba(0,0,0,0.1); border: 0} .checkout_main_sec .inner_section_top_heading {margin-bottom: 30px;} .bg-gold { background-color: #CAAA5F; width: 100%; border-radius: 0px; padding: 20px; color: white; } .form-group .form-control{border-radius: 5px; background: #FFF; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); border: none; height: 46px;} .form-group .control-label{color: #4A4A4A; font-weight: 600; font-size: 16px; margin-bottom: 5px;} .form-group .form-label{color: #4A4A4A; font-weight: 600; font-size: 16px;} /* Custom text field style ends here */ /* Dashboard pages tab style start here */ .dashboard_tabs .nav-pills li a{background-color: #CBCBCB; padding: 8px 20px; color: white; border-radius: 8px; transition: .3s ease-out; margin-right: 15px;} .dashboard_tabs .nav-pills li.active a, .dashboard_tabs .nav-pills li a:hover{background-color: var(--bgtxt-color); padding: 8px 20px; color: white; border-radius: 8px; transition: .3s ease-out; } /* Dashboard pages tab style end here */ .select2-container-multi .select2-choices{border: none; border-radius: 5px;} .select2.select2-container { background-color: #fff; color: #293B63; font-family: "SFPRODISPLAYMEDIUM"; font-size: 14px; line-height: 40px; t: 46px; } .select2.select2-container .select2-selection--multiple { border: none; background: #FFF; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); } .select2.select2-container .select2-search__field {height: 42px;color: #293B63;font-family: "SFPRODISPLAYMEDIUM";font-size: 14px;line-height: 42px;padding: 0px 20px;margin-top: 0;} .edit_artWorkSect .faq_ques_row .bluebtn_outer {padding: unset;} .edit_artWorkSect .faq_ques_row .bluebtn_outer .crossbtn {display: inline-block;} .table .status-badge.badge_green {padding: 5px 10px; border-radius: 5px; background: rgba(3, 172, 0, 0.20);} .table .status-badge.badge_red {padding: 5px 10px; border-radius: 5px; background: rgba(232, 0, 0, 0.20);} .table .order_status.badge_green {background: rgba(3, 172, 0, 0.20);} .table .order_status.badge_red {background: rgba(232, 0, 0, 0.20);} .table .order_status {width: 120px; border-radius: 5px;} .custom_pwd_error {margin: 5px 0px; font-size: 12px; color: #989898;} /*--------------------------- dashboard translate toggle css start ----------------------------------------*/ .toggle-switch { position: relative; display: inline-block; width: 50px; height: 25px; cursor: pointer; margin: 0 15px; } .toggle-switch input[type="checkbox"] {display: none;} .toggle-switch-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ddd; border-radius: 20px; box-shadow: inset 0 0 0 2px #ccc; transition: background-color 0.3s ease-in-out; } .toggle-switch-handle { position: absolute; top: 5px; left: 5px; width: 15px; height: 15px; background-color: #fff; border-radius: 50%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease-in-out; } .toggle-switch::before { content: ""; position: absolute; top: -25px; right: -35px; font-size: 12px; font-weight: bold; color: #aaa; text-shadow: 1px 1px #fff; transition: color 0.3s ease-in-out; } .toggle-switch input[type="checkbox"]:checked + .toggle-switch-handle {transform: translateX(45px); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 0 0 0 3px #05c46b;} .toggle-switch input[type="checkbox"]:checked + .toggle-switch-background {background-color: #283B63; box-shadow: inset 0 0 0 2px #283B63;} .toggle-switch input[type="checkbox"]:checked + .toggle-switch:before {content: "On"; color: #05c46b; right: -15px;} .toggle-switch input[type="checkbox"]:checked + .toggle-switch-background .toggle-switch-handle {transform: translateX(25px);} /*--------------------------- dashboard translate toggle css end ----------------------------------------*/ .size_preset_box .label_box{display: none;} .size_preset_box .fileinput-new.thumbnail{width: 180px; height: 130px; box-shadow: none; padding: 0;} .view_student_page .progress{ background-color: #fff; height: 18px; border-radius: 50px; border: 1px solid #d4d4d4; margin-bottom: 0px} .view_student_page .progress .progress-bar {border-radius: 0px; font-size: 10px; font-weight: 400; line-height: 18px;} .template_marketing_sec .tag_icon {position: absolute; top: 50px; right: 10px; width: 45px; height: 45px;} .template_marketing_sec .tag_icon i{font-size: 20px; color: var(--bgtxt-color);} .txt_field { margin-bottom: 15px; position: relative; } .new_automation_fields_main .dropdown-input { position: relative; } .new_automation_fields_main .dropdown-input > svg { top: 0; width: 28px; height: 100%; cursor: pointer; position: absolute; /* transform: translateY(-50%); */ bottom: 0; margin: auto 0; height: fit-content; } .new_automation_fields_main .dropdown-show .dropdown-row { opacity: 1; right: -2px; transition: .5s; visibility: visible; } .new_automation_fields_main .dropdown-row { top: -20px; z-index: 1; opacity: 0; right: -20%; height: 350px; transition: .5s; overflow: hidden; visibility: hidden; position: absolute; border-radius: 10px; background: #F3F4F6; border: 1px solid #DCDBDB; box-shadow: 0 8px 21px #e8e8e8; } .new_automation_fields_main .dropdown-show-ul { min-width: 380px; max-width: 380px; } .new_automation_fields_main .dropdown-row .dropdown-header { padding: 0; display: flex; align-items: center; margin: 15px 10px 10px; justify-content: space-between; } .dropdown-input *:not(svg) { font-size: 14px; } .new_automation_fields_main .dropdown-col { display: flex; background: #fff; justify-content: space-between; } .new_automation_fields_main .dropdown-show-ul .dropdown-ul { display: block; } .new_automation_fields_main .dropdown-col > * { width: 100%; height: 240px; overflow-y: auto; } .new_automation_fields_main .dropdown-input ul { margin: 0; padding: 0; list-style-type: none; } .new_automation_fields_main .dropdown-input ul > li { padding: 15px; cursor: pointer; line-height: 1.2; color: #374151; display: flex; align-items: center; justify-content: space-between; } .new_automation_fields_main .dropdown-row .dropdown-header > svg { cursor: pointer; } .new_automation_fields_main .dropdown-input svg { width: 21px; } .new_automation_fields_main .dropdown-header h6 { margin: 0; display: flex; align-items: center; text-transform: capitalize; justify-content: space-between; } .new_automation_fields_main .drowpdown-icon { top: 5px; right: 3%; position: absolute; } /* Student Courses page style starts from here */ .rec_cors_crd {height: unset;} .rec_cors_crd .cars_img {height: 280px; overflow: hidden;} .rec_cors_crd .cars_img img {width: 100%; height: 100%; object-fit: cover; object-position: center;} .rec_cors_crd .progressbar_main {margin-top: 15px; height: 20px;} .rec_cors_crd .progressbar_main .progress .progress-bar {background-color: #293b63;font-family: 'SFPRODISPLAYREGULAR'; font-weight: 400; font-size: 12px; line-height: 20px;} .rec_cors_crd .progressbar_main .progress-bar {background-color: #293b63;} .card_btn .rec_cors_crd .progressbar_main {height: 16px; background: transparent;} .card_wrapper .rec_cors_crd .card_btn {background: transparent;} .card_wrapper .rec_cors_crd .card_btn .progressbar_main .progress {height: 20px;} .card_wrapper .rec_cors_crd .card_btn .btn {background: white; margin: unset; margin-top: 5px;border: 1px solid #000000a6; color: #23527c; font-size: 18px; letter-spacing: 0.02em; font-family: 'SFPRODISPLAYREGULAR'; border-radius: 3px; padding-block: 8px;} /* Student Courses page style ends here */ /* Schedule Calendar page style starts from here */ .schedule_calendar_sec .table_top_bar .inner_section_calendar_col {display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;} .schedule_calendar_sec .table_top_bar .inner_section_calendar_col .sec_heading {padding-bottom: 0;} /* Schedule Calendar page style ends here */ /*Frontend Points*/ .edit_artWorkSect .form_buttons_wrapper .btn_blue {padding: 10px 20px;} .add_course_page .form_buttons_wrapper .btn_blue {padding: 10px 20px;} .add_course_page .faq_ques_row .bluebtn_outer {padding: 0;} .add_course_page .faq_ques_row .bluebtn_outer .crossbtn {display: inline-block;} .form_buttons_wrapper .btn_blue {padding: 10px 20px;} .add_images_wrapper .main_heading {display: flex; align-items: center; column-gap: 20px;} .add_images_wrapper .main_heading .tooltip-container {top: unset; right: unset; margin-left: 0;} .welcome_video_wrapper.input_img {min-width: 200px; width: unset;} .add_lesson_modal .modal_footer.form_buttons_wrapper {gap: 10px; margin-top: 10px;} .add_lesson_modal .form-group textarea.form-control {height: unset;} #calendar .fc-view .fc-daygrid-body .fc-daygrid-day .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event-harness {display: flex; align-items: center; justify-content: center; width: 100%;padding: 0px 0px 5px} /*#calendar .fc-view .fc-daygrid-body .fc-daygrid-day .fc-daygrid-day-top {position: absolute; top: 0; right: 0; z-index: 10;}*/ #calendar .fc-view .fc-daygrid-body .fc-daygrid-day .fc-daygrid-event-harness .fc-daygrid-event.fc-h-event {width: 100%; height: 100%; border: 0.835px solid #D3D3D3; background: rgba(51, 71, 114, 0.30); display: flex; align-items: center;z-index: 10;} #calendar .fc-view .fc-daygrid-body .fc-daygrid-day .fc-daygrid-day-top .fc-daygrid-day-number {color: #4A4A4A;font-size: 14px} #calendar .fc-view .fc-daygrid-body .fc-daygrid-day .fc-daygrid-event-harness .fc-daygrid-event.fc-h-event .fc-event-title-container .fc-event-title {color: #4A4A4A; font-weight: 600; font-size: 13px;white-space: wrap;text-align: center;} #calendar .fc-view table.fc-col-header {min-width: 100%; background: linear-gradient(90deg, #283B63 0%, #546B9C 100%);} #calendar .fc-view table.fc-col-header tbody tr th a.fc-col-header-cell-cushion {color: #000;font-size: 14px} .inner_section_calendar .fc thead th{background-color: #fff !important;} #calendar .fc-daygrid-event-harness:after, #calendar .fc-daygrid-event-harness:before{display:none} .fc-daygrid-body.fc-daygrid-body-unbalanced table.fc-scrollgrid-sync-table {border-collapse:separate;border-spacing:10px} .inner_section_calendar .fc td{border-radius:10px;padding: 0px 10px} #calendar table.fc-scrollgrid.fc-scrollgrid-liquid{border: 1px solid } #calendar.fc .fc-toolbar.fc-header-toolbar {margin-bottom: 5px;} #calendar table.fc-scrollgrid.fc-scrollgrid-liquid {border:none} #calendar .fc-daygrid.fc-dayGridMonth-view.fc-view{border:1px solid #eeeeee;border-radius:20px;overflow:hidden;} #calendar .fc-daygrid-block-event .fc-event-title{ color: #fff; } #calendar.fc .fc-daygrid-day-frame { min-height: 100px; } #calendar .fc-view .fc-daygrid-body .fc-daygrid-day .fc-daygrid-event-harness .fc-daygrid-event.event-booked .fc-event-main .fc-event-title , #calendar .fc-view .fc-daygrid-body .fc-daygrid-day .fc-daygrid-event-harness .fc-daygrid-event.event-booked .fc-event-title{color: white;} #calendar.fc-daygrid-block-event.event-booked .fc-event-title{color: white;} .add_course_page .main_form .form-group .welcome_video_wrapper.inner_section_upload_img:has(iframe), .add_course_page .main_form .form-group welcome_video_wrapper.inner_section_upload_img_ru:has(iframe) {width: 100%;} .add_course_page #english-form .inner_section_upload_img:has(iframe), .add_course_page #russian-form .inner_section_upload_img_ru:has(iframe){width: 100%;} .edit_artWorkSect .artwork_bigphot_wraper .artwork_bigphot.icons_edit_single_box {width: 250px; height: 250px;} .edit_artWorkSect .artwork_bigphot_wraper .artwork_bigphot.icons_edit_single_box .input_img .dropzone.dz-clickable {background-position: center;} .edit_images_wrapper .artwork_bigphot_wraper {height: unset; min-height: 250px;} .content_sec .fileinput.fileinput-exists .single_img_wrapper {width: 250px; height: 250px;} .content_sec .fileinput.fileinput-exists .single_img_wrapper img {width: 100%; height: 100%; object-fit: cover;} .new_single_sec .fileinput.image_wrapper {width: 250px; height: 250px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px;} .new_single_sec .fileinput.image_wrapper img {width: 100%; height: 100%; object-fit: cover;} .email_edit_buttons .btn_blue{ min-width: 92px; padding: 10px 20px } .email_edit_buttons .btn_gray{ min-width: 92px; } .edit_lesson_modal .modal-dialog {width: 50%;} .calendar_new_event_modal .select2.select2-container {width: 100% !important;} .calendar_new_event_modal .modal-body .form-group label {color: #283B63;} .form-group.schedule_price_wrapper {position: relative;} .form-group.schedule_price_wrapper i {position: absolute; bottom: 15px; right: 10px;} .edit_artWorkSect .dropzone .dz-progress {display: none;} .artworks_sec .cards-parent .row_main {display: flex; flex-wrap: wrap;} /*CMS CSS Starts Here*/ .cms_main_sec .inner_section_tabs ul {border-radius: 5px; margin-bottom: 20px; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); width: fit-content; padding: 8px 12px; display: flex; gap: 10px;} .cms_main_sec .inner_section_tabs ul li {font-family: 'SFPRODISPLAYREGULAR'; padding: 12px 33px; border-radius: 6px;} .cms_main_sec .inner_section_tabs ul li.active {background: #283B63;} .cms_main_sec .inner_section_tabs ul li.active a {color: #fff; } .cms_main_sec .inner_section_tabs ul li a {background: none; color: #283B63; text-align: center; font-family: 'SFPRODISPLAYREGULAR'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize; padding: 0;} .cms_main_sec .inner_section_tabs ul li:hover a, .cms_main_sec .inner_section_tabs ul li a:focus {background: unset;} .cms_main_sec .inner_section_tans_content .upload_field .image_wrapper {box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); border-radius: 8px;} .cms_main_sec .inner_section_tans_content .txt_field.upload_field .image_wrapper_main .image_wrapper img {object-fit: contain; padding: 5px;} .cms_main_sec .inner_section_tans_content .top_heading_main, .inner_section_tans_content .top_heading_sec {margin-bottom: 33px;} .cms_main_sec .inner_section_tans_content .top_heading_main * {margin: 0;} .cms_main_sec .txt_field.upload_field .image_wrapper_main {display: flex; align-items: center; gap: 20px} .cms_main_sec .txt_field.upload_field .image_wrapper_main .image_wrapper {position: relative; height: 333px; width: 60%; overflow: hidden; } .cms_main_sec .section_three_row .txt_field.upload_field .image_wrapper_main .image_wrapper {height: 220px;} .cms_main_sec .section_three_row.about_sec_row .txt_field.upload_field .image_wrapper_main .image_wrapper {height: 333px;} .cms_main_sec .txt_field.upload_field .image_wrapper_main .image_wrapper img {width: 100%; height: 100%;} .cms_main_sec .txt_field.upload_field .image_wrapper_main .image_wrapper input[type='file'] {opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .cms_main_sec .txt_field.upload_field .image_wrapper_main .image_wrapper input[type='color'] {opacity: 1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 0; border: 0;} .cms_main_sec .ck-editor__main{font-family:'SFPRODISPLAYREGULAR';} .cms_main_sec .txt_field .field_edit_wrapper .ck.ck-reset {width: 100%;} .cms_main_sec .txt_field {margin-bottom: 33px;} /*.cms_main_sec .txt_field input, .txt_field textarea, .txt_field select {height:58px;padding-block:17px; border-radius: 8px; border: 1px solid #7CC7BF; background: #FFF; box-shadow: 0px 4px 4px 0px rgba(219, 219, 219, 0.25); color: #969696; font-family: DM Sans; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;}*/ .cms_main_sec .form-group .form-control{border-radius: 5px; background: #FFF; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); border: none; height: 46px;} .cms_main_sec .form-group label{color: #4A4A4A; font-weight: 600; font-size: 16px; margin-bottom: 5px;} .cms_main_sec .txt_field label {color: #293B63; font-size: 16px; font-family:'SFPRODISPLAYREGULAR'; padding-left: 15px} .cms_main_sec .options_txt_field .add_option_wrapper .add_options_btn { position: absolute; top: 0; right: 15px; bottom: 0; border-radius: 6px; background: #2680EB; color: white; padding: 0 15px; margin: auto 0; display: flex; align-items: center; justify-content: center; height: 25px; } .cms_main_sec .txt_field .field_edit_wrapper {display: flex; gap: 15px; align-items: center;} .cms_main_sec .sub_bar_main_wrapper {display: flex; align-items: flex-end;gap:15px;} .cms_main_sec #footer_pill .sub_bar_main_wrapper{flex-direction: row;gap: 10px;} .cms_main_sec .sub_bar_main_wrapper .inner_fields_wrapper {display: flex; gap: 15px; align-items: flex-end; width: 100%;flex: 0 0 98%;} .cms_main_sec .sub_bar_main_wrapper .inner_fields_wrapper .txt_field {flex: 1;} .cms_main_sec #footer_pill .sub_bar_main_wrapper .inner_fields_wrapper .txt_field{width: 400px;} .cms_main_sec .icon_field_wrapper {position: relative;} .cms_main_sec .icon_field_wrapper img {position: absolute; top: 0; left: 10px; bottom: 0; width: 20px; height: auto; object-fit: contain; margin: auto 0;} .cms_main_sec .icon_field_wrapper input {padding-left: 40px} .cms_main_sec .sub_bar_main_wrapper .edit_option {margin-bottom: 33px; width: 100%;} .cms_main_sec .edit_option i {color: #275D62;} .cms_main_sec .edit_option label {cursor: pointer;} .cms_main_sec .edit_review i { cursor: pointer;} .cms_main_sec .inner_section_add_testimonial_btn {margin-bottom: 33px;} .cms_main_sec .submit_btn_row .inner_section_submit_col {display: flex; align-items: center; gap: 20px;} .cms_main_sec .panel {box-shadow: none;} .cms_main_sec .page-wrapper:has(.cms_main_sec) {padding-bottom: 0;} .cms_main_sec .section_two_row.howItWork_row .txt_field.upload_field .image_wrapper_main .image_wrapper {width: 100%;} .cms_main_sec .cause-table>thead>tr th:first-child { width: 100px!important;} .cms_main_sec .cause-table>thead>tr th:nth-child(2) { width: 150px!important;} .cms_main_sec .cause-table>thead>tr th:nth-child(3) { width: 120px!important;} .cms_main_sec .row.section_row.section_one_row.footer_section_one_row { display: flex; gap: 15px; } .cms_main_sec .labTest_section_two_row .select_field {width: 50%;position: relative;} .cms_main_sec .labTest_section_two_row .select_field label span {margin-left: 20px; color: #969696; font-family: DM Sans; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize;} .cms_main_sec .section_three_row.labTest_section_three_row .txt_field.upload_field .image_wrapper_main .image_wrapper {width: 100%;} .cms_main_sec .form-control[disabled] { background-color: #fff;} .cms_main_sec .footer_section_one_row .txt_field.upload_field .image_wrapper_main .image_wrapper {width: 100%; height: 177px;} /* CMS Page style ends here */ .profile .profile-image.open ul.dropdown-menu {z-index: 10; top: unset;} .white-box{background: unset;} .navbar-default .navbar-header .navbar-top-links .profile .dropdown-menu { height: fit-content; padding: 0; width: 160px; right: 0; top: 50px; } .chat_sec .inner_section_messages .message_input_wrapper .send_btn.attachement label { cursor: pointer; margin: 0; padding: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: var(--primary-color); border-color: var(--primary-color); color: var(--white); border-radius: 50px; margin-right: 15px; } .chat_sec .inner_section_messages .message_input_wrapper .send_btn.attachement label i { color: #fff; font-size: 15px; } .chat_sec .inner_section_messages .message_input_wrapper .send_btn.attachement input[type=file] {display: none;} .chat_sec .inner_section_messages .message_input_wrapper .send_btn.attachement {margin-right: 10px;} #imagePreview { display: flex; padding: 10px; gap: 10px; flex-wrap: wrap; background-color:#F7F7F8; } #imagePreview img { width: 70px; height: 70px; border-radius: 10px; border: 1px solid #2E6583; } #imagePreview .other_files { position:relative;display: flex; align-items: center; flex-direction: column; gap: 4px; padding: 8px; border: 1px solid #283B63; border-radius: 10px; width: 70px; height: 70px; } #imagePreview .other_files i.fa-solid.fa-file { font-size: 38px; color: #283B63; } #imagePreview .other_files span { font-family: "SFPRODISPLAYMEDIUM"; font-size: 11px; color: var(--primary-color); font-weight: 500; line-height: 1.2; } #imagePreview .image-container button.btn-remove, #imagePreview .other_files button.btn-remove{ position: absolute; top: 4px; right: 4px; font-size: 10px; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; border: none; color: red; background-color: white; border-radius: 50%; } #imagePreview .image-container { position: relative; } .chat_sec .inner_section_messages .messages .attachment-image {display:flex;align-items:center;gap:10px;} .chat_sec .inner_section_messages .messages .attachment-image .gallery{display:flex;flex-direction:row;gap:20px;align-items:center;gap:10px;} .chat_sec .inner_section_messages .messages .attachment-image .gallery a{display:block;width:100px;height:100px;} .chat_sec .inner_section_messages .messages .attachment-image .gallery img{width:100%;height:100%;object-fit:cover;border-radius:10px;} .swal2-modal .swal2-confirm {box-shadow: unset;margin: 0; border: 2px solid var(--primary-color); border-radius: 4px; background: var(--primary-color); color: #fff; width: max-content; padding: 12px 30px; font-size: 14px; font-family: 'SFPRODISPLAYREGULAR'; text-transform: uppercase; } .swal2-modal h2 {font-size: 23px;line-height: 1.3;color: var(--primary-color);font-family: 'SFPRODISPLAYREGULAR';letter-spacing: 0.02em;font-weight: 500;margin-bottom: 5px;} .student_active_courses_sec ,.completed_courses_student_sec{padding-top: 25px;} .no_course {padding-top: 50px;} .messages_mainCol_break .enrolled_box p.not_enrolled {text-align: center;color: var(--primary-color);font-size: 20px;font-weight: 500;} .messages_mainCol_break .enrolled_box {flex-direction: column;gap: 20px;height: calc(100vh - 280px);display: flex;align-items: center;justify-content: center;} .messages_mainCol_break .enrolled_box i {font-size: 60px;color: #283B63;} .chat_sec .inner_section_messages .message_input_wrapper .send_btn .btn[disabled] {opacity: 0.5;} .product.print_box .add_product_btn {margin-bottom: 20px;} .cms_main_sec .txt_field .field_edit_wrapper.modal_cms_editor textarea { border-radius: 5px; background: #FFF; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); border: none; height: 46px; width: 100%; color: #293B63; font-family: "SFPRODISPLAYMEDIUM"; font-size: 20px; line-height: 40px; height: unset; padding: 0px 20px; } .select2-container span.select2-results {border-radius: 20px;} .select2-container--default .select2-results__option--selected {background: transparent;} .select2-results__option--selectable {border: none;background-color: #fff;color: #293B63;font-family: "SFPRODISPLAYMEDIUM";font-size: 14px;line-height: 32px;padding: 0px 10px;} .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: #0d65ff;} .rec_cors-sect .rec_cors_crd1.rec_cors_crd {height: unset;} .rec_cors-sect .rec_cors_crd1.rec_cors_crd .cars_img {height: 280px;border-radius: 5px;overflow: hidden;} .rec_cors-sect .rec_cors_crd .card_btn.show_view-more { background: unset; bottom: -150px; } .rec_cors-sect .rec_cors_crd .card_btn.show_view-more a { background: white; margin-top: 10px; border: 1px solid #000000a6; color: #23527c; font-size: 18px; letter-spacing: 0.02em; font-family: 'SFPRODISPLAYREGULAR'; border-radius: 3px; padding-block: 8px; } .rec_cors_crd:hover .card_btn.show_view-more {bottom: 7px;} .input_img .dz-message {min-height: 134px;} .skiptranslate {display: none;} body {top: 0 !important;} .navbar-default .navbar-header .header_inner_content .lang_toggle {display: flex;align-items: center;justify-content: center;color: var(--primary-color);font-size: 15px;line-height: 1;vertical-align: text-top;} .navbar-default .navbar-header .header_inner_content .inner_right { display: flex; column-gap: 10px; align-items: center; } .navbar-default .navbar-header .header_inner_content .lang_toggle a {font-weight: 600;color: var(--primary-color);font-size: 15px;line-height: 1;} .navbar-default .navbar-header .navbar-right .dropdown .mailbox .message-center .notification-item .mail-contnet h6{ font-size:18px; margin:0;} .navbar-default .navbar-header .navbar-right .dropdown .mailbox .message-center .notification-item .mail-contnet p{ font-size:15px; margin:0;} .navbar-default .navbar-header .navbar-right .dropdown .mailbox .message-center .notification-item .mail-contnet .mail-time { display:flex; align-items:center; column-gap: 6px; font-size: 14px; } .navbar-default .navbar-header .navbar-right .dropdown .mailbox .message-center .notification-item .mail-contnet .mail-time i { margin:0; font-size:12px; width: unset; height: unset; } .navbar-default .navbar-header .navbar-right .dropdown .mailbox .message-center { height: 400px; overflow: scroll; } .navbar-default .navbar-header .navbar-right .dropdown .mailbox .message-center::-webkit-scrollbar-track { border-radius: 10px; background: var(--white); } .navbar-default .navbar-header .navbar-right .dropdown .mailbox .message-center::-webkit-scrollbar { width: 10px; background: var(--white); } .navbar-default .navbar-header .navbar-right .dropdown .mailbox .message-center::-webkit-scrollbar-thumb { border-radius: 10px; background-color: var(--primary-color); } .navbar-default .navbar-header .navbar-right .dropdown .mailbox{ width: 400px; padding: 5px; padding-bottom: 0px; } .navbar-default .navbar-header .navbar-right .dropdown .mailbox .mailbox-heading {padding: 0px 10px;} /* Leave a review modal style starts from here */ .add_new_review_modal .star-rating { display: flex; flex-direction: row-reverse; font-size: 2em; justify-content: flex-end;} .add_new_review_modal .star-rating input { display: none; } .add_new_review_modal .star-rating label { color: #ccc; cursor: pointer; transition: color 0.2s; } .add_new_review_modal .star-rating input:checked ~ label, .star-rating label:hover, .star-rating label:hover ~ label { color: gold; } .add_new_review_modal .star-rating input:focus ~ label { color: gold; } .add_new_review_modal .inner_section_modal_body .txt_field label {font-size: 17px; padding-left: 0;} .add_new_review_modal .inner_section_modal_body .star-rating label {font-size: 35px;} .add_new_review_modal .modal-body .close {border: 2px solid var(--blue); border-radius: 4px; background: #fff; color: var(--blue); width: max-content; font-size: 19px; font-family: 'SFPRODISPLAYREGULAR'; letter-spacing: 0.02em; line-height: 29px;} /* Leave a review modal style ends here */ .chat_sec .chat_left_col .chats .chat a { position: relative; } .chat_sec .chat_left_col .chats .chat a .badge { position: absolute; right: -7px; top: -7px; width: 25px; height: 25px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size: 12px; } .news_detail_main_sec .news_main_thumbnail {width: 100%; height: 400px; overflow: hidden; border-radius: 10px;} .news_detail_main_sec .news_main_thumbnail img {width: 100%; height: 100%; object-fit: cover; object-position: center;} .news_detail_main_sec {background: white; padding: 25px;} .news_detail_main_sec .hdngBtnoutr {justify-content: flex-end; gap: 5px; margin-bottom: 20px;} .news_detail_main_sec .news_title_postDate_wrapper {margin-bottom: 20px} .news_detail_main_sec .news_title_postDate_wrapper .news_title h2 {margin-bottom: 0;} .news_detail_main_sec .news_video_wrapper {margin-top: 30px;} .navbar.nav_wrapper .header_inner_content .navbar-toggle:hover {background: transparent;} .form-horizontal .form-group { margin-left: 0; margin-right: 0; } form .form-group .select2-container .select2-selection { border-radius: 5px; background: #FFF; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); border: none; min-height: 46px; display: flex; align-items: center; } form .form-group .select2-container--default .select2-results__option--selected , .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{ background: var(--primary-color); color:white; } form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow { top: 10px; } .chat_sec .inner_section_messages form {position: relative;} .chat_sec .inner_section_messages form #imagePreview {position: absolute;top: -90px;left:0px;width: 100%;} body .swal2-container .swal2-icon span{font-size:unset;} .navbar-default .navbar-header .header_inner_content .inner_left h4 {font-size: 22px;margin: 0;} .schedule_calendar_sec .table_top_bar .inner_section_calendar_col .sec_heading h4 {margin: 0;} .modal .modal-dialog .modal-content {border-radius: 10px;} form .form-group .price_box { padding: 0px 10px; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); display: flex; align-items: center; border-radius: 5px;} form .form-group .price_box input { box-shadow: unset; } form .form-group {margin-bottom: 20px;} .navbar-default .navbar-header .header_inner_content .inner_right { display: flex; align-items: center; } .inner_section_calendar .calendar_legends p {font-size:16px;font-weight:400} .inner_section_calendar .calendar_legends p i{margin-right:5px} .inner_section_calendar .calendar_legends {display:flex;gap:20px;align-items:center;justify-content:center;padding:10px 0px} #calendar .fc-view .fc-daygrid-body .fc-daygrid-day .fc-daygrid-event-harness .event-available.fc-h-event .fc-event-title-container .fc-event-title{color: white ;} #calendar .fc-view .fc-daygrid-body .fc-daygrid-day .fc-daygrid-event-harness .event-booked.fc-h-event .fc-event-title-container .fc-event-title{color: #dc3545 ;} #calendar .fc-view .fc-daygrid-body .fc-daygrid-day .fc-daygrid-event-harness .fc-h-event.event-available {background-color: #7ac8a3 !important;border-color: #7ac8a3 ;color: white ;} .calendar_sec #calendar .fc-view .fc-daygrid-body .fc-daygrid-day .fc-daygrid-event-harness .fc-daygrid-event.fc-h-event .fc-event-title-container .fc-event-title.fc-sticky { font-size: 13px; line-height:1.3; word-break: break-word; white-space: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } #calendar .fc-view .fc-daygrid-body .fc-daygrid-day .fc-daygrid-event-harness .fc-h-event {padding: 7px;border-radius: 80px;justify-content: start;border:none !important;} .calendar_sec #calendar .fc-view .fc-daygrid-body .fc-daygrid-day .fc-daygrid-event-harness .fc-daygrid-event.fc-h-event .fc-event-title-container .fc-event-title.fc-sticky {font-size: 11px} a.fc-daygrid-event.fc-daygrid-block-event.fc-h-event.fc-event.fc-event-start.fc-event-end.fc-event-future.event-booked {background:#e57373 !important;} #calendar .fc-view .fc-daygrid-body .fc-daygrid-day .fc-daygrid-event-harness .fc-daygrid-event.fc-h-event{background-color: #7ac8a3 !important} #calendar a.fc-daygrid-event.fc-daygrid-block-event.fc-h-event.fc-event.fc-event-start.fc-event-end.fc-event-future{background-color: #2e4057 !important;} #calendar .fc-daygrid-day-events:after, #calendar .fc-daygrid-day-events:before, #calendar .fc-daygrid-day-frame:after, #calendar .fc-daygrid-day-frame:before,#calendar .fc-daygrid-event-harness:after, #calendar .fc-daygrid-event-harness:before{display: none} #calendar .fc-button.fc-button-primary:focus{box-shadow: unset;} #calendar .fc-toolbar-chunk {position:absolute;top:10px;left:10px;right:0px;margin:auto;text-align:center;z-index:999} #calendar .fc-button-group {display:flex;justify-content:space-between;width:100%;} #calendar .fc-button.fc-button-primary {background:none;border:none;text-align:right;color:black;font-size:20px} #calendar button.fc-next-button.fc-button.fc-button-primary {display:flex;justify-content:end;padding-right: 30px} .booked_tooltip { color: red; border-radius:5px ; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); } .calendar_sec .fc .fc-daygrid-body , .calendar_sec .fc .fc-scrollgrid table { min-width: 100%; } .calendar_sec .fc .fc-view-harness { min-height: 650px; } .inner_section_calendar .fc .fc-daygrid-day-bottom:before { display: none; } .inner_section_calendar .fc .fc-daygrid-more-link { color: #2e4057; }