/* WIDGETS */
.widget {
	margin: 10px 10px 10px;
	padding: 10px;
	background-color: #ffffff;
	cursor: move;
}

.panel-title h4{
	display:inline;
}
.widget:hover {
	background-color: #fcfcfc;
	border-color: #cccccc;
}

.panel:hover{
	background-color: #fcfcfc;
	border-color: #cccccc;
}
.widget div {
	min-height: 35px;
}

.widget h3 {
	font-size: 12px;
	padding: 8px 10px;
	text-transform: uppercase;
	border-bottom: 1px solid #e7e7e7;
}

.widget h3 span {
	float: right;
}

.widget h3 span:hover {
	background-color: #e7e7e7;
	border-radius: 20px;
}

.widget.placeholder {
	opacity: 0.4;
	border: 1px dashed #a6a6a6;
}

.row-spacing-top5{
	margin-top:5px;
}

.row-spacing-bottom5{
	margin-bottom:5px;
}

.form-inline .form-control {
    height: 100%;
    width:100%;
}

.form-inline .smalltext {
    height: 26px;
    width:50px;
}

.form-group .form-label{
	min-width:80px;
}

.form-group .form-label-small{
	min-width:40px;
}
.form-label{
	min-width:80px;
}

.form-label-larger-bold{
	font-size:120% !important;
	font-weight:bold;
}

.comment{
	width:90%;
}

.grid-row-2{
}


.grid-row-2 .smalltext{
	width:30px;
}

.comment-section:hover{
		background-color: #ffffff;
}

.comment-section .panel:hover{
		background-color: #ffffff;
}
.moreDetailsLink {
	min-height: 10px !important;
	float: right;
}
.OpenRDA.Listing li {
	list-style: none;
}
.OpenRDA.Listing.Wide {
	max-width:500px;
}
.ListingCOL1 {
	float: left;
}
.ListingCOL2 {
	float: right;
}
.multiselect {
	width: 150px;
    border: 1px solid #000 !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    padding: 0px !important;
    -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd !important;
	-moz-box-shadow: inset 2px 2px 2px 0px #dddddd !important;
	box-shadow: inset 2px 2px 2px 0px #dddddd !important;
}
.OpenRDA.Label {
/*	font-family:UbuntuMono-B !important;*/
	font-size:0.9em !important;
	color:#333 !important;
    margin-top: 4px !important;
	margin-right:2px !important;
	border-left: none !important;
	border-top: none !important;
	border-right: none !important;
	border-bottom: none !important;
	line-height: 24px !important;
	/*white-space: nowrap !important;*/
	text-align: right;
}
.OpenRDA.Label.Sequencer {
	white-space: nowrap !important;
}
.OpenRDA.Label.smaller {
	width: 100px !important;
}
.OpenRDA.Label.small {
	width: 125px !important;
}
.OpenRDA.Label.notsosmall {
	width: 140px !important;
}
.OpenRDA.wide {
	width: 300px !important;
}
.OpenRDA.lessWide {
	width: 250px !important;
}
.OpenRDA.moreWide {
	width: 400px !important;
}
.OpenRDA.extraWide {
	width: 500px !important;
}
.OpenRDA.extraExtraWide {
	width: 600px !important;
}
.OpenRDA.maxExtraWide {
	max-width: 500px !important;
}
.OpenRDA.Input.formula {
	height: 243px !important;
	margin: 0px !important; 
	width: 99% !important;
}
.OpenRDA.Input.paymentField {
	text-align: center !important;
	height: auto !important;
	margin-left:5px !important;
}
.OpenRDA.Label.short {
    margin-top: 0px !important;
	line-height: 0px !important;
}
.OpenRDA.Label.Right {
	text-align: left;
	margin-left:2px !important;
}	
.mvCashDrawerButton{
	text-align: center;
	float: right;
	margin: 10px;
}

.mvFieldLabels {
	text-align: right;
	width: 85px;
}

