/** <editor-fold desc="Site"> **/
BODY {
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 12px;
}

INPUT, SELECT, BUTTON {
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
	margin-left: 0;
	margin-right: 0;
}

PRE { font-family: Consolas, Monospace; }

FIELDSET {
	padding: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

button::-moz-focus-inner {
	border: 0;
	padding: 0;
	margin:0;
}

SELECT, INPUT[type="text"], INPUT[type="password"] {
	border-top: 1px solid #ABADB3;
	border-right: 1px solid #DBDFE6;
	border-bottom: 1px solid #E3E9EF;
	border-left: 1px solid #E2E3EA;
	outline: medium none;
}

SELECT {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

INPUT[type="text"], INPUT[type="password"] {
	padding: 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

A:link, A:visited {
	white-space : nowrap;
	text-decoration : none;
}

TD::selection, SPAN::selection, P::selection, DIV::selection {
	background: #495561;
	color: #FFFFFF;
}

TD::-moz-selection, SPAN::-moz-selection, P::-moz-selection, DIV::-moz-selection {
	background: #495561;
	color: #FFFFFF;
}

TD::-webkit-selection, SPAN::-webkit-selection, P::-webkit-selection, DIV::-webkit-selection {
	background: #495561;
	color: #FFFFFF;
}
/** </editor-fold> **/

.hr { height: 1px; background-color: #CCCCCC; font-size: 1px; }
.top { vertical-align: top; }
.right { text-align: right; }

.demo {
	background-image: url("/Bilder/demo.png");
}

/** TABS **/
.tabInactive_outer, .tabActive_outer {
border: 0 solid transparent;
background-color: transparent;
padding: 0;
word-spacing: 0;
cursor: pointer;
overflow: visible;
height: 20px;
margin: 1px 1px 0 1px;
}

.tabInactive, .tabActive {
background-position:right top;
background-repeat:no-repeat;
display:inline-block;
color: #000000;
padding-right: 7px;
height: 20px;
}


.tabInactive SPAN, .tabActive SPAN {
padding: 2px 0 0 7px;
display: inline-block;
color: #000000;
background-repeat: no-repeat;
background-color: #FFFFFF;
height: 18px;
white-space: nowrap;
}

.ui-tabs-nav .tabInactive SPAN, .ui-tabs-nav .tabActive SPAN { background-color: #D11717; }
.ui-tabs-nav BUTTON.tab {
	margin: 1px 1px 0 0;
	outline: 0;
	padding: 0.4em 0.5em;
	cursor: pointer;
	overflow: visible;
	word-spacing: 0;
	font-size: 100%;
}

/** Groups **/
.GroupOuter .GroupTitle {
	border:1px solid #CCCCCC;
	display: inline-block;
	padding: 2px 5px;
	border-bottom: none;
}

.GroupOuter .GroupBody {
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
}

/** Options **/
OPTION.disabled { color: #D3CFCC; }

/** Autocomplieter **/
.autocompleter {
padding: 5px 0;
z-index: 2000;
}
.autocompleter UL { margin: 0; padding: 0; }
.autocompleter UL LI { list-style-type: none; padding: 2px 10px; }

.linkicon {
	display: inline-block; border: 1px solid #757575;
}

.code {
	font-family: monospace!important;
	white-space: pre;
}

.code-wrap {
	font-family: monospace!important;
	white-space: pre-wrap;
}

INPUT.disabled {
background-color:#EFEFEF;
border:1px solid #ABADB3;
padding:2px;
outline:none;
}

SELECT.disabled{
	/*background: transparent;*/
	background-color:#EFEFEF;
}

INPUT.default {
border:1px solid #ABADB3;
padding:2px;
outline:none;
}

INPUT.display_only {
border-style: dotted;
}

.TextObject, .TextNavBar {
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
	font-size : 12px
}

INPUT.maxWidth, SELECT.maxWidth, TEXTAREA.maxWidth {
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
/** IE 6,7 Hack **/
* html INPUT.maxWidth, * html SELECT.maxWidth, * html TEXTAREA.maxWidth { width: 93%; }
*+html INPUT.maxWidth, *+html SELECT.maxWidth, *+html TEXTAREA.maxWidth { width: 93%; }

/**
* Auto Complete 5.1
*/

ul.auto-complete-list {
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10000;
max-height: 250px;
overflow: auto;
}

ul.auto-complete-list li {
list-style-type: none;
margin: 0;
padding: 2px;
background-color: white;
border-right: 1px solid black;
border-left: 1px solid black;
cursor: pointer;
}

ul.auto-complete-list li.auto-complete-list-rollover {
background-color: #FFFF00;
}

ul.auto-complete-list .auto-complete-striped {
background-color: #D7EEF9;
}

/** -- < Kalender > -- **/
TH.ui-datepicker-week-end SPAN, TD.ui-datepicker-week-end A { color: #EA1516!important; }
.ui-datepicker-month { width: 60px!important; }
.ui-datepicker-year { width: 70px!important; }

/************************************
* 	Efekte
************************************/
/** -- < HOVER > -- **/

TR.ui-state-hover TD {}
TR.head TD, TR.head TH {
font-weight: bold;
padding:2px 0;
}

/** <editor-fold desc="pNotify"> **/
DIV.ui-pnotify-closer, DIV.ui-pnotify-sticker {
	position: relative;
}

.ui-pnotify-warning .ui-icon-info {
	background-position: 0 -144px!important;
}

.ui-pnotify-warning .ui-state-highlight {
	border: 1px solid #CC0204!important;
}
/** </editor-fold> **/

/** <editor-fold desc="jQuery extras"> **/
.ui-accordion .ui-accordion-content { padding: 1em; }
/*.ui-icon { background-image: url(images/ui-icons_004276_256x240.png)!important; }*/
.ui-widget button { font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif, serif; }
/*.ui-tabs .ui-tabs-panel { padding: 1em 0.5em; }*/
/*.ui-tabs .ui-tabs-nav li a { padding: 0.4em 0.5em; }*/
.ui-menu-item { white-space: nowrap; }
.ui-button-icon-only { padding: 10px 0; }
/** </editor-fold> **/

html .ui-menu .ui-menu-item {
    list-style-image: none;
}

.float-tr {
	float: left;
	margin-right:10px;
	margin-bottom: 3px;
}

.float-td {
	display: inline-block;
	width:130px;
	border: 1px solid lightgrey;
	padding: 2px;
}


.tr {
    white-space: nowrap;
}

.td {
    display: inline;
}

/** Bootstrap compatibility **/
.float-left { float: left;}
.d-inline { display: inline; }
.d-inline-block { display: inline-block; }
.d-block { display: block; }
.w-25, .w-50, .w-75, .w-100, .w-auto {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.w-25 {	width: 25%; }
.w-50 {	width: 50%; }
.w-75 {	width: 75%; }
.w-100 { width: 100%; }
.w-auto { width: auto; }

.min-vw-400-px { min-width: 400px; }
.min-vw-360-px { min-width: 360px; }
.min-vw-320-px { min-width: 320px; }
.min-vw-250-px { min-width: 250px; }
.min-vw-200-px { min-width: 200px; }
.min-vw-175-px { min-width: 175px; }
.min-vw-150-px { min-width: 150px; }
.min-vw-125-px { min-width: 125px; }
.min-vw-100-px { min-width: 100px; }
.min-vw-75-px { min-width: 75px; }
.min-vw-50-px { min-width: 50px; }
.min-vw-30-px { min-width: 30px; }
.min-vw-25-px { min-width: 25px; }
.min-vw-20-px { min-width: 20px; }

.mw-480-px { max-width: 480px; }
.mw-400-px { max-width: 400px; }
.mw-360-px { max-width: 360px; }
.mw-320-px { max-width: 320px; }
.mw-250-px { max-width: 250px; }
.mw-200-px { max-width: 200px; }
.mw-175-px { max-width: 175px; }
.mw-150-px { max-width: 150px; }
.mw-125-px { max-width: 125px; }
.mw-100-px { max-width: 100px; }
.mw-75-px { max-width: 75px; }
.mw-50-px { max-width: 50px; }

.text-left { text-align: left!important; }
.text-right { text-align: right!important; }
.text-center { text-align: center!important; }
.align-middle { vertical-align: middle; }
.text-success { color: #28a745!important; }
.text-danger { color: #dc3545!important; }
.text-warning {	color: #ffc107!important; }

.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }

.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: 0.25rem !important; }
.pl-2 { padding-left: 0.5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.pl-5 { padding-left: 3rem !important; }

.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: 0.25rem !important; }
.pr-2 { padding-right: 0.5rem !important; }
.pr-3 { padding-right: 1rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.pr-5 { padding-right: 3rem !important; }

.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }

.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }

.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 0.25rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }

.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }

.d-block { display: block; }
.d-inline-block { display: inline-block; }
.d-inline { display: inline; }
.d-none { display: none; }
.d-table { display: table !important; }
.d-table-row { display: table-row !important; }
.d-table-cell { display: table-cell !important; }

.float-left { float: left; }
.float-right { float: right; }

.border { border: 1px solid #dee2e6 !important; }
.border-top { border-top: 1px solid #dee2e6 !important; }
.border-right { border-right: 1px solid #dee2e6 !important; }
.border-bottom { border-bottom: 1px solid #dee2e6 !important; }
.border-left { border-left: 1px solid #dee2e6 !important; }
.border-0 { border: 0 !important; }
.border-top-0 { border-top: 0 !important; }
.border-right-0 { border-right: 0 !important; }
.border-bottom-0 { border-bottom: 0 !important; }
.border-left-0 { border-left: 0 !important; }
.border-primary { border-color: #007bff !important; }
.border-secondary { border-color: #6c757d !important; }
.border-success { border-color: #28a745 !important; }
.border-info { border-color: #17a2b8 !important; }
.border-warning { border-color: #ffc107 !important; }
.border-danger { border-color: #dc3545 !important; }
.border-light { border-color: #f8f9fa !important; }
.border-dark { border-color: #343a40 !important; }
.border-white { border-color: #fff !important; }

.bg-primary { background-color: #007bff !important; }
.bg-secondary { background-color: #6c757d !important; }
.bg-success { background-color: #28a745 !important; }
.bg-info { background-color: #17a2b8 !important; }
.bg-warning { background-color: #ffc107 !important; }
.bg-danger { background-color: #dc3545 !important; }
.bg-light { background-color: #f8f9fa !important; }
.bg-dark { background-color: #343a40 !important; }
.bg-white { background-color: #fff !important; }
.bg-transparent { background-color: transparent !important; }
.table-danger, .table-danger>td, .table-danger>th {
	background-color: #f5c6cb;
}
.table-secondary, .table-secondary>td, .table-secondary>th {
	background-color: #b3b7bb;
}
.table-warning, .table-warning>td, .table-warning>th {
	background-color: #ffdf7e;
}

/** Icon extras **/
.icon-9x { font-size: 9em; }
.icon-8x { font-size: 8em; }
.icon-7x { font-size: 7em; }
.icon-6x { font-size: 6em; }
.icon-5x { font-size: 5em; }
.icon-4x { font-size: 4em; }
.icon-3x { font-size: 3em; }
.icon-2x { font-size: 2em; }
.icon-1-2x { font-size: 1.2em; }
.icon-1x { font-size: 1em; }
.icon-075x { font-size: 0.75em; }
.icon-05x { font-size: 0.5em; }

.ui-icon[class^="icon-"], .ui-icon[class*=" icon-"] {
	text-indent: 0!important;
	background-image: none;
	/*font-size: 15px;*/
	line-height: 1rem;
	vertical-align: middle;
}

.ui-button:hover .ui-icon[class^="icon"],
.ui-button:hover .ui-icon[class*=" icon"],
.ui-button:focus .ui-icon[class^="icon"],
.ui-button:focus .ui-icon[class*=" icon"]
{
	background-image: none;
}

.linkicon .ui-icon[class*=" icon"],
.linkicon .ui-icon[class^="icon"] {
	font-size: 0.8rem;
	text-align: center;
}