/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

html,body,div {
	font-family: Verdana, Helvetica, sans-serif
}

#logo, #home-logo {
	 text-align: center; margin-bottom:10px;
}

#logo img, #home-logo img {
	width:200px;
}

#home-product {
	border: 2px solid white;
	background-color: silver;
	margin:20px;
	padding: 10px;
	border-radius: 5px;
	display: none;
}

#product-name {
	color: gray;
	text-align: center;
}

#product-price {
	font-size: 30px;
	text-align: center;
	padding:5px 0px;
}


 .inline-form {
}

.inline-form .wrapper {
  float: left;
  width: 100%;
}

.inline-form .wrapper .content {
  margin: 0 95px 0 0;  /* 0 RC 0 LC */
}

/*
.inline-form .text {
  padding-top: 0.0em;
  padding-bottom: 0.0em;
  display: block;
  font-size: 16px;
}*/

.inline-form .right {
  float: left;
  width: 95px; /* RC */
  margin-left: -95px; /* -RC */
}

.inline-form .footer{
  clear: left;
}


@-webkit-keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.lds-dual-ring {
  position: absolute;
}
.lds-dual-ring div {
  position: absolute;
  opacity: 0.6;
  margin-left:-13px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 5px solid #000;
  border-color: white black white black;
  -webkit-animation: lds-dual-ring 1.3s linear infinite;
  animation: lds-dual-ring 1.3s linear infinite;
}

#lds-percent {
  position: absolute;
}
#lds-percent-bg {
  position: absolute;
  opacity: 0.6;
  margin-left:-3px;
  margin-top:10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: black;
}

#lds-percent-text {
  color:white;
  font-weight: bold;
  text-align: center;
  margin-top:11px;
}




* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    background-color:#E4E4E4;
    background-image:linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background-image:-webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background-image:-ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background-image:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #A7A7A7),
        color-stop(0.51, #E4E4E4)
    );
    background-attachment:fixed;
    font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size:12px;
    height:100%;
    margin:0px;
    padding:0px;
    width:100%;
}

.page {
	max-width: 800px;
	margin:auto;
}

/* Portrait layout (default) */
.app {
    background:url(../img/logo.png) no-repeat center top; /* 170px x 200px */
    position:absolute;             /* position in the center of the screen */
    left:50%;
    top:50%;
    height:50px;                   /* text area height */
    width:225px;                   /* text area width */
    text-align:center;
    padding:180px 0px 0px 0px;     /* image height is 200px (bottom 20px are overlapped with text) */
    margin:-115px 0px 0px -112px;  /* offset vertical: half of image height and text area height */
                                   /* offset horizontal: half of text area width */
}

/* Landscape layout (with min-width) */
@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
    .app {
        background-position:left center;
        padding:75px 0px 75px 170px;  /* padding-top + padding-bottom + text area = image height */
        margin:-90px 0px 0px -198px;  /* offset vertical: half of image height */
                                      /* offset horizontal: half of image width and text area width */
    }
}

h1 {
    font-size:24px;
    font-weight:normal;
    margin:0px;
    overflow:visible;
    padding:0px;
    text-align:center;
}

.event {
    border-radius:4px;
    -webkit-border-radius:4px;
    color:#FFFFFF;
    font-size:12px;
    margin:0px 30px;
    padding:2px 0px;
}

.event.waiting {
    background-color:#333333;
    display:block;
}

.event.received {
    background-color:#4B946A;
    display:none;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}

@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}

.blink {
    animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;
}


.message, .message-detail {
	margin-top:5px; background: rgba(255,255,255,0.7); margin-left:4%; margin-right:4%;
	cursor: pointer; *cursor:hand;

	border-radius: 0px;
	font-size: 14px;
}

.message-detail {
	background-image: none;
}

.message {
	background-image: url(../images/icons/right-black-transparent.png); background-size: 12px 12px; background-position: right 6px center; background-repeat: no-repeat;
}

.message-submitted {
	border-left:3px solid #de9200;
}
.message-denied {
	border-left:3px solid #a30000;
}
.message-saved {
	border-left:3px solid #035486;
}
.message-approved {
	border-left:3px solid rgba(0,0,0,0);
}
.message-undefined {
	border-left:3px solid black;
}

.message-inner {
	padding:10px 23px 10px 10px;
}

.message-detail-inner {
	padding:10px;
}

.has-attachment {
	background-image: url(../images/icons/attachment-transparent.png); background-size: 60px 60px; background-position: center right 15px; background-repeat: no-repeat;
}

.already-read {
	opacity:0.6
}

.message-body-preview{
    position:relative;
    /*max-height:36px; overflow-y: hidden;*/
    /* … */
}

.message-body {

}

.message-detail-admin {
	display: none;
	margin:0px 20px;
}

