/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24/06/2022, 09:36:45
    Author     : diogenes.francisco
*/

body {
    padding: 0;
    margin-bottom: 0;
    height: 100vh;
}

.top-bar {
    color: #FFF;
    background: rgb(46,66,100);
    background: linear-gradient(264deg, #002420
 30%, #FFFFFF 90%);
}

.p-menu-dash {
    background: #002420
;
    min-height: 100vh;
}

.strong-menu-operacao {
    display: contents;
}

.strong-menu-operacao a {
    font-weight: bold;
    color: #D2AE6D;
}

.no-padding {
    padding: 0!important;
}

.container-avatar-user {
    padding: 20px 40px;
    border-bottom: solid #00665a
 1px;
    margin-bottom: 10px;
}

.container-avatar-user .avatar-user {
    color: #FFF;
    height: 70px;
    width: 70px;
    margin: auto;
    background: #002420
;
    border-radius: 50%;
    margin-bottom: 20px;
    box-shadow: 0 0 0 0.3em #d2ae6d;
    position: relative;
}

.container-avatar-user .avatar-user label {
    font-family: monospace;
    font-size: 56px;
    position: absolute;
    top: 4%;
    left: 27%;
    /*    top: 8px;
        left: 17.5px;*/
}

.container-avatar-user .avatar-user {

}

.container-avatar-user .dados-usuario {
    color: #FFF;
    text-align: center;
    display: grid;

}

.container-avatar-user .dados-usuario label {
    display: inline-block;
}

body .transparent-dialog .ui-dialog-content   {
    background: transparent;
}

/* DROP MENU */
#check, #icone-menu{
    display: none;
}

#icone-menu {
    color: #002420
;
}

.top-bar {
    height: 53px;
    position: relative;
}

.top-bar .logo-link {
    position: absolute;
    top: 4px;
    left: 0;
}

.top-bar .logo-link img {
    width: 115px;
}

.top-bar .ui-menubutton .ui-button {
    background: #002420
;
    border: 1px solid #002420
;
}

body .top-bar .ui-menubutton .ui-button.ui-state-hover {
    background: rgba(50,50,50, .7);
}

.panel-bemvindo {
    background: #f8f9fa;
    width: 100%;
    border: 1px solid #dee2e6;
    color: #495057;
    padding: 20px;

}

.panel-bemvindo .principal {
}
.panel-bemvindo .principal  h1 {
    margin: 0;
    text-align: center;
    font-weight: 400;
}

.container-cards {
    margin-top: 2em;
    margin-left: 0;
}

.panel-bemvindo .secundario {
}
.panel-bemvindo .secundario h2 {
    font-weight: 300;
    margin: 0;
    text-align: center;
}

#tag-backmenu {
    background: transparent;
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 1;
    display: none;
}


@media(max-width: 1300px) {
    #icone-menu {
        display: block;
        position: absolute;
        padding: 11px;
        color: #002420
;
        z-index: 2;
        cursor: pointer;
    }

    #icone-menu:hover {
        background-color: rgba(50,50,50, .7);
    }

    #check:checked ~ #icone-menu {
        color: #FFF;
    }

    #check:checked ~ .p-menu-dash{
        z-index: 1;
        transform: translateX(350px);

    }
    
    #check:checked ~ #tag-backmenu {
        display: block;
    }

    .p-menu-dash {
        position: absolute;
        left: -350px;
        transition: all .2s linear;
    }

    .top-bar .logo-link {
        position: absolute;
        top: 4px;
        left: 52px;
    }

}
.column-size-w80px-center {
    width: 80px;
    text-align: center;
}
.column-size-w90px {
    width: 90px;
}

.column-size-w110px-center {
    width: 110px;
    text-align: center;
}

.column-size-w150px {
    width: 150px;
}

.column-size-w150px-right {
    width: 150px;
    text-align: right; 
    padding-right: 5px;
}

.column-size-w150px-center {
    width: 150px;
    text-align: center;
}

.column-size-w250px {
    width: 250px;
}

.column-size-w25px-center{
    width: 25px;
    text-align: center;
}