.margin-bottom-20{
    margin-bottom: 20px;
}
.sp-width-100{
    width: 100%;
}
.margin-left-10{
    margin-left: 10px;
}
.margin-top-20{
    margin-top:20px;
}
.sp-padding-5{
    padding-left:5px;
    padding-right:5px;
}
.sp-padding-left-0{
    padding-left: 0!important;
}
.sp-padding-right-0{
    padding-right: 0!important;;
}
.sp-border-0{
    border: 0!important;
}
.sp-background-none{
    background:none!important;
}
.dropdown-menu>li>a.sp-selected, .sp-selected{
    color: #fff;
    background-color: #2973cf;
}
.sp-blue {
    color: #4f8edc;
}
#sidebar li.active i{
    background-color: transparent!important;
}
#page-leftbar{
    position: fixed!important;
}
.sp-dtitle{
    top: 0!important;
}

.sp-list-level1{
    padding: 5px 15px;
    /*border-top: 1px solid #cdced1;
    border-bottom: 1px solid #cdced1;*/
    background-color: #edeef0;
}
.sp-list-level2{
    padding-left: 15px;
}

.tiles-body-alt{
    float: left;
    height: 78px;
    overflow: hidden;
    width: 100%;
}
.sp-num-of .info-tiles .tiles-body-alt{
    font-size: 16px;
}
.sp-num-of .sp-num-of-text{
    width: 100%;
    text-align: left;
    float: left;
}
.sp-num-of .sp-num-of-number{
    font-weight: 700;
}
.sp-no-padding{
    padding: 0!important;
}

.sp-verticalcenter{
    width: 400px;
}
.sp-error-message{
    line-height: 20px;
    margin-top: 5px;
    color: #e73c3c;
}

/**
*   CHARTS
**/
.daterangepicker .ranges .input-mini{
    color: #1a1a1a!important;
}
.daterangepicker th > i.glyphicon{
    font-family: "FontAwesome"!important;
}
.sp-datepicker-button{
    color: rgba(255,255,255,0.5);
    line-height: 20px;
    border-left: 1px solid #27292d;
    padding: 9px 10px !important;
    font-size: 12px !important;
    float: right;
}
.sp-datepicker-button:hover{
    color: #fff;
    cursor: pointer;
}
.daterangepicker.dropdown-menu{
    margin-top: -3px;
    z-index: 9999;
}
.sp-width{
    color: #fff;
}



.standard-size-chart{
    height:300px;
    width:100%;
}
.canvasjs-chart-credit{
    display: none!important;
}
.padding-top-0{
    padding-top: 0!important;
}
.padding-0{
    padding: 0!important;
}
.sp-button-group-holder{
    position: relative;
}
.sp-btn-group-wrapper{
    position: absolute;
    top: -12px;
    right: 0;
}
.sp-btn-group-wrapper-right{
    position: absolute;
    top: -12px;
    left: 0;
}
.sp-btn-group-wrapper-float{

}
.sp-question-circle{
    color: #2bbce0;
    font-size: 20px!important;
}
.sp-question-circle:hover{
    cursor: pointer;
}
.canvasjs-chart-toolbar{
    display: none!important;
}
.sp-btn-group-wrapper .caret:before, .sp-btn-group-wrapper-float .caret:before{
    font-size:10px;
}

