/* Färdigtestade och incheckade ändringar levereras sedan till T:\P3\Daily\<ver>\phone\system\style\ppe, dessa kommer då med i nästa packning. */

.ppe-height-100 {
    height: 100% !important;
}

.ppe-height-240px {
    height: 240px !important; 
}

.ppe-height-20px {
    height: 20px !important; 
}

.ppe-height-30px {
    height: 30px !important; 
}

.ppe-header-simple > li {
    margin-top:0;
    margin-left:-5px;
    margin-right:-5px;
    padding:0 5px 5px 5px;
}
.ppe-header-simple label.ppe-label {
	font-weight: bold;
}
.ppe-header-simple .ui-first-child {
   border-top: none;
}

.ppe-header-day  {
    background-color: var(--headerBackgroundColor);
    margin-top:0;
    margin-left:-5px;
    margin-right:-5px;
    padding:0 5px 5px 5px;
    border-top:1px solid var(--phoneBorderColor);
}
.ppe-header-day + .ppe-listbox:not(:empty) {
	background-color: var(--dialogBackgroundColor) !important;
	margin-top:0;
}
.ppe-header-day + .ppe-listbox:not(:empty) li:last-child {
   border-bottom:none;
}
.ppe-header-day + .ppe-listbox:last-child {
  border-bottom:1px solid var(--phoneBorderColor);
}

.ppe-header-today {
    background-color: var(--focusColor);
}

.ppe-header-day label {
	color: white;
}

.ppe-header-today label {
	color: var(--textColor);
}

.ppe-listbox.ppe-list-time > .ppe-listview-row {
   padding-bottom:0;
   border:none;
}
.ppe-listbox.ppe-list-time > .ppe-listview-row:last-child {      
//   border-bottom:1px solid #bbb;
   border-bottom:1px solid var(--phoneBorderColor);
}

.ppe-margin-15 {
	margin: 15px !important;
}

.ppe-margin-top-bottom-neg10 {
	margin-top: -10px !important;
	margin-bottom: -10px !important;
}

.ppe-margin-left-neg10 {
	margin-left: -10px !important;
}

.ppe-margin-content {
    margin-left:5px !important;
    margin-right:5px !important;
}
.ppe-margin-sides-neg5 {
    margin-left: -5px !important;
    margin-right: -5px !important;
}
.ppe-margin-sides-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.ppe-margin-sides-10 {
    margin-left:10px !important;
    margin-right:10px !important;
}
.ppe-margin-sides-30 {
    margin-left:30px !important;
    margin-right:30px !important;
}

.ppe-margin-top-0 {
    margin-top:0px !important;
}

.ppe-margin-top-5 {
    margin-top:5px !important;
}
.ppe-margin-top-7 {
    margin-top: 7px !important;
}
.ppe-margin-top-8 {
    margin-top: 8px !important;
}
.ppe-margin-top-10 {
    margin-top:10px !important;
}
.ppe-margin-top-15 {
    margin-top:15px !important;
}
.ppe-margin-top-50 {
    margin-top: 50px !important;
}
.ppe-margin-top-35 {
    margin-top: 35px !important;
}
.ppe-margin-top-neg5 {
    margin-top: -5px !important;
}
.ppe-margin-top-neg10 {
    margin-top: -10px !important;
}
.ppe-margin-top-neg15 {
    margin-top: -15px !important;
}

.ppe-margin-bottom-0 {
    margin-bottom:0px !important;
}
.ppe-margin-bottom-5 {
    margin-bottom:5px !important;
}
.ppe-margin-bottom-10 {
    margin-bottom:10px !important;
}
.ppe-margin-bottom-15 {
    margin-bottom:15px !important;
}
.ppe-margin-bottom-neg5 {
    margin-bottom: -5px !important;
}
.ppe-margin-bottom-neg10 {
    margin-bottom: -10px !important;
}
.ppe-margin-bottom-neg15 {
    margin-bottom: -15px !important;
}

.ppe-margin-bottom-neg20 {
    margin-bottom: -20px !important;
}

.ppe-margin-left-5 {
    margin-left: 5px !important;
}
.ppe-margin-left-15 {
    margin-left: 15px !important;
}
.ppe-margin-left-neg15 {
    margin-left: -15px !important;
}

.ppe-margin-left-neg20 {
    margin-left: -20px !important;
}

.ppe-margin-right-5 {
    margin-right: 5px !important;
}
.ppe-margin-right-10 {
    margin-right: 10px !important;
}
.ppe-margin-right-15 {
    margin-right: 15px !important;
}

.ppe-margin-0 {
    margin: 0 !important;
}
.ppe-margin-5 {
    margin: 5px !important;
}

