@font-face {
    font-family: icons;
    src: url(../fonts/icons-e6e22ec83aa7fab5327f4c19d79dc587.eot);
    src: url(../fonts/icons-e6e22ec83aa7fab5327f4c19d79dc587.eot?#iefix) format('embedded-opentype'),url(../fonts/icons-362f7edccf40013935b3cd1511746b33.woff) format('woff'),url(../fonts/icons-0656bba0a4e4174a6d42ddc34b2e783e.ttf) format('truetype'),url(../fonts/icons.svg#icons) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: local("Roboto"), url("../fonts/Roboto/Roboto-Regular.ttf") format("TrueType");

    /*font-family: "Gantari";
    src: local("Gantari"), url("../fonts/Gantari.ttf") format("TrueType");

     */
}

.ibm-plex-sans-bold {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #000000;
}

.roboto-condensed-300 {
   font-family: "Roboto Condensed", sans-serif;
   font-optical-sizing: auto;
   font-weight: 300;
   font-style: italic;
}



html{font-size: 15px;}

body {
    font-family:'Roboto',Helvetica,Helvetica Neue,Arial,sans-serif;

}

@media screen and (max-width: 768px) {
    body {
        font-size: 1.5rem;
    }
}

.navbar-vertical.navbar-expand-xs {
    max-width: 12.625rem!important;
}

@media (min-width: 1200px){
    .sidenav.fixed-start+.main-content {
        margin-left: 13.125rem;
    }
}

@media (min-width: 1200px){
    .g-sidenav-hidden .navbar-vertical {
        max-width: 5.5rem!important;
    }
}

.input-group.input-group-outline .form-control {
    background: none;
    border: 1px solid #7d7d7d;
    border-radius: 0!important;
    color: #000000;
    font-size: 14px;
}

.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .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:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #afafba;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none;
}
.btn {
    outline: 0;
    white-space: nowrap;
}
.btn, ul.pagination {
    margin: 0;
}
.disabled {
    cursor: not-allowed;
    pointer-events: none;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #afafba;
}
.btn {
    text-transform: none;
}
.btn, .input-group-addon, .label, .sidebar .sideitem>a {
    text-align: left;
}
.btn, .btn-block-danger.active, .btn-block-danger:active, .btn-block-dark.active, .btn-block-dark:active, .btn-block-gray.active, .btn-block-gray:active, .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-success.active, .btn-success:active, .btn-warning.active, .btn-warning:active, .btn.active, .btn:active, .form-control, .open .dropdown-toggle.btn-block-danger, .open .dropdown-toggle.btn-block-dark, .open .dropdown-toggle.btn-block-gray, .open .dropdown-toggle.btn-danger, .open .dropdown-toggle.btn-default, .open .dropdown-toggle.btn-info, .open .dropdown-toggle.btn-primary, .open .dropdown-toggle.btn-success, .open .dropdown-toggle.btn-warning {
    background-image: none;
}
.form-select {
    background-position: right 4px center;
    line-height: inherit;
}

.bfh-selectbox-filter{
    border: 1px solid;
    padding: 5px;

}

.bfh-selectbox .bfh-selectbox-toggle:after {
    display: grid;

}

.bfh-selectbox.open>.bfh-selectbox-options {
    display: block;
    width: 100%;
    width: -webkit-fill-available;
}

.bfh-selectbox .bfh-selectbox-options ul li>a:after{
    white-space: normal;
    word-break: break-word;
}
/*
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-bottom: 0 dotted;
    border-left: 4px solid transparent;
}
*/


.caret {
    display: inline-block;
    font-family: icons;
    content: "M";
}

.caret::before {
    content: "M";
}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.428571;
    border-top: 1px solid #ddd;
}

.table .image img {
    max-height: 30px;
    max-width: 190px;
}

.btn-icon, .table .image img, .table td {
    vertical-align: middle;
}

.table .image {
    padding: 8px;
}

.categories .sortable-item .dragger, .checkmark:before, .daterangepicker .glyphicon:before, .field-alert .field-alert-question, .font, .multi-field .multi-add>span, .slots .slot .slot-clock, .slots .slot .slot-remove, .table>thead .sort-button>span {
    font-family: icons;
    text-rendering: optimizeLegibility!important;
}

.statusdot {
    margin-right: 2px;
    cursor: pointer;
    color: #ccc;
}

.statusdot.big {
    font-size: 12px;
}

.statusdot.bigger {
    font-size: 15px;
}

