.sidebar {
    background: rgb(20,111,167);
    background: linear-gradient(200deg, rgba(20,111,167,1) 0%, rgba(20,111,167,1) 40%, rgba(0,74,119,1) 70%);
    margin-top: 0;
    padding-top: 25px;
    position: absolute;
    left: 0;
    width: 250px;
    height: 1127px;
    z-index: 1500;
    transition: 0.5s;
    transition-property: left!important;
}

.alert-green-Select-sistem {
    width: 500px;
}

.tamanho-panel-input-but-dlg-NP {
    width: 100%;
}

.dlg-novidade-prot {
    width: 1000px !important;
    height: 440px !important;
}

.ajust-text-sidebar1 {
    color: #ccc !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    word-break: break-word;
    font-size: 20px;

}
.ajust-text-sidebar2{
    color: #ccc!important;
    margin-top: 0!important;
    margin-bottom: 20px!important;
    word-break: break-word;
    font-size: 12px;

}


.sidebar a{
    color:#fff;
    display: block;
    width: 100%;
    line-height: 60px!important;
    text-decoration: none;
    padding-left: 40px!important;
    box-sizing: border-box;
    transition: 0.5s;
    transition-property: background;
    font-size: 15px;
}

.sidebar a:hover{
    background: #19b3d3;
}

.sidebar i{
    padding-right: 10px;

}


.position-compon-header-info-orgao {
    margin-top: 0px;
    width: 13%;
    margin-left: 76%;
    color: white;
}

.position-compon-header-info-usuario {
    margin-top: -78px;
    width: 60%;
    margin-left: 29%;
    color: white;
}

label #sidebar_btn {
    z-index: 1;
    color: #fff;
    position: absolute;
    cursor: pointer;
    left: 17px;
    font-size: 20px;
    margin: 5px 0;
    transition: 0.5s;
    transition-property: color!important;
    margin-top: -1%;
    margin-left: -3px;
}

label #sidebar_btn:hover{
    color:#19b3d3!important;
}

#check:checked ~ .sidebar{
    left: -200px!important;
}

#check:checked ~ .sidebar a span{
    display: none!important;
}

#check:checked ~ .sidebar a{
    font-size: 20px!important;
    margin-left: 170px!important;
    width: 80px!important;
}

#check{
    display: none;
}

#foot {
    z-index: 1000;
}

/*.ajust-content-sidebar{*/
/*    transition: 0.6s !important;*/
/*    margin-left: 250px;*/


/*}*/


#check:checked ~ .ajust-content-sidebar{
    margin-left: 60px!important;
}

.ajust-but1{
    font-size: 100px !important;
    background: #146fa7;
    margin-left: 10%;
    color: white!important;
}

.position-compon-header-info {
    margin-top: -41px;
}



.ajust-overlayPanel {
    z-index: 1011;
    margin-top: -133px!important;
    margin-left: 185px!important;
    background-color: #146fa7!important;
    /*width: 380px;*/
    top: 187.594px!important;
}

/*.ui-widget-content {*/
/*    background: none;*/
/*}*/


#overlayPanelAjust .ui-overlaypanel-content {
    background: rgb(20,111,167);
    background: linear-gradient(200deg, rgba(20,111,167,1) 0%, rgba(20,111,167,1) 40%, rgba(0,74,119,1) 70%);
    color: white!important;
    height: auto;
    z-index: 1011;

}


#overlayPanelAjust {
    padding: 0em !important;
    color: black;
}

@media (min-width: 1410px) and (max-width: 1778px)  {

    .ajust-overlayPanel{
        z-index: 1011;
        margin-top: -157px!important;
        margin-left: 2px!important;
        background: rgb(20,111,167);
        background: linear-gradient(200deg, rgba(20,111,167,1) 0%, rgba(20,111,167,1) 40%, rgba(0,74,119,1) 70%);
        /*width: 380px;*/
        top: 215px !important;
    }



    .position-compon-header-info-usuario {
        margin-top: -78px;
        width: 60%;
        margin-left: 26%;
        color: white;
    }

    .position-compon-header-info-orgao {
        margin-top: 0px;
        width: 13%;
        margin-left: 73%;
        color: white;
    }


}

