/***********************/
/* Begin Colors ******/
/***********************/

/*1- Green Dark (Main Color): rgba(0, 65, 46, 0.88)*/
/*2- Green too much light: rgba(212, 222, 219, 1)*/
/*3- Green too much More light: rgba(227, 233, 231, 1)*/


/***********************/
/******* End ***********/
/***********************/
/***********************/
/* Begin Header ******/
/***********************/
.navbar-header {
    background-color: rgba(0, 65, 46, 0.88);
    color: #ffffff;
    border-bottom: 3px solid #ffffff;
}

.header-item {
    /*background-color: rgba(0, 65, 46, 0.88);*/
    color: #ffffff;
}

.header-item:hover {
    background-color: #ffffff;
    color: rgba(0, 65, 46, 0.88);
}



.navbar-header .dropdown .show.header-item {
    background-color: rgba(227, 233, 231, 1);
    color: rgba(0, 65, 46, 0.88);
}


.dropdown-menu {
    background-color: rgba(227, 233, 231, 1);
    color: rgba(0, 65, 46, 0.88);
}



.rightbar-title {
    background-color: rgba(0, 65, 46, 0.88);
    color: #ffffff;
    border-bottom: 3px solid #ffffff;
}


.noti-icon i {
    color: #ffffff;
}

    .noti-icon i:hover {
        color: rgba(0, 65, 46, 0.88);
    }

.mdi-fullscreen {
    color: red;
}



.right-bar {
    background-color: rgba(250, 250, 250, 0.88);
    border-right: 1px solid #efe8da;
}

/***********************/
/******* End ***********/
/***********************/




/***********************/
/* Begin Sidebar ******/
/***********************/

    .vertical-menu {
    border-left: 1px solid #efe8da;
}

.metismenu li {

}

.metismenu li:hover {
    background-color: rgba(212, 222, 219, 1);
    color: rgba(0, 65, 46, 0.88);
}

.metismenu li:active {
    background-color: #ffffff;
    color: rgba(0, 65, 46, 0.88);
}

.mm-active {
    background-color: rgba(250, 250, 250, 0.88);
    color: rgba(0, 65, 46, 0.88);
}

/***********************/
/******* End ***********/
/***********************/





/***********************/
/* Begin Main Body ******/
/***********************/

:root {
    --bs-sidebar-bg: rgba(250, 250, 250, 0.88);
    --bs-sidebar-menu-item-active-color: rgba(0, 65, 46, 0.88);
    --bs-sidebar-menu-item-active-bg: rgba(227, 233, 231, 1);
}

body {
    background-color: rgba(245, 245, 245, 0.88);
    color: rgba(0, 65, 46, 0.88);
}


.selectedcolor {
    background-color: rgba(0, 65, 46, 0.88);
    color: #ffffff;
}


.modal-header {
    background-color: rgba(0, 65, 46, 0.88);
    color: #ffffff;
    padding: 10px;
}


.nav-item {
    background-color: rgba(227, 233, 231, 1);
    border-radius: 5px;
    border: 1px solid rgba(0, 65, 46, 0.88);
    margin: 2px 5px 10px 5px;
    padding: 0px 1px 1px 1px;
}


.nav-link:hover {
    background-color: rgba(0, 65, 46, 0.88);
    color: #ffffff;
}

.nav-link:focus {
    background-color: rgba(0, 65, 46, 0.88);
    color: #ffffff;
}



.btn-success {
    /*  background-color: #d6e2e8;
  border: 1px solid #4ac18e; Edited by Sokkary*/
    background-color: rgba(0, 65, 46, 0.88);
    border: 1px solid rgba(0, 65, 46, 0.88);
    --bs-btn-hover-bg: rgba(0, 65, 46, 0.88);
    --bs-btn-hover-border-color: rgba(0, 65, 46, 0.88);
    --bs-btn-active-bg: rgba(0, 65, 46, 0.88);
    --bs-btn-color: #ffffff;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-active-color: #ffffff;
    --bs-btn-disabled-color: #ffffff;
}



.btn-details {
    background-color: rgba(0, 65, 46, 0.88);
    border: 1px solid rgba(0, 65, 46, 0.88);
    color: #ffffff;
    font-size: 13px;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    padding: 1px 6px 1px 6px;
}


    .btn-details:hover {
        background-color: #ffffff;
        color: rgba(0, 65, 46, 0.88);
    }


.form-group-topnavigatortitle {
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
    background-color: rgba(0, 65, 46, 0.88);
    color: #ffffff;
    border: 1px solid #e7e7e7;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

/***********************/
/******* End ***********/
/***********************/





/***********************/
/* Begin Body Internal ******/
/***********************/


.eformcard-body {
    background-color: rgba(245, 245, 245, 0.88);
}

.eformcard-body:hover {
    background-color: rgba(250, 250, 250, 0.88);
}


.table {
    --bs-table-striped-bg: rgba(189,155, 96, 0.04);
    /*--bs-table-hover-color: rgba(189,155, 96);*/
    /*--bs-table-hover-bg: rgba(30,64, 53, 0.199);*/
    --bs-table-hover-bg: rgba(189,155, 96, 0.199);

}


/***********************/
/******* End ***********/
/***********************/









/***********************/
/* Begin Footer ******/
/***********************/

.footer {
/*    background-color: rgba(0, 65, 46, 0.88);
    color: #ffffff;*/

    background-color: rgba(250, 250, 250, 0.88);
    border-top: 1px solid #efe8da;
}

    /***********************/
    /******* End ***********/
    /***********************/