@media (min-width:768px) {
    .branch-code-mobile,
    .break {
        display: none
    }
    .space-left {
        padding-left: 35px!important
    }
}

@media (max-width:767px) {
    .branch-code-mobile {
        clear: both;
        height: 10px
    }
    .space-left {
        padding-left: 0!important
    }
}

.bars,
.chart,
.pie {
    overflow: hidden;
    height: 350px;
    width: 100%;

    font-size: 14px
}

.panel-heading span {
    margin-top: -20px;
    font-size: 15px
}

.clickable {
    cursor: pointer
}

/*.chart-back-btn {
    top: inherit!important;
    z-index: 8000;
    padding-top: 6px!important
    }*/

    .fixed,
    .pdf-controls {
        width: 100%;
        padding: 1em
    }

    .myGrid {
        width: 100%;
        height: 100%
    }

    .wrapper {
        margin: 0 auto;
        width: 100%
    }

    .pdf-controls {
        display: block;
        background: #eee
    }

    .rotate0 {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    .rotate90 {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        margin-left: 100px
    }

    .rotate180 {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .rotate270 {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        margin-left: 100px
    }

    .fixed {
        position: fixed;
        top: 0;
        left: calc(50% - 480px);
        z-index: 100;
        background: rgba(238, 238, 238, .9)
    }

    .company-name {
        margin-top: 15px;
        color: #FAFCFB;
        font-size: 26px;
        float: left;
        margin-left: 15px;
        margin-right: 12px
    }

    .label-as-badge {
        border-radius: 1em
    }

    .time-frame {
        padding: 4px;
        display: inline-block;
        line-height: 1.5;
    }

    .amcharts-funnel-slice,
    .amcharts-pie-slice {
        cursor: pointer;
        cursor: hand
    }

    .orange {
        color: #f58233
    }

    .orange.btn {
        color: #fff;
        background-color: #f58233
    }

    .ingenium-blue {
        color: #136f99
    }

    .ingenium-blue.btn,
    span.ingenium-blue {
        color: #fff;
        background-color: #136f99
    }

    .toggle-switch .switch-left {
        color: transparent;
        background-color: #f5f5f5;
        opacity: 0;
    }

    .toggle-switch .toggle-switch-animate .switch-right {
        color: transparent;
        background-color: #f5f5f5;
        opacity: 0;
    }

/*.portlet.calendar .fc-button {
    font-size: 13px;
    color: #f58233
    }*/

/*.portlet.calendar .fc-next-button,
.portlet.calendar .fc-prev-button {
    padding-top: 10px
    }*/

    .full-width {
        width: 100%!important
    }

    input.ng-dirty.ng-invalid {
        border: 1px solid #E91E63
    }

    .chart-back-btn {
        display: inline-block;
        height: 28.3px
    }

    .location-select {
        float: left;
        width: 230px;
        margin-top: 21px
    }

    .resetSearchBtn {
        margin-top: 15px
    }

    .select-xs .select2-choices {
        max-height: 50px;
        overflow: auto
    }

    .select-md .select2-choices {
        max-height: 120px
    }

    button.chart-back-btn {
        top: -1px;
        padding-left: 10px!important;
        padding-right: 12px!important 
    }

    #calendar .fc-toolbar .fc-left button {
        cursor: default;
        margin-bottom: 10px;
        margin-top: 2px
    }

    .scrollable {
        overflow: auto;
        /*padding-right: 10px;*/
    }

    .fc-nextPickDays-button div {
        text-align: left
    }

    .fc-today {
        background-color: #f58233!important;
        color: #fff;
    }

    .multiselect-item.filter .input-group .form-control.multiselect-search {
        padding: .55rem .75rem;
        border-radius: 4px !important;
    }

    .multiselect-item.filter .input-group .input-group-btn .multiselect-clear-filter {
        margin-top: 0!important;
        height: 147%
    }

    .multiselect-item.filter .input-group .input-group-btn .multiselect-clear-filter i {
        color: red
    }

    .multiselect-item.filter .input-group .input-group-addon i {
        color: #f58233
    }

    /*div.tooltip-inner {
        width: 200px!important
    }

    .tooltip-inner {
        background-color: #fff;
        color: #b2a5b9;
        padding: 8px;
        }*/

        .bottom-margin-20 {
            margin-bottom: 15px
        }

        .editable-td:hover {
            text-decoration: underline;
            cursor: pointer
        }

        body[ng-controller] .modal {
            z-index: 10061!important
        }

        .page-spinner-bar {
            z-index: 10062!important
        }

/*.btn-default {
    color: #333!important;
    background-color: #fff!important;
    border-color: #e5e5e5!important;
    border-width: 1px!important
    }*/

/*.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover {
    color: #333!important;
    background-color: #ededed!important;
    border-color: #e5e5e5!important
    }*/

    .location .btn-group>.dropdown-menu {
        margin-top: 0!important
    }

    .location .btn,
    .page-header.navbar .page-actions a {
        margin-top: 0
    }

    .location .control-label {
        width: 100%;
        font-weight: 700
    }

    .header-action .dropdown-menu {
        min-width: 400px
    }

    .portlet.box.blue-hoki>.portlet-title>.actions .btn-default {
        border: none!important;
        color: #bbc7d4!important
    }

    .select2-container-multi .select2-choices .select2-search-choice {
        padding: 3px 5px 3px 18px!important;
        margin: 2px 0 2px 5px!important;
        border: 1px solid #e5e5e5!important;
        background-image: none!important;
        background-color: #fff!important;
        filter: none;
        -webkit-box-shadow: none!important;
        box-shadow: none!important
    }

    .select2-container-multi .select2-choices .select2-search-choice div {
        text-align: left;
    }

    .select2-search-choice-close {
        padding: 0!important;
        display: block!important;
        width: 12px!important;
        height: 13px!important;
        position: absolute!important;
        right: 3px!important;
        /*top: 4px!important;*/
        font-size: 1px!important;
        outline: 0!important;
        background: url(select2.png) right top no-repeat!important;
        top: 50% !important;
        transform: translateY(-50%);
    }

/*.location-label {
    font-size: 12px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif
    }*/

    .location-header {
        padding: 5px 15px 10px!important
    }

    .location-header .mainLabel {
        background: #fff!important;
        padding: 24px 0 0!important
    }

    .location-header a:hover {
        background: #fff!important
    }

    .location-header a .title {
        color: #5c9acf!important;
        font-size: 13px!important;
        padding: 0!important;
        margin: 0!important;
        font-weight: 600!important
    }

    .location-header .select2-container-multi {
        max-height: 100px;
        overflow-y: auto
    }

    /*.select2-results .select2-selected {
        display: block!important;
        background: #ccc
        }*/

        .loc-dropdown a label .radio,
        .loc-dropdown a label input[type=radio],
        .multiselect-container li a label .radio,
        .multiselect-item.filter .input-group .input-group-addon,
        .multiselect-item.filter .input-group .input-group-btn {
            display: none
        }

        .no-margin-btn button {
            margin-top: 0
        }

        .multiselect-item.filter .input-group {
            width: 100%;
            padding: .5rem 1.25rem;
            margin: .5rem 0 .5rem 0;
        }

        .loc-dropdown a {
            padding: 8px 16px!important
        }

        .loc-dropdown a label {
            padding: 0!important
        }

        .loc-dropdown.active {
            background: #dcdcdc!important
        }

        .loc-dropdown a:hover {
            background: #ececec!important
        }

        .multiselect-container li a {
            padding: .75rem 1.25rem !important;  color: #5e6278;
        }

        .multiselect-container li a label {
            padding: 0!important
        }

        .multiselect-container li.active {
            /*background: #dcdcdc!important*/
            background: #136f99!important;
        }
        .multiselect-container li.active a , .multiselect-container li.active a:hover, .multiselect-container li a:hover{
            color: #fff;
        }
        .multiselect-container li a:hover {
            background: #136f99!important
        }

/*.multiselect-container {
    margin-top: 0!important
    }*/

    div.open button.multiselect {
        background-color: transparent!important;
    }

    .page-sidebar-menu-closed .location-header {
        background: #fff!important
    }

    .location-icon {
        display: none!important
    }

    .page-sidebar-menu-closed .location-icon {
        display: block!important
    }

    .min-width-sidebar {
        min-width: 250px
    }

/*#filterSearchBtn {
    margin-top: 10px !important;
    }*/

    @media (min-width: 980px) {
        #location-dropdown-container .btn-group .multiselect.dropdown-toggle .caret {
            /*margin-left: -21px;*/
        }
    }

    @media (max-width: 980px) {
        #location-dropdown-container .btn-group .multiselect.dropdown-toggle .caret {
            margin-left: 0px;
        }
    }

    #locationBlockContainer .blockUI.blockMsg.blockElement {
        left: 0px !important;
        width: 100% !important;
    }

    .my-export-btn {
        background-color: #26a69a !important;
        border-color: #219187 !important;
        margin-right: 5px;
        float: right;
        margin-top: 8px !important;
    }

    .page-loading {
        z-index: 100000000;
    }