@charset "utf-8";

.sg-auth-filter{
	 
}
 
  
.sg-auth-header > div {
   background-color:#E0E1E4;
}
 

.sg-auth-order-element .sg-auth-order-positions, .sg-auth-order-details {
    display: none;
}

.sg-auth-order-element {
   
 	margin:8px;
	    position: relative;
	max-width: 1400px;
}

.sg-auth-order-element .sg-auth-order-element{
	margin:0;
	border-bottom-style: none;
}


.sg-auth-order-status {
 background-color:#EEEEEE;
    display: block;
    overflow: hidden;
}
 

.sg-auth-order-element .sg-auth-header > div {
    cursor: pointer;
    display:flex;
}

/*.sg-auth-order-status > div {
    padding: 5px;
	position:relative;
}*/
.sg-auth-product-quantity{
	max-width:60px;	
}

.sg-auth-order-status > div > div {
    position: relative;
    /*color: #6C9D0D;*/
    font-weight: bold;
}

.sg-auth-order-status > div > div:after {
    position: absolute;
    content: " ";
    left: 0;
    top: auto;
    bottom: -10px;
    height: 5px;
    background-color: #6C9D0D;
    width: 0;
    -webkit-transition: width 1s ease-out;
    -moz-transition: width 1s ease-out;
    -o-transition: width 1s ease-out;
    transition: width 1s ease-out;
}

.sg-auth-order-status > div > div.status-0{
    color:#888;
    display: none;
}

.sg-auth-order-status > div > div.status-1 {
    display: none;
}

.sg-auth-order-status > div > div.status-1:after {
    width: 16%;
}

.sg-auth-order-status > div > div.status-2 {
    display: block;
}

.sg-auth-order-status > div > div.status-2:after {
    width: 32%;
}

.sg-auth-order-status > div > div.status-3 {
    display: block;
}

.sg-auth-order-status > div > div.status-3:after {
    width: 48%;
}

.sg-auth-order-status > div > div.status-4 {
    display: block;
}

.sg-auth-order-status > div > div.status-4:after {
    width: 64%;
}

.sg-auth-order-status > div > div.status-5 {
    display: block;
}

.sg-auth-order-status > div > div.status-5:after {
    width: 80%;
}

.sg-auth-order-status > div > div.status-6 {
    display: block;
}

.sg-auth-order-status > div > div.status-6:after {
    width: 100%;

}


.sg-auth-order-status h3 {
    margin-left: 0 !important;
}
.sg-auth-order-status-info{
	display:table;
	margin:0 1em;
	margin-bottom:0.25em;
}
.sg-auth-order-status-info > div{
	display:table-cell; padding-right:3em;
}
.sg-auth-order-status-info > div:first-child{
	width:160px;
	font-weight:bold;
}

.sg-auth-order-status-info div > span {
    margin-left: 5px;
}
.sg-auth-order-status-info div > span:first-child {
    margin-left: 0;
}



.sg-auth-order-element.error .sg-auth-order-status 
  {
	  color: #D9052F;
	/*border:2px solid #D9052F;
	
	background-color:#FDE8EC;*/
}
.sg-auth-order-element.error .sg-auth-order-status .message{
	margin-right:10px;
	font-weight:bold;
}
.sg-auth-order-element.error .sg-auth-ico.warning:before{
	
	font-size:41px;	
	
	width:40px;
	height:32px;
	display:block;
 float:left;
 
}



.sg-auth-order-element .sg-auth-header > div:before, .togglerdetails:before{

    font-family: 'icomoon', sans-serif !important;
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    padding: 10px;
    line-height: 40px;
    font-size: 40px;
}
.togglerdetails:before{
	margin:0;
	width: 20px;
    height: 20px;
	font-size:22px;
	line-height:0.9em;
}
.sg-auth-order-element .sg-auth-header > div:before, .togglerdetails:before {
  /*  -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;*/
}

.sg-auth-order-element.active .sg-auth-header > div:before, .sg-auth-order-status.active .togglerdetails:before, .sg-auth-order-status.active .togglerdetails:hover:before  {
     
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
background-color: #3363ba;
    color:#FFF;
}


