.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: black;
    color: white;
    text-align: center;
    padding: 0.5em 0;
}

span.login-logout {
    color: white;
    position: absolute;
    right: 0;
    padding-right: 3em;
    padding-top: 15px;
    cursor: pointer;
}

div#table_srpc_wrapper .btn-secondary {
    color: #fff;
    background-color: #343a40;
    border-color: #ffffff;
}

div#table_srpc_wrapper .dropdown-item.active,
div#table_srpc_wrapper .dropdown-item:active {
    text-decoration: none;
    background-color: #164f52;
}

div#table_srpc_wrapper .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #164f52;
    border-color: #0e3335;
}

div#table_srpc_wrapper .page-link {
    color: #164f52;
}

.btn-dark-green:not(:disabled):not(.disabled).active,
.btn-dark-green:not(:disabled):not(.disabled):active,
.show>.btn-dark-green.dropdown-toggle {
    color: #fff;
    background-color: #164f52;
    border-color: #0e3234;
}

.btn-dark-green:hover {
    color: #fff;
    background-color: #1f6f74;
    border-color: #175357;
}

.btn-dark-green {
    color: #fff;
    background-color: #164f52;
    border-color: #0e3234;
}

.btn-dark-green.focus,
.btn-dark-green:focus {
    color: #fff;
    background-color: #18585c;
    border-color: #164f52;
    box-shadow: 0 0 0 0.2rem rgb(24 88 92 / 41%);
}

.btn_font {
    font-size: 12px;
}

#cssvmenu {
    padding: 0;
    margin: 0;
    border: 0;
    line-height: 1;
}

#cssvmenu ul,
#cssvmenu ul li,
#cssvmenu ul ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#cssvmenu ul {
    position: relative;
    z-index: 597;
    float: left;
}

#cssvmenu ul li {
    float: left;
    min-height: 1px;
    line-height: 17px;
    vertical-align: middle;
    position: relative;
}

#cssvmenu ul li.hover,
#cssvmenu ul li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
}

#cssvmenu ul ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 598;
    width: 100%;
}

#cssvmenu ul ul li {
    float: none;
}

#cssvmenu ul ul ul {
    top: -2px;
    right: 0;
}

#cssvmenu ul li:hover>ul {
    visibility: visible;
}

#cssvmenu ul ul {
    top: -2px;
    left: 100%;
}

#cssvmenu ul li {
    float: none;
}

#cssvmenu ul ul {
    margin-top: 1px;
}

#cssvmenu ul ul li {
    font-weight: normal;
}


/* Custom CSS Styles */

#cssvmenu {
    width: 100%;
    background: #2a3f54;
    font-family: Tahoma, Arial, sans-serif;
    zoom: 1;
    font-size: 12px;
}

#cssvmenu:before {
    content: '';
    display: block;
}

#cssvmenu:after {
    content: '';
    display: table;
    clear: both;
}

#cssvmenu a {
    display: block;
    padding: 15px 20px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
}

#cssvmenu>ul {
    width: 100%;
}

#cssvmenu ul ul {
    width: 200px;
}

#cssvmenu>ul>li>a {
    border-right: 4px solid #1ABB9C;
    color: #ffffff;
}

#cssvmenu>ul>li>a:hover {
    color: #ffffff;
}

#cssvmenu>ul>li.active a {
    background: #2a3241;
}

#cssvmenu>ul>li a:hover,
#cssvmenu>ul>li:hover a {
    background: #2a3241;
}

#cssvmenu li {
    position: relative;
}

#cssvmenu ul li.has-sub>a:after {
    content: '+';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -6px;
}

#cssvmenu ul ul li.first {
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
}

#cssvmenu ul ul li.last {
    -webkit-border-radius: 0 0 3px 0;
    -moz-border-radius: 0 0 3px 0;
    border-radius: 0 0 3px 0;
    border-bottom: 0;
}

#cssvmenu ul ul {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

#cssvmenu ul ul {
    border: 1px solid #2a3f54;
}

#cssvmenu ul ul a {
    font-size: 12px;
    color: #ffffff;
}

#cssvmenu ul ul a:hover {
    color: #ffffff;
}

#cssvmenu ul ul li {
    border-bottom: 1px solid #2a3f54;
}

#cssvmenu ul ul li:hover>a {
    background: #1abb9c;
    color: #ffffff;
}

#cssvmenu.align-right>ul>li>a {
    border-left: 4px solid #d50000;
    border-right: none;
}

#cssvmenu.align-right {
    float: right;
}

#cssvmenu.align-right li {
    text-align: right;
}

#cssvmenu.align-right ul li.has-sub>a:before {
    content: '+';
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -6px;
}

#cssvmenu.align-right ul li.has-sub>a:after {
    content: none;
}

#cssvmenu.align-right ul ul {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 598;
    width: 100%;
}

#cssvmenu.align-right ul ul li.first {
    -webkit-border-radius: 3px 0 0 0;
    -moz-border-radius: 3px 0 0 0;
    border-radius: 3px 0 0 0;
}

#cssvmenu.align-right ul ul li.last {
    -webkit-border-radius: 0 0 0 3px;
    -moz-border-radius: 0 0 0 3px;
    border-radius: 0 0 0 3px;
}

#cssvmenu.align-right ul ul {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 740px;
        margin: 1.75rem auto;
    }
}

.table-ORGANIZATION {
    font-size: 12px;
}

.table-ORGANIZATION td {
    padding: 5px;
}

.table-ORGANIZATION td.number {
    text-align: center;
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #797979;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #797979;
    vertical-align: middle;
}

.box-ORGANIZATION {
    padding-top: 1em;
    padding-bottom: 3em;
}

.ORGANIZATION_Name {
    cursor: pointer;
}

.ORGANIZATION_Name:hover {
    color: #007bff;
    text-decoration: underline;
}

#Content_Organization_1 .active {
    background-color: #ffffff;
    color: black;
}

.tile-stats_2.icon {
    color: #d7d7d7;
    position: absolute;
    right: 10px;
    top: -4px;
    z-index: 1;
    font-size: 50px;
}

.tile-top {
    color: white;
    text-align: center;
    margin-bottom: 1em;
}

.card-top {
    margin-bottom: 1em;
}

.tile-stats .count {
    color: #34495E;
    font-size: 38px;
    font-weight: bold;
    line-height: 1em;
}

.tile-stats .count,
.tile-stats h3,
.tile-stats p {
    position: relative;
    margin: 0;
    margin-left: 10px;
    z-index: 5;
    padding: 0;
    font-size: 27px;
}

.card-body.tile-stats {
    padding: 10px;
}

#cssvmenu a.active {
    background: #1abb9c !important;
}

td.number a {
    color: black;
}

tr.Row_Absent {
    background: #ffcaca !important;
}

tr.Row_Reason {
    background: #fff5d7 !important;
}

tr.Row_Present {
    background: #ffffff !important;
}

h3.small-box {
    font-size: 15px;
    font-weight: 600;
}

p.login {
    text-align: right;
    color: white;
    padding-top: 13px;
    padding-right: 2em;
    cursor: pointer;
}

p.login:hover {
    color: #1abb9c;
}

.modal-login-box {
    width: 500px;
}

@media (min-width: 992px) {
    .menu-left {
        min-height: 1000px;
    }
}

.modal-dialog1 {
    max-width: 450px;
    margin: 1.75rem auto;
}
.box-wfh p {
    margin: 0;
}