/* roboto-regular - latin_latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin_latin-ext-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin_latin-ext-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

body #content{
	margin:0;
	color:#000;
	background:#fff;
	text-align:left;
    min-width:500px;
	max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}

div{
    transition: background-color 0.5s linear;
}

#selectImage #content{
    max-width:none;
}

body,
#content input,
#content textarea,
#content td,
#content div,
#content select,
#content option,
#content li,
#content input[type="submit"],
#content input[type="file"],
#content .label{
 	font-family:Roboto,sans-serif;
    font-size:0.937rem;
}


#content div.panel-header,
#content button{
    font-size:1rem;
 	font-family:Roboto,sans-serif;
    font-weight:600;
}


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

@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{
	margin:0;
	padding:0;
	color:#fff;
}

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

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

#calcms_admin_menu a:hover,
#calcms_admin_menu select:hover{
    background:#666;
}

#calcms_admin_menu div {
    transition: background 0.2s;
}

#calcms_admin_menu select,
#calcms_admin_menu option{
	max-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{
	border-collapse:collapse;
	width:100%
}

#content table.data tr{
    border-bottom:1px solid rgba(0,0,0,0.12);
}

#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;
}


div.editor{
	padding-left:1rem;
    padding-right:1rem;
}

#content .panel{
    border: 1px solid rgba(0,0,0,.03);
    box-shadow: 0 2px 2px rgba(0,0,0,.24),0 0 2px rgba(0,0,0,.12);
    margin: 4px;
}

#content div.panel-header{
	text-align:left;
	padding-left:0;
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 8px 20px;
    color: rgba(0,0,0,.54);
    background: rgba(0,0,0,.03);
}

#content div.panel-body{
    padding:1rem;
}

#content .field{
	width:30em;
}

*: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;
}

#content div.ok,
#content div.warn,
#content div.error{
    font-weight:bold;
    margin:0;
    padding:1rem;
}

#content span.ok,
#content span.warn,
#content span.error{
    font-weight:bold;
    padding:1px;
}

#content span.ok,
#content span.error{
    color:white;
}

div.ok{
    color:white;
	background:#0c0;
}

div.warn{
	background:#ff0;
}

div.error{
    color:white;
	background:#d00;
}

#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 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;
}

table.table tr,
table.tablesorter tr{
    border-bottom:solid 1px #ebebeb;    
}

#content table.tablesorter td,
#content table.table td{
    padding:0.8rem 0.4rem;
    text-align:left;
    vertical-align:middle;
}

/*colors*/    
#content input[type="submit"],
#content input[type="file"],
#content button,
#content .ui-state-active, 
#content a.ui-button:active,
#content .ui-button:active{
    background-color:#2196f3;
    cursor:pointer;
}

#content input[type="submit"]:hover,
#content input[type="file"]:hover,
#content button:hover,
#content .ui-button.ui-state-active:hover{
    background-color:#39a1f4;
}

#content .button{
    cursor:pointer;
}

/*colors end */
#content input[type="submit"],
#content input[type="file"],
#content button{
    display:inline-block;
    border:0;
    padding-left:16px;
    padding-right:16px;
    margin:0.5rem;
    text-align: center;
    text-decoration: none;
    min-width:64px;
    font-weight:500;
    border-radius:4px;
    color:#fff;
    height:36px;
    position:relative;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    transition:background-color .3s cubic-bezier(.64,.09,.08,1),box-shadow .3s cubic-bezier(.64,.09,.08,1);
}

#content input[type="submit"]:hover,
#content input[type="file"]:hover,
#content button:focus{
    outline:0;
    transition:background 0.5s cubic-bezier(.64,.09,.08,1)
}

#content input[type="submit"]:hover,
#content input[type="file"]:hover,
#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:0.5rem;
    text-decoration: none;
}

#content input.error{
    border-bottom:2px solid #d30000;
}

#content input[type="text"]: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:0.5rem;
}

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

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

#content input[readonly] {
    border: 0;
}


/* new */

#calcms_admin_menu{
    position:fixed;
    top:0;
    left:0;
    right:0;
    justify-content:end;
}

#calcms_admin_menu div a, 
#calcms_admin_menu select,
#calcms_admin_menu option{
    font-size:0.9375rem;
}

#calcms_admin_menu select,
#calcms_admin_menu option{
    border:0;
    text-align:left;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

#calcms_admin_menu .fa,
#calcms_admin_menu .far,
#calcms_admin_menu .fas{
    color:#777;
}

#content button.selectImage{
    padding:0!important;
    float:left;
    min-width:32px;
}

#content button.selectImage,
#content button.selectImage img{
    width:32px;
    height:32px;
}
input.image{
    width:16rem;
}

#content .ui-widget.ui-widget-content{
    border:0;
}

#content .select .option{
    font-size:1rem;
    line-height:2rem;
}

#content #imageList div.images{
    max-height:650px;
    overflow-y:scroll
}

#calcms_admin_menu #bars{
    cursor:pointer;
}

#calcms_admin_menu.mobile{
    flex-direction:column;
    position:absolute;
}

#calcms_admin_menu.mobile div{
    text-align:left;
}