:root {
	--bWhite : #FFFFFF ;
	--bWhite2: #FAFAFA;
	--bGrey1 : #D6DBE5;
	--bGrey2 : #8792A5;
	--bGrey3 : #B5BFD1;
	--bBeige: #00000029;
	--bBlack : #363E41;
	--bBlue1: #55B4D7;
	--bBlue2: #213781;
}


body {
	background-color: var(--bWhite);
	font: normal normal medium Montserrat;
}

nav.navbar {
	position: inherit;
	border: none;
	box-shadow: none;
}



select.viewelement, input.viewelement, textarea.viewelement{
	border:1px solid #333;
	font-size:18px;
	border-radius: 15px !important;
	min-width: 190px;
	min-height: 45px;
	color:#666;
}
select.viewelement{
	padding:3px;
}

#collapseOne{
	background-color:#eee;

}

/* textarea.viewelement{ */
	/* height:300px; */
/* } */
.chosen-container{
	font-size:18px;
}
.chosen-choices .search-field input{
	width:125px;
}
.chosen-container-multi .chosen-choices,.chosen-container .chosen-choices{
	padding:2px;
}
.chosen-container, .chosen-container-multi{
	border:1px solid #333;
}
.chosen-container-multi .chosen-choices li.search-choice,.chosen-container .chosen-choices li.search-choice{
	padding-top: 5px;
    padding-bottom: 5px;
}
.chosen-container-multi .chosen-choices li.search-choice span,.chosen-container .chosen-choices li.search-choice span{
	line-height:18px;
}
.navbar-brand b{
	color: var(--bBlack);
}

.btn.greenBtn{
	color: #fff !important;
    border: none !important;
    background: #27C24C !important;
}


.ASOFlexField-96317-fDate,.ASOFlexField-96317-fDateEnd {
	width:135px;
}
.ASOFlexField-96317-fPctTask, .ASOFlexField-96317-fVacationWeeks, .ASOFlexField-96317-fHoursPerWeek   {
	width:60px;
}
.ASOFlexField-96317-fHourlySalary, .ASOFlexField-96317-fMOD, .ASOFlexField-96317-fYearlySalary, .ASOFlexField-96317-fBenefits    {
	width:100px;
}


.ASOFlexField-96331-fDate,.ASOFlexField-96349-fDate,.ASOFlexField-96348-fDate,.ASOFlexField-97366-fDate,.ASOFlexField-97373-fDate {
	width:130px;
}

.ASOFlexField-96331-fAmount,.ASOFlexField-96349-fAmount,.ASOFlexField-96348-fAmount,.ASOFlexField-97366-fAmount,.ASOFlexField-97373-fAmount,
.ASOFlexField-96331-fTPS,.ASOFlexField-96349-fTPS,.ASOFlexField-96348-fTPS,.ASOFlexField-97366-fTPS,.ASOFlexField-97373-fTPS,
.ASOFlexField-96331-fTVQ,.ASOFlexField-96349-fTVQ,.ASOFlexField-96348-fTVQ,.ASOFlexField-97366-fTVQ,.ASOFlexField-97373-fTVQ
{
	width:70px;
}

.ASOFlexField-96331-fSpendingTypeID,.ASOFlexField-96349-fSpendingTypeID,.ASOFlexField-96348-fSpendingTypeID,.ASOFlexField-97366-fSpendingTypeID,.ASOFlexField-97373-fSpendingTypeID {
	max-width:250px;
}


@media print {
	.flexListAddRow, .flexListDelRowBtn{
		display:none;
	}
}

.xo-modal-header .modal-header-inner {
	background-color:#593694 !important;

}



/* #collapseOne, #left-menu-0 .list-group-depth-0 a.list-group-item, body{ */
	/* background-color:#ffeffb; */
/* } */

.ASOFlexField select, .ASOFlexField input, .ASOFlexField textarea{
	color:#666;
}
input.accessDocBtn{
	background-image: linear-gradient(to bottom,#b76f84 0,#6b1b49 100%);
}
.btn-view-select{
	background-image: linear-gradient(to bottom,#b76f84 0,#6b1b49 100%) !important;
}
#left-menu-0 .list-group-depth-1 a.list-group-item{
	background-color:#eee;
}


div#left-menu div.sub-left-menu.scroll {
	position: inherit;
	width: auto;
	padding-bottom: 0;
}

