p {
  margin-bottom:0px;
}


.badge-notify{
   background:red;
   position:relative;
   top: -8px;
   left: -10px;
   color: white;
}

#notice_content{
  padding: 8px;
}

.main-dropdown-menu{
  line-height: 23px;
  padding: 10px;
  width: 500px;
}

@media (max-width: 500px) {
  .notice_menu_element{
    width: 300px;
  }
  .main-dropdown-menu {
    width: 300px;
  }
}

.notice_menu_element{
  width: 500px;
}


.dropdown:hover .dropdown-menu {
    /* display: block;*/
}

.dropdown-menu {
  min-width: 200px;
}
.dropdown-menu.columns-2 {
  min-width: 400px;
}
.dropdown-menu.columns-3 {
  min-width: 600px;  
}
.dropdown-menu li a {
  padding: 5px 15px;
}
.multi-column-dropdown {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.multi-column-dropdown li a {
  display: block;
  clear: both;
  line-height: 1.428571429;
  color: #333;
  white-space: normal;
}

.multi-column-dropdown li a:hover {
  text-decoration: none;
  color: #262626;
  background-color: #eee;
}
 
@media (max-width: 767px) {
  .dropdown-menu.multi-column {
    min-width: 240px !important;
    overflow-x: hidden;
  }
}



@media (max-width: 978px) {
    .container-fluid{
        padding: 0px;
    }

    .col-xs-12{
        padding: 0px 0px;
    }
    .post_header{
        padding: 0px 0px 0px 10px;
    }
}

.post_footer{
    padding: 10px;
}

.btn-facebook-size {
    padding: 3px 3px;
    font-size: 12px;
    line-height: 13px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 3px;
}


.post-circle-link{
    margin-bottom: 8px;
}

.editable-wysihtml6{
    border: 0px;

}


.remove_media_bt{
  cursor: pointer;
  color: red;
}
.favorite_heart{
  color:#9c27b0;
  cursor: pointer;
}
.badged {
  height: 130px;
  width: 130px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background: #bbdefb;
  margin: auto; 
  padding:10px;
} 

.dsp_media{
    padding: 10px 10px 10px 0px;
}

.badge{
    background: #0091ea;
    color:#ff9800;
}

.badge-lg{
    border-radius: 50%;
    height: 30px;
    min-width: 30px;
    font-size: 22px;
    text-align: center;
}
h3 {
    margin-top:8px;
    margin-bottom:3px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.item_dsp_row{
    border-bottom: 5px solid #337ab7;

}

.badged_small {
  height: 50px;
  width: 50px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background: #bbdefb;
  margin: auto; 
  padding:6px;
    font-size: 28px;

    background: #0091ea;
    color:#ff9800;
}

.badged_small_m {
    height: 50px;
    width: 50px;
    display: inline-table;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    background: #bbdefb;
    margin: auto;
    padding:6px;
    font-size: 28px;

    background: #0091ea;
    color:#ff9800;
}

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

    width: 56px;
    height: 36px;
    padding: 8px;

    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;

    font: 32px Arial, sans-serif;
}


.badged_tiny {
    height: 30px;
    width: 30px;
    display: table-cell;

    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    background: #bbdefb;
    margin: auto;
    padding:6px;
}

.user_avatar_link{
  /*margin-top: 6px;*/
  border-radius: 50%;
}

.badged_small_sm {
  height: 30px;
  width: 30px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background: #bbdefb;
  margin: auto; 
  padding:6px;
} 

.troppy_dsp{
  float: left;
}

.td_label{
  background-image: url("http://1vs1.co/images/dotted.png");
    background-repeat: repeat-y;
    background-position: center;
}

.side_divider{
    background-image: url("http://1vs1.co/images/dotted.png");
    background-repeat: repeat-y;
    background-position: center;
}

.voted_num{
  font-size: 28px;
  font-weight: bold;
}

.top_number{
    color:#337ab7;
}

.voted_num_win{
  font-size: 28px;
  font-weight: bold;
  color: orange;
}

.dsp_post td {
  border-bottom: 1px dotted #ff9800;
  padding: 6px;

}

.round_img{
  border :1px solid #f2f2f2;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
}

.circle_img{
    border :1px solid #f2f2f2;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}


.post_content_bk img{
  border :1px solid #f2f2f2;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
}

.dsp_post h3{
  margin-top: 0px;
}


.btn-circle {
    width: 49px;
    height: 49px;
    text-align: center;
    padding: 5px 0;
    font-size: 20px;
    line-height: 2.00;
    border-radius: 30px;
}

.btn-circle-micro {
    width: 19px;
    height: 19px;
    text-align: center;
    padding: 1px 0;
    font-size: 1px;
    line-height: 0.1;
    border-radius: 30px;

}

.btn-circle-sm {
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    font-size: 15px;
    line-height: 1.65;
    border-radius: 30px;
    margin-right: 3px;
    color:#ff9800;
}

.btn-circle-lg {
    width: 79px;
    height: 79px;
    text-align: center;
    padding: 13px 0;
    font-size: 30px;
    line-height: 2.00;
    border-radius: 70px;
}


.edit_row {
  margin-top: 5px;
}
.fileUpload {
  position: relative;
  overflow: hidden;
  margin: 10px;
}
.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ip_post_title{
  width: 1000px;

}
.post_title{
  color: black;
  font-size: 18px;
  font-weight: bold;

}

.post_name{
  color: black;
  font-size: 16px;
  font-weight: bold;
}
.post_desc{
  color: #666666;
  font-size: 12px;
  line-height: 18px;
}

.modal.modal-wide .modal-dialog {
  width: 80%;
  min-width: 900px;
}
.modal-wide .modal-body {
  overflow-y: auto;
}
.img_hoder{
  cursor: pointer;
}
.choose_img_container img{
  cursor: pointer;
}
.div_options a{
  margin-left: 18px;
}
.criteria{
  background-color: #cccccc;
}

th {
  background-color: #f2f2f2;
}

.add_troppy{
  cursor: pointer;
}

.update_troppy{
  cursor: pointer;
}


.troppy_gold{
  color: orange;
}

.home_popular_search{
  line-height: 26px;
  margin-top: 30px;
}
.home_popular_search a{
  padding: 0px 6px 0px 6px;
}

.body{
  line-height: 18px;
  text-align: justify;
}
.vector_licence{
  color:orange;
}
.item {
    position: relative;
    display: inline-block;
}

.item .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: #f8f8f8;
    border: 1px solid orange;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    top: 110%;
    left: 50%;
    margin-left: -150px;
}

.item .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent orange transparent;
}

