body {
    position: static;
}

@media screen and (max-width: 1024px) {
    body {
        position: relative;
    }
}

.at-view-slide-in-left.ng-enter,
.at-view-slide-in-left.ng-leave {
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    position: absolute;
    width: calc(100% - 190px)
}

.at-view-slide-in-left.ng-enter {
    left: -100%
}

.at-view-slide-in-left.ng-enter-active {
    left: 190px
}

.at-view-slide-in-left.ng-leave {
    left: 190px
}

.at-view-slide-in-left.ng-leave-active {
    transform: scale(0.8);
    opacity: 0
}

.tab-fade-in>.tab-content {
    position: relative
}

.tab-fade-in>.tab-content>.tab-pane {
    transition: .2s linear opacity
}

.tab-fade-in>.tab-content>.tab-pane.active-remove {
    position: absolute;
    top: 0;
    width: 100%;
    display: block
}

.tab-fade-in>.tab-content>.tab-pane.active-remove-active {
    opacity: 0
}

.tab-fade-in>.tab-content>.tab-pane.active-add {
    opacity: 0
}

.accordion .panel-title {
    width: 100%
}

.angular-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px!important
}

.angular-alert.alert .media-left img {
    border: none;
    margin-top: -3px;
    width: 90px;
}

.angular-alert .media-left {
    padding-right: 25px
}

.angular-alert .close {
    font-size: 15px;
    top: -8px
}

.page-spinner-loader {
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    bottom: 0;
    height: 100%;
    padding-top: 350px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    user-select: none;
    width: 100%;
    z-index: 2000
}

.page-spinner-loader .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s;
    margin-right: .5em
}

.page-spinner-loader .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
    margin-right: .5em
}

.page-spinner-loader>div {
    -moz-border-radius: 100%;
    -webkit-animation-fill-mode: both;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-border-radius: 100%;
    animation-fill-mode: both;
    animation: bouncedelay 1.4s infinite ease-in-out;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    height: 1em;
    width: 1em;
    background-color: rgba(255, 255, 255, 0.5);
    background-color: #3B3B3B
}

.form-horizontal .form-group {
    margin-right: 15px;
    margin-left: 15px;
}


/* Mobile Sidebar */

@media (max-width: 1024px) {
    .at-view-slide-in-left.ng-enter,
    .at-view-slide-in-left.ng-leave {
        width: 100%;
    }
    .at-view-slide-in-left.ng-enter {
        left: -100%
    }
    .at-view-slide-in-left.ng-enter-active {
        left: 0
    }
    .at-view-slide-in-left.ng-leave {
        left: 0
    }
}

#legend ul {
    list-style: none;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 12px;
}

#legend ul span {
    display: inline-block;
    height: 1em;
    width: 1em;
    margin-right: 0.5em;
}

#legend li {
    float: left;
    margin-right: 15px;
}

.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}

.white {
    color: #fff;
}

.doughnut-legend li span {
    display: block;
    width: 14px;
    height: 14px;
    float: left;
    margin-top: 4px;
    margin-right: 8px;
}

.doughnut-legend {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    margin-top: 20px;
}

.doughnut-legend li {
    margin-bottom: 4px;
}

.doughnut-legend li:first-letter {
    text-transform: capitalize;
}

.comm-how {
    display: inline-block;
    float: left;
    color: #979797;
    width: 25px;
    text-align: right;
    margin-right: 10px;
}

.ui-grid-header-cell {
    border-color: #fff;
}

.ui-grid {
    border: 0px;
}

.ui-grid-cell {
    border-right: 0px solid;
}

.ui-grid-top-panel {
    background: #FFF;
    text-transform: uppercase;
}

.ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
    border-right: 0px;
}


/*.nav.nav-tabs > li.active > a {
  background-color: #F3F3F3;
  border-bottom: none;
  color: #121212;
}*/

.form-horizontal .control-label.top0 {
    top: 0
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    margin-left: -1px;
    margin-right: 0px;
}

.sidebar .logopanel h1 a {
    display: block;
    height: 34px;
    margin-left: 25px;
}

