/* Move down content because we have a fixed navbar that is 50px tall */
body {
    /*padding-top: 50px;*/
    /*padding-bottom: 20px;*/
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    /*background: #e6e6e6;*/
}
h1, h2, h3, h4, h5 {
    display:normal;
    font-size:14px;
    padding:0px;
    margin:0px;
}
a {
    text-decoration: none;
}

.clear {
    height: 0px;
    clear: both;
}

.clear-5 {
    height: 5px;
    clear: both;
}

.clear-10 {
    height: 10px;
    clear: both;
}

.clear-20 {
    height: 20px;
    clear: both;
}

.clear-30 {
    height: 30px;
    clear: both;
}

.input-group {
    margin-bottom: 10px;
}


#message .glyphicon {
    padding-right: 10px;
}

#message .glyphicon-remove {
    cursor: pointer;
}

.btn .fa {
    padding-right: 5px;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
}


/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"] {
    /*max-width: 280px;*/
}


.gv-list-customer, .gv-list-order, .gv-list, #gv-list {
    font-size: 12px;
}

    .gv-list-customer th, .gv-list-order th, .gv-list th, #gv-list th {
        padding: 5px 0px;
        text-align: center;
        border: 1px solid #a9a9a9;
    }

    #gv-list th {
        padding: 5px 10px;
    }

    .gv-list-customer td, .gv-list-order td, .gv-list td, #gv-list td {
        border: 1px solid #a9a9a9;
        padding: 5px;
    }

    .gv-list tr:hover, #gv-list tr:hover {
        background: #e9e9e9;
    }


/* HEADER */
.navbar {
    margin-bottom: 10px;
}

.navbar-inverse {
    background: #2c94ce;
    color: #fff;
    border-bottom: 1px solid #2577a4;
    
}
    .navbar-inverse .container {
        background-color:transparent;
    }
    .navbar-inverse .navbar-toggle {
        border-color: #fff;
    }

        .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
            background: #2577a4;
        }

    .navbar-inverse a, .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
        color: #fff;
        font-size:12px;
    text-transform:uppercase;
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        background: #2577a4;
    }

    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus {
        color: #fff;
        background: #2577a4;
    }

    .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        background: #2577a4;
    }

.navbar-nav > li > .dropdown-menu {
    background: none #2c94ce;
    padding: 0px;
}

.dropdown-menu > li > a {
    color: #fff;
    padding: 8px 10px;
    width: 260px;
}

    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus {
        color: #fff;
        text-decoration: none;
        background-color: #2577a4;
    }

.dropdown-menu .divider {
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
/*CONTAINER*/
.camera_wrap {
    margin-bottom: 10px;
}

.container {
    background: #fff;
}
.img-pro {
    min-height:110px;
}
.img-left {
    width:40%;
    padding:0px 5px 5px 0px;
}
.list-group-item h3 a {
    color:#13519d;
}
.title-container {
    /*border-bottom: 1px solid #13519d;*/
    min-height: 24px;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 22px;
    /*text-transform: uppercase;*/
}

    .title-container span {
    }

        .panel-heading h1,.title-container span h1 {
            margin: 0px;
            display: ruby-text-container;
            font-size: 22px;
            /*background: #fff;*/
            display: inline-table;
            line-height: 33px;
            padding: 0px 8px 0px 8px;
        }

.qc-home {
    text-align: center;
    margin-bottom: 10px;
    /*border:1px solid #a9a9a9;*/
}

.qc {
    color: #000;
}
.wrapper-news {
   margin-bottom:10px;
    height:360px;
    /*border:1px solid #f00;*/
}
.hot-news .panel-body h3 {
    font-size:14px;
}
.wrapper-product {
}

    .wrapper-product a {
        text-decoration: none;
        color: #000;
    }

        .wrapper-product a:hover .panel {
            background: #e9e9e9;
        }

.menu-product a {
    color: #13519d;
}
.wrapper-product .col-xs-4 {
padding:0px;
}
.wrapper-product .price {
    padding: 10px 5px 5px 0px;
}

    .wrapper-product .price span, .price span {
        color: #f00;
    }
.bottom-page a {
    color:#2c94ce;
}
    .bottom-page a:hover {
        color: #13519d;
    }
.bottom-page .panel-body {
    min-height:350px;
}
.bottom-qc {
    position: absolute;
    bottom: 25px;
    left: 0px;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
}

    .bottom-qc div {
        width: 28%;
        margin: 0px auto;
    }

/*a .bottom-qc .read-more {
    transition: all 0.5s ease-out 0s;
}

a:hover .bottom-qc .read-more {
    color: #a9a9a9;
    transition: all 0.5s ease-out 0s;
}*/

.title-post {
    margin: 0px 0px 10px 0px;
    font-size: 16px;
    transition: all 0.5s ease-out 0s;
}





.introduction-post {
    font-size: 14px;
    margin: 0px 0px 10px 0px;
    height:62px;
    overflow:hidden;
}

.img-post {
    margin:5px 0px;
    height:200px;
    overflow:hidden;
}

.read-more {
    color: #13519d;
    transition: all 0.5s ease-out 0s;
}

    .read-more:hover {
        color: #0094ff;
        transition: all 0.5s ease-out 0s;
    }

.detail-post {
    margin-top: 10px;
}

.date-add {
    color: #999;
    text-align: right;
    font-style: italic;
}
.related-post {
 padding:5px 0px 0px 0px;
}
nav .backnext-active a {
    background: #eee;
}
/*FOTOER*/
.footer {
    width: 100%;
    color: #fff;
    background: #2c94ce;
    padding: 5px 0px;
    margin-top: 10px;
    /*position:relative;*/
}
.footer h4 {
    font-size:14px;
}
    .footer .container {
        background-color: transparent;
    }

    .footer .col-md-4 .service-quality {
        margin-bottom: 10px;
    }

        .footer .col-md-4 .service-quality h5 {
            font-size: 16px;
        }

        .footer .col-md-4 .service-quality .total-stars {
            /*color:#000;*/
            margin-top: 5px;
        }

            .footer .col-md-4 .service-quality .total-stars b {
                display: inline-table;
                text-align: center;
                border: 1px solid #fff;
                padding: 0px 5px;
                margin-right: 10px;
            }

    .footer .col-md-6 p {
        margin: 0px;
        padding: 0px;
    }

    .footer .right-footer {
        /*padding-left: 100px;*/
    }



.header .right-banner .container {
    width: 100%;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 20px 0px 0px 0px;
    }
}