#topbar .navbar-header {
    background: #657693;
}

.top-lang-switcher {
    margin: 8px 0;
}

.nav {
    padding-right: 0;
}

.no_data_cell {
    height: 300px;
    color: #e0e0e0;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle !important;
}

.switch.small {
    width: 36px;
    height: 14px;
}

.switch.small small {
    width: 14px;
    height: 14px;
}

.slider-control {
    margin: 10px 0;
}

#topbar .navbar-top-links li {
    margin: 0 10px;
}

/*body[dir='rtl'] #topbar .navbar-top-links li:last-child {
    margin-right: 15px;
    margin-left: 0;
}*/

body[dir='rtl'] .navbar-static-side ul li .nav-second-level li a {
    padding: 14px 40px 14px 15px;
}

body[dir='rtl']  .top-lang-switcher {
    margin: 8px 0;
}

body[dir='rtl']  .arrow{
    float: left;
}

body[dir='rtl'] .navbar-static-side ul li .nav-second-level li a span.submenu-title, body[dir='rtl'] .navbar-static-side ul li a span.menu-title {
    margin-right: 10px;
}

body[dir='rtl'] #topbar .topbar-main #menu-toggle {
    float: right;
}

body[dir='rtl'] .navbar-static-side ul li.user-panel .thumb {
    float: right;
}

body[dir='rtl'] .navbar-static-side ul li.user-panel .info {
    float: right;
    padding: 5px 15px 5px 5px;
}

body[dir='rtl'] .list-inline {
    padding: 0;
}

body[dir='rtl']  .page-title-breadcrumb .page-header {
    float: right !important;
}

body[dir='rtl']  .page-title-breadcrumb .breadcrumb {
    float: left !important;
}

body[dir='rtl'] .page-title-breadcrumb .breadcrumb li .fa-home {
    float: left;
}

body[dir='rtl'] #sum_box h4 {
    text-align: right;
}

body[dir='rtl'] #sum_box .icon {
    float: left;
}
body[dir='rtl'] .progress-bar {
    float: right;
}
body[dir='rtl'] .pull-right {
    float: left !important;
}

body[dir='rtl'] .portlet > .portlet-header .caption {
    float:right;
}

body[dir='rtl'] .portlet > .portlet-header .actions {
    float: left;
}

.portlet > .portlet-header .filters {
    float: left;
    margin: 0 10px;
}

body[dir='rtl'] .portlet > .portlet-header .filters {
    float: right;
}


body[dir='rtl'] .nav-tabs>li {
    float: right;
}

.navbar-right {
    margin-right: 10px;
    margin-left: 10px !important;
}

body[dir='rtl'] .multiSelect .clearButton {
    left: 2px;
    right: auto;
}

@media (min-width: 768px) {
    body[dir='rtl'] #page-wrapper {
        margin: 0 250px 0 0;
    }

    body[dir='rtl'].sidebar-collapsed #page-wrapper {
        margin: 0 55px 0 0;
    }

    body[dir='rtl'] .navbar-header {
        float: right;
    }

    body[dir='rtl'] .navbar-right {
        float: left !important;
    }
}

.color-list-color {
    display: inline-block; width: 60px; height: 20px; margin-right: 10px;
}

body[dir='rtl'] .color-list-color  {
    margin-left: 10px;

}

.ui-select-bootstrap .ui-select-match-text span {
    width: auto;
}

body[dir='rtl'] .ui-select-bootstrap > .ui-select-match > .btn {
    text-align: right!important;
}

body[dir='rtl'] .ui-select-bootstrap .ui-select-choices-row>span {
    text-align: right!important;
}
.device-icons {
    height: 48px;
    width: 40px
}
.table input[type=checkbox] {
    height: 20px;
    cursor: pointer;
}

.inline-form-elem {
    margin: 0 30px;
    min-width: 250px;
}

#device-detail-alarms .form-inline {
    margin-bottom: 15px;
}

.page-title-breadcrumb .page-header .page-title {
    font-size: 14px;
    font-weight: bold;
    padding-top: 15px;
}

#systemLogs {
    height: 600px;
    direction: ltr;
}

.floatRight {
    float: right !important;
}
body[dir='rtl'] .floatRight {
    float: left !important;
}

body[dir='rtl'] .ui-select-bootstrap .ui-select-toggle > a.btn {
    left: 10px;
    right: auto;
}

.ng-touched.ng-invalid {
    border-color: red;
}

.uib-timepicker {
    direction: ltr;
}

.align-switches {
    line-height: 26px;
}

.align-switches .switch {
    margin-bottom: -5px;
}

tr.suspended {
    background: #f1c40f !important;
}

tr.disabled {
    background: #f17876 !important;
}

