h3 {
    margin-top: 3px;
    font-weight: 600;
}

h5 {
    margin-top: 10px;
}

.float-e-margins .btn {
    margin-bottom: 0;
}

.label {
    font-size: 10px;
}

.single-line {
    font-size: 14px;
}

.selectize-dropdown .active {
    background-color: rgba(51, 122, 183, 0.15);
    color: #555;
}

.ui-select-choices-row:hover {
    background: #C74040;
    color: whitesmoke;
}

.selectize-input.selectize-focus {
    border-color: #C74040 !important;
}

.selectize-input {
    border: 1px solid #E5E6E7;
    color: inherit;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid #999;

    line-height: 2.2;
    padding: 0;
    vertical-align: middle;
}

.footable > tbody tr > td {
    padding-left: 15px;
}

.hr-line-dashed {
    border-top: 1px dashed lightgrey;
    color: #FFF;
    background-color: #FFF;
    height: 0;
    margin: 0;
}

.wrapDir {
    background-color: #FFF;
    color: inherit;
    padding: 0;
    border-color: #E7EAEC;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

.wrapDirSensor {
    background-color: #FFF;
    color: inherit;
    padding: 0;
    border-color: #E7EAEC;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    border-top: 0 solid #CCC;
    border-left: 0 solid #CCC;
    border-right: 0 solid #CCC;
    border-bottom: 1px solid #CCC;
}

.wrapDirSensorFullPath {
    background-color: #DDD;
    border-bottom: 1px solid #999;
    margin-left: 0;
}

.wrapDirSensorFullPath h3 {
    padding: 0;
    margin: 0;
    height: 32px;
}

.wrapDirSensor .row {
    padding-bottom: 0;
    margin-right: 0;
}

.mail-box-header {
    padding: 0;
    margin: -2% 0 -7px -15px;
    width: 102.4%;
}

.mail-box-header h3 {
    margin-top: 6px;
    padding: 0;
}

.project-title a {
    margin-left: 14px;
}

@media (min-width: 768px) {
    #page-wrapper {
        min-height: 100vh !important;
        overflow: hidden;
        /*height: 100vh !important;*/
        /*min-height: 100vh !important;
        /*overflow: hidden;*/
    }
}

/*@media (max-width: 768px) {
    #page-wrapper {
        min-height: 1000px;
    }
}*/

.gridStyle {
    border: 1px solid rgb(212, 212, 212);
    /*width: 800px;
    height: 300px;*/
    width: auto;
    /*font-size: 10.5px;*/
}

.myTable td {
    width: 30px;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
}

.footable tr td {
    width: 5%;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10,
.col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12,
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 0;
    padding-right: 0;
    padding-left: 0;
}

.ngCell {
    display: table-cell;
    /*height: auto !important;*/
    text-align: center;
    overflow: visible;
    position: static;
    /*text-align: match-parent;*/
    /*margin-top:-4px;*/
}

.gridStyle {
    text-align: center;
    vertical-align: top;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

.myUsers h3 {
    margin-top: 10px;
    font-weight: 600;
    padding-bottom: 5px;
}

.lazur {
    background-color: #BBB !important;
    /*-webkit-transition: background 0.5s;*/
}

/*
.ngCellText {
  padding:0px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  white-space:nowrap;
  -ms-text-overflow:ellipsis;
}*/
/*
.ngViewport {
  height:auto !important;
}
.ngCanvas, .ngViewport, .ngRow, .ngFooterPanel, .ngTopPanel {
  width: 100% !important;
}
.ngRow {
  border-bottom:none !important;
}*/

.overAllStyleForUserProfile {
    padding-right: 10%;
}

.overAllStyleForUserProfile label {
    padding-right: 15px;
}

.overAllStyleForUserProfile input {
    height: 20px;
    padding: 0;
    padding-left: 4px;
}

.overAllStyleForUserProfile .control-label {
    padding-top: 0;
    font-weight: 600;
}

.overAllStyleForUserProfile .selectize-input {
    height: 20px;
    padding: 0;
    padding-left: 4px;
}

.overAllStyleForUserProfile .chosen-container-single .chosen-single {
    height: 20px !important;
    min-height: 20px;
    padding: 0;
    line-height: 20px;
    padding-left: 4px;
}

.overAllStyleForUserProfile .form-group {
    margin-bottom: 4px;
}

.overAllStyleForUserProfile .chosen-container-single .chosen-single div b {
    margin: -8px 0 0 -7px;
}

.overAllStyleForUserProfile .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    padding: 0;
}

.overAllStyleForUserProfile .btn {
    font-size: 13px;
    padding: 3px 10px;
}

.overAllStyleForUserProfile .progress {
    margin-bottom: 4px;
}

.overAllStyleForUserProfile .form-control-static {
    padding-top: 0;
    padding-bottom: 0;
}

.overAllStyleForUserProfile #selectUserGroup .chosen-container .chosen-container-single {
    width: 100%;
}

.overAllStyleForUserProfile .datapickerStyle {
    padding-left: 40%;
    padding-right: 30%;
    padding-top: 1%;
}

.modalStyle input {
    padding: 0 3px;
    height: 21px;
}

.modalStyle .sp-replacer {
    padding: 1px;
}

.modalStyle .form-group {
    margin-bottom: 10px;
}

.modalStyle label {
    font-weight: 500;
    margin-bottom: 0;
}

.modal-header {
    padding: 3px;
    cursor: move;
    text-transform: uppercase;
}

.modal-header span {
    padding-right: 5px;
}

.modal-title {
    padding: 5px 0 0 5px;
    text-transform: uppercase;
}

.iboxTitleStyle .ibox-title {
    padding: 7px 15px 7px;
    min-height: 32px;
}

.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header {
    padding: 3px 1px;
}

.selectStylePermission select option[value='A'] {
    color: rgba(92, 184, 92, 0.7);
    font-weight: 700;
}

.selectStylePermission select option[value='B'] {

    color: rgba(240, 173, 78, 0.7);
    font-weight: 700;
}

.selectStylePermission select option[value='C'] {
    /*background: rgba(107,21,161,0.7);*/
    color: #6B15A1;
}

.selectStylePermission select option[value='D'] {
    /*background: rgba(217,83,79,0.7);*/
    /*background: red;*/
    color: red;
}

.selectStylePermission select option::selection {
    background: red;
}

.fileInputStyleForImage input[type="file"] {
    height: 20px;
}

/*
.selectStylePermission .notpermission{
  color: #5cb85c;
  background-color: white;
}
.selectStylePermission .PermissionTargetLevel{
  color: #f0ad4e;
  background-color: white;
}
.selectStylePermission .PermissionTargetLevelInserted{
  color:  #6b15a1;
  background-color: white;
}
.selectStylePermission .AllPermission{
  color: #d9534f;
  background-color: white;
}
*/

.gridHeightStyle .gridStyle {
    height: 119px;
}

.radio .radio-success input {
    outline: none;
}

.modal {
    overflow: hidden;
}

.densityDiv {
    overflow-y: hidden !important;
}

.ui-grid-pager-container {
    padding-left: calc(50% - 215px);
    margin-top: 1px;
}

.ui-grid-pager-control button {
    height: 18px !important;
    padding: 0 8px !important;
}

.ui-grid-pager-control input {
    height: 18px !important;
}

.ui-grid-pager-row-count-picker select {
    height: 18px !important;
    padding: 0 10px !important;
}

.ui-grid-pager-row-count-picker {
    margin-top: -1px;
}

.ui-grid-pager-panel {
    padding-bottom: 0 !important;
}

.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
    padding-left: 2px;
}

abbr[title], acronym[title] {
    text-decoration: None !important;
}

abbr[data-original-title], abbr[title] {
    border-bottom: None !important;
}

.ui-grid-pager-control .ui-grid-pager-max-pages-number {
    font-size: 12px !important;
    vertical-align: middle !important;
    white-space: nowrap;
}

.ui-grid-row {
    cursor: default;
}

/*Tree view css*/
.firstModalWindowsTreeView b, strong {
    font-weight: 600;
}

/*end tree view css*/
#toast-container > .toast-info:before {
    content: None !important;
}

.notificationUpdate {
    display: inline-block;
    position: absolute;
    right: 1%;
    z-index: 500000;
    padding-top: 10px;
    /*transition: 5s;*/
}

.buttonUpdate {
    opacity: 0.9;
    background: antiquewhite;
    padding: 20px 20px 18px;
}

.buttonUpdate p {
    font-size: 15px;
}

.successToUpdate {
    margin-right: 5px;
}

.closeUpdate {
    margin-left: 5px;
}

.fontSizeForButtonTree a {
    font-size: 20px;
}

.fontSizeForButtonTree .btn {
    padding-right: 5px;
    padding-left: 5px;
}

.radio .radio-success input {
    outline: none;
}

.megaWidgetSettingsButton {
    font-size: 16px;
    float: right;
    padding-right: 5px;
    margin-top: 5px;
    cursor: pointer;
}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level, .mini-navbar .nav li:focus > .nav-second-level {
    width: max-content;
    white-space: nowrap;
}

body:not(.mini-navbar) #widgetsLi {
    overflow-y: auto;
}

#navCtrl ul > li > a {
    outline: none;
}

body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
    display: inline-flex;
}

/*#panelsMenu li {*/
/*}*/

#panelsMenu li:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
    transition: 0.4s;
}

#panelsMenu li > a {
    border-radius: 3px;
    color: inherit;
    line-height: 25px;
    margin: 4px;
    text-align: left;
    font-weight: normal;
    display: block;
    padding: 3px 20px;
    clear: both;
    white-space: nowrap;
}

/*****/

.enabled {
    pointer-events: auto;
    opacity: 1;
    filter: alpha(opacity=100);
}

.disabled {
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    color: #CCC !important;
}

.inputDisabled {
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    color: #CCC !important;
    background-color: #EEE;
}

.wrongSearch{
    background-color: #ffe9e9;
}

.userMonitoringModal {
    width: 50%;
}

.configureDeviceModal {
    width: auto;
}

.canvasDiv {
    position: relative;
    width: 736px;
    height: 480px;
}

#deviceImageCanvas, #deviceFiguresCanvas {
    position: absolute;
    top: 0;
    left: 0;
    border: solid 1px #8F8F8F;
    padding: 0;
    margin: 0;
    width: 736px;
    height: 480px;
}

.tab {
    position: relative;
    /*padding: 15px 10px;*/
    padding: 5px 10px;
    float: left;
    border: 1px solid gray;
    border-top: 0;
    width: 736px;
    /*height: 270px;*/
    min-height: 305px;
    height: 100%;
}

.tabLi {
    float: left;
    margin: 0 .16em 0 0;
    padding: 0;
    white-space: nowrap;
}

.tabsFooter {
    padding: 0 0 10px 10px;
    position: absolute;
    bottom: 0;
}

.footerButton {
    margin-right: 5px;
}

.footer {
    padding: 5px 5px;
    position: fixed;
}

.nav-tabs > li > a {
    color: #999;
    margin: 0;
    padding: .5em 0.25em;
    text-align: center;
}

.nav-tabs > li > a:hover {
    color: #8F8F8F;
    border-color: #8F8F8F;
    border-bottom: 1px solid lightgrey;
}

.sensorPageRow {
    padding-bottom: 10px;
    padding-left: 10px !important;
}

.column {
    float: left;
    width: 200px;
    padding-top: 3px;
}

.httpUploadingTabLabels {
    width: 100px;
}

.httpUploadingTabInputs {
    width: 300px;
}

.configureDeviceModal select {
    border-color: #CCC;
}

.selectDisabled {
    background-color: #EBEBE4;
}

.sensorRow {
    display: table;
    width: 100%;
    height: 36px;
    font-size: 14px;
}

.sensorCell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.sensorCell input:focus {
    outline: none;
}

.selected {
    background: #CCC !important;
}

.selected input.noselect {
    background-color: inherit;
}

#configureDeviceModal .checkbox label::after {
    left: 3px !important;
}

.tabLabel {
    margin-top: -4px;
    padding-left: 0 !important;
}

.tabLabel::before {
    display: none !important;
}

.sensorNameInput {
    width: 100%;
    border: none;
    text-align: left;
    height: 100%;
    padding-left: 10px;
}

.inputElement {
    height: 21px;
    padding-left: 5px;
}

.cameraInputWidth {
    width: 112px;
}

.checkbox_field {
    float: left;
    height: 20px;
    margin-top: 5px;
    padding: 9px 0;
}

.dateTimeInput {
    width: 110px;
}

.timeZoneSelectDisabled {
    height: 24px;
    background-color: #EBEBE4;
    width: 239px;
}

div.colorPicker-picker {
    border: solid 1px #8F8F8F;
    cursor: pointer;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.selectText {
    user-select: text !important;
}

.in_out {
    width: 15%;
    height: 100%;
    vertical-align: middle;
    cursor: default;
}

div.colorPicker-palette {
    width: 104px;
    position: absolute;
    border: 1px solid #598FEF;
    background-color: #F3F3F3;
    z-index: 2060;
}

div.colorPicker-swatch {
    height: 12px;
    width: 12px;
    border: 1px solid black;
    margin: 2px;
    float: left;
    cursor: pointer;
    line-height: 12px;
}

.contextMenu {
    position: fixed;
    z-index: 2060;
    padding: 0;
    background-color: white;
    border: solid 1px #d5d5d5;
    border-radius: 2px;
    list-style: none;
}

.contextMenuItem {
    padding: 5px;
    border-radius: 2px;
    cursor: default;
    white-space: nowrap;
}

.contextMenuItem:hover, .selectedRow {
    background-color: #BBB !important;
}

.menuSeparator {
    display: block;
    padding: 0;
    margin: 0 1px;
    height: 1px;
    background-color: #EBEBE4;
}

#counterInfoTextarea:focus {
    outline: none;
}

.canvasDiv .alert {
    padding: 5px 20px 5px 5px !important;
    margin: 5px 0 !important;
    cursor: default !important;
}

.canvasDiv .toast {
    color: #8F8F8F;
    border-radius: 4px;
    background: none;
    position: relative;
    text-align: left;
    margin: 5px;
    list-style-type: none;
}

.canvasDiv .icon {
    background-image: url(./../img/images/ui-icons_888888_256x240.png);
    margin-right: 5px;
    margin-top: 1px;
    width: 16px;
    height: 16px;
    float: left;
}

.canvasDiv .icon-success {
    background-position: -64px -144px;
}

.canvasDiv .icon-info {
    background-position: -16px -144px;
}

.canvasDiv .icon-warning {
    background-position: -32px -144px;
}

.canvasDiv .icon-error {
    background-position: 0 -144px;
}

.canvasDiv .ng-toast .ng-toast__message__count,
.hide {
    display: none;
}

.widgetHide {
    height: 24px !important;
}

.canvasDiv .ng-toast.ng-toast--left .ng-toast__message {
    text-align: left;
    background: none;
    border-color: transparent;
    margin-bottom: -10px;
}

.canvasDiv .ng-toast.ng-toast--left .ng-toast__list {
    padding: 0;
    margin: 19px 0 0 0;
    max-width: 726px;
}

.canvasDiv .alert-success {
    color: #8F8F8F;
    border: 1px solid #2D9600;
    background: #F1F8E9;
}

.canvasDiv .alert-info {
    color: #8F8F8F;
    border: 1px solid #0A38CD;
    background: #ECFDFE;
}

.canvasDiv .alert-warning {
    color: #8F8F8F;
    border: 1px solid #FCEFA1;
    background: #FBF9EE url(./../img/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
}

.canvasDiv .alert-error {
    color: #8F8F8F;
    border: 1px solid #CD0A0A;
    background: #FEF1EC url(./../img/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
}

.groupSpan {
    padding: 0 5px;
    cursor: pointer;
    height: 32px;
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #999;
}

.groupArrow {
    display: table-cell;
    font-size: 20px;
    color: #676a6c;
    padding: 5px 5px 5px 6px;
}

.helper {
    display: inline;
    height: auto;
    width: auto;
    font-size: 20px;
}

.navigationGroupsArrows {
    float: left;
    font-size: 20px;
    padding: 0 5px;
}

.groupModalLabel {
    width: 80px;
}

.selectedNavGroup {
    font-weight: bold;
    background-color: #EEE;
}

.firstEntity {
    border-top: 0 !important;
}

