/*custom css*/
table.debug, table.debug th,table.debug td {
   border: 1px solid black;
   border-collapse: collapse;
   padding:5px;
}

.input-group .input-group-btn select{
    width:auto;
}

.chosen-choices {
    min-width: 200px;
}
.form-horizontal .input-group.m-b .form-group {
    margin-left: 0px;
}

.product-imitation img {
    margin: -90px 0;
    width: 100%;
}


/*time registering*/
.input-group.m-b {
    display:block;
}

textarea {
    width:100%;
}

.form-group{
    position: relative;
}

.ibox-title {
    background-color: #f1f1f1;
}

.ibox.timetarget {
    margin-bottom: 5px;
}

#timetargets h2 {
    margin: 20px 15px;
}

.float-e-margins .btn {
    margin-right: 5px;
}

.todo-list > li .label .fa {
    margin-right: 5px;
}

.btn-success, .newTime, .time-pause {
    background-color: #18a689;
    border-color: #18a689;
    color: #FFFFFF;
  }

  .todo-list li.running{
    background-color: #18a68a49;
  }
  div#timetargets {
    padding: 0px 0px 25px 0px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    border-top: 1px solid #ccc;
}

/* darkmode */
@media (prefers-color-scheme: dark)  {
    body {
        background-color: #333;
    }
    
    #page-wrapper {
        background-color: #444;
    }
    
    .ibox-content {
        background-color: #555;
        border-color: #555;
    }
    
    .btn-primary, .ibox-tools a.btn-primary{
        color: #777;
        border-color: currentColor;
    }
    .btn-default {
        background-color: #333;
        border-color: currentColor;
    }
    
    .btn-warning {
        color: #f8ac59;
        background: #333;
    }
    
    .btn-success, .newTime, .time-pause {
        color: #448;
    }
    
    .navbar-fixed-top, .navbar-static-top {
        background-color: #333;
    }
    .border-bottom {
        border-bottom: 1px solid #555 !important;
    }
    .label {
        background-color: #333;
    }
    .todo-list > li {
        background: #777;
        color: #444;
        border-color: currentColor;
    }
    
    li.running {
        background-color: #0a604f49;
    }
    .chosen-container, .chosen-container-single,.chosen-container a.chosen-single, .chosen-container div.chosen-drop  {
        background-color: #777;
        border-color: currentColor;
        color: #333;
    }
    
    textarea {
        background-color: #777;
        color: #333;
    }
    
    .ibox-title {
        background-color: #777;
        color: #333;
        border-color: currentColor;
    }
    
    div#timetargets {
        border-color: #333;
    }

    
    .form-control, .single-line {
        background-color: #777;
        color: #333;
        border-color: currentColor;
    }
}