.sg-auth-order-status.active .sg-auth-order-details{
    display: block;
    position: relative;
    /*background-color:#FFF;*/
    padding-top: 0;

}

.sg-auth-order-status-tracking {
    display: none;
}

.sg-auth-order-status-tracking.active {
    display: block;
    position: relative;
    /*background-color:#FFF;*/
    padding-top: 0;
}

.sg-auth-order-status.active .sg-auth-order-details > span, .sg-auth-order-status-tracking.active > span {
    display: block;
}

.togglerdetails{
	color: #464C57;
    font-weight: normal;
    position: absolute;
    right: 1em;
    top: 1em;
    cursor: pointer;
}

/*.sg-auth-order-details table td{
	background-color:transparent;	
}*/

/*.sg-auth-order-details table td{
	padding:0.15em 0.5em;	
}*/

.sg-auth-order-element .sg-auth-header > div:hover{
	background-color:#E7E7E7;
}
.sg-auth-order-element.active .sg-auth-header > div{
    
	
}

.sg-auth-paynow{
    align-self:center;
    flex:0 1 240px;
    
}
.sg-auth-paynow > span{
    display:inline-block;
    cursor:pointer;
        background-color: #3363ba;
    color: #FFF;
    padding:2px 16px;
    white-space: nowrap;
}
.sg-auth-ico.pdf:before{
    font-family:'SourceSansPro-Regular', sans-serif !important;
        content: "PDF";
    font-size: 10px;
    background-color: #3363BA !important;
    color: #FFF !important;
    box-sizing: border-box;
    line-height: 0px;
    margin-right: 1px;
    top:-2px !important;
    padding: 6px 1px;
    text-decoration: none;
}



/*
.sg-auth-order-element .sg-auth-header > div > div.sg-auth-ordersum,
.sg-auth-order-element .sg-auth-header > div > div.sg-auth-creditsum{
    flex:0 0 120px;
}
*/
/*.sg-auth-order-element.active .sg-auth-header div, .sg-auth-order-element.active .sg-auth-header span, .sg-auth-order-element.active .sg-auth-header div:hover:before, 
.sg-auth-order-element.active .sg-auth-header  div > a:before, 
.sg-auth-order-element.active .sg-auth-header  div > a, .sg-auth-order-element.active .sg-auth-header  div > a:hover, .sg-auth-order-element.active .sg-auth-header  div > a:visited{
	color:#FFF !important;
}*/


.sg-auth-order-element .sg-auth-header > div > .sg-auth-orderinvoice{
 
text-align:right;
  
 
   /* background-color: #F2F2F2;*/
    margin-right: 0px;
 
}
.sg-auth-order-element .sg-auth-header > div > .sg-auth-orderinvoice > a{
       
    text-decoration: underline;
}

.sg-auth-order-element .sg-auth-header > div > div {
   
    padding: 8px;
}
.sg-auth-order-element .sg-auth-header > div > div.sg-auth-orderdate,
.sg-auth-order-element .sg-auth-header > div > div.sg-auth-ordernumber{
    flex: auto;
}
.sg-auth-order-element .sg-auth-header > div > div.sg-auth-orderdate{
    display:block !important;
}

 
.sg-auth-order-element.active .sg-auth-order-positions {
    display: block;
    width: 100%;

}

.sg-auth-order-element:not(.active) order-cockpit-order-status-tracking {
    cursor: pointer;
}

.sg-auth-order-positions > div {
    display: block;
    position: relative;
	  padding: 5px;
	border: 10px solid #EEEEEE !important;
    border-top-style: none !important;
	box-sizing: border-box;
	background-color:#FFFFFF;
}
  .sg-auth-order-positions:not(.has-status) > div:first-child {  
border-top:10px solid #EEEEEE !important;
}
.sg-auth-order-positions > div > div {
    display: table-cell;
    padding: 5px;
 
    vertical-align: middle;

}


.sg-auth-order-positions > div > div img {
    /*-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6);*/
    /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6);*/
    max-height: 130px;
}