.mvFieldLabelsWide {
	text-align: right;
	width: 135px;
}

.mvFieldLabelsExtraWide {
	text-align: right;
	width: 190px;
}

.mvFieldLabelsExtraExtraWide {
	text-align: right;
	width: 300px;
}

.mvFieldClassInput {
	width: 115px !important;
}

.mvFieldLabelsTab2 {
	text-align: right;
	width: 60px;
}

.OpenRDA.Input {
	height: 26px !important;
	padding: 3px 4px !important;
	margin: 4px 2px 4px 0 !important;
/*	font-family:UbuntuMono-B !important;*/
	border-radius: 4px !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	background-color:#fff;
	color:#666 !important;
	border: 1px solid #333 !important;
	-webkit-box-shadow: inset 2px 2px 2px 0px #dddddd !important;
	-moz-box-shadow: inset 2px 2px 2px 0px #dddddd !important;
	box-shadow: inset 2px 2px 2px 0px #dddddd !important;
}

.timeEntry {
	width:100px;
	border: 1px solid #333;
}

.OpenRDAPopupText {
	margin: 5px 0px 5px 0px !important;
}

.popupTotals {
	margin-left: 30px !important;
}

.OpenRDA.Input.narrow {
	width:60px !important;
}
	
td > input[type="text"].OpenRDA.Input {
	width:320px;
}

td > input[type="number"].OpenRDA.Number {
	width:100px;
}

.ppAutoFields {
	width: 120px !important;
	text-align: center;
}

.ppAutoFields.phone {
	width: 120px !important;
}

.ppAutoFields.autocomplete {
	margin: 0px !important;
	background-color: #ffffff !important;
}

.leftAlign {
	text-align:left;	
}

.doubleTextBox.top {
	border-bottom:none !important; 
	border-bottom-right-radius:0px !important;
	border-bottom-left-radius:0px !important;
	width:320px !important;
	margin:0px !important;
	padding:0px !important;
	text-align:center;
	height:20px !important;
	outline:none !important;
}

.doubleTextBox.bottom {
	border-top:none !important; 
	border-top-right-radius:0px !important;
	border-top-left-radius:0px !important;
	margin:0px !important;
	-webkit-box-shadow:inset 2px 0px 0px #dddddd !important;
	box-shadow:inset 2px 0px 0px #dddddd !important;
	padding:0px !important;
	text-align:center;
	height:20px !important;
}

.doubleTextBox.bottom:disabled {
	border-color: #000000 !important;
}

.master-view-container {
	width: 1000px;
 	margin-left: 0px;
 	border: 1px solid #e7e7e7;
	border-radius: 3px; 
}

.re-inquiry-results-view-container {
	width: 1250px;
 	margin-right: 0px;
 	border: 0px;
	border-radius: 3px; 
}

.masterview-section-topL {
	float: left;
}

.masterview-section-topR {
	float: right;
	vertical-align: middle;
}

.panel-wrap {
	display: table;
	width: 100%;
	margin: 0 0 20px;
	background-color: #f5f5f5;
	border: 1px solid #e5e5e5;
}


#cashreceipt-constituent {
	height: 250px;
}

#cashreceipt-payment {
	height: 250px;
	
}

.general-button {
	width:95px;
}

.payment-button {
	right:15px;
	bottom:24px;
	position:absolute;
}

.rdaContextMenu {
	width: 285px;
}

.rdaContextMenuNarrow {
	width: 190px;
}

.rdaContextMenuNotVisible {
	width: 0px;
	display:none !important;
}

.previousFilteredTableElement {
    background-color: #ffeeee;
    font-style: italic;
}

.previousFilteredTableElement.k-state-selected {
    background-color: #cccccc;
    color: #000000;
}

.currentFilteredTableElement {
    background-color: #ffffff;
}

.currentFilteredTableElement.k-state-selected {
    background-color: #cccccc;
    color: #000000;
}

.primary {
	background-color: #98fb98 !important;
}

