@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
	
	--site-fixed-top-height                   : 55px;
    --site-fixed-top-menu-push-down           : 0px;
    --site-logo-height                        : 54px;
    --site-logo-margin                        : 0px;
    --site-fixed-top-background-color         : #ffffff; 
	--site-image-radius                       : 6px;
	--site-shadow                             : 1px 1px 1px 1px #d7d7d7;

    --form-background-color                   : #f2f2f2;
    --form-heading-text-color                 : #06469e;
    --form-legend-text-color                  : #06469e;
    --form-heading-background-color           : #eeeeee; 
    --form-wrapper-radius                     : 6px;
    --form-field-radius                       : 2px;
    --form-button-background-color            : #06469d;
    --form-button-background-hover-color      : #0755be;        
    --form-button-radius                      : 24px;
    --form-messagebox-radius                  : 12px;    
    --form-shadow                             : none; /* 1px 1px 1px 1px #d7d7d7; */
    --form-field-shadow                       : 1px 1px 1px 1px #d7d7d7;
    --form-button-shadow                      : 1px 1px 3px 1px #a3a3a3;    
    --form-message-shadow                     : 1px 1px 2px 1px #8b8b8b;
    --form-consent-text-color                 : black;
    --form-consent-text-size                  : .9rem;
    --form-consent-text-weight                : 300;
            
    --footer-link-text-color                  : #0053a6;
    --footer-link-text-hover-color            : black;
    --footer-link-text-size                   : 1rem;
    --footer-link-text-weight                 : 600;
    --footer-bg-color                         : #ffffff;
    --footer-text-color                       : #000000;    
    
	--matrixOptionColWidth                    : 85px;    
	--matrixItemSpacing                       : 1px 4px 1px 4px;
	--matrixItemHeight                        : 25px;
    --matrixOptionRowActionsWidth             : 99px;
    
    		
	--site-main-font                          : 'Montserrat', sans-serif;
	
    --fixedtopbgcolor                         : #ffffff;  /* headers and footers background */

  
    --maintextcolor                           : #000000;  
    

}

.white-text { color : white; }
.white-background { background-color : white; }
.white-trans-background { background-color : rgba(255,255,255,.88); }

.black-text { color : black; }
.black-background { background-color : black; }


select:active, select:hover, select:focus 
{
  outline: none
}

/* Set root element font size */
html {
	font-size: 14px;
	position: relative;
	min-height : 100%;
}

/* Body global settings */
body {
    background-color : #e4e8ed;
	font-family: var(--site-main-font);
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
	font-smooth: always;
	font-smoothing: antialiased;
	padding-top : var(--site-fixed-top-height);
	overflow-x : hidden;
	opacity : 1;
    transition : opacity 2s;
    -webkit-transition : opacity 2s;
}

html,body
{
    margin:0;
}

button {
    border : 0;
    padding : 0;
}
button:focus
{
	outline : none;	
}

input[type="submit"], input[type="file"] 
{
    outline : none;
    border :  none;
}

.main-intro
{
	color: #ffffff;
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.3rem;
	font-weight: 700;
    text-align: center;
    padding: 30px;
    margin: 0px 0px 15px 0px;
    background-color : #06479d;
}

.pix1imageborder
{
	border : 1px solid #bbdbff;
}

.buttondisplaycontrol
{
	visibility : hidden;
	pointer-events : auto;
	opacity : 1;	
}

.buttondisplaycontrolshowandactivate
{
	visibility : visible;
	pointer-events : auto;
	opacity : 1;
}

.buttondisplaycontrolshowanddeactivate
{
	visibility : visible;
	pointer-events : none;
	opacity : .5;
}

.buttondisplaycontrolhideanddeactivate
{
	visibility : hidden;
	pointer-events : none;
	opacity : .5;	
}

.msgbox-blockbackground
{
    display : none;
	position : fixed;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 100%;
    background-color: rgba(0, 0, 0, .3);
    z-index : 3000;
}



