pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.container {
	margin-top: 30px;
}

.form-inline .form-control {
	margin-left: 15px;
	margin-right: 15px;
}

#header {
	margin-top: 10px;
	margin-bottom: 25px;
}
#header a {
	padding: 0 5px 0 5px;
}

.wizard-text {
	display: inline !important;
}

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

.navbar-brand {
	font-size: 12px;
}

.navbar-brand img {
	margin-bottom: 3px;
}

.notice-icon {
  margin-left: 10px;
  cursor: pointer;
}

#language_selector {
	font-size: 0.8em;
	margin-left: 1em;
}

#footer {
}

.market_currency_selector {
	margin-left: 10px;
}

.row-header {
	background-color: #ededed;
	padding: 3px 0 3px 0;
	font-weight: bold;
	border-top: 1px solid #c7c7c7;
	padding: 5px 0 5px 0;
}

.row-item {
	border-top: 1px solid #c7c7c7;
	padding: 5px 0 5px 0;	
}

.ad-header {
	background-color: #ededed;
	padding: 3px 0 3px 0;
	font-weight: bold;
	border-top: 1px solid #c7c7c7;
	padding: 5px 0 5px 0;
}

.adcompact {
	border-top: 1px solid #c7c7c7;
	padding: 5px 1px 5px 1px;
}

.adcompact button {
	border: 1px solid #b1b1b1;
}

.ad-l {
	
}

.ad-d {
	background-color: #f7f7f7;
}

.top-pad {
	margin-top: 30px;
}

.small-top-pad {
	margin-top: 15px;
}

.small-bottom-pad {
	margin-bottom: 15px;
}

.bottom-pad {
	margin-bottom: 30px;
}

.right-pad {
	margin-right: 30px;
}

.left-pad {
	margin-left: 30px;
}


.hidden { 
	display: none;
}

.overflow-hidden {
	overflow: hidden;
}

.error {
	display: none;
	color: red;
}

.textbox {
	height: 300px!important;
}

.btn-search {
	background-color: #5949A7;
}

.notice-menu {
	padding: 5px;
	width: 230px;
}

.notice-link, .notice-link a {
	color: #45D492;
}

/* Signup */
.pgpkey_box {
	height: 300px !important;
}

/* Trade */
.br-theme-bootstrap-stars .br-widget {
	height: 58px;
}

.encrypted-message {
	overflow: hidden;
}

/* Wallets */
.card-header {
	cursor: pointer;
}

.pointer {
	cursor: pointer;
}

/* Low resolution desktops */
@media (max-width: 980px) {
	html {
/* 		font-size: 14px; */
	}
}

/* For desktops only */
@media (min-width: 768px) {
	.desktop-hidden {
		display: none;
	}
	.notice-button {
		position: relative;
		top: -9px;
	}
	
}
.wizard-img {
	width: 109px;
	height: 109px;
}
/* Tablets or smaller */
@media (max-width: 767.98px) {
	html {
		font-size: smaller;
	}	
	.phone-hidden {
		display: none;
	}
	.top-pad-mobile {
		margin-top: 15px;
	}	
	.button-pad button {
		display:block; clear: right;
		margin-bottom: 5px;
	}
	
	.header-menu {
		margin-top: 15px;
		text-align: left;
	}
	
	.adcompact div, .adcompact button {
		font-size: small;
		margin: 0px;
		padding: 3px;
	}
	
	.ad-header div, .ad-l div, .ad-d div {
		font-size: small;
	}
	
	.search-form {
		border: 3px solid #5949A7;
		border-radius: 5px;
		padding: 10px 0 10px 0;
/* 		margin: 1px; */
	}
	.dashboard-buttons button {
		width: 100%;
	}
	
	.wizard-text {
		font-size: 1.75rem !important;
	}
	
	.wizard-img {
		width: 70px !important;
		height: 70px !important;
	}
	
	.magic-img {
		width: 43px !important;
		height: 43px !important;
	}
	img#arrows {
		width: 32px;
		height: 32px;
	}
}

/* Mobile only */
@media (max-width: 320px) {
/*
	html {
		font-size: 13px;
	}
*/
	.adcompact div, .adcompact button {
		margin: 0px;
		padding: 3px;
	}
}
  #popupOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3); 
    z-index: 9998;
    display: none;
  }

  #popupBox {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    padding: 20px 25px;
    z-index: 9999;
    display: none;
    min-width: 280px;
    text-align: center;
    font-family: "Segoe UI", sans-serif;
  }

  .close-btn {
    margin-top: 15px;
    padding: 6px 12px;
    background-color: #28a745;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 13px;
    cursor: pointer;
  }

  .close-btn:hover {
    background-color: #218838;
  }

		 #language-select {
            border: none;
            background: transparent;
            font-size: 16px;
            cursor: pointer;
            color: #007bff;
        }

        .select2-container--default .select2-selection--single {
            height: 40px;
            border-radius: 4px; 
            color: #495057;
            border: 1px solid #ced4da;
            font-size: 16px; 
            display: flex; 
            align-items: center; 
        }

        .select2-container--default .select2-selection__arrow {
            height: 100% !important;
            display: flex;
            align-items: center; 
        }

        .select2-results__option {
            font-size: 16px; 
        }

        .select2-container--default .select2-results__option--highlighted[aria-selected] {
            background-color: #f0f0f0; 
            color: #000; 
        }
        .select2-container--default .select2-results>.select2-results__options{
            max-height: 300px !important;
        }
@keyframes ccc-color {
  0%   { background-color: #218838; }   
  25%  { background-color: #2ecc71; }    
  50%  { background-color: #55c57a; }    
  75%  { background-color: #1abc9c; }   
  100% { background-color: #218838; }
}
#exchange {
  animation: ccc-color 4s infinite;
  color: #fff;
  transition: transform 0.3s;
  border: none;
}
#exchange:hover {
  transform: scale(1.05);
}
#loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5); 
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}


.wizard-img {
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  filter: brightness(1);
  animation: pulse 2s ease-in-out infinite;
}

.wizard-img:hover {
  filter: brightness(1.2) drop-shadow(0 8px 16px rgba(0, 0, 0, 0.3));
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

.wizard-img.float {
  animation: float 3s ease-in-out infinite;
}