.secondary {
	background-color: #EDB4F0 !important;
}

.jointlyOwned {
	background-color: #EDB4F0 !important;
}


.negative, .OpenRDA.Input.negative {
    color: #ff0000 !important;
}

.rdaSmallTable {
    width: 500px;
}

#revReceiptsGrid {
    width: 100%;
}

#revPaymentsGrid {
    width: 100%;
}

.currencyField {
	width: 120px !important;
	text-align: center;
}

.payment-field {
	width: 100px !important;
}

#payment-view {
	width: 500px;
	float: right;
  	margin-top: 90px;
}	

#receipt-view {
 	float: left;
}

#cmvGoogleMapIcon {
	float: left;
	margin-left: 70px;
	margin-top: -15px;
}
/* Start Kendo Date Picker Styling for Date fields */
.rdaDateTimePicker {
	width: 200px !important;
	text-align: center;
}
.rdaDatePicker .k-input {
	line-height: 1.65em;
    text-indent: .33em;
    border: 1px solid #000 !important;
    border-radius: 4px !important;
	background-color: #fff !important; 
	font-size: 14px;
	font-family: inherit;
	color: #666 !important; 
	-moz-box-shadow: inset 2px 2px 2px 0px #dddddd !important; 
	box-shadow: inset 2px 2px 2px 0px #dddddd !important;
	text-align: center;	
	height: 24px !important;
	padding: 0px !important;
}
.dateTimePickerField {
	padding: 0px !important;
	margin: 0px !important;
	max-height: 26px !important;
	min-height: 0px !important;	
}
.dateTimePickerField input {
	text-align: left !important;	
	text-indent: 0px;
}
.datePickerField {
	padding: 0px !important;
	margin: 0px !important;
	max-height: 26px !important;
	min-height: 0px !important;	
}
.dateTimePickerField .k-datetimepicker,
.datePickerField .k-datetimepicker,
.datePickerField .k-datepicker {
	height: 26px !important;
	background-color: #fff !important; 
}
.datePickerField .k-picker-wrap .k-select {
	display: none !important;
}
.dateTimePickerField .k-picker-wrap,
.datePickerField .k-picker-wrap {
	border: 0px;
}
.dateTimePickerField .k-widget .k-datetimepicker .k-header .rdaDateTimePicker .rdaDatePicker .k-input .k-invalid,
.datePickerField .k-widget .k-datetimepicker .k-header .rdaDateTimePicker .rdaDatePicker .k-input .k-invalid,
.datePickerField .k-widget .k-datepicker .k-header .ppAutoFields .rdaDatePicker .k-input .k-invalid {
	height: 26px !important;
}
.datePickerField .k-widget .k-datetimepicker .k-header .rdaDateTimePicker .rdaDatePicker .ng-pristine .ng-valid .k-picker-wrap .k-state-default,
.datePickerField .k-widget .k-datetimepicker .k-header .rdaDateTimePicker .rdaDatePicker .ng-pristine .ng-valid .k-picker-wrap .k-state-default .k-state-hover,
.datePickerField .k-picker-wrap .k-state-default, .datePickerField .k-picker-wrap .k-state-default .k-state-hover {
	background-color: #fff !important;
}
.datePickerField input[disabled] {
	background-color: #eee !important;
	color: #333 !important;
}
/* End Kendo Date Picker Styling for Date fields */
/* Styling for Kendo AutoComplete Dropdown */
.rdaAutocomplete {
	/* margin-right: 5px !important; */
}
.rdaAutocomplete .k-input {
	line-height: 1.65em;
    text-indent: .33em;
    border: 1px solid #000 !important;
    border-radius: 4px !important;
	background-color: #fff !important; 
	font-size: 14px;
	font-family: inherit;
	color: #666 !important; 
	-moz-box-sizing: border-box !important;
	-webkit-box-shadow: inset 2px 2px 2px 0px #dddddd !important;
	-moz-box-shadow: inset 2px 2px 2px 0px #dddddd !important;
	box-shadow: inset 2px 2px 2px 0px #dddddd !important;
	text-align: left;	
	height: 26px !important;
	padding: 0px !important;
}
.autocompleteField .k-input {
	padding: 0px !important;
	margin: 0px !important;
	max-height: 28px !important;
	min-height: 0px !important;	
}
.autocompleteField .k-autocomplete {
	height: 28px !important;
	background-color: #fff !important; 
}
.autocompleteField.lessWide {
	width: 250px !important;
}
.k-autocomplete {
	width: inherit;
	border: none;
}
.autocompleteField .k-picker-wrap .k-select {
	display: none !important;
}
.autocompleteField .k-picker-wrap {
	border: 0px;
}
.autocompleteField .k-widget .k-header .rdaAutocomplete .k-input .k-invalid {
	-moz-box-shadow: none; 
	box-shadow: none;
	-webkit-box-shadow: none; 
	outline: none;
}
.autocompleteField .k-picker-wrap .k-state-default, .autocompleteField .k-picker-wrap .k-state-default .k-state-hover {
	background-color: #fff !important;
}
.k-state-focused {
	-moz-box-shadow: none; 
	box-shadow: none;
	-webkit-box-shadow: none; 
	outline: none;
}
.k-textbox:focus, .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	-moz-box-shadow: none;
}

