/*
Theme Name: TioRay
Author: Paul Darby
Author URI: http://web-dewd.com
Description: TioRay's theme. Based on Bootstrap v3.
Version: 1.0.5

This theme built with Twitter Bootstrap v.3.

*/
[ng-cloak] {
 display: none !important;
}
html { 
  min-height: 100%;
}
*, *:visited, *:active, *:hover {
    outline: none;
}
 #loading-error {
  font-style: italic;
  opacity: 0.8;
}
.tioray-content-wrapper {
    max-width:1000px;
    margin:0 auto;
}
body#tioray-body .panel-heading {
    border-bottom: 1px solid #ccc;
}
.row-gap {
    margin-top:15px;
}
.navbar.navbar-default.tioray-nav {
    margin-top:20px;
}
.navbar.navbar-default.tioray-footer-nav {
    font-size:0.7em;
}
a.tioray-home i {
    position:relative;
    left:0;
    bottom:0;
}
.tioray-nav .navbar-brand {
    padding-top:0;
    margin-top:-14px;
    position:relative;
    z-index:1;
}
a.test:visited {
    color:#ef7f1a;
}
.tioray-nav .nav > li > a {
    padding-left: 11px;
    padding-right: 11px;
}
.tioray-body p.form-control {
    border: none;
    box-shadow: none;
}
input[type="file"].tioray-file-upload-input {
    display: none;
}
.tioray-image-preview {   
    display: block;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    max-width: 100%;
    margin-bottom: 20px;
}
.tioray-image-controls span.glyphicon {
    font-size: 20px;
    cursor: pointer;
    transition: opacity 1.5s;
}
.tioray-image-controls span.glyphicon.tioray-hide {
    opacity: 0;
}
.tioray-image-controls span.glyphicon.tioray-show {
    opacity: 1;
}
.tioray-image-container {
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -moz-transition:all 0.5s linear;
    position: relative;
    overflow: hidden;
}

.tioray-image-container.ng-hide {
    height:0 !important;
}
spinner div {
	position:fixed;
	font-size:30px;
	width:100%;
	height:100%;
 margin:0;
	background:#000;
	opacity: 0.8;
	color: white;
	text-align: center;
	transition-property: transform;
	transition-duration: 0s;
	left:0;
	top:0;
 z-index: 9999;
}
spinner div p {
    margin-top:-20px;
    position: relative;
    top:50%;
}

spinner div span {
    animation: spinner 1.5s infinite ease-in-out;
}

@keyframes spinner {
    0% {
	transform: /*rotate(0deg)*/ scale(1,1);
    }
    25% {
	transform: /*rotate(90deg)*/  scale(1.75,1.75);
    }
    50% {
	transform: /*rotate(180deg)*/ scale(1,1);
    }
    75% {
	transform: /*rotate(270deg)*/ scale(1.75,1.75);
    }    
    100% {
	transform: /*rotate(360deg)*/ scale(1,1);
    }
}

.panel.panel-default {
	min-height:200px;
	position:static;
}




/*orange style*/
body#tioray-body.colour-orange .tioray-nav,
body#tioray-body.colour-orange .btn.btn-tioray,
body#tioray-body.colour-orange .tioray-nav button.navbar-toggle{
    background: #ef7f1a;
    border-color: #df6f0a;
}
body#tioray-body.colour-orange .tioray-nav .navbar-nav > li > a,
body#tioray-body.colour-orange .btn.btn-tioray{
    color: white;
}
body#tioray-body.colour-orange .tioray-nav .navbar-toggle span.icon-bar {
    background-color:white;
}

body#tioray-body.colour-orange .tioray-nav .navbar-nav > .active > a,
body#tioray-body.colour-orange .tioray-nav button.navbar-toggle:hover,
body#tioray-body.colour-orange .tioray-nav button.navbar-toggle:active,
body#tioray-body.colour-orange .tioray-nav button.navbar-toggle:focus
{
    background: #f1b987;
    color: #2f2f2f;
}
body#tioray-body.colour-orange .tioray-nav .navbar-nav li > a:hover,
body#tioray-body.colour-orange .tioray-nav .navbar-nav > .active > a:hover,
body#tioray-body.colour-orange .tioray-nav .navbar-nav > .active > a:active,
body#tioray-body.colour-orange .tioray-nav .navbar-nav > .active > a:focus{
    background:#eda463;
    color:white;
}
body#tioray-body.colour-orange h1,
body#tioray-body.colour-orange h2,
body#tioray-body.colour-orange h3,
body#tioray-body.colour-orange h4,
body#tioray-body.colour-orange h5,
body#tioray-body.colour-orange h6 {
    color:#ef7f1a;
}
body#tioray-body.colour-orange .tioray-body#tioray-body .table-striped > tbody#tioray-body > tr:nth-of-type(2n+1) {
    background-color: #fbbf8a;
}

/*rust style*/
body#tioray-body.colour-rust .tioray-nav,
body#tioray-body.colour-rust .btn.btn-tioray,
body#tioray-body.colour-rust .tioray-nav button.navbar-toggle{
    background: #ef481a;
    border-color: #ef481a;
}
body#tioray-body.colour-rust .tioray-nav .navbar-nav > li > a,
body#tioray-body.colour-rust .btn.btn-tioray{
    color: white;
}
body#tioray-body.colour-rust .tioray-nav .navbar-toggle span.icon-bar {
    background-color:white;
}

