:root {
    --primary: #f17744 !important;
    --primaryOpacity: rgba(241, 119, 68, 0.5) !important;
    --primaryHoverColor: #ce663a !important;
}

.help-block.help-block-error {
    margin: 0;
    padding: 5px 0;
    color: #d2504d;
}

.grid-view {
    width: 100%;
}

.table th a {
    color: #333;
}

.table th {
    font-weight: 600 !important;
}

.table th a:hover {
    color: #6659f6;
}

.page-breadcrumb .text-info, .page-breadcrumb small {
    text-align: right;
    display: block;
}

.table_footer {
    overflow: hidden;
    display: block;
}

.table_footer .summary {
    float: left;
    padding-top: 8px;
}

.table_footer .pagination {
    margin: 0;
    float: right;
}

.table_footer .pagination li a, .table_footer .pagination li span {
    font-weight: 600;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #7460ee;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.table_footer .pagination li.active a {
    background: #7460ee;
    color: #fff;
}

.pagination li.disabled span {
    opacity: 0.8;
}

.tree ul {
    padding-top: 20px;
    position: relative;

    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.tree li {
    float: left;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;

    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 1px solid #ccc;
    width: 50%;
    height: 20px;
}

.tree li::after {
    right: auto;
    left: 50%;
    border-left: 1px solid #ccc;
}

/*We need to remove left-right connectors from elements without
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
    display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child {
    padding-top: 0;
}

/*Remove left connector from first child and
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after {
    border: 0 none;
}

/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before {
    border-right: 1px solid #ccc;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}

.tree li:first-child::after {
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #ccc;
    width: 0;
    height: 20px;
}

/*.tree li a{
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-decoration: none;
    color: #666;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    display: inline-block;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}*/

.tree li p {
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-decoration: none;
    color: #666;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    display: inline-block;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    margin-bottom: 0px;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
/*.tree li a:hover, .tree li a:hover+ul li a {
    background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}*/

.tree li p:hover, .tree li p:hover + ul li p {
    background: #c8e4f8;
    color: #000;
    border: 1px solid #94a0b4;
}

/*Connector styles on hover*/
.tree li a:hover + ul li::after,
.tree li a:hover + ul li::before,
.tree li a:hover + ul::before,
.tree li a:hover + ul ul::before {
    border-color: #94a0b4;
}

.tree {
    overflow: hidden;
}

.tree ul {
    display: flex;
    justify-content: space-between;
}

.tree ul li {
    width: 100%;
}

.tree li a span {
    width: 100%;
    display: block;
}

.search_box input {
    height: auto;
    border: none;
}

.tree li a span:first-child {
    color: #333;
    font-size: 14px;
    font-weight: 600;
}

.tree li a span:last-child {
    color: #6659f7;
}

form div.required label:after {
    content: " * ";
    color: #f62d51 !important;
}

.badge {
    font-weight: 700;
}

.packages h3 {
    margin: 0;
    font-size: 16px;
}

.package_icon i {
    font-size: 75px;
    color: #6659f7;
}

.card.packages h4 {
    margin: 15px 0 !important;
    font-size: 18px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.card.packages {
    border-radius: 12px;
}

.star_box {
    margin-top: 15px;
}

.package_icon img {
    height: 126px;
    width: auto;
}

@media only screen and (max-width: 767px) {
    .page-breadcrumb .text-info, .page-breadcrumb small {
        text-align: left;
        display: block;
        font-size: 15px;
        font-weight: 600;
    }

    .page-breadcrumb .d-flex.no-block.justify-content-end.align-items-center {
        margin-top: 15px;
    }

    .page-breadcrumb .col-md-7.col-12.align-self-center .d-flex {
        float: left !important;
    }

    .table_footer .summary {
        float: unset;
        display: block;
        text-align: center;
    }

    .table_footer .pagination {
        float: unset;
        text-align: center;
        margin: 10px 0 auto;
        display: block;
    }

    .table_footer .pagination li {
        display: inline-block;
        margin: 0 -2px;
    }

    .tree ul {
        margin: 0;
        padding-left: 0px;
    }
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-ellipsis div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #cef;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 6px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(19px, 0);
    }
}

.custom-big-stats {
    font-size: 4.5rem;
    font-weight: 300;
    margin: 0 !important;
}

.custom-normal-stats {
    font-size: 55px;
    font-weight: normal;
    margin: 0 !important;
}

.custom-small-stats {
    font-weight: normal;
}

.custom-hr {
    display: block;
    width: 100%;
    background: #eee;
    border-color: #eee;
    margin: 10px -10px;
}

.custom-bordered-box:not(:last-child) {
    border-right: 1px solid #eee;
}

.card.e-campaign.full-height {
    height: 100%;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    margin: 0;
}

.tab-head-info h5 {
    color: #000;
    margin: 0 !important;
}

.tab-head-info p {
    font-size: 13px;
    color: #999;
}

.c-stats-box h3 {
    font-weight: normal;
    color: #3e5569;
    font-size: 32px;
}

.c-stats-box span {
    color: #333 !important;
    font-size: 13px;
}

#main-wrapper[data-layout="vertical"] .topbar .navbar-collapse[data-navbarbg="skin1"], #main-wrapper[data-layout="vertical"] .topbar[data-navbarbg="skin1"], #main-wrapper[data-layout="horizontal"] .topbar .navbar-collapse[data-navbarbg="skin1"], #main-wrapper[data-layout="horizontal"] .topbar[data-navbarbg="skin1"] {
    background: #6659f7;
}

#main-wrapper[data-layout="vertical"] .topbar .top-navbar .navbar-header[data-logobg="skin1"], #main-wrapper[data-layout="horizontal"] .topbar .top-navbar .navbar-header[data-logobg="skin1"] {
    background: #6659f7;
}