.accountCodeLookupIcon {
  float: right;
  margin-right: -12px;
  margin-top: 15px;
}

.accountingCodeLookupDirective {
	min-height: 4px !important;
	width: 325px;
}

.bankLookupDirective {
	min-height: 4px !important;
	width: 325px;
}

.strataCodeLookupDirective {
	min-height: 4px !important;
	width: 325px;
}

#paymentAccountingLowerHalf {
	float: right;
  	margin-right: -783px;
}
.Flexiblesmall {
	min-width:125px
}
/* cash drawer closeout page /cashdrawer/closeout & verify trnasactions page /vc */
.cashDrawerCloseoutHeader, .verifyChargesHeader, .distributeChargesHeader {
	float: left; 
	width:100%;
}
.cashDrawerCloseoutWidgetMarginTop15 {
	margin-top:15px;
}
.cashDrawerCloseoutWidgetMarginTop25 {
	margin-top:25px;
}
.cashDrawerCloseoutULMarginLeft0, .verifyChargesULMarginLeft0, .distributeChargesULMarginLeft0 {
	margin-left: 0
}

.verify-transactions-table-header {
	background-color: #f5f5f5;
}

.verify-transactions-widget {
	border: 0px;
}

.rdaButton {
  color: #fff;
  border-color: #996dcc;
  background-color: #996dcc;
  hoverL
 }
/*
996dcc
B557A9
C458B7
*/
 .rdaButton:hover {
  background-color: #B557A9;
}

.rdaNavTab:hover, .rdaNavTabMenuItem:hover, .rdaButton:hover, .OpenRDA.PushButton:hover {
	background-color:#996dcc !important;
	color:#fff !important;
}

.OpenRDA.PushButton.wideFixed {
	width:130px !important;
}

#cbmvbillable .addressLookupIcon, 
#cbmvbillable .constituentLookupIcon {
	margin-top: 12px;	
}

#cbmvbillable .constituentLookupIcon {
	margin-left: -83px 	
}

#cbmvbillable .addressLookupIcon{
	margin-left: -51px 	
}

#closeoutRanging, #ranging {
	margin-left: auto;	
	margin-right: auto;	
	width: 900px;
}

#closeoutRanging table{
	width: 100%;	
}

.closeout-ranging-column-1, .ranging-column-1 {
	width: 300px;
	vertical-align: top;
}
.closeout-ranging-column-2, .ranging-column-2 {
	width: 250px;
	vertical-align: top;
}
.closeout-ranging-column-3, .ranging-column-3  {
	width: 350px;
	vertical-align: top;
}