.yellow {
    color: #f1c40f;
}

.green {
    color: #4CAF50 !important;
}

.red {
    color: #e91e63;
}

.blue {
    color: #084aee;
}

.orange {
    color: #fc7000;
}

.black {
    color: #000000;
}

.inlinedot, .statusdot {
    font-size: 9px;
    vertical-align: middle;
}

.btn-icon, .table .image img, .table td {
    vertical-align: middle;
}


.status-field>.status-runner {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/*
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    unicode-bidi: plaintext;
}
*/

.inline-block, .inlinedot {
    display: inline-block;
}

.hint-bottom, .hint-bottom-left, .hint-bottom-right, .hint-left, .hint-right, .hint-top {
    position: relative;
}

.status-field>.status-label {
    text-transform: capitalize;
    background-color: #fff;
    vertical-align: top;
    padding: 0 12px 0 10px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    line-height: 32px;
    border: 1px solid #afafba;
    border-right-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 110px;
    transition: all .3s ease-in-out;
}



.bouncer, .bouncer>div, .spinner {
    display: inline-block;
}

.btn-icon.btn-biggerfont .font, .spinner, h4 {
    font-size: 16px;
}
.spinner, select {
    background-repeat: no-repeat;
}

.spinner {
    height: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: middle;
    margin: 0;
    color: #000;
    text-decoration: none;
    background-image: url(../img/spinner.svg);
    background-position: center;
    background-size: 16px 16px;
    overflow: hidden;
}

.spinner-text {
    height: 20px;
    width: 19px;
    line-height: 16px;
    vertical-align: middle;
    color: #000;
    text-decoration: none;
    overflow: hidden;
    background-color: white;
    border-radius: 50%;
    padding-left: 2px;
    padding-top: 3px;
    display: none;
}
.spinner-text.run {
    color: #000;
    animation-name: spin;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    display: block;
}

.status-field {
    display: flex;
    flex-direction: row;
    width: 100%;
    white-space: nowrap
}


.status-field>.status-runner {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.status-field>.status-spinner {
    background-color: #fff;
    border: 1px solid #afafba;
    border-left-width: 0
}

.status-field>.status-action {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    width: 36px;
    font-size: 0;
    line-height: 32px;
    text-align: center;
    user-select: none;
    -moz-user-select: none;
    transition: all .1s ease-in-out
}

.status-field.foldable>.status-label {
    display: none
}

.status-field.clickable>.status-label:hover {
    background-color: #f1f1f1;
    cursor: pointer
}

.status-field.clickable>.status-spinner:hover {
    background-color: #e9e9e9;
    cursor: pointer
}

.status-field.error .status-label {
    color: #fff;
    background-color: #e53935;
    border-color: #e2231e
}

.status-field.error .status-label:hover {
    background-color: #d6201c;
    border-color: #bf1c19
}

.status-field.error .status-spinner {
    background-color: #e53935;
    border-color: #e2231e #e2231e #e2231e #ac2925;
    border-left-width: 1px
}

.status-field.error .status-spinner:hover {
    background-color: #d6201c;
    border-color: #bf1c19
}

.status-field.error .status-spinner .spinner {
    background-image: url(../img/spinner_white.svg)
}

.status-field.running .status-label {
    background-color: #f1f1f1
}

.status-field.running .status-label:hover {
    background-color: #ebebeb
}

.status-field.maxsize .status-label {
    width: 120px
}

@media (min-width: 1367px) {
    .status-field.foldable>.status-label {
        display:inline-block
    }

    .status-field>.status-runner {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        margin-right: 16px
    }

    .status-field>.status-spinner {
        background-color: #f1f1f1;
        border-left-width: 1px
    }
}


.box {
    display: inline-block;
    position: relative;
    background-color: #fff;
    border-radius: 3px;
    max-width: 1200px;
    width: 100%;
    border: 1px solid #ccc
}

.box.categories{
    max-width: 1600px;
    width: 95%;
    margin: auto;
    min-width: 1326px;

}

.box .box-header.no-border {
    border-bottom-width: 0
}

.box .box-header>.title {
    border-bottom-width: 0;
    white-space: nowrap
}

.box .inner.borderbottom,.box .more.border-bottom,.box .more.special,.box .navigation,.box .title {
    border-bottom: 1px solid #ccc
}

.box .box-header>.filters {
    display: flex;
    flex-direction: row;
    padding-right: 20px;
    align-items: center
}

.box .box-header>.filters>* {
    margin-left: 10px
}

.box .box-header>.align-right {
    padding-right: 20px
}

.box .box-header img {
    max-height: 36px
}

.box.full {
    max-width: inherit
}

.box.lungo {
    max-width: 900px
}

.box.semi {
    max-width: 720px
}

.box.block {
    display: block
}

.box .box-status {
    min-width: 140px
}

.box .navpad {
    padding: 20px 20px 0
}

.box .navpad.pad-bottom {
    padding-bottom: 20px
}

.box .title {
    font-size: 20px;
    font-weight: 400;
    padding: 0 20px;
    color: #1c1b3b;
    height: 60px;
    display: flex;
    align-items: center
}

.box .title.smaller {
    padding: 0 0 0 20px;
    line-height: 48px;
    font-size: 18px;
    height: 40px;
}

.box .title>span {
    display: inline-block
}

.box .title .btn,.box .title .button {
    margin-right: 8px
}

.box .title .subtitle {
    font-size: 18px;
    font-weight: 300
}

.box .title .subtitle.badge {
    font-weight: 200;
    background-color: #42a1bf;
    padding: 3px 8px 0px 8px;
    border-radius: 7px;
    height: 25px;
}


.box .title .subsubtitle {
    font-size: 12px;
    font-weight: 300
}

.box .title.smaller-font {
    font-size: 18px
}

.box .title .label {
    vertical-align: middle
}

.box .title .badge {
    vertical-align: middle;
    line-height: 20px;
    margin-top: -1px
}

.box .title>.font {
    margin-right: 6px
}

.box .navigation {
    display: flex;
    flex-direction: row;
    font-size: 20px;
    font-weight: 400;
    line-height: 60px;
    color: #1c1b3b;
    background-color: #f8f8f9
}

.badge,.box .subsection,.builder .build-title-small,.builder .build-title>span,.dot .levelcs,.dots .popout .popout-content .name,.quickstats .info .value,.users-preview .preview-user {
    font-weight: 700
}

.box .navigation .navigation-item {
    flex: 1 0 auto;
    display: flex;
    padding: 0 16px 0 20px;
    border-right: 1px solid #ccc
}

.box .navigation .navigation-item:hover {
    background-color: #f1f1f1;
    cursor: pointer
}

.box .navigation .navigation-item.active {
    background-color: #fff
}

.box .navigation .navigation-item:last-of-type {
    border-right-width: 0
}

.box .navigation .navigation-item .navigation-icon {
    margin-right: 8px
}

.box .navigation .navigation-item .navigation-icon.margin-right-small {
    margin-right: 4px
}

.box .navigation .navigation-help {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 20px;
    line-height: 1em
}

.box .navigation .navigation-text {
    flex: 1 0 auto;
    font-size: 18px
}

.box .options {
    position: absolute;
    right: 20px;
    top: 12px;
    font-size: 0
}

.box .inner.relative,.sidebar .sideitem {
    position: relative
}

.box .options>* {
    font-size: 15px
}

.box .options .image {
    max-height: 33px;
    vertical-align: middle;
    margin-left: 6px
}

.box .bottom .bottom-help,.box .bottom .bottom-margin,.box .bottom .counter,.box .options .status-option,.operators .operator-meta .btn-icon {
    margin-left: 10px
}

.box .options .status-option {
    display: inline-block;
    vertical-align: top
}

.box .more {
    padding: 15px 20px;
    background-color: #f9f9f9
}

.box .more.toppad {
    padding-bottom: 15px
}

.box .more .inside {
    padding: 15px 0 0
}

.box .more .toggle label {
    line-height: 23px;
    vertical-align: middle;
    margin: 0
}

.box .more.special {
    padding-top: 16px;
    padding-bottom: 8px;
    border-top-width: 0;
    background-color: #fcfcfc
}

.box .more.border-bottom,.box .more.no-border-top {
    border-top-width: 0
}

.box .more.overflow {
    max-height: 310px;
    overflow-y: auto
}

.box .inner {
    padding: 20px
}

.box .inner.toppad {
    padding-bottom: 0
}

.box .inner.toppad2 {
    padding-top: 16px;
    padding-bottom: 8px
}

.box .inner.toppad3 {
    padding-bottom: 10px
}

.box .inner.toppad4 {
    padding-top: 0;
    padding-bottom: 20px
}

.box .inner.toppad5 {
    padding-top: 10px;
    padding-bottom: 10px
}

.box .inner.toppad6 {
    padding-top: 16px;
    padding-bottom: 16px
}

.box .inner.toppad7 {
    padding-top: 16px;
    padding-bottom: 0
}

.box .inner.toppad8 {
    padding-top: 10px;
    padding-bottom: 0
}

.box .inner.toppad9 {
    padding-top: 0;
    padding-bottom: 8px
}

.box .inner.unpad {
    padding-left: 0;
    padding-right: 0
}

.box .inner.unpad2 {
    padding: 6px 0 14px
}

.box .inner.unpad3 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

.box .inner.unpad4 {
    padding: 0
}

.box .inner.unpad5 {
    padding: 12px 0 0
}

.box .inner.unpad6 {
    padding: 12px 0 20px
}

.box .inner.tablepad {
    padding: 10px 0
}

.box .inner.tablepad2 {
    padding: 10px 0 20px
}

.box .inner.bottompad {
    padding-top: 0
}

.box .inner.smallerpad {
    padding: 16px 20px
}

.box .inner.padding-top-medium {
    padding-top: 10px
}

.box .inner.padding-top-none {
    padding-top: 0
}

.box .inner.padding-bottom-medium {
    padding-bottom: 10px
}

.box .inner.padding-bottom-small {
    padding-bottom: 5px
}

.box .inner.padding-bottom-none {
    padding-bottom: 0
}

.box .inner .pad,.box .subsection,.events .event {
    padding: 10px 20px
}

.box .inner.bordertop {
    border-top: 1px solid #ccc
}

.box .subsection {
    display: flex;
    align-items: center;
    font-size: 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #f8f8f9
}

.box .subsection .font {
    margin-right: 5px;
    line-height: 1em
}

.box .subsection.margin-top {
    margin-top: 20px
}

.box .loading {
    background-color: rgba(255,255,255,.4)
}

.box .loading .loading-container {
    background-color: rgba(0,0,0,.1)
}

.box .loading .bouncer>div {
    background-color: #555
}

.box .bottom {
    border-top: 1px solid #ccc;
    padding: 15px 20px;
    line-height: 1em;
    min-height: 65px
}

.box .bottom .bottom-list {
    display: flex;
    float: right;
    min-height: 36px;
    align-items: center
}

.box .bottom .font {
    vertical-align: middle
}

.box .bottom .counter {
    border: 1px solid #afafba;
    border-radius: 2px;
    line-height: 20px;
    padding-right: 10px
}

.box .bottom .counter>span {
    display: inline-block;
    padding: 6px 8px;
    background-color: #fff;
    border-right: 1px solid #afafba;
    margin-right: 10px
}

.box .bottom .floatright {
    float: right
}

.box .bottom.buttonpad {
    display: flex;
    flex-direction: row
}

.box .bottom.buttonpad>* {
    margin-right: 10px
}

.box.box-table {
    display: table;
    width: 100%;
    height: 100%
}

.box.box-table .box-row {
    display: table-row
}

.box.box-table .box-row>div {
    display: table-cell
}

.box.both-margin {
    margin-top: 16px;
    margin-bottom: 16px
}

@media (min-width: 1367px) {
    .box {
        max-width:1440px
    }

    .box .box-status {
        min-width: 266px
    }
}

.dynamicfield .inline-field {
    display: inline-block;
    width: 160px;
    margin-right: 6px;
    margin-bottom: 2px
}

.dynamicfield .tag {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    font-size: 18px;
    color: #444;
    margin-right: 6px;
    white-space: nowrap;
    margin-bottom: 2px
}

.dynamicbutton {
    position: relative;
    display: inline-block;
    margin-left: 10px
}

.dynamicbutton.disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65)
}

