html,
body {
  height: 100%;
  margin-top: 40px;
  font-size: 14px;
}

.modal-tela {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
  display: block;
  position: relative;
}

.form-control {
  font-weight: 600 !important;
}

.fa-stack {
  color: #ddd;
}
.icon-selected {
  color: #2899d4;
}

.line-middle:before {
  content: '';
  display: block;
  border-top: solid 1px #ddd;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 60px;
  top: 50%;
  z-index: 1;
}
.fa-stack {
  z-index: 2;
}

.form-control-sm {
  font-size: 14px !important;
}

.mb-4 {
  display: none !important;
}

.footer-left {
  display: block !important;
}


.circuit_left {
  position: absolute;
  left: 0;
 bottom: 0px;
 width:200px;
}

.circuit_right {
  position: absolute;
  right: 0;
 bottom: 0px;
 width:200px;
}
.logo_left {
  width: 150px;
  position: absolute;
  left:100px;
  top : 50px;
}
.main {
  position: relative;
  top: 200px;
}
.modal-title
{
  color: #2899d4;
  padding-top: 100px;
}

.btn-blue-lite {
  background-color: #20bcec !important;
}

.btn-blue-dark {
  background-color: #1893d0 !important;
}
.btn {
  color: white !important;
  font-weight:500 !important;
}

.modal-footer {
  display: initial;
}

.tab-content{
  padding-top: 20px;
}

.nav-link {
  font-size: 18px !important;
  font-weight: 500 !important;
}


.msg-erro {
  display: none;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: red;
}







.modal-confirm {		
	color: #434e65;
	width: 525px;
}
.modal-confirm .modal-content {
	padding: 20px;
	font-size: 16px;
	border-radius: 5px;
	border: none;
}
.modal-confirm .modal-header {
	background: #e85e6c;
	border-bottom: none;   
	position: relative;
	text-align: center;
	margin: -20px -20px 0;
	border-radius: 5px 5px 0 0;
}

.warn {
	background: #20bcec !important;
}

.verde {
 background-color: #d4edda !important;
 color: #155724 !important;

}

.sair {
  background-color:   #fff3cd !important;
  color : #856404 !important;
  border-color: #856404 !important;
}

.modal-confirm h4 {
	text-align: center;
	font-size: 36px;
	margin: 10px 0;
}
.modal-confirm .form-control, .modal-confirm .btn {
	min-height: 40px;
	border-radius: 3px; 
}
.modal-confirm .close {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #fff;
	text-shadow: none;
	opacity: 0.5;
}
.modal-confirm .close:hover {
	opacity: 0.8;
}
.modal-confirm .icon-box {
	color: #fff;		
	width: 65px;
	height: 65px;
	display: inline-block;
	border-radius: 50%;
	z-index: 9;
	border: 5px solid #fff;
	padding: 15px;
	text-align: center;
}
.modal-confirm .icon-box i {
	font-size: 28px;
	margin: -2px 0 0 -2px;
}
.modal-confirm.modal-dialog {
	margin-top: 80px;
}

.icon-rec
{
  padding-top: 15px;
  font-size: 16px;
}
.icon-rec.strong
{
  font-weight: 600;
}

.btn {
  min-width: 180px !important;
}

.m-titulo
{
  padding-top: 10px;;
  font-size:x-large;
}
.m-conteudo {
  font-size: 14px !important;
  font-weight: 500 !important;
  padding-top: 10px;
}

.m-transparency {
  opacity: 50%;
}
.m-pad
{
  padding-top: 20px;
}

.row-token
{
  float: left;
}
.col-token {
  width: 15%;
  margin-right: 3%;
  margin-left: 2%;
  padding-left: 8px;
}

.col-ns
{
  padding-top: 8px;
  padding-left: 0px;
}

.fake-footer
{
  border-top:1px solid #ddd;
  padding-top: 20px;
}

.termo {
  width: 100% !important; 
  height: 300px !important; 
  overflow-y: scroll !important;
}

.detMessageError {
  visibility: hidden;
}

@media only screen and (min-width: 360px) and (max-width: 767px) { 


  .modal-tela {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    display: block;
    position: relative;
    height: 1000px !important;
  }

    h2.modal-title {
        font-size: 18px;
        font-weight: 400;
      }
    .circuit_left {
      position: absolute;
      left: 0;
      bottom: 0px;
      width:200px;
      opacity: 30%;
    }

    .circuit_right {
      position: absolute;
      right: 0;
      bottom: 0px;
      width:200px;
      opacity: 30%;
    }

    .logo_left {
      width: 40%;
      -o-object-fit: cover;
      object-fit: cover;
  }
  .btn-sm-espaco {
    margin-top: 10px;
  }
  .mobile-hide {
    display: none;
  }

  .modal-confirm.modal-dialog
  {
    width: 96% !important;
  }

  .termo {
    width: 100% !important; 
    height: 300px !important; 
    overflow-y: scroll !important;
  }

}