/* Add here all your CSS customizations */
div[class="logo-container"] a, div[class="logo-container"] a:hover, div[class="logo-container"] a:visited, div[class="logo-container"] a:active {
    text-decoration: none;
}

div[class="logo-container"] span {
    font-size: 14pt;
    padding-left: 10px;
    color: black;
    vertical-align: middle;
}

div[class="dataTables_length"] .select2-container {
    width: 75px !important;
}

.fouteInputCategorie {
    color: red;
    font-weight: bold;
}

.fouteInputIndicator {
    color: red;
    font-weight: bold;
}

ul[class*="multiselect-container dropdown-menu show"] {
    max-width: 700px;
}

.counter-section i {
    display: block;
    margin: 0 0 10px
}

.counter-section span.counter {
    font-size: 40px;
    color: #000;
    line-height: 60px;
    display: block;
    font-family: "Oswald", sans-serif;
    letter-spacing: 2px
}

.counter-title {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.counter-icon {
    top: 25px;
    position: relative
}

.counter-style2 .counter-title {
    letter-spacing: 0.55px;
    float: left
}

.counter-style2 span.counter {
    letter-spacing: 0.55px;
    float: left;
    margin-right: 10px
}

.counter-style2 i {
    float: right;
    line-height: 26px;
    margin: 0 10px 0 0
}

.counter-subheadline span {
    float: right
}

.medium-icon {
    font-size: 40px !important;
    margin-bottom: 15px !important
}

.container {
    margin-top: 200px
}

ul.favorieten {
    padding-left: 0px;
    margin-bottom: 0px;
}

ul.favorieten li {
    border-bottom: 1px dotted #ddd;
    padding: 15px 15px 15px 0;
    position: relative;
    list-style: none;
}

ul.favorieten li:last-child {
    border-bottom: 0 none;
}

ul.favorieten li .todo-actions {
    position: absolute;
    top: 14px;
    right: 0;
    bottom: 14px;
}

ul.elementen {
    padding-left: 0px;
    margin-bottom: 0px;
}

ul.elementen li {
    border-bottom: 1px dotted #ddd;
    padding: 15px 15px 15px 0;
    position: relative;
    list-style: none;
}

ul.elementen li:last-child {
    border-bottom: 0 none;
}

ul.elementen li .todo-actions {
    position: absolute;
    top: 14px;
    right: 0;
    bottom: 14px;
}

.blinking{
    animation:blinkingText 0.8s infinite;
}

.adrestitle-buttons {
    float: right;
}

/* verander style van de select2 (voor de dropdown bovenaan elk scherm */
.select2-results__option {
    padding: 0px 10px 0px 10px !important;
}

.select2-selection__rendered {
    line-height: 25px !important;
    /*border-color: #EDEDED !important;*/
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
}

.select2-container .select2-selection--single {
    height: 2.4rem !important;
    border-color: #EDEDED !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
}
.select2-selection__arrow {
    height: 34px !important;
    /*border-color: #EDEDED !important;*/
}
.select2-selection__placeholder {
    color: #bdbdbd !important;
}
.select2-container--open .select2-dropdown--below {
    background-color: #f2f2f2;
    margin-top: 5px;
    border-top: 1px solid #aaaaaa !important;
    border-radius: 4px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: none;
    border: 0px !important;
    background-color: #f2f2f2 !important;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 600px !important;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    /*border-radius: 4px !important;*/
}
.select2-container .select2-search--inline .select2-search__field {
    height: 25px !important;
}

/* einde */

.badge-leverancier {
    background: #ff5722;
    color: #FFF;
}

.badge-niet-actief {
    color: #969696;
    background-color: #d6d6d6;
}

.widget-summary .summary {
    min-height: 50px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-right: 13px;
    padding-left: 14px;
}

@keyframes blinkingText{
    0%{		color: #000;	}
    49%{	color: #000;	}
    50%{	color: transparent;	}
    99%{	color:transparent;	}
    100%{	color: #000;	}
}

.form-group {
    margin-bottom: 0.4rem;
}

.content-body {
    padding: 20px;
}




/******************* PRINT **********************/

@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }

    .inner-wrapper {
        padding-top: 0px;
    }

    .content-body {
        padding: 0px;
    }
}

/******************* SMARTPHONE EN IPAD **********************/

@media only screen and (max-width: 1199px) {

    .adrestitle-buttons {
        padding-top: 15px;
    }


}


/******************* NET NIET BREEDBEELDSCHERMEN **********************/

@media only screen and (max-width: 1599px) {

    .divInhoud {
        margin-top: 20px;
    }

    .divTijdstip {
        position: relative;
        bottom: 0;
        margin-top: 25px;
        line-height: 20px;
        margin-bottom: 25px !important;
    }

}

/******************* BREEDBEELDSCHERMEN **********************/

@media only screen and (min-width: 1600px) {

    /*.textGecontroleerd {*/
    /*    font-size: 0.91em;*/
    /*}*/

    /*.content-body {*/
    /*    padding: 20px 20px 20px 20px;*/
    /*}*/

}

@media only screen and (max-width: 900px) {
    #searchAdresNaam {
        margin-left: 20px; width: 130px;
    }
    #searchOmschrijving {
        margin-left: 20px; width: 200px;
    }
}