#main-wrapper[data-layout="vertical"] .navbar-dark .navbar-nav .nav-link {
    color: #7f7f7f;
}

#main-wrapper[data-layout="horizontal"] .upper_alerts {
    margin-top: 20px;
    padding: 0 15px;
    display: block;
    overflow: hidden;
}

#main-wrapper[data-layout="horizontal"] .upper_alerts .alert {
    margin: 0;
}

#main-wrapper[data-layout="horizontal"] .left-sidebar .scroll-sidebar {
    height: 50px;
}

#main-wrapper[data-layout="horizontal"] .navbar-light .navbar-nav .nav-link {
    color: #000 !important;
}

.card_img {
    background: url('../../assets/images/card-bg.png');
    background-position: center !important;
    background-size: cover !important;
    background-color: #fff !important;
}

body {
    background: black;
}

html, body, .speedometer {
    height: 100%;
}

.speedometer {
    display: flex;
    align-items: center;
    justify-content: center;
}

svg {
    width: calc(75vh * 327 / 205.4);
    height: 75vh;
}

path {
    fill: white;
}

.needle {
    position: absolute;
    height: 35vh;
    bottom: 35vh;
    left: calc(50% - 4.5vh);
    width: 2vh;
    background: white;
    transform-origin: bottom center;
    transform: rotate(0deg);
}

.js-needle.needle {
    background: #000;
}

.js-needle.needle {
    background: #000;
    height: 82px;
    width: 4px;
    border-radius: 10px 10px 0 1px;
}

.gauge {
    position: relative;
    display: inline-block;
    font-size: 33px;
    line-height: 1em;
    height: 1em;
    width: 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gauge.gauge-big {
    font-size: 117px;
}

.gauge.gauge-small {
    font-size: 17px;
}

.gauge:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 100%;
    height: 2em;
    width: 2em;
    line-height: 1em;
    border: 0.35em solid #666666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    clip: rect(auto, auto, 1em, auto);
}

.gauge .gauge-arrow {
    height: 1em;
    width: 0.075em;
    margin-left: -.05em;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.gauge .gauge-arrow, .gauge .gauge-arrow:before {
    position: absolute;
    display: inline-block;
    background: #A6A6A6;
    left: 50%;
    border-radius: 50% 50% 50% 50% / 50% 50% 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gauge .gauge-arrow:before {
    content: '';
    height: 0.15em;
    width: 0.15em;
    bottom: -0.1em;
    margin-left: -0.075em;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.gauge-red.gauge:before {
    border-color: #ff4e00;
}

.gauge-orange.gauge:before {
    border-color: #ffa600;
}

.gauge-yellow.gauge:before {
    border-color: #f9f865;
}

.gauge-green.gauge:before {
    border-color: #8ceab9;
}

gauge-blue.gauge:before {
    border-color: #2bc5ea;
}

.gauge.gauge-big {
    font-size: 60px;
}

#efficiencyRate {
    font-size: 50px;
}


#real-time-area svg {
    fill: #777;
}

.flex-wrapper {
    width: 100%;
    display: block;
}

.epoch .axis path, .epoch .axis line {
    fill: transparent;
    stroke: #777;
}


.gauge-red.gauge::before {
    border-color: #6659f7;
}

.form-control.per-page-limit {
    border: none;
    padding: 0;
}

.form-control.per-page-limit label input {
    display: none;
}

.form-control.per-page-limit label {
    padding: 7px 12px;
    background: #7460ee;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
}

.form-control.per-page-limit {
    background: none !important;
}

.grid-view .filters select, .grid-view .filters input {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #4F5467;
    background-color: #fff;
    border: 1px solid #e9ecef;
    border-radius: 2px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#paymentSuccessModel img {
    height: 250px;
    margin: 0 auto;
    display: block;
}

#paymentSuccessModel {
    text-align: center;
}

