@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap');

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    text-align: center;
    background: #E8E8E8;
    font-family: 'Catamaran', sans-serif;
    font-size: 12pt /* 12px */;
    color: #000000;
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
}
                  

.calendergrid .ajax__calendar_container td
{
    border: 0px;
}

.hiddencol
{
    display:none;
}
.viscol
{
    display:block;
}
        
.highlighticon {
    border-color: #666666;
    border-bottom: 1px solid;
} 

.modalpopup
{
    border: 1px solid #003C74;
   /* -moz-border-radius: 14px;
    border-radius: 14px;
    -webkit-border-radius: 14px;*/
}

.modalBackground
{
    z-index:10000 !important;
}

h1
{
    font-weight: bold;
    font-size: 10pt;
}

h2
{
    font-weight: bold;
    font-size: 14pt;
}

.fixedlayout { TABLE-LAYOUT: fixed }

hr 
{
    color: #D0D0BF;
}

.menu a{
font-size:16px;
color:#FFFFFF;
}

.menu a:visited{
color:#FFFFFF;
}

.SubMenu {
    color: #FFFFFF;
    z-index: 9999999;
    text-align: left;
    border-bottom: 1px solid black;
    font-size: 16px;
    border-top: 1px solid silver;
    white-space: nowrap;
}

.menuBackground {
    background: #0c727a;
    width:100%;
}

.contentBackground {
    background: #FAFAFA; /* #51C2B7; */
    width: 100%;
}

.SubMenuItem
{
     width: 100%;
     white-space:nowrap;

}

.CustomBullet
{
}

.CustomBullet li
{
    margin-bottom: 6px;
    list-style-image: url(../Images/bullet.jpg);
}

.SubMenuItem a
{
    /*font-family: arial, helvetica, sans-serif;
    font-weight: bold;*/
    color:#FFFFFF;
    white-space:nowrap;
}

.SubMenuItem a:visited
{
    /*font-family: arial, helvetica, sans-serif;
    font-weight: bold;*/
    color:#FFFFFF;
}

.SubMenuItem:hover {
    background-color: #2E334A;
    
}

.button[disabled]
{
	cursor:default;
	color:#B8A8BB;
	background: #F3F3EE;
}

.redbox
{
    color: White;
    background-color: Red;
    border: 1px solid #ccc;
    padding: 2px 2px 2px 2px;
}

.redselectbox
{
    color: White;
    background-color: Red;
    border: 1px solid #ccc;
}

.normalbox
{
    color: Black;
    background-color: White;
    border: 1px solid #ccc;
    padding: 2px 2px 2px 2px;
}

.normalselectbox
{
    color: Black;
    background-color: White;
    border: 1px solid #ccc;
}

.button {
    border: 1px solid #003C74;
    color: #000;
    background: #F3F3EE;
    cursor:pointer;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: 1px 1px 1px #999;
    -webkit-box-shadow: 1px 1px 1px #999;
    box-shadow: 1px 1px 1px #999;
}

.highlightbutton {
    border: 1px solid #003C74;
    color: #fff;
    background: #2E334A;
    cursor: pointer;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: 1px 1px 1px #999;
    -webkit-box-shadow: 1px 1px 1px #999;
    box-shadow: 1px 1px 1px #999;
}

.highlightbutton[disabled]
{
	cursor:default;
	color:#B8A8BB;
	background: #F3F3EE;
}

a[disabled]
{
    color: Gray;
}

a {
    text-decoration:none;
}

.table
{
	padding: 10px 10px 10px 10px;
	
	
}

.mob td
{
	border: 0px;
}

.grid
{

}

.gridheader
{
    height: 30px;
}

.gridfooter
{
    height: 30px;
}

.grid td
{
	border: 1px solid #cccccc;
}

.stockgrid td
{
    padding-top: 1px;
    padding-bottom: 1px;
    border: 1px solid #cccccc;
}

.stockgrid table td
{
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0px;
}

