/*
* -------------------------------------------------------------------------------
* The following styles are global branded color codes
* -------------------------------------------------------------------------------
*/

/* True blue */
.bg-color-1 {
	background-color: #63666A !important;
}

.bd-color-1 {
	border-color: #63666A !important;
}

.fg-color-1 {
	color: #63666A !important;
}


/* Accessible gray */
.bg-color-1-wcag {
	background-color: #434448 !important;
}

.bd-color-1-wcag {
	border-color: #434448 !important;
}

.fg-color-1-wcag {
	color: #434448 !important;
}


/* Teal */
.bg-color-2 {
	background-color: #63666A !important;
}

.bd-color-2 {
	border-color: #63666A !important;
}

.fg-color-2 {
	color: #63666A !important;
}

.icon-color-2 {
  background-image: url("images/ui-icons_009994_256x240.png");
}



/* Teal light */
.bg-color-3 {
	background-color: #f8e7bc !important;
}

.bd-color-3 {
	border-color: #f8e7bc !important;
}

.fg-color-3 {
	color: #f8e7bc !important;
}


/* Gogo green */
.bg-color-4 {
	background-color: #E5640C !important;
}

.bd-color-4 {
	border-color: #E5640C !important;
}

.fg-color-4 {
	color: #E5640C !important;
}


/* Forest green */
.bg-color-5 {
	background-color: #E5640C !important;
}

.bd-color-5 {
	border-color: #E5640C !important;
}

.fg-color-5 {
	color: #E5640C !important;
}


/* Forest green light */
.bg-color-6 {
	background-color: #e9e8ea !important;
}

.bd-color-6 {
	border-color: #e9e8ea !important;
}

.fg-color-6 {
	color: #e9e8ea !important;
}


/* Charcoal medium */
.bg-color-7 {
	background-color: #a6a6a6 !important;
}

.bd-color-7 {
	border-color: #a6a6a6 !important;
}

.fg-color-7 {
	color: #a6a6a6 !important;
}

.fg-color-7-wcag {
	color: #797676 !important;
}

/* Charcoal light */
.bg-color-8 {
	background-color: #E2E2E2 !important;
}

.bd-color-8 {
	border-color: #E2E2E2 !important;
}

.fg-color-8 {
	color: #E2E2E2 !important;
}


/* White */
.bg-color-9 {
	background-color: #FFFFFF !important;
}

.bd-color-9 {
	border-color: #FFFFFF !important;
}

.fg-color-9 {
	color: #FFFFFF !important;
}


/* Orange peel */
.bg-color-10 {
	background-color: #E5640C !important;
}

.bd-color-10 {
	border-color: #E5640C !important;
}

.fg-color-10 {
	color: #E5640C !important;
}


/* Accessible Orange */
.bg-color-10-wcag {
	background-color: #C25608 !important;
}

.bd-color-10-wcag {
	border-color: #C25608 !important;
}

.fg-color-10-wcag {
	color: #C25608 !important;
}


/* Chocolate */
.bg-color-11 {
	background-color: #686245 !important;
}

.bd-color-11 {
	border-color: #686245 !important;
}

.fg-color-11 {
	color: #686245 !important;
}


/* Taupe */
.bg-color-12 {
	background-color: #97946F !important;
}

.bd-color-12 {
	border-color: #97946F !important;
}

.fg-color-12 {
	color: #97946F !important;
}


/* Charcoal */
.bg-color-13 {
	background-color: #222222 !important;
}

.bd-color-13 {
	border-color: #222222 !important;
}

.fg-color-13 {
	color: #222222 !important;
}

.icon-color-13 {
  background-image: url("images/ui-icons_222222_256x240.png");
}


/* Cherry */
.bg-color-14 {
	background-color: #EB2224 !important;
}

.bd-color-14 {
	border-color: #EB2224 !important;
}

.fg-color-14 {
	color: #EB2224 !important;
}


/* Accessible red */
.bg-color-14-wcag {
	background-color: #EE0000 !important;
}

.bd-color-14-wcag {
	border-color: #EE0000 !important;
}

.fg-color-14-wcag {
	color: #EE0000 !important;
}


/* True blue medium */
.bg-color-15 {
	background-color: #A1C6DB !important;
}

.bd-color-15 {
	border-color: #A1C6DB !important;
}

.fg-color-15 {
	background-color: #A1C6DB !important;
}


