/* Custom CSS for myInnovive BI Technolgy Portal
#e6ffe6 light green
#BCB176 light yellow 
#FFFFE0 new lighter yellow 
#ffe6e6 light red
#145686 myInnovive Blue Org.
#939598 myInnovive Gray
#ff9933 myInnovive Orange

#B5CCDA myInnovive Blue1
#869BAD myInnovive Blue2
#EBEBEA myInnovive light (white) Blue


*/

html, body {
  height: 100%;
  table-layout: fixed;
  width: 100%;
  word-wrap: break-word;
  padding-bottom: 20px;
  color: #222222;
  background: #105386; /* myInnovive Blue */
}
/* ========== General ========== */
h1, h2, h3 {
  font-weight: bold;
  padding: 0;
  margin: 0;
  font-family: "Roboto", sans-serif;
}
h4, h5 {
  font-weight: normal;
  padding: 0;
  margin: 0;
  font-family: "Roboto", sans-serif;
}
hr {
  border-top: 1px solid #555555;
}
.hr_light {
  border-top: 1px solid #dddddd;
  padding: 8px 0px 4px 0px;
}
button {
  font-family: "Roboto", sans-serif;
  font-size: 11px;
}
p, li, span, input {
  color: #222222;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}
p.cliniclist {
  color: #105386;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}
p.list {
  color: #222222;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}
.budget_words {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  color: #555555;
  text-align: right;
}
.mainpage {
  margin: 80px auto 0px auto;
  padding: 10px 5px 10px 5px;
  height: auto;
  min-height: 650px;
  border: solid 1px #706F6F;
  background-color: #ffffff;
}
.container {
  padding-top: 10px;
}
.welcome {
  width: 70%;
  margin: 10px auto 10px auto;
  padding-top: 2rem;
}
.card-title {
  text-align: center;
  color: #999999;
}
.bucket {
  border: solid 1px #706F6F;
  background-color: #eeeeee;
  padding: 10px;
  margin-bottom: 20px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.bucket_budget {
  border: solid 1px #706F6F;
  background-color: #eeeeee;
  padding: 10px 10px 0px 10px;
  margin-bottom: 5px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
/* ========== Table ========== */
table {
  width: 100%;
}
table th, td {
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  border: 1px solid #aaaaaa;
  border-collapse: collapse;
}
th {
  text-align: center;
  padding: 8px;
  color: #FFFFFF;
  background-color: #105386;
  border: 1px solid #222;
}
td {
  text-align: right;
  padding: 8px;
  color: #000000;
  border: 1px solid #aaaaaa;
}
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;
}*/
/* ========== Nav Bar ========== */
.bg-light {
  background-color: #ffffff !important
}
.navbar-brand {
  padding-left: 40px;
}
.navbar {
  height: auto;
  padding: 0px;
  border-radius: 0px;
  border-bottom: 1px solid #105386;
  box-shadow: 0px 2px 5px grey;
  background-color: #EBEBEA;
}
.navbar li {
  display: inline-block;
  font-size: 12px;
  padding: 0px;
  margin-right: 10px;
}
.navbar-nav li a {
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  color: #105386;
}
.navbar-nav li:hover a {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  color: #105386;
}
.navbar-nav li:active a {
  color: #336699;
}
/* change the color of active or hovered links */
.nav-link {
  color: #ffffff;
  border-bottom: 3px solid #ffffff; /* add border-color */
}
.nav-link:hover {
  color: #336699;
  border-bottom: 3px solid #ff9933; /* add border-color */
}

/* ========== Fontawesome ========== */
.fa_hover:hover {
    color: #ff9933;
}

/* ========== Links ========== */
a {
  color: #105386;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}
a:hover {
  color: #F28707;
  text-decoration: underline;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}
a.active {
  color: #F28707;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}
a.list {
  color: #105386;
  font-family: "Roboto", sans-serif;
  font-size: 8px;
}
a.list:hover {
  color: #F28707;
  text-decoration: underline;
  font-family: "Roboto", sans-serif;
  font-size: 8px;
}
a.list12 {
  color: #105386;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}
a.list12:hover, a.list12:highlighted {
  color: #F28707;
  text-decoration: underline;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}

a.menulinks {
  color: #ffffff;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}
a.menulinks:hover {
  color: #aaaaaa;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}
.success {
  color: #31B806;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  text-align: center;
}
.error {
  color: #FA0105;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  text-align: center;
}
.error_container {
  margin: 0px auto 0px auto;
  width: 300px;
  height: 20px;
}
.signup_container {
  margin: 10px auto 0px auto;
  padding: 25px 50px 25px 50px;
  width: 40%;
  height: auto;
  border: solid 1px #706F6F;
  background-color: #eeeeee;
  border-radius: 30px;
}
.inventory_container {
  margin: 10px auto 30px auto;
  padding: 10px 30px 10px 30px;
  width: 50%;
  height: auto;
  border: solid 1px #706F6F;
  background-color: #eeeeee;
}
.chart {
  width: 100%;
  min-height: 350px;
}
.row {
  padding: 0 !important;
  margin: 0 !important;
}

/* ========== Form Layout ========== */
label {
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  color: #333333;
}
input, select, option {
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  color: #555555;
  padding: 2px 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.faq {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #555555;
}
.myInnovive {
  font-family: "Roboto", sans-serif;
  font-size: 10px;
  color: #555555;
}
.input-group-prepend span {
  width: 35px;
  background-color: #dddddd;
  color: #555555;
  border: 0 !important;
}
input[type=submit], select, option {
  background: #ffffff;
  border: 1px solid #ddd;
  cursor: pointer;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
input[type=submit].green {
  background: #eeeeee;
  border: 1px solid green;
  cursor: pointer;
}
input[type=submit].tableau {
  background: #eeeeee;
  border: 2px solid #FA0105;
  color: #FA0105;
  font-size: 20px;
  cursor: pointer;
  padding: 25px;
  border-radius: 25px;
}
input[type=submit].tableau:hover {
  background: #555555;
  border: 2px solid #eeeeee;
  color: #ffffff;
  font-size: 20px;
  cursor: pointer;
  padding: 25px;
  border-radius: 25px;
}
input[type=submit]:hover {
  background: #555;
  color: #fff;
  border: 1px solid #999;
  cursor: pointer;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
input[type=text], select, option {
  display: inline-block;
  border: 1px solid #ccc;
}
input[type=date], select, option {
  display: inline-block;
  border: 1px solid #ccc;
}
textarea {
  width: 100%;
  height: 1500px;
  padding: 5px 15px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  overflow: visible;
}


/* ========== Footer Layout ========== */
.footer_style {
  background-color: #869BAD;
  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;
}

/* ========== Marketing ========== */
.msg_container {
  padding: 0;
  margin: 0;
  height: auto;
}
.iframe_container {
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
}
.responsive_iframe {
  position: relative;
  width: 100%;
  height: 425px;
  padding: 0px 10px 0px 30px;
  -webkit-box-shadow: 0px 0px 3px 2px rgba(221, 221, 221, 1);
  -moz-box-shadow: 0px 0px 3px 2px rgba(221, 221, 221, 1);
  box-shadow: 0px 0px 3px 2px rgba(221, 221, 221, 1);
}


/* ========== Video Guides ========== */
.com_video {
  min-width: 250px;
}
.small-img-row {
  display: flex;
  background: #efefef;
  margin: 20px 0px;
  align-items: top;
  border-radius: 10px;
  border: 1px solid #555;
  overflow: hidden;
  width: 100%;
}
.small-img {
  position: relative;
  border-right: 1px solid #555;
}
.small-img img {
  width: 200px;
  height: 150px;
}
.small-img-row p {
  margin: 20px;
  color: #707070;
  line-height: 22px;
  font-size: 15px;
}
.video-player {
  width: 65%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  border: 2px solid #aaaaaa;
  -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(85, 85, 85, 0);
  box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(85, 85, 85, 0);
  background: #FFFFFF;
}
video:focus {
  outline: none;
}
.closeVideo-btn {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 100px;
  cursor: pointer;
}

/* ========== END ========== */