body{
	margin:0;
	padding:0;
	color:#000;
	background:#efefef;
	height:100%;
    text-align:center;
}

body #content{
	margin:0;
	padding:1em;
	max-width:980px;
	color:#000;
	background:#fff;
	line-height:100%;
	text-align:left;
}

body,
#content input,
#content textarea,
#content td,
#content div,
#content select,
#content option,
#content li{
    font-size:14px;
    font-size:0.75rem;
 	font-family:sans-serif;
}

#content input,
#content textarea{
    border:1px solid #ccc;
    padding:6px;
}

@media handheld{
	body{
		max-width:800px;
		font-size:1em;
	}
	input,button{
		padding:16px;
	}

	#calcms_admin_menu{
		min-width:640px;
		max-width:800px;
	}
}

#calcms_admin_menu{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	vertical-align:middle;
	z-index:99;
}

#calcms_admin_menu, 
#calcms_admin_menu a, 
#calcms_admin_menu div, 
#calcms_admin_menu input,
#calcms_admin_menu select,
#calcms_admin_menu option,
#calcms_admin_menu img
{
	margin:0;
	padding:0;
	color:#fff;
}

#calcms_admin_menu img{
	border:0;
	vertical-align:middle;
}

#calcms_admin_menu,
#calcms_admin_menu select{
	background:#444;
}

#calcms_admin_menu div a,
#calcms_admin_menu select{
    font-size:14px;
	padding:6px;
	padding-top:1em;
	padding-bottom:1em;
	line-height:3em;
}

#calcms_admin_menu div:hover,
#calcms_admin_menu select:hover{
    background:#888;
}

#calcms_admin_menu select,
#calcms_admin_menu option{
    font-size:0.8rem;
	width:8em;
	border:0;
	padding-left:0;
	padding-right:0;
	border-left:1px solid #666;
}

#calcms_admin_menu a#logout{
    color:#ff4444;
}

a{
	color:#000;
	text-decoration:none;
}

#content table{
	margin:1;
	border-collapse:collapse;
	width:100%
}

#content table td{
	padding:6px;
	border-collapse:collapse;
	border-right:0;
	border-left:0;
}

#content table th{
	padding:6px;
	border-collapse:collapse;
}

#info{
	color:#000;
	background:#fff;
}

#content textarea{
	font-weight:normal;
}


#content div{
	padding:6px;
}

#content div.header{
    font-size:16px;
	text-align:left;
	padding-left:0;
}

#content .field{
	width:30em;
}

#content .button{
	width:10em;
}

*:focus {outline: none;}

#content a{
	color:#000;
	font-weight:normal;
}
#content a:hover{
	text-decoration:underline;
}

#content form{	
	border:0;
	padding:0;
	margin:0;
}

#content div,td,tr,table{
	vertical-align:middle;
}

#content td{
	padding:3px;
}

#content pre, .pre {
	border:0;
	padding:2em; 
	color:#000; 
	background:#eee;
}

.error.head{
	position:relative;
	top:3em;
}

li.ui-menu-item{
	background:none;
	list-style-image:url();
	list-style-type:none;
}

#content h1, 
#content h2{
	margin:1em;
	padding:0;
	font-weight:100;
}

#jobs th{
	text-align:left;
}

#jobs td.status.finished a{
	color:#000;
}

#jobs td.status.ongoing a{
	text-decoration:blink;
	color:green;
}

#jobs td.status.scheduled a{
	color:green;
}

div.ok{
    border:2px solid #aca;
	background:#cfc;
	background: linear-gradient(to right, #cfc, white);
	opacity:0.8;
}

div.warn{
    border:2px solid #ff0;
	background:#ff0;
	background: linear-gradient(to right, #ff3, white);
	opacity:0.8;
}

div.error{
    border:2px solid #f99;
	background:#fcc;
	background: linear-gradient(to right, #fcc, white);
	opacity:0.8;
}

#content button,
#content select,
#content input{
    padding:4px;
}

#content div.flex{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#content div.card{
	border:0;
	margin:1em;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.12),0 2px 10px 0 rgba(0,0,0,.09);
	border-radius:3px;
}

#content div.card div.title{
    font-size:16px;
}

#content table.table tr{
    border-bottom:solid 1px #ebebeb;    
}
#content table.table tr:hover{
    background:#ebebeb
}

#content div.card tr{
    border-bottom:none;    
}
#content div.card tr:hover{
    background:none;
}

/*overwrite jquery ui*/

#content .ui-tabs-nav{
    border:0;
    background:#fff;
    border-bottom: solid 1px #ccc;
}

#content .ui-tab a{
    color:#fff;
}

#content .ui-tabs-tab{
    border:0;
    background:#aaa;
    padding:6px;
    border-radius: 3px 3px 0 0;
}

#content .ui-tab a:hover{
    text-decoration:none;
}

/* overwrite tablesorter */
tr.tablesorter-filter-row{
    background:#ccc;
}
tr.tablesorter-filter-row input{
    height:1rem;
    color:#000;
}

/*colors*/    
#content button,
#content .ui-state-active, 
#content a.ui-button:active,
#content .ui-button:active{
    background-color:#2196f3;
}

#content button:hover,
#content .ui-button.ui-state-active:hover{
    background-color:#39a1f4;
}

/*colors end */

#content button{
    border:none;
    color:#fff;
    padding:8px;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:6px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
}

#content button{
    box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    position:relative;
    transition:background-color .3s cubic-bezier(.64,.09,.08,1),box-shadow .3s cubic-bezier(.64,.09,.08,1);
    padding:10px 20px;
    display:inline-block;
    border:0
}

#content button:focus{
    outline:0;
    transition:all 0.5s cubic-bezier(.64,.09,.08,1)
}

#content button:hover{
    box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
}

#content input{
    border:none;
    border-bottom:1px solid #03a9f4;
    color:#000;
    background:#fefefe;
    padding:8px;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:6px;
    text-decoration: none;
}

#content input:focus{
    border-bottom:2px solid #03a9f4;
}

#content textarea:focus{
    border:1px solid #03a9f4;
}

#content select{
    color:#000;
    padding:6px;
    padding-left:0;
    padding-right:0;
    border:none;
    border-bottom:solid 1px #9e9e9e;
    cursor:pointer;
    margin-left:6px;
}

#content select,
input[type='checkbox']{
    margin-top:0px;
}

#content div.buttons button{
    margin-bottom:6px;
}

#content div.formField div.label{
    display:hide;
    padding-left:1em;
    color:#999;
}
#content div.formField input{
    clear:both;
}