/********************************************************************
 style overrides for tablet
 *******************************************************************/
@media (max-width: 801px) {

  #main-menu,
  .mme #main-menu-bg,
  #main-menu-bg {
    overflow: hidden;
    width: 56px;
  }
  .mmc #main-menu,
  .mme.mmc #main-menu,
  .mmc #main-menu-bg,
  .mme.mmc #main-menu-bg {
    overflow: visible;
    width: 56px;
  }
  #main-menu ul.navigation > li {
    width: 56px;
  }
  #main-menu ul.navigation > li > a {
    text-align: left;
  }
  #main-menu ul.navigation > li > a > .menu-icon {
    margin-right: 5px;
  }
  #main-menu ul.navigation > li > a > .badge,
  #main-menu ul.navigation > li > a > .label {
    display: none;
  }
  #main-menu ul.navigation > li > a > .mm-text {
    display: none !important;
  }
  #main-menu ul.navigation > .mm-dropdown > a {
    padding-right: 30px;
  }
  #main-menu ul.navigation > .mm-dropdown > a:before,
  .main-menu-right #main-menu ul.navigation > .mm-dropdown > a:before {
    content: "\f105";
    left: auto;
    right: 14px;
  }
  #main-menu ul.navigation > .mm-dropdown.open > ul {
    display: block;
  }
  #main-menu ul.navigation > .mm-dropdown.open > a:before {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  #main-menu .menu-content {
    display: block;
  }
  .mmc #main-menu {
    overflow: visible;
  }
  .mmc #main-menu ul.navigation > li {
    width: auto;
  }
  .mmc #main-menu ul.navigation > li > a {
    text-align: center;
  }
  .mmc #main-menu ul.navigation > li > a > .menu-icon {
    margin: 0;
    text-align: center;
  }
  .mmc #main-menu ul.navigation > li > a > .badge,
  .mmc #main-menu ul.navigation > li > a > .label {
    display: none;
  }
  .mmc #main-menu ul.navigation > li > a > .mm-text {
    display: none;
  }
  .mmc #main-menu ul.navigation > .mm-dropdown > a {
    padding-right: 14px;
  }
  .mmc #main-menu ul.navigation > .mm-dropdown > a:before {
    right: 7px;
  }
  .mmc #main-menu ul.navigation > .mm-dropdown.open > ul {
    display: none;
  }
  .mmc #main-menu ul.navigation > .mm-dropdown.open > a:before {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .mmc #main-menu .menu-content {
    display: none !important;
  }
  .mmc.main-menu-right #main-menu ul.navigation > .mm-dropdown > a:before {
    content: "\f104";
    left: 7px;
    right: auto;
  }
}
.mme #main-navbar {
  position: fixed;
}
#main-navbar .navbar-header {
  padding-left: 56px;
}
.mme #main-navbar .navbar-inner,
.mme #content-wrapper {
  left: 80%;
}
.mme #main-navbar .navbar-header {
  padding-left: 0;
}
.mme #main-menu,
.mme #main-menu-bg {
  left: 0;
}


@media (max-width: 801px) {
  .main-menu-right.mme #main-wrapper,
  .main-menu-right #main-wrapper {
    padding-left: 0;
    padding-right: 240px;
  }
  .main-menu-right.mme #content-wrapper,
  .main-menu-right #content-wrapper {
    right: 0;
  }
  .main-menu-right #main-navbar .navbar-inner,
  .main-menu-right.mme #main-navbar .navbar-inner,
  .main-menu-right.mme.mmc #main-navbar .navbar-inner {
    right: 0;
    margin-right: 56px;
    width: auto;
  }
  .main-menu-right.mmc #main-wrapper,
  .main-menu-right.mme.mmc #main-wrapper {
    padding-right: 56px;
    padding-left: 0;
  }
  .main-menu-right #main-navbar .navbar-header {
    padding-left: 0 !important;
  }
}



@media (min-width:777px){
  #main-wrapper,.mme #main-wrapper{
  padding-left:240px}.mmc.mme #content-wrapper,.mme
  #content-wrapper,.mme #main-navbar .navbar-inner {
    left:0
  }.mmc #main-wrapper{
      padding-left:56px
  } #main-navbar .navbar-header {
        padding-left:56px!important
      }
}