.lastEntity {
    border-bottom: 0 !important;
}

.borderBottomGray {
    border-bottom: 1px solid #999;
}

.groupTd {
    border-bottom: 1px solid #999;
}

.entityRow {
    display: table;
    width: 100%;
    height: 23px;
    font-size: 14px;
    border-bottom: 1px solid #999;
    cursor: pointer;
    color: #676a6c;
    opacity: 0.9;
    background-color: white;
}

.entityRow > div:nth-child(1) {
    border-right: 1px solid #999;
    text-align: center;
    width: 7.5%;
    min-width: 61px;
}

.entityRow > div:nth-child(2) {
    border-right: 1px solid #999;
    text-align: center;
    width: 17.5%;
    min-width: 93px;
}

.selectedEntityRow {
    background-color: #CCC;
}

.sensorEntityRow {
    display: table;
    width: 100%;
    height: 22px;
    background-color: white;
    border-bottom: 1px solid #999;
    font-size: 14px
}

.sensorEntityRow:active {
    background-color: #CCC;
}

.entityCell {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
    height: 22px;
}

.jstree-themeicon-custom {
    font-size: 18px;
    background-size: 18px !important;
}

.entityCount {
    padding: 1px 5px;
    margin-left: 7px;
    border-radius: 14px;
    font-size: 11px;
    font-weight: 500;
    vertical-align: top;
    background-color: #C74040;
    color: white;
    cursor: default;
}

.sweet-alert .lead {
    padding-left: 15px;
}

.sweet-alert .btn-success:focus {
    border-color: #C74040 !important;
    background-color: #C74040 !important;
    color: #FFF !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(26, 123, 185, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(26, 123, 185, 0.6) !important;
}

.filterLabels {
    float: left;
    width: 148px;
}

.filterInputs {
    width: 150px;
}

.filterRow {
    margin-bottom: 10px;
}

.userProjectRow {
    margin-bottom: 10px;
    padding-left: 8px;
}

.monitoringLabels {
    vertical-align: top !important;
}

.monitoringParamsRow {
    margin-bottom: 3px;
}

.monitoringUserRow {
    border-bottom: 1px solid #CCC;
}

#monitoringUserTBody {
    width: 100%;
    margin-top: 6px;
    display: table;
    border: 1px solid #CCC;
}

.monitoringUserLabels {
    width: 20%;
    display: table-row;
}

.monitoringUserInputs {
    width: 80%;
    height: 24px;
}

.MonitoringUserEntityCell {
    text-align: center;
    border-right: 1px solid #CCC;
}

.MonitoringUserEntityCell:last-child {
    border-right: 0;
}

.monitoringUserTd {
    padding-left: 10px;
}

.progressbar {
    width: 100%;
    bottom: 0;
    text-align: center;
    font-style: inherit;
    font-weight: bold;
    text-shadow: 1px 1px 0 #191818;
    background-color: #D7ECFF !important;
}

.progressbarDiv {
    width: 715px;
    position: absolute;
    bottom: 39px;
    background-color: #D7ECFF;
    border-radius: 4px;
}

.progressbarLabel {
    position: absolute;
    text-align: center;
    margin-top: 1px;
    width: 694px;
    font-style: inherit;
    font-weight: bold;
    text-shadow: 1px 1px 0 #191818;
    color: #C2C5C5;
}

.ui-progressbar .ui-progressbar-value {
    width: 100%;
    margin: 0 !important;
    border: none !important;
}

.ui-progressbar-overlay {
    width: 100%;
    opacity: 0.09 !important;
    margin: 0 !important;
    border: none !important;
}

.ui-progressbar-value {
    background: #6389AE !important;
}

#addPanelTabModal label {
    vertical-align: middle;
}

#widgetCtrl .text-danger {
    padding-top: 5px;
}

input:focus {
    outline-color: rgba(99, 137, 174, 0.9);
}

select:focus {
    outline-color: rgba(99, 137, 174, 0.9);
}

#addPanelTabModal label.text-danger, #editPanelTabModal label.text-danger {
    padding-top: 5px;
}

.flex-element-top-menu {
    cursor: move;
}

.defaultCursor {
    cursor: default !important;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background: #F5F5F5;
}

.minicolors input[type=hidden] + .minicolors-swatch {
    width: 17px !important;
    height: 15px !important;
    margin: 2px 0 0 5px;
}

.minicolors-swatch-color {
    width: 17px;
    height: 16px !important;
    margin: 2px 0 0 5px;
}

#groupModal .minicolors-swatch.minicolors-sprite.minicolors-input-swatch {
    margin: 0;
}

#groupModal .minicolors-swatch.minicolors-sprite.minicolors-input-swatch .minicolors-swatch-color {
    margin-left: 0;
}

.ui-grid-canvas {
    padding-top: 0 !important;
}

.filtersButtonGreen {
    background-color: rgba(0, 255, 0, 0.05);
}

.calendarStyle {
    font-size: 13px;
    width: 90px;
    height: 20px;
    text-align: center;
    padding: 0;
}

.widgetLeftMenuHidden {
    animation: widthSideBarHide .4s;
    flex-basis: 0 !important;
    padding: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    display: none;
}

.openMenu {
    visibility: visible !important;
    display: block !important;
}

.monitoringUserTextDanger {
    padding-left: 7px;
    margin-top: 10px;
}

.dropdown-toggle > .input-group.date > input[type=text] {
    background-color: white;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    -o-user-select: none !important;
    user-select: none !important;
}

.editableInput {
    background-color: #BBB !important;
}

.ui-grid-row-selected, .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell,
.ui-grid-row-selected, .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell > input {
    background-color: #CCC !important;
}

.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell > input.editableInput,
.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell > input.deviceAlert.editableInput {
    background-color: white !important;
    opacity: 0.75;
}

.day-view.week-view > tbody > tr:hover {
    background-color: #CCC !important;
}

.upperLevel {
    display: inline-table;
    width: 32%;
    margin: 0 !important;
}

.upperLevelLabel {
    vertical-align: top !important;
    padding-left: 3px !important;
}

.propertyRow {
    display: flow-root;
    height: 23px;
    padding: 0 0 1px 8px;
    clear: left;
    border: 1px solid #CCC;
    border-top: 0 !important;
}

.propertyUnits {
    height: 20px;
    width: 75px;
    margin-top: 1px;
    float: right;
}

.propertyInput {
    height: 20px;
    width: 20%;
    margin-top: 1px;
    float: right;
    border-color: #CCC !important;
}

.propertySelected, .propertySelected:hover {
    background-color: #BBB;
}

.editPropertyDiv {
    font-size: 16px;
    background-color: #EEE;
    padding-left: 8px;
    border-image: none;
    border: 1px solid #CCC;
    margin-top: 20px;
}

.propertyBlock {
    margin-bottom: 15px;
}

.widgetCanvas {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.canvasArea {
    position: sticky;
}

.videoMonitoringIcon {
    font-size: 16px;
}

.videoMonitoringIcon .fa.fa-eye, .videoMonitoringIcon .fa.fa-eye-slash {
    padding-top: 1px;
    vertical-align: top;
}

.currentLevelText {
    cursor: pointer;
    padding-left: 5px !important;
}

.currentTableLevelText {
    margin-right: 2px;
}

.currentVMText {
    padding-left: 6px !important;
    padding-right: 13px !important;
}

.sensorName {
    display: inline-block;
    text-align: right;
}

.sensorInOut {
    display: inline-block;
    width: 40px;
    text-align: center;
    float: right;
}

.overflowYHidden {
    overflow-y: hidden !important;
}

.graphicsCheckboxDiv {
    display: inline-block;
    margin: 2px 0 3px;
    cursor: pointer;
    padding-right: 2px;
    font-size: 11px !important;
}

.chartJsCanvasDiv {
    margin-top: -30px;
}

.settingsFillDiv {
    display: inline-block;
    width: 32.5%;
}

.widgetSettingsInput {
    margin-top: 1px !important;
}

.graphicsLabels {
    vertical-align: top !important;
    padding-left: 8px !important;
    margin-bottom: 0;
    cursor: pointer;
}

#widgetChartSettingsModal fieldset {
    padding-top: 5px;
}

.chartIndexSpan {
    padding: 0;
    height: 20px !important;
    margin-left: 1px;
    border-right: 1px solid #CCC;
    text-align: center;
}

.chartLevelText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chartColorpickerSpan {
    padding: 0 !important;
}

.mindMapColorpickerSpan {
    padding-left: 6px;
}

.chartColorpickerDiv {
    left: -31px;
}

.minicolors-position-left .minicolors-panel {
    left: -17px;
}

.settingsDiv {
    display: inline-block;
    margin: 0;
    padding-right: 3px;
}

.checkbox label::after {
    left: 1px !important;
}

.mindMapSettingsModalDiv {
    margin-top: 5px;
}

.mindMapSettingsModalDiv .minicolors-swatch.minicolors-sprite.minicolors-input-swatch {
    margin-top: 0;
}

.linkLinesLabel {
    width: 120px;
}

#widgetMindMapSettingsModal .checkbox label {
    padding-left: 5px;
}

#widgetMindMapSettingsModal .minicolors-swatch.minicolors-sprite.minicolors-input-swatch,
#widgetMindMapSettingsModal .minicolors-swatch-color {
    width: 60px !important;
    height: 21px !important;
    margin-top: 0;
    border-radius: initial;
}

.propertyRow > input[type="number"]::-webkit-outer-spin-button,
.propertyRow > input[type="number"]::-webkit-inner-spin-button,
.propertyRow > input[type=number]::-webkit-inner-spin-button,
.propertyRow > input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.propertyRow > input[type="number"] {
    -moz-appearance: textfield;
}

.mobileModal {
    overflow: auto !important;
}

.socketIndicator {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 2px;
}

#userMonTree .jstree-anchor {
    background-color: transparent;
    box-shadow: none;
}

.devicesCount {
    font-size: 14px;
    color: #337AB7;
    border-left: 1px solid #999;
    min-width: 40px;
    text-align: center;
    height: 100%;
    position: absolute;
    right: 0;
    padding-top: 5px;
}

.uiGridGag {
    position: absolute;
    height: 8px;
    background-color: white;
    width: 100%;
    margin-top: -8px;
}

#monGridstackContainer .uiGridGag {
    width: calc(100% - 16px);
    border-top: 1px solid #CCC;
}

.lead.text-muted span {
    word-wrap: break-word;
}

.monitoringFilterSpan {
    display: inline-block;
    vertical-align: middle;
    padding-top: 5px;
}

.monitoringFilterSpan > label {
    padding-right: 4px;
}

#gridContainer .ui-grid-row {
    width: 101% !important;
}

#gridContainer .ui-grid-row > div > div:nth-child(5), #gridContainer .ui-grid-header-cell-row > div:nth-child(5) {
    border: none !important;
}

#gridContainer .ui-grid-pager-panel {
    position: relative;
    border-top: 1px solid #E9E9E9;
    margin-top: -8px;
    height: 29px;
}

#gridContainer .ui-grid-pager-container, #gridContainer .ui-grid-pager-count-container {
    margin-top: 3px;
}

#gridContainer .ui-grid-pager-panel select {
    width: auto;
}

.monitoringUsersTable th, .monitoringUsersTable tr {
    text-align: center;
}

.monitoringUsersTable td {
    line-height: 1.6 !important;
}

.monitoringUsersTable input[type="text"],
.monitoringUsersTable input[type=text] {
    height: 22px;
    width: 100%;
    padding: 0 5px;
    border: none;
    outline: none !important;
}

.monitoringTab {
    border: 1px solid grey;
    border-top: none;
    display: grid;
    padding: 10px;
}

.monitoringUsersSelect {
    border: none;
    width: 100%;
    padding-left: 32px;
}

.monitoringUsersSelect > option {
    background-color: white;
}

@-webkit-keyframes opacityAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes opacityAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.savedSpan {
    padding-right: 10px;
    color: #42A944;
    animation: opacityAnimation 1s;
    -webkit-animation: opacityAnimation 1s;
    vertical-align: middle;
}

.failedSpan {
    padding-right: 10px;
    color: red;
    animation: opacityAnimation 1s;
    -webkit-animation: opacityAnimation 1s;
    vertical-align: middle;
}

.monitoringUserInfoDiv {
    padding-bottom: 10px;
}

.monitoringUserInfoDiv div {
    padding: 2px 0;
}

.monitoringUserInfoDiv tbody {
    height: 50vh;
    overflow-y: auto;
}

.monitoringUserInfoDiv tr:last-child, .monitoringUserInfoDiv tr:last-child > td {
    border-bottom-width: 0;
}

.azureBackgroundColor {
    background-color: azure;
}

#levelDeleteButton, #deleteGroupButton {
    height: 30px;
    padding-left: 0;
    padding-top: 2px;
}

#addLevelMarkerDeleteButton {
    height: 30px;
    padding: 2px 5px 0 3px;
}

#editLevelMarkerDeleteButton, #addMarkerTagDeleteButton, #editMarkerTagDeleteButton, #deleteGeoTagButton, #deleteMonitoringUser,
#addLevelPropertyDeleteButton, #editLevelPropertyDeleteButton {
    height: 30px;
    padding: 1px 5px 0 0;
}

#upgradeDevicesModal input[type="number"]::-webkit-outer-spin-button,
#upgradeDevicesModal input[type="number"]::-webkit-inner-spin-button,
#upgradeDevicesModal input[type=number]::-webkit-inner-spin-button,
#upgradeDevicesModal input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.progress {
    margin: 10px 15px;
}

.progress .progress-bar.active {
    animation: progress-bar-stripes 1.5s linear infinite;
    background-color: #337AB7;
    font-size: 13px;
}

.dotdotdot:after {
    font-weight: 300;
    content: '...';
    display: inline-block;
    width: 20px;
    text-align: left;
    animation: dotdotdot 3s linear infinite;
}

@keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 40px 0;
    }
}

@keyframes dotdotdot {
    0% {
        content: '';
    }
    33.333333% {
        content: '.';
    }
    66.666667% {
        content: '..';
    }
    100% {
        content: '...';
    }
}

.radio input[type="radio"]:disabled,
.radio input[type="radio"]:disabled + label,
.radio input[type="radio"]:disabled + label::before,
.radio input[type="radio"]:disabled + label::after {
    cursor: default !important;
}

.radio label {
    padding-left: 2px !important;
}

#upgradeDevicesModal .checkbox, #upgradeDevicesModal .radio {
    margin-bottom: 0;
}

#deviceUpgradeProgressbarLabel {
    font-weight: 400;
    font-size: 13px;
}

#monitoringFunctionsModal .modal-body > div:last-child.radio.radio-primary {
    margin-bottom: 0;
}

#monitoringParamsModal .minicolors {
    display: inline-block;
}

.monitoringParamsColorDiv {
    padding-top: 5px;
}

.monitoringParamsLabels {
    padding-left: 5px;
}

#monitoringParamsModal .minicolors input[type=hidden] + .minicolors-swatch {
    margin-top: 0;
}

#monitoringFiltersModal .checkbox label::before {
    left: -2px;
}

.videoPlayerButtons {
    font-size: 20px;
    color: #BBB;
    background-color: transparent;
    border: none;
}

.videoPlayerButtons:focus {
    outline: none;
}

.enabledVideoPlayerButtons {
    color: #676A6C;
}

.enabledVideoPlayerButtons:hover {
    color: #444;
}

.enabledVideoPlayerButtons:active {
    transform: scale(0.9);
}

.loadHeatMapActionsDiv {
    padding-left: 19px !important;
}

.heatMapTypes {
    width: calc(100% - 8px);
    padding: 0;
    margin: 0 4px 1px 4px;
    border-radius: 3px;
}

.heatMapTypes, .heatMapTypes * {
    font-size: 13px;
}

.heatMapTypes a {
    color: inherit;
    text-transform: lowercase;
    display: block;
    width: 100%;
}

.heatMapTypes ul {
    width: 100%;
}

.minicolors-position-left .minicolors-panel {
    left: -15px !important;
}

.titleSquare {
    width: 15px;
    height: 15px;
    vertical-align: top;
    border: 1px solid #999;
    margin-top: 3px !important;
}

.nvtooltip {
    padding: 0 5px !important;
}

