.tabs-vertical li .nav-link.active, .tabs-vertical li .nav-link:hover, .tabs-vertical li .nav-link.active:focus {
    background-color: black !important;
    color: white !important;
}
	
.size1{ width: 30%;}
.size2{ width: 100px;
	height: 65px;
}

.content-header{
    direction: rtl;
}

.box, .box-info{

    border-top-color: black !important;
}

.skin-blue .main-header .navbar {
    background-color: black !important;
}

.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a{
    background-color: black !important;
    color: white !important;
}

.sa-confirm-button-container .confirm{
    background-color: black !important;
    color: white !important;
}

.loader {
border-top: 16px solid  black !important;

}

.skin-blue .main-header .logo{
	background-color: white !important;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: white !important;
	color: black !important;
}

.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a {
	border-left-color: white !important;
}



.topbar{
    background-color: black !important;
}


.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
    color: white !important;
    background: black !important;
}

.dataTables_wrapper .table th {
    color: white !important;
}

#btn_login {
    border-color: transparent;
    font-weight: bold !important;
    font-size:20px !important;
}

.btn-primary {
	background-color: black !important;
	color: white !important;
}

.btn-upload{
    margin-bottom: 20px;
    background-color:black;
    border:none !important;
    width: 250px;
    height:  210px;
    margin: 5px !important;
}




.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000000;
    outline: 0;
}

#main_fam{
	margin-right: 0px;
    padding-right: 10px;
}

.mfb-padding {
   padding-right: 9px !important;
}

.mfb-component__button--main, .mfb-component__button--child {
    background-color: black !important;
}

[data-mfb-label]:after {
   
    background: rgba(0, 0, 0, 0.80) !important;   
    font-weight: bold !important;

}

/*Alert Css*/

.title {
    background-color: black !important;
    color: white !important;
    font-weight: bold !important;

}

.title h2{
    background-color: black !important;
    color: white !important;
    font-weight: bold !important;

}

.arrow-down {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
margin: auto;
border-top: 5px solid white !important;
}



.modal-header{
    background-color: black !important;
    color: white !important;
}
.modal-header h4{
color: white !important;
}
.btn-ok-color{
    background-color: black !important;
    color: white!important;
    border-color: white;
    font-weight: bold !important;
    font-size:20px !important;
}
.btn-other-color{
    background-color: black;
    color: white !important;
    border-color: white ;
    font-weight: bold !important;
    font-size:20px !important;
}

.bg-light-blue{
background-color: black !important;
}

.admin_btn_login{

    border: none !important;
    font-weight: normal !important;
    background-color: black  !important;
    color: white;
    border-radius: 0 !important;
    margin: 1em 0;
    text-shadow: 1px 1px 4px black;
    font-size: 1.5em;
}

.admin_btn_login :hover {
    transition-duration: 0.5s !important;
    transform: scale(1.05) !important;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-color: black;
    color: white;
}

.btn{
 color: white !important;
}


[type="checkbox"]:checked.chk-col-primary + label:before {
border-right: 2px solid black;
border-bottom: 2px solid black; }

[type="checkbox"].filled-in:checked.chk-col-primary + label:after {
border: 2px solid black;
background-color: black; }

.btn-show-title{
background: black !important;
color: white !important;
padding: 5px;
border-radius: 4px;
font-size: 12px;
}

.text-themecolor , .text-info , .text-primary{
color: black !important;
}

.sys_icon {
    width: 24%;
}

.income_sys_icon{
    width: 70%;
}

/* Circle Color */
.sys_icon circle , .cls-2 , .cls-4 , .cls-1-5 , .cls-1-5, .cls-2-5,
.cls-3-5 , .cls-1-2 , .cls-3-2, .cls-4-2 , .cls-1-1 , .cls-5-1 , .cls-7-1 , line , circle , polyline  , .cls-3-1{
    stroke: black !important;
}
.cls-2, .cls-3 , .cls-3-text , .cls-2-text , .cls-4-5 , .cls-2-2 ,  .cls-2-1 , .cls-3-4 , .cls-2-3{
    fill:  black !important;
}

.sys_icon:hover circle , .income_sys_icon:hover circle {
    fill: black !important;
}

.sys_icon .cls-4-1{
    stroke: black !important;
}

.sys_icon:hover .cls-2 , .sys_icon:hover .cls-4 {
    stroke: white !important;
    fill: white !important;
}

.sys_icon:hover .cls-3{
    fill: white !important;
}


/* Income Hover Css */
.income_sys_icon:hover .cls-3-4 , .income_sys_icon:hover .cls-2-2 , .income_sys_icon:hover .cls-2-1 ,
.income_sys_icon:hover .cls-4-5 , .income_sys_icon:hover .cls-2-3 {
    fill: white !important;
}
.income_sys_icon:hover .cls-2-4 , .income_sys_icon:hover .cls-1-1 , .income_sys_icon:hover .cls-1-2, .income_sys_icon:hover .cls-1-5 ,
.income_sys_icon:hover line , .income_sys_icon:hover polyline , .income_sys_icon:hover .cls-1-3 , .income_sys_icon:hover .cls-3-1{
    stroke: white !important;
}

/* Income Dashboard css */
.income_dashboard:hover .cls-2-1 , .income_dashboard:hover polygon{
    fill: white !important;
}

.income_dashboard:hover .cls-4-1{
    stroke: white !important;
}


.manual_income_dashboard:hover .cls-2-3 , .manual_income_dashboard:hover polygon{
    fill: white !important;
}

.no-stroke .cls-2{
    stroke-width: 0px !important;
}

.sys_icon , .income_sys_icon{ cursor: pointer; }

@media (max-width: 767px) {
    .sys_icon , .income_sys_icon{
        width: 80% !important;
        margin: 5px;
    }




}

.login-register {
    background:  white!important;
}

.navbar-header{
    background:  white!important;
    min-height: inherit;
    display: block;

}
#nav-bar-text{
    margin-bottom: 0px;
    color:white
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header,
.dtp div.dtp-date, .dtp div.dtp-time,
.dtp table.dtp-picker-days tr > td > a.selected,
.btn-success, .btn-success.disabled{
    background: black !important;
}
.btn-success, .btn-success.disabled{
    border: 1px solid #1eacbe;
}