/*======== :: CSS :: *******
:: 1.0 WEB FONTS
:: 2.0 GLOBAL Variable Define CSS
:: 3.0 COMMON CSS

:: 4.0 SignIn Page CSS

:: 5.0 index.html Page CSS

:: 6.0 fundraiser-coach-dashboard.html CSS

:: 7.0 Team-login-veiw-1.html CSS
===========*************========== */

/* ========================= */
/* :: 1.0 WEB FONTS  */
/* ========================= */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* ================================== */
/* :: 2.0 GLOBAL Variable Define CSS  */
/* ================================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root{

    /* Google Font */
    --montserrat: "Montserrat", sans-serif;
    --source-sans-pro: 'Source Sans Pro';

    /* Color Palette */
    --white: #fff;
    --black: #000;
    --primary: #19B543;
    --dark: #070120;
}

/* ========================= */
/* :: 3.0 COMMON CSS */
/* ========================= */
html {
    font-size: 100%;
    scroll-behavior: smooth;
}
body {
    font-family: var(--source-sans-pro);
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    background:var(--white);
    text-rendering: optimizeLegibility;
    color: var(--black);
    overflow-x:hidden;
}
p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}
section, .section {
    position: relative;
}

.container {
    width: 100%;
    margin: 0 auto;
}
a, button {
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
a, a:hover, button, button:focus, .btn:focus {
	outline: none;
	box-shadow: none;
	border: none;
}
button {
	background: unset;
}
ol, ul {
    margin: 0;
    padding: 0;
}

ol li, ul li {
    list-style: none;
}

img {
    height: auto;
    max-width: 100%;
    object-fit: cover;
}
input, input:focus, input:focus-visible, input:active, select, textarea {
    outline: none;
    border: none;
    box-shadow: none;
}
* + address, * + dl, * + fieldset, * + figure, * + ol, * + p, * + pre, * + ul {
	margin: 0;
	padding: 0;
}

.btn {
	height: 50px;
	font-family: var(--source-sans-pro);
	font-weight: 700;
	font-size: 18px;
	color: var(--white);
	text-transform: uppercase;
	padding: 9px 35px 10px;
	border-radius: 4px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--primary);
	background-color: var(--primary);
	transition: all .3s ease-in-out;
}
.btn:hover {
    background-color: var(--black);
    border-color: var(--black);
    color: white;
}
.btn:focus {
    border: 1px solid transparent;
}

.page-item.active .page-link {
    background-color: var(--primary);
    color: white;
    border-color: var(--primary);
}

.page-item .page-link {
    background-color: rgb(230, 229, 229);
    color: black;
    border-color: rgb(230, 229, 229);
}

.page-item .page-link:hover {
    background-color: var(--primary);
    color: white;
    border-color: var(--primary);
}

.page-item .page-link:focus {
    background-color: var(--primary);
    color: white;
    border-color: var(--primary);
    box-shadow: var(--primary);
}

.form-select:focus {
    border-color: #19b543;
    box-shadow: 0 0 0 0.2rem rgba(25, 181, 67, 0.25)
}

/* =============================== */
/* :: 4.0 SignIn Page CSS Start */
/* =============================== */

