@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

html,body{
background:#121212;
height:100%;
margin: 0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#loader_txt{
background:#ffeecc;
border:1px solid #ffcc66;
color:black;
-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.27);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.27);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.27);
padding:2px 15px 2px 15px;
position:fixed;
top:1px;
left:50%;
z-index:9999;
transform: translateX(-50%);
font-weight:bold;
font-size:11px;	
}

a{
color:#b5b3b3
}

.navbar{
position:fixed;
top:0;
left:0;
width:100%;
z-index:999;
font-size:15px;
padding-top:3px;
padding-bottom:3px;
background:#000;
border-bottom:1px solid #1c1c1c
}

.navbar-brand{
color:#fa8602!important;
font-size:18px;
font-family: 'Open Sans', sans-serif;
margin-top:-3px;	
}#nav-logo{
display:inline-block;
padding:2px 8px 4px 8px;
background:rgba(255,255,255,0.5);
border-radius:6px;
}#nav-logo img{
width:23px;
height:auto;
}#nav-logo-small{
font-size:12px	
}

.nav-buttons{
color:#999 !important;
border:none !important;
}
.nav-buttons:hover{
background:#000 !important;
}

.nav-link{
color:#333 !important;
}

.dropdown-submenu {
position: relative;
}

.dropdown-submenu .dropdown-menu{
top:0;
left:100%;
margin-top:-1px;
}

.wrapper {
min-height: 100%;
/* Equal to height of footer */
/* But also accounting for potential margin-bottom of last child */
margin-bottom: -25px;
}

.push {
height:20px;
}

.main-container, .main-container-left-bar{
margin-top:0px;
padding:30px;
}

.main-container-left-bar{
padding-left:60px;
padding-right:70px
}

h1{
font-size:18px;
color:#b5b3b3;
}

.img-small{
width:50px;
height:auto
}
/*
.coin-title{
padding-left:30px;
padding-right:30px;
font-size:18px;
font-weight:600;
}.coin-title span{
font-size:13px;
display:inline-block;
font-weight:300;
}.title-real, .specs-real{
display:inline-block;
padding:5px 8px 5px 8px;
background:#f0f0f9;
border-radius:4px;
margin-bottom:5px;
width:300px;
font-size:12px;
border:1px dashed #ccc!important;
font-weight:bold;
padding-top:6px;
padding-bottom:6px;
}.treal{
font-weight:normal;
color:#3d3d5c
}.title-real{
width:auto;
padding-top:4px;
padding-bottom:4px;
}
*/

#help{
width: 100%;
height: 100vh;
position:fixed;
top: 0;
left:0;
z-index:1010;
background:#fff;
}

#remove-help{
position:fixed;
top:10px;
right:10px;
z-index:1011;	
text-align:center;
font-weight:bold;
padding:9px 15px 9px 15px;
background:white;
border:1px solid #666;
cursor:pointer;
}

.help{
height:97vh;
overflow-y:auto
}

.main-row{
padding-left:70px;	
}

.swa-apex{
width:100% !important;
height:97vh !important;
}

.previous-buy-points{
text-align:right	
}.previous-buy-points a{
/*color:#0999e0;
color:#3a43fc*/
}

/*Main Table*/

.main-table .tr-th th{
border-bottom:0px !important;
border-top:0px !important;
border-right:0px solid #ebebeb !important;
background:#1c1c1c!important;
color:#8a8a8a !important;
text-transform:uppercase;
font-size:11px;
}.main-table th i{
font-size:12px;
}.main-table tr:hover{
background:#1c1c1c !important;
}

.main-table td{
padding-top:12px !important;
padding-bottom:10px !important;
vertical-align:middle !important;
white-space: nowrap;
font-size:12px;
font-family: 'Akzidenz-Grotesk Next', sans-serif;
color:#666 !important;
border:none!important;
border-bottom:1px solid #333 !important;
}

.main-table .td-name{
min-width:100px;
font-weight:normal;
font-size:13px;
}

.main-table .td-logo{
min-width:60px;
}

.main-table .td-symbol{
min-width:100px;
font-size:13px;	
}

