/* 42agent user-facing styles (loaded by render/user/html_header.php) */
/* color */
/* Github link blue */
/* line */
/* -------------------------------------------------- 
 * 42agent CSS file 
 * -------------------------------------------------- */
/* --------------------------------------------------  
 * HTML elements formatter 
 * -------------------------------------------------- */
body {
  line-height: 1.692;
  margin: 0;
  font-size: 14px;
  font-family: "Sailec-Regular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
blockquote p {
  font-size: 14px;
  margin: 8px 0;
}
blockquote {
  border-left: 4px solid #eee;
  padding: 8px 0 8px 12px;
  background: #fbfbfb;
}
/* image */
img {
  max-width: 100%;
}
.imgres {
  max-width: 100%;
  height: auto;
  display: block;
  padding: 6px 0 6px 0;
  margin: 0.5em 0 0.5em;
}
.imgb img {
  display: block;
}
.item-link-show img {
  padding-left: 9px;
  float: left;
  width: 210px;
}
.img-lg {
  max-width: 100%;
  border: 1px solid #E6E6E6;
  padding: 4px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pd-img {
  max-width: 100% !important;
}
.buyer-ico {
  margin-bottom: 4px;
}
/* Table */
.th-bold th {
  text-align: right;
  padding-right: 12px;
}
table > thead > tr > td .td-action {
  width: 70px;
  vertical-align: middle !important;
}
.ctable td,
.ctable th {
  vertical-align: middle !important;
  text-align: center;
}
/* Items list */
.uos-bs {
  background-color: #ceddf8;
  font-size: 0.85em;
}
.uos-block a {
  font-size: 1.2em;
}
.uos-block::first-letter {
  font-size: 1.2em;
}
.items-list td {
  vertical-align: middle !important;
  text-align: center;
  max-width: 400px;
}
.items-list tr:hover {
  background-color: #EDF8FC;
}
.item-img,
.item-img img {
  max-height: 90px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 575.97px) {
  .item-img img {
    max-height: 70px;
  }
  .hotview-cell img {
    max-height: 70px;
  }
}
.item-descr,
.item-descr a {
  color: #333;
  text-align: left !important;
}
.item-descr {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.orders-list td,
.orders-list th {
  vertical-align: middle !important;
}
.td-img img {
  height: 60px;
}
img.order-list-img {
  max-width: 180px !important;
}


textarea[name="notice"] {
  line-height: 2.2em;
}
form[name="order-finance"] td {
  margin: 1.2em !important;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
/* Links */
a {
  color: #0366d6;
}
a:hover {
  color: #D54E21;
}
a.list-group-item:hover {
  background-color: #EDF8FC;
}
.plink a {
  color: #333;
}
/* plain link */
.plink a:hover {
  color: #D54E21;
}
a.links-list {
  color: #333;
}
/* Font & Text */
.font-xlg {
  font-size: 26px;
  line-height: 1.8;
  margin-left: 8px;
  margin-right: 8px;
}
.font-lg {
  font-size: 18px;
  line-height: 1.8;
}
.font-md {
  font-size: 16px;
  line-height: 1.65;
}
.font-sm {
  font-size: 14px;
  line-height: 1.5;
}
.font-xs {
  font-size: 12px;
  line-height: 1.3;
}
.font-we {
  font-family: courier;
}
/* Monospaced font */
.italic {
  font-style: italic;
}
.font-n {
  font-weight: normal;
}
.strong {
  font-weight: bold;
}
.lighter {
  font-weight: lighter;
}
.narrow {
  line-height: 1.49;
}
.text-gh-blue {
  color: #0366d6 !important;
}
.text-ag-blue {
  color: #348ec0 !important;
}
.text-ag-blue2 {
  color: #096dbb !important;
}
.strong > th {
  font-weight: bold;
}
/* Colors */
.text-pink {
  color: #d63384 !important;
}
.tgreen {
  color: #65A724;
}
.gblack {
  color: #333;
}
.gblue {
  color: #21759B;
}
.gred {
  color: #D54E21;
}
.ggreen {
  color: #44C400;
}
.white {
  color: #FFF;
}
.black {
  color: #000;
}
.green {
  color: #008000;
}
.gray {
  color: #bbb;
}
.dgray {
  color: #555;
}
.red {
  color: red;
}
.purple {
  color: #9E7BFF;
}
.lpurple {
  color: #B84DB8;
}
.money {
  color: #F37800;
}
.mcolor {
  color: #F37800;
}
.faq_q {
  font-size: 110%;
  margin: 1.5em 0 0.5em;
}
.border-gray {
  border-color: #dcdcdc !important;
}
.bg-blue {
  padding-left: 2px;
  padding-right: 2px;
  background-color: #E1EDFA;
}
.bg-dark-blue {
  background-color: #4D5D8C;
}
.bg-purple {
  background-color: #F3F5FD;
}
.bg-dark-purple {
  background-color: #756DB1;
}
/* List */
ol > li {
  margin-bottom: 8px;
}
.short-list > li {
  margin-bottom: 4px;
}
/* attach warning image to alert-error block */
.tbr-warning {
  background-image: url("/images/warning.gif");
  background-repeat: no-repeat;
  background-position: 8px 14px;
}
.tbr-warning:first-line {
  padding-left: 36px;
}
.rating {
  color: gold;
}
/* preheader logo and ADDTHIS share */
.tbr-share {
  margin-bottom: 20px;
}
#navbar-logo {
  max-width: 100px;
}
#logo {
  width: 145px;
  height: 45px;
  margin-top: 10px;
  background-image: url(/images/logo.png);
  background-size: 145px 45px;
  text-indent: -9999px;
  display: block;
}
@media only screen and (min-resolution: 192dpi) {
  #logo {
    background-image: url(/images/logox2.png);
  }
}
/* Icons setting */
.icon-xs {
  width: 16px !important;
  padding-right: 6px !important;
}
.icon-sm {
  width: 26px !important;
  padding-right: 6px !important;
}
.icon-md {
  width: 32px;
  padding-right: 8px !important;
}
.icon-lg {
  width: 40px;
  padding-right: 8px !important;
}
.addr-icon {
  width: 26px;
  padding: 2px;
}
/* Positions */
.leadt {
  font-size: 0.9rem;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.float-right {
  float: right !important;
}
.float-left {
  float: left !important;
}
.float-center {
  float: center !important;
}
.valign > tbody > tr > th {
  vertical-align: middle !important;
}
.panel-heading h1 {
  border-bottom: none;
  font-size: 15px;
  margin: 0;
  color: white;
}
legend h1 {
  color: #333;
  border-bottom: none;
}
.sfm-blk {
  padding-top: 12px;
  padding-bottom: 8px;
}
.copyright {
  text-align: center;
  color: #555;
  font-size: 85%;
  line-height: 120%;
  padding: 1em 0 0.5em 0;
  background-color: #f3f3f3;
  margin-top: 2em;
}
img.pdescr {
  float: center;
}
.cimg {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  display: block;
}
.before-order {
  margin-bottom: 2em;
}
.before-order-caution {
  text-align: center;
  font-size: 200%;
  color: lightgray;
}
.page-nav {
  margin: 0 0 2em 0;
}
.tb-section {
  text-align: center;
  font-size: 200%;
  color: lightgray;
}
.pay-summary {
  float: right;
}
.pay-summary table,
.pay-summary th,
.pay-summary td {
  border: 0;
}
.pay-summary th {
  text-align: right;
}
.payment_select img {
  width: 140px;
  text-align: left;
  vertical-align: center;
  padding: 0;
  border: 1px solid #E6E6E6;
  margin: 6px 12px;
}
.payment_select label {
  display: inline;
}
.payment_select input[type="submit"] {
  margin-top: 6px;
}
.payment {
  float: left;
}
/*.align-center  { text-align:center; }*/
.brand-icon img {
  width: 60px;
}
ul.inline {
  padding: 0;
  margin: 0;
  text-align: center;
}
ul.inline li {
  display: inline;
}
.hr {
  border-bottom: 1px solid #E6E6E6;
  margin: 6px 0 6px 0;
}
.clear-both {
  clear: both;
}
.inline {
  display: inline;
}
/* index page */
.nav-orders {
  margin-left: -20px;
}
.so {
  padding: 3px 0 3px 0;
}
.wcbg-p {
  background: #6c5ce7;
}
.sfm-blocks {
  background-color: #f5f5dc;
  padding: 16px 4px;
  margin-top: 24px;
}
img.sfm-desci {
  margin: 6px 24px 6px 24px;
  max-width: 95%;
}
.underline {
  border-bottom: 1px solid #E6E6E6;
}
.why h3 {
  border-bottom: none;
}
.lg-btns {
  margin-bottom: 16px;
  text-align: center;
}
.fb-btn-lg {
  margin: 8px 0 18px 0;
}
.review-keys {
  line-height: 220%;
}
.hotview img {
  max-height: 8em;
  max-width: 100%;
  margin-bottom: 2em;
}
.hotview {
  padding: 1em;
}
.fb-msg {
  padding: 0.5em 0 0.8em 0;
}
.fb-msg img {
  width: 2em;
}
.fb-rate input[type="radio"] {
  display: none;
}
.fb-rate img {
  width: 3em;
  margin-right: 0.5em;
}
.fb-rate-sel {
  background-color: #FEBA12;
}
.msg-from-tbr {
  background-color: #EEF;
  padding: 6px;
  margin: 6px 0;
}
.msg_ts {
  background: #e1f1ff;
  padding: 6px 12px;
  margin: 6px 0;
}
.msg_agts {
  background: #f5eee5;
  padding: 6px 12px;
  margin: 6px 0;
}
#register table td {
  max-width: 400px;
}
#register .reg_tips {
  color: gray;
  font-weight: normal;
}
#register input[type="text"] {
  border: 1px solid #85b1de;
  width: 200px;
}
#register input[type="password"] {
  border: 1px solid #85b1de;
  width: 200px;
}
#register select {
  border: 1px solid #85b1de;
}
#register th {
  font-weight: bold;
  padding-right: 14px;
  padding-bottom: 10px;
  width: 200px;
}
#register .reg_title {
  padding-left: 0;
}
.p {
  display: block;
}
.iavay {
  text-align: center;
}
.rtable {
  margin: 8px 0 8px 0;
}
.rtable th,
.rtable td {
  margin: 4px;
  padding: 4px 8px 4px 8px;
}
.social-icons {
  margin: 4px 0 4px 0;
}
.blog-body {
  word-wrap: break-word;
}
.coin-deposit-img {
  border: 1px solid #E6E6E6;
  max-width: 420px;
  margin: 10px 0 10px 20px;
}
.cd-step {
  font-size: 120%;
}
.pg-outline {
  background-color: #f0f8ff;
  border: 1px solid #bcd4e6;
}
/* Quick Order */
.quick_item {
  margin-top: 10px;
}
.quick_item .well {
  margin-bottom: 8px;
}
.quick_item .tips {
  font-size: 85%;
  color: gray;
}
.price-failed {
  border: 2px solid red;
  padding: 4px;
}
.glabel {
  background-color: #B6B6B4;
  color: white;
  padding: 2px 4px 2px 4px;
  margin: 0 0 4px 0;
}
.plabel {
  background-color: #5cb85c;
  color: white;
  padding: 2px 4px 2px 4px;
  margin: 6px 0;
}
.ylabel {
  background-color: yellow;
  color: black;
  padding: 2px 4px 2px 4px;
}
.rlabel {
  background-color: red;
  color: white;
  padding: 2px 4px 2px 4px;
}
.blabel {
  background-color: #0080FF;
  color: white;
  padding: 2px 4px 2px 4px;
  margin: 0 0 4px 0;
}
.blabel a,
a.blabel:hover {
  color: white;
}
.ylabel > .hr {
  border-bottom: 1px solid #808080;
}
.nowrap {
  white-space: nowrap;
}
/* Order list */
.order-preview img {
  height: 72px;
  width: 72px;
  margin: 2px 2px 2px 2px;
  border: 1 solid #E6E6E6;
}
.order-preview {
  max-width: 230px;
}
/* Coupons */
.cp-select {
  padding: 6px;
  width: 100%;
  margin-bottom: 12px;
}
/* media query */
@media print {
  .nprint,
  .nprint * {
    display: none !important;
  }
  /* Bootstrap: a[href]:after { content: " (" attr(href) ") "; } DONT TO THIS */
  a[href]:after {
    content: none !important;
  }
}
/* Width */
.w360 {
  width: 360px;
}
/* Bootstrap */
.nav {
  margin-left: 0;
}
.bar {
  margin-top: 0;
}
.navbar {
  margin-bottom: 0;
  min-height: 40px;
}
.navbar-text {
  padding: 2px 0 0 4px;
  margin: 4px;
}
.navbar-default .navbar-nav > li > a {
  padding: 0.4em;
  margin: 0.5em;
  color: #666;
}
.navbar-default .navbar-text {
  color: #666;
}
.navbar-text > a {
  color: #666;
  padding-bottom: 0.1em;
}
.dl-horizontal dt {
  color: #333;
  font-weight: normal;
}
.label-purple {
  background-color: #9954BB;
}
.label-pink {
  background-color: #EB6864;
}
.btn-purple {
  background-color: #9954BB;
}
.btn-pink {
  background-color: #EB6864;
  color: white;
}
.panel-default > .panel-heading {
  background-color: #EDF8FC;
  padding: 4px 4px 4px 8px;
}
.list-group-item {
  padding: 8px 8px 8px 12px;
}
dl {
  margin: 0;
}
.navbar-brand {
  padding: 8px;
}
th {
  white-space: nowrap !important;
}
.row-line {
  margin-bottom: 15px;
}
.carousel-control.left {
  background-image: none;
}
.carousel-control.right {
  background-image: none;
}
.btn-primary.btn-outline {
  color: #428bca;
  background: none;
}
.btn-primary.btn-outline:hover {
  color: white;
  background: #428bca;
}
.btn-danger.btn-outline {
  color: #d2322d;
  background: none;
}
.btn-danger.btn-outline:hover {
  color: white;
  background: #d2322d;
}
.btn-warning.btn-outline {
  color: #ed9c28;
  background: none;
}
.btn-warning.btn-outline:hover {
  color: white;
  background: #ed9c28;
}
.btn-success.btn-outline {
  color: #47a447;
  background: none;
}
.btn-success.btn-outline:hover {
  color: white;
  background: #47a447;
}
.btn-info.btn-outline {
  color: #39b3d7;
  background: none;
}
.btn-info.btn-outline:hover {
  color: white;
  background: #39b3d7;
}
.btn-dark,
.btn-dark:hover {
  background-color: black;
  color: white;
}
/* New */
.ag-hide {
  display: none;
}
.ag-blue {
  color: #348ec0 !important;
}
.text-code {
  color: #e83e8c !important;
}
.ag-code {
  font-size: 87.5%;
  color: #e83e8c !important;
}
.border-code {
  border-color: #ff4757 !important;
}
.comb-sig {
  color: #E83E8C !important;
  font-size: 85%;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.agbg-blue {
  background: #e1f1ff;
}
.ag-panel {
  border-color: #bce8f1;
  margin: 16px 0;
}
.ag-panel > .card-header {
  color: #3a87ad;
  border-color: #bce8f1;
  background: #d9edf7;
}
.ag-nav-links {
  line-height: 1.45;
  font-size: 0.86rem;
}
.ag-tp {
  border-color: #dfe4ea;
}
.ag-tp > .card-header {
  border-color: #dfe4ea;
  background: #dfe4ea;
  padding: 0.35rem 1.25rem;
}
.ag-tp > .card-header:after {
  content: "\2630";
  float: right;
}
.ag-card-sm {
  border-color: #bce8f1;
}
.ag-card-sm > .card-header {
  color: #3a87ad;
  padding: 0.45rem 0.9rem;
  border-color: #bce8f1;
  background: #d9edf7;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-outline.btn-default:hover {
  background-color: #ebebeb;
}
.bg-red {
  background: #f4645f !important;
}
.btn-xs {
  font-size: 12px;
  padding: 1px 5px;
  line-height: 1.5;
}