/* Minification failed. Returning unminified contents.
(553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(562,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(631,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(746,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(755,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Minification failed. Returning unminified contents.
(545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(623,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(643,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(738,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/***********************************

			Demo Styles

***********************************/

#SITE_QUICKSEARCH {
    display: none;
}

#btnHeaderSearch {
    display: none;
}

#btnSearch {
    display: none;
}

/*****************************

	page size and scrolling

*****************************/

form {
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    background: #d5d5d5;
    transition: all 0.5s ease;
}

.dg-item-frame form {
    background: #fff !important;
}


/***********************************

			Fonts

***********************************/

body,
html,
h1,
h2,
h3,
h4,
h5,
h6,
a,
input,
button,
select,
textarea {
    font-family: "Segoe UI", "Lato Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}


p {
    font-family: "Segoe UI", Verdana;
}

a {
    color: #7389ae;
    font-size: 10.5pt;
}


H1 {
    margin-top: 0;
    font-weight: 100;
}

.titleStyle {
    color: #7389ae;
    font-size: 24pt !important;
    font-family: "Segoe UI Light", "Segoe UI", "Lato Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.IDTitle {
    font-weight: 600;
    font-size: 40px;
}

label,
#label,
#DatabaseLabel,
.PageLabel {
    font-weight: 600 !important;
    font-family: "Segoe UI semiLight", "Segoe UI", "Lato Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.removeLeftPadding {
    padding-left: 0;
}

.WebFormDataLabel
{
    padding-right: 5px;
}



/******************************************

	Hide Grid Icons on Portal

*******************************************/

[id$="DATA_ITEM_ICON"] {
    display: none !important;
}


/***********************************

	CheckBox

***********************************/

.checkboxFive {
    width: 25px;
    border-color: white;
}


/***********************************

	Buttons

***********************************/

.btn-default {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-warning {
    background-color: #C7C8CC;
    border-color: #C7C8CC;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-danger {
    background-color: rgba(198, 80, 80, 1);
    border-color: rgba(198, 80, 80, 1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-success {
    background-color: #7389ae;
    border-color: #7389ae;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-search {
    background-color: #7389ae;
    border-color: #7389ae;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-info {
    background-color: #7389ae;
    border-color: #7389ae;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-info:hover,
.open .dropdown-toggle.btn-info,
.btn-search:hover,
.open .dropdown-toggle.btn-search,
.btn-success:hover,
.btn-info:active,
.btn-search:active,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #417B99;
    border-color: #417B99;
}

.btn-success:focus,
.btn-search:focus,
.btn-info:focus {
    color: #fff;
    background-color: #7389ae;
    border-color: #7389ae;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #A8A9AD;
    border-color: #A8A9AD;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: rgba(250, 46, 46, 1);
    border-color: rgba(250, 46, 46, 1);
}

.buttonPadding {
    padding-bottom: 20px;
    float: right;
}

.form-control {
    border-radius: 0 !important
}

.form-control:focus,
.form-control:active {
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075), 0px 0px 8px #5A5899;;
    border-top-color: #5A5899;;
    border-bottom-color: #5A5899;
    border-right-color: #5A5899;
    border-left-color: #5A5899;
}

.highlight:hover {
    transition: border-left 0.5s ease;
    -webkit-transition: border-left 0.5s ease;
    -moz-transition: border-left 0.5s ease;
    -o-transition: border-left 0.5s ease;
    border-left: 18px solid #7389ae;
}

.highlight {
    transition: border-left 0.5s ease;
    -webkit-transition: border-left 0.5s ease;
    -moz-transition: border-left 0.5s ease;
    -o-transition: border-left 0.5s ease;
    border-left: 0px solid #7389ae;
}


/***********************************

			Site Styles

***********************************/

.gridRowTitle {
    color: #7389ae;
    font-size: 30px;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
    font-weight: 100;
}

.pageHeader {
    font-size: 45px !important;
    font-family: "Segoe UI Light", "Segoe UI", "Lato Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 100;
}


.pageSubHeader {
    font-size: 1.75em;
}

.cost {
    text-align: right;
    color: #F86967;
    font-size: 13pt;
    font-weight: semi-bold;
}

.menuItem a {
    font-size: 1em !important;
}

.dropdown {
    z-index: 10000;
}

.dropdown a {
    font-size: 1em !important;
    background-color: #F5F5F5;
}

.dropdown :hover {
    color: #7389ae !important;
}

.dropdown-menu {
    background-color: #F5F5F5;
    color: #555;
    z-index: 10000 !important;
}


.navbar {
    border-left: none;
    border-right: none;
    background-color: #5A5899 !important;
    border-top: 2px solid #5A5899 !important;
    border-bottom: 2px solid #5A5899 !important;
    border-radius: 0;
}

.navbar-default .navbar-nav>li>a {
    color: rgba(255,255,255,1);
    font-weight: 500;
}


.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: rgba(0, 0, 0, 0.2) !important;
    color: #fff !important;
}



.menuItemActive {
    color: #7389ae !important;
    font-weight: semi-bold;
}

.MenuItems :Active {
    color: #7389ae !important;
    font-weight: bold;
}

.menuItem a:hover {
    color: rgba(255,255,255,0.8) !important;
}

.breadcrumb>a {
    color: #7389ae !important;
}

.cartIcon {
    color: rgba(255,255,255,0.8) !important;
}


/*****************************

		header

*****************************/

#headerContainer {
    padding-top: 20px;
}

.contentWrapper {
    background-color: #fff;
    padding-bottom: 35px;
    box-shadow: 2px 31px 30px rgba(1,1,1,0.4);
    min-height: 70%;
    display: table;
}


/***********************************

	CheckBox

***********************************/

input[type=checkbox] {
    width: 25px !important;
    height: 25px !important;
    border-color: white;
    margin: 0px !important;
}


/*****************************

		Footer

*****************************/

#footerCol2 {
    text-align: center;
    vertical-align: middle;
}

