/* 
    Created on : 25-jan-2019, 8:40:45
    Author     : Joeri Schepers <info@jipa.be>
*/

.top-navbar .navbar-header {
    height: 73px;
}
.top-navbar .navbar-header span{
    color: whitesmoke;
    font-size: 16px;
}
.img-circle{
    height: 30px;
}
.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 0.5s linear infinite;
    -o-animation: progress-bar-stripes 0.5s linear infinite;
    animation: progress-bar-stripes 0.5s linear infinite; 
}

.modal{
    -webkit-overflow-scrolling: touch !important; /* iOS fix voor modal die niet wil scrollen */
}

.text-linetrough{
    text-decoration: line-through;
}

.btn-steppermod{
    height: 38px;
    min-width: 50px; 
}

.indent{
    text-indent: -5px;
}


/* Voor clockpicker: */
.popover { 
    z-index: 9999; 
}
input, select, textarea{ 
    background-color: #F2F2F2 !important;
    padding-left: 10px !important;
}
.clockpicker input[readonly] { 
    opacity: 1;
    background-color: #F2F2F2;
}
.clockpicker input:focus { 
    background-color: #272c33;
}


@media (max-width: 768px) {
    .small-table tbody tr td{
        font-size: 14px;
        padding: 2px;
    }
}

@media (max-width: 550px) {
    .nav_small{
        padding-left: 7px !important; 
        padding-right: 7px !important;
    }
}



.highlight {
    border: solid 2px red !important;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently not supported by any browser */
}

.overflowhidden {
    white-space: nowrap; 
    overflow: hidden;
}

.searchablelist {
    list-style-type: none; 
    padding-left: 0px;
}

.searchablelist_2 {
    display: none;
    list-style-type: none; 
    padding-left: 5px;
}










/* LIST FOR DRAGGING ITEMS: */
.list-group-item > .drag-handle{
    margin: -15px;
    margin-right: 0px;
    padding: 15px;
}



/* CLASS FOR REMOVING MAIN MENU: */
.remove-sidebar {
    margin-left: 0px !important; 
}



/* CLASS FOR CHART: */
.ct-series-a .ct-line, .ct-series-a .ct-slice-donut{
  stroke: #f0ad4e;
  stroke-width: 2px; 
  color: red;
}
.ct-series-b .ct-line, .ct-series-b .ct-slice-donut{
  stroke: #009efb;
  stroke-width: 2px; 
}
.ct-series-c .ct-line, .ct-series-c .ct-slice-donut{
  stroke: #55ce63;
  stroke-width: 2px; 
}
.ct-series-d .ct-line, .ct-series-d .ct-slice-donut{
  stroke: #2f3d4a;
  stroke-width: 2px; 
}

.ct-series-a .ct-point {
  stroke: #f0ad4e;
  stroke-width: 6px;
  stroke-linecap: round;
}
.ct-series-b .ct-point {
  stroke: #009efb;
  stroke-width: 6px;
  stroke-linecap: round;
}
.ct-series-c .ct-point {
  stroke: #55ce63;
  stroke-width: 6px;
  stroke-linecap: round;
}
.ct-series-d .ct-point {
  stroke: #2f3d4a;
  stroke-width: 6px;
  stroke-linecap: round;
}





/* CART FOOTER: */
#core_cart_footer{
    vertical-align: middle;
    line-height: 55px;
    text-align: center;
    height: 55px;
    color: white;
}
.notification {
  position: relative;
  display: inline-block;
}
.notification .badge {
  position: absolute;
  top: 7px;
  right: -12px;
  padding: 2px 6px;
  border-radius: 50%;
  background: red;
  font-size: 10px;
}