/* General Styles */
a:hover {
    cursor:pointer;
}

html, body   {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

.ul_lst_n   {
    list-style-type: none;
}

/* Custom Styles */
#bg-login    {
    /* background: url('https://upload.wikimedia.org/wikipedia/en/thumb/c/cb/Deptartment_Of_Science_And_Technology_%28Dost%29_-_Main_Bldg._Front_%28Gen._Santos_Ave.%2C_Bicutan%2C_Taguig%3B_2015-07-02%29.jpg/1024px-Deptartment_Of_Science_And_Technology_%28Dost%29_-_Main_Bldg._Front_%28Gen._Santos_Ave.%2C_Bicutan%2C_Taguig%3B_2015-07-02%29.jpg') no-repeat center fixed; */
    background: url('../img/bg.png') no-repeat center fixed;
	background-size: cover;
}

.sys-text-color {
    color: rgb(149,39,49)!important;
}

.sys-bg-color   {
    background-color: rgba(149,39,49,0.75)!important;
    
}

.sys-bg-btn-color, .sys-bg-cll-color   {
    background-color: rgb(149,39,49)!important;
}

.sys-logo-1 {
    width: 150px;
    height: 150px;
}

.sys-logo-2 {
    width: 50px;
    height: 50px;
}

#ddi-logout {
    color: #dc3545;
}

#ddi-logout:hover {
    animation: ddi-logout-hover 300ms forwards;
}

@keyframes ddi-logout-hover {
    from {
        color: #dc3545;
        background-color: white;
    }
    to {
        color: white;
        background-color: #dc3545;
    }
}

/* Bootstrap Override */
.breadcrumb-item a {
    color: rgb(149,39,49)!important;
}

.page-link  {
    color: rgb(149,39,49)!important;
}

.page-item.active .page-link  {
    background-color: rgb(149,39,49)!important;
    color: white!important;
    border-color: rgb(68, 19, 23)!important;
}

.page-link:focus  {
    /* background-color: rgb(135,105,0)!important;
    color: white!important;
    border-color: rgb(92, 72, 1)!important; */
    box-shadow: 0 0 0 0.2rem rgba(68, 19, 23,0.5)!important;
}

.content-wrapper .nav-link:hover {
    color: rgb(149,39,49)!important;
}

.content-wrapper .nav-link.active:hover {
    color: white!important;
}

.content-wrapper .nav-link.active    {
    background-color: rgb(149,39,49)!important;
}