/*
Template Name: Hyrax UX Admin
Author: SRGIT
Email: 
File: css
*/
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*******************
/*Top bar
*******************/
.topbar {
	background: #025a83;
}
.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
	display: none;
}
.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
	display: inline-block;
	color: rgba(255, 255, 255, 0.8);
}
.topbar .navbar-nav .nav-item > a.nav-link {
	color: rgba(255, 255, 255, 0.8);
}
.topbar .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-nav .nav-item > a.nav-link:focus {
	color: #ffffff !important;
}
.topbar .top-navbar .navbar-nav > .nav-item > span {
	color: #ffffff;
}
.logo-center .topbar .navbar-header {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
	display: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
	display: inline-block;
	color: rgba(255, 255, 255, 0.8);
}
/*******************
/*General Elements
*******************/
.bg-theme {
	background-color: #025a83  !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #025a83;
	border-color: #025a83;
}
.right-sidebar .rpanel-title {
	background: #025a83;
}
.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
	border-left: 4px solid #025a83;
}
.text-themecolor {
	color: #299cd1  !important;
}
.profile-tab li a.nav-link.active, .customtab li a.nav-link.active {
	border-bottom: 2px solid #025a83;
	color: #025a83;
}
.profile-tab li a.nav-link:hover, .customtab li a.nav-link:hover {
	color: #025a83;
}
/*******************
/*Buttons
*******************/
.btn-themecolor, .btn-themecolor.disabled {
	background: #025a83;
	color: #ffffff;
	border: 1px solid #025a83;
}
.btn-themecolor:hover,  .btn-themecolor.disabled:hover {
	background: #025a83;
	opacity: 0.7;
	border: 1px solid #025a83;
}
.btn-themecolor.active, .btn-themecolor:focus,  .btn-themecolor.disabled.active,  .btn-themecolor.disabled:focus {
	background: #028ee1;
}
/*******************
/*sidebar navigation
*******************/
.card-no-border .left-sidebar, .card-no-border .sidebar-nav {
	background: #242a33;
}
.mini-sidebar .sidebar-nav {
	background: transparent;
}
 @media (min-width: 768px) {
 .mini-sidebar .sidebar-nav #sidebarnav > li > ul {
 background: #1c2128;
}
}
.sidebar-nav {
	background: #242a33;
}
.user-profile .profile-text a {
	color: #687384 !important;
}
.card-no-border .sidebar-footer {
	background: #1c2128;
}
.label-themecolor {
	background: #025a83;
}
.sidebar-nav > ul > li.active > a {
	color: #ffffff;
	border-color: #025a83;
}
.sidebar-nav > ul > li.active > a i {
	color: #ffffff;
}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
	color: #ffffff;
}
.sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i {
	color: #ffffff;
}
.sidebar-nav ul li.nav-small-cap {
	color: #687384;
}
 @media (min-width: 768px) {
 .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
 background: #1c2128;
}
}


.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
border: 0;
background: none;
}


/*----------M-24-R---------------*/
.close {
float: right;font-size: 1.5rem;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;opacity: .5; border:0; background:none;}
.input-group-append, .input-group-prepend {display: -webkit-box;display: -ms-flexbox;display: flex;}
button, input, optgroup, select, textarea { vertical-align:middle}
.avatar.avatar-md {width: 2.5rem;height: 2.5rem;line-height: 2.5rem;font-size:.8rem;} 
.avatar.avatar-rounded {border-radius: 50%;}
.avatar {position: relative;height: 2.625rem;width: 2.625rem;display: inline-flex;align-items: center;justify-content: center;border-radius: 0.5rem;color: #fff;font-weight: 500;}
.btn-css {padding: 3px 8px 3px 8px;cursor: pointer;}

.pagination-css .page-link { border:0; font-size:14px}
.pagination-css .page-link { margin-left:5px; margin-right:5px}

.disabled>.page-link, .page-link.disabled {background-color:#fff;border-color:0; border:0;opacity: .7;}
.icon-pd {padding:15px;}
.icon-pd-15 {padding:15px;}


.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding:1rem;

}


.ecommerce-img::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.6);
}


