/* Sticky footer styles
-------------------------------------------------- */
/*
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px;
}


.carousel-control.right  {
	background-image: none;
}
.carousel-control.left  {
	background-image: none;
}

.carousel .item {
	height: 700px
}

.carousel {
	height: 700px
}
@media only screen
and (max-device-width : 1024px)
and (orientation : portrait) {
	.carousel .item {
		height: 900px
	}

	.carousel {
		height: 900px
	}
}


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  *//* Set the fixed height of the footer here *//*
  height: 135px;
  background-color: #f5f5f5;
}

.footer-bar { *//* Override something in bootstrap :( *//*
  margin-bottom: 0px;
}
*/

/* Sticky footer styles
-------------------------------------------------- */

/* Ideally should replace use of carousel */
/*
.carousel-static {
  position: static;
}

.signin-screen {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

legend {
	text-align: left;
	margin-top: 10px;
	color: #FFF;
	font: 20px/25px "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* font-size: 30px; */
}
*/

.popover {
	color: #000;
}

.trans-title {
/*	border-width: 2px 0px 0px 0px;
	border-style: solid solid solid solid;
	color: #FFF;*/
	font: 18px/23px "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-bottom: 10px;
	margin-top: 30px;
}

.trans-contents {
	margin-left: 20px;
	margin-top: 10px;
/*	color: #FFF;*/
}

.trans-info {
/*	color: #FFF;*/
}
/*
body {
  padding-top: 50px;
     margin: 0;
     background-repeat:no-repeat;
    display: compact;
     font: 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
     background-color: #777;
}

.body-div {
	background-color: rgba(0,0,0,0.7);
	border: 2px solid;
	border-radius: 25px;
	border-color: #FFF;
	margin-top: 10px;
	padding-top: 10px;
}
*/

.img-box {
	border: 2px solid;
	border-radius: 25px;
	color: #FFF;
}
.img-box-sq {
	border: 2px solid;
}

.white-background {
	color: #000;

}

.white-background a {
	color: #000;
}

.white-background a:visited {
	color: #000;
}

.white-background li {
	color: #000;
}

/*
a {
	color: #FFFFFF;
}

a:visited {
	color: #EEEEEE;
}
h1 {
	color: #FFFFFF;
}

h2 {
	color: #FFFFFF;
}

h3 {
	color: #FFFFFF;
}

h4 {
	color: #FFFFFF;
}

h5 {
	color: #FFFFFF;
}

h6 {
	color: #FFFFFF;
}

p {
	color: #FFFFFF;
}

li {
	*//* Used in the footer, about, navbar register page *//*
	color: #FFFFFF;
}
th {
	color: #FFFFFF;
}
*/

.modal-content {
  border-radius: 6px;
}

.modal-content .modal-header {
    background-color: #767676;
    border-radius: 6px 6px 0px 0px;
    padding: 10px 24px 10px 24px;
}

.modal-content .modal-header .close {
	top: 15px;
	color: #ffffff;
}

.modal-content .modal-body {
  padding: 10px;
}

.modal-body th{
  color:black !important;
}
.modal-body td{
  color:black !important;
}
.modal-body p{
  color:black !important;
}
/*
td {
	color: #FFFFFF;
}
*/


.modal-title {
	color: #ffffff;
	margin-top: 0px;
}

@media (min-width:576px) {
	.modal-dialog-wide {
		max-width: 1150px;
	}
}

.modal .modal-wide .modal-dialog .modal-content {
  width: 90%;
}

td.day {
	color: #000000;
}

th.datepicker-switch {
	color: #000000;
}
th.prev {
	color: #000000;
}
th.next {
	color: #000000;
}
span.month {
	color: #000000;
}
span.year {
	color: #000000;
}

.carousel-caption {
	bottom: auto;
}

/* Black on white background dialogue */
.progresslabel {
	color: #000;
}
.signin-label {
	color: #000;
}

.sell-label {
	color: #000;
	text-align: right;
}


.footer-head {
	color: #FFF;
}
.footer-head {
	color: #FFF;
}


.form-control[readonly] {
     cursor: auto;
}

.footer-list {
	list-style-type: none;
}

.footer-head {
	font-weight: bold;
	text-decoration: underline;

}

