@media all
{
	/* ALLGEMEIN */
	
	html,body
	{
		margin:0;
		/*height: 100% !important;*/
	}
	
	body
	{
		font:12px Arial;
		background-color: #6cac24;
	}

	img
	{
		border: 0;
	}
	
	#page
	{
		min-height:100%;
		/*background:url("../../tl_files/heutrocknung/bg_heu.jpg") center top repeat;*/
		position: relative !important;
		height: auto !important
	}
	
	#page, #footer
	{
		width: 950px;
		margin: 0 auto;
	}
	
	#footer, #footer a
	{
		text-align: center;
		color: grey;
		font-size: 10px;
		padding-top: 10px;
	}
	
	.header
	{
		position: relative;
		padding-bottom: 15px;
	}
	
	.header .logo
	{
		padding-top: 7px;
		padding-left: 0px;
		padding-bottom: 0px;
		padding-right: 0px;
		float: left;

	}
	
	.error
	{
		background-color: #ca1414;
		font-weight: bold;
		color: #FFFFFF;
		padding: 10px 5px 10px 5px;
	}

	.error a {
		color: white;
	}
	
	.referenzkunde
	{
		background-color: #1877fc;
		font-weight: bold;
		color: #FFFFFF;
		padding: 10px 5px 10px 5px;
		margin-bottom: 4px;
	}
	
	.footinfo
	{
		color: #555555;
		font-size: 70%;
	}

    .languageSelector a img
    {
        border: 1px solid transparent;
    }

    .languageSelector a.active img
    {
        border-color: green;
    }

    .headermessage {
        display: none;
        background-color: #ffd800;
        top: 0;
        padding: 4px 10px;
        box-shadow: 0 3px 3px #497913;
    }

    .headermessage .close {
        float: right;
        background-color: #fff4b4;
        color: black;
        margin: 5px 15px 5px 5px;
    }
	
	/* STEUERELEMENTE UND INHALTE */
	
	.loginInfo
	{
		right: 0;
		position: absolute;
	}

    .loginInfo ul {
        margin: 2px 0;
        padding: 0;
    }

    .loginInfo ul li {
        float: left;
        border-left: 1px solid #000;
        list-style: none;
        padding: 0 5px;
    }

    .loginInfo ul li:first-child {
        border-left: none;
    }
	
	.mainnav
	{
		/*width: 140px;*/
		padding: 0 22px;
		margin-top: 31px;
	}
	
	.titleWrapper
	{
		overflow: hidden;
	}
	
	.titleWrapper .title
	{
		float: left;
		border: 2px solid white;
		height: 30px;
		line-height: 30px;
		text-align: center;
	}
	
	.titleWrapper .title:hover
	{
		cursor: pointer;
	}
	
	.title
	{
		color: #FFFFFF;
		font-size: 14px;
		font-weight: bold;
		background-color: #5ca201;
	}
	
	.title.selected
	{
		background-color: #3b6800;
	}
	
	.ajaxLoader
	{
		left: 49%;
		position: relative;
	}
	
	.content
	{
		background-color: #FFFFFF;
		padding: 10px;
	}
	
	.link
	{
		cursor: pointer;
	}

	.linksLeft
	{
		float: left;
		text-align: left;
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.linksRight
	{
		float: right;
		text-align: right;
		margin-top: 10px;
		margin-bottom: 5px;
	}
	
	button.ui-icon-right
	{
		padding: 3px 22px 3px 5px;
		position: relative;
	}

	.optionbutton {
		border-radius: 4px;
		font-size: 10px !important;
		position: relative;
        margin: 2px;
		height: 100px;
		width: 182px;
		cursor: pointer;
		color: #fff;
		background-color: #6cac24;
		border: 1px solid grey;
		display: block;
		float: left;
	}
	.optionbutton-text{
		position: absolute;
		bottom: 5%;
		width: 100%;
		left: 0%;
	}

	.optionbutton:hover {
		background-color: #3e8e41
	}

	.optionbutton:active {
		background-color: #3e8e41;
		box-shadow: 0 1px #666;
		transform: translateY(2px);
	}

	.optionbutton:disabled
	{
		background-color: grey;
	}
	.optionbutton:disabled:hover
	{
		cursor: auto;
	}
	.optionbutton:disabled:active
	{
		box-shadow: none;
		transform: none;
	}
	.offerStatusCellBtn:disabled
	{
		background: grey;
		border-color: grey;
	}


	span.ui-icon-posright
	{
		position: absolute;
		right: 3px;
		top: 2px;
	}
	span.infowindow-toggle{
		vertical-align: bottom;
		border: 1px solid rgb(200,200,200);
		display: inline-block;
	}
	.rotated {
		transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-o-transform:rotate(180deg);
	}
	
	table.list
	{
		width: 100%;
		border-bottom: 1px solid #5ca201;
		border-spacing: 0;
	}
	
	table.list .title td,
	.tablesorter-header
	{
		font-size: 13px;
		padding: 5px;
	}
	
	table.list tr td
	{
		border-spacing: 0;
		padding: 8px 5px;
		border-top: 1px solid #5ca201;
		border-right: 1px dotted #ffffff;
	}

	table.list tr.highlight td {
		background-color: #d7e473 !important;
	}
	
	table.list td.nodata
	{
		text-align: center;
		font-style: italic;
	}

	table.list td.highlight {
		text-align: center;
		text-transform: uppercase;
	}
	
	table.list tr.textLeft td
	{
		text-align: left;
	}
	
	table.list tr.listItem0
	{
		background-color: #d9f5ba;
	}
	
	table.list tr.listItem1
	{
		background-color: #b6e482;
	}

	table.list tr.listItemActive
	{
		background-color: #b9e4ff!important;
	}
	
	table.list tr.listItem0 td.error,
	table.list tr.listItem1 td.error
	{
		background-color: #ca1414;
		color: #fff;
		text-align: center;
	}
	
	table.list tr.itemMore td
	{
		background-color: #6cac24;
		text-align: center;
	}
	
	table.list tr.itemMore td a
	{
		font-weight: bold;
		color: #fff;
	}

    fieldset{
        margin-bottom: 2px;
    }
	fieldset.custInfoNextAlert{
		border: 2px solid #6cac24;
	}
	fieldset.custInfoNextAlert legend{
		color: #6cac24;
	}
    fieldset.custInfoNextAlert.major{
        border: 2px solid orange;
    }
	fieldset.custInfoNextAlert.major legend{
		color: orange;
	}
    fieldset.custInfoNextAlert.critical{
        border: 2px solid red;
    }
	fieldset.custInfoNextAlert.critical legend{
		color: red;
	}

	
	.sortField
	{
		background-repeat: no-repeat;
		background-position: right center;
	}
	
	.sortField
	{
		background-image: url("/images/icons/sortAble.png");
		cursor: pointer;
	}
	
	.sortField.sortAsc,
	.tablesorter-headerAsc
	{
		background-image: url("/images/icons/sortAsc.png");
	}
	
	.sortField.sortDesc,
	.tablesorter-headerAsc
	{
		background-image: url("/images/icons/sortDesc.png");
	}

    .berichtTextContainer
    {
        position: relative;
    }

	.berichtContentContainer{
		border-bottom: 2px solid #979797;
		margin-right: 5px;
		margin-top: 5px;
		padding-bottom: 10px;
	}


    .berichtAktionen > .inner
    {
        position: absolute;
        right: 0;
        top: 0;
    }

	.berichtOptionen{
		float: right;
		text-align: right;
	}
	.berichtOptionenDiv{
		display: flex;
	}
	.berichtOptionenBtn{
		display: flex;
		margin: auto;
	}
	.berichtOptionenPrio{
		text-align: left;
		width: 100%;
		display: flex;
		align-items: center;
	}

	.berichtAktionen {
		position: relative;
	}

    .berichtAktionen > .inner {
	    top: -29px;
    }
	.berichtTitleContainer{
		display: table;
		width: 100%;
	}
	.berichtIcon
	{
		width: 70px;
		float: left;
		text-align: center;
		overflow: hidden;
	}
	.berichtIconTd{
		width: 8%;
	}
	.divCenter{
		display: table; margin: auto;
	}
	.berichtIconTd>.berichtIcon{
		margin-bottom: 3px;
	}
	
	.berichtIcon .time
	{
		font-size: 70%;
		color: grey;
	}

	.berichtTitle{
		width: 50%;
		font-size: 65%;
		font-weight: bold;
	}
	.berichtTitle span.name
	{
		font-size: 65%;
		color: grey;
		font-weight: normal;
	}
	.berichtCreatedBy{
		font-size: 100%;
		color: dimgrey;
		font-weight: normal;
	}

	.berichtText h1
	{
		font-size: 115%;
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 5px;
	}
	
	.berichtText span.name
	{
		font-size: 70%;
		color: grey;
		font-weight: normal;
	}

	.starRate{
		direction: rtl;
	}
	.starRate:not(:checked) > label {
		width:1em;
		overflow:hidden;
		white-space:nowrap;
		cursor:pointer;
		font-size:30px;
		color:#ccc;
	}
	.starRate:not(:checked) > label:before {
		content: '★ ';
	}
	.starRate > input:checked ~ label {
		color: #ffc700;
	}
	.starRate:not(:checked) > label:hover,
	.starRate:not(:checked) > label:hover ~ label {
		color: #deb217;
	}
	.starRate > input:checked + label:hover,
	.starRate > input:checked + label:hover ~ label,
	.starRate > input:checked ~ label:hover,
	.starRate > input:checked ~ label:hover ~ label,
	.starRate > label:hover ~ input:checked ~ label {
		color: #c59b08;
	}
	.noHover{
		pointer-events: none;
	}
	.displayContents{
		display: contents;
	}
	.recordsLayoutPriority{
		display: grid;
	}
	
	.attachmentBox
	{
		width: 150px;
		float: left;
		text-align: center;
		font-size: 85%;
        overflow: hidden;
	}
	
	.attachmentBox img
	{
		width: 32px;
		height: 32px;
	}
	
	.erinnerung
	{
		margin-top: 20px;
		border-top: 1px solid grey;
		padding-top: 4px;
	}
	
	.erinnerungLaufend
	{
		color: #f38b0f;
		font-weight: bold;
	}
	
	.erinnerungAbgelaufen
	{
		color: red;
		font-weight: bold;
	}
	
	.erinnerungErledigt
	{
		color: black;
		font-weight: bold;
	}
	
	.recordHistory
	{
		max-height: 300px;
		overflow-y: auto;
	}
	.recordHistory>p{

	}
	
	.ui-autocomplete
	{
		border: 1px solid grey !important;
	}
	
	.ui-autocomplete-loading
	{
		background: white url('/images/loading_small.gif') right center no-repeat;
		background-size: 16px 16px;
	}

    .ui-selectmenu-menu .ui-menu.customicons .ui-menu-item {
        padding: 5px 0 5px 2.5em;
    }

    .ui-selectmenu-menu .ui-menu.customicons .ui-menu-item .ui-icon {
        height: 24px;
        width: 24px;
        top: 0.1em;
        background-size: 100%;
    }
	
	#customerMapSearch
	{
		margin: 3px;
	}

    .customerMapBox
    {
        text-align: center;
        font-family: Roboto,Arial,sans-serif;
        font-size: 11px;
        background-color: rgb(255, 255, 255);
        padding: 1px 6px;
        border-radius: 2px;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.15);
        box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
        font-weight: 500;
    }

    .customerMapCheckBox
    {
        font-weight: normal;
        line-height: 17px;
        padding-left: 20px;
        float: left;
        position: relative;
    }

    .customerMapCheckBox.active
    {
        font-weight: 500;
    }

    .customerMapCheckBox .ui-icon
    {
        position: absolute;
        left: 3px;
        display: none;
    }

    .customerMapCheckBox.active .ui-icon
    {
        display: block;
    }

    .customersMapAjaxLoader
    {
        padding-top: 4px;
    }

    .customerMapButton:hover
    {
        cursor: pointer;
        background-color: #ebebeb;
    }
	
	.mapLegend
	{
		position: relative;
		float: left;
		width: 250px;
		margin-top: 3px;
		padding-top: 4px;
		padding-right: 10px;
	}

	.mapLegend.hideAble {
		cursor: pointer;
	}
	
	.mapLegend img
	{
		float: left;
		margin-right: 10px;
		width: 18px;
		height: 33px;
		display: block;
	}

	.mapLegend .symbole {
		float: left;
		display: block;
		width: 33px;
		height: 18px;
		margin-right: 10px;
	}
	
	.mapLegendClear
	{
		clear: left;
	}

	.mapLegend.hideMarkers > .overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		background-image: url(/images/marker/marker-disabled.png);
		background-position: left top;
		background-repeat: no-repeat;
	}

	.mapLegend.hideMarkers {
		color: gray;
	}

	.mapLegend.hideMarkers .markerCountContainer{
		display: none;
	}
	.mapLegend .markerCountContainer{
		color: grey;
	}
	
	#custInfoMapMap
	{
		width: 100%;
		height: 150px;
	}
	
	
	/* LOGIN WINDOW */

    .loginboxHeader
    {
        text-align: center;
        margin-top: 50px;
        text-transform: uppercase;
    }
	.loginbox
	{
		width: 400px;
		margin: 50px auto 0 auto;
		background-color: #FFFFFF;
		padding: 2px;
	}
	
	.loginbox .body
	{
		padding: 30px;
		text-align: center;
	}
	
	.loginbox table
	{
		margin-bottom: 10px;
	}
	
	.loginbox table td
	{
		height: 32px;
		text-align: left;
	}
	
	.loginbox table tr td:first-child
	{
		text-align: right;
		padding-right: 10px;
		width: 120px;
	}
	
	form div.formlabel
	{
		background-color: transparent;
		width: 150px;
		float: left;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 5px;
		padding-right: 6px;
		text-align: right;
		height: 25px;
		line-height: 25px;
	}
	
	form div.input
	{
		width: auto;
		float: left;
		padding-top: 2px;
		padding-right: 8px;
		width: 165px;
	}
	
	form div.clear
	{
		clear: left;
	}

	.languagedInput .langselect img {
		border: 2px solid #fff;
		/*border-right: 0px solid #fff;
		border-bottom: 2px solid #fff;
		border-left: 0px solid #fff;*/
	}

	.languagedInput .langselect.active img {
		border: 2px solid #6cac24;
	}

	.languagedInput .inputDiv {
		display: none;
	}

	.languagedInput .inputDiv.active {
		display: inline;
	}

	.displayNone{
		display: none;
	}

	.recordPrioMarginRight{
		margin-right: 0.5em;
	}
	.contactCategoryMargin{
		margin-top: 0.2em;
	}
	.contactCategoryEnableAll{
		float: left;
		margin-bottom: 0.3em;
		margin-top: 0.3em;
	}
	#customerMap_editWindow{
		border-right: black 1px solid;
		padding-right: 3px;
		width: 80%;
	}
	#customerMap_editWindow>input{
		margin: 3px;
	}
	#customerMap_editWindow_wrapper>div{
		padding: 1%;
	}
	.customerMap_editWindow_center{
		position: relative !important;
		top: 20px !important;
		left: auto !important;
		margin: auto;
		text-align: center;
		width: 50%;
		box-shadow: 0 0 10px #000;
		border: lightskyblue 1px solid;
		display: flex;
	}
	.center-center{
		padding-left: 3px;
		float: right;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: auto;
	}






	/* ALT */
	#wrapper #container
	{
		width:950px;
		margin-right:auto;
		margin-left:auto
	}
	.ce_text h1
	{font-size:18px;font-weight:bold}
	#left .inside{margin-right:3px}
	#right .inside{margin-left:3px}
	a{text-decoration:none;color:#333}
	a:hover{text-decoration:underline
	}
	
	img.iconSmall
	{
		width: 32px;
		height: 32px;
	}
	
	#passwordComplexityDisplay
	{
		color: #444444;
		font-size: 9.5px;
	}
	
	#passwordComplexityDisplay div.out
	{
		width: 100px;
		height: 18px;
		border: 1px solid #444444;
	}
	
	#passwordComplexityDisplay div.out div.in
	{
		width: 5%;
		height: 100%;
		background-color: #d70000;
	}

    .modalOverlay
    {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 9999;
        background: url("le-frog/images/ui-bg_diagonals-thick_15_444444_40x40.png") repeat scroll 50% 50% #444444;
        opacity: 0.3;
    }

    .modalOverlay .ajaxLoader
    {
        margin-top: 30%;
    }


    form .cEntryDate {
        width: 85px;
    }

    form .cEntryTime {
        width: 45px;
    }

    form .cEntryText {
        width: 100%;
        height: 130px;
    }

	.tooltipInfo_i {
		background-color: orange;
		border: 1px solid orange;
		border-radius: 10px;
		color: white;
		display: inline-block;
		font-weight: bold;
		margin-left: 3px;
		padding: 0 6px;
		text-align: center;
	}

	.tooltipInfo_i:hover {
		cursor: pointer;
	}

	.tooltipInfo {
		display: none;
		position: absolute;
		background-color: #fff;
		border: 1px solid grey;
		margin-left: 10px;
		padding: 5px 10px;
	}
	.labelTable{
		float: left;
		width: 200px;
	}
	#ratingstarLock{
		transform: scale(1.4);
	}
	.float-left{
		float:left;
	}
	.float-right{
		float:right;
	}
	.margin-auto{
		margin: auto;
	}
	.text-center{
		text-align: center;
	}

}

/*@media only screen and (max-width: 400px) {

	.ui-dialog {
		top:0!important;
		max-width:150%!important;
		overflow: scroll!important;
	}

}*/