/*Estilização Geral do Site*/

.fit_table{
    white-space: nowrap; 
    width: 1%;
}

.inline-td {
    display: flex;
}

.acoes-td {
    display: block;
    width: 80px;
}
 
 
#sidebar.active {
    margin-left: -250px;
}

.sidenav{
    height: 100%;
    
    background-color: #224abe;
}

/*|--------------------------Os exemplos abaixo são coisas de CSS que eu fiz no serviço e já tem @mediaqueries para se
guiar durante a execução do nosso projeto (MOBILE)----------------------------------------------------------------|*/
/*#popup-modal #msg-error{
    color: #ff4392 !important;
}
#popup-modal .ajaxform{
    position: fixed;
    transform: translate();
    top:295px;
    left:540px;
    -webkit-transform: translate(-488px,-88px) scale(0.9,0.9);
    -moz-transform: translate(-485px,-85px) scale(0.9,0.9);
}
#popup-modal .stage-container{
    overflow-x: hidden;
}
#popup-modal .btn{
    max-width: 220px;
    margin: auto;
    transform: skew(-25deg);
    box-shadow: 4px 4px black;
    height: 30px;
}
#popup-modal .btn span {
    transform: skew(25deg);
    position: absolute;
    left: 0;
    right: 0;
    top: 7px;
}
    @media (max-width: 850px) {
        #popup-modal .popup .modal-dialog {
            width: auto;
            max-width: 80%;
            margin-left: auto;
            margin-right: auto;
        }
    }
    @media (max-width: 767px) {
        #popup-modal .modal-dialog, .modal-body{
            padding: 0;
            max-width: 260px;
            margin:auto;
            position: relative;
            min-height: 300px;
            top: 15%;
            left: 0%;
            height: auto;
            -webkit-transform: translate(4.5px,-4px);
            -moz-transform: translate(4.5px,-4px);
        }
    }
    @media (max-width: 399px) and (min-width: 280px) {
        #popup-modal .modal-dialog, .modal-body{
            padding: 0;
            max-width: 260px;
            margin:auto;
            position: relative;
            min-height: 300px;
            top: 15%;
            left: 0%;
            height: auto;
            -webkit-transform: translate(5px,-5px)
            -moz-transform: translate(5px,-5px);
        }
    }
    @media (max-width: 767px) {
        #popup-modal .close-popup {
            position: relative;
            top: -7px;
            left: 378.5px;
            -webkit-transform: translate(-134.5px,-4px) scale(0.7,0.7);
            -moz-transform: translate(-134.5px,-4px) scale(0.7,0.7);
        }
    }

    @media (max-width: 399px) and (min-width: 280px) {
        #popup-modal .close-popup {
            position: relative;
            top: -8px;
            left: 244px;
            font-size: 14px;
            -webkit-transform: translate(0px,-1px);
            -moz-transform: translate(0px,-1px);
        }
    }*/