@media (min-width: 1024px) and (max-width: 1409px) {

    .ajust-overlayPanel{
        z-index: 1011;
        margin-top: -157px!important;
        margin-left: 2px!important;
        background: rgb(20,111,167);
        background: linear-gradient(200deg, rgba(20,111,167,1) 0%, rgba(20,111,167,1) 40%, rgba(0,74,119,1) 70%);
        /*width: 380px;*/
        top: 215px !important;
    }

    .position-compon-header-info-orgao {
        margin-top: 0px;
        width: 13%;
        margin-left: 72%;
        color: white;
    }

    .position-compon-header-info-usuario {
        margin-top: -78px;
        width: 60%;
        margin-left: 25%;
        color: white;
    }


}

@media (min-width: 2555px) and (max-width: 2560px)  {

    .ajust-overlayPanel{
        margin-left: 434px!important;
    }

}


@media (min-width:769px ) and (max-width:  1290px)  {

    .logo-text-subtitulo {
        font-size: 14px !important;
    }


}

.acoes-justificativa-D {
    margin-left: 91px !important;
}


.acoes-justificativa-C{
    margin-left: 38% !important;
}


@media (min-width:1024px ) and (max-width:  1280px)  {

    .acoes-justificativa-C{
        margin-left: 31% !important;
    }

    .acoes-justificativa-D {
        margin-left: 28px !important;
    }

}

@media (min-width: 860px ) and (max-width: 1170px) {

    .ajust-but1 {
        font-size: 100px !important;
        margin-left: 10%;
        margin-top: 42px!important;
    }

    .position-compon-header-info-usuario {
        margin-left: 38%;
    }
    .position-compon-header-info-orgao {
        margin-left: 85%;
    }


}

/*#telas mobile*/

@media (min-width: 415px ) and (max-width: 859px) {
    .dlg-novidade-prot {
        width: 725px !important;
        height: 686px !important;
        margin-left: 3%;
    }

    .position-compon-header-info {
        margin-top: -12px;
        margin-right: -10px;
    }

    .position-compon-header-info-usuario {
        margin-top: -78px;
        width: 60%;
        margin-left: 38%;
        color: white;
    }

    .position-compon-header-info-orgao {
        margin-top: 0px;
        width: 13%;
        margin-left: 85%;
        color: white;
    }

    .ajust-overlayPanel {
        margin-top: -110px !important;
        margin-left: 445px !important;
        /*width: 380px;*/
        top: 187.594px !important;
    }


}
@media (min-width: 310px ) and (max-width: 730px) {
    .position-compon-header-info-usuario {
        color: #146fa7 !important;
    }

    .position-compon-header-info-orgao {
        color: #146fa7 !important;
    }
}



@media (min-width: 395px ) and (max-width: 730px) {

    .dlg-novidade-prot {
        width: 100% !important;
        height: 100% !important;
    }

    .alert-green-Select-sistem {
        width: 375px;
    }

    .logo {
        float: left;
        width: 45px !important;
        margin-top: 42px !important;
        margin-left: 8px !important;
        margin-right: 12px !important;
    }


    .header-div {
        margin-top: 45px !important;
        height: 180px !important;
    }

    .logo-text-subtitulo {
        font-size: 14px !important;
    }


    .position-compon-header-info {
        margin-top: -20px;
        margin-right: -11px;
    }

    .position-compon-header-info-usuario {
        margin-top: -166px;
        width: 60%;
        margin-left: 38%;
        color: white;
    }

    .position-compon-header-info-orgao {
        margin-top: 3px;
        width: 90PX;
        margin-left: 76%;
        color: white;
    }

    .logo-subtitulo {
        margin-left: 41px !important;
        text-align: left;
        top: 100px;
        margin-top: -14px !important;
    }

    .logo-text-subtitulo {
        display: none;
    }

    .logo-text-subtitulo1{
        display: flex !important;
    }


    .ajust-overlayPanel {
        z-index: 1011;
        margin-top: -96px !important;
        left: -164.1097px !important;
        background-color: #146fa7 !important;
        /*width: 380px;*/
        top: 187.594px !important;
    }


}