.msgbox-messagebox
{
    display : none;
    position : fixed;
    top : 50%;
    left : 50%;
    -webkit-transform : translate(-50%, -50%);
    transform : translate(-50%, -50%);
    background : rgba(255,255, 255, 1);
    box-shadow: var(--form-message-shadow); 
	border-radius : 10px;
    margin : 0 auto;
    padding : 20px 30px 30px 30px;
    text-align : center;
    transition : all .6s;
    z-index : 3001;
}

.msgbox-Line
{
	display : inline-block;
	font-family : var(--site-main-font);
	font-size : 1rem;
	font-weight : 500;
	margin-bottom : 20px;
	color : #000000;
}

.msgbox-icon-wrapper
{
	margin-bottom : 12px;
}

.menu-icon-color
{
	color : #06479d;
}

.uplBlock {
	display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color : rgba(0,0,0, .2);
    z-index: 25001;
}
.uplBlock.active
{
    display: inline-block;
}

.entryBlocker {
	
	position : absolute;
	display: none;
    width: 100%;
    height: 100%;
    background-color : rgba(0,0,0, .5);
    top : 0px;
    left : 0px;
    z-index : 25001;
}
.entryBlocker.active
{
    display: inline-block;
}

.outerinlinecontactbox
{

	padding : 70px 30px 100px 30px;
	border-radius : 0px;
	z-index : 50;
	background-image : url('/images/general/contact_background.jpg');
	background-position : right;
}

.innerinlinecontactbox
{
    background-color : rgba(18,52,86,.6);
    padding : 30px 30px 30px 30px;
}


a, a:hover, a:visited, a:link, a:active 
{
    text-decoration: none;
}


UL { list-style : none; }

