#content {
  margin:0;
}
#primary {
 width:97vw;
}

.page-content {
 margin:0px
}

#profileMainCont {
	display:flex; 
}

#sideBar {
	display: flex; 
	background-color:#000000; 
	color:#ffffff;
	width:15vw;
	border-radius:10px;
}

#sideBar ul {
 list-style-type:none;
 padding-inline-start: 0px;
 font-size:12px;
 margin-top:2px;
 position:fixed;
 width:10vw;
}

#sideBar li {
padding:10px 3px ;
background-color:#444444;
margin:4px 0px;
cursor:pointer;
width:100%;
}

#profileMainDiv {
	display: flex;
	width: 85vw; 
	margin-left:10px;
}

.profileRepeatDiv {
	width:inherit;
}

	.navbar-wp {
		margin: 0px! important;
		padding: 0;
		border-width: 1px 0 0 0;
		border-style: solid;
		border-radius: 0;
		z-index: 1000;
	}

	select.ng-not-empty {
		background:transparent;
		color:#ffffff;
	}

	select.pfield option {
	 color:#000000;
	}
	.navbar {
	  position: relative;
	  min-height: 50px;
	  margin-bottom: 0px! important;
	  border: 1px solid transparent;
	}

	.ta-breadcrumb-section2 .overlay {
		background: rgba(0, 0, 0, 0.6);
		height: 100%;
		padding: 0px 0! important;
		position: relative;
		width: 100%;
	}

	.profileDiv {
		background:#003366! important;
		color:#ffffff;
		border-radius:10px;
	}

	.profileDiv .divTitle {
		font-size:20px;
		width:100%;
		padding:6px;
		background:#336699;
		color:#ffffff;
		border-radius:10px 10px 0 0;
	}

	.tableFields {
		background:#007777! important;
	}

	.divTitle .fa {
		font-size:19px;
		cursor:pointer;
		padding-top:2px;
	}

	.profileSubDiv {
		display:block;
		margin:10px 25px;
	}

	.fieldsCont {		
		display:inline-block;
		overflow-x:hidden;
		width:-webkit-fill-available;
	}

.alignLeft,.alignLeft * {
 text-align:Left;
}

.alignCenter,.alignCenter * {
 text-align:center;
}

.alignRight,.alignRight * {
 text-align:right;
}
	.pFieldCont {
		padding:5px;
		white-space:nowrap;
	}

.mraAddlInfoTab td {
 padding:1px! important;
}

.mraAddlInfoTab td input {
  border-radius:6px! important;
}

.mraAddlInfoTab td select {
  border-radius:6px! important;
  padding:1px;
}

	
	.pFieldCont.Table {
		display:flex;
		float:unset! important;
		overflow-x:auto;
	}

	.pFieldCont.Table::before {
    	content:"\a";
    	white-space: pre;
    	clear:both! important;
    }

    .pFieldTitle.Table {
    	font-weight:bold;
    	font-sized:14px;
    	padding:2px 12px;
    }
	
	.pFieldTitle {
		color:#a6a6a6;	
		white-space:normal;
	}

	.fldHeader {
		white-space:normal;	
	}
	
	.pFieldDiv {
		display:block;
	}

    .pField {
		border-radius:5px;
      background:transparent! important;
      border:none! important;
      color:#ffffff! important;
      font-weight:bold;
      font-size:16px;
	  margin:0px! important;
	  padding:0px! important;
    }
	
   .pField:placeholder-shown {
      background-color:#fff! important;
      color:#000000!important;
    }            	

	.pField:focus {
	  background:#a6a6a6! important;
	  color:#000000! important;
	}

	#ProfileMain select {
		border-radius:6px; 
		height:26px! important;
		padding:0px! important;
	}

	.ui-datepicker-month,.ui-datepicker-year {
		display:block;
		float:left;
	}	
	
	.fl {
		vertical-align:bottom;
	}
	
	#content {
		padding: 10px 0! important;
	}
	
	
	.profileDiv .fa-caret-right {
		color: #fff;
		background-color: #a6a6a6;
		padding: 1px 7px;
		border-radius: 3px;
	}
	
	.profileDiv .fa-caret-down {
		color: #fff;
		background-color: #a6a6a6;
		padding: 1px 5px;
		border-radius: 3px;
	}
	
 

	.pFieldTitle.Table {
	 display:inline! important;
	 float:left;
	}

	.pFieldDiv.Table {
	 display:inline! important;
	 float:left;
	}

	.sub_field {
		padding:5px;
	}		

	.pFieldTitle.Table {
	 height:20px;
	 white-space:nowrap;
	}


.mraSwitch span {
	padding:5px;
}

