.pr_header{}
.green{color:#2c8040;}
.black{color:#000000;}
.red{color:#ff2233;}
.smaller{font-size:0.8em}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


.pr_listingWrapper:after{content:'';display:block;clear:both;}

.pr_CopyList{ width:200px; min-height:300px; float:left; background:#ccc; margin:10px 5px; padding:10px;}
.pr_CopyListTitle{ margin:10px 0px;font-size:2em;font-weight:bold; }
.pr_CopyListTitle1{ margin:0px 10px; display:inline-block;font-size:1em; font-weight:bold;}
.pr_CopyListText{margin:10px 0px; max-width: 75ch; overflow: hidden;}
.pr_CopyListImage img{max-height:100px; margin:0px auto; display:block;}
.pr_CopyListCounter{font-weight:bold; text-align:center; font-size:1.2em;}


.pr_CopyDetailsHeader{
  font-size: 48px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #3b4c54;
}

.pr_Copy{
 width: 100%;  
 min-height: 200px; 
 margin: 10px 0px; 
 padding: 0px; 
 background:none;
}

.pr_CopyText{
  margin:10px 0px; 
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: normal;
  color: #3b4c54;
}

.pr_CopyTitle{
  margin:10px 0px;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: normal;
  color: #3b4c54;
  font-weight: bold;
}


.pr_CopyHeader{height:60px;}
.pr_CopyHeaderLeft{ float:left; width: 50%; height: 100%; }
.pr_CopyHeaderRight{ float:right; width: 50%; height:100%;}
.pr_CopyHeaderRightCol1{float:left;width:60%; height:100%;} 
.pr_CopyHeaderRightCol2{float:right; width:40%;height:100%; padding:5px;}
.pr_buttonInvest{margin:0px 2px; padding:10px 5px; vertical-align:middle; text-align:center;line-height:100%; width:100%; height: 100%; background:#777; font-weight:bold; font-size:2em; cursor:pointer;}

.pr_CopyRight{ width:100%; min-height:200px; background:#ccc; margin:0px; padding:10px;}
.pr_CopyRightTitle{ margin:10px 0px;font-size:2em; font-weight:bold; }
.pr_CopyRightTitle1{margin:0px 10px; display:inline-block;font-size:1em; font-weight:bold;}
.pr_CopyRightText{margin:10px 0px; }

.pr_ListingTitle{font-size:1.5em; font-weight:bold; margin:10px 0px; padding:5px; text-align:center;color:#fff; background:#777;}
.progressbar {margin-bottom:0px !important;}


.pr_ProfileTabContainer{margin-top:10px;margin-bottom:20px;}
.pr_ProfileTabContainer:after{content:"";clear:left; display:block;}

.pr_ProfileTab{float:left; width: wrap-content; height:wrap-content; margin-right:5px; padding:4px 15px;cursor:pointer;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 1px;
  color: #616163;
  height: 40px;
  border-radius: 23.5px;
}
.pr_ProfileTab:hover,.pr_ProfileTab.enabled{background:#196db6; color:#fff;}



/* ** dashboard  */ 


.btn-primary{
  width: 192px;
  height: 48px;
  border:0px;
  border-radius: 3px;
  box-shadow: 0 12px 20px 0 rgba(0, 58, 3, 0.1);
  background-image:none;
  background-color: #00e676 !important;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #3b4c54 !important;
}

.btn-default{
  height: 48px;
  border:0px;
  border-radius: 3px;
  box-shadow: 0 12px 20px 0 rgba(0, 58, 3, 0.1);
  background-image:none;
  background-color: #cfd8dc !important;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #9aa7ae !important;
}

.btn-date{
  border-radius: 30px;
  background-color: #673ab7;
  height: 32px;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.btn-nobox{
  border:none !important;
  box-shadow:none !important;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #90a4ae;
  background:none !important; 
}

.btn-nobox.active{
  color: #673ab7;
  background:none !important;
}

.btn-copy{
  box-shadow:none !important;
  background:none !important;
}

.btn-link{
  width: fit-content;
  height: 32px;
  margin-top:20px;
  border-radius: 20px;
  border: solid 2px #fff;
  background-color: #fff;
  color: #673ab7;

}


  .history-pill{ 
  width: 87px;
  height: 16px;
  padding: 2px 10px;
  border-radius: 8px;
  font-size: 10px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
  .history-pill-purchase {background-color: #673ab7;}
  .history-pill-withdrawal { background-color:#3b4c54 ; } /* also closed */
  .history-pill-deposit { background-color: #00c853; }  /* also active */
  .history-pill-presale { background-color: #f30b4c; }
  .history-status-pending { font-weight:bold; color: #0288d1; }
  .history-status-completed { font-weight:bold; color: #00e676; }
  .history-status-denied { font-weight:bold; color: #ff5576; }

.middle{
  line-height:3 !important;
  vertical-align:middle;
}
.left{ text-align:left !important;}

.tr-first{ width:50px !important;}
.tr-third{padding:0px !important;}

.pr_grey{
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 1px;
  color: #b0bec5;
}



.pr_greyL{
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 1px;
  color: #b0bec5;
}

.pr_black{
 font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: right;
  color: #3b4c54;
}




/*  ***********  */




.jcarousel-wrapper {width:600px; margin:0px auto;}

/*
This is the visible area of your carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
    position: relative;
    overflow: hidden;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
}

.jcarousel li img { width:600px; height:300px;}



/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 150px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}

.jcarousel-control-prev {
    left: 5px;
}

.jcarousel-control-next {
    right: 5px;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: relative;
    bottom: 40px;
    left: 15px;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    
    font-size: 11px;
    line-height: 14px;
    min-width: 14px;
    
    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;
    
    margin-right: 2px;
    
    opacity: .75;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}