@media (min-width:768px) {
    #footerCol1 {
        padding-left: 7.5%;
        /*border-right:2px solid #d5d5d5;*/
        min-height: 205px;
    }
    #footerCol2 {
        line-height: 205px;
        /*To centralise the logo*/
        text-align: center;
        vertical-align: middle;
    }
    #footerCol3 {
        padding-right: 7.5%;
        /*border-left:2px solid #d5d5d5;*/
        min-height: 205px;
    }
}

@media (max-width:767px) {
    #footerCol2 {
        line-height: 120px;
        /*To centralise the logo*/
        border-top: 1px solid #d5d5d5;
        border-bottom: 1px solid #d5d5d5;
    }
}

.footerLogo {
    opacity: 0.3;
    filter: alpha(opacity=30);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}

#footerWrapper {
    background-color: #2c3969;
    padding: 0px 20px 0px 20px;
    border: 0px;
    margin: 0px;
    margin-top: 5%;
    min-height: 200px;
    position: relative;
    top: 20px;
    bottom: 0;
    color: #ffffff;
}

#siteMap {
    position: relative;
    left: -39px;
}

ul {
    list-style-type: none;
}

.WebFormNoteTextBox ul {
    list-style-type: circle;
}

.footerHeadings {
    color: #ffffff;
    font-size: 1.3em;
}

@media (min-width:768px) {
    #footerCol3 {
        padding-right: 7.5%;
    }
    .addressHeading {
        text-align: right;
    }
    .address {
        text-align: right;
    }
}

.address {
    color: #ffffff;
    font-size: 0.8em;
}

.siteMapHeader {
    color: #ffffff;
    text-decoration: none;
    font-size: 0.8em;
}

.siteMapHeader:hover {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}

.siteMapPage {
    color: #ffffff;
    text-decoration: none;
    font-size: 0.8em;
}

.siteMapPage:hover {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}

.footerParagraph {
    color: #ffffff;
}





/*****************************

			Dropdowns 

*****************************/