.mraSwitch input {
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.mraSwitch label {
    color: rgba(0, 0, 0, 0.6);
	padding:5px 20px! important;
	margin:0px! important;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    transition: all 0.1s ease-in-out;
    white-space:nowrap;
} 

.mraSwitch span {
    background-color: #a6a6a6;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    line-height: 1;
    text-align: center;
    margin-right: -1px;
    transition: all 0.1s ease-in-out;
}


.mraSwitchtitle {
  display:inline-block;
  float:left;
  margin-right:15px;
  margin-top:3px;
  color:#a6a6a6;
}

.mraSwitch label:hover {
    cursor: pointer;
}

.mraSwitch .showTableYes_Y {
    background-color: #5cb85c;
}


.mraSwitch .showTableNo_N {
    background-color: #e95a4f;
}


.mraSwitch .isSel_Y {
    background-color: #5cb85c;
}
.mraSwitch .isSel_Y label {
    color:#ffffff;
    font-weight:700;
    box-shadow: none;
}

.mraSwitch .isYes_Y {
    background-color: #5cb85c;
}

.mraSwitch .isYes_Y label {
    color:#ffffff;
    font-weight:700;
    box-shadow: none;
}

.mraSwitch .isNo_Y {
    background-color: #e95a4f;
}

.mraSwitch .isNo_Y label {
    color:#ffffff;
    font-weight:700;
    box-shadow: none;
}

.mraSwitch span:first-of-type {
    border-radius: 4px 0 0 4px;
    border-width:1px 0px 1px 1px; 
    border-style:solid;
    border-color:#ffffff;
}

.mraSwitch span:last-of-type {
    border-radius: 0 4px 4px 0;
    border-width:1px 1px 1px 0px; 
    border-style:solid;
    border-color:#ffffff;
}
	
	
	.Break {
	 display:unset;
	}

	.placeholder {
		border: 1px dotted black;
		float:left;
		background:#bbbbcc;
		height:30px;
		margin-top:20px;
		border-radius:6px;
	}
	
	.fieldsDiv .setupField {
		margin:0px| important;
		padding:0px| important;
		
	}

	.fieldsDiv input {
		padding:0;
	}

.fieldsDiv input[type="number"] {
 width:75px;
 text-align:right;
}
	.mraAddlInfoTab th{
		padding:0px 5px;
		vertical-align:bottom;
		color:#a6a6a6;
	}

	.mraAddlInfoTab th{
		padding:1px;
	}

input[type="reset"], input[type="submit"], button {
	padding: 0px 15px;
	line-height: 30px;
	border-radius: 3px;
	font-weight: bold;
	font-size: 14px;
	border-width: 1px;
	border-style: solid;
	transition: all 0.4s ease-in-out 0s;
}

	.zzfieldsDiv {
		background:#006666;
		color:#ffffff;
		border-radius:10px;
		width:70vw;
		overflow:auto;
		margin-right:auto;
		margin-left:auto; 
		position:absolute;
		top:100px;
		left:100px;
	}

	.fieldsDiv {
		background-color:#006666! important;
		color:#ffffff;
	}	

	.fieldsDiv th {
		color:#ffffff;
	}

	.fieldsDiv .divTitle {
		display:none;
		width:100%;
		padding:10px;
		background:#009999;
		color:#ffffff;
		border-radius:10px 10px 0 0;
	}

	.editor {
		cursor:pointer;
		margin:4px;
	}

	.fieldsCont.ui-sortable  .pFieldTitle {
		cursor: move;
	}

	.fieldsCont.ui-sortable-disabled  .pFieldTitle {
		cursor: auto ;
	}

	.fieldsCont li {
		float:left;
		list-style-type:none;
	}

	#mraFieldAddlInfo th {
	 color:#ffffff;
	}

	.editDiv {
		border:4px inset; 
		background-color:#000000! important;
		color:#ffffff;
		border-radius:10px;		
		left:200px;
	}
	
	.editDiv .divTitle {
		background:#444444;
		color:#ffffff;
		 border-radius:10px;
		 padding:5px;
	}

	.editDiv th {
		color:#ffffff! important;
	}	

	.editDiv input {
		padding:0px;
		border-radius:3px
	}

	.editDiv select {
		padding:0px;
		border-radius:3px;
		color:#000000;
		background-color:#ffffff;
	}
	
	#regionEditDiv {
		position:absolute;
		z-index:99999;	
	}
	
	.ui-dialog {
		z-index:99999;	
	}
	
	#cssTA {
		color:#000000! important;
		width:100%;
		height:200px;
	}
	
	#mraSearch {
		background-color:#4477aa; 
		color:#ffffff; 
		z-index:9999;
		border-radius:10px;
		padding:15px;
	}	
	
	#mraSearch table {
		background-color:#003366; 
	}	
	
	#mraSearch table td:odd {
		background-color:#225588; 
	}	
	
    .loader {
	  border: 16px solid #f3f3f3;
	  border-radius: 50%;
	  border-top: 16px solid #3498db;
	  border-bottom : 16px solid black;
	  width: 80px;
	  height: 80px;
	  -webkit-animation: spin 2s linear infinite;
	  animation: spin 2s linear infinite;
	  position: absolute;
	  top: 20vh;
	  left: 45vw;
	}	

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

	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}


	.spinner{
	  width: 100%;
		height: 100%;
		z-index: 10000;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0 auto;
		text-align: center;
		vertical-align: middle;
		background: white;
		opacity: 0.6;
	}

    .mraWait {
	  border: 16px solid #f3f3f3;
	  border-radius: 50%;
	  border-top: 16px solid #3498db;
	  border-bottom : 16px solid black;
	  width: 80px;
	  height: 80px;
	  -webkit-animation: spin 2s linear infinite;
	  animation: spin 2s linear infinite;
	}	


