/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.table-striped > tbody > tr:nth-of-type(even) {
/*    background-color: rgb(238, 238, 238);*/
background-color: #1D1D1D;
}

.table-striped > tbody > tr:nth-of-type(odd) {
/*    background-color: rgb(255, 255, 255);*/
background-color:#141414;
}

tr.hd-sponsored > td {
    background-color: rgb(238, 238, 238);
}
.reportLink i{
    color: #777777;
}
.table-hover > tbody > tr:hover {
/*    background-color: rgb(153, 204, 255);*/
    background-color:   #141414;
}

.table-bordered>tbody>tr>td,.table-bordered {
    border: none;
    text-transform: none;
    
}
.table-bordered > tbody > tr > td:nth-of-type(odd){
    color:#ffffff;
}
.table-bordered > tbody > tr > td:nth-of-type(even){
    color:#676767
}
.table-bordered > tbody > tr > td:nth-of-type(even) a,.table-bordered > tbody > tr > td:nth-of-type(odd){ color:#ffffff;}
.table-bordered > tbody > tr > td:nth-of-type(even) a:focus{color:#ffffff;}
.table-bordered{
    border: 8px solid #1d1d1d;
}
.table-bordered>tbody>tr>td{
    padding: 10px 0;
    text-align: center;
     border-left: 1px solid #262626;
    border-right: 1px solid #262626;
    font-weight: normal; 
}

.table-bordered>thead>tr>th {
    border: none; 
    font-weight: normal;
    text-align: center; padding: 10px 0;
    
}

#hovered_sponsored, #watch_sponsored, #hovered_mkbrksaa, #wso-dstyles {
    cursor: pointer;
}

#wso-splay:hover {
    color: gold;
}

#promote-hd {
    height: 13px;
    width: auto;
    margin-left: 5px;
}

.host-icon {
    width: 16px;
    height: 16px;
}

.host-default {
    width: 22px;
    height: 22px;
}

table.postlinks {
/*    font-family: Helvetica,Arial,sans-serif;*/
}

table.postlinks td > a:link {
    color: brown;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
table.postlinks td > a:visited i,table.postlinks td > a:focus i{
    color:#424242;
}
table.postlinks td  a:visited {
/*    text-decoration: line-through;
    color: rgb(35, 82, 124);*/ 
    color:#2c2c2c;
}

table.postlinks {
    box-shadow: 0 4px 6px 1px rgba(50, 50, 50, 0.14);
}



table.postlinks thead {
    border: none;
    background-color: #292929;
}

table.postlinks thead th {
    color: white;
     border-left: 1px solid #141414 !important;
    border-right: 1px solid #141414 !important;
}

.host-options {
    color: black;
}

div.row > div.plinktools {
    margin-bottom: 15px;
    margin-top: 15px;
}

div.link-actions a {
/*    padding: 0px 10px;
    margin-left: 5px;
    color: white;*/
    border-radius: 0;
    margin-left: 5px;
    margin-top: 7px;
    padding: 3px 15px;
}
.popup_signup a{ color: #c0c0c0;} 
#savePopup,#closePopup  {
   padding:4px 12px ;background: #9a1238 none repeat scroll 0 0; border: 1px solid #d0184c;color: #ffffff;  width: auto;
}
div.linkReportMessage{display: inline-block;margin: 15px 0 0;text-align: center;width: 100%;border: 1px solid;padding: 5px;}
#addLinks, #editLinks {
    background-color: #262626;
    border-color: #666666;
/*    line-height: 23px;*/
/*    -webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;*/
    border-radius: 0px;
    border: 1px solid #666666;
    color:#626262;
    padding:3px 15px;
}
#addLinks:hover, #editLinks:hover{
    background-color: #2c2c2c
}
#link-count.badge, .link-count.badge {    
    border-radius: 0px;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;    
    color: #676767;
    font-size: 14px;
    font-weight: normal;
    margin-left: 15px;
}

