.header-center {
    text-align: center;
}

#scan--container {
    margin-top: 15px;
}

.form-check {
    padding-top: 7px;
    padding-bottom: 7px;
}

.modal-footer p {
    margin: auto;
}

.card {
    min-height: 300px;
}

.card-footer, .card-header {
    background-color: white !important;
    border: none;
}

.card-img, .card-img-bottom, .card-img-top {
    width: 80px;
    height: 80px;
    margin: auto;
}


/*.page-wrap {*/
    /* equal to footer height */
    /*margin-bottom: -255px;
}*/

/*    .site-footer, .page-wrap:after {
        height: 255px;
    }*/


/*

* {
    margin: 0;
}*/

/*#region Navigation */

.nav {
    background-color: #f8f8f8;
}

.navbar {
    min-height: 40px;
}

.navbar-nav > li > div {
    color: black;
    background-color: #f5f5f5;
    padding-bottom: 12px;
    padding-top: 11px;
    padding-left: 12px;
    padding-right: 12px;
    border-right: 1px solid #ddd;
}

.navbar-nav > li a {
    color: black;
    background-color: #f5f5f5;
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #97be0d;
    background-image: none;
    border: 1px solid black;
    border-radius: 4px;
}

    .navbar-toggle .icon-bar {
        background-color: #f5f5f5;
    }

.navbar-nav > li > a {
    color: black;
    background-color: #f5f5f5;
    padding-bottom: 12px;
    padding-top: 11px;
    border-right: 1px solid #ddd;
}

    .navbar-nav > li > a:hover {
        background: white;
    }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: white;
    border-color: #ddd;
}

/*#endregion */

/*#region Button */

.btn-treasury {
    background-color: #3aaadc;
    border: none;
    color: white;
    border-radius: 0px;
}

    .btn-treasury:hover {
        background-color: #2290c1;
        color: white;
    }

.btn.btn-default.dropdown-toggle {
    padding: 0 5px;
}

.btn-info {
    background-color: #cacaca;
    border-color: #cacaca;
    color: #000;
    font-weight: bold;
}

.btn.btn-rounded {
    border-radius: 18px;
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
    z-index: 0;
}

.btn-success,
.panel-success > .panel-heading {
    background-color: #97be0d;
    color: white;
}

.btn-primary,
.panel-primary > .panel-heading {
    background-color: #3aaadc;
    color: white;
}

.btn-left {
    margin-left: 5px;
}

.btn-top-left {
    margin-top: -8px;
    margin-left: 5px;
}

@media(max-device-width: 768px) {
    .btn-top-left {
        margin-top: 0px;
        margin-left: 5px;
    }
}
/*#endregion */

/*#region Bootstrap changes */

.input-group {
    margin-bottom: 4px;
}

.form-control {
    height: 25px;
    padding: 0 10px;
}

    .form-control[readonly] {
        cursor: pointer;
        background-color: white;
    }

    .form-control[disabled] {
        cursor: not-allowed;
        background-color: #eee;
    }

.input-group-addon {
    padding: 0 10px;
}

.tab.ng-binding {
    padding-left: 1em;
}

.panel-group {
    margin-bottom: 0;
}

/*#endregion */

/*#region Content */

.content {
    padding: 0px 15px 15px 15px;
}

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

/*#endregion */

/*#region Alerts */

.invalidField input.ng-invalid.ng-touched {
    border: solid 0px red;
    background-color: red;
    color: white;
}

.alert-success {
    background-color: #3aaadc;
    border-color: #3aaadc;
    color: white;
}

.alert-danger {
    color: white;
    background-color: red;
    border-color: red;
}

/* Success Message Login/register */
.content-member-success {
    background-color: #51c70a;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 25px;
    color: white;
}

/* Fail Message Login/register */
.content-member-fail {
    background-color: red;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 25px;
    color: white;
}

/*#endregion */

/*#region Cg-Busy */

.cg-busy-default-sign {
    background-color: #DADADA;
    border: 1px solid #DADADA;
}

.cg-busy-default-text {
    color: #333333; /*#3aaadc;*/
}

.cg-busy-default-spinner div.bar1, div.bar2 {
    background: #F39200;
}

.cg-busy-default-spinner div.bar3, div.bar4 {
    background: #87ad26;
}

