.form-control,.dropdown-toggle{
    padding: 4px 12px;
    height: 30px;
    font-size: 12px;
}
.reponsive-image {
    width: 100%;
}
.dropup, .dropdown{
    margin-bottom:5px;
}
.dropdown.IdTheloai .dropdown-toggle{width: 37%;}
.dropdown.IdTacgia .dropdown-toggle{
       width: 100%;
}
.dropdown-menu {
    max-height: 150px;
    color: black;
    overflow: overlay;
}
.dropdown-menu li{
        padding: 3px 10px;
        cursor:pointer;
}
.dropdown-menu li:hover{
    background-color:#f3f3f3;
}
#tbl_Bannercity {
    background-color: #ececec;
    text-align: center;
}

.form-search-article {
    text-align: left;
    background-color: #f3f3f3;
    padding: 4%;
    border-radius: 3px;
    border: 1px solid #eaeaea;
}

    .form-search-article label {
        font-weight: normal;
    }

        .form-search-article label.title-text {
            COLOR: #666666;    max-width: 105px;    white-space: nowrap;    margin-top: 5px;    min-width: 43px;
        }
.form-search-article .control-panel{
    margin-top: 10px;
    padding:0 4%;
}
.article-list tr:nth-child(2n+1) {
    background-color: #DDDDCC;
}
.btn-green{
        background-color: #036f63;
    color: #fff;
}
.btn-orange{
        background-color: #f17d00;
    color: #fff;
}
.article-headline{
        display: inline-block;
        width: 100%;
        border-bottom: 2px solid #036f63;
}
.article-headline .tintuc{
        COLOR: #ffa700 !important;
        Text-Decoration: none!important;
}
.article-headline .article-name{
    /*padding: 7px 3%;
    background-color: #036f63;
    border-radius: 9px 9px 0 0;
    color: white;*/
    border-radius: 3px 3px 0 0;
    box-shadow: inset rgb(6, 148, 126) 0px 1px 0px 1px;
    margin: 0;
    padding: 7px 3%;
    text-decoration: none;
    color: #ff9f00;
    font-size: 14px;
    font-weight: bold;
    font-family: "Helvetica Neueu", Helvetica, Arial, sans-serif;
    text-shadow: #5d3905 0 1px 0;
    background-color: #036f63;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eaeaea));
    background-image: -webkit-linear-gradient(top, #0d9c7b, #036f63);
    background-image: -moz-linear-gradient(top, #f9f9f9, #eaeaea);
    background-image: -ms-linear-gradient(top, #f9f9f9, #eaeaea);
    background-image: -o-linear-gradient(top, #f9f9f9, #eaeaea);
    background-image: linear-gradient(top, #f9f9f9, #eaeaea);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#eaeaea');
}
.article-headline .article-date{
    padding: 7px;
    /* border-bottom: 2px solid #036f63; */
}
.article-content{
        background-color: #f3f3f3;
        padding: 3%;
}
.article-list{
    margin-bottom:20px;
}
.booklist{
        float: left;
            background-color: #f3f3f3;
}
/*!
 * The important stuffs. The ones that you should copy-paste and use.
 */
.paginate {
  text-align: center;     }
  .paginate ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;margin-top: 20px; margin-bottom: 20px; }
  .paginate li {
    display: inline;     margin: 0px 2px;}
  .paginate a {
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px;
    margin: 1px 2px;
    padding: 5px 10px;
    display: inline-block;
    border-top: 1px solid #fff;
    text-decoration: none;
    color: #717171;
    font-size: smaller;
    font-family: "Helvetica Neueu", Helvetica, Arial, sans-serif;
    text-shadow: white 0 1px 0;
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eaeaea));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea);
    background-image: -moz-linear-gradient(top, #f9f9f9, #eaeaea);
    background-image: -ms-linear-gradient(top, #f9f9f9, #eaeaea);
    background-image: -o-linear-gradient(top, #f9f9f9, #eaeaea);
    background-image: linear-gradient(top, #f9f9f9, #eaeaea);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#eaeaea'); }
    .paginate a:first-child, .paginate a.first {
      margin-left: 0; }
    .paginate a:last-child, .paginate a.last {
      margin-right: 0; }
    .paginate a:hover, .paginate a:focus {
      border-color: #fff;
      background-color: #fdfdfd;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#fafafa));
      background-image: -webkit-linear-gradient(top, #fefefe, #fafafa);
      background-image: -moz-linear-gradient(top, #fefefe, #fafafa);
      background-image: -ms-linear-gradient(top, #fefefe, #fafafa);
      background-image: -o-linear-gradient(top, #fefefe, #fafafa);
      background-image: linear-gradient(top, #fefefe, #fafafa);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#fafafa'); }
    .paginate a.more {
      box-shadow: 0 0 0 0 transparent;
      border: 0 none;
      background: transparent;
      margin-left: 0;
      margin-right: 0; }
    .paginate a.activepage {
      box-shadow: rgba(0, 0, 0, 0.75) 0 0 0 0 inset;
      border-color: #505050;
      color: #f2f2f2;
      text-shadow: black 0 1px 0;
      background-color: #676767;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#5f5f5f), to(#5c5c5c));
      background-image: -webkit-linear-gradient(top, #5f5f5f, #5c5c5c);
      background-image: -moz-linear-gradient(top, #5f5f5f, #5c5c5c);
      background-image: -ms-linear-gradient(top, #5f5f5f, #5c5c5c);
      background-image: -o-linear-gradient(top, #5f5f5f, #5c5c5c);
      background-image: linear-gradient(top, #5f5f5f, #5c5c5c);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5f5f5f', EndColorStr='#5c5c5c'); }

.paginate-dark a {
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
  border-top: 1px solid #62686d;
  text-shadow: rgba(0, 0, 0, 0.75) 0 1px 0;
  color: #fff;
  background-color: #4e5458;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#575e63), to(#3f4347));
  background-image: -webkit-linear-gradient(top, #575e63, #3f4347);
  background-image: -moz-linear-gradient(top, #575e63, #3f4347);
  background-image: -ms-linear-gradient(top, #575e63, #3f4347);
  background-image: -o-linear-gradient(top, #575e63, #3f4347);
  background-image: linear-gradient(top, #575e63, #3f4347);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#575e63', EndColorStr='#3f4347'); }
  .paginate-dark a:hover, .paginate-dark a:focus {
    border-color: #61788a;
    background-color: #4d6374;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#566f82), to(#3e505e));
    background-image: -webkit-linear-gradient(top, #566f82, #3e505e);
    background-image: -moz-linear-gradient(top, #566f82, #3e505e);
    background-image: -ms-linear-gradient(top, #566f82, #3e505e);
    background-image: -o-linear-gradient(top, #566f82, #3e505e);
    background-image: linear-gradient(top, #566f82, #3e505e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#566f82', EndColorStr='#3e505e'); }
  .paginate-dark a.activepage {
    box-shadow: rgba(0, 0, 0, 0.75) 0 0 0 0 inset;
    border-color: #2d3035;
    background-color: #303338;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#303338), to(#2d3034));
    background-image: -webkit-linear-gradient(top, #303338, #2d3034);
    background-image: -moz-linear-gradient(top, #303338, #2d3034);
    background-image: -ms-linear-gradient(top, #303338, #2d3034);
    background-image: -o-linear-gradient(top, #303338, #2d3034);
    background-image: linear-gradient(top, #303338, #2d3034);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#303338', EndColorStr='#2d3034'); }



@media only screen and (max-width: 768px) {
    .booklist {
        height: 226px;
        overflow: overlay;
    }
      .booklist li{
      display:inline-block;
  }
      
}
@media only screen and  (max-width: 680px) {
    .dropdown.IdTheloai .dropdown-toggle{
        width:100%;
    }
    .article-image img{
        width:100%;
    }

}