body {
  background-color: #f1efef;
}

.small-box h3 {
	font-size:1.6vw;
}

.PageTitle h1 {
	font-weight:bold;
}

/* Fonts */
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/GothamBook.eot');
  src: local('../fonts/GothamBook'), url('../fonts/GothamBook.woff') format('woff'), url('../fonts/GothamBook.ttf') format('truetype');
}

.input-group[class*=col-] {
    padding-left: 15px;
}

.spinner {
  border: 12px solid #f3f3f3;
  border-radius: 50%;
  border-top: 12px solid #3498db;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
  margin-left:230px;
}


/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

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

  100% {
    transform: rotate(360deg);
  }
}

.DDDateDD{
	float:left;
	max-width:75px;
}
.DDDateMM{
	float:left;
	max-width:100px;
}
.DDDateYY{
	float:left;
	max-width:80px;
}

.marginLeft{
   margin-left: 5px;
}


.padTop{
   padding-top: 10px;
}
.form-control{
	width: 95% !important;
}

.show {
	display:inherit;
}

.startHidden {
	display:none;
}

.note {
    font-weight: normal;
    font-size: small;
    color: grey;
}
.panel-heading .accordion-toggle:after {
        /* symbol for "opening" panels */
        font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
        content: "\e114"; /* adjust as needed, taken from bootstrap.css */
        float: right; /* adjust as needed */
        color: black;
}

.panel-heading .accordion-toggle.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

.ContactDetails {
  display: inline;
  vertical-align: initial;
}
 
.ipSortCode {
	font-size:14px;
	text-align: center;
}

.startHidden {
	display:none;
}


textarea {
    resize: none;
}

.input-validation-error:after{
  content: "Error";
	
}

.errorIconSpan{
    display:none;
    position: absolute;
    left: 95%;
    top: 5px;
}

.errorIcon{
    color: red;	
}

.dependent {
	display:none;
}

.frmCheckbox {
	width:50px;
	height:20px;
	float:left;
	margin-left: -15px!Important
}