@media only screen and (min-width: 901px) {
    #searchAdresNaam {
        margin-left: 20px; width: 180px;
    }
    #searchOmschrijving {
        margin-left: 20px; width: 310px;
    }
}


/******************* SMARTPHONE **********************/

@media only screen and (max-width: 767px) {
    .content-body {
        padding: 0px 20px 20px 20px;
    }

    .card-title {
        color: #33353F;
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        padding: 0;
        text-transform: none;
        margin: 0;
    }

    .noSmartphone {
        display: none;
    }

    .smartphone {
        margin-top: 5px;
    }

    .header .header-right {
        display: none;
    }

    /* bepaal de breedte van de dropdown voor het zoeken naar een omschrijving */
    .bigdrop {
        width: 300px !important;
    }

    /*.sidebar-left .sidebar-header {*/
    /*    height: 165px;*/
    /*}*/

    .userbox:after {
        height: 59px;
    }

    .form-group {
        margin-bottom: 0rem;
    }

    .widget-summary .summary .amount {
        font-size: 1.2rem !important;
    }

    .widget-summary .summary .title {
        font-size: 0.6rem !important;
    }

    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    select {
        margin-bottom: 5px;
    }

    .nietGecontroleerd {
        margin-top: 10px !important;
    }

}

/******************* IPAD en PC **********************/

@media only screen and (min-width: 768px) {
    .nav-zoekvelden {
        display: none;
    }

    /* bepaal de breedte van de dropdown voor het zoeken naar een omschrijving */
    .bigdrop {
        width: 400px !important;
    }

    .content-body {
        padding: 20px 20px 20px 20px;
    }

    .page-header {
        margin: -40px -40px 20px -40px;
    }

    .widget-summary .summary .amount {
        font-size: 1.2rem !important;
    }

    /*html.fixed.sidebar-left-collapsed .content-body {*/
    /*    margin-left: 60px;*/
    /*}*/

}

@media (min-width: 1200px) and (max-width: 1599px) {
    .hidden-lg {
        display: none !important;
    }
}


.visible-desktop-block,
.visible-desktop-inline,
.visible-desktop-inline-block,
.visible-desktop{
    display: none !important;
}

@media (min-width: 1600px) {

    .divTijdstip {
        position: absolute;
        bottom: 0;
        margin-top: 25px;
        line-height: 0px;
    }

    label {
        padding-right: 5px !important;
    }

    .col-desktop-1, .col-desktop-2, .col-desktop-3, .col-desktop-4, .col-desktop-5, .col-desktop-6, .col-desktop-7, .col-desktop-8, .col-desktop-9, .col-desktop-10, .col-desktop-11, .col-desktop-12 {
        float: left;
    }

    .col-desktop-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-desktop-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-desktop-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-desktop-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-desktop-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-desktop-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-desktop-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-desktop-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-desktop-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-desktop-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-desktop-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-desktop-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }

    .offset-desktop-12 {
        margin-left: 100%;
    }

    .offset-desktop-11 {
        margin-left: 91.66666667%;
    }

    .offset-desktop-10 {
        margin-left: 83.33333333%;
    }

    .offset-desktop-9 {
        margin-left: 75%;
    }

    .offset-desktop-8 {
        margin-left: 66.66666667%;
    }

    .offset-desktop-7 {
        margin-left: 58.33333333%;
    }

    .offset-desktop-6 {
        margin-left: 50%;
    }

    .offset-desktop-5 {
        margin-left: 41.66666667%;
    }

    .offset-desktop-4 {
        margin-left: 33.33333333%;
    }

    .offset-desktop-3 {
        margin-left: 25%;
    }

    .offset-desktop-2 {
        margin-left: 16.66666667%;
    }

    .offset-desktop-1 {
        margin-left: 8.33333333%;
    }

    .col-desktop-offset-0 {
        margin-left: 0;
    }

    .visible-desktop {
        display: block !important;
    }

    table.visible-desktop {
        display: table;
    }

    tr.visible-desktop {
        display: table-row !important;
    }

    th.visible-desktop, td.visible-desktop {
        display: table-cell !important;
    }

    .visible-desktop-block {
        display: block !important;
    }

    .visible-desktop-inline {
        display: inline !important;
    }

    .visible-desktop-inline-block {
        display: inline-block !important;
    }

    .hidden-desktop {
        display: none !important;
    }
}

.highlight {
    color: #000 !important;
    font-weight: bold !important;
}

.handsontable .yellow {
    /*background: yellow;*/
    color: #d2322d !important;
    border-bottom-color: #d2322d !important;
}

body {
    font-size: 12px;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.dataTables_wrapper table thead th {
    padding-right: 13px !important;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    color: #BBB !important;
}

.header .search .form-control, .header .search .btn {
    border-color: #ced4da;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da !important;
}

/*span[id="select2-omschrijving-container"] {*/
/*    padding-top: 5px;*/
/*}*/

span #select2-omschrijving-container {
    padding-top: 5px;
}