.ppe-position-absolute {
    position: absolute !important;
}

.ppe-no-borders {
    border: none !important;    
    outline: none !important;
}
.ppe-no-borders select{
  	border: none !important;    
  	outline: none !important;
}

.ppe-border-top{
    border-top: 1px solid #bbb !important;
}   

.ppe-image-contact {
    border-radius: 100px !important;
}

.ppe-size-11 {
	font-size: 11pt !important;
}
.ppe-text-small {
    font-size: 9pt !important;
}
.ppe-text-normal {
    font-size: 12pt !important;
}
.ppe-text-big {
    font-size: 14pt !important;
}
.ppe-text-bold {
    font-weight: bold !important;
}
.ppe-text-red {
	color:#FF4500 !important;
}
.ppe-text-blue {
	color:#6699cc !important;
}
.ppe-text-lightgrey {
	color:#696969 !important;
}
.ppe-text-grey {
	color: #696969 !important;
}
.ppe-text-weekheader {
	font-size:14pt !important;
	font-weight:bold !important;
}
.ppe-text-studioheader {
    font-weight: bold !important;
}
.ppe-text-header-listcell {
    font-size: 9pt !important;
    font-weight: bold !important;
}
.ppe-text-row-listcell {
    font-size: 12pt !important;
    font-weight: normal !important;
}
.ppe-text-orderstatus {
	border-radius: 0% !important;
    height: 10px !important;
    width: 10px !important;
    margin-top: 10px !important;
}
.ppe-text-listheader {
    font-size: 12pt !important;
    font-weight: 500 !important;
}
.ppe-listbox.ppe-listcell-noborder > li {
    border: none !important;
    margin-top: -5px;
    margin-bottom: -5px;
}
.ppe-copied-to-pyramid {
	 margin-top: 5px !important;
    background-color: #369 !important;
    height: 15px !important;
    width: 10px !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #2d5b89 !important;
}

.ppe-vh-40{
	height: 40vh !important;
}

.ppe-height-45{
	height: 45px !important;
}

.ppe-listcell-select li.selected{
	background-color: var(--phoneMenuSelectedColor) !important;
}

.ppe-background-inherit {
	background-color: inherit !important;
}

.ppe-textarea-html-160 >p {
	margin-block-start: 0em !important;
}

.ppe-multirow >p {
	margin-top: 0em !important;
	margin-bottom: 0em !important;
	font-size: 1em !important;
	white-space: pre-wrap !important;
}

.ppe-popup-btn-list {
	height: auto !important;
 	max-height: 96% !important;
 	top: unset !important;
 	margin-top: auto !important;
 	margin-bottom: auto !important;
}

.ppe-popup-btn-list li .ppe-label {
	margin-left: 15px !important;
	margin-top: 10px !important;
}

.ppe-padding-15-10 {
	padding: 15px 10px !important;
}

.ppe-padding-left-0 >[class*="ui-block-"] {
	padding-left: 0px !important;
}

.ppe-collaps-large >span {
	white-space: pre-wrap !important;
	height: 60px  !important;
}

.ppe-collaps-large {
	height: 70px  !important;
}

.ppe-ticker-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px,1fr)) !important;
    grid-gap: 10px !important;
    grid-auto-rows: minmax(10px, auto) !important;
}
.ppe-ticker-grid>li img, 
.ppe-ticker-full >li img {
 	border-radius: 5px !important;
 }

.ppe-ticker-grid >li {
	background: var(--headerBackgroundColor) !important;
	padding: 10px !important;
	text-align: center !important;
   border-radius: 10px !important;
   -webkit-border-radius: 10px !important;
   border-style: none !important;
}

.ppe-ticker-full {
    display: grid !important;
    grid-template-columns: (auto-fit, minmax(150px,1fr)) !important;
    grid-gap: 10px !important;
    grid-auto-rows: minmax(10px, auto) !important;
}

.ppe-ticker-full >li {
	background: var(--headerBackgroundColor) !important;
	padding: 10px !important;
	text-align: center !important;
   border-radius: 10px !important;
   -webkit-border-radius: 10px !important;
   border-style: none !important;
}

.ppe-ticker-list {
	display: grid !important;
   grid-template-columns: repeat(1, 1fr) !important;
   grid-gap: 10px !important;
   grid-auto-rows: minmax(10px, auto) !important;
   margin-left: 5px !important;
   margin-right: 5px !important;
}

.ppe-ticker-list >li {
	 background: var(--headerBackgroundColor) !important;
    border-style: none !important;
    padding: 10px !important;
    border-radius: 10px !important;
}

.ppe-ticker-img {
    min-height: 100% !important;
    min-width: 100% !important;
}

