/***********************************/
/********* HEADING STYLES **********/
/***********************************/
h1, .h1 {  }
h2, .h2 {  }
h3, .h3 {  }
h4, .h4 {  }
h5, .h5 {  }
h6, .h6 {  }

@media (max-width: 767px) {
    .xs-h1 { font-size: 36px; }
    .xs-h2 { font-size: 30px; }
    .xs-h3 { font-size: 24px; }
    .xs-h4 { font-size: 18px; }
    .xs-h5 { font-size: 14px; }
}
@media (min-width: 768px) {
    .sm-h1 { font-size: 36px; }
    .sm-h2 { font-size: 30px; }
    .sm-h3 { font-size: 24px; }
    .sm-h4 { font-size: 18px; }
    .sm-h5 { font-size: 14px; }
}
@media (min-width: 992px) {
    .md-h1 { font-size: 36px; }
    .md-h2 { font-size: 30px; }
    .md-h3 { font-size: 24px; }
    .md-h4 { font-size: 18px; }
    .md-h5 { font-size: 14px; }
}
@media (min-width: 1200px) {
    .lg-h1 { font-size: 36px; }
    .lg-h2 { font-size: 30px; }
    .lg-h3 { font-size: 24px; }
    .lg-h4 { font-size: 18px; }
    .lg-h5 { font-size: 14px; }
}
/***********************************/
/******* END HEADING STYLES ********/
/***********************************/
@media (max-width: 600px) {
    .hidden-xxs {
        display: none !important;
    }
}
.visible-xxs{
    display: none !important;
}
@media (max-width: 600px) {
    .visible-xxs {
        display: block !important;
    }
}
/***********************************/
/***** Font weight and italics *****/
/***********************************/
.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 600 !important;
}

.font-italic {
    font-style: italic !important;
}
/***********************************/
/******* Vertical alignment ********/
/***********************************/
.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}
/***********************************/
/********* Display property ********/
/***********************************/
.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
/***********************************/
/*********** FORMS STYLES **********/
/***********************************/
.clear-both {
    clear: both;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.fixed {
    position: fixed;
}
.static {
    position: static;
}
.margin-auto {
    margin: auto;
}

.form-control,
.form-group-sm .form-control {
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0px;
    outline: none;
    box-shadow: none;
}
.input-group-addon {
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 0;
}
.alert {
    border-radius: 0px;
}
/* info-box */
.alert-tipp {
    border: 1px solid #ddd;
    border-radius: 0;
}
.alert-tipp strong {
    color: #212121;
}
/***********************************/
/********** HELPERS STYLES *********/
/***********************************/
.text-shadow {
    text-shadow: 1px 1px 1px #d1d1d1;
}
.text-muted {
    color: #777777;
}
.text-primary {
    color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
    color: #286090;
}
.text-success {
    color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
    color: #2b542c;
}
.text-info {
    color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
    color: #245269;
}
.text-warning {
    color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
    color: #66512c;
}
.text-danger {
    color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
    color: #843534;
}
/***********************************/
/******** END HELPERS STYLES *******/
/***********************************/


/************************************/
/******** BOOTSTRAP BUTTONS *********/
/************************************/
.btn {
    border: none;
    border-radius: 0;
    font-weight: 400;
}
.btn,
.btn .glyphicon,
.btn .fa {
    text-shadow: none;
}
.btn.text-shadow,
.btn.text-shadow .glyphicon,
.btn.text-shadow .fa {
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.67);
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none;
}
.btn-danger,
.btn-default,
.btn-info,
.btn-primary,
.btn-success,
.btn-warning,
.btn-default,
.btn-gold,
.btn-silver {
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
    font-weight: 400;
}
.btn:active,
.btn:active:focus {
    outline: none;
}
.btn-primary,
.btn-primary:visited {
    color: #fff;
    background: #336699;
}
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:active:hover {
    background: #286090;
    box-shadow: none;
    font-weight: 400;
}

.btn-info,
.btn-info:visited {
    color: #fff;
    background: #76a9dc;
}
.btn-info:focus,
.btn-info:hover,
.btn-info:active,
.btn-info:active:focus,
.btn-info:active:hover {
    background: #336699;
    font-weight: 400;
}
.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #76a9dc;
    background-image: none;
    font-weight: 400;
}


.btn-success,
.btn-success:visited {
    color: #fff;
    background: #48a43f;
    font-weight: 400;
}
.btn-success:focus,
.btn-success:hover,
.btn-success:active,
.btn-success:active:focus,
.btn-success:active:hover {
    background: #29713F;
}
.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover{
    background-color: #48a43f;
    background-image: none;
    font-weight: 400;
}

.btn-default,
.btn-default:visited {
    color: #fff;
    background: #696969;
    font-weight: 400;
}
.btn-default:focus,
.btn-default:hover,
.btn-default:active,
.btn-default:active:focus,
.btn-default:active:hover{
    color: #fff;
    background: #3f3f3f;
    box-shadow: none;
}
.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #696969;
    background-image: none;
    font-weight: 400;
}


.btn-warning,
.btn-warning:visited {
    color: #fff;
    background: #f0ad4e;
    font-weight: 400;
}
.btn-warning:focus,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:active:focus,
.btn-warning:active:hover {
    background: #eb9316;
    box-shadow: none;
}
.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    background-image: none;
    font-weight: 400;
}

.btn-danger,
.btn-danger:visited {
    color: #fff;
    background: #e9232a;
    font-weight: 400;
}
.btn-danger:focus,
.btn-danger:hover,
.btn-danger:active,
.btn-danger:active:focus,
.btn-danger:active:hover {
    background: #d62027;
    box-shadow: none;
}
.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #e9232a;
    background-image: none;
}

.btn-gold,
.btn-gold:visited {
    color: #fff;
    background: #a37e2b;
    font-weight: 400;
}
.btn-gold:focus,
.btn-gold:hover,
.btn-gold:active,
.btn-gold:active:focus,
.btn-gold:active:hover {
    color: #fff;
    background: #927025;
    box-shadow: none;
}

.btn-silver,
.btn-silver:visited {
    color: #fff;
    background: #818181;
    font-weight: 400;
}
.btn-silver:focus,
.btn-silver:hover,
.btn-silver:active,
.btn-silver:active:focus,
.btn-silver:active:hover {
    color: #fff;
    background: #696969;
    box-shadow: none;
}
.btn-outline-secondary,
.btn-outline-secondary:visited {
    color: #555;
    text-align: center;
    background-color: #eee;
}
.btn-outline-secondary:focus,
.btn-outline-secondary:hover,
.btn-outline-secondary:active,
.btn-outline-secondary:active:focus,
.btn-outline-secondary:active:hover {
    color: #555;
    background-color: #ddd;
}
/****************************************/
/******** END BOOTSTRAP BUTTONS *********/
/****************************************/


/****************************************/
/*********** START list-group ***********/
/****************************************/

a.list-group-item {
    z-index: 1;
}

.list-group-item-heading{
    font-weight: 600;
}

/****************************************/
/*********** END list-group *************/
/****************************************/


