@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: digital;
  src: url(Bazaronite.ttf);
}

.title h4 {
  margin-top: 4px;
}

.sub-submenu {
  padding-left: 8px !important;
}

#w2, #w3, #w7, #w8, #w9 {
  display: none !important;
  width: 0px !important;
}

#box_w2, #box_w3, #box_w7, #box_w8, #box_w9 {
  display: none !important;
}

#t {
  display: none;
}

#help {
  position: absolute;
  top: 82px;
  right: 0px;
  background-color: #de272799;
  width: 42px;
  height: 48px;
  z-index: 9998;
  border-radius: 4px 0px 0px 4px;
}

#help:hover {
  background-color: #de2727cc;
  cursor: pointer;
}

#help i {
  font-size: 32px;
  padding-top: 7px;
  padding-left: 8px;
  color: #fff;
}

.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('../images/icons/anim_logo.png') 50% 50% no-repeat rgba(255, 255, 255, 0.85);
}

#ld_image {
  width: 300px;
  height: 208px;
  margin-top: 200px;
  margin-left: 50%;
}

.loader div {
  top: 50%;
  left: 0%;
  position: fixed;
  padding-top: 36px;
  width: 100%;
  text-align: center;
  font-size: 18px;
  letter-spacing: 2px;
}

img.cityline {
  float: right;
  padding: 13px 11px;
  max-width: 203;
}

.btn-xs {
  font-size: 16px;
  padding: 0px 6px;
  margin: 0px 2px;
}

#columndef_content {
  min-height: 416px;
}

#add_column_btn {
  font-size: 14px;
  padding: 1px 8px 1px 8px;
  margin-left: 3px
}

img.hectronic {
  float: left;
  width: 100%;
}

.copyright-bottom {
  position: fixed;
  bottom: 0px;
  font-size: 12px;
  width: 100%;
  color: #fff;
  text-align: right;
  padding: 2px 4px;
  background: #000000 url('../images/bg-black.png') no-repeat;
  background-position-y: 0px;
  z-index: 9999;
}

.date-picker {
  cursor: pointer !important;
  color: #858585 !important;
}

.padding4 {
  padding: 4px;
}

.header-bg {
  margin: 0px;
  background: #000000 url('../images/bg-black.png') no-repeat center top;
  /*background: #3B3535;*/
}

.top10 {
  padding: 10px 0px;
}

.ts-header-color {
  border-bottom: 2px solid #abbac3;
  padding: 6px 0px;
  font-weight: 600;
}

.dropdown-menu {
  text-align: center;
}

.datetimectrl input {
  cursor: default !important;
  background: #ffffff !important;
}

.bootstrap-timepicker-minute, .bootstrap-timepicker-hour, .bootstrap-timepicker-second {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0px !important;
  height: 28px;
  text-align: center !important;
  padding: 0px !important;
}

.bootstrap-timepicker-minute::-webkit-inner-spin-button, .bootstrap-timepicker-hour::-webkit-inner-spin-button, .bootstrap-timepicker-second::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield;
}

.user-info .your-account {
  display: none;
}

#mandator_name {
  font-size: 14px;
  color: #ffffff;
}

.ace-nav>li.open span#mandator_name {
  color: #e2001c;
}

.ace-nav>li .dropdown-menu {
  right: 0px !important;
}

.ace-nav>li .dropdown-menu {
  min-width: 77% !important;
}

ul.ace-nav .user-info label {
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap;
  width: 100%;
}

/* widgets */

.col-xs-12 .row.widgets {
  min-height: 700px;
}

.full-screen-widget-container.widget-container-span {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100vw;
  height: 100vh;
  padding: 0;
}

.full-screen-widget-container .widget-box {
  margin: 0;
}

.full-screen-widget-container .widget-body {
  height: calc(100vh - 65px) !important;
}

.widget-main {
  height: 100%;
  overflow: hidden;
  padding: 8px;
}

.widget-body {
  overflow: hidden;
}

#btn-scroll-up {
  display: none;
}

.maximize, .minimize, .go-up, .help, .edit-window {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  opacity: 0.7;
}

.maximize:hover, .minimize:hover, .go-up:hover {
  opacity: 1;
}

.help, .edit-window {
  opacity: 1;
}

.help {
  padding-right: 30px;
  margin-top: 8px;
}

.help:hover, .edit-window:hover {
  opacity: 0.7;
}

.go-up {
  cursor: pointer;
}

.maximize {
  background: url(../images/icons/maximize_up.png) no-repeat center bottom !important;
}

.minimize {
  background: url(../images/icons/restore_up.png) no-repeat center bottom !important;
  margin-right: 5px;
}

.go-up {
  background: url(../images/icons/nav_up_blue.png) no-repeat center bottom !important;
}

.help {
  background: url(../images/icons/help.png) no-repeat center bottom !important;
}

.edit-window {
  background: url(../images/icons/window_edit.png) no-repeat center bottom !important;
}

.widget-box .edit-window {
  margin-right: 12px;
  margin-top: 7px;
}

.marginRight15 {
  margin-right: 15px;
}

/* news widget */

.latest-news {
  border: 1px solid #e2001c;
  height: auto;
  display: inline-block;
  width: 100%;
  margin: 0px 0px 3px;
  vertical-align: middle;
  font-weight: bold;
}

.latest-news span.newest {
  padding: 2px 6px;
  background: #e2001c;
  display: inline-block;
  margin-right: 15px;
  color: #fff;
  width: 100%;
}

.date-time {
  display: inline-block;
  margin-right: 20px;
}

.info-header, .content .alert {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  border-bottom: 1px solid #ffffff;
}

.info-title {
  cursor: pointer;
}

.info-title:hover {
  color: #DC424E;
}

.description .info-title {
  cursor: default;
}

.alert {
  margin-bottom: 0px !important;
  padding: 6px 10px 6px !important;
  background: #E8E8E8;
  color: #222;
}

.alert:hover {
  background: #f1f0f0;
}

.info-header {
  background: #E8E8E8;
  padding: 5px 10px;
}

#descr_content {
  border: 1px solid #CDCDCD;
  padding: 5px 10px;
  text-align: justify;
}

#alert_description {
  display: block;
  background: #ffffff;
}

.ui-checkbox {
  float: right;
}

/* Popup Configure Dashboard */

.ui-popup-screen {
  background: #DFDFDF;
}

#popupCloseRight-popup {
  background: #ffffff;
}

#popupCloseRight {
  display: inline-block;
}

/* checkbox */

label.css-label {
  width: 100%;
  padding: 5px 5px 5px 40px;
  font-size: 13px;
}

.ui-checkbox {
  width: 100%;
  margin-bottom: 10px;
}

input.css-checkbox {
  display: none;
}

button.save-button {
  display: inline-block;
  margin-right: 5px;
  width: 20px !important;
  height: 25px !important;
  background: url(../images/icons/disk_blue.png) no-repeat center center !important;
}

ul.breadcrumb {
  margin-top: 10px;
  line-height: 27px;
}

.breadcrumb li, .breadcrumb li>ul {
  float: left !important;
}

.breadcrumb-mystatus {
  padding: 10px;
}

.breadcrumb-mystatus .icon-home {
  font-size: 18px;
  position: relative;
  color: #000000;
}

ul.sortable_list {
  list-style-type: none;
  margin-left: 0px;
}

ul.sortable_list .ui-checkbox {
  margin-bottom: 0px;
  width: 100%;
}

ul.sortable_list .ui-checkbox {
  float: none;
}

ul.vertical li {
  display: block;
  margin: 0px;
  padding: 5px;
  line-height: 18px;
}

body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

/*  sortable widgets*/

.widget-placeholder {
  border: 0px !important;
  height: 0px;
  width: 100%!important;
}

/* w_5 sortable */

#row1, #row2 {
  width: 100%;
}

#row1 .widget-container-span {
  width: 31.2%;
  float: left;
  margin: 15px;
}

#row2 .widget-container-span {
  width: 48%;
  float: left;
  margin: 15px;
}

/* My status Configure popup */

.error-list {
  background: #FAFAD2;
}

.warning-list {
  background: #FFFFE0;
}

.other-list {
  background: #eeeeee;
}

.critical-list {
  background: #ffbaa9;
}

