.menu-user-block {
display:none !important;
}

/***** GLOGAB STYLES *****/

body {
  font-size: .875rem;
}

h1, h2, h3, h4, h5, p, ul, li, a, .table td, .table th, input[type=text], button#signSubmit.btn.btn-success, button#rejectSubmit.btn.btn-danger, span.btn.btn-success, input::placeholder, textarea::placeholder, select::placeholder {
	font-family:roboto;
}

p {
	color:#666666;
	margin-bottom:0px; 
}

a:hover {
	text-decoration:none;
}

h1 {
	font-size:2.5em;
	font-weight:700;
	margin-bottom:30px;
	color:#003594;
}

h3 {
	font-size:1.6em;
	font-weight:600;
	margin-bottom:20px;
	color:#48576e;
}

.heading-icon {
margin-right:5px;
}

h4 {
	font-size:1.3em;
	color:#48576e;
	font-weight:600;
	margin-bottom:10px;
	margin-top:30px;
}

p {
	font-size:1em;
}

li {
	color:#666666;
}

@media only screen and (max-width: 600px) {
.hide-mobile {
	display:none;
}
}

a {
	color:#00b5e2;
}

a:hover	{
	color:#78be20;
}

.clear {
	width:100%;
	height:1px;
	clear:both;
}

.btn {
	border-radius:50px;
	border:none;
}

.clear {
width:100%;
height:1px;
clear:both;
}

#no-docs-to-show {
text-align:center;
font-style:italic;
}

/***** FOOTER *****/

@media only screen and (max-width: 600px) {
p.footer-right {
float:left !important;
text-align:left !important;
margin-top:20px;
}
}

/***** CHECKBOXES *****/

.container-chkbx {
    display: inline-flex;
    cursor: pointer;
    position: relative;
margin-top:5px;
margin-bottom:-5px;
}

.container-chkbx > span {
    color: #34495E;
    padding: 0.5rem 0.25rem;
}

.container-chkbx > input {
    height: 22px;
    width: 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    outline: none;
    transition-duration: 0.3s;
    background-color: #f4f4f4;
    cursor: pointer;
  }

.container-chkbx > input:checked {
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
}

.container-chkbx > input:checked + span::before {
    content: '\2714';
    display: block;
    text-align: center;
    color: #78be20;
    position: absolute;
    left: 0.4rem;
    top: 0.05rem;
}

.container-chkbx > input:active {
    border: 1px solid #78be20;
}

/***** SUCCESS *****/

.alert-success {
margin-top:30px;
border:2px solid #78be20;
background-color:#ffffff;
color:#78be20;
font-weight:600;
}

#result-fail {
	margin-bottom:30px !important;
	background-color:#f4f4f4;
	border:none;
	border-left:3px solid #fe5000;
	color:#666666;
	width: 100%;
}
	
#result-fail div {
	padding-left:20px !important;
}

#load-div-fail {
	margin-top: 20px;
}

#result-subject-comment {
margin-bottom:30px !important;
background-color:#f4f4f4;
border:none;
border-left:3px solid #fe5000;
color:#666666;
}

#result-subject-comment div {
padding-left:0px !important;
}

#result-summary h2 {
font-size:20px;
text-transform:uppercase;
font-weight:600;
}

/***** FLEX TO VERTICALLY ALIGN *****/

.flex-vertical{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	justify-content: center;
}

@media only screen and (max-width: 600px) {
.flex-vertical {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	display: flex;
}
}


.btn-pagination{
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 4px 2px;
  cursor: pointer;
  position: absolute; 
}

div.pagination{ 
  margin-top:10px;
width:100%;
clear:both;
text-align:center;
}

.pagination ul {
display:inline-block;
margin:auto;
}

.pagination li {
text-align:center;
list-style:none;
float:left;
margin-left:10px;
margin-right:10px;
}

#docsDisplayed, #pagination1{
    /*position: absolute; */
    margin:auto;
text-align:center;
color:#999999;
}

/***** BUTTONS *****/

.btn-primary, .btn-success, .btn-warning, .btn-danger, button#signSubmit.btn.btn-success, button#rejectSubmit.btn.btn-danger, span.btn.btn-success, #see button {
color:#ffffff;
padding:7px 15px 6px 15px;
border-radius:3px;
border:none;
cursor:pointer;
text-transform:uppercase;
font-size:12px !important;
font-weight:600 !important;
letter-spacing:1.5px !important;
}

button#signSubmit.btn.btn-success, button#rejectSubmit.btn.btn-danger {
padding:10px 20px 9px 20px;
}