div.suspended {
    background: #f1e7b8 !important;
}

div.disabled {
    background: #f19f95 !important;
}

.device-settings-block > .row > .col-md-3, .device-settings-block > .row > .col-md-6 {
    min-height: 131px;
}

table tfoot td {
    font-weight: bold;
    background-color: #efefef;
}

@media (min-width: 768px) {
    .form-inline.row-2-elements .form-group {
        width: 49%;
    }
}

td[ng-click], th[ng-click] {
    cursor: pointer;
    color: blue;
}

td[ng-click]:hover, th[ng-click]:hover {
    color: #d60007;
}

*[ui-sref] {
    cursor: pointer;
}

.modal-xlg {
    width: 90%;
}

tr.selected {
    background-color: #c2ffb2 !important;
}

.device-photo-block img {
    max-width: 100%;
    max-height: 700px;
}

.font-medium {
    font-size: 14px;
}

.page-content {
    padding-bottom: 0px;
}

.inline-select {
    display: inline;
    width: auto;
}

.auto-width {
    width: auto;
}

.btn-orange {
    background: #ff8a47;
    color: white;
}

.multi-row {
    margin-bottom: 0 !important;
}

.multi-row > div {
    margin-bottom: 15px;
}

.hint {
    color: #999999;
    font-size: 11px;
}

.warning-text {
    color: #dd6666;
    font-weight: bold;
}

.info-text {
    color: #002eff;
    font-weight: bold;
}

.table-import-devices input[type=checkbox] {
    width: 16px;
}

.medium-select {
    min-width: 120px;
}

.table-import-devices {
    max-height: 500px;
}

.multi-select-with-scroll .multiSelect .checkBoxContainer {
    max-height: 300px;
    overflow: auto;
}

.full-width .multiSelect > button {
    width: 100%;
}

.multi-lines-text {
    white-space: pre-line;
}

.bwizard-steps-o a {
    cursor: pointer;
}

.editable-click, a.editable-click {
    text-decoration: none;
    color: #428bca;
    border-bottom: dashed 1px #428bca;
}

.editable-buttons {
    display: inline-block;
    vertical-align: top;
}

.editable-buttons .button-cancel {
    margin-left: 5px;
}

.editable-buttons .btn.btn-primary {
    background-color: #00a300;
    border-color: #008b00;
}

.editable-empty, .editable-empty:hover, .editable-empty:focus, a.editable-empty, a.editable-empty:hover, a.editable-empty:focus {
    color: #2a6496;
    font-style: inherit;
}

.settings-range .slider {
    width: 300px;
    display: inline-block;
}

.editable-buttons {
    margin-top: 10px;
}

.noClick {
    pointer-events: none;
}

.settings-common-elements-block .loader-icon {
    margin: 12px 0 0 20px;
}

.settings-inline div {
    display: inline-block;
}

.settings-inline .slider div {
    display: block;
}

.settings-custom.settings-inline > div:first-child div {
    display: block;
}

.settings-inline .editable-buttons {
    margin-top: 0;
}

.settings-inline .help-block {
    margin: 8px 0 0 10px;
}

.settings-common-elements-block {
    vertical-align: top;
}

.settings-inline.settings-range .settings-common-elements-block {
    position: relative;
    top: 6px;
    margin-left: 10px;
}

.settings-inline.settings-custom .settings-common-elements-block {
    vertical-align: top;
    position: relative;
    top: 0;
    margin-left: 10px;
}

.settings-inline .settings-common-elements-block .loader-icon {
    margin: 1px 0 0 15px;
}

.settings-inline .switch {
    margin-bottom: -5px;
}

.device-detail-status-position {
    position: absolute;
    right: 20px;
    top: -17px;
}

body[dir='rtl'] .device-detail-status-position {
    right: auto;
    left: 20px;
}

#chartjs-tooltip {
    opacity: 1;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    color: white;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.chartjs-tooltip-key {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
}

.center-title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.table.table-red {
    color: #ffffff;
}
.table.table-red thead tr th {
    background: #ea5f5e;
}

.table.table-red tbody td {
    background: #ffab9f;
}

.table-bordered.table-red {
    border: 1px solid #922323;
}
.table-bordered.table-red > thead > tr > th,
.table-bordered.table-red > tbody > tr > th,
.table-bordered.table-red > tfoot > tr > th,
.table-bordered.table-red > thead > tr > td,
.table-bordered.table-red > tbody > tr > td,
.table-bordered.table-red > tfoot > tr > td {
    border: 1px solid #922323;
}

.text-center-bold {
    vertical-align:middle !important;
    font-weight: bold;
}

.backgroud-color {
    border: 1px solid #922323;
    background: #ffab9f;
}