html, body { height: 100%; margin:0;}
body {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
body{
	margin-top:30px;
}
h1{
	color:#fff;
}
h3{
    color:#fff;
}
::-webkit-input-placeholder {color: #cfcdcd !important;}
:-moz-placeholder {color: #cfcdcd !important;} /* Firefox 18- */
::-moz-placeholder {color: #cfcdcd !important;}  /* Firefox 19+ */
:-ms-input-placeholder {color: #cfcdcd !important;}
input:-moz-placeholder { color:#cfcdcd !important; }

.flex-row-reverse{
margin-top: 20px;
}
.hero-window{
padding: 5%;
}
.form-group label{
    font-size: 1.2rem;
    color:#FFF;
    font-family: 'Sora', sans-serif;
}
.label-divisao{
    position:relative;
    display:block;
    height:20px;
}
.form-group{
	margin-top:30px !important;
}
.form-flex{
display: flex;
}

.logo{
	position:relative;
	display:block;
	margin:0 auto;
	width:230px;
	height:41px;
	margin-bottom:40px;
}
.jumbotron{
	background-color:#3db1cf !important;
	height:100%;
	margin:auto;
	font-family: 'Mulish', sans-serif;
}
.aligncenter{
	text-align:center;
}
.btn-light{
right:10px;
position:relative;
background-color: #fff;
}
#boxDoc{
	position:absolute;
	display:none;
	margin: auto;
	top:0px !important; left: 0; right: 0;
	width:100%;
	min-height:100px;
	background-color:#ccc !important;
	z-index:351;

}
#loadDocI{
	display:none;
	position:absolute;
	margin:0 auto;
	clear:both;
	top:auto;bottom:0px;left:0px;right:0px;
	z-index:9999;
}
.ocultar{display:none !important;}
.mostrar{display:block !important;}
iframe{
	display:none;
	height:100%;width:100%;
	position:fixed;top:0px;left:0px;right:0px;bottom:0px;
	background-color:green !important;
	z-index:351;
	margin:0 auto;

}
.cpf, .cnpj, .telefone, .cnpj, .cep{}
#loadImg{
	position:fixed;
	width:100%;
	height:50px;
	z-index:5555;
	left:0px;right:0px;bottom:0px;
	margin:0 auto;
	display:none;
	background-color:#e2e2e2;
	border:1px solid #e2e2e2;
	text-align:center;
	color:red;
	font-size:16px;
	font-weight:bold;
}
.inputfile{
	width:0px;
	height:0px;
	background-color:red;
	position:absolute;
	z-index:-1;

}
.btup{
	background-image: url(img/search-icon.png);
	background-position: 98% 8px;

	background-repeat: no-repeat;
}
.radi{
	font-size: 16px !important;
	color:#fff;
	padding-right:5px;
}
/* ==================================== resp */
@media (max-width: 300px) {
	.input-medio{
		max-width: 96px;
	}
}

label.custom-file-label{
font-size: 1rem;
color: #495057;
}
.custom-file-label::after{
content: "Upload";
}
input#file-upload-button{
background: red;
display:none;
background-color: red;

}
.title{
    font-size: 1.2rem;
    color: #FFF;
    font-family: 'Sora', sans-serif;

}
.redirect{
margin-top:20%;
text-align: center;

}
.redirect a{
color: #fff;
font-weight: 600;
}
#box{
position: relative;
left: 0;
}
#login-row{
justify-content: center;
margin-bottom: 50px;
}
.login-required{
margin-top: 30px;

}
.card{
text-align: center;
background-color: rgba(0, 0, 0, 0.0);
border: none;
color: #fff;
font-weight: 600;
font-family: 'Mulish', sans-serif;
}
#table-login{
width: 100%;
}
.custom{
float: left;
}
#label-ws label{
color: #6c757d;
}
.row-bottom{
line-height: 20px;
}






@mixin form-validation-state-selector($state) {
  @if ($state == "valid" or $state == "invalid") {
    .was-validated #{if(&, "&", "")}:#{$state},
    #{if(&, "&", "")}.is-#{$state} {
      @content;
    }
  } @else {
    #{if(&, "&", "")}.is-#{$state} {
      @content;
    }
  }
}

@mixin form-validation-state(
  $state,
  $color,
  $icon,
  $tooltip-color: color-contrast($color),
  $tooltip-bg-color: rgba($color, $form-feedback-tooltip-opacity),
  $focus-box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($color, $input-btn-focus-color-opacity)
) {
  .#{$state}-feedback {
    display: none;
    width: 100%;
    margin-top: $form-feedback-margin-top;
    @include font-size($form-feedback-font-size);
    font-style: $form-feedback-font-style;
    color: $color;
  }

  .#{$state}-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%; // Contain to parent when possible
    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;
    margin-top: .1rem;
    @include font-size($form-feedback-tooltip-font-size);
    line-height: $form-feedback-tooltip-line-height;
    color: $tooltip-color;
    background-color: $tooltip-bg-color;
    @include border-radius($form-feedback-tooltip-border-radius);
  }

  @include form-validation-state-selector($state) {
    ~ .#{$state}-feedback,
    ~ .#{$state}-tooltip {
      display: block;
    }
  }

  .form-control {
    @include form-validation-state-selector($state) {
      border-color: $color;

      @if $enable-validation-icons {
        padding-right: $input-height-inner;
        background-image: escape-svg($icon);
        background-repeat: no-repeat;
        background-position: right $input-height-inner-quarter center;
        background-size: $input-height-inner-half $input-height-inner-half;
      }

      &:focus {
        border-color: $color;
        box-shadow: $focus-box-shadow;
      }
    }
  }

  // stylelint-disable-next-line selector-no-qualifying-type
  textarea.form-control {
    @include form-validation-state-selector($state) {
      @if $enable-validation-icons {
        padding-right: $input-height-inner;
        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;
      }
    }
  }

  .form-select {
    @include form-validation-state-selector($state) {
      border-color: $color;

      @if $enable-validation-icons {
        &:not([multiple]):not([size]),
        &:not([multiple])[size="1"] {
          padding-right: $form-select-feedback-icon-padding-end;
          background-image: escape-svg($form-select-indicator), escape-svg($icon);
          background-position: $form-select-bg-position, $form-select-feedback-icon-position;
          background-size: $form-select-bg-size, $form-select-feedback-icon-size;
        }
      }

      &:focus {
        border-color: $color;
        box-shadow: $focus-box-shadow;
      }
    }
  }

  .form-check-input {
    @include form-validation-state-selector($state) {
      border-color: $color;

      &:checked {
        background-color: $color;
      }

      &:focus {
        box-shadow: $focus-box-shadow;
      }

      ~ .form-check-label {
        color: $color;
      }
    }
  }
  .form-check-inline .form-check-input {
    ~ .#{$state}-feedback {
      margin-left: .5em;
    }
  }

  .input-group .form-control,
  .input-group .form-select {
    @include form-validation-state-selector($state) {
      @if $state == "valid" {
        z-index: 1;
      } @else if $state == "invalid" {
        z-index: 2;
      }
      &:focus {
        z-index: 3;
      }
    }
  }
}