body {
	font-size: 12px;
	font-family: Arial;
}

a, .clickable {
	color: #000;
	cursor: pointer;
}

a:hover, a:active {
	color: #000;
	cursor: pointer;
	text-decoration: none;
}

#logoutNavi{
	position: absolute;
	right: 10px;
	top: 20px;

	background-color: #ccc;
	padding: 10px;
}

.debugWindow{
	margin-top: 10px;
}

/*
.row-fluid {
	padding-top:30px;
}
*/

/* ----------------------------------------- content navi ----------------------------------------- */
#mainnavi {
	margin-top: 15px;
	text-align: right;
	margin-bottom: 15px;
}

#mainnavi, #manualNav {
	padding-right: 45px;
}

.manualSelect {
	max-width: 100px;
}

#redLine, #mainnavi, #manualNav {
	min-width: 920px;
}

.manualnavi img {
	padding-right:10px;
}

#mainnavi a, .active, .manualnavi a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

#mainnavi a:hover, #mainnavi a:active, .active:hover, .active:active, .manualnavi a:hover, .manualnavi a:active {
	text-decoration:underline !important;
}

#mainnavi UL {
	margin: 0px;
	padding: 0px;
	/*
	height: 50px;
	width: 3000px;
	background-color: red;
	*/
}

#mainnavi UL li {
	display: inline-block;
	margin-left: 4px;
}

#mainnavi UL li ul {
	display: block;
}


#mainnavi UL li  ul li {
	display: inline;
	/*background-color: #48fc17;*/
}

#mainnavi ul li a img {
	margin-right: 2px;
}

#symbolicLinkLogo {
	position:absolute;
	top:10px;
	right:50px;
}

#customerGroupLogo {
	width: 100%;
	position: relative;
	display: inline-block;
}

#groupLogo {
	padding-left:20px;
}

/*#customerGroupLogo:hover #SetCurrentCustomerBox {*/
	/*position: absolute;*/
	/*top: 0px;*/
	/*left: 80px;*/
	/*float: right;*/
	/*display: block !important;*/
	/*background-color: #cccccc;*/
/*}*/
#SetCurrentCustomerBox {
	position: absolute;
	top: 0px;
	left: 80px;
	float: right;
	display: block !important;
	background-color: #cccccc;
}

#redLine {
	height:18px;
	color:red;
	background-color:red;
}

table thead tr td {
	font-weight: bold;
	border: solid 1px #ccc;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 5px;
	font-size: 14px;
}

th {
	border: solid 1px black !important;
	text-align: left !important;
	padding: 5px !important;
}

tr {
	page-break-inside: avoid;
}

table thead tr td.hidden{
	border: none;
}

table {
	border: solid 1px #ccc;
	border-collapse: collapse;
    border-spacing:0px !important;
}

table tbody tr td{
	padding: 5px;
    margin: 0px;
}

/* ALERTS */

.alert{
	margin-left: auto;
	margin-right: auto;

	width: 600px;
	border: solid 1px black;

	padding: 10px;

	text-align: center;
	margin-bottom: 5px;

	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;

	font-size: 16px;
}

.alert.alert-danger{
	background-color: orangered;
	color: #fff;
}

.alert.alert-info{
	background-color: dodgerblue;
	color: #fff;
}

.alert.alert-warning{
	background-color: #ffc000;
}

.alert.alert-success{
	background-color: #4dde31;
}


.CodeMirror{
	border: solid 1px black;
	width: 400px;
}

.ui-dialog {
	z-index: 6;
}

.ui-dialog .ui-dialog-titlebar-close span {
	position: relative;
	top: 0px;
	left: 0px;
	margin:0px;
}

#contentNavi {
	width: 260px;
	float: left;
	position: relative;
	border: solid 1px #bbb;
	padding: 20px;
	background-color: #eeeeee;
	min-height:92px;
	overflow: auto;
}

#contentNavi UL {
	padding-left: 0px;
	list-style: none;
	margin: 0px;
}

#contentNavi UL LI {
	padding-left: 15px;
}

#contentNavi UL LI A {
	color:#000;
	text-decoration: underline;
}

#contentNavi UL LI A:hover, #contentNavi UL LI A:active {
	color:#000;
	text-decoration: none !important;
}

#contentNavi .activeNav >a {
	font-weight: bold;
}

