/**
 * All of the CSS for your public-facing functionality should be included in this file.
 *
 * The file is enqueued from inc/frontend/class-frontend.php.
 */

/* 
tr.border_bottom td {
  border-bottom: 1px solid black;
}
 */
#cb_pdp_body{
	background-color: #444444;
}	
.cb-pdp-main-box
{
	background-color: rbha( 0,0,0,0);
	max-width: 100%;
	align-content: center;

}
.pdp-inner-box
{
	background-color: #555555;
	opacity: 0.95;
	max-width: 80%;
	align-content: center;
	border: 25px solid black;
}
.pdp-inner-box a:link {
	color: #1e90ff;
}
.pdp-inner-box a:visited {
	color: #00008b;
}

.fl_style1 {	font-size: 18px;
	font-weight: bold;
}
.pdp-small-text{
	
	background-color: #001E5B;
	color: #FFFF66;
	font-size: 16px;
}
.edit{
	display: none;
}
.view{
	display: inline;
}
.editing .edit {
	display: inline;
}
.editing .view {
	display: none;
}
.BoldMetrics
{
	font-weight: bold;
	font-size: 14px;
	color: #F3F3F3;
	text-align: center;
	background-color: "#5B444F"
}
tr{
 white-space: nowrap
}
.button-flightlog{
	color:white !important;
	font-size: 20px;
	width:25px;
	height:25px;
}
.button-start{
	background-color:green !important; 
	border-radius: 50%;
}
.button-stop{
	background-color:red !important;
	border-radius: 25%;
}
.button-start.clicked{
	background-color:red !important; 
	border-radius: 50%;
}
.button-stop.clicked{
	background-color:green !important; 
	border-radius: 50%;
}