.btn-primary, .btn-success { background-color:#78be20 !important;}
.btn-warning, #see button {background-color:#fe5000 !important;color:#ffffff;border-radius: 3px !important;}
.btn-danger {background-color:#d22630 !important;color:#ffffff;}

.btn-primary:focus, .btn-success:focus, .btn-warning:focus, .btn-danger:focus, button#signSubmit.btn.btn-success:focus, button#rejectSubmit.btn.btn-danger:focus {
box-shadow:none !important;
border:none !important;
}

.btn:disabled, .btn:disabled:hover {
background-color:#dbdbdb !important;
cursor: not-allowed !important;
}

#see button { /* button to close pdf previewer */
margin-top:10px !important;
margin-bottom:12px !important;
}

@media only screen and (max-width: 600px) { /* Make input fields full-width on mobile */
.cancel-top {
margin-top:10px;
}
}

/***** BUTTON HOVERS *****/

.btn-primary:hover, .btn-success:hover { background-color:#87c935 !important;color:#ffffff;border:none;}
.btn-warning:hover, #see button:hover {background-color:#fc641e !important;color:#ffffff;border:none;}
.btn-danger:hover {background-color:#d63741 !important;color:#ffffff;border:none;}

button#signSubmit.btn.btn-success {
margin-right:10px !important;
}

@media only screen and (max-width: 600px) { /* Make input fields full-width on mobile */
button#signSubmit.btn.btn-success, button#rejectSubmit.btn.btn-danger {
margin-bottom:10px;
width:100%;
clear:both;
}
}


.upload-button {float:right;margin-bottom:20px;}

@media only screen and (max-width: 600px) { /* Make input fields full-width on mobile */
.upload-button {
	float:left !important;
}
}

@media only screen and (min-width: 1200px) { /* overwrite bootstrap container settings so that the container goes full width */
.container {
	max-width:1500px !important;
}
}


/***** UPLOAD FILES *****/

input[type=text], textarea, .form-control, select, option {
	padding:10px 15px;
	margin-top:12px;
font-family:roboto !important;
color:#999999 !important;
font-size:15px !important;
	border:1px solid #d7d7d7;
border-radius:0px !important;
width:100%;
clear:both;
}

select#input-business:focus {
	border: 1px solid #d7d7d7 !important;
	}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: red;
	 
  }
  

select {
padding-left:10px !important;
}

input:focus, textarea:focus, select:focus, option:focus {
box-shadow:none !important;
border:1px solid #008eaa !important;
}

select.form-control:not([size]):not([multiple]) {
height:inherit;
}

input::placeholder, textarea::placeholder, select::placeholder {
color:#999999 !important;
}

input[type=file] {
padding:5px 10px;
font-family:roboto;
font-size:17px;
color:#999999;
}

@media only screen and (max-width: 800px) { /* Make input fields full-width on mobile */
input[type=text], input[type=file], input[type=textarea], .form-control {
	width:100%;
}
}

#actions, .fileinput-button {
	margin:10px 0px 0px 0px;
}

/***** COMMON PAGE SECTIONS *****/

.purplebox { /* Box used on most pages with the purple border at the top */
	background-color: #fff;
    border-top: 4px solid #642667;
	width:100%; 
	padding: 35px 40px 40px 40px;
	display: inline-block;
	border-radius:3px;
	-webkit-box-shadow: 2px 2px 16px 0px rgba(238,238,238,0.1);
	-moz-box-shadow: 2px 2px 16px 0px rgba(238,238,238,0.1);
	box-shadow: 2px 2px 16px 0px rgba(238,238,238,0.1);
margin-bottom:30px;
}

@media only screen and (max-width: 900px) {
.purplebox {
padding: 35px 20px 40px 20px;
}
.container {
padding-left:0px;
padding-right:0px;
}
textarea {
width:100%;
}
} 

.legal-info h4 {
	font-size:16px; 
	margin-top:20px;
}

.legal-info p {
	margin-bottom:10px;
}

/***** HEADER *****/

.navbar-dark .navbar-brand {
	width:60%;
}

/***** HOME *****/

.custom-red {
	/* border: 3px solid #ff0000 !important; */
}

.custom-red-icon {
	/* color: #ff0000 !important; */
}

.home-boxes, .home-boxes-last {  /* Document boxes on home page with icons inside of them */
	font-size: 16px;
	border: 3px solid #90d63a;
    width: 22%;
    padding: 30px 10px;
    float: left;
    margin: auto;
    min-height: 200px;
	text-align:center;
	border-radius:4px;
	margin-right:3%;
	margin-bottom:15px; 
}

.home-boxes p, .home-boxes-last p {
	text-decoration:none !important;
	font-weight:600;
	color:#48576e;
}

.home-boxes:hover, .home-boxes-last:hover {
	border:3px solid #73b521;
}

@media only screen and (max-width: 900px) {
.home-boxes p, .home-boxes-last p {
	font-size:18px;
	font-weight:700;
	margin-bottom:0px;
}
}

@media only screen and (max-width: 600px) {
.home-boxes, .home-boxes-last {
	width:100%;
	clear:both;
}
}

.home-boxes p img, .home-boxes-last p img {
	width:20%;
margin-bottom:20px;
}

