@import url("kund.css");
@import url("plockit.css");
/* body { font-size: 90%; } */


.ppe-pda-button {
    background-color: #83c5f10f !important;
    border: 3;
    -webkit-appearance: none;
    float: right;
    font-size: 2.0rem;
    font-weight: 900;
    line-height: 2;
    color: #444 !important;
    text-shadow: 2px 1px 0px #e3e3e3;
    opacity: .9;
    padding-bottom: 50px;
    padding-top: 50px;
}

.ppe-pda-button img {
	max-width: 40px !important;
}

.ppe-pda-small-button{
    background-color: grey;
    border: 3;
    -webkit-appearance: none;
    width: 90% !important;
    float: right;
    font-size: 0.8rem;
    font-weight: 900;
    line-height: 2;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .9;
	padding-bottom: 5px;
	padding-top: 5px;
}

.ppe-plockit-kb{
	background-color: #f7f7f775 !important;
    border: 3 !important;
    -webkit-appearance: none;
    width: 100% !important;
    float: right;
    font-size: 1.5rem;
    /* font-weight: 700 !important; */
    line-height: 2 !important;
    color: #000;
    text-shadow: 1 1px 0 #fff;
    opacity: 0.9;
    padding-bottom: 5px;
    padding-top: 14px;
    height: 70px !important;
}


.ppe-button-label{
	text-overflow: clip !important;
	padding-left: 1px !important;
	padding-right: 10px !important;	
	padding-top: 5px !important;	
	padding-bottom: 5px !important;	
	/* margin-left: -10px !important; */
	/* margin-right: 5px !important; */
}

/* .ppe-button{ */
    /* background-color: #83c5f10f !important; */
    /* border: 3; */
    /* -webkit-appearance: none; */
    /* opacity: .9; */

/* } */

.ppe-pda-header{
    font-size: 1.2rem !important;
    font-weight: 700 !important;    
    padding-bottom: 5px;
	white-space: normal !important;
    /* border-bottom: 1px solid gray !important; */
}

.plockit-kb-header{
    font-size: 2.5rem !important;
    font-weight: 700 !important;    
    padding-bottom: 5px;
    padding-right: 25px;
	white-space: normal !important;
    /* border-bottom: 1px solid gray !important; */
}

.plockit-inv-header{
    font-size: 2.5rem !important;
    font-weight: 700 !important;    
    padding-bottom: 5px;
    padding-right: 25px;
	white-space: normal !important;
	border-style: solid;
	border-color: gray;
	border-width: 1px;
    /* border-bottom: 1px solid gray !important; */
}

.plockit-infotxt{
    font-size: 0.8rem !important;
 	white-space: normal !important;
}

.ppe-pda-bigtextbox{
	height: 40px !important;
}

.ppe-pda-padding{
//	padding-top: 20px;
	padding-bottom: 20px;
}


.plockit-padding-top{
	padding-top: 20px;
}

.plockit-padding-8px-top{
	padding-top: 8px;
}

.plockit-padding-8px-below{
	padding-bottom: 8px;
}


.ppa-pda-multirow{
    min-height: 160px;
}


.plockit-line-below{
	/* padding-top: 20px; */
	padding-bottom: 20px;
    border-bottom: 1px solid #BBB !important;
}

.plockit-line-above{
	padding-top: 10px;
    border-top: 1px solid #BBB !important;
}

.plockit-line{
	/* padding-top: 20px; */
    border-bottom: 1px solid #BBB !important;
}

.plockit-bigcombo select{
	height: 40px !important;
	/* background-color: #83c5f10f !important; */
}

.plockit-artimage-small{
	position: absolute !important;
	right: 5px !important;
	/* width: 90px !important; */
	height: 60px !important;
	outline: auto;
    z-index:0 !important;
}

.plockit-artimage-medium{
	position: absolute !important;
	right: 5px !important;
	/* width: 90px !important; */
	height: 150px !important;
	outline: auto;
    z-index:0 !important;
}

.plockit-artimage-large{
	position: absolute !important;
	right: 5px !important;
	/* width: 90px !important; */
	height: 200px !important;
	outline: auto;
    z-index:0 !important;
}

.plockit-nextrow-button{
	position: absolute !important;
	right: 5px !important;
	width: 50% !important; 
	height: 160px !important;
	/* outline: auto; */
    z-index:1 !important;
}

.plockit-nextrow{
	position: absolute !important;
	font-size: 0.8rem !important;
	right: 5px !important;
	/* width: 90px !important; */
	/* height: 120px !important; */
	/* outline: auto; */
	/* outline-width: thin; */
	
	outline-style: solid !important;
	outline-color: gray !important;
	outline-width: thin !important;
	background-color: white !important;	
    z-index:0 !important;
	
    /* overscroll-behavior: contain; */
    /* overflow-y: scroll !important; */
    /* height: 100px; */
    /* width: 300px;*/	
}

.plockit-statusimage{
	position: absolute !important;
	right: 5px !important;
	width: 32px !important;
	/* height: 120px !important; */
	/* outline: auto; */
	/* outline-width: thin; */
	
	/* outline-style: solid !important; */
	/* outline-color: gray !important; */
	/* outline-width: thin !important; */
    z-index:1 !important;
}

.plockit-statusimage-indel{
	position: absolute !important;
	right: 5px !important;
	width: 100px !important;
	/* height: 120px !important; */
	/* outline: auto; */
	/* outline-width: thin; */
	
	outline-style: solid !important;
	outline-color: gray !important;
	outline-width: thin !important;
	background-color: white !important;	
	
    z-index:1 !important;
}


.plockit-line-right{
	border-right: solid 1px #ebebeb !important;
}

hr{
	border-width: 0px;
    border-top: 1px solid #ebebeb;
}

.plockit-img-50{
	width: 50px !important;
}

.plockit-table-30{
	line-height: 30px !important;
}

.plockit-dashed-line >hr {
	border: 1px dashed #c0c0c0;
}