.nv-force-link {
    stroke-opacity: 1 !important;
}

.nv-force-node {
    stroke-width: 0 !important;
}

.modal fieldset {
    margin-top: 5px;
}

.modal fieldset legend {
    width: auto;
}

#widgetMindMapSettingsModal .text-danger {
    padding-top: 5px;
}

.mindMapInput {
    width: 60px;
    margin-left: 5px;
}

#entityFilterModal .checkbox label::after {
    padding-left: 5px;
}

.indexAndSorting td {
    border-top: #CCC !important;
}

.firmwareTable {
    margin-top: 20px;
}

.firmwareTable td {
    border: 1px solid #999;
    padding: 0 10px;
    text-align: center;
}

.firmwareTable td:nth-child(1), .firmwareTable td:nth-child(2) {
    cursor: default;
}

.firmwareTable td:nth-child(3) {
    width: 40px;
    padding: 0;
}

.firmwareTable td:nth-child(3) a {
    padding-top: 2px;
    height: 28px;
}

.firmwareTable .fa.fa-times:hover {
    opacity: 0.666667;
}

.graphicsReportsInfo {
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: default;
    white-space: nowrap;
}

.graphicsReportsInfo table {
    margin: 0 10px 5px 0;
    font-weight: 600;
    color: chocolate;
}

.graphicsReportsInfo table > tbody > tr > td:nth-child(1) {
    float: right;
}

.graphicsReportsInfo table > tbody > tr > td:nth-child(2) {
    padding-left: 15px;
}

.sweet-alert h2 {
    text-transform: uppercase;
}

.widgetTypeDiv {
    width: auto;
    display: inline-block;
}

.chartColorpickerSpan .minicolors-panel {
    left: -19px;
}

.graphicsAnalysisSettingsCheckboxDiv {
    margin: 0 !important;
    padding: 0 0 0 15px !important;
}

.analyticsWidgetDisplayOptionsTr {
    height: 22px;
}

.analyticsWidgetDisplayOptionsCheckbox {
    margin-top: 2px;
    margin-bottom: -1px;
    padding: 0;
}

.analyticsWidgetDisplayOptions {
    max-height: 325px;
    width: auto;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: -1px;
    left: -1px;
    background-color: white;
}

.analyticsWidgetDisplayOptions .minicolors input[type=hidden] + .minicolors-swatch,
.analyticsWidgetDisplayOptions .minicolors-swatch-color {
    margin: 1px 0 0 0;
}

.analyticsWidgetDisplayOptions .minicolors-panel.minicolors-slider-wheel {
    position: fixed;
}

.analyticsWidgetDisplayOptions::-webkit-scrollbar {
    width: 0;
}

.analyticsWidgetDisplayOptions label::after {
    margin-top: 1px;
}

.stop {
    color: #E81414 !important;
}

.videoArchiveSpan {
    margin-right: 3px;
    padding: 0 !important;
}

.videoArchiveSettingsTableDiv {
    display: table;
}

.videoArchiveSettingsTableDiv > div {
    display: table-row;
}

.videoArchiveSettingsTableDiv > div > * {
    display: table-cell;
}

.videoArchiveSettingsTableDiv > div > label {
    text-align: left;
    padding-top: 2px;
    padding-right: 8px;
    margin-bottom: 8px;
}

.videoArchiveSettingsTableDiv > div > select {
    font-weight: 400;
    text-align: left;
    width: 100px;
    height: 22px;
}

#widgetVideoArchiveSettingsModal .checkbox {
    padding-left: 15px;
}

#widgetVideoArchiveSettingsModal .checkbox label {
    padding-left: 8px;
    vertical-align: baseline;
}

.videoArchiveScheduleDiv {
    display: flow-root;
    padding-top: 4px;
}

.videoArchiveScheduleLeftSpan {
    display: inline;
}

.videoArchiveScheduleRightSpan {
    float: right;
    margin-top: -2px;
}

.videoArchiveCanvasDiv {
    position: relative;
    height: 70%;
}

.videoArchiveCanvasDiv.widgetVerticalMenuHidden {
    height: calc(100% - 11px);
}

.videoArchiveMenu {
    flex-direction: column !important;
}

.videoArchiveBottomMenu {
    height: 0;
}

.videoArchiveMenu.in {
    height: 30%;
}

.videoArchiveMenu.widgetVerticalMenuHidden {
    height: 13px;
}

.videoArchiveMenu .flex-element.widgetVerticalMenuHidden {
    border-bottom: 0 !important;
}

.videoArchiveLeftMenu {
    flex-basis: auto !important;
    width: 0;
    height: 100% !important;
}

.videoArchiveRow {
    border-bottom: 1px solid #CCC;
    height: 21px;
    display: flex;
    cursor: pointer;
}

.videoArchiveLeftSpan {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 2px 0 4px;
}

.videoArchiveRightSpan {
    padding: 0 2px;
    display: inline-flex;
}

.videoArchiveIcon {
    font-size: 16px;
    vertical-align: top;
    margin-top: 2px;
    padding: 0 3px;
}

video::-webkit-media-controls-mute-button,
video::-webkit-media-controls-volume-slider {
    display: none;
}

.infoSpan {
    padding: 0 8px;
    display: inline-block;
    border: 1px solid #999;
    border-radius: 10px;
    margin-left: 10px;
    float: right;
    width: 21px;
    height: 20px;
}

.infoSpan > i {
    margin-left: -0.5px;
}

.infoSpan:hover {
    background-color: #DDD;
}

.popover-content {
    white-space: pre-line;
}

.popover {
    z-index: 2051;
}

#propertyModal input {
    padding: 0 3px;
}

#propertyModal label {
    width: 25%;
    margin-top: 1px;
}

#propertyModal select {
    border-color: #CCC;
}

#propertyModal .infoSpan, #subGroupModal .infoSpan {
    float: none;
}

.errorBlock {
    border-color: red !important;
    color: red;
}

.propertyName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 22px;
    float: left;
    width: 60%;
}

.propertyValue, .propertyUnit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px;
    float: left;
    width: 20%;
}

.nonSensorsEntity {
    font-style: italic;
}

.badMacText {
    color: red;
    font-weight: bolder;
}

.table-hover > tbody > tr:hover {
    background: none !important;
}

.nonStatisticalLevelTextSpan, .firstTextWidgetLevelSpan {
    padding-left: 14px !important;
}

.analyticsCanvas {
    width: 100% !important;
    height: 100% !important;
}

.stretcher {
    cursor: e-resize;
    display: block;
    width: 9px;
    height: calc(100% - 13px) !important;
}

.jstree-default .jstree-hovered {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.table-hover > tbody > tr.selectedEntityRow, .group.selectedEntityRow, .group.selectedEntityRow:hover {
    background-color: #CCC !important;
}

.jstree-default .jstree-clicked, .jstree-clicked.jstree-hovered {
    box-shadow: inset 0 0 1px #CCC !important;
    background-color: #CCC !important;
}

#widgetFiltersModal .checkbox label::after, #widgetChartSettingsModal .checkbox.settingsDiv label::after, .mindMapSettingsModalDiv label::after {
    left: 0.5px !important;
}

.jstree-proton .jstree-hovered {
    background: none !important;
    color: inherit !important;
    box-shadow: none !important;
}

.jstree-proton .jstree-checkbox:hover {
    background-position: -165px -5px !important;
}

.jstree-proton.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-proton .jstree-checked > .jstree-checkbox {
    background-position: -229px -5px !important;
}

#monGridstackContainer *:focus {
    outline: none;
    border-color: inherit;
}

.modal-body fieldset:first-child {
    margin-top: 0;
}

.settingsModal .modal-body {
    padding: 5px 10px 10px 10px !important;
}

.userDevice:hover {
    background-color: #CCC;
}

#deviceModal label::after {
    left: 3px !important;
}

a[uib-accordion-transclude=heading] > span {
    color: #676A6C;
}

.megaWidgetTypesMenu {
    width: 200px;
    overflow: hidden auto;
}

.megaWidgetTypesMenu * {
    border-radius: 3px;
}

.megaWidgetTypesMenu ul, .widgetTabsMenu li {
    list-style: none;
    white-space: nowrap;
}

.widgetGroups {
    flex-direction: column;
    justify-content: flex-start;
    align-items: baseline;
    width: 200px;
    padding-bottom: 5px;
}

.widgetGroup > li > span,
.widgetGroup > li > span > label {
    cursor: pointer;
}

.widgetGroup > li > span {
    padding: 1.5px 0;
    margin: 0 5px;
}

.widgetGroup > li > ul > li {
    padding: 1.5px 5px !important;
    margin-left: 5px;
    width: calc(100% - 13px);
    border-radius: 4px;
}

.widgetGroup:not(.nonHoverable) > li > ul > li:hover {
    margin-left: 4px !important;
    border-radius: 4px;
}

.widgetGroups > li > ul > li > span {
    margin: 0 5px;
    color: #676A6C;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.widgetGroups > li > ul > li:hover > span {
    border-bottom: 1px solid transparent;
}

.widgetGroups > li > ul > li > span:hover {
    transition: 0.4s;
    border-bottom: 1px solid transparent;
}

.widgetGroup {
    margin: 0;
}

.widgetGroup > li > span > label {
    margin: 5px 0 0 0;
    padding: 0 5px;
    font-weight: 700 !important;
}

.widgetGroup {
    padding-left: 3px;
}

.widgetTypes {
    padding-left: 13px;
    margin-top: 4px;
}

.widgetType {
    padding-left: 10px;
    margin-top: 2px;
    cursor: pointer;
}

.widgetTypesFlexElement {
    height: 100%;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

.megaWidgetSettingsDateButton {
    padding: 0 10px !important;
    margin: 0;
    height: 21px;
    border: 1px solid #E7EAEC;
    border-radius: 0;
}

.megaWidgetSettingsDateButton:not(:last-child) {
    border-right: none;
}

.megaWidgetSettingsDateButton:hover {
    color: unset;
    background-color: #E6E6E6 !important;
}

.megaWidgetSettingsDiv, .megaWidgetSettingsDiv > * {
    background-color: white;
}

.megaWidgetSettingsDiv:not(.detailingTypeWidget) .megaWidgetDateButtons .megaWidgetSettingsDateButton {
    padding: 0 7px !important;
}

.megaWidgetSettingsDiv:not(.detailingTypeWidget) .widgetTopMenuShowButton {
    width: calc(100% - 245.5px) !important;
}

.megaWidgetSettingsDiv {
    display: inline-block;
    padding: 0 0 1px 4px;
    min-height: 37px;
}

.megaWidgetSettingsDiv *:not(i) {
    font-size: 13px !important;
}

.megaWidgetSettingsDiv span, .megaWidgetSettingsDiv button {
    height: 21px !important;
    background-color: inherit;
}

.UIDetailedDateItem > span {
    background-color: unset;
}

.megaWidgetSettingsDateButton:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.megaWidgetSettingsDateButton:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.megaWidgetSettingsDateButton label {
    vertical-align: super;
    margin: -0.5px 0 0 0;
}

.megaWidgetSettingsStatisticsModeButtons > span {
    width: 35px;
    padding: 0;
    border: 1px solid #E7EAEC !important;
    margin: 3px 1px;
}

.megaWidgetSettingsStatisticsModeButtons > span.activeButton {
    cursor: default;
}

.megaWidgetSettingsStatisticsModeButtons > .btn.focus, .megaWidgetSettingsStatisticsModeButtons > .btn:focus, .megaWidgetSettingsStatisticsModeButtons > .btn:hover {
    color: unset;
    text-decoration: unset;
}

.megaWidgetSettingsStatisticsModeButtons .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.megaWidgetSettingsStatisticsModeButtons i {
    vertical-align: middle;
    font-size: 22px;
    padding: 2px;
}

.megaWidgetTableSettingsRadios {
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
}

.megaWidgetTableSettingsRadios > .radio.radio-primary {
    display: inline-table;
    margin: 0;
    vertical-align: top;
}

.megaWidgetTableSettingsRadios > .radio.radio-primary:not(:last-child) {
    padding-right: 5px;
}

.megaWidgetSettingsDiv .radio.radio-primary > label {
    padding-left: 0 !important;
}

.megaWidgetTableSettingsRadios > .radio.radio-primary label::before,
.megaWidgetTableSettingsRadios > .radio.radio-primary label::after {
    margin-top: 1px;
}

.widgetsTree {
    height: 100%;
    overflow: hidden auto;
}

.widgetsTree.jstree-proton .jstree-clicked {
    background-color: #CCC;
    color: unset;
    box-shadow: none;
}

.widgetsTree .jstree-proton .jstree-hovered {
    background: none !important;
    color: inherit !important;
    box-shadow: none !important;
}

.widgetsTree .jstree-clicked {
    box-shadow: inset 0 0 1px #CCC !important;
    background-color: #CCC !important;
    color: inherit !important;
}

.widgetsTree.coloredWidgetTree .minicolors-swatch-color {
    margin-top: -2px;
    margin-left: -2px;
}

.widgetsTree.coloredWidgetTree .minicolors-swatch.minicolors-sprite.minicolors-input-swatch {
    height: 0 !important;
    width: 0 !important;
    margin: 0;
    position: absolute;
}

.widgetsTree.coloredWidgetTree .jstree-icon.jstree-themeicon.fa.fa-folder.jstree-themeicon-custom {
    margin: 1px 2px 0 18.5px !important;
}

.widgetsTree.coloredWidgetTree .jstree-themeicon-custom {
    margin-left: 17px !important;
}

.widgetsTree .jstree-icon.jstree-themeicon.fa.fa-folder.jstree-themeicon-custom::before {

}

.miniColorsSpan {
    display: inline-block;
    position: relative;
    margin-top: 4px;
}

.miniColorsInnerSpan {
    position: absolute;
    margin-left: 22px;
    width: 17px;
    height: 16px;
    margin-top: -12px;
    border: 1px solid #CCC;
}

.widgetsTree.coloredWidgetTree .minicolors-panel {
    top: 16px;
    left: -46px;
}

.foundJsTreeText {
    color: white !important;
}

.entityNode {
    cursor: default;
}

.entityNode > * {
    cursor: pointer;
}

.nonClosedNode > i.jstree-icon.jstree-ocl {
    background-position-x: -69px;
    cursor: default;
    padding-top: 9px;
}

.highlightedLevelText {
    background-color: grey;
    color: white;
}

.highlightedEntityText {
    background-color: grey;
    color: white;
    cursor: default;
}

.widgetsTabs.topMenuWidgetWithTabs .nav.nav-tabs li {
    padding: 0 12px;
    margin-right: 2px;
}

.widgetsTabs.topMenuWidgetWithTabs .nav > .widgetTab > a {
    padding: 0;
}

.widgetsTabs.topMenuWidgetWithTabs .widgetTab {
    margin-top: 1px;
}

.widgetsTabs.topMenuWidgetWithTabs .nav.nav-tabs.tabs {
    margin: 2px;
    border-bottom: none;
}

.widgetsTabs {
    margin-top: 0;
}

.navbarTab.tab-container ul li {
    margin-top: 2px;
}

.topMenuWidgetWithTabs li {
    cursor: pointer;
    font-weight: 600;
}

.widgetsTabs.topMenuWidgetWithTabs li {
    color: white;
}

.megaWidgetCanvasDivRow {
    display: flex;
    width: 100%;
    height: calc(50% - 11.5px);
}

.megaWidgetCanvasDiv {
    display: inline-flex;
    width: 50% !important;
    height: 100% !important;
    border-bottom: 1px solid #CCC;
}

#megaWidgetSettingsModal .checkbox {
    display: inline;
}

#megaWidgetSettingsModal .checkbox label {
    padding-left: 7px;
    padding-right: 2px;
}

#megaWidgetSettingsModal .checkbox label::before {
    margin-top: 1px;
}

.chevron {
    cursor: pointer;
    width: 9px;
    height: 13px;
    vertical-align: top;
}

.stopple {
    display: block;
    width: 9px;
    height: calc(100% - 13px) !important;
}

.megaWidgetSettingsDiv a {
    font-size: 20px;
    color: #676A6C;
    width: 20px;
    height: 20px;
    text-align: center;
}

.megaWidgetSettingsDiv i {
    vertical-align: top;
    width: 20px;
}

.megaWidgetSettingsDiv i:hover {
    color: #333;
}

