/* Marcel */
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/arvo/v22/tDbM2oWUg0MKoZw1yLQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLFj_V1s.ttf) format('truetype');
}


.text-primary{
    color: #f6a016!important;
}
a.text-primary:hover, a.text-primary:focus, .navi .navi-item .navi-link:hover .navi-text, .text-muted a, .green{
    color: #0075c9!important;
}
.nav .show > .nav-link .nav-text, .nav .nav-link:hover:not(.disabled) .nav-text, .nav .nav-link.active .nav-text{
    color: #636569;
}
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .show > .nav-link{
    border-color: #636569;
}
.nav .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill], .nav .nav-link.active .nav-icon .svg-icon svg g [fill]{
    fill: #0075c9;
}
.btn.btn-dark, .btn.btn-primary{
    background-color: #0075c9!important;
    border-color: #0075c9!important;
    padding-left: 40px !important;
    background-image: url("../themes/froglog/assets/custom/img/birdfile-beeldmerk-diapositief.svg");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 40px;
    text-transform: uppercase;
}
.btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-clean:focus:not(.btn-text), .btn.btn-clean.focus:not(.btn-text){
    color: #1189d3;
}
.btn.btn-clean{
    background-color: #ffffff !important;
}
.spinner.spinner-success:before{
    border: 2px solid #1189d3 !important;
    border-right: 2px solid transparent!important;
}
.btn.btn-dark:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-dark:focus:not(.btn-text), .btn.btn-dark.focus:not(.btn-text), .btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text),.btn.btn-brand:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-brand:focus:not(.btn-text), .btn.btn-brand.focus:not(.btn-text){
    border-color: #1189d3 !important;
    background-color: #1189d3 !important;
}
.btn.btn-light-primary{
    color: #ffffff;
    background-color: #f6a016!important;
    border-color: transparent;
}
.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-primary:focus:not(.btn-text), .btn.btn-light-primary.focus:not(.btn-text){
    color: #ffffff;
    background-color: #fcab29!important;
    border-color: transparent;
}

.stripe-loading-indicator .stripe,
.stripe-loading-indicator .stripe-loaded{
    background-color: #0075c9 !important;
}
.text-light.sign-in{
    text-shadow: 0px 0px 12px #000000;
}

.aside, .header-mobile-fixed .header-mobile{
    background-color: #636569 !important;
}
.svg-icon.svg-icon-success svg g [fill]{
    fill: #636569!important;
}
.header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text, .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text{
    color: #1189d3 !important;
}
.symbol.symbol-light-primary .symbol-label{
    background-color: #1189d3 !important;
    color: #ffffff!important;
}
.btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light:focus:not(.btn-text), .btn.btn-light.focus:not(.btn-text){
    background-color: #f6a016!important;
    border-color: #f6a016!important;
}
.btn.btn-light{
    background-color: #1189d3 !important;
    border-color: #1189d3 !important;
}
.btn.btn-light i{
    color: #ffffff !important;
}


.btn.btn-secondary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-secondary:focus:not(.btn-text), .btn.btn-secondary.focus:not(.btn-text){
    background-color: #1189d3 !important;
    border-color: #1189d3 !important;
}
.btn.btn-secondary{
    background-color: #0075c9 !important;
    border-color: #0075c9 !important;
}
.btn.btn-secondary i{
    color: #ffffff !important;
}
.alert.alert-custom.alert-outline-brand {
    background-color: transparent;
    border-color: #636569;
}
.alert.alert-custom.alert-outline-brand .alert-text {
    color: #636569;
}
.svg-icon.svg-icon-primary svg g [fill]{
    fill: #1189d3 !important;
}
a.text-white:hover, a.text-white:focus {
    color: #ffffff !important;
}
a.text-hover-primary:hover, .text-hover-primary:hover{
    color: #1189d3 !important;
}
.flaticon2-lock:before{
    content: "\f178";
    color: #ffffff;
}
.alert.alert-success{
    background-color: #0075c9 !important;
    border-color: #0075c9 !important;
}
.label.label-light-danger, div.label-light-danger{
    background-color: #f6a016;
    color: #ffffff;
}
.label.label-brand {
    color: #ffffff;
    background-color: #0075c9;
    border:3px solid #ffffff;
}
.navi .navi-item .navi-link:hover .navi-icon i{
    color: #f6a016 !important;
}
.border-bottom {
    border-bottom: 1px solid #cbd2d9 !important;
}
.price{
    color: #f6a016;
    font-size: 24px;
    font-weight: bolder;
}
.price-box{
    background-color: #D3CEC9;
}
.price-box .border-bottom{
    border-bottom: 1px solid #636569 !important;
}
.btn.btn-primary.red{
    background-color: #f6a016 !important;
    border-color: #f6a016 !important;
}
.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled).red:hover{
    background-color: #fcab29!important;
    border-color: #fcab29 !important;
}
.btn.btn-outline-primary {
    color: #0075c9;
    background-color: transparent;
    border-color: #0075c9;
}
.btn.btn-outline-primary.red {
    color: #f6a016;
    background-color: transparent;
    border-color: #f6a016;
}
.btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-primary:focus:not(.btn-text), .btn.btn-outline-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #0075c9;
    border-color: #0075c9;
}
.btn.btn-outline-primary.red:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-primary.red:focus:not(.btn-text), .btn.btn-outline-primary.red.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #f6a016;
    border-color: #f6a016;
}