.ecommerce-details {
font-size: .75rem;
width: 70%;
border-radius: 0.5rem;
background-color: rgba(255,255,255,.2);

padding: 0.625rem;

}

.ecommerce-days {
position: absolute;
bottom: 1.25rem;
font-size: .75rem;
border-radius: 0.5rem;
background-color: rgba(255,255,255,.2);

padding: 0.25rem 0.625rem;

}

.calendar-css {
position: absolute;
background-color: rgba(255,255,255,.2);
padding: 0.5rem 0.625rem;
border-radius: 0.3rem; right:30px;
}

.ecommerce-sale-days {
position: absolute;
bottom: 1.25rem;
font-size: .75rem;
border-radius: 0.5rem;
background-color: rgba(255,255,255,.2);
padding: 0.25rem 0.625rem;

}
.table td, .table th {vertical-align: middle; }
.table thead tr th {font-weight: 600; border-bottom: solid 1px #dee2e6}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color:#fff;background:#6772e5;border:0;}
.nav-tabs .nav-link {color:#000;}

.timeline {
border-left: 1px solid hsl(0, 0%, 90%);
position: relative;
list-style: none;
}

.timeline li { margin:0 0 20px 0; padding:0;}

.timeline .timeline-item {
position: relative;
}

.timeline .timeline-item:after {
position: absolute;
display: block;
top: 0;
}

.timeline .timeline-item:after {
background-color: hsl(0, 0%, 90%);
left: -38px;
border-radius: 50%;
height: 11px;
width: 11px;
content: "";}
.avatar-group .avatar {margin-left: -1.1rem;}
.avatar-group .avatar:first-child {margin-left:0;}
.avatar-group .avatar:hover {z-index: 30;transition: all .25s ease;}

.avatar-group .avatar img, .avatar-group .avatar .avatar-initial {
border: 2px solid #fff; cursor:pointer;}


.nav.nav-style-3 .nav-link.active {
background-color: transparent;
border-block-end: 3px solid #6772e5;
color: #6772e5;
}
.nav.nav-style-3 .nav-link {
border-block-end: 3px solid transparent;
}

.nav.nav-style-3 .nav-link {
border-radius: 0;
}


.nav.tab-style-1 .nav-link.active {background: #6772e5;border: 1px solid #6772e5;color: #fff;box-shadow: 0 0.125rem 0 rgb(10 10 10 / 4%);transition: color .15s ease-in;}
.nav.tab-style-1 .nav-link {border-radius: 0.5rem;padding: 0.35rem 1rem;}


/*----------M-24-R---------------*/


/*----------------M-26-03-2024-----------------*/
.fs-8 {font-size: 0.8rem !important;}
.btn.btn-light-blue{background-color:rgba(73,182,245, 0.2); color:rgba(73,182,245, 1); -webkit-transition: background-color 1s ease-out;
-moz-transition: background-color 1s ease-out;-o-transition: background-color 1s ease-out; transition: background-color 1s ease-out; }
.btn.btn-light-blue .active, .btn.btn-light-blue:focus, .btn.btn-light-blue:hover{background-color:rgba(73,182,245, 1); color:#fff;}

.btn.btn-light-purple{background-color:rgba(132,90,223, 0.2); color:rgba(132,90,223, 1); -webkit-transition: background-color 1s ease-out; -moz-transition: background-color 1s ease-out;-o-transition: background-color 1s ease-out; transition: background-color 1s ease-out; }
.btn.btn-light-purple .active, .btn.btn-light-purple:focus, .btn.btn-light-purple:hover{background-color:rgba(132,90,223, 1); color:#fff;}


.btn.btn-light-yellow{background-color:rgba(245,184,73, 0.2); color:rgba(245,184,73, 1); -webkit-transition: background-color 1s ease-out; -moz-transition: background-color 1s ease-out;-o-transition: background-color 1s ease-out; transition: background-color 1s ease-out; }
.btn.btn-light-yellow .active, .btn.btn-light-yellow:focus, .btn.btn-light-yellow:hover{background-color:rgba(245,184,73, 1); color:#fff;}

.btn.btn-light-green{background-color:rgba(72,188,21, 0.2); color:rgba(72,188,21, 1); -webkit-transition: background-color 1s ease-out; -moz-transition: background-color 1s ease-out;-o-transition: background-color 1s ease-out; transition: background-color 1s ease-out; }
.btn.btn-light-green .active, .btn.btn-light-green:focus, .btn.btn-light-green:hover{background-color:rgba(72,188,21, 1); color:#fff;}


.btn.btn-light-red{background-color:rgba(230,83,60, 0.2); color:rgba(230,83,60, 1); -webkit-transition: background-color 1s ease-out; -moz-transition: background-color 1s ease-out;-o-transition: background-color 1s ease-out; transition: background-color 1s ease-out; }
.btn.btn-light-red .active, .btn.btn-light-red:focus, .btn.btn-light-red:hover{background-color:rgba(230,83,60, 1); color:#fff;}


.btn.btn-light-grey{background-color:rgba(232,232,232, 1); color:rgba(0,0,0, 1); -webkit-transition: background-color 1s ease-out; -moz-transition: background-color 1s ease-out;-o-transition: background-color 1s ease-out; transition: background-color 1s ease-out; }
.btn.btn-light-grey .active, .btn.btn-light-grey:focus, .btn.btn-light-grey:hover{background-color:rgba(228,236,242, 1); color:#000;}

.btn.btn-hard-purple{background-color:rgba(132,90,223, 0.8); color:rgba(255,255,255, 1); -webkit-transition: background-color 1s ease-out; -moz-transition: background-color 1s ease-out;-o-transition: background-color 1s ease-out; transition: background-color 1s ease-out; }
.btn.btn-hard-purple .active, .btn.btn-hard-purple:focus, .btn.btn-hard-purple:hover{background-color:rgba(132,90,223, 1); color:#fff;}


.face-list-stack .face-arrow{background-color:rgba(239,239,239, 1); color:rgba(0,0,0, 1); -webkit-transition: background-color 1s ease-out; -moz-transition: background-color 1s ease-out;-o-transition: background-color 1s ease-out; transition: background-color 1s ease-out; }
.face-list-stack .face-arrow:hover{background-color:rgba(228,236,242, 1); color:#000;}


.face-list-stack .face {
margin-inline-end: -0.75rem !important;
vertical-align: middle;
transition: transform ease .2s;
}

.bg-date-purple{background-color:rgba(132,90,223, 0.2); color:rgba(132,90,223, 1);}
.bg-date-green{background-color:rgba(72,188,21, 0.2); color:rgba(72,188,21, 1);}
.bg-date-red{background-color:rgba(230,83,60, 0.2); color:rgba(230,83,60, 1);}
.bg-date-blue{background-color:rgba(73,182,245, 0.2); color:rgba(73,182,245, 1);}
.bg-date-yellow{background-color:rgba(245,184,73, 0.2); color:rgba(245,184,73, 1);}
.date-new {padding: .25rem .45rem;font-weight: 600;border-radius: .25rem; font-size:.7rem}

.text-date-purple{color:rgba(132,90,223, 1); }
.text-date-green{color:rgba(72,188,21, 1);}
.text-date-red{color:rgba(230,83,60, 1);}
.text-date-blue{color:rgba(73,182,245, 1);}
.text-date-yellow{color:rgba(245,184,73, 1);}

.bg-purple{background-color:rgba(132,90,223, 1);}
.bg-green{background-color:rgba(72,188,21, 1);}
.bg-red{background-color:rgba(230,83,60, 1);}
.bg-blue{background-color:rgba(73,182,245, 1);}
.bg-yellow{background-color:rgba(245,184,73, 1);}
.bg-pink{background-color:rgba(198,43,134, 1);}


.list-styled {
padding-left: 0;
list-style: none;
}

.timeline-date {
position: relative;
}

.timeline-date:before {
position: absolute;
content: "";
width: .125rem;
height: 100%;
background-color: #ccc;
inset-block-start: 0;
inset-inline-start: 3rem;
}

.timeline-date .timeline-date-list:before {
content: "";
position: absolute;
width: .75rem;
height: .75rem;
inset-inline-start: 2.688rem;
top: .25rem;
border-radius: 3.125rem;
border: .125rem solid #ccc);
background-color: #e82e3f;
}

.timeline-date .timeline-date-list {
margin-block-end: 1.5rem;
position: relative;
}

.img-nft img {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 96%;
height: 96%;
border-radius: .5rem;
}

.nft-blur-time {
position: absolute;
top: 1.5rem;
inset-inline-end: 1rem;
padding: .25rem .5rem;
background-color: rgba(255, 255, 255, .15);
border-radius: .3rem;
-webkit-backdrop-filter: blur(1.875rem);
backdrop-filter: blur(1.875rem);
color:#fff;
}


.btn-primary-purple {
background-color: rgba(132,90,223, 1) !important;
border-color: rgba(132,90,223, 1) !important;
color: #fff !important;
}

.nft-width-progressbar {
width: 3.125rem;
}



.pagination-new-2 .pagination .page-item .page-link {
border: 0 !important;
font-size: .8125rem;
border-radius: .5rem;
color:#845adf;
}
.pagination-new-2 .pagination .page-item.active .page-link {
border: 0;
border-radius: .5rem;
background-color: #845adf;
color: #fff;
}


@media (max-width: 575px) {
.pagination-css .page-link {
border-radius: 0px;
margin-left: 2px;
margin-right: 2px;
padding: 2px 7px;
}

.card {margin-bottom: 15px;}
.btn {padding: 6px 10px;}

}

.recent-list{margin:0; padding:0; list-style:none;}
.recent-list li{ padding:10px; border-bottom:#e1e1e1 1px solid;}
.progress-height {
height: 20px;
}

/*========Swiper-Slider CSS=========*/
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*========Swiper-Slider CSS=========*/

#m-piechart div{ margin:0 auto;}
#pie-chart-2 {padding:0;max-width: 380px;margin:15% auto;}
.profile-tab li a.nav-link.active, .customtab li a.nav-link.active, .profile-tab li a.nav-link.hover, .customtab li a.nav-link.hover {
border-bottom: 2px solid #fff!important;
color: #fff!important;
}

@media (max-width: 768px) {
.input-group>.form-control, .input-group>.form-floating, .input-group>.form-select{ width:inherit!important;}
}
.accordion-button {padding: 0.5rem 1.25rem;}


.bg-1 {background:#f2efff!important;} 
.bg-1 i {color:#7152ff!important;background:#f2efff!important;} 

.bg-1 .css-bar-primary {background-image: linear-gradient(90deg, #bfb3f9 50%, transparent 50%, transparent), linear-gradient(162deg, #7152ff 50%, #bfb3f9 50%, #bfb3f9);}

.bg-2 {background:#fefbeb!important;}
.bg-2 i {color:#f6d74a!important; background:#fefbeb!important;} 

.bg-2 .css-bar-danger.css-bar-20 {
    background-image: linear-gradient(90deg, #f6d74a 50%, transparent 50%, transparent), linear-gradient(162deg, #e4bc08 50%, #f6d74a 50%, #eeca25);
}

.bg-3 {background:#f0fdfc!important;} 
.bg-3 i {color:#61eae1!important; background:#f0fdfc!important;}
 
.bg-3 .css-bar-warning.css-bar-40 {
    background-image: linear-gradient(90deg, #c6f8f5 50%, transparent 50%, transparent), linear-gradient(234deg, #61eae1 50%, #c6f8f5 50%, #c6f8f5);
}


.bg-4 {background:#effaf1!important;} 
.bg-4 i {color:#56c96b!important;}  

.bg-4 .css-bar-info.css-bar-60 {
background-image: linear-gradient(306deg, #56c96b 50%, transparent 50%, transparent), linear-gradient(270deg, #56c96b 50%, #cbf9d3 50%, #cbf9d3);
}


.simple-line-chart, .advanced-smil-animations, .holes-in-data, .line-scatter{height:400px;}
#bubble-charts {max-width: 650px;}

#gauge-chart{
position: relative;
height:43vh;
overflow: hidden;
}

#radar-chart {
position: relative;
height:43vh;
overflow: hidden;
} 

.w-20 { width:15px}

.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary { color:#000}