.home-boxes-last {
	margin-right:0px !important;
}

/***** WELCOME BOX ON HOME PAGE *****/

.welcomebox {
background-color: #fff;
border-top: 4px solid #642667;
width:100%; 
padding: 0px;
display: inline-block;
border-radius:3px;
margin-bottom:30px;  
}

img.welcome-heading {
max-width:200px !important;
margin:30px 20px 30px 40px;
}

.welcome-para {
margin:0px 10% 40px 40px;
font-size:16px;
}

img.welcome-image { 
    width: 85%;
margin-left:5%;
margin-top:20px;
margin-bottom:20px;
}

.welcome-left {
width:70%;
float:left;
}

.welcome-right {
width:30%;
float:right;
}

@media only screen and (max-width: 950px) {
.welcome-left, .welcome-right {width:100%;float:left;clear:both;margin:0px 20px;}
img.welcome-image {display:block;width:70%;margin:auto;}
}

@media only screen and (max-width: 765px) {
img.welcome-image {display:block;width:90%;margin-top:-30px;margin-bottom:20px;}
.welcome-left, .welcome-right {float:left;clear:both;width:90%;}
}

/***** MY DOCS / READ & SIGN *****/

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/***** Sidebar *****/

span#open-packs {
color: #ffffff !important;
background-color: #d22630;
height: 12px;
width: 12px;
border-radius: 50%;
font-size: 9px;
padding: 1px 4px;
margin-bottom: 10px;
font-weight:600;
vertical-align: top;
}

.sidebar {
  position: fixed;
  /*top: 0;*/ /*commented out to stop the side bar going up into the menu "Simon"*/ 
  bottom: 0;
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 0;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media screen and (min-width: 900px) {
.sidebar {
max-width:23%;
}
.col-lg-10 {
max-width:77%;
}
}


@media screen and (min-width: 1000px) {
.sidebar {
max-width:18% !important;
}
.col-lg-10 {
max-width:82%;
}
}

@media screen and (max-width: 900px) {
.sidebar {
display:none !important;
}
.col-lg-10 {
max-width:100%;
margin:auto;
}
.cptopnav .col-md-2 {
max-width:60%;
}
}

.sidebar-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 48px; /* Height of navbar */
  height: calc(100vh - 48px);
  padding-top: 20px;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
  font-weight: 500;
  color: #666666;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #666666;
}

.sidebar .nav-link:hover, .sidebar .nav-link:hover .feather {
  color: #999999;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

/*
 * Navbar
 */

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  background-color: rgba(0, 53, 147);
  /*box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);*/
}

.topnavfull {
position:fixed !important;
width:100% !important;
overflow:hidden !important;
top:0 !important;
z-index:1020 !important;
}

