/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
@font-face {
  font-family: 'Share Tech Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Share Tech Mono'), local('ShareTechMono-Regular'), url(https://fonts.gstatic.com/s/sharetechmono/v7/J7aHnp1uDWRBEqV98dVQztYldFcLowEF.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

 #header {
 	background-image: linear-gradient(to bottom,#0074a2,#00adff);
 }

 @media (min-width: 480px) { #digitalclock {
 	font-family: 'Oswald', monospace;
 	color: #ffffff;
 	text-align: center;
 	/*position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-top: 20%;
 	-webkit-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);*/
 	color: #fff;
 	font-weight : 700;
 	

 }
}
 #digitalclock .timeclock {
 	letter-spacing: 0.05em;
 	font-size: 20px;
 	/*text-shadow: 0 1px 0 #fff,0 2px 0 #bfbfbf,0 3px 0 #bfbfbf;*/

 	/*padding: 5px 0;*/
 }
 #digitalclock .dateclock {
 	letter-spacing: 0.1em;
 	font-size: 14px;
 	/*text-shadow: 0 1px 0 #fff,0 2px 0 #bfbfbf,0 3px 0 #bfbfbf;*/
 	/*text-shadow: 0px 0px 20px #ffffff !important;*/
 	/*text-shadow: 0 1px 0 #ccc,0 2px 0 #bfbfbf,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);*/
 }
 #digitalclock .text {
 	letter-spacing: 0.1em;
 	font-size: 12px;
 	padding: 20px 0 0;
 }

 /*

RESPONSTABLE 2.0 by jordyvanraaij
  Designed mobile first!

If you like this solution, you might also want to check out the 1.0 version:
  https://gist.github.com/jordyvanraaij/9069194

  */
  .responstable {
  	/* margin: 1em 0;*/
  	width: 100%;
  	overflow: hidden;
  	background: #FFF;
  	color: #024457;
  	/*border-radius: 10px;*/
  	border: 1px solid #167F92;
  }
  .responstable tr {
  	border: 1px solid #D9E4E6;
  }
  .responstable tr:nth-child(odd) {
  	background-color: #EAF3F3;
  }
  .responstable th {
  	display: none;
  	border: 1px solid #FFF;
  	background-color: #167F92;
  	color: #FFF;
  	padding: 1em;
  }
  .responstable th:first-child {
  	display: table-cell;
  	text-align: center;
  }
  .responstable th:nth-child(2) {
  	display: table-cell;
  }
  .responstable th:nth-child(2) span {
  	display: none;
  }
  .responstable th:nth-child(2):after {
  	content: attr(data-th);
  }
  @media (min-width: 480px) {
  	.responstable th:nth-child(2) span {
  		display: block;
  	}
  	.responstable th:nth-child(2):after {
  		display: none;
  	}
  }
  .responstable td {
  	display: block;
  	word-wrap: break-word;
  	max-width: 7em;
  }
  .responstable td:first-child {
  	display: table-cell;
  	text-align: center;
  	border-right: 1px solid #D9E4E6;
  }
  @media (min-width: 480px) {
  	.responstable td {
  		border: 1px solid #D9E4E6;
  	}
  }
  .responstable th, .responstable td {
  	text-align: left;
  	margin: .5em 1em;
  }
  @media (min-width: 480px) {
  	.responstable th, .responstable td {
  		display: table-cell;
  		padding: 1em;
  	}
  }

  .air-top-center {
    top: 25% !important;
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    width:100%;
    }

    /*TABLE*/
    div.blueTable {
  /*font-family: "Times New Roman", Times, serif;*/
  border: 2px solid #167F92;
  background-color: #FFFFFF;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
  border: 1px solid #FFFFFF;
  padding: 16px 10px;
}
.divTable.blueTable .divTableBody .divTableCell {
  font-size: 16px;
  color: #024457;
}
.divTable.blueTable .divTableRow:nth-child(even) {
  background: #D0E4F5;
}
.divTable.blueTable .divTableHeading {
  background: #167F92;
  background: -moz-linear-gradient(top, #509fad 0%, #2d8b9d 66%, #167F92 100%);
  background: -webkit-linear-gradient(top, #509fad 0%, #2d8b9d 66%, #167F92 100%);
  background: linear-gradient(to bottom, #509fad 0%, #2d8b9d 66%, #167F92 100%);
}
.divTable.blueTable .divTableHeading .divTableHead {
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  border-left: 1px solid #D0E4F5;
}
.divTable.blueTable .divTableHeading .divTableHead:first-child {
  border-left: none;
}

.blueTable .tableFootStyle {
  font-size: 14px;
}
.blueTable .tableFootStyle .links {
	 text-align: right;
}
.blueTable .tableFootStyle .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #024457;
  padding: 2px 8px;
  border-radius: 5px;
}
.blueTable.outerTableFooter {
  border-top: none;
}
.blueTable.outerTableFooter .tableFootStyle {
  padding: 3px 5px; 
}
/* DivTable.com */
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}

