.companyName,
.dropdown-item.active,
.dropdown-item:active,
.innercardlogin a,
.nav.nav-tabs a,
.noneankerlines,
/*.sidenav a,*/
a {
	text-decoration: none;
}




.sidemenuopp ul li .btn-glow,
a,
body,
button,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-family: 'Nunito Sans', sans-serif !important;
}

body {
	background: #f6f6f6 !important;
	margin: 0;
	padding: 0;
	font-size: 16px;
}

.st-main-content {
	padding-left: var(--main-padding-x);
	padding-right: var(--main-padding-x);
}

p {
	margin-bottom: 0;
}

h6 {
	font-weight: 600 !important;
}

/*Should be inherit by parent, but it doesnt work yet*/
.pop-up-icon-blue{
	background-image: url(/images/pop-up-window-blue.svg);
	background-size: cover;
	width: 16px;
	height: 16px;
	display: inline-block;
}

.pop-up-icon-white{
	background-image: url(/images/pop-up-window-white.svg);
	background-size: cover;
	width: 16px;
	height: 16px;
	display: inline-block;
}

.pop-up-icon-black{
	background-image: url(/images/pop-up-window-black.svg);
	background-size: cover;
	width: 16px;
	height: 16px;
	display: inline-block;
}

.pop-up-icon-red{
	background-image: url(/images/pop-up-window-red.svg);
	background-size: cover;
	width: 16px;
	height: 16px;
	display: inline-block;
}



.sidenav {
	border-right: 1px solid #e7e7e7;
}

.sidenav a {
	padding: 6px 8px 6px 16px;
	margin-bottom: 8px;
	font-size: 16px;
	/*color: #818181;*/
	display: block;
	width: 100%;
	position: relative;
}

.sidenav a:hover{
	background: #F7F8F9;
}

.contactinfo a
{
	color: #000;
}

.contentdashboard h2 {
	font-size: 26px;
	margin-top: 45px;
	margin-left: 28px;
	font-weight: 700;
	margin-bottom: 21px;
}

.contentdashboard p {
	font-size: 16px;
	color: #947750;
	margin-left: 28px;
	background: #fff;
	margin-bottom: 6px;
	padding: 2px 7px;
	width: fit-content;
	border-radius: 5px;
	margin-right: 21px;
}

.contentdashboard a {
	color: #947750;
	font-weight: 600;
}

.boxesfour {
	margin-top: 24px;
}

.mainiconsfour {
	position: relative;
	background: #fff;
	padding: 18px;
	border-radius: 6px;
	margin-bottom: 20px !important;
	height: 400px;
}

.bankTable .bi-info-circle,
.switch_btn:hover {
	color: #495057;
}

.secondheight {
	/* height: 441px !important; */
	overflow: auto;
}

.mainconsfour_graph {
	height: auto !important;
	padding: 0 !important;
}

.newcontent {
	padding: 8px;
	border: 1px solid #e3e3e3;
	margin: 6px 0;
	border-radius: 7px;
}

.innerfourboxes {
	 height: 265px;
	overflow-x: auto;
	margin-top: 24px;
}

.companyName,
.wraptext {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.newcontent p {
	margin-bottom: 0;
	font-size: 14px;
	color: #4c4c4c;
	font-weight: 400;
	display: flex;
}

.newcontent span {
	float: right;
	margin-left: auto;
}

.newcontent h6 {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 3px;
	color: #000;
}

.prgresstext p {
	margin-bottom: 7px;
	font-size: 13px;
	color: #999;
}

.checboxmain span,
.dataTables_filter,
.headermenu,
.prgresstext span,
.pull-right-now {
	float: right;
}

.prgresstext {
	margin-top: 16px;
}

.boxesfour .progress {
	height: 6px;
}

.boxesfour .progress-bar {
	background-color: #3377dc;
}

.dostcss {
	width: 13px;
}

.imgedum img,
.innerfooter img {
	margin: auto;
	display: block;
}

.thebottom {
	position: absolute;
	bottom: 15px;
	width: 86%
}

.bgheader {
	background: #fff;
	height: 60px;
	border-bottom: 1px solid #dee2e6;
	padding-left: var(--main-padding-x);
	padding-right: var(--main-padding-x);
}

.innermenu ul li {
	list-style: none;
	float: left;
	margin-left: 26px;
}

.dropddownlinksmain li,
.hoverlinks ul li {
	float: none !important;
}

.innermenu ul li .bellimage {
	width: 22px;
}

.direction_icons {
	font-size: 20px;
	color: #000;
}

.bell_notification,
.hoveravtar,
.iconsadd,
.iconsadd2,
.media-card.iconsortext.stretbgmain,
.relativediv,
.stepsinvoice {
	position: relative;
}

.bell_notification:after {
	content: '';
	position: absolute;
	background: #397cd6;
	height: 12px;
	width: 12px;
	border-radius: 40px;
	border: 2px solid #fff;
	right: -3px;
}

.styregodkjenning h6 {
	font-size: 18px;
	margin-bottom: 8px;
}

.peraheading,
.styregodkjenning p {
	font-size: 16px;
	color: #495057;
	font-weight: 400;
}

.bgicon_blue,
.bgicon_red,
.iconsnbgshine,
.iconsnbgshine2,
.iconsnbgshine3 {
	border-radius: 50px;
	color: #000;
	height: 30px;
	width: 30px;
	margin-right: 12px;
	display: flex;
	font-size: 14px;
}

.bgicon_blue {
	background: #d2f4ea;
	justify-content: center;
	align-items: center;
}

.bgicon_red {
	background: #f7d6e6;
	justify-content: center;
	align-items: center;
}

.iconsnbgshine {
	background: #e7f1ff;
	justify-content: center;
	align-items: center;
}

.boxmain input,
.searchtop {
	height: 40px;
}

input,
input::placeholder {
	font-size: 15px;
	color: #999;
}

.searchtop {
	margin-top: -5px;
	background: #fff !important;
	border: 1px solid #ced4da !important;
	font-size: 15px !important;
	border-radius: 6px !important;
	padding: 0 34px 0 15px;
}

.login_bg .form-control:focus,
.searchtop:focus {
	box-shadow: none;
}

.bgfooter {
	background: #fff;
	padding: 16px 0 !important;
	border-top: 1px solid #e5e5e5;
	position: fixed;
	left: 76px;
	bottom: 0;
	max-width: -webkit-fill-available;
	transition: all 0.1s ease-in-out;
}

.menuside {
	margin-bottom: 120px;
	margin-top: 32px;
}

.menuside img {
	width: 19px;
	margin-right: 10px;
}

.paddmain {
	margin-left: 10px;
}

.paddmain li {
	margin-bottom: 8px;
	background: #f6f8fa;
	width: 94%;
	padding: 7px;
	border-radius: 6px;
	color: #242424;
}

.add-subtask i,
.mainiconsfour span:first-child {
	margin-right: 7px;
}

.btn-toggle:before {
	content: url("/images/angle-down.png");
	transform-origin: .5em 50%
}

.text-red {
	color: red !important;
}

.wraptext {
	width: 100%
}

.borderpink {
	position: relative;
	padding-left: 12px;
}

.borderpink:before {
	content: '';
	position: absolute;
	background: #f7d6e6;
	width: 4px;
	height: 85%;
	left: 0;
	top: 4px;
}

.btn-toggle:before {
	width: 1.25em;
	line-height: 0;
	content: url("data:image/svg+xml,  %3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,  0,  0,  .5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
	transition: transform .35s;
	transform-origin: .5em 50%;
	transform: rotate(90deg);
	margin-top: .4rem !important;
	left: 212px;
	position: absolute;
}

.btn-toggle[aria-expanded=true]:before {
	transform: rotate(270deg);
}

.btn-check:focus+.btn,
.btn:focus {
	outline: 0;
	box-shadow: none;
}

.sidenav::-webkit-scrollbar {
	width: 4px;
}

.sidenav::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 10px;
}

.tablerespomain::-webkit-scrollbar {
	width: 4px;
}

.tablerespomain::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 10px;
}

.dropdown::-webkit-scrollbar {
	width: 0;
}

.dropdown::-webkit-scrollbar-thumb {
	background: #fff;
	border-radius: 10px;
}

.innerfourboxes::-webkit-scrollbar {
	width: 4px;
}

.innerfourboxes::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 10px;
}

.secondheight::-webkit-scrollbar {
	width: 4px;
}

.secondheight::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 10px;
}

.hoverlinks ul li {
	margin-left: 0 !important;
	margin: 13px 0;
}

.hoverlinks {
	background: #fff;
	padding: 6px 15px;
	border: 1px solid #d1d1d1;
	border-radius: 4px;
}

.Kommende .col-md-1,
.Kommende .col-md-11,
.hoverlinks ul,
.listofpopover .popover-body,
.timedatemeeting ul,
.uorderlist {
	padding: 0;
}

.innerhoveravtar {
	display: none;
	position: absolute;
	right: 7px;
	width: 194px;
}

.hoveravtar:hover .innerhoveravtar {
	display: block;
}

.hoverlinks img {
	width: 19px;
	margin-right: 11px;
}

.menuside i {
	margin-right: 25px;
	margin-top: 0px;
	margin-left: 16px;
}

.companyName {
	font-size: 16px;
	color: #000;
	height: 60px;
	align-items: center;
	width: 100%;
	display: inline-block;
	line-height: 60px;
}

.iconsearch {
	color: #2178be;
	position: absolute;
	right: 1px;
	top: -3px;
	z-index: 9;
	font-size: 16px;
	background: #fff;
	padding: 6px;
	border-radius: 7px;
}

.display-n-desk {
	display: none !important;
}

.bellfont {
	font-size: 27px;
	color: #000;
}

.coloriconss {
	color: #3377dc;
}

.dropdown-toggle:after {
	border: none !important;
	content: none;
}

.dropddownlinksmain li a i,
.handlinertabs .nav-link i,
.marginRight6,
.mlauto {
	margin-right: 6px;
}

.dropdown-item.active,
.dropdown-item:active {
	color: #fff;
	background-color: #18bcdb;
}

.mainiconsfour h6 .dropdown-menu-lg-end {
	position: absolute !important;
	right: 10px !important;
}

@media only screen and (max-width:320px) and (min-width:150px) {

	.mainsection2 .container-fluid,
	.responsve_pad0 {
		padding: 0 !important;
	}

	.graph-placeholder {
		width: auto !important;
	}

	.companyName {
		font-size: 13px;
		text-decoration: none;
		color: #000;
		height: 60px;
		align-items: center;
		width: 150%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
	}

	.responsve_pad0 {
		margin-top: -10px;
	}

	.responsve_pad1 {
		margin: 0 !important;
	}

	.bgfooter {
		background: #fff;
		padding: 19px 0;
		border-top: 1px solid #e5e5e5;
		left: 0;
		bottom: 0;
		max-width: 100%
	}

	.cards_choose_user {
		margin-top: 23px;
		margin-bottom: 75px;
	}

	.emailuser {
		margin-top: 15px;
		padding-bottom: 16px;
		margin-bottom: 15px;
		border-bottom: 1px solid #dee2e6;
	}

	.col-md-4.d-flex.align-items-stretch {
		margin-bottom: 28px;
	}

	.closenav,
	.display-n-desk,
	.mobile_view {
		display: block !important;
	}

	.boxesfour {
		margin-top: 0;
	}

	.desktop_view,
	.display-n,
	.searchtop {
		display: none;
	}

	.iconsearch {
		display: none !important;
	}

	.innermenu ul li {
		margin-left: 14px;
	}

	.main {
		margin-left: 0 !important;
		padding: 0;
	}

	.mainsection2 {
		background-position-x: 64%;
		height: 225px;
		border-radius: 0;
		margin-top: 0;
	}

	.imgedum img {
		margin: auto;
		display: block;
		width: 200px;
	}

	.mainiconsfour {
		height: auto;
		padding-bottom: 64px;
	}

	.innerfooter p {
		text-align: center !important;
	}

	.orderdiv1 {
		order: 1;
	}

	.orderdiv2 {
		order: 2;
	}

	.orderdiv3 {
		order: 3;
	}

	.sidenav {
		height: 100%;
		width: 0 !important;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #fff;
		overflow-x: hidden;
		transition: .5s;
		padding-top: 20px;
		z-index: 999;
		box-shadow: 1px 1px 20px #cfcfcf;
	}

	.menuside {
		padding-left: 6px;
	}

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}

	.searchiconswel {
		font-size: 23px;
		margin-top: 3px;
	}

	.headertop .fa-solid.fa-bars {
		margin: 15px 0;
	}

	.iconsset {
		position: absolute;
		right: 10px;
		font-size: 28px !important;
		color: #000;
	}

	.bgfooter {
		position: static !important;
		width: 100%
	}

	.nav.nav-tabs a {
		line-height: 3;
	}

	.feedbackinside {
		position: sticky;
	}
}

@media only screen and (max-width:360px) and (min-width:320px) {
	.table-mobile {
		display: block !important;
	}

	.table-desktop {
		display: none;
	}

	.addlist .help-block {
		color: #525252;
		font-size: 16px !important;
		line-height: 32px;
	}

	.widthrowcolum2 {
		width: 100% !important;
	}

	.mobilerespo .dropdowngroup {
		margin: 13px 0 !important;
	}

	.mobilerespo {
		position: relative;
		display: block !important;
	}

	.centerAlign,
	.secondheight {
		height: auto !important;
	}

	.fancybox-inner {
		height: 617px !important;
	}

	.maodalpopup2 .panel-body {
		padding: 10px 25px 0;
	}

	.footerbtns {
		padding-top: 6px !important;
	}

	.contentdashboard h2 {
		margin-top: 24px;
		margin-left: 10px;
	}

	.contentdashboard p {
		margin-left: 8px;
	}

	.nav.nav-tabs a,
	.nav.nav-tabs a.active {
		padding: 12px !important;
	}

	/* .innerfourboxes {
		height: 315px;
	} */

	.filters .select2-container {
		margin-bottom: 5px;
	}

	.paddingLogin {
		padding: 22px !important;
	}

	.fonttext {
		font-size: 18px !important;
		font-weight: 700;
	}

	.login_bg .form-control {
		margin-bottom: 12px !important;
		border: 1px solid #eaeaea;
		padding: 0 0 0 37px;
	}

	.mainsection2 .container-fluid,
	.responsve_pad0 {
		padding: 0 !important;
	}

	.login_bg {
		margin-bottom: 20px !important;
	}

	.login_bg,
	.temp-placeholder {
		width: 100% !important;
	}

	.graph-placeholder {
		width: auto !important;
	}

	.companyName {
		font-size: 13px;
		text-decoration: none;
		color: #000;
		height: 60px;
		align-items: center;
		width: 150%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
	}

	.responsve_pad0 {
		margin-top: -10px;
	}

	.responsve_pad1 {
		margin: 0 !important;
	}

	.img1 {
		margin-right: -29px !important;
	}

	.import1 button {
		font-size: 13px !important;
	}

	.bgfooter {
		background: #fff;
		padding: 19px 0;
		border-top: 1px solid #e5e5e5;
		left: 0;
		bottom: 0;
		max-width: 100%
	}

	.cards_choose_user {
		margin-top: 23px;
		margin-bottom: 75px;
	}

	.emailuser {
		margin-top: 15px;
		padding-bottom: 16px;
		margin-bottom: 15px;
		border-bottom: 1px solid #dee2e6;
	}

	.col-md-4.d-flex.align-items-stretch {
		margin-bottom: 28px;
	}

	.closenav,
	.display-n-desk,
	.mobile_view {
		display: block !important;
	}

	.boxesfour {
		margin-top: 0;
	}

	.desktop_view,
	.display-n,
	.searchtop {
		display: none;
	}

	.iconsearch {
		display: none !important;
	}

	.innermenu ul li {
		margin-left: 14px;
	}

	.main {
		margin-left: 0 !important;
		padding: 0;
	}

	.mainsection2 {
		background-position-x: 64%;
		height: 225px;
		border-radius: 0;
		margin-top: 0;
	}

	.imgedum img {
		margin: auto;
		display: block;
		width: 200px;
	}

	.mainiconsfour {
		height: auto;
		padding-bottom: 64px;
	}

	.innerfooter p {
		text-align: center !important;
	}

	.orderdiv1 {
		order: 1;
	}

	.orderdiv2 {
		order: 2;
	}

	.orderdiv3 {
		order: 3;
	}

	.sidenav {
		height: 100%;
		width: 0 !important;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #fff;
		overflow-x: hidden;
		transition: .5s;
		padding-top: 20px;
		z-index: 999;
		box-shadow: 1px 1px 20px #cfcfcf;
	}

	.menuside {
		padding-left: 6px;
	}

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}

	.searchiconswel {
		font-size: 23px;
		margin-top: 3px;
	}

	.headertop .fa-solid.fa-bars {
		margin: 15px 0;
	}

	.iconsset {
		position: absolute;
		right: 10px;
		font-size: 28px !important;
		color: #000;
	}

	.bgfooter {
		position: static !important;
		width: 100%
	}

	.nav.nav-tabs a {
		line-height: 3;
	}

	.feedbackinside {
		position: sticky;
	}
}

@media only screen and (max-width:480px) and (min-width:360px) {

	.innerfourboxes {
		height: auto !important;

	}

	.heightfocus {
		height: auto !important;
	}

	.hidemobilethead {
		display: none !important;
	}

	.tableinovice {
		margin-bottom: 0 !important;
	}


	.table-desktop {
		display: none;
	}

	.table-mobile {
		display: block !important;
	}

	.widthrowcolum2 {
		width: 100% !important;
	}

	.addlist .help-block {
		color: #525252;
		font-size: 16px !important;
		line-height: 32px;
	}

	.mobilerespo .dropdowngroup {
		margin: 13px 0 !important;
	}

	.mobilerespo {
		position: relative;
		display: block !important;
	}

	.login_bg,
	.temp-placeholder {
		width: 100% !important;
	}

	#main.openbar,
	.main {
		margin-left: 0 !important;
	}

	.centerAlign,
	.secondheight {
		height: auto !important;
	}

	.maodalpopup2 .panel-body {
		padding: 10px 25px 0;
	}

	.footerbtns {
		padding-top: 6px !important;
	}

	.fancybox-inner {
		height: 617px !important;
	}

	.contentdashboard h2 {
		margin-top: 24px;
		margin-left: 10px;
	}

	.contentdashboard p {
		margin-left: 8px;
	}

	.nav.nav-tabs a,
	.nav.nav-tabs a.active {
		padding: 12px !important;
	}

	.innerfourboxes {
		height: auto !important;
	}

	.filters .select2-container {
		margin-bottom: 5px;
	}

	.paddingLogin {
		padding: 22px !important;
	}

	.fonttext {
		font-size: 18px !important;
		font-weight: 700;
	}

	.login_bg .form-control {
		margin-bottom: 12px !important;
		border: 1px solid #eaeaea;
		padding: 0 0 0 37px;
	}

	.mainsection2 .container-fluid,
	.responsve_pad0 {
		padding: 0 !important;
	}

	.login_bg {
		margin-bottom: 20px !important;
	}

	.graph-placeholder {
		width: auto !important;
	}

	.companyName {
		font-size: 13px;
		text-decoration: none;
		color: #000;
		height: 60px;
		align-items: center;
		width: 150%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
	}

	.responsve_pad0 {
		margin-top: -10px;
	}

	.responsve_pad1 {
		margin: 0 !important;
	}

	.img1 {
		margin-right: 0 !important;
	}

	.import1 button {
		font-size: 13px !important;
	}

	.bgfooter {
		background: #fff;
		padding: 19px 0;
		border-top: 1px solid #e5e5e5;
		left: 0;
		bottom: 0;
		max-width: 100%
	}

	.emailuser {
		margin-top: 15px;
		padding-bottom: 16px;
		margin-bottom: 15px;
		border-bottom: 1px solid #dee2e6;
	}

	.col-md-4.d-flex.align-items-stretch {
		margin-bottom: 28px;
	}

	.closenav,
	.display-n-desk,
	.mobile_view {
		display: block !important;
	}

	.st-main-content {
		padding: 0 10px !important;
	}

	.boxesfour {
		margin-top: 0;
	}

	.desktop_view,
	.display-n,
	.searchtop {
		display: none;
	}

	.iconsearch {
		display: none !important;
	}

	.feedbackinside {
		position: sticky;
	}

	.nav.nav-tabs a {
		line-height: 3;
	}

	.bgfooter {
		position: static !important;
		width: 100%
	}

	.main {
		padding: 0;
	}

	.mainsection2 {
		background-position-x: 64%;
		height: auto;
		border-radius: 0;
		margin-top: 0;
	}

	.imgedum img {
		margin: auto;
		display: block;
		width: 200px;
	}

	.mainiconsfour {
		height: auto;
		padding-bottom: 64px;
		box-shadow: 0 2px 2px rgb(24 39 75/6%);
	}

	.innerfooter p {
		text-align: center !important;
	}

	.orderdiv1 {
		order: 1;
	}

	.orderdiv2 {
		order: 2;
	}

	.orderdiv3 {
		order: 3;
	}

	.sidenav {
		height: 100%;
		width: 0 !important;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #fff;
		overflow-x: hidden;
		transition: .5s;
		padding-top: 20px;
		z-index: 9999 !important;
		box-shadow: 1px 1px 20px #cfcfcf;
	}

	.menuside {
		padding-left: 6px;
	}

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}

	.searchiconswel {
		font-size: 23px;
		margin-top: 3px;
	}

	.headertop .fa-solid.fa-bars {
		margin: 15px 0;
	}

	.iconsset {
		position: absolute;
		right: 10px;
		font-size: 28px !important;
		color: #000;
	}
}

@media only screen and (max-width:600px) and (min-width:480px) {
	.table-mobile {
		display: block !important;
	}

	.table-desktop {
		display: none;
	}

	.addlist .help-block {
		color: #525252;
		font-size: 16px !important;
		line-height: 32px;
	}

	#main.openbar,
	.main {
		margin-left: 0 !important;
	}

	.mainsection2 .container-fluid,
	.responsve_pad0 {
		padding: 0 !important;
	}

	.bgfooter,
	.sidenav {
		position: fixed;
		left: 0;
	}

	.graph-placeholder {
		width: auto !important;
	}

	.companyName {
		font-size: 13px;
		text-decoration: none;
		color: #000;
		height: 60px;
		align-items: center;
		width: 150%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
	}

	.responsve_pad0 {
		margin-top: -10px;
	}

	.responsve_pad1 {
		margin: 0 !important;
	}

	.img1 {
		margin-right: 0 !important;
	}

	.import1 button {
		font-size: 13px !important;
	}

	.bgfooter {
		background: #fff;
		padding: 19px 0;
		border-top: 1px solid #e5e5e5;
		bottom: 0;
		max-width: 100%;
		width: 100%
	}

	.iconsearch {
		display: none !important;
	}

	.emailuser {
		margin-top: 15px;
		padding-bottom: 16px;
		margin-bottom: 15px;
		border-bottom: 1px solid #dee2e6;
	}

	.closenav,
	.display-n-desk,
	.mobile_view {
		display: block !important;
	}

	.st-main-content {
		padding: 0 10px !important;
	}

	.boxesfour {
		margin-top: 0;
	}

	.desktop_view,
	.display-n,
	.searchtop {
		display: none;
	}

	.col-md-4.d-flex.align-items-stretch {
		margin-bottom: 28px;
	}

	.main {
		padding: 0;
	}

	.mainsection2 {
		background-position-x: 64%;
		height: auto;
		border-radius: 0;
		margin-top: 0;
	}

	.imgedum img {
		margin: auto;
		display: block;
		width: 200px;
	}

	.mainiconsfour {
		height: auto;
		padding-bottom: 64px;
		box-shadow: 0 2px 2px rgb(24 39 75/6%);
	}

	.innerfooter p {
		text-align: center !important;
	}

	.orderdiv1 {
		order: 1;
	}

	.orderdiv2 {
		order: 2;
	}

	.orderdiv3 {
		order: 3;
	}

	.sidenav {
		height: 100%;
		width: 0 !important;
		top: 0;
		background-color: #fff;
		overflow-x: hidden;
		transition: .5s;
		padding-top: 20px;
		z-index: 999;
		box-shadow: 1px 1px 20px #cfcfcf;
	}

	.menuside {
		padding-left: 6px;
	}

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}

	.searchiconswel {
		font-size: 23px;
		margin-top: 3px;
	}

	.headertop .fa-solid.fa-bars {
		margin: 15px 0;
	}

	.iconsset {
		position: absolute;
		right: 10px;
		font-size: 28px !important;
		color: #000;
	}
}

@media only screen and (max-width:768px) and (min-width:600px) {
	/* .bgfooter {
		display: none;
	} */

	.tableinovice {
		margin-bottom: 0 !important;
	}

	.table-mobile {
		display: block !important;
	}

	.table-desktop {
		display: none;
	}

	#main.openbar,
	.main {
		margin-left: 0 !important;
	}

	#mySidenav.openbar {
		z-index: 9999 !important;
	}

	.graph-placeholder {
		width: auto !important;
	}

	.bgfooter {
		background: #fff;
		padding: 19px 0;
		border-top: 1px solid #e5e5e5;
		position: sticky;
		left: 0;
		bottom: 0;
		max-width: 100%;
		width: 100%
	}

	.iconsearch {
		display: none !important;
	}

	.emailuser {
		margin-top: 15px;
		padding-bottom: 16px;
		margin-bottom: 15px;
		border-bottom: 1px solid #dee2e6;
	}

	.closenav,
	.display-n-desk,
	.mobile_view {
		display: block !important;
	}

	.st-main-content {
		padding: 0 10px !important;
	}

	.boxesfour {
		margin-top: 0;
	}

	.desktop_view,
	.display-n,
	.searchtop {
		display: none;
	}

	.col-md-4.d-flex.align-items-stretch {
		margin-bottom: 28px;
	}

	.main {
		padding: 0;
	}

	.mainsection2 .container-fluid {
		padding: 0 !important;
	}

	.mainsection2 {
		background-position-x: 64%;
		height: 225px;
		border-radius: 0;
		margin-top: 0;
	}

	.imgedum img {
		margin: auto;
		display: block;
		width: 200px;
	}

	.mainiconsfour {
		height: auto;
		padding-bottom: 64px;
	}

	.innerfooter p {
		text-align: center !important;
	}

	.orderdiv1 {
		order: 1;
	}

	.orderdiv2 {
		order: 2;
	}

	.orderdiv3 {
		order: 3;
	}

	.sidenav {
		height: 100%;
		width: 0 !important;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #fff;
		overflow-x: hidden;
		transition: .5s;
		padding-top: 20px;
		z-index: 999;
		box-shadow: 1px 1px 20px #cfcfcf;
	}

	.menuside {
		padding-left: 6px;
	}

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}

	.searchiconswel {
		font-size: 23px;
		margin-top: 3px;
	}

	.headertop .fa-solid.fa-bars {
		margin: 15px 0;
	}

	.iconsset {
		position: absolute;
		right: 10px;
		font-size: 28px !important;
		color: #000;
	}
}

@media only screen and (max-width:900px) and (min-width:768px) {
	/* .bgfooter {
		display: none !important;
	} */

	#main.openbar,
	.main {
		margin-left: 0 !important;
	}

	.bgfooter,
	.sidenav {
		position: fixed;
		left: 0;
	}

	#mySidenav.openbar {
		z-index: 9999 !important;
	}

	.graph-placeholder {
		width: auto !important;
	}

	.bgfooter {
		background: #fff;
		padding: 19px 0;
		border-top: 1px solid #e5e5e5;
		bottom: 0;
		max-width: 100%;
		width: 100%
	}

	.iconsearch {
		display: none !important;
	}

	.emailuser {
		margin-top: 15px;
		padding-bottom: 16px;
		margin-bottom: 15px;
		border-bottom: 1px solid #dee2e6;
	}

	.closenav,
	.display-n-desk,
	.mobile_view {
		display: block !important;
	}

	.st-main-content {
		padding: 0 10px !important;
	}

	.boxesfour {
		margin-top: 14px;
	}

	.desktop_view,
	.display-n,
	.searchtop {
		display: none;
	}

	.col-md-4.d-flex.align-items-stretch {
		margin-bottom: 28px;
	}

	.main {
		padding: 0;
	}

	.mainsection2 .container-fluid {
		padding: 0 !important;
	}

	.mainsection2 {
		background-position-x: 64%;
		height: 225px;
		border-radius: 0;
		margin-top: 0;
	}

	.imgedum img {
		margin: auto;
		display: block;
		width: 200px;
	}

	.mainiconsfour {
		height: auto;
		padding-bottom: 64px;
	}

	.innerfooter p {
		text-align: center !important;
	}

	.orderdiv1 {
		order: 1;
	}

	.orderdiv2 {
		order: 2;
	}

	.orderdiv3 {
		order: 3;
	}

	.sidenav {
		height: 100%;
		width: 0 !important;
		top: 0;
		background-color: #fff;
		overflow-x: hidden;
		transition: .5s;
		padding-top: 20px;
		z-index: 999;
		box-shadow: 1px 1px 20px #cfcfcf;
	}

	.menuside {
		padding-left: 6px;
	}

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}

	.searchiconswel {
		font-size: 23px;
		margin-top: 3px;
	}

	.headertop .fa-solid.fa-bars {
		margin: 15px 0;
	}

	.iconsset {
		position: absolute;
		right: 10px;
		font-size: 28px !important;
		color: #000;
	}
}