/* Turn off the animation on mobile collapsing */

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

.dropdown-header {
    clear: both;
    !important;
}


/*This ensures the nav bar dropdown headers are correctly formatted in the mobile view.*/

.dropdownHeader {
    float: left;
    clear: both;
    !important;
}


/*****************************

			Sub-menus 

******************************/

.dropdown-submenu {
    position: relative;
}


/* This offsets the sub-menu */

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}


/* Formatting */

.dropdown-submenu .pull-left {
    float: none;
}


/* Formatting */

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


/* This show the submenu icon - Not required in this design
	.dropdown-submenu > a:after{
    	display:block;
   	 content:" ";
   	 float:right;
   	 width:0;
   	 height:0;
    	border-color:transparent;
    	border-style:solid;
    	border-width:5px 0 5px 5px;
    	border-left-color:#cccccc;
    	margin-top:5px;
    	margin-right:-10px;
	}
*/


/* Desktop sub-menus */

@media (min-width:767px) {
    /* Show on hover*/
    .dropdown-submenu:hover>.dropdown-menu {
        display: block;
        !important;
    }
    .dropdown-submenu:hover>a:after {
        border-left-color: #ffffff;
    }
    /* Caret formatting */
    .submenu-caret {
        left: -1px;
        font-size: 8px;
        padding: 5px;
    }
}


/* Format the links for the sub menus to span 88% of the width */

.dropdown-submenu a {
    float: left;
    width: 88%;
    clear: both;
    !important;
}


/* Format the caret link for the sub menus to span 9% of the width */

.submenu-caret {
    text-align: right;
    display: inline;
    width: 9%;
    position: relative;
    float: right;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    /* IE 5-7 */
    filter: alpha(opacity=30);
    /* Netscape */
    -moz-opacity: 0.3;
    /* Safari 1.x */
    -khtml-opacity: 0.3;
    /* Good browsers */
    opacity: 0.3;
}


/* Mobile sub-menu formatting */

@media (max-width:767px) {
    /* Formatting of the caret */
    .submenu-caret {
        left: -10px;
        font-size: 20px;
    }
}


/* hover over on caret */

.submenu-caret:hover {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
    /* Good browsers */
    opacity: 0.5;
}


/* Darken caret on click */

.submenu-caret:active {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari 1.x */
    -khtml-opacity: 0.8;
    /* Good browsers */
    opacity: 0.8;
}


/* This is very important for spacing out the sub-menu carets on mobile view */

.subMenuclearboth {
    clear: both
}


/* Pointer */

.submenu-caret:hover {
    cursor: pointer;
}


/* Indent the sub-menu - adjust if required */

.dropdown-submenu li {
    margin-left: 3%;
}


/* Remove background color on sub menues */

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: transparent;
    !important;
}


/* Remove background color on sub menues */

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: transparent;
    !important;
}


/*****************************

	Site Search / Search bar

******************************/

#SITE_QUICKSEARCH {
    /* Apply this to prevent the search spanning the entire width of the screen
	max-width:450px;
	float:right;*/
}


/* This is important, it ensures that the site search categories are visible on a mobile 
.in.navbar-collapse{

	overflow-y:visible;

}*/

@media (min-width:767px) {
    /* Desktop formatting to centralise search bar */
    .searchBar {
        position: relative;
        top: 8px;
        z-index: 1;
        /*Fix searchbar div overlap issue in some browsers*/
    }
    #mnuMenuItems {
        position: relative;
        z-index: 2;
        /*Fix searchbar div overlap issue in some browsers*/
    }
}

@media (max-width:767px) {
    /* Apply mobile spacing for search bar to sit in the middle */
    .searchBar {
        padding: 10px 0px 10px 0px;
    }
}


/*****************************

		Top Links 

******************************/

#TopLinksContainer {}

.toplink {}


/*

Use this code in the toplinks to add a glyphicon before the text:

<span class="glyphicon glyphicon-shopping-cart topLinksGlyphiconFormatting"></span>

 */


/* Aligns the toplink glyphicon */

