/* reset browser styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

th {
	font-weight:normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1.2;
}
ol { 
	padding-left: 1.4em;
	list-style: decimal;
}
ul {
	padding-left: 1.4em;
	list-style: square;
}

ul {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; line-height: inherit; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
ol {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; line-height: inherit; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
li {
	margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; line-height: inherit; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}


/* end reset browser styles */

body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;	
	background-color: #555;
	color: #555;
	-webkit-font-smoothing: antialiased;	
}

header {
	position: relative;
	background-color: #002D66;	
    height: 151px;
}


/*************************  Text ******************************************/

header h1 {
  	font-size: 3.75em;	
	color: white;
	padding: 20px 0 30px 25px;
	clear: both;
    font-weight: 700;
    font-family: Nunito,sans-serif;	
}

header h1 span {
	font-size: 0.5em;
}

#loginTopBar {
	height: 38px;
	width: 100%;
}

aside h2 {
	font-size: 1.3em;
	margin-top: 15px;	
	color: #336DB2;	
}

aside h3 {
	font-size: 1.1em;
	margin-top: 15px;
	color: #336DB2;	
}

aside p, aside li {
	font-size: .75em;
	margin-top: 10px;	
}

.main h2 {
	font-size: 2em;
	margin-top: 10px;
	margin-bottom: 10px;
    color: #336DB2;
	border-bottom: 1px dashed black;
	background-repeat: no-repeat;	
	padding-left: 35px;
}

.main .unlock  {
	background-image: url('../../images/unlock_big.png');
	background-position: 0 5px;
}

.main .edit  {
	background-image: url('../../images/edit_big.png');
	background-position: 0 6px;
}

.main .setting  {
	background-image: url('../../images/setting_big.png');
	background-position: 0 6px;
}

.main .list  {
	background-image: url('../../images/list_big.png');
	background-position: 0 7px;
}

.main .mail  {
	background-image: url('../../images/mail_big.png');
	background-position: 0 7px;
}

.main h3 {
	font-size: 1.5em;
	margin-top: 20px;
    color: #336DB2;		
}

.main p {
	margin-bottom: 15px;	
}

.paginav {
	text-align:center;
}

/************************* EOF Text *************************************/

/************************* Links ****************************************/

a.standardLink { 
    color: #6695CC;
 	text-decoration: none;
}

a:hover.standardLink  {
	color: #99C7FF;
   	text-decoration: underline;  
}

.sidebar1 ul a {
	color: #6695CC;
 	text-decoration: none;
}

.sidebar1 ul a:hover {
	color: #99C7FF;
	text-decoration: underline;  
}

.wrapLink {
	white-space: pre-wrap; /* css-3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/************************* EOF Links *************************************/

/****************************** Error Messages ****************************/

.statusMessage, .errorMessagePage {
    padding: 10px 10px 10px 10px;
	color: #fff;
	font-size: 16px;	
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	text-align: center;
	width: 100%;
}

.errorMessagePage {
	background-color: red;
}

.statusMessage {
	background-color: #2EB82E;
}

.errorMessage, .errorText {
    padding: 10px 10px 0 0;
    color: red;
	margin-bottom: 0 !important;
	font-size: 16px;
}

/****************************** EOF Error Messages *************************/

/************************* Footer ****************************************/

footer {
	clear: both;
	background-color: #121212;
    text-align: center;	
}

footer .copyright a {
	color: white;
	font-size: 11px;
	text-decoration: none;
}

footer .copyright a:hover {
	color: #336DB2;	
}

footer .copyright  {
	width: 100%;
	height: 30px;
	font-size: 11px;	
	padding: 15px 10px 30px 10px;
	color: white;	
}

footer .menu {
	font-size:15px;
	width:100%;
	padding: 15px 10px 10px 10px;
	color: #97A89E;	
}

footer .menu a {
	color:#97A89E;
	text-decoration:none;
}

footer .menu span {
	color:white;	
}

footer .menu a:hover {
	color: #99C7FF;
	text-decoration:underline;
}

/************************* EOF Footer******************************************/

/************************* Page Layout ****************************************/

.admin-welcome {
	font-size: 20px;
	color: #99C7FF;
}

.clock {
    position: absolute;
    top: 104px;
    right: 13px;
    color: white;
    font-size: 12px;
}

#preloader {
	background: #000;
	height: 100%;
	width: 100%;
	position: fixed;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	z-index: 1000;
}