.dynamicbutton.inline-group .btn {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.dynamicbutton.import-mapping {
    display: inline-block;
    margin-left: 10px
}

.dynamicbutton.import-mapping .btn {
    line-height: 23px
}

.dynamicbutton .nomargin {
    margin: 0
}



.dynamicbutton .big {
    font-size: 20px
}

.dynamicbutton .btn>span,.dynamicbutton>span {
    vertical-align: top
}

.field-checkbox {
    display: flex;
    flex-direction: row;
    align-items: start
}

.field-checkbox .field-check {
    width: 28px;
    line-height: 20px
}

.tDnD_whileDrag {
    /*z-index: 500;*/
    /*width: 90%;*/
    /*margin: -10px;*/
    /*display: table-cell;*/
    /*color: transparent;*/
    /*width: 0px*/
}
.tDnD_whileDrag tr {
    -webkit-box-shadow: 1px 8px 6px -4px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
    border: 3px solid #1a73e8;
}

.tDnD_whileDrag td {
    background-color: #f9f9f9;
    z-index: 50000;
    transition-duration: 125s;
    /*-webkit-box-shadow: 11px 5px 12px 2px #333, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;*/
    /*-moz-box-shadow: 6px 4px 5px 1px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;*/
    /*-box-shadow: 6px 4px 5px 1px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;*/
}
/*.tDnD_whileDrag td:first-child {*/
/*-webkit-box-shadow: 5px 4px 5px 1px #111, 0 1px 0 #ccc inset, 1px -1px 0 #ccc inset;*/
/*-moz-box-shadow: 6px 3px 5px 2px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, 1px 0 0 #ccc inset;*/
/*-box-shadow: 6px 3px 5px 2px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, 1px 0 0 #ccc inset;*/
/*}
.tDnD_whileDrag td:last-child {
    /*-webkit-box-shadow: 8px 7px 12px 0 #333, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;*/
    /*-webkit-box-shadow: 1px 8px 6px -4px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;*/
    /*-moz-box-shadow: 0 9px 4px -4px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, -1px 0 0 #ccc inset;*/
    /*-box-shadow: 0 9px 4px -4px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, -1px 0 0 #ccc inset;*/
/*}


 */

.sortable-item {
    transition: all 125ms;
}

.help {
    display: inline-block;
    position: relative;
    width: 30px;
    font-weight: 400;
    height: 19px;
}


.help .font {
    display: inline-block;
    color: #ccc;
    font-size: 19px;
    cursor: pointer;
    text-align: center;
    width: 30px;
    line-height: 19px;
}

.help .popout.popout-left {
    top: 50%;
    right: 40px;
}

.help:hover .popout {
    display: block
}

.help .popout .popout-container {
    width: 280px;
    max-width: 280px;
}
.help .popout-content {
    overflow: hidden;
    line-height: 1.5em;
}

.popout {
    position: absolute;
    z-index: 1000;
    display: none;
    right: inherit;
    left: inherit
}

.builder,.chart-wrapper,.countrystats>div,.countrystats>div img,.countrystats>div span,.dots,.dots .popout .popout-content,.newstats .newstat,.popout .popout-container,.users-preview {
    position: relative
}

.popout .popout-container {
    top: 50%;
    transform: translateY(-50%);
    width: 200px;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    display: flex
}

.popout .popout-arrow {
    border-width: 11px
}

.popout .popout-arrow,.popout .popout-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popout .popout-arrow:after {
    border-width: 10px;
    content: ''
}

.popout.popout-right .popout-arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0
}