.navbar .form-control {;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

/*
 * Utilities
 */

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.itineraryPanelItem, .itineraryPanel { display: none; }

.maindash {

	float: left;
	/*border: 1px solid #e5e5e5; */
	/*background-color: #ffffff;*/
	width: 100%;
	padding: 40px 22px 22px 22px;
}

@media only screen and (max-width: 900px) {
.maindash {
	padding: 20px 0px;
}
.welcome-para, img.welcome-heading {
margin-left:20px;
margin-right:20px;
}
}

.nav-link {
    display: block;
    padding: 1rem .1rem .1rem 1.5rem;
}

.navbar-dark .navbar-nav .nav-link {
	padding: .2rem 1rem .1rem 1.5rem;	
}

.introtext {

	font-size: 12px;
	color: #666666;
}

.copmessage {

	font-size: 10px;
    margin: 34px;
	font-style:italic;
	color:#999999;
}
#wrap>div { display: none;} 
#wrap>div.start-content { display:block; }
/* to make the column sizes fixed, add table-layout: fixed; to table below */
table { border: 1px solid #dddddd; border-collapse: collapse; margin: 0; margin-top:30px !important; padding: 0; width: 100%;color:#666666;}
table tr { background-color: #ffffff; border: 1px solid #dddddd; padding: .35em;}
table td { background-color: #ffffff; border: 1px solid #dddddd; padding: .4em !important;vertical-align: middle!important;} /* added by Danny 16/12/2019*/
table th,table td {padding: .625em; text-align: center; border: 1px solid #dddddd;vertical-align: middle!important;}
table th {font-size: .85em; letter-spacing: .1em; text-transform: uppercase; color:#003594;background-color:#f4f4f4;}

@media screen and (max-width: 600px) {
table {border: 0;}
table thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
/* table#your-documents.table thead {display: hidden;position: relative;} */
table tr {border:none !important; display: block; margin-bottom: .625em;}
table td {border: none;display: block; text-align: right;background-color:#eeeeee;margin-bottom:1px;border-top:none !important;vertical-align:middle !important;}
table td::before {content: attr(data-label);float: left;font-weight: bold;text-transform: uppercase;}
table th,table td {border: none;}
table td:last-child {border: 0;}

/* added by Danny 04-06-2020 since in mobile view documents weren't showing */
.table-head {display:none;}
}

.table thead th {
    
    border-bottom: 0px solid #dee2e6 !important;
font-size:14px;
}

/***** ICONS *****/

.nav .fas, .nav .far {
width:20px !important;
}

.home-boxes p i, .home-boxes-last p i {
font-size:40px;
margin-bottom:20px;
color:#78be20;
}


th i {
	margin-right:3px;
}

.btn-primary i {
margin-right:5px;
}


/* The loader */

/* #loadingIcon {
	display: none;
	position: fixed;
	z-index: 9999999;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url('assets/loader/loading.gif');
	background-repeat: no-repeat;
	background-position: center;
} */

/* #td-spinner {
	display: none;
	position: fixed;
	z-index: 9999999;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url('assets/loader/loading.gif');
	background-repeat: no-repeat;
	background-position: center;
} */

#overlay{
	display:none;
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    background: black;
	opacity: .5;
	z-index:88888888;
}

#overlay-splash{
	display:none;
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    background: black;
	opacity: .1;
	z-index:88888888;
}

/* #loadingIcon {
	display:none;
	margin: 100px auto;
	font-size: 25px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: absolute;
	top:50%;
	left:50%;
	z-index: 9999999;
	text-indent: -1.5em;
	-webkit-animation: load5 1.1s infinite ease;
	animation: load5 1.1s infinite ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
  }
  @-webkit-keyframes load5 {
	0%,
	100% {
	  box-shadow: 0em -2.6em 0em 0em #003593, 1.8em -1.8em 0 0em rgba(0,53,147, 0.2), 2.5em 0em 0 0em rgba(0,53,147, 0.2), 1.75em 1.75em 0 0em rgba(0,53,147, 0.2), 0em 2.5em 0 0em rgba(0,53,147, 0.2), -1.8em 1.8em 0 0em rgba(0,53,147, 0.2), -2.6em 0em 0 0em rgba(0,53,147, 0.5), -1.8em -1.8em 0 0em rgba(0,53,147, 0.7);
	}
	12.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(0,53,147, 0.7), 1.8em -1.8em 0 0em #003593, 2.5em 0em 0 0em rgba(0,53,147, 0.2), 1.75em 1.75em 0 0em rgba(0,53,147, 0.2), 0em 2.5em 0 0em rgba(0,53,147, 0.2), -1.8em 1.8em 0 0em rgba(0,53,147, 0.2), -2.6em 0em 0 0em rgba(0,53,147, 0.2), -1.8em -1.8em 0 0em rgba(0,53,147, 0.5);
	}
	25% {
	  box-shadow: 0em -2.6em 0em 0em rgba(0,53,147, 0.5), 1.8em -1.8em 0 0em rgba(0,53,147, 0.7), 2.5em 0em 0 0em #003593, 1.75em 1.75em 0 0em rgba(0,53,147, 0.2), 0em 2.5em 0 0em rgba(0,53,147, 0.2), -1.8em 1.8em 0 0em rgba(0,53,147, 0.2), -2.6em 0em 0 0em rgba(0,53,147, 0.2), -1.8em -1.8em 0 0em rgba(0,53,147, 0.2);
	}
	37.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(0,53,147, 0.2), 1.8em -1.8em 0 0em rgba(0,53,147, 0.5), 2.5em 0em 0 0em rgba(0,53,147, 0.7), 1.75em 1.75em 0 0em #003593, 0em 2.5em 0 0em rgba(0,53,147, 0.2), -1.8em 1.8em 0 0em rgba(0,53,147, 0.2), -2.6em 0em 0 0em rgba(0,53,147, 0.2), -1.8em -1.8em 0 0em rgba(0,53,147, 0.2);
	}
	50% {
	  box-shadow: 0em -2.6em 0em 0em rgba(0,53,147, 0.2), 1.8em -1.8em 0 0em rgba(0,53,147, 0.2), 2.5em 0em 0 0em rgba(0,53,147, 0.5), 1.75em 1.75em 0 0em rgba(0,53,147, 0.7), 0em 2.5em 0 0em #003593, -1.8em 1.8em 0 0em rgba(0,53,147, 0.2), -2.6em 0em 0 0em rgba(0,53,147, 0.2), -1.8em -1.8em 0 0em rgba(0,53,147, 0.2);
	}
	62.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(0,53,147, 0.2), 1.8em -1.8em 0 0em rgba(0,53,147, 0.2), 2.5em 0em 0 0em rgba(0,53,147, 0.2), 1.75em 1.75em 0 0em rgba(0,53,147, 0.5), 0em 2.5em 0 0em rgba(0,53,147, 0.7), -1.8em 1.8em 0 0em #003593, -2.6em 0em 0 0em rgba(0,53,147, 0.2), -1.8em -1.8em 0 0em rgba(0,53,147, 0.2);
	}
	75% {
	  box-shadow: 0em -2.6em 0em 0em rgba(0,53,147, 0.2), 1.8em -1.8em 0 0em rgba(0,53,147, 0.2), 2.5em 0em 0 0em rgba(0,53,147, 0.2), 1.75em 1.75em 0 0em rgba(0,53,147, 0.2), 0em 2.5em 0 0em rgba(0,53,147, 0.5), -1.8em 1.8em 0 0em rgba(0,53,147, 0.7), -2.6em 0em 0 0em #003593, -1.8em -1.8em 0 0em rgba(0,53,147, 0.2);
	}
	87.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(0,53,147, 0.2), 1.8em -1.8em 0 0em rgba(0,53,147, 0.2), 2.5em 0em 0 0em rgba(0,53,147, 0.2), 1.75em 1.75em 0 0em rgba(0,53,147, 0.2), 0em 2.5em 0 0em rgba(0,53,147, 0.2), -1.8em 1.8em 0 0em rgba(0,53,147, 0.5), -2.6em 0em 0 0em rgba(0,53,147, 0.7), -1.8em -1.8em 0 0em #003593;
	}
  }
  @keyframes load5 {
	0%,
	100% {
	  box-shadow: 0em -2.6em 0em 0em #003593, 1.8em -1.8em 0 0em rgba(0,53,147, 0.2), 2.5em 0em 0 0em rgba(0,53,147, 0.2), 1.75em 1.75em 0 0em rgba(0,53,147, 0.2), 0em 2.5em 0 0em rgba(0,53,147, 0.2), -1.8em 1.8em 0 0em rgba(0,53,147, 0.2), -2.6em 0em 0 0em rgba(0,53,147, 0.5), -1.8em -1.8em 0 0em rgba(0,53,147, 0.7);
	}
	12.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(0,53,147, 0.7), 1.8em -1.8em 0 0em #003593, 2.5em 0em 0 0em rgba(0,53,147, 0.2), 1.75em 1.75em 0 0em rgba(0,53,147, 0.2), 0em 2.5em 0 0em rgba(0,53,147, 0.2), -1.8em 1.8em 0 0em rgba(0,53,147, 0.2), -2.6em 0em 0 0em rgba(0,53,147, 0.2), -1.8em -1.8em 0 0em rgba(0,53,147, 0.5);
	}
	25% {
	  box-shadow: 0em -2.6em 0em 0em rgba(0,53,147, 0.5), 1.8em -1.8em 0 0em rgba(0,53,147, 0.7), 2.5em 0em 0 0em #003593, 1.75em 1.75em 0 0em rgba(0,53,147, 0.2), 0em 2.5em 0 0em rgba(0,53,147, 0.2), -1.8em 1.8em 0 0em rgba(0,53,147, 0.2), -2.6em 0em 0 0em rgba(0,53,147, 0.2), -1.8em -1.8em 0 0em rgba(0,53,147, 0.2);
	}
	37.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(0,53,147, 0.2), 1.8em -1.8em 0 0em rgba(0,53,147, 0.5), 2.5em 0em 0 0em rgba(0,53,147, 0.7), 1.75em 1.75em 0 0em #003593, 0em 2.5em 0 0em rgba(0,53,147, 0.2), -1.8em 1.8em 0 0em rgba(0,53,147, 0.2), -2.6em 0em 0 0em rgba(0,53,147, 0.2), -1.8em -1.8em 0 0em rgba(0,53,147, 0.2);
	}
	50% {
	  box-shadow: 0em -2.6em 0em 0em rgba(0,53,147, 0.2), 1.8em -1.8em 0 0em rgba(0,53,147, 0.2), 2.5em 0em 0 0em rgba(0,53,147, 0.5), 1.75em 1.75em 0 0em rgba(0,53,147, 0.7), 0em 2.5em 0 0em #003593, -1.8em 1.8em 0 0em rgba(0,53,147, 0.2), -2.6em 0em 0 0em rgba(0,53,147, 0.2), -1.8em -1.8em 0 0em rgba(0,53,147, 0.2);
	}
	62.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(0,53,147, 0.2), 1.8em -1.8em 0 0em rgba(0,53,147, 0.2), 2.5em 0em 0 0em rgba(0,53,147, 0.2), 1.75em 1.75em 0 0em rgba(0,53,147, 0.5), 0em 2.5em 0 0em rgba(0,53,147, 0.7), -1.8em 1.8em 0 0em #003593, -2.6em 0em 0 0em rgba(0,53,147, 0.2), -1.8em -1.8em 0 0em rgba(0,53,147, 0.2);
	}
	75% {
	  box-shadow: 0em -2.6em 0em 0em rgba(0,53,147, 0.2), 1.8em -1.8em 0 0em rgba(0,53,147, 0.2), 2.5em 0em 0 0em rgba(0,53,147, 0.2), 1.75em 1.75em 0 0em rgba(0,53,147, 0.2), 0em 2.5em 0 0em rgba(0,53,147, 0.5), -1.8em 1.8em 0 0em rgba(0,53,147, 0.7), -2.6em 0em 0 0em #003593, -1.8em -1.8em 0 0em rgba(0,53,147, 0.2);
	}
	87.5% {
	  box-shadow: 0em -2.6em 0em 0em rgba(0,53,147, 0.2), 1.8em -1.8em 0 0em rgba(0,53,147, 0.2), 2.5em 0em 0 0em rgba(0,53,147, 0.2), 1.75em 1.75em 0 0em rgba(0,53,147, 0.2), 0em 2.5em 0 0em rgba(0,53,147, 0.2), -1.8em 1.8em 0 0em rgba(0,53,147, 0.5), -2.6em 0em 0 0em rgba(0,53,147, 0.7), -1.8em -1.8em 0 0em #003593;
	}
  } */

  #loadingIcon {
	display:none;
	margin: 100px auto;
	font-size: 25px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: absolute;
	top:50%;
	left:50%;
	z-index: 9999999;

	/* display: inline-block;
	position: relative;
	width: 80px;
	height: 80px; */
  }
  #loadingIcon div {
	display: inline-block;
	position: absolute;
	left: 8px;
	width: 16px;
	background: #fff;
	animation: loadingIcon 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  }
  #loadingIcon div:nth-child(1) {
	left: 8px;
	animation-delay: -0.24s;
  }
  #loadingIcon div:nth-child(2) {
	left: 32px;
	animation-delay: -0.12s;
  }
  #loadingIcon div:nth-child(3) {
	left: 56px;
	animation-delay: 0;
  }
  @keyframes loadingIcon {
	0% {
	  top: 8px;
	  height: 64px;
	}
	50%, 100% {
	  top: 24px;
	  height: 32px;
	}
  }

  /************************* Start CSP Changes 27-02-2020 ********************/
  .hidden {
	  display:none;
  }

  .pos-relative{
	  position: relative;
  }

  .align-right {
	  text-align: right;
  }

  .align-left {
	text-align: left;
}

  .align-center {
	  text-align: center;
  }

  .docsDisplayed1 {
	margin-left: 10px;
	margin-right: 10px;
  }

  .files-table{
	margin-top: 90px;
  }

  .recipients-list {
	/* text-align: left; */
	list-style: none;
  }

  .italic {
	font-style: italic;
  }

  .sign-form-inner-container {
	width: 100%;
	padding: 10px;
	display: inline-block;
  }

  .textCounter {
	font: 15px Arial;
  }

  .sign-reject-confirm-box {
	float: left;
	width: 34%;
	margin-right: 10px;
  }

  .sign-reject-name-box {
	float: left;
	width: 35%;
  }

  .comment-textarea {
	width: 70%;
  }

  .clear-both {
	clear:both;
  }

  .thank-you-box {
	padding: 30px;
	width: 100%;
	border: 3px solid #78be20;
  }

  .iframe-button-close {
	display: block;
	text-align: center;
	margin:auto;
  }

  .extension-pdf {
	color: #ff0000;
	background: #fff;
	font-size: 20px;
	margin-right:5px;
  }

  .extension-word {
	color: #fff;
	background: #003594;
	font-size: 20px;
  }

  .extension-file {
	/* color: #fff; */
	background: #ccc;
	font-size: 20px;
  }

  .extension-video {
	color: #003593 !important;
	/*background: #ccc;*/
	font-size: 20px;
  }

  .logo {
	width: 340px;
  }

  .development-mode {
	color: #fff;
	font-weight: bold;
	font-size: 23px;
	background: #ff0000;
	padding: 10px;
  }

  .width-100-percent {
	width: 100%;
  }

  .width-10-percent {
	width: 10%;
  }

  .width-14-percent {
	width: 14%;
  }

  .menu-admin-only-block {
	display: block;
	padding: 1rem .1rem .1rem 1.5rem;
	font-size: 10px;
	word-wrap: anywhere;
  }

  .menu-user-block {
	display: block;
	padding: 1rem .1rem .1rem 1.5rem;
  }

  .footer-float-left {
	float: left;
	text-align: left;
  }

  .footer-float-right {
	float: right;
	text-align: right;
  }

  .quick-links {
	margin-bottom: 30px;
  }

  .details-container {
	display: inline-block;
	padding: 10px;
	margin-top: 50px;
  }

  .administration-box {
	float: left;
	padding: 10px;
  }

  .rejected {
	  color: red;
  }

  #error-box-center {
	text-align: center;
  }

  .error-h1 {
	color: #ff0000;
	margin-bottom: 40px;
  }

  .error-box-container {
	display: inline-block;
	padding: 10px;
	margin-top: 50px;
  }

  .error-box-left {
	float: left;
	text-align: right;
  }

  .error-box-right {
	float: left;
	text-align: left;
  }

  .already-signed-container {
	  width: 100%;
	  text-align: center;
  }

  .table-top-spacer {
	  margin: 20px 0;
	  display: inline-block;
  }

  input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}
  

  /*********** Start The Upload page **************/
  html, body {
	height: 100%;
  }
  #actions {
	margin: 2em 0;
  }


  /*  Mimic table appearance */
  div.table {
	display: table;
  }
  div.table .file-row {
	display: table-row;
  }
  div.table .file-row > div {
	display: table-cell;
	vertical-align: top;
	border-top: 1px solid #ddd;
	padding: 8px;
  }
  div.table .file-row:nth-child(odd) {
	background: #f9f9f9;
  }

  #admin-links {
	  list-style: none;
  }

  /*  The total progress gets shown by event listeners */
  #total-progress {
	opacity: 0;
	transition: opacity 0.3s linear;
  }

  /*  Hide the progress bar when finished */
  #previews .file-row.dz-success .progress {
	opacity: 0;
	transition: opacity 0.3s linear;
  }

  /*  Hide the delete button initially */
  #previews .file-row .delete {
	display: none;
  }

  /*  Hide the start and cancel buttons and show the delete button */

  #previews .file-row.dz-success .start,
  #previews .file-row.dz-success .cancel {
	display: none;
  }

  /* #previews .file-row.dz-success .delete {
	display: block;
  } */

  /* #loadingIcon {
	  display: none;
	  position: fixed;
	  z-index: 9999999;
	  top: 0;
	  left: 0;
	  height: 100%;
	  width: 100%;
	  background-image: url('assets/loader/loading.gif');
	  background-repeat: no-repeat;
	  background-position: center;
  } */

  /***/
  #result-subject-comment {
	margin: 0px 15px 15px 15px;
	width: 100%;
	display: none;
  }

  .upload-steps {
	color: #fe5000;
  }

  .upload-sub-text {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-style: italic;
	width: 100%;
	color: #999999;
	clear: both;
  }

  #input-business {
	margin: 12px 0px 0px 0px;
  }

  #width-0-percent {
	width: 0%;
  }

  .file-size {
	  font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	  background: #000;
	  color: #fff;
	  font-size: 11px;
	  padding: 5px;
  }

  .files-preload {
	  margin-top: 20px;
  }

  /*********** END The Upload page **************/

  /************************* END CSP Changes 27-02-2020 ********************/