HR { color : #ff0080;}

h1, h2, span, p, div
{
	margin : none;
	padding : none;
	border : none;
}



.text-links-general-a
{
    color : var(--text-links-general-a-anchor-color);
}
.text-links-general-a:hover
{
    color : var(--text-links-general-a-anchor-color-hovered);
}

.imgUploadedShow {
	max-height : 100px;
	margin-left : 20px;
}

.tiny-text
{
	font-size : .8rem;
	font-weight : 300;
}

.base-text
{
	font-size : 1rem;
	font-weight : 300;
	line-height : 1.6rem;
}




.bold-text
{
	font-weight : 800;
}

.medium-text
{
	display : inline-block;
	font-size : 1.1rem;
	font-weight : 300;
	margin-bottom : 30px;
}


.large-text, .large-text-no-mb
{
	display : inline-block;
	font-size : 1.1rem;
	font-weight : 300;
	margin-bottom : 30px;

}

.large-text-no-mb
{
   margin-bottom : 0px;	
}


.ultra-large-text
{
	display : inline-block;
	font-size : 1.6rem;
	font-weight : 700;
	margin-bottom : 30px;
}

.tiny-text, .base-text, .medium-text, .large-text, .ultra-large-text
{
	color : var(--maintextcolor);
}

.heavy-bold-text
{
	font-weight : 700;
}

.no-border
{
	border : none;
}

.no-margin
{
	margin : none;
}

.no-padding
{
	padding : none;
}

.white-text-shadow 
{
	text-shadow: 1px 1px #808080;
}

.dark-text-shadow 
{
	text-shadow: 1px 1px #c4c4c4;
}

.box-shadow
{
    -webkit-box-shadow: 3px 3px 7px -1px rgba(173,170,173,1);
    -moz-box-shadow: 3px 3px 7px -1px rgba(173,170,173,1);
    box-shadow: 3px 3px 7px -1px rgba(173,170,173,1);
}


.site-fixed-top
{
  position: fixed;
  position: -webkit-fixed;
  top: 0;
  left: 0;
  width : 100%;
  min-width : 220px;
  height : var(--site-fixed-top-height);  
  background-color : var(--site-fixed-top-background-color);
  z-index : 100;
  padding : 0px 15px;
}

.site-fixed-top-menu-area-wrapper  /* tick */
{
	display : inline-block;
	width : 100%;
	background-color : var(--site-fixed-top-background-color);
    text-align : right;
    padding-top : var(--site-fixed-top-menu-push-down);                        /* push the menu down by this many pixels - for varied height top sizes */
    max-height : var(--site-fixed-top-height);
}

.site-fixed-top-menu-area  /* tick */
{
    display : inline-block;
}

.site-fixed-top-logo-area   /* tick */
{
    position : fixed;
    position: -webkit-fixed;
    top: 0;
    left: 15px;
    z-index : 105;
}



.site-logo-form-heading
{
	width : 80px;
	height : 27px;
}

p 
{
	margin : 0px;
	padding : 0px;
}

.page-outer-wrapper 
{
  margin-top : 20px;
  margin-left :15px;
  margin-right :15px;
  margin-bottom : 122px;  /* Height of footer - you will need to media q this as the footer grows, as the actual footer height will get larger on small screens */
} 

.site-footer-background 
{
    position : absolute;
    bottom : 0;
    left : 0;
    right : 0;
    min-height : 90px;
	background-color : var(--footer-bg-color);
}

.site-footer-type-large
{
	font-size : .9rem;
	color : var(--footer-text-color);
}

.site-footer-type-small
{
	font-size : .9rem;
	color : var(--footer-text-color);
}


.cust-create-image
{
	min-width : 100%;
	max-width : 100%;	
    object-fit : cover;
    max-height : 475px;
    min-height : 100%;    
    overflow : hidden;
    border-radius : var(--site-image-radius);
    box-shadow: none;    
    margin : 0 auto;
}

.merc-create-image
{
	min-width : 100%;
	max-width : 100%;	
    object-fit : cover;
    max-height : 475px;
    min-height : 100%;    
    overflow : hidden;
    border-radius : var(--site-image-radius);
    box-shadow: var(--site-shadow);    
    margin : 0 auto;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.mercProductImageManagerBackgroundBlocker
{
    display : none;
	position : fixed;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 100%;
    background-color: rgba(0, 0, 0, .3);
    z-index : 300;
}

.mercProductImageManagerPanel
{
	position : fixed;
    width : 90%;
    top : 50px;
    left: 50%;
    transform: translateX(-50%);
    display : none;
	background-color : white;
	border-radius : var(--form-wrapper-radius);
    max-height : 800px;
    overflow : auto;
    z-index : 305;	
    
}

.mercOptionMatrixNormalText
{
	font-size : .8rem;
	font-color : var(--form-legend-text-color);
	font-weight : 500;
}

.centered
{
	text-align : center;
}
.mercProductImageManagerPanelFileList
{
	display : inline-block;
	font-size : 1rem;
	color : #808080;
	background-color : #ebebeb;
	width : 100%;
    margin-bottom : 4px;
    padding : 2px 5px 2px 5px;
    border-radius : var(--form-wrapper-radius);
    overflow : hidden;
}

.mercProductImageManagerPanelFileListHeading
{
	background-color : #e6e6e6;
	border-radius : 15px 15px 0px 0px;
    padding : 25px;
}

.mercMatrixSection
{
	display : block;	
    width : 100%;	
	background-color : #eeeeee;
	padding : 5px;
	margin : 5px 0px 5px 0px;
	border : 1px solid #c0c0c0;
    white-space : nowrap;	
	overflow-x : auto;
}

.mercOptionMatrixPanel
{
	display : block;
    width : 100%;
	background-color : #ffffff;
	padding : 10px 15px 15px 15px;
	border : 1px solid #e0e0e0;
	box-shadow : var(--form-field-shadow);
    white-space : nowrap;	
}

.mercOptionMatrixInstructions
{
	display : inline-block;
	background-color : #ffffff;

	font-size : .8rem;
	font-weight : 600;
	color : #000000;
	text-align : left;
	vertical-align : top;
}

.mercOptionMatrixCheckBox
{
	display : inline-block;
	width : 15px;
	height : 15px;
	padding : none;
	margin : 0px 0px 0px 2px;
	color : #dddddd;
}


.mercColActions
{
	display : inline-block;
	width : var(--matrixOptionColWidth);
	margin : var(--matrixItemSpacing);
    min-height : var(--matrixItemHeight);   
	text-align : center;
    vertical-align : bottom;	
	overflow : hidden;
}



.mercImageTotals
{
	display : inline;
    color : black;
    font-weight : 600;
	font-size : .8rem;
}

.mercRowActions
{
	display : inline-block;
	width : var(--matrixOptionRowActionsWidth);
	margin : var(--matrixItemSpacing);
	padding-top : 3px;
    min-height : var(--matrixItemHeight);  
    vertical-align : bottom; 
	text-align : center;
	overflow : hidden;
}

.mercRowSingleAction
{
	display : inline-block;
	width : 33%;
}

.mercOptionMatrixColHeading, .mercOptionMatrixRowHeading
{
	display : inline-block;
	height : 22px;
	width : var(--matrixOptionColWidth);
	background-color : #ffffff;
	border : 1px solid #e6e6e6;
	outline : none;
	padding : 4px 4px 3px 4px;
	font-size : .7rem;
	font-weight : 700;
	color : #000000;
	text-align : left;	
	border-radius : var(--form-field-radius);
    margin : var(--matrixItemSpacing);	
}

.mercOptionMatrixTopLeft
{
   display : inline-block;
   width : var(--matrixOptionColWidth);
   margin : var(--matrixItemSpacing);
 
}

.mercNotCurrentPTypeButton
{
	display : inline-block;
	background-color : var(--form-button-background-color);
	color : #ffffff;
    font-size: .8rem;
    font-weight: 400;
    text-align : center;
    border-radius : var(--form-button-radius);
    padding : 5px 10px 5px 10px;
    box-shadow: var(--form-button-shadow);
    margin : 5px;
}

.mercNotCurrentPTypeButton:hover
{
	background-color : var(--form-button-background-hover-color);
	color : white;
    cursor : pointer;
    box-shadow : none;
}

.mercCurrentPTypeButton
{
	display : inline-block;
	background-color : #4d874b;
	color : #ffffff;
    font-size: .8rem;
    font-weight: 400;
    text-align : center;
    border-radius : var(--form-button-radius);
    padding : 5px 10px 5px 10px;    
    box-shadow: none;
    margin : 5px;    
}


.mercOptionMatrixTitle
{
	display : block;
	font-size : 1rem;
	font-weight : 700;
	font-color : var(--form-heading-text-color);
	text-align : center;
	
}

.mercOptionMatrixAddColButton
{
	display : inline-block;
	width : var(--matrixOptionColWidth);
	background-color : var(--form-button-background-color);
	color : #ffffff;
    font-size: .7rem;
    font-weight: 400;
    text-align : center;
    border-radius : var(--form-button-radius);
    padding : 3px 5px 3px 5px;
    box-shadow: var(--form-button-shadow);
    margin : var(--matrixItemSpacing);
}
.mercOptionMatrixAddColButton:hover
{
	background-color : var(--form-button-background-hover-color);
	color : white;
    cursor : pointer;
    box-shadow : none; 
}
.mercOptionMatrixAddRowButton
{
	display : inline-block;
	width : var(--matrixOptionColWidth);
	background-color : var(--form-button-background-color);
	color : #ffffff;
    font-size: .7rem;
    font-weight: 400;
    text-align : center;
    border-radius : var(--form-button-radius);
    padding : 3px 5px 3px 5px;
    box-shadow: var(--form-button-shadow);
    margin : var(--matrixItemSpacing);
    margin-top : 7px;
}
.mercOptionMatrixAddRowButton:hover
{
	background-color : var(--form-button-background-hover-color);
	color : white;
    cursor : pointer;
    box-shadow : none; 
}


.mercMatrixOptionInputPrice
{
	height : 22px;
	width : var(--matrixOptionColWidth);
	background-color : #ffffff;
	border : 1px solid #e6e6e6;
	outline : none;
	padding : 4px 4px 3px 4px;
	font-size : .7rem;
	font-weight : 700;
	color : #000000;
	text-align : right;	
	border-radius : var(--form-field-radius);
    margin : var(--matrixItemSpacing);	
   
}


.mercProductImagePanelProductWrapper
{
	width : 100%;
	background-color : #ffffff;
	padding : 4px;
	margin : 4px;
	border : 1px solid #e2e2e2;
	height : 100%;
	
}

.mercProductImageThumbWrapper
{
	border : 1px solid #ffffff;
}

.mercProductOptionDeleteImageButton
{
	display : inline-block;
	background-color : var(--form-button-background-color);
	color : #ffffff;
    font-size: .7rem;
    font-weight: 300;
    text-align : center;
    border-radius : var(--form-button-radius);
    padding : 3px 5px 3px 5px;
    box-shadow: var(--form-button-shadow);
	
}

.mercProductOptionDeleteImageButton:hover
{
	background-color : var(--form-button-background-hover-color);
	color : white;
    cursor : pointer;
    box-shadow : none; 
}


.fa-icon-blue
{
	color : #06469d;
    cursor : pointer;	
}

.fa-icon-green
{
	color : #2b6718;
    cursor : pointer;	
}

.fa-icon-red
{
	color : #bf0000;
    cursor : pointer;	
}

.fa-33percent
{
	display : inline-block;
	width : 30%;
}

/* FORM SPECIFICS */
::-webkit-input-placeholder 
{ /* Edge */
  color: #c0c0c0;
  font-weight : 
}

:-ms-input-placeholder 
{ /* Internet Explorer 10-11 */
  color: #c0c0c0;
}

::placeholder 
{
  color: #c0c0c0;
}

.stndInputFormBlockBackground {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color : rgba(0,0,0, .2);
    z-index: 25001;
}

.stndInputFormBlockBackground.active
{
    display: inline-block;
}

.stndFormWrapper
{
	display : block;
	padding : 50px;
	border-radius : var(--form-wrapper-radius);
	width : 100%;
	background-color : var(--form-background-color);
    box-shadow: var(--form-shadow);

}

.noShadow
{
	box-shadow : none;
}
	
.stndFormHeading
{
	display : inline-block;
	width : 100%;
	padding : 10px 0px 10px 0px;
	text-align : center;
	font-size : 1.2rem;
	font-weight : 500;
	color : var(--form-heading-text-color);
	background-color : var(--form-heading-background-color);
}	

.stndInputFormNonLegendTextA
{
	display : block;
	color : #202124;
	margin : 10px 0px 10px 0px;
	font-size : 1.1rem;
	font-weight : 600;
}

.stndInputFormNonLegendTextB
{
	display : block;
	color : #202124;
	margin : 0px 0px 0px 0px;
	font-size : 1.1rem;
	font-weight : 600;
}

.stndInputFormNonLegendTextC
{
	display : block;
	color : #202124;
	margin : 0px 0px 0px 0px;
	font-size : 1rem;
	font-weight : 400;
}


.stndInputFormNonLegendTextRequired
{
	display : block;
	color : #b0b0b0;
	margin : 0px 0px 4px 0px;
	font-size : .9rem;
	font-weight : 500;
}



.stndInputFormSelectBox
{
	height : 36px;
	outline : none;	
    width : 360px;
    max-width : 450px;    
	border : 1px solid #e6e6e6;
    -webkit-appearance : none; 
    background: url('/images/general/sel-down-arrow.png') no-repeat right;
	font-size : 1rem;
    font-weight: 500;    
	color : #606060;
	padding : 5px 28px 5px 13px;
	border-radius : var(--form-field-radius);
	box-shadow : var(--form-field-shadow);
 	margin-top : 10px;   
}

.stndInputFormSelectBoxLegend
{
    color : #a0a0a0;
	font-size : 1rem;
}

.stndInputFormGeneralLegend
{
    color : #a0a0a0;
	font-size : 1rem;
}

.stndInputFormInstructionLegend
{
    color : #a0a0a0;
	font-size : .9rem;
}

.stndMarginTop5 {
	margin-top : 5px;
}

.stndInputTextSingleLine, .stndInputTextSingleLineUCASE 
{
	display : inline-block;
	width : 100%;
	height : 36px;
	background-color : #ffffff;
	border : 1px solid #e6e6e6;
	outline : none;
	padding : 13px;
	font-size : 1rem;
	font-weight : 500;
	color : #606060;
	border-radius : var(--form-field-radius);
	box-shadow : var(--form-field-shadow);
	margin-top : 10px;
}

.stndInputTextSingleLineUCASE
{
   text-transform : uppercase;
}

.stndInputTextMultiLine {
	display : inline-block;
	width : 100%;
	height : 150px;
	background-color : #ffffff;
	border : 1px solid #e6e6e6;
	margin : 0px;
	padding : 8px 0px 0px 13px;
	font-size : 1rem;
	font-weight : 500;	
	color : #606060;
	resize : none;
	outline : none;	
	vertical-align : center;
	border-radius : var(--form-field-radius);
    box-shadow : var(--form-field-shadow);
	margin-top : 10px;    
}


.stndInputTextMultiLine:focus, .stndInputTextSingleLine:focus, .stndInputTextSingleLineUCASE:focus 
{
   background-color : white;
}

.stndInputFormActionButton
{
	display : inline-block;
	background-color : var(--form-button-background-color);
	color : #ffffff;
    font-size: 1rem;
    font-weight: 400;
    text-align : center;
    border-radius : var(--form-button-radius);
    padding : 10px 21px 10px 21px;
    box-shadow: var(--form-button-shadow);
    margin : 5px;
}

.stndInputFormActionButton:hover
{
	background-color : var(--form-button-background-hover-color);
	color : white;
    cursor : pointer;
    box-shadow : none;
}


.stndSmallInputFormActionButton
{
	display : inline-block;
	background-color : var(--form-button-background-color);
	color : #ffffff;
    font-size: .8rem;
    font-weight: 400;
    text-align : center;
    border-radius : var(--form-button-radius);
    padding : 5px 10px 5px 10px;
    box-shadow: var(--form-button-shadow);
}

.stndSmallInputFormActionButton:hover
{
	background-color : var(--form-button-background-hover-color);
	color : white;
    cursor : pointer;
    box-shadow : none; 
}

.stndSmallInputFormActionButtonPercent100
{
	display : inline-block;
	width : 100%;
	background-color : var(--form-button-background-color);
	color : #ffffff;
    font-size: 1rem;
    font-weight: 400;
    text-align : center;
    border-radius : var(--form-button-radius);
    padding : 5px 10px 5px 10px;
    box-shadow: var(--form-button-shadow);
}

.stndSmallInputFormActionButtonPercent100:hover
{
	background-color : var(--form-button-background-hover-color);
	color : white;
    cursor : pointer;
    box-shadow : none; 
}

.stndNoDisplay
{
	display : none;
}

.stndInputFile
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.stndInputFile + label {
	display : inline-block;
    font-size : 1rem;
    font-weight : 400;
    color : white;
    background-color : var(--form-button-background-color);
    text-align : center;
    border-radius : var(--form-button-radius);
    padding : 5px 10px 5px 10px;
    box-shadow: var(--form-button-shadow);
}

.stndInputFile + label:hover {
	background-color : var(--form-button-background-hover-color);;
	color : white;
    cursor : pointer;
    box-shadow : none; 
}


.stndInputUploadBlocker
{
	display : none;
	position : fixed;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 100%;
    background-color: rgba(0, 0, 0, .1);
    z-index : 4000;  /* max out - halt all */	
}

.stndProgressBar
{
	width : 0px;
    min-height : 30px;
    border-radius : 4px;
	background-color : #259248;
}
.stndProgressBarPercent
{
    text-align : center;
	background-color : white;
	color : #000000;
	font-size : 1rem;
	font-weight : 500; 
}


.stndPushDown6px
{
	min-height : 6px;
}
.stndPushDown12px
{
	min-height : 12px;
}
.stndPushDown22px
{
	min-height : 22px;
}

.stndScreenBlock
{
	display : none;
	position : fixed;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 100%;
    background-color: rgba(0, 0, 0, .9);
    z-index : 10000;
}

.stndInputFormConsentText
{
	margin-top : 20px;
	font-size : var(--form-consent-text-size);
	color : var(--form-consent-text-color);
	font-weight : var(--form-consent-text-weight);
}

.stndInputFormConsentCheck
{
	margin-top : 20px;
}

.stndInputFormFloatingLabelGroup {
  position: relative; /*  make label relate to div  */
  padding-top: 10px;  /*  make space for label      */
}

.stndInputFloatingLabel {
		position: absolute;
		pointer-events: none;
		top: 28px;
		left: 14px;
		transition: all 0.15s ease-in;
		color : #8c8c8c;
		font-size : 1rem;
}

.mercInValidPriceColor
{
	color : #c40000;
}

.mercValidPriceColor
{
	color : #00753a;
}

.mercOptionInValidMatrixHeadingColor
{
	color : #c40000;
}

.mercOptionValidMatrixHeadingColor
{
	color : #00753a;
}

textarea:focus ~ .stndInputFloatingLabel,
textarea:not(:focus):valid ~ .stndInputFloatingLabel,
input:focus ~ .stndInputFloatingLabel,
input:not(:focus):valid ~ .stndInputFloatingLabel,
select:focus ~ .stndInputFloatingLabel,
select:not(:focus):valid ~ .stndInputFloatingLabel
{
		top: 5px;
		bottom: 0px;
		left: 0px;
		font-size: .8rem;
		color : #313131;		
		opacity : 1;
		border-top : 1px solid #e5e5e5;
		border-left : 1px solid #e5e5e5;
		border-right : 1px solid #e5e5e5;
		border-radius : var(--form-field-radius) var(--form-field-radius) 0px 0px;
		height : 16px;
		padding : 1px 5px 1px 5px;
		background-color : white;
}


.footer-link-text
{
	color : var(--footer-link-text-color);
	font-size : var(--footer-link-text-size);
    font-weight : var(--footer-link-text-weight);
}

.footer-link-text:hover
{
	color : var(--footer-link-text-hover-color);
}

.merc-menu-heading
{
	font-size : 1.1rem;
	font-color : blue;
	font-weight : 600;
	
}

.merc-menu-option
{
	color : var(--footer-link-text-color);
	font-size : var(--footer-link-text-size);
    font-weight : var(--footer-link-text-weight);
}

.merc-menu-option:hover
{
	color : var(--footer-link-text-hover-color);
}

.admi-menu-heading
{
	font-size : 1.1rem;
	font-color : blue;
	font-weight : 600;
	
}

.admi-menu-option
{
	color : var(--footer-link-text-color);
	font-size : var(--footer-link-text-size);
    font-weight : var(--footer-link-text-weight);
}

.admi-menu-option:hover
{
	color : var(--footer-link-text-hover-color);
}


@media only screen and (max-width: 576px) 
{
}

@media only screen and (max-width: 1850px) 
{
}

@media only screen and (max-width: 1650px) 
{
}

@media only screen and (max-width: 1590px) 
{
}

@media only screen and (max-width: 1300px) 
{
}

@media only screen and (max-width: 991px) 
{
	.stndInputFieldLegend
    {
	    text-align : left;
    }
}

@media only screen and (max-width: 767px) 
{
}

@media only screen and (max-width: 576px) 
{
	.stndInputFieldLegend 
    {
	    text-align : left;
	    margin : 6px 0px 0px 0px;
    }
}