.ta-breadcrumb-section {
 display:none;
}
.ta-breadcrumb-section2 {
	background: url(/wp-content/themes/financeup/images/breadcrumb/background.jpg) repeat fixed center center;
	height: 100%;
	margin: 0 0 0px;
	overflow: hidden;
	padding: 0;
	width: 100%;
	box-shadow: 0 0 5px 0 #aaaaaa;
}
.ta-breadcrumb-section2 .overlay {
	background: rgba(0, 0, 0, 0.6);
	height: 100%;
	padding: 100px 0;
	position: relative;
	width: 100%;
}
.ta-breadcrumb-section2.blog-page-bread .overlay {
    height: 100%;
    padding: 400px 0 80px 0;
    position: relative;
    width: 100%;
    text-align: left;
}
.ta-breadcrumb-section2.blog-page-bread .ta-breadcrumb-title h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 11px;
    letter-spacing: 0.5px;
}
.ta-breadcrumb-section2.blog-page-bread .ta-breadcrumb-title {
    text-align: left;
    padding: 0;
}
.ta-breadcrumb-section2.blog-page-bread .ta-blog-category {
    border: inherit;
}
.ta-breadcrumb-title {
	text-align: center;
	padding: 0;
}
.ta-breadcrumb-title h1 {
	font-size: 36px;
	font-weight: bold;
	margin: 0;
	line-height: 40px;
	padding-bottom: 0px;
}

.ta-page-breadcrumb {
	list-style: none outside none;
	margin-bottom: 12px;
	padding: 0;
	text-align: center;
	font-size: 15px;
	line-height: 20px;
}

.mraTicker ul {
  padding:0px;
  margin:2px;
}
.mraTicker ul li {
   list-style: none outside none;
   display:inline;
   padding:2px 8px; 
   cursor:pointer;
}

.mraTicker ul li:hover {
   background-color:#eeeeee;
}

.mraTicker ul li:hover {
   background-color:#dddddd;
}

.main-navigation ul a {
 padding-bottom:0px! important;
}

.ta-page-breadcrumb > li {
	display: inline-block;
}
.ta-page-breadcrumb > li + li:before {
	content: "\f105";
	font-family: fontawesome;
	padding: 0 5px;
}	

.ta-breadcrumb-section2 {
    background-image: url(http://secureservercdn.net/198.71.233.138/q87.d8c.myftpupload.com/wp-content/uploads/2019/08/qtq50-r0cVMD.jpeg?time=1566844045);
}
.ta-breadcrumb-title h1 {
 color:#ffffff! important;
}

.page-title {
 display:none;
}

#mraImages li {
 display:inline-grid; 
} 
#mraImages img {
  width:150px;
}

.screenshot.js-itemHelp span img {
  position:absolute; display:none; z-index:99; 
 width:400px;
} 

.screenshot.js-itemHelp:hover img {
	display:block;
}

.helpIcon .helpText {
	display:none;
	z-index:99999;
	position:absolute;
	background-color:#000000;
	color:#ffffff;
	margin-top:-35px;
	padding:4px 15px;
	opacity:.7;	
	border-radius:6px;
	border:1px solid #ffffff;
}

.helpIcon:hover .helpText{
	display:block;
}


#mraSearch th,#mraSearch td {
 color:#ffffff;
}

#mraSearch tr:nth-of-type(odd) {
 background-color:#225588;
}

#mraSearch td,#mraSearch th {
  border:1px solid;
}

#mraFieldAddlInfo select option {
 color:#000000;
}