.fl_style1 
{
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

.fl_style3 {font-size: 16px; font-weight: bold; }
.fl_style16 {color: #CCCCCC; }
.fl_style24 {color: #000000}
.fl_style25 {
	font-size: 18px; 
	font-weight: 
	color: #000000; 
}
.fl_style27 {font-size: 18px; font-weight: bold; color: #000000; }

.fl_style29 {
	color: #7DFF7D;
	font-weight: bold;
	font-fl_style: italic;
	font-size: 16px;
}
.fl_style30 {
	color: #FFFFFF;
	font-weight: bold;
	font-fl_style: italic;
}
.fl_style34 
{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	font-style: italic;
	text-align: center;
	background-color: white;
}
.fl_style34hd 
{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	font-style: italic;
	text-align: center;
	background-color: #66ccff;
}

.fl_style35 
{
	color: #F7F7F9;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.fl_style37 
{
	color: #FFFFFF;
	font-size: 14px;
}
.fl_style39 
{
	color: #DBDDE6;
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
}
.fl_style41 
{
	color: #DBDDE6;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
}
.fl_style43 
{color: #DBDDE6; font-style: italic; }
.fl_style44 
{color: #C2C7E2; font-weight: bold; }
.fl_style45 
{
	color: #6666FF;
	font-size: 14px;
}
.popup-overlay {
  visibility:hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(0%, -50%);  background: #ffffff;
  border: 3px solid #666666;
  width: 65%;
  height: 75%;
  left: 25%;
  height:"350px"; 
  overflow-y:auto;
  overflow-x:auto
}

.popup-content {
	visibility:hidden;
	padding: "3px";
	position: absolute;
	float: left;
  	left: 2px;
  	width :95%
} 
.popup-content li {
    white-space: normal;
    float: left;
    width: 95%;
    height: auto;
	word-wrap: break-word;
}
.popup-overlay.active{
visibility:visible;
}

.popup-content.active {
visibility:visible;
}
optgroup.nofly{
	background-color: #000000;
	color: #ffffff;
}

textarea { vertical-align: top; }
form {
  margin: 0 auto;
}
#addFlight{
  width: 100%;
  margin: 0 auto;
}

.container {
    width:100%;
    margin:2 auto;
}

.form-row {
    line-height:18pt;
    border: solid 1px black;
}

.form-row:nth-child(odd) {
    background: #e0e0e0;
}
.form-row:nth-child(even) {
    background: #fefefe;
}

h3 {
    line-height:36pt;
    font-weight:bold;
    color:blue;
}
.flight_list{
	display: inline;
}
.flight_list .editing{
	display: none;
}
.Heading .editing{
	display: none;
}
.Title {
	width 100%;
	display: table;
}
.Title .editing{
	display: none;
	align-content: center;
}
#flight_button    {
    width: 150px;
    background: red;
    float: left;
}
#editDate  {
    width: 815px;
    float: center;
}
#flightCount  {
    float: right;
    background: green;
}
.Row .editing{
	display: none;
}
#eflights{
	background-color: #444444;
	align-content: center;
}
#flight_table{
	display: table; 	
	width=99%;
	text-align=center;
	padding=2;
	border-spacing=2; 	
}
.table{
	display: table; 
}

.Row{
	background-color: #eeeeee;
	display: table-row;
}
.Heading{
	background-color: #999999;
	align-content: center;
	width 100%;
	display: table-row;
}
H3{
	background-color: #999999;
}
.fl_Cell0
{
  	background-color: LightGray; 
    display: table-cell;
     text-align: center;
    border: solid;
    border-width: thin;
    padding-left: 5px;
    padding-right: 5px;
    width: 10%;
}
.fl_Cell0a
{ 
    display: table-cell;
     text-align: center;
    border: solid;
    border-width: thin;
    padding-left: 5px;
    padding-right: 5px;
    width: 10%;
}
.fl_Cell
{
    display: table-cell;
     text-align: center;
    border: solid;
    border-width: thin;
    padding-left: 5px;
    padding-right: 5px;
    width: 15%;
}
.fl_Cella
{
	background-color: LightGray; 
    display: table-cell;
     text-align: center;
    border: solid;
    border-width: thin;
    padding-left: 5px;
    padding-right: 5px;
    width: 15%;
}
.fl_Cell1
{
    display: table-cell;
     text-align: center;
    border: solid;
    border-width: thin;
    padding-left: 5px;
    padding-right: 5px;
    width: 20%;
}
.fl_Cell2
{
    display: table-cell;
     text-align: center;
    border: solid;
    border-width: thin;
    padding-left: 5px;
    padding-right: 5px;
    width: 25%;
}
.fl_Cell3
{
    display: table-cell;
     text-align: center;
    border: solid;
    border-width: thin;
    padding-left: 5px;
    padding-right: 5px;
    width: 240px;
}

table.logbook, th.logbook, td.logbook{
  border: 1px solid black;
  margin: 0 0 0.5em;
   border-collapse: collapse;
   background-color: #cccccc;
/*   border-radius: 10px; */
}
table.flightlog{
  border: 1px solid black;
  margin: 0 0 0.5em;
   border-collapse: collapse;
   background-color: #666666;
   
    width:"100%" ;
    height:"100%" ;
    text-align: "center" ;
    padding: "2" ;
    border-spacing: "2" ;
    border-color:"#000033" ;
/*   border-radius: 10px; */
}
td.hidden{
	visibility: hidden;
}
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../views/Broken circle.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modal {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}
td .detail {
 	font-size: 
 	18px; font-weight: 
/*  	bold;  */
 	color: #000000;  
 	text-align: left;
 	vertical-align: middle;
 	nowrap;
	background-color: #cccccc;
}
td .label {
 	font-size: 
 	18px; font-weight: 
/*  	bold;  */
 	color: #000000;  
 	text-align: left;
 	vertical-align: middle;
 	nowrap;
	background-color: #cccccc;
}
.fl_header {
	font-size: 18px; 
	font-weight: 
	color: #000000; 
	background-color: #66CCFF;
}
.fl_flight_row {
	font-size: 18px; 
	font-weight: 
	color: #000000; 
	background-color: #FFFFFF;
}
.fl_detail_row {
	font-size: 18px; 
	font-weight: 
	color: #000000; 
	background-color: #CCCCCC;
}
table .flightTable {
	overflow-y:scroll; 
	height:450px; 
	display:block;  
	border:1px solid red;  
/* 	margin-top:5px;   */
}  
table { 
    margin-left: auto;
    margin-right: auto;
}
tbody > tr > td:last-of-type {
/*   width: 70px; */
  text-align: center;
}
.float-container {
	border: 3px solid #fff;
	padding: 10px;
}
.float-child{
	width: 8%;
	float: left;
	padding:10px;
	border: 2px solid green;
}
/* 
th{
width:75px; 
 position:fixed; 
background:white;    
}th:nth-of-type(2){
 left:75px;   
}td{
width:75px;    
}
 */