@media only screen and (max-width:1137px) and (min-width:900px) {

	#main.openbar,
	.main {
		margin-left: 0 !important;
	}

	.bgfooter,
	.sidenav {
		position: fixed;
		left: 0;
	}

	#mySidenav.openbar {
		z-index: 9999 !important;
	}

	.graph-placeholder {
		width: auto !important;
	}

	.bgfooter {
		background: #fff;
		padding: 19px 0;
		border-top: 1px solid #e5e5e5;
		bottom: 0;
		max-width: 100%;
		width: 100%
	}

	.iconsearch {
		display: none !important;
	}

	.emailuser {
		margin-top: 15px;
		padding-bottom: 16px;
		margin-bottom: 15px;
		border-bottom: 1px solid #dee2e6;
	}

	.closenav,
	.display-n-desk,
	.mobile_view {
		display: block !important;
	}

	.st-main-content {
		padding: 0 10px !important;
	}

	.boxesfour {
		margin-top: 14px;
	}

	.desktop_view,
	.display-n,
	.searchtop {
		display: none;
	}

	.col-md-4.d-flex.align-items-stretch {
		margin-bottom: 28px;
	}

	.main {
		padding: 0;
	}

	.mainsection2 .container-fluid {
		padding: 0 !important;
	}

	.mainsection2 {
		background-position-x: 64%;
		height: 225px;
		border-radius: 0;
		margin-top: 0;
	}

	.imgedum img {
		margin: auto;
		display: block;
		width: 200px;
	}

	.mainiconsfour {
		height: auto;
		padding-bottom: 64px;
	}

	.innerfooter p {
		text-align: center !important;
	}

	.orderdiv1 {
		order: 1;
	}

	.orderdiv2 {
		order: 2;
	}

	.orderdiv3 {
		order: 3;
	}

	.sidenav {
		height: 100%;
		width: 0 !important;
		top: 0;
		background-color: #fff;
		overflow-x: hidden;
		transition: .5s;
		padding-top: 20px;
		z-index: 999;
		box-shadow: 1px 1px 20px #cfcfcf;
	}

	.menuside {
		padding-left: 6px;
	}

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}

	.searchiconswel {
		font-size: 23px;
		margin-top: 3px;
	}

	.headertop .fa-solid.fa-bars {
		margin: 15px 0;
	}

	.iconsset {
		position: absolute;
		right: 10px;
		font-size: 28px !important;
		color: #000;
	}
}

.align_text,
.dataTables_empty,
.datewise h5,
.innerfeedback a,
.innerfeedback h6,
.st-center {
	text-align: center;
}

.dropddownlinksmain {
	left: -6px !important;
	top: 12px !important;
}

.dashboardicon {
	font-size: 24px;
	margin-top: 2px;
	color: #000;
}

.dashboardicon2 {
	font-size: 22px;
	margin-top: 2px;
	color: #000;
}

.emoji {
	width: 30px;
	margin: auto;
	display: block;
	cursor: pointer;
}

.padingmainpopup {
	padding: 20px;
	border-radius: 0 !important;
}

.emojismain ul:before {
	clear: both;
}

.emojismain {
	justify-content: center;
	display: flex;
}

.emojismain ul {
	list-style: none;
	padding: 0;
}

.emojismain ul li,
.footerbuttons .submit,
.pull_align .submit {
	float: left;
}

.emojismain ul li a img {
	width: 40px;
	margin: 0 11px;
}

.widthpoup {
	max-width: 639px !important;
}

.bordermain3,
.expanddiv,
.innercardlogin p {
	max-width: max-content;
}

.feedbackfield,
.login_bg .panel-body {
	margin-top: 22px;
}

.none-focus:focus {
	box-shadow: none !important;
	border-color: #000 !important;
}

.buttons {
	margin-top: 26px;
}

.buttons .btn {
	border-radius: 0;
	margin-bottom: 11px;
}

.feedbackinside {
	position: fixed;
	bottom: 0;
	background: #f6f6f6;
	padding: 13px 40px 0;
	border-top: 1px solid #dfdfdf;
	width: 244px;
}

.innerfeedback h6 {
	font-size: 12px;
}

.innerfeedback a {
	font-size: 12px;
	padding: 0;
	margin-top: 9px;
	color: #41b5cb;
}

.closepopup {
	position: absolute;
	right: 0;
	top: 0;
}

a {
	color: var(--primary-color);
}

.emojismain a.active img {
	width: 60px !important;
}

.row.flashRow {
	margin: 10px 10px 0 !important;
}

.graphBox {
	background: #fff !important;
	padding: 10px 20px 40px;
	border-radius: 6px;
}

.graphBox h4.heading {
	padding: 10px;
}

table.table.graphTbl {
	font-size: 14px;
	border: 1px solid #e1e1e1;
}

table.table.graphTbl tr th {
	border: 1px solid #e1e1e1 !important;
}

.borderright {
	border-left: 1px solid #e1e1e1;
}

.tablerespomain {
	height: 290px;
	overflow-x: auto;
}

.borderradiuse15 {
	border-radius: 0;
}

.innercardlogin img {
	width: 20px;
}

.innercardlogin {
	display: table-cell;
	padding: 25px 13px 13px;
	background: #fffbf9;
	border-radius: 16px;
	margin-bottom: 22px;
	position: relative;
	border: 1px solid #e5e5e5;
}

.innercardlogin h5 {
	margin-top: 15px;
	font-size: 16px;
	font-weight: 600;
}

.innercardlogin p {
	background: #fae0cc;
	padding: 3px 10px;
	border-radius: 8px;
	font-size: 14px;
	color: #000;
}

.innercardlogin a {
	color: #000;
}

.bordermain3 {
	border: 1px solid #d7d7d7;
	padding: 9px 11px;
	border-radius: 65px;
	max-height: max-content;
	justify-content: center;
	display: flex;
	align-items: center;
}

.bodyscroll {
	background-image: url(/images/leaf.jpg);
	background-size: cover;
	padding: 0;
	background-position: 50px -110px;
}

.closeheading .btn-close {
	position: absolute;
	right: 20px;
	top: 30px;
}

.closeheading h4 {
	font-weight: 700;
	font-size: 26px;
}

.logininfocard {
	height: 500px;
	overflow-x: auto;
}

.closeheading {
	background: url(/images/bgmain2.png) 41% -43px;
	padding: 11px 27px;
	border-radius: 0 0 25px 25px;
}

.innerloginform {
	padding: 5px 12px;
}

#fixed-user-list .remove-card,
.lds-dual-ring.hidden,
.mobile_view {
	display: none;
}

.lds-dual-ring {
	display: inline-block;
	width: 80px;
	height: 80px;
}

.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 20% auto;
	border-radius: 50%;
	border: 6px solid #fff;
	border-color: #fff transparent;
	animation: 1.2s linear infinite lds-dual-ring;
}

@keyframes lds-dual-ring {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .8);
	z-index: 9999;
	opacity: 1;
	transition: .5s;
}

.col-container {
	display: table;
	margin-bottom: 20px;
}

.panel-heading.clearfix h3 {
	font-size: 24px;
	font-weight: 600;
}

.nav.nav-tabs,
.tabsactive {
	padding: 10px 0;
	margin-bottom: 34px;
	border-radius: 0;
	margin-top: 18px;
	border-bottom: 1px solid #dee2e6;
}

.nav.nav-tabs a {
	padding: 12px 26px;
	border-radius: 77px;
	color: #000;
	font-size: 14px;
}

.btngrouptabs a.active {
	background: #E9ECEF !important;
	border: none !important;
}

.import1 button.active,
.nav.nav-tabs a.active {
	background: none;
	padding: 12px 26px;
	border-radius: 5px 5px 0 0;
	color: #000 !important;
	text-decoration: none;
	margin-right: 0;
	position: relative;
	font-weight: 600;
	border-bottom: 3px solid #0056b3;
}

.customDiv {
	background: #fff;
	padding: 16px;
	border-radius: 8px;
	margin-bottom: 15px;
}

.table.dataTable.no-footer {
	margin-top: 17px;
}

.search {
	border: 1px solid #fff;
	padding: 8px;
	border-radius: 8px;
	background: #f5f5f5;
}

.btn-glow,
.marginheading .btn-glow {
	background: #50a9ba;
	color: #fff;
	text-decoration: none;
	box-shadow: none;
}

.btn-glow {
	border-radius: 4px;
	border: none;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-submenu:focus>a,
.dropdown-submenu:hover>a,
.select2-choice,
.subAnswerInfo2 .select2-container .select2-choice .select2-arrow,
span.select2-arrow {
	background: #fff !important;
}

.marginspacing {
	padding: 0 20px;
}

/*
.dataTables_filter input, .st-search {
	margin: 10px;
	border: 1px solid #d6d6d6 !important;
	border-radius: 6px !important;
	padding: 19px;
}
*/




.table thead th {
	padding-bottom: 13px !important;
	padding-top: 18px !important;
	display: table-cell;
	width: 100px;
	font-size: inherit;
	font-weight: 600;
}

input.search {
	font-size: var(--font-size);
}

input.search:focus {
	box-shadow: 0 0 0 1px rgba(13, 110, 253, .25);
}

.marginspacing tabe {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.mainskilss p,
.orderdiv2 P,
.orderdiv3 P,
.stepsinvoice p {
	font-size: 15px;
}

.leadmain,
.table.dataTable thead th,
.tabsunderline ul li a,
span.label {
	font-size: 16px;
}

.backmainii .mio,
.margin-bt-10,
.marginheading {
	margin: 10px 0;
}

.leadmain {
	margin: 16px 69px;
}

.marginheading .btn-glow {
	padding: 8px 14px;
	border-radius: 7px;
	border: none;
	font-size: 15px;
}

.select2-choice {
	padding: 6px !important;
	height: 38px !important;
	margin-right: 12px;
	border: 1px solid #ced4da !important;
	width: 100%
}

span.select2-arrow {
	border-left: none !important;
	margin: 5px 7px;
}

.cardsnap a,
.removebg a {
	background: 0 0 !important;
}

.heightscroll::-webkit-scrollbar {
	width: 5px;
	border-radius: 10px;
}

.heightscroll::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

.heightscroll::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 10px;
}

.heightscroll::-webkit-scrollbar-thumb:hover {
	background: #555;
	border-radius: 10px;
}

.file-navigation::-webkit-scrollbar {
	width: 10px;
}

.file-navigation::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.file-navigation::-webkit-scrollbar-thumb {
	background: #888;
}

.file-navigation::-webkit-scrollbar-thumb:hover {
	background: #555;
}



table.dataTable td {
	padding: 11px 9px;
	border-bottom: 1px solid #edf2f7;
}

.heightscroll {
	height: 69vh !important;
	padding-right: 12px;
}

.dropdown-menu>li>a {
	font-size: 16px;
	outline: 0;
	padding: 9px 6px;
}

.clipboard_empty {
	width: 132px;
	margin-bottom: 20px;
}

.miyuo {
	margin-bottom: 35px !important;
}

.summary {
	display: block;
	background: #fff;
	margin: 23px 0 0;
	padding: 12px;
	border-radius: 11px;
}

.d-flexmain,
.dflexplay,
.mainline {
	display: flex;
}

span.label {
	font-weight: 400;
}

.colorchange {
	background: #dceef1 !important;
	color: #18bcdb !important;
	font-size: 13px;
	font-weight: 300;
}

.datewise h5 {
	font-size: 14px;
	font-weight: 600;
}

.datewise {
	margin-top: 9px;
	width: 35px;
}

.search:focus {
	outline: 0 !important;
	border: none !important;
}

.Kommende {
	padding: 0 12px;
}



.folder-name span,
.rightIcon {
	margin-right: 13px;
}

.bordervoterinner .nav.nav-tabs li,
.centering {
	margin-right: 0 !important;
}

.folder-name {
	border: none !important;
	border-bottom: 1px solid #efefef !important;
	border-radius: 0 !important;
	margin-bottom: 0 !important;
}


.dropdownTablesec2 {
	left: -109px !important;
	top: -1px !important;
}

.removebg a {
	color: #000;
}

.import1 {
	padding: 0;
	margin-bottom: 34px;
	border-radius: 0;
	margin-top: 0;
	border-bottom: 1px solid #e9e9e9 !important;
}

.import1 button {
	padding: 12px 26px;
	border-radius: 77px;
	color: #000;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
}

.tablecolrow {
	white-space: nowrap;
	font-size: 14px !important;
}

.bgmainfytura {
	background-color: #fff;
	padding: 27px;
	border-radius: 15px !important;
	margin-bottom: 94px;
}

.cardbgblack {
	background-color: #717274 !important;
	border-radius: 15px 15px 0 0 !important;
}

.cardbgblack p {
	font-size: 14px;
	color: #ededed;
	font-weight: 700;
	letter-spacing: 1px;
}

.cardbgblack2 {
	border-radius: 0 0 15px 15px !important;
}

.cardbgblack2 .col-sm-10,
.tableankerfont a {
	font-size: 16px !important;
}

.big-font p {
	font-weight: 800;
	font-size: 31px !important;
}

.marginbot {
	padding-bottom: 13px;
	border-bottom: 1px dashed #c5c5c5;
	margin-bottom: 20px;
}

.cardsnap a {
	color: #000 !important;
	padding: 0 !important;
	font-size: 16px;
}

.cardsnap {
	border-radius: 12px;
}

.cardsnap .card-bg-signants-title {
	background: #f5f5f5;
}

.centering {
	margin-top: 15px;
}

.cardsnap span {
	font-size: 15px;
	color: #999;
}

.cardsnap h5,
.innerdivhandlingtab h6 {
	font-size: 17px;
	font-weight: 600;
}

.removebg .btn-glow,
.removebgamin .btn-glow {
	background: 0 0 !important;
	color: #000 !important;
}

.marginmat {
	margin-top: 25px;
}

.bordermaindashed {
	padding-bottom: 44px;
	border-bottom: 1px dashed #a9a9a9;
}

.tableinvoiceedit td,
.tableinvoiceedit th {
	font-size: 14px !important;
}

.bgconetnt {
	background-color: #fff;
	padding: 20px;
	margin-bottom: 81px;
}

.bgconetnt .list-group-item {
	margin-bottom: 15px;
	border-radius: 8px;
}

.headingankers a {
	font-size: 16px;
	color: #999 !important;
}

.bgconetnt .headingthree {
	font-size: 21px;
	font-weight: 700;
}

.content-styles {
	margin: 26px 0 0 !important;
}

.innerlinktab {
	font-size: 18px;
	margin: 17px 0;
	font-weight: 500;
}

.list-group-item+.list-group-item {
	border: 1px solid rgba(0, 0, 0, .125);
}

.btnclassic {
	border: 1px solid #d1d1d1;
	padding: 5px 19px;
	font-size: 14px;
}

.panelfooter2 .submit {
	background: #e7f4f7;
	padding: 17px;
}

form#azureInvoiceEditForm button {
	margin-top: 10px !important;
}

.boxmain {
	margin-bottom: 20px;
}

.control-label {
	color: #000;
	margin-bottom: 7px;
	font-size: 16px;
}

.bordmar,
.bordmar2 {
	margin-bottom: 20px;
	border-bottom: 1px dashed #999;
	padding-bottom: 10px;
}

.marpadoi {
	margin-top: 21px;
}

.panelborder {
	border: 1px solid #dfdfdf;
	padding: 10px;
	border-radius: 11px;
	margin: 17px 0;
}

.mainline {
	border-top: 1px dashed #bfbfbf;
	padding-top: 18px;
}

.mainline .btn-glow {
	margin-right: 6px;
	padding: 7px 32px;
	font-size: 16px;
	background: #18bcdb !important;
}

.bgconetnt .input.checkbox,
.meetingaddress {
	margin-top: 14px;
}

.selctbox select {
	width: 100%;
	height: 40px;
	margin: 13px 0;
	border-radius: 6px;
}

.bordmar2 h3 {
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
}

.breadcrumbone .breadcrumb-item,
.breadcrumbone .breadcrumb-item a,
.btnbgmy a,
.dropdownmain li a,
.tableresize tr td,
.tableresize tr th {
	font-size: 14px;
}

.btnbgmy a {
	border: 1px solid #9f9f9f;
	padding: 5px 8px !important;
	margin-top: 4px;
}

.mainline .btn-glow:hover {
	background: #18bcdb !important;
	color: #fff;
}

.btnmargin3 {
	margin-bottom: 14px;
	padding: 7px 13px;
	font-size: 15px;
	font-weight: 600;
}

.btnaddpop {
	background: #50a9ba !important;
	padding: 4px 4px 2px !important;
}

.btnaddpop:hover {
	color: #fff !important;
}

.btnman .btn-glow,
.btnsample .btn-glow,
.btnsheading .btn-glow,
.btntic .btn-glow,
.d-flexmain .btn-glow {
	padding: 7px 14px !important;
	font-size: 14px;
	margin-left: 7px;
	background: #50a9ba !important;
	color: #fff !important;
}

.marginbottom-45,
.tab-pane.tableinvoiceedit {
	margin-bottom: 50px;
}

.tablecolor span {
	background-color: #999;
	color: #fff;
	padding: 0 4px;
	border-radius: 3px;
}

.bordervoterinner .nav.nav-tabs,
.dropdownmain,
.fancybox-skin {
	padding: 0 !important;
}

.field-box {
	margin-top: 14px !important;
}

.mainbordd {
	border: 1px solid #ddd;
	border-radius: 14px;
	padding: 15px;
	margin-bottom: 22px;
}

.st-filearchive2 {
	padding-bottom: 15px;
	margin-bottom: 22px;
}

.marginten {
	margin-bottom: 16px;
	margin-top: 16px;
}

.btnsmargin p,
.input.select,
.list-group-item {
	margin-bottom: 10px;
}

.select2-chosen {
	background: #fff;
	border-radius: 3px 0 0 3px;
	padding: 4px;
	margin-top: -4px;
}

.list-group-item {
	border-radius: 15px !important;
}

.mainbordd i {
	margin-left: 9px;
}

.btnman,
.checkmarkopt,
.formmain {
	margin-bottom: 14px;
}

ul.list-group-horizontal.defaultWidth {
	overflow: auto;
}

.color-picker {
	border-left: 100px solid green;
	padding: 10px 0 !important;
	margin-bottom: 10px;
}

.panel-footer.btnsheading .submit {
	width: 150px;
	float: left;
}

.dropdownmain li {
	border-bottom: 1px solid #d9d9d9;
	padding: 7px;
	cursor: pointer;
}

.dropdownmain li:last-child {
	border-bottom: none !important;
	padding: 7px;
}

.dropdownmain li a i {
	margin-right: 6px;
	color: #00bfdf;
}

.tableresize thead {
	border-top: none !important;
}

.bgtorentadd {
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	margin: 16px 0;
}

.bgtorentadd .help-block {
	line-height: 3;
	color: #999;
}

.backbgshow {
	background: #fff;
	padding: 24px;
	border-radius: 15px;
	margin-bottom: 84px;
}


.fontresize {
	font-size: 18px;
}

.box1,
.btnsample {
	border: 1px solid #e5e5e5;
	padding: 15px;
	border-radius: 15px;
	margin: 12px 0;
}

.box1 .meeting-walkthrough-box {
	border: 1px solid #e5e5e5;
	padding: 15px;
	border-radius: 15px;
	background: #f5f5f5;
}

.meeting-walkthrough-box h3 {
	font-size: 20px;
	margin-bottom: 11px;
	font-weight: 600;
}

.box1 .meeting-walkthrough-box a {
	font-weight: 600;
	margin-bottom: 9px;
}

.box1 .meeting-walkthrough-box i {
	margin-right: 7px;
	font-size: 16px;
}

.box2 h3 {
	font-size: 18px !important;
	color: #000;
}

.box1 .btn-glow {
	font-size: 15px;
	background-color: transparent !important;
	color: #50a9ba;
	padding: 4px 11px;
	border-radius: 44px;
	margin-right: 13px;
	border: 1px solid #50adbe !important;
}

.fontresizes {
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	color: #999;
}

.mainskilss {
	margin-top: 19px;
}

.message-type-2 {
	padding: 7px 14px !important;
	font-size: 16px;
	margin-left: 7px;
	background: #fff !important;
	color: #000 !important;
	border: none;
	border-radius: 6px;
	font-weight: 600;
}

.mainskilss h3 {
	font-size: 20px;
	font-weight: 700;
	margin: 12px 0;
}

.mainskilss {
	background: #e9e9e9;
	border-radius: 15px;
}

.borderselect .select2-choice,
.newdashboardmsgLog ul li,
.sakslistecard,
.secondtable .table thead,
.select2-search-choice .select2-search-choice-close,
.ullimainsection ul li,
.ullinnermain li:last-child {
	border: none !important;
}

.secondtable .done {
	background-color: #50a9ba1a;
	color: #50a9ba !important;
}

.btnproperty .btn-glow,
.btnproperty .btn-glow:hover {
	background: #50a9ba;
	padding: 9px 20px;
	font-size: 15px;
}

.btnproperty {
	margin-top: -70px;
}

.bgbottom {
	margin-bottom: 94px;
}

.btnproperty .btn-glow:hover {
	color: #fff;
}

.checkbox-container {
	background: #efefef;
	border-radius: 61px;
	padding: 4px;
	margin: 0;
	width: 100%
}

.checkbox-container .col-xs-3,
.epostsection .nav-tabs {
	margin: 0;
}

.checkbox-container .btn-primary {
	border-radius: 65px;
	color: #000;
	background: #fff;
	border: none;
	width: 100%
}

.checkbox-container .btn-primary.active {
	background: linear-gradient(to top, #50a9ba 0, #00cff7 100%) !important;
	color: #fff;
	box-shadow: none;
}

.borderbtm {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 8px;
}

.progressbar li:after {
	width: 87% !important;
	height: 2px;
	content: '';
	position: absolute;
	background-color: grey;
	top: 15px;
	left: -44% !important;
	z-index: 1 !important;
}

.aligntext {
	margin-top: 18px;
}

p.el-message-description {
	font-size: 16px;
	color: #1e2127;
}

.backbgshow .select2-container,
.fullwidthli .select2-container,
.imagebanner,
.select_dropdown .select2-container,
.selectboxset .select2-container,
.selectdropdown2 .select2-container {
	width: 100%
}

.backbgshow .select2-container .select2-choice>.select2-chosen {
	margin-top: -1px;
	margin-right: 15px;
}

.backbgshow .select2-choice {
	width: 100%;
	height: 62px;
	margin: 0;
	padding: 0 !important;
}

.backbgshow .select2-arrow {
	margin: 0;
	height: 33px !important;
}

.progress,
.progress-container:before {
	transform: translateY(-50%);
	height: 2px;
	top: 50%;
	left: 0;
}

.backbgshow .input-group-addon,
.tableinovice tr th {
	border: none;
}

.bgtags,
.bgtags2 {
	background: #fff;
	padding: 23px 23px 23px 54px;
	border-radius: 14px;
	margin-bottom: 83px;
	position: relative;
}

.bgtags .list-group-item,
.bgtags2 .list-group-item {
	background: 0 0;
	padding: 0 0 24px;
	border: none;
}

.bgtags .list-group-item:before {
	content: '';
	position: absolute;
	width: 15px;
	height: 14px;
	background: #fff;
	border-radius: 32px;
	left: -29px;
	top: 11px;
	border: 1px solid #4faabb;
}

.bgtags .list-group-item:after,
.bgtags2 .list-group-item:after {
	content: '';
	position: absolute;
	height: 100%;
	width: 1px;
	background: #4faabb;
	left: -22px;
	top: 25px;
}

.bgtags .btn-glow {
	margin-left: 0 !important;
	background: #fff;
	color: #50a9ba;
	border: 1px solid #50a9ba;
	border-radius: 45px;
	padding: 6px 29px;
	font-size: 16px;
	transition: .3s ease-in-out;
}

.circle.active,
.circle.done {
	border-color: var(--active-background-color);
}

.bgtags .btn-glow:hover {
	background-color: #50adbe;
	color: #fff;
}

.link-a {
	color: var(--primary-link-color) !important;
	background: 0 0 !important;
	text-decoration: none !important;
}

.btn-link,
.btndangerred,
.calenderanker a,
.navigation-menu2 li a,
.tableinovice a,
a.ankeraction {
	text-decoration: none;
}

.link-a:hover {
	background: var(--primary-link-background) !important;
	color: #fff !important;
	border-radius: 5px;
	padding: 1px !important;
	margin: 0 -1px !important;
}

.st-main-header {
	margin-bottom: 20px;
	font-size: 24px;
}

.st-required:after {
	content: '*';
	color: red;
	display: inline;
	margin-left: 6px;
}

.st-valid:after,
label.st-valid:after {
	font-family: 'Font Awesome 5 Pro';
	content: '\f00c';
	color: var(--primary-color);
	margin-left: 6px;
	display: inline;
}

.progress-container:before {
	content: "";
	background: var(--inactive-color2);
	position: absolute;
	width: 100%;
	z-index: -1;
}

.progress-container {
	display: flex;
	justify-content: space-between;
	position: relative;
	max-width: 100%;
	width: 80%;
	text-align: center;
	margin: 16px auto auto;
	z-index: 1;
}

.circle-footer,
.progress {
	position: absolute;
	transition: .4s;
}

.progress {
	background: var(--active-background-color);
	width: 0;
	z-index: -1;
}

.addlist,
.draganddrop {
	background-color: #fff;
}

.circle,
.circle-footer,
.panel2,
.submit-overlay {
	background: #fff;
}

.circle {
	color: #999;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid var(--inactive-color2);
	transition: .4s;
}

.circle-footer {
	/*color: #999;*/
	color: black;
	height: auto;
	width: 150px;
	transform: translateX(-50px);
	display: flex;
	align-items: start;
	justify-content: center;
}

.circle.active {
	background-color: var(--active-background-color);
	color: var(--active-color);
}

.circle.done {
	background-color: var(--done-background-color);
	color: var(--done-color);
}

.submit-overlay .infotext,
.submit-overlay .infotext2 {
	left: 50%;
	line-height: 100px;
	background: 0 0;
	font-size: 20px;
	position: absolute;
}

.flex-space-between {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
}

.flex-end,
.flex-start {
	display: flex;
	gap: 8px;
	align-items: baseline;
}

.flex-start {
	justify-content: flex-start;
}

.flex-end {
	justify-content: flex-end;
}

.submit-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 100;
	cursor: pointer;
}

.submit-overlay .spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 10px solid #f3f3f3;
	border-top: 10px solid #3498db;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	-webkit-animation: 2s linear infinite spin;
}

.submit-overlay .infotext {
	top: 50%;
	width: 100px;
	height: 100px;
	display: flex;
	justify-content: center;
}

.submit-overlay .infotext2 {
	top: 60%;
	justify-content: center;
}

/* st-local-spinner */
/* Add a overlay with spinner on a div */
.st-local-spinner {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: white;
	opacity: 0.6;
	z-index: 100;
	cursor: pointer;
}

/* Spinner overlay */
.st-local-spinner .spinner {
	position: relative;
	top: 20px;
	/* the top of the spinner (the circle) */
	left: 50%;
	transform: translate(-50%, -50%);
	border: 10px solid #f3f3f3;
	/* The circle, color light grey */
	border-top: 10px solid #3498db;
	/* The spinner, color green */
	border-radius: 50%;
	width: 100px;
	/* The width of the rectagle containing the spinner  */
	height: 100px;
	/* The height of the rectagle containing the spinner  */
	animation: spin 2s linear infinite;
}

.st-local-spinner .infotext {
	position: relative;
	top: 50%;
	left: 50%;
	width: 100px;
	/* Must be the same as the width of the .spinner */
	height: 100px;
	/* Must be the same as the height of the .spinner */
	line-height: 100px;
	background: transparent;
	display: flex;
	justify-content: center;
	font-size: 20px;
}

.st-local-spinner .infotext2 {
	position: relative;
	top: 60%;
	left: 50%;
	line-height: 100px;
	background: transparent;
	justify-content: center;
	font-size: 20px;
}

/* End st-local-spinner */



/* Spinner overlay. Show this spinner on Bootstrap 5 modal  */
.spinner-overlay {
	display: none; /* Hidden initially */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	display: flex;
	justify-content: center;
	align-items: center;
}
/* End Spinner overlay */



@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

.heading-1,
.heading-h4,
.headingmain2 {
	font-weight: 500;
	font-size: 24px;
}

.panel2 {
	border-radius: 8px;
	margin: 0;
	border: 1px solid lightgray;
	box-shadow: 1px 2px lightgrey;
}

.panel2-header {
	padding: var(--padding-1);
	border-bottom: 1px solid #ced4da;
}

.panel2-header-main {
	padding: var(--padding-1);
}

.panel2-body,
.panel2-footer {
	padding: var(--padding-1);
}

.panel2-footer {
	border-top: 1px solid #dee2f6;
}

.st-breadcrumb {
	font-size: var(--breadcrumb-font-size);
	font-weight: var(--breadcrumb-font-weight);
}

.btn-link {
	text-align: left;
	transition: .2s ease-in-out;
}

.btn-link:hover {
	font-weight: bolder;
}

.btn-link.disabled {
	opacity: .6;
}

.btn-link.disabled:hover {
	font-weight: inherit;
	cursor: default;
}

.st-red-border {
	border-color: #f38989 !important;
}

input[type=file],
input[type=text] {
	line-height: 26px !important;
	font-size: inherit;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
	text-align: right;
}

.st-card-content {
	padding: 30px 0 0;
}

.st-card-content p {
	font-size: 16px;
	padding: 0 20px;
}

.draganddrop {
	padding: 15px;
	border-radius: 15px;
	margin: 23px 0;
}

.addlist {
	padding: 23px;
	/*margin-bottom: 95px;*/
	border-radius: 8px;
	box-shadow: none !important;
}

.addlist .select2-container-multi .select2-choices {
	min-height: 40px;
	border: 1px solid #d7d1d1;
	border-radius: 6px;
	box-shadow: none !important;
	background-image: none !important;
}

.selectboxset {
	margin-bottom: 15px;
}

.addlist .help-block {
	color: #000000;
	font-size: 15px;
	line-height: 32px;
	font-family: 'Nunito Sans', sans-serif !important;
}

input.form-control {
	height: 40px !important;
	border-radius: 4px;
}

.addlist .moxie-add-documents.btn-glow {
	background: 0 0;
	color: #50a9ba;
	border: 1px solid #50a9ba;
	padding: 6px;
	font-size: 13px;
	border-radius: 51px;
	font-weight: 600;
}

.sidemenuopp {
	border-right: 1px solid #e1e1e1;
}

.sidemenuopp ul li .btn-glow {
	padding: 0;
	background: 0 0;
	text-align: left;
	font-size: 15px;
	color: #505050;
	font-weight: 600;
}

.sidemenuopp .badge {
	float: right;
	background: #00000021;
	font-size: 11px;
	color: #000;
	font-weight: 600;
	margin-top: 11px;
}