.megaWidgetDateRange {
    vertical-align: middle;
    text-transform: lowercase;
    background-color: unset;
}

.megaWidgetDateRange:hover {
    background-color: #E6E6E6;
}

.megaWidgetDateRange:focus {
    border-color: #E7EAEC;
}

.leftMegaWidgetDateRange {
    border: 1px solid #E7EAEC;
    margin-left: 0 !important;
    padding: 0 4px !important;
}

.rightMegaWidgetDateRange {
    padding: 1px 8px;
    margin-right: 0;
    width: 242px;
    border-right: 1px solid #E7EAEC !important;
    border-radius: 3px;
}

.activeButton {
    background-color: #E6E6E6;
    border: 1px solid #d2d2d2;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}

.detailingButton {
    width: 121px;
    padding: 0 !important;
    background-color: unset;
}

.detailingButton:hover {
    background-color: unset;
}

.detailingButton * {
    font-size: 13px !important;
}

.detailingButton a {
    position: absolute;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    text-transform: lowercase;
    display: block;
}

.detailingButton a {
    display: inline-block;
    color: #676A6C;
    width: inherit;
}

.detailingButton a:hover {
    background-color: #E6E6E6 !important;
}

.detailingButton ul {
    min-width: 119px !important;
    width: inherit;
    padding: 2px 0;
    left: 0;
}

.widgetTopMenuShowButton {
    margin: 4px 0;
    padding: 0 5px !important;
    width: 70px;
}

.megaWidgetSettingsDateButton label {
    cursor: pointer;
}

.megaWidgetSpecialDiscreteness {
    opacity: .5;
}

.leftMegaCalendarBlock {
    padding: 2px 4px 0 4px;
}

.leftMegaCalendarBlock * {
    text-transform: lowercase;
    font-size: 13px !important;
}

.leftMegaCalendarBlock > * {
    background-color: inherit;
    width: 100%;
    height: 21px;
    margin: 1.5px 0;
}

.megaWidgetTopMenuFoldArrow {
    height: 9px;
    padding-right: 5px;
    cursor: pointer;
    text-align: right;
}

.shownMegaWidgetTopMenuFoldArrow {
    margin-top: -20px;
}

.fa.fa-chevron-down.megaWidgetTopMenuChevron {
    margin-top: -3px;
    vertical-align: top;
}

.sk-spinner-three-bounce.sk-spinner {
    position: absolute;
    right: 24px;
    height: 24px;
    width: 40px;
    white-space: nowrap;
}

.sk-spinner div {
    vertical-align: middle;
}

.sk-spinner-three-bounce div {
    width: 10px;
    height: 10px;
}

.workArea {
    width: 100% !important;
}

.workArea > div {
    width: 100%;
    height: 100%;
    position: relative;
}

.megaWidgetTopMenuContainer {
    display: flow-root;
}

.megaWidgetTopMenuContainerVisible {
    border-bottom: 1px solid #CCC;
}

.ui-grid-viewport::-webkit-scrollbar-thumb {
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 0 rgba(1, 0, 0, .3);
    background-color: #CCC !important;
}

.gridStyle {
    width: 100% !important;
    height: 100%;
    border: none;
}

.WidgetMainClass .gridStyle:not(.gridStyleWithPagination) {
    height: calc(100% + 3px) !important;
    border: none;
}

.WidgetMainClass .gridStyle.gridStyleWithPagination {
    border: none;
}

.grid-container {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
}

.ui-grid-pager-count {
    height: 30px;
    margin-top: 2px;
}

.gridStyleWithPagination {
    height: calc(100% - 15px) !important;
}

.gridStyleWithPagination .ui-grid-contents-wrapper {
    height: calc(100% - 13px) !important;
}

.gridStyleWithPagination .ui-grid-viewport {
    height: calc(100% - 32px) !important;
}

.grid-container .ui-grid-render-container.ui-grid-render-container-body {
    width: 100%;
    height: 100%;
}

.grid-container .ui-grid-render-container.ui-grid-render-container-body .ui-grid-viewport {
    width: 100% !important;
    height: calc(100% - 20px) !important;
    overflow: hidden auto !important;
}


#acctMgmtCtrl .ui-grid-render-container-body .ui-grid-viewport {
    display: inline-block;
}

#acctMgmtCtrl .ui-grid-render-container-body .ui-grid-viewport .ui-grid-row:last-child .ui-grid-cell {
    border-bottom: none;
}

.indicatorsContainer {
    border-bottom: 1px solid #CCC;
    white-space: nowrap;
}

.densityLayerButton {
    background: #ECE9E9;
    border-radius: 3px;
    border: 1px solid #D5D5D5;
}

.widgetLeftBottomBlock {
    overflow-y: auto;
    position: relative;
}

.widgetDensityLayers {
    height: 100%;
}

.hmcTypeSelect {
    margin-top: -2px;
    height: 21px;
    text-transform: lowercase;
    border-radius: 3px;
}

.btn-default[disabled]:hover {
    border-color: #E7EAEC !important;
}

.miniMegaCalendarBlock {
    display: inline-grid;
    padding-top: 4px;
    margin-bottom: 4px;
    white-space: nowrap;
}

.miniMegaCalendarBlock .rightMegaCalendarBlock {
    width: fit-content;
}

.miniMegaCalendarBlock.detailingTypeWidget .rightMegaCalendarBlock > *:nth-child(2),
.miniMegaCalendarBlock.detailingTypeWidget .rightMegaCalendarBlock > *:nth-child(3) {
    display: none;
}

.miniCalendarButtons {
    display: none;
    margin-top: 3px;
    width: 100%;
}

.miniMegaCalendarBlock .miniCalendarButtons {
    display: inline-flex;
}

.megaWidgetDateButtons {
    display: inline-flex;
    margin-top: -2px;
    width: 100%;
}

.miniMegaCalendarBlock .megaWidgetDateButtons {
    display: none;
}

.invisible {
    visibility: hidden !important;
}

/*****/

/* Start Other */
#groupsTableBody {
    background-color: #EEE;
}

#groupsTableBody td {
    line-height: 1.6;
}

.modal-open .modal {
    overflow-y: hidden;
}

.iboxTitleStyle .ibox-title {
    padding: 7px 15px 7px;
    min-height: 32px;
}

.sweet-alert {
    border-radius: 0 !important;
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: 0;
}

.displayOptionsButtonActive {
    border: 1px solid #D2D2D2;
    background-color: #E6E6E6;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.ui-grid-filter-container {
    display: none;
}

.megaWidgetTopMenu {
    display: flow-root;
    max-height: 52.5px;
    white-space: nowrap;
}

.megaWidgetTopMenuWithPadding {
    padding: 1px 0 4px;
}

.megaWidgetTopMenu.widgetVerticalMenuHidden {
    display: none;
}

.megaWidgetSettingsDiv a {
    font-size: 20px;
    color: #676A6C;
    width: 21px;
    height: 21px;
    text-align: center;
}

.megaWidgetSettingsDiv i {
    vertical-align: top;
    width: 20px;
}

.megaWidgetSettingsDiv i:hover {
    color: #333;
}

/* End Other */

.ibox-mc > .sk-spinner {
    display: none;
}

.ibox-mc.sk-loading {
    position: relative;
}

.ibox-mc.sk-loading:after {
    content: '';
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
}

.ibox-mc.sk-loading > .sk-spinner {
    display: block;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 2000;
}

.text-red {
    color: red;
}

.text-blue {
    color: blue;
}

.text-black {
    color: black;
}

/*MODAL WINDOWS START*/
.editTagModalBody .modal-body {
    padding: 10px !important;
}

/*.editLevelModalBody {*/
/*height: auto;*/
/*max-height: 80vh;*/
/*!*max-height: 350px;*!*/
/*overflow-x: hidden;*/
/*overflow-y: auto;*/
/*}*/

#editLevelModal .text-danger {
    margin-bottom: 0;
}

#editLevelModal #editLevelName {
    width: 100%
}

#editLevelModal .editLevelModalDivH4 {
    font-size: 14px;
    padding-top: 1px
}

/*#editLevelModal .editLevelModalDivH4 h4 {*/
/*  display: inline;*/
/*}*/

.modal-header .close {
    color: red;
    font-size: 30px;
    opacity: 1;
    outline: none !important;
    margin-bottom: -2px;
}

.modal-header .close:focus {
    outline: none !important;
}

#editLevelModal .checkbox {
    margin-top: 0 !important;
}

.editLevelModalBodyWithButtons {
    background-color: #EEE;
    font-size: 16px;
    padding-left: 8px;
    border: 1px solid #CCC;
    border-bottom-width: 0;
    margin-top: 10px;
}

input {
    padding-top: 0 !important;
    padding-left: 3px;
}

.editLevelModalBodyWithButtons h4 {
    display: inline-block;
    font-size: 17px;
    margin-bottom: 5px;
}

.editLevelModalBodyWithButtons span {
    float: right;
    clear: both;
}

.editLevelModalBodyWithButtons .fontSizeForButtonTree {
    padding-top: 0;
}

#editGeoDiv {
    background-color: rgba(255, 255, 255, 1);
}

#editLevelGeoMarker {

    cursor: pointer;
    padding-left: 8px;
    border-color: #E7EAEC;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

#editLevelGeoMarker .geographyDivEditGeo {
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 13px;
}

#editGeoDiv .editLevelMarkerName {
    cursor: pointer;
    border-top: solid 1px;
    padding: 0 0 3px 8px;
    clear: left;
    border-color: #E7EAEC;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    border-top: 0 solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

#editLevelModal .modal-footer .text-danger {
    padding-left: 8px;
    float: left;
    clear: both;
}

#deleteLevelModal .modal-body {
    padding: 15px 30px;
}

#deleteLevelModal .modal-body .deleteLevelModalText {
    padding-left: 65px;
}

#addLevelModal .modal-body, #editLevelModal .modal-body {
    height: min-content;
    max-height: 80vh;
    overflow-x: hidden;
    overflow-y: auto;
}

#addLevelModal .addLevelModalBodyName {
    font-size: 14px;
    padding-top: 1px;
}

#addLevelModal .addLevelModalBodyName h4 {
    display: inline;
    overflow-wrap: break-word;
}

#addLevelModal #addLevelName {
    width: 100%;
}

/*#addLevelModal .fontSizeForButtonTree {
    padding-top: 4px;
}*/

#addLevelModal .modal-body .addLevelModalBodyColorDiv {
    /*background-color: silver;*/
    background-color: #EEE;
    font-size: 16px;
    padding-left: 8px;
    border-image: none;
    border: 1px solid #CCC;
    border-bottom: 0;
}

#addLevelModal .modal-body .addLevelModalBodyColorDiv h4 {
    display: inline-block;
    font-size: 17px;
}

#addLevelModal .modal-body .addLevelModalBodyColorDiv span {
    float: right;
    clear: both;
}

.modal .col-xs-12 > h4 {
    margin-top: 6px;
}

#addGeoTagDiv {
    background-color: rgba(255, 255, 255, 1);
}

#addGeoTagDiv #addLevelGeoMarker {
    cursor: pointer;
    padding-left: 8px;
    border-color: #E7EAEC;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    height: 23px;
}

#addGeoTagDiv #addLevelGeoMarker .addLevelGeoMarkerGeography {
    display: inline-block;
    font-size: 13px;
}

#addGeoTagDiv .addLevelCurrentTag {
    cursor: pointer;
    border-top: solid 1px #DDD;
    padding: 0 0 1px 8px;
    clear: left;
    border-color: #E7EAEC;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    border-top: 0 solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    height: 23px;
}

#addLevelModal .modal-footer .text-danger {
    padding-left: 8px;
    float: left;
    clear: both;
}

#addMarkerModal .modal-body {
    padding: 10px;
    min-height: 130px;
}

#addMarkerModal .markerName {
    font-size: 14px;
    padding-top: 1px;
}

#addMarkerModal .markerName h4 {
    display: inline;
    text-align: center;
}

#addMarkerModal .modal-body .inputMarkerName {
    width: 100%
}

#addMarkerModal .modal-body label .text-danger {
    margin-bottom: 0;
}

#addMarkerModal .addMarkerModalBody {
    background-color: #EEE;
    font-size: 16px;
    padding-left: 8px;
    border-color: #E7EAEC;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

#addMarkerModal .addMarkerModalBody h4 {
    display: inline-block;
    padding-top: 2px;
}

#addMarkerModal .fontSizeForButtonTree {
    float: right;
    clear: both;
    padding-top: 0;
}

#addMarkerModal .newMarkerTags {
    cursor: pointer;
    padding: 0 0 0 8px;
    background-color: white;
    clear: left;
    border-color: #E7EAEC;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    border-top: 0 solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

#addMarkerModal .newMarkerTags .checkbox {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 2px;
}

#editMarkerModal .modal-body {
    padding: 10px;
    min-height: 130px;
}

#editMarkerModal .modal-body .editNameMarker {
    font-size: 14px;
}

#editMarkerModal .modal-body #editMarkerName {
    margin-left: 6px;
    width: 477px;
}

#editMarkerModal .modal-body .editMarkerTags {
    background-color: #EEE;
    font-size: 16px;
    padding-left: 8px;
    border-color: #E7EAEC;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.borderLeftTableDeviceAndService {
    border-color: #E7EAEC;
    border-left: 1px solid #999;
}
.borderLeftTableDeviceAndServiceForMiniOmega{
    border-left: unset;
}
.col-xs-12-for-minimal-omega{
    width: 100%
}

#editMarkerModal .modal-body .editMarkerTags h4 {
    display: inline-block;
    padding-top: 2px;
}

#editMarkerModal .modal-body .editMarkerTags .fontSizeForButtonTree {
    float: right;
    clear: both;
    padding-top: 0;
}

#editMarkerModal .modal-body .editMarkerTagDiv {
    cursor: pointer;

    padding: 0 0 0 8px;
    background-color: white;
    clear: left;
    border-color: #E7EAEC;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    border-top: 0 solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

input {
    background-color: inherit;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

#editMarkerModal .modal-body .checkbox {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#addMarkerModal .checkbox > label::after, #editMarkerModal .checkbox > label::after {
    left: 0 !important;
}

#editMarkerModal .checkbox > label::before, #editMarkerModal .checkbox > label::after {
    margin-top: 1px;
}

#addTagModal .modal-body {
    padding: 10px;
}

#addTagModal .modal-body .tagName {
    font-size: 14px;
}

#addTagModal .modal-body .tagName h4 {
    display: inline-block;
}

#addTagModal .modal-body input {
    width: 100%;
}

#editTagModal .modal-body .nameTag {
    font-size: 14px;
    padding-top: 1px;
}

#editTagModal .modal-body input {
    width: 100%;
}

#editGeoMarkerModal .modal-body {
    padding: 12px 12px 10px 12px;
}

#editGeoMarkerModal .modal-body #geo {

    border-color: #E7EAEC;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

#editGeoMarkerModal .modal-body {
    max-height: 350px;
    overflow: auto;
}

#editGeoMarkerModal .modal-body .editGeoMarkerModalDiv {
    background-color: #EEE;
    font-size: 20px;
    padding-left: 16px;
}

#editGeoMarkerModal .modal-body .editGeoMarkerModalDiv h4 {
    display: inline-block;
}

#editGeoMarkerModal .modal-body .editGeoMarkerModalDiv span {
    float: right;
    clear: both;
}

#editGeoMarkerModal .modal-body #geo .editGeoMarkerModalGeoTagDiv {
    cursor: pointer;
    border-top: solid 1px;
    padding: 4px 0 26px 8px;
    border-color: #D5D5D5;
    clear: left;
}

#editGeoMarkerModal .modal-body .editGeoMarkerModalGeoTagDiv .radio {
    float: left;
    margin: 2px 2px;
}

#addGeoTagModal .modal-body {
    padding: 10px;
}

#addGeoTagModal .modal-body .nameTag {
    font-size: 14px;
    padding-top: 1px;
}

#addGeoTagModal .modal-body .nameTag h4 {
    display: inline-block;
    margin-top: -7px;
}

#addGeoTagModal .modal-body .addGeoTagModalName input {
    width: 100%;
}

#editGeoTagModal .modal-body {
    padding: 10px !important;
    height: 60px;
}