.btnGreen{
	color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btnRed{
    color: #fff;
    background-color: #d2322d;
    border-color: #ac2925;
}

.btnRight {
	float:right;
}
.btnLeft {
	float:left;
}

.btnRightPad {
	float:right;
    margin-right: 15px;
	margin-bottom: 15px;
	
}
.btnLeftPad {
	float:left;
    margin-left: 15px;
	margin-bottom: 15px;
	
}

.btn-primary {
	background-color: #00a9e0; 
}

.btnNext {
	float:right;
    color: #fff;
    background-color: #00a9e0; 
    border-color: #357ebd;
}

.btnNext:hover {
	color: #fff;
    background-color: #3276b1;
    border-color: #285e8e;
}

.btnPrev {
	float:right;
	margin-right:2px;
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}
.btnPrev:hover {
	color: #fff;
    background-color: #3276b1;
    border-color: #285e8e;
}

.btnEdit {
	float:left;
	color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btnEdit:hover {
	color: #fff;
    background-color: #47a447;
    border-color: #398439;
}

.btnEditUpdate{
	float:left;
	display:none;
	margin-right:2px;
	color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btnEditUpdate:hover{
	color: #fff;
    background-color: #47a447;
    border-color: #398439;
}

.btnEditCancel{
	float:left;
	display:none;
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btnEditCancel:hover{
	color: #fff;
    background-color: #d2322d;
    border-color: #ac2925;
}

.btnPadd{
	padding-left:15px;
}

.btnPaddR{
	padding-right:15px;
}

.btnMargR{
	margin-right:15px;
}


.tablePR
{
  background-color:#f7f7f7;	
  border: 3px solid gray;
  padding-bottom:10px;
  border-radius: 0px 0px 30px 30px;
  border-collapse: separate;
  width:100%;
}

.tablePR th
{
  background-color:#c5c4c4;	
  padding-left:15px;
  padding-right:10px;
  font-size: 1.8rem;
}

.tablePR td
{
  padding-left:15px;
  font-weight: bold;
}


.content {
	min-height:500px;
}

header>.header-img {
    /*height: 360px;*/
    background-size: cover;
    position: relative;
    width:100%;
    aspect-ratio:6;
}

.bluePanel {
	background-color:#286a9c;
	color:#fff;
	font-size:24px;
	height:230px;
	width:100%;
	margin-top:20px;
	border-radius: 20px;
	padding:20px;
	text-align:center;
}

.panel-text {
    position: absolute;
    width: 100%;
    left: 0;
    top: 20%;
    padding-left: 5px;
    padding-right: 5px;
}

.panel-button { position:absolute; bottom : 20px; right:20px; }

body{
	-webkit-font-smoothing: antialiased;
	font-family: 'Gotham', sans-serif;
	font-weight:300;
	font-size: 16px;
}

.edit{
	display:none;
}

h1, h3, span
{
    display: inline-block;
    vertical-align: middle;
}

.TitleHelp {
	padding-top:15px;
	padding-right:100px;
	float:right;
}

.tooltip {
  font-family: Georgia;
  font-size: 20px;
}

.navbar-dark, .navbar .dropdown-menu {
    background-color: rgba(35,35,35,0.95);
}

.steps-container {
    border-radius: 4px 4px 0 0;
    overflow: hidden;
	width:100%;
	margin-top:15px;
}

.steps-container > ul.steps li:first-child {
    border-radius: 4px 0 0 0;
    padding-left: 20px;
}

.steps-container > ul.steps li.active {
    background: #eef7fb;
    color: #3a87ad;
    cursor: default;
}

.steps-container > ul.steps li {
    float: left;
    margin: 0;
    padding: 0 20px 0 30px;
    height: 46px;
    line-height: 46px;
    position: relative;
    background: #eeeeee;
    color: #999999;
    font-size: 16px;
    cursor: not-allowed;
}

.steps-container > ul.steps {
    list-style: none outside none;
    padding: 0;
    margin: 0;
    width: 999999px;
}

.steps-container > ul.steps li.active .badge {
    background-color: #3a87ad;
}

.steps-container > ul.steps li .badge {
    margin-right: 8px;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777;
    border-radius: 10px;
}

.steps-container > ul.steps li .chevron {
    border: 24px solid transparent;
    border-left: 14px solid #d4d4d4;
    border-right: 0;
    display: block;
    position: absolute;
    right: -14px;
    top: 0;
    z-index: 1;
}

.steps-container > ul.steps li .chevron:before {
    border: 24px solid transparent;
    border-left: 14px solid #eeeeee;
    border-right: 0;
    content: "";
    display: block;
    position: absolute;
    right: 1px;
    top: -24px;
}

.steps-container > ul.steps li.active .chevron:before {
    border-left: 14px solid #eef7fb;
}

.tabs .PageTitle {
  text-align: center;
  color: black;
  margin-top: 10px;
  border-radius: 2px 2px 0px 0px;
  padding: 1px;
  margin-right: 4px;
  font-weight: bold;
  /*border-bottom: 2px solid #00a9e0;*/
}

.PageTitle h3 {
  font-size: 22px;
  margin-top: 15px;
  margin-bottom: 10px;
  font-weight:bold;
}


.selectedtab .PageTitle {
  background-color: #f1efef;
}

.unselectedtab .PageTitle {
  background-color: #8c9193;
  color: #d4d7d9
  ;
}

.tabs .column {
	padding-left:0px;
	padding-right:0px;
}

.tabs a {
	text-decoration:none;
}

.tabs {
  background-color: #c5c9c9;
}


.paddingtop25 {
	padding-top:25px;
}

.draftStyle {
  color: blue;
}

.inputaddon {
  width:39px;
}

.fieldPound {
	width:90% !Important;
}


/* Accordion */
  .panel 
    {
        padding: 0 10px;
        background-color: white;
        display: none;
        overflow: hidden;
    }
    .accordion 
    {
        background-color: #00b6f0;
        color: #fff;
        cursor: pointer;
        width: 100%;
        text-align: left;
        border: none;
        outline: none;
        transition: 0.4s;
        border-style:solid;
        border-color:white;
        padding:0px 10px 0 0;
        height:40px;
        
    }

    .accordionName 
    {
        /*padding:10px;*/
    }
    
    .active, .accordion:hover {
      background-color: #ccc; 
    }
    
   
    .accordion.active:after {
      content: "\2212";
      text-decoration:none;
    }
    
   
    .accordion:after {
      content: '\002B';
      color: #777;
      font-weight: bold;
      float: right;
      margin-left: 5px;
      font-size: 20px;
      text-decoration:none;
    } 
    
    
    .accordion h5 
    {
        float:left;
        margin-bottom:0px;
        margin-bottom:-1rem;
        font-size:2rem;
    }

    .accordion p 
    {
        margin-top:-15px;
        padding: 10px;
    }
    
    .accordion-main
    {
        width:100%;
        border:2px solid black;
        position:relative;
        background-color:white;
        margin-top:10px;
        border-radius:10px;
    }
    .accordion-main:after
    {
        content: '\002B';
        float: right;
        font-size:45px;
        position:absolute;
        right:10px;
        top:0;
        
    }
    .accordion-main.active:after
    {
        
      content: "\2212";
    }
    
    .accordion-main h1
    {
        margin-block:10px;
    }
    .accordion-content
    {
        display:none;
    }
    
    .accordion-content.show
    {
        display:revert;
    
    }
    
    .accordionPanel 
    {
      padding:15px;   
    }
    
    .datepickerinput {
        width: 90% !important;
    }
    
    .btnSetDate {
      margin-left: 185px;
      margin-bottom: 10px;
      margin-top: -5px;
    }
    
    .form-control[disabled], .form-control[readonly]
    {
      background-color: #fcf9f9;
    }

/* JQuery DatePicker */

.ui-datepicker-header {
  background: #26c2f3 !Important;
  color: #ffffff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  color: green !Important;
  background: lightgreen !Important;
}

.ui-state-disabled .ui-state-default {
  color: black !Important;
  background: white !Important;
}

.ui-datepicker-current-day .ui-state-active {
  background: darkgreen !Important;
  color: white !Important;
}

.checkboxNote {
    font-weight: normal;
    font-size: 14px;
    width: 75%;
}