.item:hover .tooltiptext {
    visibility: visible;
}


img.blur {
  filter: url(blur.svg#blur);
  -webkit-filter: blur(1px);
  filter: blur(1px);
  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');
}

.ui-autocomplete-loading {
    background: white url('/images/ui-anim_basic_16x16.gif') right center no-repeat;
}
.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
  height: 300px;
}

img.blur:focus, img.blur:hover {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  filter: none;
  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}

.item span.dld_label{
  z-index:10;
  position:absolute;
  top:5px;  
  margin-right: 20px;
  width:60px;
  height: 25px;
  left:10px;
  color: green;
  font-size:12px;
}
.dld_label{
  color:green;
}

img.downloaded {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
  border:1px solid red;
}

img.downloaded:focus, img.downloaded:hover {
  -webkit-filter:  none;
  filter: none;
  filter: none;
  filter: none;
}

.vector-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.vector-container iframe {
    position: absolute;
    top:-80px;
    left: -20;
    width: 100%;
    height: 120%;
}

.max_width_800{
  max-width: 800px;
}

.btn_display{
    margin-top: 20px;
    cursor: pointer;
    font-size: 20px;
    margin-right: 10px;
}
a{
  cursor: pointer;
}
.btn_display:hover{

}

.btn_display_selected{
    color: #009933;
}
.imgcontainer {
  padding: 10px 0px 10px 0px;

}

.img_center {
    display: block;
    margin: 0 auto;
}