.form-page-wrapper {
	max-width: 1495px;
	height: 100vh;
}
.form-page-content {
	padding: 50px;
}
.form-page-box {
	max-width: 625px;
	padding: 85px 115px 100px;
	background-color: var(--white);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.form-page-logo {
	max-width: 342px;
}
.form-page-para {
    font-size: 18px;
    color: rgba(77, 79, 92, 0.4);
}
.single-form-input {
    padding-bottom: 40px;
}
.single-form-input input {
	font-size: 15px;
    padding: 10px 6px;
	color: #43425D;
    caret-color: var(--primary);
	border: none;
	border-bottom: 2px solid #000;
	border-radius: unset;
}
.single-form-input input::placeholder {
    color: #43425D;
    opacity: 1;
}
.single-form-input input:focus {
    box-shadow: unset;
    border-color: var(--primary);
}
.form-checkbox label {
    gap: 16px;
}
.form-checkbox label, .form-link {
    font-size: 15px;
    color: #43425D;
}
.form-checkbox label .checkbox {
	width: 18px;
	height: 18px;
	border: 1px solid var(--black);
	border-radius: 4px;
	font-size: 13px;
    color: var(--white);
    background-color: var(--white);
    transition: all .3s ease-in-out;
}
.form-checkbox > input:checked ~ label .checkbox {
    border-color: var(--primary);
    background-color: var(--primary);
}

.form-check-input:checked {
    background-color: white;
    border-color: green;
  }

.form-check-input:checked + .form-check-label::before {
    border-color: green;
    background-color: white;
}

.form-check-input:checked + .form-check-label::after {
    content: '\2713';
    font-weight: bold;
    color: green;
    font-size: 1.5em;
    position: absolute;
    top: -0.5em;
    left: 0.1em;
}

.form-check-input:focus {
    border-color: #19b543;
    box-shadow: 0 0 0 0.2rem rgba(25, 181, 67, 0.25)
}

.form-link:hover, .form-bottom-link:hover {
    color: var(--primary);
}
.form-btn {
    width: 335px;
}
.form-bottom-link {
    font-size: 12px;
    color: #43425D;
}
/* =============================== */
/* :: 4.0 SignIn Page CSS End */
/* =============================== */

/* ==================================================================== */
/* ------------------:: 5.0 index.html Page CSS Start------------------ */
/* ==================================================================== */

.aside-area {
    width: 261px;
	position: fixed;
	left: 0;
	height: 100vh;
	top: 0;
	z-index: 3;
}
.aside-area::-webkit-scrollbar {
    display: none;
}

.aside-area {
    -ms-overflow-style: none;
    scrollbar-width: none;
}


.sidebar-menu-content {
	background-color: #3E3D3D;
	height: 100%;
}
.sidebar-menu {
    width: 100%;
    height: 100%;
}
.sidebar-logo {
    padding: 30px;
}
.sidebar-logo img {
    max-width: 186px;
}
.sidebar-menu-item {
	padding: 17px 25px;
	font-size: 15px;
	gap: 10px;
}
.sidebar-menu-item::before, .sidebar-menu-item.active::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 5px;
    height: 0;
    background-color: var(--primary);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
}
.sidebar-menu-item:hover::before, .sidebar-menu-item.active::before {
    height: 100%;
    opacity: 1;
    visibility: visible;
}
.sidebar-menu-icon {
    width: 18px;
}

.dashboard-body-area {
    width: calc(100% - 261px);
}
.dashboard-head {
    height: 70px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}
.dashboard-content {
    padding: 70px 60px;
    padding-top: 0;
}
.dashboard-notification-bar {
	background-color: rgba(25, 181, 67, 0.65);
	padding: 7px 0;
}
.dnb-red {
	background-color: rgba(255, 43, 61, 0.45);
}
.dashboard-notification-bar p {
    color: #137125;
    font-size: 15px;
}
.dnb-red p {
    color: #C73333;
}
.dashboard-title-content {
	padding: 20px 0 47px;
}
.dashboard-title, .dashboard-right-title {
    font-size: 28px;
    color: #363636;
    gap: 12px;
}
.dashboard-right-title {
    font-size: 18px;
}
.dashboard-title span, .dashboard-right-title span {
    max-width: 22px;
    display: inline-flex;
    align-self: center;
}
.dashboard-right-title span {
    max-width: 16px;
}

.dashboard-box {
    padding: 15px 20px 35px;
    border: 1px solid #CACED5;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    border-radius: 20px;
}
.dashboard-box-head {
    padding-bottom: 20px;
}
.dashboard-box-heading {
    font-size: 18px;
    color: #4D4F5C;
}



.dashboard-table-wrapper::-webkit-scrollbar {
    display: none;
}

