.text-capitalize {
	text-transform: capitalize;
}

.sidebar.sidebar-style-2 .nav .nav-item .active {
    background: rgba(199, 199, 199, 0.2);
}

.c-dark .logo {
	color: #fff;
}

.c-logo {
	width: 30px;
}


.custom-theme-body-dark div.dataTables_wrapper div.dataTables_paginate ul.pagination a {
    background-color: #1a2035;
    border-color: #2f374b;
}

.custom-theme-body-dark div.dataTables_wrapper div.dataTables_paginate ul.pagination a:hover {
    background-color: #1a2035;
    border-color: #2f374b;
}

.custom-theme-body-dark .modal-content {
    background-color: #1a2035;
    background-color: #202940;
}
.custom-theme-body-dark .modal-header, .custom-theme-body-dark .modal-footer {
    border-color: #2f374b;
}
.custom-theme-body-dark .modal-content .close {
    color: #f0f0f0;
}
.custom-theme-body-dark .modal-content .close:hover, .custom-theme-body-dark .modal-content .close:active, .custom-theme-body-dark .modal-content .close:visited {
    color: #ddd;
}

.c-btn-1 {
	font-size: 14px !important;
	font-weight: 600 !important;
}

.modal-title {
	font-weight: 600;
}
.modal-title-1 {
	font-size: 0.8rem;
	color: #cfcfcf;
}
.custom-theme-body-dark .modal-title-1 {
	color: #2f374b;
	color: #464e63;
	color: #6c7691;
	color: #f0f0f0;
}

.c-text-gray-1 {
	color: #6c757d;
	color: #8b959e;
	color: #cfcfcf;
}
.c-text-gray-2 {
	color: #6c757d;
	color: #8b959e;
	color: #f0f0f0;
}
.c-text-gray-3 {
	color: #6c757d;
	color: #8b959e;
}

.alert {
	z-index: 100000 !important;
}

.tbl-col-act {
	width: 50px !important;
	max-width: 50px !important;
}

.c-link-action-item {
    color: #6c757d !important;
}

.c-paging-item, .c-paging-item a {
	display: inline-block;
	min-width: 50px;
	text-decoration: none !important;
}

.c-paging-item:hover, .c-paging-item a:hover, .c-paging-item:active, .c-paging-item a:active, .c-paging-item:visited, .c-paging-item a:visited {
	text-decoration: none !important;
	/*color: #fff !important;*/
}

.dropdown-item:hover, .dropdown-item:active, .dropdown-item:visited {
	background: rgba(153, 153, 153, 0.1);
}