/****************************************/
/****** START BOOTSTRAP PAGINATION ******/
/****************************************/
.pagination{
    user-select: none;
}
.pagination ul{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 0px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.pagination>li>a{
    margin-right: 4px;
    border-radius: 0px;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    margin-top: 1px;
    border-color: #3f3f3f;
    background: #323232;
    color: #fff;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
    outline:none;
    outline-color: transparent;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;
    color: #717171;
    background-color: #eee;
    border-color: #ddd;
    outline: none;
    ouline-color: transparent;
}

.pagination>li>span.ellipsis,
.pagination>li>span.ellipsis:hover {
    margin-right: 4px;
    background: transparent;
    box-shadow: none;
    color: #717171;
    border-color: transparent;
}
.pagination .disabled a,
.pagination .disabled a:hover,
.pagination .disabled span{

}
.pagination li:first-child a,
.pagination li:first-child span {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.pagination>li.disabled>a,
.pagination>li.disabled>span,
.pagination>li.disabled>a:hover,
.pagination>li.disabled>span:hover {
    color: #717171;
    background-color: #eee;
    border-color: #ddd;
    background-image: none;
    opacity: 0.6;
}
.pagination .form-control {
    border-radius: 0px;
    height: 31px;
    line-height: 0.875em;
    font-size: 0.875em;
}
.pagination .form-control,
.pagination .form-control:focus {
    outline: none;
    outline-color: transparent;
    box-shadow:none;
    border-left-color: rgb(204, 204, 204);
    border-radius: 0px;
}
.pagination .input-group-addon {
    border-top-left-radius: 3px;
    border-bottom-left-radius:3px;
}
.pagination .input-group-addon {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.pagination .input-group-addon span {
    font-size: 0.875em;
}

/******** PAGINATION INVERSE THEME *********/

.pagination.inverse>li>a,
.filter.inverse>li>a{
    margin-right: 4px;
    border-radius: 0px;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
    border: solid 1px #3e4347;
    background: #3e4347;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
    /*border-radius: 3px;*/
}
.pagination.inverse>.active>a,
.pagination.inverse>.active>a:focus,
.pagination.inverse>.active>a:hover,
.pagination.inverse>.active>span,
.pagination.inverse>.active>span:focus,
.pagination.inverse>.active>span:hover,

.filter.inverse>.active>a,
.filter.inverse>.active>a:focus,
.filter.inverse>.active>a:hover,
.filter.inverse>.active>span,
.filter.inverse>.active>span:focus,
.filter.inverse>.active>span:hover {
    margin-top: 1px;
    color: #fff;
    border: none;
    background: #2f3237;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);

    margin-top: 0;
    border: solid 1px #2f3237;
    box-shadow: none;
}
.pagination.inverse>li>a:focus,
.pagination.inverse>li>a:hover,
.pagination.inverse>li>span:focus,
.pagination.inverse>li>span:hover,

.filter.inverse>li>a:focus,
.filter.inverse>li>a:hover,
.filter.inverse>li>span:focus,
.filter.inverse>li>span:hover {
    color: #fff;
    background: #2f3237;
    border: solid 1px #32373b;
}
.pagination.inverse>li.disabled>a,
.pagination.inverse>li.disabled>a:focus,
.pagination.inverse>li.disabled>a:hover,
.pagination.inverse>li.disabled>span:focus,
.pagination.inverse>li.disabled>span:hover,

.filter.inverse>li.disabled>a,
.filter.inverse>li.disabled>a:focus,
.filter.inverse>li.disabled>a:hover,
.filter.inverse>li.disabled>span:focus,
.filter.inverse>li.disabled>span:hover{
    color: #b1b1b1;
    background: #2f3237;
    border-color: #32373b;
    opacity: 0.6;
}
.pagination.inverse>li>span.ellipsis,
.pagination.inverse>li>span.ellipsis:hover,

.filter.inverse>li>span.ellipsis,
.filter.inverse>li>span.ellipsis:hover
{
    margin-right: 4px;
    background: transparent;
    box-shadow: none;
    border-color: transparent;
    color: #3f3f3f;
}
.pagination.inverse .input-group-addon,
.filter.inverse .input-group-addon {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: solid 1px #3e4347;
    background: #3e4347;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #fefefe;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}
.pagination.inverse .input-group .form-control:last-child,
.pagination.inverse .input-group-addon:last-child,
.pagination.inverse .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,

.pagination.inverse .form-control:last-child,

.filter.inverse .input-group .form-control:last-child,
.filter.inverse .input-group-addon:last-child,
.filter.inverse .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,

.filter.inverse .form-control:last-child,

.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border: solid 1px #3e4347;
    background: #41464a;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #ffffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}


/******** PAGINATION DARK THEME *********/

.pagination.dark>li>a {
    margin-right: 4px;
    border-radius: 0px;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
    border: solid 1px #336699;
    background: #336699;
    box-shadow: 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}
.pagination.dark>.active>a,
.pagination.dark>.active>a:focus,
.pagination.dark>.active>a:hover,
.pagination.dark>.active>span,
.pagination.dark>.active>span:focus,
.pagination.dark>.active>span:hover {
    margin-top: 0;
    color: #fff;
    background: #305f8e;
    border-color: #2d5884;
    box-shadow: none;
}
.pagination.dark>li>a:focus,
.pagination.dark>li>a:hover,
.pagination.dark>li>span:focus,
.pagination.dark>li>span:hover {
    color: #fff;
    background: #305f8e;
    border: solid 1px #305f8e;
}
.pagination.dark>li.disabled>a,
.pagination.dark>li.disabled>a:focus,
.pagination.dark>li.disabled>a:hover,
.pagination.dark>li.disabled>span:focus,
.pagination.dark>li.disabled>span:hover {
    color: #ffffff;
    background: #336699;
    border-color: #336699;
    opacity: 0.6;
}
.pagination.dark>li>span.ellipsis,
.pagination.dark>li>span.ellipsis:hover {
    margin-right: 4px;
    background: transparent;
    box-shadow: none;
    border-color: transparent;
    color: #dddddd;
}
.pagination.dark .input-group-addon {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: solid 1px #336699;
    background: #336699;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #ffffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}
.pagination.dark .input-group .form-control:last-child,
.pagination.dark .input-group-addon:last-child,
.pagination.dark .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border: solid 1px #5285b8;
    background: #fff;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    text-shadow: none;
    color: #717171;
    font-weight: 600;
}



.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
    margin: 0;
    outline: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    color: white !important;
    background-color: #585858;
    background: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    color: white !important;
    background-color: #585858;
    background: transparent!important;
    box-shadow: none!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
    outline: none;
}

/****************************************/
/******* END BOOTSTRAP PAGINATION *******/
/****************************************/


/****************************************/
/**** START BOOTSTRAP ARROWS WIZARD *****/
/****************************************/
.fd-theme-arrows ul.step-anchor{
    -moz-transition: background-color none;
    -webkit-transition: background-color none;
    -o-transition: background-color none;
    transition: background-color none;
}
.fd-theme-arrows .glyphicon,
.fd-theme-arrows .fa {
    text-shadow: none;
}
.fd-theme-arrows.text-shadow > ul.step-anchor > li > a,
.fd-theme-arrows.text-shadow .glyphicon,
.fd-theme-arrows .fa {
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.67);
}
.fd-theme-arrows .nav-tabs>li>a:hover {
    border-color: transparent;
}
.fd-theme-arrows .fd-container {
    min-height: 200px;
}
.fd-theme-arrows .step-content {
    padding: 10px 0;
    border: 0px solid #D4D4D4;
    background-color: #FFF;
    text-align: left;
}
.fd-theme-arrows .fd-toolbar {
    background: #fff;
    border-radius: 0;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0;
}
.fd-theme-arrows .fd-toolbar-top {
    border-bottom-color: #fff;
}
.fd-theme-arrows .fd-toolbar-bottom {
    border-top-color: #fff;
    border-bottom-color: #ddd;
}
.fd-theme-arrows > ul.step-anchor {
    display: block;
    border: 0px solid #ccc;
    padding: 0px;
    background: #f5f5f5;
    border-radius: 0;
    list-style: none;
    overflow: hidden;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.fd-theme-arrows > ul.step-anchor li+li:before {
    padding: 0;
}
.fd-theme-arrows > ul.step-anchor > li {
    float: left;
    padding: 0;

    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}
.fd-theme-arrows > ul.step-anchor > li > a {
    width: 100%;
    color: #bbb;
    text-decoration: none;
    padding: 10px 0 10px 45px;
    position: relative;
    display: block;
    float: left;
    border-radius: 0;
    outline-style:none;
    background: #696969;

    transition-delay: 0.01s;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}
.fd-theme-arrows > ul.step-anchor > li > a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #696969;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}
.fd-theme-arrows > ul.step-anchor > li:last-child > a:after,
.fd-theme-arrows > ul.step-anchor > li:last-child > a:before {
    display:none;
}
.fd-theme-arrows > ul.step-anchor > li > a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}
.fd-theme-arrows > ul.step-anchor > li:first-child > a {
    padding-left: 15px;
}



.fd-theme-arrows.light > ul.step-anchor > li > a{
    color: #696969;
    background: #e9e9e9;
}
.fd-theme-arrows.light > ul.step-anchor > li > a .glyphicon,
.fd-theme-arrows.light > ul.step-anchor > li > a .fa {
    color: #999;
}
.fd-theme-arrows.light > ul.step-anchor > li > a:after {
    border-left: 30px solid #e9e9e9;
}

.fd-theme-arrows.light > ul.step-anchor > li > a:after {
    border-left: 30px solid #e9e9e9;
}


.fd-theme-arrows > ul.step-anchor > li > a:hover  {
    /*color: #bbb;
    text-decoration: none;
    outline-style:none;
    background: #ffc107;
    border-color: #ffc107;*/
}
.fd-theme-arrows > ul.step-anchor > li > a:hover:after {
    /*border-left-color: #ffc107;*/
}
.fd-theme-arrows > ul.step-anchor > li > a small{
}

.fd-theme-arrows > ul.step-anchor > li.disabled > a,
.fd-theme-arrows > ul.step-anchor > li.disabled > a:hover {
    color: #eee;
    background: #696969;
}
.fd-theme-arrows > ul.step-anchor > li.disabled > a:hover {
    color: #eee;
    background: #696969;
}

.fd-theme-arrows.light > ul.step-anchor > li.disabled > a,
.fd-theme-arrows.light > ul.step-anchor > li.disabled > a:hover  {
    color: #696969;
    background: #e9e9e9;
}
.fd-theme-arrows.light > ul.step-anchor > li.disabled > a .glyphicon,
.fd-theme-arrows.light > ul.step-anchor > li.disabled > a .fa {
    color: #999;
}
.fd-theme-arrows.light > ul.step-anchor > li.disabled > a:after {
    border-left: 30px solid #e9e9e9;
}


.fd-theme-arrows > ul.step-anchor > li.clickable > a:hover {
    color: #4285F4;
    background: #46b8da;
}

.fd-theme-arrows > ul.step-anchor > li.active > a,
.fd-theme-arrows > ul.step-anchor > li.active > a:hover {
    border-color: #336699;
    color: #fff;
    background: #336699;
}
.fd-theme-arrows > ul.step-anchor > li.active > a:after,
.fd-theme-arrows > ul.step-anchor > li.done > a:after {
    border-left: 30px solid #336699;
    /*transition-delay: 0.01s;*/
}
.fd-theme-arrows.light > ul.step-anchor > li.active > a,
.fd-theme-arrows.light > ul.step-anchor > li.active > a:hover {
    border-color: #76a9dc;
    color: #fff;
    background: #76a9dc;
}
.fd-theme-arrows.light > ul.step-anchor > li.active > a .glyphicon,
.fd-theme-arrows.light > ul.step-anchor > li.active > a .fa {
    color: #fff;
}

.fd-theme-arrows.light > ul.step-anchor > li.active > a:after {
    border-left: 30px solid #76a9dc;
}

.fd-theme-arrows.light > ul.step-anchor > li.done > a {
    border-color: #76a9dc;
    color: #fff;
    background: #76a9dc;
}
.fd-theme-arrows.light > ul.step-anchor > li.done > a,
.fd-theme-arrows.light > ul.step-anchor > li.done > a:hover {
    border-color: #336699;
    color: #fff;
    background: #336699;
}
.fd-theme-arrows.light > ul.step-anchor > li.done > a .glyphicon,
.fd-theme-arrows.light > ul.step-anchor > li.done > a .fa {
    color: #fff;
}
.fd-theme-arrows.light > ul.step-anchor > li.done > a:after {
    border-left: 30px solid #336699;
}
.fd-theme-arrows > ul.step-anchor > li.danger > a {
    border-color: #d9534f;
    color: #d9534f;
    background: #fff;
}

/****************************************/
/***** END BOOTSTRAP ARROWS WIZARD ******/
/****************************************/

/****************************************/
/**** START BOOTSTRAP CIRCLES WIZARD ****/
/****************************************/

/* SmartWizard Theme: Dots */
.fd-theme-dots{
}
.fd-theme-dots .fd-container {
    min-height: 300px;
}
.fd-theme-dots .step-content {
    margin-top: 45px;
    padding: 10px 0;
    border: 0px solid #D4D4D4;
    background-color: #FFF;
    text-align: left;
}
.fd-theme-dots .fd-toolbar{
    background: #fff;
    border-radius: 0;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0;
}
.fd-theme-dots .fd-toolbar-top{
    border-bottom-color: #ddd;
}
.fd-theme-dots .fd-toolbar-bottom{
    border-top-color: #ddd;
    border-bottom-color: #ddd;
}
.fd-theme-dots > ul.step-anchor{
    background: #fff;
    display: block;
    border: 0px solid #ccc;
    position: relative;
}
.fd-theme-dots > ul.step-anchor:before {
    top: 25px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 5px;
    background-color: #f5f5f5;
    border-radius: 3px;
    z-order: 0;
}
.fd-theme-dots > ul.step-anchor > li{
    position:relative;
    background: #f5f5f5;
    margin-top: 25px;
    height: 5px;
    display: block;
    border-radius: 3px;
}
.fd-theme-dots > ul.step-anchor > li > a {
    position: relative;
    text-align: center;
    font-weight: bold;
    z-index: 1;
    width: 30px;
    height: 30px;
    display: block;
    background: #f5f5f5;
    top: 2px;
    left: 50%;
    margin-top: -15px;
    border-radius: 50%;
    border: 0;

    color: #428bca;
    text-decoration: none;
}
.fd-theme-dots > ul.step-anchor > li > a,
.fd-theme-dots > ul.step-anchor > li > a:hover,
.fd-theme-dots > ul.step-anchor > li > a:active,
.fd-theme-dots > ul.step-anchor > li > a:visited,
.fd-theme-dots > ul.step-anchor > li > a:focus,
.fd-theme-dots > ul.step-anchor > li > a:active:hover {
    border: none;
    outline: none;
}
.fd-theme-dots > ul.step-anchor > li > a small {
     position: absolute;
     display: block;
     width: 100px;
     left: -50px;
     right: -50px;
     margin: auto;
     color: #999;
     margin-top: 35px;
}
.fd-theme-dots > ul.step-anchor > li:last-child > a small {
    left: auto;
    right: 0;
    text-align: right;
}
.fd-theme-dots > ul.step-anchor > li > a,
.fd-theme-dots > ul.step-anchor > li > a:hover  {
    color: #bbb;
    text-decoration: none;
    outline-style:none;
    background: #f5f5f5;

    position: absolute;
    right: 0;
    padding: 0;
    left: 100%;
    margin-left: -15px;
    right: -15px;
    margin-top: -15px;
}
.fd-theme-dots > ul.step-anchor > li.clickable > a:hover {
    color: #4285F4;
}
.fd-theme-dots > ul.step-anchor > li.active {
    background: #fbbd19;
}
.fd-theme-dots > ul.step-anchor > li.active > a {
    border-color: #4285F4;
    color: #4285F4;
    background: #fbe8aa;

    position: absolute;
    right: 0;
    padding: 0;
    left: 100%;
    margin-left: -15px;
    right: -15px;
    margin-top: -15px;
}
.fd-theme-dots > ul.step-anchor > li.active > a:after {
    content: ' ';
    width: 14px;
    height: 14px;
    background: #fbbd19;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px;
}
.fd-theme-dots > ul.step-anchor > li.done {
    background: #fbbd19;
}
.fd-theme-dots > ul.step-anchor > li.done > a {
    border-color: #5cb85c;
    color: #5cb85c;
    background: #fbe8aa;

    position: absolute;
    right: 0;
    padding: 0;
    left: 100%;
    margin-left: -15px;
    right: -15px;
    margin-top: -15px;
}
.fd-theme-dots > ul.step-anchor > li:last-child > a,
.fd-theme-dots > ul.step-anchor > li:last-child > a:hover {
    margin-left: -30px;
}
.fd-theme-dots > ul.step-anchor > li.done > a:after {
    content: ' ';
    width: 14px;
    height: 14px;
    background: #5cb85c;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px;
}
.fd-theme-dots > ul.step-anchor > li.danger > a {
    border-color: #d9534f;
    color: #d9534f;
    background: #fff ;
}
.fd-theme-dots > ul.step-anchor > li.disabled > a, .fd-theme-dots > ul.step-anchor > li.disabled > a:hover {
    color: #eee;
}

/* Loader Animation
 * Courtesy: http://bootsnipp.com/snippets/featured/loading-button-effect-no-js
 */
@-webkit-keyframes ld {
    0%   { transform: rotate(0deg) scale(1); }
    50%  { transform: rotate(180deg) scale(1.1); }
    100% { transform: rotate(360deg) scale(1); }
}
@-moz-keyframes ld {
    0%   { transform: rotate(0deg) scale(1); }
    50%  { transform: rotate(180deg) scale(1.1); }
    100% { transform: rotate(360deg) scale(1); }
}
@-o-keyframes ld {
    0%   { transform: rotate(0deg) scale(1); }
    50%  { transform: rotate(180deg) scale(1.1); }
    100% { transform: rotate(360deg) scale(1); }
}
@keyframes ld {
    0%   { transform: rotate(0deg) scale(1); }
    50%  { transform: rotate(180deg) scale(1.1); }
    100% { transform: rotate(360deg) scale(1); }
}
.fd-theme-dots > ul.step-anchor > li.loading:before {
    content: '';
    display: inline-block;
    position: absolute;
    background: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #4285f4;
    border-right-color: #4285f4;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    width: 32px;
    height: 32px;
    -webkit-animation: ld 1s ease-in-out infinite;
    -moz-animation:    ld 1s ease-in-out infinite;
    -o-animation:      ld 1s ease-in-out infinite;
    animation:         ld 1s ease-in-out infinite;
}

/****************************************/
/***** END BOOTSTRAP CIRCLES WIZARD *****/
/****************************************/

/********************************************/
/**** START BOOTSTRAP BIG CIRCLES WIZARD ****/
/********************************************/

/*            Navigation menu                */
.wizard-card .nav-pills>li,
.wizard-card .nav-pills>li>a {
    padding: 0;
    color: #696969;
}
.wizard-card .nav-pills>li:hover,
.wizard-card .nav-pills>li>a:hover {
    color: rgba(105, 105, 105, 0.6);
}
.wizard-card .nav-pills>li+li {
    margin: 0;
}
lwizard-navigation>.nav-pills>li>a,
.wizard-navigation>.nav-pills>li>a:focus,
.wizard-navigation>.nav-pills>li>a:hover{
    background: transparent;
    color: #696969;
}
.wizard-navigation>.nav-pills>li.active>a,
.wizard-navigation>.nav-pills>li.active>a:focus,
.wizard-navigation>.nav-pills>li.active>a:hover,
.wizard-navigation>.nav-pills>li.done>a,
.wizard-navigation>.nav-pills>li.done>a:focus,
.wizard-navigation>.nav-pills>li.done>a:hover {
    background: transparent;
    color: #3f3f3f;
}
.wizard-card .picture-container {
    position: relative;
    cursor: pointer;
    text-align: center;
}
.wizard-card .icon-circle {
    font-size: 20px;
    border: 3px solid #e9e9e9;
    text-align: center;
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.2);
    font-weight: 600;
    width: 70px;
    height: 70px;
    background-color: #FFFFFF;
    margin: 0 auto;
    position: relative;
    top: -2px;
}
.wizard-card .nav > li > a{
    padding-left: 0;
    padding-right: 0;
}
.wizard-card .nav > li > a .icon-circle{
    color: #999;
    display: block;
    right: 0;
    left: 0;
    padding-left: 0;
    padding-right: 0;

    transition-duration: 0.5s;
}
.wizard-card .nav > li.done > a .icon-circle {
    border-color: #336699;
}
.wizard-card .nav > li.done > a .icon-circle{
    color: #336699;
}
.wizard-card .nav > li.done > a .icon-circle,
.wizard-card .nav > li.done a,
.wizard-card .nav > li.done {
    color: #818181;
    font-weight: 500;
}
.wizard-card .nav > li.active > a .icon-circle,
.wizard-card .nav > li.active a,
.wizard-card .nav > li.active  {
    color: #a37e2b;
    font-weight: 500;
}


.wizard-card .nav > li.active > a .icon-circle {
    border-color: #336699;
    border-radius:50%;
    transition: border-color 0.5s linear 0.75s, color 1s;
    animation: colorchange2;
    animation-iteration-count:1;/* infinite; */
}

.wizard-card .nav > li:last-child > a icon-circle{
    display: block;
    right: 0;
    left: 0;
    padding-left: 0;
    padding-right: 0;
}
.wizard-card .nav > li:last-child > a {
    display: block;
    right: 0;
    left: 0;
    padding-left: 0;
    padding-right: 0;
}
.wizard-card .nav > li:last-child > a {
    display: block;
    right: 0;
    left: 0;
    padding-left: 0;
    padding-right: 0;
}
.wizard-card .nav .icon-box {
    position: relative;
    background:transparent;
}
.wizard-card .nav li .icon-box:before,
.wizard-card .nav li .icon-box:after {
    position: relative;
    content: ' ';
    height: 3px;
    background: #336699;
    width: 0%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    transition-timing-function: linear;
    transition-duration: 0.5s;
    z-index: 1;
}
.wizard-card .nav li .icon-box:after {
    background: #e9e9e9;
    width: 100%;
    transition-duration: 0s;
    z-index: 0;
    height: 3px;
}
.wizard-card .nav li.active .icon-box:before {
    position: relative;
    content: ' ';
    height: 3px;
    background: #336699;
    width: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    transition-duration: 0.5s;
    transition-delay: 0.5s;
}
.wizard-card .nav li.active:last-child .icon-box:before,
.wizard-card .nav li.done:last-child .icon-box:before {
    width: 100%;
}
.wizard-card .nav li.done .icon-box:before {
    position: relative;
    content: ' ';
    height: 3px;
    background: #336699;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    transition-duration: 0.5s;
}
.wizard-card .nav-pills>li.done+li.active .icon-box:before {
    transition-delay: 0.5s;
}
.wizard-card .nav .icon-circle {
    margin: auto;
    z-index: 1;
    /*margin-right: 0;*/
}
.wizard-card .nav .icon-circle .fa-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    height: 1em;
}
.wizard-card .nav li:first-child .icon-circle {
    margin-left: 0;
}
.wizard-card .nav li:first-child.active .icon-circle:before {
    width: 0%;
}
.wizard-card .nav li:last-child .icon-circle {
    margin-right: 0px;
}
.wizard-card .nav li:last-child.active .icon-circle:before {
    width: 100%;
}
.wizard-card[data-color="red"] .choice.active .card-checkboxes {
    color: #EB5E28;
}
.wizard-card[data-color="red"] .wizard-navigation .progress-bar {
    background-color: #EB5E28;
}