.sidemenuopp .list-group-item {
	border: none !important;
	padding: 2px 7px;
	border-radius: 6px !important;
	margin: 0;
}

.btnondisabled,
.panelbtn .btn-glow {
	padding: 7px 17px;
	float: left;
	margin-right: 10px;
	margin-top: 16px;
	font-size: 14px;
}

.sidemenuopp .list-group-item.active {
	z-index: 2;
	color: #fff !important;
	background-color: #f2f4f5;
}

.sidemenuopp .btn-glow:hover {
	background-color: transparent !important;
	color: #000 !important;
	font-weight: 600;
}

.btnondisabled {
	color: #fff !important;
	background-color: #2178be !important;
}

.newsletterSideMenu i,
.ullimainsection ul li a i {
	margin-right: 10px;
}

.hidden-select,
.maindivCollapse label.message-type .fa.fa-plus,
.maindivCollapse label.message-type .radio span {
	opacity: 0;
}

.panelbtn .btn-glow {
	color: #2178be;
	background-color: transparent;
}

.panelbtn {
	border-top: 1px solid #dfdfdf;
	margin-top: 22px;
}

#dashboardmenu a.active {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 12px 8px 12px 16px;
	height: 48px;
	background: #F7F8F9;
	border-radius: 8px
}


.btnglowhovertext .btn-glow {
	background-color: transparent !important;
	color: #4c4a4a;
	padding: 0 11px !important;
	text-align: left !important;
	font-size: 14px;
	border: 1px solid #fff;
}

.btnglowhovertext .btn-glow:hover {
	background-color: #fff !important;
	padding: 0 11px !important;
	color: #50abbc !important;
	border: 1px solid #50abbc;
	border-radius: 6px;
}

.dflexplay .btn-glow {
	padding: 8px 16px;
	font-size: 15px;
	background: #4fb2c6;
	margin-right: 9px;
}

.dflexplay .btn-glow:hover {
	color: #fff !important;
	background: #4fb2c6;
}

.bottomlineleft .list-group-item:last-child:after {
	content: '';
	position: absolute;
	height: 100%;
	width: 1px;
	background: #fff;
	left: -22px;
	top: 25px;
}

.bottomlineleft .list-group-item:last-child,
.bottomlineleft:last-child {
	padding-bottom: 0 !important;
}

.bgtags2 .list-group-item:before {
	content: '';
	position: absolute;
	width: 15px;
	height: 14px;
	background: #4faabb;
	border-radius: 32px;
	left: -29px;
	top: 11px;
	border: 1px solid #4faabb;
}

.bgtags2 .btn-glow:first-child:before {
	content: '';
	position: absolute;
	height: 54%;
	width: 1px;
	background: #4faabb;
	left: -22px;
	top: -23px;
}

.btnpadd {
	float: right;
	margin-right: 9px;
}

.btnpadd a {
	padding: 7px 11px;
	margin-top: 1px;
	float: right;
}

.voterspage .ariana-position,
.voterspage .hack-adjust {
	margin-top: 0 !important;
}

.voterspage .assembly-data {
	border: 1px solid #d7d7d7;
	border-radius: 10px;
}

.voterspage .assembly-data li {
	border-bottom: 1px solid #d7d7d7 !important;
	margin: 0;
	border: none;
	border-radius: 0 !important;
	background: 0 0;
	padding: 9px 8px;
	transition: .3s ease-in-out;
}

.voterspage .assembly-data li:hover {
	background-color: #ededed;
}

.bordermaintable li:last-child,
.liststyleborder li:last-child,
.voterspage .assembly-data li:last-child {
	border-bottom: none !important;
}

.voterspage .assembly-data li .btn-glow {
	text-align: left;
	background-color: transparent !important;
	color: #707070;
	font-size: 14px;
	font-weight: 600;
}

.bordervoterinner {
	border: 1px solid #d7d7d7 !important;
	border-radius: 10px;
	padding: 15px;
}

.bordervoterinner .nav.nav-tabs a {
	padding: 9px 18px !important;
	border-radius: 77px !important;
	color: #121212;
	text-decoration: none !important;
	font-size: 15px !important;
	font-weight: 600;
	background: #fff;
}

.bordervoterinner .nav.nav-tabs li.active {
	border-radius: 47px;
	color: #fff !important;
	text-decoration: none;
	margin-right: 0;
	position: relative;
}

.bordervoterinner .nav.nav-tabs li.active a {
	color: #262626 !important;
	border-bottom: 4px solid #0056b3;
	border-radius: 0 !important;
	font-weight: 600;
}

.btncolor .btn-glow {
	background-color: transparent !important;
	padding: 0 !important;
	color: #000 !important;
}

.floatnone span:last-child {
	float: left !important;
	font-size: 13px;
	color: #999;
}

.voterspage {
	margin-top: 33px;
}

.circle-footer,
.disabledcheck:disabled,
.disabledcheck[readonly],
.maodalpopup2 .field-box .select2-container .select2-arrow {
	background-color: transparent !important;
}

.circle-footer .btn-glow {
	background-color: transparent;
	color: #555 !important;
}

.voterspage .btn-glow.btn-outline {
	background: #2178be;
	padding: 9px 20px;
	font-size: 15px;
	border: none;
}

.infoamain .alert.alert-info {
	color: #055160;
	background: linear-gradient(to top, #d3f8ff82 0, #00cff730 100%) !important;
	border-color: #fff;
	border-radius: 11px;
}

.infoamain .alert-success {
	color: #50a9ba;
	background-color: #50a9ba2b;
	border-color: #fff;
	font-weight: 600;
	font-size: 25px;
	border-radius: 11px;
}

.infoamain .alert,
.infoamain .alert.alert-info p {
	font-size: 17px;
}

.btnsfem .btn-glow {
	background: #50a9ba;
	padding: 9px 20px;
	font-size: 15px;
	margin-right: 9px;
}

.sidenav-menu {
	width: 28px;
	float: left;
	margin-top: 19px;
	margin-right: 13px;
	cursor: pointer;
}

.listofpopover {
	border-radius: 5px !important;
	margin-bottom: 10px;
	border: none !important;
	padding: 5px;
	background: #f5f5f5;
}



.listofpopover:hover {
	background: #e3e3e3;
}

.listofpopover .btn-glow {
	background-color: transparent;
	color: #626262 !important;
	font-size: 16px;
}

.headingtext h4 {
	font-size: 20px;
	color: #000;
	font-weight: 600;
}


.maodalpopup2 .panel-heading {
	background-color: #00bfdf00 !important;
	padding: 11px;
	border-bottom: 1px solid #ced4da;
}

.maodalpopup2 .panel-heading h3 {
	color: #000 !important;
	font-size: 22px;
	text-transform: none !important;
	font-weight: 700;
}

.maodalpopup2 .panel-body {
	padding: 10px 25px;
}

.maodalpopup2 .field-box .select2-container {
	border-radius: 8px;
	width: 100%
}

.maodalpopup2 .field-box .select2-container .select2-choice {
	border: 1px solid #ced4da !important;
	border-radius: 6px;
	width: 100%;
	background-color: transparent !important;
}

.maodalpopup2 .field-box label {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 5px;
}

.maodalpopup2 .field-box {
	margin-bottom: 9px;
}

.maodalpopup2 .field-box .select2-container .select2-chosen {
	width: 100%;
	background-color: transparent !important;
	font-size: 14px;
	color: #545454;
	font-weight: 600;
}

.footerbuttons {
	border-top: 1px solid #ced4da;
	padding: 18px 29px;
	margin-bottom: 15px;
}

.btn1 {
	background: #fff;
	padding: 7px 13px;
	font-size: 14px;
	color: #2178be;
	border: 2px solid #2178be;
	font-weight: 600;
}

.btn2,
.footerbuttons .btn-glow {
	background: #2178be;
	margin-left: 12px;
	font-size: 14px;
	font-weight: 600;
}

.btn2 {
	padding: 9px 20px;
}

.footerbuttons .btn-glow {
	padding: 8px 20px;
	color: #fff;
	border: none;
}

.fancybox-overlay {
	background: #00000061 !important;
}

.maodalpopup2 .dates-container .help {
	font-size: 15px;
	margin-top: 9px;
	color: #979797;
}

.maodalpopup2 span.date {
	background: #e7f1ff;
	font-size: 14px !important;
	padding: 4px 10px;
	border-radius: 60px;
}

.fancybox-skin {
	box-shadow: 0 10px 25px rgb(0 0 0/0%) !important;
}

.sakslistecard h3 {
	font-size: 18px;
	font-weight: 700;
}

.sakslistecard .card-header {
	padding: 5px 10px;
	border-bottom: none;
	cursor: pointer;
	background-color: #efefef;
}

.bgcalenderpage {
	background-color: #fff;
	box-shadow: 1px 1px 20px #0000000d;
	border-radius: 15px;
}

.calenderanker a {
	font-size: 13px;
	color: #6c6c6c;
	font-weight: 600;
}

.calenderanker {
	margin-top: 2px;
	margin-left: 7px;
}

.maincol-padd .col-md-3 {
	padding: 3px 7px !important;
	margin-bottom: 6px;
}

.maincol-padd .btn-glow {
	background: 0 0;
	color: #a1a1a1;
}

.arrowiconcollapse a {
	background: #fff;
	padding: 9px 12px;
	border-radius: 41px;
	color: #b5c2fd;
	cursor: pointer;
}

.do.bgcalenderpagewn-arrow {
	border-radius: 2px;
}

@keyframes jumpInfinite {

	0%,
	100% {
		margin-top: 0;
	}

	50% {
		margin-top: 10px;
	}
}

.down-arrow {
	animation: 1.5s infinite jumpInfinite;
}

.calndericons {
	background: #fff;
	padding: 2px 8px;
	border-radius: 43px;
	margin: 0;
}

.calndericons i {
	font-size: 13px;
	color: #51acbd;
}

.danger {
	/*color: #e9e4e4;*/
	color: white;
	background: #d32b2b;
}

.btn-spance {
	padding: 10px;
	margin: 5px;
}

.headingmaintop h3 {
	font-size: 20px !important;
	font-weight: 600 !important;
}

.invoicetop {
	background: #fff;
	margin-top: 13px;
	padding: 18px;
	border-radius: 10px;
}

.headingmaintop h3 span,
.statusventer {
	background: #e7f1ff;
	font-weight: 600;
	font-size: 14px;
}

.tableinovice tr {
	border-bottom: 1px solid #e9e9e9;
}

.tableinovice tr td {
	border: none;
	padding: 10px 8px;
	font-size: 14px;
	vertical-align: middle !important;
}

.headingmaintop h3 span {
	padding: 4px 9px;
	border-radius: 41px;
}

.linkgreen {
	border: 1px solid #2c6740 !important;
	margin-right: 10px;
	color: #2c6740;
}

.linkred {
	border: 1px solid #ca1324 !important;
	color: #ca1324;
}

.linkred.active,
.linkred:hover {
	background-color: #ca1324 !important;
	border: 1px solid #ca1324 !important;
}

.handlinertabs .nav-link.active,
.handlinertabs .nav-link:hover {
	background: #2c6740;
	color: #fff;
	border: 1px solid #2c6740;
}

.handlinertabs .nav-link {
	padding: 6px 22px;
	font-size: 15px;
}

.checboxmain {
	padding: 12px;
	border-radius: 6px;
	margin-top: 10px;
	border: 1px solid #dee2e6;
	box-shadow: 0 2px 2px rgba(24, 39, 75, .06);
}

.innerdivhandlingtab .confighandling {
	color: #000;
	font-weight: 600;
	font-size: 15px;
}

.checboxmain .form-check-label {
	color: #2178be;
	font-weight: 600;
	font-size: 15px;
}

.checboxmain p {
	margin-left: 26px;
	font-size: 15px;
}

.mainheadingtr td {
	font-weight: 600;
	color: #000;
}

.statusventer {
	color: #000;
	padding: 3px 14px;
	border-radius: 70px;
}

.stepsinvoice li {
	position: relative;
	list-style: none;
	padding: 15px;
}

.stepsinvoice li:before {
	content: '';
	position: absolute;
	border: 1px solid #ced4da;
	padding: 7px;
	border-radius: 41px;
	left: -22px;
	top: 17px;
	background: #fff;
}

.stepsinvoice li:after {
	content: '';
	position: absolute;
	background: #ced4da;
	height: 100%;
	width: 1px;
	left: -14px;
	top: 32px;
}

.mssagelog {
	background: #f8f9fa;
	padding: 11px;
	border-radius: 10px;
	margin-top: 9px;
	font-size: 15px;
}

.commentdate {
	padding-bottom: 4px;
	font-size: 14px;
}

.commentname span {
	font-weight: 700;
}

.tableinovice .table {
	border: 1px solid #e9e9e9 !important;
}

.formtextarea label {
	color: #000;
	font-weight: 600;
	font-size: 15px;
	margin-bottom: 10px;
}

.tableinovice a {
	font-weight: 600;
	font-size: 14px;
}

.btnbgcolor {
	background: #2178be;
	border: none;
	padding: 7px 24px;
	font-weight: 600;
}

.checboxmain .form-check {
	padding-left: 0;
}

.secondtab p,
.ullinner .btn-glow {
	font-size: 15px;
	font-weight: 600;
}

.pdfwrap .btn-glow {
	background-color: transparent;
	color: #2178be;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
}

.sidenav {
	height: 100%;
	width: 75px;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	overflow-x: hidden;
	transition: .5s;
	padding-top: 20px;
	z-index: 999;
}

.menuside {
	padding-left: 6px;
}

.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

.searchiconswel {
	font-size: 23px;
	margin-top: 3px;
}

.headertop .fa-solid.fa-bars {
	margin: 15px 0;
}

.iconsset {
	position: absolute;
	right: 10px;
	font-size: 28px !important;
	color: #000;
}

.sidenav li {
	list-style: none;
	margin: 0 6px 0 14px;
}

.main {
	margin-left: 75px;
	transition: .3s ease-in-out;
}

.fontprint {
	font-size: 18px !important;
}

.tableinovice tr th {
	padding: 10px 8px !important;
	color: #000;
	text-transform: capitalize;
}

.add-document span,
.add-recipient span,
.add-signant span,
.add-signee span {
	color: #397cd6;
	white-space: nowrap;
	cursor: pointer;
}

.newsteps-convert .progress-container:before {
	content: "";
	background: var(--inactive-color2);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	height: 0;
	width: 100%;
	z-index: -1;
}

.newsteps-convert .circle {
	height: 25px;
	width: 25px;
	float: left;
}

.newsteps-convert .progress-container {
	margin-top: 11px !important;
	margin-bottom: 34px !important;
	display: flex;
	justify-content: normal;
	position: relative;
	max-width: 100%;
	width: 100%;
	text-align: left !important;
	margin: auto;
	z-index: 1;
}

.newsteps-convert .progress {
	background: var(--primary-color);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-20%);
	height: 0;
	width: 0;
	z-index: -1;
	transition: .4s;
}

.btn-outline-primary:hover,
.btnborder:hover {
	background: #e4eff7 !important;
	color: #397cd6;
}

.newsteps-convert .circlesteps {
	margin-right: 140px;
	position: relative;
}

.newsteps-convert .circle-footer {
	position: absolute;
	top: 50%;
	left: 423%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: normal;
	justify-content: normal;
	font-size: 14px;
	font-weight: 600;
	color: #000;
}

.newsteps-convert .circle-footer:after {
	content: '\f054';
	position: absolute;
	width: 20px;
	height: 20px;
	color: #6c757d;
	right: 43px;
	font-family: FontAwesome;
}

.fancybox-close:before,
.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before,
.iconsaddarrow:before {
	font-family: bootstrap-icons !important;
}





.btnbold {
	background: #397cd6 !important;
	margin-right: 7px;
	padding: 8px 20px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	border: none;
	opacity: 1 !important;
	border-radius: 4px;
}

.btnborder,
.btnborder:hover {
	padding: 7px 13px;
	font-size: 16px;
	font-weight: 600;
	opacity: 1 !important;
}

.btnborder {
	background: #fff;
	color: #397cd6;
	border: 1px solid #397cd6;
	margin-left: 5px;
	border-radius: 4px;
	margin-right: 4px;
}

.btnborder:hover {
	border: 1px solid #397cd6;
}

.btndangerred {
	background: #fff !important;
	padding: 7px 19px !important;
	font-size: 14px !important;
	color: #ca1324 !important;
	border: 1px solid #ca1324 !important;
	font-weight: 600;
	border-radius: 6px;
	opacity: 1 !important;
}

.tableinovice {
	margin-bottom: 35px;
}

.innderaction,
.tableinovice .table-text {
	margin-bottom: 13px;
}

.tableinovice .table thead {
	border-top: 1px solid #dee3ea !important;
	border-bottom: 1px solid #dee3ea;
}

.btnlefttype {
	float: left;
	margin-right: 10px;
}

.datesetcalender .input-group-addon {
	background: 0 0;
	border-left: 0 solid #fff;
	border-radius: 0 4px 4px 0;
}

.datesetcalender .input-group-addon i {
	margin-top: 5px;
	font-size: 16px;
	color: #000;
}

#mySidenav.openbar {
	width: 250px !important;
	z-index: 999;
}

#main.openbar {
	margin-left: 250px;
}

.widthmonogram {
	width: 23px;
	margin: -9px 26px 12px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 9px;
}

.btncollapse,
.btncollapse:hover {
	color: #2178be;
	background: 0 0;
	text-decoration: underline;
	margin-top: 15px;
	font-size: 14px;
}

.datecalendermain .input-group-addon {
	border-left: none;
	background: 0 0;
	border-radius: 0 4px 4px 0;
}

.datecalendermain input {
	border-right: none;
}

.datecalendermain .input-group-addon i {
	font-size: 15px;
	margin-top: 4px;
	color: #397cd6;
}

.btncollapse {
	font-weight: 600;
}

.headingpopup h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 9px;
}

.bgcalenderpage2 {
	/*background-color: #fff;
	box-shadow: 1px 1px 20px #0000000d;
	border-radius: 15px;*/
	padding: 13px 20px;
}

.bgcalenderpage2 .search {
	background: #fff !important;
	border: 1px solid #ced4da !important;
	height: 40px;
	border-radius: 6px;
	padding: 11px;
	font-size: 15px !important;
	margin-left: 0;
}

.tabsandinput select {
	height: 40px;
	width: 181px;
	padding: 0 4px;
	border-radius: 6px;
}

.tabsandinput .dataTables_filter {
	float: none !important;
	text-align: left !important;
}

.tabsandinput .filters {
	float: right;
	margin-top: 10px;
}

.headingfontinner h3,
.headingmain {
	font-size: 20px !important;
	font-weight: 600 !important;
	margin-bottom: 16px;
}

.innercardklipe .process-block {
	font-size: 14px;
	border-bottom: 1px solid #ededed;
	margin-bottom: 12px;
	padding-bottom: 12px;
}

.innercardklipe .btn-glow {
	background-color: transparent;
	padding: 0 !important;
	color: #2178be !important;
	float: right;
	font-weight: 600;
}

.stretbgmain {
	background-color: #fff;
	border-radius: 8px;
	padding: 24px;
	margin-bottom: 20px;
}

.stretbgmain label {
	font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	color: #000;
}

.stretbgmain .field-box {
	margin-bottom: 24px;
}

.headingmain h3 {
	font-size: 20px;
	font-weight: 600;
}

.headingmain h3 span {
	font-weight: 600;
	font-size: 14px;
	background: #e9ecef;
	padding: 4px 11px;
	border-radius: 69px;
	margin-left: 8px;
}

.perahelper,
.textpera {
	font-weight: 400;
	font-size: 16px;
}

.formmain .select2-choice,
.stretbgmain .select2-container .select2-choice {
	background: 0 0 !important;
	width: 100%
}

.formmain .select2-container {
	padding: 0 !important;
	background: 0 0;
}

.table .btn-glow,
.table .btn-glow.primary,
.table .btn-glow.primary:hover {
	padding: 4px 8px !important;
}

.formmain .select2-chosen {
	background: 0 0;
	width: 100%
}

.fontchoosefile {
	font-size: 14px;
	font-weight: 600;
}

.headingstatus h6 {
	font-size: 14px;
	margin-bottom: 17px;
}

.overduehighlight {
	max-width: max-content;
	padding: 5px 10px;
	border-radius: 30px;
	margin-top: -5px;
}

a.ankeraction {
	font-size: 15px;
	color: #2178be;
	font-weight: 600;
}

.dangercol {
	color: #ca1324 !important;
}

.secondActions {
	border-top: 1px solid #e8e8e8;
	margin-top: 10px;
	padding-top: 20px;
}

li.select2-results-dept-0.select2-result.select2-result-selectable {
	font-size: 15px;
	padding: 1px 0;
}

div#select2-drop {
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	box-shadow: none;
}

.select2-results .select2-highlighted {
	background: #ededed;
	color: #000;
}

.mydisabled {
	opacity: .7;
}

.thecarddockumenter {
	margin: 0 20px;
}

.table th {
	text-transform: none !important;
}

.btnsmargin h5 {
	font-size: 14px;
	margin-bottom: 11px;
}

.bordermaininner {
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 18px;
	padding-bottom: 13px;
}

.bordermaininner2 {
	border-top: 1px solid #e2e2e2;
	margin-top: 10px;
	padding-top: 17px;
}

.epostsection {
	border: 1px solid #d9d9d9;
	padding: 9px;
	margin: 0 0 10px;
	border-radius: 4px;
}

.table .btn-glow {
	background-color: transparent !important;
	color: #2178be;
	text-align: left !important;
	font-weight: 500;
}

.btn-glow:hover,
.table .btn-glow.primary:hover {
	background: #e4eff7 !important;
	color: #175587;
}

.table .btn-glow.primary {
	background: 0 0 !important;
	text-align: left !important;
	text-shadow: none;
	font-weight: 500;
}

.btn-glow {
	padding: 10px !important;
}

.kategoribg .label {
	font-size: 13px;
	padding: 2px 7px;
	border-radius: 30px;
	color: #fff;
	font-weight: 600;
}

.tableinovice table th span.line {
	position: absolute;
	top: 0;
	left: -8px;
	border-left: 1px solid #dee3ea;
	height: 0;
}

.navigation-menu2 li {
	float: left;
	list-style: none;
	margin-right: 22px;
}

.navigation-menu2 {
	padding-bottom: 15px;
	padding-left: 0;
}

.navigation-menu2 li a {
	font-size: 15px;
	color: #000;
	font-weight: 600;
}

.subAnswerInfo2 .select2-container {
	width: 100%;
	border: 1px solid #ced4da;
	border-radius: 4px;
}

.subAnswerInfo2 .fa-calendar {
	margin-top: 9px;
}

#bootstrap-confirm-box-modal .modal-title {
	font-size: 16px;
	font-weight: 600;
	color: #000;
}

.btnremove {
	background: 0 0;
	border: none;
	font-size: 23px;
	position: absolute;
	right: 0;
	top: 0;
}

.cursormain .list-group-item {
	cursor: all-scroll;
}

.cursormain .draggable {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 12px;
}

.cursormain .draggable .fa-arrows-alt {
	float: left;
	margin-right: 12px;
	height: 35px;
	width: 35px;
	font-size: 18px !important;
}

.cursormain .filter-checkbox .btnbold {
	padding: 5px 13px !important;
}

.helper2 {
	font-size: 13px;
	margin-top: 2px;
	background: #e7f1ff;
	padding: 3px 8px;
	border-radius: 40px;
	font-weight: 600;
	margin-left: 7px;
}

.logomonogram {
	width: 27px;
	float: left;
}

.fontheader h4 {
	margin-left: 43px;
	margin-top: 13px;
	font-size: 20px;
}

.border1 {
	border-bottom: 1px solid #e5e5e5;
	margin: 0;
	padding: 0;
}

.emailuser {
	margin-top: 36px;
	padding-bottom: 36px;
	margin-bottom: 36px;
	border-bottom: 1px solid #dee2e6;
}

.emailuser h5 {
	font-weight: 500;
	font-size: 20px;
	color: #000;
}

.emailuser h5 span {
	color: #6c757d;
}

.widthimageicons {
	width: 34px;
}

.choseuser_heading {
	padding-left: 15px;
}

.cards_choose_user {
	margin-top: 53px;
	margin-bottom: 75px;
}

.inner_choose_user {
	width: 100%;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .175);
	border-radius: 8px;
	padding: 14px;
	transition: .2s ease-in-out;
	cursor: pointer;
	margin-bottom: 10px;
}

.inner_choose_user:hover {
	background: linear-gradient(0deg, rgba(33, 120, 190, .04), rgba(33, 120, 190, .04)), #fff;
	border: 1px solid #2178be;
}

.choseuser_heading h5 {
	margin-bottom: 3px;
	color: #000;
	font-weight: 600;
}

.choseuser_heading p {
	margin-bottom: 3px;
	color: #6c757d;
	font-size: 15px;
	font-weight: 600;
}

.col-md-4.d-flex.align-items-stretch {
	padding: 0 5px;
}

.imageond {
	width: 35px;
	margin-top: -4px;
}

.imagetwo {
	width: 14px;
	margin-left: 14px;
}

.img1 {
	margin-right: 9px;
}

.choseuser_profile i {
	background: #e7f1ff;
	padding: 4px 8px;
	font-size: 19px;
	border-radius: 201px;
}

.btnclosemain {
	background: 0 0;
	border: none;
	font-size: 24px;
}

.selectdropdown2 .select2-choice {
	width: 100%;
	background: 0 0 !important;
	border: 1px solid #d7d7d7 !important;
}

.selectdropdown2 .select2-chosen {
	background: 0 0;
}

.selectdropdown2 .select2-arrow,
.stretbgmain .select2-choice,
.stretbgmain .select2-chosen {
	background: 0 0 !important;
}

.borderfootermain {
	border-top: 1px solid #ebebeb;
	padding-top: 20px;
}

.liststyle-border li {
	border: none !important;
	padding: 0 0 12px;
	border-bottom: 1px solid #dadada !important;
	border-radius: 0 !important;
}

.liststyle-border li a {
	background: 0 0;
	font-weight: 600;
	font-size: 15px;
	color: #397cd6;
}

.tableinovice .odd {
	background-color: #fff !important;
}

.btnmaininner .submit .btn-glow.primary {
	background: #fff;
	padding: 7px 13px;
	font-size: 14px;
	color: #397cd6;
	border: 1px solid #397cd6;
	font-weight: 600;
	margin-left: 5px;
	opacity: 1 !important;
	border-radius: 4px;
	margin-right: 4px;
}

.btnmaininner .btn-glow.back-button,
.btnmaininner .btn-glow.fancybox-back-button {
	background: #397cd6 !important;
	margin-right: 7px;
	padding: 8px 20px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	border: none;
	opacity: 1 !important;
	border-radius: 4px;
}

.btnalignh {
	margin-top: 14px;
	margin-left: 12px;
}

.ullinner .list-group-item {
	border: none;
	border-bottom: 1px solid #e6e6e6;
	border-radius: 0 !important;
	padding: 4px 0;
	margin: 0;
}

.ullinner .btn-glow i,
.ullinner2 .btn-glow i {
	margin-right: 11px;
}

.tabsactive li,
.tabsactive li.active {
	background: 0 0 !important;
	padding: 8px 3px;
	border-radius: 0;
	margin-right: 0;
	color: #000 !important;
	position: relative;
	text-decoration: none;
}

.maiperapopup {
	font-size: 15px;
	color: #1f1f1f;
	font-weight: 600;
	margin-bottom: 7px;
}

.btn-primary,
.btnborderred {
	font-size: 16px;
	font-weight: 600;
	opacity: 1 !important;
}

.danger:hover {
	color: #fff;
}

.tabsactive li {
	font-weight: 600;
	border-bottom: 3px solid #fff;
}

.tabsactive li.active {
	font-weight: 600;
	border-bottom: 3px solid #0056b3;
}

.btn-primary {
	background: var(--primary-color) !important;
	padding: 7px 16px;
	color: #fff;
	border: none;
	border-radius: 6px;
	text-decoration: none;
}

.btn-primary[disabled] {
	opacity: .35 !important;
}

.btn-primary.disabled {
	opacity: .5 !important;
}

.btnborderred:hover {
	color: #fff;
	background-color: #d32b2b;
}

.btnborderred {
	background: #fff;
	padding: 7px 13px;
	color: #d32b2b;
	border: 1px solid #d32b2b;
	margin-left: 5px;
	border-radius: 4px;
	margin-right: 4px;
}

.input-group-addon {
	display: flex;
	align-items: center;
	font-size: inherit !important;
}

.stretbgmain .select2-container {
	border: 1px solid #ddd;
	border-radius: 4px;
	width: 100%
}

.stretbgmain .select2-arrow {
	background: 0 0 !important;
	margin: 6px;
}

.panelbtn .btnborder {
	margin-top: 16px;
	border: none;
}

.layerBtn.active {
	color: #fff;
	background-color: #0a58ca;
	border-color: #0a53be;
}

.select2-search-choice {
	padding-right: 13px;
}

.btnalign {
	line-height: 4;
	margin-left: 9px;
}

.lineheight_30,
.switch_btn {
	line-height: 30px;
}

.labeltext label {
	display: block;
	margin-bottom: 14px;
}

.themainmargin {
	margin-bottom: 110px;
}

.marginmain10 {
	margin-top: 63px;
}

.marginmain10 a {
	padding: 8px 12px !important;
}

.newtabs .nav.nav-pills {
	border: 1px solid #ced4da !important;
	max-width: max-content;
	border-radius: 6px;
}

.newtabs .nav-link.active {
	padding: 6px 9px;
	border: none !important;
	background: #e9ecef !important;
	font-weight: 400;
}

.newtabs .nav-link {
	padding: 6px 9px;
}

.switch_btn {
	padding: 7px 10px;
	border: 1px solid #adb5bd;
	border-radius: 6px;
	color: #495057;
	font-size: 16px;
	font-weight: 600;
}

.colorlink,
.loginBtn .btn-glow {
	font-size: 14px;
	font-weight: 600;
}

.mainiconsfour h6 {
	color: #000 !important;
}

.colorlink {
	color: #2178be;
	padding: 10px 17px;
	border-radius: 6px;
	transition: .3s ease-in-out;
}

