/*------------WEBFORM----------*/

.node-webform a {
    color: #333;
}
.node-webform a:hover{
    color: #4EC9FC;
}
.webform-client-form  .form-item label{
    width: 11em !important;
    font-weight: normal;
    float: left;
    text-align: right;
    margin-right: 30px;
}
.webform-client-form  input.form-text{
    border: 1px solid #CCCCCC;
    height: 18px;
    padding: 0.1875em;
    border-radius: 2px;
    width: 300px;
}
.webform-client-form  textarea {
    /*width: auto;*/
    width: 307px;
    border: 1px solid #CCCCCC;
}
.webform-client-form  input{
    margin: 0.375em 0;
}
.webform-client-form  .webform-client-form label{
    float:left;
    width:150px;
    padding-right: 20px;
}
.webform-client-form  select {
    border: 1px solid #CCCCCC;
    font-family: arial;
    height: 24px;
    margin: 0.375em 0;
    width: 308px;
}
.webform-client-form .field-name-body  a {
    color: #1B52AF;
    text-decoration:none;
}
.webform-client-form .fieldset-legend a {
    font-weight: bold;
    color: #333;
}
.webform-client-form #edit-submit {
    color: #fff;
    background: #333;
    border: 1px solid #ccc;
    padding: 5px 15px;
    font-family: arial;
}


/*---------------PHAN TRANG--------------------*/

ul.pager {
 float: right;
 margin-top:20px !important;
 margin-bottom:20px !important;
 text-align: right;
}
ul.pager li {
    width: auto;
}
ul.pager li.pager-item {
 padding: 2px 6px;
 background-color:#ccc;
 border-radius:2px;
 margin-right:10px;
}
ul.pager li.pager-item a {
 color:#fff;
}
ul.pager li.pager-current {
 padding:2px 6px;
 background-color: #000;
 color:#fff;
 border-radius:2px;
 margin-right:10px;
}
ul.pager li a {
 text-decoration:none;
 color: #000;
 font-weight:bold;
}
ul.pager li a:hover{
 text-decoration:underline;
}

/* ---- Css for Bao gia ----- */

#block-views-baogia-block, #block-views-baogia-block-1, #block-views-baogia-block-2 {
    float: left;
    width: 100%;
}
/*#block-views-baogia-block h2, #block-views-baogia-block-1 h2, #block-views-baogia-block-2 h2 {
    background-color: #a89f8e;
    line-height: 41px;
}*/
#block-views-baogia-block h2.block-title, #block-views-baogia-block-1 h2.block-title, #block-views-baogia-block-2 h2.block-title {
    color: #c71a1c;
    font-family: Segoe UI;
    font-size: 16px;
    font-weight: lighter;
    text-decoration: none;
    text-transform: uppercase;
}

/* ----- Css for display Search result----- */

body.page-search h2 {
    font-size: 12px;
    margin: 0;
    padding: 0;
}
body.page-search .ds-search-extra {
    margin-bottom: 20px;
}
body.page-search fieldset {
    margin: 0;
    padding: 0;
    border: 0px solid #CCCCCC;
}
body.page-search fieldset > legend {
    color: #C71A1C;
    font-family: Segoe UI;
    font-size: 16px;
    font-weight: lighter;
    margin-bottom: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

/* ---- For products ---- */

.ds-1col.node-san-pham.view-mode-search_result {
    float: left;
}
.ds-1col.node-san-pham.view-mode-search_result:nth-child(2n-1) {
    margin-right: 22px;
}
.ds-1col.node-san-pham.view-mode-search_result .field-name-field-sanpham-anh {
    float: none;
    margin: 0;
}

/* ---- For news ----- */

.ds-1col.node-tin-tuc.view-mode-search_result {
    clear: bold;
    float: left;
}
.ds-1col.node-tin-tuc.view-mode-search_result .field-name-field-tintuc-anh-daidien {
    float: left;
    margin-right: 15px;
}
.ds-1col.node-tin-tuc.view-mode-search_result .field-name-body {
    font-style: normal;
    font-weight: normal;
    margin: 0;
}

/* ----- Css for table ----- */

thead tr {
    background-color: #A89F8E;
}
table, thead, tbody, tr, th, td {
    border: 1px solid #919191;
}
tr.odd {
    background: none;
}
tr.info, tr.even, tr:nth-child(2n+2) {
    background: none;
}@media only screen  and (max-width:480px) {
.webform-client-form .form-item label {
    width: 75px !important;
}   
.webform-client-form input.form-text {
    width: 59% !important;
}
.webform-client-form textarea{
    width:61%;
}
}