/* Gogo medium */
.bg-color-16 {
	background-color: #ef8a1d !important;
}

.bd-color-16 {
	border-color: #ef8a1d !important;
}

.fg-color-16 {
	color: #ef8a1d !important;
}


/* Teal medium */
.bg-color-17 {
	background-color: #57B9B5 !important;
}

.bd-color-17 {
	border-color: #57B9B5 !important;
}

.fg-color-17 {
	color: #57B9B5 !important;
}


/* Teal extra light */
.bg-color-18 {
	background-color: #e9e8ea !important;
}

.bd-color-18 {
	border-color: #e9e8ea !important;
}

.fg-color-18 {
	color: #e9e8ea !important;
}


/* Orange peel light */
.bg-color-19 {
	background-color: #FDDFBC !important;
}

.bd-color-19 {
	border-color: #FDDFBC !important;
}

.fg-color-19 {
	color: #FDDFBC !important;
}


/* Taupe light */
.bg-color-20 {
	background-color: #C1BFA9 !important;
}

.bd-color-20 {
	border-color: #C1BFA9 !important;
}

.fg-color-20 {
	color: #C1BFA9 !important;
}


/* Red - error text */
.error {
	color: #E32315 !important;
}

.errorOutput label>a{
	color:#E32315;
}

/*
* -------------------------------------------------------------------------------
* The following styles are defined and used at the portal level
* -------------------------------------------------------------------------------
*/


/*
* This style formats the employer information portlet cell
*/
.infoSection .layoutCell {
	background-color: #d7d4d7 !important;
}

.infoSection .tpaPortletGlobal {
	margin-top: 1em;
	background-color: #d7d4d7 !important;
	padding-top: 0em !important;
	padding-bottom: 0em !important;

}



/*
* The following styles apply to the overall page.
*/

/* Remove blue border in IE */
a, img {
	border: none;
}

.ui-button {
	height: 40px;
}
.ui-button .ui-button-text {
	height: 28px;
	line-height: 28px;
}


/*
* The following styles supports the switchUser styling.  The *Fill is just used
* to make sure the page starts below the switchUser bar, as the switchUser bar
* is fixed and does not take up space.
*/
.switchUser {
	text-align: center;
	position: fixed;
	top: 0px;
	width: 100%;
	height: 50px;
	z-index: 1000;
	padding-top: 5px;
}	

.switchUserFill {
	width: 100%;
	height: 40px;
	padding-top: 5px;
}


/*
* The following styles are specific to the header, content and footer as a whole.
*/

.page {
	width: 985px;
	margin: 0 auto;
}

.page100 {
	width: 100%;
	margin: 0 auto;
}

.header {
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: .8em;
}

.header a {
	text-decoration: none;
}

.header a:link {
	color: #63666A;
}

.header a:visited {
	color: #63666A;
}

.header a:hover {
	color: #63666A;
}

.header a:active {
	color: #63666A;
}

.content {
	background-color: #e9e8ea;
	padding: 15px;
}

.footer {
	background-color: #FFFFFF;
	font-size: .7em;
}

.footer .listGlobal {
	padding-left: 4em;
	font-size: inherit;
	color: #C25608;
}

.footer a:link {
	color: #C25608;
}

.footer a:visited {
	color: #C25608;
}

.footer a:hover {
	color: #C25608;
}

.footer a:active {
	color: #C25608;
}


.navContainer .layoutCell {
	background-color: #FFFFFF;
	padding: 1em;
}
.navContainer button {
	padding: 0.4em 1em;
	width:100%;
}

/*
* Styles to render the login input fields
*/
.headerInputField {
    border-style: solid;
    border-width: 1px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    height: 2em;
    width: 165px;
    line-height: 2em;
    padding-left: 5px;
}

.outerInputFieldWrapperIE {
    height: 29px;
    width: 165px; 
}

.innerInputFieldWrapperIE {
   height: 29px;
   width: 165px;
}

.inputFieldIE {
    margin-left: 5px;
    margin-top: 5px;
    height: 18px;
    border: none;
}


/*
* Style rules for the Ajax loading indicator
*/
.loadIndicator {
	position: fixed;
	z-index: 5000;
	text-align: center;
	background-color: #000000;
	color: #FFFFFF;
	width: 130px;
	height: 130px;
	opacity: .7;
	filter: alpha(opacity=70);
}

