/*theme*/
.f-gainsboro {color:#fff!important;background-color:Gainsboro!important;}
.f-silver {color:#fff!important;background-color:Silver!important;}
.f-gray {color:#fff!important;background-color:Gray!important;}
.f-slategray {color:#fff!important;background-color:SlateGray!important;}
.f-lightslategray {color:#fff!important;background-color:LightSlateGray!important;}
.f-darkgray {color:#fff!important;background-color:DarkGray!important;}
.f-dimgray {color:#fff!important;background-color:DimGray!important;}
.f-darkslategray {color:#fff!important;background-color:DarkSlateGray!important;}
.f-black {color:#fff!important;background-color:Black!important;}

.f-th-l5 {color:#000 !important; background-color:#f6f7f8 !important}
.f-th-l4 {color:#000 !important; background-color:#e2e6e9 !important}
.f-th-l3 {color:#000 !important; background-color:#c5ccd3 !important}
.f-th-l2 {color:#000 !important; background-color:#a9b3bc !important}
.f-th-l1 {color:#fff !important; background-color:#8c99a6 !important}
.f-th-d1 {color:#fff !important; background-color:#647382 !important}
.f-th-d2 {color:#fff !important; background-color:#596673 !important}
.f-th-d3 {color:#fff !important; background-color:#4e5965 !important}
.f-th-d4 {color:#fff !important; background-color:#434d56 !important}
.f-th-d5 {color:#fff !important; background-color:#374048 !important}

.f-th-light {color:#000 !important; background-color:#f6f7f8 !important}
.f-th-dark {color:#fff !important; background-color:#374048 !important}
.f-th-action {color:#fff !important; background-color:#374048 !important}

.f-th {color:#fff !important; background-color:#708090 !important}
.f-text-th {color:#708090 !important}
.f-text2-th {color:#8c99a6 !important}
.f-text3-th {color:#c5ccd3 !important}
.f-border-th {border-color:#708090 !important}

.f-hover-th:hover {color:#fff !important; background-color:#708090 !important}
.f-hover-text-th:hover {color:#708090 !important}
.f-hover-border-th:hover {border-color:#708090 !important}

.f-th2-1 {color:#999 !important; background-color:#FEF3DC !important}
.f-th2-2 {color:#999 !important; background-color:#FDCD6D !important}
.f-th2-3 {color:#999 !important; background-color:#FBA90A !important}
.f-th2-4 {color:#999 !important; background-color:#9C6902 !important}
.f-th2-5 {color:#999 !important; background-color:#342609 !important}
/*boxes*/
.f-container,.f-panel{padding:0.01em;background-color: transparent}.f-panel{margin-top:16px;margin-bottom:16px}
.f-container:after,.f-container:before,.f-panel:after,.f-panel:before,.f-row:after,.f-row:before,.f-row-padding:after,.f-row-padding:before,
.f-cell-row:before,.f-cell-row:after,.f-clear:after,.f-clear:before,.f-bar:before,.f-bar:after{content:"";display:table;clear:both}
.f-rest{overflow:hidden}.f-stretch{margin-left:-16px;margin-right:-16px}

/*interacts*/
.f-select{padding:4px 0;width:100%;border:none}
.f-select2{padding:9px 0;width:30%;border:none;border-bottom:2px solid #FBA90A}
.f-select3{padding:9px 0;width:100%;border:none;border-bottom:1px solid #f6f7f8}

/*special classes*/


/* */
.f-margin-left{margin-left:16px!important}.f-margin-right{margin-right:16px!important}
.f-margin32-left{margin-left:32px!important}.f-margin32-right{margin-right:32px!important}
.f-middle{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}

.f-round-small{border-radius:2px}.f-round,.f-round-medium{border-radius:4px}.f-round-large{border-radius:8px}.f-round-xlarge{border-radius:16px}.f-round-xxlarge{border-radius:32px}
.f-hidden{visibility:hidden}.f-visible{visibility:visible}.f-none{display:none}




h1 {
	font-size:xx-large
}
h2 {
	font-size: x-large;
	margin-top: 2em;
}
a:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.f-wide{letter-spacing:4px}

.f-button-collapse:active, .f-button-collapse:visited{
	color: #fcf8e3!important;background-color: #91a104!important;text-decoration: none!important;border:1px teal solid!important;
}
/*p {
	color: #666666;
	font-size: medium;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	padding: 0.2em 0 0.1em 0;
}*/
button {
	width: 15em;
	height: auto;
	background-color: #596673;
	color: white;
	border: none;
	padding: 1em;
	font-family: Verdana, "Segoe UI", Tahoma, Geneva, sans-serif;
	text-align: center;
	font-size: medium;
}
.button_footer {
	width: 18em;
	height: auto;
	background-color: transparent;
	color: black;
	border: none;
	padding: 1em;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	text-align: center;
}
.f-padding-16{padding-top:16!important;padding-bottom:16!important;border:none}
.f-padding-24{padding-top:24px!important;padding-bottom:24px!important;border:none}
.f-padding-32{padding-top:32px!important;padding-bottom:32px!important}
.f-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.f-padding-128{padding-top:128px!important;padding-bottom:128px!important}
.f-tooltip,.f-display-container{position:relative}.f-tooltip .f-text{display:none}.f-tooltip:hover .f-text{display:inline-block}
.f-display-topleft{position:absolute;left:0;top:0}.f-display-topright{position:absolute;right:0;top:0}
.f-display-bottomleft{position:absolute;left:0;bottom:0}.f-display-bottomright{position:absolute;right:0;bottom:0}
.f-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.f-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.f-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.f-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.f-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.f-display-container:hover .f-display-hover{display:block}.f-display-container:hover span.f-display-hover{display:inline-block}.f-display-hover{display:none}
.f-top,.f-bottom{position:fixed;width:100%;z-index:1}.f-top{top:0;float: left;border: none;}.f-bottom{bottom:0;border: none;background-color: lightgray;}
.f-bar{width:100%;overflow:hidden}.f-center .f-bar{display:inline-block;width:auto}
.f-bar .f-bar-item{padding:18px 16px;float:left;width:auto;display:block;outline:0}
.f-bar-block .f-bar-item{width:100%;display:block;padding:32px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.f-bar-block2 .f-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.f-bar-block .f-center .f-bar-item{text-align:center}.f-block{display:block;width:100%}
.f-bar-block .f-dropdown-hover,.f-bar-block .f-dropdown-click{width:100%}
.f-bar-block .f-dropdown-hover .f-dropdown-content,.f-bar-block .f-dropdown-click .f-dropdown-content{min-width:100%}
.f-bar-block .f-dropdown-hover .f-button,.f-bar-block .f-dropdown-click .f-button{width:100%;text-align:left;padding:8px 16px}
.f-bar .f-dropdown-hover,.f-bar .f-dropdown-click{position:static;float:left}
.f-card,.f-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.f-card-4,.f-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.f-container:after,.f-container:before,.f-panel:after,.f-panel:before,.f-row:after,.f-row:before,.f-row-padding:after,.f-row-padding:before,
.f-center{text-align:center}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
.f-btn,.f-button{border:0;display:inline-block;padding:16px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:white;background-color:#666666;text-align:center;cursor:pointer;white-space:nowrap;font-size:small}
.f-btn2{border:0;display:inline-block;padding:4px 8px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:white;background-color:#647382;text-align:center;cursor:pointer;white-space:nowrap;font-size:medium}
.f-btn3{border:0;display:inline-block;padding:4px 8px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#374048;background-color:#a9b3bc;text-align:center;cursor:pointer;white-space:nowrap;font-size:medium}
.f-btn4{border:0;display:inline-block;padding:4px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#666;background-color:#DBDBDB;text-align:center;cursor:pointer;white-space:nowrap;font-size:small}
.f-btn5{border:0;display:inline-block;padding:8px 8px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:black;background-color:#ff6400;text-align:center;cursor:pointer;white-space:nowrap;font-size:small}
.f-btn6{border:0;display:inline-block;padding:8px 8px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:white;background-color:#666666;text-align:center;cursor:pointer;white-space:nowrap;font-size:small}
.f-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.f-btn2:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.f-btn3:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.f-btn4:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.f-btn5:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.f-btn,.f-btn2,.f-btn3,.f-btn4,.f-btn5,.f-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} 
.f-disabled,.f-btn:disabled,.f-button:disabled{cursor:not-allowed;opacity:0.3}.f-disabled *,:disabled *{pointer-events:none}
.f-bar .f-button{white-space:normal}
.f-tiny{font-size:10px!important}.f-small{font-size:12px!important}.f-medium{font-size:15px!important}.f-large{font-size:18px!important}
.f-xlarge{font-size:24px!important}.f-xxlarge{font-size:36px!important}.f-xxxlarge{font-size:48px!important}.f-jumbo{font-size:64px!important}
.f-left-align{text-align:left!important}.f-right-align{text-align:right!important}.f-justify{text-align:justify!important}.f-center{text-align:center!important}
.f-border-0{border:0!important}.f-border{border:1px solid #ccc!important}
.f-border-top{border-top:1px solid #ccc!important}.f-border-bottom{border-bottom:1px solid #ccc!important}
.f-border-left{border-left:2px solid #ccc!important}.f-border-right{border-right:1px solid #ccc!important}
.f-topbar{border-top:6px solid #ccc!important}.f-bottombar{border-bottom:6px solid #ccc!important}
.f-leftbar{border-left:6px solid #ccc!important}.f-rightbar{border-right:6px solid #ccc!important}
.f-left{float:left!important}.f-right{float:right!important}
.f-section,.f-code{margin-top:16px!important;margin-bottom:16px!important}
.f-transparent,.f-hover-none:hover{background-color:transparent!important}
.f-hover-none:hover{box-shadow:none!important}
.f-badge,.f-tag{background-color:#647382;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.f-badge{border-radius:50%}
.f-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.f-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.f-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.f-animate-left{position:relative;animation:animateleft 0.9s}@keyframes animateleft{from{left:-400px;opacity:0} to{left:0;opacity:1}}
.f-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.f-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.f-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.f-animate-input{transition:width 0.4s ease-in-out}.f-animate-input:focus{width:100%!important}

/* Colors */
.heading{
	padding: 8px;
	color: #FFCC66;
	background-color: #91a104
}
.text{
	padding: 8px;
	color: #666666;
	background-color: #EEEEEE
}
.texta{
	padding: 8px;
	color: #666666;
	background-color: #DBDBDB;
}
.bars{
	color: #a88949;	
}
.aa{
	color:#ebbd8a;
}
.f-grey{color:#8f8e88}
.f-lightyellow{color:#ede976}
.f-lightblue{color:#47eed5}
.f-blue{color:#06a8e3}
.f-white{color:#fff!important;}
.f-orange{color:orange!important;}

.white,.hover-white:hover{color:#666666!important;background-color:#fff!important}
.f-panel2{padding:0.01em 16px;color: #FFCC66;background-color: #929292}
.f-panel2{margin-top:16px;margin-bottom:16px}
.f-container_footer,.f-panel_footer{padding:0.01em 16px;color: black;background-color: lightgray}.f-panel_footer{margin-top:16px;margin-bottom:16px}
.f-btn,.f-button,.f-button2{display:inline-block;padding:18px 16px;font-size: medium;font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:white;background-color:#666666;border:none;text-align:center;cursor:pointer}
.f-button3{display:inline-block;padding:18px 16px;font-size: medium;font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#ede976;background-color:#37474f;border:none;text-align:center;cursor:pointer}
.f-buttonW{display:inline-block;padding:18px 16px;font-size: medium;font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#0a0a0a;background-color:#fff;border:none;text-align:center;cursor:pointer}
.f-button:hover{color: #fcf8e3!important;background-color: #91a104!important;text-decoration: none!important;}
.f-button2:hover{color: #fcf8e3!important;background-color: #91a104!important;text-decoration: none!important;}
.f-button3:hover{color: #fcf8e3!important;background-color: #91a104!important;text-decoration: none!important;}
.f-buttonW:hover{color: #fcf8e3!important;background-color: #91a104!important;text-decoration: none!important;}
.f-btn_footer,.f-button_footer{border:none;display:inline-block;padding:18px 32px;font-size: medium;font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:black;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.f-btn-collapse,.f-button-collapse{
	border: none;
	display: inline-block;
	padding: 18px 32px;
	font-size: medium;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none!important;
	color: white;
	background-color: #999999;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}
.f-button_footer:hover{color:white!important;background-color:#92a204!important;text-decoration: none!important}
.f-button-collapse:hover{color:white!important;background-color:#91a104!important;text-decoration: none!important}
.f-dropdown-hover:hover .f-dropdown-content{display:block}
/*.f-dropdown-hover:hover > .f-button:first-child,.f-dropdown-click:hover > .f-button:first-child{background-color:#666666;color:white}*/
.f-dropdown-hover2:hover .f-dropdown-content2{display:block}
.f-dropdown-hover2:hover > .f-button:first-child,.f-dropdown-click:hover > .f-button:first-child{background-color:#666666;color:white}
.f-background{background-color: #666666!important; color: white}

.f-input{padding:4px;border:none;border-bottom:1px solid #ccc;}
.f-font-color-err{color: #9e5920!important}
.f-font-color-ok{color: #209e55!important}
.f-font-color-nok{color: #9e2420!important}
.f-font-color-date{color: #C5A836!important}
.f-font-color-gray{color: #cdcdcd!important}
.f-font-color-lightyellow{color: #ede976!important}

.f-margin-top{margin-top:16px!important}.f-margin-bottom{margin-bottom:16px!important}
.f-margin-top2{margin-top:8px!important}.f-margin-bottom2{margin-bottom:8px!important}
.f-hide{display:none!important}.f-show-block,.f-show{display:block!important}.f-show-inline-block{display:inline-block!important}
.f-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.f-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.f-modal-contentbig{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:1400px}
.f-table,.f-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.f-table-all{border:1px solid #ccc}
.f-bordered tr,.f-table-all tr{border-bottom:1px solid #ddd}.f-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.f-table-all tr:nth-child(odd){background-color:#fff}.f-table-all tr:nth-child(even){background-color:#f1f1f1}
.f-hoverable tbody tr:hover,.f-ul.f-hoverable li:hover{background-color:#ccc}.f-centered tr th,.f-centered tr td{text-align:center}
.f-table td,.f-table th,.f-table-all td,.f-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.f-table th:first-child,.f-table td:first-child,.f-table-all th:first-child,.f-table-all td:first-child{padding-left:16px}
.f-row-padding,.f-row-padding>.f-half,.f-row-padding>.f-third,.f-row-padding>.f-twothird,.f-row-padding>.f-threequarter,.f-row-padding>.f-quarter,.f-row-padding>.f-col{padding:0 8px}
.f-col,.f-half,.f-third,.f-twothird,.f-threequarter,.f-quarter{float:left;width:100%}
.f-col.s1{width:8.33333%}.f-col.s2{width:16.66666%}.f-col.s3{width:24.99999%}.f-col.s4{width:33.33333%}
.f-col.s5{width:41.66666%}.f-col.s6{width:49.99999%}.f-col.s7{width:58.33333%}.f-col.s8{width:66.66666%}
.f-col.s9{width:74.99999%}.f-col.s10{width:83.33333%}.f-col.s11{width:91.66666%}.f-col.s12{width:99.99999%}
@media (min-width:601px){.f-col.m1{width:8.33333%}.f-col.m2{width:16.66666%}.f-col.m3,.f-quarter{width:24.99999%}.f-col.m4,.f-third{width:33.33333%}
.f-col.m5{width:41.66666%}.f-col.m6,.f-half{width:49.99999%}.f-col.m7{width:58.33333%}.f-col.m8,.f-twothird{width:66.66666%}
.f-col.m9,.f-threequarter{width:74.99999%}.f-col.m10{width:83.33333%}.f-col.m11{width:91.66666%}.f-col.m12{width:99.99999%}}
@media (min-width:993px){.f-col.l1{width:8.33333%}.f-col.l2{width:16.66666%}.f-col.l3{width:24.99999%}.f-col.l4{width:33.33333%}
.f-col.l5{width:41.66666%}.f-col.l6{width:49.99999%}.f-col.l7{width:58.33333%}.f-col.l8{width:66.66666%}
.f-col.l9{width:74.99999%}.f-col.l10{width:83.33333%}.f-col.l11{width:91.66666%}.f-col.l12{width:99.99999%}}

.f-navbar {
  overflow: hidden;
  background-color: #666666;
}

.f-navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 32px 64px; /*14px 16px*/
  text-decoration: none;
}

.f-dropdown {
  float: left;
  overflow: hidden;
}

.f-dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 32px 64px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.f-navbar a:hover, .f-dropdown:hover .f-dropbtn {
  background-color: #91a104;
}

.f-dropdown-content {
  display: none;
  position: absolute;
  margin-top: 64px;
  background-color: #666666;
  min-width: 150px;
  max-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.f-dropdown-content a {
  float: none;
  color: white;
  padding: 32px 64px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.f-dropdown-content a:hover {
  background-color: #999999;
}

.f-dropdown:hover .f-dropdown-content {
  display: block;
}

.f-dropdown2 {
	float: left;
	overflow: hidden;
}
  
.f-dropdown2 .dropbtn2 {
	font-size: 16px;  
	border: none;
	outline: none;
	color: white;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
}
  
.f-navbar2 a:hover, .f-dropdown2:hover .f-dropbtn2 {
	background-color: #91a104;
  }
  
.f-dropdown-content2 {
	display: none;
	position: absolute;
	background-color: #666666;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
  
.f-dropdown-content2 a {
	float: none;
	color: white;
	text-decoration: none;
	display: block;
	text-align: left;
}
  
.f-dropdown-content2 a:hover {
	background-color: #999999;
}
  
.f-dropdown2:hover .f-dropdown-content2 {
	display: block;
}