/***** TMB CHANGES 25-3-2020 *****/

table {
border:0px !important;
border-collapse: collapse !important;
}

.table td, .table th {
border-top:1px solid #dee2e6;
}

.dataTables_wrapper .dataTables_paginate {
padding-top:.8em !important;
color:#999999 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
color:#999999 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
background:transparent !important;
border:0px !important;
background:#eeeeee !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
padding:.15em .5em !important;
}

#your-documents-table_length, .dataTables_wrapper .dataTables_info {
width:33.3% !important;
float:left !important;
clear:none !important;
color:#999999 !important;
}

.dataTables_wrapper .dataTables_info {
text-align:center;
padding-top:.85em !important; 
}

.dataTables_length select {
width:unset !important;
padding:5px;
border:none;
border-bottom:1px solid #eeeeee;
}

#your-documents-table_length {
padding-top:.35em;
}

#your-documents-table_filter {
float:left important; 
width:unset !important;
}


@media only screen and (max-width: 600px) {
  .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
    width:100% !important;
margin-bottom:20px;
  }
#your-documents-table_length {
display:none;
}
#your-documents-table_filter {
float:left important; 
width:100% !important;
}
}

select:focus {
box-shadow:none !important;
border:none !important;
outline: none !important;
}

*:focus {
    outline: none;
}

