/*@import url(bootstrap.css); */
/*@import url(bootstrap-responsive.css); */
 
 /* LC specific ----------------- */
@import url(style_lc-sass.css);

html, body {
    margin: 0;
    padding: 0;
}

/* layout */
#wrapper {
    /* to prevent the content area to become too wide (with respect to line-length) */
    margin: 1.5em auto;
    width: 100%;
    position: relative;
    max-width: 84em;
}
#user-wrapper {
    /* to prevent the content area to become too wide (with respect to line-length) */
    margin: 1.5em auto;
    width: 100%;
    position: relative;
    max-width: 84em;
}
#admin-wrapper {
    /* to prevent the content area to become too wide (with respect to line-length) */
    margin: 1.5em auto;
    width: 100%;
    position: relative;
}
#main {
    padding: 1.5em;
    margin: 0 16.5em 0 13em;
    border: 1px dotted #dddddd;
    border-width: 0 1px;
    color: #020;
    min-height: 537px;
}
#user-main {
    padding: 1.5em;
/*    margin: 0 1.5em 0 16.5em;
    border: 1px dotted #D77043;
    border-width: 0 1px; */
/*    background: #F6F0E7;  */
/*    color: #020;  */
    min-height: 537px;
}
#user-main-full {
    padding: 1em 1.5em 1em 1.5em;
    margin: 0 1.5em auto;
    border: 1px dotted #dddddd;
    border-width: 0 1px;
    color: #020;
    min-height: 537px;
}
#admin-main {
    padding: 1em 1.5em 1em 1.5em;
    margin: 0 1.5em 0 16.5em;
    border: 1px dotted #dddddd;
    border-width: 0 1px;
    color: #020;
    min-height: 537px;
}
#logo {
    padding: 1em;
    /*  we have something to chose from */
    /*  background: #8BADA4 url(../images/header4b2.jpg) repeat-x left bottom;*/
    height: 90px;
    position: relative;
}
#logo img {
    float: left;
    width: 115px;
    margin-right: 1.5em;
}
#logo p {
    position: absolute;
    right: 1.5em;
    bottom: 1.1em;
    margin: 0 0 0 90px;
    padding-left: 3em;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 120%;
    letter-spacing: .1em;
    text-align: right;
}
.sideInfo {
    position: absolute;
    top: 90px;
    width: 10.5em;
    margin: 0 1.5em;
    padding: 4.5em 0 1.5em;
}
.admin-sideInfo {
    position: absolute;
    top: 0px;
    width: 13.5em;
    margin: 0 1.5em;
    padding: 4.5em 0 1.5em;
}
#sideInfo1 {
    left: 0;
}
#sideInfo2 {
    right: 0;
}

.xar-mod-head {
}
.xar-mod-title {
    text-transform: uppercase;
    font-size: .88em;
    letter-spacing: .1em;
    color: #000000;
}
.xar-mod-body {
}
.xar-mod-foot {
}
.xar-norm {
}
.xar-norm-outline {
}
.xar-alt {
}
.xar-alt-outline {
}
.xar-accent {
}
.xar-accent-outline {
}
.xar-sub {
}

/* tab structure (margin, padding, float, etc is controlled in core css in 
   the base module.  Colors (border, background) are inherited from the norm, 
   alt, accent classes above.  The below rules are intended to be 
   theme-specific supplements.
*/

/* tabs parent element */
ul.xar-tabs {
    font-size: .9em;
}
/* tabs label */
ul.xar-tabs li.xar-tabs-label {
    color: #000000;
    text-transform: uppercase;
}
/* inactive tab */
ul.xar-tabs li.xar-tab {
}
/* active tab */
ul.xar-tabs li.xar-tab-active {
}
/* inactive tab link */
ul.xar-tabs li.xar-tab a {
    text-decoration: none;
}
/* active tab link */
ul.xar-tabs li.xar-tab-active a {
    text-decoration: none;
    background-color: #f9f9f9;
}
/* inactive tab link hover - not handled elsewhere */
ul.xar-tabs li.xar-tab a:hover {
    background-color: #f9f9f9;
}
/* active tab link hover - not handled elsewhere */
ul.xar-tabs li.xar-tab-active a:hover {
    background-color: #f9f9f9;
}
/* pager structure (margin, padding, etc is controlled in pager.css in 
   the base module.  Colors (border, background) are inherited from the norm, 
   alt, accent classes above.  The below rules are intended to be 
   theme-specific supplements.
*/
/* pager label */
div.xar-pager span.xar-pager-label {
    color: #000000;
    font-size: 0.9em;
}
/* inactive page link hover - not handled elsewhere */
div.xar-pager span.xar-page a:hover {
    background-color: #f9f9f9;
}