#editGeoTagModal .modal-body .nameTag {
    font-size: 14px;
    padding-top: 1px;
}

#editGeoTagModal .modal-body .editGeoTagName > input {
    width: 100%;
}

.modal-footer {
    padding: 6px 10px;
}

.modal-body .text-danger {
    margin-bottom: 0;
}

.headerOfTableProjectsAndSensors {
    display: flex;
    border-image: none;
    border: 1px solid #999;
    height: 100%;
    background: white;
}

.headerOfTableProjectsAndSensors h3 {
    padding-left: 10px;
    display: inline-block;
    margin: 7px 0 0 0;
}

.bodyOfTableProjectsAndSensors {
    border-color: #E7EAEC;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    border-top: 0;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    height: 600px;
    background: white;
}

.bodyOfTableProjectsAndSensorsTree {
    overflow: auto;
}

.wrapper-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}

.bodyOfTableProjectsAndSensorsDevice {
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
    overflow: hidden;
    height: 100%;
}
.bodyOfTableProjectsAndSensorsDeviceForMiniOmega{
    border-left: unset;
}
.fontSizeForButtonTreeDIV .btn-group-sm > .btn, .btn-sm {
    padding: 0 5px;
}

.form-control:focus, .single-line:focus {
    border-color: #C74040;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #C74040 !important;
}

.chosen-container-active .chosen-choices {
    border: 1px solid #C74040 !important;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #C74040;
}

.ui-select-choices-row:hover {
    background: #C74040;
}

.text-danger {
    font-size: 13px;
}

.modal-open {
    overflow-y: auto;
}

#page-wrapper {
    padding: 0 !important;
    background: white;
}

.controller {
    padding: 0 8px !important;
}

#wrapper {
    width: 100%;
    overflow: auto;
    position: relative;
}

.pace-done .modal-open {
    padding-right: 0 !important;
}

body.modal-open {
    padding-right: inherit !important;
}

.h4Marker {
    margin-bottom: 0;
    margin-top: 6px;
}

.checkboxChangeIndent .checkbox {
    margin-top: 5px;
}

.checkboxChangeIndent .text-danger {
    padding-left: 17%;
}

.editMarkerTag {
    border-color: #E7EAEC;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 0 solid #CCC;
}

button {
    padding: 0 10px 0 10px !important;
}

/*MODAL WINDOW END*/

.deviceDIV {
    border-bottom: 1px solid #CCC;
}

.styleBorderRightDeviceDIV {
    border-right: 1px solid #999;
    height: 31px;
    font-size: 20px;
}

.styleBorderRightDeviceDIV.textDeviceDIV {
    font-size: 14px;
}

.styleWithoutBorderDeviceDIV {
    height: 31px;
    font-size: 20px;
}

.idDeviceDIV {
    padding-left: 29px;
    padding-top: 5px;
}

.arrowIconDeviceDIV {
    padding-left: 24px;
    padding-top: 5px;
}

.typeDeviceDIV {
    padding-left: 44px;
    padding-top: 5px;
}

.nameDeviceDIV {
    padding-left: 87px;
    padding-top: 5px;
}

.gearDeviceDIV {
    padding-left: 25px;
    padding-top: 5px;
}

#side-menu.nav > li.active {
    border-left: 4px solid #FFFFFF;
}

.pace .pace-progress {
    background: #C74040;
    height: 0;
}

.sweet-alert {
    z-index: 3000 !important;
}

.sweet-overlay {
    z-index: 2050 !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    opacity: 1 !important;
}

.showSweetAlert .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary:active:focus,
.btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus {
    background-color: #C74040 !important;
    border-color: #C74040 !important;
    color: #FFF;
}

.showSweetAlert .btn-primary {
    color: #FFF;
    font-size: 13px;
}

.showSweetAlert .btn-default {
    font-size: 13px;
}

.sweet-alert {
    padding: 10px !important;
}

.sweet-alert .lead {
    margin-bottom: 10px;
    overflow-y: auto;
    max-height: 75vh;
}

.classGroupByDefaultMain div {
    width: 100% !important;
}

.sk-spinner div {
    background-color: #C74040 !important;
}

.overAllStyleForUserProfile .form-group {
    padding-bottom: 3px;
}

.overAllStyleForUserProfile .m-t {
    margin-top: 5px !important;
}

.overAllStyleForUserProfile .form-group {
    margin-top: 5px !important;
    margin-left: 5px;
}

.sweet-alert h2 {
    font-size: 20px;
    margin-top: 0;
}

@media (min-width: 768px) {
    .lead {
        font-size: 13px;
        text-align: left;
    }
}

.radio label::before {
    width: 15px !important;
    height: 15px !important;
    left: 1px !important;
    top: 1px;
}

.radio input[type="radio"]:focus + label::before {
    /*outline: thin dotted;*/
    outline: 0 auto !important;
    outline-offset: -2px;
}

.checkbox input[type="checkbox"]:focus + label::before {
    /*outline: thin dotted;*/
    outline: 0 auto !important;
    outline-offset: -2px;
}

.close:focus {
    outline: 0 auto !important;
}

.chosen-container-single .chosen-single div b {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px !important;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #808080 transparent transparent transparent;
}

.sweet-alert .btn-primary {
    color: #FFF;
}

.steps-indicator {
    padding-bottom: 40px !important;
}

.overAllStyleForFirstStart {
    padding-right: 2%;
}

.firstStartStylePaddings {
    padding-left: 30px;
}

.bg-blue {
    background-color: #6F89DC;
}

.line-block {
    display: inline;
}

.green-color {
    color: rgb(90, 253, 117);
}

.three_dot:after {
    content: '\2807';
    font-size: 15px;
}

.WidgetMainClass i {
    margin-right: 0 !important;
}

input.alertToDeleteWidget {
    background: rgba(255, 0, 0, 0.11);
}

.alertToDeleteWidget {
    transition: all linear 0.1s;
    text-decoration: line-through;
}

.trash {
    color: rgba(255, 0, 0, 0.55);
}

a.disableLink {
    pointer-events: none;
    cursor: default;
}

.rzslider {
    margin: 20px 0 15px 0 !important;
}

.inlineULRadioAll ul li {
    display: inline-block;
}

.inlineULRadio {
    padding-top: 12px;
    margin-left: -50px;
}

.inlineULRadioAll ul li label {
    padding-right: 20px;
    padding-left: 0 !important;
}

.inlineULRadioAll {
    display: inline-block;
}

.inlineULRadio {
    display: inline-block;
    padding-left: 15px;
}

.inlineULRadio ul li {
    display: inline-block;
}

.inlineULRadio ul li label {
    padding-right: 20px;
    padding-left: 0 !important;
}

.rightMenuCalendar li {
    list-style-type: none;
    padding: 5px;
    border-radius: 5px;
}

.rightMenuCalendar li:hover {
    background-color: #DCF7F7;
}

.rightMenuCalendar ul {
    padding-right: 20px;
}

.rightMenuCalendar {
    margin-top: -10px;
    margin-bottom: -10px;
}

#calendarModal .modal-body {
}

.btnGroupCalendarAll button {
    font-size: 13px;
}

.main-menu .sub-menu {
    display: none;
    list-style: none outside none;
}

.sub-menu li a {
    border-radius: 3px;
    color: inherit;
    line-height: 25px;
    margin: 4px;
    text-align: left;
    font-weight: normal;
}

.sub-menu li:hover {
    background-color: #F5F5F5;
}

.inlineULRadioAll ul > li {
    padding-right: 10px;
}

.main-menu > li:hover .sub-menu {
    display: block;
}

#widgetPanelTab a {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    font-weight: 600;
}

.nav-tabs > li > a {
    border-radius: 0;
}

#widgetPanelTab li {
    margin-right: 2px;
}

.widgetsTabs li {
    margin-right: 2px;
}

.input-group {
    color: #676A6C;
}

.nav-tabs > li > a {
    font-weight: 500;
}

.nav-tabs > li > a:hover {
    color: #8F8F8F;
    border-color: #9F3333;
    border-bottom: 0 solid #9F3333;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: #9F3333;
    /* color: #676a6c; */
}

.nav-tabs > li > a:hover {
    /* border-color: #eee #eee #ddd; */
}

.nav > li > a:hover {
    background: #9F3333;
    /* text-decoration: none; */
    /* background-color: #eee; */
}

/*.datetimepicker .day:nth-last-of-type(-n+2){*/
/*color: rgba(255, 0, 0, 0.55);*/
/*}*/
.dropdown-menu .sub-menu {
    left: -88%;
    position: absolute;
    top: 0;
    visibility: hidden;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.nav-header {
    padding: 2px 6px
}

.minimalize-sidebar-with-z-index {
    z-index: 1;
}

#visibleName {
    margin-left: 10px;
}

.labelVisible {
    font-weight: 500;
}

.detailWidgetMenuBtnGroup > button {
    width: 100%;
}

.detailWidgetMenuBtnGroup > select {
    margin-bottom: 5px;
    width: 100%;
}

.widgetTableSettingsModal > label {
    font-weight: 500;
}

.widgetTableSettingsModal > div > label {
    font-weight: 500;
}

.widgetTableSettingsModal > div > label {
    padding-left: 5px;
}

.showWidgetMenu > div > label {
    font-weight: 500;
}

.showWidgetMenu > label {
    font-weight: 500;
}

.dropdownFilter {
    position: relative;
    display: inline-block;
}

.widgetTableSettingsModal > .pull-right > {
    margin-right: -15px;
    margin-top: 22px;
}

.dropdown-contentFilter {
    display: none;
    position: absolute;
    background-color: #F9F9F9;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    padding: 0;
    z-index: 1;
    left: 100%;
    top: 1px;
}

.dropdownFilter:hover .dropdown-contentFilter {
    display: block;
}

.form-control {
    /*font-size: 13px;*/
}

/*.widgetFiltersModal .filter-sub-menu{*/
/*display:none;*/
/*list-style: none outside none;*/
/*}*/
/*.filter-sub-menu li label {*/
/*border-radius: 3px;*/
/*color: inherit;*/
/*line-height: 25px;*/
/*margin: 4px;*/
/*text-align: left;*/
/*font-weight: normal;*/
/*}*/
/*.filter-sub-menu li:hover{*/
/*background-color: #f5f5f5;*/
/*}*/
/*.main-menu > li:hover .filter-sub-menu {*/
/*display: block;*/
/*}*/

.grid-stack-item-content {
    border-style: groove;
    border-width: 1px;
    /*color: #2c3e50;*/
    /*text-align: center;*/
    /*background-color: #732145;*/
}

.collapseShowWidgetMenu {
    visibility: hidden;
}

.collapseShowWidgetMenu.in {
    visibility: visible;
    width: calc(50% - 5px);
    display: block !important;
}

.collapseShowWidgetMenu {
    position: relative;
    height: 0;
}

.collapseShowWidgetMenu.width {
    width: 0;
    height: auto;
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

.grid-stack-item-content > .ibox-title {
    border-bottom: 1px solid #CCC !important;
    padding: 0 9px 0;
    min-height: 20px;
    border-width: 0;
}

.grid-stack-item-content > .ibox-title > .ibox-tools > .pull-left {
    font-size: 13px;
    margin: 1px -5px 0;
}

.grid-stack-item-content > .ibox-title > .ibox-tools > .three_dot {
    padding-right: 4px;
    margin-top: 0;
}

.flex-container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.flex-element-top-menu {
    border-bottom: 1px solid #CCC;
    height: 24px;
    background-color: #ECE9E9;
}

.flex-container > .flex-element-top-menu > h5 {
    font-size: 14px;
    margin: 4px 4px 0 0;
    padding-left: 7px;
    max-width: calc(100% - 64px);
}

.flex-container > .flex-element-top-menu > div > a {
    font-size: 17px;
    font-weight: 600;
    color: unset;
    margin-right: 0;
    padding-right: 3px;
    padding-top: 1px;
}

.flex-container-main-menu {
    display: flex;
    flex: 12;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: hidden;
}

.overFlowXAuto {
    overflow-x: auto;
}

.flex-element {
    order: 0;
    flex: 0;
}

.flex-element-left-menu {
    order: 0;
    flex: 0;
    flex-basis: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.flex-element-left-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 1px;
    background-color: #F5F5F5;
    z-index: 1
}

.flex-element-left-menu::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}

.flex-element-left-menu::-webkit-scrollbar-thumb {
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 6px rgba(1, 0, 0, .3);
    background-color: #CCC;
}

.flex-element-right-menu {
    order: 2;
    flex: 19;
    overflow: hidden auto;
}

.flex-element-tabs-menu {
    order: 1;
    flex: 0;
}

.flex-element-middle-menu {
    align-self: flex-end;
}

.flex-element-right-menu > div > .table > tbody > tr > td {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
}

.flex-element-right-menu > div > .table > thead > tr > th {
    padding-left: 5px;
    padding-right: 5px;
}

.grid-stack > .grid-stack-item > .ui-resizable-se, .grid-stack > .grid-stack-item > .ui-resizable-sw {
    background-image: none !important;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: none;
}

.ui-grid-viewport {
    min-height: 0 !important;
}

.flex-element-right-menu > .ui-grid {
    border-top: 0;
}

.flex-element-right-menu > div >
.gridStyle >
.ui-grid-contents-wrapper >
.ui-grid-render-container >
.ui-grid-header >
.ui-grid-top-panel {
    font-weight: 500;
    background: #FFF;
}

.flex-element-right-menu > div >
.gridStyle >
.ui-grid-contents-wrapper >
.ui-grid-render-container >
.ui-grid-header >
.ui-grid-top-panel >
.ui-grid-header-viewport >
.ui-grid-header-canvas >
.ui-grid-header-cell-wrapper >
.row >
.ui-grid-header-cell >
div > {
    padding: 2px !important;
}

.ui-grid-header-cell {
    vertical-align: middle;
    font-weight: 500;
    text-transform: lowercase;
}

.flex-element-right-menu > div > .ui-grid {
    border-width: 0;
}

.ui-grid-pager-panel {
    border-top: 1px solid #CCC;
    display: block !important;
    position: unset !important;
    padding: 0 !important;
    margin-top: -3px;

}

.indexAndSorting > table {
    border: 1px solid #CCC;
    border-collapse: collapse;
}

.indexAndSorting > .table > thead > tr > th {
    border-right: 1px solid #CCC;
    text-align: center;
}

.indexAndSorting > .table > tbody > tr > td:first-child {
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    text-align: left;
    padding-left: 10px;
}

.indexAndSorting > .table > tbody > tr > td:last-child {
    /*border-bottom: 1px solid #ccc;*/
    /*border-right: 1px solid #ccc;*/
    text-align: center;
}

.indexAndSorting > .table > tbody > tr > td:nth-child(2) {
    margin-left: 20px;
    padding-top: 2px !important;
    /*border-bottom: 1px solid #ccc;*/
    border-right: 1px solid #ccc;
    /*text-align: center;*/
}

.checkbox label::before {
    margin-left: -15px !important;
    background-color: inherit !important;
}

.checkbox label::after {
    margin-left: -18px !important;
    padding-top: 1px !important;
}

.megaWidget .checkbox label::after {
    padding-top: 1px !important;
}

.indexAndSorting > .table > tbody > tr > .checkbox label::before {
    width: 13px !important;
    height: 14px !important;
    left: 0 !important;
    top: 2px !important;
    margin-left: 18px !important;
    border: 1px solid #CCC !important;
    border-radius: 3px !important;
    background-color: #FFF !important;
}

.indexAndSorting > .table > tbody > tr > .checkbox label::after {
    width: 8px !important;
    height: 12px !important;
    left: 0 !important;
    top: 3px !important;
    margin-left: 18px !important;
    padding-left: 2px !important;
    padding-top: 0 !important;
}

.indexAndSorting > .table > tbody > tr > .checkbox label {
    float: left;
}

.selectDetailedData > label {
    font-weight: 500;
}

.DisplayingParametersButtons {
    float: right;
}

.widgetFiltersModal {
    border: 1px solid #CCC;
    border-bottom: 0 solid;
    width: 40%;
}

.indexAndSorting > .table > tbody > tr > td {
    line-height: 1.2;
}

.widgetFiltersModal > ul > li {
    cursor: pointer;
    padding: 5px;
    width: 100%;
    border-bottom: 1px solid #CCC;
}