#your-documents-table_filter input[type=text] {
padding:5px 12px;
border-radius:2px;
}

/* added by Danny 25/03/2020*/
#your-documents-table_next {
	color: #999999 !important;
}

#your-documents-table_previous {
	color: #999999 !important;
}

a#your-documents-table_next.paginate_button.next, a#your-documents-table_previous.paginate_button.previous {
	color:#00b5e2 !important;
}

a#your-documents-table_next.paginate_button.next.disabled, a#your-documents-table_previous.paginate_button.previous.disabled {
	color:#999999 !important;
}

a#your-documents-table_next.paginate_button.next:hover, a#your-documents-table_previous.paginate_button.previous:hover {
	color:#00b5e2 !important;
	background:transparent !important;
	text-decoration:underline !important;
	border:1px solid #ffffff;
}

a#your-documents-table_next.paginate_button.next.disabled:hover, a#your-documents-table_previous.paginate_button.previous.disabled:hover {
	color:#999999 !important;
	text-decoration:none !important;
}

span.select-all {
	float: right;
	margin-right: 5%;
}

span.button-select-all {
	float: right;
	margin-right: 5%;
}

.scroll {
	overflow: scroll;
}

/* Container holding the image and the text */
.count-down-container {
	position: relative;
	text-align: center;
	color: white;
	margin:0px;
	padding:0px;
  }
  
  /* Bottom left text */
  /* .bottom-left {
	position: absolute;
	bottom: 8px;
	left: 16px;
  } */
  
  /* Top left text */
  /* .top-left {
	position: absolute;
	top: 8px;
	left: 16px;
  } */
  
  /* Top right text */
  /* .top-right {
	position: absolute;
	top: 8px;
	right: 16px;
  } */
  
  /* Bottom right text */
  /* .bottom-right {
	position: absolute;
	bottom: 8px;
	right: 16px;
  } */
  
  /* Centered text */
  .ftl-centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size:15px;
	font-family: "Arial Black", Gadget, sans-serif;
  }

  .message-comment-container {
	  background: #EDEDED;
	  padding: 10px;
	  border-radius: 3px;
  }

  .message-comment-date{
	background:#fff;
	border: 1px solid #e2e2e2;
	margin: 5px 0px 5px 0px;
	border-radius: 3px;
	padding: 10px;
  }

  .message-comment-comment {
	background:#fff;
	border: 1px solid #e2e2e2;
	margin: 5px 0px 5px 0px;
	border-radius: 3px;
	padding: 10px;
  }

  #comment-section {
	  margin-top: 20px;
  }

  .comment-button {
	  float: left;
	  margin: 20px 0px 0px -15px;
}

