body {
	max-width:1920px;
	margin:0 auto;
    background-color: darkblue;
    background: repeat left top url('../img/bg1.jpeg')!important;
}

.homepage {
    min-height: 450px;
    
}

.footer {
	padding: 0.5em 1em 0 1em;
}

#page {
/*    background-color: white;
    background: repeat left top url('../img/bg.jpeg')!important; */
}

@media screen and (min-width: 800px) {
	#page {
		min-height:800px;
	}
}

.swap_width {
    max-width: 520px!important;
}

.swap_clear_bottom {
    margin-bottom: 0!important;
}

.swap_tips {
    width: fit-content;
    margin: 0.5em auto;
    padding: 2px;
    font-size: small;    
    max-width: 500px;
}

.img-coin {
    width:1em;
    height:auto;
}

.select2-selection__arrow {
    display: none!important;
}

.selection {
    border: 0;
}

.select2-selection {
    border:0!important;
}

.select2-container {
  min-width: 200px!important;
  max-width: 200px!important;
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.5em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(.5em - 1px);
  padding-left: calc(.75em - 1px);
  padding-right: calc(.75em - 1px);
  padding-top: calc(.5em - 1px);
  position: relative;
  vertical-align: top;
  background-color: #fff;
  border-color: #dbdbdb;
  border-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #363636;
 
}

.select2-dropdown {
    min-width: 250px!important;
}
/*
.select2-container--open .select2-dropdown {
  left:-100px!important;
}

*/

#waiter {
    z-index: 9999999999;
    position: fixed;
    left:0;
    right: 0;
    top: 0;
    bottom: 0;
    width:100%;
    height: 100%;
    background-color: black;
    opacity: 0.9;
}

#waiter progress {
    max-width:250px;
    height: 52px;
    margin: auto auto;
    position: relative;
    top:45%;
}

.clipboard-txt {
    margin: 0.2em;
    padding: 4px;
    font-size: 1.2em;
    border: 1px dashed lightsteelblue;
    border-radius: 3px;
}

.tx-div {
    margin: 0.2em;
    padding: 4px;
    border: 1px dashed lightsteelblue;
    border-radius: 3px;
    color:red!important;
}

.clipboard-txt-span {
    font-weight: bold;
    cursor: pointer;
}

.blink_me {
  animation: blinker 2.5s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0.1;
  }
}

.blink_me2 {
	background: linear-gradient(-45deg, #6355a4, #6355a4, #e89a3e, #e89a3e);
	background-size: 300%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: animated_text 2s ease-in-out infinite;
	-moz-animation: animated_text 2s ease-in-out infinite;
	-webkit-animation: animated_text 2s ease-in-out infinite;
}

@keyframes animated_text {
	0% { background-position: 0px 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0px 50%; }
}

.input::placeholder, .select select::placeholder, .textarea::placeholder {
	color:#0033cc;
}

.must_wrap {
    overflow-wrap: break-word;
}

.img-txt {
    vertical-align: middle;
}

#from_amount, #to_amount {
	color:#202020!important;
	font-weight: bold!important;
}

#from_coin img, #to_coin img {
    vertical-align: middle;
    max-width:24px;
    max-height:24px;
    height:auto;
}

.img-coin {
    width: 24px;
    vertical-align: middle;
}

.payinfo {
display:none;
}


input:read-only:hover {
   border-color: #dbdbdb;
   cursor:default;
}
input:read-only:focus {
  border-color: #dbdbdb;
   cursor:default;
}

.divc1 {
/*    float:right; */
	margin: 0 auto 0 auto;
	position: relative;
    	max-width: 480px;
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
	padding: 1.25rem;

}

.divc2 {
    float:left;
    max-width: 400px;
    margin: 20px 40px 80px 20px;
	 color:white;
	 font-size:1.3em;
}
.divc2 strong {
	 color:white;
}

.lastp {
/*    white-space: nowrap; */
    font-size: 0.8em;
}

.lastp img {
    width:16px;
    height:16px;
}

input#from_amount, input#to_amount {
	min-width:80px;
}

.shine {
	background-color:rgba(255,255,255,0.9);
}

.shine_txt {
	background-color:rgba(255,255,255,0.3);
	padding: 0.3em;
	border-radius: 0.5em;
}


.transparentbox {
	background: transparent!important;
	background-color: transparent!important;
}

.notransparentbox {
	background: normal!important;
	background-color: normal!important;
}

