op25/op25/gr-op25_repeater/apps/oplog/op25/static/css/op25.css

body {
/* 	min-height: 2000px; */
/* 	padding: 0px 25px 0px 25px; */
	margin: 5px 10px 5px 10px !important;
/*     background-color: #0f0;    */
}

.li-text {
	padding: 10px 15px 5px 15px;
	color: #ddd;    
}

.sel-date {
	color: black;
	width: 150px;
	height: 33px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
 */

/* 
#container {
    width: 1000px;
	min-height: 2000px;    
    margin: 0 auto;
    border: 1px solid;    
    background-color: #f00;    }

#primary {
	min-height: 2000px;       float: left;
    width: 15%;
    padding: 5px;
    background-color: #222;}

#content {
	min-height: 2000px;       float: left;
    width: 70%;
    padding: 5px;
    background-color: #fff;    }

#secondary {
	min-height: 2000px;       float: left;
    width: 15%;
    padding: 5px;
    background-color: #eee;}
 */

#footer {
    clear: both;
    background-color: #375a7f;
    min-height: 50px;
    color: white;
}

.btnMain {
	margin: 2px;
	padding: 2px;
	width: 210px;
}

.dataTables_length select {
	color: #fff;
}

.dataTables_length select option {
	background-color: #111;
}

.dataTables_filter input[type=search] {
	color: #fff;
}

#systemSelect {
	color: #000;
	height: 33px;
}

#navSelect {
	color: #000;
	height: 30px;
}

.op-input {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* 

The Modal (background).modal {
  display: none; Hidden by default  position: fixed; Stay in place  z-index: 1; Sit on top  left: 0;
  top: 0;
  width: 100%; Full width  height: 100%; Full height  overflow: auto; Enable scroll if needed  background-color: rgb(0,0,0); Fallback color  background-color: rgba(0,0,0,0.4); Black w/ opacity}

Modal Content/Box.modal-content {
  background-color: #fefefe;
  margin: 15% auto; 15% from the top and centered  padding: 20px;
  border: 1px solid #888;
  width: 80%; Could be more or less, depending on screen size}

The Close Button.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
 */

#loading {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  background-color: #fff;
  z-index: 99;
}

#loading-image {
  z-index: 100;
}


/* New layout stuff */

/* Style the body */
/* 
body {
  font-family: Arial;
  margin: 0;
}
 */

/* Header/logo Title */
/* 
.header {
  padding: 60px;
  text-align: center;
  background: #1abc9c;
  color: white;
}

Style the top navigation bar.navbar {
  display: flex;
  background-color: #333;
}

Style the navigation bar links.navbar a {
  color: white;
  padding: 14px 20px;
  text-decoration: none;
  text-align: center;
}

Change color on hover.navbar a:hover {
  background-color: #ddd;
  color: black;
}
 */

/* Column container */
.row-main {  
  display: flex;
  flex-wrap: wrap;
}

/* Sidebar/left column */
.side {
  flex: 15%;
/*   flex: 0 0 275px; */
/*   width: 200px; */
/*   background-color: #111; */
  padding: 0px;
}

/* Main column */
.main {
  flex: 70%;
/*   background-color: white; */
  padding: 5px;
}



/* Footer */
.footer {
/*   padding: 20px; */
  text-align: center;
/*   background: #ddd; */
}

/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 790px) {
  .row, .navbar {   
    flex-direction: column;
  }
}