.colorlink:hover {
	background: #e4eff7;
	color: #175587;
}

.mobile_view a {
	border: none;
	padding: 0;
}

.closenav {
	position: relative;
	display: none;
}

.closeiconAbsolute,
.closenav i,
.cloud,
.iconsadd i,
.iconsadd2 i,
.iconsaddarrow:before,
.light,
.text-box {
	position: absolute;
}

.closenav i {
	font-size: 25px;
	right: 13px;
	top: -43px;
	cursor: pointer;
}

.tabsinvoice {
	margin-bottom: 0 !important;
}

.menumanagers ul li,
.searchbartables ul,
ul.managerUl li {
	list-style: none;
}

.bottomspacing {
	margin-bottom: 83px;
}

.align_text h5 {
	text-align: center;
	margin-top: 6px;
	font-size: 16px;
	color: #495057;
	line-height: 22px;
	width: 220px;
}

.align_text h4 {
	color: #000;
	font-weight: 600;
	font-size: 20px;
}

.spacingBtn {
	padding: 0 26px;
	margin-bottom: 20px;
}

.marginALignFooter {
	margin-bottom: 85px;
}

.closeiconAbsolute {
	top: 8px;
	right: 17px;
	background: #397cd633;
	padding: 6px 8px 2px 9px;
	border-radius: 42px;
	color: #000;
	margin: 0;
}

.chipsmain .badge.rounded-pill.bg-primary {
	background: #0d6efd30 !important;
	color: #000;
	font-weight: 600;
	padding: 6px 15px 2px;
	margin-left: 11px;
}

.fontperaain {
	font-size: 16px;
	margin-top: 10px;
	font-weight: 600;
	margin-bottom: 24px;
}

.selectdropdownmain .input.select {
	width: 100%;
	height: 40px;
	background: 0 0;
	border: none;
}

.maindivCollapse {
	border-color: #c1c7cd;
	border-radius: 9px;
	padding: 0;
}

.maindivCollapse label.message-type {
	padding: 11px 22px;
	cursor: pointer;
}

.maindivCollapse .message-type.active {
	background-color: #e9ecef;
	border-radius: 8px;
}

.maindivCollapse label.message-type strong {
	margin-left: -41px;
	font-weight: 600;
}


.onealign,
.removeWhite {
	white-space: nowrap;
}

.btnmaininner .btn-glow.primary {
	background: #397cd6 !important;
	margin-right: 7px;
	padding: 8px 16px;
	font-size: 16px;
	font-weight: 600;
	color: #fff !important;
	border: none;
	opacity: 1 !important;
	border-radius: 6px;
	text-decoration: none;
}

.dropdownalign {
	text-align: right;
}

.activeshade {
	border: 1px solid #ced4da;
	border-radius: 6px;
	max-width: max-content;
}

.activeshade .btn.btn-default.active {
	background: #e9ecef;
}

.dropdownalign .dropdown-toggle {
	border: 1px solid #d3d3d3;
	height: 39px;
}

.login_bg {
	background: #fff;
	border-radius: 8px;
	width: 420px;
	margin: auto;
	box-shadow: 1px 1px 60px #e9eeff;
	overflow: hidden;
}

.paddingLogin {
	padding: 38px 38px 0;
}

.loginBtn .btn-glow.btn-outline {
	width: 100%;
	margin-top: 35px;
	height: 40px;
	font-size: 16px;
	font-weight: 600;
	background: #397cd6;
	color: #fff;
	border-radius: 6px;
	transition: .3s ease-in-out;
}

.loginBtn .btn-glow.btn-outline:hover {
	background: #1e6cab !important;
	color: #fff !important;
}

.loginBtn .btn-glow {
	text-align: center;
	margin: 14px 0;
	display: block;
	background: 0 0;
	color: #397cd6;
	padding: 4px 8px !important;
}

.fonttext {
	font-size: 24px;
	font-weight: 700;
}

.login_bg .form-control {
	margin-bottom: 20px;
	border: 1px solid #eaeaea;
	padding: 0 0 0 37px;
}

.logo_login {
	width: 88px;
	margin: auto auto 14px;
	display: block;
}

.logo_login2 {
	width: 26px;
	margin: -3px auto 14px;
	display: block;
}

.centerAlign {
	margin-top: 90px;
}

.buildingwidth {
	width: 100%;
	border-radius: 8px;
	opacity: .4;
}

.iconsadd i {
	top: 10px;
	left: 10px;
}

.iconsadd2 .label-control {
	margin-bottom: 20px;
	color: #999;
	font-weight: 600;
}

.btnalignPassword .btn-glow.btn-outline {
	width: 49%;
	height: 40px;
	font-size: 16px;
	font-weight: 600;
	background: #397cd6;
	border-radius: 4px;
	margin-top: 8px;
	margin-bottom: 18px;
}

.iconsadd2 i {
	top: 78px;
	left: 10px;
}

.btnalignPassword .btn-glow.btn-outline:last-child {
	border: 1px solid #397cd6;
	background: 0 0;
	color: #397cd6;
}

.light {
	border-radius: 50%;
	bottom: -20px;
	z-index: 10;
	left: -100px;
	animation: .8s ease-in-out infinite alternate light;
}

.cloud {
	top: -5px;
	right: -100px;
	opacity: .8;
	animation: 15s linear infinite reverse cloud;
	z-index: 99;
}

@keyframes light {

	0%,
	100% {
		opacity: 1;
	}
}

@keyframes cloud {
	from {
		right: -100px;
	}

	to {
		right: 102%
	}
}

.keyframePlan {
	width: 51px;
	opacity: .8;
}

.text-box {
	top: -9%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	margin: auto;
	display: block;
}

.heading-primary {
	color: #333;
	text-transform: uppercase;
	display: flex;
}

.heading-primary-main {
	display: block;
	font-size: 60px;
	font-weight: 400;
	letter-spacing: 35px;
	animation-name: moveInleft;
	animation-duration: 1s;
}

.heading-primary-sub {
	display: block;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 15.9px;
	animation-name: moveInRight;
	animation-duration: 1s;
}

@keyframes moveInleft {
	0% {
		opacity: 0;
		transform: translateX(-100px);
	}

	80% {
		transform: translateX(0);
	}

	100% {
		opacity: 1;
		transform: translate(0);
	}
}

@keyframes moveInRight {
	0% {
		opacity: 0;
		transform: translateX(100px);
	}

	80% {
		transform: translateX(0);
	}

	100% {
		opacity: 1;
		transform: translate(0);
	}
}

.centerpassword {
	max-width: max-content;
	margin: 10px auto !important;
}

.st-active {
	background: #0d6efd !important;
	color: #fff;
	border-color: #0d6efd !important;
}

.Leilighet_editsection .nav.nav-pills,
.content_one {
	border-bottom: 1px solid #dee2e6;
}

.Leilighet_editsection .nav-link.active {
	background: 0 0;
	color: #000;
	font-weight: 600;
	border-bottom: 4px solid #5f91db;
	border-radius: 0;
}

.Leilighet_editsection .nav-link {
	color: #000;
	font-weight: 500;
	font-size: 16px;
}

.Leilighet_value_edit .col-md-1 {
	width: 10%
}

.Leilighet_value_edit {
	margin: 25px 0;
}

.Leilighet_value_edit label {
	margin-bottom: 10px;
	font-size: 16px !important;
	color: #495057 !important;
	font-weight: 400 !important;
}

.Leilighet_value_edit h6,
.Nye.eiere p {
	color: #000;
	font-size: 16px;
}

.headingTop h2,
.headingmain4 {
	font-size: 24px;
	color: #212529;
}

.breadcrumb-item+.breadcrumb-item:before {
	float: left;
	padding-right: .5rem;
	color: #6c757d;
	content: '\F285';
	font-family: bootstrap-icons !important;
}

.borderTable {
	border: 1px solid #dfdfdf;
}

.borderAlign {
	border-bottom: 1px solid #dee2e6 !important;
	border-radius: 0 !important;
	padding: 10px !important;
	margin: 0 !important;
}

.borderAlign:last-child {
	border-bottom: 0 solid #dee2e6 !important;
}

.headingTop h2 {
	font-weight: 500;
	margin-bottom: 16px;
}

.borderTable .borderAlign a:hover {
	background-color: transparent;
	color: #0056b3;
}

.radiusicons {
	border-radius: 0 6px 6px 0;
}

.datepickerAlign {
	width: 31%
}

.Nye.eiere .select2-container {
	padding: 0;
	margin-bottom: 16px;
}

.Nye.eiere p {
	font-weight: 400;
}

.btnmainvold .submit .primary {
	background: #397cd6 !important;
	margin-right: 7px;
	padding: 8px 16px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	border: none;
	opacity: 1 !important;
	border-radius: 6px;
	text-decoration: none;
}

.headingmain4 {
	font-weight: 600;
}

.timedatemeeting ul li {
	float: left;
	list-style: none;
	margin-right: 30px;
	font-size: 16px;
	font-weight: 400;
	color: #212529;
}

.timedatemeeting ul li i {
	margin-right: 12px;
}

.meetingaddress i {
	margin-right: 14px;
}

.bordermeeting {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 12px;
}

.hvatext h3 {
	font-size: 18px;
	font-weight: 600;
}

.dropdown_styre .dropdown-menu {
	padding: 3px 12px;
}

.liststyleborder li {
	border: none !important;
	border-bottom: 1px solid #ddd !important;
	border-radius: 0 !important;
	margin: 3px 0;
}

.liststyleborder {
	border: 1px solid #ddd;
	border-radius: 0;
	width: 42%
}

.liststyleborder li a {
	background: 0 0;
	color: #000;
	font-size: 16px;
	font-weight: 600;
}

.liststyleborder li a:hover {
	background-color: transparent !important;
	color: #000;
}

.liststyleborder li a.danger {
	border: 1px solid #d32b2b;
	padding: 7px 19px;
	color: #d32b2b;
}

.signbox {
	color: #397cd6 !important;
}

.mrginleftrigt {
	margin: 0 28px;
}

.paddingleftrigt {
	padding: 0 28px;
}

.listdragger .draggable a {
	background: 0 0;
	color: #000;
	text-shadow: none;
	font-weight: 600;
	font-size: 18px;
	margin-left: 6px;
}

.borderchange a.active,
.borderchange a:hover {
	background-color: #e9ecef;
}

.listdragger .draggable a:hover {
	background: 0 0;
	color: #000;
}

.fontalign {
	font-size: 16px;
	margin-left: 63px;
	color: #999;
	font-weight: 600;
}

.inputboox .input.select {
	width: 100%;
	background: #fff;
	border: none;
	height: 40px;
}

.iconsortext i {
	font-size: 19px !important;
	background: #5fc1d312;
	height: 40px;
	width: 40px;
	color: #397cd675 !important;
	border-radius: 51px;
	justify-content: center;
	align-items: center;
	display: flex;
}

.iconsortext h3 {
	font-size: 20px;
	font-weight: 400;
	margin: 9px 0;
	text-transform: capitalize;
	color: #252525;
}

.mydisabled,
a.btn-mydisabled,
button.btn-mydisabled {
	color: #999 !important;
	cursor: not-allowed !important;
	border-color: #999 !important;
}

.menuactivenav {
	background-color: #fff;
	padding: 14px;
	margin-bottom: 17px;
	border-radius: 4px;
}

.menuactivenav ul {
	margin-bottom: 0;
	padding: 0;
}

.menuactivenav ul li a.active {
	color: #000;
	border-bottom: 4px solid #397cd6;
	font-weight: 600;
	padding-bottom: 12px;
}

.menuactivenav ul li {
	float: left;
	list-style: none;
}

.menuactivenav ul li a {
	color: #000;
	font-size: 16px;
	margin: 0 24px;
	position: relative;
}

a.btn-mydisabled,
button.btn-mydisabled {
	background-color: #eee !important;
}

.btn-disabled,
.btn-glow.btn-disabled {
	cursor: not-allowed;
	color: grey;
	background-color: none !important;
}

.even,
.odd,
.remove-card {
	cursor: pointer;
}

.btn-disabled:hover,
.btn-glow.btn-disabled:hover,
.btn-outline-disabled:hover {
	cursor: not-allowed;
}


.btn-outline-disabled {
	color: #f2f2f2 !important;
	background-color: #d4d4d4 !important;
}

.select2-results .select2-result-label {
	padding: 1px 5px 2px;
}

.newdashboardBox .field-box,
.newdashboardBox .help-block {
	margin-bottom: 7px !important;
}

.mainrights .submit .btn-glow {
	background: #397cd6 !important;
	margin-right: 7px;
	padding: 8px 20px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	border: none;
	opacity: 1 !important;
	border-radius: 4px;
	float: left;
}

.togglealign label {
	margin-top: 15px;
}

.togglealign i {
	font-size: 26px;
	color: #397cd6;
}

.radius6 li {
	border-radius: 6px !important;
}

.contactinfo i {
	font-size: 25px;
	margin: auto auto 13px;
	display: block;
	text-align: center;
}

.contactinfo {
	text-align: center;
	padding: 29px 0;
	border: 1px solid #dee2e6;
	transition: .2s ease-in-out;
}

.contactinfo:hover {
	border: 1px solid #397cd6;
	background-color: #397cd60f;
}

.liststyletable li {
	border: 1px solid #dadada !important;
	margin-bottom: 0;
	border-radius: 0 !important;
	border-bottom: none !important;
}

.liststyletable li:last-child {
	border-bottom: 1px solid #dadada !important;
}

.liststyletable li a,
.liststyletable li a:hover {
	background: 0 0;
	color: #000;
	font-size: 16px;
}

.btnnormal,
.btnnormal:hover {
	background: 0 0;
	color: #000;
	font-size: 16px;
	border: 1px solid #dadada;
	width: 100%;
	text-align: left;
	padding: 9px;
	margin-top: 15px;
}

.media-card.iconsortext.stretbgmain .bi-trash {
	position: absolute;
	right: 6px;
	top: 9px;
	background: 0 0 !important;
	color: #000 !important;
}

.heightselectbox {
	height: 40px;
	margin-top: 5px;
	position: relative;
}

.iconsaddarrow:before {
	content: '\F229';
	z-index: 1;
	right: 12px;
	top: 11px;
	font-size: 10px;
	color: #999;
}

.ullinnermain {
	border: 1px solid #d6d6d6;
	border-radius: 0;
}

.ullinnermain li {
	border: none;
	padding: 8px;
	margin: 0;
	border-bottom: 1px solid #d6d6d6;
	border-radius: 0 !important;
}

.ullinnermain li a {
	font-size: 16px;
	background: 0 0;
	color: #000;
}

.group_btn_tag button {
	font-size: 16px;
	padding: 8px 20px;
	font-weight: 600;
	border-radius: 6px;
	color: #000;
	border-color: #adb5bd;
}

.btn_group_content {
	margin: 20px 0;
}

.btn_group_content p {
	font-weight: 400;
	font-size: 16px;
	color: #212529;
	margin-bottom: 16px;
}

.btn_group_content h6 {
	font-weight: 600;
	font-size: 18px;
	line-height: 25px;
	margin-top: 10px;
}

.btn_group_content .form-label {
	margin-bottom: 0;
}

.borderaligndragger {
	border: 1px solid #ced4da;
	padding: 20px;
	border-right: 0;
}

.draggerinnerdesign li {
	border-radius: 6px !important;
	border: 1px solid #ced4da;
}

.btnsimple,
.btnsimple:hover {
	background-color: transparent;
	color: #2178be;
	font-size: 16px;
	font-weight: 600;
}

.fontbi_arrow {
	font-size: 20px;
}

.bgnoneinput {
	background: 0 0 !important;
	border-left: none !important;
}

.removeborderright {
	border-right: none !important;
}

.removeborderright:focus {
	box-shadow: none !important;
	border-color: #d6e2eb !important;
}

.bordertab {
	border-bottom: 1px solid #e2e2e2;
}

.bordertab li button,
.bordertab li button:hover {
	color: #000;
	font-weight: 500;
}

.bordertab li button.active {
	background-color: transparent !important;
	color: #000 !important;
	font-weight: 600 !important;
	border-bottom: 4px solid #0056b3;
	border-radius: 0;
}

.linkcolor,
.linkcolor:hover {
	color: #2178be;
	background-color: transparent !important;
}

.activecolor,
.colorblue {
	background: #D4F6E7;
	border-radius: 100px;
	padding: 4px 8px;
}




.sidemenudashboard a {
	display: block;
	padding: 13px;
	font-size: 16px;
	font-weight: 500;
	color: #474747;
}

.sidemenudashboard a i {
	margin-right: 21px;
}

.sidemenudashboard .beta {
	color: #2178be;
	border-right: 4px solid #2178be;
	font-weight: 600;
}

.border-right {
	border-right: 1px solid #eaeaea;
}

.colorred {
	color: #ff7f0e;
	font-weight: 700;
}

.colorgreen {
	color: #2ca02c;
	font-weight: 700;
}

.iconscounter i {
	font-size: 25px;
}

.activecolor {
	color: #212529;
	font-weight: 600;
}

.heading_inner h4 {
	font-weight: 600;
	font-size: 18px;
	color: #1e2127;
}

.heading_inner p {
	font-weight: 400;
	font-size: 16px;
	color: #1e2127;
	margin-bottom: 0;
}

.colorblue {
	color: #212529;
	font-weight: 600;
}

.footerbtns {
	border-top: 1px solid #d6d6d6;
	padding-top: 18px;
}

img#managerlogo {
	width: 20px;
	padding: 10px 0 0;
}

.menumanagers ul li i {
	margin-right: 15px;
}

.navigatemenu a {
	color: #000;
	padding: 0 27px;
}

.navigatemenu {
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 20px;
	margin-bottom: 26px;
}

.navigatemenu a.active {
	border-bottom: 4px solid #397cd6;
	padding-bottom: 17px;
	font-weight: 600;
}

.marginalign {
	margin-top: 31px;
}

.manager-user-group {
	min-height: 75px;
	list-style-type: none;
	padding: 10px 5px;
	margin: 0;
}

.remove-card {
	padding: 2px 4px;
	margin-left: 10px;
	color: red;
	border-radius: 4px;
}

.list-group-item {
	position: relative;
	display: block;
	padding: .5rem 1rem;
	color: #212529;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .125);
}

#manager-user-list .rounded,
.manager-user-group .rounded {
	border-radius: .25rem !important;
}

.labelbg.danger {
	background: #d9534f !important;
	font-size: 14px !important;
}

.labelbg.warning {
	background: #f0ad4e !important;
	color: white;
	font-size: 14px !important;
}

.labelbg.info {
	background: rgb(104, 163, 213) !important;
	color:white;
	font-size: 14px !important;
}

.glyphicon-chevron-right:before {
	content: "\F135"
}

.glyphicon-chevron-left:before {
	content: "\F12C"
}

.hidden {
	display: none !important;
	visibility: hidden !important;
}

.ullinner2 .list-group-item {
	border: none;
	border-bottom: 1px solid #e6e6e6;
	border-radius: 0 !important;
	padding: 15px 0;
	margin: 0;
}

.ullinner2 .btn-glow {
	font-size: 15px;
	font-weight: 600;
	background-color: transparent !important;
	padding: 0 !important;
	color: #000 !important;
}

.selectdropdownhoved .input.select select {
	width: 100%;
	height: 40px;
	font-size: 16px;
	padding: 0 9px;
	border-radius: 4px;
	margin-top: 8px;
}

.textareatabs {
	border-top: 1px solid #e2e2e2;
	padding-top: 15px;
}

.widthslect100 select {
	width: 100%;
	height: 40px;
}

.ullimainsection ul li a,
.ullimainsection ul li a:hover {
	color: #000;
	background-color: transparent;
	font-size: 16px;
	font-weight: 500;
}

.ullimainsection ul li.active {
	border-right: 4px solid #397cd6 !important;
	background-color: transparent !important;
	border-radius: 0 !important;
}

.ullimainsection ul li.active a {
	color: #397cd6;
}

.bordermaintable {
	border: 1px solid #d9d9d9;
	border-radius: 0 !important;
}

.bordermaintable li {
	border: none !important;
	border-bottom: 1px solid #d9d9d9 !important;
	border-radius: 0 !important;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 500;
	padding: 12px 18px;
}

.input-filter {
	width: 47%;
	float: left;
	margin-right: 10px;
}

.searchaddicons {
	position: absolute;
	right: 0;
	background: 0 0 !important;
	border-radius: 0 4px 4px 0 !important;
	cursor: pointer;
	z-index: 9;
}

.searchaddicons button {
	background: 0 0;
	border: none;
	padding: 3px;
}

.form-control:focus {
	border-color: #397cd6;
	outline: 0;
	box-shadow: none;
}

.badgesdan {
	background-color: #f8d7da !important;
	color: #212529;
	font-weight: 500 !important;
	padding: 7px 10px 3px;
	font-size: 13px !important;
}

.heightselect {
	height: 40px !important;
}

.flashRow {
	position: fixed;
	width: 60%;
	margin: auto;
	left: 25%;
	z-index: 9999;
}

.peraheading a {
	text-decoration: underline;
}

.managerUl {
	margin-bottom: 0 !important;
	height: 58px;
	padding-bottom: 0 !important;
}

.drodpdownactive button {
	padding: 12px;
	border: none;
}

.activeli.active {
	background: 0 0 !important;
	padding: 0;
	border-radius: 0;
	color: #000 !important;
	text-decoration: none;
	margin-right: 0;
	position: relative;
	font-weight: 600;
	border-bottom: 3px solid #0056b3;
}

td.textalign {
	vertical-align: inherit !important;
}

.select2-container-disabled {
	background-color: #e9ecef !important;
}

.dropdowndesign {
	border: 1px solid #ced4da;
	border-radius: 0 4px 4px 0;
	height: 39px;
	width: 100%;
	display: block;
	border-left: none;
}

.st-link,
.st-link:hover {
	border-radius: 4px;
	padding: 4px 8px;
}

.borderchange a,
.borderchange a.active,
.borderchange a:hover {
	color: #000;
	border-color: #ced4da;
}

.dropdowndesign button {
	border-radius: 42px;
	padding: 6px 10px;
	width: 87%;
	text-align: left;
}

.dropdownicons {
	position: absolute;
	top: 7px;
	right: 9px;
}

.widthrowcolum {
	width: 25% !important;
	padding-right: 0 !important;
}

.widthrowcolum2 {
	width: 50% !important;
}

.even:hover,
.odd:hover {
	background: #f8f9fa !important;
}

.btn-outline-primary:focus,
.btn-primary:focus,
.colorlink:focus {
	background: rgba(255, 255, 255, 1e-06);
	box-shadow: 0 0 0 4px rgba(13, 110, 253, .25);
}

.btn-primary:hover {
	background: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), #2178be;
	color: #fff !important;
}

.btnbold:hover {
	background: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), #2178be !important;
	color: #fff !important;
}

.btn-primary:focus,
.btnbold:active,
.btnbold:focus {
	background: #397cd6 !important;
	box-shadow: 0 0 0 4px rgba(13, 110, 253, .25);
	color: #fff !important;
}

.btn-primary:active,
.btnbold:active {
	background: #397cd6 !important;
	box-shadow: none !important;
	color: #fff !important;
}

.marginaligntt a {
	margin-bottom: 7px;
}

.tabforP {
	padding: 4px 8px;
	white-space: nowrap;
}

.dropdowngroup {
	width: 170px;
}

.st-link:hover {
	background: #e4eff7 !important;
	color: #175587 !important;
}

.fancybox-opened {
	z-index: 8030 !important;
	transform: translateZ(100px) !important;
}


.manager-menuitem {
	color: #9a5ad3 !important;
	border-color: #9a5ad3 !important;
}


.admin-menuitem {
	color: #ff8c00 !important;
	border-color: #ff8c00 !important;
}
.btn-glow.manager-menuitem {
	color: #9a5ad3 !important;
}

.btn-glow.admin-menuitem {
	color: #ff8c00 !important;
}

.admin-menuitem-border {
	border: 2px solid #ff8c00;
	color: #ff8c00 !important;
}

.btn-primary-manager {
	background-color: #9a5ad3 !important;
}

.btn.btn-primary.admin-menuitem {
	background-color: var(--admin-color) !important;
	color: white !important;
}
.btn.btn-primary.manager-menuitem {
	background-color: var(--manager-color) !important;
	color: white !important;
}

.companyName,
.dropdown-item.active,
.dropdown-item:active,
.innercardlogin a,
.nav.nav-tabs a,
.noneankerlines,
.sidenav a,
a {
	text-decoration: none;
}

.sidemenuopp ul li .btn-glow,
a,
body,
button,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-family: 'Nunito Sans', sans-serif !important;
}

body {
	background: #f6f6f6 !important;
	margin: 0;
	padding: 0;
	font-size: 16px;
}

.st-main-content {
	padding-left: var(--main-padding-x);
	padding-right: var(--main-padding-x);
}

p {
	margin-bottom: 0;
}

h6 {
	font-weight: 600 !important;
}

.sidenav {
	border-right: 1px solid #e7e7e7;
}

.sidenav a {
	padding: 6px 8px 6px 49px;
	margin-bottom: 8px;
	font-size: 16px;
	/*color: #818181;*/
	display: block;
}

.contentdashboard h2 {
	font-size: 26px;
	margin-top: 45px;
	margin-left: 28px;
	font-weight: 700;
	margin-bottom: 21px;
}

.contentdashboard p {
	font-size: 18px;
	color: #0F5132;
	margin-left: 28px;
	background: #fff;
	font-weight: 600;
	margin-bottom: 6px;
	padding: 2px 7px;
	width: fit-content;
	border-radius: 5px;
}

.contentdashboard a {
	color: #947750;
	font-weight: 600;
}

.boxesfour {
	margin-top: 24px;
}

.mainiconsfour {
	position: relative;
	background: #fff;
	padding: 18px;
	border-radius: 6px;
	margin-bottom: 20px;
	height: 400px;
}

.bankTable .bi-info-circle,
.switch_btn:hover {
	color: #495057;
}
/*
.secondheight {
	height: 441px !important;
} */

.mainconsfour_graph {
	height: auto !important;
	padding: 0 !important;
}

.newcontent {
	padding: 8px;
	border: 1px solid #e3e3e3;
	margin: 6px 0;
	border-radius: 7px;
}

.innerfourboxes {
	 height: 265px;
	overflow-x: auto;
	margin-top: 24px;
}

.companyName,
.wraptext {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.newcontent p {
	margin-bottom: 0;
	font-size: 14px;
	color: #4c4c4c;
	font-weight: 400;
	display: flex;
}

.newcontent span {
	float: right;
	margin-left: auto;
}

.newcontent h6 {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 3px;
	color: #000;
}

.prgresstext p {
	margin-bottom: 7px;
	font-size: 13px;
	color: #999;
}

.checboxmain span,
.dataTables_filter,
.headermenu,
.prgresstext span,
.pull-right-now {
	float: right;
}

.prgresstext {
	margin-top: 16px;
}

.boxesfour .progress {
	height: 6px;
}

.boxesfour .progress-bar {
	background-color: #3377dc;
}

.dostcss {
	width: 13px;
}

.imgedum img,
.innerfooter img {
	margin: auto;
	display: block;
}

.thebottom {
	position: absolute;
	bottom: 15px;
	width: 91%
}

.bgheader {
	background: #fff;
	height: 60px;
	border-bottom: 1px solid #dee2e6;
	padding-left: var(--main-padding-x);
	padding-right: var(--main-padding-x);
}

.innermenu ul li {
	list-style: none;
	float: left;
	margin-left: 26px;
}

.dropddownlinksmain li,
.hoverlinks ul li {
	float: none !important;
}

.innermenu ul li .bellimage {
	width: 22px;
}

.direction_icons {
	font-size: 20px;
	color: #000;
}

.bell_notification,
.hoveravtar,
.iconsadd,
.iconsadd2,
.media-card.iconsortext.stretbgmain,
.relativediv,
.stepsinvoice {
	position: relative;
}

.bell_notification:after {
	content: '';
	position: absolute;
	background: #397cd6;
	height: 12px;
	width: 12px;
	border-radius: 40px;
	border: 2px solid #fff;
	right: -3px;
}

.styregodkjenning h6 {
	font-size: 18px;
	margin-bottom: 8px;
}

.peraheading,
.styregodkjenning p {
	font-size: 16px;
	color: #495057;
	font-weight: 400;
}

.bgicon_blue,
.bgicon_red,
.iconsnbgshine {
	border-radius: 50px;
	color: #000;
	height: 30px;
	width: 30px;
	margin-right: 9px;
	display: flex;
	font-size: 14px;
}

.bgicon_blue {
	background: #d2f4ea;
	justify-content: center;
	align-items: center;
}

.bgicon_red {
	background: #f7d6e6;
	justify-content: center;
	align-items: center;
}

.iconsnbgshine {
	background: #FFE5D0;
	justify-content: center;
	align-items: center;
}

.iconsnbgshine2 {
	background: #E2D9F3;
	justify-content: center;
	align-items: center;
}

.iconsnbgshine3 {
	background: #D7F3FF;
	justify-content: center;
	align-items: center;
}

.boxmain input,
.searchtop {
	height: 40px;
}

input,
input::placeholder {
	font-size: 15px;
	color: #999;
}

.searchtop {
	margin-top: -5px;
	background: #fff !important;
	border: 1px solid #ced4da !important;
	font-size: 15px !important;
	border-radius: 6px !important;
	padding: 0 34px 0 15px;
}

.login_bg .form-control:focus,
.searchtop:focus {
	box-shadow: none;
}

.bgfooter {
	background: #fff;
	padding: 19px 0;
	border-top: 1px solid #e5e5e5;
	position: fixed;
	left: 76px;
	bottom: 0;
	max-width: -webkit-fill-available;
}

.menuside {
	margin-bottom: 120px;
}

.menuside img {
	width: 19px;
	margin-right: 10px;
}

.paddmain {
	margin-left: 10px;
}

.paddmain li {
	margin-bottom: 8px;
	background: #f6f8fa;
	width: 94%;
	padding: 7px;
	border-radius: 6px;
	color: #242424;
}

.add-subtask i,
.mainiconsfour span:first-child {
	margin-right: 7px;
}

.btn-toggle::before {
	content: url("/images/angle-down.png");
	transform-origin: .5em 50%
}

.text-red {
	color: red !important;
}

.wraptext {
	width: 100%
}

.borderpink {
	position: relative;
	padding-left: 12px;
}

.borderpink::before {
	content: '';
	position: absolute;
	background: #f7d6e6;
	width: 4px;
	height: 85%;
	left: 0;
	top: 4px;
}

.btn-toggle::before {
	width: 1.25em;
	line-height: 0;
	content: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280, 0, 0, .5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
	transition: transform .35s;
	transform-origin: .5em 50%;
	transform: rotate(90deg);
	margin-top: .4rem !important;
	left: 212px;
	position: absolute;
}

.btn-toggle[aria-expanded=true]::before {
	transform: rotate(270deg);
}

.btn-check:focus+.btn,
.btn:focus {
	outline: 0;
	box-shadow: none;
}

.sidenav::-webkit-scrollbar {
	width: 4px;
}

.sidenav::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 10px;
}

