/* Custom CSS for teamFYZICAL Portal */
/* Dartmouth Data */
/*
teamFYZICAL


-----------------------------------------
Logo Colors

#ff8243 - orange
#02aeef - blue
#008dd2 - fyzical blue
-----------------------------------------

#e6ffe6 light green -- #cdffcd, #b3ffb3, #9aff9a
#B5D3E7 light Blue -- #7bb1d4, #8ebcdb, #a2c8e1  -xx-  #c8deed, #dceaf3, #eff5fa
#FFFFE0 light yellow 
#ffe6e6 light red

*/
html, body {
  height: 100%;
  table-layout: fixed;
  width: 100%;
  background-color: #02aeef;
  color: #222222;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.jumbotron_image {
  background-image: url("../images/bi.jpeg");
  background-size: cover;
}
.clear {
  clear: both;
}
.clearfix {
  overflow: auto;
}
/* ========== Nav Bar ========== */
.bg-light {
  background-color: #f8f9fa !important
}
.navbar-brand {
  padding-right: 50px;
}
.navbar {
  height: auto;
  padding: 0px 0px 0px 0px;
  border-radius: 0px;
  border-bottom: 1px solid #008dd2;
  box-shadow: 0px 2px 5px #aaa;
  background-color: #f8f9fa;
}
.navbar li {
  display: inline-block;
  font-size: 14px;
  padding: 0px;
  margin-right: 15px;
}
.navbar-nav li a {
  text-decoration: none;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-weight: bold;
  color: #008dd2;
}
.navbar-nav li:hover a {
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-weight: bold;
  color: #ff8243;
}
.navbar-nav li:active a {
  color: #336699;
}
/* change the color of active or hovered links */
.nav-link {
  color: #ffffff;
  border-bottom: 2px solid #f8f9fa; /* add border-color */
}
.nav-link:hover {
  color: #336699;
  border-bottom: 2px solid #ff8243; /* add border-color */
}
/* ========== General ========== */
h1, h2, h3 {
  font-weight: bold;
  padding: 0;
  margin: 0;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
}
h4, h5 {
  font-weight: normal;
  padding: 0;
  margin: 0;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
}
hr {
  border-top: 1px solid #555555;
}
.hr_light {
  border-top: 1px solid #dddddd;
  padding: 8px 0px 4px 0px;
}
.hr_light2 {
  border-top: 1px solid #cccccc;
  padding: 4px 0px 4px 0px;
}
.hr40 {
    width: 40%;
        margin-left: auto;
        margin-right: auto;
    background-color: #565589;
        height:4px;
    
}
button {
	color: #008dd2;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 11px;
}


p, li, span, input {
  color: #222222;
  text-decoration: none;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
list {
  color: #222222;
  text-decoration: none;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 12px;
}
list11 {
  color: #222222;
  text-decoration: none;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 11px;
}
.size11 {
  color: #555555;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 11px;
}
.list12 {
  color: #555555;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 12px;
}
.list14 {
  color: #555555;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 14px;
}
.list16 {
  color: #555555;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 16px;
}
.size16 {
  color: #555555;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.size16white {
  color: #fff;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 16px;
}
.mainmain_menupage {
  margin: 70px auto 0px auto;
  padding: 10px 5px 10px 5px;
  height: auto;
  min-height: 650px;
  border: solid 1px #706F6F;
  background-color: #ffffff;
}
.no_marginpadding {
  margin: 0px;
  padding: 0px;
}
.container {
  padding-top: 10px;
}
.container100 {
  width: 100%;
  height: auto;
  padding: 0px;
  margin: 0px;
}
/* ========== Table ========== */
table {
  width: 100%;
}
table, th, td {
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid #aaaaaa;
  border-collapse: collapse;
  line-height: 16px;
}
th {
  text-align: center;
  padding: 8px;
  color: #FFFFFF;
  background-color: #008dd2;
  border: 1px solid #222;
  line-height: 16px;
}
.th_sticky {
  text-align: center;
  padding: 8px;
  color: #FFFFFF;
  background-color: #008dd2;
  border: 1px solid #aaaaaa;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100000;
  border-bottom: 2px solid #EB9486;
}
.th_sticky2 {
  text-align: center;
  padding: 8px;
  color: #FFFFFF;
  background-color: #008dd2;
  border: 1px solid #aaaaaa;
  position: -webkit-sticky;
  position: sticky;
  top: 30px;
  z-index: 1;
}
#sticky_table {
  max-height: 600px;
  overflow: auto;
}
.table_size_frame {
  height: auto;
  display: block;
  overflow-y: auto
}
.noRLpadding {
  padding: 8px 0px 8px 0px;
}
th.noBackgroundColor {
  background-color: #fff;
  color: #008dd2;
}
td {
  text-align: right;
  padding: 8px;
  color: #000000;
  border: 1px solid #aaaaaa;
  font-size: 11px;
  line-height: 16px;
}
.td_sticky {
  position: relative;
  top: 60px;
}
td.text10 {
  color: #222222;
  text-decoration: none;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 10px;
}
td.left {
  text-align: left;
}
td.right {
  text-align: right;
}
td.center {
  text-align: center;
}
.center {
  text-align: center;
}
/*
tr:nth-child(even) {
  background-color: #eeeeee;
}
*/
/* ========== Fontawesome ========== */
.fa_white {
  color: #ffffff;
}
.fa_white:hover, a.list12:highlighted {
  color: #FF9900;
}
.fa_blue, a.listblue {
  color: #008dd2;
  text-decoration: none;
}
.fa_blue:hover, a.listblue:hover {
  color: #FF9900;
  text-decoration: none;
}
.fa_hover:hover {
  color: #FF9900;
}
.fa_active, .fa_active:hover {
  color: #FF9900;
  text-decoration: none;
}
/* ========== Links ========== */
a {
  color: #008dd2;
  text-decoration: none;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 14px;
}
a:hover {
  color: #FF9900;
  text-decoration: underline;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 14px;
}
a.main_page {
  color: #008dd2;
  text-decoration: none;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 22px;
    line-height: 36px;
}
a.main_page:hover {
  color: #FF9900;
  text-decoration: underline;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 22px;
    line-height: 36px;
}

