@charset "utf-8";
   @import url//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
   div.main{
   /*background: #eaeaea; /* Old browsers */
   /*background: -moz-radial-gradient(center, ellipse cover,  #eaeaea 1%, #eaeaea 100%); /* FF3.6+ */
   /*background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#eaeaea), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
   /*background: -webkit-radial-gradient(center, ellipse cover,  #eaeaea 1%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
   /*background: -o-radial-gradient(center, ellipse cover,  #eaeaea 1%,#eaeaea 100%); /* Opera 12+ */
   /*background: -ms-radial-gradient(center, ellipse cover,  #eaeaea 1%,#eaeaea 100%); /* IE10+ */
   /*background: radial-gradient(ellipse at center,  #eaeaea 1%,#eaeaea 100%); /* W3C */
   /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004d8e', endColorstr='#1c2b5a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
   height:calc(95vh);
   width:100%;
   }
   [class*="fontawesome-"]:before {
   font-family: 'FontAwesome', sans-serif;
   }
   /* ---------- GENERAL ---------- */
   * {
   box-sizing: border-box;
   margin:0px auto;
   &:before,
   &:after {
   box-sizing: border-box;
   }
   }
   body {
   color: #004d8e;
   font: 87.5%/1.5em 'Open Sans', sans-serif;
   margin: 0;
   }
   a {
   color: #eee;
   text-decoration: none;
   }
   a:hover {
   text-decoration: underline;
   }
   input {
   border: none;
   font-family: 'Open Sans', Arial, sans-serif;
   font-size: 14px;
   line-height: 1.5em;
   padding: 0;
   -webkit-appearance: none;
   }
   p {
   line-height: 1.5em;
   }
   .clearfix {
   *zoom: 1;
   &:before,
   &:after {
   content: ' ';
   display: table;
   }
   &:after {
   clear: both;
   }
   }
   .container {
    /* left: 50%;       */
    /* position: fixed; */
    /* top: 50%;        */
    transform: translate(0%, 25%); 
	max-width: 350px;
   }
   /* ---------- LOGIN ---------- */
   #login form{
   width: 250px;
   }
   #login, .logo{
   /*display:flex;*/
   width: 100%;
   }
   #login{
   border-right:0px solid #fff;
   padding: 0 0 20px 0;
   width: 100%;
   background-color: #fff;
   }
   .logo{
   color:#fff;
   font-size:50px;
   line-height: 50px;
   background-color: #fff;
   padding: 20px 0px 20px 0px;
   margin-bottom: -2px;
   }
   #login form span.fa {
   background-color: #fff;
   border-radius: 3px 0px 0px 3px;
   color: #000;
   display: block;
   float: left;
   height: 50px;
   font-size:24px;
   line-height: 50px;
   text-align: center;
   /*width: 50px;*/
   }
   #login form input {
   height: 50px;
   }
   fieldset{
   padding:0;
   border:0;
   margin: 0;
   }
   #login form input[type="text"], input[type="password"] {
   background-color: #fff;
   border-radius: 0px 3px 3px 0px;
   color: #000;
   margin-bottom: 1em;
   padding: 0 16px;
   width: 200px;
   }
   #login form input[type="submit"] {
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   background-color: #004e8b;
   color: #ffffff;
   font-weight: bold;
   /* margin-bottom: 2em; */
   text-transform: uppercase;
   padding: 10px 10px;
   height: 40px;
   }
   #login > p {
   text-align: center;
   }
   #login > p span {
   padding-left: 5px;
   }
   .middle {
   display: flex;
   width: 100%;
   }