#comment-form-container {
	background: #EDEDED;
	border-radius: 3px;
	padding:10px 0px 10px 10px;
	margin:15px 15px 0px 0px;
}

.center-text {
	text-align: center;
}

.comment-list-headers {
	font-size: 1.0em;
	font-weight: 700;
	margin-bottom: 20px;
	color: #48576e;
}

#comment-success {
	background: #87c935 !important;
	padding: 3px;
	border-radius: 3px;
	color: #87c935 !important;
	font-weight: 600;
	margin-top: 10px;
}

#comment-error {
	background: red !important;
	padding: 3px;
	border-radius: 3px;
	color: #87c935 !important;
	font-weight: 600;
	margin-top: 10px;
}

.error-message {
	color: red;
}

.you {
	color: #48576e !important;
	font-size: 15px;
	font-weight: 600;
	padding: 1px;
	margin-right:3px;
}

.admin {
	color: #48576e !important;
	font-size: 15px;
	font-weight: 600;
	padding: 1px;
	margin-right:3px;
}

.client {
	/* background: #E8E8E8; */
	background: #f8f8f8;
}
}

.system {
	background: #E8E8E8;
	/* background: #f8f8f8; */
}

.italic-form-comment {
	font-style: italic;
	font-size: 10px;
}

.textCounterComments {
	font-size: 11px;
}