#contentContainer {
	position: relative;
	border: solid 1px #bbb;
	padding: 20px;
	margin-right:45px;
	margin-left: 320px;
	background-color: #EEEEEE;
	min-width: 560px;

	overflow: auto;
}

@media screen and (max-width: 1024px) {
	#contentContainer IMG {
        max-width: 575px;
    }
}

#contentContainer table td {
	vertical-align: top;
}

#contentContainer a {
	color:blue;
}

#contentContainer ol, #contentContainer ul {
	margin-top:0px;
	margin-bottom:0px;
}

input[type=text], input[type=password]{
	width: 350px;
}

.searchHighlight {
	background-color: #f8ff8d;
}

.contentLeft {
	text-align: left;
}

.contentCenter {
	text-align: center;
}

.contentRight {
	text-align: right;
}

.contentStrikethrough {
	text-decoration: line-through;
}

.chapterLinks {
	margin-top: 20px;
	background-color: #ccdcee;
	padding: 15px;
}

.chapterLinks legend {
	background-color: #fff;
}


#topCenterDiv {
	position: absolute;
	top: 15px;
	left: 47%;
	width: 126px;
	height: 68px;
	overflow: hidden;
	margin: auto;
}

#topRightDiv{
	position:absolute;
	top:56px;
	right:50px;

	/*background-color: black;*/
	width: 130px;
	height: 45px;
	overflow: auto;
	margin: auto;

	text-align: right;
}

#topMiddleDiv{
	position:absolute;
	top:15px;
	left:60%;

	/*background-color: black;*/
	width: 180px;
	height: 85px;
	overflow: hidden;
	margin: auto;
}

#symbolicLinkLogo {

}

/*
//
// EDITOR OPTIONS
//
*/

.sceditor-button-uploadimage div {
	background: url('../img/icons/add.png') !important;
}

.sceditor-button-headings div {
	background: url('../img/heading.png') !important;
}

.sceditor-button-hr div {
	background: url('../img/hr.png') !important;
}

.sceditor-button-new div {
	background: url('../img/new.png') !important;
}

.sceditor-button-internlink div {
	background: url('../img/link.png') !important;
}

.size-1{
	font-size: 5px;
}

.size-2{
	font-size: 8px;
}

.size-3{
	font-size: 12px;
}

.size-4{
	font-size: 14px;
}

.size-5{
	font-size: 16px;
}

.size-6{
	font-size: 24px;
}

.size-7{
	font-size: 36px;
}

.content-new{
	background-color: #ddd;
}

.logoutButton {

    padding: 1px;
}

.debugWindow {
    text-align:right;
    padding-right: 35px;
}

#footerLogo {
    text-align:right;
    padding-right: 35px;
}


#loginbox{
	margin-left: auto;
	margin-right: auto;
	width: 480px;
}


#loginbox table{
	border: none;
}

#loginbox table tr td{
	padding: 10px;
}

input[type=submit], input[type=button]{
	border: solid 1px #aaa;
	background-color: #eee;
}

/*
#respoStopContainer {
	margin-top: 20px;
}
*/

#respoStopContainer>h1 {
	margin-top: 0px;
	margin-bottom: 10px;
}


#manualNav{
	text-align: right;
	position: relative;
}

#manualNav ul li{
	position: relative;
	display: inline-block;
	list-style: none;
	cursor: pointer;
	font-weight: bold;
	margin: 0px 0px 0px 50px;
	padding: 0;

}

#manualNav ul li ul{
	display: none;

	position: absolute;
	right: 0;

	z-index: 10;
	background-color: #ccc;
	border: solid 1px black;
	padding: 0;
	margin: 0;

	width: 200px;
}


#manualNav ul li ul li{
	font-weight: bold;
	padding: 0;
	margin: 0;

	width: 200px;
}

#manualNav ul li:hover ul{
	display: block;
}


#manualNav ul li ul li:hover{
	background-color: #ddd;
}

#manualNav ul li ul li a{
	padding: 5px;
	display: block;
}

.DifferencesSideBySide{
	table-layout: fixed;
}

.DifferencesSideBySide tbody tr td.Left, .DifferencesSideBySide tbody tr td.Right{
	width: 450px;
}

.DifferencesSideBySide del{
	background-color: #ff9298;
}