.dashboard-table-wrapper {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.dashboard-table {
    width: 100%;
}
.dashboard-table th {
    font-size: 12px;
    color: #000000;
    font-weight: 700;
    padding: 15px 20px;
    text-align: center;
}
.dashboard-table th button {
    color: #A3A6B4;
    font-weight: 700;
}
.dashboard-table th button span {
    transition: all .3s ease-in-out;
}
.dashboard-table thead {
    background-color: #EDEDED;
}
.dashboard-table tbody tr {
    height: 50px;
}
.dashboard-table tbody td {
	padding: 20px;
	text-align: center;
    color: #4D4F5C;
    font-size: 15px;
}
.table-data-thumb img {
	width: 40px;
	height: auto;
	display: block;
	border-radius: 50%;
	margin: auto;
}
.table-data-status {
	width: 90px;
	height: 24px;
	padding: 4px 10px 5px;
	border-radius: 30px;
	color: var(--white);
	font-size: 12px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.table-data-status.active {
    background-color: var(--primary);
}
.table-data-status.closed {
    background-color: #FD4747;
}

.td-align-left {
    text-align: left;
}
.td-bottom-border {
    border-bottom: 1px solid #F1F1F3;
}

.dashboard-back {
	font-size: 15px;
	color: #4D4F5C;
	/* margin-left: -25px; */
    text-decoration: underline;
}
.dashboard-back:hover {
    color: var(--primary);
}

.public-link {
	font-size: 15px;
	color: #4D4F5C;
    text-decoration: underline;
}
.public-link:hover {
    color: var(--primary);
}
/* ==================================================================== */
/* ------------------:: 5.0 index.html Page CSS End-------------------- */
/* ==================================================================== */



/* ==================================================================== */
/* -------:: 6.0 fundraiser-coach-dashboard.html Page CSS Start--------- */
/* ==================================================================== */
.public-link p {
    font-size: 15px;
    color: #4D4F5C;
    text-decoration: underline;
}
.public-link-icon {
    margin-right: 6px;
}
.public-link-text {
	padding: 4px 14px;
	border: 1px solid #CACED5;
	border-radius: 30px;
	width: 370px;
}
.fundraiser-coach-dashboard-page .dashboard-title-content {
	padding: 20px 0 35px;
}
.dashboard-mini-card {
    padding: 13px 20px;
    border-radius: 20px;
    border: 1px solid #CACED5;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    height: 85px;
    height: 100%;
}
.dashboard-mini-cards-wrapper {
    margin-bottom: 30px;
}
.dmc-text h4 {
    font-size: 24px;
    color: #474646;
}
.dmc-text p {
    font-size: 13px;
    color: var(--primary);
}
.dmc-right-icon {
    max-width: 24px;
}

.table-download-btn {
    min-width: 90px;
    height: 24px;
    padding: 4px 10px 5px;
    border-radius: 30px;
    color: var(--white);
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
}
.table-download-btn:hover {
    background-color: var(--black);
}
.pagination-wrapper {
	margin-top: 30px;
	font-size: 14px;
	color: #474646;
}
.pagination-inner-items {
    margin-left: 200px;
}
.single-page-item {
    width: 35px;
    height: 35px;
    border: 1px solid #E8E9EC;
    border-radius: 4px;
	color: #474646;
}
.single-page-item.disabled {
    pointer-events: none;
}
.single-page-item:hover, .single-page-item.active {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}
.single-page-item:hover img {
    transition: all .3s ease-in-out;
}
.single-page-item:hover img {
    filter: brightness(100);
}
.dbh-search-input {
	width: 396px;
}
.dbh-search-input input, .dbh-mobile-search-input input {
	width: 100%;
	height: 31px;
	border: 1px solid #707070;
	border-radius: 30px;
	padding: 4px 20px 5px;
    padding-left: 50px;
    transition: all .3s ease-in-out;
    caret-color: var(--primary);
}
.dbh-search-input input:focus, .dbh-mobile-search-input input:focus {
    border-color: var(--primary);
}
.dbh-search-input span, .dbh-mobile-search-input span {
	margin-left: 22px;
	margin-top: -2px;
}
.mdb-col .dashboard-box {
    margin-bottom: 35px;
}
.dbw-single-leaderboard-item {
	padding: 18px 0;
	min-height: 77px;
}
.sli-left p {
    font-size: 13px;
    color: #4D4F5C;
}
.sli-price {
    font-size: 15px;
    color: #43425D;
}
/* ==================================================================== */
/* -------:: 6.0 fundraiser-coach-dashboard.html Page CSS End--------- */
/* ==================================================================== */




/* ==================================================================== */
/* -------:: 7.0 Team-login-veiw-1.html Page CSS End--------- */
/* ==================================================================== */
.share-the-fundraiser-section {
    margin-bottom: 35px;
}
.stf-wrapper {
	padding: 45px 0;
	padding-left: 60px;
}
.stf-text {
	max-width: 350px;
}
.stf-bolt-logo {
	margin-top: -30px;
}
.stf-heading {
    font-size: 68px;
    line-height: .9;
    color: #363636;
}
.stf-para {
	font-size: 15px;
	color: #4D4F5C;
}
.stf-input-wrapper {
	gap: 14px;
	margin-right: 25px;
}
.stf-single-input-box {
    max-width: 325px;
}
.stf-input-head, .stf-textarea {
    margin-bottom: 6px;
}
.stf-input-head span {
    max-width: 18px;
}
.stf-input-head p {
    font-size: 15px;
    color: #4D4F5C;
}
.stf-textarea textarea {
    width: 100%;
    height: 160px;
    padding: 5px 10px;
    border: 1px solid rgba(103, 103, 103, 0.25);
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    resize: none;
    font-size: 13px;
    color: #4D4F5C;
}
.stf-textarea textarea::placeholder {
    color: #4D4F5C;
    opacity: 1;
}
.stf-input-para {
    font-size: 13px;
    color: #4D4F5C;
}
.stf-input-divider {
	font-size: 26px;
    color: #4D4F5C;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #707070;
}
.stf-input-btn-para {
	font-size: 15px;
	color: #4D4F5C;
}
.stf-input-btn {
	width: 188px;
	border-radius: 20px;
}
.stf-input-btn img {
	margin-top: -3px;
	margin-left: 6px;
}
/* ==================================================================== */
/* -------:: 7.0 Team-login-veiw-1.html Page CSS End--------- */
/* ==================================================================== */

.thumbnail-store {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

div.dataTables_processing {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    z-index: 10;
    margin: 0;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}