#spinner {
	
	height: 100%;
	width: 100%;
	position: fixed;	
}


.clear:after {
    content: " ";
    display: table;
    clear: both;
}

.loginLinks {
	margin-top:80px;
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;		
}

.pageWrapper {
	margin: 0 auto;	
	background-color:white;	
}

.columnWrapper {
	float: left;
	width: 80%;	
}

.sidebar1 {
    float: left;
    width: 25%;
    padding: 0 20px 30px 10px;
	background: #f1f3f5;
}

.main {
    float: right;
    width: 75%;
    padding: 0 20px 20px 20px;
   	min-height:1100px;	
}

.main ul {
    list-style-type: disc;
	padding: 0 0 10px 30px;   
}

.main ul li {
    color: #99C7FF;   
}

.main ul li p {
    color: #555;  
	margin-bottom: 7px !important;
}

.sidebar1 ul  {
    list-style-type: none;
	padding-left: 10px;
	margin: 0px;
}

.sidebar1 ul li {		
	padding: 3px 0 5px 25px;
	background-repeat: no-repeat;
	background-position: 0.1em 0.3em;
}

.sidebar1 .edit {	
	background-image: url('../../images/edit.png');
}

.sidebar1  .lock {	
	background-image: url('../../images/lock.png');
}

.sidebar1  .mail {	
	background-image: url('../../images/mail.png');
}

.sidebar1  .cog {		
	background-image: url('../../images/cog.png');
}

.sidebar1  .home {		
	background-image: url('../../images/home.png');
}

nav ul, header h1, .contentWrapper {
	margin: 0 auto;	
}

/************************* EOF Page Layout **************************************/

/************************* Images ***********************************************/

img {
	max-width: 100%;
	height: auto; 
}

img.half {
	max-width: 50%;	
	height: auto; 
}

img.border {
    border: 1px solid black;
}

/************************* EOF Images ***********************************************/

/************************* All Media Queries ****************************************/


@media (max-width:768px) {	

	header {
		height:135px;
	}

	header h1 {   
		font-size: 2.5em;
		padding-left: 25px;	
	}
 
	/************************* Page layout ****************************************/
	
	.columnWrapper {
	    width:100%;
		float:none;
    }
	
	.main {
	    border: none;
		min-height:0;	
    }	
	
	.columnWrapper, .main, .sidebar1 {
	    float: none;
        width: auto;  
		height: 100% !important;
    }
	
	.sidebar1 {
		border-top: 1px solid black;		
	}
	
	.clock {		
		top: 84px;		
	}
		
 	/************************* EOF Page layout ****************************************/
	
}

@media (max-width: 560px) {

	.clock {		
		display:none;		
	}
}

@media (max-width: 480px) {

	header h1 {
		padding: 20px 0 30px 165px ;
	}

	header {
		height:115px;
	}
	
	.loginLinks {
		font-size:12px;
	}

	.main h2 {
    	font-size: 1.5em;
		padding-left:0;
	}
	
	header h1 {
		font-size: 1.7em; 
		background-size:70px;
		padding-left: 15px;		
	}
	
	.main .unlock, .main .edit, .main .setting, .main .list, .main .mail  {
		background-image: none;
	}
}

img[src*="https://cdn.rawgit.com/000webhost/logo/e9bd13f7/footer-powered-by-000webhost-white2.png"] {
    display: none;}