@import url(https://fonts.googleapis.com/css?family=Quicksand:200,300,400,500,600,700);

body {
    font-family: "Quicksand";
    font-weight: 500;
    font-size: 0.85rem;
    background-color: #f4f2f2;
}
.page-wrapper {
    background: #f4f2f2;
}
.topbar .top-navbar .navbar-header a {
    display: block;
    width: 70%;
    margin: 0 auto;
    line-height: normal;
    padding: 10px 0;
}
.topbar .top-navbar .navbar-header a img {
    width: 100%;
    height: auto;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
    color: #444444 !important;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover {
    color: #f42264 !important;
}
.topbar .profile-pic {
    width: 40px;
    border: 1px solid #eaeaea;
    object-fit: cover;
}
.topbar .navbar-light .navbar-nav .dropdown > a.dropdown-toggle {
    position: relative;
}
/* .topbar .navbar-light .navbar-nav .dropdown .dropdown-toggle::before {
	content: "\f107";
	font-family: "FontAwesome";
	position: absolute;
	top: 50%;
	right: -6px;
	margin-top: -23px;
}

.top-navbar .navbar-light .navbar-nav .dropdown.show .dropdown-toggle::before {
	content: "\f106";
} */
.login-register {
    background-image: url(../images/banner-2.jpg);
    position: relative;
}
.login-register::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: #fff;
    opacity: 0.9;
    height: 100%;
    width: 100%;
}
.login-register .card {
    border: none;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 0px 40px #ccc;
}
.login-register .card h2 img {
    height: 60px;
}
.login-register .card h3.box-title {
    color: #f42264;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
}
.form-control {
    font-size: 0.9rem;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.btn-freshbari.btn-lg {
    font-size: 15px;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
}
label,
a {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #555 !important;
}
.login-register .card a:hover {
    color: #f42264 !important;
}
.login-register .card a {
    color: ;
}
.login-register .text-danger {
    padding: 0px;
    display: inline-block;
    font-size: 12px;
}
.btn-freshbari {
    background: #f42264;
    background: -webkit-linear-gradient(to right, #f42264, #f42264);
    background: linear-gradient(to right, #f42264, #f42264);
    color: #fff;
    border-radius: 20px;
    padding: 5px 20px;
}
.btn-freshbari:hover {
    color: #fff;
    box-shadow: 0px 0px 10px rgb(39, 213, 53, 0.5);
    color: #fff;
    opacity: 0.8;
}
header.topbar {
    background: transparent !important;
    box-shadow: none;
}
.sidebar-nav {
    background: rgb(255 255 255 / 51%) !important;
    padding: 0;
    padding-top: 68px;
}
.sidebar-nav > ul > li {
    margin-bottom: 0;
}
.sidebar-nav ul li a {
    font-size: 0.9rem;
    padding: 7px 15px;
    color: #404447 !important;
    position: relative;
}
.sidebar-nav ul li a:before {
    content: "";
    width: 2px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
}
.sidebar-nav > ul > li.active > a,
.sidebar-nav > ul > li.active:hover > a {
    background: transparent !important;
    color: #f42264 !important;
    box-shadow: none;
}
.sidebar-nav > ul > li.active > a i,
.sidebar-nav > ul > li.active:hover > a i {
    color: #f42264 !important;
}
.sidebar-nav ul li a i {
    color: #404447 !important;
    font-size: 14px;
}
.sidebar-nav ul li.active a:before,
.sidebar-nav ul li:hover a:before {
    background: #f42264;
}
.sidebar-nav ul li:hover a,
.sidebar-nav ul li:hover a i,
.sidebar-nav ul li ul li:hover a {
    color: #f42264 !important;
}
.sidebar-nav ul li:hover ul li a {
    color: #404447 !important;
}
.sidebar-nav ul li ul li:hover a {
    color: #f42264 !important;
}
.sidebar-nav ul li.active ul li a:before {
    display: none;
}
.sidebar-nav > ul > li.active > a:after,
.sidebar-nav > ul > li.active:hover > a:after {
    border-color: #e91e63;
}
.topbar .navbar-header {
    background-color: transparent;
    height: 50px;
}
.left-sidebar {
    background: transparent; /*z-index: 99;*/
    position: relative;
    background-size: cover;
    background-position: center;
    padding-top: 0;
    box-shadow: none;
}
.left-sidebar:before {
    position: absolute;
    background-color: #fff;
    content: "";
    opacity: 0.7;
    height: 100%;
    width: 100%;
}
.sidebar-nav > ul {
    padding: 10px 0px 60px;
    border-top: none;
}
.page-titles {
    padding: 15px !important;
    background-color: transparent;
    box-shadow: none;
    margin-bottom: 0;
}
.page-titles h3 {
    margin-bottom: 0px;
    margin-top: 0;
    font-size: 20px;
    font-weight: 600;
    /* color: #f42264 !important; */
}
.page-titles .breadcrumb li a,
.page-titles .breadcrumb .breadcrumb-item.active {
    font-size: 0.8rem !important;
    font-weight: 500 !important;
}
.page-titles .breadcrumb .breadcrumb-item.active {
    color: #f42264 !important;
}
.card-outline-info {
    background-color: #fff !important;
    border: none !important;
}
.card-outline-info .card {
    margin-bottom: 0;
}

.card-outline-info .card-header {
    background: #fff;
    border-color: #fff;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom: 1px solid #eee;
    padding: 10px 15px;
}
.card-outline-info .card-header .text-white {
    color: #424242 !important;
    font-weight: 400;
    text-transform: capitalize;
    font-family: "Quicksand";
    font-size: 17px;
}
/*.page-wrapper{
	padding-top: 20px;
}*/
table thead tr th {
    background: #fff !important;
    color: #424242;
    border-bottom: 1px solid #f42264;
}
table {
    border: none !important;
}
.btn-primary {
    background: #f42264 !important;
    background: -webkit-linear-gradient(to right, #f42264, #f42264) !important;
    background: linear-gradient(to right, #f42264, #f42264) !important;
    color: #fff !important;
    border: 1px solid #f42264 !important;
    font-weight: 600;
}
.btn-primary:hover {
    background: #f42264 !important;
    background: -webkit-linear-gradient(to right, #f42264, #f42264) !important;
    background: linear-gradient(to right, #f42264, #f42264) !important;
    color: #fff !important;
}
.topbar ul.dropdown-user li .dw-user-box .u-img {
    width: 35px;
    display: inline-block;
    vertical-align: middle;
}
.topbar ul.dropdown-user li .dw-user-box .u-text {
    display: inline-block;
    vertical-align: middle;
}
.topbar ul.dropdown-user li .dw-user-box .u-text h4 {
    font-weight: 700;
}
.dataTables_wrapper {
    padding: 0;
    margin: 0;
}
.footer {
    background: rgb(255 255 255 / 47%);
}
.navbar-collapse {
    border-bottom: 1px solid #e4d6d5;
    background-color: #f6f5f5;
}
.topbar .top-navbar {
    min-height: 50px;
    background-color: rgb(246 245 245) !important;
    /* background-color: rgb(255 255 255 / 51%)!important;; */
}
.card-no-border .sidebar-footer {
    background: rgba(255, 255, 255);
    border: none;
}
.sidebar-footer a {
    width: 100%;
    text-align: left;
}
.sidebar-footer a i {
    color: #f42264;
    margin-right: 5px;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover,
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
    color: #e91e63 !important;
}
.mailbox ul li .drop-title {
    font-weight: 700;
    padding: 9px 20px 9px;
}
.container-fluid {
    padding: 0 30px 25px 30px;
}
.card-title {
    font-weight: 700;
    margin-bottom: 0;
    border: none;
    padding: 0;
}
.credit-card {
    background: url(../../admin/images/credit-card-bg.png) no-repeat, #62a7ff;
    background-size: cover;
    border-radius: 6px;
    margin-top: 15px;
    padding: 15px 30px;
    margin-bottom: 35px;
    box-shadow: 0px 0 30px rgb(72 117 174 / 28%);
}
.credit-card .visa-logo {
    display: inline-block;

    background-color: #fff;

    padding: 8px 13px;

    border-radius: 5px;

    margin-bottom: 15px;

    margin-top: 15px;
}
.credit-card .visa-logo img {
    width: 35px;

    display: block;
}
.credit-card .card-number {
    font-size: 25px;

    color: #fff;

    font-weight: 700;

    margin-bottom: 10px;
}
.credit-card .credit-card-footer {
    color: #fff;

    font-size: 20px;

    font-weight: 600;
}
.credit-card-detail {
    border-top: 1px solid #e4d6d5;

    margin-top: 40px;

    padding-top: 25px;
}
.credit-card-detail ul {
    margin: 0;

    padding: 0;
}
.credit-card-detail li {
    list-style: none;

    font-size: 16px;

    font-weight: 700;

    color: #404447;

    padding: 0;
}
.credit-card-detail span {
    width: 150px;

    display: inline-block;

    color: #3e3e3e;
}
html body #visitor .c3-chart-arcs-title {
    font-size: 35px;
    fill: #404447;
    font-weight: 900;
}
.ct-grid.ct-horizontal:nth-of-type(2),
.ct-grid.ct-horizontal:nth-of-type(9) {
    stroke-width: 3;
    stroke-dasharray: 10px 5px;
}
.list-inline {
}
.list-inline h6 {
    color: #404447 !important;
    font-weight: 600;
    font-size: 15px;
}
ul.list-inline li {
    display: inline-block;
    padding: 0 5px;
}
.income-div {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.income-div h2 {
    font-size: 35px;
    font-weight: 800;
    margin-bottom: 5px;
}
.income-div small {
    font-size: 15px;
}
.progress {
    height: 4px;
    border-radius: 0;
    width: 100%;
    margin-bottom: 0;
    background-color: #d9dee4;
    overflow: initial;
}
.income-card {
    overflow: hidden;
    box-shadow: none !important;
    border: none;
}
.income-div .btn {
    color: #fff !important;
    padding: 10px 30px;
}
.progress-bar {
    position: relative;
}
.progress-bar:after {
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ffb22b;
    position: absolute;
    top: -5px;
    right: 0;
}
span.progress-count {
    position: absolute;
    top: -32px;
    right: 0;
    color: #ffb22b;
    font-weight: 700;
    font-size: 15px;
}
.progress-bar.bg-success:after {
    border-bottom: 5px solid #26c6da;
}
.bg-success .progress-count {
    color: #26c6da;
}

.calendar-card .left {
    float: left;
}

.calendar-card .right {
    float: right;
}

.calendar-card .center {
    text-align: center;
}

.calendar-card .calendarList1 {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(1, 30px);
    align-items: center;
    justify-items: center;
    grid-gap: 8px;
    font-size: 14px;
    color: #455a64;
    font-weight: 700;
}

.calendar-card .calendarList2 {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(6, 30px);
    align-items: center;
    justify-items: center;
    grid-gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #707070;
}

.calendar-card .calendarYearMonth {
    margin-top: 14px;
    color: #26c6da;
}

.calendar-card .calendarYearMonth p {
    display: inline-block;
    vertical-align: middle;
    color: #455a64;
    font-size: 18px;
    font-weight: 800;
    margin: 0;
}

.calendar-card .calBtn {
    user-select: none;
    cursor: pointer;
    background: #26c6da;
    margin: 8px 0;
    padding: 4px 9px;
    border-radius: 5px;
    font-size: 12px !important;
    line-height: 22px;
    color: #fff !important;
    border: 1px solid #26c6da;
}
.calendar-card-header {
    position: relative;

    padding-left: 56px;
}
.calendar-card-header button {
    position: absolute;

    top: 2px;

    left: 0;
}
.dataTables_wrapper {
}
.dataTables_wrapper .dt-buttons {
    position: relative;
    /* display: flex; */
    float: right;
    margin-bottom: 0;
}
.dataTables_wrapper .dt-buttons:before {
    /* content: "\e07b";
	font-family: 'simple-line-icons'; */
}
/* .dataTables_wrapper .dt-buttons:after {
	content: "";
	width: 110px;
	height: 80%;
	position: absolute;
	top: 41px;
	right: 0;
	border: 1px solid #ccc;
	border-radius: 7px;
	opacity: 0;
}
.dataTables_wrapper .dt-buttons .dt-button:first-child {
	display: block;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #3a3939 !important;
}
.dataTables_wrapper .dt-buttons .dt-button {
	display: block;
	background-color: transparent;
	color: #3a3939 !important;
	margin: 0;
	width: 100%;
	display: none;
}

.dataTables_wrapper .dt-buttons .dt-button:first-child:hover + .dt-button {
	display: block;
} */
.dataTables_filter {
    float: left;
    margin-top: 0;
}
div.dataTables_wrapper div.dataTables_filter input {
    border: 1px solid #ccc;
    background: url(../assets/images/loupe.png) 13px center, #ffffff;
    border-radius: 5px;
    background-size: 8%;
    background-repeat: no-repeat;
    padding-left: 35px !important;
}
.dataTables_wrapper table.dataTable {
    margin: 15px 0 !important;
    border: 1px solid #e9eff4 !important;
    border-top: none !important;
}
div.dataTables_wrapper div.dataTables_filter {
    margin-bottom: 15px;
}
table.dataTable thead tr th {
    border-bottom: 1px solid #e9eff4;
    border-top: 1px solid #e9eff4;
    background-color: #f7f8fb !important;
}
table.table-bordered.dataTable tbody td {
    border: none;
    border-bottom: 1px solid #eff3f7 !important;
    vertical-align: middle;
    padding: 5px 15px;
}
table.table-bordered.dataTable tbody td a.action-btn {
    border-radius: 5px;
    text-decoration: none;
    margin: 0 2px;
    padding: 0 0 !important;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    background-color: #f3f6f9;
    border-color: #f3f6f9;
    color: #3699ff !important;
}
table.table-bordered.dataTable tbody td a.edit-btn {
    /* background-color: #00a846; */
    /* color: #ffffff !important; */
}
table.table-bordered.dataTable tbody td a.cp-btn {
    /* background-color: #e91e63; */
    /* color: #ffffff !important; */
}
.dataTables_length {
}
.dataTables_length .form-control {
    margin: 0 10px;
    padding: 4px 0 !important;
    height: auto !important;
    min-height: inherit;
}
.dt-buttons .dt-button {
    /* background: #adadad;    */
}
.dataTables_length select:focus {
    background-color: transparent;
}
.dataTables_paginate {
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #b6b9bb;
    border-color: #8b8b95;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    /* margin: 0 2px; */
}
.pagination > li > a,
.pagination > li > span {
    padding: 5px 10px;

    background-color: #e6e7e8;

    border: 1px solid #ccc;
}
.form-group {
    margin-bottom: 15px;
}
input[type="file"] {
    padding: 4px 5px !important;
}
.toggle-group .toggle-on.btn,
.toggle-group .toggle-off.btn {
    padding-right: 14px;
    padding-left: 14px;
}
.toggle-group .toggle-off.btn {
    background-color: #efefef !important;
    color: #000 !important;
}
.form-popover.popover-dismiss {
    background: transparent !important;
    border: 1px solid #ccc !important;
    color: #555 !important;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.control-label {
    position: relative;
}
.control-label .popover-dismiss {
    position: absolute;
    top: 0;
    right: 0;
}
.card-outline-info .innerpage-card-header {
    background-color: #f7f8fb;
    border-bottom: 1px solid #e9eff4;
}
.card-outline-info .innerpage-card-header .btn {
    padding: 4px 12px;
}
.profile-img {
    width: 80px;
    height: 80px;
    border: 1px solid #ccc;
    display: block;
    border-radius: 10px;
}
.profile-username h3 {
    font-size: 17px;
    font-weight: 600;
}
.profile-username p.text-muted {
    color: #6f6f6f !important;
}
.profile-block-left {
    position: relative;
    height: 100%;
}
/* .profile-block-left::after {
    content: "";
    width: 1px;
    height: 100%;
    background: #ccc;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
} */
.profile-list {
    padding: 7px 0 7px 25px;
    position: relative;
    z-index: 1;
}
.profile-list:before,
.profile-list:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
}
.profile-list:before {
    width: 10px;

    height: 10px;

    border: 2px solid #e91e63;

    background: #fff;

    border-radius: 50%;
}
.profile-list:after {
    width: 1px;

    height: 100%;

    background-color: #e91e63;

    left: 4px;

    z-index: -1;
}
.profile-list:last-child:after {
    display: none;
}
.profile-list span {
    display: block;
}
table tr.even {
    background-color: #ffffff;
}
table.table-bordered.dataTable tbody td a.action-btn i {
    margin: 0 !important;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border: none;
    /* border-bottom: 2px solid #f42264; */
    font-weight: bold !important;
}
.nav-tabs .nav-link {
    border: none;
    position: relative;
}
.nav-tabs .nav-link:after {
    content: "";
    width: 0;
    height: 2px;
    background-color: #f42264;
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    transition: all ease-in-out 0.5s;
}
.nav-tabs .nav-item.show .nav-link:after,
.nav-tabs .nav-link.active:after,
.nav-tabs .nav-link:hover:after {
    width: 100%;
}
.tab-content > .tab-pane {
    padding: 20px 0;
}
.status .toggle-on {
}
.status .toggle-off {
}
.status .btn-primary {
    background-color: transparent !important;
}
.status .btn,
.status .toggle-group .toggle-on {
    color: #32b039 !important;
    background: #d1ead1 !important;
    padding: 14px 20px;
    border: none !important;
    font-weight: 600 !important;
    border-radius: 5px;
    font-size: 12px !important;
    height: auto !important;
    min-height: inherit !important;
}
.status .inactive {
    color: #c23f34;
    background-color: #f4cfcc;
}
.status .toggle-handle {
    display: none;
}
.verification {
}
.verification .btn {
    min-height: inherit !important;
    height: 27px !important;
    font-size: 12px !important;
}
.status .badge-success {
    background-color: rgb(4 175 33 / 18%);
    padding: 6px 15px;
    font-size: 14px;
    color: #04af21;
    font-weight: 600;
}
.status .badge-danger {
    background-color: rgb(175 4 28 / 22%);
    padding: 6px 15px;
    font-size: 14px;
    color: #af041c;
    font-weight: 600;
}
.image-upload {
    width: 70px;

    height: 70px;

    overflow: hidden;

    border: 1px solid #ccc;

    border-radius: 5px;

    position: relative;

    margin-right: 10px;

    z-index: 1;
}
.image-upload input[type="file"] {
    width: 100%;

    height: 100%;

    padding: 0 !important;

    cursor: pointer;

    opacity: 0;

    z-index: 9;
}
.image-upload i {
    position: absolute;

    top: 50%;

    left: 50%;

    margin: -10px 0 0 -8px;

    font-size: 20px;

    z-index: -1;
}
.badge {
    padding: 8px 15px;
    font-size: 12px;
    letter-spacing: 0.5px;
}
select[name="status"] {
    font-size: 0.9rem;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 30px;
    box-shadow: none;
}
#notification-count {
    height: 1.3rem;
    /* width: 1.3rem; */
    border-radius: 5px !important;
}
.datepicker {
    z-index: 99 !important;
}