.tablerespomain::-webkit-scrollbar {
	width: 4px;
}

.tablerespomain::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 10px;
}

.dropdown::-webkit-scrollbar {
	width: 0;
}

.dropdown::-webkit-scrollbar-thumb {
	background: #fff;
	border-radius: 10px;
}

.innerfourboxes::-webkit-scrollbar {
	width: 4px;
}

.innerfourboxes::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 10px;
}

.hoverlinks ul li {
	margin-left: 0 !important;
	margin: 13px 0;
}

.hoverlinks {
	background: #fff;
	padding: 6px 15px;
	border: 1px solid #d1d1d1;
	border-radius: 4px;
}

.Kommende .col-md-1,
.Kommende .col-md-11,
.hoverlinks ul,
.listofpopover .popover-body,
.timedatemeeting ul,
.uorderlist {
	padding: 0;
}

.innerhoveravtar {
	display: none;
	position: absolute;
	right: 7px;
	width: 194px;
}

.hoveravtar:hover .innerhoveravtar {
	display: block;
}

.hoverlinks img {
	width: 19px;
	margin-right: 11px;
}

.menuside i {
	margin-right: 32px;
	margin-top: 4px;
}

.companyName {
	font-size: 16px;
	color: #000;
	height: 60px;
	align-items: center;
	width: 100%;
	display: inline-block;
	line-height: 60px;
}

.iconsearch {
	color: #2178be;
	position: absolute;
	right: 1px;
	top: -3px;
	z-index: 9;
	font-size: 16px;
	background: #fff;
	padding: 6px;
	border-radius: 7px;
}

.display-n-desk {
	display: none !important;
}

.bellfont {
	font-size: 27px;
	color: #000;
}

.coloriconss {
	color: #3377dc;
}

.dropdown-toggle::after {
	border: none !important;
	content: none;
}

.dropddownlinksmain li a i,
.handlinertabs .nav-link i,
.marginRight6,
.mlauto {
	margin-right: 6px;
}

.dropdown-item.active,
.dropdown-item:active {
	color: #fff;
	background-color: #18bcdb;
}

.mainiconsfour h6 .dropdown-menu-lg-end {
	position: absolute !important;
	right: 10px !important;
}

@media only screen and (max-width:320px) and (min-width:150px) {

	.mainsection2 .container-fluid,
	.responsve_pad0 {
		padding: 0 !important;
	}

	.graph-placeholder {
		width: auto !important;
	}

	.companyName {
		font-size: 13px;
		text-decoration: none;
		color: #000;
		height: 60px;
		align-items: center;
		width: 150%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
	}

	.responsve_pad0 {
		margin-top: -10px;
	}

	.responsve_pad1 {
		margin: 0 !important;
	}

	.bgfooter {
		background: #fff;
		padding: 19px 0;
		border-top: 1px solid #e5e5e5;
		left: 0;
		bottom: 0;
		max-width: 100%
	}

	.cards_choose_user {
		margin-top: 23px;
		margin-bottom: 75px;
	}

	.emailuser {
		margin-top: 15px;
		padding-bottom: 16px;
		margin-bottom: 15px;
		border-bottom: 1px solid #dee2e6;
	}

	.col-md-4.d-flex.align-items-stretch {
		margin-bottom: 28px;
	}

	.closenav,
	.display-n-desk,
	.mobile_view {
		display: block !important;
	}

	.boxesfour {
		margin-top: 0;
	}

	.desktop_view,
	.display-n,
	.searchtop {
		display: none;
	}

	.iconsearch {
		display: none !important;
	}

	.innermenu ul li {
		margin-left: 14px;
	}

	.main {
		margin-left: 0 !important;
		padding: 0;
	}

	.mainsection2 {
		background-position-x: 64%;
		height: 225px;
		border-radius: 0;
		margin-top: 0;
	}

	.imgedum img {
		margin: auto;
		display: block;
		width: 200px;
	}

	.mainiconsfour {
		height: auto;
		padding-bottom: 64px;
	}

	.innerfooter p {
		text-align: center !important;
	}

	.orderdiv1 {
		order: 1;
	}

	.orderdiv2 {
		order: 2;
	}

	.orderdiv3 {
		order: 3;
	}

	.sidenav {
		height: 100%;
		width: 0 !important;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #fff;
		overflow-x: hidden;
		transition: .5s;
		padding-top: 20px;
		z-index: 999;
		box-shadow: 1px 1px 20px #cfcfcf;
	}

	.menuside {
		padding-left: 6px;
	}

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}

	.searchiconswel {
		font-size: 23px;
		margin-top: 3px;
	}

	.headertop .fa-solid.fa-bars {
		margin: 15px 0;
	}

	.iconsset {
		position: absolute;
		right: 10px;
		font-size: 28px !important;
		color: #000;
	}

	.bgfooter {
		position: static !important;
		width: 100%
	}

	.nav.nav-tabs a {
		line-height: 3;
	}

	.feedbackinside {
		position: sticky;
	}
}

@media only screen and (max-width:360px) and (min-width:320px) {
	.heightfocus {
		height: auto !important;
	}

	.hidemobilethead {
		display: none !important;
	}

	.centerAlign,
	.secondheight {
		height: auto !important;
	}

	.fancybox-inner {
		height: 617px !important;
	}

	.maodalpopup2 .panel-body {
		padding: 10px 25px 0;
	}

	.footerbtns {
		padding-top: 6px !important;
	}

	.contentdashboard h2 {
		margin-top: 24px;
		margin-left: 10px;
	}

	.contentdashboard p {
		margin-left: 8px;
	}

	.nav.nav-tabs a,
	.nav.nav-tabs a.active {
		padding: 12px !important;
	}

	/* .innerfourboxes {
		height: 315px;
	} */

	.filters .select2-container {
		margin-bottom: 5px;
	}

	.paddingLogin {
		padding: 22px !important;
	}

	.fonttext {
		font-size: 18px !important;
		font-weight: 700;
	}

	.login_bg .form-control {
		margin-bottom: 12px !important;
		border: 1px solid #eaeaea;
		padding: 0 0 0 37px;
	}

	.mainsection2 .container-fluid,
	.responsve_pad0 {
		padding: 0 !important;
	}

	.login_bg {
		margin-bottom: 20px !important;
	}

	.login_bg,
	.temp-placeholder {
		width: 100% !important;
	}

	.graph-placeholder {
		width: auto !important;
	}

	.companyName {
		font-size: 13px;
		text-decoration: none;
		color: #000;
		height: 60px;
		align-items: center;
		width: 150%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
	}

	.responsve_pad0 {
		margin-top: -10px;
	}

	.responsve_pad1 {
		margin: 0 !important;
	}

	.img1 {
		margin-right: -29px !important;
	}

	.import1 button {
		font-size: 13px !important;
	}

	.bgfooter {
		background: #fff;
		padding: 19px 0;
		border-top: 1px solid #e5e5e5;
		left: 0;
		bottom: 0;
		max-width: 100%
	}

	.cards_choose_user {
		margin-top: 23px;
		margin-bottom: 75px;
	}

	.emailuser {
		margin-top: 15px;
		padding-bottom: 16px;
		margin-bottom: 15px;
		border-bottom: 1px solid #dee2e6;
	}

	.col-md-4.d-flex.align-items-stretch {
		margin-bottom: 28px;
	}

	.closenav,
	.display-n-desk,
	.mobile_view {
		display: block !important;
	}

	.boxesfour {
		margin-top: 0;
	}

	.desktop_view,
	.display-n,
	.searchtop {
		display: none;
	}

	.iconsearch {
		display: none !important;
	}

	.innermenu ul li {
		margin-left: 14px;
	}

	.main {
		margin-left: 0 !important;
		padding: 0;
	}

	.mainsection2 {
		background-position-x: 64%;
		height: 225px;
		border-radius: 0;
		margin-top: 0;
	}

	.imgedum img {
		margin: auto;
		display: block;
		width: 200px;
	}

	.mainiconsfour {
		height: auto;
		padding-bottom: 64px;
	}

	.innerfooter p {
		text-align: center !important;
	}

	.orderdiv1 {
		order: 1;
	}

	.orderdiv2 {
		order: 2;
	}

	.orderdiv3 {
		order: 3;
	}

	.sidenav {
		height: 100%;
		width: 0 !important;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #fff;
		overflow-x: hidden;
		transition: .5s;
		padding-top: 20px;
		z-index: 999;
		box-shadow: 1px 1px 20px #cfcfcf;
	}

	.menuside {
		padding-left: 6px;
	}

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}

	.searchiconswel {
		font-size: 23px;
		margin-top: 3px;
	}

	.headertop .fa-solid.fa-bars {
		margin: 15px 0;
	}

	.iconsset {
		position: absolute;
		right: 10px;
		font-size: 28px !important;
		color: #000;
	}

	.bgfooter {
		position: static !important;
		width: 100%
	}

	.nav.nav-tabs a {
		line-height: 3;
	}

	.feedbackinside {
		position: sticky;
	}
}

@media only screen and (max-width:480px) and (min-width:360px) {
	label {
		display: inline-block;
		font-size: 16px;
		font-weight: 600;
	}

	.messages-content {
		margin-top: 12px;
		border-top: 1px solid #dfdfdf;
		padding-top: 23px;
	}

	.addlist .help-block {
		color: #525252;
		font-size: 16px;
		line-height: 32px;
	}

	.login_bg,
	.temp-placeholder {
		width: 100% !important;
	}

	#main.openbar,
	.main {
		margin-left: 0 !important;
	}

	.centerAlign,
	.secondheight {
		height: auto !important;
	}

	.maodalpopup2 .panel-body {
		padding: 10px 25px 0;
	}

	.footerbtns {
		padding-top: 6px !important;
	}

	.fancybox-inner {
		height: 617px !important;
	}

	.contentdashboard h2 {
		margin-top: 24px;
		margin-left: 10px;
	}

	.contentdashboard p {
		margin-left: 8px;
	}

	.nav.nav-tabs a,
	.nav.nav-tabs a.active {
		padding: 12px !important;
	}

	/* .innerfourboxes {
		height: 315px;
	} */

	.filters .select2-container {
		margin-bottom: 5px;
	}

	.paddingLogin {
		padding: 22px !important;
	}

	.fonttext {
		font-size: 18px !important;
		font-weight: 700;
	}

	.login_bg .form-control {
		margin-bottom: 12px !important;
		border: 1px solid #eaeaea;
		padding: 0 0 0 37px;
	}

	.mainsection2 .container-fluid,
	.responsve_pad0 {
		padding: 0 !important;
	}

	.login_bg {
		margin-bottom: 20px !important;
	}

	.graph-placeholder {
		width: auto !important;
	}

	.companyName {
		font-size: 13px;
		text-decoration: none;
		color: #000;
		height: 60px;
		align-items: center;
		width: 150%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
	}

	.responsve_pad0 {
		margin-top: -10px;
	}

	.responsve_pad1 {
		margin: 0 !important;
	}

	.img1 {
		margin-right: 0 !important;
	}

	.import1 button {
		font-size: 13px !important;
	}

	.bgfooter {
		background: #fff;
		padding: 19px 0;
		border-top: 1px solid #e5e5e5;
		left: 0;
		bottom: 0;
		max-width: 100%
	}

	.emailuser {
		margin-top: 15px;
		padding-bottom: 16px;
		margin-bottom: 15px;
		border-bottom: 1px solid #dee2e6;
	}

	.col-md-4.d-flex.align-items-stretch {
		margin-bottom: 28px;
	}

	.closenav,
	.display-n-desk,
	.mobile_view {
		display: block !important;
	}

	.st-main-content {
		padding: 0 10px !important;
	}

	.boxesfour {
		margin-top: 0;
	}

	.desktop_view,
	.display-n,
	.searchtop {
		display: none;
	}

	.iconsearch {
		display: none !important;
	}

	.feedbackinside {
		position: sticky;
	}

	.nav.nav-tabs a {
		line-height: 3;
	}

	.bgfooter {
		position: static !important;
		width: 100%
	}

	.main {
		padding: 0;
	}

	.mainsection2 {
		background-position-x: 54%;
		height: auto;
		border-radius: 0;
		margin-top: 0;
		margin-bottom: 12px;
	}

	.imgedum img {
		margin: auto;
		display: block;
		width: 200px;
	}

	.mainiconsfour {
		height: auto;
		padding-bottom: 64px;
		box-shadow: 0 2px 2px rgb(24 39 75 / 6%);
	}

	.innerfooter p {
		text-align: center !important;
	}

	.orderdiv1 {
		order: 1;
	}

	.orderdiv2 {
		order: 2;
	}

	.orderdiv3 {
		order: 3;
	}

	.sidenav {
		height: 100%;
		width: 0 !important;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #fff;
		overflow-x: hidden;
		transition: .5s;
		padding-top: 20px;
		z-index: 9999 !important;
		box-shadow: 1px 1px 20px #cfcfcf;
	}

	.menuside {
		padding-left: 6px;
	}

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}

	.searchiconswel {
		font-size: 23px;
		margin-top: 3px;
	}

	.headertop .fa-solid.fa-bars {
		margin: 15px 0;
	}

	.iconsset {
		position: absolute;
		right: 10px;
		font-size: 28px !important;
		color: #000;
	}
}

@media only screen and (max-width:600px) and (min-width:480px) {
	.hidemobilethead {
		display: none !important;
	}

	#main.openbar,
	.main {
		margin-left: 0 !important;
	}

	.mainsection2 .container-fluid,
	.responsve_pad0 {
		padding: 0 !important;
	}

	.bgfooter,
	.sidenav {
		position: fixed;
		left: 0;
	}

	.graph-placeholder {
		width: auto !important;
	}

	.companyName {
		font-size: 13px;
		text-decoration: none;
		color: #000;
		height: 60px;
		align-items: center;
		width: 150%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
	}

	.responsve_pad0 {
		margin-top: -10px;
	}

	.responsve_pad1 {
		margin: 0 !important;
	}

	.img1 {
		margin-right: 0 !important;
	}

	.import1 button {
		font-size: 13px !important;
	}

	.bgfooter {
		background: #fff;
		padding: 19px 0;
		border-top: 1px solid #e5e5e5;
		bottom: 0;
		max-width: 100%;
		width: 100%
	}

	.iconsearch {
		display: none !important;
	}

	.emailuser {
		margin-top: 15px;
		padding-bottom: 16px;
		margin-bottom: 15px;
		border-bottom: 1px solid #dee2e6;
	}

	.closenav,
	.display-n-desk,
	.mobile_view {
		display: block !important;
	}

	.st-main-content {
		padding: 0 10px !important;
	}

	.boxesfour {
		margin-top: 0;
	}

	.desktop_view,
	.display-n,
	.searchtop {
		display: none;
	}

	.col-md-4.d-flex.align-items-stretch {
		margin-bottom: 28px;
	}

	.main {
		padding: 0;
	}

	.mainsection2 {
		background-position-x: 64%;
		height: auto;
		border-radius: 0;
		margin-top: 0;
	}

	.imgedum img {
		margin: auto;
		display: block;
		width: 200px;
	}

	.mainiconsfour {
		height: auto;
		padding-bottom: 64px;
		box-shadow: 0 2px 2px rgb(24 39 75 / 6%);
	}

	.innerfooter p {
		text-align: center !important;
	}

	.orderdiv1 {
		order: 1;
	}

	.orderdiv2 {
		order: 2;
	}

	.orderdiv3 {
		order: 3;
	}

	.sidenav {
		height: 100%;
		width: 0 !important;
		top: 0;
		background-color: #fff;
		overflow-x: hidden;
		transition: .5s;
		padding-top: 20px;
		z-index: 999;
		box-shadow: 1px 1px 20px #cfcfcf;
	}

	.menuside {
		padding-left: 6px;
	}

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}

	.searchiconswel {
		font-size: 23px;
		margin-top: 3px;
	}

	.headertop .fa-solid.fa-bars {
		margin: 15px 0;
	}

	.iconsset {
		position: absolute;
		right: 10px;
		font-size: 28px !important;
		color: #000;
	}
}

@media only screen and (max-width:768px) and (min-width:600px) {

	#main.openbar,
	.main {
		margin-left: 0 !important;
	}

	#mySidenav.openbar {
		z-index: 9999 !important;
	}

	.graph-placeholder {
		width: auto !important;
	}

	.bgfooter {
		background: #fff;
		padding: 19px 0;
		border-top: 1px solid #e5e5e5;
		position: sticky;
		left: 0;
		bottom: 0;
		max-width: 100%;
		width: 100%
	}

	.iconsearch {
		display: none !important;
	}

	.emailuser {
		margin-top: 15px;
		padding-bottom: 16px;
		margin-bottom: 15px;
		border-bottom: 1px solid #dee2e6;
	}

	.closenav,
	.display-n-desk,
	.mobile_view {
		display: block !important;
	}

	.st-main-content {
		padding: 0 10px !important;
	}

	.boxesfour {
		margin-top: 0;
	}

	.desktop_view,
	.display-n,
	.searchtop {
		display: none;
	}

	.col-md-4.d-flex.align-items-stretch {
		margin-bottom: 28px;
	}

	.main {
		padding: 0;
	}

	.mainsection2 .container-fluid {
		padding: 0 !important;
	}

	.mainsection2 {
		background-position-x: 64%;
		height: 225px;
		border-radius: 0;
		margin-top: 0;
	}

	.imgedum img {
		margin: auto;
		display: block;
		width: 200px;
	}

	.mainiconsfour {
		height: auto;
		padding-bottom: 64px;
	}

	.innerfooter p {
		text-align: center !important;
	}

	.orderdiv1 {
		order: 1;
	}

	.orderdiv2 {
		order: 2;
	}

	.orderdiv3 {
		order: 3;
	}

	.sidenav {
		height: 100%;
		width: 0 !important;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #fff;
		overflow-x: hidden;
		transition: .5s;
		padding-top: 20px;
		z-index: 999;
		box-shadow: 1px 1px 20px #cfcfcf;
	}

	.menuside {
		padding-left: 6px;
	}

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}

	.searchiconswel {
		font-size: 23px;
		margin-top: 3px;
	}

	.headertop .fa-solid.fa-bars {
		margin: 15px 0;
	}

	.iconsset {
		position: absolute;
		right: 10px;
		font-size: 28px !important;
		color: #000;
	}
}

@media only screen and (max-width:900px) and (min-width:768px) {

	#main.openbar,
	.main {
		margin-left: 0 !important;
	}

	.bgfooter,
	.sidenav {
		position: fixed;
		left: 0;
	}

	#mySidenav.openbar {
		z-index: 9999 !important;
	}

	.graph-placeholder {
		width: auto !important;
	}

	.bgfooter {
		background: #fff;
		padding: 19px 0;
		border-top: 1px solid #e5e5e5;
		bottom: 0;
		max-width: 100%;
		width: 100%
	}

	.iconsearch {
		display: none !important;
	}

	.emailuser {
		margin-top: 15px;
		padding-bottom: 16px;
		margin-bottom: 15px;
		border-bottom: 1px solid #dee2e6;
	}

	.closenav,
	.display-n-desk,
	.mobile_view {
		display: block !important;
	}

	.st-main-content {
		padding: 0 10px !important;
	}

	.boxesfour {
		margin-top: 14px;
	}

	.desktop_view,
	.display-n,
	.searchtop {
		display: none;
	}

	.col-md-4.d-flex.align-items-stretch {
		margin-bottom: 28px;
	}

	.main {
		padding: 0;
	}

	.mainsection2 .container-fluid {
		padding: 0 !important;
	}

	.mainsection2 {
		background-position-x: 64%;
		height: 225px;
		border-radius: 0;
		margin-top: 0;
	}

	.imgedum img {
		margin: auto;
		display: block;
		width: 200px;
	}

	.mainiconsfour {
		height: auto;
		padding-bottom: 64px;
	}

	.innerfooter p {
		text-align: center !important;
	}

	.orderdiv1 {
		order: 1;
	}

	.orderdiv2 {
		order: 2;
	}

	.orderdiv3 {
		order: 3;
	}

	.sidenav {
		height: 100%;
		width: 0 !important;
		top: 0;
		background-color: #fff;
		overflow-x: hidden;
		transition: .5s;
		padding-top: 20px;
		z-index: 999;
		box-shadow: 1px 1px 20px #cfcfcf;
	}

	.menuside {
		padding-left: 6px;
	}

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}

	.searchiconswel {
		font-size: 23px;
		margin-top: 3px;
	}

	.headertop .fa-solid.fa-bars {
		margin: 15px 0;
	}

	.iconsset {
		position: absolute;
		right: 10px;
		font-size: 28px !important;
		color: #000;
	}
}

@media only screen and (max-width:1137px) and (min-width:900px) {

	#main.openbar,
	.main {
		margin-left: 0 !important;
	}

	.bgfooter,
	.sidenav {
		position: fixed;
		left: 0;
	}

	#mySidenav.openbar {
		z-index: 9999 !important;
	}

	.graph-placeholder {
		width: auto !important;
	}

	.bgfooter {
		background: #fff;
		padding: 19px 0;
		border-top: 1px solid #e5e5e5;
		bottom: 0;
		max-width: 100%;
		width: 100%
	}

	.iconsearch {
		display: none !important;
	}

	.emailuser {
		margin-top: 15px;
		padding-bottom: 16px;
		margin-bottom: 15px;
		border-bottom: 1px solid #dee2e6;
	}

	.closenav,
	.display-n-desk,
	.mobile_view {
		display: block !important;
	}

	.st-main-content {
		padding: 0 10px !important;
	}

	.boxesfour {
		margin-top: 14px;
	}

	.desktop_view,
	.display-n,
	.searchtop {
		display: none;
	}

	.col-md-4.d-flex.align-items-stretch {
		margin-bottom: 28px;
	}

	.main {
		padding: 0;
	}

	.mainsection2 .container-fluid {
		padding: 0 !important;
	}

	.mainsection2 {
		background-position-x: 64%;
		height: 225px;
		border-radius: 0;
		margin-top: 0;
	}

	.imgedum img {
		margin: auto;
		display: block;
		width: 200px;
	}

	.mainiconsfour {
		height: auto;
		padding-bottom: 64px;
	}

	.innerfooter p {
		text-align: center !important;
	}

	.orderdiv1 {
		order: 1;
	}

	.orderdiv2 {
		order: 2;
	}

	.orderdiv3 {
		order: 3;
	}

	.sidenav {
		height: 100%;
		width: 0 !important;
		top: 0;
		background-color: #fff;
		overflow-x: hidden;
		transition: .5s;
		padding-top: 20px;
		z-index: 999;
		box-shadow: 1px 1px 20px #cfcfcf;
	}

	.menuside {
		padding-left: 6px;
	}

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}

	.searchiconswel {
		font-size: 23px;
		margin-top: 3px;
	}

	.headertop .fa-solid.fa-bars {
		margin: 15px 0;
	}

	.iconsset {
		position: absolute;
		right: 10px;
		font-size: 28px !important;
		color: #000;
	}
}

.align_text,
.dataTables_empty,
.datewise h5,
.innerfeedback a,
.innerfeedback h6,
.st-center {
	text-align: center;
}

.dropddownlinksmain {
	left: -6px !important;
	top: 12px !important;
}

.dashboardicon {
	font-size: 24px;
	margin-top: 2px;
	color: #000;
}

.dashboardicon2 {
	font-size: 22px;
	margin-top: 2px;
	color: #000;
}

.emoji {
	width: 30px;
	margin: auto;
	display: block;
	cursor: pointer;
}

.padingmainpopup {
	padding: 20px;
	border-radius: 0 !important;
}

.emojismain ul:before {
	clear: both;
}

.emojismain {
	justify-content: center;
	display: flex;
}

.emojismain ul {
	list-style: none;
	padding: 0;
}

.emojismain ul li,
.footerbuttons .submit,
.pull_align .submit {
	float: left;
}

.emojismain ul li a img {
	width: 40px;
	margin: 0 11px;
}

.widthpoup {
	max-width: 639px !important;
}

.bordermain3,
.expanddiv,
.innercardlogin p {
	max-width: max-content;
}

.feedbackfield,
.login_bg .panel-body {
	margin-top: 22px;
}

.none-focus:focus {
	box-shadow: none !important;
	border-color: #000 !important;
}

.buttons {
	margin-top: 26px;
}

.buttons .btn {
	border-radius: 0;
	margin-bottom: 11px;
}

.feedbackinside {
	position: fixed;
	bottom: 0;
	background: #f6f6f6;
	padding: 13px 40px 0;
	border-top: 1px solid #dfdfdf;
	width: 244px;
}

.innerfeedback h6 {
	font-size: 12px;
}

.innerfeedback a {
	font-size: 12px;
	padding: 0;
	margin-top: 9px;
	color: #41b5cb;
}

.closepopup {
	position: absolute;
	right: 0;
	top: 0;
}

a {
	color: var(--primary-color);
}

.emojismain a.active img {
	width: 60px !important;
}

.row.flashRow {
	margin: 10px 10px 0 !important;
}

.graphBox {
	background: #fff !important;
	padding: 10px 20px 40px;
	border-radius: 6px;
}

.graphBox h4.heading {
	padding: 10px;
}

table.table.graphTbl {
	font-size: 14px;
	border: 1px solid #e1e1e1;
}

table.table.graphTbl tr th {
	border: 1px solid #e1e1e1 !important;
}

.borderright {
	border-left: 1px solid #e1e1e1;
}

.tablerespomain {
	height: 290px;
	overflow-x: auto;
}

.borderradiuse15 {
	border-radius: 0;
}

.innercardlogin img {
	width: 20px;
}

.innercardlogin {
	display: table-cell;
	padding: 25px 13px 13px;
	background: #fffbf9;
	border-radius: 16px;
	margin-bottom: 22px;
	position: relative;
	border: 1px solid #e5e5e5;
}

.innercardlogin h5 {
	margin-top: 15px;
	font-size: 16px;
	font-weight: 600;
}

.innercardlogin p {
	background: #fae0cc;
	padding: 3px 10px;
	border-radius: 8px;
	font-size: 14px;
	color: #000;
}

.innercardlogin a {
	color: #000;
}

.bordermain3 {
	border: 1px solid #d7d7d7;
	padding: 9px 11px;
	border-radius: 65px;
	max-height: max-content;
	justify-content: center;
	display: flex;
	align-items: center;
}

.bodyscroll {
	background-image: url(/images/leaf.jpg);
	background-size: cover;
	padding: 0;
	background-position: 50px -110px;
}

.closeheading .btn-close {
	position: absolute;
	right: 20px;
	top: 30px;
}

.closeheading h4 {
	font-weight: 700;
	font-size: 26px;
}

.logininfocard {
	height: 500px;
	overflow-x: auto;
}

.closeheading {
	background: url(/images/bgmain2.png) 41% -43px;
	padding: 11px 27px;
	border-radius: 0 0 25px 25px;
}

.innerloginform {
	padding: 5px 12px;
}

#fixed-user-list .remove-card,
.lds-dual-ring.hidden,
.mobile_view {
	display: none;
}

.lds-dual-ring {
	display: inline-block;
	width: 80px;
	height: 80px;
}

.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 20% auto;
	border-radius: 50%;
	border: 6px solid #fff;
	border-color: #fff transparent;
	animation: 1.2s linear infinite lds-dual-ring;
}

@keyframes lds-dual-ring {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .8);
	z-index: 9999;
	opacity: 1;
	transition: .5s;
}

.col-container {
	display: table;
	margin-bottom: 20px;
}

.panel-heading.clearfix h3 {
	font-size: 24px;
	font-weight: 600;
}

.nav.nav-tabs,
.tabsactive {
	padding: 10px 0;
	margin-bottom: 34px;
	border-radius: 0;
	margin-top: 18px;
	border-bottom: 1px solid #dee2e6;
}

.nav.nav-tabs a {
	padding: 12px 26px;
	/*border-radius: 77px;*/
	color: #000;
	font-size: 14px;
}

/*
.import1 button.active,
.nav.nav-tabs a.active {
	background: none;
	padding: 12px 26px;
	border-radius: 0;
	color: #000 !important;
	text-decoration: none;
	margin-right: 0;
	position: relative;
	font-weight: 600;
	border-bottom: 3px solid #0056b3;
}
*/

.customDiv {
	background: #fff;
	padding: 16px;
	border-radius: 8px;
	margin-bottom: 15px;
}

.table.dataTable.no-footer {
	margin-top: 17px;
}

.search {
	border: 1px solid #fff;
	padding: 8px;
	border-radius: 8px;
	background: #f5f5f5;
}

.btn-glow,
.marginheading .btn-glow {
	background: #50a9ba;
	color: #fff;
	text-decoration: none;
	box-shadow: none;
}

