/*
* Theme: Dashboard SUA EMPRESA
* Author: BC
* File: Main Css File 2
*/
/*
1. Top acima do menu
*/



.topbar-img {
  background-image: url("/assets/images/new/topbar-img.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
 
  -webkit-box-shadow: inset 0 0 0 2000px rgba(31, 35, 60, 0.8);
          box-shadow: inset 0 0 0 2000px rgba(31, 35, 60, 0.8);
}

.page-ath-gfx{
    background:#00094c no-repeat;
    background-size:cover;
    background-position:50% 50%;
    display:none;
    overflow: hidden;
    
}

.img-div {
   background:url(../images/ath-gfb.png) #00094c no-repeat;
   background-size:cover;
   background-position:50% 50%;
   display:block;
   overflow: hidden;

   
}

.img-recovery{
    background:url(../images/bg-recovery.png) #00094c no-repeat;
   background-size:cover;
   background-position:50% 50%;
   display:block;
   overflow: hidden;
}

.img-join{
   background:url(../images/bg-join.png) #00094c no-repeat;
   background-size:cover;
   background-position:50% 50%;
   display:block;
   overflow: hidden;
}

.img-loginadmin{
   background:url(../images/bg-loginadmin.png) #00094c no-repeat;
   background-size:cover;
   background-position:50% 50%;
   display:block;
   overflow: hidden;
}

.img-login{
  background:url(../images/bg-login.png) #00094c no-repeat;
  background-size:cover;
  background-position:50% 50%;
  display:block;
  overflow: hidden;
}

.bg-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; /*apenas um -1 é necessário quando se trabalha com relative + absolute, sendo pai e filho*/
    width: 100%;
    height: 100%;
    overflow: hidden; /* evita do video passar a altura desejada do .wrap */
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track - cor do fundo*/
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle - cor da barra */
::-webkit-scrollbar-thumb {
  background: #6db2b8; 
}

/* Handle on hover - quando o mouse passar em cima*/
::-webkit-scrollbar-thumb:hover {
  background: #65638a; 
}

.page-ath-form, .page-ath-header, .page-ath-footer, .page-ath-text {
    width: 100% !important;
    padding: 5 60px !important
}



@media (min-width:576px){
    .page-header{padding:15px 0 45px}
    .page-header-kyc 
    .page-title{font-weight:300;margin-bottom:12px}
    .page-header-kyc p{font-size:1.2em}
    .page-title{font-size:2.57em}
    .page-ath-heading{padding-bottom:23px;font-size:2.8em}
    .page-ath-heading small{font-size:.46em}
    .page-ath-heading span{font-size:.41em}
    
    
}
@media (min-width:768px){
    .page-ath-content{width:50%}
    .page-ath-gfx{width:50%;display:flex;align-items:center}
    
    
}
@media (min-width:992px){
    .page-header{padding:15px 0 60px}
    
    
}
@media (min-width:1200px){
    .page-ath-content{width:38%}
    .page-ath-gfx{width:62%}
   
    
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}