.logingrid
{
	
}

.logingrid td
{
    padding: 10px;
}

.login
{
    font-size:24px;
}

.login td
{
    border: 0px;
    padding: 4px;
}

.greenTop {
    background-color: var(--theme-fountain-blue);
    background-image: url(../images/grassGrey.svg), linear-gradient(180deg, rgba(12,114,122,0.35) 0, rgba(12,114,122,0) 110px);
    background-position: center bottom, center;
    background-repeat: repeat-x, no-repeat;
    background-size: 360px 25px, 100vw;
    padding-top: env(safe-area-inset-top);
}

.greyBottom {
    background-color: var(--bg-base);
    background-image: linear-gradient(180deg, var(--bg-top) 0, var(--bg-base) 60px);
    padding: 0 15px env(safe-area-inset-bottom) 15px;
    display: flex;
    flex-direction: column;
}

.greyTop {
    position: relative;
    background-color: var(--bg-base);
    background-image: url(../images/grassGreen.svg);
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: 360px 25px;
    z-index: 2;
}

    .greyTop.scrolled {
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
    }

.greenBottom {
    background-color: var(--theme-fountain-blue);
    background-image: linear-gradient(0deg, rgba(12,114,122,0.25) 0, rgba(12,114,122,0) 100px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100vw;
    padding: 15px 15px 0 15px;
    display: flex;
    flex-direction: column;
    z-index: 3;
}


a {
    font-size:14px;
    color: black;
}

a:visited{
    color:#0000FF;
}

.wrapper{
    width:100%;
    margin:0 auto;
}

.adminwrapper{
    width:960px;
    margin:0 auto;
    background:#fff;
    border-right:3px solid #ededed;
    border-left:3px solid #ededed;
}

.banner
{
    vertical-align: middle;
    background-color: White;
    padding: 4px;
   
}

.content {
    background: #FAFAFA;
    padding: 10px;
    text-align: left;
    min-height: 300px;
}


.footer-socials {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 -8px;
}

.mobile-header-socials {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 -8px;
}

.social-link-wrap {
    padding: 0 8px;
}

.social-link {
    width: 40px;
    height: 40px;
    min-width: 40px;
    max-width: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.footer-socials .social-link {
    background-color: #333852;
}

    .footer-socials .social-link:hover {
        background-color: #0C727A;
    }



.menu{
    
    
}

h3
{
    /*font-family: arial, helvetica, sans-serif;*/
    font-size:10pt;
    color:#3F3F3F;
    font-weight:bold;
    text-align:left;
    margin: 0;
    padding-top: 0px;
    width:103%;
    border-bottom:1px solid #ededed;
}

html {
    height: 100%;
    box-sizing: border-box;
}

* {
    box-sizing: inherit;
}

.fpwrapper {
    min-height: 100%;
    height: 100%;
    /*margin-bottom: -150px;*/
    display: grid;
    grid-template-rows: auto 1fr auto;
}

.fpfooter {
    /*background-color: orange; */
    /*position: absolute;*/
    left: 0;
    //bottom: 0;
    background-color: #2E334A;
    color: whitesmoke;
    /*font-family: Graphie-Light;
    font-weight: lighter;
    font-size: 18px;*/
    height: 150px;
    width: 100%;
    font-size: 10pt;
    overflow: hidden;
    padding-bottom: 4px;
    padding-top: 20px;
}

.fpfooter1 {
    /*background-color: orange; */
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #2E334A;
    color: whitesmoke;
    /*font-family: Graphie-Light;
    font-weight: lighter;
    font-size: 18px;*/
    height: 150px;
    width: 100%;
    font-size: 10pt;
    overflow: hidden;
    padding-bottom: 4px;
    padding-top: 20px;
}

.fpfooter a {
    color: whitesmoke;
}

.footer {
    background-color: #2E334A;
    width: 100%;
    padding-top: 20px;
    font-size: 10pt;
    padding-bottom: 20px;
    text-align: center;
    color: #fff;
   
}

.footer a:link{
    color:#fff;
    font-size:10pt;
}

.footer a:visited{
    color:#fff;
    font-size:10pt;
}

html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}

.ajax__calendar_title {width:130px; margin:auto; padding:3px;}

.handOn
{
	Cursor: pointer;
}

.handOff
{
	Cursor: default;
}

.ajax__tab_agrinet .ajax__tab_header 
{
    
    font-weight: bold;
    display:block;
    color:#606060;
    min-width:760px;
}

.ajax__tab_agrinet .ajax__tab_header .ajax__tab_outer 
{
    background:url('../Images/tab.png') no-repeat left top;
    margin:0px 0.16em 0px 0px;
    padding:0px 0px 0px 0px;
    vertical-align:bottom;
    border:solid 1px #808080;
    border-bottom-width: 0px;
    
   /*     -moz-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;*/
}

.ajax__tab_agrinet .ajax__tab_header .ajax__tab_tab
{    
    cursor:pointer;
    padding:0.35em 0.70em;    
    margin-right:0.01em;
}
.ajax__tab_agrinet .ajax__tab_hover .ajax__tab_outer 
{
    color: #000;
}

.ajax__tab_agrinet .ajax__tab_hover .ajax__tab_inner 
{
    color:#000;
}

.ajax__tab_agrinet .ajax__tab_active .ajax__tab_tab 
{
    color:#000000;
}
.ajax__tab_agrinet .ajax__tab_active .ajax__tab_outer
{
    background: #FFE95E;
    color: #000000;
   
   /* -moz-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;*/
}

.ajax__tab_agrinet .ajax__tab_active .ajax__tab_inner
{
   /*  -moz-border-top-right-radius: 14px;
    border-bottom-top-radius: 14px;
    -webkit-border-top-right-radius: 14px;*/
}

.ajax__tab_agrinet .ajax__tab_body 
{
    padding:0.25em 0.5em;   
    border:solid 1px #808080;
    min-width:800px;

    
  /*   -moz-border-top-right-radius: 14px;
    border-bottom-top-radius: 14px;
    -webkit-border-top-right-radius: 14px;
        
        -moz-border-bottom-left-radius: 14px;
    border-bottom-left-radius: 14px;
    -webkit-border-bottom-left-radius: 14px;
    
    -moz-border-bottom-right-radius: 14px;
    border-bottom-right-radius: 14px;
    -webkit-border-bottom-right-radius: 14px;*/
}

minw_800
{
    min-width:800px;
}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

#cboxOverlay{background:#000;}
#colorbox{}
#cboxTopLeft{width:14px; height:14px; background:url(../Images/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(../Images/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(../Images/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(../Images/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(../Images/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(../Images/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(../Images/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(../Images/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(../Images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../Images/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../Images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
        
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}

.tooltiplink
{
    text-decoration: none;
}

.ModalProgressContainer
{
    z-index: 99999;
    position: fixed;
    cursor: wait;
    top: 49%;
    height: 100%;
    width: 100%;
    text-align: center;
} 

.ModalProgressContent
{
    vertical-align: middle;
   
    top: 49%;
    right: 48%; 
} 

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
		
#slider, #slider li{ 
	width:778px;
	height:134px;
	overflow:hidden; 
}

#slider li{}		
#slider li h2
{ 
	margin:0 20px;
}	
		
#slider li p
{ 
	margin:20px;
}	
		
#slider 
{
	border: 1px solid #cccccc;
	    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}		
		
.slidercontent
{
	width: 100%;
	padding-left: 14px;
	padding-right: 14px;
}

.slidercontent h2
{
	text-align: center;
	font-size: 13pt;
	color: green;
	padding-bottom: 10px;
	font-weight:bold;
}	

.slideritem
{
	text-align: left;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 16px;
	background-image:url('../Images/bullet.jpg');
	background-repeat: no-repeat;
	background-position: left center;
}