/* custom page css
-------------------------------------------------- */

/* overwrite fonts
-------------------------------------------------- */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en");
body {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
body.landing-page {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.landing-page .navbar-default .nav li a {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
body.md-skin {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.md-skin .label,
.md-skin .badge {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.md-skin #nestable-output,
.md-skin #nestable2-output {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.md-skin .landing-page {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.md-skin .landing-page.navbar-default .nav li a {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.md-skin.landing-page .navbar-default .nav li a {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.popover {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.label {
  font-family:  'Open Sans', Helvetica, Arial, sans-serif;
}
.badge {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
#nestable2-output {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.jvectormap-tip {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.tooltip {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.mono {
  font-family: monospace;
  font-size: larger;
  font-weight: bold;
}
.pactox {
  font-family: 'Courier New', Courier, monospace;
  font-size: larger;
}
 

/* Row with equal height columns
-------------------------------------------------- */
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: stretch
}
.item-eq-height {
	height: 100%;
	margin-bottom: 0px;
}


/* wider left side mini nav bar
-------------------------------------------------- */
.mini-navbar .nav-second-level {
  left: 140px;
}
body.mini-navbar .navbar-static-side {
    width: 140px;
}
body.mini-navbar #page-wrapper {
  margin: 0 0 0 140px;
}
body.rtls.mini-navbar .footer.fixed,
body.body-small.mini-navbar .footer.fixed {
  margin: 0 140px 0 0;
}
body.rtls.mini-navbar #page-wrapper {
  margin: 0 140px 0 0;
}
body.mini-navbar .footer.fixed,
body.body-small.mini-navbar .footer.fixed {
  margin: 0 0 0 140px;
}
@media (max-width: 768px) {
  .body-small.rtls .navbar-static-side {
    width: 140px;
  }
}
@media (max-width: 768px) {
  .body-small .navbar-static-side {
    width: 140px;
  }
}


/* overwrite bootstrap.min.css where style.css has not
-------------------------------------------------- */
a {
  color: #cc4100;				/* orig	94	59	65		new	19	100	80		*/
}
a:hover,
a:focus {
  color: #8f4a2b;				/* orig	94	70	56		new	19	70	56		*/
}
.breadcrumb > li a {
  color: #cc4100;
}
.breadcrumb > li a:hover,
.breadcrumb > li a:focus {
  color: #8f4a2b;
}
.btn-link {
  color: #cc4100;
}
.btn-link:hover,
.btn-link:focus {
  color: #8f4a2b;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #cc4100;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  border-color: #cc4100;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #8f4a2b;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #cc4100;
}
.pagination > li > a,
.pagination > li > span {
  color: #cc4100;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #cc4100;
  border-color: #cc4100;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #cc4100;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #cc4100;
}

.progress-bar {
  background-color: #cc4100;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #cc4100;
  border-color: #cc4100;
}


/* normal links disapear in panel-success boxes
-------------------------------------------------- */
.messaging > a {
  color: #000000;
}
.messaging > a:hover,
.messaging > a:focus {
  color: white;
}


/* striped rows and hover colours
-------------------------------------------------- */
.row-striped-odd {
  background-color: #f9f9f9;
}
.row-striped-odd:hover {
  background-color: #cccccc;
}
.row-striped_removed {
  background-color: #ffffff;
}
.row-striped:hover {
  background-color: #cccccc;
}


/* smaller padding on form inputs
-------------------------------------------------- */
.input-sm {
  box-shadow: none;
  border: 1px solid #E5E6E7;
  border-radius: 3px;
  margin: 1px;
  padding: 3px 10px;
}
.form-control, .single-line {
  padding: 3px 6px;
  margin: 1px;
}
.btn {
  padding: 3px 6px;
  margin: 1px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 10px;
  line-height: 1;
  border-radius: 3px;
}

/* toggle switches
-------------------------------------------------- */
.toggle {
  border-radius:3px; 
}
.toggle-on {
  border-radius:3px; 
}
.toggle-off {
  border-radius:3px;
}

/* in-line inputs
-------------------------------------------------- */
.form-control-inline {
    min-width: 0;
    width: auto;
    display: inline;
}

/* double sized checkbox and radio
-------------------------------------------------- */
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
  position: relative;
  /* Larger-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  margin-right: 5px;
}

input[type=checkbox], input[type=radio] {
  /* Larger-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  margin-right: 5px;
  margin-bottom: 5px;
}

/* special colours for protocol forms
-------------------------------------------------- */
.form_underline {
  border-bottom: 1px solid;
}
.form_input {
    box-shadow: none;
    border: none;
    border-radius: 0;
    margin: 1px;
}
.form_blue_input {
  background-color: #f2faff !important;	/* lighter blue */
}
.form_blue {
  background-color: #dbf1ff !important;	/* light blue */
  padding-top: 5px;
  padding-bottom: 5px;
}
.form_blue-striped {
  background-color: #dbf1ff !important;	/* light blue */
}
.form_blue-striped:hover {
  background-color: #d3e8f5 !important;	/* light (darker still) blue */
}
.form_blue-striped-odd {
  background-color: #d7ecfa !important;	/* light (darker) blue */
}
.form_blue-striped-odd:hover {
  background-color: #d3e8f5 !important;	/* light (darker still) blue */
}
@media print {
  -webkit-print-color-adjust: exact; 
}
.view_results_header {
  color: #ffffff !important;	/* white */
  background-color: #cc4100 !important;	/* blue */
  border-color: #cc4100 !important;	/* blue */
  margin-bottom: 2px;
  padding: 12px;
}
.view_results_header_pending {
  color: #ffffff !important;	/* white */
  background-color: #ed5565 !important;	/* red */
  border-color: #ed5565 !important;	/* red */
  margin-bottom: 2px;
  padding: 12px;
}
.view_results_header_scheduled {
  color: #ffffff !important;	/* white */
  background-color: #8d3cc7 !important;	/* purple */
  border-color: #8d3cc7 !important;	/* purple */
  margin-bottom: 2px;
  padding: 12px;
}
.view_results_blue {
  background-color: #dbf1ff !important;	/* light blue */
  border-color: #dbf1ff !important;	/* light blue */
  margin-bottom: 2px;
  padding: 2px;
}
.view_random_header {
  color: #ffffff !important;	/* white */
  background-color: #484848 !important;	/* dark grey */
  border-color: #484848 !important;	/* dark grey */
  margin-bottom: 2px;
  padding: 12px;
}
.view_random_grey {
  color: #ffffff !important;	/* white */
  background-color: #747474 !important;	/* light grey */
  border-color: #747474 !important;	/* light grey */
  margin-bottom: 2px;
  padding: 12px;
}
.view_header_bw {
  color: #000000 !important;	/* black */
  background-color: #ffffff !important;	/* white */
  border-color: #000000 !important;	/* black */
  margin-bottom: 2px;
  padding: 12px;
}
.view_header_bw > strong {
  padding: 0px !important;
}
.view_results_header > strong {
  padding: 0px !important;
}
.view_results_header_pending > strong {
  padding: 0px !important;
}
.view_results_header_scheduled > strong {
  padding: 0px !important;
}
.view_results_blue > strong {
  padding: 0px !important;
}
.view_random_header > strong {
  padding: 0px !important;
}
.view_random_grey > strong {
  padding: 0px !important;
}
.view_results {
  margin-bottom: 2px;
  padding: 2px;
}

.form_grey_box {
  border: 2px solid;
}
.form_grey_input {
  background-color: #ededed;
  padding-top: 5px;
  padding-bottom: 5px;
}
.form_grey {
  background-color: #dddddd;
  padding-top: 5px;
  padding-bottom: 5px;
}


/* special entries for MIS forms
-------------------------------------------------- */
.mis_row {
  padding-bottom: 10px;
}
.mis_print_row {
  padding-bottom: 2px;
}
.mis_box {
  border: 1px solid;
}
.mis_table {
  float: right;
  font-size: inherit;
  width: 90%;
}
.mis_table_full {
  font-size: inherit;
  width: 100%;
}
.mis_tr {
}
.mis_td {
  border: 1px solid;
  text-align: center;
}
.mis_td_no_border {
  text-align: center;
}
.mis_alert-warning {
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important;
    border-color: #faebcc !important;
}
.mis_alert-danger {
  color: #a94442 !important;
  background-color: #f2dede !important;
  border-color: #ebccd1 !important;
}
.rotate {
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  font-size: 9px;
}
.mis_event {
  font-size: 9px;
}

.navbar-form-search {
  font-size: 14px;
  float: left;
  padding: 0;
  padding-left: 10px;
  width: 220px;
  display: inline-table;
}

.navbar-form-back {
  float: left;
  padding: 0;
  padding-left: 10px;
  display: inline-table;
}



/* Nesting columns
-------------------------------------------------- */
.show-grid {
    margin: 5px 0;
}


/* for table headers
-------------------------------------------------- */
.header {
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
  vertical-align: baseline;
}

/* for unspecified alert
-------------------------------------------------- */
.alert-default {
  color: #333;
  background-color: #e5e5e5;
  border-color: #ddd;
}
.alert-default hr {
  border-top-color: #ccc;
}
.alert-default .alert-link {
  color: #262626;
}

/* for code elements to wrap
-------------------------------------------------- */
code {
  white-space: normal !important;
}
.btn-wrap {
  white-space: normal !important;
  line-height: 2;
}

/* for popover icons
-------------------------------------------------- */
.input-lg {
    padding: 5px;
}

/* for word wrapping buttons
-------------------------------------------------- */
.btn{
	white-space:normal !important;
	word-wrap: break-word; 
	word-break: normal;
}