.closeout-ranging-column-header, .ranging-column-header {
	text-align: center;
	font-weight:bold;
  	color: #B557A9;
}


.purple.dataText {
	/*	font-family:UbuntuMono-B !important;*/
	font-size:0.9em !important;
	color: #B557A9 !important;
    margin-top: 4px !important;
	margin-right:2px !important;
	border-left: none !important;
	border-top: none !important;
	border-right: none !important;
	border-bottom: none !important;
	line-height: 24px !important;
	/*white-space: nowrap !important;*/
	text-align: right;
}

.center { 
	text-align: center;
}

.closeout-ranging-date-time-picker-column, .ranging-date-time-picker-column {
	width: 235px;
	float: left;
}

.closeout-ranging-date-time-picker-column div {
	float: left;
}

.closeout-ranging-distribution-options {
	vertical-align: top;
}

#closeoutRanging .closeout-ranging-distribution-booleans {
	width: 220px;	
}

#closeoutRanging .closeout-ranging-distribution-booleans table {
  margin-left: auto;
  margin-right: auto;
  width: 230px;	
}

#closeoutRanging .closeout-ranging-distribution-options table {
	width: 100px;
}

.cashDrawerTypeRangingLabels {
	text-align: right;
	width: 120px;
}

.k-state-selected {
  color: #fff;
  background-color: #996dcc !important;
  border-color: #996dcc !important;
}

.inquiryField {
  background-color: lightgray;
  border-radius: 5px;
  padding: 2px;
  min-width: 100px;
  min-height: 23px;
  display: inline-block;
  text-align: center;
}

.inquiryField.blue-background-larger {
	background-color:#99ccff;
	font-size:14px;
}

.inquiryField:empty:before {
  content: "\200b"; // unicode zero width space character
}

#rdaSignInButton, #rdaVerifyButton, #rdaResetPasswordButton {
  color: #fff;
  background-color: #996dcc;
  border-color: #996dcc;
}

#rdaSignInButton:hover, #rdaVerifyButton:hover, #rdaResetPasswordButton:hover {
  border-color: #fff;
}

#rdaSignInButton, 
#rdaVerifyButton,
#rdaResetPasswordButton,
button:focus {
	outline:none !important;
	outline-style:none !important;
	box-shadow:none !important;
	border-color:transparent !important;
	border-color: #fff !important;
	background-color: #996dcc !important;
}

.oldpurple {
	color: #B557A9 !important;
}

.purple {
	color: #800080 !important;	
}
.lightpurple {
	color: #996dcc;	
}

.adjustmentTableColumnHeaders {
	text-align: center;
	width: 135px;
}

.adjustmentBillableData {
	padding: 8px;
}

.adjustmentRowHeight {
	height: 30px;
}

.quickComputeTableOddRow {
	background-color: #f5f5f5;	
}

.quickComputeRightDiv {
    width: 400px;
    float: right;
    margin-right: 15px;
}

.portalRealEstateInquiryLeftTable {
	margin-left: -15px;
   }

.portalRealEstateInquiryRightTable {
    margin-left: auto;
    margin-right: auto;
}

.realEstateDetails {
	border-collapse: separate;
	border-spacing: 5px 1px;
}

.accountingRulesColumn {
	width: 150px;
	text-align: center;
}

.subsidiary {
	background-color: yellow;
}

.credit {
	background-color: #98fb98;
}

.debit {
	background-color: #996dcc;
	color: #fff;
}