/**
*   GRID
**/
.sp-price{
    width: 100%;
    display: inline-block;
    float: left;
}
.sp-has-promotion{
    text-decoration: line-through;
}
.sp-promotion-price{
    color: #e73c3c;
}
#products_table .popover.top>.arrow{
    left:20%!important;
}
#products_table_wrapper.dataTables_wrapper table{
    table-layout:fixed;
}
.dataTables_wrapper .pagination>li>a, .dataTables_wrapper .pagination>li>span, .dataTables_wrapper .pagination>li>a:hover, .dataTables_wrapper .pagination>li>span:hover, .dataTables_wrapper .pagination>li>a:focus, .dataTables_wrapper .pagination>li>span:focus{
    color: #2bbce0;
}
.dataTables_wrapper .pagination>.active>a, .dataTables_wrapper .pagination>.active>span, .dataTables_wrapper .pagination>.active>a:hover, .dataTables_wrapper .pagination>.active>span:hover, .dataTables_wrapper .pagination>.active>a:focus, .dataTables_wrapper .pagination>.active>span:focus{
    background-color: #2bbce0;
    border-color: #2bbce0;
}
.dataTables_wrapper .pagination>.active>a, .dataTables_wrapper .pagination>.active>span, .dataTables_wrapper .pagination>.active>a:hover, .dataTables_wrapper .pagination>.active>span:hover, .dataTables_wrapper .pagination>.active>a:focus, .dataTables_wrapper .pagination>.active>span:focus{
    color: #fff;
}
.dataTables_wrapper table.table thead th{
    vertical-align: middle;
    background-position: center right -6px;
    padding-right: 16px;
}
.sp-actions-td{
    padding-left:2px!important;
    padding-right:2px!important;
}
.sp-actions-td .btn-xs{
    margin:3px;
}

th.rotate {
    /* Something you can count on */
    height: 140px;
    white-space: nowrap;
}

th.rotate > div {
    transform: /* Magic Numbers */ translate(-5px, 41px) /* 45 is really 360 - 45 */ rotate(284deg);
    width: 30px;
}
th.rotate > div > span {
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
}
.sp-width-200{
    width: 200px!important;
}
.fixedHeader-floating .sp-width-200{
    width: 119px!important;
}
.fixedHeader-floating th{
    vertical-align: middle!important;
}

/*#products_table thead > tr > th:first-child{
    min-width: 300px!important;
    width: 300px!important;
}
table.fixedHeader-floating thead > tr > th:first-child{
    min-width: 236px!important;
    width: 236px!important;
}*/
.sp-no-sort::after { display: none!important; }

.sp-no-sort { pointer-events: none!important; cursor: default!important; background-image:none!important;}
.sp-bookmarked{
    color: #e73c3c;
}
.sp-pointer{
    cursor: pointer;
}
.sp-bookmark{
    top: 2px!important;
}

#controls-holder{
    display: none;
}

.sp-glyphicon-black{
    color:#000;
}
.sp-glyphicon-black:hover{
    text-decoration: none;
    color:#000;
}
.width-30{
    width: 30px!important;
}
.width-80{
    width: 80px!important;
}
.width-100{
    width: 100px!important;
}
.sp-text-left{
    text-align: left!important;
}

/**
*   TABLE
**/
.sp-unread{
    font-weight: 700;
}

/**
*   ALERTS
**/
.sp-important{
    padding: .09em .6em .15em;
    font-family: 'Source Sans Pro','Segoe UI','Droid Sans',Tahoma,Arial,sans-serif;
    font-weight: 600;
    border-radius: 1px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    font-size: 75%;
    display: inline;
}
.sp-importance-1{
    background-color: #85c744;
}
.sp-importance-2{
    background-color: #f1c40f;
}
.sp-importance-3{
    background-color: #e73c3c;
}

/**
*   TASKS
**/
.sp-task-state-1{
    background-color: #062245;
}
.sp-task-state-2{
    background-color: #1e559a;
}
.sp-task-state-3{
    background-color: #4f8edc;
}

/**
*   SEARCH
**/
/*#search{
    margin-top: 4px;
}
.navbar #search form .search-query{
    min-height: 32px;
    height: 32px;
}
.navbar #search form button[type="submit"]{
    padding: 9px 0;
}*/
#search form .search-query{
    background:#fff!important;
}
.sp-image-responsive{
    max-width: 100%;
    height: auto;
}
.sp-product-description-ul{
    list-style: none;
    padding: 0;
}
.sp-smaller-form-group label{
    margin-bottom: 2px;
}
.form-group.sp-smaller-form-group{
    margin-bottom: 5px;
}
.form-horizontal .has-feedback .form-control-feedback{
    position: absolute;
    right: -24px!important;
    top:10px;
}