.blink {

    border:3px solid rgba(8, 85, 178, 1);
    background-color:rgba(8, 85, 178, 1);
    height:10px;
    width:10px;
    border-radius:50%;
    animation: colorchange 3s;
    animation-iteration-count:1;/* infinite; */
}
.text-blink-gold {
    animation: textcolorchange-gold 3s;
    animation-iteration-count:1;/* infinite; */
}

@keyframes colorchange
{
    0%   {border:3px solid #7AB7FF;}
    25%   {border:3px solid rgba(8, 85, 178, 1);}
    50%   {border:3px solid #7AB7FF;}
    75% {border:3px solid rgba(8, 85, 178, 1);}
    100%   {border:3px solid #7AB7FF;}
}


@keyframes textcolorchange-gold
{
    0%   {color: #a37e2b;}
    /*25%   {color: #c3a55f;}*/
    50%   {color: #DFCB83;}
    /*75%  {color: #dfb667;}*/
    100%   {color: #a37e2b;}
}
@keyframes textcolorchange
{
    0%   {color: #7AB7FF;}
    25%   {color: rgba(8, 85, 178, 1);}
    50%   {color: #7AB7FF;}
    75%  {color: rgba(8, 85, 178, 1);}
    100%   {color: #7AB7FF;}
}


@keyframes colorchange2
{
    0%   {border:3px solid #e9e9e9;}

    75%  {border:3px solid #7AB7FF;}
    100% {border:3px solid rgba(8, 85, 178, 1);}
}
/********************************************/
/***** END BOOTSTRAP BIG CIRCLES WIZARD *****/
/********************************************/

/********************************************/
/********** START SQUARED ACCORDION *********/
/********************************************/
.fd-list-group.white  {

}

.panel-group.fd-list-group.white .panel+.panel {
    margin-top: 0px;
}
.fd-list-group dl dt,
.fd-list-group dl dd {
    line-height: 1.4em;
    display: block;
}
.fd-list-group.white .list-group-item {
    padding-left: 20px;
    padding-right: 20px;
}
.fd-list-group.white .fd-list-content {
    position: relative;
}
.fd-list-group.white .pipeline-left {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.5em;
    border-right: 1px solid #dddddd;
}
.fd-list-group.white .pipeline-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.5em;
    border-right: 1px solid #dddddd;
}
.fd-list-group.white a.list-group-item.fd-list-group-item {
    border-bottom: 1px solid #dddddd;
}
.fd-list-group.white a.list-group-item.fd-list-group-item[aria-expanded="true"] {
    background: #fff;
    color: #336699;
    border-bottom: 1px solid #336699;
}
.fd-list-group.white a.list-group-item.fd-list-group-item:before {
    content: " ";
    background: #d1d1d1;
    height: 1px;
    width: 0px;
    display: block;
    position: absolute;
    bottom: -1px;
    transition-duration: 0.75s;
    transition-timing-function: ease-in;
    left: 0px;
}
.fd-list-group.white a.list-group-item.fd-list-group-item:hover:before {
    width:100%;
    background: #336699;
}

.fd-list-group.white > .hover-link.panel{
    margin-bottom: 0;
    border-left: none;
    border-right: none;
}
.fd-list-group.white > hover-link.panel:hover{
    border-bottom-color: #336699;
    transition: border-color 0s linear 0.75s;
}
.fd-list-group.white a.list-group-item:focus,
.fd-list-group.white a.list-group-item:hover,
.fd-list-group.white button.list-group-item:focus,
.fd-list-group.white button.list-group-item:hover {
    color: #336699;
    background: transparent;
    outline: none;
}
.fd-list-group.white a.list-group-item:focus .fa.blink-gold,
.fd-list-group.white a.list-group-item:hover .fa.blink-gold,
.fd-list-group.white button.list-group-item:focus .fa.blink-gold,
.fd-list-group.white button.list-group-item:hover .fa.blink-gold {
    animation: textcolorchange-gold 3s;
    animation-iteration-count: 1
}
.fd-list-group a.list-group-item {
    position: relative;
}
.fd-list-group.white .fd-list-icon {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 35px;
    color: #a37e2b;
}
.fd-list-group.white .fd-list-icon > span {
    top: 0;
    bottom: 0;
    left: 8px;
    margin: auto;
    height: 1em;
    line-height: 1em;
    position: absolute;
    color: #a37e2b;
    text-shadow: none;
}
.fd-list-group.white .fd-list-icon > span .fa {
    color: #a37e2b;
    text-shadow: none;
}

.fd-list-group.white .fd-list-content {
    display: inline-block;
    width: 100%;
    padding: 0 1em 0 1em;
    border-right: none;
}
.fd-list-group.white .fd-list-action {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1em;
}
.fd-list-group.white .fd-list-action i {
    right: 10px;
    vertical-align: middle;
    line-height: 0.8em;
    font-size: 1em;
    text-shadow: none;
    top: 0;
    bottom: 0;
    position: absolute;
    height: 1em;
    margin: auto;
}

.fd-list-group.white .dl-horizontal {
    margin-top: 0;
}
.fd-list-group.white .collapse,
.fd-list-group.white .collapseing {
    margin-top: 0;
}
.fd-list-group.white .panel-body {
    background: rgba(249,249,249,0.8);
    border-bottom: 1px solid #dddddd;
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
    animation:none;
    transition-duration:0s;
    transition-delay:0s;
    background-size: auto 80%;
    padding: 0;
}
.fd-list-group.white .panel-body > p,
.fd-list-group.white .panel-body > div {
    margin: 0;
    padding: 5px 10px 5px 10px;
}
.fd-list-group.white .panel-body > p:first-child {
    padding-top: 10px;
}
.fd-list-group.white .panel-body > p:last-child {
    padding-bottom: 10px;
}

.list-group.bullets .list-group-item {
    border-bottom: 1px solid #ddd;
    padding-left: 0;
}


.list-group .bullet {
    background: rgba(221, 221, 221, 0.42);
    width: 26px;
    padding: 2px 6px 2px 8px;
    margin-right: 5px;
    text-align: center;
    display: inline-block;
}

.squared.nav-tabs.cols-2 >li {
    width: 50%;
}
.squared.nav-tabs.cols-3 >li {
    width: 33.33333333333333%;
}
.squared.nav-tabs.cols-4 >li {
    width: 25%;
}
.squared.nav-tabs.cols-2 >li {
    width: 50%;
}
.squared.nav-tabs>li>a {
    border-radius: 0;
}
.squared.nav-tabs>li>a {
    margin-bottom: 10px;
    margin-right: 10px;
    background: #efefef;

    background: #336699;
    color: #ffffff;
}
.squared.nav-tabs>li:hover>a {
    background: #336699;
    color: #ffffff;
}
.squared.nav-tabs>li:last-child>a {
    margin-right: 0;
}
.squared.nav-tabs>li.active>a {
    margin-bottom: 0;
    background: #fff;
    padding-bottom: 20px;

    color: #336699;
    font-weight: 600;
}

.squared.panel-group .panel-body {
    padding: 20px 10px;
}
.squared.panel-group .panel+.panel {
    margin-top: 0;
}
.squared.panel-group .panel {
    border: none;
}
.squared.fd-list-group .dl-horizontal {
    margin-top: 0;
}
.squared.fd-list-group .dl-horizontal p {
    position: relative;
}
.squared.fd-list-group .dl-horizontal p:last-child:before {
    content: " ";
    position: absolute;
    bottom: -22px;
    left: -10px;
    right: -10px;
    height: 14px;
    border-left: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}
.squared .list-group-item {
    padding: 10px 40px;
    background: #efefef;
    border-bottom: 1px solid rgba(0,0,0,.3);
}
.squared a.list-group-item:hover,
.squared a.list-group-item:active,
.squared a.list-group-item:focus {
    color: #336699;
    background-color: #d4d4d4;
}
.squared .fd-list-content {
    display: inline-block;
    width: 100%;
    padding: 0 1em 0 1em;
    border-right: none;
    font-weight: 600;
}
.squared .fd-list-icon {
    width: auto;
    position: absolute;
    display: block;
    background: #336699;
    left: 0;
    top: 0;
    bottom: -1px;
    border-bottom: 1px solid rgba(0,0,0,.3);
}
.squared .fd-list-icon span {
    padding: 5px 20px;
    margin: auto;

    position: relative;
    display: block;
    height: 100%;
    font-size: 24px;
}
.squared .list-group-item .fd-list-icon span i {
    color: #efefef;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    height: 1em;
}

.squared .list-group-item[aria-expanded="true"] {
}
.squared .list-group-item[aria-expanded="true"] .fd-list-icon span {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);
}
/********************************************/
/********** END SQUARED ACCORDION ***********/
/********************************************/


/********************************************/
/************* START DATATABLES *************/
/********************************************/
table.table-responsive.table-splited {
    border: none;
}
table.table.table-splited {
    border-collapse: separate;
    border-spacing: 0 0.5em;
}
table.table.table-splited thead>tr>th {
    background: #336699;
    color: #fff;
    padding: 10px;
    padding-right: 25px;
    border-color: #336699;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
table.table.table-splited.gray-scale thead>tr>th {
    background: #eeeeee;
    color: #3f3f3f;
    border-color: #dddddd;
}
table.table.table-splited thead>tr>th.sorting_disabled {
    padding-right: 10px;
}

table.table.table-splited thead:first-child>tr>th.success-text {
    color: #dff0d8;
}
table.table.table-splited thead:first-child>tr>th.danger-text {
    color: #f2dede;
}
table.table.table-splited td.nowrap {
    white-space: nowrap;
}
table.table.table-splited td.wrap {
    white-space: normal;
}
table.table.table-splited td.number {
    text-align: right;
}
table.table.table-splited td.align-middle {
    vertical-align: middle;
}
table.table.table-splited td .fa-sm {
    font-size: 18px;
}
table.table.table-splited>tbody>tr.parent>td {
}
table.table.table-splited > tbody > tr.child:after {
    content: ' ';
    height: 7px;
    display: block;
    background: #f9f9f9;
    position: absolute;
    left: 15px;
    right: 15px;
    margin-top: -8px;
    z-index: 0;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;


    display: none;
}
table.table.table-splited> tbody > tr:hover + tr.child:after {
    background: #f5f5f5;
}

table.table.table-splited table.table-details {
    width: 100%;
    margin-bottom: 0;
}
table.table.table-splited > tbody > tr.child {
    padding: 0;
}
table.table.table-splited > tbody > tr.child > td.child {
    border-top: 1px dashed #ddd;
    padding: 0;
    padding-bottom:1px;
}
table.table.table-splited table.table-details > tbody > tr > td {
    border-bottom: 1px dashed #ddd;
}
table.table.table-splited .table-details tr > td:first-child {
    background: #f9f9f9
}
table.table.table-splited.controls .table-details tr:last-child > td:last-child {
    text-align: right;
}
table.table.table-splited.controls .table-details tr:last-child > td {
    background: transparent;
}
table.table.table-splited .table-details tr:last-child > td {
    border-bottom: none;
}
table.table.table-splited .dts-hidden {
    display: block;
}
table.table.table-splited .table-details .dts-hidden {
    display: none;
}
table.table.table-splited .dts-visible {
    display: none;
}
table.table.table-splited .table-details .dts-visible {
    display: block;
}
table.table.table-splited tbody tr th *,
table.table.table-splited tbody tr td * {
    text-shadow: none;
}
table.table.table-splited thead tr th.sorting_asc,
table.table.table-splited thead tr th.sorting_desc,
table.table.table-splited>thead:first-child>tr:first-child>th.sorting_asc,
table.table.table-splited>thead:first-child>tr:first-child>th.sorting_desc {
    background: #3f3f3f;
    border-color: #3f3f3f;
    background-image: -webkit-linear-gradient(top,#3f3f3f 0%, #696969 100%);
    background-image: -moz-linear-gradient(top, #3f3f3f 0%, #696969 100%);
    background-image: -o-linear-gradient(top, #3f3f3f 0%, #696969 100%);
    background-image: linear-gradient(top, #3f3f3f 0%, #696969 100%);
}
table.table.table-splited tbody tr.even td.sorting_1 {
    background: #efefef;
    position: relative;
}
table.table.table-splited tbody tr.parent.even td.sorting_1:after {
    content: ' ';
    height: 7px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    background: #efefef;
    bottom: -6px;
    z-index: 1;

    display: none;
}
table.table.table-splited tbody tr.odd td.sorting_1 {
    background: #efefef;
    position: relative;
}


table.table.table-splited tbody tr.parent.odd td.sorting_1:after {
    content: ' ';
    height: 7px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    background: #efefef;
    bottom: -6px;
    z-index: 1;

    display: none;
}

table.table.table-splited.no-footer {
    border-bottom: none;
}


table.table.table-splited>caption+thead>tr:first-child>td,
table.table.table-splitede>caption+thead>tr:first-child>th,
table.table.table-splited>colgroup+thead>tr:first-child>td,
table.table.table-splited>colgroup+thead>tr:first-child>th{
    border-top: 1px solid #ddd;
}
table.table.table-splited>thead:first-child>tr:first-child>td,
table.table.table-splited>thead:first-child>tr:first-child>th {
    border-top: 1px solid #336699;
}
table.table.table-splited.gray-scale>thead:first-child>tr:first-child>td,
table.table.table-splited.gray-scale>thead:first-child>tr:first-child>th {
    border-top: 1px solid #dddddd;
}

table.table.table-splited>tbody>tr>td,
table.table.table-splited>tbody>tr>th,
table.table.table-splited>tfoot>tr>td,
table.table.table-splited>tfoot>tr>th {
    border-bottom: 1px solid #ddd;
}
table.table.table-splited>thead>tr>td,
table.table.table-splited>thead>tr>th {
    border-bottom: 1px solid #336699;
}

table.table.table-splited>tbody>tr>td:first-child,
table.table.table-splited>tbody>tr>th:first-child,
table.table.table-splited>tfoot>tr>td:first-child,
table.table.table-splited>tfoot>tr>th:first-child {
    border-left: 1px solid #ddd;
}
table.table.table-splited>thead>tr>td:first-child,
table.table.table-splited>thead>tr>th:first-child {
    border-left: 1px solid #336699;
}

table.table.table-splited>tbody>tr>td.last-child,
table.table.table-splited>tbody>tr>th.last-child,
table.table.table-splited>tfoot>tr>td.last-child,
table.table.table-splited>tfoot>tr>th.last-child {
    border-right: 1px solid #ddd;
}
table.table.table-splited>thead>tr>td.last-child,
table.table.table-splited>thead>tr>th.last-child {
    border-right: 1px solid #336699;
}

table.table.table-splited>tbody>tr>td:last-child,
table.table.table-splited>tbody>tr>th:last-child,
table.table.table-splited>tfoot>tr>td:last-child,
table.table.table-splited>tfoot>tr>th:last-child,
table.table.table-splited>tbody>tr>td.border-right{
    border-right: 1px solid #ddd;
}
table.table.table-splited.gray-scale>thead>tr>td,
table.table.table-splited.gray-scale>thead>tr>th {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
table.table.table-splited.gray-scale>thead>tr>td:first-child,
table.table.table-splited.gray-scale>thead>tr>th:first-child {
    border-left: 1px solid #ddd;
}
table.table.table-splited.gray-scale>thead>tr>td:last-child,
table.table.table-splited.gray-scale>thead>tr>th:last-child {
    border-right: 1px solid #ddd;
}
table.table.table-splited thead .sorting:after,
table.table.table-splited thead .sorting_asc:after,
table.table.table-splited thead .sorting_desc:after {
    font-weight: normal;

    vertical-align: middle;
    top: 0;
    bottom: 0;
    margin: auto;
    display: table;
}

table.table.table-splited td.valign-bottom {
    vertical-align: bottom!important;
}
table.table.table-splited td.valign-middle {
    vertical-align: middle!important;
}
table.table.table-splited td.valign-top {
    vertical-align: top!important;
}


table.table.table-splited .zins-pa {
    font-size: 1.6em;
    font-weight: 600;
    white-space: nowrap;
}

table.table.table-splited .laufzeit {
    font-weight: 500;
}

table.table.table-splited a.bank-logo {
    height: 30px;
    max-height: 30px;
    display: block;
    line-height: 30px;
    vertical-align: middle;
}
table.table.table-splited .bank-logo>.img-responsive {
    max-width: 140px;
    max-height:30px;
    display: inline;
}
table.table.table-splited .bank-country {
    font-size: 0.9em;
}

table.table.table-splited .pdf-link {
    font-size: 0.9em;
}

table.table.table-splited .zinsertrag {
    font-size: 1.2em;
    font-weight: 600;
}
table.table.table-splited .bonus {
    display: block;
    font-size: 0.9em;
}
table.table.table-splited .bonus_tooltip {
    cursor: default;
    font-weight: 600;
}


table.table.table-splited .sorting_asc,
table.table.table-splited .sorting_desc,
table.table.table-splited .sorting{
    padding-right: 30px;
}
table.table.table-splitede span:active,
table.table.table-splited div:active {
    outline: none;
}
table.table.table-splited span.sorting,
table.table.table-splited span.sorting_asc,
table.table.table-splited span.sorting_desc,
table.table.table-splited span.sorting_asc_disabled,
table.table.table-splited span.sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}
table.table.table-splited span.sorting:after,
table.table.table-splited span.sorting_asc:after,
table.table.table-splited span.sorting_desc:after,
table.table.table-splited span.sorting_asc_disabled:after,
table.table.table-splited span.sorting_desc_disabled:after {
    position: absolute;
    bottom: 0;
    right: 8px;
    display: block;
    font-family: 'Glyphicons Halflings';
    opacity: 0.5;
}
table.table.table-splited .sorting:after {
    opacity: 0.2;
    content: "\e150"}
table.table.table-splited .sorting_asc:after {
    content: "\e155"}
table.table.table-splited .sorting_desc:after {
    content: "\e156"}
table.table.table-splited .sorting_asc_disabled:after,
table.table.table-splited .sorting_desc_disabled:after {
    color: #eee;
}
table.table.table-splited .sorting:after,
table.table.table-splited .sorting_asc:after,
table.table.table-splited .sorting_desc:after,
table.table.table-splited .sorting_asc_disabled:after,
table.table.table-splited .sorting_desc_disabled:after {
    opacity: 0.5;
}


table.table.tiny>tbody>tr>td,
table.table.tiny>tbody>tr>th,
table.table.tiny>tfoot>tr>td,
table.table.tiny>tfoot>tr>th,
table.table.tiny>thead>tr>td,
table.table.tiny>thead>tr>th {
    padding: 4px;
}

table.table.tiny .table.table-splited>tbody>tr>td,
table.table.tiny .table.table-splited>tbody>tr>th,
table.table.tiny .table.table-splited>tfoot>tr>td,
table.table.tiny .table.table-splited>tfoot>tr>th {
    padding-left: 15px !important;
    background-position: 2px center;
}

table.table.table-splited>thead:first-child>tr:first-child>td:focus,
table.table.table-splited>thead:first-child>tr:first-child>th:focus {
    outline: none;
}

@media (max-width: 992px) {
    table.table.table-splited .bank-logo>.img-responsive  {
        max-width: 130px;
    }

}
@media (max-width: 768px) {
    table.table.table-splited .bank-logo>.img-responsive  {
        max-width: 110px;
    }

}

@media (max-width: 480px) {
    table.table.table-splited .bank-logo>.img-responsive  {
        max-width: 100px;
    }

}

    /************** END DATATABLES **************/
    .dataTables_wrapper > div.dt-buttons {
        margin-bottom: 1em;
    }
    .search-box div.top > div.dataTables_info {
        clear: left;
        margin-bottom: 10px;
    }
    .search-box div.top > div.dataTables_paginate  {
        clear: right;
        margin-bottom: 10px;
    }
    .search-box div.top > div.dataTables_filter  {
        clear: right;
    }
    .search-box div.top > div.dataTables_length  {
        clear: left;
        float: left;
    }
    .search-box div.pagination>li>a {
        box-shadow: none;
    }
    .search-box div[id$='_filter'] {
        display: inline-block!important;
        float: right;
    }
    .search-box .search-label {
        font-size: 14px;
        line-height: 14px;
        vertical-align: middle;
    }
    .search-box .form-control {
        border-radius: 0px;
        height: 31px;
        line-height: 0.875em;
        font-size: 0.875em;
    }
    .search-box .form-control,
    .search-box .form-control:focus {
        outline: none;
        outline-color: transparent;
        box-shadow:none;
        border-left-color: rgb(204, 204, 204);
        border-radius: 0px;
    }
    .search-box .form-control:focus {
        border-color: #e2e2e2;
    }
    .search-box .input-group-addon {
        border-top-left-radius: 3px;
        border-bottom-left-radius:3px;
    }
    .search-box .input-group-addon {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .search-box .input-group-addon span {
        font-size: 0.875em;
    }
    .search-box .search-field .input-group-addon {
        height: 31px;
        width: auto;
        border-right: 1px solid #cccccc;
    }

   .search-box .dataTables_filter input[type="search"]{
        margin-left: 0;
    }

   .search-box div.dataTables_wrapper div.dataTables_info {
       white-space: normal;
   }

@media (max-width: 600px) {
    .search-box div.top > div.dataTables_length  {
        margin-top: 0.5em;
    }
    .search-box .dataTables_filter,
    .search-box .dataTables_filter > label,
    .search-box .dataTables_filter input[type='search'] {

    }
    .search-box .search-field .input-group-addon {
        border-left: 1px solid #cccccc;
    }
}
    /************** END DATATABLES **************/

/********************************************/
/************** END DATATABLES **************/
/********************************************/


/********************************************/
/********** START GENERAL STUFF ************/
/********************************************/
.well {
    boreder-radius: 0;
}

/********************************************/
/************ END GENERAL STUFF *************/
/********************************************/

/********************************************/
/********* START PADDINGS - MARGINGS ********/
/********************************************/

.p0 {
    padding: 0!important;
}
.m0 {
    margin: 0!important;
}
.pt0 {
    padding-top: 0!important;
}
.pl0 {
    padding-left: 0!important;
}
.pr0 {
    padding-right: 0!important;
}
.mt0 {
    margin-top: 0!important;
}
.ml0 {
    margin-left: 0!important;
}
.ml-5 {
    margin-left: 5px!important;
}
.ml-10 {
    margin-left: 10px!important;
}
.ml-15 {
    margin-left: 15px!important;
}
.mr0 {
    margin-right: 0!important;
}
.mr-5 {
    margin-right: 5px!important;
}
.mr-10 {
    margin-right: 10px!important;
}
.mr-15 {
    margin-right: 15px!important;
}
.pb0 {
    padding-bottom: 0!important;
}
.mb0 {
    margin-bottom: 0!important;
}
.pt-0 {
    padding-top: 0;
}
.mt-0 {
    margin-top: 0;
}
.mt-auto {
    margin-top: auto;
}
.pb-0 {
    padding-bottom: 0;
}
.mb-0 {
    margin-bottom: 0;
}
.mb-auto {
    margin-bottom: auto;
}

.mt-35 {
    margin-top: 35px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-25 {
    margin-top: 25px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-15 {
    margin-top: 15px;
}
.mt-10 {
    margin-top: 10px;
}
.mt-5 {
    margin-top: 5px;
}
.mb-35 {
    margin-bottom: 35px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-25 {
    margin-bottom: 25px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-5 {
    margin-bottom: 5px;
}


.pt-025 {
    padding-top: .25em;
}
.pt-050 {
    padding-top: .5em;
}
.pt-075 {
    padding-top: .75em;
}
.pt-100 {
    padding-top: 1em;
}

.pb-025 {
    padding-bottom: .25em;
}
.pb-050 {
    padding-bottom: .5em;
}
.pb-075 {
    padding-bottom: .75em;
}
.pb-100 {
    padding-bottom: 1em;
}


.flex-end {
    justify-content: flex-end;
}
.center,
.flex-center {
    justify-content: center;
}
.space-between {
    justify-content: space-between;
}
.space-around {
    justify-content: space-around;
}
.space-evenly {
    justify-content: space-evenly;
}


.form-inline > .form-group.space-after {
    position: relative;
    margin-right: 1.6em;
}
.form-inline > .form-group.space-after:last-child {
    margin-right: 0;
}
.form-inline > .form-group.space-after:after {
    content: "|";
    position: absolute;
    right: -1em;
    top: 0;
    color: #eee;
}
.form-inline > .form-group.space-after:last-child:after {
    display: none;
}

/********************************************/
/***** START ALPHANUMERIC BUTTONS STYLE *****/
/********************************************/
.btn-toolbar.alphanumeric .btn-group-sm>.btn,
.btn-toolbar.alphanumeric .btn-sm {
    text-transform: uppercase;
}
.btn-toolbar.alphanumeric .btn-default,
.btn-toolbar.alphanumeric .btn-sm {
    background: #fff;
    color: gray;
    box-shadow: none;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    text-align: center;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
    box-sizing: border-box;
}
.btn-toolbar.alphanumeric .btn-group-sm>.btn,
.btn-toolbar.alphanumeric .btn-sm {
    padding: 0;
    font-size: 12px;
    line-height: 1.5;
    min-width: 36px;
    height: 36px;
}
.btn-toolbar.alphanumeric,
.btn-toolbar.alphanumeric >.btn,
.btn-toolbar.alphanumeric >.btn-group,
.btn-toolbar.alphanumeric >.input-group {
    margin-left: 0;
}
.btn-toolbar.alphanumeric .btn-group {
    width: 100%;
    margin-left: 0;
}
.btn-toolbar.alphanumeric .btn-group-sm.flex-row>.btn,
.btn-toolbar.alphanumeric .flex-row .btn-sm {
    /*max-width: 36px;*/
    max-width: 4%;
    min-width: 4%;
    min-width: 26px;
}
.btn-toolbar.alphanumeric .btn-group-sm.flex-row>.btn>span,
.btn-toolbar.alphanumeric .flex-row .btn-sm>span {
    position: absolute;
    width: 100%;
}
.btn-toolbar.alphanumeric .btn-default:focus,
.btn-toolbar.alphanumeric .btn-default:hover,
.btn-toolbar.alphanumeric .btn-default:active,
.btn-toolbar.alphanumeric .btn-default:active:focus,
.btn-toolbar.alphanumeric .btn-default:active:hover,
.btn-toolbar.alphanumeric .btn-default.active {
    color: #e2e2e2;
    background: #3f3f3f;
    border-color: #3f3f3f;
    box-shadow: none;
}
.btn-toolbar.alphanumeric .btn-group>.btn:last-child:not(:first-child),
.btn-toolbar.alphanumeric .btn-group>.dropdown-toggle:not(:first-child) {

}
/********************************************/
/****** END ALPHANUMERIC BUTTONS STYLE ******/
/********************************************/


/*******************************************/
/************ START FLEX COLUMNS ***********/
/*******************************************/
/* http://fondsdiscount2018.ymuraveva/fonds/kag/ */
img.score_icon {
    height: 20px;
}
.col-xs-12.flex-col {
    max-width: 100%;
    overflow: hidden;
}
.col-xs-9.flex-col {
    max-width: 75%;
}
.col-xs-8.flex-col {
    max-width: 66.66666667%;
    overflow: hidden;
}
.col-xs-6.flex-col {
    max-width: 50%;
    overflow: hidden;
}
.col-xs-4.flex-col {
    max-width: 33.33333333%;
    overflow: hidden;
}
.col-xs-3.flex-col {
    max-width: 25%;
    overflow: hidden;
}
@media (max-width: 991px){
    img.score_icon {
        height: 18px;
    }
}
@media (max-width: 600px) {
    .col-xxs-12.flex-col {
        max-width: 100%
    }

    .col-xxs-9.flex-col {
        max-width: 75%;
    }

    .col-xxs-8.flex-col {
        max-width: 66.66666667%;
    }

    .col-xxs-6.flex-col {
        max-width: 50%;
    }

    .col-xxs-4.flex-col {
        max-width: 33.33333333%;
    }

    .col-xxs-3.flex-col {
        max-width: 25%;
    }
}
@media (max-width: 480px) {
    .col-xxxs-12 {
        max-width: 100%;
        width: 100%
    }
    .col-xxxs-12.flex-col {
        max-width: 100%
    }

    .col-xxxs-9 {
        max-width: 75%;
        width: 75%
    }
    .col-xxxs-9.flex-col {
        max-width: 75%;
    }

    .col-xxxs-8 {
        max-width: 66.66666667%;
        width: 66.66666667%
    }
    .col-xxxs-8.flex-col {
        max-width: 66.66666667%;
    }

    .col-xxxs-6 {
        max-width: 50%;
        width: 50%
    }
    .col-xxxs-6.flex-col {
        max-width: 50%;
    }

    .col-xxxs-4 {
        max-width: 33.33333333%;
        width: 33.33333333%
    }
    .col-xxxs-4.flex-col {
        max-width: 33.33333333%;
    }

    .col-xxxs-3 {
        max-width: 25%;
        width: 25%
    }
    .col-xxxs-3.flex-col {
        max-width: 25%;
    }
}
@media (min-width: 768px) {
    .col-sm-12.flex-col {
        max-width: 100%;
        overflow: hidden;
    }
    .col-sm-9.flex-col {
        max-width: 75%;
    }
    .col-sm-8.flex-col {
        max-width: 66.66666667%;
        overflow: hidden;
    }
    .col-sm-6.flex-col {
        max-width: 50%;
        overflow: hidden;
    }
    .col-sm-4.flex-col {
        max-width: 33.33333333%;
        overflow: hidden;
    }
    .col-sm-3.flex-col {
        max-width: 25%;
        overflow: hidden;
    }

}
@media (min-width: 992px) {
    .col-md-12.flex-col {
        max-width: 100%
    }
    .col-md-9.flex-col {
        max-width: 75%;
    }
    .col-md-8.flex-col {
        max-width: 66.66666667%;
    }
    .col-md-6.flex-col {
        max-width: 50%;
    }
    .col-md-4.flex-col {
        max-width: 33.33333333%;
    }
    .col-md-3.flex-col {
        max-width: 25%;
    }
}
@media (min-width: 1200px) {
    .col-lg-12.flex-col {
        max-width: 100%
    }
    .col-lg-9.flex-col {
        max-width: 75%;
    }
    .col-lg-8.flex-col {
        max-width: 66.66666667%;
    }
    .col-lg-6.flex-col {
        max-width: 50%;
    }
    .col-lg-4.flex-col {
        max-width: 33.33333333%;
    }
    .col-lg-3.flex-col {
        max-width: 25%;
    }
}



@media (max-width: 600px) {
    .flex-col-xxs {
        display: flex;
        flex-direction: column;
        align-self: stretch;
        flex: 1 1 auto;
    }
}
@media (min-width: 600px) and (max-width: 768px) {
    .flex-col-xs {
        display: flex;
        flex-direction: column;
        align-self: stretch;
        flex: 1 1 auto;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .flex-col-sm {
        display: flex;
        flex-direction: column;
        align-self: stretch;
        flex: 1 1 auto;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .flex-col-md {
        display: flex;
        flex-direction: column;
        align-self: stretch;
        flex: 1 1 auto;
    }
}
@media (min-width: 1200px) {
    .flex-col-lg {
        display: flex;
        flex-direction: column;
        align-self: stretch;
        flex: 1 1 auto;
    }
}
/*******************************************/
/******* END FLEX COLUMNS ADJUSTMENTS ******/
/*******************************************/

/*******************************************/
/***** START FLEX COLUMNS SPACE-BETWEEN ****/
/*******************************************/
.flex-row.space-between > .col-xxs-12 {
    max-width: 100%
}
.flex-row.space-between > .col-xxs-6 {
    max-width: 49%;
}
.flex-row.space-between > .col-xxs-4 {
    max-width: 32.33%;
}
.flex-row.space-between > .col-xxs-3 {
    max-width: 24%;
}
@media (min-width: 600px) {
    .flex-row.space-between > .col-xs-12 {
        max-width: 100%
    }
    .flex-row.space-between > .col-xs-6 {
        max-width: 49%;
    }
    .flex-row.space-between > .col-xs-4 {
        max-width: 32.33%;
    }
    .flex-row.space-between > .col-xs-3 {
        max-width: 24%;
    }
}
@media (min-width: 768px) {
    .flex-row.space-between > .col-sm-12 {
        max-width: 100%
    }
    .flex-row.space-between > .col-sm-6 {
        max-width: 49%;
    }
    .flex-row.space-between > .col-sm-4 {
        max-width: 32.66%;
    }
    .flex-row.space-between > .col-sm-3 {
        max-width: 24%;
    }

}
@media (min-width: 992px) {
    .flex-row.space-between > .col-md-12 {
        max-width: 100%
    }
    .flex-row.space-between > .col-md-6 {
        max-width: 49%;
    }
    .flex-row.space-between > .col-md-4 {
        max-width: 32.66%;
    }
    .flex-row.space-between > .col-md-3 {
        max-width: 24%;
    }
}
@media (min-width: 1200px) {
    .flex-row.space-between > .col-lg-12 {
        max-width: 100%
    }
    .flex-row.space-between > .col-lg-6 {
        max-width: 49%;
    }
    .flex-row.space-between > .col-lg-4 {
        max-width: 32.66%;
    }
    .flex-row.space-between > .col-lg-3 {
        max-width: 24%;
    }
}
/*******************************************/
/****** END FLEX COLUMNS SPACE-BETWEEN *****/
/*******************************************/

.tab-content.flex>.active {
    display: flex;
}


/*******************************************/
/****** END FLEX COLUMNS SPACE-BETWEEN *****/
/*******************************************/
.icheck {
    min-height: 22px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-left: 0px;
    position: relative;
}
.icheck.small {
    min-height: 18px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-left: 0px;
    position: relative;
}

.icheck > span {
    padding-left: 29px;
    min-height: 22px;
    line-height: 22px;
    display: inline-block;
}
.icheck.small > span {
    padding-left: 27px;
    min-height: 18px;
    line-height: 18px;
    display: inline-block;
}

.icheck::before {
    width: 22px;
    height: 22px;
    line-height: 20px;
}
.icheck.small::before {
    width: 18px;
    height: 18px;
    line-height: 16px;
}

.icheck.not-checked::before {
    content: "";
    display: inline-block;
    position: absolute;
    border: 1px solid #D3CFC8;
    border-radius: 0px;
}

.icheck.unchecked::before {
    content: "\e014";
    /*content: "\2212";*/
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-weight: 400;
    position: absolute;
    border: 1px solid #D3CFC8;
    border-radius: 0px;
    text-align: center;
    vertical-align: text-top;
}

.icheck.checked::before {
    content: "\e013";
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-weight: normal;
    font-size: 10px;
    color: #fff;
    position: absolute;
    border: 1px solid #000;
    border-radius: 0px;
    background-color: #000;
    text-align: center;
    vertical-align: text-top;
}
.icheck::before {
    border: 2px solid #000;
    pointer-events: none;
    cursor: default;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

/*checked style*/
.icheck.checked::before {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.icheck.inline {
    margin-right: 10px;
}
.icheck.inline:last-child {
    margin-right: 0;
}
/************** USAGE **********************
<div class="icheck small checked inline">
   <span>Sparplanfähig</span>
</div>
*******************************************/

@media (max-width: 768px) {
    /** Make scrollbar visible on Mobile Devices by Default **/
    .table-responsive::-webkit-scrollbar {
        -webkit-appearance: none;
    }

    .table-responsive::-webkit-scrollbar:vertical {
        width: 10px;
    }

    .table-responsive::-webkit-scrollbar:horizontal {
        height: 10px;
    }

    .table-responsive::-webkit-scrollbar-thumb {
        background-color: #999;
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 8px;
        border: 2px solid #fff;
    }

    .table-responsive::-webkit-scrollbar-track {
        border-radius: 100%;
        background-color: rgb(255, 255, 255);
        background-color: rgba(255, 255, 255, 0.95);
    }

    /** scrollbar visible **/
}


/* jquery-ui range selector */
.ui-visual-focus {
    box-shadow: none!important;
}
.ui-slider-horizontal .ui-slider-handle,
.ui-slider-horizontal .ui-slider-handle:focus,
.ui-slider-horizontal .ui-slider-handle:active {
    outline: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #336699!important;
    background: #336699!important;
    font-weight: normal;
    color: #ffffff;
    outline: none;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #336699!important;
    background-color: #ffffff;
}

.bg-light {
    background-color: #f9f9f9;
}