#paymentSuccessModel .modal-body {
    padding-bottom: 50px;
}

.wi-100 {
    width: 100%;
}

.p-29 {
    padding: 29px !important;
}

.p-41 {
    padding: 41px !important;
}

table tr td:first-child input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;

}

.team-3 {
    margin-left: 30px;
    margin-right: 30px;
}

.p-15 {
    padding: 15px;
}

.t-style {
    padding-top: 10px;

    color: #7460ee;
}

.bg-white {
    background-color: #fff;
}

@media (max-width: 768px) {
    .custom-margin {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 15px;
        margin-bottom: 15px;

    }

    #main-wrapper[data-layout="horizontal"] .left-sidebar .scroll-sidebar {
        height: 100vh !important;

    }

    #main-wrapper[data-layout="horizontal"][data-sidebar-position="fixed"] .left-sidebar {
        height: 100vh !important;
        overflow-y: scroll !important;
    }

    .border-btm-mobile {
        border-bottom: 1px solid #cecece;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .tree {
        overflow-x: auto;
    }

    .tree ul li {
        width: 250%;
    }

    .wi-100 {
        width: unset;
    }
}

.tree ul {
    display: flex;
    justify-content: space-between;
    padding-top: 20px !important;
    padding: 0;
}

.binary {
    padding: 20px 15px 20px 15px;
    box-shadow: 0 0 15px #e9ebec;
    margin-top: 20px;
    margin-bottom: 20px;
}

.font-black {
    color: #000 !important;
}

.team-link {
    font-size: 11px !important;
    font-weight: normal !important;
}

.bootstrap-datetimepicker-widget {
    background: #fff;
    min-width: 250px;
}

.datepicker .day, .datepicker .dow {
    padding: 5px !important;
}

.packages.raffle-card .card-buttons {
    text-align: center;
    margin-top: 15px;
}

.packages.raffle-card .card-buttons a {
    margin: 0 auto;
    border-radius: 5px;
}

.packages.raffle-card .card-buttons a[disabled] {
    opacity: 0.7;
}

.raffle-card .col-md-12 {
    margin: 5px 0;
}

.auth-logo-box {
    width: 100%;
    text-align: center;
}

.auth-logo-box img {
    height: 100px;
    margin: 0 auto;
}

.has-error .help-block {
    color: #cc0707;
}

.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff !important;
}

.btn-primary:hover {
    background-color: var(--primaryHoverColor);
    border-color: var(--primaryHoverColor);
    color: #fff !important;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color: var(--primaryHoverColor);
    border-color: var(--primaryHoverColor);
}

.text-primary {
    color: var(--primary) !important;
}

a.text-primary:focus, a.text-primary:hover {
    color: var(--primaryHoverColor) !important;
}

a {
    color: var(--primary);
}

a:hover {
    color: var(--primaryHoverColor);
}

.lds-ripple .lds-pos {
    border: 2px solid var(--primary);
}

.badge-primary {
    background-color: var(--primary);
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--primary);
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem var(--primaryOpacity);
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
    font-size: 14px;
}

#main-wrapper[data-layout="vertical"] .topbar .navbar-collapse[data-navbarbg="skin1"], #main-wrapper[data-layout="vertical"] .topbar[data-navbarbg="skin1"], #main-wrapper[data-layout="horizontal"] .topbar .navbar-collapse[data-navbarbg="skin1"], #main-wrapper[data-layout="horizontal"] .topbar[data-navbarbg="skin1"] {
    background: var(--primary);
}

#main-wrapper[data-layout="vertical"] .topbar .top-navbar .navbar-header[data-logobg="skin1"], #main-wrapper[data-layout="horizontal"] .topbar .top-navbar .navbar-header[data-logobg="skin1"] {
    background: transparent;
}

