#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:last-child {
    margin-left: 15px;
    margin-right: 0;
}

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;
}

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;
    }
}

body[dir='rtl'] table th {
    text-align: right;
}

#gmap { height: 100%!important; width: 100%; display: block;}

h1.client_name {
    margin: 10px auto;
    font-size: 32px;
    display: block;
    text-align: center;
}

div.stat {
    float: left;
    text-align: center;
    margin: 10px 20px;
    max-width: 75px;
}

div.stat .digit {
    font-size: 18px;
    font-weight: bold;
}

div.stat .text {
    font-size: 14px;
}

/***************************** Dropzone Styling *****************************/

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.nestedDemo .dropzone ul[dnd-list] {
    margin: 0px;
    min-height: 42px;
    padding-left: 0px;
}

.nestedDemo .dropzone li {
    background-color: #fff;
    border: 1px solid #ddd;
    display: block;
    padding: 0px;
}

/**
 * Reduce opacity of elements during the drag operation. This allows the user
 * to see where he is dropping his element, even if the element is huge. The
 * .dndDragging class is automatically set during the drag operation.
 */
.nestedDemo .dropzone .dndDragging {
    opacity: 0.7;
}

/**
 * The dndDraggingSource class will be applied to the source element of a drag
 * operation. It makes sense to hide it to give the user the feeling that he's
 * actually moving it. Note that the source element has also .dndDragging class.
 */
.nestedDemo .dropzone .dndDraggingSource {
    display: none;
}

/**
 * An element with .dndPlaceholder class will be added as child of the dnd-list
 * while the user is dragging over it.
 */
.nestedDemo .dropzone .dndPlaceholder {
    background-color: #ddd;
    display: block;
    min-height: 42px;
}

/***************************** Element Selection *****************************/

.nestedDemo .dropzone .selected .item {
    color: #3c763d;
    background-color: #dff0d8;
}

.nestedDemo .dropzone .selected .box {
    border-color: #d6e9c6;
}

.nestedDemo .dropzone .selected .box > h3 {
    background-color: #dff0d8;
    background-image: linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);
    border-color: #d6e9c6;
    color: #3c763d;
}

/***************************** Element type specific styles *****************************/

.nestedDemo .dropzone .item {
    padding: 10px 15px;
}

.nestedDemo .dropzone .container-element {
    margin: 10px;
}

.nestedDemo .dropzone .container-element .column {
    float: left;
    width: 100%;
}

/***************************** Toolbox *****************************/

.nestedDemo .toolbox ul {
    cursor: move;
    list-style: none;
    padding-left: 0px;
}

.nestedDemo .toolbox button {
    margin: 5px;
    opacity: 1.0;
    width: 123px;
}

.nestedDemo .toolbox .dndDragging {
    opacity: 0.5;
}

.nestedDemo .toolbox .dndDraggingSource {
    opacity: 1.0;
}

/***************************** Trashcan *****************************/

.nestedDemo .trashcan ul {
    list-style: none;
    padding-left: 0px;
}

.nestedDemo .trashcan img {
    width: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}

.nestedDemo .trashcan .dndDragover img {
    width: 100%;
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}

.nestedDemo .trashcan .dndPlaceholder {
    display: none;
}

.alarmGrid {
    height: calc(100% - 32px);
}

.command-line {
    height: 30px;
    background: #FFAB40;
}

.alarm-container {
    overflow: hidden;
}

.nav>li>a {
    padding: 5px;
}

.device_commands, .fence_commands {
    border-bottom: 1px solid lightgray;
    margin-bottom: 10px;
}

.dcbutton, .fcbutton {
    padding: 5px 10px;
    cursor: pointer;
    float: right;
}

.red-lined {
    background-color: #ff9d91;
}

.jstree-node {
    padding: 5px 0;
    border-bottom: 1px solid #cacaca;
}

.jstree-last {
    border-bottom: none;
}

.command-line .action {
    float: left;
    color: #fafafa;
    margin: 0 10px;
    cursor: pointer;
    line-height: 30px;
}
.command-line .action i {
    margin-right: 5px;
}

.history-modal-window .modal-dialog {
    width: 1000px;
}

/*.ui-grid-row .ui-grid-cell {*/
    /*background-color: inherit !important;*/
/*}*/

.alarm-color_1 .ui-grid-cell-contents, .alarm-color_1 .alarmName, .alarmsReminders .alarm-color_1 {
  background-color: #ff0000 ;
    color: white;

}
.alarm-color_2 .ui-grid-cell-contents, .alarm-color_2 .alarmName, .alarmsReminders .alarm-color_2 {
    background-color: #888888 ;
    color: white;
}

.alarm-color_3 .ui-grid-cell-contents, .alarm-color_3 .alarmName, .alarmsReminders .alarm-color_3  {
    background-color: #4cdfff ;
}

.alarm-color_4 .ui-grid-cell-contents, .alarm-color_4 .alarmName, .alarmsReminders .alarm-color_4  {
    background-color: #2c59ff;
    color: white;
}

.alarm-color_5 .ui-grid-cell-contents, .alarm-color_5 .alarmName, .alarmsReminders .alarm-color_5  {
    background-color: #a509ff ;
}

.alarm-color_6 .ui-grid-cell-contents, .alarm-color_6 .alarmName, .alarmsReminders .alarm-color_6  {
    background-color: #00FF00 ;
}

.alarm-color_7 .ui-grid-cell-contents, .alarm-color_7 .alarmName, .alarmsReminders .alarm-color_7  {
    background-color: #ff9000 ;
}