.c-profile-img-holder {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: -75px;
}
.c-profile-img-inner {
	width: 100px;
	height: 100px;
	padding: 4px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #000;
	border-color: rgba(0, 0, 0, 0.05);
}
.c-profile-img-inner-cont {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.c-profile-header {
	margin-left: 130px;
}
.c-profile-header-title {
	font-size: 1.6rem;
}
.c-profile-header-subtitle {
	font-size: 0.8rem;
}

.position-relative {
	position: relative;
}

.text-decoration-none, .text-decoration-none a, .text-decoration-none:hover, .text-decoration-none:active, .text-decoration-none:visited, .text-decoration-none a:hover, .text-decoration-none a:active, .text-decoration-none a:visited {
	text-decoration: none !important;
}

.heading-main {
	min-height: 100px;
}

.inline-block {
	display: inline-block !important;
}

.table-hover-1 > tr:hover {
}
.table-hover-1 tbody tr:hover td {
  /*background-color: rgba(0, 0, 0, 0.03);*/
  border-bottom: 1px solid #1572e8 !important;
}

.item-title-1 {
	font-weight: 600;
	font-size: 1rem;
	margin: 0px;
	padding: 0px;
}
.item-subtitle-1 {
	font-weight: 500;
	font-size: 0.9rem;
	margin: 0px;
	padding: 0px;
}
.action-holder-bot-right {
	position: absolute;
	bottom: 0;
	right: 0;
}
.action-holder-top-right {
	position: absolute;
	top: 0;
	right: 0;
}

.cursor-pointer {
	cursor: pointer;
}

.mr-0 { margin-right: 0rem !important; }
.mr-1 {
	margin-right: 0.5rem !important;
}
.mr-2 {
	margin-right: 1rem !important;
}
.mr-3 {
	margin-right: 1.5rem !important;
}
.mr-4 {
	margin-right: 2rem !important;
}
.mr-5 {
	margin-right: 2.5rem !important;
}
.ml-0 { margin-left: 0rem !important; }
.ml-1 {
	margin-left: 0.5rem !important;
}
.ml-1 {
	margin-left: 1rem !important;
}
.ml-1 {
	margin-left: 1.5rem !important;
}
.ml-1 {
	margin-left: 2rem !important;
}
.ml-1 {
	margin-left: 2.5rem !important;
}
.mt-0 { margin-top: 0rem !important; }
.mt-1 {
	margin-top: 0.5rem !important;
}
.mt-2 {
	margin-top: 1rem !important;
}
.mt-3 {
	margin-top: 1.5rem !important;
}
.mt-4 {
	margin-top: 2rem !important;
}
.mt-5 {
	margin-top: 2.5rem !important;
}
.mb-0 { margin-bottom: 0rem !important; }
.mb-1 {
	margin-bottom: 0.5rem !important;
}
.mb-2 {
	margin-bottom: 1rem !important;
}
.mb-3 {
	margin-bottom: 1.5rem !important;
}
.mb-4 {
	margin-bottom: 2rem !important;
}
.mb-5 {
	margin-bottom: 2.5rem !important;
}

.m-0 { margin: 0rem; }
.m-1 { margin: 0.5rem; }
.m-2 { margin: 1rem; }
.m-3 { margin: 1.5rem; }
.m-4 { margin: 2rem; }
.m-5 { margin: 2.5rem; }

.m-opts-1 { margin: 4px; }


.mx-0 { margin-left: 0rem; margin-right: 0rem; }
.mx-1 { margin-left: 0.5rem; margin-right: 0.5rem; }
.mx-2 { margin-left: 1rem; margin-right: 1rem; }
.mx-3 { margin-left: 1.5rem; margin-right: 1.5rem; }
.mx-4 { margin-left: 2rem; margin-right: 2rem; }
.mx-5 { margin-left: 2.5rem; margin-right: 2.5rem; }

.my-0 { margin-top: 0rem; margin-bottom: 0rem; }
.my-1 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-2 { margin-top: 1rem; margin-bottom: 1rem; }
.my-3 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.my-4 { margin-top: 2rem; margin-bottom: 2rem; }
.my-5 { margin-top: 2.5rem; margin-bottom: 2.5rem; }

.px-0 { padding-left: 0rem; padding-right: 0rem; }
.px-1 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-2 { padding-left: 1rem; padding-right: 1rem; }
.px-3 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-4 { padding-left: 2rem; padding-right: 2rem; }
.px-5 { padding-left: 2.5rem; padding-right: 2.5rem; }

.py-0 { padding-top: 0rem; padding-bottom: 0rem; }
.py-1 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-2 { padding-top: 1rem; padding-bottom: 1rem; }
.py-3 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-4 { padding-top: 2rem; padding-bottom: 2rem; }
.py-5 { padding-top: 2.5rem; padding-bottom: 2.5rem; }

.p-0 { padding: 0rem; }
.p-1 { padding: 0.5rem; }
.p-2 { padding: 1rem; }
.p-3 { padding: 1.5rem; }
.p-4 { padding: 2rem; }
.p-5 { padding: 2.5rem; }

.px-2-1 { padding-left: 10px; padding-right: 10px; }
.px-2-2 { padding-left: 15px; padding-right: 15px; }
.px-2-3 { padding-left: 20px; padding-right: 20px; }

.py-2-1 { padding-top: 10px; padding-bottom: 10px; }
.py-2-2 { padding-top: 15px; padding-bottom: 15px; }
.py-2-3 { padding-top: 20px; padding-bottom: 20px; }

.cfs-1 { font-size: 0.5rem; }
.cfs-2 { font-size: 0.8rem; }
.cfs-3 { font-size: 1rem; }
.cfs-4 { font-size: 1.2rem; }
.cfs-5 { font-size: 1.4rem; }
.cfs-6 { font-size: 1.6rem; }
.cfs-7 { font-size: 1.8rem; }
.cfs-8 { font-size: 2rem; }

.br-0 { border-radius: 0; }
.br-1 { border-radius: 5px; }
.br-2 { border-radius: 10px; }
.br-3 { border-radius: 15px; }
.br-4 { border-radius: 20px; }

.mw-100-p { max-width: 100%; }
.w-100-p { width: 100%; }

.ts-1 { text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); }
.ts-2 { text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); }

