/* style.css
–––––––––––––––––––––––––––––––––––––––––––––––––– */

:root {

   --color-white: #fff;
   --color-body: #505061;
   --color-aliceblue: aliceblue;

   --color-mediumGray: #728095;
   --color-darkGray: #353a4b;

   --color-mediumBlue: #3191f2;
   --color-mediumPurple: #657ee4;

   --color-green-btn: #55b355;
   --color-green: #309930;
   --color-red: #e63e3e;

   --color-yellowAD: #fffbb1;

}

body {
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
  color: #21252f;
  line-height: 1.4rem;
/*  font-size: 91%;*/
}

.red { color: #e63e3e; }
.green { color: #309930; }

.list { display: inline-block; padding: 0px; margin: 0px; }
.list li { display: inline; line-height: 1.5; }
.list a { margin-right: 8px }

.active {/*color: #3aac4c;*/ }
ul.list li.active { font-weight:bold; /*color: #3aac4c;*/ }

.down td+td+td+td+td,.up td+td+td+td+td { background-color:unset; }

#maintable { /*margin-top: 30px;*/ margin-bottom: 21px; width: 100%; }
#maintable td {
   word-break:break-word;
   /*max-width: 50em;*/
}
#maintable td+td+td { word-break:unset; /*background: aliceblue;*/ }
#maintable tr td:first-child { min-width:16em; } /*16em*/

a { text-decoration: none; color: #058CB5; transition: all 0.1s ease; }
a:hover { text-decoration: underline; }
a, a:active, a:hover, a:focus { outline: none; }

table { border: none; }
tr { height: 33px; }
th { border: 1px solid #d6d9dd; border-bottom: 1px solid #d6d9dd; padding: .3rem .6rem; text-transform: uppercase; min-width: 93px; background: #f3f4f9; font-size: 92%; }
th.table_title_s { background: #fff; color: #21252f; /*border-bottom: none;*/ font-size: 92%; }
td { border: 1px solid #d6d9dd; border-bottom: 1px solid #d6d9dd; padding: .6rem .6rem }



.promo, #maintable .promo td+td+td {outline: none; background: #fffbb1;}

.promo td, up.promo td {
   white-space: pre-wrap; /*!important: this is needed to `line breaks in a textarea` */
}


#wrapper,
.wrapper {
   margin: 0 auto;
   width: 90%;
   max-width: 1429px;
   min-width: 950px;
}

#wrapper {
   padding: 1.2rem;
}
.wrapper {
   padding: 0 1.2rem;
}


/* Top bar */
#top-bar {
  padding: .36rem 0;
  /* background-color: #e43f9b; - magenta */
  /* background: #657ee4; - purple */
  background-color: #5bc2ff;
  font-size: 96%;
}

#top-bar a {
   color: #21252f;
/*   color: #fff;*/
}

.version_title { border-bottom: 1px solid #e8ecf0; padding-bottom: 5px; margin-bottom: 0; }

#category-title { margin-top: 30px; margin-bottom: 26px; }




.captcha-image { display: inline-block; margin-right: 6px; margin-top: 6px; float: left;  }
.up td + td + td { background-color: #98f793;background-color: transparent; color: #309930; }
.down td+td+td { background-color: #fb5a5a;background-color: transparent; color: #e63e3e; }

table#add-search td { background: transparent; padding: 0 1rem .5rem 0; border: none; }

body.home table#add-search td/*,
body.addlink table#add-search td*/ {
   border: none;
   padding: .01rem 1rem;
   background-color: #f3f4f9;
   border-radius: .25rem;
}

.up td+td+td+td+td { background-color: aliceblue; }

.contact-txt { margin-top: 5px; display: block; }

.home-notice { line-height:1.3rem }

.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: .25rem; /*float: left; margin-top: 0;*/
   display: block;
/*   width: 25%;*/
}
.alert-primary { color: #222; background-color: #f3f4f9 !important; border-color: #ddd; }
.alert-danger { color: #721c24;background-color: #f8d7da;border-color: #f5c6cb; }
.alert-danger-2 { color: #c82828; background-color: #f9bfbf; border-color: #fd9898; }
.alert-danger-3 { color: #fff; background-color: #dd4c4c; border-color: #972c2c; line-height: 1.5rem; /*font-size: 18px;*/ }
.alert-danger-4 { color: #e63e3e; background-color: #fdeded; border-color: #f39191; }
.alert-success { color: #155724; background-color: #b0f2bf; border-color: #65ca7c; }
.alert-info { color: #0c518e; background-color: #c8e5ff; border-color: #a5c7e8; }
.alert-warning { color: #856404; background-color: #fff3cd; border-color: #eeca5b; }
.alert-warning-2 { color: #8a6d3b; background-color: #fcf8e3; border-color: #ffe0a0; }
.alert-purple { /*color: #263c93;*/ color: #374a99; /*background-color: #a6b8ff; border-color: #8096f2;*/ background-color: #b9c7ff; border-color: #96a9f9; }
.alert-aqua { background-color: #65e6d9; border-color: #35b5a8; color: #0f5952; }
#logo_title { font-size:21px;display:inline;margin-right:18px }
#logo_title a { color: black }
#logo_title a:hover{ text-decoration:none; }
#logo_img { /*margin-right: 27px;*/margin-right: 0px; float: left; padding-top: 3px; }

h1, h1.page_title { width: 100%; margin-top: 0; padding-top: 21px; /*float: left;*/ overflow: hidden; line-height: 2.3rem; }

h2.page_title, h3.page_title { width: 100%; display: inline-block; margin-bottom: 0; }

#footer { text-align: center; border-top: 1px solid #d6d9dd; color: #878da4; /*margin-top: 30px; only use if footer_banners */ }
#footer-nav { margin-top: 20px; }
#footer-nav a.menu_link { margin-right: 12px; }
p.footer {  }

textarea { border-radius: 3px; border: 1px solid #cdc7c2; font-family: arial, helvetica, sans-serif; font-size: 90%; padding: 4px; /*width: 98%;*/ width: 100%; }
mark { background-color: #fff489; }
form #website { display:none; }
.cp-note { color: #0c5460; color: #e63e3e; margin-top:8px; display: block; font-size: 92%; }
.format-jason-text {}
.pagination {}
hr {}

input,
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  color: #222;
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  transition: all 0.1s ease; }

/*input { color: #2c3144; }*/

textarea { height: auto; font-size: 100%; }

input[type="submit"] {
  display: inline-block;
  /*  height: 34px;*/
    padding: 0 13px;
/*      padding: 1px 13px 0px 13px;*/
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 33px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 4px;
  border: 1px solid #657ee4;
  border-top-color: rgb(187, 187, 187);
  border-right-color: rgb(187, 187, 187);
  border-bottom-color: rgb(187, 187, 187);
  border-left-color: rgb(187, 187, 187);
  cursor: pointer;
  box-sizing: border-box;
  color: #FFF;
  background-color: #657ee4;
  border-color: #657ee4;
}

input[type="submit"]:hover,
input[type="submit"]:active/*,
input[type="submit"]:focus */{
  color: #fff;
  /* #163040 */
  background-color: #1a1a1a;
  border-color: #1a1a1a;
}

input:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border-color: #90a2b7;
  outline: none;
}

.search-select {
  /* visibility: hidden;*/
  display: none;
}

#maintable input[type="submit"]:hover {
  color: #FFF;
  /* background-color: #02cab7;
  border-color: #02cab7; */
  background-color: #657ee4;
  border-color: #657ee4;
  /* 7a4cbd */
}

#maintable input[type="submit"] {
  color: #616264;
  background-color: #f3f4f9;
  border-color: rgb(187, 187, 187);
}

::placeholder { color: #878da4; opacity: 1; /* Firefox */ }

#add-onion-link {
    /*border-bottom: 1px solid #d6d9dd;*/
    margin-bottom: 40px;
    padding: .50rem 1.25rem;
    /* background-color: #dff0ff; */
    background-color: #f3f4f9;
    max-width: 659px;
    border-radius: .25rem;
/*    margin: 0 auto;*/
    margin-top: 25px !important;
    margin-bottom: 35px !important;
}



/* =Header */

#header {
  display: inline-block;
  width: 100%;
  margin-bottom: 6px;
}

#navigation { float: left; width: 100%;}
#navigation a { margin-right: 7px; }
#navigation a.menu_link { margin-left: 19px; margin-top: 9px; float: left; font-size: 18px; }





/* =Menu Dropdown Categories */

nav#nav-categories {}

ul#menu, ul.submenu {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.submenu {
  margin-left: 2px;
  background: #18262b;
  padding-top: 12px;
  padding-bottom: 12px;
  z-index: 1;
  box-shadow: 0px 3px 6px rgba(0,0,0,.3);
  /*border-top: 1px solid #d6d9dd;*/
  border-radius: 3px;
  padding-right: 4px;
}

ul#menu li { float: left; }

/* Hide Categories in main menu: autodetected-scam, empty/error/unknown */
#navigation ul.submenu li a.cat_10,
#navigation ul.submenu li a.cat_14,
#navigation ul.submenu li a.cat_28 { display: none !important; }

/* "Add Link page" Hide Categories in drop menu: autodetected-scam, empty/error/unknown, scam, uncategorized. */
select[name="cat"] option[value="16"],
select[name="cat"] option[value="11"],
select[name="cat"] option[value="13"],
select[name="cat"] option[value="0"] { display: none !important; }

/* hide the submenu */
li ul.submenu { display: none; }

ul#menu li a {
  display: block;
  float: none;
}

ul.submenu li a {
  padding: .3rem 1.1rem;
  color: #657ee4;
  color: #849bf7;
}

ul.submenu li a {
  padding: .2rem 1.1rem;
  color: #657ee4;
  color: #849bf7;
}

  #navigation ul.submenu li a { margin-right: 0; }

/* show the submenu */
ul#menu li:hover ul.submenu {
  display: block;
  position: absolute;
  float: left;
}

ul#menu li:hover li, ul#menu li:hover a {
  float: none;
  /*font-weight: bold;*/
  /*background: #18262b;*/
  /*color: #163040;*/
}

ul#menu li:hover li a:hover {
  /*background: #fc0;*/
}



.pgp { margin-bottom: 50px; }

/*.pgp-key { color: #898D92; font-size: 90%; line-height: 1.1rem; }*/

pre {
    white-space: pre-wrap; word-wrap: break-word; -moz-control-character-visibility: visible;
    font-size: 90%;line-height: 1.1rem;
    background: var(--as);
    padding: 1em;
    white-space: pre-line;
    font-size: .8em;
    height: 350px;
    background-color: #f3f4f9;
}

code { padding: 2px; }


.s__c {
    display: grid;
    grid-gap: 1em;
    max-width: 700px;
    /*cursor: pointer;*/
    /*background-color: #f5f9ff;*/
    padding-left: 6px;
    /*padding-top: 2px;*/
    padding-bottom: 2px;
}

/*details[open] > summary { color: gray; }

.u__s {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}*/

details {}

summary {
	/*padding: .5em;*/
	display: list-item;
  cursor: pointer;
}

/* Open details element. */
details[open] {

}

/* Summary within an open details element. */
details[open] summary {
	color: #878da4;
}

/* Change the color and size of the marker. */
summary::-webkit-details-marker {
/*    color: #69c773;
    font-size: 200%;*/
}

/* Hide the marker completely. */
summary::-webkit-details-marker {
/*    display: none;*/
}


/*this is from the previous advertising.php page, no automatic payment*/
#bidding {
    border-top: 1px solid #d6d9dd;
    border-bottom: 1px solid #d6d9dd;
    margin-top: 30px;
    padding-bottom: 15px;
    padding-top: 8px;
}

/* =Advertising
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#advertise-with-tornode {
    text-align: center;
    margin-top: 9px;
    margin-bottom: 9px;
    border-top: 1px solid #d6d9dd;
    padding-top: 24px;
}

a.advertise-btn {
    letter-spacing: .05rem;
    color: #fff;
    background-color: tomato;
    padding: 10px 15px;
    border-radius: 4px;
    font-weight: bold;
}

a.advertise-btn:hover {
    color: #fff;
    background-color: #1a1a1a;
/*    background-color: deepskyblue;*/
    text-decoration: none;
}


.tabs {
    /* width:60%; */
    height: auto;
/*    margin: 0 auto;*/
/*    background-color: #f3f4f9;*/
/*    max-width: 1024px;*/

}

/* tab list item */
.tabs .tabs-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.two-thirds.column ul.tabs-list {
    margin-left: 0;
    list-style-type: none;
}

.tabs .tabs-list li {
    /* width: 130px; */
    float: left;
    margin: 0px;
    margin-right: 3px;
    /* padding: 10px 10px; */
    text-align: center;
    /* background-color: var(--color-darkslateblue); */
    background-color: #191e2d;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 0px;
    transition: all 0.07s ease;
}

.tabs .tabs-list li:hover {
    cursor: pointer;
    background-color: var(--color-darkGray);
}

.tabs .tabs-list li a {
    text-decoration: none;
    color: var(--color-white);
    font-weight: bold;
    font-size: 18px;
    padding: 10px 15px;
    display: block;
}

/* Tab content section */
.tabs .tab {
    display: none;
    width: 96%;
    max-width: 960px;
    min-height: 250px;
    height: auto;
    border-radius: 3px;
    /* padding: 27px 15px 20px 15px; */
    padding: 20px;
/*    background-color: var(--color-white);*/
  background-color: #f3f4f9;
    /* color:darkslategray; */
    clear: both;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 3px;
}

.tabs .tab h3 {
    padding-bottom: 20px;
    font-weight: normal;
    padding: 5px 5px 5px 0px;

    border-bottom: 1px solid #c8c9cc;
    padding-bottom: .5em;
    /* font-weight: bold; */
    margin-top: 10px;
}

.tabs .tab p {
    /* line-height: 20px; */
}

/* When active state */

.tabs .active {
    display: block !important;
}

.tabs .tabs-list li.active {
    /* background-color: var(--color-white) !important; */
    background-color: var(--color-mediumPurple);
}

.tabs .tabs-list li.active a {
    /* color: #191e2d !important; */
    color: #fff;
    /* text-decoration: underline; */
}

@media screen and (max-width: 360px) {

    .tabs { margin: 0; width: 96%; }

    .tabs .tabs-list li { width: 80px; }

}

@media (max-width: 999px) {

    #top-bar{display:none;}
}


label.label_ad_space {
    display: inline-block;
    margin-top: 0;
    cursor: pointer;
    background: var(--color-white);
    border-radius: 3px;
    margin-bottom: 12px;
    margin-right: 7px;
    padding: 0 1.3em 0 1.3em;
    width: auto;
    /* font-size: 17px; */
    border: 1px solid #c3c8da;
    /* font-weight: bold; */
    text-align: center;
    /* width: 152px; */
}

label.label_ad_space h4 {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 18px;
}

label.label_ad_space small {
    font-size: 90%;
    color: var(--color-mediumGray);
}

.ad_price {
   margin-top: 8px;
   margin-bottom: 31px;
   font-size: 21px;
/*   font-weight: bold;*/
}




/* =Upload button */

div.input-group {
    width: 100%;
    float: left;
    margin-bottom: 19px;
    /* background: red; */
}

label.input-group-btn {
    float: left;
    margin-top: 15px;
}

/* body.page.campaign.data .upload_btn {
    background: var(--color-white);
}
body.page.campaign.data .upload_btn:hover {
    background: var(--color-mediumBlue);
} */
/* label.button.upload_btn, */
.upload_btn {
    padding: 9px;
    border: 1px solid #c3c8da;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.07s ease;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    margin-right: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.06);
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgb(255, 255, 255) 33%, rgb(237, 237, 240) 100%);
}

/* label.button.upload_btn:hover, */
.upload_btn:hover {
    background: var(--color-mediumBlue);
    border: 1px solid var(--color-mediumBlue);
    color: var(--color-white);
}

input[type="file"]#uploadFile {
    font-size: 15px;
    color: var(--color-mediumGray);
    margin-top: 8px;
    margin-bottom: 27px;
    /* background: rebeccapurple; */
}

input.upload_name {
    color: var(--color-mediumGray) !important;
    cursor: default;
    display: block;
    width: calc(100% - 24px);
    font-size: 17px;
    padding: 10px;
    padding-left: .55em;
    padding-right: .55em;
    background: transparent;
    border-radius: 3px;
    border: none;
    z-index: 1;
    position: relative;
    width: 100%;
    max-width: 450px;
    /* margin-top: 6px; */
    box-shadow: none;
    margin-top: 7px;
}

input[type="submit"].update_file {
    padding: 9px;
    margin-top: 5px;
    font-size: 0.95rem;
    margin-left: 5px;
    background: var(--color-green);
    border-color: var(--color-green);
}
input[type="submit"].update_file:hover {
}



body.advertising input[type="submit"] {
   border: 1px solid var(--color-green-btn);
   background-color: var(--color-green-btn);
   border-color: var(--color-green-btn);
   font-size: 17px;
   height: 46px;

   margin-top: 10px;
   margin-bottom: 10px;

}
body.advertising input[type="submit"]:hover {
   border: 1px solid #1a1a1a;
   background-color: #1a1a1a;
   border-color: #1a1a1a;
}





/*=input styles*/

body.advertising input[type="text"],
body.advertising input[type="search"],
body.advertising input[pattern],
body.advertising textarea,
body.advertising select {
   display: block;
   width: calc(100% - 24px);
   z-index: 1;
   position: relative;
   width: 100%;
   max-width: 540px;
   margin-bottom: 15px;
}

body.advertising textarea {
   white-space: pre-wrap; /*!important: this is needed to `line breaks in a textarea` */
}

body.advertising select {
   margin-bottom: 25px;
}

input[type="url"] {
  padding: .2rem .6rem;
/*  margin: 0 .2rem;*/
  font-size: 100%;
  white-space: nowrap;
  cursor: copy !important;
  display: block;
  width: calc(100% - 16px);
  display: inline-block;
    width: 100%;
    max-width: 930px;
}


body.advertising input[type="url"] {
   border: none;
   height: auto;
   background-color: #fff489;
/*
gold
lightskyblue
lightgoldenrodyellow
*/
   padding: 0;
}


/*Select*/

select {
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   -ms-word-break: normal;
   word-break: normal;
   cursor: pointer;
   background-image: url("../img/arrow_down.png");
   background-repeat: no-repeat;
   background-position-x: 96%;
   background-position-y: 15px;
   width: 100%;
}

body.advertising select {
/*   width: 360px;*/
}




/* =Banners */

#banners,
#banners_random {
   margin-bottom: 24px;
   text-align: center;
}

#banners_random {
   border-top: 1px solid #d6d9dd;
   padding-top: 15px;
   margin-bottom: 8px;
   border-bottom: 1px solid #d6d9dd;
   padding-bottom: 8px;
}

.banners_footer { margin-top: 21px; }
#banners_bottom { margin-top: 26px; }

img.banner_link,
img.ad_banner_img {
   width: auto;
   display: inline-block;
   max-width: 468px;
   margin-right: 3px;
   margin-left: 3px;
   margin-bottom: 0px;
}


/* =Campaign details
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#campaign_details {
    background-color: #f3f4f9;
    padding: 20px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

table { width: 100%; }

body.advertising th {
   background-color: white;
   text-align: left;
}

body.advertising td {
   background: #fff;
}


body.advertising .two-thirds.column h3.title {
   border-bottom: 1px solid #d8dce3;
   padding-bottom: .6em;
   font-weight: normal;
}

img.img_qr {
    border: 1px solid #e7e7e8;
    border-radius: 3px;
    margin-top: 15px;
}

/* =Status */

.status.active {
   color: var(--color-green);
}

.status.pending {
   color: var(--color-mediumBlue);
}

.status.expired {
   color: var(--color-red);
}

/* =Messages =error =success */

.message,
.alert {
    margin-top: 15px;
    margin-bottom: 1.12em;
    display: block;
    padding: .4em .8em;
    border-radius: 3px;
    line-height: 1.35em;
    font-weight: normal;
}

.message {padding: 0;}

.message ul {padding-left: 0;}
.message ul li {list-style-type: none;}

.message.success {
    color: #3aac4c;
    background: transparent;
    padding: 0;
}

.message.error {
    color: var(--color-red);
    background: transparent;
    padding: 0;
}

#maintable.promoted_links th.table_title_s {
   background-color: #fff;
}

#maintable.normal_links th.table_title_s {
   background-color: #f3f4f9;
}

::selection {
    color: white;
    background: #7d4698;
}