.loadIndicatorComponent {
	opacity: 0.2;
	filter: alpha(opacity=20);
	text-align: center;
}

/*
* Styles specific to dialog boxes
*/
.ui-dialog-titlebar.ui-widget-header {
	color: #FFFFFF;
}
.ui-dialog {
	box-shadow: #333 1px 1px 5px;
}

/*

.titleBar {
	display: none;
	background-color: #538951;
	color: #FFFFFF;
	border-top-left-radius: opx;
    border-top-right-radius: 0px;
    padding: 10px 5px 10px 10px;
}

.titleBarWithArrow {
	display: none;
	background-color: #538951;
	color: #FFFFFF;
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 5px 5px 12px 10px;
}

.arrowLink {
	display: none;
	float:right;
	padding-top: 5px;
}

.arrowLink img {
	width: 75%;
}
*/

/*
* The following styles the "menu"
*
.subMenu .ui-state-focus.ui-state-hover {
	background: none repeat scroll 0 0 #A6A6A6;
	border: 1px solid #A6A6A6;
}

.subMenu .ui-state-default {
	background: none repeat scroll 0 0 #00659D;
	border: 1px solid #00659D;
}*/

.subMenu.ui-menu {
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 2px;
	border: 1px solid #c4c4c4;
}

/*
* The following style the "control" accordion panel
*/
.controlAccordion .ui-state-active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png")
}

.controlAccordion .ui-accordion-content,
.tpaAccordion .ui-accordion-content  {
    border: 0 none;
    padding: 1em;
}

.controlAccordion .ui-accordion-header,
.tpaAccordion .ui-accordion-header {
	border: 0px;
}

.controlAccordion  .ui-accordion-header.ui-state-default {

}

.controlAccordion  .ui-accordion-header.ui-state-active {
	background: #63666a;
	font-size: 1.4em;
	font-weight: 400;
	color: #FFFFFF;
}

.controlAccordion .ui-icon {
	display: inline-block;
}


/*
* The following styles are for the tpaAccordion
*/
.tpaAccordion .ui-state-active .ui-icon {
	background-image: url("images/ui-icons_009994_256x240.png")
}

/* 
* The following add tiny button support
*/
.tinyButtons .ui-button,
.tpaAccordion .ui-button {
	font-size: 0.8em;
	height: 30px;
    	padding: 0 1em;
	white-space: nowrap;
}

.tinyButtons .ui-button-text-only .ui-button-text,
.tpaAccordion .ui-button-text-only .ui-button-text {
	padding: 0em 1em;
}


.tinyButtons .ui-button-text-icon-primary .ui-button-text,
.tinyButtons.ui-button-text-icons .ui-button-text,
.tpaAccordion .ui-button-text-icon-primary .ui-button-text,
.tpaAccordion .ui-button-text-icons .ui-button-text {
	padding: 0em 1em 0em 2.1em;
}


.tinyButtons.ui-button-text-icon-secondary .ui-button-text,
.tinyButtons.ui-button-text-icons .ui-button-text,
.tpaAccordion .ui-button-text-icon-secondary .ui-button-text,
.tpaAccordion .ui-button-text-icons .ui-button-text {
	padding: 0em 2.1em 0em 1em;
}


/*
* The following style the default accordion panel
*/
.ui-accordion-header.ui-state-default {
    background: #63666a;
    color: #ffffff;
    font-size: 1.4em;
    font-weight: 400;
}

.ui-accordion-header.ui-state-active {
	background: #ffffff;
	color: #63666A;
}

.ui-accordion .ui-accordion-icons {
	padding-left: 1.5em;
}


/*
* The following style the menu navigation
*/
.ui-menu {
	border: none;
	z-index: 1000;
	padding-left: 0px;
}

.ui-menu-item {
	font-weight: 400;
}

.ui-menu .ui-menu-item a {
    background-color: #fff;
    border-color: #f2f2f2 #e9e8ea;
    border-style: none none solid solid;
    border-width: medium medium 2px 7px;
    color: #63666a;
    margin: 3px 7px;
    text-align: left;
    white-space: nowrap;
}

.ui-menu-item .ui-button {
	margin-right: 0px;
}

.ui-menu .ui-menu-item a.ui-state-hover {
	}

.ui-menu .ui-menu-item a.ui-state-default {
	}