.theme-sltd.color-default .sidebar .logopanel h1 a,
.theme-sdtd.color-default .sidebar .logopanel h1 a {
    background: url(../images/logo/logo.png) no-repeat;
}

.sidebar-top md-autocomplete {
    background: #2b2e33;
}

.sidebar-top md-autocomplete input[type="search"] {
    color: #e2e2e2;
    font-size: 20px;
    margin-right: -40px;
    font-weight: 400;
    font-family: RobotoDraft, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.1;
    text-align: center;
    padding: 0px;
}

.sidebar-top md-autocomplete input[type="search"].ng-empty {
    font-size: 18px;
    margin-right: 0px;
}

.sidebar .sidebar-inner .sidebar-top.big-img .user-image img {
    margin: 0 auto;
}

.sidebar .sidebar-inner .nav-sidebar .children>li>a {
    padding: 7px 13px 7px 36px;
}

.sidebar .sidebar-inner .sidebar-widgets a.new-tracking-products {
    background: none !important;
    color: #949494;
}

.sidebar .sidebar-inner .sidebar-widgets a.new-tracking-products:hover {
    color: #D1D1D1;
}

.sidebar .sidebar-inner .sidebar-widgets a.new-label {
    background: none !important;
    color: #949494;
}

.sidebar .sidebar-inner .sidebar-widgets a.new-label:hover {
    color: #D1D1D1;
}

.sidebar .sidebar-inner .sidebar-widgets .add-tracking-products {
    display: none;
}

.sidebar .sidebar-inner .sidebar-widgets .add-tracking-products input {
    margin-top: 8px;
}

.btn-default.ui-select-toggle {
    background-color: #FFFFFF !important;
}

.btn-default.ui-select-toggle i.caret {
    padding-right: 0 !important;
}

label {
    font-weight: normal;
}

.md-chips .md-chip-input-container {
    margin-top: 0px;
}

@media (max-width: 500px) {
    .main-content .page-content .panel .control-btn {
        display: inline-block !important;
    }
}

.main-content .page-content .panel .panel-header.bg-green:not(i) .control-btn>a .main-content .page-content .panel .panel-header.bg-blue:not(i) .control-btn>a .main-content .page-content .panel .panel-header.bg-red:not(i) .control-btn>a .main-content .page-content .panel .panel-header.bg-orange:not(i) .control-btn>a .main-content .page-content .panel .panel-header.bg-black:not(i) .control-btn>a .main-content .page-content .panel .panel-header.bg-yellow:not(i) .control-btn>a {
    color: #fff !important;
}

.btn i.fa.fa-lg {
    font-size: 1.33333333em;
}

.list-group .list-group-item {
    padding: 10px 15px;
}

.list-group .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.list-group .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.list-group .list-group-item.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

.list-group .list-group-item.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

.list-group .list-group-item.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

.list-group .list-group-item.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

.elastic-builder-rule .form-control.form-success {
    color: #313131;
}

.elastic-builder-rule select:hover,
.elastic-builder-rule select:focus {
    -webkit-appearance: menulist;
}


/*.highcharts-container {
      width:100% !important;
      height:100% !important;
  }*/


/* .chartCompetitive .highcharts-color-0{
    fill: #4db6ac;
    stroke: #4db6ac;
  }

  .chartCompetitive .highcharts-color-1{
    fill: #e57373;
    stroke: #e57373;
  }


  .chartCompetitive .highcharts-color-2{
    fill: #fb8c00;
    stroke: #fb8c00;
  }

#chartPriceHistory .highcharts-color-0{
  fill: #0097a7;
  stroke: #0097a7;
}

#chartPriceHistory .highcharts-color-1{
  fill: #9575cd;
  stroke: #9575cd;
}


#chartPriceHistory .highcharts-color-2{
  fill: #e57373;
  stroke: #e57373;
}

#chartPriceHistory .highcharts-color-3{
  fill: #91e8e1;
  stroke: #8085e9;
}

#chartPriceHistory .highcharts-color-4{
  fill: #f48fb1;
  stroke: #f48fb1;
}


#chartPriceHistory .highcharts-color-5{
  fill: #91e8e1;
  stroke: #91e8e1;
}

#chartPriceHistory .highcharts-color-6{
  fill: #4db6ac;
  stroke: #4db6ac;
} */


