/*##################################################MEDIA-QUERIES####################################################*/

/*Extra small devices (smart phones, less than 34em)*/
@media (max-width: 20em) { 


}

@media (min-width: 22em) and (max-width: 26em){
	
	
}

/*Celular Portrait*/
@media (max-width: 30em){

    .modal-dialog {
        max-width: 100% !important;
    }

    .select-cliente, .select-pasta, .select-user, .texto-email {
        width: 100%;
    }

    .remove-btn {
        margin: 0px 0px 0px 10px;
    }

    .inputfile + label {
        width: 87%;

    }

    .vigencia-cliente{
        text-align: center;
    }

    .vigencia-cliente input{
        display: block !important;
        width: 50% !important;
        margin: auto;
    }

    .vigencia-cliente input:first-child{
        margin: 10px auto;
    }

    .bloqueio-automatico{
        position: relative;
        left: 50%;
        transform: translate(-50%);
        display: inline-block;
        margin-top: 15px;

    }

    

}

/*Celular*/
@media (max-width: 47em){
    /*CONFIGURAÇÕES*/
    .config-seta{
        display: block;
        margin: auto;
        transform: rotate(90deg);
        margin: 20px auto;
        top: 0px;
    }

    .config-categoria{
        display: block;
        margin: auto;
    }
    
    .sub-show{
        display: block;
        margin: auto;
    }
    .inclui-sub{
        text-align: center;
    }

    .config-pastas h4{
        text-align: center;
    }

    .email-padrao{
        text-align: center;
    }
    .email-padrao input{
        width: 100%;
    }
   
    .novo-user-ativo{
        display: block;
    margin-bottom: 20px;
    }

    .nome-novo-user, .email-novo-user {
        margin-right: 0px;
        margin: auto;
    }

    .nome-novo-user, .email-novo-user, .senha-novo-user{
        margin-bottom: 20px;
    } 

    .novo-user-ativo{
        top: 0px;
    }    

    ::-webkit-scrollbar {
        width: 3px;
        height: 3px;
    }

    #novos-users-bssa h4{
        text-align: center;
    }

    .novo-user{
        padding-top: 20px;
    }

    .btn-cadastrar{
        text-align: center;
        margin: auto;
        margin-top: 60px;
    }

    .texto-financeiro textarea, .texto-operacional textarea, .texto-comercial textarea, .texto-certificado textarea{
        width: 100%;
    }
    .novo-doc-container {
        width: 100%;
    }

    .login--form {
        width: 90%;
        top: 40%;
    }

    .box{
        margin-bottom: 10px;
        display: block;
        width: 100%;
        }
        
    .select-do-cliente, .cliente-selecionado{
        margin-bottom: 10px;
    }

    #novos-users-cliente{
        margin-top: 30px;
    }

    .dataTables_filter {
        float: none !important;
        left: 50%;
        transform: translate(-50%);
    }    

    
}

/*Celular e tablet*/
@media (max-width: 60.9em) {
    header{
        position: relative;
    }

    .logo-topo img{
        display: block;
        margin: auto;
    }

    .row{
        margin: 0px !important;
    }
    .def-container{
        padding: 50px 0px;
        width: 100% !important;
    }
    .sidenav{
        width: 0px;
        top: 0 !important;
    }
    .hide{
        width: 250px;
        overflow-y: auto;
    }

    .hide .icon-btn{
        transform: rotate(180deg);
        right: -15px;
    }

    .icon-btn{
        transform: rotate(0deg);
        right: -30px;
    }

    .sidenav ul{
        left: -250px;
    }

    .hide ul{
        left: 0px;
    }

    .icon-btn{
        position: fixed;
        left: 0px;
        top: 110px;
    }

    .hide-btn{
        top: 110px;
        left: 225px;
        transform: rotate(180deg);
        position: fixed;
          
    }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{
        width: 100% !important;
        max-width: 100% !important;
        flex: 100% !important;
}

    .def-container{
        top: 0px;
    }

    .icons-topo {
        margin: 20px 0;
        justify-content: center;
    }

    .novo-user{
        text-align: center;
    }

    .dataTables_wrapper .dataTables_paginate {
        text-align: center;
        padding-bottom: 10px;
        margin-right: 0px;
    }
    
}


/*small laptops */
@media (min-width: 61.9em) and (max-width: 74.9em) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{
        width: 100%;
    max-width: 100%;
    flex: 100;

    }
}


@media (max-width: 74.9em) {
    .email-nav{
        width: 0px;
        overflow: hidden;
        position: absolute;
        z-index: 99;
        height: 100%;
    }

    .email-content{
        width: 100%;
    }

    .btn-show{
        display: block;
    }
}


/*Laptops*/
@media (min-width: 74.9em) and (max-width: 99em){


}

/*Desktop*/
@media (min-width: 100em){

}



/*Large Desktop*/
@media(min-width:120em){


}




/*##################################################/MEDIA-QUERIES####################################################*/

/*Hack Chrome*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
  
}