.sg-auth-orderinfo {
    text-align: right;
    vertical-align: top;
	width:300px;
}


.sg-auth-order-status-bar {
   
    margin: 10px;
    border-bottom: 5px solid #E0E1E4;
    margin-bottom: 5px;
		position: relative;
    color: #6C9D0D;
    font-weight: bold;
    line-height: 120%;
    padding-bottom: 5px;
}
	
	.sg-auth-order-status-info {
    display: table;
    margin: 0 10px;
    margin-bottom:5px;
}



.sg-auth-image {
    text-align: center;
	
}

/* placeholders */
.sg-auth-image > div{
	min-height:80px;	
    max-width: 130px;
	vertical-align:middle;
	display:table-cell;
}


forms-order-reclamation .sg-auth-image > div {
    min-height: 80px;
    background-size: 50%;
}

forms-order-reclamation .sg-auth-image > div img {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6);
}

/*.sg-auth-image > div img{
	display:none;	
}*/
.sg-auth-image > div.fotobuch{
	background-image:url(sgauth/previews/fotobuch.png);	
}
.sg-auth-image > div.poster{
    background-image:url(sgauth/previews/poster.png);
}

.sg-auth-image > div.klappkarte, .sg-auth-image > div.karte, .sg-auth-image > div.faltkarte{
	background-image:url(sgauth/previews/karten.png);	
}
.sg-auth-image > div.sticker{
	background-image:url(sgauth/previews/sticker.png);	
}
.sg-auth-image > div.gutschein{
	background-image:url(sgauth/previews/gutschein.png);	
}
.sg-auth-image > div.minileporello{
	background-image:url(sgauth/previews/minileporello.png);	
}
.sg-auth-image > div.fotoaufsteller{
	background-image:url(sgauth/previews/fotoaufsteller.png);	
}
.sg-auth-image > div.fotoabzuege{
	background-image:url(sgauth/previews/fotoabzuege.png);	
}

forms-order-reclamation .sg-auth-image-wrapper {
    background-color: transparent;
}

forms-order-reclamation .sg-auth-image > div.fotoabzuege {
    background-size: 75%;
}

.sg-auth-image > div.kalender{
	background-image:url(sgauth/previews/kalender.png);	
}

.sg-auth-image > div.wandbilder{
	background-image:url(sgauth/previews/wandbilder.png);	
}
.sg-auth-image > div.karten{
	background-image:url(sgauth/previews/karten.png);	
}

.sg-auth-formimages .sg-auth-image-wrapper:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.sg-auth-formimages .sg-auth-image{
	max-width:100px;
	    min-height: 26px;
	max-height:100px;
    float: none;
	display:inline-block;
	position:relative;
}
 .sg-auth-formimages .sg-auth-image.sg-auth-ico:before{
	 
	 position:absolute;
	 right:0px;
	 left:auto;
	 top:0px;
	 background-color:#3669C4;
	 width:20px;
	 color:#FFF;
	 
 }
.reordermenu, .cartmenu {
    display: inline-block;
    width: auto;
}

.sg-auth-hmenu.cartmenu li, .sg-auth-hmenu.reordermenu li {
    margin-right: 0;
    margin-left: 1.5em;
	    min-width: 60px;
}

.codebox {
    border: 1px dashed #E0E1E4;
    background-color: #FFF;
    padding: 1em;
    margin: 1em 0;
    /*white-space:nowrap;
    overflow-x:auto;*/
    overflow: hidden;
}

.codebox p {
    margin-bottom: 0;
}
.mask-photobook-cover {
	position:relative;	
	margin:0 auto;
   	
	
	/*
	 * testing!!!
	 */
	 height:126px;
}
.mask-photobook-cover > img{
	width:100%;
	height:100%;


}	
.mask-photobook-cover > div{
	display:none;	
}
.mask-photobook-cover:before{
 	 position:absolute;
	 display:block;
	 width:100%;
	 height:100%;
-webkit-box-shadow: -3px 0px 6px 2px rgba(0,0,0,0.25);
-moz-box-shadow: -3px 0px 6px 2px rgba(0,0,0,0.25);
box-shadow: -3px 0px 6px 2px rgba(0,0,0,0.25);
 	content:" ";
	/*border-width: 9px 4px 9px 11px;
	border-image: url(sgauth/photobook_cover.png) 9 4 9 11 fill stretch;
	*/
	border-image: url(sgauth/photobook_cover.png) 0 fill stretch;
	
 
	 mix-blend-mode: multiply;
	/*border-image: url(sgauth/border.png) 4 fill stretch;*/
	
}