div.list-group.panel-group.left-menu-accordion {
	display: flex;
}

div#content {
	padding-left: 0;
	margin-top: 0;
}

div.panel-collapse.list-group-depth-0.collapse.in {
	display:flex;
	position:absolute;
	left: 1em;
	margin-top: 1em;
}

#left-menu-0 div.panel.activeSection {
	border: 2px solid black;
	/* background-color: black !important; */
}

#left-menu-0 div.panel {
	background-color: var(--bGrey1);
	box-shadow: none;
	border-radius: 0px;
	margin-inline: 0.5em;
	height: fit-content;
	border: 1px solid var(--bGrey1);

}

.collapsing {
	-webkit-transition: none;
	transition: none;
	display: none;
}

div#left-menu-0 {
	border-bottom: 1px solid var(--bGrey1);
	border-radius: 0px;
	box-shadow: none;
	margin-bottom: 60px;
}

a.asoLeftMenuGroup i {
	color: var(--bGrey2);
}

#left-menu .sub-left-menu a{
	color: var(--bGrey2);
	background-color: var(--bGrey1);
	margin-inline: 0.5em;
}

/*#left-menu .sub-left-menu a.sectionActivated{*/
#left-menu-0 div.panel.sectionActivated{
	color: var(--bBlue1);
	background-color: var(--bWhite) !important;
	margin-inline: 0.5em;
	border-radius: 0px;
	box-shadow: 0 -8px 0 var(--bBlue1);
	border: 1px solid var(--bGrey1);
	border-bottom: 1px solid var(--bWhite);
}

#left-menu-0 div.panel.sectionActivated a.asoLeftMenuGroup,
#left-menu-0 div.panel.sectionActivated a.asoLeftMenuMainItem{
	color: var(--bBlue1);
	background-color: var(--bWhite) !important;
	top: 2px;
	margin-left: 0px;
	margin-right: 0px;
}

#left-menu-0 div.panel.sectionActivated a.asoLeftMenuSubItem, #left-menu-0 div.panel.sectionActivated a.asoLeftMenuSubItem.activeSection {
	background-color: white !important;
}

a.asoLeftMenuSubItem.activeSection{
	color: var(--bBlue1) !important;
}

#left-menu-0 div.panel.sectionActivated a.asoLeftMenuGroup i {
	color: var(--bBlue1);
}

#left-menu .sub-left-menu a:hover{
	color: var(--bBlack);

}

a.accordion-toggle.list-group-item.asoLeftMenuGroup {
	margin-bottom: 0px;
}

thead tr:first-child {
	background-color: var(--bBlue1);
	color: var(--bWhite2);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#content table {
	border-collapse: separate;
	border-radius: 1em;
	overflow: hidden;
	border: 1px solid var(--bGrey1);
}

table a {
	color: var(--bBlue1);
}

#content .panel-body .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background: var(--bBlue1) !important;
}

#content .btn-success {
	background-image: none;
	background-color: var(--bBlue2) !important;
}

#content input[type='text'].dataTableFilter{
	border-radius: 15px !important;
}

.sendNoteFa, li.user-name, li.dropdown.avatar-dropdown, div.container-fluid div a{
	color: var(--bBlue1);
}

.btn-disabled { color: var(--bGrey2) !important;}

.viewsectionheader{
	background: none;
	color: black;
	text-align: left;
	font-size: 18px;
}

input.viewelement:read-only {
	border: 1px solid grey;
	background: #FAFAFA;
}

div.row.viewrow{
	display: flex;
	flex-direction: column;
}

div.collapse div.row.viewrow{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
div.collapse div.row.viewrow div.row{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}



div.collapse div.row.viewrow div.row div{
	width: 100%;
	display: flex;
    align-items: center;
}

div.viewrow div.col-sm-4 div.row div.col-sm-10 input{
	width: 100%;
}

.bciti-margin{
	margin-top: 1em;
}

.panel-info>div.panel-heading{
	background-color: white !important;
	background-image: none;

}

.panel-collapse .panel-body {
	border: none !important;
	background-image: none;
	background-color: white;
}

h4 a {
	font-size: 24px;
	text-transform: capitalize;
}

h4.panel-title.view-mainpanel-header {
	margin-bottom: 2em;

}

div table.viewFlexList {
	border-radius: 0!important;
}

input.viewelement {
	width: 100%;
}