.alarm-color_9 .ui-grid-cell-contents, .alarm-color_9 .alarmName, .alarmsReminders .alarm-color_9 {
    background-color: #312b21 ;
    color: white;
}

.alarm-color_10 .ui-grid-cell-contents, .alarm-color_10 .alarmName, .alarmsReminders .alarm-color_10  {
    background-color: #23ffce ;
}

.alarm-color_15 .ui-grid-cell-contents, .alarm-color_15 .alarmName, .alarmsReminders .alarm-color_15  {
    background-color: #ff9155;
}

.alarm-color_17 .ui-grid-cell-contents, .alarm-color_17 .alarmName, .alarmsReminders .alarm-color_17  {
    background-color: #ff00cc;
}

.alarm-color_29 .ui-grid-cell-contents, .alarm-color_29 .alarmName, .alarmsReminders .alarm-color_29  {
    background-color: #1E90FF;
}

.alarm-color_31 .ui-grid-cell-contents, .alarm-color_31 .alarmName, .alarmsReminders .alarm-color_31  {
    background-color: #FF6600;
}

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

.angularjs-datetime-picker {
    z-index: 3000;
}

.hebrew-align {
    float: left;
    margin-left: 50px;
}

.slider-buttons {
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    color: #337ab7;
}

#report-container {
    position: absolute;
    top: 0;
    text-align: center;
    z-index:10;
    left: calc(50% - 100px);
}

#report-container .report-menu {
    display:inline-block; margin: auto; height: 30px; width: 200px; border: 1px solid black; background-color: #222222; opacity: 0.7;

    line-height: 30px;

}

.report-menu i {
    color: white;
    cursor: pointer;
}

.multiply-select {
    min-height: 170px;
}
.inline-form-elem {
    margin: 0 30px;
    min-width: 180px;
}
#deviceAlarmSettings .form-inline {
    margin-bottom: 15px;
}

.report-list-icon {
    font-size: 36px;
}

.md-select-menu-container {
    z-index: 2000 !important;
}

.bulk-settings-notification {
    font-size: 16px;
    padding: 10px;
    color: #01cf00;
}

body {
    overflow: hidden;
}

.red-text {
    color: #cb3000 !important;
}

.loading-block {
    position: absolute;
    z-index: 100;
    width: 95%;
    height: 95%;
    background: grey;
    opacity: 0.3;
    background-image: url('/images/loading_spinner.gif');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-panel {
    position: fixed;
    bottom: 0;
    right: 5px;
    z-index: 200;
    margin: 10px;
    padding: 10px;
    border-radius: 5px;
    background: #0288D1;
    color: white;
}

.footer-panel i {
    padding: 5px;
}

body[dir='rtl'] .footer-panel {
    right: auto;
    left: 5px;
}

.menu {
    margin: 10px;
    text-align: center;
    font-size: 11px;
}

.menu i {
    font-size: 2.5rem;
    display: block;
    margin: 0 auto;
}

.menu > div:hover {
    color: #ffebd6;
}

.left-part {
    background: #0288D1;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#mainLoadingBlock {
    z-index: 100;
    background-image: url('/images/double-ring-spinner.gif');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    height: 15em;
    width: 15em;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#contextMenu a {
    cursor: pointer;
}

.alarmsWindow .alarmGrid {
    height: calc(100% - 34px);
    background: white;
}

.alarmsWindow .alarmGrid.withFilter {
    height: calc(100% - 64px);
}

.alarmsWindow > div {
    margin: 0 10px;
}

.alarmsWindow .ui-layout-row > .ui-splitbar {
    background: linear-gradient(to bottom, #d6d6d6 0%, #999999 100%);
}

.alarmsWindow h4 {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 4px;
}

ul[dir='rtl'] {
    text-align: right;
}

.bulkActionsContainer {
    position: absolute;
    bottom: 10px;
    left: 30px;
}

body[dir='rtl'] .bulkActionsContainer {
    left: auto;
    right: 30px;
}

div.ui-grid-cell input[type="checkbox"] {
    margin: 9px 0 0 0;
    text-align: center;
}

.alarmsReminders {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.8;
    z-index: 2000;
}

.alarmsReminders .btn {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin: 0 3px;
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0.3;
    }
}

body[dir='rtl'] .checkbox label, body[dir='rtl'] .radio label {
    padding-right: 20px;
    padding-left: 0;
}

body[dir='rtl'] .checkbox input[type=checkbox], body[dir='rtl'] .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    margin-right: -20px;
    margin-left: 0;
}

.hiddenUntilInit {
    opacity: 0;
}

.POI-marker {
    text-align: center;
    width: 400px;
    position: relative;
    margin-bottom: -10px;
}

.POI-marker-label {
    max-width: 140px;
    position: absolute;
    font-size: 13px;
    color: #333333;
    line-height: 14px;
}


.icon-select {
    position: relative;
}

.icon-select > img {
    height: 60px;
    display: block;
}

.iconsList {
    position: absolute;
    top: 0;
    left: 70px;
    padding: 2px;
    overflow-y: auto;
    max-height: 200px;
    background: #ffffff;
}

.iconsList img {
    width: 50px;
    height: 50px;
    border: 1px solid #999999;
    margin: 2px;
}

.POI-list-table .POI-icon {
    width: 20px;
    height: 20px;
}

.modal-xlg{
    width:1200px;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.devices_counts {
    margin: 0 10px;
}

.online_cnt {
    color: #00bf00;
}

.total_cnt {
    color: #453dff;
}

.vakata-context {
    z-index: 1000;
}

.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;
}