/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.sidenav {
    top: 132px;
}
#toast-container {
    top: 0%;
    text-align: center;
    right: 2%;
    width:25%;
}
#toast-container div {
    display: block;
}
.nav-expanded .brand-sidebar .hide-on-nav-not-collapsed,.nav-lock .brand-sidebar .hide-on-nav-not-collapsed  {
    display: none;
}
.brand-sidebar .brand-logo {
    padding: 16px 12px 22px 16px;
}

.brand-sidebar .brand-logo span img {
    height: 100px !important;
}

.brand-sidebar .brand-logo span.logo-text {
    padding-left: unset;
}

.nav-collapsed .brand-sidebar .brand-logo {
    padding: 7px 12px 22px 8px;
}

.brand-sidebar .hide-on-nav-not-collapsed {
    height: 60px !important;
}

.brand-sidebar .show-on-medium-and-down {
    height: 38px !important;
    padding-left: 120px;
}

@media only screen and (max-width: 992px) {
    .brand-sidebar .brand-logo {
        padding: 13px 12px 22px 16px;
    }
}
@media only screen and (max-width: 600px) {
    .sidenav-main .brand-sidebar .show-on-medium-and-down {
        height: 35px !important;
        padding-left: 100px;
    }
    .sidenav-main .brand-sidebar .brand-logo {
        padding: 10px 12px 20px;
    }
}

.sidenav li a.active {
    background-color: #ffcd00;
}

.btn-floating, .btn-floating:hover {
    background-color: #ffcd00;
}

.search-list li.pageSearchResults a span {
    line-height: unset;
}

.search-list {
    width: 100%;
    height: unset;
    max-height: calc(100vh - 9rem);
}
.header-search-wrapper-focus .search-list {
    border: 1px solid #9e9e9e;
}
.tblActionsRow {
    display: flex;
    flex-flow: row;
}
.tblActionsRow div {
    width: 100%;
}
.tblApproveBtn a {
    color: #689f38;
}
.tblViewBtn a {
    color: #9323AC;
}
.tblEditBtn a {
    color: #2196f3;
}
.tblDeleBtn a {
    color: #d32f2f;
}
.tblHistoryBtn a {
    color: #ff8f00;
}

.tblViewBtn i:hover{
    text-shadow: 0 0 5px #E780FE;
}
.tblApproveBtn i:hover{
    text-shadow: 0 0 5px #9afe42;
}
.tblEditBtn i:hover{
    text-shadow: 0 0 5px #76b3e5;
}
.tblDeleBtn i:hover{
    text-shadow: 0 0 5px #ffabab;
}
.tblHistoryBtn i:hover{
    text-shadow: 0 0 5px #ffc107;
}

.modal.bottom-sheet {
    max-height: 70%;
}

/* Loader on Button */    
.extra-button--loading{color:transparent}
.extra-button--loading .extra-button__loader{opacity:1}
.extra-button__loader{position:absolute;height:auto;width:43px;z-index:2;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center;pointer-events:none;opacity:0}
.extra-button__loader div{display:inline-block;float:none;vertical-align:baseline;width:9px;height:9px;padding:0;border:none;margin:2px;opacity:.4;border-radius:7px;background-color:hsla(0,0%,100%,.9);transition:background .2s;-webkit-animation:extra-loading-anim 1s infinite;animation:extra-loading-anim 1s infinite}
.extra-button__loader div:nth-child(3n+2){-webkit-animation-delay:.15s;animation-delay:.15s}
.extra-button__loader div:nth-child(3n+3){-webkit-animation-delay:.3s;animation-delay:.3s}
@-webkit-keyframes extra-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}
@keyframes extra-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}

.navbar .push-notification {
    line-height: 1;
}

@media only screen and (max-width: 600px) {
.navbar .push-notification i {
    position: relative;
    top: 14px;
}
}