/*font*/
.roboto-thin {
    font-family: "Roboto", system-ui;
    font-weight: 100;
    font-style: normal;
  }
  
  .roboto-light {
    font-family: "Roboto", system-ui;
    font-weight: 300;
    font-style: normal;
  }
  
  .roboto-regular {
    font-family: "Roboto", system-ui;
    font-weight: 400;
    font-style: normal;
  }
  
  .roboto-medium {
    font-family: "Roboto", system-ui;
    font-weight: 500;
    font-style: normal;
  }
  
  .roboto-bold {
    font-family: "Roboto", system-ui;
    font-weight: 700;
    font-style: normal;
  }
  
  .roboto-black {
    font-family: "Roboto", system-ui;
    font-weight: 900;
    font-style: normal;
  }
  
  .roboto-thin-italic {
    font-family: "Roboto", system-ui;
    font-weight: 100;
    font-style: italic;
  }
  
  .roboto-light-italic {
    font-family: "Roboto", system-ui;
    font-weight: 300;
    font-style: italic;
  }
  
  .roboto-regular-italic {
    font-family: "Roboto", system-ui;
    font-weight: 400;
    font-style: italic;
  }
  
  .roboto-medium-italic {
    font-family: "Roboto", system-ui;
    font-weight: 500;
    font-style: italic;
  }
  
  .roboto-bold-italic {
    font-family: "Roboto", system-ui;
    font-weight: 700;
    font-style: italic;
  }
  
  .roboto-black-italic {
    font-family: "Roboto", system-ui;
    font-weight: 900;
    font-style: italic;
  }

  /*fontsize*/

.card .card-title {
    
    font-size: 0.85rem;
}
.h3, h3 {
    font-size: 0.95rem;
}

.table thead th {
   
    font-size: 0.85rem;
}
  

/*THEME COLOR*/
html body{
    background-color: white;
}
body{
    color:black !important;
}

/*button*/
.btn-primary {
    border-color: black !important;
    background-color:  #16d250 !important;
    color: #fff;
}
.btn-primary:hover{
    background-color:  #16d250 !important;
    color: inherit !important;
}

.btn-primary-login{
   
    background-color:  #16d250 !important;
    color: #fff;
}
.btn-primary:hover{
    background-color:  #16d250 !important;
    color: black !important;
}
.btn-info-nav {
    background-color: white!important;
    border-color: 18!important;
    }

a.btn{
    color: black !important;
}

.btn-info:hover {
    border-color: 18!important;
    background-color: white !important;
    color: black !important;
}

a.btn-nav {
    color: black !important;
}
.btn-success-dash {
    background-color: black!important;
    border-color: none;
}
a.btn-success-dash{
    color: white!important;
}
.btn-primary-dash {
    border-color:none;
    background-color: #16d250 !important;
}
.btn-primary {
    border-color: black !important;
    background-color:  #16d250 !important;
    color: #fff;
}
.btn-primary:hover{
    background-color:  #16d250 !important;
    color: inherit !important;
}


.btn-success {
    background-color: #ff7588 !important;
    color: #fff;
}
.btn-success:hover {
    border-color: inherit !important;
    /*background-color: #ff7588!important;*/
    color: inherit !important;
}



/*img login background*/
html body.bg-full-screen-image {
    background: url('/focus/app-assets/images/backgrounds/bg-0.jpg');
    background-size: cover;
}


/*LOGO*/
.brand-logo {
    max-height: 5rem;
    margin-top: -19px;
}



/*link*/
.header-navbar.navbar-with-menu .navbar-container {
    background-color: black;
}

.badge-danger-dash{
    background-color: black;
}
.badge-danger-dash:hover{
    color: white;
}
.bg-info {
    background-color: #16d250 !important;
}
.badge-info {
    background-color: #16d250;
}
.badge-info:hover {
    background-color: #16d250!important;
    color: inherit !important;
}
.badge-info-dash{
color:black;

background-color:#16d250 ;
    }
    .badge-info-dash:hover{
        color:black;
    }


    /*navbar*/

.navbar-light .navbar-nav .nav-link {
    color: black;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: black; 
}
.navbar-nav .mega-dropdown-menu ul li a, .navigation-main .mega-dropdown-menu ul li a {
    color: black;
}

.navbar-nav .mega-dropdown-menu .dropdown-menu-header, .navigation-main .mega-dropdown-menu .dropdown-menu-header {
    
    border-bottom: 1px solid black;
    color : black
}

a {
    color: black;
    
}
.navbar-dark {
    background: black; 
}


/*form*/

form label {
    color:black;
}

select.form-control {
    border: 1px solid black;
}
form .form-control {
   
    color: black;
}
.table {
  color: black;
}
.red {
    color: 12a840 !important;
}


/*gradient*/
.bg-gradient-directional-blue {
   
    background-image: linear-gradient(to right, #000000 0, #16d250 100% );
    background-repeat: repeat-x;
}
.bg-primary.bg-darken-2 {
    background-color: #00b5b8 !important;
}
.bg-gradient-x-primary {
    background-image: linear-gradient(to right, #00b5b8 0, #00e7eb 100%);
    background-repeat: repeat-x;
}
.bg-warning.bg-darken-2 {
    background-color: #ffa87d!important;
}
.bg-gradient-x-warning {
    background-image: linear-gradient(to right, #ffa87d 0, #ffcab0 100%);
    background-repeat: repeat-x;
}
.bg-danger.bg-darken-2 {
    background-color: #ff7588 !important;
}
.bg-gradient-x-danger {
    background-image: linear-gradient(to right, #ff7588 0, #ffa8b4 100%);
    background-repeat: repeat-x;
}
.bg-success.bg-darken-2 {
    background-color: #16d39a !important;
}
.bg-gradient-x-success {
    background-image: -webkit-linear-gradient(left, #16d39a 0, #32eab2 100%);
}



/*navbar burger responsive*/

    @media (max-width: 970px) {

        

        .header-navbar.navbar-with-menu .navbar-container {
            background-color: black;
        }

        .ft-toggle-left:before {  
            display: none;
    
          }
          .ft-maximize:before{
            display: none;
          }
          .mt_6{
            display: none;
          }
}