/*
 * 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.
 */


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:transparent;
    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-size:12px;
    /*height:100%;*/
    margin:0px;
    padding:0px;
    /*text-transform:uppercase;*/
    width:100%;
}


.left-inner-addon {
    position: relative;
}
.left-inner-addon input {
    padding-left: 30px;    
}
.left-inner-addon i {
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
}

.footer
{
	margin-top:10px;
	font-size:10pt;
	color:#fff;
  text-shadow: 1px 1px 2px #000;
}

.fa-white
{
	color:white;
}

button
{
	color:#FFF;
}

#c_content {
	margin:0 auto;
	width: 98%;
	max-height:100%;
	color: #000;
	background-color: rgba(255,255,255,1);
	border:1px solid #CCC;
	overflow:auto;
	overflow-x:hidden;
	filter: Shadow(Color=#fffffff, Direction=0, Strength=1);
	border-radius:10px;
}

/*---------template login-------*/
/* Form */
.form {
  position: relative;
  z-index: 1;
  background-color:rgba(255, 255, 255, 0.5);
  max-width: 450px;
  margin: 150px auto;
  padding: 10px 30px;
  border-top-left-radius: 0px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 0px;
  text-align: center;
}
.form .thumbnail {
  background: #EF3B3A;
  width: 150px;
  height: 150px;
  margin: 0 auto 30px;
  padding: 25px 30px;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  box-sizing: border-box;
}
.form .thumbnail img {
  display: block;
  width: 100%;
}
.form input {
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 1;
  margin: 0 0 15px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-sizing: border-box;
  font-size: 14px;
}
.form button {
  outline: 0;
  background: rgb(0, 67, 111);
  width: 100%;
  border: 0;
  padding: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.form button:hover {
  outline: 0;
  background: rgb(3, 85, 140);
  width: 100%;
  border: 0;
  padding: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.form .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.form .message a {
  /*color: #EF3B3A;*/
  color:#09F;
  text-decoration: none;
}
.form .register-form {
  display: none;
}

.containerx {
  position: relative;
  z-index: 1;
  max-width: 500px;
  margin: 0 auto;
}
.containerx:before, .containerx:after {
  content: "";
  display: block;
  clear: both;
}
.containerx .info {
  margin: 50px auto;
  text-align: center;
}
.containerx .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 36px;
  font-weight: 300;
  color: #FFF;
}
.containerx .info span {
  color: #4d4d4d;
  font-size: 12px;
}
.containerx .info span a {
  color: #000000;
  text-decoration: none;
}
.containerx .info span .fa {
  color: #EF3B3A;
}

/* END Form */