/********************************************************************
 style overrides
 *******************************************************************/
.theme-default .btn {
  border-radius: 0;
  border: none;
}

.theme-default {
  background: #f0f0f0;
}


/********************************************************************
 page header
 *******************************************************************/

.page-header-icon {
  font-size: 36px;
  line-height: 24px;
  padding: 0 0 0 0!important;
}

.page-header h1 {
  text-transform: capitalize;
  font-size: 24px;
  line-height: 24px;
}

.page-header h1 i {
  padding-right: 50px;
}



/********************************************************************
 Live mode
 *******************************************************************/

/* hack */
.context-live.status-select .page-header a,
.context-live.status-n\/a .page-header a,
.context-live.status-switch a,
.context-live.status-init a,
.context-live.status-loading a {
  display: none;
}

/*
.context-live.status-select a[data-command="idle"] {
    display: none;
}
*/

.context-live.status-monitor a[data-command="monitor"] {
    display: none;
}

.context-live.status-map a[data-command="map"] {
  display: none;
}

.context-live.status-identification a[data-command="identification"] {
    display: none;
}

.context-live.status-calibration a[data-command="start-scan"] {
  display: none;
}

.context-live.status-calibration a[data-command="stop-scan"] {
  display: none;
}


/* Another hack, used for login page: Don't shift to the right */
.context-login #main-wrapper {
  padding-left: 0;
}

/* Some vertical space around the logo in login screen */
.context-login #main-wrapper .login .logo-wrapper {
  margin-bottom: 20px;
  text-align: center;
}

.context-live .mode-selector {
  /*background: red;*/
}
.context-live .mode-selector img {
  width: 256px;
}
.context-live .mode-selector h1 {
  font-size: 48px;
  font-weight: 200;
}
.context-live .mode-selector .controls {
  margin-top: 68px;
}
.context-live .mode-selector .controls .btn-block {
  height: 220px;
  font-size: 28px;
  margin-bottom: 20px;
  vertical-align: middle;
  padding: 20px;
  line-height: 60px;
  #line-height: 193px;
}


/********************************************************************
datatables
 *******************************************************************/

.dataTable .even {
  background-color: #EAEAEA;
}







.dose-rate-left {
  position: absolute;
  left: 100px;
  bottom: 60px;
}
.dose-rate-right {
  position: absolute;
  right: 100px;
  bottom: 60px;
}

.arrow-right {
  position: absolute;
  right: 16px;
  bottom: 55px;
  font-size: 60px;
  display:none;
}

.arrow-left {
  position: absolute;
  left: 16px;
  bottom: 55px;
  font-size: 60px;
  display:none;
}

/* live view controls */
.off {
  display: none;
}

/* map leaflet */

#map_wrapper {
  position: relative;
  /*margin-bottom: 20px;*/
}

#map_wrapper #map { height: 400px; }

#map_wrapper #map_legend {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 200px;
  background: -webkit-linear-gradient(left, #0000ff 0%,#00ffff 25%,#00ff00 50%,#ffff00 75%,#ff0000 100%);
}

#map_wrapper #map_legend .legend-container {
  padding-left: 0;
  margin-top: -16px;
  font-size: 11px;
  opacity: 0.8;
}

#map_wrapper #map_legend .legend-container .units {
  padding-left: 66px;
}

/* Live (moving) cps plots */
.live-plot .legend rect {
  fill: none;
  stroke: none;
  padding-left: 40px;
}

.neutron_alarm_indicator {
  border: .5mm solid #ff0000;
}

.gamma_alarm_indicator {
  border: .5mm solid #0033ff;
}

.no_alarm_indicator {
  border: .5mm solid #ffffff;
}

.modal-lg {
  width: 95%;
}
#syslogTable {
  pageLength: 25;
  iDisplayLength: 50;
}


/* arktis charts */
#chart_neutron {
  width: 100%;
}
#chart_gamma {
  width: 100%;
}
.axis path, .axis line {
  fill: none;
  stroke: grey;
  stroke-width: 1;
  shape-rendering: crispEdges;
}



/* badge colors */
.badge-important {
  background: red;
}
.badge-success {
  background: red;
}