#filterLinks {
    max-width: 130px;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #676767;
    color: #676767;
     padding: 5px;
     font-weight: normal;
}
#filterPerhost{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #676767;
    color: #676767;
     padding: 5px;
     margin-left:5px;
     font-weight: normal;
}

td.td-user {
    max-width: 90px;
    word-wrap: break-word;
}

td.tdhost {
    max-width: 100px;
    word-wrap: break-word;
}

div.popup .submit-single {

}

div.popup .submit-multi {

}

div.popup_cont {
    max-width: 400px;
}

.preloader {
    left: 50%;
    margin: -10px 0 0 -25px;
    position: fixed;
    top: 50%;
}

div.inputdiv {
    min-width: 300px;
    min-height: 50px;

}
 
div.inputdiv p > span {
    color: #c0c0c0
}

div.inputdiv input#links.submit-single{
    font-weight: normal
}

.popup_signup{color:#eeeeee;font-weight: normal}

#links.submit-multi {
    min-height: 200px;
    border: 1px solid #4f4f4f;
    background: #141414;
    padding: 5px 0 5px 5px;    
}
#links.submit-multi:focus,div.inputdiv input#links.submit-single:focus{
    border-color:#4D6FA6;
}
#links {
    width: 100%;
}

.inputdiv div.link-actions {

}

div.inputdiv input#links.submit-single {   
    background: #141414;
    border: 1px solid #4f4f4f;
    margin-bottom: 5px;
    padding: 6px;
}

td.td-ago, td.td-user {
    color: black;
}

div.play-btn a {
    background: #9a1238 none repeat scroll 0 0;
    border: 0px;
    border-radius: 0px;
    color: #fff;
    padding: 3px 15px;
    text-decoration: none;

}
div.play-btn a:visited{ 
    color:#fff    
}

td.td-play {
    max-width: 60px;
}


.popup_cont {

    width: 100%;
    
}

.inputdiv {
    min-width: 100%
}
.rc-anchor-light{background: transparent}

.popup_back {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 101;
}

.popup_cont {
    position: fixed;
    z-index: 1000;
}

.preloader {
    z-index: 101;
}

.popup_close {
    color: #fff;
    cursor: pointer;
    position: absolute;
    padding: 5px;
    right: 5px;
    top: 0;
}

.popup_close:hover {
    color: #111;
}

.popup_back {
    cursor: pointer;
    background-color: #303030;
}

div.popup {
    background: #1d1d1d;
    box-shadow: 0 3px 10px #222;
    padding: 15px 15px 10px 15px;
}

table.tablesorter thead tr .header {
    background-image: url('../../public/images/bg.gif');
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url('../../public/images/asc.gif');
}

table.tablesorter thead tr .headerSortDown {
    background-image: url('../../public/images/desc.gif');
}
#wso-bt,#wso-xy {
    background-color: #9a1238;
    border: 1px solid #9a1238;
    color: #ffffff;
    margin-left: 15px;
    padding: 5px 15px;
   
}
/*#wso-xy {
    border: 1px solid #9a1238;
    color: #ffffff;
    background-color: #9a1238;

    margin-left: 15px;
    padding: 5px 15px;    
}
#wso-xy:hover{
    background-color: #b61643;
}*/


.g-recaptcha {
    margin-bottom: 5px;
}
@media (max-width: 480px) {
    .plinktools .link-actions.pull-right{height: 0;position: relative;right: 4px;top: -36px;}
    #filterLinks{width: 50%;max-width: none;}
    #filterPerhost{width: 47%;margin-left: 1%;}
    #wso-bt,#wso-xy{ width: 60%;margin: 0}
    .tblselect {float: left; width: 100%;}
    #wso-xy,#wso-bt{clear: both;margin-top: 15px;}
}
@media (max-width: 400px) {
     #wso-bt,#wso-xy{ width: 55%;margin-top: 15px;}
}
@media (max-width: 350px) {
    #wso-bt,#wso-xy{ width: 50%}
}
@media (max-width: 330px) {
    #wso-bt,#wso-xy{ width:40%}
}