.main-table{
min-width:150px;
font-size:13px;	
}

.main-table .cell-right{
text-align:right	
}

.main-table td i{
cursor:pointer;
}

.td-price-span{
display:inline-block;
min-width:80px;
}
.fees{
float:left;	
}

.rate-red{color:red !important}
.rate-orange{color:orange !important}
.rate-green{color:green !important}

.btn-closed-by-rating{
width:100px;	
}

/*End main Table*/

input, .custom-select{
background:#000 !important;
border:1px solid #2b2b2b !important;
color:#999 !important;
}

.custom-select{
background-image:
    linear-gradient(45deg, transparent 50%, #999 50%),
    linear-gradient(135deg, #999 50%, transparent 50%),
    linear-gradient(to right, #000, #000) !important;
  background-position:
    calc(100% - 10px) calc(1em + 6px),
    calc(100% - 5px) calc(1em + 6px),
    calc(100% - 1.5em) 0.9em !important;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em !important;
  background-repeat: no-repeat !important;
}

.invalid-input, .already-exists, .invalid-input-select2{
display:none;
color:red;
font-size:12px;
}

.red-border{
border:1px solid red !important;
border-radius:4px;	
}

.field-required{
color:red;
font-size:10px;	
}

.select2-container--default .select2-selection--single{
padding:13px 6px 6px 6px;
height: 42px !important;
width: 100% !important; 
position: relative;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
}

.select2-selection__arrow {
margin:13px 0 0 0;
}

.nav-search:not(:focus){
color:#ebebeb
}

::placeholder {
font-size:13px;
}

:-ms-input-placeholder {
font-size:13px;
}

::-ms-input-placeholder {
font-size:13px;
}

.slct-curr{
width:70px;	
}

.nav-buttons{
border:1px solid #ffffff33;
background:rgba(255,255,255,0.2);
color:#fff
}
.nav-buttons:hover{
background:#fff;
color:#000
}

/*
ul.breadcrumb {
padding:5px 0 5px 0;
margin:-20px 0 15px 10px;
list-style: none;
background:transparent !important;
border-bottom:1px solid #ccc;
}
ul.breadcrumb li {
display: inline;
font-size: 12px;
color:#666;
font-family:Arial, Helvetica, sans-serif
}
ul.breadcrumb li+li:before {
padding:0 8px 0 8px;
margin:0;
color:#666;
content: "/\00a0";
}
ul.breadcrumb li a {
text-decoration: none;
}
ul.breadcrumb li a:hover {
color:#666;
text-decoration:none;
}
*/

.in-h-45{
height:45px !important;
}

.in-h-35{
height:35px !important;
}

.no-shadow{
box-shadow:none !important;	
}

.offline {
  height: 10px;
  width: 10px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

.online {
  height: 10px;
  width: 10px;
  background-color: green;
  border-radius: 50%;
  display: inline-block;
}

/* Define an animation behavior */
@keyframes spinner {
  to { transform: rotate(360deg); }
}
/* This is the class name given by the Font Awesome component when icon contains 'spinner' */
.fa-spinner {
  /* Apply 'spinner' keyframes looping once every second (1s)  */
  animation: spinner 1s linear infinite;
}

/* SELECT2 */
.select2-selection__rendered {
  line-height:16px !important;
  font-size:13px !important;
}
.select2-container .select2-selection--single {
  height:45px !important;
  border-radius:4px!important;
  border:1px solid #adadad !important;
}
.select2-selection__arrow {
  height:14px !important;
}

.select2-results__option {
 padding:5px 10px 5px 10px !important;
 font-size:12px !important;
}

.select2-container--default .select2-selection--single {
  border-radius:4px !important;
}
/* END SELECT2 */
/* Style tab links */
/*
._tab_cont{
display:flex;
margin-bottom:15px;
padding:0 40px 0 40px!important;
}

._tablink {
float: left;
border:none;
outline: none;
cursor: pointer;
font-size:12px;
font-weight:bold;
flex:1;
margin-right:2px;
border-radius:0px!important;
padding-top:5px!important;
padding-bottom:5px!important;
color:#595e66;
border-bottom:1px solid #a5acb5;
background:#fff;
}._tablink:last-child{margin-right:0;}

._tablink_active{
color:#000;
text-align:center;
border:0px solid #999;
border-left:0px solid #c7c7c7!important;
border-top:0px solid #c7c7c7!important;
border-bottom:2px solid #006fcf!important;
background:#fff !important;
}

._tablink:hover {
background:#fff;
color:#000;
}

._tablink:_active {
outline: none !important;
box-shadow: none;
}
._tablink:focus {
outline: none !important;
box-shadow: none;
}
._tablink:visited {
outline: none !important;
box-shadow: none;
}

._tabcontent {
color: #000;
display: none;
padding:20px 40px 20px 40px;
height: 100%;
background:#fff;
}

._accordion {
background: #e1e3e6;
color: #444;
cursor: pointer;
padding: 14px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
border-radius:0!important
}

._accordion:hover {
background-color: #ccc;
}

._accordion:_active {
outline: none !important;
box-shadow: none;
}
._accordion:focus {
outline: none !important;
box-shadow: none;
}
._accordion:visited {
outline: none !important;
box-shadow: none;
}

._accordion:after {
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
}

._active:after {
content: "\2212";
}
*/

.btn-simple-white {
  background-color:#fff;
  border: 1px solid rgb(209,213,219);
  border-radius: .5rem;
  box-sizing: border-box;
  color: #111827;
  font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: .975rem;
  font-weight: 600;
  line-height: 1.25rem;
  padding: .75rem 1rem;
  text-align: center;
  text-decoration: none #D1D5DB solid;
  text-decoration-thickness: auto;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.btn-simple-white:hover {
  background-color:#f9f9f9;
}

.btn-simple-white:focus {
  outline:none!important;
  box-shadow: none;
}

.btn-simple-white:focus-visible {
  box-shadow: none;
}

.coins-compare input{
flex: 1 100%;	
}

#cont-btn-charts{
margin-top:0px;
}

#cont-btn-charts-top-hashrate-moves{
margin-top:20px;	
}

.alert-danger{
background:#a30603 !important;
border:1px solid #fc4d49 !important;
color:#fff !important;
}
.alert-info{
background:#0046a1 !important;
border:1px solid #478eff !important;
color:#478eff !important;
border-radius:6px;
}.alert-info-outline{
background:transparent !important;
border:1px solid #478eff !important;
color:#478eff !important;
border-radius:6px;
}


/*
.alert-default{ 
color:#666; 
background:#ededed; 
}

.alert-brown-outline{ 
color:#4d3300 !important; 
background:#fff !important;
border:1px solid #ffcc66 !important;
font-size:11px !important;
}

.alert-chart-info, .alert-brown{ 
background:#eeeef5;
border-bottom:1px solid #d8d8d8 !important;
border-right:1px solid #d8d8d8 !important;
font-size:12px !important;
}
.alert-chart-info span{
font-family:Arial, Helvetica, sans-serif;
font-weight:900;	
}

.alert-default-small{ 
color:#666; 
}
.alert-red-small{ 
color:red; 
}
.alert-green-small{ 
color:green; 
}

.alert-default-outline{ 
border-color: #ccc;  
color:#000; 
background:#f9f9f9;
font-size:11px;
}

.alert-light-green-sm{
background:#def2dc;
border:1px solid #60c157;
color:#324030;
font-size:11px;
padding:6px;
border-radius:4px;
}.alert-light-green-sm i{color:#324030!important;}

.alert-light-red-sm-outline, .alert-light-red-sm{ 
color:#471818;
font-size:11px;
border-color:#f57f4c;
}

.alert-light-red-sm{ 
background:#ffe4d9;
}.alert-light-red-sm i{color:#471818!important;}

.alert-warning-outline{
border-color:#ff9800;
color:#ff9800;
background:white; 
}

.alert-danger-outline{
border-color: #f44336 !important;
color: #f44336 !important;
background:white !important; 
}

.alert-primary-outline{ 
color: #007bff; 
border-color: #007bff;
background:white; 
}

.alert-info-outline{
border-color: #2196F3;
color: #1e90ff;
background:white; 
}

.alert-success-outline{ 
border-color: #4CAF50;
color:#4CAF50;
background:white; 
}

.alert-b0-pt0-pb0{
border:none;
padding-top:0;
padding-bottom:0
}

.small-form{
width:150px;
display:inline-block;	
}

.coin_img_17{
width:17px;
height:auto;
}

.coin_img_28{
width:24px;
height:auto;
}

.progress{
width:100%;
height:26px;
background:#fff;
font-weight:normal;
border-right:1px solid #d5d5de;
border-bottom:1px solid #d5d5de;
}
.progress i{
cursor:default!important;
margin:8px 4px 0 4px;
color:#c5c5db!important;
}
.progress-bar{
background:#b8cdfc;
color:#000;
}

.progress-bar-red{
background:#b8cdfc;
color:#000!important;
}

.nfom{
display:inline-block;
cursor:default;
padding:6px 3px 0 3px;
color:#343440!important;
}

.blue-units, .grey-units{
color:#666;
}

.green-units{
color:green;
}

.red-units{
color:red;
}

.blue-units, .grey-units, .green-units, .red-units{
display:inline-block;
margin-left:3px;	
}

.btn-no-radius{
border-radius:0
}

.blue-text-bold{
background:transparent;
color:#0463c9;
font-weight:bold;
border-radius:0
}.blue-text-bold:hover{color:#0463c9;}.blue-text-bold i{color:#0463c9 !important;}
.blue-text-bold:focus {border:none !important;}

.btn-charts-select{
cursor:pointer;
font-weight:normal;
font-size:13px;
}.btn-charts-select i{font-weight:normal}
*/

.small-form{
width:150px;
display:inline-block;	
}

.grey-units{
color:#666;
}

.green-units{
color:green;
}

.red-units{
color:red;
}

.grey-units, .green-units, .red-units{
display:inline-block;
margin-left:3px;	
}

.btn-bb-grey{
background:#eeeef5!important;
border:1px solid #adadad !important;
border-radius:0px !important;
color:#000;
padding:8px 10px 7px 10px;
text-align:center;
}

.btn-bb-grey:_active {
outline: none !important;
background: #d0d0d0 !important;
color: #000;
}
.btn-bb-grey:focus {
outline: none !important;
box-shadow: none !important;
}
.btn-bb-grey:visited {
outline: none !important;
box-shadow: none !important;
}

.btn-bb-grey:hover{
background: #d9d9d9!important;
color: #222;
cursor: pointer;
}

.btn-primary-dark{
background:#2e5cb8;
color:#fff;
}.btn-primary-darker{
background:#193366;
color:#fff;
}

.btn-primary-dark:hover{
background:#193366;
color:#fff;
}

.btn-primary-dark-outline{
background:#fff;
color:#2e5cb8;
border:1px solid #2e5cb8;
}

.btn-primary-dark-outline:hover{
background:#2e5cb8;
color:#fff;
}

.btn--light-grey{
padding:1px 15px 1px 15px !important;
color:#666;
outline:none;
border:1px solid #333!important;
background: linear-gradient(177deg,rgba(66, 66, 66, 1) 0%, rgba(154, 154, 45, 1) 0%, rgba(46, 46, 46, 0.4) 0%, rgba(5, 5, 5, 1) 100%)!important;
}
.btn--light-grey:hover{
background:#404040!important;
color:#fff !important;
text-decoration:none !important;
}
.btn--light-grey:focus{
outline: none;
box-shadow: none;
}
.btn--light-grey i{
color:#595959!important;
}

.btn-red-light{
background:#ffe6e6;
color:#ff6666;
border:none;
}

.btn-red-light:hover{
background:#ff6666;
color:#fff !important;
border:none;
}

.btn-red-light i{
color:#ff6666 !important;
}

.btn-red-light:hover i{
color:#fff !important;
}

.btn-green-light{
background:#29a329;
color:#fff;
border:none;
}

.btn-green-light:hover{
background:#d6f5d6;
color:#248f24 !important;
border:none;
}

.btn-green-light i{
color:#248f24 !important;
}

.btn-green-light:hover i{
color:#fff !important;
}

.btn-blue2-light{
background:#d1d1e0;
color:#333;
border:none;
}

.btn-blue2-light:hover{
background:#666699;
color:#fff !important;
border:none;
}

.btn-blue2-light i{
color:#333 !important;
}

.btn-blue2-light:hover i{
color:#fff !important;
}

.btn-blue2-dark{
background:#666699;
color:#fff;
border:none;
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.btn-blue2-dark:hover{
background:#d1d1e0;
color:#333 !important;
border:none;
}

.btn-blue2-dark i{
color:#fff !important;
}

.btn-blue2-dark:hover i{
color:#333 !important;
}

.btn-blue2-light:focus, .btn-blue2-dark:focus{
outline: none;
box-shadow: none;
}

.btn-grey-blue, .btn-grey-blue-active{
background:#e9e9f0;
box-shadow:1px 1px 2px rgba(0,0,0,.4);
border:none;
color:#52527a
}
.btn-grey-blue:hover {
background:#fff
}.btn-grey-blue:focus {box-shadow:1px 1px 2px rgba(0,0,0,.4)!important;}
.btn-grey-blue:visited {box-shadow:1px 1px 2px rgba(0,0,0,.4)!important;}

.btn-grey-blue-active{
border:1px solid #52527a;
background:#fff !important
}

.btn-ch-i{
padding:5px 6px 5px 6px!important;
background:#eeeef5!important;
}

.g-btn--dark-blue {
background: -webkit-gradient(linear, left top, left bottom, from(#657CFE), to(#0e2bcc));
background: linear-gradient(#657CFE, #0e2bcc);
box-shadow:1px 1px 2px rgba(0,0,0,.4)!important;
border:none;
}
.g-btn--dark-blue.has-border {
border-color: #0b26bb
}
.g-btn--dark-blue:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#0e2bcc), to(#657CFE));
background: linear-gradient(#0e2bcc, #657CFE);
color:#fff
}.g-btn--dark-blue:focus {box-shadow:1px 1px 2px rgba(0,0,0,.4)!important;}
.g-btn--dark-blue:visited {box-shadow:1px 1px 2px rgba(0,0,0,.4)!important;}

.btn-white-blue{
color:blue;
border:none;
border-bottom:1px dotted blue;
border-radius:0;	
}

.btn-radius{
border-radius:6px;	
}

.btn-group-full-width{
 display: flex;
}.btn-group-full-width .btn {
  flex: 1
}.btn-group-full-width:last-child{
margin-right:0;
}

#btn--chart-text{
display:block
}	
#btn--chart-ico{
display:none
}

.none{display:none;	}
.show{display:block!important;}
.hide{visibility:hidden;}


.pagination_{
width:100%;
height:20px;
margin:30px 0 50px 20px;
float:left;
clear:both;
}
.pagination_ ul{
list-style-type: none;
margin:-20px 17px 0 0;
padding:0;
float:right;
}
.pagination_ ul li{
float:left;
margin:0 4px 0 0;
}

.pagination_ ul li a{
color:#666;
font-weight:normal;
padding:12px 10px 12px 10px;
display:block;
text-decoration:none;
border-radius:2px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:#fff !important;
}

.pagination_ ul li a:hover{
background:#e1e3e6 !important;	
color:#000;	
}

li#f{
padding:8px 12px 3px 12px;
color:#fff;
display:block;
font-weight:bold;
font-size:16px;
}

.pag-ajax-val{
margin:20px 0 0 0;
float:left;
clear:both;
}

#pgleft, #pgright{
padding:0 13px 6px 13px;
border-radius:4px;
font-size:26px;
font-weight:bold;
}

#pgleft{
margin-left:20px;
}

/*Ajax pagination-ajax-simple*/

.pagination-ajax-simple{
width:100%;
height:20px;
}
.pagination-ajax-simple ul{
list-style-type:none;
width:100%;
margin:10px auto 10px auto;
padding:0 0 0 30px;
text-align:center
}
.pagination-ajax-simple ul li{
width:49%;
float:left;
margin:0 2px 0 0;
}

.pagination-ajax-simple ul li button{
width:100%;
}

.merged-img{
width:20px;
float:right	
}

/* RADIO */

.my-radio label{
display:block;
position:relative;
padding:8px 0 0 50px;
margin:0;
height:35px;
z-index:0;
cursor: pointer;
transition: all .25s linear;
-webkit-transition: all 0.25s linear;
font-family:Arial, Helvetica, sans-serif;
border-radius:6px;
border:1px solid #ebebeb;
color:#999;
font-size:12px;
}.my-radio:hover label{
color: #000;
}

.my-radio .radio-profile{
display: block;
position: absolute;
border-radius: 50%; 
height: 20px;
width: 20px;
top: 0;
left: 0;
z-index: 5;
transition: border .25s linear;
-webkit-transition: border .25s linear;
background:transparent;
}

.my-radio:hover .radio-profile {
box-shadow:0 0 0 #fff;
transition: all .25s linear;
-webkit-transition: all .25s linear;
}

.my-radio .radio-profile::before {
position: absolute;
content: '';
border-radius:50%;
top:7px;
left:25px;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear;
height: 20px;
width: 20px;
background:#ebebeb;
}

.my-radio input[type=radio]{
position: absolute;
visibility: hidden;
}

.my-radio input[type=radio]:checked ~ .radio-profile::before{
height: 20px;
width: 20px;
top: 7px;
left:25px;
box-shadow:none;
transition: all .25s linear;
-webkit-transition: all .25s linear;	
}

.my-radio input[type=radio]:checked ~ .radio-profile::before{
background:#fff;
}

.my-radio input[type=radio]:checked ~ label{
cursor:default;
transition: all .25s linear;
-webkit-transition: all .25s linear;
color:#fff;
border:1px solid #666699; 
background:#666699;
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.swa-trade{
width:100% !important;
height:98vh !important;
background:rgba(21, 22, 31, 1) !important;
}
.trade-frame{
width:100%;
height:calc(100vh - 100px);
border:0;
padding:0;
margin:0;
}

.interactive-chart{
width:100%;
height:100%;
border:1px solid #ccc;
padding:3px;
border-radius:4px;
margin:0;
background:#000;
margin-top:10px;
margin-bottom:70px;
}
#interactive-chart{
height:100%;
}

.autocomplete{
position: relative;
display: inline-block;
}
.autocomplete-items {
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 99;
top: 100%;
left: 0;
right: 0;
text-align:left;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.autocomplete-items div {
padding:0;
background:#fff; 
border-bottom:1px solid #d4d4d4;
}
.autocomplete-items div a{
font-size:12px;
display:block;
margin:0;
padding:10px;
color:#000;
text-decoration:none;
}
.autocomplete-items div:hover {
background:#eeeef5; 
}

.embed-video{
width:560px;
height:315px;
}

.mp-container{
padding:0 40px 0 40px
}

.footer{
font-size:10px;
color:white;
margin:10px;
padding-left:30px
}

.tick{
width:700px;
height:200px;
background: url('../images/tick.gif') no-repeat left top  !important;
position:fixed;
right:-425px;
bottom:70px;
z-index:2;	
margin:60px 0 0 0; 
-ms-transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
}

.tippy-box[data-theme~='light'] {
background-color:#fff;
color:#333;
padding:8px;
border-bottom:1px solid #666;
border-right:1px solid #999;
font-size:12px;
font-family:Arial, Helvetica sans-serif;
box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.21);
text-align:center
}.tippy-box[data-animation=scale][data-placement^=top]{
transform-origin:bottom
}.tippy-box[data-animation=scale][data-placement^=bottom]{
transform-origin:top}.tippy-box[data-animation=scale][data-placement^=left]{
transform-origin:right}.tippy-box[data-animation=scale][data-placement^=right]{
transform-origin:left}.tippy-box[data-animation=scale][data-state=hidden]{
transform:scale(.5);opacity:0}

/*
.container-checkbox {
display: block;
position: relative;
padding-left: 0;
margin-top: -17px;
margin-bottom: 10px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top:8px;
  left:0px;
  height:17px;
  width:17px;
  background:#fff;
  border:1px solid #999;
  border-radius:4px;
}

.container-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

.container-checkbox input:checked ~ .checkmark {
  background:#fff;
  border:1px solid #ff2800;
  box-shadow:none;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.container-checkbox .checkmark:after {
  left:2px;
  top:1px;
  width: 10px;
  height: 9px;
  border: solid red;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.green-badge{
background:#d6edbb;
color:#437d00
}

.grey-badge{
background:#ebe8e8;
color:#7a7a7a
}

.span-info{
text-decoration:underline;
text-decoration-style:dotted;
cursor:help;	
}

.no-bottom-radius{
border-bottom-left-radius:0px!important;
border-bottom-right-radius:0px!important;
}
*/

.custom-toast {
background:#000 !important;
}.custom-toast .swal2-title {
color: white !important;
}

@media (max-width: 1200px) {
	
   .nav-buttons{
	 width:100%; 
	 margin-bottom:5px!important;
	 margin-left:0px!important
   }
	
   .navbar-form{
    margin-left:0 !important;
    margin-bottom:2px !important
   }

   .m-none{
      display:none;
   }
   
  .pag-ajax-val ul{
    float:left;
  }
  
  .mobile-off{
   display:none!important 
  }
  
  .td-sticky{
	position:sticky;
	left:0;
	z-index:1;
	background:white;
  }
   
}

@media (max-width: 820px) {
	
 html,body{
  font-size:14px;
 }
	
 .row{
   width:100% !important;
  }

  .nav-buttons{
	 width:100%; 
	 margin-bottom:5px!important;
	 margin-left:0px!important;
	 padding-top:7px!important;
	 padding-bottom:7px!important;
  }.dropdown-item{
	 padding-top:7px!important;
	 padding-bottom:7px!important;	  
  }.mh--dr {
    max-height: 280px;
    overflow-y: auto;
  }.c--drop{
	 background:#eeeef5;
	 border-radius:0px!important;	
  }.c--drop .dropdown-divider{
	 border-color:#999!important;	
  }
	
 .navbar-form{
  margin-left:0 !important;
  margin-bottom:2px !important
 }
 
 .pagination-ajax-simple ul{
  padding:0;
  }
 
 .block{
  display:block;
 }
 
 [class*="col-"]{
    width:100%!important;
 }

 .embed-video{
   width: 1px;
   min-width: 100%;
   *width: 100%;
 } 
 
  /*.coin-title{
	 padding-left:10px !important;   
  }*/
  
  .main-table{
    padding:0 !important;  
  }
  
  .main-table .td-name{
   font-size:14px;
  }
  
  .pc-crumb{
    display:none;
  }
 
  .footer{
   padding-left:0px !important;
   padding-bottom:0px !important;
  }
  
  ._tab_cont{
	margin:0 0 10px 30px !important;
	padding:0 !important;
	width:100% !important;
	display:block;
  }
  ._tablink{
   width:100% !important;
   margin-bottom:5px !important;
   padding-top:8px!important;
   padding-bottom:8px!important;
  }

  ._tabcontent{
    padding:0 0 0 30px !important
  }	
  
  #btn-charts{
	margin-top:20px;   
  }
  .coins-compare{
	margin-top:10px; 
    display:block;
	margin-bottom:20px
  }
  #charts-container{
   height:350px	
  }
  
  .nav-right{
	padding:15px;  
  }
  
  .pagination_{
	width:95%;
  }
 	
  .paginum, .pagisep{
	display:none;
  }
  
  #report, #report-msg{
	display:none;  
  }
  
  .index-buttons{
	 width:75% !important
  }
  
  .closed-by-rating{
    width:100% !important
  }

  .btn-closed-by-rating{
    width:100% !important
  }
  .btn-cl--ld{
	width:100% !important 
  }
    .closed-by-rating, .btn-cl--ld{
	 margin-top:10px 
  }
}