.text-md {
  font-size: 15px;
}
.padding-bg {
  padding: 13px 20px;
}
.ml-20 {
  margin-left: 20px;
}

/*
 * Navigation bar & Main Menu
 */



#main-navbar {
  height: 80px;
}
#main-navbar .fa-bars:before {
  font-size: 1.8em;
}
#main-navbar .fa-bars:after {
  content: '';
}
#main-navbar .navbar-header {
  padding-left: 10px !important;
  height: 80px;
  width: 100% !important;
}
#main-navbar .pull-right {
  padding-top: 23px;
}
#main-navbar .navbar-brand div,
#main-navbar .navbar-brand div img {
  width: auto;
  height: auto;
}
#main-navbar .navbar-brand div {
  top: 0;
}
#main-navbar .navbar-brand div img {
  border-right: 1px solid #ccc;
}


.mmc #main-navbar #main-menu-toggle .navbar-icon,
.mme.mmc #main-navbar #main-menu-toggle .navbar-icon {
  left: 30px;
}
#main-menu .mmc-dropdown-open-ul .menu-icon,
#main-menu .navigation .menu-icon,
#main-menu .mmc-dropdown-open-ul .menu-icon,
#main-menu .navigation .menu-icon {
  width: 30px;
  font-size: 30px;
}

#main-menu ul.navigation > li > a > .mm-text {
  text-transform: capitalize;
}

.theme-default #main-navbar .navbar-header a {
  color: #fff;
}
.stop,
.logout {
  margin-right: 20px;
}
.stop {
  display: none;
}
.st-on .stop {
  display: block;
}




/**
 * Content Layout
 **/



#content-wrapper {
  padding-top: 18px;
  /*overflow-x: auto;*/

}


#init-screen,
#login-screen {
  text-align: center;
  padding-top: 140px;
}
#init-screen img,
#login-screen img {
  display: inline-block;
  margin-bottom: 30px;
}
#login-screen .btn {
  display: block;
  margin: 0 auto 20px;
  width: 200px;
}
#off-screen {
  text-align: center;
  padding-top: 80px;
}
#off-screen img {
  display: inline-block;
  margin-bottom: 30px;
}
#off-screen .btn {
  display: block;
  margin: 0 auto 20px;
  width: 200px;
}
#error {
  visibility: visible;
  /*visibility: hidden;*/
  margin-bottom: 20px;
}
#error .alert {
  margin: 0 auto;
  text-align: center;
}
.main-unit {
  position: relative;
  background: #70a800;
  color: #fff;
  padding: 20px;
}
.main-unit table {
  width: 100%;
}
.main-unit table td,
.main-unit table th {
  vertical-align: top;
  text-align: left;
}
.main-unit table td hr,
.main-unit table th hr {
  width: 30%;
  margin-left: 0;
  margin-right: 0;
}
.main-unit table td {
  width: 50%;
}
#msmt-state {
  padding-top: 50px;
  height: 100%;
  font-size: 33px;
  text-transform: uppercase;
  letter-spacing: 1px;
}







/* Panel Tabs */
.panel-tabs {
  border: none;
}
.panel-tabs .panel-heading {
  border-width: 0 0 2px 0;
  border-color: #2a80b9;
  background-color: #f0f0f0;
  padding-top: 40px;
}
.panel-tabs .panel-heading .nav-tabs {
  left: 0;
  right: 0;
}
.panel-tabs .panel-heading .nav-tabs li {
  width: 50%;
}
.panel-tabs .panel-heading .nav-tabs li:last-child a {
  margin-right: 0;
}
.panel-table {
  padding: 0;
}
.panel-table .tab-content {
  padding: 0;
}
.panel-table .table {
  margin: 0;
}
.panel-table .table tr.top th,
.panel-table .table tr.top td {
  border-bottom: 0;
  border-top: 0;
  border-right: 1px solid #e4e4e4;
}
.va-middle {
  vertical-align: middle !important;
}
.va-bottom {
  vertical-align: bottom !important;
}
.table.no-border th,
.table.no-border td {
  border: none;
}
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > th {
  font-weight: 400;
}
.txtRight {
  text-align: right !important;
}
.txtCenter {
  text-align: center !important;
}
label span {
  display: inline-block;
  margin-bottom: 10px;
}