#Clouds {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 100%;
  overflow: hidden;
  -webkit-animation: FadeIn 3s ease-out;
          animation: FadeIn 3s ease-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@-webkit-keyframes FadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes FadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Cloud {
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 70px;
  -webkit-animation-duration: 120s;
          animation-duration: 120s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-name: Float, FadeFloat;
          animation-name: Float, FadeFloat;
  z-index: 0;
}
.Cloud.Foreground {
  height: 10%;
  min-height: 20px;
  z-index: 0;
}
.Cloud.Background {
  height: 9.09090909%;
  min-height: 8px;
  -webkit-animation-duration: 210s;
          animation-duration: 210s;
}
@-webkit-keyframes Float {
  from {
    -webkit-transform: translateX(100%) translateZ(0);
            transform: translateX(100%) translateZ(0);
  }
  to {
    -webkit-transform: translateX(-15%) translateZ(0);
            transform: translateX(-15%) translateZ(0);
  }
}
@keyframes Float {
  from {
    -webkit-transform: translateX(100%) translateZ(0);
            transform: translateX(100%) translateZ(0);
  }
  to {
    -webkit-transform: translateX(-15%) translateZ(0);
            transform: translateX(-15%) translateZ(0);
  }
}
/*
@keyframes Float {
  from { transform: translateX(100%) translateY(-100%) translateZ(0); }
  50% { transform: translateX(55%) translateY(0) translateZ(0); }
  to { transform: translateX(-5%) translateY(-100%) translateZ(0); }
}
*/
@-webkit-keyframes FadeFloat {
  0%,
  100% {
    opacity: 0;
  }
  5%,
  90% {
    opacity: 1;
  }
}
@keyframes FadeFloat {
  0%,
  100% {
    opacity: 0;
  }
  5%,
  90% {
    opacity: 1;
  }
}
.Cloud:nth-child(10) {
  -webkit-animation-delay: -184.61538462s;
          animation-delay: -184.61538462s;
  top: 65%;
}
.Cloud.Foreground:nth-child(10) {
  -webkit-animation-duration: 80s;
          animation-duration: 80s;
  height: 35%;
}
.Cloud.Background:nth-child(10) {
  -webkit-animation-duration: 110s;
          animation-duration: 110s;
  height: -3.40909091%;
}
.Cloud:nth-child(9) {
  -webkit-animation-delay: -166.15384615s;
          animation-delay: -166.15384615s;
  top: 54%;
}
.Cloud.Foreground:nth-child(9) {
  -webkit-animation-duration: 84s;
          animation-duration: 84s;
  height: 32.5%;
}
.Cloud.Background:nth-child(9) {
  -webkit-animation-duration: 114s;
          animation-duration: 114s;
  height: -2.15909091%;
}
.Cloud:nth-child(8) {
  -webkit-animation-delay: -147.69230769s;
          animation-delay: -147.69230769s;
  top: 80%;
}
.Cloud.Foreground:nth-child(8) {
  -webkit-animation-duration: 88s;
          animation-duration: 88s;
  height: 20%;
}
.Cloud.Background:nth-child(8) {
  -webkit-animation-duration: 118s;
          animation-duration: 118s;
  height: -0.90909091%;
}
.Cloud:nth-child(7) {
  -webkit-animation-delay: -129.23076923s;
          animation-delay: -129.23076923s;
  top: 42%;
}
.Cloud.Foreground:nth-child(7) {
  -webkit-animation-duration: 92s;
          animation-duration: 92s;
  height: 27.5%;
}
.Cloud.Background:nth-child(7) {
  -webkit-animation-duration: 122s;
          animation-duration: 122s;
  height: 0.34090909%;
}
.Cloud:nth-child(6) {
  -webkit-animation-delay: -110.76923077s;
          animation-delay: -110.76923077s;
  top: 36%;
}
.Cloud.Foreground:nth-child(6) {
  -webkit-animation-duration: 96s;

          animation-duration: 96s;
  height: 25%;
}
.Cloud.Background:nth-child(6) {
  -webkit-animation-duration: 126s;
          animation-duration: 126s;
  height: 1.59090909%;
}
.Cloud:nth-child(5) {
  -webkit-animation-delay: -92.30769231s;
          animation-delay: -92.30769231s;
  top: 30%;
}
.Cloud.Foreground:nth-child(5) {
  -webkit-animation-duration: 100s;
          animation-duration: 100s;
  height: 15.5%;
}
.Cloud.Background:nth-child(5) {
  -webkit-animation-duration: 130s;
          animation-duration: 130s;
  height: 2.84090909%;
}
.Cloud:nth-child(4) {
  -webkit-animation-delay: -73.84615385s;
          animation-delay: -73.84615385s;
  top: 40%;
}
.Cloud.Foreground:nth-child(4) {
  -webkit-animation-duration: 104s;
          animation-duration: 104s;
  height: 20%;
}
.Cloud.Background:nth-child(4) {
  -webkit-animation-duration: 134s;
          animation-duration: 134s;
  height: 4.09090909%;
}
.Cloud:nth-child(3) {
  -webkit-animation-delay: -55.38461538s;
          animation-delay: -55.38461538s;
  top: 18%;
}
.Cloud.Foreground:nth-child(3) {
  -webkit-animation-duration: 108s;
          animation-duration: 108s;
  height: 17.5%;
}
.Cloud.Background:nth-child(3) {
  -webkit-animation-duration: 138s;
          animation-duration: 138s;
  height: 5.34090909%;
}
.Cloud:nth-child(2) {
  -webkit-animation-delay: -36.92307692s;
          animation-delay: -36.92307692s;
  top: 25%;
}
.Cloud.Foreground:nth-child(2) {
  -webkit-animation-duration: 112s;
          animation-duration: 112s;
  height: 15%;
}
.Cloud.Background:nth-child(2) {
  -webkit-animation-duration: 142s;
          animation-duration: 142s;
  height: 6.59090909%;
}
.Cloud:nth-child(1) {
  -webkit-animation-delay: -18.46153846s;
          animation-delay: -18.46153846s;
  top: 6%;
}
.Cloud.Foreground:nth-child(1) {
  -webkit-animation-duration: 116s;
          animation-duration: 116s;
  height: 12.5%;
}
.Cloud.Background:nth-child(1) {
  -webkit-animation-duration: 146s;
          animation-duration: 146s;
  height: 7.84090909%;
}
.Cloud {
  background-image: url(/img/sistema/nuvem_transparente.png);
}
.Cloud.Background {
  background-image: url(/img/sistema/nuvem_transparente.png);
}
html,
body {
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
}
body {
  min-height: 100%;
  color: #FFF;
  background-color: #004d8e;
  background-image: radial-gradient(circle, #3aa5ff 0%, #097fe2 70%, #004d8e 100%);
}

.imglogo {
     background-image: url("/img/sistema/logo-horizontal.png");
     background-size: 200px 46px;
	 background-repeat: no-repeat;
	 display: block;
     width: 200px;
     height: 55px;
}
.alert-danger {
    font-size: 14px;
}