/* #picker > sm-range-picker > md-content > div.pre-select.layout-column > button:nth-child(7){
  display: none;
} */

.widget-info a {
    color: #A3A3A3;
    text-decoration: underline;
}

.widget-info a:hover {
    text-decoration: none
}

.widget-info .right {
    float: none;
    padding-left: 65px;
}

md-backdrop.md-select-backdrop,
.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    z-index: 10001;
}

.md-select-menu-container {
    z-index: 10002;
}

md-tabs .md-tab.md-active,
md-tabs .md-tab.md-active,
md-tabs .md-tab.md-active md-icon,
md-tabs .md-tab.md-active md-icon,
md-tabs .md-tab.md-focused,
md-tabs .md-tab.md-focused,
md-tabs .md-tab.md-focused md-icon,
md-tabs .md-tab.md-focused md-icon {
    color: #121212;
}

md-tabs .md-tab .md-ripple-container,
md-tabs .md-tab .md-ripple-container {
    color: rgb(255, 128, 171);
}

md-tabs md-ink-bar,
md-tabs md-ink-bar {
    color: #566473;
    background: #566473;
}

.nav-tabs>li:after {
    background-color: #f55753;
}

.tabsCustom md-content {
    background-color: transparent !important;
}

.tabsCustom md-content md-tabs {
    background: #fff;
    /*border: 1px solid #e1e1e1;
    border-radius: 4px;*/
}

.tabsCustom md-content md-tabs md-tabs-wrapper {
    background: white;
}

.tabsCustom md-content h1:first-child {
    margin-top: 0;
}

.main-content .page-content>.header,
.main-content .page-content>div>.header,
.main-content .page-content>*>div>.header {
    padding: 15px 0;
    position: relative;
}

.main-content .page-content>.header h2,
.main-content .page-content>div>.header h2,
.main-content .page-content>*>div>.header h2 {
    color: #1D2939;
    font-family: 'Lato';
    font-size: 28px;
    letter-spacing: -0.5px;
    margin: 0;
    padding-bottom: 7px;
    font-weight: 100;
}

.main-content .page-content>.header h2 span,
.main-content .page-content>div>.header h2 span,
.main-content .page-content>*>div>.header h2 span {
    color: #999999;
    font-size: 13px;
    font-style: italic;
    letter-spacing: 0;
    text-transform: none;
    vertical-align: middle;
}

.main-content .page-content>.header h2 span::before,
.main-content .page-content>div>.header h2 span::before,
.main-content .page-content>*>div>.header h2 span::before {
    color: #cccccc;
    content: '/';
    margin: 0 10px 0 5px;
}

.main-content .page-content>.header .glyphicon,
.main-content .page-content>div>.header .glyphicon,
.main-content .page-content>*>div>.header .glyphicon {
    font-size: 24px;
    margin-right: 5px;
    opacity: 0.5;
    padding: 6px 7px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.main-content .page-content>.header i,
.main-content .page-content>div>.header i,
.main-content .page-content>*>div>.header i {
    font-size: 24px;
    margin-right: 5px;
    opacity: 0.5;
    padding: 6px 7px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.main-content .page-content>.header .icon-logout:before,
.main-content .page-content>div>.header .icon-logout:before,
.main-content .page-content>*>div>.header .icon-logout:before {
    bottom: -4px;
    display: inline-block;
    font-size: 28px;
    position: relative;
}

.DateRangeSelector {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 -1em -1em
}

.DateRangeSelector-item {
    margin: 0 0 1em 1em;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 -webkit-calc(100% - 1em);
    -ms-flex: 1 0 calc(100% - 1em);
    flex: 1 0 calc(100% - 1em)
}

.DateRangeSelector-item>label {
    font-weight: 700;
    margin: 0 .25em .25em 0;
    display: block
}

.DateRangeSelector-item>input {
    width: 100%
}

@media (min-width: 570px) {
    .DateRangeSelector-item {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        min-width: 150px
    }
}

.uppercase {
    text-transform: uppercase;
}