/* 
* Removes the expanding button appearance when hovered over
*/
 .ui-menu .ui-menu-item a.ui-state-active {
	border-left: 7px solid #63666a;
	font-weight: 600;
}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
}

.ui-button {
    background-color: #1274b2;
    border: medium none;
    margin-right: 0;
}


/*
* Force UI buttons to not wrap text
*/
.ui-button-text {
	white-space: nowrap;
}

/*
* Remove all styling from links (<a></a>)
*/
.noDecoration {
	text-decoration:none;
	color: inherit;
}

/*
* Add round edges
*/
.roundedEdges {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	overflow: hidden;
}

/*
* The following styles are global to each component type.  Naming should coincide with jsp.
* (i.e. .content-global => content.jsp)
*/
.contentGlobal {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: .9em;
	line-height: 1.3em;
}
.contentGlobal a {
	color: inherit;
}

.flipTileGlobal {
	margin-top: 13px;
	margin-right: 20px;
	margin-left: 20px;
	height:100%;
}
.flipTileGlobal a {
	text-decoration:none;
	color: inherit;
	outline:none;
}

.tpaPortletGlobal {
	background-color: #FFFFFF;
	
	font-size: .9em;
}

.listGlobal {
	padding-left: 1em;
	font-size: .9em;
}

.imageGlobal {
	white-space: nowrap;
}

.navLinkGlobal,
.extLinkGlobal,
.navTargetLinkGlobal {
	text-align: left !important;
}




/*
* The following styles are for the table/row/cell structure laid out by the 
* layout manager.
*/
.layoutTable {
	display:table; 
	width:100%;
}

.layoutRow {
	display:table-row;
}

.layoutCell {
	display:table-cell;
	vertical-align: top;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px; 
}


/*
* Carousel layout component styles
*/
.slide {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	display: none;
}
	
.slideIndicator {
	position: absolute;
	bottom: 20px;
	z-index: 1000;
	width: 25px;
	height: 25px;
}


/*
* The follow styles are for jQuery dataTables.
*/

.paging-info-length{
	white-space: nowrap;
	text-align:right;
	padding-top: 10px;
}
.paging-info-length div{
	display:inline-block;
}
.dataTables_wrapper .dataTables_length {
	float: left;
	padding-left:inherit;
}

.dataTables_wrapper .dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
	padding-bottom: 5px;
}
.dataTables_paginate{
	padding-left: 30px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    font-size:0em;
    margin:0px;
    outline:none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:after{
	color:  #1274b2 !important;
    border: 2px;
    margin: 4px;
    padding: 2px;
    font-size:15px;
    height: 30px;
}
.dataTables_wrapper .dataTables_paginate .previous:after{

    content: '\00276E';
}
.dataTables_wrapper .dataTables_paginate .next:after{

    content: '\00276F';
}
.dataTables_wrapper .dataTables_paginate .first:after{

    content: '\002759\000020\00276E';
}
.dataTables_wrapper .dataTables_paginate .last:after{
    
    content: '\00276F\000020\002759';
}

a#providerResults_Previous_Group {
    color: #1274b2 !important;
    font-weight: bold;
}

a#providerResults_Next_Group {
    color: #1274b2 !important;
    font-weight: bold;
}

table.dataTable thead tr {
    background-color: #c4c4c4;
    color: #444444;
}

table.dataTable thead tr th {
    font-weight: 600;
}

.dataTable tr.odd {
	background-color: #f2f2f2;
}

.dataTable tr.odd td.sorting_1 {
	background-color: #f8e7bc;
}

.dataTable tr.even {
	background-color: #FFFFFF;
}


.dataTables_wrapper .css_right {
	float: right;
}

.dataTables_wrapper .css_left {
	float: left;
}

/*sorting icons for datatables*/

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  	background-image: url("../../../../global/global/css/images/sort.png");
}

table.dataTable thead .sorting_asc {
  	background-image: url("../../../../global/global/css/images/sort_up.png");
}

table.dataTable thead .sorting_desc {
  	background-image: url("../../../../global/global/css/images/sort_down.png");
}

table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px 10px 5px;
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}

/*
* -------------------------------------------------------------------------------
* The following styles are defined and used at the portlet level
* -------------------------------------------------------------------------------
*/

.thinButton.ui-button {
	height: 33px;
}
.thinButton.ui-button .ui-button-text {
	height: 28px;
	line-height: 20px;
}