ul.master-mandators-list, ul.error-list, ul.warning-list, ul.critical-list, ul.tariffgroup_list, ul.other-list {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  max-height: 379px;
}

ul.master-mandators-list {
  max-height: 600px;
  overflow-y: scroll;
}

ul.master-mandators-list h4, ul.error-list h4, ul.warning-list h4, ul.critical-list h4, ul.tariffgroup_list h4, ul.other-list h4 {
  margin: 3px 0px;
  font-size: 14px;
}

ul.master-mandators-list li, ul.error-list li, ul.warning-list li, ul.critical-list li, ul.tariffgroup_list li, ul.other-list li {
  padding: 2px 0px 2px 10px;
  font-size: 12px;
  font-weight: normal;
}

ul.master-mandators-list li, ul.error-list li, ul.warning-list li, ul.critical-list li, ul.other-list li {
  float: left;
  width: 100%;
}

ul.master-mandators-list label.ui-btn, ul.error-list label.ui-btn, ul.warning-list label.ui-btn, ul.critical-list label.ui-btn, ul.other-list label.ui-btn {
  background: none!important;
  border: none!important;
  font-weight: normal;
}

ul.master-mandators-list div.ui-checkbox, ul.error-list div.ui-checkbox, ul.warning-list div.ui-checkbox, ul.critical-list div.ui-checkbox ul.tariffgroup_list div.ui-checkbox, ul.other-list div.ui-checkbox {
  margin-bottom: 0px;
}

ul.master-mandators-list li:first-child, ul.error-list li:first-child, ul.warning-list li:first-child, ul.critical-list li:first-child, ul.tariffgroup_list li:first-child, ul.other-list li:first-child {
  margin-bottom: 5px;
  padding-top: 8px;
}

#configMyStatus .slimScrollDiv {
  width: 100% !important;
}

div.tooltip-info {
  width: 30px;
  float: right;
  height: 30px;
  margin-right: 9px;
  margin-bottom: 15px;
}

.save-button.ui-btn.ui-corner-all:hover {
  background-color: #efefef !important;
}

/* Menu my status */

nav.menu-status-chart, nav.menu-mystatus-chart, nav.menu-ticket-chart {
  margin: 3px 0px;
  display: inline-block;
}

nav.menu-status-chart ul, nav.menu-mystatus-chart ul, nav.menu-ticket-chart ul {
  font-size: 12px;
  list-style: none;
  margin: 0px;
}

nav.menu-status-chart ul li, nav.menu-mystatus-chart ul li, nav.menu-ticket-chart ul li {
  display: block;
  position: relative;
  float: left;
  margin-right: 2px;
}

nav.menu-status-chart li ul, nav.menu-mystatus-chart li ul, nav.menu-ticket-chart li ul {
  display: none;
}

nav.menu-status-chart ul li a, nav.menu-mystatus-chart ul li a, nav.menu-ticket-chart ul li a {
  display: block;
  text-decoration: none;
  text-align: left;
  color: #000000;
  padding: 2px 3px 2px 4px;
}

nav.menu-status-chart .icon-home:before, nav.menu-mystatus-chart .icon-home:before, nav.menu-ticket-chart .icon-home:before {
  font-size: 14px!important;
}

nav.menu-status-chart ul>li>a.icon-caret-down, nav.menu-mystatus-chart ul>li>a.icon-caret-down, nav.menu-ticket-chart ul>li>a.icon-caret-down {
  padding: 2px 2px 2px 2.5px;
}

nav.menu-status-chart ul li:hover, nav.menu-mystatus-chart ul li:hover, nav.menu-ticket-chart ul li:hover {
  background: #e8e8e8;
}

nav.menu-status-chart ul li ul.ul-active, nav.menu-mystatus-chart ul li ul.ul-active, nav.menu-ticket-chart ul li ul.ul-active {
  display: block !important;
  position: absolute;
  z-index: 9999;
  background: #e8e8e8;
  white-space: nowrap;
  top: 17px;
  box-shadow: 3px 3px 5px #888888;
}

nav.menu-ticket-chart ul li ul.scroll-list.ul-active {
  top: 0px;
  display: block !important;
  position: absolute;
  z-index: 9999;
  background: #e8e8e8;
  white-space: nowrap;
}

nav.menu-mystatus-chart ul li ul.scroll-list.ul-active {
  top: 0px;
  display: block !important;
  position: absolute;
  z-index: 9999;
  background: #e8e8e8;
  white-space: nowrap;
}

nav.menu-status-chart ul li ul li, nav.menu-mystatus-chart ul li ul li, nav.menu-ticket-chart ul li ul li {
  float: none;
  color: #000;
  display: block;
  text-align: left;
}

nav.menu-status-chart ul li ul li a, nav.menu-mystatus-chart ul li ul li a, nav.menu-ticket-chart ul li ul li a {
  font-size: 11px !important;
}

a.icon-caret-down .icon-caret-right {
  display: none;
}

a.icon-caret-down {
  background: #e8e8e8;
}

nav.menu-ticket-chart li div.slimScrollDiv {
  display: none;
}

nav.menu-mystatus-chart li div.slimScrollDiv {
  display: none;
}

nav.menu-cashcollections-chart li div.slimScrollDiv {
  display: none;
}

nav.menu-ticket-chart li div.slimScrollDiv.ticket-slimScrollDiv {
  position: absolute !important;
  z-index: 9999 !important;
  min-width: 45px !important;
  height: 166.5px !important;
}

nav.menu-mystatus-chart li div.slimScrollDiv.ticket-slimScrollDiv {
  position: absolute !important;
  z-index: 9999 !important;
  min-width: 45px !important;
  height: 166.5px !important;
}

nav.menu-cashcollections-chart li div.slimScrollDiv.ticket-slimScrollDiv {
  position: absolute !important;
  z-index: 9999 !important;
  min-width: 45px !important;
  height: 166.5px !important;
}

nav.menu-ticket-chart .slimScrollRail {
  opacity: 0.8 !important;
  background: #cccccc !important;
}

nav.menu-mystatus-chart .slimScrollRail {
  opacity: 0.8 !important;
  background: #cccccc !important;
}

nav.menu-cashcollections-chart .slimScrollRail {
  opacity: 0.8 !important;
  background: #cccccc !important;
}

/* tabs header*/

div.tabbable ul.list-nav {
  list-style-type: none;
  margin: 0px;
  display: table;
  background: #ffffff;
  border-radius: 0px;
}

div.tabbable ul.nav-tabs li {
  line-height: 35px !important;
  border-bottom-width: 0;
  list-style: outside none none;
  padding: 0;
  position: relative;
  top: 0;
  height: 37px;
  white-space: nowrap;
}

div.tabbable {
  padding: 0px;
  border-left: 0px;
}

div.tabbable {
  border-left: 0px;
  padding: 3px;
}

div.tabbable ul.nav-tabs li a {
  position: relative;
  padding-right: 30px;
}

div.tabbable ul.nav-tabs li ul.dropdown-menu a {
  position: relative;
  padding: 11px 20px 11px 10px;
}

div.tabbable ul li a .remove-tab {
  display: none;
}

div.tabbable ul li a:hover {
  text-decoration: none!important;
}

.btn-group .dropdown-info li a:hover {
  background: #999999;
}

.nav-tabs>li.open .dropdown-toggle {
  background-color: #3B3535 !important;
  border-color: #3B3535;
  color: #fff;
}

.nav-tabs li.always-dropdown {
  height: 0px !important;
}

div.tabbable a:hover .remove-tab {
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 8px;
  color: red;
  font-size: 15px;
}

div.tabbable>ul>li>ul>li {
  float: none;
}

.padding12 {
  padding: 1px 12px 1px 12px;
}

.dataTables_info {
  display: none;
}

#table-cash, .dataTables_scrollHead, .dataTables_scrollHeadInner, .dataTable, .dataTables_scrollBody {
  width: 100% !important;
}

.live-monitor #table-cash_wrapper .row:first-child {
  display: block !important
}

.live-monitor #table-cash_wrapper .row:nth-child(3) {
  display: none !important
}

.live-monitor #table-cash_wrapper .row:first-child .col-sm-6:first-child {
  display: none !important
}