.popout.popout-right .popout-arrow:after {
    content: ' ';
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popout.popout-left .popout-arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0
}

.popout.popout-left .popout-arrow:after {
    content: ' ';
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.popout .popout-content {
    padding: 10px 15px;
    text-align: left;
    flex: 1 1 auto;
    white-space: break-spaces;
    font-size: 14px;
}
.finalize .helpbutton {
    border: 1px solid #afafba;
    width: 36px;
    line-height: 32px;
    border-radius: 2px;
    color: #999
}

.btn .badge:not(:first-child) {
    margin-left: 0.5rem;
}

.btn .badge:not(:first-child) {
    margin-left: 0.5rem;
}
.btn .badge {
    position: relative;
    top: -1px;
}
.btn .badge {
    position: relative;
    top: -1px;
}
.items-info-circle {
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0!important;
    width: 1.85rem;
    height: 1.85rem;
    font-size: .75rem;
    font-weight: 600;
}

.badge-sm {
    padding: 0.45em 0.775em;
    font-size: 0.95em;
    border-radius: 0.375rem;
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none;
    border: 1px solid;
    padding: 5px;
}

.my-select .dropdown .dropdown-menu:before{

}

.my-select .dropdown:not(.dropdown-hover) .dropdown-menu.show {
    margin-top: 0px;
}

.my-select .box .inner{
    padding: 0px;
}

.scrollable-menu {
    height: auto;
    max-height: 290px;
    overflow-x: hidden;
    padding: 2px;
    list-style: none;
    line-height: 12px;
    max-width: 620px;
    border: 1px solid #109cd9;
    border-radius: 0px;
}

.hs-menu-inner {
    padding-bottom: 20px;
}

.ddsearchbox  {
    margin-bottom: 0;
    width: 100%;
    float: none;
    border: 1px solid;
    padding: 8px;
    margin-top: 5px;
}

.hs-searchbox>.font {
    position: absolute;
    right: 17px;
    font-size: 15px;
    line-height: 41px;
    z-index: 50;

}

.dropdown .dropdown-toggle:after, .dropup .dropdown-toggle:after, .dropstart .dropdown-toggle:after, .dropend .dropdown-toggle:after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    border: none;
    vertical-align: middle;
    font-weight: 600;
    position: absolute;
    right: 10px;
    top: 8px;
}