/*states */
/* Main Unit States */



.st-gray {
  background: #999999;
  text-align: center;
}
.st-yellow {
  background: #f4b04f;
  text-align: center;
}
.st-blue {
  background: #1d89cf;
  text-align: center;
}
.st-green {
  background: #70a800;
  text-align: center;
}
.stat-cell.st-green {
  background: #fff;
  text-align: left;
}
.stat-cell.st-green .result {
  color: #70a800;
}
.st-red {
  background: #ed1c24;
  text-align: center;
}
.stat-cell.st-red {
  background: #fff;
  text-align: left;
}
.stat-cell.st-red .result {
  color: #ed1c24;
}
/* Panel States */
.blocked {
  position: relative;
}
.blocked:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
}

#init {
  display: none;
}
.st-init #init {
  display: block;
}
#on {
  display: none;
}
.st-on #on {
  display: none;
}



/********************************************************************
 page header
 *******************************************************************/

div[class^='visible-while-'] {
  display: none;
}

body.status-select .visible-while-select {
  display: block;
}

body.status-monitor .visible-while-monitor {
  display: block;
}

body.status-map .visible-while-map {
  display: block;
}

.visible-while-init {
  display: none;
}
body.status-init .visible-while-init {
  display: block;
}





/********************************************************************
 panels
 *******************************************************************/

.panel.status-summary .value {
  font-size: 36px;
}
.panel.status-summary .designator {
  opacity: 0.6;
  font-size: 24px;
}
.panel.status-summary .gamma-type {
  font-size: 24px;
}
.panel.status-summary .neutron-type {
  font-size: 24px;
}
.panel.status-summary .title {
  font-size: 18px;
  text-align: right;
  padding: 0 20px 20px
}


.stat-panel.latest-event {
  -webkit-transition: background 0.3s, color 0.3s;
}

/* CED NEW GUI | was: .stat-panel.latest-event.unacknowledged { */
.stat-panel.latest-event.unacknowledged .box-tab-val {
  background: #e66454;
  color: white;
}

.stat-panel.latest-event .btn-ack {
  display: none;
}

.stat-panel.latest-event.unacknowledged .btn-ack {
  display: block;
}

.stat-panel.monitor-control .stat-row-controls a,
.stat-panel.map-control .stat-row-controls a {
  margin: 0 0 10px;
}

/********************************************************************
 Style for Map -> Map Settings modal dialog
 *******************************************************************/
.map-settings td:nth-child(1) {
  min-width: 180px;
}


/********************************************************************
 generic alignment classes
 *******************************************************************/
.alignL       { text-align: left; }
.alignC       { text-align: center; }
.alignR       { text-align: right; }


/********************************************************************
 generic float classes
 *******************************************************************/
.floatL       { float: left; }
.floatR       { float: right; }


/********************************************************************
 cursor to hide blocks
 *******************************************************************/
.view_toggler  { cursor: pointer; float: right; }


/********************************************************************
 inline selection dropdowns - by CED
 *******************************************************************/
.inline-select { display: inline; width: auto; }


/********************************************************************
 version info and other stuff
 *******************************************************************/
#main-left-logo   { text-align: center; margin-top: 25px; }
.navigation       {padding: 25px 0 0!important; }
#copyright-info   { display: block; text-align: center;
                    font-family: sans-serif; font-size: 10pt;
                    color: #aaaabb; }
#copyright-info b { color: white; }

/********************************************************************
 2-sided GUI custom styles - by CED
 *******************************************************************/