.live-monitor #table-cash_wrapper .row:first-child .col-sm-6:nth-child(2) {
  width: 100% !important;
}

.live-monitor #table-cash_filter {
  text-align: left;
  padding: 5px 10px 2px;
  background: #ececec;
}

#table-cash_wrapper {
  background: #ececec;
}

#table-master-service_wrapper {
  background: #ececec;
}

.dataTables_scroll .dataTables_scrollBody thead {
  visibility: hidden !important;
}

#table-master-service thead, .live-monitor #table-cash thead {
  display: none !important;
}

.live-monitor #table-cash_filter div.ui-input-text.ui-shadow-inset {
  float: right;
  box-shadow: none !important;
}

.dataTables_scroll {
  overflow: auto;
}

.live-monitor #table-cash td {
  width: auto;
  max-width: 50px !important;
  min-width: 28px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.live-monitor table.dataTable th {
  min-width: 28px !important;
  max-width: 50px !important;
  width: 14.25% !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.live-monitor #table-cash td:nth-child(1):hover {
  background: #e8e8e8;
}

.live-monitor #table-cash td:nth-child(1) a:link, .live-monitor #table-cash td:nth-child(1) a:visited {
  color: #000000 !important;
}

.live-monitor #table-cash td:nth-child(1) a:hover {
  color: red !important;
  text-decoration: none;
}

.live-monitor #table-cash td:nth-child(1), .live-monitor table.dataTable th:nth-child(1) {
  width: 14% !important;
}

.live-monitor #table-cash td:nth-child(2), .live-monitor table.dataTable th:nth-child(2) {
  width: 15% !important;
}

.live-monitor #table-cash td:nth-child(3), .live-monitor table.dataTable th:nth-child(3) {
  width: 28px !important;
}

.live-monitor #table-cash td:nth-child(4), .live-monitor table.dataTable th:nth-child(4) {
  width: 58% !important;
}

.live-monitor #table-cash td:nth-child(5), .live-monitor table.dataTable th:nth-child(5) {
  width: 30% !important;
  display: none;
}

.live-monitor #table-cash td:nth-child(6), .live-monitor table.dataTable th:nth-child(6) {
  width: 22% !important;
  display: none;
}

.live-monitor #table-cash td:nth-child(7), .live-monitor table.dataTable th:nth-child(7) {
  width: 8% !important;
  display: none;
}

.live-monitor #table-cash td:nth-child(8), .live-monitor table.dataTable th:nth-child(8) {
  width: 6%;
}

#table-master-service_wrapper .row:nth-child(3) {
  display: none !important
}

#table-master-service_wrapper .row:first-child .col-sm-6:nth-child(2) {
  width: 100% !important;
}

#table-master-service_wrapper .dataTables_filter {
  text-align: left;
  background: #ececec;
  padding: 5px 10px 2px;
}

#table-master-service td {
  width: auto;
  max-width: 28px !important;
  min-width: 50px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#table-master-service_wrapper th {
  min-width: 28px !important;
  max-width: 50px !important;
  width: 20% !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#table-master-service td:nth-child(1), #table-master-service_wrapper th:nth-child(1) {
  width: 14.8% !important;
}

#table-master-service td:nth-child(2), #table-master-service_wrapper th:nth-child(2) {
  width: 22.5% !important;
}

#table-master-service td:nth-child(3), #table-master-service_wrapper th:nth-child(3) {
  width: 28px !important;
}

#table-master-service td:nth-child(4), #table-master-service_wrapper th:nth-child(4) {
  width: 13.2% !important;
}

#table-master-service td:nth-child(5), #table-master-service_wrapper th:nth-child(5) {
  width: 19.5% !important;
}

#table-master-service td:nth-child(6), #table-master-service_wrapper th:nth-child(6) {
  width: 14.5% !important;
}

#report3_step1_tab1_1 #report3_list_1_wrapper .row:first-child .col-sm-6:first-child, #report2_step2_tab1_1 #report2_list_1_wrapper .row:first-child .col-sm-6:first-child, #report1_step2_tab1_1 #report1_list_1_wrapper .row:first-child .col-sm-6:first-child, #report2_step4_tabs1 #list_report2_1_wrapper .row:first-child .col-sm-6:first-child {
  display: none !important;
}

/* My status */

#configMyStatus-popup {
  background: #ffffff;
}

#configMyStatus-popup .slimScrollDiv {
  height: 250px !important
}

#configMyStatus-popup .slim-scroll {
  background: url(../images/popup-mystatus.jpg) repeat-y left bottom;
  height: 250px !important;
}

#configMyStatus-popup, #configMyStatus-popup #configMyStatus {
  height: 380px !important;
}

.slimScrollBar.ui-draggable, .slimScrollRail {
  width: 10px !important;
}

/* scroll datatables just for chrome */

::-webkit-scrollbar {
  width: 12px !important;
}

::-webkit-scrollbar-track {
  background: rgba(134, 132, 132, 0.3) !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  background: rgba(118, 118, 118, 1) !important;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(118, 118, 118, 1) !important;
}

.relative {
  position: Relative;
}

/* Live Monitor icons */

.status_error0, .status_error1, .status_error2, .status_error3, .status_error4 {
  width: 17px;
  height: 19px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  cursor: default;
}

.span_error0, .span_error1, .span_error2, .span_error3, .span_error4, .span_no-error {
  width: 17px;
  height: 23px;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  padding: 4px;
}

.error0, .error1, .error2, .error3, .error4, .error-1, .error-4, .no-error {
  padding: 1px 0px;
  width: 25px;
  height: 19px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
  cursor: default;
  margin: 1px 1px;
  white-space: nowrap;
  overflow: hidden;
}

.no-error {
  background: url(../images/icons/other_16.png) no-repeat left center;
  opacity: 0.3;
}

.error-1 {
  background: url(../images/icons/online_16.png) no-repeat left center;
  padding-top: 3px;
  height: 19px;
  width: 16px;
}

.error0 {
  background: url(../images/icons/other_20.png) no-repeat left center;
  padding-top: 3px;
}

.span_error0 {
  background: #44b155;
}

.status_error0 {
  background: url(../images/icons/online_20.png) no-repeat left center;
}

.error1 {
  background: url(../images/icons/warning_20.png) no-repeat left center;
  padding-top: 3px;
}