.topbar .top-navbar .navbar-header {
    line-height: normal;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.form-one-line ul {
    list-style: none;
    white-space: nowrap;
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    width: 100%;
    margin: 0;
    padding: 0;
}

.form-one-line ul li {
    flex: 0 1 auto;
    width: auto;
    margin-left: 5px;
}

.form-one-line ul li form {
    display: flex;
    white-space: nowrap;
}

.form-one-line ul li form select {
    margin-right: 5px;
}

.date-range-selector {
    display: flex;
}

.date-range-selector select {
    margin-right: 5px;
    height: 36px !important;
}

.ajax-financial-form {
    position: relative;
}

.ajax-financial-form button {
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    -webkit-appearance: none;
    border: none;
    color: #fff;
    font-weight: 600;
    background: #f17744;
    height: 100%;
    border-radius: 0 2px 2px 0;
    line-height: 35px;
    padding: 1px 10px;
    opacity: 0.9;
    cursor: pointer;
}

.ajax-financial-form button:hover {
    opacity: 1;
}

.ajax-mini-form {
    position: relative;
}

.ajax-mini-form button {
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    -webkit-appearance: none;
    border: none;
    color: #fff;
    font-weight: 600;
    background: #f17744;
    height: 100%;
    border-radius: 0 2px 2px 0;
    line-height: 35px;
    padding: 1px 10px;
    opacity: 0.9;
    cursor: pointer;
}

.ajax-mini-form button:hover {
    opacity: 1;
}

.page-breadcrumb .justify-content-end .btn {
    margin-left: 5px;
}

.data-point-formula {
    text-align: center;
}

.ajax-financial-form input {
    min-width: 150px;
}

.ajax-financial-form button.reRunFormula {
    right: 33px;
}

#current-month .colored-item {
    color: #36bea6;
    margin: 0 5px;
}

.financial-tabs {
    text-align: center;
    font-size: 0;
    display: block;
}

.financial-tabs li {
    display: inline-block;
}

.financial-tabs li a {
    padding: 15px;
    min-width: 150px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    border-left: 1px solid #eee;
}

.financial-tabs li:last-child a {
    border-right: 1px solid #eee;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #f17744;
}

.ro-divider {
    padding: 15px;
    color: #f17744;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
}

.financial-table-head a {
    float: right;
}

.environment-name {
    text-align: center;
    margin: -20px;
    background: #f17744;
    color: #fff;
    padding: 10px;
    margin-bottom: 20px;
}

.header-environment-name {
    position: fixed;
    top: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 99;
    font-size: 25px;
    font-weight: 600;
    padding: 13px;
}

.header-environment-name {
    left: 0;
    z-index: 0;
}

.mobile-visible {
    display: none;
}

th.financial-table-head.is_forecast_year:after {
    background: #F17744;
    content: "";
    position: absolute;
    left: 5px;
    height: 5px;
    width: 5px;
    border-radius: 50px;
    top: 22.5px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #f17744 !important;
}

