.backoffice-tile {
    margin-bottom: 4%;
}

.reload-overlay {
    opacity: 0.5;
    background-color: transparent;
}

.spinner-loading {
    animation: 1s ease-out 0s normal none infinite running pulsate;
    border: 20px solid #37bbe7;
    border-radius: 80px;
    height: 160px;
    left: 50%;
    opacity: 0;
    position: absolute;
    width: 160px;
    z-index: 10000;
    float: left;
    margin-left: -80px;
}

.spinner-loading.f-6 {
    animation: 1.5s ease-out 0s normal none infinite running pulsate;
    border: 10px solid #37bbe7;
    height: 60px;
    width: 60px;
}

.spinner-loading.f-2
{
    animation: 1.5s ease-out 0s normal none infinite running pulsate;
    border: 5px solid #37bbe7;
    height: 25px;
    width: 25px;
}



@keyframes pulsate {
    0% {
        transform: scale(.1);
        opacity: 0.0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

.clickable {
    cursor: pointer;
    cursor: hand;
}

.not-allowed {
    cursor: not-allowed;
}

.select-picker-style {
    border: 1px solid #ccc ;
    box-shadow: none !important;
}

.select-picker-style:focus,
.select-picker-style:active,
.select-picker-style:hover {
    border-color: #66afe9 ;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none ;
}

table.table .table-filter {
    height: 26px;
    border: 1px solid #989898 !important;
    padding-top: 0;
    padding-bottom: 0;
}

table.table .table-filter:active,
table.table .table-filter:focus {
    outline: none;
    box-shadow: 0 0 3pt 1pt #66afe9;
}

table.table .table-filter span:focus {
    outline:none;
}

span.label {
    font-size: 11px;
    font-weight: normal;
    padding: 3px 12px;
}


.beevo-confirm-dialog {
    font-family: inherit !important;
    color: inherit !important;
}

.visually-hidden {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}

/* DateRangePicker */
.daterangepicker .ranges{
    clear: none !important;
    margin: 0 !important;
}

.daterangepicker .ranges li {
    font-size: 11px !important;
    background: none !important;
    border: none;
    padding: 8px 12px;
    border-radius: 0;
    margin-bottom: 0 !important;
    color: #707070;
}
.daterangepicker .ranges li.active {
    background: #8a93a5 !important;
    border: none;
    color: #fff !important;
}

.daterangepicker .ranges li:not(.active):hover {
    background: #eee !important;
    border: none;
    color: #707070 !important;
}

.daterangepicker .ranges .range_inputs {
    text-align: right;
    margin: 10px 5px;
}

.password-meter {
    position: relative;
    left: calc(100% - 5px);
    bottom: 40px;
    margin-bottom: -40px;
    max-height: 28px;
    width: 7px;
    padding: 0 !important;
    /* there is a beevo-panels class adding padding */
}

.password-dot {
    width: 4px;
    height: 4px;
    background-color: #999;
    margin-bottom: 3px;
    padding: 0 !important;
    /* there is a beevo-panels class adding padding */
}

.password-dot.danger{
    background-color: rgb(133, 0, 0);
}

.password-dot.warning{
    background-color: rgb(207, 94, 19);
}

.password-dot.weak{
    background-color: rgba(228, 195, 8, 0.986);
}

.password-dot.ok{
    background-color: rgba(52, 145, 49, 0.808);
}

@font-face {
    font-display: swap;
}

.mce-branding {
    display: none !important;
}