@import url("font.css");

.btn-sm{
    margin: 2px;
}

body {
    background: #E8E8E8;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: htthonline;
    font-size: 13px;
    cursor: url("/assets/img/giaodien/arrow.cur"), progress;
}

a:hover,
a:focus {
    cursor: url("/assets/img/giaodien/hover.cur"), progress
}

a {
    text-decoration: none
}

img {
    max-width: 100%;
    vertical-align: middle;
    border: none
}

body,
input,
textarea {
    color: #000
}

div.body {
    padding-top: 1px
}

textarea {
    width: 99%;
}

hr {
    border: none
}


.a {
    height: 91px;
    text-align: center;
    margin-top: -10px;
    z-index: 1;
    position: relative
}

input {
    font: 13px Trebuchet MS, Tahoma;
    margin: 0
}

input[type="submit"] {
    background: #4cae4c;
    color: #FFF;
    padding: 4px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

input[type="submit"]:hover {
    background: #74a733
}

#submit {
    background: #4cae4c;
    color: #FFF;
    padding: 8px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    margin: 3px
}

.btn_write {
    border: 0;
    background: url(images/button-send.png) no-repeat;
    padding: 4px 0;
    height: 24px;
    width: 100%
}

input[type="text"],
input[type="password"] {
    background: #FDFDFD;
    color: #000;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    padding: 5px 8px
}

.link-more {
    width: 100%;
    padding-left: 2px
}

tr.menu td,
tr.menu td a {
    color: white;
    font-weight: none;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
    padding: 1px 0 1px 0
}

td#selected a {
    color: #032E58
}

tr.menu td a:hover,
td#selected a:hover {
    text-decoration: underline
}

tr.menu td {
    background-color: #3379c1;
    border-right: 1px solid #66c2f8;
    color: #fff
}

tr.menu td#selected {
    background-color: #A0E5FF;
    border-right: 0 solid #5DBEF7;
    border-bottom: 0 solid #5DBEF7
}

tr.menu1 td,
tr.menu1 td a {
    color: white;
    font-weight: none;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
    padding: 1px 0 1px 0
}

tr.menu1 td,
td#selected {
    background-color: #F5F5F5;
    border-right: 1px solid #BBB;
    border-bottom: 1px solid #BBB
}

tr.menu1 td#selected {
    background-color: #F5F5F5
}

.h {
    padding-left: 1px;
    padding-right: 2px;
    padding-top: 5px
}

.h a {
    color: #ad4105
}

.h img {
    margin: 0;
    padding: 0
}

.h li {
    margin-left: 20px
}

.phantrang {
    text-transform: uppercase;
    background-color: #3688c7;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    padding: 8px 10px
}

.phantrang a {
    color: #fff
}

.news {
    background-color: #F7F8E1;
    border: 1px solid white;
    color: #000;
    font-size: x-small;
    padding: 3px 4px 4px 4px
}

.phancach {
    border-top: 1px dashed #ddd
}

.danhsach {
    padding: 7px;
    background: #fff
}

.phancachduoi {
    border-bottom: 1px dashed #ddd
}

.phanngang {
    border-top: 1px solid #ddd
}

.login {
    background-color: #ecfff4;
    border-radius: 5px;
    padding: 8px;
    margin-bottom: 5px;
    border: solid 1px #51ccad
}


.footer {
    background: url(images/nongtraibanngay.png) repeat-x;
    position: absolute;
    width: 98%;
    height: 57px;
    margin-left: 7px;
    z-index: -1;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-box-shadow: 0 5px 10px;
    -moz-box-shadow: 0 5px 10px;
    box-shadow: 0 9px 10px
}


.nut {
    font-size: 12px;
    background-color: #3688c7;
    border: #e5e5e5 1px solid;
    color: #fff;
    ;
    width: auto;
    ;
    height: 25px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-right: 5px;
    padding-top: 2px;
    font-weight: bold;
    margin-left: 2px;
    text-decoration: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: bold
}

.currentpage {
    font-size: 10px;
    background-color: #3688c7;
    border: #e5e5e5 2px solid;
    color: #fff;
    width: 15px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-right: 5px;
    padding-top: 2px;
    font-weight: bold;
    margin-left: 2px;
    text-decoration: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: bold
}

a.pagenav {
    font-size: 10px;
    background-color: white;
    color: #036;
    border: #e5e5e5 2px solid;
    width: 15px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-right: 5px;
    padding-top: 2px;
    font-weight: bold;
    margin-left: 2px;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: bold
}

a.pagenav:hover {
    font-size: 10px;
    background-color: #3688c7;
    border: #e5e5e5 2px solid;
    color: #f8f8ff;
    width: 15px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-right: 5px;
    padding-top: 2px;
    font-weight: bold;
    margin-left: 2px;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: bold
}


.menuforum {
    text-align: right
}

.tieudeforum {
    font-weight: bold;
    color: #1E5B7E
}

.pageforum {
    background-color: #3688c7;
    color: #fff;
    text-align: right;
    font-weight: bold;
    font-size: 12px;
    padding: 5px 10px
}

.pageforum a {
    color: #036
}

.sobaigui {
    font-size: 11px;
    text-align: center;
    color: #333;
    margin-right: 10px;
    width: 30
}

.clear {
    clear: both
}

.redbut {
    background: none repeat scroll 0 0 #B94A48;
    border: medium none;
    border-radius: 5px;
    color: #FFF;
    margin-right: 10px;
    padding: 3px 15px
}

.bluebut {
    background: none repeat scroll 0 0 #3A87AD;
    border: medium none;
    border-radius: 5px;
    color: #FFF;
    margin-right: 10px;
    padding: 3px 15px
}