@media (min-width: 376px ) and (max-width: 394px) {

    /*#header*/
    .logo {
        float: left;
        width: 45px !important;
        margin-top: 42px !important;
        margin-left: 8px !important;
        margin-right: 12px !important;
    }


    .header-div {
        margin-top: 45px !important;
        height: 180px !important;
    }

    .logo-text-subtitulo {
        font-size: 14px !important;
    }


    .position-compon-header-info {
        margin-top: -20px;
        margin-right: -11px;
    }

    .position-compon-header-info-usuario {
        margin-top: -166px;
        width: 60%;
        margin-left: 38%;
        color: white;
    }

    .position-compon-header-info-orgao {
        margin-top: 3px;
        width: 90PX;
        margin-left: 76%;
        color: white;
    }

    .logo-subtitulo {
        margin-left: 41px !important;
        text-align: left;
        top: 100px;
        margin-top: -14px !important;
    }

    .logo-text-subtitulo {
        display: none;
    }

    .logo-text-subtitulo1{
        display: flex !important;
    }


    .ajust-overlayPanel {
        z-index: 1011;
        margin-top: -96px !important;
        left: -170.1097px !important;
        background-color: #146fa7 !important;
        /*width: 355px;*/
        top: 187.594px !important;
    }
    /*#header*/





    .alert-green-Select-sistem {
        width: 335px;
    }

    .dlg-novidade-prot {
        width: 100% !important;
        height: 100% !important;
    }


}


@media (min-width: 361px ) and (max-width: 375px) {


    /*#header*/
    .logo {
        float: left;
        width: 45px !important;
        margin-top: 42px !important;
        margin-left: 8px !important;
        margin-right: 12px !important;
    }


    .header-div {
        margin-top: 45px !important;
        height: 180px !important;
    }

    .logo-text-subtitulo {
        font-size: 14px !important;
    }


    .position-compon-header-info {
        margin-top: -20px;
        margin-right: -11px;
    }

    .position-compon-header-info-usuario {
        margin-top: -166px;
        width: 60%;
        margin-left: 38%;
        color: white;
    }

    .position-compon-header-info-orgao {
        margin-top: 3px;
        width: 90PX;
        margin-left: 76%;
        color: white;
    }


    .logo-subtitulo {
        margin-left: 41px !important;
        text-align: left;
        top: 100px;
        margin-top: -14px !important;
    }

    .logo-text-subtitulo {
        display: none;
    }

    .logo-text-subtitulo1{
        display: flex !important;
    }


    .ajust-overlayPanel {
        z-index: 1011;
        margin-top: -96px !important;
        left: -179.1097px !important;
        background-color: #146fa7 !important;
        /*width: 362px;*/
        top: 187.594px !important;
    }
    /*#header*/









    .alert-green-Select-sistem {
        width: 335px;
    }

    .dlg-novidade-prot {
        width: 100% !important;
        height: 100% !important;
    }

}

@media (min-width: 321px ) and (max-width: 360px) {


    /*#header*/
    .logo {
        float: left;
        width: 45px !important;
        margin-top: 42px !important;
        margin-left: 8px !important;
        margin-right: 12px !important;
    }


    .header-div {
        margin-top: 45px !important;
        height: 180px !important;
    }

    .logo-text-subtitulo {
        font-size: 14px !important;
    }


    .position-compon-header-info {
        margin-top: -20px;
        margin-right: -11px;
    }

    .position-compon-header-info-usuario {
        margin-top: -166px;
        width: 60%;
        margin-left: 38%;
        color: white;
    }

    .position-compon-header-info-orgao {
        margin-top: 3px;
        width: 90PX;
        margin-left: 76%;
        color: white;
    }

    .logo-subtitulo {
        margin-left: 41px !important;
        text-align: left;
        top: 100px;
        margin-top: -14px !important;
    }

    .logo-text-subtitulo {
        display: none;
    }

    .logo-text-subtitulo1{
        display: flex !important;
    }


    .ajust-overlayPanel {
        z-index: 1011;
        margin-top: -96px !important;
        left: -179.1097px !important;
        background-color: #146fa7 !important;
        /*width: 346px;*/
        top: 187.594px !important;
    }
    /*#header*/
















    .alert-green-Select-sistem {
        width: 335px;
    }

    .dlg-novidade-prot {
        width: 100% !important;
        height: 100% !important;
    }

    .button-fechar-dlg-NP{
        margin-top: 6px!important;
    }


}

@media (min-width: 300px ) and (max-width: 320px) {

    .alert-green-Select-sistem {
        width: 328px;
    }

    .dlg-novidade-prot {
        width: 100% !important;
        height: 100% !important;
        overflow: auto;
    }

    .button-fechar-dlg-NP{
        margin-top: 6px!important;
    }





}