.cg-busy-default-spinner div.bar5, div.bar6 {
    background: #1FA0D3;
}

.cg-busy-default-spinner div.bar7, div.bar8 {
    background: #F4BE6A;
}

.cg-busy-default-spinner div.bar9, div.bar10 {
    background: #B7CE77;
}

.cg-busy-default-spinner div.bar11, div.bar12 {
    background: #7DC4E2;
}
/*.cg-busy-default-spinner div.bar1, div.bar2, div.bar5, div.bar6, div.bar9, div.bar10 {
    background: #3aaadc;
}

.cg-busy-default-spinner div.bar3, div.bar4, div.bar7, div.bar8, div.bar11, div.bar12 {
    background: #97be0d;
}*/

/*#endregion */

/*#region Table */

.smallerCell td, .smallerCell th {
    border: none !important;
    padding: 3px 20px 3px 8px !important;
}

.smallerCell td {
    background-color: rgba(151,190,13,0.3);
}

.align-table-right th, .align-table-right tr {
    text-align: right;
}

/*#endregion */

/*#region Result Panel */

#chartDiv {
    height: 300px;
    width: 100%;
}

.mediaResultMargin {
    margin-top: 46px; /*margin-top: 51px;*/
}

/*#endregion */

/*#region Modal */

/* Close Icon Modal*/
.close {
    font-size: 14px;
}

/* Full Screen Modal */
.modal-dialog-full {
    width: 95%;
    height: 95%;
    padding: 0;
    margin: auto;
}

.modal-content-full {
    height: auto;
    border-radius: 0px 0px 6px 6px;
}

/*#endregion */

/*#region Titles */

.ts-blue {
    color: #3aaadc;
}

.titleBlue {
    color: #3aaadc;
}

.titleGreenText {
    color: #97be0d;
}

.titleBlueText {
    color: #3aaadc;
}

/*#endregion */

/*#region Controls */

/*a {*/
    /*color: #3aaadc;*/
    /*color: #003c74;*/
    /*color: #6BD5FF;
}*/

label {
    font-weight: 300;
}

.file-select {
    padding: 6px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    border-color: #3aaadc;
}

/* Hide input buttons */
input[type='number'] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* Drop Down Combobox*/
.drop-modal {
    position: fixed;
    top: auto;
    left: auto;
    width: inherit;
    z-index: 9999;
}

.controlBottom {
    margin-bottom: 7px;
}

/*#endregion */

@media only screen and (max-device-width: 480px) {
    .container,
    .container-fluid {
        padding: 0;
        margin: 0;
    }

    body {
        padding: 0;
        margin: 0;
    }

    .content-footer div {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        width: 100%;
    }

    .col-xs-12 form {
        padding: 0;
    }

    .col-xs-12 div {
        padding: 0;
    }

    .col-sm-2 div {
        padding: 0;
    }

    .tab-pane {
        padding: 0;
    }

    .right-line {
        border-right: 0;
    }

    .top-align {
        margin: 20px auto;
    }
}

.top-10 {
    margin-top: 10px;
}

.top-30 {
    margin-top: 30px;
}

@media (min-width: 768px) {
    .right-line {
        border-right: 2px solid #f5f5f5;
        /*padding-bottom: 25px;*/
    }
}

.sidebar {
    border-right: 1px solid #e7e7e7;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.legPadding {
    margin: 15px;
}