.widgetFiltersModal > ul > li:last-child {
    border-bottom: 1px solid #CCC;
}

.widgetFiltersModal > ul {
    list-style: none;
    padding-left: 0;
    text-align: left;
    margin-bottom: 0;
}

.widgetFiltersModal > ul > li {
    padding-left: 5px;
}

.DisplayingFilterButtons {
    text-align: left;
}

.DisplayingFilterClearFilter {
    text-align: right;
}

.DisplayingFilterSubMenu {
    display: none;
    list-style: none;
    position: absolute;
    background-color: #F9F9F9;
    min-width: 280px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    padding: 0;
    z-index: 1;
    left: 40%;
    top: 10px;
}

.filterMarkerSelected {
    background-color: #CCC !important;
}

.DisplayingFilterSubMenuProductType {
    display: none;
    list-style: none;
    position: absolute;
    background-color: #F9F9F9;
    min-width: 280px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    padding: 0;
    z-index: 1;
    left: 100%;
    top: 1px;
}

.DisplayingFilterSubMenuRoomType {
    display: none;
    list-style: none;
    position: absolute;
    background-color: #F9F9F9;
    min-width: 280px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    padding: 0;
    z-index: 1;
    left: 100%;
    top: 38px;
}

.DisplayingFilterSubMenuCategory {
    display: none;
    list-style: none;
    position: absolute;
    background-color: #F9F9F9;
    min-width: 280px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    padding: 0;
    z-index: 1;
    left: 100%;
    top: 38px;
}

.DisplayingFilterSubMenu > div {
    margin: 8px;
}

.DisplayingFilterSubMenuProductType > div {
    margin: 8px;
}

.DisplayingFilterSubMenuRoomType > div {
    margin: 8px;
}

.DisplayingFilterSubMenuCategory > div {
    margin: 8px;
}

.widgetTagsShown {
    display: block;
    text-align: left;
    padding-left: 10px !important;
}

/*.widgetFiltersModal > ul > li:hover .DisplayingFilterSubMenu {*/
/*display: block;*/
/*text-align: left;*/
/*padding-left: 10px !important;*/
/*}*/

.widgetFiltersModal > ul > li:hover .DisplayingFilterSubMenuProductType {
    display: block;
    text-align: left;
    padding-left: 10px !important;
}

.widgetFiltersModal > ul > li:hover .DisplayingFilterSubMenuRoomType {
    display: block;
    text-align: left;
    padding-left: 10px !important;
}

.widgetFiltersModal > ul > li:hover .DisplayingFilterSubMenuCategory {
    display: block;
    text-align: left;
    padding-left: 10px !important;
}

.widgetFiltersModal > ul > li > ul > li > label {
    font-weight: 500;
    padding-left: 5px;
}

.detailWidgetMenu {
    padding: 5px;
    padding-top: unset;
    display: inline-block;
    width: 100%;
    padding-bottom: 0 !important;
}

.widgetLevels {
    position: absolute;
    width: 100%;
    padding-top: 1px;
}

.widgetLevelsUl {
    padding-left: 0;
    list-style: none;
    display: none;
}

.widgetLevelsUl {
    margin-bottom: 0;
}

.widgetLevelsUl:first-child {
    display: block;
    border-top: none;
}

.detailWidgetMenuBtnGroup {
    top: -5px;
}

.visibleSecondLevel {
    display: block;
}

.widgetFiltersModal > ul > li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.containerWithScroll {
    height: calc(100% - 10px);
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    cursor: default;
}

#monGridstackContainer .ui-grid-viewport {
    max-height: calc(100vh - 88px);
}

#monGridstackContainer .grid-container .ui-grid-render-container.ui-grid-render-container-body,
#monGridstackContainer .ui-grid-contents-wrapper,
#monGridstackContainer .gridStyle,
#monGridstackContainer.containerWithScroll {
    max-height: calc(100vh - 61px);
}

#monGridstackContainer .grid-container {
    max-height: calc(100vh - 67px);
}

#monGridstackContainer .gridStyle {
    height: 100% !important;
}

#monGridstackContainer .ui-grid-contents-wrapper {
    border-right: 1px solid #CCC;
    width: calc(100% - 1px);
}

#gridContainer .ui-grid-row:last-child > div > div {
    border-bottom: none !important;
}

.containerWithScroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 1px;
    background-color: #F5F5F5;
}

.containerWithScroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}

.containerWithScroll::-webkit-scrollbar-thumb {
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 6px rgba(1, 0, 0, .3);
    background-color: #CCC;
}

.ui-grid-pager-control input {
    padding-top: 4px !important;
}

.widgetLevels > div {
    display: flex;
}

.widgetLevels > div > span {
    height: 18px;
}

.widgetLevelsUl > li {
    padding: 1px 12px;
    text-align: left;
    font-size: 13px;
    background: #ECE9E9;
    border: 1px solid #D5D5D5;
    margin-bottom: 1px;
}

.widgetLevelsUl > li > a {
    padding-left: 5px;
}

.textday {
    stroke: #676a6c;
    /*stroke: #333;*/
    fill: #676a6c;
    stroke-width: .29px;
    /*fill: #333;*/
    font-weight: unset;
}

.overflowYHidden {
    overflow-y: hidden !important;
}

/*svg text {*/
/*  font-family: FontAwesome;*/
/*}*/

.widgetLevels.chartWidgetLevels > div > span:nth-child(3) {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 1px;
}

.ui-grid-pager-control input {
    height: 18px !important;
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 5px !important;
}

.ui-grid-pager-row-count-picker select {
    height: 18px !important;
    vertical-align: sub;
}

.widgetLevels > span {
    padding-left: 10px;
}

.widgetLevels > div > span > div > .minicolors-swatch {
    vertical-align: unset;
    width: 15px !important;
    height: 15px;
    border-radius: 0;
}

.widgetLevels > div > span:first-child > div {
    top: 0;
    left: -6px;
    width: 15px !important;
    height: 15px;
}

.widgetLevels > div > span > div {
    margin-right: 1px;
    height: 17px;
}

.widgetLevels > div > span:last-child {
    padding-top: 2px;
    height: 21px;
}

.widgetLevels > div > span:last-child > div {
    float: right;
    margin-top: -2px;
}

.widgetLevels > div {
    height: 21px;
    border-top: 1px solid #CCC !important;
}

.widgetLevels > div:last-child {
    border-bottom: 1px solid #CCC;
}

.showWidgetMenu > div > div {
    width: 100%;
}

.showWidgetMenu > div > div > a > div {
    width: 100%;
    padding-right: 5px;
}

.detailWidgetMenuBtnGroup > button {
    margin-left: unset;
    margin-bottom: 5px;
    font-size: 13px;
    border-radius: 0;
}

.detailWidgetMenuBtnGroup > button:last-child {
    margin-bottom: 1px;
}

.detailWidgetMenuBtnGroup > select {
    height: 20px;
    border: 1px solid #E7EAEC;
}

.ui-grid-cell-contents {
    padding: 0 2px 2px 2px !important;
}

.ui-grid-cell-contents:focus {
    outline: none;
}

#dropDownMenuWidget {
    font-size: 18px;
    width: 30px;
    color: unset;
}

.styleTabs ul > li {
    display: inline;
}

.threeDotMenuTab {
    list-style: none;
    margin-bottom: 0;
}

.datetimepicker {
    width: 100% !important;
}

.calendarDatePickerMenu {
    margin-left: calc(50% - 130px);
}

/*.datetimepicker .current, .datetimepicker .current:hover, .datetimepicker .current.disabled, .datetimepicker .current.disabled:hover {*/
/*background-color: rgba(255, 20, 20, 0.43) !important;*/
/*}*/

.datetimepicker .table td, .datetimepicker .table th {
    border-radius: 30px !important;
    line-height: 2.0 !important;
}

.datetimepicker .active, .datetimepicker .active:hover, .datetimepicker .active.disabled, .datetimepicker .active.disabled:hover {
    background-image: none !important;
    background: rgba(99, 137, 174, 0.9);
}

/*.datetimepicker .active:hover, .datetimepicker .active:hover:hover,*/
/*.datetimepicker .active.disabled:hover,*/
/*.datetimepicker .active.disabled:hover:hover,*/
/*.datetimepicker .active:active, .datetimepicker .active:hover:active,*/
/*.datetimepicker .active.disabled:active, .datetimepicker .active.disabled:hover:active,*/
/*.datetimepicker .active.active, .datetimepicker .active:hover.active,*/
/*.datetimepicker .active.disabled.active, .datetimepicker .active.disabled:hover.active,*/
/*.datetimepicker .active.disabled, .datetimepicker .active:hover.disabled, .datetimepicker .active.disabled.disabled,*/
/*.datetimepicker .active.disabled:hover.disabled, .datetimepicker td.active[disabled], .datetimepicker td.active:hover[disabled],*/
/*.datetimepicker td.active.disabled[disabled], .datetimepicker td.active.disabled:hover[disabled],*/
/*.datetimepicker span.active[disabled], .datetimepicker span.active:hover[disabled],*/
/*.datetimepicker span.active.disabled[disabled], .datetimepicker span.active.disabled:hover[disabled] {*/
/*background: rgba(99, 137, 174, 0.9) !important;*/
/*}*/

.calendarDatePickerMenu > .dropdown-menu {
    font-size: 11px !important;
}

.datetimepicker .minute:hover, .datetimepicker .hour:hover, .datetimepicker .day:hover, .datetimepicker .switch:hover, .datetimepicker .left:hover, .datetimepicker .right:hover {
    background: #CCC !important;
}

.datetimepicker span:hover {
    background: #CCC !important;
}

.topMenuWidgetWithTabs {
    border-bottom: 1px solid #CCC;
    margin-bottom: 4px;
    cursor: default;
}

#widgetPanelTab {
    border-bottom: 0;
}

.tableSettingsCheckBoxStyled {
    border-top: unset !important;
    height: 20px !important;
    /*line-height: unset !important;*/
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    top: 1px;
}

.indexAndSorting > .table > tbody > tr {
    border-bottom: 1px solid #CCC;
}

.indexAndSorting > .table > thead > tr > th {
    line-height: 1.8 !important;
    font-weight: 500;
}

.modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        top: 0% !important;
        left: 0% !important;
        height: 100%;
    }

    .modal:after {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        top: 0 !important;
        left: 0 !important;
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.monitoringParamsModalBody {
    float: right;
    background-color: #EEE;
    font-size: 16px;
    padding-left: 8px;
    border: 1px solid #CCC;
    width: 100%;
    height: 31px;
}

.btn-group-lg > .btn, .btn-lg {
    font-size: 15px;
}

.sweet-alert h2 {
    font-size: 16px;
}

.monitoringUserRow > td:last-child > input {
    border-top: 0 solid #CCC !important;
    border-right: 0 solid #CCC !important;
    border-bottom: 0 solid #CCC !important;
    border-left: 0;
    padding-top: 3px !important;
    padding-bottom: 3px;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.userEmail, .monitoringUsersTable .selectedRow {
    outline-width: 0 !important;
}

.monitoringUsersTable .checkbox label::after {
    margin-top: 1px;
}

label {
    font-weight: 500 !important;
}

.sweet-alert {
    outline: -webkit-focus-ring-color auto 0;
}

.DisplayingFilterButtons {
    float: left;
}

.DisplayingFilterClearFilter {
    float: right;
}

.modal-body {
    padding: 10px !important;
}

.monitoringUserRow > td:first-child {
    border-right: 1px solid #CCC;
}

.filterRow > input {
    height: 21px !important;
}

:focus {
    outline: #C74040 1px;
    outline-style: auto;
    border-color: #C74040;
}

.sweet-alert:focus {
    outline: #C74040 0;
    outline-color: #C74040 !important;
    outline-style: auto;
    outline-width: 0;
}

.minicolors-swatch-color {
    border: 1px solid #CCC;
}

#isDisplayedNameCheckbox {
    vertical-align: middle;
}

fieldset {
    border: 1px solid;
    border-color: #CCC;
    border-radius: 3px;
}

legend {
    width: 55%;
    border-bottom: 0;
    font-size: 13px;
    margin-bottom: 0;
    color: inherit;
}

.setupSettings > div > form > fieldset > select {
    margin-bottom: 5px;
}

.setupSettings > div > form > fieldset > div > input[type=radio] {
    margin-top: 3px !important;
    margin-left: 5px !important;
}

.setupSettings > div > form {
    padding-bottom: 5px;
}

.displayedNameColorCheckbox > div > label::before {
    width: 14px !important;
    height: 14px !important;
}

.displayedNameColorCheckbox > div > label::after {
    width: 14px !important;
    height: 14px !important;
}

.displayedNameColorCheckbox > div > label {
    padding-left: 2px;
}

#widgetTableSettingsModal form .checkbox {
    margin: 0 0 0 -4px;
}

#widgetTableSettingsModal form .checkbox > label::before {
    left: -1px;
}

.level .checkbox label::after, #addPanelTabModal .checkbox label::after {
    margin-left: -18px !important;
}

.level:hover {
    background-color: #E7EAEC;
}

#widgetChartSettingsModal .table .checkbox label::after {
    margin-top: 1px;
    left: 1px;
}

#widgetChartSettingsModal .checkbox label.graphicsLabels::before {
    margin-left: -16px !important;
}

.startCalendar > .datetimepicker .active:hover, .datetimepicker .active:hover:hover,
.datetimepicker .active.disabled:hover,
.datetimepicker .active.disabled:hover:hover,
.datetimepicker .active:active, .datetimepicker .active:hover:active,
.datetimepicker .active.disabled:active, .datetimepicker .active.disabled:hover:active,
.datetimepicker .active.active, .datetimepicker .active:hover.active,
.datetimepicker .active.disabled.active, .datetimepicker .active.disabled:hover.active,
.datetimepicker .active.disabled, .datetimepicker .active:hover.disabled, .datetimepicker .active.disabled.disabled,
.datetimepicker .active.disabled:hover.disabled, .datetimepicker td.active[disabled], .datetimepicker td.active:hover[disabled],
.datetimepicker td.active.disabled[disabled], .datetimepicker td.active.disabled:hover[disabled],
.datetimepicker span.active[disabled], .datetimepicker span.active:hover[disabled],
.datetimepicker span.active.disabled[disabled], .datetimepicker span.active.disabled:hover[disabled] {
    background: #F84F4F !important;
}

.endCalendar > .datetimepicker .active:hover, .datetimepicker .active:hover:hover,
.datetimepicker .active.disabled:hover,
.datetimepicker .active.disabled:hover:hover,
.datetimepicker .active:active, .datetimepicker .active:hover:active,
.datetimepicker .active.disabled:active, .datetimepicker .active.disabled:hover:active,
.datetimepicker .active.active, .datetimepicker .active:hover.active,
.datetimepicker .active.disabled.active, .datetimepicker .active.disabled:hover.active,
.datetimepicker .active.disabled, .datetimepicker .active:hover.disabled, .datetimepicker .active.disabled.disabled,
.datetimepicker .active.disabled:hover.disabled, .datetimepicker td.active[disabled], .datetimepicker td.active:hover[disabled],
.datetimepicker td.active.disabled[disabled], .datetimepicker td.active.disabled:hover[disabled],
.datetimepicker span.active[disabled], .datetimepicker span.active:hover[disabled],
.datetimepicker span.active.disabled[disabled], .datetimepicker span.active.disabled:hover[disabled] {
    /*background: rgba(99, 137, 174, 0.9) !important;*/
}

.inputEmailLogin {
    height: 30px;
    border-color: #CCC;
    padding: 2px 12px;
}

.inputPasswordLogin {
    height: 30px;
    padding: 2px 12px;
    border-color: #CCC;
}

.bgLoginBags {
    padding-top: 10%;
    height: 380px;
    background-image: url(images/bag_orig.jpg);
    background-repeat: no-repeat;
    background-position: center;
    overflow-wrap: break-word;
    /*left: -30%;*/
    /*background-color: white;*/
}

@media (max-width: 768px) {
    .bgLoginBags {
        padding-top: 10%;
        height: 380px;
        background-image: url(images/bag_orig.jpg);
        background-repeat: repeat;
        background-position: center;
        overflow-wrap: break-word;
        /*left: -30%;*/
        /*background-color: white;*/
    }
}