.DifferencesSideBySide ins{
	background-color: #afff92;
}

.DiffTable{
	table-layout: fixed;
}

.DiffTable thead tr td{
	width: 450px;
}


#maintenanceBox {
	position: relative;
	text-align: center;
}

#maintenanceBox fieldset {
	width: 1024px;
	text-align: left;
	margin: auto;
	border: 1px dotted black;
}

.maintenance{
	color: #f00;
	font-size: 26px;
	font-weight: bold;
	border: solid 1px red;
	text-align: center;
}


.rightsTable{
	width: 700px;
	table-layout: fixed;
}

.rightsTable tbody tr td, .rightsTable thead tr td{
	text-align: center;
}

.rightsTable thead tr td:first-child{
	width: 300px;
}

.rightsTable tbody tr td:first-child, .rightsTable thead tr td:first-child{
	text-align: left;
}

.rightsTable thead tr td{
	width: 100px;
}

#welcomeDownloads {
	font-size:14px;
}

.historyDay{
	padding-bottom: 5px;
	border-bottom: solid 1px #ccc;
	margin-bottom: 20px;
}

.historyEntry:after{
	content: " ";
	display: block;

	clear: both;
	visibility: hidden;
}

.historyEntry{
	margin-bottom: 10px;
}

.historyManual span a:before, .historyChapter span a:before {
    content: "\A ";
    white-space:pre;
}

.historyManual{
	float: left;
    width: 20%;
    padding: 4px;
    border:1px solid;
    min-height: 35px;
    background-color: #cccccc;
}

.historyManual span{
	font-weight: bold;
}


.historyChapter{
	float: left;
    padding: 4px;
    width: 20%;
    border: 1px solid;
    border-left: 0;
    min-height: 35px;
}

.historyChapter span{
	font-weight: bold;
}

.historyLinkShow, .historyLinkDiff, .historyLinkApply{
	float: left;
    padding: 4px;
    border: 1px solid;
    border-left: 0;
    min-height: 35px;
    width:10%;
    overflow: hidden;
    text-align: center;
}
.historyManual, .historyChapter, .historyLinkShow, .historyLinkDiff, .historyLinkApply {
    background-color: #eeeeee;
}

.globalclass {
    background-color: #FF8000;
}

/* Sweetalert2 Styles */

.swal2-popup {
	border-radius: 0 !important;
	padding: 1rem !important;
}

.swal2-content {
	padding: 0 !important;
}

.swal2-file,
.swal2-input,
.swal2-textarea {
	border-radius: 0 !important;
	font: inherit !important;
	font-size: 12px !important;
	margin: 0 !important;
}

.swal2-file:focus,
.swal2-input:focus,
.swal2-textarea:focus {
	outline: -webkit-focus-ring-color auto 1px !important;
	box-shadow: none !important;
}

.swal2-actions {
	margin-top: 1rem !important;
	padding: 0 !important;
}

.swal2-styled.swal2-confirm,
.swal2-styled.swal2-cancel {
	border-radius: initial !important;
	border: solid 1px #aaa !important;
	font-size: 12px !important;
	background-color: #eee !important;
	color: initial !important;
	padding: 1px 6px !important;
}

.manuals-select,
.chapters-select {
	display: block;
	width: 100%;
	margin-bottom: 0.5rem;
}

.chapters-select,
.chapters-select option,
td .html-for-internal-links {
	display: none;
}

/* End Sweetalert2 Styles */

/* Editor Styles */

#contentContainer figure {
	margin: 0;
}

.text-huge {
	font-size: 1.8em;
}

.text-big {
	font-size: 1.4em;
}

.text-small {
	font-size: 0.85em;
}

.text-tiny {
	font-size: 0.7em;
}

/* End Editor Styles */

.instructions p {
	max-width: 700px;
}

.instructions img {
	display: block;
	margin-bottom: 1rem;
	max-width: 700px;
	border: 1px solid #ccc;
}

.instructions img.inline {
	display: inline;
	width: auto;
	margin: 0;
	height: 24px;
	border: 0;
}

.instructions p {
	margin-bottom: 1rem;
}

.instructions table {
	margin-bottom: 1rem;
	max-width: 700px;
}

.instructions .italic {
	font-style: italic;
}

.instructions .underline {
	text-decoration: underline;
}