#header {
    height: 120px;
    background-color: white;
}


#main {
    margin-top: 25px;
}


#top-header {
    background-image: url("../css/topo-fundo.png");
    height: 80px;
}

#menu-header {
    background-image: url("../css/menu-bar.png");
    height: 40px;
    border-top: 1px solid #C3C3C3;
    border-left: 1px solid #C3C3C3;
    border-right: 1px solid #C3C3C3;
    border-radius: 3px;
}

.header-inner {
    padding: 0px;
}

.header-container {
    background-color: white;
}

.header-inner {
    background-color: white;
}

#logo-header {
    padding-top: 10px;
}

#logo-image {
    height: 60px;
    width: 90px;
}

.client-header {
    float: left;
    width: 40%;
    height: 45px;
    padding: 2px 5px;
    margin: 5px 0 0 40px;
    background: #f8f8f8;
    border: 1px dotted #e4e4e4;
}

.user-header {
    float: right;
    width: 18%;
    height: 59px;
    padding: 2px 5px;
    margin: 5px 0 0 40px;
    background: #f8f8f8;
    border: 1px dotted #e4e4e4;
    padding-top: 11px;
}

.header-name {
    /* font: bold 10pt Arial, Helvetica, sans-serif; */
    color: #2e2e2e;
}

#system-name {
    margin-top: -2px;
    display: block;
    font: 10pt Arial, Helvetica, sans-serif;
    color: #2e2e2e;
}

#user-name {
}


.home {
    float: right;
    background-color: #3a10a1;
    padding: 1px;
    border: 1px;
    border-radius: 3px;
}

.sign-out {
    float: right;
    background-color: #8C2020;
    padding: 1px;
    border: 1px;
    border-radius: 3px;
}


.theme-footer {
    background: url(app/css/rodape-fundo.png) repeat-x;
}

.menu-ul {
    list-style: none;
    width: 100%;
    height: 100%;
    padding: 0px;
}

    .menu-ul li {
        padding-right: 0.8%;
    padding-left: 0.8%;
    }

.menu-li {
    display: inline-block;
    /* display: inline-block; */
    height: 100%;
    cursor: pointer;
    min-width: 65px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: #51525B;
    height: 36px;
    vertical-align: middle;
}

.menu-li-border {
    border-right: solid 1px #D9D9D9 !important;
}

.menu-li:hover {
    background-color: #B2C1CC;
}

    .menu-li:hover > div.sub-menu {
        display: block !important;
    }

.menu-div {
    float: none;
    padding-left: 7px !important;
    padding-right: 24px !important;
    margin-top: 12px;
}

    .menu-div img {
        float: right;
        margin-top: 5px;
    }


.sub-menu ul {
    width: 95%;
    margin-top: 7px;
    background-color: white;
    border: 1px solid black;
    list-style: none;
    text-align: left;
    padding: 0px;
}

    .sub-menu ul li {
        padding: 3px 8px 3px 5px;
    }

.sub-menu:hover {
    display: block;
}

.sub-menu ul li:hover {
    background-color: #B2C1CC;
}


.sub-menu-li:hover > div.sub-menu-1 {
    display: block !important;
}

.sub-menu-1:hover {
    display: block;
}

.sub-menu-1 {
    height: 22px;
    margin-left: 101%;
    margin-right: -100%;
    margin-top: -28px;
}

.sub-cursor {
    margin-top: -1px;
    margin-right: 3px;
}

.sub-menu-li {
    height: 26px !important;
    /*padding-bottom:20px !important;*/
}

.menu-ul a {
    color: #000;
}

    .menu-ul a:hover, .menu-li a:focus {
        color: #000;
    }

body {
    font-family: Arial, Helvetica, sans-serif;
}

.data-doc {
    Width: 31% !important;
}

.sweet-alert .btn-default:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #2196F3;
}

.sweet-alert .btn-warning:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(33, 150, 243);
}

.contrato-status-ativo span {
    color: blue !important
}

.contrato-status-execucao span {
    color: green !important
}

.contrato-status-suspenso span {
    color: red !important
}


@media (min-width: 992px) {
    .modal-xl {
        width: 95%;
    }
}