.bs-1 { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); }
.bs-2 { box-shadow: 2px 2px 4px rgba(0, 0, 0, 1); }

.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }

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


.sidebar {
    padding-left: 0px;
    padding-right: 0px;
}

.nav-link, .sidebar-link-wrapper {
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 0px;
    font-size: 0.9rem;
}

.nav-link {
    padding-left: 20px;
}

.submenu {
    /*display: none;*/
    list-style: none;
    padding-left: 25px;
}

.arrow {
	font-size: 1.6rem;
	font-weight: 600;
	opacity: 0.2;
}

.sidebar-item .nav-link {
	padding-left: 0px;
}

.sidebar-item .submenu {
	padding-left: 0px;
}

.sidebar-item .submenu .nav-link {
	padding-left: 40px;
}

.sidebar-item .sidebar-link-wrapper {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.profile-trigger {
	font-size: 0.8rem;
}

.dropdown-content li a {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 0.8rem;
}

.sidebar {
	width: 180px;
}

.dropdown-content {
	list-style: none;
}

.user-menu .dropdown-content {
	overflow: hidden;
}

.theme-btn .sun-icon, .theme-btn .moon-icon {
	color: var(--text-main);
}

.submenu {
	max-height: 0;
	opacity: 0;
	transition: max-height 0.3s ease-out, opacity 0.3s ease;
}
.submenu.open {
	max-height: 1000px;
	opacity: 1;
}
.sidebar-link-wrapper .arrow {
    transition: transform 0.3s ease;
}

.footer {

}


.client-font-1 {
	font-family: 'retron2000';
}
.client-btn-connect {
	font-family: 'retron2000';
	min-width: 200px;
}

.form-input, .form-input-select {
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid var(--border);
    background: var(--bg-main);
    color: var(--text-main);
    font-family: inherit;
    margin-top: 5px;
}
.form-input-select {
	padding-right: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* 2. Add your own arrow (as an SVG or image) */
	/*background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');*/
	background-repeat: no-repeat;
}

.tbl-c-1, .tbl-c-2 {
	font-size: 0.8rem;
	border-radius: 10px;
}
.tbl-c-1 tr, .tbl-c-2 tr {
	padding: 4px !important;
}
.tbl-c-1 td {
	padding: 4px !important;
}
.tbl-c-1 th, .tbl-c-2 th {
	padding: 8px;
}

.tbl-c-2 td {
	padding: 4px;
}

.btn-c-1 {
	padding: 8px 16px;
	font-size: 0.8rem;
}

.title-c-1 {
	font-size: 1rem;
}

.client-ttl-1 {
	background-color: rgba(0, 0, 0, .3);
}

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-uppercase { text-transform: uppercase; }
.text-lowercase { text-transform: lowercase; }
.text-capitalize { text-transform: capitalize; }

.text-title-1 {
	color: rgba(255, 255, 255, 0.3);
}
.tbl-client-cell-1 {
	padding: 8px 16px !important;
}

/* Default padding for larger screens */
.container-1 {
  padding: 50px;
}

/* Padding for screens 500px and narrower */
@media (max-width: 580px) {
  .container-1 {
    padding: 10px;
  }
}