.btn .textoverflow {
    width:95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    display: flex;
}

.btn .textoverflow.hasicon{
    /*margin-left: 15px;*/
}

.btn .itemicon{

}

a.dropdown-item {
    font-size: 15px;
    line-height: 20px;
    color: black;
    font-weight: 300;
    padding: 5px 5px 5px 5px;
}

a.dropdown.item {
    
}

a.dropdown-item.cat-item{
    white-space: normal;
    min-width: 590px;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: rgba(215, 215, 215, 0.59);
    color: black;
}

.progress {
    height: 15px;
}
.progress-bar {
    height: 15px;
    border-radius: 0.125rem;
}

.d-flow-root{
    display: flow-root;
}

.modal-footer {
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
}
.modal-footer .btn{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/************** Overlay with spinner ******************************/

.spanner{
    position:absolute;
    left: 0;
    background: #2a2a2a55;
    width: 100%;
    display:block;
    text-align:center;
    height: 300px;
    color: #FFF;
    transform: translateY(-50%);
    z-index: 1000;
    visibility: hidden;
}

.overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    visibility: hidden;
}

.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}
.loader {
    color: #ffffff;
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}
.loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.loader:after {
    left: 3.5em;
}
@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

.show{
    visibility: visible;
}

.spanner, .overlay{
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.spanner.show, .overlay.show {
    opacity: 1
}

/************ overlay end *************************/


.dropdown-menu .options {
    opacity: unset;
}


input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    color: #468847;
    background-color: #DFF0D8;
    border: 0px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 0px solid #EED3D7;
}

