/* General classes */

body {color:#4c4c4c !important;}
h1, h2, h3 {color: #616161;}

h1 {font-size:xx-large}
h2 {font-size:x-large}
h3 {font-size:large}

a {color:#0f7b8a !important; text-decoration:none;}
a:hover {text-decoration:underline}
a.btn {color:#fff !important;text-decoration:none;}

.btn-primary {background-color:#214a46;border-color:#0e807a;}
.btn-primary:hover {background-color:#0e807a;border-color:#214a46;}

thead.table-dark > tr > th {background-color:#68aeb6 !important;color:#3e3e3e; border-bottom:none !important;} 

.smallinstruction {font-size:10px; font-weight:normal; line-height:1;}

.sageaccount
{
	color: #003399;
	font-size: 80%;
	margin-left: 1em;
	margin-right: 1em;
	border: 1px solid blue;
	padding: 0.1em;
}

#fpmtitle {font-family:'Peddana',serif; font-size:30px;color:#884D0E;padding-left:5px;}
#usernamebanner {font-size:26px}
#bannerlogo {height:50px;padding:2px;}
#bannersearch {padding-top:20px;text-align:left;}
.banner-background {background-color:#e2e2e2}

#footer {clear:both;margin-top:10px;margin-bottom:10px;}




.navbar-nav > .nav-item > a.nav-link {color:#b2b2b2 !important}
.navbar-nav > li.active > a.nav-link {color:#fff !important}
.navbar-nav > .nav-item > a.nav-link:hover {color:#616161 !important; }
.navbar {background-color:#214a46}
.navbar-text, .navbar-text > a {color:white !important; }

#treeposlogo {height:70px}



/* Cursor pointers */
.cursor_hand {cursor:pointer;}
.cursor_help {cursor:help;}
a.cursor_help {color:#333 !important}




/* JQuery UI overrides (do not include main JQuery UI CSS) */
.ui-autocomplete {
    position: absolute;
    z-index: 1000;
    cursor: default;
    padding: 0;
    margin-top: 10px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    max-height:400px;
    overflow-x:hidden;
}
.ui-autocomplete > li {
  padding: 3px 6px;
}

.ui-state-hover, .ui-state-active {
    color: white;
    text-decoration: none;
    background-color: #ccc;
    border-radius: 0px;
    background-image: none;
	padding: 2px 0px;
}



/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {


	#bannersearch {text-align: right;float:none;}

	#fpmtitle {font-size: 26px;}


}



/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	#fpmtitle {font-size: 50px;}
	#bannerlogo {height:70px;}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 


	html {font-size:14px !important}
	body {line-height:1.2 !important}
	.nav-link {font-size:18px;padding-right:12px !important;}


}