.bgLogin > .middle-box {
    /*padding-top: 200px;*/
    padding-top: 15%;
}

.bgLogin {
    background: white;
}

.white-bg {
    background-color: white !important;
}

.textLoginBottom {
    /*float:right;*/
    padding-top: 10%;
    padding-left: 40%;
    overflow-wrap: break-word;
}

.textLoginBottom > span {
    font-size: 30px;
}

.ng-dirty.ng-invalid > div.selectize-input {
    border-color: #E5E6E7;
}

.jstree-default .jstree-search, .jstree-proton .jstree-search {
    color: #C74040 !important;
}

.btn-success {
    background-color: #C74040;
    border-color: #C74040;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: white !important;
}

.loginRememberMe > div > .checkbox {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 15px;
}

.loginRememberMe > div > .checkbox label::before {
    width: 15px;
    height: 15px;
}

.loginRememberMe > div > .checkbox > label {
    min-height: 21px;
}

.forgotPasswordLoginPage {
    color: #C74040;
    float: right;
}

.forgotPasswordPage > div > input {
    padding: 2px 12px;
    height: 30px;
    border: 1px solid #CCC;
}

.forgotPasswordPage > button {
    height: 30px;
}

.forgotPasswordPageWithoutBorders {
    border: 0;
}

body {
    background: unset;
}

/*.nav-header {*/
/*  background: #C74040 !important;*/
/*}*/

ul.nav-second-level {
    background: #9F3333;
}

.nav > li.active {
    background: #9F3333;
}

.nav > li > a {
    color: white !important;
}

.nav > li > a {
    color: white !important;
}

body.mini-navbar.fixed-sidebar .profile-element, .block {
    color: white !important;
}

/*.navbar-default .nav > li > a:hover {*/
/*  background-color: unset;*/
/*}*/

.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
    background: none !important;
}

/*.navbar-default .nav > li > a:focus {*/
/*  background-color: #597D99;*/
/*}*/

.alert-container {
    padding-top: 20px;
}

.alert-danger {
    background-color: unset;
    border-color: unset;
    color: #FF5A4C !important;
    background: unset;
}

.img-rounded {
    border-radius: 30px;
}

body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
    font-size: 13px;
}

.minimalize-styl-2 {
    padding: 4px 1px;
    margin: 14px 5px 5px 16px;
    font-size: 18px;
}

.widgetTab {
    /*background: red;*/
    text-overflow: ellipsis;
    overflow: hidden;
}

.nav > .widgetTab.active {
    /*background: white !important;*/
    transition: 0.4s;
}

.nav-tabs > .widgetTab.active > a {
    /*border-color: #999 !important;*/
    /*border-bottom: 1px solid #ece9e9 !important;*/
    /*background-color: #ece9e9 !important;*/
    /*color: #676c6c !important;*/
    /*border-color: #9F3333 !important;*/
    /*border-bottom: 1px solid #9F3333 !important;*/
    /*background-color: #9F3333 !important;*/
    color: white !important;
    cursor: pointer;
}

.nav-tabs > .widgetTab.active > a > span {
    cursor: pointer;
}

.nav > .widgetTab > a {
    /*border-color: #999 !important;*/
    /*border-bottom: 1px solid #ece9e9 !important;*/
    /*background: rgb(255, 255, 255) !important;*/
    /*color: #676c6c !important;*/
    /*border-color: #C74040 !important;*/
    /*border-bottom: 1px solid #C74040 !important;*/
    /*background: #C74040 !important;*/
    color: white !important;
}

body.mini-navbar.fixed-sidebar .profile-element, .block {
    display: inline !important;
}

.pace-done .nav-header {
    /*margin-bottom: -5px;*/
}

input[type=checkbox] {
    margin: 0;
}

.load-progress-bar-content-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.sk-spinner-double-bounce.sk-spinner {
    height: 20px;
    width: 20px;
    float: left;
    margin-left: 5px;
    margin-top: 1px;
    margin-right: 3px
}

.widgetLevelsUl > li {
    width: calc(100% - 2px);
    margin: 0 1px 1px 1px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ui-grid-cell > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 4px;
    padding-left: 4px;
}

.ui-grid-cell.text-red div {
    color: red;
}

.ui-grid-viewport {
    overflow: scroll !important;
}

*::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}

*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 1px;
    background-color: #F5F5F5;
    z-index: 1;
}

*::-webkit-scrollbar-thumb {
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 6px rgba(1, 0, 0, .3);
    background-color: #CCC;
}

.ui-grid-contents-wrapper, .ui-grid-viewport {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    height: 100% !important;
}

.ui-grid-column-resizer.right {
    right: -1px !important;
}

.ui-grid-contents-wrapper::-webkit-scrollbar,
.ui-grid-contents-wrapper::-webkit-scrollbar-track {
    height: 3px;
    background-color: transparent !important;
    -webkit-box-shadow: none;
}

.flex-element-right-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 1px;
    background-color: #F5F5F5;
    z-index: 1
}

.flex-element-right-menu::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}

.flex-element-right-menu::-webkit-scrollbar-thumb {
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 6px rgba(1, 0, 0, .3);
    background-color: #CCC;
}

.ui-grid-viewport::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3);
    border-radius: 1px;
    background-color: #FFF;
    z-index: 0;
}

.ui-grid-viewport::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #FFF;
}

.ui-grid-viewport::-webkit-scrollbar-thumb {
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 0 rgba(1, 0, 0, .3);
    background-color: #FFF;
}

.resetPasswordPage {
    border-width: 0;
}

.settingsTabFooter {
    width: 100%;
}

.settingsTabFooter > .closeSettingsTabFooter {
    float: right;
    margin-right: 30px;
}

.columnWithputPaddingTop {
    padding-top: 0 !important;
}

.sensorPageRow > label {
    margin-bottom: 0 !important;
}

.ui-progressbar .ui-progressbar-overlay {
    background: unset !important;
}

.ui-progressbar {
    height: 1.5em !important;
}

.widgetMarginTop {
    margin-top: 1px;
}

.nameTabSpan {
    padding-left: 5px;
    padding-right: 5px;
}

/*.navStyled > li > a {*/
/*  padding: 14px 11px 14px 18px !important;*/
/*}*/
.mini-navbar .nav-second-level li a {
    padding: 5px 10px 6px 15px;
}

.mini-navbar .nav .nav-second-level {
    padding: 10px 10px 0 10px;
}

.mini-navbar .nav .nav-second-level {
    left: 50px;
}

body.mini-navbar .navbar-static-side {
    width: 50px;
}

.ui-grid-cell > div {
    color: #676a6c;
    opacity: 0.9;
    width: 100%;
}

.ui-grid-cell > div:last-child, .ui-grid-cell > input:last-child {
    width: 100%;
    min-width: 16px !important;
    padding: 0;
}

body.mini-navbar #page-wrapper {
    margin: 0 0 0 50px;
}

.nav > li > a {
    color: #A7B1C2;
    font-weight: 600;
    /*padding: 10px 18px;*/
}

.nav > li > a {
    position: relative;
    display: block;
}

.mini-navbar li.active .nav-second-level {
    left: 46px;
}

.nav > li > a {
    color: #A7B1C2;
    font-weight: 600;
    /*padding: 10px 15px;*/
}

.nav-header a {
    color: white;
}

.uiGridWidgetPage > .ui-grid-contents-wrapper > .ui-grid-render-container > .ui-grid-viewport > .ui-grid-canvas > .ui-grid-row .ui-grid-cell {
    background-color: white;
    border-bottom: 1px solid #D4D4D4 !important;
}

/*.ui-grid-row:nth-child(even) .ui-grid-cell {*/
/*  border-bottom: 1px solid #d4d4d4 !important;*/
/*  background-color: white !important;*/
/*}*/
/*.ui-grid-row:nth-child(odd) .ui-grid-cell {*/
/*  border-bottom: 1px solid #d4d4d4 !important;*/
/*  background-color: white !important;*/
/*}*/

/*.gridStyle > .ui-grid-contents-wrapper {*/
/*  height:700px;*/
/*}*/

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: default !important;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.progressBarChangeSettingsHTTPUpload > .progressbarLabel {
    margin-top: 1px;
}

#configureDeviceModalDialog > .modal-body {
    padding: 4px !important;
}

.grecaptcha-badge {
    display: none;
}

.gray-bg, .bg-muted {
    background-color: #FFF !important;
}

.navbar-default .navbar-static-side {
    background-color: #C74040;
}

.iOsInput {
    -webkit-appearance: none !important;
}

select {
}

.iOsSelect {
    -webkit-appearance: none;
    border: 0;
    background: none;
}

.dropdown-backdrop {
    position: unset;
}

.ibox-content {
    background-color: unset;
}

.modal-content {
    border-radius: 0;
    min-width: 300px;
}

#navbar {
    height: 100%;
    top: 0;
    bottom: 0;
    transition: width 0.4s;
}

.deviceUpgradeEmail {
    display: inline-flex;
    margin-top: 10px;
    margin-bottom: 10px;
}

.upgradeDevicesLabels, .upgradeDevicesInputs, .deviceUpgradeEmail > input:first-child {
    margin-right: 10px;
}

.deviceUpgradeEmail > input {
    padding-left: 5px;
}

.deviceUpgradeEmail > span {
    margin-right: 5px;
}

.upgradeDeviceModalBody {
    margin-left: 20px;
}

.menuMonitoringSelectedDevices {
    width: 100%;
    margin-top: -5px;
    margin-bottom: 5px;
}

.menuMonitoringSelectedDevices > span {
    float: right;
    padding: 5px 0;
}

.menuMonitoringSelectedDevices > span > a:not(:last-child) {
    padding: 5px 0;
    width: 31px;
}

.menuMonitoringSelectedDevices > span > a:last-child {
    height: 28.5px;
    padding-left: 5px;
    padding-top: 3px;
    width: 31px;
}

.menuMonitoringSelectedDevices > span > a:last-child > i {
    margin-top: -2px;
    margin-left: -6px;
}

.menuMonitoringUsers {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 32px;
}

.templateMessageModalTitle {
    margin: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

.templateMessageModalTitle > input {
    width: 100%;
}

.templateMessageModalBody {
    margin: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

.templateMessageModalBody > textarea {
    width: 100%;
    min-height: 350px;
}

.allDevices {
    margin-top: 2px;
    margin-bottom: 0;
    line-height: 1;
    text-align: center;
}

.allDevices > label::after {
    top: 1px !important;
    padding-left: 5px !important;
}

/*.templateMessageTextArea {*/
/*!*resize: vertical;*!*/
/*resize: none;*/
/*}*/
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success,
.btn-success:active:focus,
.btn-success:active:hover,
.btn-success.active:hover,
.btn-success.active:focus {
    background-color: #C74040;
    border-color: #C74040;
    color: #FFF;
}

.tabLi > a {
    border-bottom-width: 0 !important;
}

#monGridstackContainer > * {
    background-color: white !important;
}

.editMarkerTagDiv > .checkbox > input,
.newMarkerTags > .checkbox > input {
    width: 17px;
    height: 17px;
}

.editMarkerTagDiv > .checkbox label::after,
.newMarkerTags > .checkbox label::after {
    margin-left: -15px !important;
}

.editMarkerTagDiv > .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio],
.newMarkerTags > .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    margin-left: -14px;
}

.xScrollDensityWidget {
    overflow-x: auto;
}

.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link {
    color: #337ab7;
    text-decoration: none;
}

.leftMenuForLayer > li {
    /*margin-top: 5px;*/
    margin-bottom: 1px
}

.leftMenuForLayer > li > button {
    width: calc(100% - 2px);
    margin: 0 1px;
    border-radius: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.deviceMark {
    height: 20px;
    padding: 0;
    width: 110px;
    font-size: 13px;
    display: inline-block;
}

.formCreateDevice > .form-group {
    height: 32px;
}

.formCreateDevice {
}

.form-group-create-device {
    margin-right: unset !important;
    width: 100%;
}

.form-group-create-device > .form-horizontal .control-label {
    text-align: left;
}

.form-group-create-device > label {
    /*margin-right: 10px;*/
    margin-right: 15px;
}

.form-group-create-device-checkbox {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}

.table > tbody > tr > td {
    border-top: 1px solid #ccc;
}

.labelTableSettings {
    margin-bottom: 0;
}

.labelTableSettingsCheckbox > .radio label:before {
    margin-left: -9px;
}

.labelTableSettingsCheckbox > .radio-primary input[type="radio"]:checked + label:after {
    margin-left: -9px;
}

.tableSettingsCheckBoxStyled > .radio-primary {
    padding-top: 0;
}

.tableSettingsCheckBoxStyled > .radio {
    min-height: 10px;
}

.tableSettingsCheckBoxStyled > div > label::before {
    margin-left: -9px;
}

#addOrEditDeviceModal > .radio input[type="radio"], #addOrEditDeviceModal .tableSettingsCheckBoxStyled > div > label::before {
    margin-left: -18px;
}

#addOrEditDeviceModal .tableSettingsCheckBoxStyled > div > label::after {
    left: 5px;
}

.displaySpan {
    width: 25%;
    max-width: 130px;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
}

.displaySpan label {
    padding-left: 10px !important;
}

#addOrEditDeviceModal fieldset {
    margin-bottom: 10px;
}

#markSettingsFieldset > div {
    padding-bottom: 5px;
}

#markSettingsFieldset label {
    margin-right: 15px;
    width: 50px;
}

.modalRadio label::before {
    margin-left: -17.5px !important;
    margin-top: 1px;
}

.modalRadio label::after {
    left: 5.5px !important;
    top: 4px !important;
}

#widgetTableSettingsModal .tableSettingsCheckBoxStyled > div > label::after {
    margin-top: 1px;
    left: 0.5px;
}

.tableSettingsCheckBoxStyled > .radio input[type="radio"] {
    margin-left: -9px;
}

.grid-stack > .grid-stack-item > .ui-resizable-se {
    /*cursor: se-resize;*/
    /*width: 20px;*/
    /*height: 20px;*/
    right: 0 !important;
    bottom: -8px !important;
}

#maxRadiusMap {
    border: 1px solid #cccccc;
}

#minRadiusMap {
    border: 1px solid #cccccc;
}

#minRadiusMap > select {
    border-color: #cccccc;
}

#maxRadiusMap > select {
    border-color: #cccccc;
}

#minRadiusMap {
    margin-right: 10px;
}

.buttonActiveLayer {
    background: #cacaca !important;
}

legend {
    color: unset;
}

.svg-content {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

#tooltip > hr {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}

.originalDataClassWithTextOverflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*padding-right: 10px;*/
}

.tooltipContent {
    max-width: 150px;
}

.userProfile {
    overflow: auto;
    height: calc(100vh - 33px);
}

.userProfile .ibox {
    margin-bottom: 0;
}

text.axis-workweekend {
    fill: red !important;
}

/*.svg-container {*/
/*  width: 100%;*/
/*}*/
/*.grid-stack > .grid-stack-item > .ui-resizable-se {*/
/*  width: 30px !important;*/
/*  height: 34px !important;*/
/*  right: 10px !important;*/
/*  bottom: -5px !important;*/
/*}*/
/*.nav > li.active > ul > li > a {*/
/*  color: yellow !important;*/
/*}*/

.upper-text {
    text-transform: uppercase;
}

.blockWithScroll {
    height: calc(100vh - 25px);
    overflow-y: auto;
}

#createOrEditDevice {
    overflow-y: auto;
}

