/* Minification failed. Returning unminified contents.
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
:root {
    /* main colors */
    --color-background-dark: #091B2E;
    --color-background-medium: #122337;
    --color-detail: #c9d100;
}

body {
    background: #091B2E;
    color: #efefef;
}

.header-container, .footer-container, .main aside {
    background: #122337;
}

div.InfoPanel {
    background: #122337;
}

div.InfoPanel div.PanelTitle {
    background: #C9D100;
    color: #283D54;
}

nav a {
    background: #122337;
}

nav a:hover {
    background: #091B2E;
}

input, textarea, select {
    background: #283D54;
}


ul.subMenu li a {
    background: rgba(18, 35, 55, 0.9);
    border-right: solid 4px #091B2E;
}

ul.subMenu2 li a {
    background: rgba(18, 35, 55, 0.9);
    border-right: solid 4px #091B2E;
}

ul.subMenu li a:hover {
    background: rgba(201, 209, 0, 0.95);
    border-right: solid 4px #C9D100;
    color: #122337;
}

nav ul li ul li div {
    background: rgba(18, 35, 55, 0.9);
    border-right: solid 4px #091B2E;
}

.main article {
    background: rgba(18, 35, 55, 0.1);
}

.quick-access {
    border-right: 2px solid #283D54;
}

#progress-week {
    color: #C9D100;
}

.simpleGrid {
    color: #fff;
}


    .simpleGrid thead {
        color: #fff;
        background: #283D54;
    }

    .simpleGrid tfoot {
        color: #fff;
        background: #283D54;
    }

    .simpleGrid thead th a {
        color: #fff;
    }

.simpleGridSmall {
    color: #fff;
}


    .simpleGridSmall thead {
        color: #fff;
        background: #283D54;
    }


        .simpleGridSmall thead th a {
            color: #fff;
        }

    .simpleGridSmall tfoot {
        color: #fff;
        background: #283D54;
    }


.simpleGridHover {
    color: #fff;
    background-color: #012849;
}

.simpleGridSelect {
    background-color: #C9D100;
    color: #283D54;
}

    .simpleGridSelect button {
        background-color: #C9D100;
    }

.footerButtons {
    background: #283D54;
}


.simpleGridFooter td.footerSeparator {
    border-left: 1px solid #091B2E;
}

.footerButtons:hover {
    border: solid 1px #091B2E;
}

.bodyButtons {
    background: #091B2E;
}

    .bodyButtons:hover {
        border: solid 1px #122337;
    }


.btnNext {
    background-position: 0px 1px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnPrior {
    background-position: -16px 1px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnLast {
    background-position: -32px 1px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnFirst {
    background-position: -49px 1px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnRefresh {
    background-position: -63px 1px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnEdit {
    background-position: -80px 1px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnSee {
    background-position: -186px 0;
    background-image: url(../images/grid_ui_icons.png);
}

.btnDelete {
    background-position: -94px 1px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnConfirm {
    background-position: -109px 1px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnCancel {
    background-position: -124px 1px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnGo {
    background-position: -138px 1px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnNextDisable {
    background-position: 0px -17px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnPriorDisable {
    background-position: -16px -17px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnLastDisable {
    background-position: -32px -17px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnFirstDisable {
    background-position: -49px -17px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnRefreshDisable {
    background-position: -63px -17px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnEditDisable {
    background-position: -80px -17px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnSeeDisable {
    background-position: -80px -17px;
    background-image: url(../images/testito.png);
}

.btnDeleteDisable {
    background-position: -94px -17px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnConfirmDisable {
    background-position: -109px -17px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnCancelDisable {
    background-position: -124px -17px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnGoDisable {
    background-position: -138px -17px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnVenda {
    background-position: -152px 1px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnVendaDisable {
    background-position: -152px -17px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnContextMenu {
    background-position: -166px 1px;
    background-image: url(../images/grid_ui_icons.png);
}

.btnContextMenuDisable {
    background-position: -166px -17px;
    background-image: url(../images/grid_ui_icons.png);
}

.SimpleGrid-File {
    background-color: #fddd00;
    color: #222;
}

    .SimpleGrid-File a {
        color: #222;
    }

#simple-tab .tabs .lava {
    background: #283D54;
}

#simple-tab .content {
    background: #12233733;
}

#simple-tab-avaliacao .tabs .lava {
    background: #283D54;
}

#simple-tab-avaliacao .content {
    background: rgba(18, 35, 55, 0.2);
}

#simple-tab-emoji .tabs .lava {
    background: #283D54;
}

#simple-tab-emoji .content {
    background: rgba(18, 35, 55, 0.2);
}

.CoolCheckBox+label:hover {
    border: 1px solid #C9D100;
}

.CoolCheckBox:checked+label {
    color: #283D54;
}

.CoolCheckBox:checked+label:after {
    color: #C9D100;
}

::-moz-selection {
    background: #C9D100;
}

::selection {
    background: #C9D100;
}

.chromeframe {
    background: #C9D100;
    color: #091B2E;
}

ul.subMenu2 li a {
    background: #091B2E;
    border-right: solid 4px #C9D100;
    color: #fff;
}

.main aside div.SideTitle {
    background: #C9D100;
    color: #283D54;
}

/* LOGON */

.login-dialog {
    background: #122337;
    color: #fff;
}

.login-form fieldset ul {
    color: #fff;
}

.login-form .inputrow input:focus {
    border: 2px solid #1157d1;
}

div.login-links p a {
    color: #fff;
}

input[type="submit"] {
    background-color: #204077;
    color: #fff;
}

input[type="submit"]:hover {
    background-color: #29539b;
}

input[type="submit"]:active {
    background-color: #1f3760;
}

/* ==========================================================================
    Gestão de Equipamentos
   ========================================================================== */



/* Centraliza as tabelas na página */

/* Define a largura das tabelas */
#catracas, #treinos {
    width: 50%;
    float: left;
    border-collapse: collapse; /* remove as bordas internas das células da tabela */
}

/* Alinha o texto à esquerda na primeira coluna da tabela */
.texto {
    text-align: left;
}

/* Define o estilo das células da tabela */
#catracas th, #catracas td, #treinos th, #treinos td {
    padding: 8px;
    border: 1px solid #184268;
    font-size: 8pt;
}

/* Define o estilo das células de cabeçalho da tabela */
#catracas th, #treinos th {
    font-size: 14pt;
    font-weight: bold;
    color: #fff;
}

/* Define o estilo das imagens na tabela */
#catracas img, #treinos img {
    height: auto;
    display: block; /* remove espaços em branco sob as imagens */
    margin: auto; /* centraliza as imagens horizontalmente */
}

#equip-lengenda {
    width: 100%;
    float: left;
}

    #equip-lengenda p {
        font-size: 8pt;
    }

    #equip-lengenda img {
        width: 3%;
    }