.sg-auth-order-element .sg-auth-ico:before{
	top:4px;
    color:#111;
}

 
/*
*reclamation
*/

.sg-mailform .sg-auth-formstep input[type=text], .sg-mailform .sg-auth-formstep input[type=password], .sg-mailform .sg-auth-formstep input[type=number], .sg-mailform .sg-auth-formstep textarea, .sg-mailform .sg-auth-formstep select{
	 
	 background-color: #FFFFFF;
}


/* 
paynow dialog 
*/
.sg-auth-dialog .sg-auth-paynow-summary{
    border-top:1px solid #111;
  margin-bottom:32px;
    padding:8px 4px;

}

.sg-auth-dialog .sg-auth-paynow-summarypositions{
    margin-top:16px;
 
    padding:8px 4px;
}
.sg-auth-dialog .sg-auth-paynow-summary > div, .sg-auth-dialog .sg-auth-paynow-summarypositions > div{
    display:flex;
}
.sg-auth-dialog .sg-auth-paynow-summary > div span:first-child, .sg-auth-dialog .sg-auth-paynow-summarypositions > div span:first-child{
    display:inline-block;
   white-space: nowrap;text-align:right;
   flex:auto;
}
.sg-auth-dialog .sg-auth-paynow-summary > div span:last-child, .sg-auth-dialog .sg-auth-paynow-summarypositions > div span:last-child{
    display:inline-block;
  flex:0 0 100px;white-space: nowrap;
    text-align:right;
}
.sg-auth-dialog .sg-auth-paynow-summary > div span:last-child{
    font-size:18px;
}
.sg-auth-dialog .pay-now-footer{
    margin-top:16px;
}
.sg-auth-paynow-label{
    font-size:18px;
}