.box-tab      { width: 100%; border-spacing: 0; border-collapse: separate; border: 1px #666666 solid; }
.box-tab th   {  }
.box-tab td   {  }
.box-tab img  { max-width: 100%; max-height: 100%; }
.box-tab-hea  { background-color: #39393d; padding: 15px 20px; color: #ffffff; font-size: 18pt; overflow: auto; }
.box-tab-occ  { background-color: #ff9933; padding: 15px 20px; color: #ffffff; font-size: 18pt; overflow: auto; }
.box-tab-lbl  { padding: 5px 20px; background-color: #dddddd; width: 150px; max-width: 150px; font-size: 20pt; font-weight: bold; }
.box-tab-lbx  { padding: 20px;     background-color: #dddddd; width: 150px; max-width: 150px; font-size: 20pt; font-weight: bold; }
.box-tab-val  { padding: 0 20px; font-size: 30pt; text-align: center; }
.box-tab-msg  { font-size: 20pt; }
.box-tab-ala  { height: 260px; width: 30%; text-align: center; }
.box-tab-foo  { background-color: #bbbbbb; padding: 5px 10px; color: #000000; font-size: 11pt; }
.btn-man-sta  { border-width: 4px 0 4px 4px; border-style: solid; }


/********************************************************************
 customisation for ortec history tabs
 *******************************************************************/
.tab-links a {
  padding:9px 12px;
  display:inline-block;
  border-radius:3px 3px 0px 0px;
  background:#1d89cf;
  font-size:20px;
  font-weight:500;
  color:#ffffff;
  transition:all linear 0.15s;
}

.disabled_link {
  color: #cccccc;
}

.current-scan {
  border: 1px solid #000;
}

/********************************************************************
 RPM-specific css
 *******************************************************************/
#set-current-scan-bg {
  border-bottom: 1px solid #000;
}
.current-scan h2 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}
.current-scan p {
  margin-bottom: 0;
  padding:10px;
  font-size: 20px;
  font-weight: 600;
}
.current-scan-border {
  border-right: 1px solid #000;
  border-left: 1px solid #000;
}

.settings-headling {
  width: 30%;
  min-width: 120px;
  font-size: xx-large;
}

.settings-item {
  width: 30%;
  min-width: 120px;
  font-size: x-large;
}

#masterTopBorder, #slaveTopBorder {
  border-bottom: 1px solid #000;
}
.box-tab {
  border-collapse: collapse;
}
.masterTopGammas,
.masterBottomGammas,
.slaveTopGammas,
.slaveBottomGammas {
  display: inline-block;
  text-indent: 35px;
}
.masterTopNeutrons,
.masterBottomNeutrons,
.slaveTopNeutrons,
.slaveBottomNeutrons {
  display: inline-block;
  text-indent: 21px;
}

.statusGammas {
  display: inline-block;
  text-indent: 52px;
}

.statusNeutrons {
  display: inline-block;
  text-indent: 38px;
}

#latestScanPortal {
  display: inline-block;
  text-indent: 60px;
}
#dom_id_rate_plot_container {
  margin-top: 10px;
}
.svg-container {
  display: inline-block;
  position: relative;
  width: 100%;
  vertical-align: top;
  overflow: hidden;
}
.svg-content {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.box-tab th, td {
  padding: 10px;
}

.camera_name {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
}

[data-view-permissions] {
  display: none!important;
}

[data-action-permissions] {
  pointer-events: none;
  box-shadow: none;
  opacity: .65;
}

[data-translate-text] {
  display: inline;
  margin: 0 0 0;
}

.action_inactive {
  pointer-events: none;
}

a.disabled  {
  pointer-events: none;
  box-shadow: none;
  opacity: .65;
}

a.edge_rounded {
  margin: 1px 1px 1px 1px!important;
  border-radius: 3px!important;
}

.health_table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 0;
  margin-left: 1%;
  right: 1%;
  font-size: larger;
  border: none;
}

.health_filter {
  width: 8em;
  color: black;
  margin: auto;
  display: inline-block;
  border-radius: 5px;
}

.bottom_fixed_div {
  text-align: right;
  right:0;
  bottom: 30px;
  z-index: 9;
  position: fixed
}

#health_error_indicator {
  display: block;
  text-align: center;
  font-size: x-large;
  padding-top: 5px;
}

.health_error {
  color: #e66454;
  text-align: center;
}

#sensor_grid {
  min-height: 450px;
}

.col-lg-offset-1 {
  margin-left: 8%; margin-right: 8%;
}

@media (min-width: 768px) {
  .bottom_fixed_div {
    padding-left: 240px;
    padding-right: 18px
  }
}

@media (max-width: 768px) {
  .bottom_fixed_div {
    padding-left: 56px;
    padding-right: 18px
  }
}

.fiftypercent td {
  width: 50%;
}