.sideInfo .xar-block-title {
    text-transform: uppercase;
    font-size: .88em;
    letter-spacing: .1em;
    color: #000000;
    border-top: 1px solid #dddddd;
    text-align: right;
}
.sideInfo .xar-block-body {
    margin: 0 0 1.5em;
}
.sideInfo ul {
    margin: 0 0 1.5em;
    padding: 0;
}
.sideInfo ul ul {
    margin: 0;
}
.sideInfo li {
    margin: 0;
    list-style-type: none;
}
.sideInfo li li li {
    padding-left: 1em;
    margin-left: .25em;
    background: transparent url(../images/li-bullet2-5.png) no-repeat center left;
}
.sideInfo h4 {
    margin: 0;
    font: italic normal 1em Georgia, Times, "Times New Roman", serif;
}
.admin-sideInfo .xar-block-title {
    text-transform: uppercase;
    font-size: .88em;
    letter-spacing: .1em;
    color: #000000;
    border-top: 1px solid #dddddd;
    text-align: right;
}
.admin-sideInfo .xar-block-body {
    margin: 0 0 1.5em;
}
.admin-sideInfo ul {
    margin: 0 0 1.5em;
    padding: 0;
}
.admin-sideInfo ul ul {
    margin: 0;
}
.admin-sideInfo li {
    margin: 0;
    list-style-type: none;
}
.admin-sideInfo li li li {
    padding-left: 1em;
    margin-left: .25em;
    background: transparent url(../images/li-bullet2-5.png) no-repeat center left;
}
.admin-sideInfo h4 {
    margin: 0;
    font: italic normal 1em Georgia, Times, "Times New Roman", serif;
}
.xar-menu-section {
}
.xar-menu-section-current {
}
.xar-menu-item {
}
.xar-menu-item-current {
}
.xar-menu-item:hover {
}
.xar-menu-subitem {
}
.xar-menu-subitem:hover {

}
.xar-menu-subitem-current {
}
.xar-menu-item-current > .xar-menu-subitem > a {
}
.xar-menu-item-current > .xar-menu-subitem > a:visited {
}
.xar-title {
}
.xar-error {
}

/* standard forms */
fieldset {
    border: 1px solid #dddddd;
    margin: 0 0 2.25em;
    padding: 0.5em 1.5em .5em;
}
legend {
    text-transform: uppercase;
    font-size: .88em;
    letter-spacing: .1em;
    color: #020;
}
fieldset fieldset {
    margin: 1.5em 0 1.5em;
    padding: 0;
    border-color: #dddddd;
    border-right: 0;
    border-left: 0;
    padding-bottom: 0;
    /*  background-color: rgba(255,255,255,.33);*/
    clear: left;
}
fieldset fieldset legend {
    color: #dddddd;
    text-transform: none;
    letter-spacing: 0;
    font-size: 1em;
    display: none;
}

.textInputContainer, .passInputContainer, .checkInputContainer, .radioInputContainer, .selectContainer, .textareaContainer {
    margin: .375em 0 .75em;
    clear: left;
}
#main .textInputContainer label, #main .passInputContainer label, #main .selectContainer label, #main .textareaContainer label {
    float: left;
    width: 25%;
    text-align: right;
}
#main .textInputContainer input, #main .passInputContainer input {
    width: 70%;
    max-width: 18em;
    margin: 0 .75em;
}
.selectContainer select {
    margin: 0 0 0 .75em;
}
.textareaContainer textarea {
    width: 70%;
    margin: 0 0 0 .75em;
}
.checkInputContainer {
    margin-left: 25%;
    padding-left: 2.25em;
    text-indent: -1.5em;
}
.infoAddedInput {
    margin-left: 25%;
    padding-left: .85em;
    font-size: .88em;
    color: #7D7875;
}
#main .textInputContainer .infoAddedInput input, #main .passInputContainer .infoAddedInput input {
    margin: 0;
}


/* specific blocks */
#authsystemBlocksLogin fieldset {
    padding: 0 .75em .75em;
}
#authsystemBlocksLogin div, #authsystemBlocksLogin p {
    margin: 0 0 .75em;
}
#authsystemBlocksLogin .checkInputContainer {
    margin-left: 0;
    padding-left: 1.5em;
}
#authsystemBlocksLogin .textInputContainer label, #authsystemBlocksLogin .passInputContainer label {
    font: italic normal 1em Georgia, Times, "Times New Roman", serif;
}
#authsystemBlocksLogin .textInputContainer input, #authsystemBlocksLogin .passInputContainer input {
    width: 96%; /* wanted to do this with display: block, but that does not work correctly, this seems to work best... */
}

/*
icon related styling
-------------------------------------------------------------------------[comment] */

a.xar-icon {
    text-decoration: none;
}
a.xar-icon img{
    vertical-align: text-top;
}
img.xar-icon {
    vertical-align: text-top;
    margin-left: 2px;
    margin-right: 2px;
    max-width: none;
}
img.xar-icon-disabled {
    opacity: 0.35;
    cursor: not-allowed;
    vertical-align: text-top;
    margin-left: 2px;
    margin-right: 2px;
    max-width: none;
}

/*
property related styling
-------------------------------------------------------------------------[comment] */
.xar-dropdown-currency {
    width: 200px !important;
}
.xar-dropdown-account {
    width: 300px !important;
}
.xar-dropdown-vendor {
    width: 300px !important;
}
.xar-dropdown-customer {
    width: 300px !important;
}
.xar-dropdown-mandant {
    width: 200px !important;
}
.xar-jscalendardate {
    width: 80px;
}
.xar-timeframe-calendar {
    width: 80px;
}
.xar-timeframe-dropdown {
    width: 150px;
}

/* Post bootstrap 5 */

/* Remove color and decoration from anchor tags */
a.bland-small {
	text-decoration: none;
	font-size:       10px;
	color:           black;
}
a.bland-normal {
	text-decoration: none;
	color:           black;
}

/* Add margins to forms, containers, cards */
.detached {
	 margin-top: 30px; 
	 margin-bottom: 10px;
}

.form-actions {
	 margin-top: 10px; 
	 margin-bottom: 10px;
	 text-align: center;
}