@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);
@import url(https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
.topbar {
	left: 0;
    position: fixed;
    right: 0;
    top: 0;
	z-index: 1;
	
}
.navbar-custom {
	background:#f4f4f4;
	min-height:60px;
	position:relative;
	margin-left:227px;
	-webkit-box-shadow:none;
	box-shadow:none
}
.navbar-custom .nav-link {
	padding:0;
	color:#384a65;
	margin:0 8px
}
.navbar-custom .nav-link.nav-icon {
	width:36px;
	height:36px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	border-radius:50%;
	background-color:#f5f5f9;
	-webkit-box-shadow:none;
	box-shadow:none
}
.navbar-custom .nav-link.nav-icon i {
	font-size:20px;
	padding-bottom:2px;
	color:#384a65
}
.navbar-custom .dropdown-toggle:after {
	content:initial
}
.navbar-custom .topbar-nav {
	height:60px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.navbar-custom .topbar-nav li {
	float:left
}
.navbar-custom .topbar-nav li.show .nav-link {
	background-color:#fff;
	color:#000444
}
.navbar-custom .topbar-nav li:last-child {
	margin-right:8px
}
.navbar-custom .topbar-nav li:first-child {
	margin-left:8px
}
.button-menu-mobile {
	border:none;
	color:#384a65!important;
	width:60px;
	background-color:transparent;
	cursor:pointer
}
.nav-user .nav-user-name {
	vertical-align:middle
}
.notification-list .notification-menu {
	 max-height:220px;

    margin-left:0;

    overflow: auto;
}
.notification-list .alert-badge::after {
content:"";
position:absolute;
width:10px;
height:10px;
top:5px;
right:15px;
border:2px solid #fff;
border-radius:50%;
background-color:#ef4d56
}

.footer {
	bottom:0;
	padding:16px;
	position:absolute;
	right:0;
	left:0;
	color:#7081b9;
	border-top:1px solid #eceff5
}
.leftbar-tab-menu {
	min-width:260px;
	z-index:1001;
   
}
.leftbar-tab-menu .main-icon-menu {
	width:60px!important;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:16px 0;
	background-color:#c5cae9;
	height:100%!important;
	z-index:1001;
	position:fixed;
	top:0;
    border-radius: 0px 10px 10px 0px;
}
.leftbar-tab-menu .main-icon-menu .logo-metrica .logo-sm {
	height:34px
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body {
	overflow:hidden;
	width:100%;
	max-height:100%
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .menu-icon {
	color:#fff;
	font-size:22px
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-top:60px;
	width:60px
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav .nav-item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin:5px 0
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs {
	border-bottom:none
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link {
	border:none;
	position:relative;
	padding:0;
	color:#fff;
	width:36px;
	height:36px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	
	border-radius:5px;
	font-weight:500
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link.active, .leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link:focus {
	
	border-radius: 15px 0px 0px 15px;
    background: #9fa8da;
	width:59px;
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link:hover {
	color:#fff
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link.active, .leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link:active {
	color:#0b51b7
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link.active .menu-icon, .leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link:active .menu-icon {
	color:#fff
}

.leftbar-tab-menu .main-icon-menu .pro-metrica-end {
	-ms-flex-negative:0;
	flex-shrink:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	/* background-color:#0b51b7; */
	margin-top:auto;

}


.leftbar-tab-menu .main-menu-inner {
	width:175px;
	height:100%;
	background-color:#9fa8da;
	border-right:1px solid #eceff5;
	position:fixed;
	top:0;
	left:52px;
    border-radius: 0px 10px 10px 0px;
	border-right:1px solid #eceff5;
	
}
.leftbar-tab-menu .main-menu-inner .topbar-left {
	background-color:#f8f9fb;
	padding-left:16px
}
.leftbar-tab-menu .main-menu-inner .topbar-left .logo {
	line-height:60px
}
.leftbar-tab-menu .main-menu-inner .topbar-left .logo .logo-sm {
	height:24px
}
.leftbar-tab-menu .main-menu-inner .topbar-left .logo .logo-lg {
	height:15px;
	margin-left:2px;
	display:inline-block
}
.leftbar-tab-menu .main-menu-inner .topbar-left .logo .logo-light {
	display:none
}
.leftbar-tab-menu .main-menu-inner .menu-body {
	padding:16px 0px 16px 16px;
	height:calc(100vh - 60px)!important;
	-webkit-box-shadow:none;
	box-shadow:none;
	width: 200px;
}
.leftbar-tab-menu .main-menu-inner .menu-body .nav-item {
	position:relative;
	display:block;
	margin-bottom: 5px;
}
/* hover */
.leftbar-tab-menu .main-menu-inner .menu-body .nav-item:hover {
	background: #781E18 url(../images/ro.png) no-repeat right;
    border-radius: 176.514px;
	height: 100%;
	
}
.leftbar-tab-menu .main-menu-inner .menu-body .nav-item .nav-link.active, .leftbar-tab-menu .main-menu-inner .menu-body .nav-item .nav-link.active i {
	color:#fff;
	background: #781E18 url(../images/ro.png) no-repeat right;
border-radius: 176.514px;

	
}

.icon_image {
	width: 21px;
}
.leftbar-tab-menu .main-menu-inner .menu-body .nav-item .nav-link {
	position:relative;
	color:#fff;
	font-size:13px;
	font-weight:500;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	height:38px;
	border-radius:3px
}

.leftbar-tab-menu .main-menu-inner .menu-body .main-icon-menu-pane {
	margin-bottom:20px;
	display:none;
	margin-top:40px;
}
.leftbar-tab-menu .main-menu-inner .menu-body .main-icon-menu-pane.active {
	display:block
}
.leftbar-tab-menu .main-menu-inner .navbar-vertical .navbar-nav {
	padding-left:1rem
}
.leftbar-tab-menu .main-menu-inner .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
	display:block;
	content:"\f105";
	font-family:'Line Awesome Free';
	font-weight:900;
	margin-left:auto;
-webkit-transition:-webkit-transform .2s;
transition:-webkit-transform .2s;
transition:transform .2s;
transition:transform .2s, -webkit-transform .2s
}
.leftbar-tab-menu .main-menu-inner .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
.leftbar-tab-menu .main-menu-inner .navbar-vertical .navbar-nav .nav-item .nav .nav-item .nav-link:before {
	content:"";
	position:absolute;
	left:4px;
	width:4px;
	height:4px;
	border:1px solid #8997bd;
	border-radius:50%;
	background:rgba(48, 62, 103, .2)
}
.leftbar-tab-menu .main-menu-inner .navbar-vertical .navbar-nav .nav-item .nav .nav-item .nav-link.active:before {
	content:"";
	border:none;
	background:#0b51b7
}
.navbar-custom .responsive-logo {
	display:none
}
.page-wrapper {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.page-wrapper .page-content-tab {
	width:calc(100% - 260px);
	margin-left:auto;
	position:relative;
	min-height:calc(100vh - 60px);
	padding:0 8px 52px 8px;
	margin-top:60px
}
.enlarge-menu .leftbar-tab-menu {
	min-width:60px;
   
}


.left-sidebar {
	min-width:260px;
	max-width:260px;
	background-color:#fff;
	min-height:100vh;
-webkit-transition:.3s;
transition:.3s;
	position:fixed;
	bottom:0;
	top:0;
	z-index:1001
}
.left-sidebar .brand {
	background-color:#fff;
	border-bottom:1px solid #eceff5;
	border-right:1px solid #eceff5;
	text-align:center
}
.left-sidebar .brand .logo {
	line-height:60px
}
.left-sidebar .brand .logo .logo-sm {
	height:24px
}
.left-sidebar .brand .logo .logo-lg {
	height:15px;
	margin-left:2px;
	display:inline-block
}
.left-sidebar .brand .logo .logo-light {
	display:none
}
.left-sidebar .menu-content {
	padding-bottom:60px;
	-webkit-box-shadow:none;
	box-shadow:none;
	border-right:1px solid #eceff5
}
.left-sidebar .menu-body {
	padding:16px
}
.left-sidebar .menu-body .nav-item {
	position:relative;
	display:block
}
.left-sidebar .menu-body .nav-item .nav-link {
	position:relative;
	color:#5a5c61;
	font-size:13px;
	font-weight:500;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	height:44px;
	border-radius:3px;
	padding:10px
}
.left-sidebar .menu-body .nav-item .nav-link .menu-icon {
	color:#1f2538;
	margin-right:6px;
	font-size:18px
}
.left-sidebar .menu-body .nav-item .nav-link.active, .left-sidebar .menu-body .nav-item .nav-link.active i {
	color:#0b51b7
}
.left-sidebar .navbar-vertical .navbar-nav {
	padding-left:0
}
.left-sidebar .navbar-vertical .navbar-nav .menu-label {
	text-transform:uppercase;
	font-size:10px;
	font-weight:500;
	letter-spacing:.5px;
	color:#8491b7;
	padding:8px 8px
}
.left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
	display:block;
	content:"\f105";
	font-family:'Line Awesome Free';
	font-weight:900;
	margin-left:auto;
-webkit-transition:-webkit-transform .2s;
transition:-webkit-transform .2s;
transition:transform .2s;
transition:transform .2s, -webkit-transform .2s
}
.left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
	color:#303e67;
	background:#f5f5f9;
	-webkit-box-shadow:none;
	box-shadow:none
}
.left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
.left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] .menu-icon {
	color:#1f2538
}
.left-sidebar .navbar-vertical .navbar-nav .nav-item .nav {
	padding:0 0 0 21px
}
.left-sidebar .navbar-vertical .navbar-nav .nav-item .nav .nav-item .nav-link:before {
	content:"";
	position:absolute;
	left:4px;
	width:4px;
	height:4px;
	border:1px solid #8997bd;
	border-radius:50%;
	background:rgba(48, 62, 103, .2)
}
.left-sidebar .navbar-vertical .navbar-nav .nav-item .nav .nav-item .nav-link.active:before {
	content:"";
	border:none;
	background:#0b51b7
}
.navbar-custom .responsive-logo {
	display:none
}
.page-wrapper {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.page-wrapper .page-content-tab {
	width:calc(100% - 260px);
	width: -webkit-calc(100% - 260px);
	margin-left:auto;
	position:relative;
	min-height:calc(100vh - 60px);
	min-height:-webkit-calc(100vh - 60px);
	padding:0 8px 52px 8px;
	margin-top:60px
}

.navbar-custom-menu .navigation-menu .nav-item.active a {
	color:#0b51b7
}
.navbar-custom-menu .navigation-menu .nav-item.active a i {
	color:#0b51b7
}
.navbar-custom-menu .navigation-menu .nav-item.active .dropdown-menu li.active>a {
	color:#2f6bf9
}
.navbar-custom-menu .navigation-menu .nav-item .nav-link {
	font-weight:500;
	font-size:14px
}
.navbar-custom-menu .navigation-menu .nav-item .nav-link:hover {
	color:#2f6bf9
}
.navbar-custom-menu .navigation-menu .nav-item .nav-link.active {
	color:#2f6bf9
}
.navbar-custom-menu .navigation-menu .nav-item .nav-link.active .menu-icon {
	color:#2f6bf9
}
.navbar-custom-menu .dropdown {
	position:relative
}
.navbar-custom-menu .dropdown .dropdown-toggle:after {
	display:block;
	content:"\f107";
	font-family:'Line Awesome Free';
	font-weight:900;
	color:#303e67;
	border:none;
	font-size:12px;
	margin-left:.255em;
	float:right
}
.navbar-custom-menu .dropdown .nav-link.dropdown-toggle:after {
	content:"\f107";
	font-family:'Line Awesome Free';
	position:relative;
	top:2px
}
.navbar-custom-menu .dropdown .nav-link.dropdown-toggle.arrow-none:after {
	display:none
}
.navbar-custom-menu .dropdown .nav-link.active.dropdown-toggle:after {
	content:"\f107";
	color:#2f6bf9
}
.navbar-custom-menu .dropdown .dropdown-menu {
	margin:1.125rem 0;
	line-height:1.2rem;
	min-width:12rem;
	-webkit-box-shadow:0 3px 12px rgba(214, 228, 241, .3);
	box-shadow:0 3px 12px rgba(214, 228, 241, .3);
border-radius:.5rem;
	top:100%!important
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item {
	position:relative;
	line-height:26px;
	color:#384a65
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item.active {
	color:#0b51b7;
	text-decoration:none;
	background-color:rgba(11, 81, 183, .04)
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:last-child {
	border-bottom:0
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:focus {
	background-color:rgba(11, 81, 183, .04);
	color:#0b51b7;
	border-radius:0
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:focus .dropdown-toggle:after {
	color:#0b51b7
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:focus:hover {
	color:#2f6bf9;
	text-decoration:none;
	background-color:rgba(11, 81, 183, .04);
	border-radius:0
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:focus:active {
	color:#0b51b7;
	text-decoration:none;
	background-color:rgba(11, 81, 183, .04);
border-radius:.25rem
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:hover {
	color:#2f6bf9;
	text-decoration:none;
	background-color:rgba(11, 81, 183, .04);
	border-radius:0
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:hover.dropdown-toggle:after {
	color:#2f6bf9
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-submenu a:after {
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	right:1rem
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu {
	top:-18px!important;
	left:100%;
	-webkit-box-shadow:0 3px 12px rgba(214, 228, 241, .3);
	box-shadow:0 3px 12px rgba(214, 228, 241, .3);
	min-width:12rem;
border-radius:.5rem
}
.navbar-custom-menu .dropdown .dropdown-menu.dropdown-menu-md {
	min-width:17rem!important;
border-radius:.5rem
}
.navbar-custom-menu .dropdown .dropdown-menu.dropdown-menu-xl {
	min-width:24rem!important;
border-radius:.5rem
}
.navbar-toggle {
	border:0;
	position:relative;
	padding:0;
	margin:0;
	cursor:pointer
}
.navbar-toggle:hover {
	background-color:transparent
}
.navbar-toggle:hover span {
	background-color:#7081b9
}
.navbar-toggle .lines {
	width:20px;
	display:block;
	position:relative;
	padding-top:24px;
	height:60px;
-webkit-transition:all .5s ease;
transition:all .5s ease
}
.navbar-toggle span {
	height:2px;
	width:100%;
	background-color:#7081b9;
	display:block;
	margin-bottom:4px;
-webkit-transition:-webkit-transform .5s ease;
transition:-webkit-transform .5s ease;
transition:transform .5s ease;
transition:transform .5s ease, -webkit-transform .5s ease
}
.navbar-toggle.open span {
	position:absolute
}
.navbar-toggle.open span:first-child {
	top:30px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	background-color:#7081b9
}
.navbar-toggle.open span:nth-child(2) {
visibility:hidden
}
.navbar-toggle.open span:last-child {
	width:100%;
	top:30px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.navigation-menu {
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block
}
.navigation-menu>li {
	display:inline-block;
	position:relative
}
.navigation-menu>li a {
	display:block;
	font-size:13px;
-webkit-transition:all .1s ease;
transition:all .1s ease;
	line-height:18px
}
.navigation-menu>li a .menu-icon {
	display:inline-block;
	font-size:20px;
	margin-right:8px;
-webkit-transition:all .1s ease;
transition:all .1s ease;
	vertical-align:text-bottom;
	color:#1f2538
}

.logo-small {
display:inline-block!important
}

@keyframes slideIn {
0% {
-webkit-transform:translateY(1rem);
transform:translateY(1rem);
opacity:0
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}
0% {
-webkit-transform:translateY(1rem);
transform:translateY(1rem);
opacity:0
}
}
@-webkit-keyframes slideIn {
0% {
-webkit-transform:transform;
-webkit-opacity:0
}
100% {
-webkit-transform:translateY(0);
-webkit-opacity:1
}
0% {
-webkit-transform:translateY(1rem);
-webkit-opacity:0
}
}
.slideIn {
	-webkit-animation-name:slideIn;
	animation-name:slideIn
}

body {
	margin:0;
	overflow-x:hidden!important;
font-size:.8125rem;
	background-color:#f4f4f4;
	color:#000444;
	letter-spacing:.1px;
	line-height:1.5;
	position:relative
}
.row>* {
	position:relative
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	color:#303e67;
	margin:10px 0
}
h1 {
	line-height:43px
}
h2 {
	line-height:35px
}
h3 {
	line-height:30px
}
h4 {
	line-height:22px
}
a {
	font-family:Roboto, sans-serif;
	color:#303e67;
	text-decoration:none
}
a:active, a:focus, a:hover {
	outline:0;
	text-decoration:none
}
hr {
	background-color:#eceff5;
	opacity:1
}
.o-1 {
	opacity:.08
}
p {
	line-height:1.6;
	font-family:Roboto, sans-serif;
font-size:.8125rem;
	font-weight:400
}
.card-bg {
	background-color:#fff
}
* {
	outline:0!important
}
mark {
	color:inherit;
	padding:0;
	background:0 0;
	background-image:linear-gradient(120deg, rgba(255, 159, 67, .4) 0, rgba(255, 159, 67, .4) 100%);
	background-repeat:no-repeat;
	background-position:0 80%;
	position:relative;
	background-size:100% .3em
}
.fw-semibold {
	font-weight:500!important;
	/* text-align: right; */
	color: #fff;
}
.nav.nav-pills {
	background-color:#fbfbfb
}
.media {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start
}
.media-body {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1
}
 
/*!
 * Waves v0.7.6
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE */

.card {
	margin-bottom:16px;
	background-color:#fff;
	border:1px solid #eceff5;
	-webkit-box-shadow:none;
	box-shadow:none
}
.card .card-header {
	background-color:#fff;
	border-bottom:1px solid #eceff5
}
.card .card-header:first-child {
border-radius:calc(.5rem - 1px) calc(.5rem - 1px) 0 0
}
.card .card-footer {
	background-color:#fff;
	border-top:1px dashed #eceff5
}
.card-title {
	text-transform:capitalize;
	letter-spacing:.02em;
	font-size:14px;
	font-weight:500;
	margin:0;
	color:#303e67
}


.dropdown-menu {
	-webkit-box-shadow:0 3px 12px rgba(214, 228, 241, .3);
	box-shadow:0 3px 12px rgba(214, 228, 241, .3);
	margin:0
}
.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover {
	background-color:#fafbfb;
	color:#000444
}
.dropdown-lg {
	width:320px
}
.dropdown-xl {
	min-width:42rem
}
.dropdown-toggle::after, .dropend .dropdown-toggle::after, .dropstart .dropdown-toggle::before, .dropup .dropdown-toggle::after {
display:none
}



.datepicker.active {
	display:inline-block;
	border:1px solid #eceff5;
	border-radius:4px
}
.datepicker-dropdown.datepicker-orient-top {
	padding-bottom:0
}
.datepicker-header .datepicker-controls .button {
	font-weight:500
}
.datepicker-controls .button {
	font-size:15px;
	border:1px solid #eceff5;
	background-color:#fff;
	color:#303e67
}
.datepicker-view .dow {
	font-weight:500;
	font-size:12px
}
.datepicker-picker {
	background-color:#fff
}
.datepicker-picker span {
	border-radius:25px
}
.datepicker-cell.focused:not(.selected), .datepicker-cell:not(.disabled):hover {
background-color:#fff
}


.nav.nav-tabs .nav-item.show, .nav.nav-tabs .nav-link {
	color:#303e67
}
.nav.nav-tabs .nav-item.show.active, .nav.nav-tabs .nav-item.show:focus, .nav.nav-tabs .nav-link.active, .nav.nav-tabs .nav-link:focus {
	color:#0b51b7;
	background-color:#b2dfdb;
	border-color:transparent transparent #0b51b7
}
.nav.nav-tabs .nav-item.show.active:hover, .nav.nav-tabs .nav-link.active:hover {
	border-color:transparent transparent #0b51b7
}
.nav.nav-tabs .nav-item.show:hover, .nav.nav-tabs .nav-link:hover {
	border-color:transparent transparent #eceff5
}
.nav.nav-tabs .nav-item.show .nav-link {
	color:#0b51b7;
	background-color:#fff
}
.nav.nav-pills {
	background-color:#fafbfb
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	color:#fafbfb
}
.nav-tabs-custom .nav.nav-tabs {
	border-bottom:none;
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex
}
.nav-tabs-custom .nav.nav-tabs .nav-item {
	border:2px solid #f1f5fa;
	border-radius:4px;
	margin-right:5px
}
.nav-tabs-custom .nav.nav-tabs .nav-link {
	border-radius:3px;
	padding:10px 14px
}
.nav-tabs-custom .nav.nav-tabs .nav-link.active {
	background-color:#fafbfb;
	border-color:transparent;
	color:#0b51b7
}
.nav-tabs-custom .nav.nav-tabs .nav-link.active i {
	color:#0b51b7
}
.nav-tabs-custom .nav.nav-tabs .nav-link i {
	font-size:24px;
	vertical-align:middle;
	color:#7081b9
}
.nav.nav-pills-custom.nav-pills .nav-item .nav-link {
	padding:4px 14px;
font-size:.71rem;
	line-height:2;
	border:1px solid #eaf0f9;
	color:#7081b9
}
.nav.nav-pills-custom.nav-pills .nav-item .nav-link.active {
	color:#fff
}
.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
	background:#0b51b7;
	color:#fff
}
.eco-revene-history .nav .nav-item .nav-link.active {
	color:#000444;
	background-color:#fafbfb
}
.nav-border.nav.nav-pills {
	background-color:transparent;
	border-bottom:1px solid #eceff5;
	line-height:36px
}
.nav-border .nav-item {
	margin-bottom:-1px
}
.nav-border .nav-link {
	color:#303e67
}
.nav-border .nav-item.show .nav-link, .nav-border .nav-link.active {
	background:0 0;
	color:#0b51b7;
	-webkit-box-shadow:none;
	box-shadow:none;
	border-radius:0;
	border-bottom:1px solid #0b51b7
}
.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
	background:#0b51b7;
	color:#fff;
	border-radius:0
}
.drop-shadow {
	-webkit-filter:drop-shadow(0 8px 4px #fafbfb);
	filter:drop-shadow(0 8px 4px #fafbfb)
}


.icon-dual {
	color:#a1acb8;
	fill:rgba(161, 172, 184, .12)
}
.icon-sm {
	height:22px;
	width:22px
}
.icon-md {
	height:26px;
	width:26px
}
.icon-lg {
	height:32px;
	width:32px
}
hr.hr-dashed {
	margin-top:1rem;
	margin-bottom:1rem;
	border:0;
	border-top:1px dashed #e8ebf3;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	height:0;
	background-color:transparent;
	overflow:visible
}

.thumb-sm {
	height:36px!important;
	width:36px!important;
	font-size:14px;
	font-weight:700
}

.badge {
	line-height:10px
}
.header-title, .title-text {
	margin-bottom:8px;
	text-transform:capitalize;
	letter-spacing:.02em;
	font-size:15px;
	font-weight:500;
	margin-top:0;
	color:#303e67;
	text-shadow:0 0 1px rgba(241, 245, 250, .1);
	font-family:Roboto, sans-serif
}
.page-title-box {
	padding:16px 0
}
.page-title-box .page-title {
	font-size:18px;
	margin:0;
	color:#303e67
}
.page-title-box .breadcrumb {
	font-size:13px;
	margin-bottom:0;
	padding:2px 0;
	background-color:transparent
}




#grid {
	padding:0!important
}


/*# sourceMappingURL=app.min.css.map */



/*# sourceMappingURL=app.min.css.map */


.button5 {border-radius: 50px; background-color:#fff; border: none;}
.icon_image1{ width: 10px;}
.icon_image2{ width: 100%;}
.nav-head{ text-align: right; color: #fff; padding: 20px;}
.title-box{ background-image: url("../images/hover22.png"); background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
height:50px;
padding:3px 10px 10px 29px;
margin-right: 25px;
}

.shadow{
	background: #FFFFFF;
	mix-blend-mode: soft-light;
	opacity: 0.15;
	height: 50px;
	}
	.shadow1{
background: #FFFFFF;
mix-blend-mode: soft-light;
opacity: 0.22;	}


.red_star{ color:red;}
.log-bg{background-image: url('../images/p-1.png'); 
	background-size: cover; 
	background-position: center center;
background-color: #dee1f5;}
.pad-100{padding: 0 136px;}

.btn-login{background-color:#2d5e6f; color:#fff;}
.border_ro1{ font-size: 12px;border: 2px solid #9fa8da; border-radius: .5rem;padding: 10px;}
.logo-size{ width:100%}
.wa{width:auto;}


/* registration page */

#grad1 {
    background-color: #9C27B0;
    background-image: linear-gradient(120deg, #FF4081, #81D4FA)
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#msform fieldset .form-card {
    background: white;
    border: 0 none;
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    padding: 20px 40px 30px 40px;
    box-sizing: border-box;
    width: 94%;
    margin: 0 3% 20px 3%;
    position: relative
}

#msform fieldset {
  
backdrop-filter: blur( 3px );
-webkit-backdrop-filter: blur( 3px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );

    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

#msform fieldset:not(:first-of-type) {
    display: none
}

#msform fieldset .form-card {
    text-align: left;
    color: #9E9E9E
}

#msform input,
#msform textarea{
    padding: 0px 8px 4px 8px;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 25px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    
    color: #2C3E50;
    font-size: 16px;
    letter-spacing: 1px
}

#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    font-weight: bold;
    border-bottom: 2px solid skyblue;
    outline-width: 0
}

#msform .action-button {
    width: 100px;
    background: skyblue;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px
}

#msform .action-button:hover,
#msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue
}

#msform .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #616161
}
.choices__input{background: none !important;}
.choices__inner{background: none !important; border: none !important;}

select.list-dt {
    border: none;
    outline: 0;
    border-bottom: 1px solid #ccc;
    padding: 0px 5px 3px 0px;
    margin: 2px;
	width: 100%;
	font-size: 16px;
	color: #2C3E50;
	letter-spacing: 1px;
	margin-bottom: 25px;
}

select.list-dt:focus {
    border-bottom: 2px solid skyblue
}

.card {
    z-index: 0;
    border: none;
    border-radius: 0.5rem;
    position: relative
}

.fs-title {
    font-size: 25px;
    color: #2C3E50;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #000000
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 33.33%;
    float: left;
    position: relative
}

#progressbar #account:before {

    font-family: FontAwesome;

    content: "\f007"

}

#progressbar #personal:before {
    font-family: FontAwesome;
    content: "\f007"
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f02d"
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: skyblue
}

.radio-group {
    position: relative;
    margin-bottom: 25px
}

.radio {
    display: inline-block;
    width: 204;
    height: 104;
    border-radius: 0;
    background: lightblue;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    cursor: pointer;
    margin: 8px 2px
}

.radio:hover {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3)
}

.radio.selected {
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1)
}

.fit-image {
    width: 100%;
    object-fit: cover
}
.img-100{width: 100%;}
.iti {width: 100%;}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #c5cae9;
}
.border_ro {border-radius: 1rem !important; font-size: 12px;font-weight: bold;padding: 10px;}
.cun_p{padding-left: 45px !important;}
.form-outline{width: 200px;border: 2px solid #9fa8da; border-radius: 1rem;}
select.border_ro1:not([size]):not([multiple]){ height: auto;}
.bg-card-blue{background: rgba( 159, 168, 218, 0.9 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 3px );
-webkit-backdrop-filter: blur( 3px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.mb-10{margin-bottom: 10px;}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #9fa8da;
}

input:focus + .slider {
  box-shadow: 0 0 1px #9fa8da;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/** Padding Top**/
.pt-20{
	padding-top: 20px!important;
}
/** view Button**/
.button-view{background-color: #939bca;border-color: #ffffff;}
/**Subcontractor Register Background*/
.sub-bg{background: rgb(90 103 175 / 90%);
	
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 3px );
-webkit-backdrop-filter: blur( 3px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
	
}
.enlarge-menu .leftbar-tab-menu{min-width:60px}
.enlarge-menu .leftbar-tab-menu .main-menu-inner{display:none;
	-webkit-transition:opacity .3s linear,left .3s ease-out;transition:opacity .3s linear,left .3s ease-out}
.enlarge-menu .topbar .navbar-custom{margin-left:60px}
.enlarge-menu .topbar .topbar-left{margin-left:0;width:260px}
.enlarge-menu.enlarge-menu-all .topbar .topbar-left{margin-left:0;width:260px}
.enlarge-menu.enlarge-menu-all .topbar .navbar-custom{margin-left:0}
.enlarge-menu .page-content-tab{width:calc(100% - 60px)}
.enlarge-menu .left-sidebar{min-width:60px}
.enlarge-menu .left-sidebar .brand .logo .logo-lg{display:inline-block}
.enlarge-menu .left-sidebar .brand .logo .logo-lg{display:none}
.enlarge-menu .left-sidebar .menu-body .nav-item .collapse.show{display:none}
.enlarge-menu .left-sidebar .menu-body .nav-item .nav-link{padding:0}
.enlarge-menu .left-sidebar .menu-body .nav-item .nav-link .menu-icon{margin:0 auto}
.enlarge-menu .left-sidebar .menu-body .nav-item .nav-link span{display:none}
.enlarge-menu .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after{display:none}
.enlarge-menu .left-sidebar .menu-label{border:1px solid #eceff5;border-radius:5px}
.enlarge-menu .left-sidebar .menu-label span{display:none}
.enlarge-menu .left-sidebar:hover{min-width:260px}
.enlarge-menu .left-sidebar:hover .brand .logo .logo-lg{display:inline-block}
.enlarge-menu .left-sidebar:hover .brand .logo .logo-light{display:none}
.enlarge-menu .left-sidebar:hover .menu-body .nav-item .collapse.show{display:block}
.enlarge-menu .left-sidebar:hover .menu-body .nav-item .nav-link{padding:10px}
.enlarge-menu .left-sidebar:hover .menu-body .nav-item .nav-link .menu-icon{margin:0;margin-right:6px}
.enlarge-menu .left-sidebar:hover .menu-body .nav-item .nav-link span{display:block}
.enlarge-menu .left-sidebar:hover .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after{display:block}
.enlarge-menu .left-sidebar:hover .menu-label{border:none}
.enlarge-menu .left-sidebar:hover .menu-label span{display:inline-block}
.enlarge-menu .topbar .navbar-custom{margin-left:60px}
.enlarge-menu .topbar .topbar-left{margin-left:0;width:260px}
.enlarge-menu.enlarge-menu-all .left-sidebar{display:none}
.enlarge-menu.enlarge-menu-all .topbar .topbar-left{margin-left:0;width:260px}
.enlarge-menu.enlarge-menu-all .topbar .navbar-custom{margin-left:0}
/* profile page */
.me-2 {
    margin-right: .5rem!important;
	vertical-align: middle;
}
.card-bg-blue{ background-color: slateblue;}


.met-profile .met-profile-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.met-profile .met-profile-main .met-profile-main-pic {
    position: relative;
    max-width: 128px;
    max-height: 128px;
    margin-right: 24px;
}
.rounded-circle {
    border-radius: 50%!important;
}


.met-profile .met-profile-main .met-profile-main-pic .met-profile_main-pic-change {
    cursor: pointer;
    background-color: #0b51b7;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    position: absolute;
    bottom: 4px;
    right: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-shadow: 0 0 20px 0 rgb(250 251 251 / 5%);
    box-shadow: 0 0 20px 0 rgb(250 251 251 / 5%);
    border: 3px solid #fff;
}	
.border-end {
    border-right: 1px solid #e8ebf3!important;
}
.btn-icon-circle.btn-icon-circle-sm {
    width: 30px;
    height: 30px;
    line-height: 1;
    padding: 0;
}
.font-12 {
    font-size: 12px!important;
}
.fw-normal {
    font-weight: 400!important;
}
.fw-semibold {
    font-weight: 500!important;
}
.fw-bold {
    font-weight: 700!important;
}
.box-effect{box-shadow: 0 8px 32px 0 rgb(31 38 135 / 37%); backdrop-filter: blur( 3px );}

/* subcontractor dashboard */

.bg_scdash{background: linear-gradient(180deg, #F9F8FF 0%, #E5E3F7 100%); border-radius: 0px !important;}
.scdash-inner{background: linear-gradient(180deg, #9B98CB 0%, #6A67A0 100%); border-radius: 0px !important;}
.scdash-header{ background-color: #fff; box-shadow: 0px 2.61733px 29.5385px rgba(126, 122, 183, 0.14);}
.scdash-content{margin-top: 90px !important;}
.sc-submenu{margin-top: 0px !important;}
.sc-box{margin-bottom: 50px !important; background: none;}
.sc-submenu-title{ color: #fff;}

.leftbar-tab-menu .main-menu-inner .menu-body .sc-item:hover {
	background: #7E7AB7;
	height: 100%;
	border-radius: 0px !important;
	
}
.leftbar-tab-menu .main-menu-inner .menu-body .nav-item .sc-link.active, .leftbar-tab-menu .main-menu-inner .menu-body .nav-item .sc-link.active i {
	color:#fff;
	background: #7E7AB7 ;
	border-radius: 0px !important;
}
.leftbar-tab-menu .main-menu-inner .sc-menu-body{width: 174px !important;}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .sc-icon-link{ color: #9B98CB;} 

.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .sc-icon-link.active, .leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .sc-icon-link:focus {
	
	border-radius: 0px !important;
    background: #CDCDED;
	width:59px;
	border-left: 3px solid #9B98CB;
	color: #fff;
	
}
.sc-head-icon{ background: none !important;}



.bid{width: 100%; font-size: 11px; margin-top: 20px; overflow-x: auto; display: block;}
.bid_head{border-radius: 50px; background-color: #F4F4F4; width: 100%; color: #0F3A5D;}
.bid-body{width: 100%;}
.bid-r{margin-top: 10px;}
.bid-footer{border-radius: 50px; background-color: #F4F4F4; height:20px; width: 100%; margin-top: 10px;;}

.border_sc{background: #EFEFF8;
	border-radius: 8.5794px;
border: none;
color: #7E7AB7;}
.color-blue{color: #9FA8DA;}
.color-blue1{color: #9FA8DA; font-size: 20px;}
.rounded-circle1{border-radius: 25%;}
.blue-hover{ margin: 10px 0px; padding: 5px 0px;}
.blue-hover:hover{border-radius: 15px; background-color: #9FA8DA; color: #fff;}
.fa-rotate-45{transform: rotate(45deg);}
.logo-size1{width: 40%;}
.logo-size2{width: 80%;}






.auth-bg {
    background: radial-gradient(circle at 39% 47%,rgba(107,107,107,.08) 0,rgba(107,107,107,.08) 33.333%,rgba(72,72,72,.08) 33.333%,rgba(72,72,72,.08) 66.666%,rgba(36,36,36,.08) 66.666%,rgba(36,36,36,.08) 99.999%),radial-gradient(circle at 53% 74%,rgba(182,182,182,.08) 0,rgba(182,182,182,.08) 33.333%,rgba(202,202,202,.08) 33.333%,rgba(202,202,202,.08) 66.666%,rgba(221,221,221,.08) 66.666%,rgba(221,221,221,.08) 99.999%),radial-gradient(circle at 14% 98%,rgba(184,184,184,.08) 0,rgba(184,184,184,.08) 33.333%,rgba(96,96,96,.08) 33.333%,rgba(96,96,96,.08) 66.666%,rgba(7,7,7,.08) 66.666%,rgba(7,7,7,.08) 99.999%),linear-gradient(
45deg,#67068d,#0f4069);
}


.vh-100 {
    height: 100vh!important;
}
.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}