/************************************************************
* Name: Public find a provider
* Project: tpa-ap-web.war
* Description: Public find a provider page
*************************************************************/
.findAProviderAccordion .ui-accordion-header,
.findAProviderAccordion .ui-accordion-content,
.findAProviderAccordion .ui-accordion-header.ui-state-hover {
	border: none;
	margin-top: 0px;
	padding-top: 0em;
	padding-bottom: 0em;
}

.findAProviderAccordion .ui-accordion-content {
	margin-bottom: .5em;
}

.findAProviderAccordion .ui-accordion-header.ui-state-default {
	background-color: #FFFFFF;
	color: #000000;
}

.findAProviderAccordion .ui-accordion-header.ui-accordion-icons {
	padding-left: 1.5em;
}
.bodyBackground {
	background-color: #a6a6a6 !important;
	font-family: "FrutigerLTW01-45Light",Helvetica,Arial,sans-serif;
}
.secondaryButton {
	border: 1px solid #1274B2 !important; 
	background: #ffffff !important;
	color: #1274B2 !important;
}
.tertiaryButton {
	border: 1px solid #63666A !important;
	background: #63666A !important;
	color: #ffffff !important;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.displayBorder .ui-accordion-content {
border: 1px solid #c4c4c4;
border-top: none;
padding: 0.5em;
}

.bigButton {
    font-size: 24px !important;
    height: 50px !important;
    width: 100%;
}

.printDownloadHelpIcon
{
background: none;
    border: 0px;
    color: #63666A;
    font-size: .6em;
    font-weight: bold;
    cursor: pointer;
    margin-left: -5px;
    padding-left:0px;
}
.ui-accordion-header-collapsed .printDownloadHelpIcon {
    color: #fff;
}

/*
* --------------------------------------------------------------------------------------
* The following styles is defined to add un-order list to button menu items in UMR portal
* - WCAG recommendation
* Project: tpa-ap-web
* --------------------------------------------------------------------------------------
*/
.ul-button-Menu-UMR-WCAG
{
list-style: none; 
margin-left: -15%; 
height:0px; 
position: relative; 
top:-15px; 
margin-bottom:12%;
}

/*
* -------------------------------------------------------------------------------------------
* The following styles is defined to add un-order list to filpTile.
* - WCAG recommendation
* Project: tpa-ap-web
* --------------------------------------------------------------------------------------------
*/

.ul-filpTile-UMR-WCAG
{
list-style: none; 
}

/*
* ---------------------------------------------------------------------------------------
* The following styles is defined to add un-order list in id card display page
* - WCAG recommendation
* Project: tpa-ap-idcard-web
* ----------------------------------------------------------------------------------------
*/

.ul-button-idCardMenu-UMR-WCAG
{
list-style: none; 
margin-left: -15%; 
}

/*Skip Link*/
.skip a
{ 
position:absolute; 
left:-10000px; 
top:auto; 
width:1px; 
height:1px; 
overflow:hidden;
color: #000000;
} 
 
.skip a:focus 
{ 
position:static; 
width:auto; 
height:auto;
border: 1px solid black;
float: left;
background:#ffffff;
color: #000000;
font-family:Arial;
font-size:0.9em;
font-weight: bold;
border-width:2px;
}

.open-new-window{
	height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px;
}

.headerLogo{
    display: inline-block !important;
}

.hidden{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
#crumbsList a {
    color:#007e89;
    cursor: pointer;
    text-decoration: underline;
}
#crumbsList a [aria-current="page"]{
    color:#007e89;
}
#crumbsList li {
    color:#007e89;
}
.horizontalTableRow{
	padding-bottom: 5px;
}
.horizontalTableRow li{
	padding-right: 5px;
        width:33%;
}
.menuPadding li{
        padding-bottom:10px;
}

/*focus indicator styles-WCAG compliant*/

a:focus
{
	outline:3px solid #316BBE;
    	outline-offset: 1px;
}
input:focus,
select:focus,
textarea:focus{
	outline:3px solid #316BBE;
    	outline-offset: 2px;
}