.span_error1 {
  background: #febf01;
  /* Old browsers */
  background: -moz-linear-gradient(left, #febf01 0%, #fcdd80 9%, #f9f3de 14%, #f4ecd2 17%, #f7e7b2 22%, #febf01 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #febf01), color-stop(9%, #fcdd80), color-stop(14%, #f9f3de), color-stop(17%, #f4ecd2), color-stop(22%, #f7e7b2), color-stop(100%, #febf01));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #febf01 0%, #fcdd80 9%, #f9f3de 14%, #f4ecd2 17%, #f7e7b2 22%, #febf01 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #febf01 0%, #fcdd80 9%, #f9f3de 14%, #f4ecd2 17%, #f7e7b2 22%, #febf01 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #febf01 0%, #fcdd80 9%, #f9f3de 14%, #f4ecd2 17%, #f7e7b2 22%, #febf01 100%);
  /* IE10+ */
  background: linear-gradient(to right, #febf01 0%, #fcdd80 9%, #f9f3de 14%, #f4ecd2 17%, #f7e7b2 22%, #febf01 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf01', endColorstr='#febf01', GradientType=1);
  /* IE6-9 */
}

.status_error1 {
  background: url(../images/icons/warning_20.png) no-repeat left center;
}

.error2 {
  background: url(../images/icons/error_20.png) no-repeat left center;
  padding-top: 3px;
}

.span_error2 {
  background: #ed9017;
  /* Old browsers */
  background: -moz-linear-gradient(left, #ed9017 0%, #ea8c00 0%, #ea8c00 10%, #ea8c00 10%, #f2d3a4 18%, #f2d3a4 24%, #f2d3a4 24%, #ea8c00 40%, #ea8c00 40%, #ea9023 51%, #de9b20 100%, #dd7c21 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ed9017), color-stop(0%, #ea8c00), color-stop(10%, #ea8c00), color-stop(10%, #ea8c00), color-stop(18%, #f2d3a4), color-stop(24%, #f2d3a4), color-stop(24%, #f2d3a4), color-stop(40%, #ea8c00), color-stop(40%, #ea8c00), color-stop(51%, #ea9023), color-stop(100%, #de9b20), color-stop(100%, #dd7c21));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #ed9017 0%, #ea8c00 0%, #ea8c00 10%, #ea8c00 10%, #f2d3a4 18%, #f2d3a4 24%, #f2d3a4 24%, #ea8c00 40%, #ea8c00 40%, #ea9023 51%, #de9b20 100%, #dd7c21 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #ed9017 0%, #ea8c00 0%, #ea8c00 10%, #ea8c00 10%, #f2d3a4 18%, #f2d3a4 24%, #f2d3a4 24%, #ea8c00 40%, #ea8c00 40%, #ea9023 51%, #de9b20 100%, #dd7c21 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #ed9017 0%, #ea8c00 0%, #ea8c00 10%, #ea8c00 10%, #f2d3a4 18%, #f2d3a4 24%, #f2d3a4 24%, #ea8c00 40%, #ea8c00 40%, #ea9023 51%, #de9b20 100%, #dd7c21 100%);
  /* IE10+ */
  background: linear-gradient(to right, #ed9017 0%, #ea8c00 0%, #ea8c00 10%, #ea8c00 10%, #f2d3a4 18%, #f2d3a4 24%, #f2d3a4 24%, #ea8c00 40%, #ea8c00 40%, #ea9023 51%, #de9b20 100%, #dd7c21 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed9017', endColorstr='#dd7c21', GradientType=1);
  /* IE6-9 */
}

.status_error2 {
  background: url(../images/icons/error_20.png) no-repeat left center;
}

.error3 {
  background: url(../images/icons/outOfOrder_16.png) no-repeat left center;
  padding-top: 2px;
}

.error4 {
  background: url(../images/icons/outOfOrder_20.png) no-repeat left center;
  padding-top: 2px;
}

.span_error3 {
  background: #ed9017;
  /* Old browsers */
  background: -moz-linear-gradient(left, #ed9017 0%, #ff0000 0%, #e52a00 7%, #ea7e7e 9%, #f9a7a7 12%, #f9a7a7 14%, #f9a7a7 16%, #f9a7a7 18%, #fc5a5a 21%, #fc5a5a 21%, #fc5a5a 22%, #fc5a5a 22%, #fc5a5a 24%, #fc5a5a 24%, #ff4300 26%, #ff4300 29%, #ff4300 33%, #f70000 50%, #e52222 100%, #e52222 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ed9017), color-stop(0%, #ff0000), color-stop(7%, #e52a00), color-stop(9%, #ea7e7e), color-stop(12%, #f9a7a7), color-stop(14%, #f9a7a7), color-stop(16%, #f9a7a7), color-stop(18%, #f9a7a7), color-stop(21%, #fc5a5a), color-stop(21%, #fc5a5a), color-stop(22%, #fc5a5a), color-stop(22%, #fc5a5a), color-stop(24%, #fc5a5a), color-stop(24%, #fc5a5a), color-stop(26%, #ff4300), color-stop(29%, #ff4300), color-stop(33%, #ff4300), color-stop(50%, #f70000), color-stop(100%, #e52222), color-stop(100%, #e52222));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #ed9017 0%, #ff0000 0%, #e52a00 7%, #ea7e7e 9%, #f9a7a7 12%, #f9a7a7 14%, #f9a7a7 16%, #f9a7a7 18%, #fc5a5a 21%, #fc5a5a 21%, #fc5a5a 22%, #fc5a5a 22%, #fc5a5a 24%, #fc5a5a 24%, #ff4300 26%, #ff4300 29%, #ff4300 33%, #f70000 50%, #e52222 100%, #e52222 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #ed9017 0%, #ff0000 0%, #e52a00 7%, #ea7e7e 9%, #f9a7a7 12%, #f9a7a7 14%, #f9a7a7 16%, #f9a7a7 18%, #fc5a5a 21%, #fc5a5a 21%, #fc5a5a 22%, #fc5a5a 22%, #fc5a5a 24%, #fc5a5a 24%, #ff4300 26%, #ff4300 29%, #ff4300 33%, #f70000 50%, #e52222 100%, #e52222 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #ed9017 0%, #ff0000 0%, #e52a00 7%, #ea7e7e 9%, #f9a7a7 12%, #f9a7a7 14%, #f9a7a7 16%, #f9a7a7 18%, #fc5a5a 21%, #fc5a5a 21%, #fc5a5a 22%, #fc5a5a 22%, #fc5a5a 24%, #fc5a5a 24%, #ff4300 26%, #ff4300 29%, #ff4300 33%, #f70000 50%, #e52222 100%, #e52222 100%);
  /* IE10+ */
  background: linear-gradient(to right, #ed9017 0%, #ff0000 0%, #e52a00 7%, #ea7e7e 9%, #f9a7a7 12%, #f9a7a7 14%, #f9a7a7 16%, #f9a7a7 18%, #fc5a5a 21%, #fc5a5a 21%, #fc5a5a 22%, #fc5a5a 22%, #fc5a5a 24%, #fc5a5a 24%, #ff4300 26%, #ff4300 29%, #ff4300 33%, #f70000 50%, #e52222 100%, #e52222 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed9017', endColorstr='#e52222', GradientType=1);
  /* IE6-9 */
}

.span_error4 {
  background: #ed9017;
  /* Old browsers */
  background: -moz-linear-gradient(left, #ed9017 0%, #ff0000 0%, #e52a00 7%, #ea7e7e 9%, #f9a7a7 12%, #f9a7a7 14%, #f9a7a7 16%, #f9a7a7 18%, #fc5a5a 21%, #fc5a5a 21%, #fc5a5a 22%, #fc5a5a 22%, #fc5a5a 24%, #fc5a5a 24%, #ff4300 26%, #ff4300 29%, #ff4300 33%, #f70000 50%, #e52222 100%, #e52222 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ed9017), color-stop(0%, #ff0000), color-stop(7%, #e52a00), color-stop(9%, #ea7e7e), color-stop(12%, #f9a7a7), color-stop(14%, #f9a7a7), color-stop(16%, #f9a7a7), color-stop(18%, #f9a7a7), color-stop(21%, #fc5a5a), color-stop(21%, #fc5a5a), color-stop(22%, #fc5a5a), color-stop(22%, #fc5a5a), color-stop(24%, #fc5a5a), color-stop(24%, #fc5a5a), color-stop(26%, #ff4300), color-stop(29%, #ff4300), color-stop(33%, #ff4300), color-stop(50%, #f70000), color-stop(100%, #e52222), color-stop(100%, #e52222));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #ed9017 0%, #ff0000 0%, #e52a00 7%, #ea7e7e 9%, #f9a7a7 12%, #f9a7a7 14%, #f9a7a7 16%, #f9a7a7 18%, #fc5a5a 21%, #fc5a5a 21%, #fc5a5a 22%, #fc5a5a 22%, #fc5a5a 24%, #fc5a5a 24%, #ff4300 26%, #ff4300 29%, #ff4300 33%, #f70000 50%, #e52222 100%, #e52222 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #ed9017 0%, #ff0000 0%, #e52a00 7%, #ea7e7e 9%, #f9a7a7 12%, #f9a7a7 14%, #f9a7a7 16%, #f9a7a7 18%, #fc5a5a 21%, #fc5a5a 21%, #fc5a5a 22%, #fc5a5a 22%, #fc5a5a 24%, #fc5a5a 24%, #ff4300 26%, #ff4300 29%, #ff4300 33%, #f70000 50%, #e52222 100%, #e52222 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #ed9017 0%, #ff0000 0%, #e52a00 7%, #ea7e7e 9%, #f9a7a7 12%, #f9a7a7 14%, #f9a7a7 16%, #f9a7a7 18%, #fc5a5a 21%, #fc5a5a 21%, #fc5a5a 22%, #fc5a5a 22%, #fc5a5a 24%, #fc5a5a 24%, #ff4300 26%, #ff4300 29%, #ff4300 33%, #f70000 50%, #e52222 100%, #e52222 100%);
  /* IE10+ */
  background: linear-gradient(to right, #ed9017 0%, #ff0000 0%, #e52a00 7%, #ea7e7e 9%, #f9a7a7 12%, #f9a7a7 14%, #f9a7a7 16%, #f9a7a7 18%, #fc5a5a 21%, #fc5a5a 21%, #fc5a5a 22%, #fc5a5a 22%, #fc5a5a 24%, #fc5a5a 24%, #ff4300 26%, #ff4300 29%, #ff4300 33%, #f70000 50%, #e52222 100%, #e52222 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed9017', endColorstr='#e52222', GradientType=1);
  /* IE6-9 */
}

.status_error3 {
  background: url(../images/icons/outOfOrder_20.png) no-repeat left center;
}

.status_error4 {
  background: url(../images/icons/outOfOrder_20.png) no-repeat left center;
}

.action-checkbox {
  background: url(../images/icons/checkbox.png) no-repeat left center;
  width: 16px;
  height: 16px;
  display: table-cell;
}

.action-checkbox-overdue {
  background: url(../images/icons/checkbox-red.png) no-repeat left center;
  width: 16px;
  height: 16px;
  display: table-cell;
}

.action-checkbox-pending {
  background: url(../images/icons/checkbox-yellow.png) no-repeat left center;
  width: 16px;
  height: 16px;
  display: table-cell;
}

.action-checkbox-none {
  background: url(../images/icons/checkbox-none.png) no-repeat left center;
  width: 16px;
  height: 16px;
  display: table-cell;
}

.header-error {
  min-height: 30px;
  background: #f7f7f7;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#FFA500), to(#FFA500));
  background-image: -webkit-linear-gradient(top, #FFA500, 0%, #FFA500, 100%);
  background-image: -moz-linear-gradient(top, #FFA500 0%, #FFA500 100%);
  background-image: linear-gradient(to bottom, #FFA500 0%, #FFA500 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFFA500', endColorstr='#ffFFA500', GradientType=0);
  color: #333333;
  border: none;
}

.header-warning {
  min-height: 30px;
  background: #f7f7f7;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#FFF104), to(#FFF104));
  background-image: -webkit-linear-gradient(top, #FFF104, 0%, #FFF104, 100%);
  background-image: -moz-linear-gradient(top, #FFF104 0%, #FFF104 100%);
  background-image: linear-gradient(to bottom, #FFF104 0%, #FFF104 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFFF104', endColorstr='#ffFFF104', GradientType=0);
  color: #333333;
  border: none;
}

.header-critical {
  min-height: 30px;
  background: #f7f7f7;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ff5c33), to(#ff5c33));
  background-image: -webkit-linear-gradient(top, #ff5c33, 0%, #ff5c33, 100%);
  background-image: -moz-linear-gradient(top, #ff5c33 0%, #ff5c33 100%);
  background-image: linear-gradient(to bottom, #ff5c33 0%, #ff5c33 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff5c33', endColorstr='#ffff5c33', GradientType=0);
  color: #333333;
  border: none;
}

.header-other {
  min-height: 30px;
  background: #D7D7D7;
  color: #333333;
  border: none;
}

.widget-body-flag-list label, .widget-body-flag-list .lbl {
  vertical-align: top;
}

.widget-body-flag-list input[type="radio"], .widget-body-flag-list input[type="checkbox"] {
  line-height: normal;
  margin: 2px 3px 7px 0px;
}

.widget-body-flag-list li:first-child input[type="radio"], .widget-body-flag-list li:first-child input[type="checkbox"] {
  line-height: normal;
  margin: 3px 3px 0px 0px;
}

.widget-body-flag-list {
  border: none;
}

.flaglist-container {
  padding: 0 !important;
}

.modal-body {
  padding: 5px 18px;
}

.modal-footer {
  border-top-color: #e4e9ee;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #ffffff;
  border: none;
  margin-top: 0;
  padding: 5px 5px;
}

.modal-header {
  padding: 6px 6px;
  border-bottom: 2px solid #e4e4e4;
  background: #EDEDED;
}

.error_box_header {
  padding: 1px 6px;
}

.modal-header-subtitle {
  padding: 10px 6px 2px;
  font-size: 14px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #e81212!important;
  border-color: #B40909;
}

.btn-primary {
  background-color: #B40909 !important;
  border-color: #B40909;
}

.dashboard-config-container.open {
  width: 100%;
  text-align: center;
  height: 110px;
  margin-top: -17px;
}

#widgets-panel {
  background-color: #9A9A9A;
  border-top: #F10D0D solid 2px;
  border-bottom: 1px solid #B5B4B4;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  max-width: 600px;
}

.dashboard-config-container.close {
  width: 100%;
  text-align: center;
  border: none;
  background: none;
  margin-top: -17px;
  height: 30px;
  opacity: 1;
}

#dashboard-config-container {
  position: relative;
  margin-right: -20px;
  margin-left: -20px;
}

div.float {
  overflow: auto;
}

div.float>div {
  float: left;
  list-style-type: none;
}

.centered>div.float>div {
  padding-left: 1em;
  padding-right: 1em;
}

div.float.even>div {
  width: 12%;
}

ul.float {
  overflow: auto;
}

ul.float>li {
  float: left;
  list-style-type: none;
}

.centered>ul.float>li {
  padding-left: 1em;
  padding-right: 1em;
}

ul.float.even>li {
  width: 12%;
}

.item-widget {
  height: 79px;
  background: #f7f7f7;
  color: #333;
  padding-top: 30px;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
  width: 15.4% !important;
  text-align: center;
  z-index: 9998;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
  font-size: 12px;
  cursor: pointer;
}

#w1 {
  background: url(../images/icons/widget-icon-1.png) no-repeat center;
}

#w2 {
  background: url(../images/icons/widget-icon-2.png) no-repeat center;
}

#w3 {
  background: url(../images/icons/widget-icon-3.png) no-repeat center;
}

#w4 {
  background: url(../images/icons/widget-icon-4.png) no-repeat center;
}

#w5 {
  background: url(../images/icons/widget-icon-5.png) no-repeat center;
}

#w6 {
  background: url(../images/icons/widget-icon-6.png) no-repeat center;
}

#w7 {
  background: url(../images/icons/widget-icon-7.png) no-repeat center;
}

#w8 {
  background: url(../images/icons/widget-icon-8.png) no-repeat center;
}

#w9 {
  background: url(../images/icons/widget-icon-9.png) no-repeat center;
}

#w10 {
  background: url(../images/icons/widget-icon-4.png) no-repeat center;
}

#w11 {
  background: url(../images/icons/widget-icon-11.png) no-repeat center;
}

#mw1 {
  background: url(../images/icons/widget-icon-1.png) no-repeat center;
}

#mw2 {
  background: url(../images/icons/widget-icon-2.png) no-repeat center;
}

#mw3 {
  background: url(../images/icons/widget-icon-3.png) no-repeat center;
}

#mw4 {
  background: url(../images/icons/widget-icon-4.png) no-repeat center;
}