.btn-glow {
	border-radius: 4px;
	border: none;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-submenu:focus>a,
.dropdown-submenu:hover>a,
.select2-choice,
.subAnswerInfo2 .select2-container .select2-choice .select2-arrow,
span.select2-arrow {
	background: #fff !important;
}

.marginspacing {
	padding: 0 20px;
}

.dataTables_filter input, .st-search  {
	margin: 10px 0px;
	border: 1px solid #d6d6d6 !important;
	border-radius: 6px !important;
	padding: 19px !important;
}

.table thead th {
	padding-bottom: 13px !important;
	padding-top: 18px !important;
	display: table-cell;
	width: 100px;
	font-size: inherit;
	font-weight: 600;
}

.marginspacing tabe {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.mainskilss p,
.orderdiv2 P,
.orderdiv3 P,
.stepsinvoice p {
	font-size: 15px;
}

.leadmain,
.table.dataTable thead th,
.tabsunderline ul li a,
span.label {
	font-size: 16px;
}

.backmainii .mio,
.margin-bt-10,
.marginheading {
	margin: 10px 0;
}

.leadmain {
	margin: 16px 69px;
}

.marginheading .btn-glow {
	padding: 8px 14px;
	border-radius: 7px;
	border: none;
	font-size: 15px;
}

.select2-choice {
	padding: 6px !important;
	height: 38px !important;
	margin-right: 12px;
	border: 1px solid #ced4da !important;
	width: 100%
}

span.select2-arrow {
	border-left: none !important;
	margin: 5px 7px;
}

.cardsnap a,
.removebg a {
	background: 0 0 !important;
}

.heightscroll::-webkit-scrollbar {
	width: 5px;
	border-radius: 10px;
}

.heightscroll::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

.heightscroll::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 10px;
}

.heightscroll::-webkit-scrollbar-thumb:hover {
	background: #555;
	border-radius: 10px;
}

.file-navigation::-webkit-scrollbar {
	width: 10px;
}

.file-navigation::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.file-navigation::-webkit-scrollbar-thumb {
	background: #888;
}

.file-navigation::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.badge-info
{
	background-color: rgb(104 163 213 / 0%);
	font-size: var(--label-font-size) !important;
}

table.dataTable td {
	padding: 11px 9px;
	border-bottom: 1px solid #edf2f7;
}

.heightscroll {
	height: 69vh !important;
	padding-right: 12px;
}

.dropdown-menu>li>a {
	font-size: 16px;
	outline: 0;
	padding: 9px 6px;
}

.clipboard_empty {
	width: 132px;
	margin-bottom: 20px;
}

.miyuo {
	margin-bottom: 35px !important;
}

.summary {
	display: block;
	background: #fff;
	margin: 23px 0 0;
	padding: 12px;
	border-radius: 11px;
}

.d-flexmain,
.dflexplay,
.mainline {
	display: flex;
}

span.label {
	font-weight: 400;
}

.colorchange {
	background: #dceef1 !important;
	color: #18bcdb !important;
	font-size: 13px;
	font-weight: 300;
}

.datewise h5 {
	font-size: 14px;
	font-weight: 600;
}

.datewise {
	margin-top: 9px;
	width: 35px;
}

.search:focus {
	outline: 0 !important;
	border: none !important;
}

.Kommende {
	padding: 0 12px;
}

/* .heightfocus {
	height: 291px !important;
} */

.folder-name span,
.rightIcon {
	margin-right: 13px;
}

.bordervoterinner .nav.nav-tabs li,
.centering {
	margin-right: 0 !important;
}

.folder-name {
	border: none !important;
	border-bottom: 1px solid #efefef !important;
	border-radius: 0 !important;
	margin-bottom: 0 !important;
}


.dropdownTablesec2 {
	left: -109px !important;
	top: -1px !important;
}

.removebg a {
	color: #000;
}

.import1 {
	padding: 0;
	margin-bottom: 34px;
	border-radius: 0;
	margin-top: 0;
	border-bottom: 1px solid #e9e9e9 !important;
}

.import1 button {
	padding: 12px 26px;
	border-radius: 77px;
	color: #000;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
}

.tablecolrow {
	white-space: nowrap;
	font-size: 14px !important;
}

.bgmainfytura {
	background-color: #fff;
	padding: 27px;
	border-radius: 15px !important;
	margin-bottom: 94px;
}

.cardbgblack {
	background-color: #717274 !important;
	border-radius: 15px 15px 0 0 !important;
}

.cardbgblack p {
	font-size: 14px;
	color: #ededed;
	font-weight: 700;
	letter-spacing: 1px;
}

.cardbgblack2 {
	border-radius: 0 0 15px 15px !important;
}

.cardbgblack2 .col-sm-10,
.tableankerfont a {
	font-size: 16px !important;
}

.big-font p {
	font-weight: 800;
	font-size: 31px !important;
}

.marginbot {
	padding-bottom: 13px;
	border-bottom: 1px dashed #c5c5c5;
	margin-bottom: 20px;
}

.cardsnap a {
	color: #000 !important;
	padding: 0 !important;
	font-size: 16px;
}

.cardsnap {
	border-radius: 12px;
}

.cardsnap .card-bg-signants-title {
	background: #f5f5f5;
}

.centering {
	margin-top: 15px;
}

.cardsnap span {
	font-size: 15px;
	color: #999;
}

.cardsnap h5,
.innerdivhandlingtab h6 {
	font-size: 17px;
	font-weight: 600;
}

.removebg .btn-glow,
.removebgamin .btn-glow {
	background: 0 0 !important;
	color: #000 !important;
}

.marginmat {
	margin-top: 25px;
}

.bordermaindashed {
	padding-bottom: 44px;
	border-bottom: 1px dashed #a9a9a9;
}

.tableinvoiceedit td,
.tableinvoiceedit th {
	font-size: 14px !important;
}

.bgconetnt {
	background-color: #fff;
	padding: 20px;
	margin-bottom: 81px;
}

.bgconetnt .list-group-item {
	margin-bottom: 15px;
	border-radius: 8px;
}

.headingankers a {
	font-size: 16px;
	color: #999 !important;
}

.bgconetnt .headingthree {
	font-size: 21px;
	font-weight: 700;
}

.content-styles {
	margin: 26px 0 0 !important;
}

.innerlinktab {
	font-size: 18px;
	margin: 17px 0;
	font-weight: 500;
}

.list-group-item+.list-group-item {
	border: 1px solid rgba(0, 0, 0, .125);
}

.btnclassic {
	border: 1px solid #d1d1d1;
	padding: 5px 19px;
	font-size: 14px;
}

.panelfooter2 .submit {
	background: #e7f4f7;
	padding: 17px;
}

form#azureInvoiceEditForm button {
	margin-top: 10px !important;
}

.boxmain {
	margin-bottom: 20px;
}

.control-label {
	color: #000;
	margin-bottom: 7px;
	font-size: 16px;
}

.bordmar,
.bordmar2 {
	margin-bottom: 20px;
	border-bottom: 1px dashed #999;
	padding-bottom: 10px;
}

.marpadoi {
	margin-top: 21px;
}

.panelborder {
	border: 1px solid #dfdfdf;
	padding: 10px;
	border-radius: 11px;
	margin: 17px 0;
}

.mainline {
	border-top: 1px dashed #bfbfbf;
	padding-top: 18px;
}

.mainline .btn-glow {
	margin-right: 6px;
	padding: 7px 32px;
	font-size: 16px;
	background: #18bcdb !important;
}

.bgconetnt .input.checkbox,
.meetingaddress {
	margin-top: 14px;
}

.selctbox select {
	width: 100%;
	height: 40px;
	margin: 13px 0;
	border-radius: 6px;
}

.bordmar2 h3 {
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
}

.breadcrumbone .breadcrumb-item,
.breadcrumbone .breadcrumb-item a,
.btnbgmy a,
.dropdownmain li a,
.tableresize tr td,
.tableresize tr th {
	font-size: 14px;
}

.btnbgmy a {
	border: 1px solid #9f9f9f;
	padding: 5px 8px !important;
	margin-top: 4px;
}

.mainline .btn-glow:hover {
	background: #18bcdb !important;
	color: #fff;
}

.btnmargin3 {
	margin-bottom: 14px;
	padding: 7px 13px;
	font-size: 15px;
	font-weight: 600;
}

.btnaddpop {
	background: #50a9ba !important;
	padding: 4px 4px 2px !important;
}

.btnaddpop:hover {
	color: #fff !important;
}

.btnman .btn-glow,
.btnsample .btn-glow,
.btnsheading .btn-glow,
.btntic .btn-glow,
.d-flexmain .btn-glow {
	padding: 7px 14px !important;
	font-size: 14px;
	margin-left: 7px;
	background: #50a9ba !important;
	color: #fff !important;
}

.marginbottom-45,
.tab-pane.tableinvoiceedit {
	margin-bottom: 50px;
}

.tablecolor span {
	background-color: #999;
	color: #fff;
	padding: 0 4px;
	border-radius: 3px;
}

.bordervoterinner .nav.nav-tabs,
.dropdownmain,
.fancybox-skin {
	padding: 0 !important;
}

.mainbordd {
	border: 1px solid #ddd;
	border-radius: 14px;
	padding: 15px;
	margin-bottom: 22px;
}

.st-filearchive2 {
	padding-bottom: 15px;
	margin-bottom: 22px;
}

.marginten {
	margin-bottom: 16px;
	margin-top: 16px;
}

.btnsmargin p,
.input.select,
.list-group-item {
	margin-bottom: 10px;
}

.select2-chosen {
	background: #fff;
	border-radius: 3px 0 0 3px;
	padding: 4px;
	margin-top: -4px;
}

.list-group-item {
	border-radius: 8px !important;
}

.mainbordd i {
	margin-left: 9px;
}

.btnman,
.checkmarkopt,
.formmain {
	margin-bottom: 14px;
}

ul.list-group-horizontal.defaultWidth {
	overflow: auto;
}

.color-picker {
	border-left: 100px solid green;
	padding: 10px 0 !important;
	margin-bottom: 10px;
}

.panel-footer.btnsheading .submit {
	width: 150px;
	float: left;
}

.dropdownmain li {
	border-bottom: 1px solid #d9d9d9;
	padding: 7px;
	cursor: pointer;
}

.dropdownmain li:hover {
	background: rgb(235 235 235) !important;
}

.dropdownmain li:last-child {
	border-bottom: none !important;
	padding: 7px;
}

.dropdownmain li a i {
	margin-right: 6px;
	color: #00bfdf;
}

.tableresize thead {
	border-top: none !important;
}

.bgtorentadd {
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	margin: 16px 0;
}

.bgtorentadd .help-block {
	line-height: 3;
	color: #999;
}

.backbgshow {
	background: #fff;
	padding: 24px;
	border-radius: 15px;
	margin-bottom: 84px;
}


.fontresize {
	font-size: 18px;
}

.box1,
.btnsample {
	border: 1px solid #e5e5e5;
	padding: 15px;
	border-radius: 15px;
	margin: 12px 0;
}

.box1 .meeting-walkthrough-box {
	border: 1px solid #e5e5e5;
	padding: 15px;
	border-radius: 15px;
	background: #f5f5f5;
}

.meeting-walkthrough-box h3 {
	font-size: 20px;
	margin-bottom: 11px;
	font-weight: 600;
}

.box1 .meeting-walkthrough-box a {
	font-weight: 600;
	margin-bottom: 9px;
}

.box1 .meeting-walkthrough-box i {
	margin-right: 7px;
	font-size: 16px;
}

.box2 h3 {
	font-size: 18px !important;
	color: #000;
}

.box1 .btn-glow {
	font-size: 15px;
	background-color: transparent !important;
	color: #50a9ba;
	padding: 4px 11px;
	border-radius: 44px;
	margin-right: 13px;
	border: 1px solid #50adbe !important;
}

.fontresizes {
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	color: #999;
}

.mainskilss {
	margin-top: 19px;
}

.message-type-2 {
	padding: 7px 14px !important;
	font-size: 16px;
	margin-left: 7px;
	background: #fff !important;
	color: #000 !important;
	border: none;
	border-radius: 6px;
	font-weight: 600;
}

.mainskilss h3 {
	font-size: 20px;
	font-weight: 700;
	margin: 12px 0;
}

.mainskilss {
	background: #e9e9e9;
	border-radius: 15px;
}

.borderselect .select2-choice,
.newdashboardmsgLog ul li,
.sakslistecard,
.secondtable .table thead,
.select2-search-choice .select2-search-choice-close,
.ullimainsection ul li,
.ullinnermain li:last-child {
	border: none !important;
}

.secondtable .done {
	background-color: #50a9ba1a;
	color: #50a9ba !important;
}

.btnproperty .btn-glow,
.btnproperty .btn-glow:hover {
	background: #50a9ba;
	padding: 9px 20px;
	font-size: 15px;
}

.btnproperty {
	margin-top: -70px;
}

.bgbottom {
	margin-bottom: 94px;
}

.btnproperty .btn-glow:hover {
	color: #fff;
}

.checkbox-container {
	background: #efefef;
	border-radius: 61px;
	padding: 4px;
	margin: 0;
	width: 100%
}

.checkbox-container .col-xs-3,
.epostsection .nav-tabs {
	margin: 0;
}

.checkbox-container .btn-primary {
	border-radius: 65px;
	color: #000;
	background: #fff;
	border: none;
	width: 100%
}

.checkbox-container .btn-primary.active {
	background: linear-gradient(to top, #50a9ba 0, #00cff7 100%) !important;
	color: #fff;
	box-shadow: none;
}

.borderbtm {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 8px;
}

.progressbar li:after {
	width: 87% !important;
	height: 2px;
	content: '';
	position: absolute;
	background-color: grey;
	top: 15px;
	left: -44% !important;
	z-index: 1 !important;
}

.aligntext {
	margin-top: 18px;
}

p.el-message-description {
	font-size: 16px;
	color: #1e2127;
}

.backbgshow .select2-container,
.fullwidthli .select2-container,
.imagebanner,
.select_dropdown .select2-container,
.selectboxset .select2-container,
.selectdropdown2 .select2-container {
	width: 100%
}

.backbgshow .select2-container .select2-choice>.select2-chosen {
	margin-top: -1px;
	margin-right: 15px;
}

.backbgshow .select2-choice {
	width: 100%;
	height: 62px;
	margin: 0;
	padding: 0 !important;
}

.backbgshow .select2-arrow {
	margin: 0;
	height: 33px !important;
}

.progress,
.progress-container::before {
	transform: translateY(-50%);
	height: 2px;
	top: 50%;
	left: 0;
}

.backbgshow .input-group-addon,
.tableinovice tr th {
	border: none;
}

.bgtags,
.bgtags2 {
	background: #fff;
	padding: 23px 23px 23px 54px;
	border-radius: 14px;
	margin-bottom: 83px;
	position: relative;
}

.bgtags .list-group-item,
.bgtags2 .list-group-item {
	background: 0 0;
	padding: 0 0 24px;
	border: none;
}

.bgtags .list-group-item:before {
	content: '';
	position: absolute;
	width: 15px;
	height: 14px;
	background: #fff;
	border-radius: 32px;
	left: -29px;
	top: 11px;
	border: 1px solid #4faabb;
}

.bgtags .list-group-item:after,
.bgtags2 .list-group-item:after {
	content: '';
	position: absolute;
	height: 100%;
	width: 1px;
	background: #4faabb;
	left: -22px;
	top: 25px;
}

.bgtags .btn-glow {
	margin-left: 0 !important;
	background: #fff;
	color: #50a9ba;
	border: 1px solid #50a9ba;
	border-radius: 45px;
	padding: 6px 29px;
	font-size: 16px;
	transition: .3s ease-in-out;
}

.circle.active,
.circle.done {
	border-color: var(--active-background-color);
}

.bgtags .btn-glow:hover {
	background-color: #50adbe;
	color: #fff;
}

.link-a {
	color: var(--primary-link-color) !important;
	background: 0 0 !important;
	text-decoration: none !important;
}

.btn-link,
.btndangerred,
.calenderanker a,
.navigation-menu2 li a,
.tableinovice a,
a.ankeraction {
	text-decoration: none;
}

.link-a:hover {
	background: var(--primary-link-background) !important;
	color: #fff !important;
	border-radius: 5px;
	padding: 1px !important;
	margin: 0 -1px !important;
}

.st-main-header {
	margin-bottom: 20px;
	font-size: 24px;
}

.progress-container::before {
	content: "";
	background: var(--inactive-color2);
	position: absolute;
	width: 100%;
	z-index: -1;
}

.progress-container {
	display: flex;
	justify-content: space-between;
	position: relative;
	max-width: 100%;
	width: 80%;
	text-align: center;
	margin: 16px auto auto;
	z-index: 1;
}

.circle-footer,
.progress {
	position: absolute;
	transition: .4s;
}

.progress {
	background: var(--active-background-color);
	width: 0%;
	z-index: -1;
}

.addlist,
.draganddrop {
	background-color: #fff;
}

.circle,
.circle-footer,
.panel2,
.submit-overlay {
	background: #fff;
}

.circle {
	color: #999;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid var(--inactive-color2);
	transition: .4s;
}

.circle-footer {
	/*color: #999;*/
	color: black;
	height: auto;
	width: 150px;
	transform: translateX(-50px);
	display: flex;
	align-items: start;
	justify-content: center;
}

.circle.active {
	background-color: var(--active-background-color);
	color: var(--active-color);
}

.circle.done {
	background-color: var(--done-background-color);
	color: var(--done-color);
}

.submit-overlay .infotext,
.submit-overlay .infotext2 {
	left: 50%;
	line-height: 100px;
	background: 0 0;
	font-size: 20px;
	position: absolute;
}

.st-link-danger,
.st-link-danger:hover {
	color: var(--bs-danger);
}

.flex-space-between {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
}

.flex-end,
.flex-start {
	display: flex;
	gap: 8px;
	align-items: baseline;
}

.flex-start {
	justify-content: flex-start;
}

.flex-end {
	justify-content: flex-end;
}

.submit-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 100;
	cursor: pointer;
}

.submit-overlay .spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 10px solid #f3f3f3;
	border-top: 10px solid #3498db;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	-webkit-animation: 2s linear infinite spin;
}

.submit-overlay .infotext {
	top: 50%;
	width: 100px;
	height: 100px;
	display: flex;
	justify-content: center;
}

.submit-overlay .infotext2 {
	top: 60%;
	justify-content: center;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

.heading-1,
.heading-h4,
.headingmain2 {
	font-weight: 500;
	font-size: 24px;
}

.panel2 {
	border-radius: 8px;
	margin: 0;
}

/*.panel2-header {
	padding: var(--padding-1);
	padding-bottom: 0;
}*/
.panel2-body,
.panel2-footer {
	padding: var(--padding-1);
}

.panel2-footer {
	border-top: 1px solid #dee2f6;
}

.st-breadcrumb {
	font-size: var(--breadcrumb-font-size);
	font-weight: var(--breadcrumb-font-weight);
}

.btn-link {
	text-align: left;
	transition: .2s ease-in-out;
	color: #2178BE !important;
}

.btn-link:hover {
	font-weight: bolder;
}

.st-red-border {
	border-color: #f38989 !important;
}

input[type=file],
input[type=text] {
	line-height: 26px !important;
	font-size: inherit;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
	text-align: right;
}

.st-card-content {
	padding: 30px 0 0;
}

.st-card-content p {
	font-size: 16px;
	padding: 0 20px;
}

.draganddrop {
	padding: 15px;
	border-radius: 15px;
	margin: 23px 0;
}

.addlist {
	padding: 23px;
	/*margin-bottom: 95px;*/
	border-radius: 12px;
	box-shadow: 4px 0 24px #e9e9e9;
}

.addlist .select2-container-multi .select2-choices {
	min-height: 40px;
	border: 1px solid #d7d1d1;
	border-radius: 6px;
	box-shadow: none !important;
	background-image: none !important;
}

.selectboxset {
	margin-bottom: 15px;
}

.addlist .help-block {
	color: #525252;
	font-size: 14px;
	line-height: 32px;
}

input.form-control {
	height: 40px !important;
	border-radius: 4px;
}

.addlist .moxie-add-documents.btn-glow {
	background: 0 0;
	color: #50a9ba;
	border: 1px solid #50a9ba;
	padding: 6px;
	font-size: 13px;
	border-radius: 51px;
	font-weight: 600;
}

.sidemenuopp {
	border-right: 1px solid #e1e1e1;
}

.sidemenuopp ul li .btn-glow {
	padding: 0;
	background: 0 0;
	text-align: left;
	font-size: 15px;
	color: #505050;
	font-weight: 600;
}

.sidemenuopp .badge {
	float: right;
	background: #00000021;
	font-size: 11px;
	color: #000;
	font-weight: 600;
	margin-top: 11px;
}

.sidemenuopp .list-group-item {
	border: none !important;
	padding: 2px 7px;
	border-radius: 6px !important;
	margin: 0;
}

.btnondisabled,
.panelbtn .btn-glow {
	padding: 7px 17px;
	float: left;
	margin-right: 10px;
	margin-top: 16px;
	font-size: 14px;
}

.sidemenuopp .list-group-item.active {
	z-index: 2;
	color: #fff !important;
	background-color: #f2f4f5;
}

.sidemenuopp .btn-glow:hover {
	background-color: transparent !important;
	color: #000 !important;
	font-weight: 600;
}

.btnondisabled {
	color: #fff !important;
	background-color: #2178be !important;
}

.newsletterSideMenu i,
.ullimainsection ul li a i {
	margin-right: 10px;
}

.hidden-select,
.maindivCollapse label.message-type .fa.fa-plus,
.maindivCollapse label.message-type .radio span {
	opacity: 0;
}

.panelbtn .btn-glow {
	color: #2178be;
	background-color: transparent;
}

.panelbtn {
	border-top: 1px solid #dfdfdf;
	margin-top: 22px;
}

/* .menuside a.active:before {
	content: '';
	position: absolute;
	background-color: #2178be;
	height: 32px;
	width: 4px;
	left: -28px;
} */
.btnglowhovertext .btn-glow {
	background-color: transparent !important;
	color: #4c4a4a;
	padding: 0 11px !important;
	text-align: left !important;
	font-size: 14px;
	border: 1px solid #fff;
}

.btnglowhovertext .btn-glow:hover {
	background-color: #fff !important;
	padding: 0 11px !important;
	color: #50abbc !important;
	border: 1px solid #50abbc;
	border-radius: 6px;
}

.dflexplay .btn-glow {
	padding: 8px 16px;
	font-size: 15px;
	background: #4fb2c6;
	margin-right: 9px;
}

.dflexplay .btn-glow:hover {
	color: #fff !important;
	background: #4fb2c6;
}

.bottomlineleft .list-group-item:last-child:after {
	content: '';
	position: absolute;
	height: 100%;
	width: 1px;
	background: #fff;
	left: -22px;
	top: 25px;
}

.bottomlineleft .list-group-item:last-child,
.bottomlineleft:last-child {
	padding-bottom: 0 !important;
}

.bgtags2 .list-group-item:before {
	content: '';
	position: absolute;
	width: 15px;
	height: 14px;
	background: #4faabb;
	border-radius: 32px;
	left: -29px;
	top: 11px;
	border: 1px solid #4faabb;
}

.bgtags2 .btn-glow:first-child:before {
	content: '';
	position: absolute;
	height: 54%;
	width: 1px;
	background: #4faabb;
	left: -22px;
	top: -23px;
}

.btnpadd {
	float: right;
	margin-right: 9px;
}

.btnpadd a {
	padding: 7px 11px;
	margin-top: 1px;
	float: right;
}

.voterspage .ariana-position,
.voterspage .hack-adjust {
	margin-top: 0 !important;
}

.voterspage .assembly-data {
	border: 1px solid #d7d7d7;
	border-radius: 10px;
}

.voterspage .assembly-data li {
	border-bottom: 1px solid #d7d7d7 !important;
	margin: 0;
	border: none;
	border-radius: 0 !important;
	background: 0 0;
	padding: 9px 8px;
	transition: .3s ease-in-out;
}

.voterspage .assembly-data li:hover {
	background-color: #ededed;
}

.bordermaintable li:last-child,
.liststyleborder li:last-child,
.voterspage .assembly-data li:last-child {
	border-bottom: none !important;
}

.voterspage .assembly-data li .btn-glow {
	text-align: left;
	background-color: transparent !important;
	color: #707070;
	font-size: 14px;
	font-weight: 600;
}

.bordervoterinner {
	border: 1px solid #d7d7d7 !important;
	border-radius: 10px;
	padding: 15px;
}

.bordervoterinner .nav.nav-tabs a {
	padding: 9px 18px !important;
	border-radius: 77px !important;
	color: #121212;
	text-decoration: none !important;
	font-size: 15px !important;
	font-weight: 600;
	background: #fff;
}

.bordervoterinner .nav.nav-tabs li.active {
	border-radius: 47px;
	color: #fff !important;
	text-decoration: none;
	margin-right: 0;
	position: relative;
}

.bordervoterinner .nav.nav-tabs li.active a {
	color: #262626 !important;
	border-bottom: 4px solid #0056b3;
	border-radius: 0 !important;
	font-weight: 600;
}

.btncolor .btn-glow {
	background-color: transparent !important;
	padding: 0 !important;
	color: #000 !important;
}

.floatnone span:last-child {
	float: left !important;
	font-size: 13px;
	color: #999;
}

.voterspage {
	margin-top: 33px;
}


.voterspage .btn-glow.btn-outline {
	background: #2178be;
	padding: 9px 20px;
	font-size: 15px;
	border: none;
}

.infoamain .alert.alert-info {
	color: #055160;
	background: linear-gradient(to top, #d3f8ff82 0, #00cff730 100%) !important;
	border-color: #fff;
	border-radius: 11px;
}

.infoamain .alert-success {
	color: #50a9ba;
	background-color: #50a9ba2b;
	border-color: #fff;
	font-weight: 600;
	font-size: 25px;
	border-radius: 11px;
}

.infoamain .alert,
.infoamain .alert.alert-info p {
	font-size: 17px;
}

.btnsfem .btn-glow {
	background: #50a9ba;
	padding: 9px 20px;
	font-size: 15px;
	margin-right: 9px;
}

.sidenav-menu {
	width: 28px;
	float: left;
	margin-top: 19px;
	margin-right: 13px;
	cursor: pointer;
}

.listofpopover {
	border-radius: 5px !important;
	margin-bottom: 10px;
	border: none !important;
	padding: 5px;
	background: #f5f5f5;
}

.bgwhiteplus,
.maodalpopup2 {
	border-radius: 8px;
}

.listofpopover:hover {
	background: #e3e3e3;
}

.listofpopover .btn-glow {
	background-color: transparent;
	color: #626262 !important;
	font-size: 16px;
}

.headingtext h4 {
	font-size: 20px;
	color: #000;
	font-weight: 600;
}

.bgwhiteplus {
	background-color: #fff;
	padding-bottom: 5px;
}

.maodalpopup2 .panel-heading {
	background-color: #00bfdf00 !important;
	padding: 11px;
	border-bottom: 1px solid #ced4da;
}

.maodalpopup2 .panel-heading h3 {
	color: #000 !important;
	font-size: 22px;
	text-transform: none !important;
	font-weight: 700;
}

.maodalpopup2 .panel-body {
	padding: 10px 25px;
}

.maodalpopup2 .field-box .select2-container {
	border-radius: 8px;
	width: 100%
}

.maodalpopup2 .field-box .select2-container .select2-choice {
	border: 1px solid #ced4da !important;
	border-radius: 6px;
	width: 100%;
	background-color: transparent !important;
}


.maodalpopup2 .field-box {
	margin-bottom: 9px;
}

.maodalpopup2 .field-box .select2-container .select2-chosen {
	width: 100%;
	background-color: transparent !important;
	font-size: 14px;
	color: #545454;
	font-weight: 600;
}

.footerbuttons {
	border-top: 1px solid #ced4da;
	padding: 18px 29px;
	margin-bottom: 15px;
}

.btn1 {
	background: #fff;
	padding: 7px 13px;
	font-size: 14px;
	color: #2178be;
	border: 2px solid #2178be;
	font-weight: 600;
}

.btn2,
.footerbuttons .btn-glow {
	background: #2178be;
	margin-left: 12px;
	font-size: 14px;
	font-weight: 600;
}

.btn2 {
	padding: 9px 20px;
}

.footerbuttons .btn-glow {
	padding: 8px 20px;
	color: #fff;
	border: none;
}

.fancybox-overlay {
	background: #00000061 !important;
}

.maodalpopup2 .dates-container .help {
	font-size: 15px;
	margin-top: 9px;
	color: #979797;
}

.maodalpopup2 span.date {
	background: #e7f1ff;
	font-size: 14px !important;
	padding: 4px 10px;
	border-radius: 60px;
}

.fancybox-skin {
	box-shadow: 0 10px 25px rgb(0 0 0 / 0%) !important;
}

.sakslistecard h3 {
	font-size: 18px;
	font-weight: 700;
}

.sakslistecard .card-header {
	padding: 5px 10px;
	border-bottom: none;
	cursor: pointer;
	background-color: #efefef;
}

.bgcalenderpage {
	background-color: #fff;
	box-shadow: 1px 1px 20px #0000000d;
	border-radius: 15px;
}

.calenderanker a {
	font-size: 13px;
	color: #6c6c6c;
	font-weight: 600;
}

.calenderanker {
	margin-top: 2px;
	margin-left: 7px;
}

.maincol-padd .col-md-3 {
	padding: 3px 7px !important;
	margin-bottom: 6px;
}

.maincol-padd .btn-glow {
	background: 0 0;
	color: #a1a1a1;
}

.arrowiconcollapse a {
	background: #fff;
	padding: 9px 12px;
	border-radius: 41px;
	color: #b5c2fd;
	cursor: pointer;
}

.do.bgcalenderpagewn-arrow {
	border-radius: 2px;
}

@keyframes jumpInfinite {

	0%,
	100% {
		margin-top: 0;
	}

	50% {
		margin-top: 10px;
	}
}

.down-arrow {
	animation: 1.5s infinite jumpInfinite;
}

.calndericons {
	background: #fff;
	padding: 2px 8px;
	border-radius: 43px;
	margin: 0;
}

.calndericons i {
	font-size: 13px;
	color: #51acbd;
}

.btn-spance {
	padding: 10px;
	margin: 5px;
}

.headingmaintop h3 {
	font-size: 20px !important;
	font-weight: 600 !important;
}

.invoicetop {
	background: #fff;
	margin-top: 13px;
	padding: 18px;
	border-radius: 10px;
}

.headingmaintop h3 span,
.statusventer {
	background: #e7f1ff;
	font-weight: 600;
	font-size: 14px;
}

.tableinovice tr {
	border-bottom: 1px solid #e9e9e9;
}

.tableinovice tr td {
	border: none;
	padding: 10px 8px;
	font-size: 14px;
	vertical-align: middle !important;
}

.headingmaintop h3 span {
	padding: 4px 9px;
	border-radius: 41px;
}

.linkgreen {
	border: 1px solid #2c6740 !important;
	margin-right: 10px;
	color: #2c6740;
}

.linkred {
	border: 1px solid #ca1324 !important;
	color: #ca1324;
}

.linkred.active,
.linkred:hover {
	background-color: #ca1324 !important;
	border: 1px solid #ca1324 !important;
}

.handlinertabs .nav-link.active,
.handlinertabs .nav-link:hover {
	background: #2c6740;
	color: #fff;
	border: 1px solid #2c6740;
}

.handlinertabs .nav-link {
	padding: 6px 22px;
	font-size: 15px;
}

.checboxmain {
	padding: 12px;
	border-radius: 6px;
	margin-top: 10px;
	border: 1px solid #dee2e6;
	box-shadow: 0 2px 2px rgba(24, 39, 75, .06);
}

.innerdivhandlingtab .confighandling {
	color: #000;
	font-weight: 600;
	font-size: 15px;
}

.checboxmain .form-check-label {
	color: #2178be;
	font-weight: 600;
	font-size: 15px;
}

.checboxmain p {
	margin-left: 26px;
	font-size: 15px;
}

.mainheadingtr td {
	font-weight: 600;
	color: #000;
}

.statusventer {
	color: #000;
	padding: 3px 14px;
	border-radius: 70px;
}

.stepsinvoice li {
	position: relative;
	list-style: none;
	padding: 15px;
}

.stepsinvoice li:before {
	content: '';
	position: absolute;
	border: 1px solid #ced4da;
	padding: 7px;
	border-radius: 41px;
	left: -22px;
	top: 17px;
	background: #fff;
}

.stepsinvoice li:after {
	content: '';
	position: absolute;
	background: #ced4da;
	height: 100%;
	width: 1px;
	left: -14px;
	top: 32px;
}

.mssagelog {
	background: #f8f9fa;
	padding: 11px;
	border-radius: 10px;
	margin-top: 9px;
	font-size: 15px;
}

.commentdate {
	padding-bottom: 4px;
	font-size: 14px;
}

.commentname span {
	font-weight: 700;
}

.tableinovice .table {
	border: 1px solid #e9e9e9 !important;
}

.formtextarea label {
	color: #000;
	font-weight: 600;
	font-size: 15px;
	margin-bottom: 10px;
}

.tableinovice a {
	font-weight: 600;
	font-size: 14px;
}

.btnbgcolor {
	background: #2178be;
	border: none;
	padding: 7px 24px;
	font-weight: 600;
}

.checboxmain .form-check {
	padding-left: 0;
}

.secondtab p,
.ullinner .btn-glow {
	font-size: 15px;
	font-weight: 600;
}

.pdfwrap .btn-glow {
	background-color: transparent;
	color: #2178be;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
}

.sidenav {
	height: 100%;
	width: 75px;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	overflow-x: hidden;
	transition: .5s;
	padding-top: 20px;
	z-index: 999;
}

.menuside {
	padding-left: 6px;
}

.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

.searchiconswel {
	font-size: 23px;
	margin-top: 3px;
}

.headertop .fa-solid.fa-bars {
	margin: 15px 0;
}

.iconsset {
	position: absolute;
	right: 10px;
	font-size: 28px !important;
	color: #000;
}

.sidenav li {
	list-style: none;
	margin: 0 6px 0 14px;
}

.main {
	margin-left: 75px;
	transition: .3s ease-in-out;
}

.fontprint {
	font-size: 18px !important;
}

.tableinovice tr th {
	padding: 10px 8px !important;
	color: #000;
	text-transform: capitalize;
}

.add-document span,
.add-recipient span,
.add-signant span,
.add-signee span {
	color: #397cd6;
	white-space: nowrap;
	cursor: pointer;
}

.newsteps-convert .progress-container::before {
	content: "";
	background: var(--inactive-color2);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	height: 0;
	width: 100%;
	z-index: -1;
}

.newsteps-convert .circle {
	height: 25px;
	width: 25px;
	float: left;
}

.newsteps-convert .progress-container {
	margin-top: 11px !important;
	margin-bottom: 34px !important;
	display: flex;
	justify-content: normal;
	position: relative;
	max-width: 100%;
	width: 100%;
	text-align: left !important;
	margin: auto;
	z-index: 1;
}

.newsteps-convert .progress {
	background: var(--primary-color);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-20%);
	height: 0;
	width: 0%;
	z-index: -1;
	transition: .4s;
}

.btn-outline-primary:hover,
.btnborder:hover {
	background: #e4eff7 !important;
	color: #397cd6;
}



.newsteps-convert .circlesteps {
	margin-right: 140px;
	position: relative;
}

.newsteps-convert .circle-footer {
	position: absolute;
	top: 50%;
	left: 423%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: normal;
	justify-content: normal;
	font-size: 14px;
	font-weight: 600;
	color: #000;
}

.newsteps-convert .circle-footer:after {
	content: '\f054';
	position: absolute;
	width: 20px;
	height: 20px;
	color: #6c757d;
	right: 43px;
	font-family: FontAwesome;
}

.fancybox-close:before,
.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before,
.iconsaddarrow:before {
	font-family: bootstrap-icons !important;
}

.btnbold {
	background: #397cd6 !important;
	margin-right: 7px;
	padding: 8px 20px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	border: none;
	opacity: 1 !important;
	border-radius: 4px;
}

.btnborder,
.btnborder:hover {
	padding: 7px 13px;
	font-size: 16px;
	font-weight: 600;
	opacity: 1 !important;
}

.btnborder {
	background: #fff;
	color: #397cd6;
	border: 1px solid #397cd6;
	margin-left: 5px;
	border-radius: 4px;
	margin-right: 4px;
}

.btnborder:hover {
	border: 1px solid #397cd6;
}

.btndangerred {
	background: #fff !important;
	padding: 7px 19px !important;
	font-size: 14px !important;
	color: #ca1324 !important;
	border: 1px solid #ca1324 !important;
	font-weight: 600;
	border-radius: 6px;
	opacity: 1 !important;
}

.tableinovice {
	margin-bottom: 35px;
}

.innderaction,
.tableinovice .table-text {
	margin-bottom: 13px;
}

.tableinovice .table thead {
	border-top: 1px solid #dee3ea !important;
	border-bottom: 1px solid #dee3ea;
}

.btnlefttype {
	float: left;
	margin-right: 10px;
}

.datesetcalender .input-group-addon {
	background: 0 0;
	border-left: 0 solid #fff;
	border-radius: 0 4px 4px 0;
}

.datesetcalender .input-group-addon i {
	margin-top: 5px;
	font-size: 16px;
	color: #000;
}

#mySidenav.openbar {
	width: 250px !important;
	z-index: 999;
}