.user-login-bg {
    background: url('../../../../frontend/img/bg-image.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.user-login-bg .auth-wrapper {
    background: rgba(0, 0, 0, 0.8) !important;
}

body {
    background: #eef5f9;
}

.small-table-info span {
    display: block;
    font-size: 12px;
}

.plan-box {
    text-align: center;
    border: 1px solid #f17744;
    padding: 15px;
    margin-bottom: 15px;
    color: #333;
    display: block;
    transition: all 0.3s;
}

.plan-box p {
    margin: 0;
    text-decoration: line-through;
    opacity: 0.8;
}

.plan-box h3 {
    color: #f17744;
    margin: 0;
    font-size: 30px;
    margin-top: 10px;
}

.plan-box:hover {
    background: #f17744;
    color: #fff;
}

.plan-box:hover p, .plan-box:hover h3 {
    color: #fff;
}

.ft-60 {
    font-size: 50px;
}

.stats-small-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

.stats-small-info ul li {
    display: inline-block;
    margin-right: 15px;
}

.stats-small-info ul li span {
    font-weight: 600;
}

.stats-box-icon {
    font-size: 70px;
}

.stats-icon-container {
    position: absolute;
    height: 100%;
    top: 0;
    right: 25px;
    display: flex;
    align-items: center;
}

.custom-stats-box h4 {
    margin-top: 8px;
    font-size: 25px;
}

.table td, .table th {
    vertical-align: middle;
}

.navbar-header {
    z-index: 1;
}

a.card.card-hover.custom-stats-box {
    color: #333;
}

.smallDetailGrid p {
    white-space: nowrap;
    font-size: 12px;
    margin: 2px 0;
}

.filters-list {
    display: block;
    padding: 0px;
    width: 100%;
}

.filters-tags {
    display: block;
    padding: 15px;
    margin-top: 15px;
    width: 100%;
    border: 1px solid #e9ecef;
}

.filters-tags .card-title {
    font-weight: 600;
}

.filter-tag {
    display: inline-flex;
    align-items: center;
    padding: 5px;
    margin: 2px 2px;
    width: auto;
    justify-content: center;
    border-radius: 5px;
    background: transparent;
    color: #666;
    border: 1px solid #ddd;
    font-weight: 600;
}

.filter-tag-actions {
    margin-left: 5px;
}

.filter-tag-actions a {
    border-radius: 5px;
    width: 20px;
    display: inline-block;
    text-align: center;
}

.filters-list .action-box .checkbox label.custom-checkbox {
    padding: 0;
    margin: 0;
}

.filters-list .action-box .checkbox label.custom-checkbox label:before, .filters-list .action-box .checkbox label.custom-checkbox label:after {
    top: 8px;
    left: 5px;
}

.filters-list .action-box .checkbox {
    border: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    height: 34px;
    padding-right: 15px;
    line-height: 32px;
    margin-right: 15px;
    width: 100%;
}

.filters-list .action-box .btn {
    height: 33px;
    line-height: 20px;
    width: 100%;
}

.filters-list ul {
    padding: 0;
    list-style: none;
    margin: 0;
    width: 100%;
}

.filters-list h4 {
    padding: 0px 12px 0;
}

.filters-list ul li {
    padding: 10px;
}

.filters-list ul li:not(:last-child) {
    border-bottom: 1px solid #e9ecef;
}

.screen-info input, .screen-info select, .screen-info .btn {
    font-size: 18px;
    height: 45px !important;
}

.input-round {
    border-radius: 50px;
}

.data-point-options {
    padding: 15px 0 0;
}

.data-point-options .nav-pills {
    justify-content: center;
    margin: 0 !important;
}

.data-point-options .nav-pills .nav-item .nav-link {
    border: 1px solid #f17744 !important;
}

.data-point-options ul li a {
    padding: 4px 10px 2px;
    border-radius: 5px !important;
    margin: 0 2px;
    font-size: 14px;
}

.data-point-results {
    padding: 0px 0;
    display: block;
    margin-top: -10px;
    text-align: left;
    max-height: 300px;
    overflow-y: auto;
}

.data-point-results a {
    color: #666;
    margin: 0;
    padding: 10px 15px;
    display: block;
    border-bottom: 1px solid #eee;
}

.data-point-results a:hover {
    background: #F17744;
    color: #fff;
}

.toggles-options {
    text-align: center;
    padding: 10px 0 0px;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #F17744;
}

.form-toggle-container label.custom-control-label::after, .form-toggle-container label.custom-control-label::before {
    display: none;
}

.select2-selection--multiple {
    border-color: #e9ecef !important;
    border-radius: 2px !important;
    min-height: 35px !important;
    height: 35px !important;
}

li.select2-selection__choice, li.select2-selection__choice span {
    background-color: #f17744 !important;
    background: #f17744 !important;
}

li.select2-selection__choice span {
    color: #fff !important;
    border: none !important;
}

li.select2-selection__choice {
    border: none !important;
    font-size: 13px;
    line-height: 24px;
    font-weight: normal;
}

.select2-container {
    width: 100% !important;
}

.option-row-cond {
    margin-bottom: 15px;
}

.grid-view ul.pagination li.active a {
    background-color: #F17744 !important;
    border-color: #F17744 !important;
    color: #fff !important;
}

.grid-view ul.pagination li.prev span, .grid-view ul.pagination li.next span, .grid-view ul.pagination li a {
    color: #333 !important;
}

.table th a {
    display: block;
    position: relative;
    text-align: left;
    white-space: nowrap;
    min-width: 120px;
}

.table thead th a::before {
    content: "\f106" !important;
    font-size: 0.8rem !important;
    font-family: 'Font Awesome 5 Free' !important;
    color: #ccc !important;
    position: absolute !important;
    right: 0 !important;
    top: -4px !important;
    padding-left: unset !important;
    display: unset !important;
    line-height: unset !important;
    font-style: unset !important;
    font-weight: unset !important;
}

.table thead th a::after {
    content: '\f107' !important;
    font-size: 0.8rem !important;
    font-family: 'Font Awesome 5 Free' !important;
    color: #ccc !important;
    position: absolute !important;
    right: 0 !important;
    top: 4px !important;
    padding-left: unset !important;
    display: unset !important;
    line-height: unset !important;
    font-style: unset !important;
    font-weight: unset !important;
}

.table thead th a.asc::before {
    color: #333 !important;
}

.table thead th a.desc::before {
    color: #333 !important;
}

tr.card-total-rows td {
    font-weight: 700 !important;
    color: #666 !important;
    font-size: 15px;
}

.co-label {
    margin-bottom: 0px;
}

.co-label h4 {
    font-size: 18px !important;
    font-weight: normal;
}

.co-label h4.data-point-name-mask {
    font-weight: 600;
}

h4.data-point-name-mask {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.select2-selection.select2-selection--multiple {
    height: auto !important;
    line-height: 20px !important;
}

th.v-small-col {
    white-space: normal;
    word-break: break-all;
    min-width: unset;
}

th.v-small-col-a a {
    white-space: normal;
    word-break: break-all;
    min-width: unset;
}

th.v-small-col {
    min-width: 38px !important;
    max-width: 38px !important;
    position: relative;
}

.v-small-col-a a {
    min-width: 38px !important;
    max-width: 38px !important;
    position: relative;
}

.table thead th a::before, .table thead th a::after {
    bottom: 0 !important;
    top: unset !important;
}

.table thead th a::after {
    bottom: -4px !important;
}

.table thead th a::before {
    bottom: 5px !important;
}

div#companySearchData a {
    display: flex;
    align-items: center;
}

div#companySearchData a .flag {
    margin-right: 10px;
}