#mw5 {
  background: url(../images/icons/widget-icon-5.png) no-repeat center;
}

#mw6 {
  background: url(../images/icons/widget-icon-6.png) no-repeat center;
}

#mw7 {
  background: url(../images/icons/widget-icon-7.png) no-repeat center;
}

#mw8 {
  background: url(../images/icons/widget-icon-8.png) no-repeat center;
}

#mw9 {
  background: url(../images/icons/widget-icon-9.png) no-repeat center;
}

#mw10 {
  background: url(../images/icons/widget-icon-4.png) no-repeat center;
}

#mw11 {
  background: url(../images/icons/widget-icon-11.png) no-repeat center;
}

.m-item-widget label {
  font-size: 11px;
  margin-top: 8px;
  margin-left: 15px;
}

.m-item-widget label span {
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80px;
}

.open-dashboard-config {
  background: url(../images/icons/dashboard-conf-icon.png) no-repeat center bottom;
  width: 54px;
  height: 25px;
  opacity: 0.7;
  z-index: 9999;
  cursor: pointer;
}

.open-dashboard-config:hover {
  opacity: 1;
}

.close-dashboard-config {
  background: url(../images/icons/dashboard-conf-icon.png) no-repeat center top;
  width: 54px;
  height: 25px;
  opacity: 0.7;
  cursor: pointer;
}

