@font-face {
    font-family:'GlobalCustomFont';
    src: url('/assets/78/proximanova_regular_2025.07.11.11.13.01.ttf')
}

body { font-family: 'GlobalCustomFont' !important; }
            

    .navbar-toggle { float:left; background-color: #FFFFFF; }
    #navbarCategories { background-color: #FFFFFF; }
    #navbarAdmin { background-color: #FFFFFF; }
    .nav > li > a {background-color: #FFFFFF; }
    .pagination >.active > a, .pagination >.active > a:focus, .pagination >.active > a:hover, .pagination >.active > span, .pagination >.active > span:focus, .pagination >.active > span:hover{ background - color: #FFFFFF; border - color: #FFFFFF; }
    #tree div, #s-l-base div {background-color: #FFFFFF !important; }

    .nav > li > a { color: #253D86; }
    .clickable, .clickable:hover { color: #253D86  !important;}
    .navbar-toggle { color: #253D86; }
    #tree div, #s-l-base div {color: #253D86 !important; }
    .header-bar{ background-color: #253D86; }

    .nav > li > a:focus, .nav > li > a:hover{background-color: #FFFFFF;}
    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: #FFFFFF; }
    .nav > li.active > a, .nav > li.active > a:hover, .nav > li.active > a:focus {background-color: #FFFFFF;}
    #tabs .tab-content { border: 2px solid #FFFFFF; }
    .dropdown-menu > li > a:hover{background-color: #FFFFFF; }

    .icon-bar { background-color: #F8941C; }
    .nav > li > a:focus, .nav > li > a:hover{color: #F8941C; }
    .nav > li.active > a, .nav > li.active > a:hover, .nav > li.active > a:focus {color: #F8941C; }
    .dropdown-menu > li > a:hover{color: #F8941C; }



    html, body{ color: #253D86; }

    a { color: #253D86; }
    .pagination > li > a, .pagination > li > span{ color: #253D86; }

    a:focus, a:hover{ color: #F8941C; }
    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{ color: #F8941C; }






    .login-body{ color: #FFFFFF; }

    .login-body-link { color: #FFFFFF; }

    .login-body-link:focus, .login-body-link:hover{ color: #FFFFFF; }

.navbar-toggle { float:left; }
table.fullBorder thead tr { color:#fff; }


    
        :root {
            --shopping-title-font-size: 20px;
            --shopping-body-font-size: 18px;
            --shopping-btn-font-size: 15px;
	        --shopping-background-color: #f0f0f0;

            --theme-primary-color-1: #253d86;
            --theme-primary-color-2: #f8941c;
            --theme-primary-color-3: #03ade6;
        }

        @font-face {
            font-family: 'proxima-nova';
            src: url('/assets/78/proximanova_regular.ttf')
        }

        @font-face {
            font-family: 'proxima-nova-extrabold';
            src: url('/assets/78/proximanova_extrabold.otf')
        }

        @font-face {
            font-family: 'proxima-nova-bold';
            src: url('/assets/78/proximanova_bold.otf')
        }

        #siteLogo {
	        margin-top: -30px;
        }

        .navbar {
	        font: 1.8rem 'proxima-nova-extrabold';
        }

        .navbar li {
	        font: 1.8rem 'proxima-nova';
        }

        #LogOutUser {
	        font: 1.8rem 'proxima-nova-extrabold';
        }

        .header-bar {
            background-color: var(--theme-primary-color-1);
        }

        .shopping-item-containers {
            border: 2px solid var(--theme-primary-color-1);
            border-radius: 0px;
            padding: 10px;
            background: var(--shopping-background-color);
        }

        .shopping-item-containers .btn-group > .btn {
            font-size: var(--shopping-btn-font-size);
            color: var(--theme-primary-color-1);
            background-color: unset;
            border: 1px solid var(--theme-primary-color-1);
            border-radius: 0px;
        }

        .shopping-product-name {
            font: 800 var(--shopping-title-font-size) 'proxima-nova-extrabold';
            height: 80px;
            margin: 20px 15px;
        }

        .shopping-product-uom {
            font: 800 var(--shopping-body-font-size) 'proxima-nova';
            color: var(--theme-primary-color-1);
        }

        .shopping-product-uom > .form-group {
            margin: 0px;
        }

        .shopping-product-price {
            font: 800 var(--shopping-body-font-size) 'proxima-nova-extrabold';
            color: var(--theme-primary-color-2);
        }

        .shopping-product-thumbnail {
            margin: 10px;
            background: #ffffff;
            white-space: nowrap;
        }

        .shopping-product-thumbnail:after {
            content: "";
            display: inline-block;
            height: 100%;
            vertical-align: middle;
        }

        .item-detail-modal .modal-dialog {
	        width: 100%;
        }

        .item-detail-modal .modal-content {
            background: var(--shopping-background-color);
            border: 2px solid var(--theme-primary-color-1);
	        border-radius: 0;
            padding: 1.5rem;
        }

        .item-detail-modal .modal-header {
            border: none;
        }
            
        .item-detail-modal .modal-title {
            font: 3.6rem 'proxima-nova-extrabold';
        }

        .item-detail-modal .modal-body {
            font: 2.4rem 'proxima-nova';
        }

        .item-detail-modal .shopping-product-thumbnail {
	        width: 100%;
        }

        @media (min-width: 768px) {
            .shopping-item-containers .btn-group {
                height: 32px;
            }

	        .item-detail-modal .shopping-product-thumbnail {
		        width: 60%;
	        }
        }

        @media (min-width: 992px) {

	        .item-detail-modal .modal-dialog {
		        width: 75%;
		        top: calc(25vh/2);
	        }
        }

        @media (min-width: 1200px) {
	        .item-detail-modal .modal-dialog {
		        width: 70%;
	        }

	        .item-detail-modal .shopping-product-thumbnail {
		        width: 40%;
	        }
        }

        @media (min-width: 1400px) {
	        .item-detail-modal .modal-dialog {
		        width: 65%;
		        max-width: 1200px;
	        }
        }
    

:root {
    --shopping-title-font-size: 20px;
    --shopping-body-font-size: 18px;
    --shopping-btn-font-size: 15px;
	--shopping-background-color: #f0f0f0;

    --theme-primary-color-1: #253d86;
    --theme-primary-color-2: #f8941c;
    --theme-primary-color-3: #03ade6;
}

@font-face {
    font-family: 'proxima-nova';
    src: url('/assets/78/proximanova_regular.ttf')
}

@font-face {
    font-family: 'proxima-nova-extrabold';
    src: url('/assets/78/proximanova_extrabold.otf')
}

@font-face {
    font-family: 'proxima-nova-bold';
    src: url('/assets/78/proximanova_bold.otf')
}

#siteLogo {
	margin-top: -30px;
}

.navbar {
	font: 1.8rem 'proxima-nova-extrabold';
}

.navbar li {
	font: 1.8rem 'proxima-nova';
}

#LogOutUser {
	font: 1.8rem 'proxima-nova-extrabold';
}

.header-bar {
    background-color: var(--theme-primary-color-1);
}

.shopping-item-containers {
    border: 2px solid var(--theme-primary-color-1);
    border-radius: 0px;
    padding: 10px;
    background: var(--shopping-background-color);
}

.shopping-item-containers .btn-group > .btn {
    font-size: var(--shopping-btn-font-size);
    color: var(--theme-primary-color-1);
    background-color: unset;
    border: 1px solid var(--theme-primary-color-1);
    border-radius: 0px;
}

.shopping-product-name {
    font: 500 var(--shopping-title-font-size) 'proxima-nova-extrabold';
    height: 80px;
    margin: 20px 15px;
}

.shopping-product-uom {
    font: 800 var(--shopping-body-font-size) 'proxima-nova';
    color: var(--theme-primary-color-1);
}

.shopping-product-uom > .form-group {
    margin: 0px;
}

.shopping-product-price {
    font: 500 22px 'proxima-nova-extrabold';
    color: var(--theme-primary-color-2);
}

.shopping-product-thumbnail {
    margin: 10px;
    background: #ffffff;
    white-space: nowrap;
}

.shopping-product-thumbnail:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}


.item-detail-modal {
}

.item-detail-modal .modal-dialog {
	width: 100%;
	/* top: calc(25vh/2); */
}

.item-detail-modal .modal-content {
    background: var(--shopping-background-color);
    border: 2px solid var(--theme-primary-color-1);
	border-radius: 0;
    padding: 1.5rem;
}

.item-detail-modal .modal-header {
    border: none;
}
    
.item-detail-modal .modal-title {
    font: 3.6rem 'proxima-nova-extrabold';
}

.item-detail-modal .modal-body {
    font: 2.4rem 'proxima-nova';
}

.item-detail-modal .shopping-product-thumbnail {
	width: 100%;
    margin-inline: auto;
    margin-block-start: -2rem;
    margin-block-end: 2rem;
}

@media (min-width: 768px) {
    .shopping-item-containers .btn-group {
        height: 32px;
    }

	.item-detail-modal .shopping-product-thumbnail {
		width: 60%;
	}
}

@media (min-width: 992px) {

	.item-detail-modal .modal-dialog {
		width: 75%;
		top: calc(25vh/2);
	}
}

@media (min-width: 1200px) {
	.item-detail-modal .modal-dialog {
		width: 70%;
	}

	.item-detail-modal .shopping-product-thumbnail {
		width: 40%;
	}
}

@media (min-width: 1400px) {
	.item-detail-modal .modal-dialog {
		width: 65%;
		max-width: 1200px;
	}
}