.topLinksGlyphiconFormatting {
    position: relative;
    right: 3px;
    top: 1px;
}


/*Float links on the right in desktop mode and move then inline with the search bar */

@media (min-width:992px) {
    #TopLinksContainer {
        float: right;
        position: relative;
        right: 14px;
    }
}


/* Styles for centralised top links, this may need tweaking*/

@media (max-width:992px) {
    #TopLinksContainer {
        margin: 0 auto 10px auto !important;
        text-align: center;
    }
}


/*****************************

 	Predictive Search

******************************/

.predictiveSearch {
    display: none;
}

#predictiveSearch {
    width: 100%;
}

.predictiveSearchLi:hover {
    cursor: pointer;
    background-color: #e7e7e7;
}

.contentWrapper {}

.content {}


/* hide grid pages */

#gridPagerContainer_Row_1 {
    display: none;
}

#grid_HeaderControls {
    float: right;
}


/***********************************

		Workflow styles

***********************************/

#gridCourses_Workfow {
    display: none;
}


/* Workflow grid totals header background */

.dgPagerRowStyle {
    background-color: #F5F5F5;
    border: 2px solid #F5F5F5;
    border-left: 4px solid #F5F5F5;
}

.DG_ContainerPagerTC {
    height: 10px;
}

.DG_ContainerPagerTR {
    height: 10px;
}


/* Add space between workflow sort and grid rows*/

.dgPagerStyle {
    margin-bottom: 25px;
    position: relative;
    margin-top: 10px;
}


.dgPagerStyle span {
    white-space: nowrap !important;
}


/* Format the pagination control*/

.dgPageListContainer {
    position: relative;
    left: 17px;
}

.dgPageListContainer .dgPagerTitleText:first-child {
    padding-right: 10px;
}

.dgPagerTitleText {
    word-spacing: 3px;
}

.dgPagerPageList {
    margin-right: 7px;
}

.dgSelectCommandItem {
    display: none;
}

.dgItemCellStyle {
    border-left: none !important;
    border-right: none !important;
    border-bottom: 2px solid #e8e8e8 !important;
    padding-top: 14px !important;
}

.dgCellDbLabel {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


/*This removes the additional padding on the workflow*/

#gridContainer_2 {
    padding: 0px !important;
}

.dgHeaderStyle {
    /*Headers for sorting*/
    display: none
}

.dgmenu {
    display: none
}

.dgicMenu {
    display: none
}

#gridPagerContainer_PageListContainer td {
    padding: 10px;
}


/***********************************

			Workflow Filters

***********************************/

.workflowFilterHeader {
    font-size: 1em;
    font-weight: bold;
    margin-top: 6px;
}

.filterFormGroup {
    padding: 0;
}


/*Format the filter title with some background colour and padding to make it more obvious to the user in the mobile view*/

@media screen and (max-width:569px) {
    .workflowFilterHeader {
        background-color: #F8F8F8;
        padding: 10px;
    }
    /*This is mobile filter padding*/
    .filterFormGroup {
        padding: 20px;
    }
}

.workflowFilterLabels {
    font-size: 0.8em;
}

.workflowCheckboxLabel {
    font-size: 0.7em;
}


/*Padding underneath filter search button to prevent mobile filter form overlapping the bottom of the search btn*/

#filterFormGroup {
    padding-bottom: 20px;
}


/***********************************

			Sort By

***********************************/

.sortBySelect {
    position: relative;
    right: 12px;
    padding: 4px;
}

.sortByOption {}


/***********************************

			Breadcrumbs

***********************************/

.breadcrumb {
    font-size: 8pt;
}


/***
 Card Styling 
***/

.cardContainer {
    background-color: #fff;
    xmargin-bottom: 1.6rem;
    xheight: 310px;
}

.cardContainerContent {
    position: relative;
    min-height: 190px;
}

.cardContainerPadding {
    padding: 1.6rem;
}

.cardContainerBoxShadow0 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.cardContainerBoxShadow1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}