.red-bold {
	color: #fe5000;
	font-weight:600;
}

@media only screen and (max-width: 600px) {	
	.sign-reject-name-box{
		width:100%;
		/* background: green; */
	}
	
	.sign-reject-confirm-box{
		width: 100%;
		/* background: blue; */
		margin-bottom:3px;
	}

	.comment-textarea {
		width:100%;
	}
	}

	@media only screen and (max-width: 900px) {	
		.sign-reject-name-box{
			width:100%;
			/* background: green; */
		}
		
		.sign-reject-confirm-box{
			width: 100%;
			/* background: blue; */
			margin-bottom:3px;
		}
	
		.comment-textarea {
			width:100%;
		}
		}

span.update-result{
	font-weight: bold;
	font-size: 14px;
}

.modal-title-center {
	text-align: center;
}

.btn-group-sm > .btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .575rem !important;
    line-height: 1.5;
    border-radius: .2rem !important;
}

.select-all-button {
	margin-right:10px;
}

/* SPM 03-09-2021 */
/* Added new FC colour palette */

/* Principal Colours */
.fc-blue {
	color: rgb(0, 79, 157);
}

.fc-red {
	color: rgb(219, 50, 62);
}

/* Supporting Colours */
.fc-light-blue {
	color: rgb(0, 168, 220);
}

.fc-dark-green {
	color: rgb(0, 145, 100);
}

.fc-light-green {
	color: rgb(165, 196, 110);
}

.fc-dark-red {
	color: rgb(205, 81, 108);
}

.fc-orange {
	color: rgb(239, 131, 73);
}

.fc-yellow {
	color: rgb(255, 206, 52);
}

.fc-beige {
	color: rgb(254, 208, 151);
}

.fc-grey {
	color: rgb(135, 138, 143);
}

.fc-purple {
	color: rgb(90, 56, 116);
}