html {
    margin: 0px;
    scroll-behavior: smooth;
} 
body
{
    margin: 0px;
} 
.header
{
    width: 100%;
}
.header_faixa_grande
{
    margin-top:-10px;
    width: 100%;
    height: 5px;
    background-color: #002C61;
}
.texto_esquerda {
    margin-top: 5px;
    margin-left: 10px;
    float: left;
}

.menu {
    width: 300px !important;
    transition: 0.2s;
    left: 0;
    display: block;
    z-index: 999;
    float: left;
    border-right: solid 3px #002C61;
    border-bottom: solid 5px #002C61;
}

.conteudo {
    width: calc(98% - 290px);
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    float: right;
}

.mensagem{
    height: 400px;
    width: 100%;
    /*    margin-top: 200px; */
    text-align: center;
}
.RadCalendarPopup
{
     z-index: 9900  !important;
}
.RadCalendarFastNavPopup
{
     z-index: 9905 !important;
}
.rddlSlide
{
     z-index: 9900  !important;
}
.rcbSlide
{
     z-index: 9900  !important;
}
.k-switch {
    display: inline-flex !important;
    text-align: left !important;
}
/*html:first-child .RadWindow ul {
    float: left !important;
}*/


.backgroundBlue {
    background: linear-gradient( 45deg, rgba(0, 42, 90), rgb(16, 58, 107, 0.95), rgb(38, 79, 122, 0.8), rgb(107, 142, 179, 0.8), rgba(255, 255, 255, 0.8), rgb(255, 255, 255), rgba(255, 255, 255, 0.8), rgb(107, 142, 179, 0.8), rgba(38, 78, 122, 0.8), rgba(16, 58, 107, 0.95), rgba(0, 42, 90) );
    height: 45px;
    width: 100%;
}

.backgroundYellow {
    background: linear-gradient( 45deg, rgb(182, 140, 14), rgb(218, 165, 15), rgb(228, 170, 15), rgb(238, 175, 15, 0.8), rgba(255, 255, 255, 0.8), rgb(255, 255, 255), rgba(255, 255, 255, 0.8), rgb(238, 175, 15, 0.8), rgb(228, 170, 15), rgb(218, 165, 15), rgb(182, 140, 14) );
    height: 45px;
    width: 100%;
}

.backgroundGreen {
    background: linear-gradient( 45deg, rgb(6, 66, 0), rgb(8, 90, 0, 0.95), rgb(9, 112, 0, 0.8), rgb(11, 138, 0, 0.5), rgb(255, 255, 255), rgb(255, 255, 255), rgba(255, 255, 255, 0.836), rgb(11, 138, 0, 0.5), rgb(9, 112, 0, 0.8), rgb(8, 90, 0.95), rgb(6, 66, 0) );
    height: 45px;
    width: 100%;
}

.backgroundRed {
    background: linear-gradient( 45deg, rgb(90, 0, 0), rgba(163, 54, 54), rgba(172, 59, 59, 0.8), rgba(179, 107, 107, 0.8), rgba(255, 255, 255, 0.8), rgb(255, 255, 255), rgba(255, 255, 255, 0.8), rgba(179, 107, 107, 0.8), rgba(172, 59, 59, 0.8), rgba(163, 54, 54), rgb(90, 0, 0) );
    height: 45px;
    width: 100%;
}

.backgroundBlueReverse {
    background-color: white;
    background-image: linear-gradient(to left, white, rgba(30,47,137,0.4),rgba(30,47,137,1));
}

.backgroundYellowReverse {
    background-color: white;
    background-image: linear-gradient( to left, white, rgb(182, 140, 14), rgb(228, 170, 15));
}

.backgroundGreenReverse {
    background-color: white;
    background-image: linear-gradient(to left, white, rgba(0,40,0,0.4),rgba(0,40,0,1));
}

.backgroundRedReverse {
    background-color: white;
    background-image: linear-gradient(to left, white, rgba(70,0,0,0.4),rgba(70,0,0,1));
}

.logo {
    background-image: url('./../Images/LogoMenu.png');
    background-repeat: no-repeat;
    margin-left: 110%;
    height: 80px;
    width: 100%;
    margin-top: 2px;
}

/*NOVAS ATTS*/
.btn_menu {
    float: left;
    color: white;
    font: 1px;
    background-color: rgba(255, 255, 255, 0);
    width: 45px;
    height: 45px;
    border: none;
    margin-top: 0px;
    border-radius: 2px;
    font-size: 25px !important;
    cursor: pointer;
}

.btn_menu:hover {
    background-color: rgb(177, 177, 177);
}

.btn_home {
    float: left;
    text-align: center;
    font-size: 30px;
    color: rgb(255, 255, 255);
    height: 45px;
    width: 45px;
    margin-left: 5px;
    border: none;
    background-color: rgba(0, 42, 90, 0);
    cursor: pointer;
}

.btn_home:hover {
    background-color: rgb(177, 177, 177);
    border-radius: 4px;
}

.btn_inf {
    display: flex;
    justify-content:space-evenly;
    float: right;
    margin-top: 0px;
    color: white;
    height: 45px;
    width: 260px;
    border: none;
    background-color: rgba(0, 42, 90, 0);
    cursor: pointer;
}