.panel-heading {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.get_token_button {
    float: right;
}

.get_token_button > .infoSpan > {
    margin-right: 5px;
    float: left;
}

.table_yandex_segments > td {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.table_yandex_segments {
    cursor: pointer
}

.selectedSegment {
    background-color: rgb(204, 204, 204);
}

.groupsAndEntitiesWithFlex {
    display: flex;
    flex-direction: column;
    max-height: 822px;
    overflow-y: auto;
}

.ui-grid .ui-grid-render-container-body .ui-grid-viewport {
    overflow-x: auto !important;
}

.table_yandex_segments > td:nth-child(2) {
    max-width: 230px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table_yandex_segments > td {
    padding-right: 5px !important;
}

.yandex_auth_success {
    float: left;
    margin-top: 5px;
}

.yandex_auth_success > span {
    color: #23b05b;
}

.wifiLevel, .wifiLevel:hover {
    color: rgba(23, 198, 23, .6) !important;
}

.threeDotMenuTabInBodyGridstack {
    width: 30px;
    list-style: none;
    padding-left: 0;
    position: absolute;
    top: -2px;
    right: 20px;
    margin-top: 10px;
}

#dropDownMenuWidget:hover {
    color: #353434;
}

.dropDownMenuWidgetContainer {
    width: 24px;
    height: 24px;
    text-align: center;
    position: absolute;
    right: 0;
    cursor: pointer;
}

.dropDownMenuWidgetTitle {
    margin-left: 4px;
}

.dropDownMenuWidgetTitle:hover {
    color: #353434;
}

.nav-tabs > li.active > a {
    border-width: 0;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-width: 0;
}

.navbarTab {
    border-right: none;
    width: 100%;
    margin-bottom: 20px;
}

.navbarTab > ul {
    margin: 0;
    padding: 0;
}

.navbarTab > ul > li {
    list-style: none;
    text-align: center;
}

.navbarTab > ul > li:first-child {
    border-left: none;
}

.navbarTab > ul > li > a {
    display: block;
    text-decoration: none;
    padding: 10px 0;
}

.navbarTab {
    display: table;
    table-layout: fixed;
}

.navbarTab > ul {
    display: flex;
    flex-direction: row;
}

.navbarTab > ul > li {
    flex-grow: 1;
}

@media (max-width: 430px) {

    .navbarTab > ul {
        display: block;
    }

    .navbarTab {
        font-size: .8em;
    }

    .navbarTab > ul > li {
        display: block;
    }

}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    transition: 0.4s !important;
}

.sub-menu li:hover {
    transition: 0.4s;
}

.opacityCircle {
    opacity: 0.2;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content {
    top: -10px !important;
    right: 10px !important;
    left: 0 !important;
    border: 1px solid #CCC;
    overflow-x: unset !important;
    overflow-y: unset !important;
    width: calc(100% - 10px) !important;
    margin-top: 10px !important;
}

.transitionIcon {
    transition: 0.4s;
}

.threeDotMenuFoldedMode {
    margin-top: -8px;
    padding-left: 3px;
}

.flex-element-top-menu-folded-mode {
    height: 10px;
}

.dropdownToggleFoldedMode {
    margin-left: 4px;
}

.arrowDownFoldedModed {
    display: block !important;
    font-size: 9px;
}

.flex-element-top-menu {
    transition: 0.4s;
}

.flex-element-top-menu > * {
    font-size: 13px;
    /*transition: 0.4s;*/
}

.sk-spinner-double-bounce-folded {
    height: 7px !important;
    width: 7px !important;
}

.sk-spinner-wave-folded {
    height: 7px !important;
}

.foldArrow {
    cursor: pointer;
    vertical-align: middle;
    padding-right: 5px;
}

.offsetLeftFoldArrow {
    padding-right: 30px !important;
}

.dropdown > * {
    /*transition: 0.4s;*/
}

.sk-spinner-folded > div {
    height: 7px;
    width: 7px;
}

.sk-spinner-folded {
    margin: -6px auto !important;
}

.sk-spinner-not-folded {
    margin: 3px auto !important;
}

.containerWithScrollTopOffset {
    margin: 8px 0;
}

.untitledWidget {
    display: none;
}

.lightpick__month {
    width: 240px !important;
}

.lightpick__day {
    height: 20px !important;
}

.nav .metismenu > li:hover {
    filter: brightness(90%);
    background-color: red;
}

.tabList {
    transition: 0.4s;
}

.animationWidthSideBarShow {
    animation-duration: .6s;
    animation-name: widthSideBarShow;
}

.animationWidthSideBarHide {
    animation-duration: .4s;
    animation-name: widthSideBarHide;
    opacity: 0;
    width: 0;
    min-width: 0;
    flex-basis: unset !important;
    display: inline-block !important;
}

.animationHeightWidgetTopMenuShow {
    opacity: 1;
    animation: .5s heightWidgetTopMenuShow;
}

.animationHeightWidgetTopMenuHide {
    animation: .5s heightWidgetTopMenuHide;
    opacity: 0;
    height: 0;
}

.animationHeightWidgetTopMenuHide * {
    display: none !important;
}

.animationHeightWidgetLeftCalendarShow {
    opacity: 1;
    animation: .5s heightWidgetLeftCalendarShow;
}

.animationHeightWidgetLeftCalendarHide {
    animation: .5s heightWidgetLeftCalendarHide;
    opacity: 0;
    height: 0;
}

.animationMiniHeightWidgetTopMenuShow {
    opacity: 1;
    animation: .5s miniHeightWidgetTopMenuShow;
}

.animationMiniHeightWidgetTopMenuHide {
    animation: .5s miniHeightWidgetTopMenuHide;
    opacity: 0;
    height: 0;
}

.animationMiniHeightWidgetTopMenuHide * {
    display: none !important;
}

.transitionLeftSideMenuWidget {
    transition: .4s;
    display: block !important;
}

@keyframes widthSideBarShow {
    0% {
        opacity: 0;
        width: 0;
    }
    50% {
        opacity: 0;
    }
    70% {
        opacity: 0;
    }
    80% {
        opacity: 0.2;
    }
    90% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
        width: 200px;
    }
}

@keyframes widthSideBarHide {
    from {
        width: 200px;
    }
    to {
        width: 0;
    }
}

@keyframes heightWidgetTopMenuShow {
    0% {
        height: 0;
        opacity: 0;
    }
    70% {
        opacity: 0;
    }
    80% {
        opacity: 0.2;
    }
    90% {
        opacity: 0.5;
    }
    100% {
        height: 52.5px;
        opacity: 1;
    }
}

@keyframes heightWidgetLeftCalendarShow {
    0% {
        height: 0;
        opacity: 0;
    }
    70% {
        opacity: 0;
    }
    80% {
        opacity: 0.2;
    }
    90% {
        opacity: 0.5;
    }
    100% {
        height: 100%;
        opacity: 1;
    }
}

@keyframes heightWidgetLeftCalendarHide {
    from {
        height: 100%;
    }
    to {
        height: 0;
    }
}

@keyframes miniHeightWidgetTopMenuShow {
    0% {
        height: 0;
        opacity: 0;
    }
    70% {
        opacity: 0;
    }
    80% {
        opacity: 0.2;
    }
    90% {
        opacity: 0.5;
    }
    100% {
        height: 41px;
        opacity: 1;
    }
}

@keyframes miniHeightWidgetTopMenuHide {
    from {
        height: 41px;
    }
    to {
        height: 0;
    }
}

@keyframes heightWidgetTopMenuHide {
    from {
        height: 52.5px;
    }
    to {
        height: 0;
    }
}

.opacityAnimationShow {
    animation: .5s opacityShow;
}

.opacityAnimationHide {
    animation: .5s opacityHide;
    opacity: 0;
    height: 0;
}

.opacityAnimationHide * {
    display: none;
}

@keyframes opacityShow {
    0% {
        opacity: 0;
        height: 0;
    }
    50% {
        opacity: 0;
    }
    80% {
        opacity: .2;
    }
    90% {
        opacity: .5;
    }
    100% {
        opacity: 1;
        height: initial;
    }
}

@keyframes opacityHide {
    0% {
        opacity: 1;
        height: initial;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        height: 0;
    }
}

#dropDownUlBody {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

#dropDownUlBody > li > {
    padding: 5px;
}

.animationLeftSideMenuShow {
    animation-duration: .4s;
    animation-name: leftsidemenushow;
    width: 220px !important;
    opacity: 1;
    flex-basis: unset !important;
    display: block;
}

.animationLeftSideMenuHide {
    animation-duration: .4s;
    animation-name: leftsidemenuhide;
    width: 0 !important;
    opacity: 0;
    flex-basis: unset !important;

    display: block !important;
}

@keyframes leftsidemenushow {
    from {
        width: 0;
    }
    to {
        width: 220px
    }
}

@keyframes leftsidemenuhide {
    from {
        width: 220px
    }
    to {
        width: 0
    }
}

.foldHeaderWidgetAnimation {
    animation-duration: .4s;
    animation-name: foldanimation;
}

.foldHeaderWidgetAnimation > h5 {
    opacity: 0;
    display: unset !important;
}

@keyframes foldanimation {
    10% {
        opacity: 0
    }
    20% {
        opacity: .0
    }
    30% {
        opacity: .0
    }
    40% {
        opacity: .0
    }
    50% {
        opacity: .0
    }
    70% {
        opacity: .0
    }
    80% {
        opacity: .8
    }
    100% {
        opacity: 1
    }

}

.unfoldHeaderWidgetAnimation {
    transition: .4s;
    animation-name: unfoldanimation;
}

.unfoldHeaderWidgetAnimation > h5 {
    /*opacity:0;*/
    /*display:unset !important;*/
}

@keyframes unfoldanimation {
    10% {
        opacity: 0
    }
    20% {
        opacity: .0
    }
    30% {
        opacity: .0
    }
    40% {
        opacity: .0
    }
    50% {
        opacity: .0
    }
    70% {
        opacity: .0
    }
    80% {
        opacity: .8
    }
    100% {
        opacity: 1
    }

}

.UIDetailedDateItem {
    padding: 5px;
    transition: .4s;
}

.UIDetailedDateItem > span {
    text-transform: lowercase;
}

.flexButtons {
    display: inline-flex;
}

.flexButtons > span {
    border-radius: 0 !important;
}

.flexButtons > span:not(:last-child) {
    border-right: 0 !important;
    /*border-left:0px !important;*/
}

.dropDownLeftPanelMenu .collapse.in {
    display: inline !important;
    left: 200px;
}

.dropDownLeftPanelMenu {
    z-index: 2002;
    padding: 6px 10px 3px 10px;
    margin-top: 0;
    cursor: pointer;
    font-size: 13px;
}

.circleDotContextMenu {
    vertical-align: -moz-baseline-middle;
    vertical-align: -webkit-baseline-middle;
    margin-top: 2px;
    color: white;
    cursor: pointer;
}

.panelMenuSpan {
    display: inline-block;
    float: right;
    height: 32px;
    width: 32px;
    cursor: pointer;
    text-align: center;
}


.nav-second-level li a {
    padding-left: 30px;
    width: calc(100% - 32px);
    display: inline-flex;
}

.sweet-alert {
    min-width: 500px;
    max-width: 90vw;
    width: auto !important;
}

.table-with-scroll {
    max-height: 500px;
    height: auto;
    width: 100%;
    overflow-y: auto;
}

.cre_checkbox {
    display: inline;
}

.cre_checkbox > label::after {
    margin-top: -4px;
}

.creMatch {
    background-color: #a0e9a0;
}

.creDoesNotMatch {
    background-color: #e99b9a;
}

uib-accordion > .panel-group {
    margin-bottom: 5px;
}

.mc-spin-cogs-div {
    display: inline-block;
    float: right;
}

.diagnostic-hr-line {
    margin-top: 5px;
    margin-bottom: 5px;
}
.diagnostic-div{
    padding:1px;
}
.diagnostic-label{
    width: 150px;
    display: inline-block;
}
.ThreeDModelModal{
    width: inherit;
}
.serviceGrid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.div1 { grid-area: 1 / 1 / 2 / 3; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.indicatorDisabled{
    background-color:#e6e6e6
}

#configureDeviceModal select:disabled, #configureDeviceModal input:disabled {
    background: #f9f9f9 !important;
    color: #969696;
}
.bcount_log {
    position: relative;
    width: 736px;
    height: 480px;
}
.bcount_log>textarea{
    width: 100%;
    height: 100%;
    resize: none;
}
.bcount_tbl_sensors thead tr th {
    padding: 10px;
}
.bcount_tbl_sensors tbody tr td {
    padding: 10px;
}
.tabBcount{
    margin-bottom: 5px;
}
.httpUploadingTabLabelsUploadsField{
    width: 150px;
}
.uploads:last-child>.panel-group{
    margin-bottom: 50px;
}
/*#overlay, .overlay {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    !*display: none;*!*/
/*    background: #000;*/
/*    opacity: .3;*/
/*    z-index: 2000;*/
/*}*/
.overlayForModals{
    z-index: 2050 !important;
}
.showSavedTitle{
    display: block;
}
.hideSavedTitle{
    display: none;
}
.hiddenWarning{
    display:none;
}
.visibleWarning{
    display:block;
}
.upload_icon_btn{
    float:right;
    margin-right: 2rem;
    cursor: pointer;
}
.upload_icon_btn>i{
    font-size: 16px;
}
.uploadHeader{
    padding: 5px 5px;
    background-color: #f5f5f5;
    border-radius: 6px;
    border: 1px solid #ccc;   margin: 5px 0;
}
select[disabled]::-ms-value {
    color: red;
}
div[contenteditable]{
    display: inline-block;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
.bcountUploadLabel{
    width: 140px;
}
.bcoutUploadInput{
    width: 520px;
}
.checkboxFolderNameForMacAddr{
    width: 300px;
}
.testUploadBtn{
    float: right;
    margin-right: 13px;
}
.legendUploadTitle{
    margin-left: 10px;
    margin-bottom: 10px;
}
.filenameLegends{
    margin-left: 143px;
    margin-top: 10px;
}
select:disabled{
    background-color: whitesmoke;;
}
input:disabled{
    background-color: whitesmoke;
}
.spanUploadServerAndFormat{
    display: inline-block;
    /*text-align: center;*/
    width: 60px;
}
#name_help_button_ftp{
    margin-right: 10px;
}
.inputDeleteUploadText{
    width:190px;
}
.errorSymbol{
    color: red;
}
div[contenteditable]{
    display: inline-block;
    max-width: 550px !important;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}
div[contenteditable] br {
    display: none
}
div[contenteditable] br {
    display: none
}
#max_uploads{
    float:left;
}
#max_uploads>span{
    color:red;
}
.pingSuccess{
    color: #7FFF00;
    font-size: 10px;
}
.pingFailure{
    color: red;
    font-size: 10px;
}
.alignPingToMdl{
    text-align: center !important;
}

.bodyOfTableProjectsAndSensorsDeviceMiniOmega {
    border-left: 0 !important;
}

.borderLeftTableDeviceAndServiceMiniOmega {
    border-left: 0 !important;
}
.ui-grid-invisible{
    display: none;
}
.mcUploadHeader{
    /*padding: 2px 5px;*/
    /*margin: 3px 0;*/
    padding: 1px 5px;
    margin: 2px 0;
}
.bcountUploadLabelSubSection{
    width:130px;
}
.mcUploadInput{
    width: 470px;
}
.mcUploadLabel{
    width: 190px;
}
.mcUploadLabelSubSection{
    width:180px
}
#mcUploadDataExportScript{
    resize: vertical;
    max-height: 200px;
    min-height: 100px;
}
.mcUploadLabelExportScript{
    vertical-align: top;
}
#invalidMcUploadTypeExceeded, #invalidMcMaxUploads, #invalidMcSameUploads, #testResultMcUploadSuccess, #testResultMcUploadFailed, #testResultMcUploadInProcess{
    float:left;
    padding-right: 10px;
}
#invalidMcUploadTypeExceeded>span{
    color:red;
}
#invalidMcMaxUploads>span{
    color:red;
}
#invalidMcSameUploads>span{
    color:red;
}
#testResultMcUploadFailed>span{
    color:red;
}
#testResultMcUploadInProcess>span{
    color:gold;
}
#testResultMcUploadSuccess>span{
    color:limegreen;
}
.mcUploadAutoCreateDir{
    margin-top: 0;
    margin-bottom: 0;
}
.tableMonitoringSettingsFieldset{
    padding: 10px;
    margin: 10px;
}
.monitoringSettingsTableCheckBox>label::before{
    margin-left: -17px !important;
}
#gridContainerMonitoring>.ui-grid-row > div > d{
    border: 1px solid;
}
div[role="dialog"].modal{
    user-select: none;
}
.help_list {
    border: 1px solid #e4e7ea;
    padding: .075rem .4rem;
    border-radius: 2px;
    /*width: 100%;*/
    position: absolute;
    max-width: 260px;
    background-color: white;
    right: 40px;
}
.help_list p {
    display: block;
    margin: 10px 0px;
    padding: 0;
}
.bcCanvasDiv{
    height: 190px !important;
}