.form-control:focus, .form-control:focus > .input-group-text{
    border-color: #0075c9 !important;
}
.burger-icon span::before, .burger-icon span::after{
    background-color: #ffffff;
}
.svg-icon svg g [fill] {
    fill: #ffffff;
}
.burger-icon span{
    background-color: #ffffff;
}
.form-control, .input-group-text {
    border: 1px solid #E4E6EF !important;
}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{
    padding: 0.25em !important;
    background-color: #F3F6F9 !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single{
    border: 1px solid #0075c9 !important;
    background-color: #EBEDF3 !important;
}
.checkbox > input:checked ~ span {
    background-color: #0075c9 !important;
}
.checkbox-list a, .navi .navi-item{
    color: #0075c9 !important;
}

.nav .show > .nav-link , .nav .nav-link:hover:not(.disabled), .nav .nav-link.active, .navi-link a.navi-item{
    color: #0075c9 !important;
}
.btn.btn-clean:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-clean:not(:disabled):not(.disabled).active, .show > .btn.btn-clean.dropdown-toggle, .show .btn.btn-clean.btn-dropdown, .btn.btn-clean:not(:disabled):not(.disabled).active i{
    color: #0075c9 !important;
}

.alert.alert-primary {
    background-color: #0075c9;
    border-color: #0075c9;
    color: #FFFFFF;
}

.bg-froglog {
    background-color: #1189d3;
}
.align-center{
    text-align: center;
}
.align-right{
    text-align: right;
}
.svg-fill-light{
    fill: #ffffff;
}
.ml-auto.bg-white-o-80 {
    background-color: rgba(255, 255, 255, 0.8) !important;
}
.center-absolute{
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
}
.bg-froglog-grey{
    background-color: #7c7e82;
}
.hover {
    background-color: #7c7e82 !important;
}

.hover .btn i{
    color: #FFF4DE;
}
.btn-brand {
    color: #fff;
    background-color: #0075c9 !important;
    border-color: #0075c9 !important;
}
.payment_method_img{
    padding-right: 15px;
    padding-left: 15px;
}
.text-danger{
    color: #f6a016 !important;;
}
.text-brand{
    color: #0075c9 !important;;
}
.bg-white-o-95 {
    background-color: rgba(255, 255, 255, 0.50) !important;
}

.btn.btn-light-success {
    color: #ffffff !important;
    background-color: #0075c9;
    border-color: transparent;
}
.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-success:focus:not(.btn-text), .btn.btn-light-success.focus:not(.btn-text) {
    color: #ffffff;
    background-color: #1189d3;
    border-color: transparent;
}
.btn.btn-light-success i {
    color: #ffffff;
}
.btn-link:hover > i{
    color: #f6a016;
}

.cart-ticket-item:last-child > hr{
    display: none;
}
.radio > input:checked ~ span, .radio.radio-success > input:checked ~ span, .symbol.symbol-light-primary .symbol-label {
    background-color: #0075c9 !important;
}
.card.card-custom > .card-body.padding-card {
    padding: 2rem 2.25rem !important;
}
.select2-container--default .select2-results__option, .select2-selection__rendered{
    font-size: 1.08rem;
}

