﻿body {
    background-color: var(--main-color);
    font-size: 1.25rem!important;
}

a {
    color: var(--third-color);
}

/*td a {
    color: var(--fourth-color) !important;
}*/

li a {
    color: var(--fourth-color) !important;
}

a i {
    color: var(--fourth-color) !important;
}

button{
    margin:0px 2px;
}

fieldset {
    margin-top:3px;
}

legend {
    margin-bottom: 0px;
    margin-top:2px;
}

.table {
    width: 100%;
    margin-bottom: 3px;
}

.username {
    color: var(--fourth-color) !important;
}

.page-header.navbar {
    background-color: var(--main-color);
}

    .page-header.navbar .page-logo {
        width: 270px;
    }

    /*.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
        color: var(--fourth-color) !important;
    }*/
    /*.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
        color: var(--third-color) !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
        background-color: var(--fourth-color);
    }*/
    .page-header.navbar .menu-toggler > span, .page-header.navbar .menu-toggler > span:after, .page-header.navbar .menu-toggler > span:before, .page-header.navbar .menu-toggler > span:hover, .page-header.navbar .menu-toggler > span:hover:after, .page-header.navbar .menu-toggler > span:hover:before {
        background: var(--fourth-color) !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
        background-color: transparent;
    }

.page-sidebar {
    width: 210px;
}

.page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a {
    background-color: var(--second-color) !important;
}

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a {
    background-color: var(--second-color) !important;
}

.page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
    background-color: var(--main-color);
}

    .page-sidebar .page-sidebar-menu > li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li {
        background-color: var(--main-color);
    }

    .page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before {
        color: var(--fourth-color) !important;
    }

.page-content-wrapper .page-content{
    margin-left:210px
}

.font-blue {
    color: var(--third-color) !important
}

.pagination > li > a, .pagination > li > span {
    background-color: var(--main-color);
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    background-color: var(--main-color);
}

.btn-primary {
    background-color: var(--third-color);
    border-color: var(--third-color);
}

    .btn-primary:hover {
        background-color: var(--third-color);
        border-color: var(--third-color);
    }

    .btn-primary.focus, .btn-primary:focus {
        background-color: var(--third-color);
        border-color: var(--fourth-color);
    }

ul.timeline > li:before {
    border: 3px solid var(--second-color) !important;
}

.table td, .table th {
    font-size: 12px;
}

.table thead tr th {
    font-size: 12px;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: rgba(0, 0, 0, 0.05);
}

table.dataTable td.sorting_1, table.dataTable td.sorting_2, table.dataTable td.sorting_3, table.dataTable th.sorting_1, table.dataTable th.sorting_2, table.dataTable th.sorting_3 {
    background-color: transparent!important;
}

.alert-success {
    background-color: var(--main-color) !important;
    border-color: var(--second-color) !important;
    color: var(--fourth-color) !important;
}

.container, .container-fluid {
    padding-right: 0px;
}

.row {
    margin-right: 0px;
}

.abreLinkClick {
    background-color: var(--third-color);
}

    .abreLinkClick a {
        font-weight: 700;
    }

    .abreLinkClick p {
        color: var(--fourth-color);
    }

.pData {
    margin: 0px;
    color: var(--fourth-color);
    font-size: 10px;
}

tr td:first-child {
    text-align: left;
    vertical-align: initial;
    padding-right: 5px;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.page-header {
    padding-bottom: 3px;
    margin: 0px;
    border-bottom: 1px solid #eee;
}

.form-horizontal .control-label {
    padding-top: 3px;
}

.badge {
    background-color: #ffffffff;
    color: var(--main-color) !important;
}

.input-group-addon {
    padding: 6px 20px 6px 6px;
}

.select2-container--bootstrap .select2-selection--single{
    height:30px;
}

.custom-control {
    min-height: 1rem!important;
}