:root
{
  --dgrey: #404040;
  --mdark: #828282;
  --mgrey: #BDBDBD;
  --lgrey: #E0E0E0;
  --slgrey: #F7F7F7;
  --bordergrey:#cecdcd;
  --anthracite:#383e42;
  --bpgreen:#d6e02b;
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url('./fonts/Roboto-Regular-webfont.eot');
    src: url('./fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('./fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('./fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('./fonts/Roboto-Light-webfont.eot');
    src: url('./fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/Roboto-Light-webfont.woff') format('woff'),
         url('./fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('./fonts/Roboto-Light-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Roboto-Bold';
    src: url('./fonts/Roboto-Bold-webfont.eot');
    src: url('./fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('./fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('./fonts/Roboto-Bold-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
    font-size:1rem;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: normal;
    color: #ff0000;
    font-size:0.8rem;
}

.validation-summary-valid {
    display: none;
}


.bg-dark-opaque
{
	background-color:rgba(11,31,35,1)!important;
	
}

footer
{
    background-color:#0b1f23!important;
}
.company-header-logo,
.virtual-tour-logo
{
	max-height:60px;
	width:auto;
	cursor:pointer;
}

.nav-link
{
    font-size:0.875rem;
	color: rgba(255,255,255,1)!important;
}


.nav-link2
{
	color:#212529!important;
}

#header-container
{
	max-width:100%;
	/*
removed this because of second bar
    padding-left:0px;
	padding-right:0px;*/
}

.category-label 
{
    color:White;
    padding:8px;
    margin:0 10px;
}

.category-label a
{
    color: White;
}

.category-label a:hover
{
    border-bottom:1px solid white;
    color:white;
}

.category-label a:link { 
  text-decoration: none; 
} 
.category-label a:visited { 
  text-decoration: none; 
} 
.category-label a:hover { 
  text-decoration: none; 
} 
.category-label a:active { 
  text-decoration: none; 
}

.categories-container
{
    display:none!important;    
}

.normal-text
{
	font-size:1rem;
}

.secondary-text
{
	font-family: "Roboto-Light", "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
	font-size:0.875rem;
	color: #616161;
}

.sub-remark
{
	font-size:1.125rem;
	font-weight:300;
	font-family: "Roboto-Bold";
	color: #777777;
}

.info-label
{
    display:block;
    color: #0f94cb;
}

input[type=text],
input[type=password]
{
	border: 1px solid #ccc;
	padding: 2px 5px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
     outline:none;
	
}
input[type=text]:focus,
input[type=password]:focus
{
	border: 1px solid #616161 !important;
}

select
{
	border: 1px solid #ccc !important;
	padding-left:1px!important ;
	padding-right:5px!important;
	padding-top:2px!important;
	padding-bottom:2px!important;
	-moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px!important;
     outline:none!important;
     height:auto!important;
}
select:focus
{
	border: 1px solid #616161 !important;
}

.container-box
{
    -webkit-box-shadow:2px 3px 1px rgba(50,50,50,0.2);
    -moz-box-shadow:2px 3px 1px rgba(50,50,50,0.2);
    box-shadow:2px 3px 1px rgba(50,50,50,0.2);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border:1px solid #cecdcd;
    padding: 5px 10px;
        	
}

.model-message
{
    font-size:0.8rem;
    background:#0f94cb;
    color:#ffffff;
    padding:1rem 0;        	
}


.sm-text
{
	font-size:0.875rem;
}

label
{
	margin-bottom:0px;
}

.secondary-label
{
	color: #616161;
}


.img-signin
{
	height:32px;
	width:32px;
	display:inline-block;
	cursor:pointer;
	margin:0rem 0.5rem; 
}

#cart-items
{
	display:inline-block;
	font-size:0.875rem;
	margin-left:2px;
}

.btn-option
{
	padding:6px 18px!important;
	font-size:0px!important;
}

#cookies-message
{
    flex-direction:column;
    width:90%;
    border:1px solid;
    padding:1rem;
    border-radius:10px;
    background:#fffdfa;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cookies-message-buttons
{
    margin-top:0.5rem;
}

.hidden
{
    display:none;
}


.category-item
{
    display:block;
}

@media (min-width: 769px)
{
	#main
	{
		padding-top:118px;
		min-height: calc(100vh - 118px)!important;
	}
	
	
}

@media (max-width: 768px)
{
	.fixed-top
	{
		position:relative;
	}
	
	.img-signin
	{
		height:23px;
		width:23px;
	}
	
	.btn-option
	{
		padding:10px 12px!important;
	}
}


@media (min-width:768px)
{
    .categories-container
    {
        display:flex!important;    
    }
    
    .category-item
    {
        display:none;
    }
}
@media (min-width: 576px)
{
    #cookies-message
    {
        flex-direction: row;
        width: 400px;
        
    }
    
    .cookies-message-buttons
    {
        margin-top:0px;
        margin-left:0.5rem;
    }
}

@media (max-width: 576px)
{ 
    
    .h1
    {
        font-size:1.5rem;
    }	
            
    .sub-remark
    {
        font-size:0.675rem;
    }
}

.input-group2 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  width: 100%;
}

.input-group2 .form-control
{
	display:inline-flex;
	width:100%;
}

.input-group2 .field-validation-error
{
	display:inline-flex;
	align-items:center;
	margin-left:3px;
}


/* Table Ralated */

.table-cell
{
	display:table-cell;
}

.table-row
{
	display:table-row;
}

.table
{
	display:table;
}

.table-cell-autofit
{
	width:1px;
	white-space:nowrap;
}

.table-full-width
{
	width:100%;
}
/* End of Table Related */

.vertical-align-middle
{
	vertical-align:middle;
}

.text-align-center
{
	text-align:center;
}

.text-align-right
{
	text-align:right;
}

.navbar-right
{
	float:right !important;
}

.no-padding
{
	padding-left:0px;
	padding-right:0px;
}

.col-thin-padding
{
	padding:0px 5px;
}

#dialog-confirm-message
{
	font-family: "Roboto-Light", "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
	font-size:1rem;
	color:#212529;
	padding:0px 10px;
}


textarea
{
	padding: 2px 5px!important;
}


.bold-text
{
	font-family: "Roboto-Bold", "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
}


.double-font-size
{
	font-size:2rem;
}

.col-no-padding
{
	padding-left:0px!important;
	padding-right:0px!important;
}


.triple-font-size
{
	font-size:3rem;
}

.even-row
{
	background: #ebebeb;
}

.underline-text
{
	text-decoration:underline;
}

@media only screen and (max-width: 767px)
{
	#dialog-confirm-message
	{
		font-size:0.875rem;
		padding:0px 5px;
	}
	
	.navbar-right
	{
		float:left !important;
	}
}




.align-items-center
{
  display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    align-items: center;
}



.open-product-details
{
	cursor:pointer;
}


.blue-color
{
	color:#0f94cb;
}



.orange-color
{
	color:#d6e02b;
}

.btn-search
{
	background-color:#ffffff;
	-webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    padding:0px 8px;
    background:#0b1f23;
    border:1px solid white;
}

.btn-search:focus
{
    border-color:Red;
}

#txtSearch
{
	background-color: #ebebeb;
	border:1px solid #ffffff;
	background:#ffffff;
	width:250px;
	--webkit-border-top-left-radius: 32px;
    -webkit-border-bottom-left-radius: 32px;
    -moz-border-radius-topleft: 32px;
    -moz-border-radius-bottomleft: 32px;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
}

#txtSearch:focus
{
    border:1px solid #ffffff;
}

.btn-image
{
	height:32px;
	max-width:32px;
}

/*.slashed-price
{
	text-decoration:line-through;
	font-size:0.875rem;
}*/
.slashed-price
{
	position:relative;
	font-size:1em;
}
.slashed-price:before{
	border-bottom: 1px solid red;
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
}

#SignInContainer
{
	margin-left:3px;
	
}


#navbarResponsive
{
	padding:0px 5px;
}

.child-menu
{
	display:none;
}

.child-menu:toggled
{
	display:block;
}

.child-menu li a
{
	padding-left:2.250rem!important;
}


.additional-button
{
	margin-left:0px!important;
	margin-top:2px!important;
}

.out-of-stock {
    color: #ff0000;
    font-size: 0.75rem;
    height: 1rem;
    line-height: 1rem;
}

@media screen and (min-width:960px)
{
	#txtSearch
	{
		width:300px;
	}
	
	.child-menu li a
{
	padding-left:3rem!important;
}

	
}

@media screen and (max-width:1024px)
{
	.nav-link,
	.dropdown-item
	{
		font-size:0.875rem;
	}
	
	
	
}

@media screen and (min-width:360px)
{
	.additional-button
	{
		margin-left:3px!important;
		margin-top:0px!important;
	}
}

@media screen and (max-width:480px)
{
	
	
	#SignInContainer
	{
		margin-left:0px;
	}
	
	#searchContainer
	{
		width:100%;
		margin-top:5px;
	}
	
	#searchContainer form
	{
		width:100%;
	}
	
	#SignInContainer
	{
		margin-top:1rem;
		
	}
	
	
	#navbarResponsive
	{	
		padding:0;
	}
}



.base-color-text
{
    color: #49737c;
}

.main-color-text
{
    color: #0b1f23;
}

.accent-color-text
{
    color: #230b15;
}

#btnSearch:focus
{
    
    outline:none!important;
}

#cart-items
{
    background:rgba(255,0,0,0.9);
    color:White;
    position:absolute;
    top:0%;
    left:50%;
    transform: translate(-50%, -50%);
    	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size:12px;
    width:50%;
  
}