#main.openbar {
	margin-left: 250px;
}

.widthmonogram {
	width: 23px;
	margin: -9px 26px 12px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 9px;
}

.btncollapse,
.btncollapse:hover {
	color: #2178be;
	background: 0 0;
	text-decoration: underline;
	margin-top: 15px;
	font-size: 14px;
}

.datecalendermain .input-group-addon {
	border-left: none;
	background: 0 0;
	border-radius: 0 4px 4px 0;
}

.datecalendermain input {
	border-right: none;
}

.datecalendermain .input-group-addon i {
	font-size: 15px;
	margin-top: 4px;
	color: #397cd6;
}


.btncollapse {
	font-weight: 600;
}

.headingpopup h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 9px;
}

.tabsandinput select {
	height: 40px;
	width: 181px;
	padding: 0 4px;
	border-radius: 6px;
}

.tabsandinput .dataTables_filter {
	float: none !important;
	text-align: left !important;
}

.tabsandinput .filters {
	float: right;
	margin-top: 10px;
}

.headingfontinner h3,
.headingmain {
	font-size: 20px !important;
	font-weight: 600 !important;
	margin-bottom: 16px;
}

.innercardklipe .process-block {
	font-size: 14px;
	border-bottom: 1px solid #ededed;
	margin-bottom: 12px;
	padding-bottom: 12px;
}

.innercardklipe .btn-glow {
	background-color: transparent;
	padding: 0 !important;
	color: #2178be !important;
	float: right;
	font-weight: 600;
}

.stretbgmain {
	background-color: #fff;
	border-radius: 8px;
	padding: 24px;
	margin-bottom: 20px;
}

.stretbgmain label {
	font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	color: #000;
}

.stretbgmain .field-box {
	margin-bottom: 24px;
}

.headingmain h3 {
	font-size: 20px;
	font-weight: 600;
}

.headingmain h3 span {
	font-weight: 600;
	font-size: 14px;
	background: #e9ecef;
	padding: 4px 11px;
	border-radius: 69px;
	margin-left: 8px;
}

.perahelper,
.textpera {
	font-weight: 400;
	font-size: 16px;
}

.formmain .select2-choice,
.stretbgmain .select2-container .select2-choice {
	background: 0 0 !important;
	width: 100%
}

.formmain .select2-container {
	padding: 0 !important;
	background: 0 0;
}

.table .btn-glow,
.table .btn-glow.primary,
.table .btn-glow.primary:hover {
	padding: 4px 8px !important;
}

.formmain .select2-chosen {
	background: 0 0;
	width: 100%
}

.fontchoosefile {
	font-size: 14px;
	font-weight: 600;
}

.headingstatus h6 {
	font-size: 14px;
	margin-bottom: 17px;
}

.overduehighlight {
	max-width: max-content;
	padding: 5px 10px;
	border-radius: 30px;
	margin-top: -5px;
}

a.ankeraction {
	font-size: 15px;
	color: #2178be;
	font-weight: 600;
}

.dangercol {
	color: #ca1324 !important;
}

.secondActions {
	border-top: 1px solid #e8e8e8;
	margin-top: 10px;
	padding-top: 20px;
}


div#select2-drop {
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	box-shadow: none;
}


.thecarddockumenter {
	margin: 0 20px;
}

.table th {
	text-transform: none !important;
}

.btnsmargin h5 {
	font-size: 14px;
	margin-bottom: 11px;
}

.bordermaininner {
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 18px;
	padding-bottom: 13px;
}

.bordermaininner2 {
	border-top: 1px solid #e2e2e2;
	margin-top: 10px;
	padding-top: 17px;
}

.epostsection {
	border: 1px solid #d9d9d9;
	padding: 9px;
	margin: 0 0 10px;
	border-radius: 4px;
}

.table .btn-glow {
	background-color: transparent !important;
	color: #2178be;
	text-align: left !important;
	font-weight: 500;
}

.btn-glow:hover,
.table .btn-glow.primary:hover {
	background: #e4eff7 !important;
	color: #175587;
}

.table .btn-glow.primary {
	background: 0 0 !important;
	text-align: left !important;
	text-shadow: none;
	font-weight: 500;
}

.btn-glow {
	padding: 10px !important;
}

.kategoribg .label {
	font-size: 13px;
	padding: 2px 7px;
	border-radius: 30px;
	color: #fff;
	font-weight: 600;
}

.tableinovice table th span.line {
	position: absolute;
	top: 0;
	left: -8px;
	border-left: 1px solid #dee3ea;
	height: 0;
}

.navigation-menu2 li {
	float: left;
	list-style: none;
	margin-right: 22px;
}

.navigation-menu2 {
	padding-bottom: 15px;
	padding-left: 0;
}

.navigation-menu2 li a {
	font-size: 15px;
	color: #000;
	font-weight: 600;
}

.subAnswerInfo2 .select2-container {
	width: 100%;
	border: 1px solid #ced4da;
	border-radius: 4px;
}

.subAnswerInfo2 .fa-calendar {
	margin-top: 9px;
}

#bootstrap-confirm-box-modal .modal-title {
	font-size: 16px;
	font-weight: 600;
	color: #000;
}

.btnremove {
	background: 0 0;
	border: none;
	font-size: 23px;
	position: absolute;
	right: 0;
	top: 0;
}

.cursormain .list-group-item {
	cursor: all-scroll;
}

.cursormain .draggable {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 12px;
}

.cursormain .draggable .fa-arrows-alt {
	float: left;
	margin-right: 12px;
	height: 35px;
	width: 35px;
	font-size: 18px !important;
}

.cursormain .filter-checkbox .btnbold {
	padding: 5px 13px !important;
}

.helper2 {
	font-size: 13px;
	margin-top: 2px;
	background: #e7f1ff;
	padding: 3px 8px;
	border-radius: 40px;
	font-weight: 600;
	margin-left: 7px;
}

.logomonogram {
	width: 27px;
	float: left;
}

.fontheader h4 {
	margin-left: 43px;
	margin-top: 13px;
	font-size: 20px;
}

.border1 {
	border-bottom: 1px solid #e5e5e5;
	margin: 0;
	padding: 0;
}

.emailuser {
	margin-top: 36px;
	padding-bottom: 36px;
	margin-bottom: 36px;
	border-bottom: 1px solid #dee2e6;
}

.emailuser h5 {
	font-weight: 500;
	font-size: 20px;
	color: #000;
}

.emailuser h5 span {
	color: #6c757d;
}

.widthimageicons {
	width: 34px;
}

.choseuser_heading {
	padding-left: 15px;
}

.cards_choose_user {
	margin-top: 53px;
	margin-bottom: 75px;
}

.inner_choose_user {
	width: 100%;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .175);
	border-radius: 8px;
	padding: 14px;
	transition: .2s ease-in-out;
	cursor: pointer;
	margin-bottom: 10px;
}

.inner_choose_user:hover {
	background: linear-gradient(0deg, rgba(33, 120, 190, .04), rgba(33, 120, 190, .04)), #fff;
	border: 1px solid #2178be;
}

.choseuser_heading h5 {
	margin-bottom: 3px;
	color: #000;
	font-weight: 600;
}

.choseuser_heading p {
	margin-bottom: 3px;
	color: #6c757d;
	font-size: 15px;
	font-weight: 600;
}

.col-md-4.d-flex.align-items-stretch {
	padding: 0 5px;
}

.imageond {
	width: 35px;
	margin-top: -4px;
}

.imagetwo {
	width: 14px;
	margin-left: 14px;
}

.img1 {
	margin-right: 9px;
}

.choseuser_profile i {
	background: #e7f1ff;
	padding: 4px 8px;
	font-size: 19px;
	border-radius: 201px;
}

.btnclosemain {
	background: 0 0;
	border: none;
	font-size: 24px;
}

.selectdropdown2 .select2-choice {
	width: 100%;
	background: 0 0 !important;
	border: 1px solid #d7d7d7 !important;
}

.selectdropdown2 .select2-chosen {
	background: 0 0;
}

.selectdropdown2 .select2-arrow,
.stretbgmain .select2-choice,
.stretbgmain .select2-chosen {
	background: 0 0 !important;
}

.borderfootermain {
	border-top: 1px solid #ebebeb;
	padding-top: 20px;
}

.liststyle-border li {
	border: none !important;
	padding: 0 0 12px;
	border-bottom: 1px solid #dadada !important;
	border-radius: 0 !important;
}

.liststyle-border li a {
	background: 0 0;
	font-weight: 600;
	font-size: 15px;
	color: #397cd6;
}

.tableinovice .odd {
	background-color: #fff !important;
}

.btnmaininner .submit .btn-glow.primary {
	background: #fff;
	padding: 7px 13px;
	font-size: 14px;
	color: #397cd6;
	border: 1px solid #397cd6;
	font-weight: 600;
	margin-left: 5px;
	opacity: 1 !important;
	border-radius: 4px;
	margin-right: 4px;
}

.btnmaininner .btn-glow.back-button,
.btnmaininner .btn-glow.fancybox-back-button {
	background: #397cd6 !important;
	margin-right: 7px;
	padding: 8px 20px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	border: none;
	opacity: 1 !important;
	border-radius: 4px;
}

.btnalignh {
	margin-top: 14px;
	margin-left: 12px;
}

.ullinner .list-group-item {
	border: none;
	border-bottom: 1px solid #e6e6e6;
	border-radius: 0 !important;
	padding: 4px 0;
	margin: 0;
}

.ullinner .btn-glow i,
.ullinner2 .btn-glow i {
	margin-right: 11px;
}

.tabsactive li,
.tabsactive li.active {
	background: 0 0 !important;
	padding: 8px 3px;
	border-radius: 0;
	margin-right: 0;
	color: #000 !important;
	position: relative;
	text-decoration: none;
}

.maiperapopup {
	font-size: 15px;
	color: #1f1f1f;
	font-weight: 600;
	margin-bottom: 7px;
}

.btn-primary,
.btnborderred {
	font-size: 16px;
	font-weight: 600;
	opacity: 1 !important;
}

.danger:hover {
	color: #fff;
}

.tabsactive li {
	font-weight: 600;
	border-bottom: 3px solid #fff;
}

.tabsactive li.active {
	font-weight: 600;
	border-bottom: 3px solid #0056b3;
}



.btnborderred:hover {
	color: #fff;
	background-color: #d32b2b;
}

.btnborderred {
	background: #fff;
	padding: 7px 13px;
	color: #d32b2b;
	border: 1px solid #d32b2b;
	margin-left: 5px;
	border-radius: 4px;
	margin-right: 4px;
}

.input-group-addon {
	display: flex;
	align-items: center;
	font-size: inherit !important;
}

.stretbgmain .select2-container {
	border: 1px solid #ddd;
	border-radius: 4px;
	width: 100%
}

.stretbgmain .select2-arrow {
	background: 0 0 !important;
	margin: 6px;
}

.panelbtn .btnborder {
	margin-top: 16px;
	border: none;
}

.layerBtn.active {
	color: #fff;
	background-color: #0a58ca;
	border-color: #0a53be;
}

.select2-search-choice {
	padding-right: 13px;
}

.btnalign {
	line-height: 4;
	margin-left: 9px;
}

.lineheight_30,
.switch_btn {
	line-height: 30px;
}

.labeltext label {
	display: block;
	margin-bottom: 14px;
}

.themainmargin {
	margin-bottom: 110px;
}

.marginmain10 {
	margin-top: 63px;
}

.marginmain10 a {
	padding: 8px 12px !important;
}

.newtabs .nav.nav-pills {
	border: 1px solid #ced4da !important;
	max-width: max-content;
	border-radius: 6px;
}

.newtabs .nav-link.active {
	padding: 6px 9px;
	border: none !important;
	background: #e9ecef !important;
	font-weight: 400;
}

.newtabs .nav-link {
	padding: 6px 9px;
}

.switch_btn {
	padding: 7px 10px;
	border: 1px solid #adb5bd;
	border-radius: 6px;
	color: #495057;
	font-size: 16px;
	font-weight: 600;
}

.colorlink,
.loginBtn .btn-glow {
	font-size: 14px;
	font-weight: 600;
}

.mainiconsfour h6 {
	color: #000 !important;
}

.colorlink {
	color: #2178be;
	padding: 10px 17px;
	border-radius: 6px;
	transition: .3s ease-in-out;
}

.colorlink:hover {
	background: #e4eff7;
	color: #175587;
}

.mobile_view a {
	border: none;
	padding: 0;
}

.closenav {
	position: relative;
	display: none;
}

.closeiconAbsolute,
.closenav i,
.cloud,
.iconsadd i,
.iconsadd2 i,
.iconsaddarrow:before,
.light,
.text-box {
	position: absolute;
}

.closenav i {
	font-size: 25px;
	right: 13px;
	top: -43px;
	cursor: pointer;
}

.datatablesearch_input {
	padding: 18px !important;
	border-radius: 6px !important;
	margin-left: 4px !important;
}

.tabsinvoice {
	margin-bottom: 0 !important;
}

.menumanagers ul li,
.searchbartables ul,
ul.managerUl li {
	list-style: none;
}

.bottomspacing {
	margin-bottom: 83px;
}

.align_text h5 {
	text-align: center;
	margin-top: 6px;
	font-size: 16px;
	color: #495057;
	line-height: 22px;
	width: 220px;
}

.align_text h4 {
	color: #000;
	font-weight: 600;
	font-size: 20px;
}

.spacingBtn {
	padding: 0 26px;
	margin-bottom: 20px;
}

.marginALignFooter {
	margin-bottom: 85px;
}

.closeiconAbsolute {
	top: 8px;
	right: 17px;
	background: #397cd633;
	padding: 6px 8px 2px 9px;
	border-radius: 42px;
	color: #000;
	margin: 0;
}

.chipsmain .badge.rounded-pill.bg-primary {
	background: #0d6efd30 !important;
	color: #000;
	font-weight: 600;
	padding: 6px 15px 2px;
	margin-left: 11px;
}

.fontperaain {
	font-size: 16px;
	margin-top: 10px;
	font-weight: 600;
	margin-bottom: 24px;
}

.selectdropdownmain .input.select {
	width: 100%;
	height: 40px;
	background: 0 0;
	border: none;
}

.maindivCollapse {
	border-color: #c1c7cd;
	border-radius: 9px;
	padding: 0;
}

.maindivCollapse label.message-type {
	padding: 11px 22px;
	cursor: pointer;
}

.maindivCollapse .message-type.active {
	background-color: #e9ecef;
	border-radius: 8px;
}

.maindivCollapse label.message-type strong {
	margin-left: -41px;
	font-weight: 600;
}



.onealign,
.removeWhite {
	white-space: nowrap;
	display: block;
	background: #e4eff7 !important;
	color: #175587 !important;
	max-width: max-content;
}

.btnmaininner .btn-glow.primary {
	background: #397cd6 !important;
	margin-right: 7px;
	padding: 8px 16px;
	font-size: 16px;
	font-weight: 600;
	color: #fff !important;
	border: none;
	opacity: 1 !important;
	border-radius: 6px;
	text-decoration: none;
}

.dropdownalign {
	text-align: right;
}

.activeshade {
	border: 1px solid #ced4da;
	border-radius: 6px;
	max-width: max-content;
}

.activeshade .btn.btn-default.active {
	background: #e9ecef;
}

.dropdownalign .dropdown-toggle {
	border: 1px solid #d3d3d3;
	height: 39px;
}

.login_bg {
	background: #fff;
	border-radius: 8px;
	width: 420px;
	margin: auto;
	box-shadow: 1px 1px 60px #e9eeff;
	overflow: hidden;
}

.paddingLogin {
	padding: 38px 38px 0;
}

.loginBtn .btn-glow.btn-outline {
	width: 100%;
	margin-top: 35px;
	height: 40px;
	font-size: 16px;
	font-weight: 600;
	background: #397cd6;
	color: #fff;
	border-radius: 6px;
	transition: .3s ease-in-out;
}

.loginBtn .btn-glow.btn-outline:hover {
	background: #1e6cab !important;
	color: #fff !important;
}

.loginBtn .btn-glow {
	text-align: center;
	margin: 14px 0;
	display: block;
	background: 0 0;
	color: #397cd6;
	padding: 4px 8px !important;
}

.fonttext {
	font-size: 24px;
	font-weight: 700;
}

.login_bg .form-control {
	margin-bottom: 20px;
	border: 1px solid #eaeaea;
	padding: 0 0 0 37px;
}

.logo_login {
	width: 88px;
	margin: auto auto 14px;
	display: block;
}

.logo_login2 {
	width: 26px;
	margin: -3px auto 14px;
	display: block;
}

.centerAlign {
	margin-top: 90px;
}

.buildingwidth {
	width: 100%;
	border-radius: 8px;
	opacity: .4;
}

.iconsadd i {
	top: 10px;
	left: 10px;
}

.iconsadd2 .label-control {
	margin-bottom: 20px;
	color: #999;
	font-weight: 600;
}

.btnalignPassword .btn-glow.btn-outline {
	width: 49%;
	height: 40px;
	font-size: 16px;
	font-weight: 600;
	background: #397cd6;
	border-radius: 4px;
	margin-top: 8px;
	margin-bottom: 18px;
}

.iconsadd2 i {
	top: 78px;
	left: 10px;
}

.btnalignPassword .btn-glow.btn-outline:last-child {
	border: 1px solid #397cd6;
	background: 0 0;
	color: #397cd6;
}

.light {
	border-radius: 50%;
	bottom: -20px;
	z-index: 10;
	left: -100px;
	animation: .8s ease-in-out infinite alternate light;
}

.cloud {
	top: -5px;
	right: -100px;
	opacity: .8;
	animation: 15s linear infinite reverse cloud;
	z-index: 99;
}

@keyframes light {

	0%,
	100% {
		opacity: 1;
	}
}

@keyframes cloud {
	from {
		right: -100px;
	}

	to {
		right: 102%
	}
}

.keyframePlan {
	width: 51px;
	opacity: .8;
}

.text-box {
	top: -9%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	margin: auto;
	display: block;
}

.heading-primary {
	color: #333;
	text-transform: uppercase;
	display: flex;
}

.heading-primary-main {
	display: block;
	font-size: 60px;
	font-weight: 400;
	letter-spacing: 35px;
	animation-name: moveInleft;
	animation-duration: 1s;
}

.heading-primary-sub {
	display: block;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 15.9px;
	animation-name: moveInRight;
	animation-duration: 1s;
}

@keyframes moveInleft {
	0% {
		opacity: 0;
		transform: translateX(-100px);
	}

	80% {
		transform: translateX(0);
	}

	100% {
		opacity: 1;
		transform: translate(0);
	}
}

@keyframes moveInRight {
	0% {
		opacity: 0;
		transform: translateX(100px);
	}

	80% {
		transform: translateX(0);
	}

	100% {
		opacity: 1;
		transform: translate(0);
	}
}

.centerpassword {
	max-width: max-content;
	margin: 10px auto !important;
}

.st-active {
	background: #0d6efd !important;
	color: #fff;
	border-color: #0d6efd !important;
}

.Leilighet_editsection .nav.nav-pills,
.content_one {
	border-bottom: 1px solid #dee2e6;
}

.Leilighet_editsection .nav-link.active {
	background: 0 0;
	color: #000;
	font-weight: 600;
	border-bottom: 4px solid #5f91db;
	border-radius: 0;
}

.Leilighet_editsection .nav-link {
	color: #000;
	font-weight: 500;
	font-size: 16px;
}

.Leilighet_value_edit .col-md-1 {
	width: 10%
}

.Leilighet_value_edit {
	margin: 25px 0;
}

.Leilighet_value_edit label {
	margin-bottom: 10px;
	font-size: 16px !important;
	color: #495057 !important;
	font-weight: 400 !important;
}

.Leilighet_value_edit h6,
.Nye.eiere p {
	color: #000;
	font-size: 16px;
}

.headingTop h2,
.headingmain4 {
	font-size: 24px;
	color: #212529;
}

.breadcrumb-item+.breadcrumb-item::before {
	float: left;
	padding-right: .5rem;
	color: #6c757d;
	content: '\F285';
	font-family: bootstrap-icons !important;
}

.borderTable {
	border: 1px solid #dfdfdf;
}

.borderAlign {
	border-bottom: 1px solid #dee2e6 !important;
	border-radius: 0 !important;
	padding: 10px !important;
	margin: 0 !important;
}

.borderAlign:last-child {
	border-bottom: 0 solid #dee2e6 !important;
}

.headingTop h2 {
	font-weight: 500;
	margin-bottom: 16px;
}

.borderTable .borderAlign a:hover {
	background-color: transparent;
	color: #0056b3;
}

.radiusicons {
	border-radius: 0 6px 6px 0;
}

.datepickerAlign {
	width: 31%
}

.Nye.eiere .select2-container {
	padding: 0;
	margin-bottom: 16px;
}

.Nye.eiere p {
	font-weight: 400;
}

.btnmainvold .submit .primary {
	background: #397cd6 !important;
	margin-right: 7px;
	padding: 8px 16px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	border: none;
	opacity: 1 !important;
	border-radius: 6px;
	text-decoration: none;
}

.headingmain4 {
	font-weight: 600;
}

.timedatemeeting ul li {
	float: left;
	list-style: none;
	margin-right: 30px;
	font-size: 16px;
	font-weight: 400;
	color: #212529;
}

.timedatemeeting ul li i {
	margin-right: 12px;
}

.meetingaddress i {
	margin-right: 14px;
}

.bordermeeting {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 12px;
}

.hvatext h3 {
	font-size: 18px;
	font-weight: 600;
}

.dropdown_styre .dropdown-menu {
	padding: 3px 12px;
}

.liststyleborder li {
	border: none !important;
	border-bottom: 1px solid #ddd !important;
	border-radius: 0 !important;
	margin: 3px 0;
}

.liststyleborder {
	border: 1px solid #ddd;
	border-radius: 0;
	width: 42%
}

.liststyleborder li a {
	background: 0 0;
	color: #000;
	font-size: 16px;
	font-weight: 600;
}

.liststyleborder li a:hover {
	background-color: transparent !important;
	color: #000;
}

.liststyleborder li a.danger {
	border: 1px solid #d32b2b;
	padding: 7px 19px;
	color: #d32b2b;
}

.signbox {
	color: #397cd6 !important;
}

.mrginleftrigt {
	margin: 0 28px;
}

.paddingleftrigt {
	padding: 0 28px;
}

.listdragger .draggable a {
	background: 0 0;
	color: #000;
	text-shadow: none;
	font-weight: 600;
	font-size: 18px;
	margin-left: 6px;
}

.borderchange a.active,
.borderchange a:hover {
	background-color: #e9ecef;
}

.listdragger .draggable a:hover {
	background: 0 0;
	color: #000;
}

.fontalign {
	font-size: 16px;
	margin-left: 63px;
	color: #999;
	font-weight: 600;
}

.inputboox .input.select {
	width: 100%;
	background: #fff;
	border: none;
	height: 40px;
}

.iconsortext i {
	font-size: 19px !important;
	background: #5fc1d312;
	height: 40px;
	width: 40px;
	color: #397cd675 !important;
	border-radius: 51px;
	justify-content: center;
	align-items: center;
	display: flex;
}

.iconsortext h3 {
	font-size: 20px;
	font-weight: 400;
	margin: 9px 0;
	text-transform: capitalize;
	color: #252525;
}


.menuactivenav {
	background-color: #fff;
	padding: 14px;
	margin-bottom: 17px;
	border-radius: 4px;
}