/* card heading */

.cardHeadingContainer {
    height: 100px;
    /* background-color: #7389ae; */
	background-color: #7389ae;
    padding: 15px;
    text-align: center;
    color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .24);
}

.cardHeadingContainer img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.cardHeadingContainer h2 {
    line-height: 1.2;
    margin-bottom: 1.4rem;
    font-weight: 100;
    font-size: 23px;
    white-space: normal;
    margin-top: 4px;
}


/* card article */

.cardDescriptionContainer {
    min-height: 75px;
    text-align: center;
}

.cardDescriptionContainer p {
    font-size: 15px;
}


/* card buttons */

.cardButtonContainer {
    position: relative;
    cursor: pointer;
    text-align: center;
}

.cardButton {
    cursor: pointer;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background-color: #111;
    outline: 0;
    border: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .24);
    color: #ddd;
    font-size: 2.3em;
    font-weight: 400;
    border-bottom: 7px solid black;
    border-left: 3px solid black;
}

@media (max-width:1024px)
{

	.cardHeadingContainer h2 {
    		font-size: 17px;
 	}

	.cardDescriptionContainer p {
    		font-size: 13px;
	}

}


@media (max-width:1440px)
{

	.cardHeadingContainer h2 {
    		font-size: 20px;
 	}

	.cardDescriptionContainer p {
    		font-size: 15px;
	}

}

/***
 Card Styling
***/

.navContainer {
    padding: 0 30px;
}



.imageLogo {
    margin-bottom: 15px;
    margin-left: 24px;
}

.HomePageNavBtn {
    width: 100%;
    height: 300px;
    font-size: 30px;
    white-space: normal;
    background-color: #7389ae;


    xbox-shadow: 6px 15px 20px 7px #bbb;
    border: none;
    border-radius: 0;
    margin-bottom: 30px;
    padding: 50px;
    xbackground: #7389ae url(/nibresearcher/css/_images/PortalImages) no-repeat center top;
    xbackground-origin: content-box;
    xbackground-size: 60px;
    color: #fff;
    font-weight: 100;
}

.btn {
    border-radius: 0 !important;
}

.BtnLeftPadding {
    padding-left:10px;
}

.BtnRightPadding {
    padding-right:10px;
}


.BtnLeftMargin {
    Margin-left:10px;
}

.BtnRightMargin {
    Margin-right:10px;
}



.BtnLight {
    background-color: #eee;
    color: transparent;
    background-size: cover;
}

.BtnLight:hover,
.BtnLight:active,
.BtnLight:focus,
.BtnLight:visited {
    color: transparent !important;
    background-color:block;
    border-color: block;
    cursor: not-allowed;
}

.BtnLight.disabled, [disabled].BtnLight, .BtnLight {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.Btn1 {
    background: #eee url(/nibresearcher/_images/PortalImages/1.jpg) no-repeat center;
    color: transparent;
    background-size: cover;
}

.Btn2 {
    background: #eee url(/nibresearcher/_images/PortalImages/2.jpg) no-repeat center;
    color: transparent;
    background-size: cover;
}

.Btn3 {
    background: #eee url(/nibresearcher/_images/PortalImages/3.jpg) no-repeat center;
    color: transparent;
    background-size: cover;
}

btn:hover {
    background-color: #5A5899;
    color: transparent;
    background: #7389ae;
    background-size: cover;
}

.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active, 
.open .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #5A5899;
    border-color: #5A5899;
}

.btn-info:hover, .open .dropdown-toggle.btn-info, .btn-search:hover, .open .dropdown-toggle.btn-search, .btn-success:hover, .btn-info:active, .btn-search:active, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #5a5899;
    border-color: #5a5899;
}

.PlaceHolderBtn{
    opacity: 0;
}

.SectionTitle {
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #5a5899;
}

.aDataField  .wto-edit-locked {
    border-bottom-color: gray;
    border: 1px solid #ddd !important;
    background-color: #f5f5f5 !important;
    cursor: default;
}