a.active {
  color: #FF9900;
  text-decoration: none;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 14px;
}
a.list {
  color: #008dd2;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 8px;
}
a.list:hover {
  color: #FF9900;
  text-decoration: underline;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 8px;
}
a.list12 {
  color: #008dd2;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 12px;
}
a.list12:hover {
  color: #FF9900;
  text-decoration: underline;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 12px;
  display: inline;
}
a.list16 {
  color: #008dd2;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 16px;
}
a.list16:hover {
  color: #FF9900;
  text-decoration: underline;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 16px;
  display: inline;
}
a.list16active {
  color: #FF9900;
  text-decoration: none;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 16px;
  display: inline;
}
a.list16active:hover {
  color: #FF9900;
  text-decoration: none;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 16px;
  display: inline;
}
button.list12 {
  color: #008dd2;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 12px;
}
button.list12:hover {
  color: #FF9900;
  text-decoration: underline;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 12px;
  display: inline;
}
a.listwhite {
  color: #ffffff;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 12px;
}
a.listwhite:hover {
  color: #FF9900;
  text-decoration: underline;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 12px;
}
a.menulinks {
  color: #ffffff;
  text-decoration: none;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 12px;
}
a.menulinks:hover {
  color: #aaaaaa;
  text-decoration: none;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 12px;
}
a.lock {
  color: #50C878; /* == green lock == */
  text-decoration: none;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 12px;
}
a.lock:hover {
  color: #FF9900;
  text-decoration: underline;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 12px;
}
.success {
  color: #31B806;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  margin: auto;
  display: block;
}
.error {
  color: #FA0105;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  margin: auto;
  display: block;
}
.no_msg {
  color: #fff;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  margin: auto;
  display: block;
}
.message_center {
  color: #565589;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  margin: auto;
  display: block;
}
.message_container {
  margin: 0px auto 0px auto;
  width: 300px;
  height: 50px;
}
.row {
  padding: 0 !important;
  margin: 0 !important;
}
/* ========== Form Layout ========== */
label {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 14px;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-left: 10px;
  color: #333;
}
input, select, option, textarea {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #555;
  background: #ffffff;
  border: 1px solid #ccc;
  display: inline-block;
}
input, select, option {
  display: inline-block;
  padding: 2px 5px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin: 0px;
}
input[type=submit] {
  display: inline-block;
  cursor: pointer;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type=submit]:hover, input[type=submit].active {
  display: inline-block;
  background: #008dd2;
  color: #fff;
  cursor: pointer;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type=file] {
  border:none;  
  display: inline-block;
  background: #efefef;
  color: #555;
  cursor: pointer;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

select, option  {
    /* padding:0px;*/
    /* display: none;*/
    -webkit-appearance: listbox;
    /* -moz-appearance: none;*/
    /*  appearance: none;*/
    /* Remove default arrow */
    /* background-image: url("../images/Fyzical_Avatar_Blue.png"); */
    /* Add custom arrow */
}

textarea {
  width: 100%;
  height: auto;
  padding: 5px 15px;
  box-sizing: border-box;
  border-radius: 4px;
  resize: vertical;
  overflow: visible;
}
/* ========== Footer Layout ========== */
.footer_style {
  background-color: #86A6B9;
  color: #d5d5d5;
  font-size: 12px;
  padding: 30px 20px 30px 20px;
}
.footer_box1 {
  float: left;
  text-align: left;
  border-right: 1px solid #d5d5d5;
}
.footer_box2 {
  float: left;
  text-align: center;
  padding: 0px;
}
.footer_box3 {
  float: left;
  text-align: center;
  padding: 0px;
}
.footer_box4 {
  float: left;
  text-align: center;
  padding: 0px;
  padding-right: 0px;
}
.footer {
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
}
a.footer {
  color: #d5d5d5;
  text-decoration: none;
  font-size: 12px;
}
a.footer:hover {
  color: #ffffff;
  text-decoration: underline;
  font-size: 12px;
}
/* ========== END ========== */
/* ========== END ========== */
/* ========== END ========== */