.mediaLegPadding {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media(max-device-width: 480px) {
    .mediaLegPadding {
        margin-left: 15px;
        margin-right: 15px;
    }
}

.legRow {
    width: 100%;
    float: left;
}

.color-white {
    color: white;
}


.footer > hr {
    margin-top: 0px;
    margin-bottom: 10px;
}


/***********************************************************************************************/
/* Voor Bootstrap 5 */
/***********************************************************************************************/
/*body {
    font-family: 'Segoe UI';
    font-size: 14px;
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #eee;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    padding-left: 15px;
    text-decoration: none;
}
.nav {
    display: flow-root;
}

.float-end {
    margin-top: 5px;
}

.btn-primary.active {
    background-color: darkgreen;
}

.btn-group > .btn.active {
    background-color: #0b5ed7 !important;
    border-color: #0b5ed7 !important;
}*/

/* Niet gebruikt

.total-foot {
    border-top: 3px solid #97be0d;
}

.mainnavbar {
    background-color: #f5f5f5;    
}

.navlink {
    background-color: #f5f5f5;        
}

a.navlink:hover, a.navlink:focus {
    background-color: white;    
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.navbar-treasury {
    margin: 0;
    padding: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0px;
    background-color: #f5f5f5;
}

.divScroll {
    overflow: scroll;
    height: 1150px;
    width: 850px;
}



.subbar {
    min-height: 48px;
    line-height: 48px;
    font-size: 14px;
    border-top: 1px solid #aed8eb;
    border-bottom: 1px solid #aed8eb;
    margin-bottom: 20px;
}

.subbar-breadcrumb {
    padding-left: 30px;
    color: #999;
}

    .subbar-breadcrumb a {
        color: #aed8eb;
    }

.subbar-search input {
    margin: 0px;
    height: 48px;
    border: none;
    border-left: 1px solid #aed8eb;
    border-right: 1px solid #aed8eb;
    border-radius: 0px;
}

    .subbar-search input:focus {
        box-shadow: none;
    }

.subbar-search .btn {
    margin: 0;
    padding: 0 20px;
    height: 48px;
    border-radius: 0px;
    margin-left: 0px;
}

.subbar-search .btn-search {
    background-color: white;
}

    .subbar-search .btn-search:hover {
        background-color: #aed8eb;
    }

.subbar-search .btn:hover {
    margin: 0px;
}

.subbar-search .btn:focus {
    box-shadow: none;
    border: none;
    outline: 0 !important;
    margin: 0;
}

.container-inner {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.2);
    background-color: white;
}
.header {
  padding: 30px;
  height: 150px;
}

.content-footer-icon {
    padding-right: 20px;
    padding-top: 10px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    
}

    .content-footer-icon:hover {
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%);
        filter: none;
        
        cursor: pointer;
    }

.featured {
    min-height: 40px;
}
     
.featured-default {
    border-top: 1px solid #eaece1;
    border-bottom: 1px solid #eaece1;
    background-color: #f4f5ef;
}

.featured-default-service {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    transition: all 0.3s ease-in-out;
}

    .featured-default-service:hover {
        background-color: #dee1d0;
        transform: scale(1.1);
    }

.featured img {
    opacity: .4;
}

.featured ul li {
    font-size: 16px;
    line-height: 28px;
}

    .featured ul li .glyphicon {
        margin-right: 20px;
        color: green;
    }

.top-40 {
    margin-top: 40px;
}

.top-50 {
    margin-top: 50px;
}
.top-20 {
    margin-top: 20px;
}

.drop-box {
    background: #F8F8F8;
    border: 5px dashed #DDD;
    height: 65px;
    text-align: center;
    padding-top: 35px;
}

    .drop-box.dragover {
        border: 5px dashed blue;
    }

.spacer {
    margin-top: 15px;
}

.member {
    min-height: 40px;
}

.member-default {
    border-top: 1px solid #eaece1;
    border-bottom: 1px solid #eaece1;
    background-color: #e7f6fb;
}

.member-default-service {
    position: relative;
    padding: 30px;
    transition: all 0.3s ease-in-out;
    border: 10px solid white;
}

    .member-default-service a {
        text-decoration: none;
    }

.member-default-service:hover {
        background-color: #e7f6fb;
        transform: scale(1.1);
    }

.member img {
    opacity: .4;
}

.member ul li {
    font-size: 16px;
    line-height: 28px;
}

    .member ul li .glyphicon {
        margin-right: 20px;
        color: green;
    }

.small-select {
    padding: 5px 10px;
}

.style-select {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 25px;
    margin-left: auto;
    margin-right: 10px;
}


.btn-recalc {
    padding-top: 0px;
    padding-bottom: 0px;
    float: right;
    margin-top: 2px;
}

.btn-outline-primary, .btn-outline-primary:focus {
    background-color: transparent;
    background-image: none;
    border-color: #0275d8;
    color: #0275d8;
}

    .btn-outline-primary:hover, .btn-outline-primary:focus:hover {
        background-color: #0275d8;
        border-color: #0275d8;
        color: #fff;
    }

.lose-padding {
    padding-left: 0;
    padding-right: 0;
}

*/