/* clearfix */
.imgcontainer:before,
.imgcontainer:after {
    content: "";
    display: table;
}
.imgcontainer:after {
    clear: both;
}

.item {
  position:relative;    
    float: left;
  margin-bottom: 10px; 
}
.item img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: bottom;
  border :1px solid #e5e5e5;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;

}

.item img:hover {
  border-color:red;
  -moz-transform: scale(1.008);
  -webkit-transform: scale(1.008);
  transform: scale(1.008); 
}

.item span{
    z-index:3;
    position:absolute;
    bottom: 3px;    
    margin-right: 20px;
    left:6px;
    color: #cccccc;
    font-size:8px;
}



.item span.next_page{
  z-index:3;
  position:absolute;
  bottom: 88px;  
  margin-right: 20px;
  left:36px;
  color: #888888;
  font-size:18px;
}

.first-item {
  clear: both;
}
/* remove margin bottom on last row */
.last-row, .last-row ~ .item {
  margin-bottom: 0;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}


.result_page{
    padding: 8px 0px 3px 0px;
    min-height: 800px;
}
.result_page img{
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #e7e7e7;
}

.result_page img:hover {
  border-color:red;
}

.vector_title{
    color: #1122CC;
    font-size: 16px;
}
.vector_domain{
    color: #009933;
}
.vector_desc{
    color: #666;
    font-size: 13px;
}

.vector_desc b{
    color: #666;
}
.search_result_title {
    padding: 3px 0px 3px 0px;
    font-size: 16px;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #e7e7e7;
}
/*
#q {
    height: 38px;
    font-size: 16px;
    color: black;
}

#search_button{
    height: 38px;
    background-color: #2980b9;
    border-color: :#2980b9;
    color: white;
}
*/
#setting{
    font-size: 20px;
}
#footer{
    background-color: #f8f8f8;
    border-top: 1px solid #e7e7e7;
    color: #888;
    padding: 10px;
    height: 38px;
}
#footer-right{
    float: right;
}
#footer-left{
    float: left;
}
#footer a{

    color: #888;
}
.navbar-brand{
    padding-top: 6px;
}

@media only screen and (min-width : 768px) {
    #q{
        width: 86px;
    }
}

@media only screen and (min-width : 1000px) {
    #q{
        width: 168px;
    }
}

@media only screen and (min-width : 1300px) {
    #q{
        width: 188px;
    }
}

.sidebar-nav {
    position: relative;
    top: 0;
    min-width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 2px;
    padding:0;

}

.sidebar-nav ul{
  list-style: none;
  padding-left: 25px;
}
.sidebar-nav li {
    text-indent: 0px;
    line-height: 38px;
    padding:0;
    margin: 0;
}
 
.sidebar-nav li a {
    text-decoration: none;
    color: #11aaff;
}
 
.sidebar-nav a.active {
   color: #009933;
}

.sidebar-nav li a:hover {
    text-decoration: underline;
}
 
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

@media (min-width: 768px)
{
    .navbar {
        border-radius: 4px;
    }
}

.te-pagination {
    display: table;
    width: 100%;
    margin-bottom: 43px;
    padding-top: 34px;
}

.te-pagination {
    font-size: 0;
}

.te-pagination a, .te-pagination span {
    font-weight: 500;
}
.te-pagination a, .te-pagination span {
    width: 38px;
}

.te-pagination a, .te-pagination span {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background: #c7c6c6;
    text-align: center;
    font-size: 18px;
    color: #010101;
    line-height: 42px;
    margin: 0 1px;
}

.te-pagination a:hover, .te-pagination span {
    background: #337AB7;
    color: #fff;
}


.post_content img {
    max-width: 100%;
    height: auto;
}

#listArticleDetail img {
    max-width: 100%;
    height: auto;
}

.screenshots {
    margin-top: 15px;
    text-align: center;
}
.screenshots .image {
    vertical-align: top;
    display: inline-block;
    padding: 5px;
    margin: 0px 5px 15px;
}

.screenshots .image img {
    display: block;
    width: 340px!important;
    height: auto!important;
}