.aDataFieldTextArea {
    width: 100%;
}


.RemovePadding {
    padding-left: 0;
    padding-right: 0;
}

#FileUpload1, 
#FileUpload2, 
#FileUpload3 {
    padding-top: 0px;
    height: 50px;
    margin-bottom: 10px;
    cursor: pointer;
    background-color: white;
    border: none !important;
}


.FieldLbael {
    font-weight: 600;
}

.aDataDropDownList {
    cursor: pointer;
}


/*** DX Grids hide Search for Portal ***/

.gridview-filter-container {
    display: none !important;
}

.dxm-ltr {
    display: none !important;
}


.dxgvFocusedRow_MetropolisBlue {
    background-color: #5A5899;
    color: white;
}


/*** Bostrap Alerts *****/

.alert{
    border-radius: 0;
}

.aPageErrorBarContainer {
    position: absolute;
    top: 11px;
    width: 80%;
    right: 25px;
    height: 60px;
    z-index: 888;
    margin: auto;
}


.errorBarTitle {
    display: table;
    font-size: 17px;
    color: #fff;
    width: 75%;
    background: #5A5899;
    margin: 0 10px 0 10px;
    text-align: left;
    padding: 2px 5px 2px 5px;
    cursor: text;
    top: 34px;
    box-shadow: 4px 6px 17px #aaa;
}


/***********************************

 	Profile Info Breadcrumbs

***********************************/

#ProfileBreadcrumb {
    list-style: none;
    display: inline-block;
    padding: 20px;
    padding-right: 0px;
    margin-left: 7px;
    padding-top: 5px;
}

  #ProfileBreadcrumb .icon {
    font-size: 14px;
  }

  #ProfileBreadcrumb li {
    float: left;
    padding-bottom: 2px;
    width: 185px;
  }

  #ProfileBreadcrumb li:hover {
    filter: brightness(1.15);
}

  #ProfileBreadcrumb li a {
    color: #fff;
    display: block;
    background: #7389ae;
    text-decoration: none;
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 5px;
    text-align: left;
    margin-right: 29px;
    padding-left: 0px;
    font-size: 1.05em;
    text-align: center;
    margin-left: -7px;
    padding-right: 10px;
}
  
  
  #ProfileBreadcrumb li:last-child a {
    background: rgba(210, 210, 210,0.8);
  }
  
  #ProfileBreadcrumb li:last-child a:after {
    left: 100%;
    border-color: transparent;
    border-left-color: rgba(210, 210, 210,0.8);
  }
  
  #ProfileBreadcrumb li a:before, #ProfileBreadcrumb li a:after {
    content: "";
    position: absolute;
    top: 0;
    border: 0 solid #7389ae;
    border-width: 20px 10px;
    width: 0;
    height: 0;
  } 
  
  #ProfileBreadcrumb li a:before {
    left: -20px;
    border-left-color: transparent;
  }
  #ProfileBreadcrumb li a:after {
    left: 100%;
    border-color: transparent;
    border-left-color: #7389ae;
  }
  
  .processCompleted {
     background-color: rgb(255, 144, 22) !important;
     color: #fff !important;
  }
  
  #ProfileBreadcrumb li .processCompleted:before {
    border-color: rgb(255, 144, 22); 
    border-left-color: transparent;
  }
  
  #ProfileBreadcrumb li .processCompleted:after {
    left: 100%;
    border-color: transparent;
    border-left-color: rgb(255, 144, 22);
  }
  
  .processCompletedSubmit {
     background-color: #5A5899 !important;
     color: #fff !important;
  
  }
  
  #ProfileBreadcrumb li:last-child .processCompletedSubmit:after {
    border-left-color: #5A5899; 
  }
  
  #ProfileBreadcrumb li:last-child .processCompletedSubmit:before {
    border-color: #5A5899; 
    border-left-color: transparent;
  }
  
  #ProfileBreadcrumb li:last-child a:before {
    border-color: rgba(210, 210, 210,0.8); 
    border-left-color: transparent;
  }