body#tioray-body.colour-rust .tioray-nav .navbar-nav > .active > a,
body#tioray-body.colour-rust .tioray-nav button.navbar-toggle:hover,
body#tioray-body.colour-rust .tioray-nav button.navbar-toggle:active,
body#tioray-body.colour-rust .tioray-nav button.navbar-toggle:focus
{
    background: #ef7f1a;
    color: white;
}
body#tioray-body.colour-rust .tioray-nav .navbar-nav li > a:hover,
body#tioray-body.colour-rust .tioray-nav .navbar-nav > .active > a:hover,
body#tioray-body.colour-rust .tioray-nav .navbar-nav > .active > a:active,
body#tioray-body.colour-rust .tioray-nav .navbar-nav > .active > a:focus{
    background:#ef7f1a;
    color:#ccc;
}
body#tioray-body.colour-rust h1,
body#tioray-body.colour-rust h2,
body#tioray-body.colour-rust h3,
body#tioray-body.colour-rust h4,
body#tioray-body.colour-rust h5,
body#tioray-body.colour-rust h6 {
    color:#ef481a;
}
body#tioray-body.colour-rust .tioray-body#tioray-body .table-striped > tbody#tioray-body > tr:nth-of-type(2n+1) {
    background-color: #ef481a;
}



/*blue style*/
body#tioray-body.colour-blue .tioray-nav,
body#tioray-body.colour-blue .btn.btn-tioray,
body#tioray-body.colour-blue .tioray-nav button.navbar-toggle{
    background: #1a30ef;
    border-color: #101c8c;
}
body#tioray-body.colour-blue .tioray-nav .navbar-nav > li > a,
body#tioray-body.colour-blue .btn.btn-tioray{
    color: white;
}
body#tioray-body.colour-blue .tioray-nav .navbar-toggle span.icon-bar {
    background-color:white;
}

body#tioray-body.colour-blue .tioray-nav .navbar-nav > .active > a,
body#tioray-body.colour-blue .tioray-nav button.navbar-toggle:hover,
body#tioray-body.colour-blue .tioray-nav button.navbar-toggle:active,
body#tioray-body.colour-blue .tioray-nav button.navbar-toggle:focus
{
    background: #6161fa;
    color: white;
}
body#tioray-body.colour-blue .tioray-nav .navbar-nav li > a:hover,
body#tioray-body.colour-blue .tioray-nav .navbar-nav > .active > a:hover,
body#tioray-body.colour-blue .tioray-nav .navbar-nav > .active > a:active,
body#tioray-body.colour-blue .tioray-nav .navbar-nav > .active > a:focus{
    background:#6161fa;
    color:#ccc;
}
body#tioray-body.colour-blue h1,
body#tioray-body.colour-blue h2,
body#tioray-body.colour-blue h3,
body#tioray-body.colour-blue h4,
body#tioray-body.colour-blue h5,
body#tioray-body.colour-blue h6 {
    color:#1a30ef;
}
body#tioray-body.colour-blue .tioray-body#tioray-body .table-striped > tbody#tioray-body > tr:nth-of-type(2n+1) {
    background-color: #1a30ef;
}


/*form checker table*/
.field-id {
    font-style: italic;
    font-size: 0.8em;
    font-weight: normal;
}

.table > thead > tr > th {
    vertical-align: top;
}

.tioray-forms-table-holder {
  overflow-x:scroll;
}

.tioray-forms-table-holder .table tbody td {
  max-width:200px;
  overflow:hidden;
}

/*addendum to a default bootstrap error*/
.has-error .form-control  {
  box-shadow: #a94442 0px 0px 2px 2px;  
}

div.form-control {
  cursor: not-allowed;
  background: #eee;
  overflow: hidden;
  white-space: nowrap;
}

form .checkbox  label {
 font-weight: bold;
}


@media screen and (max-width: 767px) {
    
    .tioray-nav .navbar-nav > li:first-child {
        margin-top:20px;
    }
    
    .navbar.navbar-default.tioray-footer-nav  ul {
	padding: 0 20px;
    }
    
}

@media screen and (min-width: 767px) {
    
    .tioray-image-preview {
        max-width: 100%;
    }
    
}

/*
Required WordPress CSS
*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}


/* WordPress gallery */
.gallery-caption {
}
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


/*Styling specific for Cmplianz*/
body.colour-orange #cmplz-document h3,
body.colour-orange #cmplz-document h4,
body.colour-orange #cmplz-document h5 {
    font-weight:700;
    color:#333;
    font-size:14px
} /* titles in complianz documents */
#cmplz-document {
    width:100%;
    max-width:100%
}
#cmplz-document .cmplz-subtitle,
body.colour-orange #cmplz-document h4,
body.colour-orange #cmplz-document h5 {
    font-style:italic
}
body.colour-orange #cmplz-document h5 {
    font-weight:normal;
    text-decoration:underline;
}
#cmplz-document button {
    border:0px;
    border-radius:4px;
    color:white;
    padding:10px;
    background:#ef7f1a;
}

.cc-banner .cc-compliance .cc-dismiss {
    display:none;
}

.cc-window .cc-compliance .cc-dismiss {
    display:none;
}