.ui-button:focus {
	outline:3px solid #C25608;
        outline-offset: 2px;
}
.formButton:focus{
	outline-offset: 1.5px !important;
}
.secondaryButton:focus{
	outline:3px solid #316BBE !important;
    	outline-offset: 1.5px !important;
}
.ui-menu .ui-menu-item a.ui-menu-item-wrapper:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus:after
{
	outline:3px solid #C25608 !important;
    	outline-offset: 0px !important;
}
.ui-accordion-header-state-focus,
.ui-accordion-header:focus,
.prnhlpdown span:focus,
.ui-dialog-titlebar a:focus{
	outline:3px solid #C25608;
   	outline-offset: 2px;
}
.ui-accordion-header>h2{
	outline:none;
}
.ui-accordion-header>h1{
	outline:none;
}
.imageButton:focus{
	outline:3px solid !important;
   	outline-offset: 2px !important;
}
.gridCell input:focus,
.gridCell a:focus,
.gridCell select:focus{
    	outline-offset: 0px !important;
}
.dataTable .glyphicons:focus {
	outline: 3px solid #316BBE;
   	outline-offset: -2px !important;
}
.dataTable thead tr th:focus,.ui-tab:focus {
	border: 3px solid #316BBE;
	outline: none;
   	outline-offset: 0px !important;
}
.ui-slider-handle:focus,
#map div:focus,
#map button:focus,
#map a:focus{
	outline:3px solid #316BBE;
	outline-offset: 2px;
}
.teethCell a:focus{
	outline:none;
}
.teethCell a:focus label{
	outline:3px solid #C25608;
	outline-offset: 2px;
}
.fieldsetError{
    border: 3px solid #E32315;
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.fieldset{
border-style:none;
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
.errorGridDiv{
border:3px solid #E32315;
}
.errorDivForRadio{
outline:3px solid #E32315;
}

/*loader css*/

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.uimf-component-load-indicator__spinner {
    display: inline-block;
    position: relative;
    margin: 0 auto
}

.uimf-component-load-indicator__spinner svg {
    -webkit-animation: 2s linear infinite anim-rotate;
    animation: 2s linear infinite anim-rotate
}

.uimf-component-load-indicator__spinner.small {
    width: 1.5rem;
    height: 1.5rem
}

.uimf-component-load-indicator__spinner.medium {
    width: 2rem;
    height: 2rem
}

.uimf-component-load-indicator__spinner.large {
    width: 4rem;
    height: 4rem
}

.uimf-component-load-indicator__spinner:focus {
    box-shadow: 0 0 5px rgba(28,145,130,.5);
    -moz-box-shadow: 0 0 5px rgba(28,145,130,.5);
    -webkit-box-shadow: 0 0 5px rgba(28,145,130,.5);
    outline:3px solid #316BBE;
}

.uimf-component-load-indicator__spinner-container {
    display: inline-flex;
    justify-content: center;
    flex-direction: column
}

.loadIndicator_visibleText{
	color: #c25608;
}

.cls-1 {
    fill: #c25608
}

.cls-2 {
    opacity: .95
}

.cls-3 {
    opacity: .9
}

.cls-4 {
    opacity: .85
}

.cls-5 {
    opacity: .8
}

.cls-6 {
    opacity: .75
}

.cls-7 {
    opacity: .7
}

.cls-8 {
    opacity: .65
}

.cls-9 {
    opacity: .6
}

.cls-10 {
    opacity: .55
}

.cls-11 {
    opacity: .5
}

.cls-12 {
    opacity: .45
}

/*
* -------------------------------------------------------------------------------
* The following styles are specific to Bread crumbs
* -------------------------------------------------------------------------------
*/

nav.breadcrumb {
  padding: 0.8em 1em;
}

nav.breadcrumb ol {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

nav.breadcrumb li {
  display: inline;
}

nav.breadcrumbs li {
  display: inline;
}

nav.breadcrumb [aria-current="page"] {
  font-weight: 700;
  text-decoration: none;
}

nav.breadcrumbs a {
color: #007e89 !important;
}
nav.breadcrumbs {
padding:0px !important;
}

.controlAccordion .ui-accordion .ui-widget .ui-helper-reset{
 min-width: 209px;
}
/*
* The following style for placeholder font size
*/
 input::placeholder {
  font-size: 0.9em;
}

.portlet_header_title_text {
    font-size: 1em;
    font-weight: 400;
    display: inline;
}
.portlet_header_right_icons {
	float: right;
	margin:0;
	padding:0;

}
.buttonPadding.contBtn {
    padding-left: 550px
}