.close-dashboard-config:hover {
  opacity: 1;
}

.open-dashboard-config:active {
  background: url(../images/icons/dashboard-conf-icon.png) no-repeat center top;
}

.close-dashboard-config:active {
  background: url(../images/icons/dashboard-conf-icon.png) no-repeat center bottom;
}

#zoom-slider {
  height: 200px;
  width: 12px;
  position: absolute;
  z-index: 999;
  left: 28px;
  top: 80px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border: none;
}

#zoom-slider, #zoom-slider .ui-widget-content {
  background: none;
  background-color: white;
}

#zoom-slider .ui-slider-handle {
  background: white;
  border: 1px solid #9D9D9D;
  height: 1em;
  margin-left: -1px;
  width: 21px;
  display: block;
  background-color: #333333;
  color: #333333;
}

#zoom-slider .ui-slider-handle:hover {
  border: 1px solid #888888;
}

#zoom-slider .ui-slider-pip {
  left: 2px;
}

.details {
  font-size: 14px;
  line-height: 1.5;
  padding: 4px 0px;
}

.details_info_box>div:first-child {
  border-bottom: 2px solid #DCDFE2;
  width: 100%;
  padding-bottom: 10px;
  margin: 0;
  overflow: auto;
}

.details_info_box>div:second-child {
  width: 100%;
  clear: both;
  overflow: auto;
  padding-top: 10px;
}

.details_line {
  width: 100%;
  border-bottom: 1px dotted #E7E7E7;
  display: inline-block;
}

.details_line_left {
  float: left;
  padding: 4px 2px;
  clear: both;
  width: 15%;
  color: #009;
}

.details_line_right {
  float: left;
  padding: 4px 2px;
  width: 50%;
}

.details_first_box {
  border-bottom: 2px solid #DCDFE2;
  width: 100%;
  height: auto;
}

.details_second_box {
  width: 100%;
  margin-top: 5px;
}

#pm-action_form {
  width: 100%;
  display: inline-block;
}

#pm-action_form div {
  margin-bottom: 10px;
}

#pm-action_form .checkbox {
  padding-left: 10px;
}

#pm-action_form select {
  width: 96%;
}

.pm-action .modal-body {
  padding: 5px 10px;
}

.modal-dialog-form {
  padding: 5px 0px;
}

.pm-action .modal-footer {
  padding: 10px 20px;
}

.pm-action h5 {
  color: #000;
  padding-left: 18px;
}

.pm-action .chosen-container.chosen-container-single {
  width: 100% !important;
}

.datepicker-dropdown {
  z-index: 9999 !important;
}

.color-red {
  color: #c00909 !important;
}

a:active, a:active i, i:active {
  color: #c00909 !important;
}

ul#myTab li a img.icon {
  width: 20%;
}

.btn-info.btn-grey a {
  color: #ffffff;
  font-size: 8px;
}

#dashboard-config-container .btn-info.btn-grey {
  position: absolute;
  right: -1px;
  top: 4px;
}

.btn-info.btn-grey {
  padding: 0px 9px;
  font-size: 9px;
  clear: both;
  height: 26px;
  display: none;
}

.default_panel_btn {
  font-size: 16px;
  padding: 0px 3px;
  margin: 0px 2px;
}

.default_panel_btn .fa {
  padding: 0px 4px;
}

.default_panel_btn a {
  color: #ffffff;
}

/*scroll tabs*/

.tabbable .btn.btn-info.dropdown-toggle {
  margin-top: 1px;
  padding: 0px 8px;
  z-index: 100;
  margin-right: 13px;
  display: inline-block;
}

.tabbable ul.dropdown-menu {
  min-width: auto!important;
  right: -2px;
  padding: 0px;
  top: 37px;
  border-top: none;
}

.nav .caret {
  border-bottom-color: #000;
  border-top-color: #000;
}

.nav-tabs>li.selected>a, .nav-tabs>li.selected>a:hover, .nav-tabs>li.selected>a:focus {
  background-color: #fff;
  border-color: #db0202 #c5d0dc transparent;
  border-top: 2px solid #db0202;
  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
  color: #576373;
  line-height: 16px;
  margin-top: 0;
  z-index: 12;
}

.ui-slider-tabs-list-wrapper {
  width: 95% !important;
}

#menu_ticket_chart_ul ul.menu_ticket_hour.scroll-list {
  max-height: 167px !important;
  height: auto !important;
  overflow: hidden;
  width: auto;
}

.max-height {
  max-height: 2000px !important;
}

#tree1 {
  display: none;
}

.scroll-tree {
  width: 24%;
  float: left;
  margin: 0px;
  border: 10px solid #ececec;
  background-color: #ffffff;
}

table.DTCR_clonedTable {
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 202;
  max-width: 200px !important;
}

div.DTCR_pointer {
  width: 1px;
  background-color: #0259C4;
  z-index: 201;
}

.dd-option {
  height: 32px !important;
}

.dd-option-text {
  line-height: 30px !important;
}

.dd-selected-text {
  line-height: 30px !important;
}

.dd-option {
  padding: 1px 5px !important
}

.dd-selected {
  padding: 1px 2px !important
}

.dd-selected label {
  line-height: 30px !important;
  margin-bottom: 0px !important;
}

.dd-option label {
  margin-bottom: 0px !important;
}

#list_wrapper .row:nth-child(3) {
  display: none;
}

#list_wrapper .row:first-child {
  background-color: #ffffff;
  padding: 0px 0px 4px 0px;
}

#list_wrapper th {
  background-color: #eaeef3;
}

#list_length {
  margin-left: -12px;
}

.title {
  margin-left: 8px;
}

ol.bonsai label {
  font-size: 13px;
}

ol.bonsai input {
  margin-right: 5px;
}

.datepicker.datepicker-dropdown.dropdown-menu {
  background: #ffffff !important;
}

.master-mandators-list {
  background-color: #ffffff;
}

.master-mandators-list .lbl {
  vertical-align: top;
  font-size: 13px;
}

.master-mandators-list input[type="checkbox"] {
  padding: 0;
  margin: 2px 4px 0px 2px;
}

.template, .fields {
  padding: 4px 0px;
}

.template, .fields button {
  margin-top: -4px;
}

.fields_table {
  width: 100%;
  border: solid 1px #E5E5E5;
}

.fields_table tr:nth-child(even) {
  background: #F9F9F9
}

.fields_table tr:nth-child(odd) {
  background: #FFFFFF;
}

.fields_table thead tr:first-child {
  background: #DADADA !important;
}

.fields_table td {
  padding: 4px !important;
}

.fields_table th {
  padding: 4px !important;
  text-align: left !important;
}

#columndef label {
  min-width: 62px;
  font-size: 13px;
}

#columndef td select {
  height: 24px;
  padding: 0px 2px;
}

#columndef td input[type="text"] {
  height: 24px;
  padding: 0px 2px;
}

#columndefinition_info_form td {
  padding: 6px;
}

#columndefinition_info_form .dd-options {
  width: 160px !important;
}

#columndefinition_info_form .dd-select {
  width: 160px !important;
}

#filterdefinition_info_form td {
  padding: 6px;
}

#filterdefinition_info_form .dd-options {
  width: 160px !important;
}

#filterdefinition_info_form .dd-select {
  width: 160px !important;
}

.tree_table_container {
  float: left;
  overflow: hidden;
  height: auto;
  width: 50%;
  padding-left: 4px;
}

.treetable tr:nth-child(even) {
  background-color: #ffffff;
}

#columndefinition_form .dataTables_wrapper .row:first-child {
  display: none;
}

/* ddslick */

.dd-option-description {
  display: none !important;
}

.dd-desc {
  display: none !important;
}

th.bg-error {
  background-color: #ffa500;
  color: #000000;
  border: px solid #E7B067 !important;
}

th.bg-warning {
  background-color: #fff104;
  color: #000000;
  border: 1px solid #E4E243 !important;
}

th.bg-critical {
  background-color: #ff5c33;
  color: #000000;
  border: 1px solid #E4E243 !important;
}

th.bg-other {
  background-color: #d7d7d7;
  color: #000000;
  border: 1px solid #D0CCCC !important
}