table.dataTable thead th, table.dataTable thead td {
    border: unset !important;
}

.dataTableContainer .table_footer {
    display: none;
}

.dataTables_length input,
.dataTables_length select,
.dataTables_filter input {
    border: 1px solid #dee2e6;
}

table.dataTable thead th:before,
table.dataTable thead th:after {
    display: none !important;
}

table.dataTable.no-footer,
table.dataTable tfoot th,
table.dataTable tfoot td {
    border-color: #dee2e6;
}

table.dataTable td.v-small-col {
    text-align: center;
}

.dataTables_paginate {
    border: 1px solid #dee2e6;
    padding: 0 !important;
    margin: 0;
    height: auto;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background-color: #F17744 !important;
    border-color: #F17744 !important;
    color: #fff !important;
    background: #F17744 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: transparent !important;
    border-color: #dee2e6 !important;
    color: #333 !important;
}

table.dataTable span.ellipsis {
    border-right: 1px solid #dee2e6;
    height: 33px;
    display: inline-block;
    margin-top: -14px;
    vertical-align: super;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-right: 1px solid #dee2e6 !important;
}

th.v-small-col-a {
    width: 60px !important;
}

.card-info-help {
    font-size: 14px;
    padding-left: 10px;
}

span.unit-helper {
    position: absolute;
    top: 0;
    right: 12px;
    margin: 0;
    padding: 0 5px;
    background: #f17744;
    color: #fff;
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0 5px 5px 0;
    text-align: center;
}

#main-wrapper[data-layout="horizontal"] .left-sidebar .scroll-sidebar {
    overflow: visible !important;
}

.sidebar-nav ul .sidebar-item ul.first-level li.sidebar-item a {
    text-align: left !important;
    padding-left: 15px !important;
}

.has-arrow::after {
    display: none !important;
}

.alerts-body {
    display: block;
    border: 1px solid #eee;
    max-height: 180px;
    overflow-y: auto;
}

.alert-item {
    border-bottom: 1px solid #eee;
}

.inline-button {
    font-size: 13px;
    padding: 1px 5px;
    border-radius: 5px;
    background: var(--primary);
    color: #fff;
    font-weight: normal;
    transition: all 0.3s;
}

.inline-button:hover {
    color: #fff;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}

.country-selector {
    margin-right: 0;
    margin-left: auto;
}

.card-option-co {
    display: flex;
    align-items: center;
}

.row.co-label-attr.co-label {
    display: flex;
    align-items: center;
    height: 100%;
}

.co-label h4.data-point-name-mask {
    margin: 0;
    margin-top: 15px;
}

.btn-default {
    background-color: #658eff !important;
}

.btn-default:hover, .btn-default:active {
    background-color: #3e64cd !important;
}

.ticker-notes ul {
    padding-left: 15px;
}

.ticker-notes ul li {
    margin: 10px 0;
}

@media only screen and (min-width: 768px) {
    body.has-not-scroll footer {
        position: fixed;
        width: 100%;
        bottom: 15px;
        left: 0;
    }

    .page-wrapper > .container-fluid {
        min-height: unset;
    }

}

@media (min-width: 576px) {
    #choosedDataPointModal .modal-lg {
        max-width: 95% !important;
    }
}

@media (min-width: 992px) {
    #choosedDataPointModal .modal-lg {
        max-width: 1000px !important;
    }
}

.hint-block {
    color: #F17744;
    font-size: 13px;
    margin-top: 5px;
}

.base-val-placeholder {
    display: none;
}

