/* CSS Override */

.ControlMessageContainer {
    max-width: 950px;
}

.ControlMessageHeader {
    padding: 0px;
}

/* STEP Selector */
.StepInfoStep.StepInfoCurrentStep>a.StepInfoStepLink, .StepInfoStep.StepInfoCurrentStep>.StepInfoStepLabel {
    background: #4A6FB5;
}

.StepInfoStep.StepInfoCurrentStep>a:after, .StepInfoStep.StepInfoCurrentStep>span:after {
    border-left-color: #4A6FB5;
}

.StepInfoStep.StepInfoCurrentStep>a:before, .StepInfoStep.StepInfoCurrentStep>span:before {
    border-top-color: #4A6FB5;
    border-bottom-color: #4A6FB5;
}

.StepSelectorButton {
background: #4A6FB5;
}

.WebDocTitlebar>.Field, div.TableTitlebar, tr.WebDocTitlebar>td.ViewFieldContainer>div, .FGFC.WebDocTitlebar>.FGLW {
    border-bottom: 2px solid #4A6FB5;
}

/* Colors */
.ManagerLogonHeader {
    background: #394559;
}

.ui-widget-header {
    background: #4A6FB5;
}

.ManagerNavigationHeader {
    background: #ffffff;
}

.ManagerNavigationHeader li.SidebarNavigationLink, .ManagerNavigationHeader li.SidebarNavigationLabel, .ManagerNavigationHeader a.SidebarNavigationLink, .ManagerNavigationHeader span.SidebarNavigationLabel {
    font-weight: bold;
}

/* FAST HEADER */
.FastHeader
{
    width: 100%;
    border-bottom: 4px solid #394559;
    text-align: center;
    background: #FFFFFF;
    background-size: cover;
    position: relative;
    box-shadow: 0 0 5px black;
}

.FastHeader::before
{
    content: " ";
    display: block;
    position: absolute;
    right:0;
    bottom:0;
    left:0;
    height: 100%;
    width: 100%;
    opacity: .8;
}

.FastHeaderContent
{
    max-width: 970px;
    height: 100%;
    box-sizing: border-box;
    padding: 5px;
    display: inline-block;
    width: 100%;
    background-size: cover;
    position: relative;
}

.FastHeaderLogoLink
{
    display: block;
    height: 45px;
    float: left;
    margin-top: 7px;
    position: relative;
}

.FastHeaderLogoLink img
{
    display: block;
    height: 100%;
}

.FastHeaderLinks
{
	float: right;
}

a.FastHeaderLink
{
    display: inline-block;
    color:  #394559;
    margin: 2px 10px;
    font-size: 20px;
    font-weight: bold;
    line-height: 45px;
    position: relative;
}

/* FAST WRAPPER */
.Wrapper {
    text-align: center;
    min-height: 100%;
    padding-bottom:60px;
}

.ContentWrapper {
    background: white;
    display: inline-block;
    text-align: left;
    padding-bottom:60px;
}

div {
    display: block;
}

/* FAST FOOTER */
div.FooterWrapper {
    min-width: 972px;
    height: 60px;
    background: #FFFFFF;
    border-top: 2px solid #394559;
    text-align: center;
    color: #394559;
    font-size: small;
    bottom:0;
    width: 100%;
}

div.Footer {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 0 20px 0 20px;
    line-height: 30px;
    width: 950px;
}

.Footer a {
    color: #394559;
}

/* Menu Bar */
li.ViewSelector, li.GroupSelector {
    padding: 3px 8px 3px 8px;
}

ul.TabSet, .DocGroupSelector.DocSingleGroupView {
    border-bottom: 0px solid #4A6FB5;
}

ul.TabSet, ul.TabSet.GroupedTabSet {
    background: #394559;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    padding-left: 0px;
}

li.ViewSelector, li.GroupSelector {
     margin: 0 0 0 0;
border-radius: 0px;
}

a.ViewSelector, a.GroupSelector {
    color: #FFF;
}  

li.ViewSelector.ViewSelected, li.GroupSelector.GroupSelected {
    background: #4A6FB5;
}

/* Spinner */

div.FastBusySpinner{
    border: 10px solid #f3f3f3; /* Light grey */
    border-top: 10px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    background-image: none;
box-shadow: none;
background-color: transparent;
}

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

/* Control Message */
.alert {
    padding: 20px;
    margin-bottom: 25px;
    background-color: #f44336;
    color: white;
}

.alert.success {
    background-color: #4CAF50;
}

.alert.info {
    background-color: #2196F3;
}

.alert.warning {
    background-color: #ff9800;
}

/* Button colours for delete */
.DocGrpButtonDelete > button {
   background-color: #FF3860;
}

/* Button colours for submit */
.DocGrpButtonSubmit > button {
   background-color: #28a745;
}