.menuactivenav ul {
	margin-bottom: 0;
	padding: 0;
}

.menuactivenav ul li a.active {
	color: #000;
	border-bottom: 4px solid #397cd6;
	font-weight: 600;
	padding-bottom: 12px;
}

.menuactivenav ul li {
	float: left;
	list-style: none;
}

.menuactivenav ul li a {
	color: #000;
	font-size: 16px;
	margin: 0 24px;
	position: relative;
}



.even,
.odd,
.remove-card {
	cursor: pointer;
}

.btn-disabled:hover,
.btn-glow.btn-disabled:hover,
.btn-outline-disabled:hover {
	cursor: not-allowed;
}

.btn-glow-disabled {
	color: #d3d3d3 !important;
	border-color: #d3d3d3 !important;
}

.btn-glow-disabled:hover {
	color: grey !important;
	border-color: grey;
	background-color: #d3d3d3;
	cursor: not-allowed;
}

.btn-outline-disabled {
	color: #f2f2f2 !important;
	background-color: #d4d4d4 !important;
}

.newdashboardBox .field-box,
.newdashboardBox .help-block {
	margin-bottom: 7px !important;
}

.mainrights .submit .btn-glow {
	background: #397cd6 !important;
	margin-right: 7px;
	padding: 8px 20px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	border: none;
	opacity: 1 !important;
	border-radius: 4px;
	float: left;
}

.togglealign label {
	margin-top: 15px;
}

.togglealign i {
	font-size: 26px;
	color: #397cd6;
}

.radius6 li {
	border-radius: 6px !important;
}

.contactinfo i {
	font-size: 25px;
	margin: auto auto 13px;
	display: block;
	text-align: center;
}

.contactinfo {
	text-align: center;
	padding: 29px 0;
	border: 1px solid #dee2e6;
	transition: .2s ease-in-out;
}

.contactinfo:hover {
	border: 1px solid #397cd6;
	background-color: #397cd60f;
}

.liststyletable li {
	border: 1px solid #dadada !important;
	margin-bottom: 0;
	border-radius: 0 !important;
	border-bottom: none !important;
}

.liststyletable li:last-child {
	border-bottom: 1px solid #dadada !important;
}

.liststyletable li a,
.liststyletable li a:hover {
	background: 0 0;
	color: #000;
	font-size: 16px;
}

.btnnormal,
.btnnormal:hover {
	background: 0 0;
	color: #000;
	font-size: 16px;
	border: 1px solid #dadada;
	width: 100%;
	text-align: left;
	padding: 9px;
	margin-top: 15px;
}

.media-card.iconsortext.stretbgmain .bi-trash {
	position: absolute;
	right: 6px;
	top: 9px;
	background: 0 0 !important;
	color: #000 !important;
}

.heightselectbox {
	height: 40px;
	margin-top: 5px;
	position: relative;
}

.iconsaddarrow:before {
	content: '\F229';
	z-index: 1;
	right: 12px;
	top: 11px;
	font-size: 10px;
	color: #999;
}

.ullinnermain {
	border: 1px solid #d6d6d6;
	border-radius: 0;
}

.ullinnermain li {
	border: none;
	padding: 8px;
	margin: 0;
	border-bottom: 1px solid #d6d6d6;
	border-radius: 0 !important;
}

.ullinnermain li a {
	font-size: 16px;
	background: 0 0;
	color: #000;
}

.group_btn_tag button {
	font-size: 16px;
	padding: 8px 20px;
	font-weight: 600;
	border-radius: 6px;
	color: #000;
	border-color: #adb5bd;
}

.btn_group_content {
	margin: 20px 0;
}

.btn_group_content p {
	font-weight: 400;
	font-size: 16px;
	color: #212529;
	margin-bottom: 16px;
}

.btn_group_content h6 {
	font-weight: 600;
	font-size: 18px;
	line-height: 25px;
	margin-top: 10px;
}

.btn_group_content .form-label {
	margin-bottom: 0;
}

.borderaligndragger {
	border: 1px solid #ced4da;
	padding: 20px;
	border-right: 0;
}

.draggerinnerdesign li {
	border-radius: 6px !important;
	border: 1px solid #ced4da;
}

.btnsimple,
.btnsimple:hover {
	background-color: transparent;
	color: #2178be;
	font-size: 16px;
	font-weight: 600;
}

.fontbi_arrow {
	font-size: 20px;
}

.bgnoneinput {
	background: 0 0 !important;
	border-left: none !important;
}

.removeborderright {
	border-right: none !important;
}

.removeborderright:focus {
	box-shadow: none !important;
	border-color: #d6e2eb !important;
}

.bordertab {
	border-bottom: 1px solid #e2e2e2;
}

.bordertab li button,
.bordertab li button:hover {
	color: #000;
	font-weight: 500;
}

.bordertab li button.active {
	background-color: transparent !important;
	color: #000 !important;
	font-weight: 600 !important;
	border-bottom: 4px solid #0056b3;
	border-radius: 0;
}

.linkcolor,
.linkcolor:hover {
	color: #2178be;
	background-color: transparent !important;
}

.activecolor,
.colorblue {
	background: #D4F6E7;
	border-radius: 100px;
	padding: 4px 8px;
}

.sidemenudashboard a {
	display: block;
	padding: 13px;
	font-size: 16px;
	font-weight: 500;
	color: #474747;
}

.sidemenudashboard a i {
	margin-right: 21px;
}

.sidemenudashboard .beta {
	color: #2178be;
	border-right: 4px solid #2178be;
	font-weight: 600;
}

.border-right {
	border-right: 1px solid #eaeaea;
}

.colorred {
	color: #ff7f0e;
	font-weight: 700;
}

.colorgreen {
	color: #2ca02c;
	font-weight: 700;
}

.iconscounter i {
	font-size: 25px;
}

.activecolor {
	color: #212529;
	font-weight: 600;
}

.heading_inner h4 {
	font-weight: 600;
	font-size: 18px;
	color: #1e2127;
}

.heading_inner p {
	font-weight: 400;
	font-size: 16px;
	color: #1e2127;
	margin-bottom: 0;
}

.colorblue {
	color: #212529;
	font-weight: 600;
}

.colored {
	background-color: #f5c6cb;
	border-radius: 100px;
	color: #000;
	padding: 4px 8px;
	font-size: 14px;
	font-weight: 600;
}

.footerbtns {
	border-top: 1px solid #d6d6d6;
	padding-top: 18px;
}

img#managerlogo {
	width: 20px;
	padding: 10px 0 0;
}

.menumanagers ul li i {
	margin-right: 15px;
}

.navigatemenu a {
	color: #000;
	padding: 0 27px;
}

.navigatemenu {
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 20px;
	margin-bottom: 26px;
}

.navigatemenu a.active {
	border-bottom: 4px solid #397cd6;
	padding-bottom: 17px;
	font-weight: 600;
}

.marginalign {
	margin-top: 31px;
}

.manager-user-group {
	min-height: 75px;
	list-style-type: none;
	padding: 10px 5px;
	margin: 0;
}

.remove-card {
	padding: 2px 4px;
	margin-left: 10px;
	color: red;
	border-radius: 4px;
}

.list-group-item {
	position: relative;
	display: block;
	padding: .5rem 1rem;
	color: #212529;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .125);
}

#manager-user-list .rounded,
.manager-user-group .rounded {
	border-radius: .25rem !important;
}

.glyphicon-chevron-right:before {
	content: "\F135"
}

.glyphicon-chevron-left:before {
	content: "\F12C"
}

.hidden {
	display: none !important;
	visibility: hidden !important;
}

.ullinner2 .list-group-item {
	border: none;
	border-bottom: 1px solid #e6e6e6;
	border-radius: 0 !important;
	padding: 15px 0;
	margin: 0;
}

.ullinner2 .btn-glow {
	font-size: 15px;
	font-weight: 600;
	background-color: transparent !important;
	padding: 0 !important;
	color: #000 !important;
}

.selectdropdownhoved .input.select select {
	width: 100%;
	height: 40px;
	font-size: 16px;
	padding: 0 9px;
	border-radius: 4px;
	margin-top: 8px;
}

.textareatabs {
	border-top: 1px solid #e2e2e2;
	padding-top: 15px;
}

.widthslect100 select {
	width: 100%;
	height: 40px;
}

.ullimainsection ul li a,
.ullimainsection ul li a:hover {
	color: #000;
	background-color: transparent;
	font-size: 16px;
	font-weight: 500;
}

.ullimainsection ul li.active {
	border-right: 4px solid #397cd6 !important;
	background-color: transparent !important;
	border-radius: 0 !important;
}

.ullimainsection ul li.active a {
	color: #397cd6;
}

.bordermaintable {
	border: 1px solid #d9d9d9;
	border-radius: 0 !important;
}

.bordermaintable li {
	border: none !important;
	border-bottom: 1px solid #d9d9d9 !important;
	border-radius: 0 !important;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 500;
	padding: 12px 18px;
}

.input-filter {
	width: 47%;
	float: left;
	margin-right: 10px;
}

.searchaddicons {
	position: absolute;
	right: 0;
	background: 0 0 !important;
	border-radius: 0 4px 4px 0 !important;
	cursor: pointer;
	z-index: 9;
}

.searchaddicons button {
	background: 0 0;
	border: none;
	padding: 3px;
}

.form-control:focus {
	border-color: #397cd6;
	outline: 0;
	box-shadow: none;
}

.badgesdan {
	background-color: #f8d7da !important;
	color: #212529;
	font-weight: 500 !important;
	padding: 7px 10px 3px;
	font-size: 13px !important;
}

.heightselect {
	height: 40px !important;
}

.flashRow {
	position: fixed;
	width: 60%;
	margin: auto;
	left: 25%;
	z-index: 9999;
}

.peraheading a {
	text-decoration: underline;
}

.fancybox-close:before {
	content: '\F659';
	position: relative;
	right: 23px;
	top: 35px;
	font-size: 19px;
	color: #5d5d5d;
	font-weight: 600;
}


.fancybox-close {
	background-image: none !important;
}


.managerUl {
	margin-bottom: 0 !important;
	height: 58px;
	padding-bottom: 0 !important;
}

.drodpdownactive button {
	padding: 12px;
	border: none;
}

.activeli.active {
	background: 0 0 !important;
	padding: 0;
	border-radius: 0;
	color: #000 !important;
	text-decoration: none;
	margin-right: 0;
	position: relative;
	font-weight: 600;
	border-bottom: 3px solid #0056b3;
}

td.textalign {
	vertical-align: inherit !important;
}



.dropdowndesign {
	border: 1px solid #ced4da;
	border-radius: 0 4px 4px 0;
	height: 39px;
	width: 100%;
	display: block;
	border-left: none;
}

.st-link,
.st-link:hover {
	border-radius: 4px;
	padding: 4px 8px;
}

.borderchange a,
.borderchange a.active,
.borderchange a:hover {
	color: #000;
	border-color: #ced4da;
}

.dropdowndesign button {
	border-radius: 42px;
	padding: 6px 10px;
	width: 87%;
	text-align: left;
}

.dropdownicons {
	position: absolute;
	top: 7px;
}

.widthrowcolum {
	width: 25% !important;
	padding-right: 0 !important;
}

.widthrowcolum2 {
	width: 50% !important;
}

.even:hover,
.odd:hover {
	background: #f8f9fa !important;
}

.btn-outline-primary:focus,
.btn-primary:focus,
.colorlink:focus {
	background: rgba(255, 255, 255, 1e-06);
	box-shadow: 0 0 0 4px rgba(13, 110, 253, .25);
}

.btn-primary:hover {
	background: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), #2178be;
	color: #fff !important;
}

.btnbold:hover {
	background: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), #2178be !important;
	color: #fff !important;
}

.btn-primary:focus,
.btnbold:active,
.btnbold:focus {
	background: #397cd6 !important;
	box-shadow: 0 0 0 4px rgba(13, 110, 253, .25);
	color: #fff !important;
}

.btn-primary:active,
.btnbold:active {
	background: #397cd6 !important;
	box-shadow: none !important;
	color: #fff !important;
}

.marginaligntt a {
	margin-bottom: 7px;
}

.tabforP {
	padding: 4px 8px;
	white-space: nowrap;
}

.dropdowngroup {
	width: 170px;
}

.st-link:hover {
	background: #e4eff7 !important;
	color: #175587 !important;
}

.fancybox-opened {
	z-index: 8030 !important;
	transform: translateZ(100px) !important;
}

/* Popover. Bootstrap 5 */

.popover {
	max-width: 310px !important;
	width: 310px !important;
}

/*
.custom-popover {
	  max-width: none;
	  width: auto;
  }
*/

.popover-body {
	padding: 8px 0 !important;
}

st-popover-btn:hover {
	font-weight: bolder;
}

.st-popover-btn {
	background-color: white;
	border: 0px;
}

/* popover-content-item -> st-popover-menuitem */
.st-popover-menuitem {
	padding: 8px 16px;
}

/* popover-content-item:hover -> st-popover-menuitem:hover */
.st-popover-menuitem:hover {
	background-color: #efefef;
}

/* popover-content-item a -> st-popover-menuitem a */
.st-popover-menuitem a {
	color: inherit;
}
/* End popover. Bootstrap 5 */



::placeholder {
	font-family: 'Nunito Sans', sans-serif !important;
	font-size: 16px !important;
	color: #999 !important;
	font-weight: 400;
}

select::placeholder {
	font-family: 'Nunito Sans', sans-serif !important;
	font-size: 14px !important;
	color: #555 !important;
	font-weight: 600;
}


textarea::placeholder {
	font-family: 'Nunito Sans', sans-serif !important;
	font-size: 16px !important;
	color: #999 !important;
	font-weight: 600;

}

/*******************meldinger css************/
.mainselect input {
	padding-left: 32px !important;
	border-radius: 6px !important;
}

.seachicons {
	position: relative;
}

.seachicons i {
	position: absolute;
	top: -40px;
	left: 11px;
	color: #999;
}

.seachicons2 {
	position: relative;
}

.seachicons2 i {
	position: absolute;
	top: -31px;
	left: 11px;
	color: #999;
}

.sidemenuopp .bi-plus {
	font-size: 20px;
}

input {
	font-family: 'Nunito Sans', sans-serif !important;
	font-weight: 600;
}

.dropdownmenunew {
	padding: 0px !important;

}

.dropdownmenunew li {
	border: 1px solid #fff !important;
	list-style: none !important;
}

.radio_btn input {
	float: left;
}

.theradio input {
	margin-left: 10px;
}

.bordermain {
	border-bottom: 1px solid #DEE2E6;
	margin-bottom: 16px;
}

/*******************checkbox**************/
/* The container */
.checkone {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.checkone input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkone:hover input~.checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkone input:checked~.checkmark {
	background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkone input:checked~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkone .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.el-message-description {
	padding: 0 !important;
}

.mainpera h6 {
	font-weight: 700 !important;
}

.bggreymain {
	background-color: #f8f9fb;
	color: #000;
	padding: 12px !important;
	border: 1px solid #eeeff1;
	border-radius: 5px;
}

.dropdown-menu li button {
	color: #000;
}

.dropdown-menu li a {
	color: #000;
}

.dropdown-menu {
	padding: 12px !important;
}



/* Indent for dropdown group item */
ul.select2-result-sub > li {
	padding-left: 15px;
}







.closemainbtn li {
	padding: 0px;
	border: none;
}

.closemainbtn li a {
	/*background-color: ;*/
}

span.bages {
	color: #1E2127 !important;
	float: right;
	/* margin-top: 7px; */
	border: 0.8px solid #CED4DA;
	font-weight: 600;
	padding: 6px;
	position: absolute;
	right:13px;
	/* top: -3px; */
	font-size: 12px;
}



.iconscopyadd {
	position: relative;
}

.copyicons {
	position: absolute;
	right: 12px;
	top: 38px;
	color: #397cd6;
	cursor: pointer;
}

.center_flex {
	position: relative;
	top: 100%;
	left: 66%;
	transform: translate(-52%, -3%);
	font-size: 16px !important;
	color: #000 !important;
}

.tdingen {
	font-size: 16px !important;
	color: #000 !important;
}


.sidenav .bages {
	display: none;
}

.openbar .bages {
	display: block !important;
}

.perviewdesign {
	background: #efefef;
	padding: 21px;
	margin-bottom: 24px;
	border-radius: 6px;
	border: 1px solid #ddd;
}

.liststyle {
	padding: 15px;
}

.liststyle li {
	border-radius: 4px !important;
}

/*******************table mobile side*************/
.mobileside {
	border: 1px solid #e9e9e9;
	border-radius: 6px;
	padding: 13px;
	margin-bottom: 16px;
}

.mobileside p {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 9px;
}

.activeana {
	max-width: max-content;
	padding: 3px 12px;
	border-radius: 4px;
	color: #fff;
}

.activeana .label {
	padding: 3px 12px;
	border-radius: 4px;

}

.table-mobile {
	display: none;
}

@media only screen and (max-width:320px) and (min-width:100px) {
	.table-mobile {
		display: block !important;
	}
}

.content_border {
	border-bottom: 1px solid #e9e9e9 !important;
	border-radius: 6px;
}

.content_border table {
	table-layout: fixed;
	width: 100%;
}

.content_border td {
	width: 50%;
	font-size: 14px;
	font-weight: 600;
	color: #000 !important;
}

.bi-info-lg {
	color: #397cd6;

}

.addingradius a {
	padding: 0 10px !important;
}

.cardmain .list-group-item {
	border-width: 0 0 1px 0 !important;
	margin-bottom: 0 !important;
	border-radius: 0 !important;
}

.cardmain .list-group-item:last-child {
	border-width: 0 0 0px 0 !important;

}

.actviepan {
	border: 1px solid #ADB5BD;
	max-width: fit-content;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	top: 4px;
}

.actviepan .nav-link.active {
	color: #000 !important;
	background: #E9ECEF;
}

.actviepan .nav-link {
	border-radius: 0px !important;
	padding: 0px 6px !important;
	color: #000;
}

.actviepan i {
	font-size: 20px;
}

.table_card_inner {
	margin-bottom: 15px;
}

.btngrouptabs {
	border: 1px solid #ADB5BD !important;
	max-width: fit-content !important;
	border-radius: 6px !important;
}

.st-breadcrumb {
	font-size: 14px;
	margin-bottom: 14px;
}

.st-link-delimiter {
	padding-left: 6px;
	padding-right: 6px;

}

.colorblack {
	color: #000;
}

/****************************css *********************/
#mySidenav ul.menuside li {
	display: contents;
}

.menuside #dashboardmenu {
	background-color: #fff !important;
}

.menuside li button.btn.btn-toggle {
	margin-bottom: 20px !important;
}

#mySidenav .btn-toggle.activeLi:before {
	content: '';
	position: absolute;
	background-color: #2178be;
	height: 32px;
	width: 4px;
	left: 5px;
}

#mySidenav .btn-toggle.activeLi {
	color: #2178BE;
}

.list-column-tabs {
	position: relative;
	top: 3px;
}

.list-column-tabs ul {
	width: fit-content;
	padding: 0px 0px !important;
	border-radius: 5px !important;
	border: 1px solid #ccc !important;
	margin-top: 55px;
	margin-bottom: 0px !important;
}

.list-column-tabs .nav.nav-tabs {
	padding: 0px 0px !important;
	margin-top: 32px;
	margin-bottom: 0px !important;
	border: 1px solid #ced4da !important;
	max-width: max-content;
	border-radius: 6px;
}

.list-column-tabs .nav-link {
	color: #000 !important;
	padding: 0px 15px;

}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border: 1px solid transparent;
}

.list-column-tabs .nav-tabs .nav-link {
	margin: 0 !important;
	border-radius: 3px;
	border: none;
}

.list-column-tabs .nav-tabs .nav-link.active {
	color: #000 !important;
	background: #E9ECEF;
}

.list-column-tabs .nav-tabs .nav-link i {
	font-size: 25px;
}

.st-meeting-title {
	margin-top: 50px;
	font-size: 18px;
}

/* .sidenav .btn-toggle::after {
	width: 1.25em;
	line-height: 0;
	transition: transform .35s;
	transform-origin: 0.5em 50%;
	transform: rotate(90deg);
	margin-top: 0.4rem !important;
	right: 12px;
	position: absolute;
	   display: none;

} */

.sidenav.openbar i {
	margin-right: 16px !important;
}


.sidenav.openbar .bi-buildings {
	display: block !important;

}

a#dashboardmenu.active:before {
	content: '';
	position: absolute;
	background-color: #2178be;
	height: 32px;
	width: 4px;
	/* top: -4px; */
	left: -14px;
}

a#dashboardmenu.active {
	color: #2178BE;
}

.tab-content>.tab-pane {
	display: none;
}

.tab-content>.active {
	display: block;
}

.inner-card .list-group-item+.list-group-item {
	border-radius: 0px !important;
	border-left: 0;
	border-right: 0;
	padding: 15px;
	margin-bottom: -1px;
	border-bottom: 1px solid #ccc;
}

.inner-card .list-group-flush>.list-group-item {
	border-width: 0 0 1px;
	border-radius: 0px !important;
	margin-bottom: 0;
	padding: 13px;
}

.list-column-tabs .nav-tabs .nav-link.active:focus-visible {
	outline: none;

}

.stretbgmain ul#myTab {
	margin: 0 !important;
	width: fit-content;
}

.stretbgmain div#myTabContent {
	margin-bottom: 50px;
}

.stretbgmain .tableinovice {
	margin-bottom: 0px !important;
}

.table.st-table tbody tr td {
	font-size: 14px;
	font-weight: 600;
}

.inner-card {
	margin-bottom: 15px;
}

.colorblack:hover {
	color: #000;
}

.inner-card {
	margin-bottom: 15px;
}

/* .btn-toggle-nav .menuLink {
	margin-left: 24px !important;
}

.btn-toggle-nav .link-dark {
	margin-left: 24px !important;
}

.btn-toggle-nav .menuLink {
	margin-left: 24px !important;
}

.btn-toggle-nav .link-dark {
	margin-left: 24px !important;
} */

button,
a {
	align-items: baseline;
}

/************************dashboard css****************************/
.sistecontent {
	border: 1px solid #DEE2E6;
	padding: 16px;
	border-radius: 6px;
	box-shadow: 0px 2px 2px rgba(24, 39, 75, 0.06);
	background: #FFFFFF;
	margin-bottom: 8px;
}

.sisteinner {
	color: #212529;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 8px;
}

.sistepera {
	font-weight: 400;
	font-size: 14px;
	line-height: 19px;
	color: #495057;
	display: flex;

}

.rightalign {
	margin-left: auto;
	display: block;
}

.ml-auto {
	margin-left: auto;
	font-weight: 600;
	font-size: 14px;
	line-height: 19px;
	color: #495057;
	border-bottom: 1px solid #fff;
	padding: 2px 4px;
	margin-top: 4px;
	cursor: pointer;
}

.ml-auto:hover {
	text-decoration: underline;
	color: #495057;
}

.ml-auto:active {

	background: #E9ECEF;
	border-radius: 6px;
}

.menuitems {}

.menuitems li {
	border: none !important;

	margin-bottom: 13px;

}

.menuitems li a {
	background: transparent !important;
	color: #626262 !important;
	font-size: 14px;
	padding: 0 !important;
	font-weight: 600;
	text-align: left;
}

.borderalignmenu {
	border-right: 1px solid #dfdfdf;
	border-top: 1px solid #dfdfdf;
	padding-top: 16px;
}
button.btn.btn-toggle.active-btn{
	font-family: 'Nunito Sans';
	font-style: normal;
	/*font-weight: 400;*/
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #2178BE;
}
button.btn.btn-toggle.active-btn::after{
	height: 42px;
	background: #FFFFFF;
	border-left: 4px solid #2178BE;
	display: flex;
	flex-direction: row;
	align-items: center;
	border-radius: 0px !important;
	content: "";
	position: absolute;
	left: 0;
	height: 32px;
    width: 4px;
}
#mySidenav ul.menuside li a.active{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 6px 8px 6px 49px;
	background: #e4eff7;
	border-radius: 8px !important;
}
#mySidenav ul.menuside li a.active span.bages{
	border: 0.8px solid white !important;
}


.list-column-tabs .nav-tabs .nav-link i {
	font-size: 20px;
}
.list-column-tabs .nav-tabs .nav-link{
	padding:0px 6px !important;
}


.label {
	background-color: #777;
	color: white;
	font-weight: lighter !important;
	font-size: 90% !important;
	border-radius: 0.75em !important;
	padding: 2px 7px;
}

.label-warning {
	background-color: #f0ad4e !important;
	color: white;
}


.label-success {
	background-color: rgb(129, 189, 130) !important;
	color: white;
}

/* Midlertidig løsn fordi EventHandler -> getColorByDate brukes også i gammel dashboard. TODO: Rambi, slett denne etter EventHandler. */
.success{
	background-color: rgb(76, 192, 77) !important;
}

.label-danger {
	background-color: #d9534f !important;
	color: white;
}

.label-default {
	background-color: #777 !important;
	color: white;
}


.label-primary {
	background-color: #337ab7 !important;
	color: white;
}

.label-info {
	background-color: rgb(104, 163, 213) !important;
	color: white;
}

.st-disabled {
	opacity: .3;
	cursor: not-allowed;
}

.tooltip-inner {
	text-align: left;
}


.st-popup {
	border: 1px solid grey;
	border-radius: 4px;
	padding: 10px;
	opacity: 1;
	z-index: 1000;
	font-size: 13px;
	background-color: white;
}


/* Hung 2024-05-31. This class is also used in fancybox.ctp and fancybox_dashboard.ctp */
.container-fluid {
	padding: 0px !important
}


/* use with bootstrap input group */
.no-wrap {
	flex-wrap: nowrap !important;
}

.rounded-end-0 {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.rounded-start-0{
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

/* End use with bootstrap input group */


/* Modal */
.modal-content div.modal-header {
	/*background-color: #2178BE !important;*/ 	/* This will give undesired css for confirm popup */
}
.modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5  {
	/*color: white !important;*/ 				/* This will give undesired css for confirm popup */
}

/* St list card. Card with each card element in one row. Every row, except the last row, has border-bottom */
.st-list-card {
	padding: 10px 0px;
	border: 1px lightgrey solid;
	border-radius: 6px;
}
.st-list-card > .st-list-card-item:not(:last-child) {
	border-bottom: 1px lightgrey solid;

}
.st-list-card-item {
	padding: 6px 12px;
}
/*
Use .st-list-card:
<div class="st-list-card shadow-lg">
    <div class="st-list-card-item">AAA</div>
    <div class="st-list-card-item">BBB</div>
</div>
*/
/* End st list card */


/* JQuery dialog. JQuery dialog uses it's own font, which probably different from the font used in your page. Get JQuery dialog inherit font from your page */
.ui-widget {
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
}
.ui-dialog {
	padding: 0px !important;
}
.ui-dialog .ui-dialog-content {
	padding: 0px !important;
}

/* End JQuery dialog */


/* dropdown-menu bootstrap 5. 2025-02-26 */
.dropdown-menu {
	padding-left: 0px !important;
	padding-right: 0px !important;
	min-width: 350px !important;
	width: fit-content !important;
}
.dropdown-menu li a {
	padding: 6px 14px;
}
/* For the dropdown-item <li> that has an <a> */
.dropdown-menu li a:hover {
	transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;  /* smooth color animation */
	background-color: lightgrey !important;
}
/* For the dropdown-item <li> that do not have an <a>. E.g. the <li> that we disable */
.dropdown-menu li:hover {
	transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
	background-color: lightgrey !important;
}


/*
2025-03-03.
Panel2 used for fancybox. Blue header.
panel2 is style with box-shadow and border above.
This does not look good for fancybox. So, I overrite the border and box-shadow her
*/
.panel2-popup {
	box-shadow: 0px 0px lightgrey;
	border: 0px;
}

/*
Create class .panel2-header-popup. This class is used for panel2 popup header: Blue background color and white text, btn and link
Useage: <div class="panel2-header panel2-header-popup flex-space-between">
 */
.panel2-header-popup {
	background-color: #397CD6 !important;
	height: 60px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
/* The selector '.panel2-header *' is used to overrite the color of h3 in the panel header */
/* Text of childs of .panel-header is white */
.panel2-header-popup * {
	color: white !important
}

.panel2-header-popup .panel-title {
	position: relative;
	top:-8px;
}


/* input in panel2-header-popup */
.panel2-header-popup input {
	color: black !important;
}

/* buttons in the panel2-header-popup */
.panel2-header-popup [type='submit'], .panel2-header-popup [type='button'] {
	color: #397CD6 !important;
	background-color: white !important;
}
/* Cancel button in the panel2-header-popup*/
.panel2-header-popup .fancybox-back-button {
	background-color: white !important;
	color: grey !important;
}

/* link. E.g Hamburger-meny, Innstilling-icon, .st-popover-btn */
.panel2-header-popup a {
	background-color: inherit;
}

/* delete link */
.panel2-header-popup .text-danger {
	color: red !important;
}
.panel2-header-popup .btn.text-danger {
	background-color: white;
}

.fancybox-close::before {
	color: white;
	/*filter: invert(0.1);*/
	filter: invert(0.2);
}

/* End 2025-03-03. Panel2 used for fancybox.  */





/*
2025-03-03.
Bootstrap modal header. See also .panel2-header-popup above
*/
.modal-content {
	border: 0px
}
.modal-header {
	background-color: #397CD6 !important;
	border-bottom: 0px;
}
.modal-header * {
	color: white;
}

#bootstrap-confirm-box-modal .modal-title  {
	color: white !important;
	border: 0px;
}

/* The close icon */
.modal-header .btn-close {
	filter: invert(1);
}
/* End 2025-03-03. Modal header */


/* 2025-03-04. select2 */
.select2-search-choice {
	top: 5px;
}


.help-block {
	font-size: 0.9rem !important;
	color: grey;
}

.info-icon {
	color: var(--bs-info);
	font-size: 1.2em
}


.subtask-type {
	min-width: 250px !important;
}


.labbel {
	border-radius: 100px;
	padding: 4px 8px;
}
.label-grey {
	background-color: grey;
	color: white;
}