.is-Europe {
    background-image: url('./flags/Flag_of_Europe.svg');
    background-size: contain
}

.is-Germany {

    background-image: url('./flags/Flag_of_Germany.svg');
    background-size: contain
}

.is-Austria {
    background-image: url('./flags/Flag_of_Austria.svg');
    background-size: contain
}

.is-France {
    background-image: url('./flags/Flag_of_France.svg');
    background-size: contain
}

.is-Switzerland {
    background-image: url('./flags/Flag_of_Switzerland.png');
    background-size: contain
}

.is-Netherlands {
    background-image: url('./flags/Flag_of_the_Netherlands.svg');
    background-size: contain
}

.is-Italy {
    background-image: url('./flags/Flag_of_Italy.svg');
    background-size: contain
}

.is-Slovakia {
    background-image: url('./flags/Flag_of_Slovakia.svg');
    background-size: contain
}

.is-Czech_Republic {
    background-image: url('./flags/Flag_of_the_Czech_Republic.svg');
    background-size: contain
}

.is-Hungary {
    background-image: url('./flags/Flag_of_Hungary.svg');
    background-size: contain
}

.is-Romania {
    background-image: url('./flags/Flag_of_Romania.svg');
    background-size: contain

}
.is-Bulgaria {
    background-image: url('./flags/Flag_of_Bulgaria.svg');
    background-size: contain

}
.is-Flag {
    background-position: center;
    background-color: white;
    background-repeat: no-repeat;
    margin: 2px;
    width: 30px;
    height: 20px;
}

.is-active-Flag {
    border-style: outset;
    border-color: #00b89c;


}
.is-Flag.small{
    margin: 2px;
    width: 30px;
    height: 20px;
}
td.is-Flag.small{
    margin: 2px;
    width: 30px;
    height: 20px;
}
td.is-flag {
    background-color: white;
    background-position: center;
    background-repeat: no-repeat;
}

.card-content table {
    width: 100%;
}

input.is-small-number {
    width: 50px;

}

.isInvisible {
    display: none;
}

.columns.column {
    max-width: 22%;
}

.columns .column.is_wide {
    max-width: 100%;
}


td.is_Active_Customer {
    background: #d9ead3;
}

td.is_Prechurn_Customer {
    background: #fff2cc;
}

td.is_Churn_Customer {
    background: #f4cccc;
}

td.is_Loss_Customer {
    background: #fce5cd;
}

td.is_Repurchase_Customer {
    background: #f3f3f3
}

td.is_Dead_Customer {
    background: #d9d9d9;
}

.dataTables_length {
    float: right;
}

.dataTables_filter {
    border-color: black;
    border-bottom-style: solid;
    border-width: 1px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.dataTables_filter label {
    padding-right: 5px;
    font-weight: bold;
}

.dataTables_info {
    float: left;
}

.paginate_button {

}

.paginate_button.disabled {
    display: none;
}

.paginate_button.disabled span {
    display: none;
}

.dataTables_paginate {
    float: right;
}

.paginate_button {
    padding-left: 3px;
    padding-right: 3px;

}

th.sorting:hover {
    cursor: pointer;
}

th.sorting:after {
    display: block;
    width: 17px;
    height: 15px;
    margin: 2px;
    content: url('./img/sort_small.png');
    float: left;
}

th.sorting.sorting_desc:after {
    content: url('./img/sort_small_down.png');

}

th.sorting.sorting_asc:after {
    content: url('./img/sort_small_up.png');

}

th.no_sort.sorting:after {
    content: url('./img/empty.png');

}

span.smallButton, a.smallButton {
    margin: 2px;
    width: 34px;
    height: 34px;
}

td.smallButton {
    max-width: 40px;
}

a.smallerButton {
    margin: 1px;
    width: 17px;
    height: 17px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2-container--default.select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after {
    top: 40%;
}


.select2-container--default .select2-selection--single {
    height: 39px;
}

.extra_wide {
    width: 1500px;
    max-width: 1500px !important;
}

.xxl_wide {
    width: 1800px;
    max-width: 1800px !important;
}

.top_right {
    position: absolute;
    right: 10px;
    top: 10px;

}

.fa-solid.is-danger {
    color: #f03a5f;
}

.fa-solid.is-link {
    color: #3e56c4;
}

.fa-solid.is-primary {
    color: maroon;
}

.modal {
    padding: 0 !important;

}

.modal a.close-modal {
    top: -4px !important;
    right: -4px !important;
}

td.overFlowTag {
    overflow-wrap: break-word;
    max-width: 250px;
    width: 250px
}

.warning-div {
    background-color: #f03a5f;
    color: white;

}

.table th:not([align]) {
  text-align: left;
  padding: 2px;
}

.table .newCust{
    background-color: #3a51bb;
    color: white;
}

.table .activeCust{
   background-color: darkseagreen;
    color: black
}

.table .churnCust{
    background-color: orange;
    color: black;
}
.table .lossCust{
    background-color: orangered;
    color: black;
}
.table .custUp{
    background-color: #0ea432;
    color: black;
}
.table .custDown{
    background-color: red;
    color: black
}
.table .custEqual{
   background-color: yellow;
    color: black;
}

.table .custMonth{
    background-color: lightgrey;
    color: black;
}

.fivePixRight{
      margin-right:5px;
}
.groupCard {
  height:290px;
  width:190px;
}

.columns.is-mobile > .column.is-one-seventh {
    flex: none;
    width: 14%;
}

.columns.is-mobile > .column.is-two-seventh {
    flex: none;
    width: 28%;
}

.columns.is-mobile > .column.is-three-seventh {
    flex: none;
    width: 43%;
}

.columns.is-mobile > .column.is-four-seventh {
    flex: none;
    width: 57%;
}
.columns.is-mobile > .column.is-five-seventh {
    flex: none;
    width: 71%;
}
.columns.is-mobile > .column.is-six-seventh {
    flex: none;
    width: 85%;
}