input,
textarea {
    background: #fff;
    border: 1px solid #d8d8d8;
    color: #686868;
    padding: 1px;
    margin: 1px
}

input,
number {
    background: #fff;
    border: 1px solid #d8d8d8;
    color: #686868;
    padding: 3px;
    margin: 1px;
    border-radius: 3px
}

select {
    padding: 3px;
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color: #888;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

input[type="file"] {
    margin: 2px 0
}

input.pass {
    background: url("/assets/img/icons/input_pass.png") no-repeat right center #FFF;
    padding-right: 17px
}

input.name {
    background: url("/assets/img/icons/input_name.png") no-repeat right center #FFF;
    padding-right: 17px
}

.post-content img {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

td.blog-content {
    /* width: 300px; */
    padding: 4px;
    position: relative;
    z-index: 0;
    background-color: #fff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.post-info {
    float: left;
    width: 100%;
    color: #000;
    font-size: 13px;
}

.post-meta {
    float: left;
    width: 100%;
    font-weight: normal;
    font-size: 10px;
    border-bottom: 1px solid #e1e1e1
}

.post-title {
    float: left;
    width: 100%;
    color: #1e5b7e;
    font-size: 15px;
    font-weight: 700;
    padding-top: 2px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    line-height: normal
}

.post-content {
    float: left;
    width: 100%;
    min-height: 40px
}

.like-list {
    float: left;
    width: 100%;
    font-size: 10px;
    color: #676767;
    position: relative;
    bottom: -3px
}

td.author-info {
    vertical-align: top;
    background-image: url(/assets/img/giaodien/left-forum.png);
    background-repeat: no-repeat;
    background-position: 42px 10px
}

.menu-forum {
    text-align: right
}

.quote {
    padding: 4px;
    margin: 4px 0 2px 0;
    background-color: #d9edf7;
    /* background: none repeat scroll 0% 0% #FDF2F2 */
    border-color: #bce8f1;
    color: #31708f;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 12px;
}

.quote-user {
    font-style: italic;
    /* border-bottom: 1px solid #B3B3B3 */
}

.quote-content {
    padding: 2px;
    font-size: 13px;
}

.author-info {
    width: 50px;
    text-align: center;
}

.author-container {
    font-size: 9px;
    margin-left: -15px;
    padding: 0px 5px;
}

.author-name {
    padding-top: 3px;
}

.star-level {
    height: 8px;
    vertical-align: top;
    margin: -3px 0px 3px 0px;
}

img.avatar {
    width: 70%;
    max-width: 50px
}




.color-main {
    background-color: #17a2b8;
    color: white;
  }
  
  .bg-main {
    background-color: #1bc5df;
  }
  
  .color-forum{
    background-color: #e49637;
  }
  
  .text-main{
    color: #ad4105;
  }
  
  .btn-main {
    background-color: #17a2b8;
    color: white;
  }
  
  .color-main2 {
    background-color: #16bad3;
  }
  
  .primary {
    background-color: #3883c4;
    color: #ffffff;
  }
  
  .warning {
    background-color: #ea9a17;
    color: #ffffff;
  }
  
  .danger {
    background-color: #dd4b39;
    color: white;
  }
  
  .btn-header {
    background-color: #17a2b8;
    color: white;
    width: 100%;
  }
  
  .btn-header-active {
    background-color: #fb1b03;
    color: white;
    width: 100%;
  }
  
  #pageHeader a {
    color: black;
    font-weight: bold;
    border: 1px solid white;
    width: 100%;
  }
  
  #pageHeader .col {
    padding-left: 3px;
    padding-right: 3px;
  }
  
  .box-stt a {
    text-decoration: none !important;
    color: black;
  }
  
  .box-stt a:hover {
    color: rgb(247, 3, 3);
  }
  
  .box-stt img {
    margin-right: 3px;
  }
  
  .important {
    font-weight: bold;
  }
  
  .box-stt {
    margin-bottom: 5px;
  }
  
  .page-active {
    background-color: #6366f1; /* #0b7686 {active-main}*/
    color: white;
  }
  
  .icon-download {
    width: 85%;
  }
  
  @media (min-width: 991.98px) {
    #logo {
       width: 40%; /*25% */
    }
  
    .box-stt {
      font-size: 14px;
    }
  
  }
  
  
  
  @media (max-width: 991.98px) {
    #hour3 {
      font-size: 8px !important;
    }
  
    #logo {
      width: 80%;  /*50% */
    }
  
    .htop {
      margin-top: 25px;
    }
  
    .box-stt {
      font-size: 14px;
    }
  
  
  }
  
  @media (max-width: 358px) {
    .hhtop {
      margin-top: 7px;
    }
  }
  
  .avt{
    /* width: 30px; */
    float:left;
    margin-right: 3px;
    padding: 3px 3px 3px 0px;
  }
  .avt2{
    /* width: 30px; */
    float:left;
    margin-right: 5px;
    padding: 2px 2px 2px 0px;
  }
  
  .box-name a {
    color: #C522AC;
  }
  .box-name {
    color: green;
  }
 .user__name {
    color: #f24b4b;
    font-weight: bold;
    background: url(https://cracked.to/images/bg1.gif);
  }
  
  .comment_forum table, .post_forum table{
    margin-bottom: 8px !important;
}
.post-title input {
    color: #fff;
    background: #5bc0de;
    border-color: #46b8da;
    margin: 2px 2px 0 0;
}

.img-gk {
    margin: auto;
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 2px 5px black;
}
.alert .box-name {
    margin-left: 36px;
}

.ads-style {
	text-align: center;
	background-color: #fff;
}
.ads-style img {
	border: 1px solid #dee2e6;
	margin: 0px auto;
	width: 100%;
	max-width: 960px;
}