ul.list_summary_header {
  display: inline-block;
  width: 100%;
  margin-left: 0px;
}

ul.list_summary_header li {
  float: left;
  list-style-type: none;
  margin-right: 30px;
  font-weight: bold;
}

input[type="radio"], input[type="checkbox"] {
  float: left;
  margin-right: 5px;
}

.tree_table_container input[type="radio"], .tree_table_container input[type="checkbox"] {
  float: none;
  display: inline-block;
  margin-right: 5px;
}

#fields_table_container {
  margin-top: 10px;
}

#fields_table_wrapper .row:last-child {
  display: none;
}

.disable_option {
  display: none;
}

.vertical_text {
  transform: rotate(-90deg);
  transform-origin: right top;
  float: left;
  display: none;
}

.dataTable thead>tr>th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
  text-align: center;
  min-width: 120px !important;
}

.dataTable thead>tr>td {
  min-width: 120px !important;
}

.dataTable th[class*=sort]:after {
  font-size: 11px;
  top: 2px;
}

.dataTable th.sorting_desc:after {
  top: -2px;
}

.table thead tr>th, .table tbody tr>th, .table tfoot tr>th, .table thead tr>td, .table tbody tr>td, .table tfoot tr>td {
  padding: 5px !important;
}

#fields_table_filter {
  display: none;
}

#err_message {
  padding-top: 20px;
  padding-bottom: 15px;
  padding-left: 10px;
  height: auto;
  width: 90%;
}

.box-border {
  display: inline-block;
  padding: 10px 5px;
  margin: 10px 0px 15px;
  border: 2px solid #ddd;
  width: 100%;
}

.box-border input[type="checkbox"], .box-border input[type="radio"] {
  margin-bottom: 11.5px;
}

.box-border input[type="radio"] {
  margin-left: 10px;
}

.align-right {
  text-align: right;
}

form#emv_filter_parameters {
  margin-top: 20px;
}

.ticketduration-table tr:last-child td {
  font-weight: bold;
  background-color: rgb(237, 237, 237) !important;
}

.ticketduration-table tr:nth-last-child(2) td {
  font-weight: bold;
  background-color: rgb(237, 237, 237) !important;
}

.paginate_button {
  margin: 0px 3px;
}

.dataTables_paginate a {
  cursor: pointer;
}

.warning_message_box {
  color: #ff0000;
  padding: 25px 10px;
}

#warning_message {
  padding-top: 15px;
}

#error_message {
  padding-top: 15px;
}

#custom_message {
  padding-top: 15px;
}

.dataTables_scroll {
  clear: both;
  overflow: visible;
}

.ftable_header_text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  float: left;
}

.ftable_cell_text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

.dataTables_length {
  float: left;
}

.dataTables_filter {
  float: right;
}

.show_only_coinbox_exchanges {
  clear: both;
  padding: 20px 14px;
}

.show_only_coinbox_exchanges_result label {
  font-weight: bold
}

.show_only_coinbox_exchanges_result {
  padding: 10px;
}

.checkbox_select_all_box {
  padding: 10px 0px !important;
}

.ect_trasactiontype_selction_ckb {
  margin: 0 !important;
}

.transaction_types_list div {
  padding: 5px 2px;
}

.transaction_types_list div label {
  font-size: 13px;
  margin-top: -4px;
  margin-left: 3px
}

.column_definition {
  float: right;
  margin-top: 6px;
  margin-right: 6px;
}

.report_result {
  float: left;
}

.menu-text {
  font-weight: bold;
}

.menu-text-report {
  padding: 0px 20px 0px 0px;
  font-weight: normal;
}

.report-step {
  font-weight: bold;
}

.charts_btn {
  background-image: url('../images/charts_btn.png');
  background-position-x: 0px;
  background-position-y: 0px;
  width: 26px;
  height: 26px;
}

.charts_btn:over {
  background-image: url('../images/charts_btn.png');
  background-position-x: 0px;
  background-position-y: 26px;
  width: 26px;
  height: 26px;
}

.charts_btn_selected {
  background-image: url('../images/charts_btn.png');
  background-position-x: 0px;
  background-position-y: 26px;
  width: 26px;
  height: 26px;
}

.jqx-splitter-splitbar-vertical .jqx-fill-state-pressed {
  background-color: #ff0000;
}

.jqx-splitter-splitbar-vertical {
  background-color: #989898;
}

.columdef {
  margin-right: 4px !important;
  margin-top: 2px !important;
  float: right;
}

.charts {
  margin-right: 4px !important;
  margin-top: 6px !important;
  float: right;
}

.time_selector_container {
  float: left;
  min-width: 320px;
  min-height: 180px;
  background-color: #F5F5F5;
  margin-left: 10px;
  margin-top: 5px;
  padding-left: 8px;
  margin-bottom: 6px;
  border: #DADADA 1px solid;
}

.datetimectrl {
  max-width: 132px!important;
  float: left;
  padding: 4px 4px;
}

.time_rb {
  font-size: 13px;
  line-height: 30px;
}

.radio_for_sel_period_type {
  min-height: 25px;
  padding-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  vertical-align: middle;
  margin-right: 10px !important;
  padding-top: 4px !important;
  padding-left: 4px !important;
  padding-bottom: 4px !important;
  border-bottom: 1px solid #D15B47 !important;
}

.cell_checkbox {
  width: 19px;
  height: 19px;
  background: url('../images/cell_checkbox.png');
}

.cell_checkbox0 {
  width: 19px;
  height: 19px;
  background: url('../images/cell_checkbox.png');
}

.cell_checkboxnull {
  width: 19px;
  height: 19px;
  background: url('../images/cell_checkbox.png');
}

.cell_checkbox1 {
  width: 19px;
  height: 19px;
  background: url('../images/cell_checkbox1.png');
}

.jqx-widget-header {
  visibility: visible !important;
}

#pagermaster-service-widget div div:last-child {
  margin-right: 0px !important;
}

#pagerlive-monitor-widget div div:last-child {
  margin-right: 0px !important;
}

.export_charts_ck {
  float: left;
  margin-right: 10px;
  padding-top: 6px;
  display: none;
}

.error {
  font-size: 12px;
  color: #ff0000;
}

.menu_text {
  font-weight: bold;
}

#selected_mandator_panel form#global_mandator_settings input.form-control, #selected_mandator_panel form#global_mandator_settings select.form-control {
  width: 60% !important;
  display: inline-block !important;
}

#selected_mandator_panel form#global_mandator_config_webapi input.form-control, #selected_mandator_panel form#global_mandator_config_webapi select.form-control {
  width: 60% !important;
  display: inline-block !important;
}

#selected_mandator_panel form#global_mandator_settings label {
  width: 37% !important;
}

#selected_mandator_panel  form#global_mandator_config_webapi label {
  width: 37% !important;
}

#selected_mandator_panel form#global_mandator_settings  label.control-label {
  width: auto!important;
  margin-top: 7px;
}

#selected_mandator_panel  form#global_mandator_config_webapi label.control-label {
  width: auto!important;
  margin-top: 7px;
}


#selected_mandator_panel form#global_mandator_settings div.checkbox {
  display: inline-block !important;
}

#selected_mandator_panel form#global_mandator_config_webapi div.checkbox {
  display: inline-block !important;
}

.report_template .localmandator_panel form#local_mandator_settings input.form-control, .report_template .localmandator_panel form#local_mandator_settings select.form-control {
  width: 60% !important;
  display: inline-block !important;
}

.report_template .localmandator_panel form#local_mandator_settings label {
  width: 37% !important;
}

#modal-form-add-mandator form#add_mandator_form input.form-control, #modal-form-add-mandator form#add_mandator_form select.form-control {
  width: 60% !important;
  display: inline-block !important;
}

#modal-form-add-mandator form#add_mandator_form label {
  width: 37% !important;
}

#modal-form-add-mandator form#add_mandator_form label.control-label {
  width: auto!important;
  margin-top: 7px;
}

#modal-form-add-mandator form#add_mandator_form div.checkbox {
  display: inline-block !important;
}

#modal-form-add-mandator button.btn-primary {
  margin-right: 15px;
}

#modal-form-add-mandator button {
  margin-bottom: 15px;
}

