.iframetab{
  height:100%;
  width:100%;
  float:right;
}

body {
margin: 0;
padding:0;
height: 100%;
width: 100%;
overflow: auto;
overflow-x: hidden;
font-family: -apple-system, Verdana, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;;
color: #FFF;
}

html {
background-color:#000;
margin:0px;
padding:0px;
color:#FFF;
}

#browser_menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 34px;
  background: #222222;
  background: -moz-linear-gradient(top, #555555 0%, #222222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #222222));
  background: -webkit-linear-gradient(top, #555555 0%, #222222 100%);
  background: -o-linear-gradient(top, #555555 0%, #222222 100%);
  background: -ms-linear-gradient(top, #555555 0%, #222222 100%);
  background: linear-gradient(to bottom, #555555 0%, #222222 100%);
  font-family: Capriola, Helvetica, sans-serif;
  border-bottom: 1px solid #1471b6 !important;
}

.browser-menu {
  display: flex;
  height: 100%;
}

#home {
  height: 100%;
  padding: 5px;
  margin: 0 10px;
}

#home > img {
  height: 100%;
}

.menu-logo {
  width: 13px;
  text-align: center;
}

.logo-copyright-about-modal-container {
  padding: 0;
}

.copyright-about-modal-container {
  padding: 0;
}

.logo-about-modal {
  height: 82px;
  filter: brightness(0) saturate(100%) invert(28%) sepia(99%) saturate(818%) hue-rotate(175deg) brightness(104%) contrast(93%);
}

.copyright-container-about-modal {
  width: 100%;
}

.copyright-about-modal-container div {
  display: inline-block;
  padding-left: 5px;
}

.btn-dismiss-about-modal-container button {
  position: absolute;
  bottom: 0;
  right: 0;
}

.btn-dismiss-about-modal-container #btn_feedback_about_modal {
  position: absolute;
  bottom: 0;
  right: 85px;
}

#logout-form {
  display: inline;
}

#logout-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 3px 20px;
  margin: 0;
  width: 100%;
  text-align: left;
}

.browser {
margin:10px;
}

div.DTS div.dataTables_scrollBody{
background-color: #000 !important;
background-image: none !important;
}

.dataTables_wrapper{
border: 1px solid #4b5c69;
margin: 0px 0px 10px 0px;
}

th {
text-align:left;
}

table.dataTable {
background-color: #1471b6;
table-layout: fixed; /* needed for fixed columns */
word-wrap:break-word; /* needed for fixed columns */
overflow-y: hidden;
}

table.report {
color: #FFF;
background-color: #000;
border: 0px solid white;
border-spacing: 0;
}

table.default {
color: #FFF;
background-color: #000;
border-spacing: 0;
}

.row {
margin-left: 0px !important;
margin-right: 0px !important;
}

input {
color: #000;
}

.fading_line {
  margin: 10px 0;
  height: 1px;
  background: black;
  background: -webkit-gradient(linear, 0 0, 100% 0, from(black), to(black), color-stop(5%, grey), color-stop(95%, grey));
}

.reporting_module{
position: absolute;
bottom:10px;
left:10px;
text-shadow: 1px 1px 2px #000;
width: 300px;
z-index: 2;
}

.reporting_module .col-md-4{
  width:100%;
}

.thirona_color {
color: #1471b6;
}

.help_icon {
pointer-events: none;
margin-bottom: 5px !important;
}

.hidden {
display: none;
}

.tabcontent {
width: 100%;
height: calc(100vh - 34px);  /* Whole browser viewport minus the button bar */
overflow: hidden;  /* Never show scrollbars */
margin: 0;
}

.dataTables_scrollHeadInner{
background-color: #1471b6;
}

.datatable-scroll {
  overflow-x: auto;
  overflow-y: visible;
}

.browser_footer{
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index:2;
}

.notification-bell-red {
  color: rgb(255, 60, 30);
}

.icn-has-notification {
  color: rgb(220,120,5);
}

.web-notifications {
  width: 480px;
}

.web-notifications .web-notifications-top-bar {
  /*background-color: #1471b6;*/
  font-weight: bold;
}

.web-notifications .web-notifications-top-bar > span.title {
  font-weight: bold;
  font-size: x-large;
}

.web-notifications > .web-notification {
  background-color: white;
}

.web-notifications > .web-notification > form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
  background-color: white;
  align-items: center;
}

.web-notification-modal {
  background-color: white;
}

.web-notifications > .web-notification > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

.web-notification-title {
  font-weight: bold;
  color: black;
  font-size: large;
}

.web-notification-message {
  color: black;
  display: inline-block;
  font-size: x-small;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow:hidden;
  width: 100%;
}

.web-notification-counter:hover .counter {
  display: none;
}

.web-notification-counter {
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
  border-radius: 25px;
}

.web-notification-counter:hover {
  background-color: red;
  border-color: red;
}

.web-notification-counter:hover .delete {
  display: block;
}

.web-notification-counter > .delete {
  display: none;
}

.web-notification-date {
  color: black;
  font-size: x-small;
}

#connection-indicator-wrapper {
    position: absolute;
    bottom: 0;
    left: 10px;
    border-radius: 5px 5px 0 0;
    padding: 10px 10px 5px 5px;
    background-color: #2f2f2f;
    margin-right: 10px;
    margin-top: 5px;
    z-index: 100;
}

#connection-indicator-wrapper.show {
  visibility: visible;
}

#connection-indicator-wrapper.hide {
  visibility: hidden;
}

#connection-indicator-icon{
  padding-left: 10px;
}

#connection-indicator-icon.is_online {
  color: limegreen;
}

#connection-indicator-icon.is_offline {
  color: red;
}

#loading-container {
  top: 0;
  left: 0;
  font-size: 3em;
  text-align: center;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(25, 25, 25, 0.75);
  z-index: 1000;
  display: none;
}

#loading-text {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: auto;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.progress {
  position: relative;
}

.progress-bar-value {
  position: absolute;
  text-align: center;
  line-height: 20px; /* line-height should be equal to bar height */
  font-size: 14px;
  overflow: hidden;
  color: #fff;
  right: 0;
  left: 0;
  top: 0;
}