.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;
    color: #B94A48;

    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
    opacity: 1;
}


.lds-ring {
    z-index: 10!important;
    position: relative!important;
    width: 0!important;
    top: -15px;
    left: 0;

}

.lds-ring div {
    box-sizing: border-box!important;
    display: block!important;
    position: absolute!important;
    width: 20px!important;
    height: 20px!important;
    /*margin: 8px!important;*/
    border: 3px solid #5fa624!important;
    border-radius: 50%!important;
    animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1)infinite!important;
    border-color: #5fa624 #5fa62440 #0000 transparent!important;
}

.lds-ring div:nth-child(1) {
    animation-delay: -.45s!important
}

.lds-ring div:nth-child(2) {
    animation-delay: -.3s!important
}

.lds-ring div:nth-child(3) {
    animation-delay: -.15s!important
}

@keyframes lds-ring {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.auto-select .auto-overlay.under[data-popper-placement^=top-start] {
    margin-bottom: 40px;
}
.auto-select .auto-overlay.under[data-popper-placement^=bottom-start] {

}

.auto-blue.auto-select .auto-overlay.under[data-popper-placement^=top-start] {
    margin-bottom: 32px;
}
.auto-blue.auto-select .auto-overlay.under[data-popper-placement^=bottom-start] {

}

.auto-blue.auto-select .auto-button>.auto-remove {
    border-left: 1px solid #fff;
    padding-top: 1px;
}



.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.page-link span{
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #474e58;
    border-color: #474e58;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px;
}

.page-item .page-link, .page-item span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7b809a;
    padding: 10px;
    margin: 0 3px;
    width: unset;
    height: 36px;
    font-size: 0.875rem;
    border-radius: 0% !important;
    min-width: 36px;

}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #119cd9;
    border-color: unset;
    font-weight: bold;
}

.sirius-obc-spinner {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border: 0.3rem solid hsl(0deg 4.73% 30.37% / 10%);
    border-radius: 50%;
    border-top-color: #e53935;
    height: 1.5rem;
    width: 1.5em;
}




.operator-paused {
    align-items: center;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex: 0 0 36px;
    font-size: 13px;
    height: 36px;
    justify-content: center;
}

.auto-select .auto-search input {
    max-height: 34px;
}

.message-box {
    max-height: 200px;
    overflow-x: auto;
}

#reportrange b.caret {
    color: #6d6466;
    position: absolute;
    right: 28px;
}