.dt-buttons {
    float: left;
    padding-left: 12px;
}

.dt-button {
    background: #eee;
    border: none;
    color: #333;
    padding: 5px 15px;
    font-weight: 600;
}

.dt-button:hover, .dt-button:active, .dt-button:focus {
    background: var(--primary);
    border: none;
    color: #fff;
    cursor: pointer;
}

.center-content-grid {
    text-align: center;
}

.center-content-grid .flag {
    margin: 0 auto;
}

.flag-tab-col {
    width: 30px !important;
    max-width: 30px !important;
}

.rocga-enable-tab-col {
    width: 70px !important;
    max-width: 70px !important;
}

.company-tab-col {
    width: 250px !important;
    max-width: 250px !important;
    white-space: normal;
}

.ticker-tab-col {
    width: 50px !important;
    max-width: 50px !important;
}

table.dataTable thead th.ticker-tab-col, table.dataTable thead td.ticker-tab-col,
table.dataTable tbody td.ticker-tab-col, table.dataTable tbody th.ticker-tab-col {
    border-right: 1px solid #eee !important;
}

.foot-total, .foot-average, .foot-weighted-average {
    text-align: center;
    justify-content: center;
}

.foot-total span, .foot-average span, .foot-weighted-average span {
    text-align: center;
    justify-content: center;
}

td.company-tab-col {
    padding: 10px 18px 6px 18px !important;
}

.note-btn-group.btn-group.note-fontname {
    display: none !important;
}

.note-editable * {
    font-family: unset !important;
}

/*a.sidebar-link.active span, a.sidebar-link.active i {
    color: #F17744 !important;
}*/
.financial-table-head-actions a::before, .financial-table-head-actions a::after {
    content: "" !important;
    opacity: 0 !important;
}

.financial-table-head-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 15px;
}

.financial-table-head-actions a {
    min-width: auto !important;
    margin: 0 5px;
}

.modal-child-container {
    padding: 15px;
}

.modal-child-container h6 {
    padding-left: 5px;
    margin: 5px 0 15px;
    font-size: 16px;
}

.modal-child-container ul {
    padding-left: 20px;
}

a.dashboard-click-links {
    display: flex;
    align-items: center;
    color: #333;
}

a.ticker-name {
    color: #333 !important;
}

a.ticker-name.rocga-enabled {
    color: var(--primary) !important;
}

.dataTables_pagiantion_wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    padding: 15px 5px;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0;
}

.dataTables_wrapper .dataTables_length label {
    margin: 0;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin-right: 0;
    margin-left: auto;
}

.dataTables_wrapper .dataTables_length {
    margin-top: -3px;
    margin-left: 15px;
}

tfoot#watchlistMainFooterPlaceholder {
    /*display: none;*/
}

tfoot#watchlistMainFooter td span {
    border-bottom: 1px solid #dee2e6;
    width: 100%;
    display: flex;
    align-items: center;
    line-height: inherit;
    height: 42px;
    align-items: center;
    padding: 10px 18px 6px 18px;
}

tfoot#watchlistMainFooter td {
    padding: 0;
    margin: 0;
}

tfoot#watchlistMainFooter td br {
    display: none;
}

#watchlist-table tbody tr.card-total-rows {
    display: none;
}

tfoot#watchlistMainFooterPlaceholder {
    display: none !important;
}

.note-editor.fullscreen {
    background: #fff !important;
}

.big-btns {
    padding: 25px;
    text-align: center;
    display: block;
    width: 100%;
    background: rgba(241, 119, 68, 0.1);
    color: var(--primary);
    font-size: 20px;
    font-weight: 600;
    border: 1px solid var(--primary);
}

.big-btns:hover {
    background: var(--primary);
    color: #fff;
}

#searchForm {
    width: 350px;
}

.search-field {
    border-radius: 25px;
    font-size: 13px;
    padding: 10px 0px 10px 20px;
    font-family: 'Poppins', sans-serif;
    border: 2px solid #eee;
}

.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.custom-form .form-control {
    width: 100%;
}

.search-icon {
    color: #eee;
    position: absolute;
    right: 22px;
    top: 12px;
    font-size: 15px;
}

h3.searching-state {
    font-weight: normal;
    text-align: center;
}

.search-suggestion-box {
    position: absolute;
    top: 42px;
    background: #fff;
    z-index: 99;
    width: 100%;
    border: 2px solid #eee;
    border-radius: 0px 0px 25px 25px;
    overflow: hidden;
}

.search-suggestion-box {
    display: none;
}

.search-suggestion-box {
    max-height: 300px;
    overflow-y: auto;
}