.bootstrap-datetimepicker-widget .datepicker table thead th.picker-switch:hover {
    color: #0075c9 !important;
    background: #F3F6F9 !important;
}
.bootstrap-datetimepicker-widget .datepicker table thead th.prev:hover span, .bootstrap-datetimepicker-widget .datepicker table thead th.next:hover span {
    color: #0075c9 !important;
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td:focus, .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td.active {
    background: #0075c9 !important;
    color: #ffffff !important;
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td.selected {
    background: #EEE5FF;
    color: #0075c9 !important;
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td.today, .datepicker tbody tr > td.day.today {
    position: relative;
    background: #EEE5FF !important;
    color: #0075c9 !important;
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td.today:before, .datepicker tbody tr > td.day.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #0075c9 !important;
    border-top-color: #0075c9 !important;
    position: absolute;
    bottom: 4px;
    right: 4px;
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr td span:focus, .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr td span.active,
.bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr th span:focus,
.bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr th span.active,
.bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr td span:focus,
.bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr td span.active,
.bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr th span:focus,
.bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr th span.active,
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr td span:focus,
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr td span.active,
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr th span:focus,
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr th span.active {
    background: #0075c9 !important;
    color: #ffffff !important;
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr td span.selected,
.bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr th span.selected,
.bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr td span.selected,
.bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr th span.selected,
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr td span.selected,
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr th span.selected {
    background: #EEE5FF;
    color: #0075c9 !important;
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr td span.today,
.bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr th span.today,
.bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr td span.today,
.bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr th span.today,
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr td span.today,
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr th span.today {
    position: relative;
    background: #EEE5FF !important;
    color: #0075c9 !important;
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr td span.today:before,
.bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr th span.today:before,
.bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr td span.today:before,
.bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr th span.today:before,
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr td span.today:before,
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr th span.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #0075c9 !important;
    border-top-color: #0075c9 !important;
    position: absolute;
    bottom: 4px;
    right: 4px;
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker table td:hover span {
    background: #F3F6F9;
    color: #0075c9 !important;
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-minutes table tr td:hover,
.bootstrap-datetimepicker-widget .timepicker .timepicker-hours table tr td:hover {
    background: #F3F6F9;
    color:#0075c9 !important;
}
.bootstrap-datetimepicker-widget .picker-switch.accordion-toggle table td:hover a span {
    background: transparent;
    color: #0075c9 !important;
}
.datepicker thead th.prev i, .datepicker thead th.datepicker-switch i, .datepicker thead th.next i {
    font-size: 1.2rem;
    color: #1189d3 !important;
}
.datepicker tbody tr > td.day {
    color: #1189d3 !important;
    font-weight: 400;
}
.datepicker tbody tr > td.day.old {
    color: #1189d3 !important;
}
.datepicker tbody tr > td span.year,
.datepicker tbody tr > td span.hour,
.datepicker tbody tr > td span.minute,
.datepicker tbody tr > td span.month {
    color: #1189d3 !important;
}
.daterangepicker .ranges li {
    padding: 0.7rem 1.75rem;
    font-weight: 500;
    font-size: 1rem;
    color: #1189d3 !important;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.daterangepicker .drp-calendar th.next span, .daterangepicker .drp-calendar th.prev span {
    border-width: 0 1px 1px 0;
    border-color: #1189d3 !important;
}
.daterangepicker .drp-calendar td {
    color: #1189d3 !important;
}
.bg-gray-600 {
    background-color: #1189d3 !important; }

.bg-gray-500 {
    background-color: #1189d3 !important; }

.bg-hover-gray-500 {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer; }
.bg-hover-gray-500:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #1189d3 !important;
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td.today {
    background: #e4f1d2 !important; }

table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable th:last-child{
    text-align: center !important;
}
.subscription-items span:last-child{
    font-weight: bold;
}
.alert.alert-custom.alert-light-success{
    background-color: #0075c9 !important;
}
.alert.alert-custom.alert-light-success .alert-text, .alert.alert-custom.alert-light-success .alert-icon i{
    color: #ffffff !important;
}
.tagify.tagify--focus{
    border: 1px solid #f6a016 !important;
}

.burger-icon:hover span::before, .burger-icon:hover span::after, .burger-icon:hover span, .burger-icon-active span, .burger-icon-active span::before, .burger-icon-active span::after {
    background-color: #0075c9 !important;
}
table.table-bordered.dataTable td.dataTables_empty{
    text-align: left !important;
    padding-left: 50px;
}

.tagify .tagify__tag .tagify__tag__removeBtn:hover, .tagify .tagify__tag .tagify__tag__removeBtn:hover:after{
    color: #0075c9 !important;
}

.pl-sm-5{
    padding-left: 1.25rem !important; }

.pr-sm-5{
    padding-right: 1.25rem !important; }

@media (max-width: 768px) {
    .sm-hidden{
        display: none;
    }
    .btn.btn-dark, .btn.btn-primary{
        margin-bottom: 25px;
    }
    .card.card-custom > .card-body, .card-body{
        padding: 1rem 0rem !important;
    }
    .card.card-custom > .card-body.transfer, .card-body.transfer{
        padding: 0rem 0rem !important;
    }
    #copy{
        padding: 2rem 2.25rem;
    }
}
@media (max-width: 991px) {
    .align-right {
        text-align: left;
    }
}
@media (max-width: 450px){
    .w-xs {
        width: 65%;
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

/* marcel wizard */
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #0075c9 !important;
}
.alert.alert-custom.alert-light-info {
    background-color: #007bff !important;
}
.alert.alert-custom.alert-light-info .alert-text, .alert.alert-custom.alert-light-info .alert-icon i, .alert.alert-custom .alert-icon i{
    color: #ffffff;
}
.border-top-light-dark{
    border-top: 1px solid;
}

@media (min-width: 768px){
    .error.error-3 .error-title {
        font-size: 15.7rem !important;
    }
}

.error.error-3 .error-title {
    font-size: 8.7rem !important;
}
.bg-repeater:nth-child(even){
    background-color: #f9f9f9;
    padding: 10px;
    padding-left: 0px;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary{
    background-color: #0075c9;
    border-color: #0075c9;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default{
    background-color: #f6a016;
    border-color: #f6a016;
    color: #f9f9f9;
}
#kt_header h3{
    color: #0075c9 !important;
    font-size: 2.5rem !important;
}
.modal .modal-header .close i, .modal .modal-header .close .ki{
    color: #0075c9 !important;
}

.modal .modal-header .close i:hover, .modal .modal-header .close .ki:hover{
    color: #f6a016 !important;
}

/* Michel */

.centered-and-cropped {
    object-fit: cover;
    width: 120px;
    height: 120px;
    margin: 3px;
    border-radius: 3px;
}
.image-input .image-input-wrapper{
    background-position: center;
}
.form-group.has-error input, .form-group.has-error textarea,.form-group.has-error .select2-selection--single{
    border-color: #f6a016 !important;
}
.form-group.has-error .radio span {

    background-color: #f6a016;
}
.form-group.has-error .validate-for {
    color: #f6a016;
}
.add-registration .input-group .select2{
    width: calc(100% - 150px)!important;
}
.form-group.has-error .validate-for:before{

    font-family: Flaticon2;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 15px;
    vertical-align: -2px;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\f1d7";
    margin-right: 5px;
}
.container-full{

    width: 100%;
    max-width: 100%;
    padding: 15px;
}
.assets-containers-parent{

    overflow: hidden;
}
.edit-container{

    height: calc(100vh - 335px);
    overflow: hidden;
    overflow-y:scroll;
}

/* Datatable*/
.dataTables_scrollBody{

    height: calc(100vh - 464px);

}

.kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__body .kt-datatable__row>.kt-datatable__cell .kt-checkbox.kt-checkbox--solid>span, .kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__foot .kt-datatable__row>.kt-datatable__cell .kt-checkbox.kt-checkbox--solid>span, .kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__head .kt-datatable__row>.kt-datatable__cell .kt-checkbox.kt-checkbox--solid>span{

    background: #e5e5ee;

}
.kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__body .kt-datatable__row>.kt-datatable__cell .kt-checkbox.kt-checkbox--solid>input:checked~span, .kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__foot .kt-datatable__row>.kt-datatable__cell .kt-checkbox.kt-checkbox--solid>input:checked~span, .kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__head .kt-datatable__row>.kt-datatable__cell .kt-checkbox.kt-checkbox--solid>input:checked~span{

    background: #0075c9;
}
.kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__foot .kt-datatable__row>.kt-datatable__cell, .kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__head .kt-datatable__row>.kt-datatable__cell{

    background: #f4f4fa;

}
.kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__body .kt-datatable__row.kt-datatable__row--even>.kt-datatable__cell{

    background: #fbfbfe;
}

.kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__head .kt-datatable__row>.kt-datatable__cell>span>i{

    color: #0075c9;
}
.kt-datatable.kt-datatable--default>.kt-datatable__pager>.kt-datatable__pager-nav>li>.kt-datatable__pager-link.kt-datatable__pager-link--active{
    background: #0075c9;
}
.kt-datatable.kt-datatable--default>.kt-datatable__pager>.kt-datatable__pager-nav>li>.kt-datatable__pager-link.kt-datatable__pager-link--first, .kt-datatable.kt-datatable--default>.kt-datatable__pager>.kt-datatable__pager-nav>li>.kt-datatable__pager-link.kt-datatable__pager-link--last, .kt-datatable.kt-datatable--default>.kt-datatable__pager>.kt-datatable__pager-nav>li>.kt-datatable__pager-link.kt-datatable__pager-link--next, .kt-datatable.kt-datatable--default>.kt-datatable__pager>.kt-datatable__pager-nav>li>.kt-datatable__pager-link.kt-datatable__pager-link--prev{
    color: #0075c9;
}
.kt-datatable__lock--left,.kt-datatable__lock--right{

    box-shadow: none !important;
    overflow: visible !important;

}
.kt_datatable_container .kt-portlet{
    margin-bottom: 0;

}
.kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__body .kt-datatable__row>.kt-datatable__cell{

    background-color: #fff;
    border-bottom: 1px dashed #ebedf2;
    height: 45px;

}
.kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__body .kt-datatable__row.kt-datatable__row--even>.kt-datatable__cell{

    background-color: #fff;
    border-bottom: 1px dashed #ebedf2;
    height: 45px;

}
.kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__body .kt-datatable__row.kt-datatable__row--odd>.kt-datatable__cell{

    background-color: #fff;
    border-bottom: 1px dashed #ebedf2;
    height: 45px;

}

.kt-datatable.kt-datatable--default > .kt-datatable__table > .kt-datatable__body .kt-datatable__row.kt-datatable__row--active > .kt-datatable__cell{
    background-color: #fff;

}
table.table-bordered.dataTable tbody td, table.table-bordered.dataTable tbody th{

    border-bottom-width: 0;

}
table.table-bordered.dataTable td, table.table-bordered.dataTable th{

    border-left-width: 0;

}
.kt_datatable_container .table th{
    padding: 1rem 1rem 1rem 0.5rem;

}
.table-div{

    position: relative;
}
.table thead th {
    vertical-align: middle;
    border-bottom: 0px;
}
.datatable>tbody>tr:nth-of-type(odd){

    background-color: #f9f9f9;

}

.dataTables_wrapper .dataTable td .kt-checkbox, .dataTables_wrapper .dataTable th .kt-checkbox{
    vertical-align: -4px;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:before{


    top: 8px;

}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after{

    top: 8px;
}

table.dataTable td:nth-child(1),table.dataTable th:nth-child(1){

    border-right: 0;


}



.dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody > .grey >td:first-child:before{

    color: #fff !important;
}

.table-bordered{
    border: 0;
}
.table-bordered td, .table-bordered th{
    border: 0;
}
table.table-bordered.dataTable tbody th:not(:first-child):not(:last-child), table.table-bordered.dataTable tbody td:not(:first-child):not(:last-child) {
    max-width: 180px;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}


.table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc{

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    color: #B5B5C3 !important;


}
.dataTables_wrapper .dataTable th.sorting_desc, .dataTables_wrapper .dataTable td.sorting_desc,.dataTables_wrapper .dataTable th.sorting_asc, .dataTables_wrapper .dataTable td.sorting_asc{

    color: #0075c9 !important;
}
.dataTables_wrapper .dataTable th.sorting_asc:before, .dataTables_wrapper .dataTable td.sorting_asc:before,.dataTables_wrapper .dataTable th.sorting_desc:after, .dataTables_wrapper .dataTable td.sorting_desc:after{

    color: #0075c9 !important;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item.active > .page-link{

    background-color: #0075c9 !important;
}
.dataTables_wrapper .dataTables_paginate .pagination .page-item:hover:not(.disabled) > .page-link{
    background-color: #1189d3 !important;
}
.checkbox > input:checked ~ span{
    background-color: #0075c9 !important;

}
.dataTables_wrapper .dataTables_paginate .pagination .page-item:hover:not(.disabled) > .page-link{
    background-color: #0075c9;
}
table.table-bordered.dataTable tbody th:not(:first-child):not(:last-child), table.table-bordered.dataTable tbody td:not(:first-child):not(:last-child){

    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 7px !important;
    padding-right: 7px !important;


}
table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable th:last-child{

    white-space: nowrap;
    text-align: right;
}
.dataTables_scrollBody{ overflow-x: auto !important;}

.dataTables_wrapper .dataTable{ margin: 0 !important;}

.DTFC_ScrollWrapper .kt-checkbox{ padding-left: 0 !important; }

.DTFC_ScrollWrapper .dropdown-menu{     min-width: 10rem !important; }

.DTFC_ScrollWrapper .dropdown .dropdown-menu.dropdown-menu-right{ margin-left: 0; !important; }

.dataTables_wrapper .dataTable th, .dataTables_wrapper .dataTable td{
    transition:none;
    -webkit-transition: none;
}
.DTFC_LeftBodyLiner{


    overflow-y: hidden !important;
    overflow-x: hidden !important;
    width: 100% !important;

}
.DTFC_RightBodyLiner{


    overflow-y: hidden !important;
    overflow-x: hidden !important;
    width: 100% !important;
    padding-right: 0 !important;

}
.dataTables_wrapper .dataTable th .checkbox{

    right: -8px !important;

}
.assets-containers{

    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    flex-wrap:nowrap;
    position: relative;
    left: 0;
}
.assets-containers > div {
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.transition_enabled{

    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;

}
.hover{   background-color: #d8f2f4; }
.offering_color { background-color: #dee7d1 !important; }

.datatable>tbody>tr:nth-of-type(even):hover{
    background-color: #ffffff;
}
.datatable>tbody>tr:nth-of-type(odd):hover{
    background-color: #f9f9f9;
}
/* buttons */

.btn-brand {
    color: #fff;
    background-color: #0075c9;
    border-color: #0075c9;
}
.btn.btn-brand i {
    color: #FFFFFF !important;
}

.btn-brand:hover {
    color: #fff;
    background-color: #0075c9;
    border-color: #0075c9;
}
.btn-brand:not(:disabled):not(.disabled):active, .btn-brand:not(:disabled):not(.disabled).active, .show > .btn-brand.dropdown-toggle {
    color: #fff;
    background-color: #0075c9;
    border-color: #0075c9;
}
.btn-brand.disabled, .btn-brand:disabled{

    background-color: #0075c9;
    border-color: #0075c9;
}
.btn-outline-brand {
    color: #0075c9;
    border-color: #0075c9;
}
.btn-outline-brand:hover {
    color: #ffffff;
    background-color: #0075c9;
    border-color: #0075c9;
}

.btn-outline-brand:not(:disabled):not(.disabled):active, .btn-outline-brand:not(:disabled):not(.disabled).active, .show > .btn-outline-brand.dropdown-toggle{

    color: #fff;
    background-color: #0075c9;
    border-color: #0075c9;
}
.btn.btn-label-brand{

    background-color: rgba(27, 161, 207, 0.1);
    color: #0075c9;
}
.btn.btn-clean i{

    color: #0075c9 !important;

}
.btn.btn-clean:hover i,.btn.btn-clean:active i{

    color: #0075c9 !important;

}
.grey .btn.btn-clean i{

    color: #0075c9;

}
.grey .btn.btn-clean:hover i,.grey .btn.btn-clean:active i{

    color: #0075c9 !important;

}
.slider {
    overflow: hidden;
    transition-property: all;
    transition-duration: 0.7s;
    transition-timing-function: cubic-bezier(0.5, 1, 0.5, 1);
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
.DTFC_LeftBodyLiner td {

    height: 60px !important;
}
.crop {
    width: 200px;
    height: 150px;
    overflow: hidden;
}

.crop img {
    width: 400px;
    height: 300px;
    margin: -75px 0 0 -100px;
}
.switch-brand input:empty ~ span:before {
    background-color: #636569;
}
.switch-brand input:checked ~ span:after{
    background-color: #f6a016 !important;
}
.btn.btn-info {
    color: #ffffff;
    background-color: #30497c;
    border-color: #30497c;
}
.btn.btn-info:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-info:focus:not(.btn-text), .btn.btn-info.focus:not(.btn-text) {
    color: #ffffff;
    background-color: #30497c;
    border-color: #30497c;
}
body.oc-loading,
body.oc-loading * {cursor:wait !important}
.stripe-loading-indicator {height:5px;background:transparent;position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:2000}
.stripe-loading-indicator .stripe,
.stripe-loading-indicator .stripe-loaded {height:5px;display:block;background:#0090c0;position:absolute;-webkit-box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF;box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF}
.stripe-loading-indicator .stripe {width:100%;-webkit-animation:oc-infinite-loader 60s linear;animation:oc-infinite-loader 60s linear}
.stripe-loading-indicator .stripe-loaded {width:100%;transform:translate3d(-100%,0,0);opacity:0;filter:alpha(opacity=0)}
.stripe-loading-indicator.loaded {opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.4s linear;transition:opacity 0.4s linear;-webkit-transition-delay:0.3s;transition-delay:0.3s}
.stripe-loading-indicator.loaded .stripe {animation-play-state:paused}
.stripe-loading-indicator.loaded .stripe-loaded {opacity:1;filter:alpha(opacity=100);transform:translate3d(0,0,0);-webkit-transition:transform 0.3s linear;transition:transform 0.3s linear}
.stripe-loading-indicator.hide {display:none}
body >p.flash-message {position:fixed;width:500px;left:50%;top:13px;margin-left:-250px;color:#fff;font-size:14px;padding:10px 30px 10px 15px;z-index:10300;word-wrap:break-word;text-shadow:0 -1px 0 rgba(0,0,0,0.15);text-align:center;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
body >p.flash-message.fade {opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.5s,width 0s;transition:all 0.5s,width 0s;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}
body >p.flash-message.fade.in {opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
body >p.flash-message.success {background:#8da85e}
body >p.flash-message.error {background:#c30}
body >p.flash-message.warning {background:#f0ad4e}
body >p.flash-message.info {background:#5fb6f5}
body >p.flash-message button.close {float:none;position:absolute;right:10px;top:8px;color:white;font-size:21px;line-height:1;font-weight:bold;opacity:0.2;filter:alpha(opacity=20);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;outline:none}
body >p.flash-message button.close:hover,
body >p.flash-message button.close:focus {color:white;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50)}
@media (max-width:768px) {body >p.flash-message {left:10px;right:10px;top:10px;margin-left:0;width:auto }}
[data-request][data-request-validate] [data-validate-for]:not(.visible),
[data-request][data-request-validate] [data-validate-error]:not(.visible) {display:none}
a.oc-loading:after,
button.oc-loading:after,
span.oc-loading:after {content:'';display:inline-block;vertical-align:middle;margin-left:.4em;height:1em;width:1em;animation:oc-rotate-loader 0.8s infinite linear;border:.2em solid currentColor;border-right-color:transparent;border-radius:50%;opacity:0.5;filter:alpha(opacity=50)}
@-moz-keyframes oc-rotate-loader {0% {-moz-transform:rotate(0deg) }100% {-moz-transform:rotate(360deg) }}
@-webkit-keyframes oc-rotate-loader {0% {-webkit-transform:rotate(0deg) }100% {-webkit-transform:rotate(360deg) }}
@-o-keyframes oc-rotate-loader {0% {-o-transform:rotate(0deg) }100% {-o-transform:rotate(360deg) }}
@-ms-keyframes oc-rotate-loader {0% {-ms-transform:rotate(0deg) }100% {-ms-transform:rotate(360deg) }}
@keyframes oc-rotate-loader {0% {transform:rotate(0deg) }100% {transform:rotate(360deg) }}
@-moz-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
@-webkit-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
@-o-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
@-ms-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
@keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}