.sp-partner-product-td{
    position: relative;
}
.sp-partner-product-td .sp-btn-group-wrapper{
    top: 5px;
    right: 5px;
}

#price-history-modal .modal-body{
    min-height:430px;
}
#price-history-chart{
    margin-top: 20px;
}
.sp-sidebar-fixed{
    position: fixed;
    right: 0;
    top:45%;
    width: 34px;
}
.sp-sidebar-fixed .btn.btn-info{
    transform: rotate(90deg);
    transform-origin: left top 0;
    float: left;
    margin-left: 34px;
}
#compare-product-information img, #compare-different-products img{
    max-width: 100%;
    height: auto;
}
#compare-different-products th{
    vertical-align: top;
}




/**
*   KNOB
**/
.centeredcontainer {
    width: 180px;
    margin: 0 auto 25px;
}
.sp-centeredcontainer{
    height: 160px;
}
.sp-knob-wrapper{
    min-height: 50px;
    border-bottom: 1px solid #ddd;
    padding-top: 30px;
}
.sp-knob-wrapper:last-child{
    border-bottom: none!important;
}
.sp-knob-wrapper:first-child{
    padding-top: 0!important;
}
.sp-knob-wrapper label{
    line-height: 50px;
}
.sp-knob-wrapper .col-sm-3{
    text-align: center;
}
.sp-knob-wrapper .sp-knob-smaller.col-sm-5{
    text-align: center;
    line-height: 50px;
}
.sp-knob-nodata{
    font-size: 18px;
}
.sp-knob-difference{
    font-size: 34px;
    line-height: 160px;
}
.sp-knob-difference .fa-arrow-up{
    color:#07d14f;
}
.sp-knob-difference .fa-arrow-down{
    color:#e74949;
}
.sp-knob-difference .fa-circle{
    color:#fffc00;
}
.sp-knob-smaller.control-label{
    font-size: 18px;
}
.sp-knob-bigger.control-label{
    line-height: 160px;
    font-size: 18px;
}

/**
*   MESSAGES
**/
#messages_read .well, .sp-author{
    float: left;
    width: 100%;
}
.sp-author{
    /*border-top: 1px solid #d2d3d6;
    margin-top: 10px;
    padding-top: 5px;*/
    font-size: 12px;
    font-weight: 700;
    margin-top: -15px;
    margin-bottom: 15px;
}
#messages_read .modal-content{
    float: left;
    width: 100%;
}

.badge-grape{
    background-color: #7a869c!important;
}

/**
*   TONERS
**/
.sp-form-title{
    margin-bottom:5px!important;
    margin-top: 0!important;
    font-weight: 700;
    text-align: center;
}
.sp-printer-toner{
    float: left;
    width: 100%;
    /*font-weight: 700;*/
    background: #edeef0;
    margin-bottom: 5px;
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
    border: 1px solid #d2d3d6;
}
.sp-printer-toner:hover{
    cursor: pointer;
}
.select2-results__option{
    font-size: 13px;
}
.sp-hover{
    color:#4f8edc;
}
.sp-hover:hover{
    cursor: pointer;
    text-decoration: underline;
}
.has-feedback .form-control{
    padding-right:5px!important;
}
.sp-image-list img{
    max-width: 150px;
    height: auto;
    max-height: 150px;
}
.sp-image-list.sp-not-approved img, .sp-image-form.sp-not-approved img{
    border: 3px solid #8e2a20;
}
.sp-image-form{
    text-align: center;
}
.sp-image-form img{
    max-height: 150px;
    width: auto;
}

/**
*   TABLE FILTER
**/
.sp-buttons-wrapper{
    width: 100%;
    text-align: right;
    float: left;
    margin-bottom: 10px;
}
.dataTables_processing{
    width: 100%;
    text-align: center;
    font-size: 22px;
}
#page-leftbar{
    z-index: 999;
}