.message-title {
	font-weight: bold;
	color:#1770a1;
	padding: 3px 0px;
}
.message-author {
	float: left;
	font-weight: bold;
	font-size: 12px;
}
.message-date {
	float: right;
	font-size: 12px;
}

/*
.message-body-fade:after {
    content:"";
    position:absolute;
    top:20px;
    left:0;
    height:16px;
    width:100%;

	background: linear-gradient(rgba(201,233,246,0), rgba(201,233,246,1.0));
}
*/
#messages-section-description {
	display: none;
	/*background-color: red;*/
    padding:0px 15px 20px 15px;
    text-align:center;
    font-size:16px;
    color:white;
}

.message-attachments {
	font-size:16px; color:white;
	padding:15px 0px;
	margin-left: 4%;
	margin-right: 4%;
	overflow-x: hidden; word-wrap:break-word;
}

.message-attachment {
	background-image: url(../images/icons/filetypes/unknown.png); background-size: 40px 40px; background-position: left center; background-repeat: no-repeat; min-height:50px;
}

.avi { background-image: url(../images/icons/filetypes/avi.png) }
.doc { background-image: url(../images/icons/filetypes/doc.png) }
.jpg { background-image: url(../images/icons/filetypes/jpg.png) }
.mp4 { background-image: url(../images/icons/filetypes/mp4.png) }
.pdf { background-image: url(../images/icons/filetypes/pdf.png) }
.png { background-image: url(../images/icons/filetypes/png.png) }
.ppt { background-image: url(../images/icons/filetypes/ppt.png) }
.rtf { background-image: url(../images/icons/filetypes/rtf.png) }
.txt { background-image: url(../images/icons/filetypes/txt.png) }
.xls { background-image: url(../images/icons/filetypes/xls.png) }
.zip { background-image: url(../images/icons/filetypes/zip.png) }

.message-attachment div {
	padding:17px 5px 17px 50px;
}

#messageattachment-iframe {
	display: block; width: 100%; height: 100%; border: none;
}

#messageattachment-image {
	display: block; max-width: 100%; max-height: 100%; border: none; margin:auto;
}

#message-detail-admin-bg {
	display:none;
}

.clickUrl {
	color:black !important;
	text-decoration: underline;
	font-weight: bold;
}

.popup-dialog h1 {
	margin:0px 5px;
	font-size:18px !important;
	width:100%;
	margin:0px !important;
}

.popup-dialog h3 {
	font-size:18px; line-height:30px;
}

.popup-dialog p {
	font-size:14px;
}

.section-badge {
	font-weight: bold;
	color:white;
	background-color:red;
	position:absolute;
	border-radius: 10px;
	min-width:20px;
	padding-top:1px;
	margin-left: auto;
	top:-5px;
	right:-5px;
	z-index: 9000;
	text-align: center;
}

.info-text {
	color:white; text-align: center; margin-auto: max-width: 800px; padding:0px 4% 40px 4%; font-size: 14px;
}
.footer-text {
	color:white; text-align: center; margin-auto: max-width: 800px; padding:0px 4% 120px 4%; font-size: 11px;
}

.info-text a, .footer-text a {
	font-weight: normal !important;
	color:white !important;
	text-decoration: underline !important;
}

strong {
	color: #0c5584;
}

s {
	color: red;
	font-size: 20px;
}

#product-action {
	color: red;
	text-align: center;
	padding:5px;
}

.header, .adminheader{ position:fixed; top:0px; left:0px; z-index:9999; width:100%; height:40px;padding:6px 0%; background-color:white; border-bottom: 1px solid #035486;}
.adminheader { background-color: rgba(0,0,0,0.7); color:white; }

.gohome{ width:40px; height:40px; float:left; margin:0 0 0 10px;}
.gohome a{ color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; text-align:center;}
.gohome a img{display:inline-block;max-height:25px; margin:5px 0 0 0;}

.gohomemenu{ width:40px; height:40px; float:left; margin:0 0 0 10px;}
.gohomemenu a{ color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; text-align:center;}
.gohomemenu a img{display:inline-block;max-height:25px; margin:7px 0 0 0;}

.gomenu{ width:40px; height:40px;float:right;margin:0 10px 0 0;}
.gomenu a{ color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; text-align:center;}
.gomenu a img{display:inline-block;max-height:25px; margin:6px 0 0 0;}

#popup-home {
	z-index: 999;
}

.footerpanel {
	position:fixed; bottom:0px; left:0px; z-index:9999; width:100%;
}

.footerblock {
	background: rgba(255,255,255,0.7); color:white; padding:6px; text-align: center;
}

.controlpanel2 { width:100%; height:40px;padding:6px 0%; background-color: white; color:rgba(0,0,0,0.7); }

.bottompanel2 { width:100%; height:40px; padding:6px 0%; text-align: center; }
.bottompanel2 a {width:100%; font-size:20px; color:white; font-weight: normal; background-color: #035486; padding:10px 15px; border-radius:5px;}