/* Table Editor */
li.RowSelector {
    background: #CDF;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    text-shadow: none;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 0;
}

li.RowSelected {
    background: #4A6FB5;!important
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

a.RowSelector {
color: #000;
}

li.RowSelected > a.RowSelector {
    color: #fff;!important
}

ul.TableRowContainer {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #ffffff;
}

.ControlGridRowFooter {
    background: #4A6FB5;
    padding: 5px 10px 10px;
}

.ControlGridRowHeader {
    background: #4A6FB5;
    padding: 5px 10px 10px;
}

.RecordCaption {
    text-shadow: none;
}

.RecordCaption {
    font-weight: normal;
}

li.RowSelector div.RowInError {
    background-image: none;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    margin: 0 5px 0 0;
    display: inline-block;
    vertical-align: middle;
    background: #f00;
    border-radius: 50%;
}

ul.TableRowContainer {
    padding: 0 0 0 0;
}

/* Titlebanner */

.FGFC.WebDocTitleBanner>.FGLW.FastTitlebar>.FastTitlebarCaption {
    font-size: 18px;!important
}

.FGFC.WebDocTitleBanner>.FGLW {
    height: 30px;!important
}

/* Modals */

.ui-dialog .ui-dialog-titlebar {
    margin: 0;
    padding: 5px 5px 5px 5px;
}
	
.ui-widget-content {
    border: none;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0; 
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0;
}


/* Info notice box */
.info-notice {
box-shadow:
    -5px 0 0 0 #FFFFFF,
    -10px 0 0 0 #5DA61B;
background-color: #eeeeee;
}

/* Scroll to top */
.scrolltop {
    border: 1px solid #597cbc;
    color: white;
    padding: 0 10px 0 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
}

/* Table Design */

.DocTable>thead>tr.TableHeaderRow>th, .DocTable.DocTableInverted>tbody>tr>th.TCH, thead.DocCalendarHeader>tr>th, .DocHeaderedTable td.TableSecuredRows {
    background: #4A6FB5;
}

a.DTColText, span.DTColText, .DocTable td.HeaderCell a {
    color: #fff;
}

.DocTable div.SortAscending {
    height: 0;
    width: 0;
    border-top: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #FFF;
    border-right: 7px solid transparent;
    float: right;
    margin-top: 0px;
}

.DocTable div.SortDescending {
    height: 0;
    width: 0;
    border-top: 7px solid #FFF;
    border-left: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid transparent;
    float: right;
    margin-top: 7px;
}

/* Confirmation Heading */
h1.stconfirmation {
color:#4caf50;
}

/* Step Button Override */
.StepSelectorButton.StepSelectorView.StepSelectorNext {
background-color: #16833C;
}

.StepSelectorButton.StepSelectorView.StepSelectorSubmit {
background-color: #16833C;
}

.StepSelectorButton.StepSelectorAction.StepSelectorSubmit {
background-color: #16833C;
}

.StepSelectorButton.StepSelectorAction.StepSelectorCancel {
background-color: #D6002B;
}

.StepSelectorButton.StepSelectorAction.StepSelectorCancel::before {
  content: " ";
  background: url('../Image/ENG/fa_cancel');
  background-position: left center;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  background-size: 12px 12px;
  margin-right: 5px;
  display: inline-block;
}

.StepSelectorButton.StepSelectorAction.StepSelectorSave::before {
  content: " ";
  background: url('../Image/ENG/fa_save');
  background-position: left center;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  background-size: 12px 12px;
  margin-right: 5px;
  display: inline-block;
}

.StepSelectorButton {
border-radius: 0;
}

/* Table Row Editor */
.TableRowFirst {
  background-image: none;
}

.TableRowPrevious {
  background-image: none;
}

.TableRowNext {
  background-image: none;
}

.TableRowLast {
  background-image: none;
}

.TableRowFirst::before  {
  content: " ";
  background: url('../Image/ENG/fa_first');
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  display: block;
}

.TableRowPrevious::before {
  content: " ";
  background: url('../Image/ENG/fa_prev');
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  display: block;
}

.TableRowNext::before {
  content: " ";
  background: url('../Image/ENG/fa_next');
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  display: block;
}

.TableRowLast::before {
  content: " ";
  background: url('../Image/ENG/fa_last');
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  display: block;
}

.TableRowFirst, .TableRowPrevious, .TableRowNext, .TableRowLast {
    float: left;
}

.TableRowFirst.TableRowLinkDisabled::before {
  display:none;
}

.TableRowLast.TableRowLinkDisabled::before {
  display:none;
}

.TableRowNext.TableRowLinkDisabled::before {
  display:none;
}

.TableRowPrevious.TableRowLinkDisabled::before {
  display:none;
}