/* Minification failed. Returning unminified contents.
(516,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(594,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(614,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/* Minification failed. Returning unminified contents.
(508,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(517,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(586,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/***********************************

			Fonts

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

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

b,
label {
    font-weight: 600;
}

p {
    font-size: 12pt;
}

.titleStyle {
    font-size: 24pt !important;
    color: rgba(42, 22, 92, 1) !important;
    font-family: "Segoe UI Light", "Segoe UI", "Lato Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

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

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

a {
    text-decoration: block !important;
    color: rgba(42, 22, 92, 1) !important;
}

a:hover {
    text-decoration: block !important;
    color: rgba(189, 5, 98, 1) !important;
}


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

	Hide Grid Icons on Portal

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

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


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

	CheckBox

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

.checkboxFive,
.aDataCheckBox {
    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: #B70062;
    border-color: #B70062;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-danger {
    background-color: #C00363;
    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;
}


/* RG - adjusted to TWI branding - see below
.btn-success {
	background-color:#2A165C;
	border-color:#2A165C;	
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
*/

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


/* RG - adjusted to TWI branding - see below
.btn-search {
	background-color:#2A165C;
	border-color:#2A165C;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
*/

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


/* RG - adjusted to TWI branding - see below
.btn-info {
	background-color:#2A165C;
	border-color:#2A165C;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;	
}
*/

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


/* RG - adjusted to TWI branding - see below
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info,
.btn-search:hover,
.btn-search:focus,
.btn-search:active,
.btn-search.active,
.open .dropdown-toggle.btn-search,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: rgba(0, 126, 230, 1);
  border-color: rgba(0, 126, 230, 1);
}
*/

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info,
.btn-search:hover,
.btn-search:focus,
.btn-search:active,
.btn-search.active,
.open .dropdown-toggle.btn-search,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: rgba(189, 5, 98, 1);
    border-color: rgba(189, 5, 98, 1);
}

.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:focus {
    border-color: #2A165C;
}


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

			Site Styles

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

.gridRowTitle {
    color: #2A165C;
    font-size: 14pt;
    white-space: pre;
    /* CSS 2.0 */
    white-space: pre-wrap;
    /* CSS 2.1 */
    white-space: pre-line;
    /* CSS 3.0 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    white-space: -moz-pre-wrap;
    /* Mozilla */
    white-space: -hp-pre-wrap;
    /* HP Printers */
    word-wrap: break-word;
    /* IE 5+ */
}

.pageHeader {
    font-size: 2em;
}

.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: #2A165C !important;
}

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

.navbar {
    background-color: #F5F5F5;
    border-color: #F5F5F5;
    color: #555;
}

.navbar-default .navbar-nav>li>a {
    color: #555;
}

.navbar-default .navbar-nav>li>a:focus {
    color: #555;
}

.menuItemActive {
    color: #2A165C !important;
    font-weight: semi-bold;
}

.MenuItems :Active {
    color: #2A165C !important;
    font-weight: bold;
}

.menuItem a:hover {
    color: #2A165C !important;
}

.breadcrumb>a {
    color: #2A165C !important;
}


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

		header

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

#headerContainer {}


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

		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: #2A165C;
    padding: 0px 20px 0px 20px;
    border: 0px;
    margin: 0px;
    margin-top: 25%;
    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;
}


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

	page size and scrolling

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

form {
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    overflow-y: scroll;
}


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

			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

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

.dgPagerNext,
.dgPagerLast,
.dgPagerFirst,
.dgPagerPrev {
    display: none;
}

#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;
}


/* 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;
}


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

#gridContainer_2 {
    padding: 0px !important;
}

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

.dgHeaderStyleOrig {
    /*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;
}


/*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;
}

.poweredBy {
    position: static !important
}



/******** Remove Sort order on Portal Grids *********/

#grid_HeaderControls {
	display: none;
}

/********** Fix grid title sizing issues on Portal *******/
#gridKeyTerm_PageIndex_Ctl_Root, #workflowGrid_PageIndex_Ctl_Root {
    min-width: 220px;
}