/*!
 * Start Bootstrap - Shop Homepage (https://startbootstrap.com/template-overviews/shop-homepage)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-shop-homepage/blob/master/LICENSE)
 */

body {
    padding-top: 54px;
}

@media (min-width: 992px) {
    body {
        padding-top: 56px;
    }
}

footer {
    margin-top: 15px;
    width: 100%;
    bottom: 0;
    /*position: fixed;*/
}

.picsp {
    padding-top: 30px;
    height: 100%;
    /*position: absolute;
    left: 2px;
    top: 1px;*/
}

#aProductImage, #imgProduct, #aOfferImage, #imgOffer {
    max-height: 300px !important;
    max-width: 300px !important;
    margin-left: auto;
    margin-right: auto;
}

#imgProductCart, #imgOfferCart, #imgProductContact, #imgOfferContact {
    max-height: 9px !important;
    max-width: 14px !important;
}

img {
    border: 0;
    background-color: transparent;
    vertical-align: bottom;
    width: 100% !important;
    height: auto !important;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

p.bgsanpham {
    height: 60px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 45px;
    position: relative;
    text-align: center;
}

p {
    font-size: 1.0em;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
    text-decoration: none;
}

.card-text-justify {
    text-align: justify;
    text-justify: inter-word;
}

/*Begin Paging*/
.Page {
    height: 56px !important;
}

.PagingDiv_class {
    padding-top: 3px;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

.PagingTable_class {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    white-space: nowrap;
    margin-top: 10px;
}

    .PagingTable_class td {
        text-align: center;
        margin: 0 auto;
        border: solid 1px silver;
    }

.FirstPaging_class {
}

    .FirstPaging_class:hover {
        background-color: #eee;
    }

.FirstPageClass {
    color: #72afd2;
    cursor: pointer;
}

.FirstPage_class {
    color: silver;
    cursor: not-allowed;
}

.PrevPaging_class {
}

    .PrevPaging_class:hover {
        background-color: #eee;
    }

.PrevPageClass {
    color: #72afd2;
    cursor: pointer;
}

.PrevPage_class {
    color: silver;
    cursor: not-allowed;
}

.SelectedNumberPaging_class {
    background-color: #337ab7;
    color: white;
}

.NumberPaging_class {
}

    .NumberPaging_class:hover {
        background-color: #eee;
    }

.SelectNumber_class {
}

    .SelectNumber_class:hover {
        background-color: #eee;
    }

a.SelectPaging_class {
    font-family: Arial;
    color: #72afd2;
    border: none;
}

.SelectPaging_class {
    font-family: Arial;
    color: #72afd2;
    border: none;
}

    .SelectPaging_class:hover {
        background-color: #eee;
    }

.NextPaging_class {
}

    .NextPaging_class:hover {
        background-color: #eee;
    }

.NextPageClass {
    color: #72afd2;
    cursor: pointer;
}

.NextPage_class {
    color: silver;
    cursor: not-allowed;
}

.LastPaging_class {
}

    .LastPaging_class:hover {
        background-color: #eee;
    }

.LastPageClass {
    color: #72afd2;
    cursor: pointer;
}

.LastPage_class {
    color: silver;
    cursor: not-allowed;
}

.SelectPagingArray_class {
}

    .SelectPagingArray_class:hover {
        background-color: #eee;
    }

.SelectPageSize_class {
    font-family: Arial;
    color: #72afd2;
    border: none;
}

    .SelectPageSize_class:hover {
        background-color: #eee;
    }

.SpanPagingSize_class {
}

.SpanPageSize_class {
    color: #a6a6a6;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,san-serif;
    font-size: 14px;
    font-weight: normal;
}

.Paging {
    font-family: Arial;
    color: #72afd2;
    text-decoration: none;
    cursor: pointer;
    border: none;
    margin: 0;
    white-space: nowrap;
    display: inline-block;
}

    .Paging:link {
        font-family: Arial;
        font-size: 14px;
        color: #72afd2;
        text-decoration: none;
        cursor: pointer;
    }

    .Paging:hover {
        font-family: Arial;
        font-size: 14px;
        cursor: pointer;
        text-decoration: none;
    }

    .Paging:visited {
        font-family: Arial;
        font-size: 14px;
        color: #72afd2;
        text-decoration: none;
    }

.PagingBold {
    cursor: not-allowed;
    font-family: Arial;
    background-color: #337ab7 !important;
    border-color: #337ab7 !important;
    color: white !important;
    text-decoration: none !important;
    margin: 0 auto;
    white-space: nowrap;
    display: inline-block;
}

.a.PageLink:link {
    color: #003399;
    text-decoration: underline;
}

.a.PageLink:visited {
    color: #003399;
    text-decoration: underline;
}

.a.PageLink:active {
    color: #003399;
    text-decoration: underline;
}

.a.PageLink:hover {
    color: #000000;
    text-decoration: none;
}
.custome-text {
	font-size: 0.9rem !important;
	font-weight: 700;
}
.bg-dark {
    background-color: rgb(5,60,114) !important;
}
.navbar-dark .navbar-nav .nav-link {
    color: #fff !important;
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: rgb(5,60,114) !important;
    border-color: rgb(5,60,114) !important;
}
/*End Paging*/