/*site fonts*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons); /* see https://material.io/icons/ for icon list*/

/*bootstrap overrides*/
body {font-family: 'Open Sans', sans-serif; font-size: 13pt; padding-bottom: 20px; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family:'Open Sans', sans-serif;}
h1 {font-size:21pt;}
h2 {font-size:18pt;}
h3 {font-size:16pt;}

/* see https://material.io/icons/ for icon list*/
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-60 { font-size: 60px; }

.alert-danger { background-color: #D9534F; color: #fff; border:#D9534F; }
.btn-danger {background-color:#d9534f;color:#fff !important; border:1px solid #d9534f;}
.btn-primary{background-color:#2d5185; border:#2d5185;}
.btn-success {background-color:#15797e; color:#fff !important; border:1px solid #15797e;}

.bh1 { background-color: #e7e7e7; font-size: 18pt; color: #333; padding: 5px; margin: 0 0 30px 0; } /*used as header in many non-home, non-product pages*/

a { text-decoration: none !important; color: #d9534f; border: none; outline: none; }
a:active, a:focus { outline: none; }
a:hover {color:orangered;}
.dl-horizontal dt {white-space: normal;} /* Override the default bootstrap behavior where horizontal description lists will truncate terms that are too long to fit in the left column */
.dl-horizontal > dd:after { display: table; content: ""; clear: both; }
input,select,textarea { max-width: 280px;} /* Set width on the form input elements since they're 100% wide by default */
th {background-color:#f7f7f7}
cite {color:#808080 !important; font-style:italic !important; font-size:14pt !important;}
.admin-container {padding:30px 150px;}


/*.navbar {background-color:#fff !important; display:inline-block; margin:0 !important; }
.navbar, .navbar a {color:#777 !important; text-align:left; }
.navbar, .navbar a:hover{background-color:#d7d7d7 !important; }
.navbar .nav li.dropdown > .dropdown-toggle .caret {border-top-color: #777;  border-bottom-color: #fff;} /*little triangle/
.navbar-default { border:none !important; }
.navbar-inverse .dropdown-menu {background-color: #2a95e3;}*/


/*Main _Layout Page Styles */
.greenstripe {width:100%; height:5px; background-color:#1a9ea4;}
header {padding:20px 10px 25px 30px; width:100%;} 
header .logo {float:left; margin-top:0; max-width:80%;}
.hamburger {margin-top:5px; display:inline-block;}
.hamburger i {font-size:2em; color:#808080; border:1px solid #20bec6; padding:3px; border-radius:3px; cursor:pointer;}
.hamburger span {font-size:2.25em; color:#e7e7e7; cursor:pointer;}
#topmenu {background-color:#404040;}
#topmenu h3 {color:#20bec6; font-weight:bold;}
#topmenu * a {color:#fff; display:inline-block; padding:0; margin-bottom:10px;}
#topmenu a:hover {color:#caf0f2;}
footer {min-height:400px; color:#fff !important; background-color:#333 !important; padding:40px; font-size:13pt;}
footer a {color:#fff; }

.footmenu {color:#fff; margin-top:40px;}
.footmenu h4 {color:#20bec6; font-weight:bold;}
/*bootstrap modal dialog*/
.modal-header h2{color:#D9534F !important;}