.report_template .personalsettings_panel form#personal_settings input.form-control {
  width: 60% !important;
  display: inline-block !important;
}

.report_template .personalsettings_panel form#personal_settings label {
  display: inline-block;
}

/******* pm view ******/

.pm_details_line {
  width: 100%;
}

.pm_details_line_left {
  float: left;
  padding: 5px 2px;
  clear: both;
  color: #009;
  min-height: 18px;
  min-width: 260px;
}

.pm_details_line_right {
  float: left;
  padding: 5px 2px;
  min-height: 18px;
  width: 33%;
}

.pm_time_selector_container {
  float: left;
  min-width: 320px;
  background-color: #F5F5F5;
  margin-left: 5px;
  margin-top: 5px;
  padding-left: 8px;
  margin-bottom: 6px;
  min-height: 180px;
}

/***** end pm view *****/

.action_images {
  margin-left: 10px;
  height: 16px;
  width: 16px;
}

/* icon when search jqxgrid*/

.jqx-grid-column-filterbutton {
  background-image: none !important;
}

.dynamicfield_table_form td {
  padding: 3px 2px;
}

.editableCell {
  border: 1px solid #5F5C5C !important;
  -webkit-box-shadow: inset 0 0 10px #B9B9B9;
  -moz-box-shadow: inset 0 0 10px #B9B9B9;
  box-shadow: inset 0 0 10px #B9B9B9;
}

.editableCellCk {
  border: 1px solid #5F5C5C !important;
}

.error_box {
  color: #ff0000;
  padding: 4px;
}

/* calendar customizations */

.fc-toolbar {
  display: none;
}

#tiketdurations_intervals .fc-agenda-view .fc-day-grid .fc-row {
  display: none;
}

#tiketdurations_intervals .fc-row .fc-widget-header {
  display: none;
}

.city-news {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  border-bottom: 1px solid #ffffff;
  padding: 4px 6px;
}

.dropdown-preview {
  margin: 0 5px;
  display: inline-block;
}

.dropdown-preview>.dropdown-menu {
  display: block;
  position: static;
  margin-bottom: 5px;
}

input[readonly].default-cursor {
  cursor: default !important;
}

input[type=range] {
  /*removes default webkit styles*/
  -webkit-appearance: none;
  /*fix for FF unable to apply focus style bug */
  border: 1px solid white;
  /*required for proper track sizing in FF*/
  width: 190px;
  margin-top: 8px;
}

input[type=range]::-webkit-slider-runnable-track {
  height: 7px;
  background: #ddd;
  border: none;
  border-radius: 3px;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: lightseagreen;
  margin-top: -4px;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc;
}

input[type=range]::-moz-range-track {
  height: 7px;
  background: #ddd;
  border: none;
  border-radius: 3px;
}

input[type=range]::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: lightseagreen;
}

/*hide the outline behind the border*/

input[type=range]:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

input[type=range]::-ms-track {
  height: 7px;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #777;
  border-radius: 10px;
}

input[type=range]::-ms-fill-upper {
  background: #ddd;
  border-radius: 10px;
}

input[type=range]::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: lightseagreen;
}

.splitter-panel .widgets {
  padding: 6px;
}

.dd-options {
  max-height: 364px;
}

/* show modal popup - remove space from righ side */

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
  margin-right: 0px;
}

.multiselect-container>li>a>label {
  padding: 4px 12px 4px 12px;
}

.multiselect-container .dropdown-menu {
  text-align: left;
}

.jqx-grid-pager {
  font-size: 12px;
}

.jqx-grid-pager .jqx-button {
  margin-top: -2px !important;
}

.jqx-grid-pager .jqx-dropdownlist-state-normal {
  margin-top: -2px !important;
}

.jqx-grid-pager .jqx-grid-pager-input {
  margin-top: -2px !important;
}

.derivation_action_image {
  margin-left: 13px;
  height: 16px;
  width: 16px;
}

.steps_images {
  height: 22px;
}

.btn-mobile-filterdefsettings {
  margin: 0px 8px;
}

.btn-mobile-filterdefsettings i {
  color: #ffffff;
}

.mobile-statistics-actions-ul {
  top: 66px !important;
  right: 14px !important;
  border: 1px solid #e2e2e2 !important;
  width: 220px;
}

.mobile-statistics-actions-ul li {
  padding: 10px;
  text-align: left;
}

.mobile-statistics-actions-ul li button {
  margin: 0px 2px 0px 0px;
}

.mobile-statistics-actions-ul li .export_charts_ck {
  margin: 0px 10px 0px 0px;
  padding-top: 2px;
  font-size: 13px;
}

.back-to-top {
  z-index: 999999;
  position: fixed;
  bottom: 4px;
  opacity: 0.8;
  left: 8px;
}

.portal-components-btns {
  width: 50%;
  margin: 0px;
  display: inline-block;
}

@media (max-width: 767px) and (min-width: 480px) {
  .save-column-denition {
    width: 330px !important;
  }
}

.wideget_dashboard {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.wideget_dashboard_mystatus {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

@media (max-width: 1713px) and (min-width: 1545px) {
  .wideget_dashboard_mystatus {
    width: 53%;
  }
}

@media (max-width: 1544px) and (min-width: 1401px) {
  .wideget_dashboard_mystatus {
    width: 46%;
  }
}

@media (max-width: 1713px) and (min-width: 1470px) {
  .wideget_dashboard {
    width: 61%;
  }
}

@media (max-width: 1469px) and (min-width: 1401px) {
  .wideget_dashboard {
    width: 57%;
  }
}

@media (max-width: 1400px) and (min-width: 1200px) {
  .wideget_dashboard {
    width: 63%;
  }
  .wideget_dashboard_mystatus {
    width: 52%;
  }
}

@media (max-width: 1199px) and (min-width: 990px) {
  .wideget_dashboard {
    width: 69%;
  }
  .wideget_dashboard_mystatus {
    width: 60%;
  }
}

@media (max-width: 989px) and (min-width: 768px) {
  .wideget_dashboard {
    width: 74%;
  }
  .wideget_dashboard_mystatus {
    width: 67%;
  }
}

@media (max-width: 767px) and (min-width: 484px) {
  .wideget_dashboard {
    width: 84%;
  }
  .wideget_dashboard_mystatus {
    width: 75%;
  }
  .portal-components-btns {
    width: 50%;
  }
}

@media (max-width: 483px) and (min-width: 396px) {
  .wideget_dashboard {
    width: 80%;
  }
  .wideget_dashboard_mystatus {
    width: 73%;
  }
  .portal-components-btns {
    width: 100%;
  }
}

@media (max-width: 395px) and (min-width: 319px) {
  .wideget_dashboard {
    width: 73%;
  }
  .portal-components-btns {
    width: 100%;
  }
}

@media (max-width: 395px) and (min-width: 358px) {
  .wideget_dashboard_mystatus {
    width: 70%;
  }
  .portal-components-btns {
    width: 100%;
  }
}

@media (max-width: 357px) and (min-width: 319px) {
  .wideget_dashboard_mystatus {
    width: 65%;
  }
  .portal-components-btns {
    width: 100%;
  }
}

@media (max-width: 318px) {
  .wideget_dashboard {
    width: 54%;
  }
  .wideget_dashboard_mystatus {
    width: 41%;
  }
  .portal-components-btns {
    width: 100%;
  }
}

.date-picker[readonly] {
  cursor: default !important;
  background: #ffffff !important
}

.date-picker[disabled] {
  cursor: not-allowed !important;
  background: #eeeeee !important;
}

.new_user_group {
  display: none;
}

.result_search {
  display: none;
}

.result_not_found {
  display: none;
}

.padding-lg-rh0 {
  padding-left: 0;
  padding-right: 0;
}

.printoutticket-btn {
  background-color: #d15b47;
  padding: 2px 4px;
  color: #ffffff;
  border: none;
}

.printoutticket-btn:hover {
  text-decoration: none;
  background-color: #b74635;
  color: #ffffff !important;
}

.tpl_input {
  width: 300px;
}

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

.daterangepicker.dropdown-menu.opensright {
  z-index: 999999;
}

#my-status-settings-form {
  z-index: 999999;
}