@font-face {
  font-family: "tabler-icons";
  font-style: normal;
  font-weight: 400;
  src: url("../../icons/fonts/tabler-icons.eot");
  src: url("../../icons/fonts/tabler-icons.eot?#iefix") format("embedded-opentype"), 
  	url("../../icons/fonts/tabler-icons.woff2") format("woff2"), 
  	url("../../icons/fonts/tabler-icons.woff") format("woff"), 
  	url("../../icons/fonts/tabler-icons.ttf") format("truetype"), 
  	url("../../icons/fonts/tabler-icons.svg#tabler-icons") format("svg");
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "tabler-icons";
    src: url("../../icons/fonts/tabler-icons.svg#tabler-icons") format("svg");
  }
}

.bg-grey {
  background: rgb(140, 139, 141); 
}

/* ============= primeface calendar ============= */

body .ui-inputfield{
	padding: .4375rem .75rem; 
	font-size: .875rem;
	color: #232e3c;
	border: 1px solid #dadcde;
}

body .ui-datepicker {
    padding: 0rem;
}

body .ui-datepicker .ui-datepicker-header {
    padding: 0.8rem 0 1rem 0;
    color: #232e3c;
    border-bottom: 1px solid #dee2e6;
}

body .ui-datepicker .ui-datepicker-calendar {
    margin: 0.2rem 0;
    border-bottom: 1px solid #dee2e6;
}

body .ui-datepicker .ui-datepicker-group {
    padding: 0 0.4rem;
}

body .ui-datepicker .ui-datepicker-calendar td {
    padding: 0rem;
}

.p-datepicker-panel .ui-timepicker {
    padding: 0.1em;
}

body .ui-datepicker .ui-picker-up::before {
	font-family: "tabler-icons" !important;
	content: "";
	padding-bottom: 2rem;
	vertical-align: middle;
}
body .ui-datepicker .ui-picker-down::before {
	font-family: "tabler-icons" !important;
	content: "";
	padding-bottom: 2rem;
	vertical-align: middle;
}

body .ui-datepicker .ui-picker-up:hover {
	text-decoration: none;
}
body .ui-datepicker .ui-picker-down:hover {
	text-decoration: none;
}

/* ============= tooltip ============= */
.tooltip-inner {
  text-align: left;
}

/* ============= codemirror ============= */
.CodeMirror {
	border: 1px solid #ddd;
    border-radius: 4px;
  	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	height: auto;
	min-height: 70px;
}  
.CodeMirror-scroll {
  overflow-y: hidden;
  overflow-x: auto;
}
    
.hightlightRow {
	background-color: #eee !important;
}

.iconSize {
	font-size:20px;
}

.iconSizeGitea{
	height:24px; 
	width:36px;
}

.iconSizeGitbook{
	height:24px; 
	width:36px;
}

#editMarkdownForm\:leftArea > div > div.card-body > table,
#editMarkdownForm\:rightArea > div > div.card-body > table{
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 10px;
}

#editMarkdownForm\:leftArea > div > div.card-body > table > thead > tr > th,
#editMarkdownForm\:rightArea > div > div.card-body > table > thead > tr > th{
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 10px;
}

#editMarkdownForm\:leftArea > div > div.card-body > table > tbody > tr > td,
#editMarkdownForm\:rightArea > div > div.card-body > table > tbody > tr > td{
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 10px;
}

#editMarkdownForm\:leftArea > div > div.card-body > h1,
#editMarkdownForm\:rightArea > div > div.card-body > h1{
	border-bottom: 1px solid black;
	margin-bottom: 20px;
}

#editMarkdownForm\:leftArea > div > div.card-body > h2,
#editMarkdownForm\:rightArea > div > div.card-body > h2{
	border-bottom: 1px solid #ccc;
	margin-top: 30px;
}