@media handheld, only screen and (max-width: 890px) {
    .hide-mobile, .sg-auth-order-element .sg-auth-header > div > div.sg-auth-orderdate {
		display:none !important;	
	}
	 .sg-auth-order-element.active .sg-auth-order-positions, .sg-auth-order-element.active .sg-auth-order-positions > div, .sg-auth-order-element.error .sg-auth-ico.warning:before /*, .sg-auth-order-element.active .sg-auth-order-positions .sg-auth-orderinfo*/ {
        float: none;
        display: block;
        overflow: hidden;
        border-style: none;
    } 
/*.mask-photobook-cover {
    
    margin-left: 0px;
    
}*/
    .sg-auth-orderinvoice .sg-auth-ico.mobile-notext{
        display:inline-block; width:auto;
        line-height:2em;
    }
    .sg-auth-orderinvoice .sg-auth-ico.mobile-notext:before{
       display: block;
     text-align: right;
    left: auto;
    }
	
.sg-auth-formimages .sg-auth-image, .sg-auth-order-positions .sg-auth-image{
	max-width:30%;
	width:30%;
}
	.sg-auth-image > div{
		min-height:120px;
	}
 
 
     .sg-auth-order-element .sg-auth-header {
        height: auto;
    overflow: visible;
    } 
 


    .sg-auth-order-positions > div .mobile-shadow, .sg-auth-number-input {
        background-color: #FFF !important;
    }
	.sg-auth-number-input.disabled,.sg-auth-number-input.disabled input[type="text"]{
		 background-color:transparent !important;
		 border-bottom-color:#F2F2F2 !important;
		  border-color:#F2F2F2 !important;
		 border-style:none !important;
	}
 
    .sg-auth-number-input {
        width: 116px !important;

        margin: 0 auto;
        margin-top: -4px;
    }


    .number-down, .number-up {
        line-height: 36px !important;
    }

    .number-input > div {
        height: 36px !important;
        line-height: 36px !important;
        background-color: #FFF !important;
        border: 1px solid #FFF !important;
        box-shadow: 0 0 0 0 #FFF inset !important;
    }

    .sg-auth-content-editable input {
        width: 100% !important;
        height: 100% !important;
        border: 0 !important;
        background-color: transparent !important;
        text-align: center !important;
        line-height: 36px !important;
        vertical-align: middle !important;
    }

    /*.sg-auth-order-status table td {
        font-size: 0.8em !important;
    }

    .sg-auth-order-positions .reordermenu label {
        display: none;
    }
*/
    .sg-auth-order-status table td {
        white-space: nowrap;
    }



    .sg-auth-order-positions > div:after {
        display: none;
    }

    .csc-default .reordermenu, .csc-default .cartmenu {
        display:block;
        margin: 0.5em 0em !important;
		 
    }

    /*.csc-default .reordermenu{
        padding: 0 0.2em !important;
    }*/
    .csc-default .reordermenu {
        border-top: 1px solid #E0E1E4;
		overflow:hidden;
		margin-bottom:0 !important;
    }

    .sg-auth-hmenu.reordermenu li {
        display: inline;
        padding: 0;
        text-align: left;
        margin: 0;
    	width:33%;
		margin-bottom:0.5em;
    }
	
    .sg-auth-hmenu.reordermenu li.last {
      text-align:right;
    }

  /*  .sg-auth-hmenu.reordermenu li.first .sg-auth-number-input {
        margin: 0 !important;
        float: right;
    }*/

   /* .sg-auth-hmenu.reordermenu li.last {
        float: right;
        margin-right: 0.3em !important;

    }*/

 

    .sg-auth-hmenu.cartmenu li {
        text-align: center;
        margin: 0 auto;
        float: none;

    }

    .sg-auth-hmenu.cartmenu li a {
        display: block;
        margin: 0 0.15em;
		padding:0.5em;
    }

 
 
    .sg-auth-order-positions .sg-auth-menu h3,  .sg-auth-order-positions .sg-auth-menu ul  {
        margin-left: 0px !important;   margin-right: 0px !important;  
        
        overflow: hidden;
      
    }
/*.sg-auth-order-positions .sg-auth-menu h3{
	font-size:1.1em;	
}*/
    .sg-auth-order-positions .sg-auth-menu ul {
        padding:0;
		margin:0;

    }

    .sg-auth-order-positions .sg-auth-menu li {
        padding: 8px 0;
        margin-right: 10px;
    }

    .csc-default .sg-auth-order-positions .sg-auth-orderinfo {
		margin:0;
        padding-top: 0;
    }

    .sg-auth-header {
        position: relative;
    }
 
.sg-auth-filter{
	margin:0.5em;
	margin-bottom:1.5em;
		
}
    .togglerdetails:before{
	font-size:26px;	
	}
 
  
}

@media handheld, only screen and (max-width: 470px) {
	
 

   .sg-auth-order-details table, .sg-auth-order-details tr, .sg-auth-order-details td, .sg-auth-order-details tbody, .sg-auth-order-details thead, .sg-auth-image, .sg-auth-image, .sg-auth-menu{
 		display:block;
		float:none;
		clear:both;
		text-align:left !important;
		white-space:normal !important;
    }
	.sg-auth-order-details td{
		padding:0;	
	 
	}
	.sg-auth-order-details tr{
		padding:0.5em;	
	 
	}
		.sg-auth-order-details tr:nth-child(odd), .sg-auth-order-details tr:nth-child(odd) td{
	background-color:#F3F3F3;	
	}
	.sg-auth-order-details tr:nth-child(even), .sg-auth-order-details tr:nth-child(even) td{
	background-color:#F9F9F9;	
	}
	.sg-auth-order-details td.align-center{
		display:none;	
	}
    .sg-auth-order-details > span table td:first-child {
        padding-left: 1em;
    }

	
	
	
 .sg-auth-order-element .sg-auth-header > div .sg-auth-ordervoucher{
	display:none;	
}
}

.product-status-tracking-information-label {
    display: block;
}