.search-suggestion-box {
    border: none;
}

.linePreloader {
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #f17744, #f17744);
    background-color: #eee;
    border-radius: 0px;
    background-size: 20%;
    background-repeat: repeat-y;
    background-position: -25% 0;
    animation: scroll 1.2s ease-in-out infinite;
    display: none;
}

@keyframes scroll {
    50% {
        background-size: 80%
    }
    100% {
        background-position: 125% 0;
    }
}


.searching-state {
    padding: 15px;
    font-size: 14px;
    color: #ccc;
    margin: 0;
}

.search-suggestion-box ul {
    list-style: none;
    padding: 0;
    font-size: 14px;
    margin: 0;
}

.search-suggestion-box ul li {
    display: block;
    width: 100%;
}

.search-suggestion-box ul li:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.search-suggestion-box ul li a {
    width: 100%;
    display: flex;
    align-items: center;
}

.search-suggestion-item {
    padding: 10px;
    position: relative;
    text-align: left;
    padding-left: 45px;
    width: 100%;
}

.search-suggestion-item .flag {
    position: absolute;
    left: 5px;
    transform: scale(0.7, 0.7);
    top: 8px;
}

.search-suggestion-item h6 {
    color: #333;
    font-size: 14px;
    margin: 5px 0;
    font-weight: normal;
}

.search-suggestion-item h6.enabled {
    color: #F17744;
}

#topBarSearch {
    z-index: 9;
    margin-left: 25px;
}

#searchForm.showSearch .search-suggestion-box {
    display: block;
}

#searchForm.searching .linePreloader {
    display: block;
}

#searchForm.showSearch input {
    border-radius: 25px 25px 0 0;
}

.search-suggestion-box {
    border-radius: 0 0 25px 25px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}


#searchForm.showSearch input:focus {
    outline: none;
    opacity: 1;
}

body.have-loading {
    overflow: hidden;
}

body.have-loading .preloader {
    display: block !important;
}


@media only screen and (max-width: 768px) {
    #topBarSearch {
        display: none;
    }

    a.inline-button {
        white-space: nowrap;
    }

    .dataTables_pagiantion_wrapper {
        justify-content: center;
    }

    .dataTables_wrapper .dataTables_length {
        margin: 10px 0;
    }

    .dt-buttons {
        float: unset;
        align-items: center;
        justify-content: center;
        display: flex;
    }

    .dt-buttons .dt-button {
        margin: 3px;
    }

    .card-option-co {
        display: block;
    }

    .card-info-help {
        display: block;
        width: 100%;
        padding: 10px 0;
    }

    .card-info-help span {
        display: none;
    }

    .card-info-titler {
        display: block !important;
    }

    .co-label {
        margin-bottom: 0;
        padding: 2px;
    }

    .co-label-attr.co-label {
        display: none;
    }

    .option-row-cond {
        margin-bottom: 0;
    }

    .option-row-cond .labeler-down {
        display: none !important;
    }

    .option-row-cond .labeler {
        margin-top: 15px;
    }

    a.btn.btn-block.display-only.btn-primary {
        margin: 12px 0;
    }

    .filters-tags {
        margin-top: 15px !important;
    }

    .condition-conts {
        border: 1px solid #ededed;
        padding: 15px;
        margin: 0 10px;
    }

    .option-row-cond .labeler-down {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .filters-list ul li div[class*="col"]:not(:last-child) {
        margin-bottom: 12px;
    }

    .mobile-visible {
        display: block;
        top: 0;
        z-index: 999;
    }

    .form-one-line ul {
        justify-content: left;
    }

    body.has-environment #main-wrapper {
        padding-top: 25px;
    }

    body.has-environment .header-environment-name {
        font-size: 16px;
        background: #f17744;
        padding: 8px;
        margin: 0;
        padding-bottom: 0;
    }

    body.has-environment #navbarSupportedContent {
        top: 25px !important;
        border-color: rgba(255, 255, 255, 0.2);
    }

    body.has-environment #sidebarnav {
        padding-top: 30px;
    }

    .form-one-line ul li {
        margin-left: 0;
        margin-right: 5px;
    }

    .form-one-line {
        padding: 0 !important;
        margin: 0 -10px !important;
    }

    .co-label h4.data-point-name-mask {
        display: none;
    }

    .row.co-label-attr.co-label {
        height: 15px;
    }

    .data-point-options .nav-pills .nav-item .nav-link {
        margin: 3px;
    }
}

@media only screen and (min-width: 1500px) {
    #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .page-wrapper, #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .scroll-sidebar, #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .top-navbar {
        max-width: 90% !important;
    }
}