.terms-pre {
	text-align: left;
	padding: 0px;
	color: #000;
	word-break: break-word;
	border: none;
	background-color: rgba(0, 0, 0, 0);
  white-space: pre-wrap;
}

.error {
	color: #F00;
}

.pass {
	color: #0F0;
}

.fail {
	color: #F00;
}

.aboutrow {
	margin-top: 40px;
}

/*
@media (max-width: 979px) {
  body {
    padding-top: 0px;
  }
}
*/

/* Force breaks on lines */
span.line {
  display: inline-block;
}

/* Frontpage advert space */
.advert {
    border: 1px;
    border-style: solid;
    border-color: white;
    padding: 5px;
}
.img-center {
    margin-top: 15%;
    max-height: 90%;
    margin: 0 auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/* Vertically align text in a div */
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.whitelinktext {
    color: white;
    text-decoration: underline;
}

.linktext {
    text-decoration: underline;
}

/* Hover and focus colour on the Navbar - previously too white - tone it down a bit */
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #666666;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #666666;
  border-color: #428bca;
}

/* css for toggles on the ET configuration */

.switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 30px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #7EB662;
}

input:focus + .slider {
  box-shadow: 0 0 1px #7EB662;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 30px;
}

.slider.round:before {
  border-radius: 50%;
}



.page-header-image {
  background-image: url('/img/_login-2200.jpg');
  max-height:none; 
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .page-header-image {
    background-image: url('/img/_login-640.jpg');
    max-height:none; 
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .page-header-image {
    background-image: url('/img/_login-1280.jpg');
    max-height:none; 
  }
}

.coins-image {
  background-image: url('/img/coins.jpg');
  background-repeat: no-repeat; background-position: right bottom; background-size: contain;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .coins-image {
    background-image: url('/img/coins-640.jpg');
    background-repeat: no-repeat; background-position: right bottom; background-size: contain;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .coins-image {
    background-image: url('/img/coins-640.jpg');
    background-repeat: no-repeat; background-position: right bottom; background-size: contain;
  }
}

table[name="autobuytable"] > tbody > tr > td[name="copytd"] {
  border-left: 0px;
}
table[name="autobuytable"] > tbody > tr > td[name="copytd2"] {
  border-right: 0px;
}
table[name="autobuytable"] > tr > td {
//  border-color: white;
  background: red;

}

table[name="autobuytable"] > tbody > tr > td {
  background: #e5e5e5;
  border: 1px 1px 1px 1px;
  border: 10px solid #ffffff;

}

.banklogo {
  display: inline-block;
  margin: 10px;
}

/* FCA risk warning */
.fca-heading {
  font-weight: 700;
  text-transform: none;
  text-decoration: underline;
}

.fca-risktype {
  text-transform: none;
  text-decoration: underline;
}

@media (max-width: 991px) {
  .navbar .navbar-nav {
      margin-top: 80px;
  }
}

.riskwarning {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    border: 0.5px;
    border-style: solid;
    border-color: black;
    background-color:#F3F3F3!important;
}

@media (min-width: 992px) and (max-width: 100000px) {
	.riskwarning {

	}
}
@media (min-width: 930px) and (max-width: 991px) {
  .riskwarning {

  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .riskwarning {
    font-size: 1.1em;
    line-height: 1.4em;
  }
}


@media (min-width: 768px) and (max-width: 991px) {
	.riskwarning {

	}
}

@media (min-width: 451px) and (max-width: 767px) {
  .riskwarning {
    font-size: 1.2em;
  }
}

@media (min-width: 411px) and (max-width: 450px) {
  .riskwarning {
    font-size: 1.1em;
  }
}

@media (min-width: 375px) and (max-width: 410px) {
  .riskwarning {
    font-size: 1.0em;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .riskwarning {
    font-size: 0.9em;
  }
}

.not-fixed {
   z-index:1030;
   position:absolute;
   right: 0px;
   left: 0px;
   top: 30px;
}

.bg-solidi {
    background-color: #FFF!important
}

//.navbar.navbar-transparent {
//    background-color: #0FF!important;
//}

.navbar.bg-solidi:not(.navbar-transparent) a:not(.dropdown-item):not(.btn) {
    color: #F00
}