.btn_inf:hover {
    background-color: rgb(177, 177, 177);
    border-radius: 4px;
}

#lTitulo{
    margin-top: 13px;
}

.iInf {
    margin: 5px 0 20px 0;
}

.inf {
    float: right;
    padding: 5px;
    background-color: rgb(0, 42, 90);
    color: rgb(255, 255, 255);
    font-size: 12px;
    text-align: left;
    font-size: 15px;
    margin-top: 50px;
    margin-right: -260px;
    width: 250px;
    z-index: auto;
    position: relative;
    display: none;
}

.pinf {
    margin: 5px;
}


.trocarSenha {
    width: 250px;
    display: flex;
    color: white;
    font-size: 13px;
    background-color: rgb(0, 42, 90);
    border: none;
    padding: 15px;
    margin: 0;
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    margin-top: 3px;
}
.trocarSenha i {
    margin-right: 25px;
}

.trocarSenha:hover {
    background-color: rgb(88, 88, 88);
    border-radius: 5px;
}

.sair {
    width: 250px;
    display: flex;
    color: white;
    font-size: 13px;
    background-color: rgb(0, 42, 90);
    border: none;
    padding: 15px;
    margin: 0;
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
}
    .sair i {
        margin-right: 10px;
    }

.sair:hover {
    background-color: rgb(88, 88, 88);
    border-radius: 5px;
}

.btn_fechar {
    width: 20px;
    height: 20px;
    float: right;
    background-color: #10101000;
    color: white;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.btn_fechar:hover {
    background-color: rgb(177, 177, 177);
}

.headerGrid {
    background-color: #002C61 !important;
    color: white !important;
}

.btnAvanca {
    appearance: none;
    background-color: #2ea44f !important;
    border: 1px solid rgba(27, 31, 35, .15);
    border-radius: 6px;
    box-shadow: rgba(27, 31, 35, .1) 0 1px 0;
    box-sizing: border-box;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 6px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
}

.btnVolta {
    appearance: none;
    background-color: #A72D2D !important;
    border: 1px solid rgba(27, 31, 35, 0.15);
    border-radius: 6px;
    box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
    box-sizing: border-box;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    list-style: none;
    padding: 6px 16px;
    position: relative;
    transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    word-wrap: break-word;
}

    .btnVolta .rbDecorated, .btnAvanca .rbDecorated {
        color: #fff !important;
        font-weight: normal !important;
    }

.btnAtencao {
    appearance: none;
    background-color: #ffa500 !important;
    border: 1px solid rgba(27, 31, 35, .15);
    border-radius: 6px;
    box-shadow: rgba(27, 31, 35, .1) 0 1px 0;
    box-sizing: border-box;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 6px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
}


.RadGrid_Bootstrap .rgCommandCell {
    background-color: #002C61 !important;
    border-color: white !important;
}

    .RadGrid_Bootstrap .rgCommandCell a {
        color: white !important;
    }

.RadButton_Bootstrap .k-switch-container {
    box-shadow: inset 0 0 0 1px #002C61 !important;
}

.RadButton_Bootstrap.k-switch-off .k-switch-handle {
    border-color: #002C61 !important;
}

.RadButton_Bootstrap.k-switch-on .k-switch-handle {
    border-color: #002C61 !important;
}

.RadButton_Bootstrap.k-switch-on .k-switch-container {
    background-color: #002C61 !important;
}

.RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
    background-color: #002C61 !important;
}

.RadButton_WebBlue .k-switch-container {
    box-shadow: inset 0 0 0 1px #002C61 !important;
}

.RadButton_WebBlue.k-switch-off .k-switch-handle {
    border-color: #002C61 !important;
}

.RadButton_WebBlue.k-switch-on .k-switch-handle {
    border-color: #002C61 !important;
}

.RadButton_WebBlue.k-switch-on .k-switch-container {
    background-color: #002C61 !important;
}

.RadGrid_WebBlue .rgPagerCell .rgNumPart a.rgCurrentPage {
    background-color: #002C61 !important;
}

#icon_sair{
    float:left;
    margin-top:5px;
}

#icon_trocar_senha {
    float: left;
    margin-top: 5px;
}

#faixaVertical {
    

}
#icon_user {
    margin-right: 15px;
}

.divLinhaBranca {
    margin-left: -5px;
    width: 260px;
    height: 3px;
    background-color: white;
}
/*Cores do Menu Lateral*/

.rpLink.rpSelected {
    border-color: rgb(0, 42, 90) !important;
    background-color: rgb(0, 42, 90) !important;
    color: white !important;
}
     
.RadPanelBar_MetroTouch .rpExpandHandle {
    border-color: white !important;
}

.RadPanelBar .rpItem {
    font-weight: bold !important;
}

.RadPanelBar_Bootstrap .rpGroup .rpItem .rpLink:hover, .RadPanelBar_Bootstrap .rpGroup .rpItem .rpHeaderTemplate:hover {
    background-color: rgb(0, 42, 90) !important;
    color: white !important;
}
.RadPanelBar_MetroTouch .rpGroup .rpLink.rpHovered {
    border-color: rgb(0, 42, 90) !important;
    background-color: rgb(0, 42, 90) !important;
    color: white !important;
}