.ppe-ticker-menubtnlistcell {
	width: 50px !important;
	position: absolute !important;
	top: 5px !important;
	right: -15px !important;
}

.ppe-ticker-full img, 
.ppe-ticker-list img, 
.ppe-ticker-grid img {
	margin: 0 auto !important;
}

.ppe-img-20{
	width: 20px;
}

.ppe-column-space-between{
	display: flex !important;
	flex-direction: column !important;
   justify-content: space-between !important;
   height: 100% !important;
}

.ppe-rotate180 {
	transform: rotate(180deg);
	transition: transform .5s;
	-webkit-transition: transform .5s;
}

.ppe-rotate0 {
	transform: rotate(0deg);
	transition: transform .5s;
	-webkit-transition: transform .5s;
}

.ppe-text-showmore {
	overflow: hidden;
}  

.ppe-text-showmore-collapse {
	max-height: 100px;
} 

.ui-listview > li .ppe-html h1,
.ui-listview > li .ppe-html h2,
.ui-listview > li .ppe-html h3,
.ui-listview > li .ppe-html h4,
.ui-listview > li .ppe-html h5,
.ui-listview > li .ppe-html h6 {
    word-wrap: break-word;
    white-space: pre-wrap;
}
.ui-listview > li .ppe-html p {
    word-wrap: break-word;
    white-space: pre-wrap;
    margin: 0.45em 0;
}

.ppe-checkpoint-boxshadow {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);
	padding: 5px;
	border-radius: 5px;
}

.ppe-height100 {
	height: 100%;
}

.ppe-flexflow {
	display: flex;
 	flex-flow: column;
	height: 100%;
}

.ppe-flexgrow {
	display: flex;
	flex-flow: column;
	flex-grow : 1;
}

.ppe-border-firstlast >li {
	border-style: none !important;
}

.ppe-border-firstlast >li:first-child {
   border-top-style: solid !important;
}

.ppe-border-firstlast >li:last-child {
   border-bottom-style: solid !important;
}

.ppe-toolbarwithonefixedbtn {
//	border-bottom: 1px solid #ddd;
	border-bottom: 1px solid var(--phoneBorderColor);
	margin-bottom: 5px;
	margin-left: -5px;
	margin-right: -5px;
}
.ppe-toolbarnormal {
	background-color: inherit !important;
	margin-bottom: -5px !important;
}

.ppe-messagedialog {
   position: relative;
   padding: 10px 30px 10px 10px;
   margin-bottom: 1rem;
   border: 1px solid transparent;
   border-radius: .25rem;
}

.ppe-messagedialog-noclosebutton {
   position: relative;
   padding: 10px 15px 10px 10px;
   margin-bottom: 1rem;
   border: 1px solid transparent;
   border-radius: .25rem;
}

.ppe-messagedialog label {
	margin-top: 0px;
	color: white;
}

.alert-error {
   background-color: #f8d7da;
   border-color: #f5c6cb;
}
.alert-error label{
   color: #721c24;
}

.alert-info {
	color: #004085;
   background-color: #cce5ff;
   border-color: #b8daff;
}
.alert-info label {
	color: #004085;
}

.alert-success  {
	color: #155724;
   background-color: #d4edda;
   border-color: #c3e6cb;
}
.alert-success label {
	color: #155724;
}

.alert-warning  {
   background-color: #fff3cd;
   border-color: #ffeeba;
}
.alert-warning label {
	color: #721c24;
}

.ppe-messagedialog .ppe-button-container {
	position: absolute;
   top: 0;
   right: 0;
   padding: 3px 10px 10px 10px;
   margin-top: 0px;
}

.ppe-messagedialog .ppe-button{
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.ppe-navtoolbarfix3515{
	justify-content: flex-end;
    border-bottom: none !important;
    border-top: none !important;
    background-color: inherit !important;
    margin-bottom: 0 !important
}

.ppe-navtoolbarfix1{
	padding: 0px;
	justify-content: flex-end;
	border-bottom:none !important;
	border-top:none !important;
}

.ppe-navtoolbarfix2{
	display: flex;
	align-items: center;
}

.ppe-navitemfix > *{
	flex: 0 0 40px !important;
	margin-right: 5px;
	margin-left: -5px;
}

.ppe-blur {
	filter: blur(5px);
}

.ppe-action-img {
	filter: opacity(0.2) grayscale(100%);
	height: 40px;
	float: right;
}

.ppe-background-toolbarcolor {
	background-color: var(--phoneToolbarBackgroundColor);
}

/* Färdigtestade och incheckade ändringar levereras sedan till T:\P3\Daily\<ver>\phone\system\style\ppe, dessa kommer då med i nästa packning. */