.subtitle {
	color:#A6B7DB!important;
}

#popup-coins {
	position: fixed;
	top:15%;
	left:0;
	right:0;
	bottom:5%;
	max-width: 400px;
	display:none;
	background: white;
	z-index: 1000000000000!important;
	margin: auto auto;
	padding: 0;
	overflow-y:scroll;
	overflow-x:hidden;
	border-radius: 8px;
}

#waiter2 {
	z-index: 100000000000;
    position: fixed;
    left:0;
    right: 0;
    top: 0;
    bottom: 0;
    width:100%;
    height: 100%;
    background-color: black;
    opacity: 0.9;
}

#popup-box {
	position:fixed;
	width:auto;
	background:white;
	z-index:5;
	padding: 16px 16px 16px 24px;
	border-radius: 8px;
}

#popup-seachbox {
  clear:both;
  width:100%;
  padding: 0.4em;
  margin: 0.4em -0.4em;
  font-size: 1em;
  color: #555;
  border: 1px solid  #dadada;
  border-radius: 4px;
}

#coins-list {
	margin: 0.4em 0 0.4em 0;
	width: 100%;
	padding: 0;
	position: relative;
    clear:both;
	border-radius: 8px;
}

#coins-list li {
  margin: 2px 0 0 0;
  padding: 0.2em;
  list-style: none;
  background-color: #fafafa;
  cursor: pointer;
  color: black!important;
  position: relative;
  z-index: 2;
  font-weight: bold;
  transition-property: margin, background-color, border-color;
  transition-duration: .4s, .2s, .2s;
  transition-timing-function: ease-in-out, ease, ease;
}

#coins-list li a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none!important;
	color:black!important;
}

#coins-list li a img {
	vertical-align: middle;
	width:24px;
	height:auto;
	max-width:24px;
	max-height:24px;
	display: inline-block;
}

#coins-list li a:hover, #coins-list li a:visited, #coins-list li a:over {
	color:black!important;
}

#coins-list li a:hover {
	background-color: #5897fb!important;
	color:white!important;
}

#coins-list li a:hover small {
	color:#dadada!important;
}

.firstsel, .firstsel.small {
	background-color: #eaeaea!important;
	color:white!important;
}

.empty-item {
  transition-property: opacity;
  transition-duration: 0s;
  transition-delay: 0s;
  transition-timing-function: ease;
}

.empty .empty-item {
  transition-property: opacity;
  transition-duration: .2s;
  transition-delay: .3s;
  transition-timing-function: ease;
}

.hiding {
  margin-left: -100%;
  opacity: 0.5;
}

.hidden { display: none; }

#coins-list li a {
  padding: 0.2em;
}

#coins-list li a small {
	color:gray;
	margin-left: 30px;
}

.empty-item2 {
	display:none;
	text-align:center;
	color:#888;
	margin: 0 auto;
	padding: 2em;
}

.empty-item {
  background: #fff;
  color: #ddd;
  margin: 0.2em 0;
  padding: 0.5em 0.8em;
  font-style: italic;
  border: none;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  float: left;
  clear: left;
  width: 100%;
}

.empty .empty-item {
  opacity: 1;
  visibility: visible;
}

#popup-title {
	float:left;
	font-size: 1em;
	font-weight: bold;
	color: #404040;
}

#popup-close {
	width: auto;
	height: auto;
	float:right;
	cursor:pointer;
	margin: 1px;
}

#popup-close img {
	padding: 1px;
}

.inx1 {
	min-width:80%;
	min-width:300px;
	max-width:300px;
}

.inx2 {
	min-width:20%;
}

#swap_pairs {
	border:0;
	cursor:pointer;
	background:transparent;
}

@media only screen and (max-width: 639px) {
	#popup-coins {
		max-width: 90%;
	}
	.inx1 {
		min-width:70%;
	}

	.inx2 {
		min-width:30%;
		max-width:120px;
	}
}

@media only screen and (max-width: 400px) {
	#popup-coins {
		max-width: 90%;
	}
	.inx1 {
		min-width:60%;
	}

	.inx2 {
		min-width:40%;
		max-width:120px;
	}
}


@media only screen and (min-width2: 640px) {
	#supportdetail {
		min-width:500px;
	}
}

.left-justified {
	align-items: left!important;
	justify-content: left!important;
}

.right-justified {
	align-items: right!important;
	justify-content: right!important;
}