.credit, .debit, .subsidiary {
    width: 80px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.k-list-optionlabel {
	display:none !important;
}

a.k-header-column-menu.k-state-active {
	background-color: #996dcc;
}

a.k-header-column-menu.k-state-active .k-icon {
	-webkit-filter: contrast(200%) grayscale(100%) invert(100%); 
	filter: contrast(200%) grayscale(100%) invert(100%);
}

a.k-grid-filter.k-state-active {
	background-color: #996dcc;
}

a.k-grid-filter.k-state-active .k-icon {
	-webkit-filter: contrast(200%) grayscale(100%) invert(100%); 
	filter: contrast(200%) grayscale(100%) invert(100%);
}

.invisible {
	visibility:hidden;
	cursor:default;
}

.closeout-grid {
	margin-left: 5px;	
	margin-right: 5px;	
}

.cash-drawer-table-header, .step-content {
	text-align: center;
}

.rdaButtonPrev, .rdaButtonNext {
  color: #fff;
  border-color: #A1D28C;
  background-color: #A1D28C;
  hoverL
}

.rdaButtonPrev:focus, .rdaButtonNext:focus {
	outline:none !important;
	outline-style:none !important;
	box-shadow:none !important;
	border-color:transparent !important;
	border-color: #A1D28C !important;
	background-color: #A1D28C !important;
}

.addCashDrawerBatchIcon {
	color:#000 !important;
}

.computeResultTableCol1 {
	width: 10px;
	text-align: right;
}

.computeResultTableCol2 {
	width: 95px;
	text-align: right;
}

.computeResultTableCol3 {
	width: 100px;
	text-align: center;
}

.computeResultTable2Col1 {
	width: 80px;
	text-align: right;
}

.computeResultTable2Col2 {
	width: 6px;
}

.computeResultTable2Col3 {
	text-align: left;
}

.accountingCodeCol {
	width: 320px;
	text-align: center;
}

#cashDrawerSummaryDueFiscalTable {
	margin-top: -5px;
}

#cashDrawerSummaryDueFiscalTable td {
	padding-left: 5px;
	text-align: right;
}

#cashDrawerSummaryDueFiscalTable input.ppAutoFields {
	width: 120px !important;
}

#cashDrawerSummaryDueFiscalTable span {
    margin-left: -7px;
}

.paymentRadioLabel{
	width: 45px;	
}

.paymentRadioLabelWide{
	width: 95px;	
}

.k-edit-cell > input.valuationTable {
	width:100px !important;
	color:#000000 !important;
}

.k-dirty {
	display:none;
}

#revmgtBody {
	min-width: 1400px;
}

.breadcrumbs {
	margin-left: 15px;
}
	
.breadcrumbs .btn {
	padding: 1px 6px !important;
}

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

.rda-nav-search {
    position: absolute;
    left: 270px !important;
    line-height: 24px;
 	top: 6px;
 }
 
.workflowStepTitle {
	color:inherit;
 	cursor:pointer;
 }
 
 .title a:hover {
 	text-decoration:none;
 }
 
 .masterViewGridNotification {
 	float:right;
 	margin-right:25%;
 	margin-top:10px;
 	color: #DF0000;
 }
 
#accountsGrid .k-grid-header-wrap, .k-grid-header, .k-grid-content {
	min-height:0px !important;
}
 
#permissionsGrid .k-grid-content {
	height:240px !important;
}

.addUserAccountButton {
	position:relative;
	right:25px;
	top:95px;
}

.noConstituentRole {
	top:122px !important;
}

.notificationSymbol {
	font-size:1.7em;
}

.inquiryFieldLabels {
	text-align: right;
	width: 120px;
}

.inquiryFieldLabels.wider {
    width: 160px !important;
}

.inquiryField.wide {
    width: 340px !important;
}

.inquiryPanel {
	padding: 10px;
}

.loginErrorMessage {
	text-align:center;
	margin:5px;
	color:red;
	font-weight:100;
}

/* Subheader */
.cbmvSubheader {
	font-size:14px;
	font-weight:bold;
}

.ppdValuationMessage {
	color:red;
	margin-top:10px;
	margin-left:20px;
	display:inline-block;
}

.demoGrid {
	width: 100%;
	margin-bottom:10px;
}

.demoGrid td {
	border: 1px solid;
	padding: 5px;
	text-align: center;
}

.cogLeft {
	color:#4C1F6E;
	margin-right: -2px;
}

.cogRight {
	color:#A1D28C;
	margin-left: -2px;
}