/* CSS Document */

.pending_a  { background: #16b554;margin-right: 20px;padding: 2px 16px !important;border-radius: 14px;color: white !important; }
.pending_a_content { font-style: normal;font-size: 15px;font-weight: 900;margin:0px!important;color: white !important; }

.navbar-top { background:transparent; box-shadow:none;transition:background-color 300ms linear; }

.bg-gradient-primary {background-color: #ffcf30;background: -o-linear-gradient(50deg, #ffcf30 0, #ffcf30 100%) !important;background: linear-gradient(50deg, #ffcf30 0, #ffcf30 100%) !important;}

.nav-link {color: #8492A6;}
.nav_white { background: rgba(48, 11, 123, 0.9) !important; box-shadow: none; border-bottom: 2px solid #fff;}
.nav_white i {color: #fff !important; }
.section-rotate .section-inner { top: -30%; left: -1rem; width: 130%; height: 85%;}
.section-rotate { min-height: unset;padding-top: unset;padding-bottom: 3rem;}
@media only screen and (max-width: 600px) 
{
	.container { width: 100%; padding-right: 10px; padding-left: 10px; }
}
.shape-container[data-shape-position="bottom"] { top: auto; bottom: 0; margin-bottom: -20px; }

.footer ul li a { cursor: pointer; }
.footer ul li {font-size: 15px;color: #969aa2;}

.scroll_nav_container { margin: 7px 3px; display: inline-block; padding-top: 5px; font-size: 14px; } 
.scroll_nav { color: #4d4d53; background: #ebedf2; padding: 6px 12px; border-radius: 30px !important;} 
#navbar-example2.fixed {display: block; position: fixed; top: 64px; width: 100%; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #FFF; background-color: #04ca92; }
.nav2 .nav-link:hover, .nav2 .nav-link.active { color: #fff; background: #04ca92; font-weight: 600; }
.nav2 { display: unset; display: unset; display: inherit; -ms-flex-wrap: unset; flex-wrap: unset; padding-left: 0; margin-bottom: 0; list-style: none; height: 66px;
		overflow-x: auto; overflow-y: hidden; white-space: nowrap; text-align: center; background: #fff; border-bottom: 2px solid #f3f5fb; }

@media only screen and (max-width: 720px) {
    .nav2 { height: 76px; }
}

.card { cursor:pointer; }
.search_bar { padding: 15px; border: 1px solid #EFF2F7; border-radius: 0.375rem; width: 100%; margin-bottom: 20px; }
.search_bar:focus{ 
	outline: none; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.05),0 0 0 3px rgba(0,204,188,.3);
	box-shadow: inset 0 2px 4px rgba(0,0,0,.05),0 0 0 3px rgba(201, 209, 255, 0.3);
	border: 2px solid#c5d1ff;
}

.homeSidenav { background-color: #fff; overflow-x: hidden; }
.homeSidenav a, .homeSidenav .dropdown-btn 
{ 
	padding: 6px 8px 6px 16px; text-decoration: none;font-size: 1rem; color: #8492a6; display: block; border: none; background: none; text-align: left; cursor: pointer; 
	width: 100%; 
}
.homeSidenav a:hover, .homeSidenav .dropdown-btn:hover { color: #939fb0; background: #f3f5fb; }
.homeSidenav .active { background-color: #f3f5fb;}

.homeSidenav .dropdown-container { display: none; background-color: #ffffff; padding-left: 8px; }
.homeSidenav .fa-caret-down { float: right; padding-right: 8px;}

#brandFilterDiv li:hover { color: #939fb0; background: #f3f5fb; }

.badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap;
		vertical-align: middle; background-color: #777; border-radius: 10px; }
		
.proItemBadge { background-color: #ff0000; color: #fff; font-size: 0.7rem; border-radius: 50rem; font-weight: 700; padding: 0.25rem 0.5rem; }		

.colorDot { height: 1rem; width: 1rem; background-color: #bbb; border-radius: 50%; display: inline-block; border: 1px solid #CF1300